.date-nights {justify-content: space-between;margin: 0 -14px 14px;flex-wrap:wrap;}
.card-date>*, .card-num-nights>* {margin-bottom: 0;}
.font-16>* {font-size: 16px;color: #495870;font-weight: 400;}
.card-num-nights>* {font-weight: 700;}
.card-content{padding:14px;}
.date-nights>* {padding: 0 14px;}
.city-and-price {padding: 14px;background-color: #F5F7FA;border-radius: 5px;}
.destination>div {display: flex;align-items: center;}
.destination>div>.destination-title {font-size: 16px;}
.destination-icon {padding-right: 10px;}
.destination>div+div {margin-top: 16px;}
.card-main-title {margin-bottom: 14px;}
.card-main-title>* {margin-bottom: 0;}
.card-cruise-price-details {display: flex;justify-content: space-between;align-items: flex-end;margin: 0 -14px;flex-wrap:wrap;}
.price-title {font-size: 12px;}
.cruise_price-sec {text-align: right;}
.pp-price {font-size: 35px;color: #E63257;}
.month-price {font-size: 12px;line-height: normal;}
.pp-price>span {font-size: 16px;}
.cross-icon-day-ship {position: relative;}
.cross-icon {position: absolute;right: 0;top: -6px;cursor: pointer;}
.card-cruise-price-details>div {padding: 5px 14px;}
.card-buttons {display: flex;justify-content: space-between;flex-wrap: wrap;margin: 14px -10px 0;}
.card-button {padding: 14px 18px;border-radius: 5px;font-size: 15px;line-height: 1;transition: all 0.3s;flex: 1;text-align: center;margin: 0 10px;}
.button-primary {border: 1px solid #2E5DB8;color: #2E5DB8;background: #fff;}
.button-primary:hover {color: #fff;background: #2E5DB8;text-decoration: none;}
.button-secondary {border: 1px solid #2E5DB8;color: #ffffff;background: #2E5DB8;}
.button-secondary:hover {border: 1px solid #2E5DB8;color: #2E5DB8;background: #ffffff;text-decoration: none;}
.inner { overflow: hidden;position: relative;}
.itinerary-card {position: absolute;left: 0;right: 0;padding: 14px;background: #fff;transition: all 0.3s;top: 0;bottom: 0;margin-top: calc(100vh + 100vh);height: 100%;overflow: auto;}
.itinerary-card.show {margin: 0;}
.detail-day-ship {font-size: 12px;font-weight: 700;color: #495870;line-height: normal;padding-right: 24px;}
.detail-card-title {font-size: 16px;color: #141F33;font-weight: 700;line-height: normal;}
.detail-card-description {font-size: 15px;color: #495870;line-height: normal;}
.includes_title {margin: 14px 0;}
.price_includes {margin: 0;padding-left: 18px;display: grid;grid-template-columns: 1fr 1fr;}
.price_includes>li {font-size: 12px;color: #495870;font-weight: 400;line-height: 22px;}
.other_price {font-size: 12px;color: #828FA7;line-height: normal;}
.includes_title_iner{margin-bottom: 3px;position: relative;line-height: 1;}
.includes_row {margin-bottom: 14px;}
.includes_title_iner>span {font-size: 10px;color: #828FA7;background: #fff;position: relative;z-index: 1;padding-right: 10px;}
.includes_title_iner:after {position: absolute;content: "";top: 50%;right: 0;left: 0;width: 100%;height: 1px;background: #828FA7;transform: translateY(-50%);}
.itinerary-items>* {font-size: 12px;margin: 0;line-height: 1;color: #495870;padding-bottom: 6px;}
.itinerary-items+.itinerary-items {margin-top: 14px;}
.port_name {color: #141F33;position: relative;padding: 0;}
.itinerary-items {padding-left: 20px;}
.itinerary_details {margin-top: 14px;position: relative;}
.port_name:before {position: absolute;content: "";width: 12px;height: 12px;border-radius: 100px;background: #D5DFF2;left: -20px;top: 50%;transform: translateY(-50%);}
.itinerary_details:before {position: absolute;content: "";left: 6px;border-left: 1px solid #D5DFF2;bottom: 0;top: 0;}
.port_weekday {position: relative;}
.itinerary-items:first-child .port_weekday:before, .itinerary-items:last-child .port_time:before {
  position: absolute;content: "";background: #fff;width: 18px;left: -20px;height: 100%;top: 0;bottom: 0;
}
.port_time {padding-bottom: 0;padding-top: 6px;position: relative;}
.itinerary_map>img {width: 100%;height: 100%;}
.itinerary-card .button-secondary {width: 100%;display: block;margin: 14px 0 0 0;}

.cruise-card-img {
  width: 100%;
  height: auto;
  max-width: 100%;
  aspect-ratio: 352 / 200;
}


@media(max-width:1024px){
  .price_includes {grid-template-columns: 1fr;}
}

@media(max-width:767px){
  .price_includes {grid-template-columns: 1fr 1fr;}
}
@media(max-width:480px){
  .price_includes {grid-template-columns: 1fr;}
  .card-buttons {margin: 14px 0 0;}
  .card-button {flex: 0 0 100%;margin: 0;}
  .card-button+.card-button {margin-top: 10px;}
  .cruise_card_module .box .featured-image img {
    width: 100%;
    height: auto;
    min-height: auto;
    max-width: 100%;
    aspect-ratio: 352 / 200;
}