@font-face {
    font-family: 'inter-bold';
    src: url('../fonts/inter-bold.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'inter-medium';
    src: url('../fonts/inter-medium.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'inter-regular';
    src: url('../fonts/inter-regular.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'anton-regular';
    src: url('../fonts/anton-regular.ttf');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'inter-regular';
	margin:0 auto;
	padding:0;
}


/* === Navbar CSS === */
.navbar {
    padding: 1.0rem 1rem;
}
.navbar-light .navbar-nav .nav-link {
    color: #444444; 
}

/* === Font CSS === */
h1 {
    font-family:'anton-regular';
    letter-spacing: 1px;
	font-size:24px;
	color:#222222;
}
h2 {
    font-family:'inter-medium';
    letter-spacing: 0.5px;
	font-size:18px;
	color:#444444;
}
h3{
    font-family:'inter-medium';
    letter-spacing: 0.5px;
	font-size:18px;
	color:#444444;
}
h4 {
    font-family:'inter-medium';
    letter-spacing: 0.5px;
	font-size:18px;
	color:#444444;
}
h5 {
    font-family:'inter-medium';
    letter-spacing: 0.5px;
	font-size:16px;
	color:#444444;
}
h6 {
    font-family:'inter-medium';
    letter-spacing: 0.5px;
	font-size:14px;
	color:#444444;
}
p {
    font-family:'inter-regular';
    letter-spacing: 0.5px;
	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: #3D3DF4;
}
.img-fluid {
    min-height:80px;
}
.content {
	font-size:14px;
}
.content a {
	color:#3D3DF4;
	font-weight:bold;
}
.content a:hover {
	color:#3D3DF4;
}
.content a:focus {
	color:#3D3DF4;
}
.content li {
	list-style:none;
	margin-bottom:6px;
}
.page a {
	color:#FFFFFF;
}
.page a:hover {
	color:#FFFFFF;
}
.page a:focus {
	color:#FFFFFF;
}
a {
	color:#444444;
}
a:hover {
	text-decoration:none;
	color:#000000;
}
a:focus {
    text-decoration:none;
	color:#000000;
	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: #3D3DF4;
    border-color: #3D3DF4;
}
.btn-primary {
    color: #fff;
    background-color: #3D3DF4;
    border-color: #3D3DF4;
}
.btn-primary:hover {
    color: #fff;
    background-color: #2d2de9;
    border-color: #2d2de9;
}

.sidebar-heading {
	font-size:14px;
	color:#FFFFFF;
	background-color: #3D3DF4;
	background-clip: border-box;
	border: 2px solid #fff;
	border-radius: .25rem;
	box-shadow: 0 2px 10px rgba(110,110,110,0.10);
}
.button-action {
	background-color: #3D3DF4;
	background-clip: border-box;
	border: 2px solid #fff;
	border-radius: .50rem;
	box-shadow: 0 2px 10px rgba(110,110,110,0.10);
}
.button-action p{
	font-size:16px;
	color:#FFFFFF;
	margin:0px;
}
.subcategories {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-family:'inter-medium';
}
.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: #fff;
    color: #000;
    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;
}

/* Ads Dialog */
#adsOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2000;
}
#adsContainer {
    width: 100%;
    height:100%;
    background-color: #fff;
    color: #000;
    padding: 20px;
    text-align: center;
}
#adsContainer a {
    color: #4CAF50;
    text-decoration: none;
}
#adsContainer p {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
}
#acceptAds {
    width:100%;
    height:100%;
    background-color: #4CAF50;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
}
#acceptAds:hover {
    background-color: #45a049;
}