body {
    margin: 0;
    font-family: "Inter", sans-serif;
    background-color: #f3f4f6; /* Light gray background */
}
.page {
    width: 210mm;
    height: 297mm;
    box-sizing: border-box;
    padding: 3mm;
    font-family: "M PLUS 1p", sans-serif;
    color: #4c575c;
    /* border: solid; */
}
.section-title {
    color: #e60023; /* Red Bull Red */
    font-weight: 700;
    position: relative;
    padding-bottom: 0.5rem;
}
.section-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px; /* Underline length */
    height: 3px;
    background-color: #e60023;
    border-radius: 9999px; /* Rounded ends for underline */
}
/* Custom scrollbar for webkit browsers */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
}
/* Styles for custom bull icons as bullet points */
.custom-bullet-list {
    list-style: none; /* Remove default bullets */
    padding-left: 0; /* Remove default padding */
}
.custom-bullet-list li {
    display: flex; /* Use flexbox for alignment */
    align-items: flex-start; /* Align icon and text at the top */
    margin-bottom: 0.5rem; /* Space between list items */
}
.inline-bull-icon {
    flex-shrink: 0; /* Prevent icon from shrinking */
    width: 1.2em; /* Size of the bull icon */
    height: 1.2em; /* Keep aspect ratio */
    margin-right: 0.5em; /* Space between bull and text */
    position: relative;
    top: 0.1em; /* Fine-tune vertical alignment */
    fill: #e60023; /* Apply Red Bull Red fill to the SVG */
}

/* Styles for language flag icons */
.language-list {
    list-style: none;
    padding-left: 0;
}
.language-list li {
    display: flex;
    align-items: center; /* Align flag and text vertically */
    margin-bottom: 0.5rem;
}
.language-list li .flag-icon {
    width: 1.5em; /* Flag size */
    margin-right: 0.6em; /* Space between flag and text */
    border-radius: 0.4rem;
}
            @media print {
                body {
                    background-color: #fff;
                    margin: 0;
                    padding: 0;
                }
                .min-h-screen {
                    min-height: auto;
                }
                .cv-container {
                    box-shadow: none;
                    border-radius: 0;
                    padding: 1in; /* Standard margins for A4 */
                    margin: 0;
                }
            }
