@import url("https://use.typekit.net/xin0rpw.css");
/*@import url("utils/aurigny_icons.css?v=");*/

:root {
    --aur-primary-yellow: #FED302;
    --aur-primary-blue: #0C3B62;
    --aur-primary-red: #F44336;
    --aur-secondary-white: #FFFFFF;
    --aur-secondary-grey: #ECEFF1;
    --aur-secondary-lightgrey: #E9E9E9;
    --aur-secondary-midgrey: #C6C6C6;
    --aur-secondary-darkgrey: #37474F;
    --aur-secondary-black: #000000;
    --aur-secondary-grey-ticket: #f5f5f5;
}

html,
body {
    overflow-x: hidden;
    margin: 0;
    background: #FFFFFF !important;
    font-family: 'museo-sans' !important;
    color: var(--aur-primary-blue) !important;
    user-select: none;
    overscroll-behavior-x: none;
}

html:has(.dp__outer_menu_wrap) {
  overflow: hidden;
}

a {
    color: var(--aur-primary-blue) !important;
}

a:hover,
button:hover {
    opacity: .8;
}

button:disabled,
button[disabled] {
    opacity: 0.8;
}

input:focus {
    outline: none;
}

[v-cloak] {
    display: none;
}

::-webkit-scrollbar {
    width: 6px;
    border-radius: 10px;
    margin: 10px;
    padding: 10px;
}

::-webkit-scrollbar-track {
    background: #D9D9D9;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: var(--aur-secondary-darkgrey);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--aur-secondary-darkgrey);
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.iti {
    width: 100%;
}

.iti .iti__selected-dial-code {
    font-size: 14px;
}

.flatpickr-calendar,
.iti__country, 
.iti__selected-dial-code {
    font-size: 12px !important;
}

.flatpickr-day {
    height: 33px !important;
    line-height: 33px !important;
}

.flatpickr-day.selected {
    background: var(--aur-primary-yellow) !important;
    color: var(--aur-primary-blue) !important;
    border: none !important;
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    width: 12px !important;
    height: 12px !important;
}

.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover,
.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
    color: var(--aur-primary-blue) !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    border: none !important;
}

/* vue date picker */

.dp--menu-loader {
    display: none !important;
}

button.dp__btn.dp__month_year_select {
    font-size: 16px !important;
    background-image: url(../../images/icons/arrow_down_gray.svg);
    background-repeat: no-repeat;
    background-position: 89%;
    background-size: 8px;
}

input.dp__pointer.dp__input_readonly.dp__input.dp__input_icon_pad.dp__input_reg,
input.dp__input_readonly.dp__input.dp__input_icon_pad.dp__input_reg {
    height: 30.5px !important;
    font-size: 11px;
}

.dp__main {
    border-radius: 10px;
}

.dp__main.is-invalid-date .dp__pointer.dp__input_readonly.dp__input.dp__input_icon_pad.dp__input_reg {
    border: 1px solid #dc3545 !important;
}

/* --- */

#app_main {
    display: none;
}

#app-install-screen {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--aur-secondary-white);
    z-index: 9999;
    padding: 20px;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#app-install-screen img {
    width: 250px;
    margin-bottom: 40px;
}

#app-install-screen p {
    font-size: 15px;
}

#app-install-screen h2 {
    font-weight: 500;
}

#app-install-screen #install-button {
    display: flex;
    border: none;
    color: var(--aur-secondary-white);
    background: var(--aur-primary-blue);
    padding: 10px 50px;
    border-radius: 10px;
    align-items: center;
    margin: 20px auto;
    gap: 8px;
    width: 90%;
    justify-content: center;
    font-size: 20px;
}

#app-install-screen #install-button i {
    font-size: 22px;
}

#app-install-screen p#install-instructions {
    font-size: 15px;
}

.overlay_loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(163, 209, 254, 0.7);
    z-index: 1010;
}

.overlay_error_message,
.overlay_success_message {
    touch-action: none;
}

.overlay_loading .box_loading {
    width: 90%;
    margin: 0 auto;
    margin-top: 100px;
}


.overlay_loading .box_loading .header_loading {
    background: var(--aur-primary-blue);
    color: var(--aur-secondary-white);
    width: 100%;
    text-align: center;
    padding: 5px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.overlay_loading .box_loading .main_loading {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 15px;
    background: var(--aur-secondary-white);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 4px 4px 0 var(--aur-secondary-midgrey);
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.overlay_loading .box_loading .main_loading p {
    margin: 0;
}

.overlay_error_message .box_error_message .main_error_message p,
.overlay_success_message .box_success_message .main_success_message p {
    font-size: 13px;
    text-align: center;
    margin-bottom: 8px;
}

.loading_spinner_planes,
.overlay_loading .box_loading .main_loading img {
    margin-top: 10px;
    animation: rotate 2s infinite linear;
}


.overlay_error_message {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(163, 209, 254, 0.7);
    z-index: 1010;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 100px;
}

.box_error_message {
    width: 90%;
    max-width: 400px;
    transition: transform 0.3s ease;
    will-change: transform;
    /* Improves animation performance */
}

.header_error_message {
    background: var(--aur-primary-red);
    color: var(--aur-secondary-white);
    width: 100%;
    text-align: center;
    padding: 12px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.main_error_message {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 20px;
    background: var(--aur-secondary-white);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border: 1px solid var(--aur-primary-red);
    position: relative;
}



.overlay_success_message {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(163, 209, 254, 0.7);
    z-index: 1010;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 100px;
}

.box_success_message {
    width: 90%;
    max-width: 400px;
    transition: transform 0.3s ease;
    will-change: transform;
    /* Improves animation performance */
}

.header_success_message {
    background: var(--aur-primary-blue);
    color: var(--aur-secondary-white);
    width: 100%;
    text-align: center;
    padding: 12px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.main_success_message {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 20px;
    background: var(--aur-secondary-white);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border: 1px solid var(--aur-primary-blue);
    position: relative;
}

.swipe-icon {
    margin: 0 auto;
}


.overlay_notification_popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(163, 209, 254, 0.7);
    z-index: 1010;
}

.overlay_error_message,
.overlay_success_message {
    touch-action: none;
}

.overlay_notification_popup .box_notification_popup {
    width: 90%;
    margin: 0 auto;
    margin-top: 200px;
}


.overlay_notification_popup .box_notification_popup .header_notification_popup {
    background: var(--aur-primary-blue);
    color: var(--aur-secondary-white);
    width: 100%;
    text-align: center;
    padding: 5px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.overlay_notification_popup .box_notification_popup .main_notification_popup {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 25px 30px;
    background: var(--aur-secondary-white);
    border-radius: 10px;
    box-shadow: 0 4px 4px 0 var(--aur-secondary-midgrey);
    flex-direction: column;
    /*align-items: center;*/
    gap: 15px;
}

.overlay_notification_popup .box_notification_popup .main_notification_popup p {
    margin: 0;
    font-size: 14px;
}

.overlay_notification_popup .box_notification_popup .main_notification_popup button {
    margin: 0 auto;
    background: var(--aur-primary-blue);
    color: white;
    padding: 10px 35px;
    border-radius: 12px;
    border: none;
    box-shadow: 0 4px 4px 0 var(--aur-secondary-midgrey);
    margin-top: 15px;
    font-size: 15px;
}

.overlay_notification_popup .box_notification_popup .main_notification_popup #expired_promo_buttons {
    gap: 20px !important;
}

.overlay_notification_popup .box_notification_popup .main_notification_popup #expired_promo_buttons button {
    padding: 10px !important;
    font-size: 12px !important;
    width: 50% !important;
}

.overlay_notification_popup .box_notification_popup .main_notification_popup #expired_promo_buttons .whiteBtn {
    color: var(--aur-primary-blue) !important;
}

.notif-white-btn {
    color: var(--aur-primary-blue) !important;
    background-color: var(--aur-secondary-white) !important;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !important;
}

.logoutBtns {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    gap: 20px;
}
.logoutBtns button {
    width: 50%;
    padding: 10px;
    font-size: 12px !important;
}
.logoutWhiteBtn{
    border: none;
    box-shadow: 0 4px 4px 0 #00000025;
    background-color: var(--aur-secondary-white) !important;
    color: var(--aur-primary-blue) !important;
    width: 100%;
    font-size: 12px;
    height: 45px;
    background: none;
    padding: 5px 15px;
    border-radius: 10px;
}
.logoutBlueBtn{
    border: none;
    box-shadow: 0 4px 4px 0 #00000025;
    background-color: var(--aur-primary-blue) !important;
    color: var(--aur-secondary-white) !important;
    width: 100%;
    font-size: 12px;
    height: 45px;
    background: none;
    padding: 5px 15px;
    border-radius: 10px;
}

/*@keyframes swipeOut {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(0.8);
    }
}*/

@keyframes bounce {
    0%, 100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(10px);
    }
}

/*.swipe-away {
    animation: swipeOut 0.4s forwards;
}*/

@keyframes swipeOutLeft {
    100% {
        transform: translateX(-100%);
        opacity: 0;
    }
}

@keyframes swipeOutRight {
    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes swipeOutUp {
    100% {
        transform: translateY(-100%);
        opacity: 0;
    }
}

@keyframes swipeOutDown {
    100% {
        transform: translateY(100%);
        opacity: 0;
    }
}

.swipe-left {
    animation: swipeOutLeft 0.4s forwards;
}

.swipe-right {
    animation: swipeOutRight 0.4s forwards;
}

.swipe-up {
    animation: swipeOutUp 0.4s forwards;
}

.swipe-down {
    animation: swipeOutDown 0.4s forwards;
}


/* ==== */
/* header */

header.seats_selection_header {
    position: fixed;
    width: 100%;
    z-index: 100;
}

header .navbar {
    background-color: #fed302;
    padding: 10px 15px;
    position: fixed;
    z-index: 1000;
    width: 100%;
    top: 0;
}
body.dark-site header .navbar {
    background-color: #C6C6C6; 
}

body.dark-site main .bottom-navigation {
    background-color: #C6C6C6; 
}

body.dark-site main .nav-item i {
    /* color: #002F6C !important; */
    color: var(--aur-primary-blue);
}
body.dark-site main .nav-item span {
    color: var(--aur-primary-blue);
}

header .navbar .left {
    display: flex;
    align-items: center;
    gap: 15px;
}

header .navbar .left .logo {
    width: 88px;
    height: 35px;
}

header .navbar .right {
    display: flex;
    align-items: center;
    gap: 8px;
}

header .navbar .right i {
    font-size: 25px;
    color: var(--aur-primary-blue);
    height: 20px;
}

header .navbar .right a {
    height: 25px;
}

header .navbar .right .notification-icon .badge {
    position: absolute;
    top: 16px;
    right: 49px;
    border-radius: 50%;
    font-size: 9px;
}

header .profile {
    color: #0d3b62;
    text-decoration: none;
    font-weight: 700;
    font-family: 'museo-sans';
}

header .navbar .right a .badge {
    position: absolute;
    top: 9px;
    right: 41px;
    border-radius: 50%;
}

header .navbar .right a .badge i {
    color: var(--aur-primary-red) !important;
    font-size: 10px !important;
}

header .navbar .right .dot_in_header_logged {
    background: var(--aur-primary-blue);
    padding: 3px;
    border-radius: 20px;
    margin-top: -15px;
    margin-left: -3px;
}


/* main */

.modal {
    background: rgba(163, 209, 254, 0.7);
}

.modal.show .modal-dialog {
    margin-top: 160px;
}

.modal-dialog .modal-content {
    background-color: var(--aur-secondary-white);
    margin: auto;
    padding: 20px;
    border: none;
    padding: 40px 20px;
    text-align: center;
    box-shadow: 0 4px 4px 0 #00000025;
}

#notificationPopup .modal-dialog .modal-content {
    width: 85%;
}

#notificationPopup .modal-dialog .modal-content i {
    font-size: 30px;
    background: var(--aur-primary-yellow);
    padding: 10px;
    border-radius: 100%;
    width: 50px;
    margin: 0 auto;
    margin-bottom: 12px;
}

.modal-dialog .modal-content h5 {
    font-size: 18px;
    font-weight: 500;
    color: var(--aur-primary-blue);
    margin-bottom: 10px;
}

.modal-dialog .modal-content p {
    font-size: 14px;
}

.modal-dialog .modal-content .buttons {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 16px;
}

#notificationPopup .modal-dialog .modal-content .buttons {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 16px;
    flex-direction: column;
    align-items: center;
}

.modal-dialog .modal-content .buttons button {
    border-radius: 10px;
    border: none;
    color: var(--aur-primary-blue);
    padding: 5px 25px;
    background: var(--aur-secondary-white);
    box-shadow: 0 4px 4px 0 #00000025;
    width: 50%;
}

#notificationPopup .modal-dialog .modal-content .buttons button {
    padding: 15px 25px;
    width: 85%;
    font-size: 15px;
}

.modal-dialog .modal-content .buttons button.blue {
    background: var(--aur-primary-blue);
    color: var(--aur-secondary-white);
}

.ff_popup.modal.fade .modal-dialog {
    display: flex;
}

.ff_popup.modal.fade .modal-dialog h5 {
    font-size: 20px;
    font-weight: 600;
    color: var(--aur-primary-blue);
    margin-bottom: 30px;
}

.ff_popup.modal.fade .modal-dialog form {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ff_popup.modal.fade .modal-dialog form input {
    border-radius: 8px !important;
    border: 2px solid var(--aur-secondary-grey) !important;
    padding: 10px 15px;
}

.ff_popup.modal.fade .modal-dialog form input[type="submit"] {
    border: 0 !important;
    background-color: var(--aur-primary-blue) !important;
    color: var(--aur-secondary-white) !important;
    padding: 12px;
}

.ff_popup.modal.fade .modal-dialog form .form_input_row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.ff_popup.modal.fade .modal-dialog h6 {
    margin-top: 25px;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 700;
}

.ff_popup.modal.fade .modal-dialog p {
    width: 80%;
    text-align: center;
    margin: 0 auto;
    font-size: 13px;
}

.ff_popup.modal.fade .modal-dialog .modal-content .buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ff_popup.modal.fade .modal-dialog .modal-content .buttons button {
    width: 100%;
    padding: 12px;
}

.ff_popup.modal.fade .modal-dialog form#createFrequentFlyerAccount label {
    margin-top: 8px;
    font-size: 11px;
}

.ff_popup.modal.fade .modal-dialog form#createFrequentFlyerAccount input {
    border: 1px solid var(--aur-secondary-midgrey) !important;
    padding: 4px 15px;
    width: 100%;
    font-size: 11px;
}

.ff_popup.modal.fade .modal-dialog form#createFrequentFlyerAccount .form-actions {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.ff_popup.modal.fade .modal-dialog form#createFrequentFlyerAccount .form-actions button {
    background: transparent;
    border: 1px solid var(--aur-secondary-lightgrey);
    border-radius: 6px;
    padding: 4px 25px;
}

.ff_popup.modal.fade .modal-dialog form#createFrequentFlyerAccount .form-actions button.primary {
    background: var(--aur-primary-blue);
    color: var(--aur-secondary-white);
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    background-color: var(--aur-primary-blue);
    overflow-x: hidden;
    transition: 0.5s;
    /*padding: 20px;*/
/*    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;*/
}

.sidebar-help-circle {
    font-size: 22px;
   
    color: red !important;
    margin-left: -2px;
    padding-right: 2px;
    margin-top: -2px;

}

.sidenav h5 {
    font-size: 16px;
    font-weight: 600;
    color: var(--aur-secondary-white);
}

.sidenav a {
    padding: 8px 8px 8px 0;
    text-decoration: none;
    font-size: 13px;
    color: var(--aur-secondary-white)!important;
    display: flex;
    gap: 8px;
    transition: 0.3s;
}

.sidenav a:hover {
    opacity: 0.7;
}

.sidenav .main_buttons a {
    font-weight: 600;
    height: 35px;
}

.sidenav .main_buttons a i {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(87deg) brightness(119%) contrast(119%);
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 18px;
    font-size: 28px;
    margin-left: 50px;
}

.sidenav hr {
    margin: 0;
    margin-block: 5px;
    color: var(--aur-secondary-white);
    background: var(--aur-secondary-white);
}

main {
    padding-bottom: 120px;
    margin-top: 70px;
    /*min-height: calc(100vh - 70px - 120px);*/
    min-height: calc(130vh - 70px - 120px);
    box-sizing: border-box;
}

main .hero_image .banner .background {
    position: relative;
    text-align: center;
    color: var(--aur-secondary-white);
    background: gray;
}

main .hero_image .banner .background img {
    width: 100%;
    min-height: 300px;
    max-height: 320px;
    object-fit: cover;
    background: gray;
}

main .hero_image .banner .background .hello-msg {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: 8px;
    left: 16px;
    font-family: museo-sans;
    font-weight: 500;
    font-size: 32px;
    gap: 5px;
}

main .hero_image .banner .background .departingInDiv {
    position: absolute;
    top: 140px;
    right: 0px;
}

main .hero_image .banner .background .hello-msg span {
    /*box-shadow: 0 4px 4px 0 #00000025;*/
    padding: 0px 10px;
    border-radius: 5px;
    /*background: #65a7da85;*/
    font-size: 25px;
    text-align: right;
}

main .hero_image .banner .background .departingInDiv span {
    box-shadow: 0 4px 4px 0 #00000025;
    padding: 2px 15px;
    border-radius: 5px 0px 0px 5px;
    background: var(--aur-secondary-white);
    font-size: 17px;
    color: var(--aur-primary-blue);
}

main .hero_image .banner .background .hello-msg span:nth-child(2) {
    margin-left: 60px;
}

main .hero_image .banner .content {
    display: flex;
    align-items: center;
    justify-content: center;
}

main .hero_image .banner .content button {
    display: flex;
    align-items: center;
    background-color: var(--aur-primary-blue);
    color: var(--aur-secondary-white);
    border: none;
    padding: 9px 60px;
    font-size: 20px;
    border-radius: 10px;
    margin-top: -25px;
    font-family: museo-sans;
    z-index: 10;
}

main section.destinations .destination .image {
    position: relative;
}

main section.destinations .destination .image img {
    width: 100%;
    height: 200px;
    /*object-fit: cover;*/
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}

main section.destinations .destination .image span {
    position: absolute;
    top: 13px;
    left: 13px;
    font-family: museo-sans;
    color: var(--aur-primary-blue);
    background: var(--aur-primary-yellow);
    padding: 4px 18px;
    border-radius: 18px;
    font-weight: 700;
    font-size: 15px;
}

main section.destinations {
    /*max-height: 340px;*/
    /*overflow-y: scroll;*/
    margin: 20px 10px 40px 10px;
}

main section.destinations .destination {
    margin-bottom: 20px;
}

main section.destinations .destination:last-child {
    margin-bottom: 0;
}

main section.destinations .destination .description {
    background: var(--aur-secondary-grey);
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    gap: 10px;
}

main section.destinations .destination .description .text {
    display: flex;
    flex-direction: column;
    width: 60%;
}

main section.destinations .destination .description .text small {
    color: #909090;
    font-size: 11px;
    font-weight: 700;
    font-family: museo-sans;
}

main section.destinations .destination .description .text h2 {
    color: var(--aur-secondary-darkgrey);
    font-size: 20px;
    font-weight: 700;
    font-family: museo-sans;
    margin: 0;
}

main section.destinations .destination .description button {
    background-color: var(--aur-primary-blue);
    color: var(--aur-secondary-white);
    border: none;
    padding: 5px 20px;
    font-size: 16px;
    border-radius: 10px;
    font-family: museo-sans;
    z-index: 10;
    width: 34%;
}

main section.destinations .loading_active_trips {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    padding: 20px;
    background: white !important;
    flex-direction: row;
    align-items: center;
    gap: 18px;
}

main section.destinations .loading_active_trips img {
    width: 60px;
    margin-bottom: 30px;
}

main section.destinations .loading_active_trips p {
    font-size: 18px;
}

/* availability/booking */

main .hero_image_booking .banner .background {
    position: relative;
    text-align: center;
    color: var(--aur-secondary-white);
}

main .hero_image_booking .banner .background img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

main .hero_image_booking .banner .background .hello-msg {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: 8px;
    left: 16px;
    font-family: museo-sans;
    font-weight: 500;
    font-size: 26px;
    gap: 5px;
    margin-top: 15px;
}

main .hero_image_booking .banner .background .hello-msg span {
    /*box-shadow: 0 4px 4px 0 #00000025;*/
    padding: 0px 10px;
    border-radius: 5px;
    /*background: #65a7da9c;*/
}

main .hero_image_booking .banner .content {
    display: flex;
    align-items: center;
    justify-content: center;
}


main .journey_buttons {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    padding: 5px;
    margin-top: -40px;
    z-index: 9;
    position: relative;
    background: white;
    border-radius: 10px;
    box-shadow: 0 4px 4px 0 #00000025;
    /*margin-top: 15px;*/
}

main .journey_buttons button {
    width: 33%;
    color: var(--aur-primary-blue);
    font-family: museo-sans;
    font-size: 12px;
    border-radius: 7px;
    background: white;
    border: none;
    font-weight: 500;
    height: 48px;
}

main .journey_buttons button.active {
    border: 2px solid var(--aur-primary-yellow);
    border-bottom: 8px solid var(--aur-primary-yellow);
/*    background: var(--aur-primary-yellow);*/
}

main section.availability {
    /*margin-top: -100px;*/
}

main section.availability .availability_form {
    background: var(--aur-secondary-white);
    border-radius: 10px;
    position: relative;
    margin-top: 14px;
    /*box-shadow: 0 4px 4px 0 #00000025;*/
    box-shadow: 0 5px 45px 0 #00000025;
}

main section.availability .availability_form .destinations {
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #ccc;
    padding: 10px 0px;
    min-height: 63px;
}

main section.availability .availability_form .destinations .origin,
main section.availability .availability_form .destinations .destination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    font-family: museo-sans;
    color: var(--aur-primary-blue);
    width: 40%;
    font-size: 14px;
    /*min-height: 68px;*/
}

main section.availability .availability_form .destinations .vertical_line {
    position: absolute;
    border-left: 1px solid #cccccc;
    top: 10px;
    height: 58px;
    z-index: 10;
}

main section.availability .availability_form .destinations .swap_icon {
    object-fit: contain;
    z-index: 11;
    height: 27px;
    background: #ffffff;
    margin-top: 6px;
}

main section.availability .availability_form .dates {
    display: flex;
    justify-content: space-around;
    /*border-bottom: 1px solid #ccc;*/
    padding: 10px 0px;
    align-items: center;
}

main section.availability .availability_form .dates .departure_date,
main section.availability .availability_form .dates .return_date {
    text-align: center;
    font-family: museo-sans;
    color: var(--aur-primary-blue);
    width: 40%;
    font-size: 14px;
}

main section.availability .availability_form .dates i {
    font-size: 28px;
    color: var(--aur-primary-blue);
}

main section.availability .availability_form .one_way_dates {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
}

main section.availability .availability_form .travellers {
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #ccc;
    padding: 10px 0px;
    align-items: center;
    /*min-height: 68px;*/
    min-height: 55px;
}

main section.availability .availability_form .travellers .travellers_text {
    text-align: center;
    font-family: museo-sans;
    color: var(--aur-primary-blue);
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 0 30px;
    gap: 15px;
}

main section.availability .availability_form .travellers .travellers_text .traveller_text {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
}

main section.availability .availability_form .promo_code {
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #ccc;
    padding: 10px 0px;
    align-items: flex-start;
    flex-direction: column;
    /* OLD */
    /*display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #ccc;
    padding: 10px 0px;
    align-items: center;*/
}

main section.availability .availability_form .clicked_promo_box {
    background: var(--aur-primary-yellow);
}

main section.availability .availability_form .promo_code_text {
    font-family: museo-sans;
    color: var(--aur-primary-blue);
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0 27px;
    justify-content: space-between;
    font-size: 14px;
}

main section.availability .availability_form .promo_code_text input {
    outline: none!important;
    border: none!important;
    border-radius: 0!important;
    font-size: 14px;
}

main section.availability .availability_form .promo_code_text input:focus {
    outline: none!important;
    border: none!important;
    border-radius: 0!important;
}

