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

body{
	font-family: 'Roboto', sans-serif !important;
}
.img-fluid{
	width: 100% !important;
}
.bg_one{
	background: #00B0F0;
}
.bg_two{
	background: #203981;
}
.bg_silver{
	background: #fdf0c0;
}
.contact_top{
	border-radius: 5px 5px 0px 0px;
}
.top_header small{
	font-weight: 500;
}

.navbar-nav .nav-link {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}
.for_mobile{
	display: none;
}
#home-slider{
	    margin-bottom: -36px;
}
#home-slider .owl-dots {
    position: relative;
    top: -50px;
}
.owl-dots .active span{
	background: #00B0F0 !important;
}
.slider_notice{
	background: #1C1C2F;
}
.notice .card-body{
	background: #1c1c2f;
}
.notice .nav{
	height: 520px;
}
.updates_list{
	background: #eee;
	transition: 0.5s;
	/*border-radius: 5px;*/
	margin-left: 5px;
	margin-right: 5px;
}
.updates_list:hover{
	background: #d2d2d2;
	transition: 0.5s;
}
.updates_list small{
	/*background: #00B0F0;
	color: #fff;
	padding: 3px;
	border-radius: 5px;*/
	font-weight: 500;
	color: #000066;
}
.a_none{
	color: #000;
}
.a_none:hover{
	text-decoration: none;
	color: #000;
}
.update_box{
	height: 350px;
	overflow-y: scroll;
}

.dropdown-menu{
    border-radius: 0;
    background: #203981;
    border: 0;
}
.dropdown-item{
    color: rgba(255,255,255,.5);
}
.dropdown-item:hover{
    background-color: #203981;
    color: #fff !important;
}

/* width */
.update_box::-webkit-scrollbar {
  width: 3px;
}

/* Track */
.update_box::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.update_box::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.update_box::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.information_section{
	background: url(../../images/school_bg.jpg) center top no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.heading_section{
	background: url(../../images/banner/heading.jpg) center top no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.btn-site{
	background: #00b0f0;
	color: #fff;
}
.btn-site:hover{
	background: #017fad;
	color: #fff;
}
footer a{
	color: #818182;
	transition: 0.5s;
}
footer a:hover{
	color: #fff;
	transition: 0.5s;
}
footer h4{
	color: #00B0F0;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #203981;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%);
}

/*Mobile Devices*/
@media only screen and (max-width : 768px) {
    .for_mobile{
    	display: block;
    }
    .for_computer{
    	display: none;
    }
    h3{
    	font-size: 20px;
    }
 
}
/* Medium Devices, Desktops */
 @media only screen and (max-width : 992px) {
 	.for_computer{
    	display: none;
    }

}
/* Large Devices, Wide Screens */
 @media only screen and (max-width : 1200px) {
 	 	.notice .nav{
	height: 350px;
}
}
 @media only screen and (max-width : 1400px) {
 	 	.notice .nav{
	height: 320px !important;
}
}
/* Large Devices, Wide Screens */
 @media only screen and (max-width : 1888px) {

 	.notice .nav{
	height: 400px;
}

}