.coverphoto {
    height: 40vh;
    max-height: 800px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    opacity: 0.4;    
}

.action-panel {
    background-color: white;
    margin: -50px auto 0 auto;
    border-radius: 20px;
    width: 80vw;
    height: 100px;
    box-shadow: 0 0 30px rgba(0,0,0,.1);
    position: relative;
    padding: 30px;
    
}

.action-panel p {
    font-size: 1.25em;
    font-weight: bold;
    padding-top: 5px;
}

.action-panel .bi {
    font-size: 40px;
    color: rgb(247, 37, 133);
    margin: -10px 10px 0 10px;
}


.tour-content {
    margin-top: 2em;
}

.itinerary-label {
    text-decoration: underline;
}

.day-label {
    display: block; /* Default display for xs, sm, and md */
    padding-right: 10px;
    height: 100%;
    float: left;
}

@media (max-width: 767px) { /* Adjust for lg screens */
    .day-label {
        float: none;
        height: auto;
    }
}



.pink {
    background-color: pink;
}


/* Price */

.price {
    font-family: "Rubik";
    font-size: 3em;
    font-weight: 600;
    letter-spacing: -5px;
    margin-bottom: 0;
}

.price .currency {
    font-size: 50%;
    font-weight: 600;
    padding-right: 5px;
    display: inline-block;
    vertical-align: text-top;
    margin-top: 0.6em;
    
}

.price .comma {
    padding-left: 2px;
    font-weight: 400;
}

.nomargin {
    margin: 0 ;
}

.includes li {
    display: flex; /* Ensures flexbox layout */
    align-items: flex-start; /* Aligns items to the start, keeping the icon top-aligned */
    margin-bottom: 10px; /* Adds some space between list items */
}

.includes .icon {
    flex-shrink: 0; /* Prevents the icon from shrinking */
    width: 36px; /* Fixed width */
    height: 36px; /* Fixed height */
    margin-right: 20px; /* Space between icon and text */
    background-size: cover; /* Ensures the icon covers the area */
    background-repeat: no-repeat;
    background-position: center;
}

.includes li > span {
    margin-top: 4px;
    flex-grow: 1; /* Allows the text to take up the remaining space */
}





#tour-content {
   padding-top: 80px; 
}

.image-collage {
    display: flex;
    width: 100%;
    height: 400px;
    gap: 0;
    border-radius: 15px;
    overflow: hidden;
}

.image-collage > div, .image-collage img {
    width: 100%; 
    height: 100%;
    object-fit: cover; /* This will cover the area and crop as necessary */

}

.left-image {
    flex: 0 0 50%;
    height: 100%;
}

.middle-image {
    flex: 0 0 25%;
    height: 100%;
}

.right-images {
    flex: 0 0 25%;
    display: flex;
    flex-direction: column;
}

.right-images img {
    height: 50%;
}


.tour-features i {
    stroke: red;
}