body {
    background-color: white !important;
    font-family: 'Roboto', sans-serif !important;
}
.show-trips {
    box-shadow: none !important;
}
.card {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}
.form-control, .form-select {
    box-shadow: none;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

    .form-control:focus, .form-select:focus {
        border-color: #28a745;
        box-shadow: 0 0 8px rgba(40, 167, 69, 0.3);
        outline: none;
    }

.pagination .page-item.active .page-link {
    background-color: #6B7FDC !important;
    color: white !important;
    border: none !important;
}

.card-body {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

.button-container {
    display: flex !important;
    justify-content: space-between !important;
    margin-top: auto !important;
}

.book-trip {
    background-color: #6B7FDC !important;
    display: inline-block !important;
    width: 100% !important;
    max-width: 140px !important;
    text-align: center !important;
    margin-top: auto !important;
    padding: 7px !important;
    color: white !important;
    text-decoration: none !important;
    border-radius: 5px !important;
}

.more-info {
    color: #6B7FDC !important;
    text-decoration: none !important;
    width: 100% !important;
    margin-top: auto !important;
    padding: 7px !important;
    max-width: 140px !important;
}

.book-trip:hover {
    color: white !important;
    opacity: 0.9 !important;
}

.more-info:hover {
    color: #6B7FDC !important;
}

.logo {
    height: 3rem !important;
    width: 9rem !important;
}

.btn-search {
    background-color: #63AC45 !important;
    color: white !important;
    border: none !important;
    border-radius: 0.3rem !important;
    width: 6rem !important;
}

.booking-status {
    text-decoration: none !important;
    color: #63AC45 !important;
}

.booking-status:hover {
    color: #63AC45 !important;
    text-decoration: underline;
}

.btn-search:hover {
    background-color: #1C231F !important;
}

.guest-message {
    padding: 15px;
    margin-top: 20px;
    border: none !important;
    background-color: white !important;
}

.guest-message h5 {
    color: #6B7FDC;
}

.guest-message p {
    font-size: 1rem;
    color: #555;
}

.search-bar {
    width: 100%;
}

.btn-search {
    background-color: #6B7FDC;
    color: white;
    border-radius: 5px;
    width: 100%;
    height: 2.4rem;
}

@media (min-width: 576px) {
    .search-bar {
        width: 400px;
    }

    .btn-search {
        width: auto;
    }
}