/* Fonts */
@font-face {
    font-family: "Eurostile";
    src: url("/FONTS/eurostile/EurostileLTStd.otf") format("opentype"), url("/FONTS/eurostile/EurostileLTStd.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0020-007F,U+00A0-00FF,U+0100-017F,U+0180-024F;
}

@font-face {
    font-family: "Eurostile";
    src: url("/FONTS/eurostile/EurostileLTStd-Oblique.otf") format("opentype"), url("/FONTS/eurostile/EurostileLTStd-Oblique.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    unicode-range: U+0020-007F,U+00A0-00FF,U+0100-017F,U+0180-024F;
}

@font-face {
    font-family: "Eurostile";
    src: url("/FONTS/eurostile/EurostileLTStd-Bold.otf") format("opentype"), url("/FONTS/eurostile/EurostileLTStd-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0020-007F,U+00A0-00FF,U+0100-017F,U+0180-024F;
}

:root {
    --eurostile: "Eurostile","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    /*--primary-navy: #1a2b4a;*/
    --primary-navy: rgb(20, 20, 20);
    --primary-orange: #ff7f00;
    --text-dark: #1e293b;
    --text-muted: #64748b;
    --bg-light: #f8fafc;
    --white: #ffffff;
}

html, body {
    font-family: var(--eurostile) !important;
    font-weight: 400;
    color: var(--text-dark);
    line-height: 1.6;
    background-color: #ffffff;
    margin: 0;
}

h1, h2, h3 {
    font-weight: 700;
}

em, i {
    font-style: italic;
}

/* Main Styles */
.text-sentimento-blue {
    color: #2c2e6e !important;
}

/* Smooth Scroll */
html {
    scroll-behavior: smooth;
}

/* Link hover effect */
a {
    transition: all 0.3s ease;
}





.fadeIn {
    animation: fadeIn 0.2s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeOut {
    animation: fadeOut 0.2s ease-in-out;
}

@keyframes fadeOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(5px);
    }
}





/* #region CIRCLE LOADER */

.circle-loader {
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100px;
}

.circle-loader-img-1 {
    display: unset;
    width: 25%;
    animation: flash 2s infinite ease-in-out;
    animation-delay: 0s;
    border-radius: 50%;
    box-shadow: -1px -1px 24px 5px rgba(0, 0, 0, 0.5);
}

.circle-loader-img-2 {
    display: unset;
    width: 25%;
    animation: flash 2s infinite ease-in-out;
    animation-delay: 0.5s;
    border-radius: 50%;
    box-shadow: -1px -1px 24px 5px rgba(0, 0, 0, 0.5);
}

.circle-loader-img-3 {
    display: unset;
    width: 25%;
    animation: flash 2s infinite ease-in-out;
    animation-delay: 1s;
    border-radius: 50%;
    box-shadow: -1px -1px 24px 5px rgba(0, 0, 0, 0.5);
}

@keyframes flash {

    0% {
        opacity: 1;
    }

    30% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    70% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* #endregion */




.nkfi {
    position: fixed;
    bottom: 0;
    left: 0px !important;
    z-index: 99;
    border-radius: 0px;
    padding: 0px;
    color: #000;
    font-size: 22px;
    text-transform: uppercase;
    box-shadow: 20px -20px 24px rgba(0, 0, 0, 0.15);
}

    .nkfi img {
        width: 300px;
    }

@media (max-width: 768px) {

    .nkfi img {
        width: 200px;
    }
}

.szechenyi {
    right: 0;
    position: fixed;
    top: 70px;
    overflow: hidden;
    z-index: 999;
}

    .szechenyi img {
        width: 300px;
    }

@media (max-width: 768px) {

    .szechenyi img {
        width: 150px;
    }
}