/****************************************
  MEDIA QUERIES
****************************************/
/****************************************
  ITINERARY LIST
****************************************/
.itinerary-list {
  padding: 2rem 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  flex-direction: row; }
  @media (max-width: 480px), (min-width: 481px) and (max-width: 769px), (min-width: 770px) and (max-width: 989px) {
    .itinerary-list {
      justify-content: center; } }
  @media (min-width: 990px) and (max-width: 1199px), (min-width: 1200px) {
    .itinerary-list {
      justify-content: start; } }
  .itinerary-list .card {
    max-width: 350px;
    border-radius: 10px;
    overflow: hidden; }
    .itinerary-list .card .card-img-top {
      aspect-ratio: 4 / 3; }
    .itinerary-list .card .carousel-control-prev-icon,
    .itinerary-list .card .carousel-control-next-icon {
      background-color: #006E96;
      background-image: none;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 25px;
      height: 25px; }
      .itinerary-list .card .carousel-control-prev-icon i,
      .itinerary-list .card .carousel-control-next-icon i {
        font-size: .8rem; }
    .itinerary-list .card .card-body {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: start; }
      .itinerary-list .card .card-body .card-title {
        font-weight: 600; }
      .itinerary-list .card .card-body .card-description {
        font-size: .75rem;
        font-weight: 300; }
      .itinerary-list .card .card-body .itinerary-info-btn {
        background-color: #006E96;
        color: white;
        border: 1px solid #006E96;
        padding: .4rem .8rem;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color .3s;
        text-decoration: none;
        font-size: .65rem; }
        .itinerary-list .card .card-body .itinerary-info-btn:hover {
          background-color: white;
          color: #006E96; }
    .itinerary-list .card .card-footer {
      background-color: #006E96;
      padding: 1rem 1.5rem; }
      .itinerary-list .card .card-footer form {
        display: flex;
        align-items: stretch;
        justify-content: start;
        gap: 10px; }
        .itinerary-list .card .card-footer form .inputs-group {
          display: flex;
          flex-direction: column;
          gap: 5px;
          flex: 2 0 60%; }
          .itinerary-list .card .card-footer form .inputs-group select, .itinerary-list .card .card-footer form .inputs-group input {
            height: 35px;
            width: 100%;
            border-radius: 5px;
            padding: .2rem .8rem;
            font-size: .8rem; }
        .itinerary-list .card .card-footer form .input-submit {
          flex: 1 0 40%; }
          .itinerary-list .card .card-footer form .input-submit input {
            display: block;
            background-color: transparent;
            color: white;
            word-wrap: break-word;
            white-space: normal;
            height: 100%;
            width: 100%;
            font-size: .8rem;
            text-transform: uppercase;
            font-weight: 600;
            border: 2px solid white;
            transition: background-color .3s ease;
            border-radius: 10px; }
            .itinerary-list .card .card-footer form .input-submit input:hover {
              background-color: white;
              color: #006E96; }

/****************************************
  MODAL
****************************************/
.itinerary-list .modal .modal-content {
  border-radius: 20px;
  overflow: hidden; }
  .itinerary-list .modal .modal-content .modal-header {
    position: relative; }
  .itinerary-list .modal .modal-content .modal-body {
    padding: 1rem 2rem 2rem 2rem; }
    .itinerary-list .modal .modal-content .modal-body h2.title {
      color: #006E96;
      font-size: 1.4rem;
      font-weight: 600; }
      @media (max-width: 480px), (min-width: 481px) and (max-width: 769px) {
        .itinerary-list .modal .modal-content .modal-body h2.title {
          font-size: 1.1rem; } }
.itinerary-list .modal button.close {
  position: absolute;
  right: 16px;
  top: 13px;
  z-index: 10;
  background: white;
  padding: 0;
  margin: 0;
  height: 40px;
  width: 40px;
  border-radius: 50px;
  color: #006E96; }

.itinerary-list .modal .carousel-item {
  height: 300px; }
  @media (min-width: 990px) and (max-width: 1199px), (min-width: 1200px) {
    .itinerary-list .modal .carousel-item {
      height: 500px; } }
  .itinerary-list .modal .carousel-item::after {
    content: '';
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0; }
  .itinerary-list .modal .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.enabled-day {
  background-color: #62BD62 !important; }