main section.availability .availability_form .clicked_promo_box input {
    background: var(--aur-primary-yellow)!important;
}

main section.availability .availability_form .ff_points {
    display: flex;
    justify-content: space-around;
    padding: 10px 0px;
    align-items: center;
    align-items: flex-start;
    flex-direction: column;
    border-bottom: 1px solid #ccc;
}

main section.availability .availability_form .ff_points_text {
    font-family: museo-sans;
    color: var(--aur-primary-blue);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    padding: 0 27px;
    font-size: 14px;
}

main section.availability .availability_form .ff_points_text .switch {
    position: relative;
    display: inline-block;
    width: 33px;
    height: 19px;
}

main section.availability .availability_form .ff_points_text .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

main section.availability .availability_form .ff_points_text .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

main section.availability .availability_form .ff_points_text .slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 3px;
    bottom: 3px;
    background-color: var(--aur-secondary-white);
    -webkit-transition: .4s;
    transition: .4s;
}

main section.availability .slider_calendar:before {
    position: absolute;
    content: "";
    height: 11px;
    width: 11px;
    left: 3px;
    bottom: 2.5px;
    background-color: var(--aur-secondary-white);
    -webkit-transition: .4s;
    transition: .4s;
}


main section.availability .availability_form .ff_points_text input:checked+.slider {
    background-color: var(--aur-primary-blue);
}

main section.availability .availability_form .ff_points_text input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

main section.availability .availability_form .ff_points_text input:checked+.slider:before {
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px);
}

main section.availability .availability_form .ff_points_text .slider.round {
    border-radius: 34px;
}

main section.availability .availability_form .ff_points_text .slider.round:before {
    border-radius: 50%;
}

main section.availability .availability_form .ff_points b {
    padding: 0px 27px;
    font-size: 13px;
    margin-top: 7px;
}

main section.availability .availability_form .required-field {
    border: 1px solid red !important;
    border-radius: 4px;
    color: red;
}

main section.availability .availability_form .required-field b {
    color: red;
}

main section.availability .availability_form .destinations .required-field,
main section.availability .availability_form .dates .required-field {
    padding: 10px !important;
}

main section.availability .cities_dropdown {
    background: var(--aur-secondary-white);
    border-radius: 10px;
    position: relative;
    margin-top: 14px;
    /*box-shadow: 0 4px 4px 0 #00000025;*/
    box-shadow: 0 5px 45px 0 #00000025;
    padding: 10px 15px;
}

main section.availability .cities_dropdown .header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

main section.availability .cities_dropdown .header i {
    color: var(--aur-primary-blue);
}

main section.availability .cities_dropdown .header b {
    width: 100%;
    text-align: center;
    font-family: museo-sans;
    color: var(--aur-primary-blue);
}

main section.availability .cities_dropdown .list input {
    margin-top: 10px;
    width: 100%;
    border-radius: 5px;
    padding: 7px 13px;
    font-size: 11px;
    box-shadow: 0 4px 4px 0 #00000025;
    border: 1px solid var(--aur-secondary-midgrey);
    background-image: url("../images/icons/search_origin_destination.svg");
    background-repeat: no-repeat;
    background-position: 98%;
}
main section.availability .cities_dropdown .list input::placeholder {
    color: var(--aur-secondary-darkgrey) !important; 
}

main section.availability .cities_dropdown .list .cities {
    margin-top: 15px;
    max-height: 250px;
    padding: 0 5px;
    overflow-y: scroll;
}

main section.availability .cities_dropdown .list .cities h6 {
    margin: 0;
    background: var(--aur-secondary-midgrey);
    font-family: museo-sans;
    padding: 15px;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    color: var(--aur-primary-blue);
    font-weight: 600;
    font-size: 14px;
}

main section.availability .cities_dropdown .list .cities ul {
    padding: 0;
    list-style: none;
}

main section.availability .cities_dropdown .list .cities li {
    border: 1px solid var(--aur-secondary-midgrey);
    border-top: none;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--aur-primary-blue);
    font-size: 12px;
}

main section.availability .cities_dropdown .list .cities li:hover {
    opacity: 0.6;
}

main section.availability .cities_dropdown .list .cities ul:last-child {
    margin-bottom: 0;
}

main section.availability .cities_dropdown .list .cities li:last-child {
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}

main section.availability .passengers {
    background: var(--aur-secondary-white);
    border-radius: 10px;
    position: relative;
    margin-top: 14px;
    /*box-shadow: 0 4px 4px 0 #00000025;*/
    box-shadow: 0 5px 45px 0 #00000025;
    padding: 10px 15px;
    margin-bottom: 120px;
}

main section.availability .passengers .header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

main section.availability .passengers .header i {
    color: var(--aur-primary-blue);
}

main section.availability .passengers .header b {
    width: 100%;
    text-align: center;
    font-family: museo-sans;
    color: var(--aur-primary-blue);
}

main section.availability .passengers .list .travellers .passenger-type label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--aur-secondary-midgrey);
    border-radius: 10px;
    padding: 9px;
    color: var(--aur-primary-blue);
    margin: 15px 0 7px 0;
    font-size: 12px;
}

main section.availability .passengers .list .travellers .passenger-type .passengers_plus_minus {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 15px;
    border: 1px solid var(--aur-primary-blue);
    border-radius: 10px;
    font-size: 12px;
    margin-top: 10px;
}

main section.availability .passengers .list .travellers .passenger-type .passengers_plus_minus .passenger-controls {
    display: flex;
    align-items: center;
    gap: 25px;
}

main section.availability .passengers .list .travellers .passenger-type .passengers_plus_minus .passenger-controls button {
    border-radius: 6px;
    border: none;
    background: var(--aur-primary-blue);
    color: var(--aur-secondary-white);
    font-weight: 600;
    padding: 3px 10px;
}

main section.availability .passengers .list .travellers .passenger-type .passengers_plus_minus .passenger-controls button.disabled {
    background: var(--aur-secondary-grey);
}

main section.availability .passengers .list .travellers .passenger-type .passengers_plus_minus .passenger-controls .passenger_number {
    font-weight: 600;
    color: var(--aur-primary-blue);
    width: 9px;
}

main section.availability .passengers .list .travellers .passenger-type .limit_info {
    margin: 0;
    color: red;
    font-size: 12px;
}

main section.availability .passengers .list .travellers .buttons .bottom_navigation {
    width: 100%;
    background-color: var(--aur-secondary-white);
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 5px 0px;
    z-index: 100;
    gap: 15px;
}

main section.availability .passengers .list .travellers .buttons p {
    margin: 0;
    font-size: 11px;
    padding: 10px 29px;
    color: var(--aur-primary-blue);
    margin-top: 10px;
}

main section.availability .passengers .list .travellers .buttons button {
    width: 50%;
    padding: 10px 15px;
    border-radius: 10px;
    border: none;
    color: var(--aur-primary-blue);
    box-shadow: 0 4px 4px 0 #00000025;
    font-size: 12px;
    height: 45px;
}

main section.availability .passengers .list .travellers .buttons button.blue {
    background: var(--aur-primary-blue);
    color: var(--aur-secondary-white);
}

main section.availability .calendar {
    display: block;
    position: fixed;
    z-index: 15;
    /*    padding-top: 100px;*/
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(163, 209, 254, 0.7);
    margin-top: 55px;
}

main section.availability .calendar-popup {
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    border: 1px solid #ccc;
    padding: 10px;
    z-index: 1000;
}

main section.availability .calendar-popup .calendar {
    display: flex;
    flex-wrap: wrap;
}

main section.availability .calendar-popup .calendar .month {
    margin: 10px;
    width: 100%;
}

main section.availability .calendar-popup .calendar .month .month-header {
    font-weight: bold;
    text-align: center;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

main section.availability .calendar-popup .calendar .month .month-header span {
    padding: 5px;
    background: var(--aur-primary-blue);
    color: var(--aur-secondary-white);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

main section.availability .calendar-popup .calendar .month .days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 5px;
    padding: 10px 7px;
    background: #FFFFFF;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 4px 4px 0px #0000005c;
}

main section.availability .calendar-popup .calendar .month .days .day-header {
    padding: 5px;
    text-align: center;
    color: var(--aur-primary-blue);
    font-size: 14px;
}

main section.availability .calendar-popup .calendar .month .days .day {
    padding: 5px;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 50px;
    color: var(--aur-primary-blue);
    font-size: 14px;
    font-weight: 500;
}

main section.availability .calendar-popup .calendar .month .days .day.has-price {
    border: 1px solid #ccc;
}

main section.availability .calendar-popup .calendar .month .days .day.selected {
    background-color: var(--aur-primary-yellow) !important;
    color: black;
    box-shadow: 0px 4px 4px 0px inset #00000030;
    border: none;
}

main section.availability .calendar-popup .calendar .month .days .day.in-range {
    background-color: #FFF3CC;
    box-shadow: 0px 4px 4px 0px inset #00000030;
    border: none;
}

main section.availability .calendar-popup .calendar .month .days .day.other-month {
    color: #ccc;
    cursor: default;
}

main section.availability .calendar-popup .calendar .month .days .price {
    font-size: 11px;
    color: #333;
    margin-top: 2px;
}

main section.availability .calendar-popup .calendar .selected_days_boxes {
    margin: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 93%;
    gap: 20px;
    position: fixed;
    z-index: 100;
}

main section.availability .calendar-popup .calendar .selected_days_boxes span {
    background: var(--aur-primary-blue);
    color: var(--aur-secondary-white);
    padding: 3px 20px;
    border-radius: 10px;
    width: 50%;
    text-align: center;
}

main section.availability .calendar-popup .calendar .route_before_selected_dates_box {
    margin: 0 10px;
    display: flex;
    width: 100%;
    /*margin-bottom: 12px;*/
    flex-direction: column;
    position: sticky;
    top: 0;
    z-index: 1000;
}

main section.availability .calendar-popup .calendar .route_before_selected_dates_box .box {
    background: var(--aur-secondary-white);
    box-shadow: 0 4px 4px 0px #0000005c;
    padding: 10px 15px;
    border-radius: 10px;
    margin-bottom: 12px;
}

main section.availability .calendar-popup .calendar .route_before_selected_dates_box .box .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

main section.availability .calendar-popup .calendar .route_before_selected_dates_box .box .dates {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 12px;
    margin-top: 10px;
}

main section.availability .calendar-popup .calendar .route_before_selected_dates_box .box .dates .date_field {
    display: flex;
    align-items: center;
    font-size: 12px;
    gap: 10px;
    border-radius: 10px;
    border: 1px solid var(--aur-secondary-midgrey);
    padding: 0px 10px;
    width: 50%;
    min-height: 35px;
    background-image: url('../../images/icons/route_plane.svg');
    background-repeat: no-repeat;
    background-position: 95%;
}

main section.availability .calendar-popup .calendar .route_before_selected_dates_box .box .dates .date_field i {
    font-size: 18px;
}

main section.availability .calendar-popup .calendar .route_before_selected_dates_box .box .dates .date_field .desc {
    display: flex;
    flex-direction: column;
    min-height: 35px;
}

main section.availability .calendar-popup .calendar .route_before_selected_dates_box .box .dates .date_field .desc small {
    font-size: 10px;
    color: var(--aur-secondary-midgrey);
}

main section.availability .calendar-popup .calendar .route_before_selected_dates {
    /*margin: 0 auto;*/
    /*background: white;
    padding: 6px 25px;
    border-radius: 10px;
    box-shadow: 0 4px 4px 0px #0000005c;
    margin-bottom: 12px;*/
}

main section.availability .calendar-popup .calendar .route_before_selected_dates span {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
}

main section.availability .calendar-popup .calendar .route_before_selected_dates_box button {
    border: none;
    background: white;
    padding: 2px 15px;
    border-radius: 8px;
    box-shadow: 0 4px 4px 0px #0000005c;
    font-size: 12px;
}

main section.availability .calendar-popup .calendar .promo_code_and_clear_selection {
    display: flex;
    justify-content: space-between;
}

main section.availability .calendar-popup .calendar .promo_code_and_clear_selection .promo_box {
    display: flex;
    background: var(--aur-secondary-white);
    align-items: center;
    width: 60%;
    justify-content: space-between;
    border-radius: 8px;
    font-size: 12px;
    height: 29px;
    padding: 0 10px;
    box-shadow: 0 4px 4px 0px #0000005c;
}

main section.availability .calendar-popup .calendar .month .days .day.disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}

main section.availability .calendar-popup .bottom_navigation {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(--aur-secondary-white);
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 17px 10px;
    z-index: 100;
    border-top: 3px solid var(--aur-primary-yellow);
    gap: 15px;
    padding-bottom: 30px;
}

main section.availability .calendar-popup .bottom_navigation button {
    width: 50%;
    height: 55px;
    padding: 10px;
    border-radius: 10px;
    border: none;
    color: var(--aur-primary-blue);
    box-shadow: 0 4px 4px 0 #00000025;
    font-size: 12px;
}

main section.availability .calendar-popup .bottom_navigation button.blue {
    background: var(--aur-primary-blue);
    color: var(--aur-secondary-white);
}

main section.availability .search_for_flights {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

main section.availability .search_for_flights button {
    display: flex;
    align-items: center;
    background: var(--aur-primary-blue);
    padding: 10px 45px;
    border-radius: 10px;
    border: none;
    color: var(--aur-secondary-white);
    font-size: 16px;
    margin-top: 18px;
}

main section.availability .search_for_flights button:disabled,
main .hero_image .content button:disabled {
    opacity: 0.7;
}

main section.availability .search_for_flights button .spinner-border,
main .hero_image .content button .spinner-border {
    height: 20px !important;
    width: 20px !important;
    font-size: 10px;
    margin-left: 10px;
}

main section.booking_sections .spinner-border-change-search {
    height: 10px !important;
    width: 10px !important;
    font-size: 8px;
    margin-left: 0px;
}

main section.availability .calendar-popup .calendar .info_fares .fares_info_cur {
    margin-bottom: -8px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    padding: 7px;
    background: var(--aur-secondary-white);
}

main section.availability .calendar-popup .calendar .info_fares hr {
    margin: 0;
    height: 2px;
    opacity: 1;
    margin: 0 10px;
    margin-top: 5px;
    border: none;
    background: var(--aur-primary-blue);
    width: 200px;
}


/* --- booking pages */

main section.booking_sections .progress_bar,
main .container.booking_sections .progress_bar {
    background: var(--aur-secondary-white);
    box-shadow: 0 4px 4px 0 #00000025;
    padding: 15px;
    border-radius: 10px;
    margin-top: -15px;
}

main section.booking_sections .progress_bar .title,
main .container.booking_sections .progress_bar .title {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 7px;
}

main section.booking_sections .progress_bar .title i,
main .container.booking_sections .progress_bar .title i {
    font-size: 22px;
    color: var(--aur-primary-blue);
}

main section.booking_sections .progress_bar .title b,
main .container.booking_sections .progress_bar .title b {
    font-size: 15px;
    font-weight: 700;
    color: var(--aur-primary-blue);
    margin-top: 3px;
}

main section.booking_sections .progress_bar .bars,
main .container.booking_sections .progress_bar .bars {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
}

main section.booking_sections .progress_bar .bars .bar_icon,
main .container.booking_sections .progress_bar .bars .bar_icon {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

main section.booking_sections .progress_bar .bars .bar_icon span,
main .container.booking_sections .progress_bar .bars .bar_icon span {
    background: var(--aur-secondary-midgrey);
    padding: 2px;
    /*    width: 16.6%;*/
    width: 100%;
    border-radius: 17px;
}

main section.booking_sections .progress_bar .bars .bar_icon span.active,
main .container.booking_sections .progress_bar .bars .bar_icon span.active {
    background: var(--aur-primary-yellow);
}

main section.booking_sections .progress_bar .bars .bar_icon span.green-bar,
main .container.booking_sections .progress_bar .bars .bar_icon span.green-bar
{
    background: #91da00 !important;
}

main section.booking_sections .progress_bar .bars .bar_icon span.red-bar,
main .container.booking_sections .progress_bar .bars .bar_icon span.red-bar
{
    background: var(--aur-primary-red) !important;
}

/* flights fares */
.tooltip-container {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.tooltip-container:hover .tooltip {
  visibility: visible;
  opacity: 1;
}

.tooltip {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  background: #333;
  color: white;
  padding: 8px 12px;
  border-radius: 4px;
  white-space: nowrap;
  transition: opacity 0.3s;
  z-index: 1000;
}

.tooltip-content {
  font-size: 12px;
}

.tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}

main .explaination-text {
  color: #007bff;
  text-decoration: underline;
  margin-left: 4px;
  cursor: pointer;
}

main .explaination-text:hover {
  color: #0056b3;
}

main .explaination-icon {
    width: 1rem !important;
    display: flex !important;
    background-size: 13px !important;
    height: 1rem !important;
}

main .icon-image {
    width: 18px;
    height: 18px;
    margin: 0 6px;
    vertical-align: middle;
}

main .explaination-text {
  text-decoration: underline;
}

main section.flights .flight_info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 25px 0px;
}

main section.flights .flight_info .left,
main section.flights .flight_info .right {
    display: flex;
    flex-direction: column;
}

main section.flights .flight_info .left {
    color: var(--aur-primary-blue);
    font-size: 18px;
}

main section.flights .flight_info .left .route span {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    box-shadow: 0 4px 4px 0 var(--aur-secondary-midgrey);
    padding: 10px 15px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 500;
}

main section.flights .flight_info .right {
    gap: 6px;
}

main section.flights .flight_info .right .input {
    padding: 4px 10px;
    border: 1px solid var(--aur-secondary-lightgrey);
    border-radius: 8px;
    background: var(--aur-secondary-white);
    box-shadow: 0 4px 4px 0 var(--aur-secondary-midgrey);
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--aur-primary-blue);
    justify-content: space-between;
    font-size: 12px;
}

main section.flights .fares_info_cur {
    margin-bottom: 7px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    margin-left: 7px;
}

main section.flights .flights_boxes {

}

main section.flights .flights_boxes .dates {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 9px;
}

main section.flights .flights_boxes .dates .date {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 32%;
    border-radius: 10px;
    border: 1px solid var(--aur-secondary-midgrey);
    padding: 8px 12px;
    min-height: 62px;
    justify-content: center;
}

main section.flights .flights_boxes .dates .date.selected {
    background: var(--aur-primary-yellow);
    box-shadow: 0 4px 4px 0 var(--aur-secondary-midgrey);
    border: none;
}

main section.flights .flights_boxes .dates .date h5 {
    font-size: 11px;
    font-weight: 600;
    margin: 0;
}

main section.flights .flights_boxes .dates .date small {
    font-size: 10px;
    margin: 0;
}

main section.flights .flights_boxes .flights {
    display: flex;
    margin-top: 25px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 18px;
}

main section.flights .flights_boxes .flights .box {
    display: flex;
    flex-direction: column;
    width: 97%;
    box-shadow: 0px 4px 4px 0px var(--aur-secondary-midgrey);
    border-radius: 12px;
    border: 1px solid var(--aur-secondary-midgrey);
}

