.featuredHotelCarouselDeals .hotelrating {position: absolute; background: #000; padding: 0.2rem; border-radius: 4px; color: #ffffff; top: 0.3rem; font-size: 12px; fill:#fff; } .featuredHotelCarouselDeals .hotelrating svg{fill:#fff; width:0.7rem} .featuredHotelCarouselDeals .dealCarousel .alice-carousel__stage-item{padding:0 10px 0 10px} .hotelCarouselDeals .travel-details .d-flex.mt-2 { display: block !important } .hotelCarouselDeals .travel-details .d-flex.mt-2 .totalfare1 { display: flex; justify-content: end; align-items: baseline } .dealHeading, h2.blueHead.dealHeading { padding-bottom: .6rem } .featuredHotelCarouselDealsView .dealSubHeading { font-size: 1rem } .hotelCarouselDealsView .totalfare1 .align-top { top: -.7rem; padding: .2rem; position: relative } @media (max-width: 767px) { .deals-carousel { display: flex; gap: 1rem; overflow-x: auto; overflow-y: hidden; padding: 0 0 .25rem .5rem } .deal-list { padding: 0 10px 0 5px; font-size: 1rem; border: 0 none } .deal-list:hover { background-color: transparent } .deal-list__item { border: 1px solid #dbdbdb; border-radius: .5rem; cursor: pointer; background-color: #fff } .travel-details { background: #fff; margin: 0; padding: 1rem; position: relative; border-bottom-right-radius: .5rem; border-bottom-left-radius: .5rem; color: #313541; box-shadow: none } .travel-details .total-fare { font-size: 1.5rem; font-weight: 400; padding-right: .5rem } .travel-details .btn-price { justify-content: space-between } .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: 600; font-size: 1rem } .travel-details .ond { font-size: 1.125rem; white-space: nowrap; text-overflow: ellipsis; width: 50%; display: inline-block; overflow: hidden } .travel-details .text-lg { font-size: .875rem } .deal-list__fare { position: absolute; top: 16px; display: block; width: 100%; right: 20px; text-align: right; color: #262933; max-width: 100%; margin-top: 0 } .deal-list__fare .totalfare { font-size: 1.125rem; color: #313541 } .deal-list__fare .totalfare .f10 { font-size: 10px } .deal-list__fare .totalfare::before { content: "*"; font-size: 1.25rem; position: absolute; right: -8px; top: -5px } .SummerDealCarousel section,.dealCarouselView section,.hotelCarouselDeals section,.tabDealCarouselView section { border-bottom: 1px solid #b1b3be } .deals__ttype { padding: 1rem; text-align: center; cursor: pointer; color: #313541; font-size: 1rem } .deals__ttype.active.oneway::after { left: -20px } .deals__ttype.active { color: #006ee3!important; position: relative } .deals__ttype.active .airport-fallback::after { width: 30% } .deals__ttype.active::after { content: ""; color: #006ee3; border-bottom: 4px solid; position: absolute; bottom: 0; width: 100%; left: 0 } .deal__type { line-height: 1rem; font-size: .875rem; margin-top: .2rem; color: #313541 } .deal__price-now { font-size: 1rem } .deal__date { margin: .2rem 0 } .deal__date,.ond-wrap { font-weight: 400; color: #434752 } .deal-disclaimer { margin: 0 1rem; margin-top: 1rem; font-size: .8rem } .alice-carousel__next-btn,.alice-carousel__prev-btn { display: none } .map-deals-block { margin-top: 1rem; padding: 0 10px } .deal-list__item img { height: 135px; object-fit: cover; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-box-shadow: inset 10px 10px 50px #fff; -webkit-box-shadow: inset 10px 10px 50px #fff; box-shadow: inset 10px 10px 50px #fff; width: 100% } .see-more { background: 0 0; border: .0925rem solid #006ee3; border-radius: .5rem; color: #006ee3; display: block; font-size: 1.1rem; line-height: 1.5rem; margin: 1rem auto 0; padding: .5rem; text-align: center; text-decoration: none; width: 50% } .dealCarousel .travel-details .ond { white-space: nowrap; width: 100%; display: block; text-overflow: ellipsis; overflow: hidden; font-size: 1.125rem } .dealCarousel .deal-list__item .hotelrating { background: rgba(0,0,0,.8); font-size: 12px; padding: 4px 6px; border-radius: 4px; color: #fff; display: inline-flex; position: absolute; top: 1rem; left: .4rem } .dealCarousel .deal-list__item .hotelrating svg { margin: 1px 0 0 4px; fill: #fff } .dealCarousel .deal-list__item img { height: 240px } .dealCarousel .city-name { font-size: 1rem; width: 113px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .dealCarousel .totalfare1 { font-size: 1.5rem; text-align: right; flex: 1 } .dealCarousel .totalfare1 .align-top { vertical-align: top } .dealCarousel .totalfare1 small { font-size: 12px; font-weight: 400 } .dealCarousel .totalfare1 sup { font-size: 60% } .featuredHotelCarouselDeals .dealCarousel .alice-carousel__stage-item{padding:0} }