body {
    padding: 2em 2em 4em !important;
}

/* Styles for mobile devices */
@media (max-width: 600px) {
    svg {
        width: 100%; /* Full width on mobile */
        height: auto; /* Maintain aspect ratio */
    }

    /* Optionally adjust other elements */
    .tooltip-fig1 {
        font-size: 1em; 
        padding: 8px; 
    }
}

/* Code related to header (turning on and off) */
.title {
    margin-top: 0;
    line-height: 0px;
}

/* Container holding image and text */
.container-image {
    width: 50%;
    position: relative;
    text-align: center;
    padding-left: 10vw;
    padding-right: 10vw;
}

@media only screen and (max-width: 768px) {
    ol {
        padding-left: 10px;
    }
    ol ol {
        padding-left: 20px;
    }
}

/* Numbered list */

ol {
    padding-left: 40px;
}
ol ol {
    padding-left: 50px;
}
ol li {
    margin-bottom: 10px; 
    padding-left: 10px;
}

.container-image {
    width: 100%; 
    float: center; 
    margin-left: 0px; 
    padding: 0px !important;
    margin-top: 0px !important;
    font-size: 0.9em;
    text-align: center; 
}

/* Download images & text */
.img-fig {
    width: 100%; 

}

/* Download images & text */
.img-download, .h6-download {
    width: 50%; 
    float: right; 
    margin-left: 20px; 
    padding-top: 0px !important;
    margin-top: 0px !important;
    font-size: 0.9em;
    text-align: center; 
}

@media screen and (max-width: 768px) {
    .img-download, .h6-download {
        width: 100%; 
        float: center;  
        text-align: center; 
    }
} 

/* Downloading report */
.language-dropdown {
    margin-top: 5px; /* Space above the select */
    padding: 10px; /* Padding for better appearance */
    border: 1px solid #ccc; /* Light gray border */
    border-radius: 5px; /* Rounded corners */
    background-color: #f9f9f9; /* Light background color */
    font-family: inherit; /* Inherit font family from parent */
    font-size: 0.9em; /* Inherit font size from parent */
    font-weight: inherit; /* Inherit font weight from parent */
    color: inherit; /* Inherit text color from parent */
    transition: border-color 0.3s; /* Smooth transition for border color */
}

.language-dropdown:focus {
    border-color: #007bff; /* Change border color on focus */
    outline: none; /* Remove default outline */
}

/* Optional: Style for the options (not all browsers support this) */
.language-dropdown option {
    padding: 10px; /* Padding for options */
}

/* Logos */
.logo-container {
    display: flex;
    justify-content: space-between; 
    align-items: center; 
    padding: 10px;
}

.logo-left {
    max-width: 140px; 
}

.logo-right {
    max-width: 100px; 
}

/* Figures */
.bar {
    stroke-width: 1;
    stroke: #fff;
}

.axis-text {
    font-size: 1.6em; 
    color: #525151;
    font-family: Lusitana; /* Inherit font family from body */
}

.axis-text-fig2 {
    font-size: 1.2em; 
    color: #525151;
    font-family: inherit; /* Inherit font family from body */
}

.axis-text-total {
    font-size: 1.1em; 
}

.tooltip {
    position: Absolute; /* or fixed */
    display: none; /* Initially hidden */
    background-color: white; /* Background color */
    border: 1px solid black; /* Border */
    padding: 5px; /* Padding */
    pointer-events: none; /* Prevent mouse events on the tooltip */
    z-index: 10; /* Ensure it appears above other elements */
}