main section.flights .flights_boxes .flights .box .route_details {
    padding: 10px 25px;
/*    border: 1px solid var(--aur-secondary-midgrey);*/
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    min-height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

main section.flights .flights_boxes .flights .box.selected {
    border: 2px solid var(--aur-primary-yellow)!important;
    border-bottom: 10px solid var(--aur-primary-yellow)!important;
}

main section.flights .flights_boxes .flights .box.best_deal_available {
    border: 2px solid var(--aur-primary-blue);
}

main section.flights .flights_boxes .flights .box.sold-out {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

main section.flights .flights_boxes .flights .box .seats_left.selected {
    background: var(--aur-primary-yellow);
    border-radius: 0;
}

main section.flights .flights_boxes .flights .box .route_details .best_deal {
    margin: 0 auto;
}

main section.flights .flights_boxes .flights .box .route_details .best_deal p {
    font-size: 11px;
    background: var(--aur-primary-blue);
    color: var(--aur-secondary-white);
    padding: 2px;
    width: 150px;
    text-align: center;
    border-radius: 12px;
    margin-bottom: 7px;
}

main section.flights .flights_boxes .flights .box .route_details .main {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
    width: 100%;
}

main section.flights .flights_boxes .flights .box .route_details .main .origin {
    display: flex;
    flex-direction: column;
}

main section.flights .flights_boxes .flights .box .route_details .main .distance {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    font-size: 13px;
}

main section.flights .flights_boxes .flights .box .route_details .main .distance hr {
    background: var(--aur-primary-blue);
    opacity: 1;
    height: 2px;
    border: none;
    color: var(--aur-primary-blue);
    width: 100%;
    margin: 5px 0;
}

main section.flights .flights_boxes .flights .box .route_details .main .destination {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

main section.flights .flights_boxes .flights .box .route_details .main .origin .time,
main section.flights .flights_boxes .flights .box .route_details .main .destination .time {
    font-weight: 600;
    font-size: 14px;
}

main section.flights .flights_boxes .flights .box .route_details .main .origin .airport,
main section.flights .flights_boxes .flights .box .route_details .main .destination .airport {
    font-weight: 600; 
    font-size: 14px;  
}

main section.flights .flights_boxes .flights .box .route_details .main .flight_layover {
    color: var(--aur-primary-red);
    margin: 0 auto;
    font-size: 10px;
    margin-top: -12px;
}

main section.flights .flights_boxes .flights .box .price_details {
    display: flex;
    justify-content: center;
/*    border-left: 1px solid var(--aur-secondary-midgrey);*/
/*    border-right: 1px solid var(--aur-secondary-midgrey);*/
    padding: 5px;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--aur-secondary-midgrey);
}

main section.flights .flights_boxes .flights .box .price_details span {
    /*width: 33%;*/
    width: 150%;
    text-align: right;
    font-size: 13px;
}

main section.flights .flights_boxes .flights .box .price_details .price {
    display: flex;
    flex-direction: column;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}

main section.flights .flights_boxes .flights .box .price_details .price .slash_price {
    font-weight: 100;
    text-decoration: line-through;
    font-size: 12px;
    opacity: 0.7;
}

main section.flights .flights_boxes .flights .box .price_details .price b {
    margin-top: -8px;
}

main section.flights .flights_boxes .flights .box .price_details .flight_num {
    font-size: 11px;
    text-align: right;
}

main section.flights .flights_boxes .flights .box .seats_left {
    display: flex;
    justify-content: center;
    background: var(--aur-primary-blue);
    color: var(--aur-secondary-white);
    border-radius: 0 0 10px 10px;
    font-size: 11px;
    padding: 4px;
}

/* OLD FLIGHTS WITH 3 FETCHED DATES */

main section.flights .flights_columns {
    display: flex;
    gap: 8px;
    width: 100%;
}

main section.flights .go_left,
main section.flights .go_right {
    width: 2%;
    margin-top: 10px;
    margin-left: -10px;
}

main section.flights .go_left i,
main section.flights .go_right i {
    font-size: 35px;
    font-weight: 600;
    margin-left: -7.5px;
}

main section.flights .flights-column {
    width: 32%;
}

main section.flights .flights-column .header {
    background: #ccc;
    color: #002F6C;
    padding: 10px;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

main section.flights .flights-column .header h5 {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
}

main section.flights .flights-column .header small {
    font-size: 11px;
}

main section.flights .flights-column .header.active {
    background: var(--aur-primary-yellow);
    color: var(--aur-primary-blue);
    border-color: var(--aur-primary-yellow) !important;
}

main section.flights .flights-column .flights_boxes {
    padding: 8px;
    border: 1px solid #ccc;
    border-top: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

main section.flights .flights-column .flights_boxes.active {
    border-color: var(--aur-primary-yellow) !important;
}

main section.flights .flights-column .flights_boxes .box:hover {
    cursor: pointer;
}

main section.flights .flights-column .flights_boxes .box .header_box {
    background: #ccc;
    color: #002F6C;
    padding: 8px 6px;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 10px;
}

main section.flights .flights-column .flights_boxes .box .header_box.best_deal {
    background: var(--aur-primary-blue);
    color: var(--aur-secondary-white);
    border-color: var(--aur-primary-blue) !important;
}

main section.flights .flights-column .flights_boxes .box .header_box.selected {
    background: var(--aur-primary-yellow);
    color: var(--aur-primary-blue);
    border-color: var(--aur-primary-yellow) !important;
}

main section.flights .flights-column .flights_boxes .box .header_box div {
    display: flex;
    justify-content: space-between;
}

main section.flights .flights-column .flights_boxes .box .header_box div span {}

main section.flights .flights-column .flights_boxes .box .main_box {
    padding: 5px 17px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 14px;
    border: 1px solid #ccc;
    border-top: none;
    border-bottom: none;
    color: var(--aur-primary-blue);
    box-shadow: 0 4px 4px 0 var(--aur-secondary-midgrey);
    min-height: 77px;
}

main section.flights .flights-column .flights_boxes .box .main_box .price {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 12px 0 8px 0;
    gap: 5px;
}

.flights-column {
    cursor: pointer;
    transition: all 0.3s ease;
}

.flights-column.active {
    background-color: #f5f5f5;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.flights-column:hover:not(.active) {
    background-color: #f9f9f9;
}


main section.flights .flights-column .flights_boxes .box .main_box .price span.price_miles {
    font-weight: 600;
    font-size: 16px;
}

main section.flights .flights-column .flights_boxes .box .main_box .price span.best_deal {
    font-size: 11px;
}

main section.flights .flights-column .flights_boxes .box .main_box.best_deal {
    border-color: var(--aur-primary-blue) !important;
}

main section.flights .flights-column .flights_boxes .box .main_box.selected {
    border-color: var(--aur-primary-yellow) !important;
}

main section.flights .flights-column .flights_boxes .box .seats_left {
    background: #ccc;
    color: var(--aur-primary-blue);
    padding: 8px 6px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 10px;
}

main section.flights .flights-column .flights_boxes .box .seats_left.best_deal {
    background: var(--aur-primary-blue);
    color: var(--aur-secondary-white);
    border-color: var(--aur-primary-blue) !important;
}

main section.flights .flights-column .flights_boxes .box .seats_left.selected {
    background: var(--aur-primary-yellow);
    color: var(--aur-primary-blue);
    border-color: var(--aur-primary-yellow) !important;
}

/* ^^^ OLD DESIGN FOR FLIGHTS - 3 FETCHED DATES ^^^ */

main section.flights .flight_fares_boxes .class_benefits {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

main section.flights .flight_fares_boxes .class_benefits .box {
    border-radius: 10px;
    border: 1px solid var(--aur-secondary-midgrey);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

main section.flights .flight_fares_boxes .class_benefits .box.active {
    border: 2px solid var(--aur-primary-yellow)!important;
}

main section.flights .flight_fares_boxes .class_benefits .box.sold-out {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

main section.flights .flight_fares_boxes .class_benefits .box .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 15px;
    border-bottom: 1px solid var(--aur-secondary-midgrey);
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    font-size: 13px;
    min-height: 48px;
}

main section.flights .flight_fares_boxes .class_benefits .box.active .header {
    border-bottom: 2px solid var(--aur-primary-yellow)!important;
    background: var(--aur-primary-yellow);
}

main section.flights .flight_fares_boxes .class_benefits .box .header .price_per_traveller {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

main section.flights .flight_fares_boxes .class_benefits .box .header .price_per_traveller .per_traveller_label {
    font-size: 9px;
}

main section.flights .flight_fares_boxes .class_benefits .box .benefits {
    padding: 15px;
    font-size: 11px;
}

main section.flights .flight_fares_boxes .class_benefits .box .benefits ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
}

main section.flights .flight_fares_boxes .class_benefits .box .benefits ul li {
    display: flex;
    align-items: center;
    gap: 12px;
}

main section.flights .flight_fares_boxes .class_benefits .box .benefits ul li i {
    text-align: center;
    font-size: 20px;
    width: 30px;
}

main section.flights .flight_fares_boxes .class_benefits .box .benefits .text_row {
    display: flex;
    align-items: center;
    gap: 12px;
}

main section.flights .flight_fares_boxes .class_benefits .box .benefits .text_row i {
    width: 30px;
    font-size: 20px;
    text-align: center;
}

/*main section.flights .flight_fares_boxes .class_benefits .box .benefits .text_row i {
}*/


main section.seats_selection .passengers-lists {
    background: var(--aur-secondary-white);
    box-shadow: 0 4px 4px 0 #00000025;
    padding: 15px;
    border-radius: 10px;
    margin-top: -10px;
}

main section.seats_selection .passengers-lists .header {
    margin: 7px 0 12px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

main section.seats_selection .passengers-lists .header b {
    margin: 5px 0;
    font-size: 15px;
    font-weight: 500;
}

main section.seats_selection .passengers-lists .header .right {
    display: flex;
    justify-content: flex-end;
}

main section.seats_selection .passengers-lists .header .right .input {
    padding: 4px 10px;
    border: 1px solid var(--aur-secondary-lightgrey);
    border-radius: 8px;
    background: var(--aur-secondary-white);
    box-shadow: 0 4px 4px 0 var(--aur-secondary-midgrey);
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--aur-primary-blue);
    font-size: 12px;
}

main section.seats_selection .passengers-lists .lists {
    display: flex;
    justify-content: space-between;
    transition: all 0.3s ease;
}

main section.seats_selection .passengers-lists .lists .list button {
    background: white;
    border: 1px solid var(--aur-secondary-midgrey);
    width: 130px;
    height: 34px;
    border-radius: 8px;
    color: var(--aur-primary-blue);
    font-size: 12px;
    padding: 7px;
    box-shadow: 0 4px 4px 0 #00000025;
}

main section.seats_selection .passengers-lists .lists .list.disabled {
    opacity: 0.6;
    pointer-events: none;
}

main section.seats_selection .passengers-lists .lists .list button.selected {
    border: 2px solid var(--aur-primary-yellow);
    border-bottom: 6px solid var(--aur-primary-yellow);
    /*height: 34px;*/
/*    background: var(--aur-primary-yellow);*/
}

main section.seats_selection .passengers-lists .lists .list .passengers {
    border: 1px solid var(--aur-secondary-midgrey);
    border-radius: 8px;
    padding: 5px;
    margin-top: 10px;
    box-shadow: 0 4px 4px 0 #00000025;
    max-height: 110px;
    /*    min-height: 110px;*/
    overflow-x: hidden;
    /*    overflow-y: scroll;*/
}

main section.seats_selection .passengers-lists .lists .list .passengers .passenger {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    border-radius: 5px;
    padding: 0 5px;
    margin-bottom: 5px;
}

main section.seats_selection .passengers-lists .lists .list .passengers .passenger:last-child {
    margin-bottom: 0px;
}

main section.seats_selection .passengers-lists .lists .list .passengers .passenger.selected {
    background: var(--aur-primary-yellow);
}

main section.seats_selection .passengers-lists .same_seat_on_flights {
    display: flex;
    padding: 5px 0px;
    margin-top: 10px;
}

main section.seats_selection .passengers-lists .same_seat_on_flights_text {
    font-family: museo-sans;
    color: var(--aur-primary-blue);
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0;
    justify-content: space-between;
    font-size: 11px;
}

main section.seats_selection .passengers-lists .same_seat_on_flights_text .switch {
    position: relative;
    display: inline-block;
    width: 33px;
    height: 19px;
}

main section.seats_selection .passengers-lists .same_seat_on_flights_text .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

main section.seats_selection .passengers-lists .same_seat_on_flights_text .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

main section.seats_selection .passengers-lists .same_seat_on_flights_text .slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 3px;
    bottom: 3px;
    background-color: var(--aur-secondary-white);
    -webkit-transition: .4s;
    transition: .4s;
}

main section.seats_selection .passengers-lists .same_seat_on_flights_text input:checked+.slider {
    background-color: var(--aur-primary-blue);
}

main section.seats_selection .passengers-lists .same_seat_on_flights_text input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

main section.seats_selection .passengers-lists .same_seat_on_flights_text input:checked+.slider:before {
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px);
}

main section.seats_selection .passengers-lists .same_seat_on_flights_text .slider.round {
    border-radius: 34px;
}

main section.seats_selection .passengers-lists .same_seat_on_flights_text .slider.round:before {
    border-radius: 50%;
}

main section.seats_selection .passengers-lists .seat_legend div,
main .passengers_extras_section.passengers_seats_section .passengers-lists .seat_legend div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

main section.seats_selection .passengers-lists .seat_legend div p,
main .passengers_extras_section.passengers_seats_section .passengers-lists .seat_legend div p {
    margin-bottom: 10px !important;
}

.plane-cockpit {
    height: 250px;
    position: relative;
    overflow: hidden;
    text-align: center;
    border-bottom: 5px solid #d8d8d8;
}

.plane-cockpit:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 500px;
    width: 100%;
    border-radius: 50%;
    border-right: 5px solid #d8d8d8;
    border-left: 5px solid #d8d8d8;
}

.seat-map {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--aur-secondary-grey);
    padding: 15px 5px 15px 5px;
    margin-top: 238px;
/*    border-radius: 35% 35% 2% 2%;*/
/*    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;*/
    z-index: 2;
}

.seat-map.AT7, 
.seat-map.D28,
.seat-map.DHT {
    width: 360px;
}

.seat-map.DHT .seat-row {
    margin-left: -70px!important;
}

.tail.AT7 img {
    width: 550px;
    margin-left: 5px;
}

.tail.D28 img {
    width: 574px;
    margin-left: 6px;
}

.tail.A320 img {
    width: 574px;
    margin-left: 6px;
}

.tail.DHT img {
    width: 550px;
    margin-left: 5px;
}

.seat-map .info_box {
    border: 3px solid var(--aur-primary-blue);
    padding: 10px;
    border-radius: 10px;
    border-bottom: none;
    margin: 5px;
    margin-bottom: 17px;
    width: 100%;
}

.seat-map .info_box h6 {
    font-weight: 600;
    font-size: 13px;
}

.seat-map .info_box ul {
    padding-left: 3px;
    list-style: none;
    margin: 0;
    font-size: 11px;
}

.seat-row {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

.seat-map.D28 .seat-row {
    justify-content: center;
}

.row-num {
    width: 10px;
    height: 60px;
    margin: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 5px;
    color: var(--aur-primary-blue);
    font-size: 13px;
}

.row-num.mv-left {
  position: relative;
  left: -70px;
}

.col-head-row .row-num {
    height: 0px;
}

.seat {
    width: 60px;
    height: 60px;
    margin: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 5px;
    background: var(--aur-primary-blue);
    color: white;
    font-size: 13px;
}

.col-head {
    width: 60px;
    height: 0px;
    margin: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 5px;
    color: var(--aur-primary-blue);
    font-size: 17px;
    font-weight: bold;
}

.A320 .seat {
    width: 40px!important;
    height: 40px!important;
}

.seat.selected {
    background-color: #fed302 !important;
}

.seat.newly-selected {
    /*border: 2px solid #4CAF50;*/
    /*box-shadow: 0 0 10px rgba(76, 175, 80, 0.5);*/
}

.seat.unavailable {
    visibility: hidden;
    display: none;
}

.seat.extra-legroom {
/*    background-color: lightgreen;*/
}

.seat.priority {
    background-color: lightblue;
}

.seat.emergency {
/*    background-color: red;*/
/*    color: var(--aur-secondary-white);*/
}

.seat.aisle {
    background-color: transparent;
    border: none;
    cursor: default;
    display: block;
}

.seat.no-infant {
    position: relative;
}

.seat.no-infant::after {
    content: "";
    background: url(../../images/icons/seats/seat_warning.svg) no-repeat !important;
    position: absolute;
    top: 2px;
    left: 2px;
    color: red;
    font-size: 8px;
    background: white;
/*    border-radius: 50%;*/
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.seat.not-empty {
    background: var(--aur-primary-blue)!important;
    opacity: 0.5;
}

.seat.not-empty img {
    width: 25px;
    filter: contrast(0);
}

.seat.blocked {
    background: white;
    border: 1px solid var(--aur-secondary-midgrey);
}

.cockpit_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 20px;
    position: relative;
    top: -80px;
}

.cockpit_content_svg {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 20px;
    position: absolute;
    width: 360px;
}

.left_wing {
    position: relative;
    right: 180px;
    top: 209px;
    z-index: 2;
}

.right_wing {
    position: relative;
    left: 180px;
    top: 0px;
    z-index: 1;
}

.passenger-selection {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 8px;
}

.btn-group {
    display: flex;
}

.btn-group .btn {
    flex: 1;
}

.passenger-dropdown {
    border: 1px solid #dee2e6;
    border-radius: 5px;
    padding: 10px;
    background: white;
}

.passenger-item {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    border-bottom: 1px solid #eee;
}

.passenger-item:last-child {
    border-bottom: none;
}

.seat-assignment {
    font-weight: bold;
    color: #0d6efd;
}

.seat_map_route {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    margin-bottom: 18px;
}

.seat_map_route hr {
    opacity: 1;
    background: var(--aur-primary-blue);
    color: var(--aur-primary-blue);
    height: 2px;
    z-index: 20;
    width: 98%;
    margin: 0 auto;
    border: none;
    background: linear-gradient(to right, var(--aur-primary-blue) 50%, var(--aur-secondary-darkgrey) 50%);
}

.seat_map_route .destinations {
    display: flex;
    justify-content: space-between;
    margin-top: -7px;
}

.seat_map_route .destinations span {
    display: flex; 
    flex-direction: column; 
    font-weight: 600;
}

.seat_map_route .destinations span .dot {
    padding: 5px;
    width: 10px;
    border-radius: 100px;
    background: var(--aur-secondary-white);
    border: 2px solid var(--aur-secondary-darkgrey);
    z-index: 100;
}

.seat_map_route .destinations span .dot.loading {
    border: 2px solid var(--aur-primary-blue);
}

.seat_map_route .destinations span .dot.active {
    background: var(--aur-primary-blue);
}


/*

.plane {
  margin: 20px auto;
  max-width: 300px;
}

.cockpit {
  height: 250px;
  position: relative;
  overflow: hidden;
  text-align: center;
  border-bottom: 5px solid #d8d8d8;
}
.cockpit:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 500px;
  width: 100%;
  border-radius: 50%;
  border-right: 5px solid #d8d8d8;
  border-left: 5px solid #d8d8d8;
}
.cockpit h1 {
  width: 60%;
  margin: 100px auto 35px auto;
}

.exit {
  position: relative;
  height: 50px;
}
.exit:before, .exit:after {
  content: "EXIT";
  font-size: 14px;
  line-height: 18px;
  padding: 0px 2px;
  font-family: "Arial Narrow", Arial, sans-serif;
  display: block;
  position: absolute;
  background: green;
  color: white;
  top: 50%;
  transform: translate(0, -50%);
}
.exit:before {
  left: 0;
}
.exit:after {
  right: 0;
}

.fuselage {
  border-right: 5px solid #d8d8d8;
  border-left: 5px solid #d8d8d8;
}

ol.cabin.fuselage {
  list-style: none;
  padding: 0!important;
  margin: 0!important;
}

.seats {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.seat {
  display: flex;
  flex: 0 0 14.2857142857%;
  padding: 5px;
  position: relative;
}
.seat:nth-child(3) {
  margin-right: 14.2857142857%;
}
.seat input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.seat input[type=checkbox]:checked + label {
  background: #bada55;
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
  animation-duration: 300ms;
  animation-fill-mode: both;
}
.seat input[type=checkbox]:disabled + label {
  background: #dddddd;
  text-indent: -9999px;
  overflow: hidden;
}
.seat input[type=checkbox]:disabled + label:after {
  content: "X";
  text-indent: 0;
  position: absolute;
  top: 4px;
  left: 50%;
  transform: translate(-50%, 0%);
}
.seat input[type=checkbox]:disabled + label:hover {
  box-shadow: none;
  cursor: not-allowed;
}
.seat label {
  display: block;
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5rem;
  padding: 4px 0;
  background: #F42536;
  border-radius: 5px;
  animation-duration: 300ms;
  animation-fill-mode: both;
}
.seat label:before {
  content: "";
  position: absolute;
  width: 75%;
  height: 75%;
  top: 1px;
  left: 50%;
  transform: translate(-50%, 0%);
  background: rgba(255, 255, 255, 0.4);
  border-radius: 3px;
}
.seat label:hover {
  cursor: pointer;
  box-shadow: 0 0 0px 2px #5C6AFF;
}*/


main .bottom-navigation {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(--aur-primary-blue);
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 10px 0;
    z-index: 15;
    padding-bottom: 15px; /* Default padding */
}

@supports (-webkit-touch-callout: none) {
    main .bottom-navigation {
        padding-bottom: 27px; /* Increased padding for iOS */
    }
}

main .nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #888;
    
    font-size: 14px;
    width: 80px;
    text-align: center;
}

main .nav-item.active i {
    color: var(--aur-primary-yellow);
}

main .nav-item.active span {
    color: var(--aur-primary-yellow);
}

main .nav-item i {
    font-size: 24px;
    margin-bottom: 5px;
    color: var(--aur-secondary-white);
   
}

main .nav-item span {
    font-size: 10px;
    color: var(--aur-secondary-white);
    font-family: "museo-sans";
    font-weight: 300;
}

main .active-fare {
    background: var(--aur-primary-yellow);
}

main .yellowBtn,
main .whiteBtn,
main .bagsNextBtn {
    background: none;
    padding: 5px 15px;
    border-radius: 10px;
    color: var(--aur-primary-blue);
    font-size: 12px;
}

main .whiteBtn {
    background-color: var(--aur-secondary-white) !important;
}

.lastElement {
    margin-bottom: 7rem !important;
}

main .frequentFlyerOptionSection .whiteBtn {
    border: none;
    text-align: center;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}

main .skipRegisterSectionFirst {
    /*position: fixed;
    bottom: 0;
    padding: 10px;
    padding-bottom: 30px !important;
    margin: 0;
    background-color: var(--aur-secondary-white);
    z-index: 100;
    width: 100%;*/
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 10px 0;
    z-index: 15;
    padding-bottom: 15px;
}

main .skipRegisterSectionFirst button {
    height: 40px;
}

main .skipRegisterSection {
    position: fixed;
    bottom: 0;
    padding: 10px;
    padding-bottom: 30px !important;
    margin: 0;
    background-color: var(--aur-secondary-white);
    z-index: 100;
    padding-left: 0px;
}

main .skipRegisterSection .skipBtn {
    border: none;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);   
}

main .skipRegisterSection button {
    padding: 10px !important;
    height: 45px;
    font-size: 13px;
}

main .skipRegisterSection .whiteBtn {
    border-radius: 10px !important;
    height: 45px;
    font-size: 13px;
}

main .font_size11, 
main .font_size11 .form-control,
main .font_size11 .form-select,
main .font_size11 button {
    font-size: 11px !important;
}

main .signIn_register .pb_icon {
    width: 15px;
    height: 15px;
    background-size: contain;
}

main .signIn_register .progress_bar {
    padding: 8px 15px !important;
}

main #registerForm .addRemovePassengerBtns button,
main #add_passenger_form .addRemovePassengerBtns button,
main #account_container .addRemovePassengerBtns button,
main #edit_passenger_form .addRemovePassengerBtns button {
    color: var(--aur-primary-blue);
    background: none;
    text-decoration: underline;
    border: none;
    padding: 0;
} 

.redTextBtn {
    color: var(--aur-primary-red);
    background: none;
    text-decoration: underline;
    border: none;
    padding: 0;

    font-size: 10px;
    display: flex;
    justify-content: flex-end;
    color: var(--aur-primary-blue);
}

input::placeholder {
    color: var(--aur-secondary-midgrey) !important;
}

main .seatsModalBtns {
    padding: 20px 0px;
    gap: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

main .bagsNextBtn {
    width: 50%;
    background-color: var(--aur-primary-blue);
    color: var(--aur-secondary-white);
    border: none;
}

main .blueBtn, 
main .proceedWithoutBtn,
main .proceedWithoutSaving {
    border-radius: 10px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

main .blueBtn {
    color: var(--aur-secondary-white) !important;
    background-color: var(--aur-primary-blue) !important;
    border: none !important;
}

main .bags_section.booking_sections .preSelectedBagsModalBtns {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    gap: 20px;
}

main .bags_section.booking_sections .preSelectedBagsModalBtns button, main .logoutConfirmBtns button {
    width: 50%;
    padding: 10px;
    font-size: 12px !important;
}

main .proceedWithoutBtn,
main .proceedWithoutSaving {
    border: none;
    color: var(--aur-primary-blue);
    background-color: var(--aur-secondary-white);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

main input,
main select {
    color: var(--aur-primary-blue) !important;
    background-color: var(--aur-secondary-white) !important;
    border: 1px solid var(--aur-secondary-midgrey) !important;
    border-radius: 10px !important;
}

main .yellowBtn {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border: 2px solid var(--aur-primary-yellow);
    border-bottom: 7px solid var(--aur-primary-yellow);
}

main .yellowBox {
    background-color: var(--aur-primary-yellow);
    border: none;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}

main .whiteBtn {
    border: none;
    box-shadow: 0 4px 4px 0 #00000025;
}

main .help_centre .booking_bottom_navigation {
    bottom: 67px !important
}

main #trip_passenger_details_section .whiteBtn {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);    
}

main #trip_passenger_details_section .yes_no_assistance {
    height: 40px;
}

main #addBookingBtn {
    background-color: var(--aur-secondary-white);
    color: var(--aur-primary-blue);
    padding: 0px 25px;
    border: 1px solid var(--aur-secondary-midgrey);
    border-radius: 6px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

main #changeFlightBtn {
    width: 40%;
    border: 1px solid var(--aur-secondary-midgrey);
    border-radius: 6px;
    padding: 5px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    color: var(--aur-primary-blue);
}

main .loginRegisterDiv {
    border-radius: 10px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

main .loginRegisterBtn {
    width: 100%;
    margin: 5px;
    border-radius: 10px;
    padding: 5px 10px;
    cursor: pointer;
}

main #account_signIn_container .loginRegisterBtn {
    /*padding: 8px 10px !important;*/
}

main #account_signIn_container form .loginForm_buttons{
    width: 100%;
    background: #0c3a62;
    color: white;
    border: none;
    border-radius: 10px;
    padding: 10px 15px;
}

main #account_container .card p,
main #my_trips_contact_details_section .card p,
main #account_container .card .card-title,
main #my_trips_contact_details_section .card .card-title {
    margin: 0 !important;
}

main #account_container .card .card-body,
main #my_trips_contact_details_section .card .card-body {
    padding: 10px !important;
}

main #account_container .card 
main #my_trips_contact_details_section .card {
    border-radius: 10px !important;
    /*margin-inline: 10px;*/
}

main #account_container a {
    color: var(--aur-primary-blue) !important;
}

main #account_container .card .card-body .card-title {
    cursor: pointer;
}

main #account_container .card .card-body i.delete_account + button {
    border: none;
    background: none;
    padding: 0;
    text-decoration: underline;
    color: var(--aur-primary-blue);
}

.yellowBorder {
    border: 2px solid var(--aur-primary-yellow) !important;
    border-bottom: 10px solid var(--aur-primary-yellow) !important;
}

.yellowBackground {
    /*background-color: var(--aur-primary-yellow) !important;
    border: none !important;*/

    background-color: var(--aur-secondary-white) !important;
    /* border: none !important; */
    border: 2px solid var(--aur-primary-yellow) !important;
    border-bottom: 8px solid var(--aur-primary-yellow) !important;
    padding: 8px 10px !important;
    padding-bottom: 0 !important;
}
 
#registerManuallyBtn {
    border: 1px solid #C6C6C6;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
}

main #settings_section .card p,
main #settings_section .card .card-title {
    margin: 0 !important;
}

main #settings_section .card .card-body {
    padding: 10px !important;
}

main #settings_section .card {
    border-radius: 10px !important;
}

