@font-face {
    font-family: 'viga';
    src: url('../fonts/viga.ttf');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: 'viga';
	margin:0 auto;
	padding:0;
	width:100%;
	overflow-x: hidden;
	background-color: #191A32;
}




.menu-container {
    width:1140px;
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    padding: 10px 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.menu-container::-webkit-scrollbar {
    display: none;
}
.menu-track {
    display: inline-flex;
    animation: scrollOnce 90s linear 1;
}
.menu-item {
    display: inline-block;
    margin: 0 10px;
    padding: 10px 20px;
    color: #fff;
    background-color: #151823;
    border-radius: 8px;
    text-decoration: none;
}
.menu-item.active {
    background-color: #151823;
    color: #FFFFFF;
}
@keyframes scrollOnce {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}
@media (min-width: 768px) {
    .menu-track {
        animation: none;
    }
}

.horizontal-list {
    list-style-type:none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.horizontal-list li {
    padding: 10px;
}

.horizontal-list li:hover {
    cursor: pointer;
}

/* === Navbar CSS === */
.navbar {
    padding: 1.0rem 1rem;
}
.navbar-light .navbar-nav .nav-link {
    color: #FFFFFF !important; 
    background-color: #151823 !important;
    padding-right: 0.8rem;
    padding-left: 0.8rem;
    border-radius: 15px;
}

/* === Font CSS === */
h1 {
    font-family:'viga';
    letter-spacing: 0.8px;
	font-size:24px;
}
h2 {
    font-family:'viga';
    letter-spacing: 0.8px;
	font-size:18px;
}
h3{
    font-family:'viga';
    letter-spacing: 0.8px;
	font-size:18px;
}
h4 {
    font-family:'viga';
    letter-spacing: 0.8px;
	font-size:18px;
}
h5 {
    font-family:'viga';
    letter-spacing: 0.8px;
	font-size:16px;
}
h6 {
    font-family:'viga';
    letter-spacing: 0.8px;
	font-size:14px;
}
p {
    font-family:'viga';
    letter-spacing: 0.8px;
	font-size:14px;
}
.font-12 {
	font-size:12px;
}
.font-14 {
	font-size:14px;
}
.font-16 {
	font-size:16px;
}

/* === Icon CSS === */
.fas {
	color:#888888;
}
.far {
	color:#888888;
}
.sidebar-heading .fas {
	color:#FFFFFF;
}
.sidebar-heading .far {
	color:#FFFFFF;
}
a .fas {
	color:#888888;
}
a .far {
	color:#888888;
}

.bg-main {
    background-color: #26284C;
}
.bg-light {
    background-color: #292C3A !important;
}
.light-color{
    background-color: #F8F9FA;
}
.img-fluid {
    min-height:80px;
}
.content {
	font-size:14px;
}
.content a {
	color:#FFFFFF;
	font-weight:bold;
}
.content a:hover {
	color:#FFFFFF;
}
.content a:focus {
	color:#FFFFFF;
}
.content li {
	list-style:none;
	margin-bottom:6px;
}
.page a {
	color:#FFFFFF;
}
.page a:hover {
	color:#FFFFFF;
}
.page a:focus {
	color:#FFFFFF;
}
a {
	color:#FFFFFF;
}
a:hover {
	text-decoration:none;
	color:#FFFFFF;
}
a:focus {
    text-decoration:none;
	color:#FFFFFF;
	outline:none;
}

/* === Card CSS === */
.card {
	background-color: #fff;
	background-clip: border-box;
	border: 2px solid #fff;
	border-radius: .25rem;
	box-shadow: 0 2px 10px rgba(110,110,110,0.10);
}
.card-body {
	padding:15px;
}
.card-title {
    line-height:20px;
}
.btn a {
    color:#FFFFFF;
}
.btn a:hover {
    text-decoration:none;
}
.btn a:focus {
    text-decoration:none;
}

.credit {
    font-size:12px;
}
.credit a:hover {
    text-decoration:none;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #082660;
    border-color: #082660;
}
.btn-primary {
    color: #fff;
    background-color: #222222;
    border-color: #222222;
}

.sidebar-heading {
	font-size:14px;
	color:#FFFFFF;
	background-color: #222222;
	background-clip: border-box;
	border: 2px solid #fff;
	border-radius: .25rem;
	box-shadow: 0 2px 10px rgba(110,110,110,0.10);
}
.subcategories {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-family:'viga';
}
.subcategories li {
    padding: 15px 0;
    border-bottom: 1px solid #eeeeee;
}
.subcategories li:last-child {
    border-bottom: none;
}
.subcategories li a {
    letter-spacing: 0.5px;
	font-size:14px;
	color:#444444;
}

::input {
	font-size:14px;
}
::placeholder {
	font-size:14px;
}
@media (min-width: 576px) { 
    h1 {
	font-size:24px;
	font-weight:500
    }
    h5, h6 {
	font-size:14px;
    }
}

@media (min-width: 768px) { 
    h1 {
	font-size:24px;
	font-weight:500
    }
    h5, h6 {
	font-size:14px;
    }
}

/* Cookie Dialog */
.no-scroll {
    overflow: hidden;
}
#cookieConsentOverlay {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}
#cookieConsentContainer {
    width: 100%;
    background-color: #26284C;
    color: #FFF;
    padding: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    text-align: center;
}
#cookieConsentContainer p {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
}
#cookieConsentContainer a {
    color: #4CAF50;
    text-decoration: none;
}
#acceptCookies {
    background-color: #4CAF50;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
}
#acceptCookies:hover {
    background-color: #45a049;
}
#rejectCookies {
    background-color: #f45555;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
}
#rejectCookies:hover {
    background-color: #e43838;
}