/* ================================
JEEVANA PRAGATHI SEVA SAMSTE
Government NGO Style CSS
================================ */


/* RESET */

body{
margin:0;
font-family:Arial, Helvetica, sans-serif;
background:#081B33;
color:white;
line-height:1.6;
}


/* HEADER */

header{
background:#04142A;
text-align:center;
padding:20px;
border-bottom:3px solid #1976D2;
}


header h1{
margin:0;
font-size:28px;
}


header p{
margin:5px 0;
color:#ddd;
}


/* NAVIGATION */

nav{
margin-top:15px;
}


nav a{

color:white;

text-decoration:none;

margin:10px;

font-weight:bold;

}


nav a:hover{

color:#1976D2;

}



/* SLIDER */

.slider{

width:100%;

height:320px;

overflow:hidden;

}


.slider img{

width:100%;

height:320px;

object-fit:cover;

}



/* HERO */

.hero{

text-align:center;

padding:30px;

background:#102A52;

}


.hero h2{

margin:0;

font-size:26px;

}


.hero p{

margin-top:10px;

}



/* IMPACT */

.impact{

display:flex;

justify-content:space-around;

padding:30px;

flex-wrap:wrap;

}


.impactBox{

background:#102A52;

padding:20px;

margin:10px;

border-radius:8px;

text-align:center;

width:200px;

box-shadow:0px 0px 10px black;

}


.impactBox h2{

color:#4FC3F7;

margin:0;

}



/* CONTAINER */

.container{

display:flex;

flex-wrap:wrap;

justify-content:center;

padding:20px;

}


.card{

background:#102A52;

padding:20px;

margin:10px;

border-radius:8px;

width:300px;

box-shadow:0px 0px 10px black;

}



/* BUTTON */

.btn{

background:#1976D2;

color:white;

padding:12px 25px;

text-decoration:none;

border-radius:5px;

font-weight:bold;

}


.btn:hover{

background:#2196F3;

}


.center{

text-align:center;

margin:20px;

}



/* LANGUAGE */

.language{

text-align:center;

margin:20px;

}


.language button{

padding:10px 20px;

margin:5px;

background:#1976D2;

color:white;

border:none;

border-radius:5px;

cursor:pointer;

}


.language button:hover{

background:#2196F3;

}



/* FOOTER */

footer{

background:#04142A;

text-align:center;

padding:20px;

margin-top:40px;

border-top:3px solid #1976D2;

}



/* FORMS */

form{

background:#102A52;

padding:20px;

margin:20px auto;

width:90%;

max-width:500px;

border-radius:8px;

}


input, textarea, select{

width:100%;

padding:10px;

margin-top:10px;

border-radius:5px;

border:none;

}


button{

margin-top:10px;

padding:12px;

background:#1976D2;

color:white;

border:none;

border-radius:5px;

cursor:pointer;

}



/* GALLERY */

.gallery{

display:flex;

flex-wrap:wrap;

justify-content:center;

}


.gallery img{

width:250px;

margin:10px;

border-radius:6px;

cursor:pointer;

}



/* PDF VIEWER */

.pdf{

width:90%;

height:600px;

margin:auto;

display:block;

}



/* MOBILE */

@media(max-width:768px){

nav a{

display:block;

margin:8px 0;

}


.slider{

height:200px;

}


.slider img{

height:200px;

}


.hero{

padding:20px;

}


.impact{

flex-direction:column;

align-items:center;

}


.card{

width:90%;

}


}