main .card {
    border: 1px solid var(--aur-secondary-midgrey);
    color: var(--aur-primary-blue);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

main #help_centre_section .card
main .help_centre .card {
    cursor: pointer;
}

main #help_centre_section .card .card-title,
main .help_centre .card .card-title {
    font-size: 16px;
}

main #help_centre_section .row > .whiteBtn,
main .help_centre .row > .whiteBtn {
    border: 1px solid var(--aur-secondary-midgrey) !important;
}

main #help_centre_section .card i,
main .help_centre .card i,
main #trip_passenger_details_section .card i,
main #passenger_details_section .card i {
    width: 4rem;
    height: 4rem;
    background-size: 100%;
}

main #passenger_details_section .card i {
    width: 2.5rem;
    height: 2.5rem;
}

main #passenger_details_section .card {
    display: flex;
    justify-content: center;
    border-radius: 0;
    border: none;
}

main #passenger_details_section #bookingSelectedOption .card {
    border: none !important;
    box-shadow: none !important;
}

main #trip_passenger_details_section .optionBox i,
main #passenger_details_section .optionBox i {
    width: 3rem;
    height: 3rem;
    background-size: 100%;
}

main #passenger_details_section .assistance_booking_info_popup .card .card-body {
    padding: 0;
}

main #passenger_details_section .assistance_booking_info_popup .card {
    min-height: 80px;
    max-height: 85px;
    border-radius: 8px;
    border: 1px solid var(--aur-primary-blue);
    width: 100%;
}

main #trip_passenger_details_section #selectAssistance .modal-body,
main #passenger_details_section #bookingSelectAssistance .modal-body,
main #passenger_details_section #bookingSelectedOption .modal-body {
    padding: 20px 0px 0px 0px;
    text-align: left;
}

main #trip_passenger_details_section .info_icon {
    display: inline-block;
}

main #help_centre_section .card .card-body,
main .help_centre .card .card-body {
    padding-left: 0px !important;
}

main #send_us_message_flight_details_section .card .card-body,
main #refund_flight_selection_section .card .card-body{
    padding: 15px !important
}


main .help_centre p {
    font-size: 11px;
}

main .help_centre form label {
    font-size: 11px;
    margin: 0 !important;
}

.assistanceInfoBox p {
    font-size: 0.875rem !important;
}

main .help_centre input,
main .help_centre select {
    /*height: 35px !important;*/
    /*padding: 4px 10px !important;*/
    font-size: 11px;
}

main .card .shopping_basket {
    border-top: 3px solid var(--aur-primary-yellow);
    width: 100%;
    padding: 17px 10px;
    gap: 15px;
}

main .card .shopping_basket .bxs-chevron-up {
    background: none;
    color: var(--aur-primary-blue);
    font-size: 10px;
}

main .shopping_basket_popup_shadow {
    bottom: 92px; 
    position: absolute; 
    width: 100%; 
    border-radius: 0; 
    box-shadow: none;
    border: none!important;
}

@supports (-webkit-touch-callout: none) {
    main .shopping_basket_popup_shadow {
        bottom: 105px; /* Increased padding for iOS */
    }
}

main .shopping_basket_popup {
}

main .shopping_basket_popup .bx {
    background: transparent!important;
    color: var(--aur-primary-blue)!important;
    font-size: 1rem!important;
}

main .shopping_basket_popup i.bx {
    width: auto!important;
    height: auto!important;
}

#main-sidenav .main_buttons .bx.bxs-briefcase-alt {
    font-size: 22px !important;
    filter: none !important;
}

main .header_of_basket {
    position: sticky;
    top: 0px;
    background: var(--aur-secondary-white);
    padding: 15px 15px 0 15px;
}

main .main_of_basket {
    padding: 5px 15px 5px 15px;
    font-size: 14px;
}

main .footer_of_basket {
    padding: 5px 15px 30px 15px;
    font-size: 14px;
}

main .shopping_basket_popup .main_of_basket .flight_box,
main .shopping_basket_checkout .main_of_basket .flight_box {
    box-shadow: 0 4px 4px 0px var(--aur-secondary-midgrey);
    border-radius: 10px;
    padding: 10px;
    border: 1px solid var(--aur-secondary-grey);
    margin-bottom: 15px;
}

main .shopping_basket_popup .main_of_basket .flight_box b,
main .shopping_basket_checkout .main_of_basket .flight_box b {
    display: flex;
    justify-content: center;
    /*margin-bottom: 8px;*/
    font-size: 12px;
}

main .shopping_basket_popup .main_of_basket .flight_box .flight_details,
main .shopping_basket_checkout .main_of_basket .flight_box .flight_details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

main .shopping_basket_popup .main_of_basket .flight_box .flight_details .depart,
main .shopping_basket_checkout .main_of_basket .flight_box .flight_details .depart {
    display: flex;
    flex-direction: column;
    font-size: 15px;
}

main .shopping_basket_popup .main_of_basket .flight_box .flight_details .center,
main .shopping_basket_checkout .main_of_basket .flight_box .flight_details .center {
    width: 75%;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
}

main .shopping_basket_popup .main_of_basket .flight_box .flight_details .center hr,
main .shopping_basket_checkout .main_of_basket .flight_box .flight_details .center hr {
    margin-top: 10px;
}

main .shopping_basket_popup .main_of_basket .flight_box .flight_details .destin,
main .shopping_basket_checkout .main_of_basket .flight_box .flight_details .destin {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 15px;
}

main .shopping_basket_popup .main_of_basket .flight_box .flight_details .depart,
main .shopping_basket_popup .main_of_basket .flight_box .flight_details .destin {
    font-weight: 600;
}

main .shopping_basket_popup .main_of_basket .flight_box .flight_layover,
main .shopping_basket_checkout .main_of_basket .flight_box .flight_layover {
    color: var(--aur-primary-red);
    margin: 0 auto;
    font-size: 10px;
    margin-top: -5px;
    text-align: center;
}

main .booking_bottom_navigation {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(--aur-secondary-white);
    display: flex;
    /* justify-content: space-evenly; */
    justify-content: space-between;
    align-items: center;
    padding: 17px 10px;
    z-index: 1001;
    border-top: 3px solid var(--aur-primary-yellow);
    gap: 15px;
    padding-bottom: auto;
}

main .booking_bottom_navigation_gift_voucher {
    bottom: 69px; 
    padding-bottom: 15px; 
    display: flex; 
    justify-content: center;
}

/* Target iPhones specifically */
@supports (-webkit-touch-callout: none) {
    main .booking_bottom_navigation {
        padding-bottom: 30px; /* Increased padding for iOS */
    }

    main .booking_bottom_navigation_gift_voucher {
        padding-bottom: 15px!important;
        bottom: 79px;
    }

    main section.notifications_screen .after-click {
        bottom: 79px!important;
    }

}

main .help_centre .booking_bottom_navigation {
    /* position: unset !important; */
    /* background: none !important; */
    /* border: none !important; */
    z-index: 1 !important;
}

main #send_us_message_booking_details_section .booking_bottom_navigation,
main #send_us_message_help_section .booking_bottom_navigation,
main #send_us_message_your_details_section .booking_bottom_navigation,
main #help_centre_booking_details_section .booking_bottom_navigation,
main #refund_flight_selection_section .booking_bottom_navigation,
main #send_us_message_flight_details_section .booking_bottom_navigation {
    position: fixed !important;
}

main .booking_bottom_navigation button,
main .payment-section .card .shopping_basket button {
    width: 33%;
    height: 55px;
    font-size: 12px;
    padding: 10px;
    border-radius: 10px;
    border: none;
    color: var(--aur-primary-blue);
    box-shadow: 0 4px 4px 0 #00000025;
    background: var(--aur-secondary-white);
}

/* main .flights .booking_bottom_navigation button, */
main #add_passenger_section .booking_bottom_navigation button,
main #edit_passenger_section .booking_bottom_navigation button, 
main #my_purchase_section .booking_bottom_navigation button,
main #claimsSection .booking_bottom_navigation button,
main .contact_page .booking_bottom_navigation button {
    width: 50% !important;
}

main .help_centre .booking_bottom_navigation button {
    width: 50% !important;
    /* height: unset !important; */
}

main .booking_bottom_navigation .dropup {
    width: 33%;
}

main .booking_bottom_navigation .dropup .totalPriceBtn {
    width: 100%;
}

main .booking_bottom_navigation .dropup ul {
    box-shadow: none;
    margin-bottom: 16px !important;
    width: 100svw;
    border-bottom: none;
}

main .flights .booking_bottom_navigation {
    justify-content: start;
}

main #checkout_bottom_nav button,
main #flights_bottom_nav button {
    width: 50%;
}

main .booking_bottom_navigation button.blue,
main .payment-section .card .shopping_basket button.blue {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: var(--aur-primary-blue);
    color: var(--aur-secondary-white);
}

main .booking_bottom_navigation .totalPriceBtn,
main .payment-section .card .shopping_basket .totalPriceBtn {
    /*background: #FDF0B4;*/
    background: var(--aur-secondary-white);
}

main .booking_bottom_navigation button.blue:hover,
main .payment-section .card .shopping_basket button.blue:hover {
    background: var(--aur-primary-yellow);
    color: var(--aur-primary-blue);
}

main .policy_btns button.selected {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25)!important;
    border: 2px solid var(--aur-primary-yellow)!important;
    border-bottom: 7px solid var(--aur-primary-yellow)!important;
    background: var(--aur-secondary-white)!important;
    color: var(--aur-primary-blue)!important;
}

/* switch  */
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
}

/* Hide default checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--aur-secondary-midgrey);
    transition: .4s;
}

/* Slider knob */
.slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 4px;
    bottom: 4px;
    background-color: var(--aur-secondary-white);
    transition: .4s;
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

/* Checked state styles */
input:checked + .slider {
    background-color: var(--aur-primary-yellow);
}

input:checked + .slider:before {
    transform: translateX(19px);
}

input:checked + .slider_calendar:before {
    transform: translateX(8px);
}

/* Focus state */
input:focus + .slider {
    box-shadow: 0 0 3px var(--aur-primary-yellow);
}
/* Switch END ====== */

/* INFORMATION START ====== */

.flight-table {
    width: 100%;
    table-layout: fixed;
    /* Ensures the columns adhere to the specified widths */
}

.flight-table td {
    padding: 8px;
    font-size: 14px;
    color: #666;
}


.button-main {
    display: flex;
    justify-content: space-between;
}


.button-main-desktop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.button-main-custom {
    box-shadow: none !important;
    width: 100%;
    height: 40px;
    color: gray;
    display: flex;
    border: none;
    background: white;
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

/* New class to remove bottom border radius when dropdown is open */
.button-main-custom.dropdown-open {
    border-bottom-left-radius: 0 !important;
    /* Remove bottom-left border radius */
    border-bottom-right-radius: 0 !important;
    /* Remove bottom-right border radius */
}

/* Active button background */
.button-main-custom.active {
    background: rgb(237, 237, 237);
    /* Background for active button */
}

.button-custom {
    width: 100%;
    height: 40px;
    color: gray;
    display: flex;
    border: none;
    background: white;
    /* Default background for inactive button */
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

.button-custom.active {
    background: rgb(237, 237, 237);
    /* Background for active button */
}

.button-custom-desktop {
    width: 95%;
    height: 40px;
    color: gray;
    display: flex;
    border: none;
    background: white;
    /* Default background for inactive button */
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

.button-custom-desktop.active {
    background: rgb(237, 237, 237);
    /* Background for active button */
}

main .card .flight-commands .bx {
    color: #0c3b62 !important;
    background-color: transparent !important;
}


main .card .button-custom .bx {
    color: gray;
    background-color: transparent;
}

.mobile-flights {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.flight-title {
    display: flex;
    justify-content: space-between;
}

.flight-title-text {
    font-size: 14px !important;
    color: #666 !important;
    width: 40%;
    display: flex;
    justify-content: end;
    padding-right: 6px;
    align-items: center;
}

.flight-title-code {
    padding-left: 3px;
    width: 60%;
    font-size: 15px !important;
    text-align: center;
    background: #fed302;
    color: #0c3b62 !important;
    border-radius: 8px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-weight: 600;
}

.flight-data-button a {
    text-decoration: none;
    color: #666;
}

.flight-data-button-text {
    font-size: 12px;
}

.flight-card {
    background: rgb(237, 237, 237);
    padding: 15px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.flight-card h2 {
    margin: 0;
    font-size: 15px;
    color: #333;
}

.flight-details {
    margin-top: 5px;
    display: flex;
}

.label {
    width: 40%;
    text-align: end;
    vertical-align: top;
}

.data {
    width: 60%;
}

.labels p,
.data p {
    margin: 5px 0;
    font-size: 14px;
    color: #666;
}

.labels p {
    font-weight: bold;
}

.status {
    width: 100%;
    font-size: 13px !important;
    text-align: center;
    background: #0c3b62;
    color: white !important;
    border-radius: 8px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-weight: 500;
}

/* Ensure the dropdown takes up the full width of its parent */
.airport-dropdown {
    position: absolute;
    /* Ensure it appears below the input field */
    width: 100%;
    /* Make it take up the full width of the input */
    max-width: 100%;
    /* Ensure it doesn’t exceed the parent’s width */
    background-color: white;
    border: 1px solid #e6e6e6;
    max-height: 200px;
    overflow-y: auto;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    z-index: 999;
    box-sizing: border-box;
    /* Include padding and border in the element's total width */
}

/* Optional: Ensure the parent container also follows the proper width constraint */
.col-md-3 {
    position: relative;
    /* Allow absolute positioning of dropdown */
    display: inline-block;
    width: 100%;
}


.airport-dropdown ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.airport-dropdown li {
    display: flex;
    padding: 10px 12px;
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
}

.airport-dropdown li:hover {
    background-color: #f0f0f0;
    color: #37474F;
}

.airport-dropdown li b {
    font-weight: bold;
}

.invalid-placeholder::placeholder {
    color: #F44336 !important;
}

label.invalid-field {
    color: #F44336 !important;
}

.airport-input-container {
    position: relative;
    width: 100%;
}

.airport-input-field {
    width: 100%;
    height: calc(3.3rem + 2px);
    padding: 0.5rem 1rem;
    padding-top: 1.3rem;
    padding-left: 0.5rem;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 1rem;
}

.airport-input-label {
    color: #b0bec5;
    font-size: 0.8rem;
    font-weight: 700;
    left: 0.5rem;
    padding: 0;
    position: absolute;
    text-transform: uppercase;
    top: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    width: auto;
}

.airport-search-select {
    position: relative;
    width: 100%;
}

.invalid-field {
    color: #F44336 !important;
}

.aur_input-field {
    font-size: 16px;
}

#filter_group {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin: 0;
    padding-top: 10px;
}

/* @media only screen and (max-width: 768px) {
    #filter_group {
        margin-left: -15px;
        margin-right: -15px;
    }
} */

#filter_group p {
    background-color: #ddd;
    border-radius: 2px;
    font-size: 20px;
    margin-top: 3px;
    padding: 10px;
    text-align: center;
}

#filter_group .filter_buttons {
    background: #297fff;
    border: 0;
    border-radius: 2px;
    color: #fff;
    font-size: 15px;
    margin-bottom: 10px;
    opacity: .8;
    padding: 7px 0;
    width: 100%;
}

.aur_input-container[data-v-18de610e], .aur_search-select[data-v-18de610e] {
    position: relative;
    width: 100%;
}

.aur_input-field[data-v-18de610e] {
    font-size: 24px;
    font-weight: 500;
    height: calc(3.3rem + 2px);
    padding: 1.3rem 1rem .5rem .5rem;
    width: 100%;
}

.aur_input_label[data-v-18de610e] {
    color: #b0bec5;
    font-size: .8rem;
    font-weight: 700;
    left: .5rem;
    padding: 0;
    position: absolute;
    text-transform: uppercase;
    top: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: auto;
}

main .contact-table {
    width: 100%;
    border-collapse: collapse;
    background-color: var(--aur-secondary-white);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

main .contact-table th {
    background-color: var(--aur-primary-blue);
    color: var(--aur-secondary-white);
    padding: 15px;
    text-align: left;
    font-size: 1.2em;
}

main .contact-table td {
    padding: 15px;
    border-top: 1px solid var(--aur-secondary-lightgrey);
    color: var(--aur-secondary-darkgrey);
}

main .contact-method {
    font-weight: bold;
    color: var(--aur-primary-blue);
}

main .contact-table a {
    color: var(--aur-primary-red);
    text-decoration: none;
}

main .contact-table a:hover {
    text-decoration: underline;
}

main .note {
    font-style: italic;
    color: var(--aur-secondary-darkgrey);
}

main .RFflightCard{
    cursor: pointer;
}
/* 
main .RFflightCard:hover {
  background-color: #fff8dc; 
} */

main .RFflightCardSelected {
  background-color: #fff8dc; 
  border: 2px solid #fbc02d; 
}

.red-span {
    color: var(--aur-primary-red);
}

/* INFORMATION END ====== */


/* FAQS START ====== */
.faqs-page {
    padding-bottom: 100px;
}

.faqs-page .main .paragraph {

}

.faqs-page .main p {
    font-size: 24px;
    font-weight: 500;
    color: #0C3B62;
}

.faqs-page .main .sub-paragraph {
    font-weight: 300;
    font-size: 13px;
    color: #0C3B62;
}   

.faqs-page .main .faq-title {
    /*margin-left: 18px;*/
    margin-top: 33px;
}

.faqs-page .main .faq-title h1 {
    font-weight: 700;
    font-size: 16px;
    color: #0C3B62;

}

.faqs-page .main .faq-category-block {
    /* height: 40px; */
    margin: 12px 0 12px 0;
    /* background-color: #E9E9E9; */
    border-radius: 10px;
    padding-bottom: 1px;
}

.faqs-page .main .faq-category-block .faq-category-title {
    margin-top: 25px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 17px;
    /* padding:12px 14px; */
   
}

.faqs-page .main .faq-category-block .faq-category-title h3 {
   margin: 0;
   font-size: 16px;
   font-weight: 500;
   color: #0C3B62;
}

.faqs-page .main .faq-category .questions-container {
    background-color: white;
    margin: 0 3px 2px 3px;
    border-radius: 10px;
}


.faqs-page .main .faq-question .question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:12px 14px;
}

.faqs-page .main .faq-question .question p {
    font-weight: 500;
    font-size: 15px;
    margin: 0;
    color: #0C3B62;
}

.faqs-page .main .faq-question .answer {
    white-space: pre-line;
    padding-bottom: 14px;
    padding-left: 17px;
    padding-right: 17px;
    gap:13px;
    font-size: 13px!important;
    margin-bottom: 1em;
    color: #0C3B62;
    font-weight: 300;
}

.faqs-page .main .faq-question .answer span {
    font-size: 13px!important;
}

.faqs-page .main .faq-question .answer p:last-of-type {
    margin-bottom: 0;
}

.faq-line {
    display:block;
    border-bottom: 2px solid #E9E9E9;
    margin: 0px 14px;
}

.questions-container .faq-question:last-child .faq-line {
  display: none;
}

.faq-search-wrapper {
    position: relative;
    max-width: 100%;
}

.faq-search-wrapper i.bx-search {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
    color: #999;
    font-size: 18px;
    pointer-events: none;
}

.faq-search-wrapper .faq-input {
    width: 100%;
    height: 35px;
    padding: 10px 12px 10px 40px; 
    border-radius: 12px;
    border: 1.5px solid lightgrey;
    outline: none;
    font-size: 14px;
    transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    box-shadow: 0px 0px 20px -18px;
}

.search-results-dropdown {
  position: absolute;
  top: 100%;
  height: 300px;
  left: 0;
  right: 0;
  background: white;
  border: 1px solid #E9E9E9;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  z-index: 100;
  max-height: 500px;
  overflow-y: auto;
  margin-top: 8px;
}

.faq-result-card {
  border-bottom: 1px solid #f0f0f0;
  padding: 12px 0;
}

.faq-result-card:last-child {
  border-bottom: none;
}

.faq-result-title {
  font-weight: 500;
  font-size: 15px;
  color: #0C3B62;
  padding: 0 16px 8px;
  cursor: pointer;
}

.faq-result-title:hover {
  text-decoration: underline;
}

.match-card {
  background: #f9f9f9;
  border-radius: 6px;
  margin: 8px 16px;
  padding: 10px 12px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.match-card:hover {
  background: #f0f5ff;
  transform: translateX(2px);
}

.match-snippet {
  color: #555;
  font-size: 14px;
  line-height: 1.4;
}

.match-snippet strong {
  color: #0C3B62;
  font-weight: 600;
  background-color: #e6f0ff;
  padding: 0 2px;
  border-radius: 2px;
}
/* FAQS END ====== */


main .card .cardBox {
    width: 100%;
    height: 95px;
    border: 1px solid var(--aur-primary-blue);
    border-radius: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

main .card .cardBox img {
    height: 80%;
    width: 45px;
}

main .card .cardBox .bags_details,
main .card .extraCardBox .extra_bags_details {
/*    margin-top: 8px;*/
}

main .card .cardBox .bags_details b,
main .card .extraCardBox .extra_bags_details b {
    font-weight: 600;
    font-size: 13px;
}

main .card .cardBox .bags_details p,
main .card .extraCardBox .extra_bags_details p {
    font-size: 12px;
}


main .card .cardBox .minus_plus_counters {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 18px;
/*    margin-right: 18px;*/
    margin-top: 6px;
}

main .card .cardBox .minus_plus_counters p {
    width: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

main .card .cardBox.selected {
    border: 2px solid var(--aur-primary-yellow);
    border-bottom: 12px solid var(--aur-primary-yellow);
}

main .card p {
    margin: 0;
}

main .card .bx {
    background-color: var(--aur-primary-blue);
    color: var(--aur-secondary-white);
    border-radius: 3px;
    font-size: 1.5rem;
}

main .card .card-title .bxs-down-arrow,
main .flights .card .bxs-down-arrow,
main .card #shopping_basket .bxs-down-arrow,
main .seats_selection.booking_sections .card .bxs-down-arrow,
main .card .card-title .bxs-up-arrow,
main .flights .card .bxs-up-arrow,
main .card #shopping_basket .bxs-up-arrow,
main .seats_selection.booking_sections .card .bxs-up-arrow,
main .card .booking_bottom_navigation .bxs-chevron-,
main .card .bx.bxs-info-circle {
    background-color: var(--aur-secondary-white);
    color: var(--aur-primary-blue);
    font-size: 1rem;
}

main .card .card-title .bxs-user {
    background-color: var(--aur-secondary-white);
    color: var(--aur-primary-blue);
}

main .cardBox .minus_plus {
/*    margin-top: 30px;*/
/*    gap: 8px;*/
/*    text-align: center;*/
    display: flex;
    justify-content: flex-end;
}

main .text-danger {
    color: var(--aur-primary-red);
    margin-bottom: 10px !important;
}

main .card .list-unstyled .bx {
    font-size: 1.25rem;
}

main .disabled-icon {
    pointer-events: none;
    opacity: 0.5;
}

main .grey {
    filter: grayscale(1);
}

main label>sup,
main p>sup {
    color: var(--aur-primary-red);
}

main .contact_details_form,
main .passenger_form,
main .contact_details_form {
/*    padding: 0;*/
    padding: 6px;
}

main .contact_details_form input,
main .contact_details_form select {
    font-size: 12px !important;
}

main .contact_details_form .iti .iti__selected-dial-code {
    font-size: 12px !important;
}

main .assistanceBox {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    width: 25%;
    height: 90px;
    border: 1px solid var(--aur-secondary-midgrey);
    border-radius: 10px;
    text-align: center;
    padding: 10px;
    margin-top: 10px;
}

main #trip_passenger_details_section .optionBox,
main #passenger_details_section .optionBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--aur-secondary-midgrey);
    border-radius: 10px;
    margin: 5px;
    height: 70px;
    width: 6.7rem !important;
    cursor: pointer;
}


main #my_trip_container .optionBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--aur-secondary-midgrey);
    border-radius: 10px;
    /* margin: 5px; */
    height: 70px;
    width: 30%;
    cursor: pointer;
    gap: 7px;
}

main #trip_passenger_details_section .box_assistance {
    text-align: left;
    width: 100%;
    padding: 10px;
    border: 1px solid var(--aur-secondary-midgrey);
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    box-shadow: 0 4px 4px 0 var(--aur-secondary-midgrey);
    border-radius: 10px;
    height: 90px;
    gap: 15px;
}

main #trip_passenger_details_section .box_assistance .icon_part {
    width: 20%;
}

main #trip_passenger_details_section .box_assistance .icon_part i {
    display: flex;
    width: 4rem;
    height: 3rem;
}

