#DeparturePointResults {
    z-index: 99;
    overflow-y: scroll !important;
    position: absolute;
    width: 100%;
    max-width: 300px;
    max-height: 300px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
}

#DestinationPointResults {
    z-index: 99;
    overflow-y: scroll !important;
    position: absolute;
    width: 100%;
    max-width: 300px;
    max-height: 300px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
}

.result-item {
    padding: 10px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

    .result-item:hover {
        background-color: #f0f0f0;
    }

.w-10 {
    width: 10% !important;
}

.card-img-top {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.newImagesSETs.swiper {
    width: 100%;
    height: auto;
}

.newImagesSETs .swiper-slide {
    display: flex;
    justify-content: center;
}

.newImagesSETs .card {
    width: 100%;
    max-width: 350px;
    display: flex;
    flex-direction: column;
}

    .newImagesSETs .card .card-body {
        display: flex;
        flex-direction: column;
        justify-content: start;
        height: 100%;
    }

.newImagesSETs .swiper-wrapper {
    display: flex;
}

.newimagesSETs {
    transition: 200ms ease-in-out;
}

    .newimagesSETs:hover {
        box-shadow: 0 1rem 1rem rgb(255 55 55 / 21%) !important;
        transition: 200ms ease-in-out;
    }

/* ------------------------------------------------------------------
   Phones: form fields at 16px.

   iOS Safari zooms the whole page when a focused field is set below 16px, and
   every field on the site was 13.3px — so tapping any input on an iPhone jumped
   the layout, and the guest had to pinch back out before they could see what
   they were typing. It does this on every field of every form.

   Fixed at 16px rather than a rem value: the root here resolves to 14px, so
   1rem would land at 14 and keep the zoom.
   ------------------------------------------------------------------ */
@media (max-width: 767.98px) {
    .form-control,
    .form-select,
    textarea.form-control,
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="number"],
    input[type="date"],
    input[type="time"],
    input[type="search"],
    select,
    textarea {
        font-size: 16px;
    }
}

/* The footer's social icons were 24x17 hit areas — a fingertip is nearer 44px, and
   on a phone these three sit close enough together to be easy to mis-tap. The icon
   keeps its size; only the target around it grows. */
.social-media a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
}