@import url('https://fonts.googleapis.com/css2?family=Sansita:ital,wght@0,400;0,700;0,800;0,900;1,400;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kalnia&display=swap');


body{
	font-family: 'Sansita', sans-serif;
	overflow-x: hidden;
}

body::-webkit-scrollbar {
    width: 0.5em;
} 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
} 
body::-webkit-scrollbar-thumb {
  background-color: #b30000;
  outline: 1px solid white;  
}

.topbar{
	background-color: #000000;
/*	#00264d*/
}

.topbar p{
	font-size: 0.93rem;
	color: white;
}

.marquee_behave{
	font-size: 0.95rem;
}

.school_name{
	font-size: 2.60rem;
	font-family: 'Kalnia', serif;
	font-weight: bold;
	color: #00264d;
}

.carousel .carousel-inner{
	height: 79vh;
	overflow: hidden;
}

.carousel .carousel-item{
	height: 79vh;
	overflow: hidden;
}

.part_one h2{
	font-size: 3.30rem;
	color: #00264d;
}

.part_one p{
	text-align: justify;
}

.part_two h2{
	font-size: 3.30rem;
	font-weight: normal;
	color: #00264d;
}


.notice_board h2{
	font-size: 2.10rem;
	font-weight: normal;
	color: #00264d;
}

.notice_board .news_box{
	background-color: #e6e6e6;
	font-weight: normal;
	border-radius: 10px;
}

.part_three h6{
	font-size: 1.70rem;
	font-weight: bold;
	color: #00264d;
}

.part_three p{
	font-weight: normal;
	text-align: justify;
}

.part_three img:hover{
/*	opacity: 0.2;*/
  	transition: .5s ease;
}

.content_board img:hover{
/*	opacity: 0.2;*/
  	transition: .5s ease;
}

.content_board .uniform:hover{
/*	opacity: 0.2;*/
  	transition: .5s ease;
}

.content_board .school_time:hover{
	/*height: 14vh;
	transition: .5s ease;*/
	background-color: #cce6ff;
}

.part_three .first_card:hover{
	background-color: #e6f2ff;
	border-radius: 12px;
	transition: .5s ease;
}

.part_three .btn{
	background-color: #e65c00;
	color: white;
}

.part_three .btn:hover{
	background-color: white;
	color: #e65c00;
	border: 2px solid #e65c00;
	transition: .5s ease;
}


.footer ul li a{
	text-decoration: none;
	font-size: 1rem;
}

/*============================*/

/*==============Content==============*/
.content_board{
/*	background-color: #cce6ff;*/
	padding: 15px;
	border-radius: 10px;
}

.content_board_heading h3{
	font-size: 2.70rem;
	color: #ffc107;
	font-weight: bold;
}

.content_board p{
	text-align: justify;
}

.content_board p a{
	font-style: normal;
	font-size: 0.90rem;
	text-decoration: none;
}

.content_board p a:hover{
	font-style: normal;
	font-size: 0.90rem;
	text-decoration: none;
	color: red;
}

.content_board_heading{
	background-image: linear-gradient(
    to bottom,
    rgba(1, 1, 10, 0.5),
    rgba(1, 10, 1, 0.5)
  ), url('../img/future_dev2.jpg');

	padding-top: 100px; 
	padding-bottom: 100px; 
	background-repeat: no-repeat; 
	background-size: cover; 
}

/*=======================================*/