main #trip_passenger_details_section .box_assistance .description p {
    margin: 0;
}

main #trip_passenger_details_section .optionBox,
main #passenger_details_section .optionBox {
    height: 5.65rem;
    width: 5.65rem !important;
    padding: 15px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

main #select_traveller_section .optionBox, 
main #passenger_extras_section .optionBox, 
main #passenger_check_in_section .optionBox {
    height: 120px;
    border: 1px solid var(--aur-secondary-midgrey);
    border-radius: 10px;
    margin: 10px;
    padding: 10px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: start;
}

main #select_traveller_section .optionBox .pb_passenger_details,
main #passenger_extras_section .optionBox .pb_passenger_details,
main #passenger_check_in_section .optionBox .pb_passenger_details {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

main #select_traveller_section .optionBox > div,
main #passenger_extras_section .optionBox > div,
main #passenger_check_in_section .optionBox > div {
    display: flex;
    align-items: center;
}

main #select_traveller_section .optionBox > div > p,
main #passenger_extras_section .optionBox > div > p,
main #passenger_check_in_section .optionBox > div > p {
    margin: 0;
}

main #select_traveller_section .optionBox small,
main #passenger_extras_section .optionBox small,
main #passenger_check_in_section .optionBox small,
main #select_traveller_section .optionBox button,
main #passenger_extras_section .optionBox button,
main #passenger_check_in_section .optionBox button {
    margin-top: 5px;
}

main #passenger_check_in_section .optionBox small {
    margin-top: 5px;
    font-size: 10px;
}

main #passenger_check_in_section .optionBox > div > p {
    margin: 0;
    font-size: 11px;
    text-align: left;
}

main #passenger_check_in_section .optionBox {
    min-height: 95px!important;
    max-height: 95px!important;
    box-shadow: 0 4px 4px var(--aur-secondary-lightgrey);
    width: 44%;
    margin-top: 15px !important;
}

main #passenger_check_in_section .optionBox-tall {
    max-height: 110px!important;
}

main #select_traveller_section .optionBox .blueBtn,    
main #passenger_extras_section .optionBox .blueBtn,    
main #passenger_check_in_section .optionBox .blueBtn {    
    font-size: 0.75rem;
    box-shadow: none;
    margin-bottom: 5px;
}

main #trip_passenger_details_section .modal .blueBtn,
main #passenger_details_section .modal .blueBtn {
    width: 50%;
    padding: 15px;
}

.modal#deleteTrip .blueBtn,
.modal#deleteTrip .whiteBtn,
.modal#loginFF .blueBtn,
.modal#loginFF .whiteBtn,
.modal#deleteTraveller .blueBtn,
.modal#deleteTraveller .whiteBtn {
    width: 50%;
    padding: 10px;
}

main #passenger_details_section .bookingSelectedOptionBtns button {
    padding: 15px;
    width: 100% !important;
}

main #passenger_details_section #bookingSelectedOption select,
main #passenger_details_section #bookingSelectedOption label {
    font-size: 14px !important;
}

main #passenger_details_section #bookingSelectedOption .card-title {
    font-size: 1rem !important;
}

main #my_trip_container .add_or_send_card p,
main #trip_passenger_details_section .add_or_send_card p {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--aur-primary-blue);
}

main #my_trip_container .add_or_send_card p:nth-of-type(1) {
    border-bottom: 1px solid var(--aur-secondary-midgrey);
}

main #my_purchase_section {
    padding-bottom: 120px;
}

main #trip_passenger_details_section .lastElement, 
main #view_my_trips_container .lastElement, 
main #my_trip_container .lastElement, 
main #passenger_check_in_section .lastElement, 
main #passenger_extras_section .lastElement,
main .my_trip_passport_info_section .lastElement, 
main #my_trip_create_passenger_section .lastElement, 
main #select_traveller_section .lastElement 
{
    margin-bottom: 7rem !important;
}

main .signIn_register .lastElement {
    margin-bottom: 10rem !important;
}

main #trip_passenger_details_section .booking_bottom_navigation, 
main #view_my_trips_container .booking_bottom_navigation, 
main #my_trip_container .booking_bottom_navigation, 
main #passenger_check_in_section .booking_bottom_navigation, 
main #passenger_extras_section .booking_bottom_navigation, 
main .my_trip_passport_info_section .booking_bottom_navigation, 
main #my_trip_create_passenger_section .booking_bottom_navigation, 
main #select_traveller_section .booking_bottom_navigation,
main #my_trips_contact_details_section .booking_bottom_navigation,
main #my_trips_contact_details_section .booking_bottom_navigation,
main #my_purchase_section .booking_bottom_navigation,
main .legal-page .booking_bottom_navigation,
main .baggage-page .booking_bottom_navigation,
main .faqs-page .booking_bottom_navigation,
main .contact_page .booking_bottom_navigation
{
    bottom: 69px !important;
    padding-bottom: 20px;
}


@supports (-webkit-touch-callout: none) {
    main #trip_passenger_details_section .booking_bottom_navigation, 
    main #view_my_trips_container .booking_bottom_navigation, 
    main #my_trip_container .booking_bottom_navigation, 
    main #passenger_check_in_section .booking_bottom_navigation, 
    main #passenger_extras_section .booking_bottom_navigation, 
    main .my_trip_passport_info_section .booking_bottom_navigation, 
    main #my_trip_create_passenger_section .booking_bottom_navigation, 
    main #select_traveller_section .booking_bottom_navigation,
    main #my_purchase_section .booking_bottom_navigation,
    main .legal-page .booking_bottom_navigation,
    main .baggage-page .booking_bottom_navigation,
    main .faqs-page .booking_bottom_navigation,
    main .contact_page .booking_bottom_navigation {
        bottom: 81px !important;
        padding-bottom: 20px;
    }
}

main #trip_passenger_details_section .booking_bottom_navigation button, 
main #view_my_trips_container .booking_bottom_navigation button, 
main #my_trip_container .booking_bottom_navigation button, 
main #passenger_check_in_section .booking_bottom_navigation button, 
main #passenger_extras_section .booking_bottom_navigation button, 
main .my_trip_passport_info_section .booking_bottom_navigation button, 
main #my_trip_create_passenger_section .booking_bottom_navigation button, 
main #select_traveller_section .booking_bottom_navigation button {
    width: 50%;
}

main .my_trip_passport_info_section .header h3{
    font-size: 19px;
}

main .my_trip_passport_info_section .header p{
    font-size: 11px;
}

main .my_trip_passport_info_section .lastElement h4 {
    font-size: 17px;
}

main .my_trip_passport_info_section .lastElement {
    font-size: 12px;
}

main .my_trip_passport_info_section .lastElement button {
    font-size: 12px;
}

main .my_trip_passport_info_section .lastElement input,
main .my_trip_passport_info_section .lastElement select {
    font-size: 12px;
}

main .my_trip_passport_info_section .lastElement h6 {
    font-size: 13px;
}

main #my_trip_container .modal .blueBtn:focus {
    background-color: var(--aur-primary-yellow) !important;
    color: var(--aur-primary-blue) !important;
}

/* main #my_trips_contact_details_section #contact_details_address {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom: none !important;
}

main #my_trips_contact_details_section #contact_details_address_two,
main #my_trips_contact_details_section #contact_details_address_three {
    border-radius: 0 !important;
    border-bottom: none !important;
}

main #my_trips_contact_details_section #contact_details_city {
    border-radius: 0 !important;
    border-bottom: none !important;
}

main #my_trips_contact_details_section #contact_details_state {
    border-radius: 0 !important;
    border-bottom: none !important;
}

main #my_trips_contact_details_section #contact_details_zip_code {
    border-radius: 0 0 10px 0 !important;
}

main #my_trips_contact_details_section #country {
    width: 40% !important;
    border-radius: 0 0 10px 10px !important;
    border-top: none !important;
} */

main #my_trips_contact_details_section #my_trips_contact_details_form .blueBtn {
    padding: 2px 14px;
    border-radius: 14px;
    box-shadow: none;
    margin-bottom: 2px;
}

.contrastLow {
    filter: contrast(0.1);
    pointer-events: none;
    opacity: 0.6;
}

main .contact_details_form .form-group.col-6 > label, 
main .passenger_form .form-group.col-6 > label,
main .contact_details_form .notMatch {
    font-size: 11px;
}

main .contact_details_form .notMatch {
    margin: 0 !important;
}

main .contact_details_form .form-group,
main .passenger_form .form-group,
main .passenger_form h6 {
    padding: 5px;
    margin-bottom: 0;
}

main #passenger_check_in_section .optionBox small.small_label {
    background: var(--aur-primary-blue);
    color: var(--aur-secondary-white);
    padding: 1px 10px;
    border-radius: 8px;
}

main #passenger_check_in_section .optionBox.selected {
    border: 2px solid var(--aur-primary-yellow);
    border-bottom: 8px solid var(--aur-primary-yellow);
}

main #my_trip_container .proceedWithoutBtn,
main #my_trip_container .proceedWithoutSaving {
    border: none;
    color: var(--aur-primary-blue);
    background-color: var(--aur-secondary-white);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 50% !important;
    font-size: 12px;
    padding: 15px;
}


/* boarding pass ticket */

main #my_trip_container .boarding-passes-container {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    padding: 20px 0;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    padding-bottom: 150px;
}

main #my_trip_container .boarding-passes-container::-webkit-scrollbar {
    display: none;
}

main #my_trip_container .boarding-passes-scroll {
    display: inline-flex;
    gap: 20px;
    padding: 0 calc(50% - 160px);
}

main #my_trip_container .ticket_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    scroll-snap-align: center;
    transition: all 0.3s ease;
    position: relative;
}

main #my_trip_container .ticket_container.active-ticket {
    transform: scale(1.07);
    z-index: 2;
}

main #my_trip_container .ticket {
    min-width: 305px;
    max-width: 400px;
    border-radius: 0px;
    padding: 20px;
    background-color: var(--aur-secondary-lightgrey);
    position: relative;
    box-shadow: 0px 15px 6px -5px var(--aur-secondary-midgrey);
    transition: all 0.3s ease;
}

main #my_trip_container .ticket::before,
main #my_trip_container .ticket::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 40px;
    background: var(--aur-secondary-white);
    border-radius: 50%;
    top: 70%;
    transform: translateY(-50%);
    z-index: 1;
}

main #my_trip_container .ticket::before {
    border: 1px solid linear-gradient(90deg, transparent 50%, var(--aur-primary-blue) 50%);
}

main #my_trip_container .ticket::after {
    border: 1px solid linear-gradient(90deg, var(--aur-primary-blue) 50%, transparent 50%);
}

main #my_trip_container .ticket::before {
    left: -10px;
}

main #my_trip_container .ticket::after {
    right: -10px;
}

main #my_trip_container .ticket-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid var(--aur-primary-blue);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

main #my_trip_container .ticket-header .city {
    text-align: center;
}

main #my_trip_container .plane-icon {
    font-size: 24px;
}

main #my_trip_container .ticket-details {
    font-size: 14px;
    margin-bottom: 10px;
}

main #my_trip_container .ticket-details .row {
    margin-bottom: 5px;
}

main #my_trip_container .ticket-details strong {
    font-size: 10px;
    color: var(--aur-secondary-midgrey);
}

main #my_trip_container .barcode {
    border-top: 2px dashed var(--aur-secondary-midgrey);
    padding-top: 12px;
    min-height: 67px;
}

main #view_my_trips_container .card p.card-title {
    font-size: 10px;
}

main #view_my_trips_container .card p.card-text {
    font-size: 11px;
}

main #my_trip_container button.save_boarding_pass {
    background: var(--aur-primary-blue);
    color: var(--aur-secondary-white);
    border-radius: 10px;
    padding: 13px;
    border: none;
    width: 90%;
    margin: 0 auto;
}

main #my_trip_container a.save_boarding_pass {
    background: var(--aur-primary-blue);
    color: var(--aur-secondary-white) !important;
    border-radius: 10px;
    padding: 13px;
    border: none;
    width: 90%;
    margin: 0 auto;
    text-decoration: none;
    text-align: center;
}

main .passenger_form h6 {
    font-size: 14px;
}

main .selectedAssistanceBox {
    background-color: var(--aur-primary-yellow);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}

main .contact_details_page .contact_d_form span.title {
    font-size: 16px;
    font-weight: 500;
    font-family: 'museo-sans';
    margin-top: 16px;
}

main .contact_details_page .contact_d_form h6 {
    font-size: 14px;
    font-weight: 500;
    font-family: 'museo-sans';
    margin-top: 16px;
}

main .contact_details_page .contact_d_form .right_side {
    display: flex;
    justify-content: flex-end;
}

main .contact_details_page .contact_d_form .right_side .input {
    padding: 4px 10px;
    border: 1px solid var(--aur-secondary-lightgrey);
    border-radius: 8px;
    background: var(--aur-secondary-white);
    box-shadow: 0 4px 4px 0 var(--aur-secondary-midgrey);
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--aur-primary-blue);
}

main .contact_details_page .contact_d_form .contact_details_form select {
    background-image: url(../../images/icons/arrow_down.svg);
    background-repeat: no-repeat;
    background-position: 97%;
    background-size: 7%;
}

.contact_details_page.booking_sections .purposeTravelButtonsDiv {
    margin-bottom: 10px; 
    gap: 10px;
}

.contact_details_page.booking_sections .purposeTravelButtonsDiv button {
    width: 33%; 
    padding: 8px !important; 
    font-size: 11px !important;
}

main .passenger_details_page .passenger_d_form .right_side {
    display: flex;
    justify-content: flex-end;
}

main .passenger_details_page .passenger_d_form .right_side .input {
    padding: 4px 10px;
    border: 1px solid var(--aur-secondary-lightgrey);
    border-radius: 8px;
    background: var(--aur-secondary-white);
    box-shadow: 0 4px 4px 0 var(--aur-secondary-midgrey);
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--aur-primary-blue);
}

main section.passenger_details_page input.dp__pointer.dp__input_readonly.dp__input.dp__input_icon_pad.dp__input_reg {
    height: 38px!important;
    font-size: 14px;
}

#accountDetails input.dp__pointer.dp__input_readonly.dp__input.dp__input_icon_pad.dp__input_reg {
    height: 38px!important;
    font-size: 14px;
}


main .bags_section .right {
    display: flex;
    justify-content: flex-end;
}

main .bags_section .right .input {
    padding: 4px 10px;
    border: 1px solid var(--aur-secondary-lightgrey);
    border-radius: 8px;
    background: var(--aur-secondary-white);
    box-shadow: 0 4px 4px 0 var(--aur-secondary-midgrey);
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--aur-primary-blue);
    margin-bottom: 12px;
    font-size: 12px;
}

main .bags_section .header_buttons button {
    background: white;
    border: 1px solid var(--aur-secondary-midgrey);
    width: 111px;
    border-radius: 8px;
    color: var(--aur-primary-blue);
    font-size: 12px;
    padding: 7px;
    box-shadow: 0 4px 4px 0 #00000025;
    display: flex;
    justify-content: center;
    gap: 5px;
}

main .bags_section .header_buttons button.selected {
    border: 2px solid var(--aur-primary-yellow);
    border-bottom: 6px solid var(--aur-primary-yellow);
/*    background: var(--aur-primary-yellow);*/
    height: 37px;
}

main .passengers_extras_section .extraCardBox,
main .bags_section .extraCardBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 12px 20px 12px;
    border: 1px solid var(--aur-primary-blue);
    border-radius: 10px;
    height: 95px;
}

main .passengers_extras_section .extraCardBox.selected,
main .bags_section .extraCardBox.selected {
    border: 2px solid var(--aur-primary-yellow);
    border-bottom: 12px solid var(--aur-primary-yellow);
}

main .passengers_extras_section .extraCardBox .extra_image_name,
main .bags_section .extraCardBox .extra_image_name {
    display: flex;
    gap: 12px;
    align-items: center;
}

main .passengers_extras_section .extraCardBox .extra_image_name span,
main .bags_section .extraCardBox .extra_image_name span {
    font-weight: 600;
}

main .passengers_extras_section .extraCardBox .extra_image_name img,
main .bags_section .extraCardBox .extra_image_name img {
    height: 45px;
    width: 35px;
}

main .passengers_extras_section .extraCardBox .minus_plus_counters,
main .bags_section .extraCardBox .minus_plus_counters {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 18px;
/*    margin-top: 6px;*/
}

main .passengers_extras_section .minus_plus_counters p,
main .bags_section .extraCardBox .minus_plus_counters p {
    width: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

main .passengers_extras_section .minus_plus_counters i,
main .bags_section .extraCardBox .minus_plus_counters i {
    font-size: 1.5rem;
}


main .seats_selection .seats_modal {
    display: flex;
    align-items: center;
    gap: 14px;
}

main .seats_selection .seats_modal .left,
main .seats_selection .seats_modal .right {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 140px;
}

main .seats_selection .seats_modal .modal-title {
    font-size: 13px;
    font-weight: 600;
}

main .seats_selection .seats_modal p {
    font-size: 9px;
}

main .seats_selection .seats_modal button {
    display: flex;
    justify-content: center;
    gap: 6px;
    align-items: center;
    width: 100%;
    height: 35px;
    font-size: 10px;
    padding: 10px;
    border-radius: 10px;
    border: none;
    color: var(--aur-primary-blue);
    box-shadow: 0 4px 4px 0 #00000025;
}

main .seats_selection .seats_modal .left button:hover {
    background: var(--aur-secondary-white)!important;
}

main .seats_selection .seats_modal .right button {
    background: var(--aur-primary-blue);
    color: var(--aur-secondary-white);
}


main .seats_selection .emergency_seat_modal, 
main #passenger_check_in_section .random_seat_modal {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 10px 5px;
}

main .seats_selection .emergency_seat_modal .modal-title, 
main #passenger_check_in_section .random_seat_modal .modal-title {
    font-size: 17px;
    font-weight: 600;
    text-align: left;
}

main .seats_selection .emergency_seat_modal p, 
main #passenger_check_in_section .random_seat_modal p {
    font-size: 12px;
    text-align: left;
    margin-top: 8px;
}

main .seats_selection .emergency_seat_modal .emergency_seat_modal_buttons, 
main #passenger_check_in_section .random_seat_modal .random_seat_modal_buttons {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 10px;
}

main .seats_selection .emergency_seat_modal .emergency_seat_modal_buttons .left,
main .seats_selection .emergency_seat_modal .emergency_seat_modal_buttons .right,
main #passenger_check_in_section .random_seat_modal .random_seat_modal_buttons .left,
main #passenger_check_in_section .random_seat_modal .random_seat_modal_buttons .right {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*height: 140px;*/
}

main .seats_selection .emergency_seat_modal .emergency_seat_modal_buttons button,
main #passenger_check_in_section .random_seat_modal .random_seat_modal_buttons button {
    display: flex;
    justify-content: center;
    gap: 6px;
    align-items: center;
    width: 100%;
    height: 35px;
    font-size: 13px;
    padding: 22px 10px;
    border-radius: 10px;
    border: none;
    color: var(--aur-primary-blue);
    box-shadow: 0 4px 4px 0 #00000025;
}

main .seats_selection .emergency_seat_modal .emergency_seat_modal_buttons .left button:hover,
main #passenger_check_in_section .random_seat_modal .random_seat_modal_buttons .left button:hover {
    background: var(--aur-secondary-white)!important;
}

main .seats_selection .emergency_seat_modal .emergency_seat_modal_buttons .right button,
main #passenger_check_in_section .random_seat_modal .random_seat_modal_buttons .right button {
    background: var(--aur-primary-blue);
    color: var(--aur-secondary-white);
}

main #passenger_check_in_section .random_seat_modal .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

main #passenger_check_in_section .random_seat_modal .header b {
    color: var(--aur-secondary-midgrey);
    position: relative;
    top: -15px;
    right: -7px;
}

main .seats_selection .seat_legend_popup {
    position: fixed;
    right: 0;
    z-index: 100;
    margin-top: 33px;
    background: var(--aur-secondary-white);
    /*padding: 10px 0;*/
    border-radius: 8px 0 0 8px;
    box-shadow: 0 4px 4px 0 var(--aur-secondary-midgrey);
}

main .seats_selection .seat_legend_popup button {
    font-size: 13px;
    border: none;
    background: transparent;
    color: var(--aur-primary-blue);
    font-weight: 600;
}

main .seats_selection .seat_legend_popup button i {
    font-size: 8px;
}

main .seats_selection .seat_legend {
    display: flex;
    flex-direction: column;
    align-items: center;
    /*width: 65px;*/
    padding-bottom: 5px;
}

main .seats_selection .seat_legend hr {
    margin: 5px;
    opacity: 1;
    background: var(--aur-secondary-midgrey);
    height: 1px;
    border: none;
    width: 70%;
}

main .seats_selection .seat_legend .icon {
    display: flex;
    flex-direction: column;
    align-items: center;
}

main .seats_selection .seat_legend .icon p {
    font-size: 12px;
    margin-bottom: 0;
}

.col-6 {
    width: 50% !important;
}

.heading>a {
    color: var(--aur-primary-blue) !important;
}

#registerContainer,
#accountSettings,
#accountSecurity,
#accountBalance,
#accountDetails,
#myCompanions {
    width: 70%;
    margin: 10px;
    padding: 12px 17px;
    background-color: var(--aur-secondary-white);
    color: var(--aur-primary-blue);
    border-radius: 18px;
}

#registerContainer,
#accountDetails,
#myCompanions {
    margin-bottom: 100px;
}

#reg_formSubmit,
#setNewPassword,
#accountDetails_formSubmit {
    background-color: #0C3B62;
    color: var(--aur-secondary-white);
    border-radius: 12px;
    padding: 12px 17px;
    border: none;
}

main #registerForm .whiteBtn {
    border-radius: 12px !important;
}

main #trip_passenger_details_section .whiteBtn {
    border: 1px solid var(--aur-secondary-midgrey);
}

main #registerForm,
main #frequentFlyer_form {
    margin-bottom: 60px;
}

#scanPassport {
    background-color: var(--aur-secondary-white);
    color: #0C3B62;
    border: 1px solid var(--aur-secondary-midgrey);
    border-radius: 10px;
    padding: 6px 17px; 
}

#myTripScanPassport {
    border: 1px solid var(--aur-secondary-midgrey);
    border-radius: 10px;
}

#accountSettings a, #accountSecurity a {
    text-decoration: none;
    background-color: #0C3B62;
    color: var(--aur-secondary-white);
    margin: 10px;
    padding: 12px 17px;
    border-radius: 18px;
    cursor: pointer;
}

.account_details_img {
    background: url('/images/account_details.png');
}

.account_balance_img {
    background: url('/images/account_balance.png');
}

.account_security_img {
    background: url('/images/account_security.png');
}

.passport_scanner {
    background: url('/images/scanner.png');
    display: inline-block;
    width: 18px !important;
    height: 18px !important;
}

.my_companions_img {
    background: url('/images/my_companions.png');
    background-repeat: no-repeat;
    width: 24px;
    height: 17px;
}

.checkout_img {
    background: url('/images/checkout.png');
}

/* .basket_img {
    background: url('/images/basket.svg');
} */

main .booking_bottom_navigation .basket_img {
    background-size: 100%;
}

.checkout_img {
    background-repeat: no-repeat;
    width: 22px;
    height: 18px;
}

.account_details_img,
.account_balance_img,
.account_security_img,
.passport_scanner {
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
}

#accountBalance span {
    display: inline-block;
    padding: 12px 17px;
    border-radius: 18px;
    background-color: #fed302;
}

.noBoxShadow {
    box-shadow: none !important;
}

.booking_sections .shopping_basket_popup .noBoxShadow .card-body {
    max-height: 530px;
    min-height: 250px;
    overflow-y: scroll;
    padding: 0;
    border: none !important;
}

.tripCardHeader {
    border-bottom: 1px dotted var(--aur-secondary-midgrey);
    padding-bottom: 10px;
}

