@import "https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css";

/* font styles */


.h1, h1 {
    font-family: 'Bitter', bold;
    font-size: 2.5rem !important;
    font-weight: 800;
    margin: 0;
    padding-top: 1rem; 
    padding-bottom: 0;
    color: #333;
    
    /* font-family: 'Bitter', bold; font-size: 2.5rem; font-weight: 800;  margin: 0; color: #333; */
}

.h2 h2 {
    font-family: 'Bitter', cursive; 
    font-size: 2rem; 
    padding-top: 4rem; 
    padding-bottom: 0;
    text-align: center;
    font-weight:bold;
}


.h5, h5 { 
 
    font-size: 1.25rem; 
    margin-top: 1rem; 
    color: #666; 
    max-width: 600px;

}

.image-container {
    
    max-width: 100%; /* Ensures the container doesn't exceed its parent width */
    display: flex;
    justify-content: center; /* Centres the image horizontally */
    
}

.responsive-image {
 
    max-width: 100%; /* Ensures the image scales down if needed */
    height: auto; /* Maintains the aspect ratio */
    display: block; /* Removes any inline spacing for the image */

}