body {

    background:#f4f7fc;

}

.hero-section {

    text-align:center;
    margin-bottom:40px;

}

.hero-section h1 {

    color:#0d6efd;
    font-weight:700;

}

.card {

    border:none;
    border-radius:15px;

}

.btn-primary {

    background:#0d6efd;

}
.itinerary-card {

    border-radius:20px;
    border:none;

}

.itinerary-content {

    font-size:1.05rem;
    line-height:1.9;

}

.itinerary-content h1,
.itinerary-content h2,
.itinerary-content h3 {

    color:#0d6efd;

}

.spinner-border {

    animation-duration:1s;

}

#loadingSection {

    padding:30px;

}
.itinerary-content h1 {
    font-size: 2rem;
    color: #0056b3;
    margin-top: 20px;
}

.itinerary-content h2 {
    font-size: 1.5rem;
    color: #007bff;
    margin-top: 15px;
}

.itinerary-content h3 {
    font-size: 1.2rem;
    margin-top: 10px;
}

.itinerary-content ul {
    padding-left: 25px;
}

.itinerary-content table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
}

.itinerary-content th,
.itinerary-content td {
    border: 1px solid #ddd;
    padding: 10px;
}

.itinerary-content th {
    background: #0d6efd;
    color: white;
}