img {
    max-width:100%;
}
@import url('https://fonts.googleapis.com/css2?family=Kollektif&display=swap');
@import url('https://fonts.cdnfonts.com/css/graphik-trial');
@import url('https://use.typekit.net/hum7iqi.css'); /* Ensure Typekit Klavika is loaded */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap'); /* Add Roboto font */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* Set Klavika as the default font for English */
/* html, body, #app-root {
    font-family: "klavika-web", "Klavika Web", "Klavika", "Kollektif", "Graphik Trial", Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
} */

html[lang="tr"], html[lang="tr"] body, html[lang="tr"] #app-root {
    font-family: "Roboto", "Kollektif", "Graphik Trial", Arial, sans-serif;
}
html[lang="en"], html[lang="en"] body, html[lang="en"] #app-root {
    font-family: "Roboto", "Kollektif", "Graphik Trial", Arial, sans-serif;
}
ul::marker, ol::marker {
    color: var(--list-marker-color, initial) !important;
}
.font-arimo {
    font-family: 'Arimo', Arial, sans-serif !important;
}
.font-poppins {
    font-family: 'Poppins', Arial, sans-serif !important;
}
.font-roboto {
    font-family: 'Roboto', Arial, sans-serif !important;
}