.promotions > .container{
    margin-top: 30px;
}

.promotions #promotions-list{
    padding: 0;
    list-style: none;
}

.promotions #promotions-list a{
    color: inherit;
    text-decoration: none !important;
}

.promotions #promotions-list li + li{
    margin-top: 30px;
}

.promotions .card{
    padding: 15px;
    display: block;
    position: relative;
    box-shadow: 0 0 10px 5px #ddd;
}

.promotions .card .title{
    margin-top: 0;
}

.promotions .card img{
    width: 100% !important;
}
.promotions #book {
    background: #7893AE !important;
    box-shadow: 0 0 10px 5px #ddd;
}

.promotions #book #container_logo{
    display: block !important;
}

.promotions #book-container{
    width: 100% !important;
    padding: 0 !important;
}
.promotions .custom_form{
    box-shadow: none !important;
}
.promotions .custom_form .form-group,
.promotions .custom_form #form-group-pax{
    width: 100% !important;
    display: block;
    margin: 0 0 15px 0!important;
}

.promotions .promotion_service{
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.promotions .promotion_service > div{
    display: flex;
    justify-content: space-between;
    text-transform: capitalize;
    gap: 5px;
}

.promotions .promotion_service .dateTime_container, .date_container,
.promotions .promotion_service .dateTime_container, .time_container {
    white-space: nowrap;
}

.promotions #form-filter.custom_form .mb_5i{
    margin-bottom: 5px !important;;
}

.promotions .card-title hr{
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

@media (min-width: 768px) and (max-width: 991px){
    .promotions .promotion_service .dateTime_container{
        display: flex;
        flex-direction: column;
        align-items: end;
    }
}

@media (max-width: 768px) {
    .promotions .promotion_service > div{
        flex-wrap: wrap;
    }
}