.splide__track--nav>.splide__list>.splide__slide { border: 3px solid transparent; cursor: pointer; opacity: .7 } .airline-carousel .splide__track--nav>.splide__list>.splide__slide { opacity: 1 } .splide__track--nav>.splide__list>.splide__slide.is-active { border: 3px solid #00bfff; opacity: 1 } .splide__arrow { -ms-flex-align: center; align-items: center; background: 0 0; border: 0; cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1 } .splide__arrow svg { height: 2.5em; transition: fill .2s linear; width: 1rem } .splide__arrow:disabled { opacity: .3 } .splide__arrow:focus-visible { outline: #00bfff solid 3px; outline-offset: 3px } .splide__arrow--prev { left: 1em } .splide__arrow--next { right: 1em } .splide.is-focus-in .splide__arrow:focus { outline: #00bfff solid 3px; outline-offset: 3px } .splide__pagination { bottom: .5em; left: 0; padding: 0 1em; position: absolute; right: 0; z-index: 1 } .splide__pagination__page { background: #ccc; border: 0; border-radius: 50%; display: inline-block; height: 10px; margin: 3px; padding: 0; position: relative; transition: background-color .2s linear, transform .2s linear; width: 10px } .splide__pagination__page.is-active { background: #00bfff; transform: scale(1.4); z-index: 1 } .splide__pagination__page:hover { background: #66d9ff; cursor: pointer; opacity: .9 } .splide.is-focus-in .splide__pagination__page:focus, .splide__pagination__page:focus-visible { outline: #00bfff solid 3px; outline-offset: 3px } .splide__container { box-sizing: border-box; position: relative } .splide__list { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: -ms-flexbox; display: flex; height: 100%; margin: 0 !important } .splide.is-initialized:not(.is-active) .splide__list { display: block } .splide__pagination { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin: 0 } .splide__pagination li { display: inline-block; line-height: 1; list-style-type: none; margin: 0 } .splide__progress__bar { width: 0 } .splide { position: relative; visibility: hidden; display: none } .splide.is-initialized, .splide.is-rendered { visibility: visible; display: block } .splide__slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; -ms-flex-negative: 0; flex-shrink: 0; list-style-type: none !important; margin: 0; position: relative } .splide__slide img { vertical-align: bottom } .splide__spinner { animation: 1s linear infinite splide-loading; border: 2px solid #00bfff; border-left-color: transparent; border-radius: 50%; bottom: 0; contain: strict; display: inline-block; height: 20px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px } .splide__sr { clip: rect(0 0 0 0); border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause { display: none } .splide__toggle.is-active .splide__toggle__pause { display: inline } .splide__track { position: relative; width: 100% } @keyframes splide-loading { 0% { transform: rotate(0) } to { transform: rotate(1turn) } } .splide__track--draggable { -webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none } .splide__track--fade>.splide__list { display: block } .splide__track--fade>.splide__list>.splide__slide { left: 0; opacity: 0; position: absolute; top: 0; z-index: 0 } .splide__track--fade>.splide__list>.splide__slide.is-active { opacity: 1; position: relative; z-index: 1 } .splide--rtl { direction: rtl } .splide__track--ttb>.splide__list { display: block } .splide__progress__bar { background: #ccc; height: 3px } .splide__slide { -webkit-tap-highlight-color: transparent; background-size: contain !important } .splide__slide:focus { outline: 0 } @supports (outline-offset:-3px) { .splide__slide:focus-visible { outline: #00bfff solid 3px; outline-offset: -3px } .splide.is-focus-in .splide__slide:focus { outline: #00bfff solid 3px; outline-offset: -3px } } @media screen and (-ms-high-contrast:none) { .splide__slide:focus-visible { border: 3px solid #00bfff } .splide.is-focus-in .splide__slide:focus { border: 3px solid #00bfff } .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus { border-color: #00bfff } } .splide__toggle { cursor: pointer } .splide.is-focus-in .splide__toggle:focus, .splide__toggle:focus-visible { outline: #00bfff solid 3px; outline-offset: 3px } .splide__arrows--rtl .splide__arrow--prev { left: auto; right: 1em } .splide__arrows--rtl .splide__arrow--next { left: 1em; right: auto } .splide__arrows--ttb .splide__arrow { left: 50%; transform: translate(-50%) } .splide__arrows--ttb .splide__arrow--prev { top: 1em } .splide__arrows--ttb .splide__arrow--prev svg { transform: rotate(-90deg) } .splide__arrows--ttb .splide__arrow--next { bottom: 1em; top: auto } .splide__arrows--ttb .splide__arrow--next svg { transform: rotate(90deg) } .splide__pagination--ttb { bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; left: auto; padding: 1em 0; right: .5em; top: 0 } #promotionalDeals .splide__arrow { display: block; opacity: 1 } #promotionalDeals .promotionalDeals { overflow: hidden } #promotionalDeals .promotionalDeals .splide__slide { flex: none; margin-right: 1.5rem !important } .promotionalDealsMain .promotionalDeals .splide__track ul.splide__list { gap: unset; padding: 0 } .promotionalDealsMain .promotionalDeals .splide__arrow { top: 52% } .promotionalDealsMain .splide__arrow--prev.splide__arrow svg { transform: rotate(-180deg) } .promotionalDealsMain .dealCarousel .travel-details .btnBooknow { border: 1px solid #0062e3; border-radius: .5rem; height: 36px; width: 110px; display: flex; justify-content: center; align-items: center; color: #0062e3; font-weight: 700; font-size: 1rem } .promotionalDealsMain .dealCarousel .d-flex.btn-price { justify-content: space-between } .promotionalDealsMain .tooltip-disclaimer { display: none; position: absolute; left: 66%; padding: 5px 10px; z-index: 1000 } .promotionalDealsMain .tooltip-disclaimer:before { border-right: 10px solid transparent; border-bottom: 10px solid #006ee3; border-left: 10px solid transparent; height: 10px; left: 137px; position: absolute; top: -5px; width: 20px; z-index: 1005; animation: .2s ease-in-out animate-arrow; content: ""; display: none } .promotionalDealsMain .tooltip-disclaimer:after { content: ""; border-right: 10px solid transparent; border-bottom: 10px solid #fff; border-left: 10px solid transparent; height: 10px; left: 137px; position: absolute; top: -4px; width: 20px; z-index: 9999; display: none } .promotionalDealsMain .deal-tnc { position: relative; color: #262933; padding-top: .5rem; display: inline-block; font-size: .75rem } .splide__arrow { width: 2rem; height: 3rem; border-radius: 8px; box-shadow: 0 4px 16px 0 #181A2526; background-color: #fff; opacity: .9 } .promotionalDealsMain .promotionalDeals .splide__arrow.splide__arrow--prev { left: -.5rem } .promotionalDealsMain .promotionalDeals .splide__arrow.splide__arrow--next { right: -.5rem } .splide__arrow:disabled { display: none !important } @media(max-width:767px){ .promotionalDealsMain#promotionalDealsCar .dealHeading{margin:0} #promotionalDealsCar.promotionalDealsMain .deal-list{padding:0} #promotionalDealsCar .dealCarousel .deal-list__item img{height:135px} #promotionalDealsCar .dealCarousel .deal-list__item .car-company-logo{height:30px} #promotionalDealsCar.promotionalDealsMain .deal-wrapper.dealCarousel{min-height:270px} }