<!-- start Simple Custom CSS and JS -->
<style type="text/css">
@font-face {
font-family: 'Montserrat';  
src: local('Montserrat'),
url('/wp-content/uploads/fonts/Montserrat-VariableFont_wght.woff2') format("woff2"),
url('/wp-content/uploads/fonts/Montserrat-VariableFont_wght.woff') format("woff");
font-weight: normal;  
font-display: swap;
}

/* Load Manrope or Mulish for Greek language */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;700&family=Mulish:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');


/* Apply Manrope (or Mulish) for Greek text while keeping Montserrat for English */
html[lang^="el"] body {
    font-family: 'Quicksand', sans-serif !important;
}

/* Ensure all elements that had Montserrat use Poppins instead, but exclude icons */
html[lang^="el"] *:not(.soc-font-icon):not([class*="fa-"]):not([class*="icon-"]):not([class*="icomoon-"]) {
    font-family: 'Quicksand', sans-serif !important;
}</style>
<!-- end Simple Custom CSS and JS -->
