@charset "utf-8";

@font-face {
	font-family: Tenali;
    src: url(../fonts/TenaliRamakrishna-Regular.ttf);
}
.navbar-inverse{
	border-radius:0;
	background-color:#123456;
	border-color:#123456;
	color:#fff;
}
section{
	min-height:500px;
	height:auto;
}
footer{
	background-color:#123456;
    padding: 32px 0 16px;
    color: #cdd9e5;
    margin-top: 40px;
}
footer h3{
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 14px;
}
footer ul{
    list-style: none;
    padding: 0;
    margin: 0 0 18px;
}
footer li{
    margin-bottom: 8px;
}
footer a{
    color: #cdd9e5;
    text-decoration: none;
    font-size: 13.5px;
}
footer a:hover{
    color: #ffffff;
    text-decoration: underline;
}
footer p{
	text-align:center;
	color:#aebccc;
	padding-top:16px;
	margin-top: 12px;
	border-top: 1px solid rgba(255,255,255,.12);
	font-size: 13px;
}
.navbar .navbar-brand {
	color:#fff;
}
.navbar-inverse .navbar-nav>li>a {
	color:#fff;
}
.navbar-inverse .navbar-nav>li>a:hover {
	color:#fff;
}
.bits h4,.bits p{
    font-family: Tenali;
    font-weight: bold;
    font-size: 18px;
}
.box{
	display: block;
    padding: 14px 18px;
    margin-bottom: 14px;
    line-height: 1.4;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-left: 4px solid #123456;
    border-radius: 8px;
    transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease;
	color:#123456;
}
.box h3{
	text-align:left;
    font-size: 16px;
    font-weight: 700;
    color: #123456;
    margin: 0;
}
.box h3::before{
    content: "📘 ";
}
.box::after{
    content: "Practice bits →";
    display: block;
    margin-top: 4px;
    font-size: 12.5px;
    font-weight: 600;
    color: #6b7b8c;
}
.box p{
	text-align:left;
    font-size: 13px;
    color: #555;
    margin: 6px 0 0;
}
.box:hover{
	box-shadow: 0 6px 16px rgba(0,0,0,.10);
    transform: translateY(-2px);
    border-left-color: #0d2840;
}
.container a{
	text-decoration:none;
}
.notification {
    padding: 10px;
    border: 1px solid #f8f8f8;
}
.btn-success {
    color: #fff;
    background-color: #123456;
    border-color: #0d2840;
}

/* ---- Exam category pages: smaller fonts ---- */
.m-5 h3 {
    font-size: 16px;
    font-weight: 700;
    color: #123456;
    margin-bottom: 6px;
}
.m-5 p {
    font-size: 13px;
    line-height: 1.55;
    color: #555;
}

/* ---- Action cards (replace Bitbank/Syllabus buttons) ---- */
.action-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 10px;
}
.action-card {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-left: 3px solid #123456;
    border-radius: 8px;
    padding: 9px 16px;
    min-width: 120px;
    font-size: 12.5px;
    font-weight: 600;
    color: #123456;
    transition: box-shadow .18s ease, transform .18s ease;
}
.action-card:hover {
    box-shadow: 0 6px 16px rgba(0,0,0,.10);
    transform: translateY(-2px);
    color: #123456;
    text-decoration: none;
}
.action-card .ico {
    font-size: 15px;
    line-height: 1;
}