@font-face {
    font-family: 'UnaBold';
    font-display: swap;
    src: url('../Fonts/Unna-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'UnaBoldItalic';
    font-display: swap;
    src: url('../Fonts/Unna-BoldItalic.ttf') format('truetype')
}

@font-face {
    font-family: 'UnaItalic';
    font-display: swap;
    src: url('../Fonts/Unna-Italic.ttf') format('truetype')
}

@font-face {
    font-family: 'UnaRegular';
    font-display: swap;
    src: url('../Fonts/Unna-Regular.ttf') format('truetype')
}

.font-unabold {
    font-family: UnaBold;
}

.font-unabolditalic{
    font-family: UnaBoldItalic;
}

.font-unaitalic {
    font-family: UnaItalic;
}

.font-unaregular {
    font-family: UnaRegular;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    line-height: 1.5;
    background-color: #212221;
    font-family: Una-Regular;
    font-size: 15px;
}

.menu-strip {
    background-color: #44449B;
    border-color: #44449B !important;
}

.nav-link {
    color: white; /* Set the desired text color */
    font-family: UnaBold;
}

    .nav-link.active {
        color: #F1580F; /* Set the desired text color */
    }

    .nav-link:hover {
        color: #F1580F; /* Set the desired text color */
    }

#btnTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    cursor: pointer;
}

.content {
    background-color: #47494C;
    background-image: url('../Images/ForestBack.jpg');
    background-size: cover;
    background-repeat: repeat;
    background-blend-mode: soft-light;
}

.bg-rainbow {
    background-image: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);
}

.bg-palepink {
    background-color: #F1DDF4;
}

.text-lightyellow {
    color: #fdec8e;
}

.bg-yellow {
    background-color: #fdd504;
}

.bg-purple {
    background-color: #44449B;
}

.bg-crimson {
    background-color: #821506;
}

.bg-pink {
    background-color: #E176F1;
}

.bg-dark {
    background-color: #212221;
}

.hero-card {
    width: 55%;
    background-color: #04A411B2;
}

.hero-card-header {
    background-color: #E176F1;
}

.card-banner {
    background-color: #44449B;
    border-left-color: #1181B2 !important;
}

.text-copyright {
    font-size: 0.8em;
}

@media (max-width: 576px) {
    .hero-card {
        width: 100% !important;
    }
}