'); background-repeat: no-repeat; background-position: right 10px top 50%; background-size: 12px; cursor: pointer; } .styled-select:focus { outline: none; border-color: #0056b3; } .age-container { display: flex; align-items: center; margin: 20px 0; width: 100%; justify-content: space-between; } .age-button { padding: 10px; font-size: 18px; background-color: #007bff; color: white; border: none; cursor: pointer; width: 40px; height: 40px; border-radius: 10%; display: flex; align-items: center; justify-content: center; } #age { width: 50px; text-align: center; margin: 0 10px; font-size: 18px; } .age-input { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; } .submit-button { padding: 10px 20px; font-size: 16px; background-color: #28a745; color: white; border: none; cursor: pointer; border-radius: 5px; } .submit-button:hover { background-color: #218838; } #swiper-prev-slider { z-index: 1 !important; } #swiper-next-slider { z-index: 1 !important; } } @media (max-width: 768px) { .select2-container--open { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 9999; background: white; overflow-y: auto; padding: 5rem 0; } .mobile .select2-container--open { position: absolute !important; overflow-y: unset; height: max-content !important; top: -12px !important; } .select2-dropdown { border: none !important; } .select2-search--dropdown { padding: 10px; } .select2-results { padding: 10px; width: 100%; } .select2-results__options { height: 100%; max-height: max-content !important; overflow: auto; } .select2-container--default .select2-results { position: absolute !important; z-index: 9999; } .flight_search_module { overflow: visible !important; } } .flight_search_module { overflow: visible !important; } .select2-container--default .select2-results { position: absolute !important; z-index: 9999; width: 100%; background-color: white; } @media (max-width: 768px) { .select2-container--default .select2-dropdown { width: 100% !important; left: 0 !important; border: 1px solid #ccc; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } .mobile .select2-container--default .select2-dropdown { position: absolute !important; } .select2-title { padding: 5px 10px; margin: 0; color: #fff; font-weight: bold; } .title-bar { background-color: #185086FF; position: fixed; top: 0; right: 0; z-index: 10001; width: 100%; height: 48px; display: flex; justify-content: space-between; align-items: center; padding: 20px; } .select2-close-btn { background: #f00; color: #fff; border: none; padding: 5px 10px; border-radius: 5px; cursor: pointer; margin: 0; } .select2-close-btn:focus { outline: none; } } .flight_search_module { overflow: visible !important; } .select2-container--default .select2-selection--single { outline: none !important; } .select2 .select2-container .select2-container--default .select2-container--below .select2-container--focus { z-index: 10; } @media only screen and (max-width: 768px) { .search_destinations.fullscreen { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: white; display: none; overflow: auto; transition: z-index 0.3s; } .search_destinations.fullscreen.open { display: flex; flex-direction: column; align-items: center; justify-content: center; } .search_destinations { display: flex; align-items: center; gap: 2px; } .search_destinations .logo { display: flex; justify-content: space-between; align-items: center; padding: 0; } .search_destinations .logo i { color: #aaa; } .search_destinations .title { display: flex; flex-direction: column; flex-grow: 1; } .search_destinations .code { padding: 6px; background: #2073BA; color: white; font-size: 12px; } .select2-close-btn { position: fixed; top: 10px; left: 10px; background: #fec524; color: #000; border: none; padding: 5px 10px; border-radius: 5px; cursor: pointer; z-index: 10001; } .select2-close-btn:focus { outline: none; } } .input-group { display: flex; align-items: center; border: 1px solid darkgray; border-radius: 5px; overflow: hidden; } .input-group .btn { height: 38px; width: 38px; border: none; background-color: #f8f9fa; color: black; display: flex; align-items: center; justify-content: center; } .input-group .form-control { width: 30px; height: 38px; text-align: center; border: none; margin: 0; color: #0d5c96; } .multiple_trips .switch_destinations { display: none !important; } .caleran-rtl .caleran-calendar-container { direction: rtl; } .caleran-rtl .caleran-inner { text-align: right; } .caleran-rtl .caleran-days .caleran-day { float: right; } .caleran-rtl .caleran-prev-next { display: flex; flex-direction: row-reverse; } .caleran-rtl .caleran-prev-month { order: 2; } .caleran-rtl .caleran-next-month { order: 1; }