/*==========================================
Bihar Mausam Sewa Kendra (BMSK)
Government Portal Theme
==========================================*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

:root{

--primary:#0056b3;
--secondary:#00A8E8;
--dark:#1E293B;
--light:#F8FAFC;
--white:#ffffff;
--text:#444;
--border:#E5E7EB;
--shadow:0 2px 12px rgba(0,0,0,.06);

}

*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{

font-family:'Poppins',sans-serif;
font-size:16px;
line-height:1.7;
color:var(--text);
background:#f4f7fb;

}

/*====================
Text Justification
=====================*/

p{

text-align:justify;
text-justify:inter-word;

}

.text-center p,
.cta-box p{

text-align:center;

}

/*====================
Top Bar
=====================*/

.top-bar{

background:#003366;
padding:8px 0;
font-size:14px;

}

/*====================
Navbar
=====================*/

.navbar{

background:#0056b3 !important;
padding:14px 0;
transition:.3s;

}

.navbar-brand{

display:flex;
align-items:center;
font-weight:700;
font-size:24px;
color:#fff !important;

}

.navbar-brand img{

margin-right:10px;

}

.nav-link{

color:#fff !important;
margin-left:15px;
font-weight:500;
transition:.3s;

}

.nav-link:hover,
.nav-link.active{

color:#FFD54F !important;

}

/*====================
Banner
=====================*/

.page-banner{

padding:100px 0;
min-height:280px;
display:flex;
align-items:center;
background:var(--primary);

color:#fff;

}

.page-banner h1{

font-size:48px;
font-weight:700;

}

.breadcrumb{

background:none;
margin-top:15px;

}

.breadcrumb a{

color:#fff;
text-decoration:none;

}

.breadcrumb-item.active{

color:#FFD54F;

}

/*====================
Section
=====================*/

section{

padding:70px 0;

}

.section-title{

font-size:38px;
font-weight:700;
margin-bottom:25px;
color:var(--dark);

}

/*====================
Cards
=====================*/

.card{

border:1px solid var(--border);
border-radius:10px;
overflow:hidden;
box-shadow:var(--shadow);

}

.card img{

height:320px;
object-fit:cover;

}

/*====================
Feature Cards
=====================*/

.feature-card{

background:#fff;
padding:35px;
border:1px solid var(--border);
border-radius:10px;
box-shadow:var(--shadow);
height:100%;

}

.feature-icon{

width:75px;
height:75px;
border-radius:50%;
background:#0056b3;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
margin-bottom:20px;

}

.icon-box{

width:70px;
height:70px;
background:#0056b3;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
color:#fff;

}

/*====================
CTA
=====================*/

.cta-box{

background:#fff;
padding:60px;
border:1px solid var(--border);
border-radius:10px;
box-shadow:var(--shadow);

}

.btn-primary{

background:#0056b3;
border:none;
padding:12px 30px;
border-radius:8px;
font-weight:600;

}

.btn-primary:hover{

background:#003f84;

}

/*====================
Footer
=====================*/

.footer{

background:#0F172A;
color:#fff;
padding:70px 0 25px;

}

.footer h4,
.footer h5{

margin-bottom:20px;

}

.footer-links{

list-style:none;
padding:0;

}

.footer-links li{

margin-bottom:10px;

}

.footer-links a{

color:#ddd;
text-decoration:none;
transition:.3s;

}

.footer-links a:hover{

color:#FFD54F;

}

.footer hr{

border-color:rgba(255,255,255,.15);

}

/*====================
Scroll Button
=====================*/

#scrollTop{

position:fixed;
right:20px;
bottom:20px;
width:50px;
height:50px;
border:none;
border-radius:50%;
background:#0056b3;
color:#fff;
font-size:22px;
display:none;
cursor:pointer;
box-shadow:var(--shadow);
z-index:999;

}

#scrollTop:hover{

background:#003f84;

}

/*====================
Image
=====================*/

img{

max-width:100%;

}

/*====================
Utilities
=====================*/

.shadow-sm{

box-shadow:var(--shadow)!important;

}

.text-primary{

color:#0056b3!important;

}

.bg-light{

background:#F7F9FC!important;

}