.tripCardFooter {
    border-top: 1px dotted var(--aur-secondary-midgrey);
    padding-top: 10px;
    font-size: 0.75rem;
}

main .booking_sections {}

main .passengers_extras_section .amount_outstanding,
main .booking_sections .amount_outstanding,
main .voucher_payment_page .amount_outstanding {
    display: flex;
    justify-content: space-between;
}

main .passengers_extras_section .amount_outstanding b,
main .booking_sections .amount_outstanding b,
main .voucher_payment_page .amount_outstanding b {
    margin-top: 20px;
    font-size: 24px;
}

main .passengers_extras_section .amount_outstanding span,
main .booking_sections .amount_outstanding span,
main .booking_sections .amount_outstanding_ff span,
main .voucher_payment_page .amount_outstanding span {
    font-weight: 600;
}

main .booking_sections .amount_outstanding_ff {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

main .booking_sections .amount_outstanding_ff b {
    font-size: 20px;
    font-weight: 600;
}

main .booking_sections .amount_outstanding_ff .amounts {
    margin-top: 15px;
}

main .booking_sections .amount_outstanding_ff .amounts .taxes,
main .booking_sections .amount_outstanding_ff .amounts .miles {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


main .passengers_extras_section .card_fields,
main .booking_sections .card_fields,
main .voucher_payment_page .card_fields {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

main .passengers_extras_section .card_fields b,
main .booking_sections .card_fields b,
main .voucher_payment_page .card_fields b {
    font-size: 18px;
}


main .passengers_extras_section .card_fields .hr_text,
main .booking_sections .card_fields .hr_text,
main .voucher_payment_page .card_fields .hr_text {
    line-height: 1em;
    position: relative;
    outline: 0;
    border: 0;
    color: black;
    text-align: center;
    height: 1.5em;
    opacity: 0.5;
}


main .passengers_extras_section .card_fields .hr_text::before,
main .booking_sections .card_fields .hr_text::before,
main .voucher_payment_page .card_fields .hr_text::before {
    content: "";
    background: linear-gradient(to right, transparent, #818078, transparent);
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
}

main .passengers_extras_section .card_fields .hr_text::after,
main .booking_sections .card_fields .hr_text::after
main .voucher_payment_page .card_fields .hr_text::after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    padding: 0 0.5em;
    line-height: 1.5em;
    color: black;
    background: white;
}

main .passengers_extras_section .card_fields input,
main .passengers_extras_section .card_fields select,
main .booking_sections .card_fields input,
main .booking_sections .card_fields select,
main .voucher_payment_page .card_fields input,
main .voucher_payment_page .card_fields select {
    width: 100%;
    padding: 10px;
    font-size: 14px;
}

main .passengers_extras_section .card_fields input[name="card_number"],
main .booking_sections .card_fields input[name="card_number"],
main .voucher_payment_page .card_fields input[name="card_number"] {
    background-image: url("../images/icons/payment/credit_card.svg");
    background-repeat: no-repeat;
    background-position: 97% 53%;
    background-size: 8%;
}

main .passengers_extras_section .card_fields .payment_options,
main .booking_sections .card_fields .payment_options,
main .voucher_payment_page .card_fields .payment_options {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

main .passengers_extras_section .card_fields .payment_options button,
main .booking_sections .card_fields .payment_options button,
main .voucher_payment_page .card_fields .payment_options button {
    border-radius: 10px;
    border: 1px solid #ccc;
    width: 100%;
    padding: 10px;
    background: white;
    font-weight: 600;
    color: var(--aur-primary-blue);
}

main .passengers_extras_section .card_fields .payment_options button.active,
main .booking_sections .card_fields .payment_options button.active,
main .voucher_payment_page .card_fields .payment_options button.active {
    background: var(--aur-primary-yellow);
    border: none;
}

main .passengers_extras_section .card_fields .payment_options button img,
main .booking_sections .card_fields .payment_options button img,
main .voucher_payment_page .card_fields .payment_options button img {
    width: 50px;
}

main .passengers_extras_section .card_fields .payment_options button img,
main .booking_sections .card_fields .card_details {
    display: flex;
    gap: 15px;
}

main .passengers_extras_section .card_fields p,
main .booking_sections .card_fields p,
main .voucher_payment_page .card_fields p {
    color: var(--aur-secondary-darkgrey);
}

main .booking_sections .card_fields .voucher_payment {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

main .booking_sections .card_fields .voucher_payment label {
    font-weight: 600;
    margin-bottom: 5px;
}

main .card_fields .available_miles {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

main .card_fields p {
    font-size: 12px;
    margin: 0;
}

main .card_fields .miles_to_use {
    display: flex;
    flex-direction: column;
}

main .card_fields .miles_to_use h5 {
    font-size: 15px;
}

main .card_fields .miles_to_use .box {
    padding: 12px;
    background: var(--aur-secondary-white);
    border-radius: 8px;
    box-shadow: 0 4px 4px var(--aur-secondary-lightgrey);
    border: 1px solid var(--aur-secondary-midgrey);
}

main .card_fields .miles_to_use .box ul {
    font-size: 12px;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
}

main .card_fields .miles_to_use .box ul li {
    display: flex;
    justify-content: space-between;
}

main .card_fields .miles_to_use h5 {
    margin-top: 12px;
    font-size: 15px;
}

main .card_fields .miles_to_use h5 span {
    color: red;
}

main .card_fields .miles_to_use p {
    font-size: 12px;
    margin-bottom: 8px;
}

main .card .card-body div hr {
    width: 100%;
    color: var(--aur-primary-blue);
    opacity: 1;
    margin-inline: 10px;
    border: none;
    height: 2px;
    background: var(--aur-primary-blue);
}

main #myActiveTripsContainer .statusBtn {
    border: 1px solid var(--aur-primary-blue);
    border-radius: 10px;
    padding: 8px 12px;
}

main #myActiveTripsContainer .scheduledTimeDiv {
    border-right: 1px dotted var(--aur-secondary-midgrey);
    padding-right: 10px;
}

main .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(163, 209, 254, 0.7);
    z-index: 1000;
}

main .payment-section {
    background-color: var(--aur-secondary-white);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

main .payment-section hr {
    border-top: 1px solid var(--aur-primary-blue) !important;
    opacity: 1 !important;
    height: 1px !important;
    margin-inline: 0 !important;
}

main .card-body {
    padding: 15px;
    font-size: 13px;
}

main .disabled-btn {
    opacity: 0.6;
    pointer-events: none;
}

main .passengers_extras_section .result_screen button,
main section.payment .payment_result button,
main section.change-flight-success button,
main .voucher_payment_page .result_screen button,
main section.my_purchase_section .result_screen button,
main .help-centre-finished button {
    background: var(--aur-primary-blue);
    color: var(--aur-secondary-white);
    width: 70%;
    border-radius: 8px;
    border: none;
    padding: 12px;
    margin-top: 10px;
}


main .passengers_extras_section .result_screen button:hover,
main section.payment .payment_result button:hover,
main section.change-flight-success button:hover,
main .voucher_payment_page .result_screen button:hover,
main section.my_purchase_section .result_screen button:hover
main .help-centre-finished button:hover {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border: 2px solid var(--aur-primary-yellow);
    border-bottom: 7px solid var(--aur-primary-yellow);
    background: var(--aur-secondary-white);
    color: var(--aur-primary-blue);
}

main section.payment .pay_button_payment {
    display: flex;
    font-size: 14px;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

main section.payment .pay_button_payment .spinner-border {
    width: 20px !important; 
    height: 20px !important; 
    font-size: 10px;
}

.loading-spinner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.spinner-border {
    width: 4rem !important;
    height: 4rem !important;
}

.small-spinner-border {
    width: 13px !important;
    height: 13px !important;
}

.percentage {
    position: absolute;
    font-size: 1rem;
    font-weight: bold;
    color: black;
}

main .tripTypeContainer {
    border-radius: 10px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

main .tripTypeBtn {
    width: 100%;
    height: 45px;
    margin: 5px;
    border-radius: 10px;
    padding: 12px 17px;
    cursor: pointer;
}

.yellowBorder {
    border: 2px solid var(--aur-primary-yellow) !important;
    border-bottom: 10px solid var(--aur-primary-yellow) !important;
}

.yellowBackground {
    background-color: var(--aur-secondary-white) !important;
    /* border: none !important; */
    border: 2px solid var(--aur-primary-yellow) !important;
    border-bottom: 8px solid var(--aur-primary-yellow) !important;
    padding: 8px 10px !important;
    padding-bottom: 0 !important;
}

.yellowBackgroundBoxShadow {
    background-color: var(--aur-primary-yellow) !important;
    box-shadow: inset 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    color: var(--aur-primary-blue) !important;
}

main .tablesDiv {
    border: 1px solid var(--aur-secondary-midgrey);
    border-radius: 10px;
    margin-bottom: 16px;
    font-size: 0.9rem;
}

main .my_trips_table {
    width: 100%;
    text-align: center;
}

main .my_trips_table tr {
    border-bottom: 1px solid var(--aur-secondary-midgrey);
}

main .my_trips_table tr:last-child {
    border-bottom: none;
}

main .my_trips_table_schedule tr:last-child {
    border-bottom: none;
}

main .my_trips_table td,
main .my_trips_table th {
    width: 33%;
    padding: 10px;
}

main .my_trips_table button {
    width: 100%;
    padding: 10px;
}

main .bookAnotherFlightBtn {
    width: 70%;
    align-self: center;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    font-size: 17px;
    padding: 10px;
    border: 1px solid var(--aur-secondary-midgrey)
}

main .card .card_image {
    object-fit: cover;
    height: 90px!important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
}

main #view_my_trips_container .card:hover,
main #my_trip_container .card:hover {
    cursor: pointer;
}

main #my_trip_container .disabledCard {
    opacity: 0.6;
    pointer-events: none;
    cursor: not-allowed;
}

@media (max-width: 767px) {

    #registerContainer,
    .heading,
    #accountSettings,
    #accountSecurity,
    #accountBalance,
    #accountDetails,
    #myCompanions {
        width: 100%;
    }

    .button-main-desktop {
        display: none;
    }
}
/* darksite 2 */


  .darksite2 .top-buttons {
    display: flex;
    justify-content: center;
    margin-top: 30px; 
    margin-left: 20px;
    margin-right: 20px;
    /* background-color: white; */
    /* width: 100%; */
    border: 0.2px solid rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    padding: 5px;
    box-shadow: 0 4px 4px 0 #00000025;
}

.darksite2 .top-buttons button {
    background-color: white;
    border: none;
    padding: 10px;
    font-size: 14px;
    cursor: pointer;
    width: 33%;
}

.darksite2 .paragraph-section {
    height: 100%;
}

.darksite2 .paragraph-block {
    margin: 40px 0;
}

.darksite2 .date {
    text-align: right;
    font-size: 9px;
    font-weight: 300;
}

.darksite2 .line-top,
.darksite2 .line-bottom {
    border-top: 1px solid #ccc;
    height: 1px;
}

.darksite2 .paragraph-text {
    margin: 20px;
    font-size: 12px;
    font-weight: 300;
}

.darksite2 .top-buttons button.active {
    background-color: white;
    border: 1px solid #0c3b62;
    border-bottom: 4px solid;
    z-index: 1;
}
.darksite2 {

}

/* darksite 1 */

 .darksite1 .top-container {
    height: 65px;
    /* background-color: #b0bec5; */
    background-color: #cdd6db;
    margin-top: 60px;
   text-align: center;
   line-height: 65px;
   
 }
 .darksite1 .msg-container {
     width: 80%;
     margin: 20px;
     margin-top: 50px;
 }
 .darksite1 p {
    font-size: small;
    font-weight: 300;
 }
 .darksite1 h6 {
    font-weight: 500;
    font-size: 21.25px;
 }
 .darksite1 .title-question {
    font-weight: 300;
    font-size: 17px !important;
 }


 /* Unavailable page  */
 .unavailable-page .error-msg {
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
}
.unavailable-page .grey-btn {
    background-color: #C6C6C6 !important;
    
}
.unavailable-page .sorry-msg {
    font-weight: 500;
    font-size: 21.25px;
}
.unavailable-page .pss-message {
    font-weight: 300;
    font-size: 17px;
}
.unavailable-page .unavailable-text {
    font-size: small;
    font-weight: 300;
}

/* Maintenance page */
.maintenance-page {
    margin-top: 20px;
    display: flex;
    flex-direction: column;

    margin-left: 5%;
    margin-right: 5%;
}
.maintenance-page .maint-advice {
    font-weight: 400;
    font-size: 17px;
    
}
 .maintenance-page .maint-message {
    font-weight: 400;
    font-size: 21.25px;

 }
 .maintenance-page p {
    font-weight: 300;
    font-size: 14px;
 }
 .maintenance-page ul {
    font-weight: 300;
    font-size: 14px;
    margin-left: -15px;
 }
 .maintenance-page .pss-msg {
    font-weight: 300;
    font-size: 17px;
 }
 
 
 
 
 


/* == Timetables == */
.search-box {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.5rem;
    background: #fff;
    padding: 1.5rem;
    border-radius: 8px;
    box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.05);
}

.search-box-inputs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.input-group {
    display: flex;
    flex-direction: column;
}

.input-group label {
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
    color: #333;
}

.search-input {
    padding: 0.5rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 1rem;
}

.search-btn {
    align-self: flex-start;
    padding: 0.6rem 1.8rem;
    background-color: #e53935;
    color: white;
    border: none;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
    font-size: 1rem;
    transition: background-color 0.2s;
}

.search-btn:hover {
    background-color: #c62828;
}

.table-container {
    overflow-x: auto;
    max-width: 100%;
}

.flight-table {
    width: 100%;
    min-width: 1100px;
    border-collapse: collapse;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
}

.flight-day-cell {
    padding: 0.4rem 0.3rem;
    min-width: 30px;
    max-width: 40px;
}

.flight-header {
    background-color: #f0f0f0;
    font-weight: bold;
    min-width: 100%;
}

.flight-header-cell,
.flight-cell {
    padding: 0.75rem;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.flight-no-badge {
    background-color: var(--aur-primary-yellow);
    padding: 0.4rem 0.75rem;
    border-radius: 5px;
    color: black;
    font-weight: bold;
    display: inline-block;
}

.table-icon {
    font-size: 27px;
}

.icon-blue {
    color: #007bff;
}

.icon-grey {
    color: #ccc;
}

main .no-prices-message {
    margin: 0 auto;
}

.small {
    font-size: 0.775rem !important;
}
main .no-prices-message p {
    padding: 10px 30px;
    background: var(--aur-secondary-white);
    border-radius: 8px;
    box-shadow: 0 4px 4px 0 #00000025;
    margin: 0 10px;
}

.is-invalid {
    border: 1px solid #dc3545 !important;
}

.is-invalid-text {
    color: var(--aur-primary-red)!important;
}

.newsletter-is-invalid-text {
    color: var(--aur-primary-red)!important;
}
.newsletter-is-invalid-text input{
    border: 1px solid var(--aur-primary-red)!important;
}

.notMatch {
    font-size: 12px;
    margin-top: 5px;
}

/* allowances */

main .content-page .category-buttons {
    margin-top: 26px;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*margin-left: 31px;*/
    /*margin-right: 31px;*/
    gap: 14px;
}

main .content-page .category-buttons .category-button {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    color: rgba(12, 59, 98, 1);
    width: 100%;
    height: 89px;
    border-radius: 10px;
    border: #C6C6C6 1px solid;
    background-color: #FFFFFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 0 20px;
}

main .questions-view .question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 14px;
}
main .questions-view .answer{
    white-space: pre-line;
    padding-bottom: 14px;
    padding-left: 17px;
    padding-right: 17px;
    gap: 13px;
    font-size: 14px!important;
    margin-bottom: 1em;
    color: #0C3B62;
}

main .questions-view .answer span {
    font-size: 14px !important;
    font-family: 'museo-sans' !important;
}

.answer.my-2.answer-bonus-style div,
.answer.my-2.answer-bonus-style {
    white-space: normal !important;
}

.questions-view .whiteBtn {
    background-color: #0c3a62!important;
    color: #fefefe;
    position: fixed;
    bottom: 100px;
}

.questions-view .questions-list, .questions-header .category-title{
    margin-top: 15px;
}

.category-buttons .category-icons {
    width: 51px;
    height: 51px;
    top: 51px;
    left: 51px;
    background: rgba(12, 59, 98, 1);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.category-buttons .category-icon svg{
    width: 32px;
  height: 32px;
} 
.category-buttons .category-icon {
  width: 47px;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white!important;
}


/* flight status */

main section.flight_status {
    margin-bottom: 150px;
}

main section.flight_status .heading {

}

main section.flight_status .heading h4 {
    margin-top: 15px;
    font-size: 16px;
}

main section.flight_status .main p {
    display: flex;
    gap: 5px;
    margin: 0;
    font-size: 11px;
}

main section.flight_status .main .options_buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 15px 0;
}

main section.flight_status .main .options_buttons button {
    width: 100%;
    background: var(--aur-secondary-white);
    border: none;
    color: var(--aur-primary-blue);
    font-size: 14px;
    box-shadow: 0 4px 4px 0 var(--aur-secondary-lightgrey);
    border-radius: 10px;
    padding: 10px;
}

main section.flight_status .main .options_buttons button.selected {
    background: var(--aur-primary-yellow);
}

main section.flight_status .main select,
main section.flight_status .main input {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    height: 40px;
}

main section.flight_status .main .double_buttons {
    display: flex;
    margin-bottom: 20px;
    margin-top: 10px;
    align-items: center;
    box-shadow: 0 4px 4px 0 var(--aur-secondary-lightgrey);
    border-radius: 8px;
}

main section.flight_status .main .double_buttons button {
    width: 100%;
    border: none;
    background: var(--aur-secondary-white);
    font-size: 14px;
    padding: 8px 0;
    color: var(--aur-primary-blue);
    border-radius: 8px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 4px;
}

main section.flight_status .main .double_buttons button.selected {
    border: 1px solid var(--aur-primary-yellow);
    border-bottom: 8px solid var(--aur-primary-yellow);
}

main section.flight_status .main .flights {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

main section.flight_status .main .flights .box {
    border-radius: 10px;
    border: 1px solid var(--aur-secondary-lightgrey);
    box-shadow: 0 4px 4px 0 var(--aur-secondary-lightgrey);
}

main section.flight_status .main .flights .box .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3px 8px;
    border-bottom: 1px solid var(--aur-secondary-lightgrey);
}

main section.flight_status .main .flights .box .header b {
    font-size: 20px;
}

main section.flight_status .main .flights .box .header small {
    font-size: 11px;
}

main section.flight_status .main .flights .box .main {
    display: flex;
    justify-content: space-between;
    padding: 5px 8px;
    align-items: center;
}

main section.flight_status .main .flights .box .main b {
    font-size: 20px;
    font-weight: 500;
}

main section.flight_status .main .flights .box .main .right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 15px;
}

main section.flight_status .main .flights .box .main .right small {
    font-size: 10px;
}

main section.flight_status .main .flights .box .main .right .status_label,
main section.flight_status .main .single_flight .box .status_label {
    background: var(--aur-primary-blue);
    color: var(--aur-secondary-grey);
    padding: 5px 15px;
    font-size: 12px;
    border-radius: 8px;
    min-width: 100px;
    text-align: center;
}

main section.flight_status .main .flights .box .main .right .status_label.red,
main section.flight_status .main .single_flight .box .status_label.red {
    background: var(--aur-primary-red);
}


main section.flight_status .main .single_flight .box .status_label {
    max-width: 150px;
    margin: 0 auto;
    margin-top: 10px;
}

main section.flight_status .main .flights .box .main .left .times {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

main section.flight_status .main .flights .box .main .left .times .left_time,
main section.flight_status .main .flights .box .main .left .times .right_time {
    display: flex;
    flex-direction: column;
    align-items: center;
}

main section.flight_status .main .flights .box .main .left .times .left_time {
    padding-right: 10px;
    border-right: 1px dashed var(--aur-secondary-midgrey);
}

main section.flight_status .main .flights .box .main .left .times .right_time {
    padding-left: 10px;
}

main section.flight_status .main .flights .box .main .left .times .left_time small,
main section.flight_status .main .flights .box .main .left .times .right_time small {
    font-size: 10px;
}

main section.flight_status .main .flights .box .main .left .times .left_time b,
main section.flight_status .main .flights .box .main .left .times .right_time b {
    font-weight: 600;
    font-size: 21px;
    margin-top: -5px;
}

main section.flight_status .main .single_flight .box {
    margin-top: 10px;
    border: 1px solid var(--aur-secondary-lightgrey);
    border-radius: 12px;
    padding: 12px;
    box-shadow: 0 4px 4px 0 var(--aur-secondary-grey);
}

main section.flight_status .main .single_flight .box .flight_route {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

main section.flight_status .main .single_flight .box .flight_route .center_details {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-align: center;
}

main section.flight_status .main .single_flight .box .flight_route .center_details i {
    height: 46px;
    width: 38px;
    margin-bottom: 10px;
}

main section.flight_status .main .single_flight .box .flight_route .center_details b {
    border-top: 2px dashed var(--aur-primary-blue);
    width: 90%;
    padding-top: 10px;
}

main section.flight_status .main .single_flight .box .flight_time {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

main section.flight_status .main .single_flight .box .flight_time .left,
main section.flight_status .main .single_flight .box .flight_time .right {
    display: flex;
    flex-direction: column;
    align-items: center;
}

main section.flight_status .main .single_flight .box .flight_time .left .time,
main section.flight_status .main .single_flight .box .flight_time .right .time {
    background: var(--aur-primary-yellow);
    border-radius: 7px;
    padding: 10px 15px;
    font-weight: 600;
    margin-top: 7px;
}

/* app settings */

main section.app_settings .language-select-wrapper {
    position: relative;
    width: 100%;
}

main section.app_settings .language-select {
    padding: 10px 15px 10px 35px;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 1em;
}

main section.app_settings .language-select option {
    padding-left: 30px;
    position: relative;
}

main section.app_settings .language-select option::before {
    content: attr(data-flag);
    position: absolute;
    left: 10px;
}

main section.app_settings .language-select option[value="en"] {
    background-image: url('../images/flags/uk.svg');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
}

main section.app_settings .language-select option[value="es"] {
    background-image: url('../images/flags/es.svg');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
}

main section.app_settings .language-select option[value="fr"] {
    background-image: url('../images/flags/fr.svg');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
}

/* Notifications */
main section.notifications_screen .notifications-wrapper {
    /*position: relative;*/
}

main section.notifications_screen .notifications .top-buttons {
    display: flex;
    justify-content: center;
    /*margin-top: 2rem;*/
    border-top: none;
    border-radius: 10px;
    padding: 3px;
    box-shadow: 0 4px 4px 0 #00000025;
    height: 3rem;
}

main section.notifications_screen .notifications .top-buttons button {
    background-color: var(--aur-secondary-white);
    color: var(--aur-primary-blue);
    border: none;
    padding: 10px;
    font-size: 14px;
    cursor: pointer;
    width: 33%;
    display: flex;
    justify-content: center;
    align-items: center;
}

main section.notifications_screen .top-buttons button.active {
    background-color: var(--aur-secondary-white);
    border: 1px solid var(--aur-primary-yellow);
    border-bottom: 5px solid var(--aur-primary-yellow);
    z-index: 1;
    border-radius: 8px;
}

main section.notifications_screen .notifications p {
    font-size: 13px;
}

main section.notifications_screen .notifications .text-sections {
    border: 0.2px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
    border-radius: 10px;
    box-shadow: 0 4px 4px 0 #00000025;
    display: flex;
    align-items: center;

}

main section.notifications_screen .notifications .text-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    padding: 10px;
    padding-bottom: 0 !important;
}


main section.notifications_screen .notifications .text-sections .notif-text {
    padding: 10px;
    padding-bottom: 0 !important;
}

main section.notifications_screen .notifications .date {
    font-size: 11px;
    text-align: right;
    margin-bottom: 0;
    color: rgba(198, 198, 198, 1);
    align-self: flex-end;
}

/*main section.notifications_screen .grid-container {
    display: grid;
    position: relative;
}

main section.notifications_screen .grid-container>div {
    grid-area: 1 / 1;
}*/

main section.notifications_screen .notifications .notif-icon {
    margin-left: 1rem !important;
    margin-right: -0.2rem !important;
}


main section.notifications_screen .after-click {
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    justify-content: space-evenly;
    height: auto;
    width: 100% !important;
    /*border: 1px solid rgba(198, 198, 198, 1);*/
    z-index: 1000;
    background-color: white;
    bottom: 69px;
    border-radius: 10px;
    position: fixed;
    padding: 30px 15px;
    padding-top: 50px;
    margin: 0 auto;
    border-radius: 0;
    border-top-right-radius: 45px;
    border-top-left-radius: 45px;
}


main section.notifications_screen .after-click .click-text p {
    font-size: 14px;
    font-weight: 300 !important;
}

main section.notifications_screen .after-click .click-text {
    margin-bottom: 25px;
    width: 100%;
}

main section.notifications_screen .after-click .click-text .flight-msg {
    font-size: 15px;
    font-weight: 600 !important;
}

main section.notifications_screen .after-click h5 {
    font-size: 16px;
    font-weight: 500 !important;
}

main section.notifications_screen .after-click .affected-flight-info {
    display: flex;
    border: 1px solid rgba(198, 198, 198, 1);
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 300 !important;
    height: 50px;
    padding: 10px 10px;
    gap: 10px;
    font-size: 10px !important;
    text-align: center;
}

main section.notifications_screen .after-click .affected-flight-info b {
    font-weight: 600;
}

main section.notifications_screen .after-click .affected-flight-title {
    text-align: center;
    font-weight: 600 !important;
}

main section.notifications_screen .after-click .blue-btn {
    background-color: var(--aur-primary-blue);
    border-radius: 10px;
    color: var(--aur-secondary-white);
    font-size: 14px;
    font-weight: 300;
    border: none;
    padding: 10px 35px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !important;
    width: 100%;
    gap: 10px;
}

main section.notifications_screen .after-click .action-buttons button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

main section.notifications_screen .notif-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(163, 209, 254, 0.7);
    z-index: 2;
}

/*main section.notifications_screen .notifications-wrapper {
    height: 100vh;
}*/

/* help centre */

main section.help_centre_section {
    margin-bottom: 100px;
}

main section.help_centre_section .card {
    display: flex;
    justify-content: center;
    min-height: 115px;
}

/* check-in / mmb */

.check-in-benefits{
    font-size: 16px;
}
.benefits-list {
    font-size: 12px !important;
    list-style: none;
}


main section.check_in_page p,
main section.add_booking_page p {
    display: flex;
    font-size: 12px;
    gap: 5px;
}

main section.check_in_page p i,
main section.add_booking_page p i {
    height: 25px;
    width: 25px;
}

main section.check_in_page form,
main section.add_booking_page form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 40px;
}

main section.check_in_page form .field_box,
main section.add_booking_page form .field_box {
    display: flex;
    flex-direction: column;
}

main section.check_in_page form .field_box label,
main section.add_booking_page form .field_box label {
    font-size: 14px;
    font-weight: 600;
}

main section.check_in_page form .field_box label span,
main section.add_booking_page form .field_box label span {
    font-weight: 600;
    color: var(--aur-primary-red);
}

main section.check_in_page form .field_box input,
main section.add_booking_page form .field_box input {
    min-height: 35px;
    border-radius: 10px !important;
    padding: 5px 5px;
}

main section.check_in_page button[type="submit"],
main section.add_booking_page button[type="submit"] {
    display: flex;
    margin: 120px auto auto auto;
    border: none;
    border-radius: 10px;
    padding: 15px 50px;
    background: var(--aur-primary-blue);
    color: var(--aur-secondary-white);
    align-items: center;
    gap: 10px;
}

main section.check_in_page input,
main section.add_booking_page input{
    font-size: 12px;

}

main section.check_in_page button .spinner-border,
main section.add_booking_page button .spinner-border {
    width: 1rem !important;
    height: 1rem !important;
    font-size: 10px;
}

.info-box {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 20px;
}

.info-box p,
.info-box a {
    font-size: 12px;
}

.contact_list {
    width: 100%;
}
.contact_list td {
    vertical-align: top;
    padding: 5px;
}
.column {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin-right: 2%;
}
.opening-hours {
    text-align: center;
    font-weight: bold;
    margin: 10px 0;
}

.v-toast__item {
    width: 95%;
}

/* mmb seats */
main .passengers_seats_section .passengers-lists {
    background: var(--aur-secondary-white);
    box-shadow: 0 4px 4px 0 #00000025;
    padding: 15px;
    border-radius: 10px;
    margin-top: -10px;
    position: fixed;
    width: 94%;
    z-index: 100;
    top: 55px;
}

main .passengers_seats_section .passengers-lists .header {
    margin: 7px 0 12px 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}

main .passengers_seats_section .passengers-lists .header b {
    margin: 5px 0;
    font-size: 15px;
    font-weight: 600;
}

main .passengers_seats_section .passengers-lists .header p {
    margin: 0;
    font-size: 12px;
}

main .passengers_seats_section .passengers-lists .header .right {
    display: flex;
    justify-content: flex-end;
}

main .passengers_seats_section .passengers-lists .header .right .input {
    padding: 4px 10px;
    border: 1px solid var(--aur-secondary-lightgrey);
    border-radius: 8px;
    background: var(--aur-secondary-white);
    box-shadow: 0 4px 4px 0 var(--aur-secondary-midgrey);
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--aur-primary-blue);
    font-size: 12px;
}

