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

*{
    padding: 0px;
    margin: 0px;
}

body{
    font-family: 'Roboto', sans-serif;
    
}

/* mrk-area starts here */
.mrk-area{
    width:100%;
    padding:10px 5px 0px 5px;;
}
.ntce-lnk{
    margin-bottom:0px !important;
    font-size:17px;
    color:red;
    font-weight:500;
}
.ntce-lnk:hover{
    text-decoration: none;
    color:red;
}
.header-top{
    padding: 5px 0px;
    text-align: center;
    background-color: #30790a /*#f7f0f0  #ff936b*/ ;
}
.hdtp-hed{
    color:#d4af37/*#8b0013*/;
    font-size:19px;
    font-weight:500;
}

.header-bottom {
    background-image: linear-gradient(120deg, #ffffff 0%, #30ecff 100%); 
    padding:0px 10px !important;
}
.lgo-vd{
    width:80px !important;
    height:80px !important;
    
}
.nav-link{
    font-size: 18px;
    color: #1f1f1f !important;
    margin-left: 15px;
    
}
.nav-link:hover,.active{
    background-color: #fff !important ;
    color:#235a07 /*#ffbf1d*/ !important;
    border-radius: 15px;
}




/* banner-area starts here */
.mySlides {
    display:none;
}
.bnrimg{
    height: 550px;
}
.w3-animate-left {
    position: relative;
    animation: animateleft 1s !important;
}
.w3-animate-right{
    position: relative;
    animation: animateright 1s !important;
}
.w3-animate-top{
    position: relative;
    animation: animatetop 1s !important;
}
.w3-animate-bottom{
    position: relative;
    animation: animatebottom 1s !important;
}




/* about-area starts here */
.about-area{
    text-align: center;
    padding: 100px 0px;
     background-color:#ffffff !important ; 
    padding:0px 30px !important;
    background-size: 100%;

    
}
.abt-hedee{
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 100px;
}

.abt-hedee1{
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 100px;
}

.abt-paraa{
    font-size: 18px;
    text-align: center ;
}

.abt-paraaw{
    font-size: 15px !important;
    text-align: left ;
    margin-bottom:0px !important;
}



/* princi-area starts here */

.princi-area,.notice-area{
    background-color: #fffdcf;
   background-image: linear-gradient(120deg, #ffffff 0%, #30ecff 100%); 
    padding: 30px 0px 0px 0px;
    text-align: center;
}

/* princi1-area starts here */
.princi1-area{
    width:100%;
    box-sizing:border-box;
    border:10px solid #235a07;
}
/* contice-area starts here */

.frst-bttn{
    background-color: #ffbf1d !important;
    padding: 5px;
    border: none !important;
    border-radius: 0px !important;
    color: #4e4e4e ;
}
.frst-bttn:hover{
    background-color:#4e4e4e !important ;
    color: #ffbf1d !important;
}
.scnd-bttn{
    background-color: #4e4e4e !important;
    padding: 5px;
    border: none !important;
    border-radius: 0px !important;
    color: #ffbf1d ;
}
.scnd-bttn:hover{
    background-color:#ffbf1d !important ;
    color: #4e4e4e !important;
}

/* atglce starts here */
.atglce{
    width:100%;
    box-sizing:border-box;
}
.glcehed{
    font-size:28px;
    text-align: center;
}
.mpie {
    width: 350px;
    height: 350px;
}
.ltrmrks{
    font-size: 20px;
    font-weight: 500;
}
.stdntmr{
    font-size:16px;
    color:#5d5d5d;
    margin-bottom:15px;
}
.hpie{
    width: 425px;
    height: 350px;
}

/* achive-area starts here */
.achive-area{
    background-color: #fff;
    background-size: 100%;
    padding: 30px 0px;
}

/* gallery-area starts here */
.gallery-area{
    width:100%;
    box-sizing: border-box;
}

.column {
	
	padding: 0;
}
.column:last-child {
	padding-bottom: 60px;
}
.column::after {
	content: '';
	clear: both;
	display: block;
}
.column div {
	position: relative;
	float: left;
	width: 300px;
	height: 200px;
	margin: 0 0 0 25px;
	padding: 0;
}
.column div:first-child {
	margin-left: 0;
}
.column div span {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	width: 300px;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}
figure {
	width: 300px;
	height: 200px;
	margin: 0 !important;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}
/* Circle */
.hover15 figure {
	position: relative;
}
.hover15 figure::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.hover15 figure:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

/* footer-area starts here */

.footer-area{
    background-color: #ffff78 !important;
    color: #4e4e4e;
    padding: 8px 0px;
    text-align: center;
}
.fter-lnk:hover{
    color: #000;
    text-decoration: none;
}