/***   FONT FAMİLY   ***/


@font-face {
    font-family: 'SourceSans3-Italic-VariableFont_wght';
    src: url('../fonts/Source_Sans_3/SourceSans3-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSans3-VariableFont_wght';
    src: url('../fonts/Source_Sans_3/SourceSans3-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSans3-BlackItalic';
    src: url('../fonts/Source_Sans_3/static/SourceSans3-BlackItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSans3-Regular';
    src: url('../fonts/Source_Sans_3/static/SourceSans3-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSans3-SemiBoldItalic';
    src: url('../fonts/Source_Sans_3/static/SourceSans3-SemiBoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSans3-ExtraLightItalic';
    src: url('../fonts/Source_Sans_3/static/SourceSans3-ExtraLightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSans3-Black';
    src: url('../fonts/Source_Sans_3/static/SourceSans3-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSans3-Bold';
    src: url('../fonts/Source_Sans_3/static/SourceSans3-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSans3-LightItalic';
    src: url('../fonts/Source_Sans_3/static/SourceSans3-LightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSans3-MediumItalic';
    src: url('../fonts/Source_Sans_3/static/SourceSans3-MediumItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSans3-Italic';
    src: url('../fonts/Source_Sans_3/static/SourceSans3-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSans3-BoldItalic';
    src: url('../fonts/Source_Sans_3/static/SourceSans3-BoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSans3-ExtraBoldItalic';
    src: url('../fonts/Source_Sans_3/static/SourceSans3-ExtraBoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSans3-ExtraLight';
    src: url('../fonts/Source_Sans_3/static/SourceSans3-ExtraLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSans3-Light';
    src: url('../fonts/Source_Sans_3/static/SourceSans3-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSans3-Medium';
    src: url('../fonts/Source_Sans_3/static/SourceSans3-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSans3-SemiBold';
    src: url('../fonts/Source_Sans_3/static/SourceSans3-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSans3-ExtraBold';
    src: url('../fonts/Source_Sans_3/static/SourceSans3-ExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Palanquin-Regular';
    src: url('../fonts/Palanquin/Palanquin-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Palanquin-Thin';
    src: url('../fonts/Palanquin/Palanquin-Thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Palanquin-ExtraLight';
    src: url('../fonts/Palanquin/Palanquin-ExtraLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Palanquin-Bold';
    src: url('../fonts/Palanquin/Palanquin-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Palanquin-Light';
    src: url('../fonts/Palanquin/Palanquin-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Palanquin-SemiBold';
    src: url('../fonts/Palanquin/Palanquin-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Palanquin-Medium';
    src: url('../fonts/Palanquin/Palanquin-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceCodePro-Italic-VariableFont_wght';
    src: url('../fonts/Source_Code_Pro/SourceCodePro-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceCodePro-VariableFont_wght';
    src: url('../fonts/Source_Code_Pro/SourceCodePro-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceCodePro-LightItalic';
    src: url('../fonts/Source_Code_Pro/static/SourceCodePro-LightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceCodePro-SemiBold';
    src: url('../fonts/Source_Code_Pro/static/SourceCodePro-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceCodePro-Medium';
    src: url('../fonts/Source_Code_Pro/static/SourceCodePro-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceCodePro-SemiBoldItalic';
    src: url('../fonts/Source_Code_Pro/static/SourceCodePro-SemiBoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceCodePro-MediumItalic';
    src: url('../fonts/Source_Code_Pro/static/SourceCodePro-MediumItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceCodePro-Light';
    src: url('../fonts/Source_Code_Pro/static/SourceCodePro-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceCodePro-BlackItalic';
    src: url('../fonts/Source_Code_Pro/static/SourceCodePro-BlackItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceCodePro-BoldItalic';
    src: url('../fonts/Source_Code_Pro/static/SourceCodePro-BoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceCodePro-Black';
    src: url('../fonts/Source_Code_Pro/static/SourceCodePro-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceCodePro-ExtraLight';
    src: url('../fonts/Source_Code_Pro/static/SourceCodePro-ExtraLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceCodePro-Regular';
    src: url('../fonts/Source_Code_Pro/static/SourceCodePro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceCodePro-ExtraLightItalic';
    src: url('../fonts/Source_Code_Pro/static/SourceCodePro-ExtraLightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceCodePro-Italic';
    src: url('../fonts/Source_Code_Pro/static/SourceCodePro-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceCodePro-ExtraBoldItalic';
    src: url('../fonts/Source_Code_Pro/static/SourceCodePro-ExtraBoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceCodePro-Bold';
    src: url('../fonts/Source_Code_Pro/static/SourceCodePro-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceCodePro-ExtraBold';
    src: url('../fonts/Source_Code_Pro/static/SourceCodePro-ExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Karla-Italic-VariableFont_wght';
    src: url('../fonts/Karla/Karla-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Karla';
    src: url('../fonts/Karla/Karla-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Karla-Italic';
    src: url('../fonts/Karla/static/Karla-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Karla-SemiBold';
    src: url('../fonts/Karla/static/Karla-SemiBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Karla-ExtraBold';
    src: url('../fonts/Karla/static/Karla-ExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Karla-MediumItalic';
    src: url('../fonts/Karla/static/Karla-MediumItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Karla-Light';
    src: url('../fonts/Karla/static/Karla-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Karla-ExtraLightItalic';
    src: url('../fonts/Karla/static/Karla-ExtraLightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Karla-ExtraBoldItalic';
    src: url('../fonts/Karla/static/Karla-ExtraBoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Karla-Medium';
    src: url('../fonts/Karla/static/Karla-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Karla-Regular';
    src: url('../fonts/Karla/static/Karla-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Karla-SemiBoldItalic';
    src: url('../fonts/Karla/static/Karla-SemiBoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Karla-BoldItalic';
    src: url('../fonts/Karla/static/Karla-BoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Karla-Bold';
    src: url('../fonts/Karla/static/Karla-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Karla-ExtraLight';
    src: url('../fonts/Karla/static/Karla-ExtraLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Karla-LightItalic';
    src: url('../fonts/Karla/static/Karla-LightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoSlab-VariableFont_wght';
    src: url('../fonts/Roboto_Slab/RobotoSlab-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoSlab-Medium';
    src: url('../fonts/Roboto_Slab/static/RobotoSlab-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoSlab-SemiBold';
    src: url('../fonts/Roboto_Slab/static/RobotoSlab-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoSlab-ExtraBold';
    src: url('../fonts/Roboto_Slab/static/RobotoSlab-ExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoSlab-Thin';
    src: url('../fonts/Roboto_Slab/static/RobotoSlab-Thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoSlab-Black';
    src: url('../fonts/Roboto_Slab/static/RobotoSlab-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoSlab-Bold';
    src: url('../fonts/Roboto_Slab/static/RobotoSlab-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoSlab-Light';
    src: url('../fonts/Roboto_Slab/static/RobotoSlab-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoSlab-ExtraLight';
    src: url('../fonts/Roboto_Slab/static/RobotoSlab-ExtraLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoSlab-Regular';
    src: url('../fonts/Roboto_Slab/static/RobotoSlab-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Italic-VariableFont_wdth,wght';
    src: url('../fonts/Open_Sans/OpenSans-Italic-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-VariableFont_wdth,wght';
    src: url('../fonts/Open_Sans/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans_SemiCondensed-MediumItalic';
    src: url('../fonts/Open_Sans/static/OpenSans_SemiCondensed-MediumItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans_SemiCondensed-Regular';
    src: url('../fonts/Open_Sans/static/OpenSans_SemiCondensed-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-SemiBold';
    src: url('../fonts/Open_Sans/static/OpenSans-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans_SemiCondensed-Bold';
    src: url('../fonts/Open_Sans/static/OpenSans_SemiCondensed-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans_Condensed-Medium';
    src: url('../fonts/Open_Sans/static/OpenSans_Condensed-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans_SemiCondensed-Light';
    src: url('../fonts/Open_Sans/static/OpenSans_SemiCondensed-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans_Condensed-ExtraBold';
    src: url('../fonts/Open_Sans/static/OpenSans_Condensed-ExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans_SemiCondensed-SemiBoldItalic';
    src: url('../fonts/Open_Sans/static/OpenSans_SemiCondensed-SemiBoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans_Condensed-SemiBold';
    src: url('../fonts/Open_Sans/static/OpenSans_Condensed-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans_SemiCondensed-SemiBold';
    src: url('../fonts/Open_Sans/static/OpenSans_SemiCondensed-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans_Condensed-LightItalic';
    src: url('../fonts/Open_Sans/static/OpenSans_Condensed-LightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans_Condensed-Bold';
    src: url('../fonts/Open_Sans/static/OpenSans_Condensed-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Light';
    src: url('../fonts/Open_Sans/static/OpenSans-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Italic';
    src: url('../fonts/Open_Sans/static/OpenSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans_SemiCondensed-Medium';
    src: url('../fonts/Open_Sans/static/OpenSans_SemiCondensed-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-MediumItalic';
    src: url('../fonts/Open_Sans/static/OpenSans-MediumItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans_Condensed-Light';
    src: url('../fonts/Open_Sans/static/OpenSans_Condensed-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans_Condensed-SemiBoldItalic';
    src: url('../fonts/Open_Sans/static/OpenSans_Condensed-SemiBoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans_SemiCondensed-ExtraBold';
    src: url('../fonts/Open_Sans/static/OpenSans_SemiCondensed-ExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans_Condensed-BoldItalic';
    src: url('../fonts/Open_Sans/static/OpenSans_Condensed-BoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-ExtraBold';
    src: url('../fonts/Open_Sans/static/OpenSans-ExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-LightItalic';
    src: url('../fonts/Open_Sans/static/OpenSans-LightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans_SemiCondensed-LightItalic';
    src: url('../fonts/Open_Sans/static/OpenSans_SemiCondensed-LightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../fonts/Open_Sans/static/OpenSans-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans_Condensed-MediumItalic';
    src: url('../fonts/Open_Sans/static/OpenSans_Condensed-MediumItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans_SemiCondensed-Italic';
    src: url('../fonts/Open_Sans/static/OpenSans_SemiCondensed-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-SemiBoldItalic';
    src: url('../fonts/Open_Sans/static/OpenSans-SemiBoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Medium';
    src: url('../fonts/Open_Sans/static/OpenSans-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-ExtraBoldItalic';
    src: url('../fonts/Open_Sans/static/OpenSans-ExtraBoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fonts/Open_Sans/static/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans_SemiCondensed-BoldItalic';
    src: url('../fonts/Open_Sans/static/OpenSans_SemiCondensed-BoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-BoldItalic';
    src: url('../fonts/Open_Sans/static/OpenSans-BoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans_Condensed-Regular';
    src: url('../fonts/Open_Sans/static/OpenSans_Condensed-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans_Condensed-ExtraBoldItalic';
    src: url('../fonts/Open_Sans/static/OpenSans_Condensed-ExtraBoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans_Condensed-Italic';
    src: url('../fonts/Open_Sans/static/OpenSans_Condensed-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans_SemiCondensed-ExtraBoldItalic';
    src: url('../fonts/Open_Sans/static/OpenSans_SemiCondensed-ExtraBoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('../fonts/Roboto/Roboto-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Light';
    src: url('../fonts/Roboto/Roboto-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-MediumItalic';
    src: url('../fonts/Roboto/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-ThinItalic';
    src: url('../fonts/Roboto/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-BoldItalic';
    src: url('../fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-LightItalic';
    src: url('../fonts/Roboto/Roboto-LightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Italic';
    src: url('../fonts/Roboto/Roboto-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-BlackItalic';
    src: url('../fonts/Roboto/Roboto-BlackItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Thin';
    src: url('../fonts/Roboto/Roboto-Thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Black';
    src: url('../fonts/Roboto/Roboto-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSans-Italic';
    src: url('../fonts/PT_Sans/PTSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSans-BoldItalic';
    src: url('../fonts/PT_Sans/PTSans-BoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSans-Regular';
    src: url('../fonts/PT_Sans/PTSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSans-Bold';
    src: url('../fonts/PT_Sans/PTSans-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}




:root {

    /*!!?   COLORS  ?!!*/
    --primary_swatch: #3544AA;
    --secondary_swatch: #5367ed;
    --red_swatch: #CD4B4B;
    --primary_bg_color: #f3f4f8;
    --secondary_bg_color: #ffffff;
    --primary_opposite_inner_color: #66a8ff;
    --secondary_opposite_inner_color: #efe8e8;
    --thirth_opposite_inner_color: #e8ebef;

    /* ICON COLOR */
    --primary_icon_color: #f3f4f8;
    --secondary_icon_color: #ffffff;
    /* TEXT COLOR */
    --primary_text_color: #f3f4f8;
    --secondary_text_color: #ffffff;
    --classic_text_color: #282c34;

    /* Add COlor */
    --add_primary_color: #0D6EFD;
    --add_secondary_color: #3888ff;

    /* Update COlor */
    --update_primary_color: #198754;
    --update_secondary_color: #1e9b61;


    /*!!?   BOX SHADOW  ?!!*/
    --primary_box_shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    --hover_box_shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

    /*!!?   FONT FAMİLY  ?!!*/
    --primary_font_family: 'Palanquin', sans-serif;




}


/*!!?   ALL SVG  ?!!*/

/** Green Bugget */
/* <svg viewBox="0 0 448 512">
        <path xmlns="http://www.w3.org/2000/svg" d="M432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16zM53.2 467a48 48 0 0 0 47.9 45h245.8a48 48 0 0 0 47.9-45L416 128H32z"></path>
    </svg> */
/** Yellow Bugget */
/* <svg viewBox="0 0 448 512">
        <path xmlns="http://www.w3.org/2000/svg" d="M432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16zM53.2 467a48 48 0 0 0 47.9 45h245.8a48 48 0 0 0 47.9-45L416 128H32z"></path>
    </svg> */
/** Red Bugget */
/* <svg viewBox="0 0 448 512">
        <path xmlns="http://www.w3.org/2000/svg" d="M432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16zM53.2 467a48 48 0 0 0 47.9 45h245.8a48 48 0 0 0 47.9-45L416 128H32z"></path>
    </svg> */

/*!!?     ?!!*/



/** Text overflow */
/* 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;



    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
*/



* {
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
}

body {
    background: var(--primary_bg_color) !important;
    padding: 0 !important;
}

.row {
    margin: 0;
    padding: 0;
}


/* .ant-table-cell{
    padding-left: 0 !important;
    padding-right: 0 !important;
} */


/** ToolTip */

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.Toastify {
    z-index: 999999 !important;
    background-color: red !important;
    position: absolute;
}

#dg-tooltip {
    z-index: 9999;
    padding: 5px 10px;
    font-size: 11px;
}


/* ***** */


/*? SCROLL BAR  */


/* width */
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgb(255, 255, 255);
    border-radius: 1px;
    cursor: pointer;
    height: 50%;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #5367ED;
    border-radius: 1px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #3544AA;
    cursor: pointer;
}


/*??----------------????????  */


/* Modal Loading */

#modalLoading {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(2px);
    /* Arka plan bulanıklığı */

    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
}

#modalLoading>* {
    backdrop-filter: none;
    /* Ana divin içindekiler bulanıklaşmasın */
}

.ant-switch-inner {
    padding: 0 30px;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

.ant-switch-handle {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    top: -2px;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

.ant-switch-inner-checked {}

.ant-switch.switch-button.css-dev-only-do-not-override-1pm18ot {
    height: 28px;
}

/* Ant Table Genel Stilleri */
.ant-table {
    color: #64748b !important;
}

.ant-table-thead>tr>th {
    background-color: #f8fafc !important;
    color: #64748b !important;
}

.ant-table-tbody {
    overflow: auto !important;
    background-color: transparent !important;
    overflow-y: auto !important;
    padding-right: 0 !important;
}

.ant-table-container {
    overflow: auto !important;
}

.ant-table-tbody>tr:hover>td {
    background-color: #f8fafc !important;
    color: #64748b !important;
}

.ant-table-tbody>tr>td {
    color: #64748b !important;
}

.ant-table-footer {
    background-color: #f8fafc !important;
    color: #64748b !important;
}

.ant-table-cell-scrollbar {
    display: none !important;
}

.ant-table-cell-row-hover {
    background-color: #f8fafc !important;
}

.ant-table-cell {
    background-color: #ffffff !important;
}

.ant-table-cell:last-child,
.ant-table-cell:first-child {
    z-index: 99 !important;
}

.ant-table-ping-right .ant-table-cell:last-child {
    /* Sadece sağ kenarda gölge, üstte ve altta olmasın */
    box-shadow: -6px 0 6px -4px rgba(0,0,0,0.18);
    /* Üstte ve altta gölgeyi tamamen kaldırmak için sadece yatay (x) eksende shadow verildi */
}

/* Bunun aynısını sola ver */
.ant-table-ping-left .ant-table-cell:first-child {
    /* Sadece sol kenarda gölge, üstte ve altta olmasın */
    box-shadow: 6px 0 6px -4px rgba(0,0,0,0.18);
    /* Üstte ve altta gölgeyi tamamen kaldırmak için sadece yatay (x) eksende shadow verildi */
}