main .passengers_seats_section .passengers-lists .lists {
    display: flex;
    justify-content: space-between;
    transition: all 0.3s ease;
}

main .passengers_seats_section .passengers-lists .lists .list button {
    background: white;
    border: 1px solid var(--aur-secondary-midgrey);
    width: 130px;
    border-radius: 8px;
    color: var(--aur-primary-blue);
    font-size: 12px;
    padding: 7px;
    box-shadow: 0 4px 4px 0 #00000025;
    height: 34px;
}

main .passengers_seats_section .passengers-lists .lists .list button.selected {
    border: 2px solid var(--aur-primary-yellow);
    border-bottom: 6px solid var(--aur-primary-yellow);
    height: 34px;
/*    background: var(--aur-primary-yellow);*/
}

main .passengers_seats_section .passengers-lists .lists .list .passengers {
    border: 1px solid var(--aur-secondary-midgrey);
    border-radius: 8px;
    padding: 5px;
    margin-top: 10px;
    box-shadow: 0 4px 4px 0 #00000025;
    max-height: 110px;
    /*    min-height: 110px;*/
    overflow-x: hidden;
    /*    overflow-y: scroll;*/
}

main .passengers_seats_section .passengers-lists .lists .list .passengers .passenger {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    border-radius: 5px;
    padding: 0 5px;
    margin-bottom: 5px;
}

main .passengers_seats_section .passengers-lists .lists .list .passengers .passenger:last-child {
    margin-bottom: 0px;
}

main .passengers_seats_section .passengers-lists .lists .list .passengers .passenger.selected {
    background: var(--aur-primary-yellow);
}




main .passengers_seats_section .emergency_seat_modal {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 10px 5px;
}

main .passengers_seats_section .emergency_seat_modal .modal-title {
    font-size: 17px;
    font-weight: 600;
    text-align: left;
}

main .passengers_seats_section .emergency_seat_modal p {
    font-size: 12px;
    text-align: left;
    margin-top: 8px;
}

main .passengers_seats_section .emergency_seat_modal .emergency_seat_modal_buttons {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 10px;
}

main .passengers_seats_section .emergency_seat_modal .emergency_seat_modal_buttons .left,
main .passengers_seats_section .emergency_seat_modal .emergency_seat_modal_buttons .right {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*height: 140px;*/
}

main .passengers_seats_section .emergency_seat_modal .emergency_seat_modal_buttons button {
    display: flex;
    justify-content: center;
    gap: 6px;
    align-items: center;
    width: 100%;
    height: 35px;
    font-size: 10px;
    padding: 10px;
    border-radius: 10px;
    border: none;
    color: var(--aur-primary-blue);
    box-shadow: 0 4px 4px 0 #00000025;
}

main .passengers_seats_section .emergency_seat_modal .emergency_seat_modal_buttons .left button:hover {
    background: var(--aur-secondary-white)!important;
}

main .passengers_seats_section .emergency_seat_modal .emergency_seat_modal_buttons .right button {
    background: var(--aur-primary-blue);
    color: var(--aur-secondary-white);
}

/* Contact Us */


main section.contact_page .contact-section {
    max-width: 95%;
}
main section.contact_page .contact-section-header {
    margin-bottom: 50px;
    /*margin-top: 100px;*/
    text-align: left;
}

main section.contact_page .contact-card {
    border: 1px solid black;
    border-radius: 10px;
    position: relative;
    padding: 2rem 1.5rem 1rem 1.5rem;
    margin-bottom: 40px;
    line-height: 1.1rem;
}

main section.contact_page .contact-card p {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0;
}

main section.contact_page .contact-card small {
    font-size: 10px;
}

main section.contact_page .contact-card-icon {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    background: white;
    padding: 0.25rem 0.5rem;
    border-radius: 50%;
}

main section.contact_page .contact-card-icon img {
    width: 40px;
    height: 40px;
}

main section.contact_page .contact-card-icon.whatsapp img {
    width: 45px;
    height: 45px;
}

main section.contact_page .lightblue {
    text-decoration: none;
    color: #007FFF !important;
}

main section.contact_page .link-icon {
    width: 12px;
    height: 12px;
}

.contact_page .departuresArrivalsLinks {
    height: 115px; 
    overflow-y: auto; 
    border: 1px solid #ccc; 
    padding: 10px; 
    border-radius: 10px; 
    margin-bottom: 1rem;
}

.contact_page p {
    margin-bottom: 0.5rem !important;
}

.contact_page .departuresArrivalsLinks p {
    margin: 0 0 0.5rem 0 !important;
}

.contact-info h4 {
    font-size: 16px;
    font-weight: bold;
}
.contact-info p {
    font-size: 12px;
}
.contact-info ul {
    font-size: 12px;
}
.contact-info .booking_bottom_navigation {
    bottom: 67px !important;
}

.contact-info .blueBtn {
    height: 40px !important;
}
.contact-us-btn {
    width: 50% !important;
}
.head-office-details {
    font-size: 12px;
}

/* help requests page */
main .requests-table-container {
    font-size: 12px;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 0;
    overflow: hidden;
}

main .requests-table {
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}

main .requests-table th {
    font-weight: 600;
    color: #2f3e51;
    background-color: #f8f9fa;
    text-align: left;
    border-bottom: 1px solid #dee2e6;
}

main .requests-table td {
    color: #2f3e51;
    vertical-align: middle;
    border-bottom: 1px solid #dee2e6;
}

main .requests-table .status-badge {
    display: inline-block;
    padding: 4px 10px;
    background-color: #0d6efd;
    color: white;
    border-radius: 10px;
    font-size: 0.85rem;
}

/* welcome pages */

.no-scroll {
    overflow: hidden !important;
    height: 100vh;
    touch-action: none;
  }

.welcome-header {
    background-color: var(--aur-primary-yellow);
    text-align: center;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.welcome-header h4 {
    font-size: 20px;
    margin: 0;
}
.welcome-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.welcome-buttons {
    display: flex;
    flex-direction: row;
    gap: 10px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 10px 0;
    z-index: 15;
    padding: 13px;
}
.welcome-page {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 5000;
    background-color: white;
    overflow-y: auto;
    bottom: 0;
}

.welcome-page .blue-btn,
.welcome-page .white-btn {
    flex: 1;
    text-align: center;
    display: inline-block;
    padding: 10px 15px;
    border: none;
    border-radius: 10px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.welcome-page .blue-btn {
    background-color: var(--aur-primary-blue);
    color: var(--aur-secondary-white) !important;
    
}

.blue-btn:hover,
.blue-btn:focus {
  background-color: var(--aur-primary-blue); 
  outline: none;
}

.welcome-page .blue-btn:active {
  background-color: var(--aur-primary-yellow); 
}

.welcome-page .white-btn {
    background-color: var(--aur-secondary-white);
    color: var(--aur-primary-blue);
    text-decoration: none;
}

.welcome-form-header {
    background-color: var(--aur-primary-yellow);
    width: 100%;
    font-size: 23px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.welcome-form-header h5 {
    font-size: 20px;
    margin-bottom: 15px;
}

.welcome-form {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: white;
    z-index: 9999;
    overflow-y: auto;
    border-top-right-radius: 50px;
    border-top-left-radius: 50px;
}

.welcome-form .blue-btn,
.welcome-form .white-btn {
    flex: 1;
    text-align: center;
    display: inline-block;
    padding: 12px 15px;
    border: none;
    border-radius: 10px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-size: 12px;
}

.welcome-form .blue-btn {
    background-color: var(--aur-primary-blue);
    color: var(--aur-secondary-white) !important;
    
}

.video-overlay {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    overflow: hidden;
  }
  
  .video-container {
    /* position: relative; */
    /* width: 90%; */
    /* border-radius: 12px; */
    overflow: hidden;
  }
  
  .video-container video {
    width: 100%;
    height: auto;
    max-height: 80vh;
    object-fit: contain;
    display: block;
    border-radius: 10px;
    z-index: 2000;
  }
  

  .close-video-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: var(--aur-primary-blue);
    border: none;
    color: var(--aur-secondary-white);
    font-size: 22px;
    font-weight: bold;
    border-radius: 50%;
    width: 38px;
    height: 38px;
  }
  
.welcome-form .white-btn {
    background-color: var(--aur-secondary-white);
    color: var(--aur-primary-blue);
}

.welcome-aligned-block {
    display: flex;
    justify-content: center;
    padding-bottom: 100px;
}

.welcome-form .welcome-content-inner {
    width: 330px;
    text-align: left;
}

.welcome-form .welcome-image {
    display: block;
    margin: 0 auto;
    width: 330px;
}

.welcome-form .welcome-text {
    margin-top: 10px;
    font-size: 13px;
    max-height: 150px;     
    overflow-y: auto;      
    overflow-x: hidden;    
    padding-right: 8px;    
    margin-bottom: 1rem;   
}
.welcome-bottom ul {
    max-height: 150px;    
    overflow-y: auto;      
    overflow-x: hidden;
  }
.welcome-form .welcome-or {
    text-align: center;
}
.welcome-form .welcome-thank-msg {
    margin-top: 1rem;
    font-size: 17px;
}
.welcome-form .welcome-buttons {
    margin-bottom: 1rem;
}

/*Register Complete*/

.registration_complete_page .complete-main {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.registration_complete_page .complete-main .check-icon {
    padding-top: 40px;
}

.registration_complete_page .complete-main .complete-text {
    text-align: center;
    font-weight: 400;
    padding-top: 37px;
    padding-bottom: 31px;
}

.registration_complete_page .complete-main .complete-paragraph {
    text-align: center;
    padding-bottom: 19px;
}

.registration_complete_page .complete-main .complete-paragraph p{
    margin: 0;
}

.registration_complete_page .complete-main .complete-paragraph .bold{
    font-weight: bolder;
}

.registration_complete_page .complete-main .complete-sub-paragraph {
    text-align: center;
}

.registration_complete_page .complete-continue button{
    border: 0;
    width: 281px;
    height: 63px;
    opacity: 1;
    margin-top: 40px;
    border-radius: 10px;
    background: rgba(12, 59, 98, 1);
    font-size: 24px;
    color: white;
    text-align: center;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

    /* promotions page */
main #promotions_section .info_icon {
    display: inline-flex;
    align-items: center;
    font-size: 1em;
    vertical-align: middle;
    margin-top: 4px;
}

main #promotions_section .blueBtn {
    color: var(--aur-secondary-white) !important;
    text-decoration: none;
    font-size: 1rem;
    padding-top: 10px;
    padding-bottom: 10px;
}

main #promotions_section .card-img-top {
    width: 100%;
    height: 220px;
    /*object-fit: cover;*/
    border-radius: 23px;
}

main #promotions_section .destination-badge {
    position: absolute;
    top: 13px;
    left: 13px;
    font-family: museo-sans;
    color: var(--aur-primary-blue);
    background: var(--aur-primary-yellow);
    padding: 4px 18px;
    border-radius: 18px;
    font-weight: 700;
    font-size: 15px;
}

.disabledOption {
  opacity: 0.5;
  pointer-events: none;
}

main section.gift_voucher_page {

}

main section.gift_voucher_page form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

main section.gift_voucher_page form .form-group {
    display: flex;
    flex-direction: column;
}

main section.gift_voucher_page form .form-group input,
main section.gift_voucher_page form .form-group select {
    height: 37px;
    padding: 7px;
    font-size: 14px;
}

main section.gift_voucher_page form .form-group textarea {
    color: var(--aur-primary-blue) !important;
    background-color: var(--aur-secondary-white) !important;
    border: 1px solid var(--aur-secondary-midgrey) !important;
    border-radius: 10px !important;
    padding: 7px;
    font-size: 14px;
}

main section.gift_voucher_page form .form-group label {
    font-size: 14px;
    font-weight: 600;
    padding-left: 5px;
}

main section.checkout_page form.voucher_form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

main section.checkout_page form.voucher_form .field_group {
    display: flex;
    flex-direction: column;
}

main section.checkout_page form.voucher_form .field_group input {
    height: 33px;
    padding: 6px;
}

main section.checkout_page form.voucher_form button {
    background: var(--aur-primary-blue);
    color: var(--aur-secondary-white);
    width: 40%;
    border-radius: 8px;
    border: none;
    padding: 13px 10px;
    margin-top: 10px;
    margin: 0 auto;
    max-height: 47px;
}

main section.checkout_page form.voucher_form button:hover {
    /*box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);*/
    border: 2px solid var(--aur-primary-yellow);
    border-bottom: 7px solid var(--aur-primary-yellow);
    background: var(--aur-secondary-white);
    color: var(--aur-primary-blue);
}

/* AUTOFILL CSS */

.autofill-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 6px 6px;
    border-radius: 10px;
    background: white;
    border: 1px solid transparent;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    width: 173px;
    color: var(--aur-primary-blue);
}

.autofill-button .icon_text {
    display: flex;
    align-items: center;
    gap: 5px;
}

.autofill-button .icon_text i {
    font-size: 20px;
}

.autofill-button .icon_text span {
    font-size: 12px;
    color: var(--aur-primary-blue);
    margin-top: 2px;
}

.autofill-button i.bxs-down-arrow {
    font-size: 12px;
    margin-top: 2px;
}

.autofill-options {
    position: absolute;
    width: 173px;
    right: 0;
    margin-top: 4px;
    z-index: 100;
    background: white;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: 6px 0;
    list-style: none;
    max-height: 100px;
    overflow: overlay;
}

/*.autofill-wrapper i.pb_passenger_details {
    width: 15px;
    height: 15px;
}*/

.blackline-underneath {
    margin-top: 8px;
    border-top: 1px solid black;
}

.blackline-underneath:first-child {
    border-top: none;
}

.userdetails {
    display: flex; 
    align-items: center;  
    gap: 5px;
    /* justify-content: flex-start;  */
}

.autofill-options li:not(:last-child) .userdetails {
    border-bottom: 1px solid black;
    padding-bottom: 7px;
}

.userdetails i.bxs-user {
    font-size: 15px;
}

.userdetails .autofill-text {
    font-size: 11px;
}

.userdetails.selected-current {
  border-radius: 10px;
  background-color: #FED302; 
  padding: 5px 4px;
}

.userdetails.selected-other {
  border-radius: 10px;
  background-color: lightgrey;
  padding: 5px 4px;
  opacity: 0.5;
}

.userdetails svg {
    width: 15px !important;
    height: 14px !important;
}
/* 
.autofill-text {
   padding-left: 10px;
} */

.portrait-dialog {
    margin-top: 64px!important;
}

/* Newsletter */

.newsletter-page input.dp__pointer.dp__input_readonly.dp__input.dp__input_icon_pad.dp__input_reg {
    height: auto !important;
    border-radius: 10px !important;
}

.newsletter-title {
    /*margin-top: 85px;*/
    height: auto;
}
.newsletter-title h1{
    font-size: 22px;
    font-weight: 500;
    text-align: left;
    padding: 0 12px;
}

.newsletter-subtitle {
    margin-top: 10px;
    margin-bottom: 30px;
}

.newsletter-subtitle h1{ 
    font-size: 12px;
    font-weight: 300;
    text-align: left;
    padding: 0 12px;
}

.newsletter-form .form-row {
    display: flex;
    gap: 20px;
    justify-content: space-around;
}

.newsletter-form .form-group {
    width:100%;
    margin-bottom: 16px;
}
.newsletter-form label{
    padding-left: 5px;
    margin: 0;
    font-size: 12px;
}

.checkbox-newsletter {
    margin-top: 30px;
}

.newsletter-button {
    height:45px;
    width: 167px!important;
    border-radius: 10px;
    background-color: var(--aur-primary-blue);
    border: 0;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
    margin: auto;
    margin-top: 27px!important;
    color: white;
}

.newsletter-paragraph {
    font-size: 12px;
    font-weight: 300;
}

.newsletter-unsubscribe {
    position: relative;
    bottom: 0;
    text-align: center;
    margin-top: 32px;
}

.newsletter-unsubscribe p{
    font-size: 12px;
    text-decoration: underline;
    color: var(--aur-primary-blue);
}

.modal-newsletter-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.modal-newsletter-title h1 {
    font-weight: 600;
    font-size: 16px;
}

.modal-newsletter-title h4 {
    font-size: 12px;
}

.newsletter-modal-dialog {
    display: flex!important;
    justify-content: center!important;
    height: 100vh!important;
    margin-top: -100px!important;
}

.newsletter-unsubscribe-form {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.newsletter-unsubscribe-form {
    color: var(--aur-primary-blue);
}

.newsletter-unsubscribe-buttons {
    gap: 10px;
    display: flex;
    margin-top: 30px;
}

.newsletter-unsubscribe-buttons .whiteBtn, .newsletter-unsubscribe-buttons .blueBtn{
    width: 50%;
    height: 34px;
    border-radius: 10px;
    font-size: 12px;
}

.newsletter-unsubscribe-buttons .whiteBtn{
    background-color: var(--aur-secondary-white) !important;
}

.newsletter-unsubscribe-buttons .blueBtn{
    color: var(--aur-secondary-white);
    background-color: var(--aur-primary-blue);
    border: none;
}

.newsletter-paragraph {
    font-size: 12px;
}

/* Flight status */

.flight-status {
    display: flex;
    gap: 6px;
    margin-top: 15px;
}
.fees-page tr:nth-child(even) { 
    background-color: var(--aur-secondary-grey-ticket) 
} 
.fees-page tr:nth-child(odd) { 
    background-color: var(--aur-secondary-white) 
} 
.fees-page tbody td { 
    /* padding: .526rem .66rem .66rem; */ 
    padding: 0.5rem; 
    font-size: 14px; 
} 
.fees-page p { 
    font-size: 14px; 
}
  
.fees-page tr:nth-child(even) { 
    background-color: var(--aur-secondary-grey-ticket)
} 

.fees-page tr:nth-child(odd) { 
    background-color: var(--aur-secondary-white) 
} 

.fees-page tbody td { 
    /* padding: .526rem .66rem .66rem; */ 
    padding: 0.5rem; 
    font-size: 14px; 
} 

.fees-page p { 
    font-size: 14px; 
}

.flight-stats {
    display: flex;
    gap: 6px;
}
/* Cookies page */

.cookies_page {
    position: fixed;
    z-index: 1001;
   background-color: white;
   overflow-y: auto;
   /* max-height: 90vh; */
   width: 100% !important;
}
.cookies-popup-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cookies-home {
    position: fixed;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001;
    background-color: white;
    max-width: 90%;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 1);
    padding: 10px;
}

.cookies-card {
    border: 1px solid rgba(198, 198, 198, 1);
    border-radius: 10px;
}

.cookie-text {
    font-size: 12px;
}

.cookie-name {
    font-size: 11px;
}

.default-cookies {
    display: flex;
    flex-direction: row;
    margin-top: 1rem;
    gap: 10px;
}
.cookies-buttons {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}
.cookie-preferences {
    font-size: 15px;
}

.cookie-img {
    padding-bottom: 16px !important;
}
.cookie-page-img {
    padding-top: 5rem;
}

.cookies-message {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cookies-popup .blue-btn,
.cookies-popup .white-btn {
    flex: 1;
    text-align: center;
    display: inline-block;
    padding: 10px 15px;
    border: none;
    border-radius: 10px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.cookies-popup .blue-btn {
    background-color: var(--aur-primary-blue);
    color: var(--aur-secondary-white) !important;
}

.cookies-popup .white-btn {
    background-color: var(--aur-secondary-white);
    color: var(--aur-primary-blue);
    text-decoration: none;
}
.cookies-explanation {
    text-align: center;
    font-size: 14px;
}
.cookies-card-section {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 5rem;
    margin-top: 2rem;
}
.cookie-btn {
    background-color: white;
    border: none;
    color: var(--aur-primary-blue) !important;
    text-decoration: underline;
}
.cookie-title {
    font-size: 14px;
}
.cookie-page-top {
    margin-top: 5rem;
}
.cookie-popup-top {
    margin-top: 2rem;
}

/* FrequentFlyer */

.frequent-flyer-header {
    /*margin-top: 100px; */
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
}

.frequent-flyer-title {
    font-size: 22px;
    font-weight: 500;
    padding: 0 15px;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*align-items: center;*/
}

.frequent-flyer-title span {
    font-size: 16px;
    font-weight: 300;
}

.frequent-flyer-buttons-main {
    margin-top: 25px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.frequent-flyer-buttons-main button {
    font-size: 14px;
}

.frequent-flyer-main {
    margin-top: 25px;
}

.frequent-flyer-main-text {
    font-size: 12px;
    font-weight: 300;
    padding: 0px 17px;
}

.frequent-flyer-main-text h1 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
}

.frequent-flyer-example {
    border-radius: 10px;
    background: rgba(217, 217, 217, 1);
    margin: 15px 0px;
    padding: 17px 24px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

}

.frequent-flyer-example p{
    text-align: center;
    margin: 0;
    font-weight: 400;
    
}

.frequent-flyer-main-text p  span {
    font-weight: 600;
}

.frequent-flyer-main-table {
  overflow-x: auto;
  margin: 0 15px;
  border-radius: 10px;
  border: 0.25px solid rgba(198, 198, 198, 1)
}

.frequent-flyer-main-table table {
    width: 100%;
    text-align: center;
    border-radius: 10px;
}

.frequent-flyer-main-table thead tr {
    height: 40px;
    background: rgba(217, 217, 217, 1);
}

.frequent-flyer-main-table tr {
    height: 40px;
    background: rgba(255, 255, 255, 1);
}

.frequent-flyer-main-table tr:nth-child(even) {
    background: rgba(217, 217, 217, 1);
}

.frequent-flyer-main .frequent-flyer-main-table th, 
.frequent-flyer-main .frequent-flyer-main-table td {
    font-size: 12px !important;
}

main .content-page.legal-page table th,
main .content-page.legal-page table td {
    color: var(--aur-primary-blue) !important;
}

main .content-page.legal-page table th {
    min-width: 110px !important;
}

main .content-page.legal-page table td:last-child,
main .content-page.legal-page table th:last-child {
    min-width: 350px !important;
}

main .content-page.legal-page .table-responsive {
    -webkit-overflow-scrolling: touch;
}

main .content-page.legal-page .table-responsive::-webkit-scrollbar {
    height: 6px;
}

.surveyButton {
    width: 50%;
    padding: 10px;
    font-size: 14px;
}

main #my_trip_container #passportInfoModal button {
    width: 50%;
    padding: 10px;
}

main #my_trip_container .flight_layover {
    color: var(--aur-primary-red);
    margin: 0 auto;
    font-size: 10px;
    margin-top: -5px;
    text-align: center;
}

main section.destinations .flight_layover {
    color: var(--aur-primary-red);
    margin: 0 auto;
    font-size: 10px;
    margin-top: -5px;
    text-align: center;
}

main #my_trip_container .check_in_not_available small {
    margin-right: 20px;
    padding: 6px 10px 6px 10px;
    background: var(--aur-primary-blue);
    color: var(--aur-secondary-white);
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    margin-bottom: 10px;
    position: absolute;
}

main #myActiveTripsContainer .check_in_not_available,
main #myActiveTripsContainer .view_boarding_pass {
    position: absolute;
    bottom: -37px;
    right: 0;
}

main #myActiveTripsContainer .check_in_not_available small {
    margin-top: -16px;
    margin-right: 20px;
    padding: 6px 10px 6px 10px;
    background: white;
    color: var(--aur-primary-blue);
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    margin-bottom: 9px;
    font-size: 10px;
    border: 1px solid var(--aur-primary-blue);
    border-top: 0;
}

main #myActiveTripsContainer .check_in_not_available.longerTextMessage small {
    margin-right: 11px !important;
    padding: 6px 4px 6px 4px !important;
}

main #myActiveTripsContainer .view_boarding_pass small {
/*    margin-top: -16px;
    margin-right: 20px;
    padding: 6px 10px 6px 10px;
    background: var(--aur-primary-blue);
    color: var(--aur-secondary-white);
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    margin-bottom: 10px;
    font-size: 10px;*/

    margin-top: -16px;
    margin-right: 20px;
    padding: 6px 10px 6px 10px;
    background: var(--aur-primary-blue);
    color: var(--aur-secondary-white);
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    margin-bottom: 9px;
    font-size: 10px;
    border-top: 0;
}

.frequent-flyer-main-text ol {
  list-style: none;
  counter-reset: section; 
  padding-left: 20px;
  margin: 0;
}

.frequent-flyer-main-text ol > li {
  counter-increment: section;
  margin-bottom: 6px;
  position: relative;
}

.frequent-flyer-main-text ol > li::before {
  content: counters(section, ".") ". ";
  font-weight: bold;
}

.frequent-flyer-main-text ol ol {
  list-style: none;
  counter-reset: subsection;
  padding-left: 25px;
  margin: 4px 0;
}

.frequent-flyer-main-text ol ol > li {
  counter-increment: subsection;
  margin-bottom: 4px;
}

.frequent-flyer-main-text ol ol > li::before {
  content: counters(section, ".") "." counter(subsection) ". ";
  font-weight: bold;
}

.frequent-flyer-main-text ol ol ol {
  list-style: none;
  counter-reset: subsubsection;
  padding-left: 25px;
}

.frequent-flyer-main-text ol ol ol > li {
  counter-increment: subsubsection;
}

.frequent-flyer-main-text ol ol ol > li::before {
  content: counters(section, ".") "." counter(subsection) "." counter(subsubsection) ". ";
  font-weight: bold;
}

.frequent-flyer-main-text ul {
  list-style-type: disc;
  padding-left: 40px;
  margin: 5px 0;
  counter-reset: none !important; 
}

.frequent-flyer-main-text ul li {
  counter-increment: none !important;
  position: static;
}

.frequent-flyer-main-text ul li::before {
  content: none !important;
}

.frequent-flyer-main-text li p {
  margin: 3px 0;
}
.frequent-flyer-main-text li {
  line-height: 1.2;
}


main #passenger_check_in_section .add_seat_check_in {
    margin-top: 10px;
    float: right;
    border-radius: 10px;
    border: none;
    background: var(--aur-primary-blue);
    color: white;
    font-size: 13px;
    padding: 3px 6px;
}

main section.my_purchase_section #passenger_details .passenger {
    margin-top: 15px;
}

main section.my_purchase_section #passenger_details .passenger .header {
    display: flex;
    justify-content: space-between;
}

main section.my_purchase_section #passenger_details .passenger .detail_row {
    display: flex;
    justify-content: space-between;
}

main section.my_purchase_section #passenger_details .passenger .detail_row .inside_column {
    display: flex;
    flex-direction: column;
}

main section.my_purchase_section #passenger_details .passenger .detail_row .inside_column small {
    font-size: 10px;
    text-align: right;
}

.nav-tabs button {
    padding: 10px 20px;
    border: 1px solid #ddd;
    background: #f5f5f5;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.nav-tabs button.active {
    background: #007bff;
    color: white;
    border-color: #007bff;
}

.nav-tabs button:hover:not(.active) {
    background: #e9ecef;
}

.flight-too-close {
    opacity: 0.8;
}

main #account_container .awarded_point {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 10px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--aur-secondary-grey);
}

main #account_container .awarded_point .awarded_point_row {
    display: flex;
    justify-content: space-between;
}

main #account_container .awarded_point .awarded_point_row_second {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

main #account_container .awarded_point .awarded_point_row p {
    font-size: 11px;
    width: 50%;
    color: var(--aur-secondary-midgrey);
    text-align: right;
}

main #account_container .awarded_point .awarded_point_row .left,
main #account_container .awarded_point .awarded_point_row_second .left {
    display: flex;
    flex-direction: column;
    width: 50%;
}

main #account_container .awarded_point .awarded_point_row .left,
main #account_container .awarded_point .awarded_point_row_second .left {
    display: flex;
    flex-direction: column;
    width: 50%;
}

main #account_container #accountPreferencesModal select.home_airport {
    width: 100%;
    height: 38px;
    padding: 10px;
}

/* Answer bonus style */

.answer-bonus-style p {
    padding: 0!important;
    margin: 0!important;
}

.answer-bonus-style p span {
    color: unset!important;
}

.prelaunch_image {
    width: 100%;
    height: 100vh;
    background: url('../../images/prelaunch.png');
}

/* ====== */

@media (max-width: 768px) {
    .table-container {
        overflow-x: auto;
    }

    .flight-header-cell,
    .flight-cell {
        padding: 0.5rem;
        font-size: 0.85rem;
    }

    .search-btn {
        width: 100%;
        align-self: stretch;
    }
}

/* === */
.password-css .form-control.is-invalid[type="password"],
.password-css .form-control.is-invalid[type="text"] {
    background-image: none!important;
}
/* footer */

/* Custom scroll */
/* Container must be positioning context */
.faux-scroll-container {
  position: relative;
}

/* The scrollable area */
.faux-scroll-content {
  overflow: auto;
  -webkit-overflow-scrolling: touch;

  /* Hide/offset native bar but keep content width */
  padding-right: 14px;
  margin-right: -14px;

  /* Hide in other engines */
  scrollbar-width: none;         /* Firefox */
  -ms-overflow-style: none;      /* IE/old Edge */
}
.faux-scroll-content::-webkit-scrollbar {
  width: 0;
  height: 0;
}

/* Overlay track on top of where the native bar appears */
.faux-track {
  position: absolute;
  top: 4px;
  right: 4.7px;
  bottom: 4px;
  width: 3px;
  border-radius: 8px;
  background: rgba(0,0,0,0.08);
  pointer-events: none;
  z-index: 2;
}

/* Draggable thumb */
.faux-thumb {
  position: absolute;
  left: 0;
  width: 100%;
  border-radius: 8px;
  background: #999999;
  transform: translateY(0);
  will-change: transform, height;
  pointer-events: auto;
  touch-action: none;
}

/* ==== */


.darksite {
    /* background-color: #f5f5f5; */
    padding: 20px 0;
    margin: 20px 0;
}

.darksite .darksite-container {
    max-width: 1200px;
    margin: 0 auto;
    /* padding: 0 20px; */
}

.flight-alert {
    background-color: #d4d4d8;
    padding: 15px 20px;
    border-radius: 4px;
    margin-bottom: 30px;
}

.darksite .alert-text {
    text-align: center;
    margin: 0;
    font-size: 16px;
    color: #333;
}

.darksite .alert-link {
    color: #0066cc;
    text-decoration: none;
    font-weight: 500;
    margin-left: 5px;
}

.darksite .alert-link:hover {
    text-decoration: underline;
}

.darksite .essential-info {
    background-color: white;
    padding: 30px;
    border-radius: 4px;
}

.darksite .essential-info h2 {
    font-size: 24px;
    color: #333;
    margin-top: 0;
    margin-bottom: 25px;
    font-weight: 600;
}

.darksite .info-section {
    margin-bottom: 25px;
}

.darksite .info-section h3 {
    font-size: 18px;
    color: #333;
    margin: 0 0 15px 0;
    font-weight: 600;
}

.darksite .info-content {
    line-height: 1.6;
    color: #555;
}

.darksite .answer-html {
    font-size: 16px;
    line-height: 1.8;
}

.darksite .answer-html p {
    margin: 0 0 15px 0;
}

.darksite .answer-html ul,
.darksite .answer-html ol {
    margin: 15px 0;
    padding-left: 25px;
}

.darksite .answer-html li {
    margin-bottom: 8px;
}

.darksite .answer-html a {
    color: #0066cc;
    text-decoration: none;
}

.darksite .answer-html a:hover {
    text-decoration: underline;
}

.darksite .no-darksite {
    background-color: white;
    padding: 30px;
    border-radius: 4px;
    text-align: center;
    color: #999;
    font-size: 16px;
}


.darksite-news {
    /* background-color: #f5f5f5; */
    /* padding: 20px 0; */
    margin: 20px 0;
}

.darksite-news .darksite-news-container {
    max-width: 1200px;
    margin: 0 auto;
    /* padding: 0 20px; */
}

.darksite-news .news-alert {
    background-color: #d4d4d8;
    padding: 15px 20px;
    border-radius: 4px;
    margin-bottom: 30px;
    text-align: center;
}

.darksite-news .news-alert .alert-text {
    margin: 0;
    font-size: 16px;
    color: #333;
    line-height: 1.5;
}

.darksite-news .news-section {
    background-color: white;
    padding: 10px 30px;
    border-radius: 4px;
}

.darksite-news .news-section h2 {
    font-size: 24px;
    color: #333;
    margin-top: 0;
    margin-bottom: 30px;
    font-weight: 600;
}

.darksite-news .news-items {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.darksite-news .news-item {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 25px;
}

.darksite-news .news-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.darksite-news .news-date {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 12px;
}

.darksite-news .news-date.no-content {
    color: #999;
    font-weight: 400;
}

.darksite-news .news-content {
    font-size: 14px;
    /* line-height: 1.8; */
    color: #555;
}

.darksite-news .news-content .answer-html {
    margin: 0;
}

.darksite-news .news-content .answer-html p {
    margin: 0 0 15px 0;
}

.darksite-news .news-content .answer-html ul,
.darksite-news .news-content .answer-html ol {
    margin: 15px 0;
    padding-left: 25px;
}

.darksite-news .news-content .answer-html li {
    margin-bottom: 8px;
}

.darksite-news .news-content .answer-html a {
    color: #0066cc;
    text-decoration: none;
}

.darksite-news .news-content .answer-html a:hover {
    text-decoration: underline;
}

.darksite-news .no-news {
    background-color: white;
    padding: 30px;
    border-radius: 4px;
    text-align: center;
    color: #999;
    font-size: 16px;
}

.darksite-news .news-date-time {
    display: flex;
    gap: 5px;
}
.darksite-news .news-date-time .news-time {
    font-size: 15px;
    color: #C6C6C6;
}

.darksite-alert-hero {
    background-color: #e8e8e8;
    padding: 12px 16px;
    /* border-radius: 8px; */
    margin-bottom: 16px;
    align-items: flex-start;
}

.darksite-alert-hero p {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.darksite-alert-hero .info_icon {
    flex-shrink: 0;
    margin-top: 2px;
}


/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .tablet-version {
        width: 80%!important;
        margin: auto!important;
    }

    .tablet-bottom-navigation {
        padding: 17px 10%!important;
        padding-bottom: 10px!important;
    }

    .basket_img {
        height: 1rem!important;
        width: 1rem!important;
        justify-content: center!important;
    }

    .destinations .table-version {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .table-version-button {
        width: 50%!important;
    }

    .tail.AT7 img {
        width: 855px;
        margin-left: 9px;
    }

    .tail.DHT img {
        width: 855px;
        margin-left: 9px;
    }
    
    .tail.D28 img {
        width: 855px;
        margin-left: 9px;
    }
    
    .seat-map.AT7 .seat {
        width: 90px !important;
        height: 90px !important;
        font-size: 18px !important;
    }

    .seat-map.AT7 {
        margin-top: 371px !important;
        width: 560px !important;
    }

    .seat-map.DHT .seat {
        width: 90px !important;
        height: 90px !important;
        font-size: 18px !important;
    }
    
    .seat-map.D28 .seat {
        width: 90px !important;
        height: 90px !important;
        font-size: 18px !important;
    }

    .seat-map.DHT {
        margin-top: 371px !important;
        width: 560px !important;
    }
    
    .seat-map.D28 {
        margin-top: 371px !important;
        width: 560px !important;
    }

    .seat-map {
        margin-top: 303px!important; 
        width: 460px!important;
    }

    .seat {
        width: 70px!important;
        height: 70px!important;
    }

    .cockpit_content {
        font-size: 22px;
    }

    .cockpit_content_svg {
        width: 560px !important;
    }

    .seat-map.DHT .seat-row:nth-last-child(1) {
        display: flex;
        gap: 37px;
        justify-content: flex-end;
        margin-right: 37px;
    }
    
    .seat-map.D28 .seat-row:nth-last-child(1) {
        display: flex;
        gap: 37px;
        justify-content: flex-end;
        margin-right: 37px;
    }

    .seat-map.DHT .seat-row {
        margin-left: 0!Important;
    }
    
    .seat-map.D28 .seat-row {
        margin-left: 0!Important;
    }

    .seat-map.DHT .seat-row:nth-last-child(2) {
        display: flex;
        gap: 37px;
        justify-content: flex-end;
        margin-right: 37px;
    }
    
    .seat-map.D28 .seat-row:nth-last-child(2) {
        display: flex;
        gap: 37px;
        justify-content: flex-end;
        margin-right: 37px;
    }

    .seat-map.DHT .seat {
        font-size: 18px;
        height: 90px!important;
        width: 90px!important;
    }
    
    .seat-map.D28 .seat {
        font-size: 18px;
        height: 90px!important;
        width: 90px!important;
    }

    .seat-map.AT7 .seat-row {
        margin-left: 0;
        display: flex;
        width: 100%;
        justify-content: space-around;
    }

    .seat-map.DHT .seat-row {
        margin-left: 0;
        display: flex;
        width: 100%;
        justify-content: space-around;
    }
    
    .seat-map.D28 .seat-row {
        margin-left: 0;
        display: flex;
        width: 100%;
        justify-content: space-around;
    }

    .seat.no-infant::after {
        background-size: contain !important;
    }

    .selected span img {
        width: 45px!important;
    }

    .seat-map .info_box h6 {
        font-size: 17px!important;
    }

    .seat-map .info_box ul {
        font-size: 15px!important;
    }

    .seat-map.AT7 .row-num-first-premium {
        font-size: 15px;
        height: 90px;
    }

    .seat-map.AT7 .row-num-first-standard {
        font-size: 15px;
        height: 90px;
    }
    
    .seat-map.AT7 .row-num-second-premium {
        font-size: 15px;
        height: 90px;
    }

    .seat-map.AT7 .row-num-second-standard {
        font-size: 15px;
        height: 90px;
    }
    
    .seat-map.AT7 .row-num-third-premium {
        font-size: 15px;
        height: 90px;
    }

    .seat-map.AT7 .row-num-third-standard {
        font-size: 15px;
        height: 90px;
    }
    
    .seat-map.AT7 .row-num-fourth-premium {
        font-size: 15px;
        height: 90px;
    }

    .seat-map.AT7 .row-num-fourth-standard {
        font-size: 15px;
        height: 90px;
    }

    .seat-map.AT7 .col-head-row {
        display: flex!important;
    }

    .seat-map.AT7 .col-head {
        width: 90px;
    }

    main .seats_selection .seats_modal .left, main .seats_selection .seats_modal .right {
        height: 200px;
    }

    main .seats_selection .seats_modal .modal-title {
        font-size: 18px;
    }

    main .seats_selection .seats_modal p {
        font-size: 14px;
    }

    main .seats_selection .seats_modal button {
        font-size: 13px;
        height: 45px;
    }

    main .bags_section .right .input small,
    main section.seats_selection .passengers-lists .header .right .input,
    main section.flights .flight_info .right .input {
        font-size: 14px;
    }

    .table-text-version {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) { 
    .tablet-version {
        width: 80%!important;
        margin: auto!important;
    }
    
    .tablet-bottom-navigation {
        padding: 17px 10%!important;
        padding-bottom: 10px!important;
    }

    .basket_img {
        height: 1rem!important;
        width: 1rem!important;
        align-items: center!important;
    }

    .destinations .table-version {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .table-version-button {
        width: 50%!important;
    }

    .tail.AT7 img {
        width: 857px;
        margin-left: 8px;
    }
    
    .tail.DHT img {
        width: 857px;
        margin-left: 8px;
    }

    .tail.D28 img {
        width: 857px;
        margin-left: 8px;
    }

    .seat-map {
        margin-top: 371px!important; 
        width: 560px!important;
    }

    .seat {
        width: 90px!important;
        height: 90px!important;
        font-size: 18px;
    }

    .cockpit_content {
        font-size: 26px;
    }

    .cockpit_content_svg {
        width: 560px!important;
    }

    .seat-map .info_box h6 {
        font-size: 17px!important;
    }

    .seat-map .info_box ul {
        font-size: 16px!important;
    }
    
    .seat-map.AT7 .col-head {
        width: 90px;
    }

    .seat-map.DHT .seat-row {
        margin-left: 0!Important;
        justify-content: space-around;
    }

    .seat-map.AT7 .row-num-first-premium {
        font-size: 15px;
        height: 90px;
    }

    .seat-map.AT7 .row-num-first-standard {
        font-size: 15px;
        height: 90px;
    }
    
    .seat-map.AT7 .row-num-second-premium {
        font-size: 15px;
        height: 90px;
    }

    .seat-map.AT7 .row-num-second-standard {
        font-size: 15px;
        height: 90px;
    }
    
    .seat-map.AT7 .row-num-third-premium {
        font-size: 15px;
        height: 90px;
    }

    .seat-map.AT7 .row-num-third-standard {
        font-size: 15px;
        height: 90px;
    }
    
    .seat-map.AT7 .row-num-fourth-premium {
        font-size: 15px;
        height: 90px;
    }

    .seat-map.AT7 .row-num-fourth-standard {
        font-size: 15px;
        height: 90px;
    }
    
    .seat-map.AT7 .col-head-row {
        display: flex!important;
    }
    
    .seat-map.D28 .seat-row {
        margin-left: 0!Important;
        justify-content: space-around;
    }

    .seat-map.DHT .seat-row:nth-last-child(1) {
        display: flex;
        gap: 36px;
        margin-right: 40px;
        justify-content: flex-end;
    }
    
    .seat-map.D28 .seat-row:nth-last-child(1) {
        display: flex;
        gap: 36px;
        margin-right: 40px;
        justify-content: flex-end;
    }

    .seat-map.DHT .seat-row:nth-last-child(2) {
        display: flex;
        gap: 36px;
        margin-right: 40px;
        justify-content: flex-end;
    }
    
    .seat-map.D28 .seat-row:nth-last-child(2) {
        display: flex;
        gap: 36px;
        margin-right: 40px;
        justify-content: flex-end;
    }

    .seat-map.DHT .seat {
        font-size: 18px;
        height: 90px!important;
        width: 90px!important;
    }

    .seat-map.D28 .seat {
        font-size: 18px;
        height: 90px!important;
        width: 90px!important;
    }

    .seat.no-infant::after {
        background-size: contain !important;
    }

    .selected span img {
        width: 45px!important;
    }

    main .seats_selection .seats_modal .left, main .seats_selection .seats_modal .right {
        height: 200px;
    }

    main .seats_selection .seats_modal .modal-title {
        font-size: 18px;
    }

    main .seats_selection .seats_modal p {
        font-size: 14px;
    }

    main .seats_selection .seats_modal button {
        font-size: 13px;
        height: 45px;
    }

    main .bags_section .right .input small,
    main section.seats_selection .passengers-lists .header .right .input,
    main section.flights .flight_info .right .input {
        font-size: 14px;
    }

    .table-text-version {
        margin-top: 20px;
    }
}