@import url('https://fonts.googleapis.com/css2?family=Abyssinica+SIL&display=swap');
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Abyssinica SIL', serif;


}
.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgb(24 121 199);
    border-bottom: 1px solid rgb(23 128 202);
}

.dropdown-item {
    display: block;
    width: 100%;
    /*padding: 0.25rem 1.5rem;*/
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    
    background-color: transparent;
    border: 0;
    white-space:inherit;
}
.navbar{
	/*padding: 0px;*/
}
.navbar-nav   li a {
    /*border-right: 2px solid #ccc;*/
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.navbar-nav li{
	padding: 8px 5px;
}

.navbarsection{

    background: #033364;
    padding: -40px 0;
    height: 37px;
}
.navbarsection p{
	color: #fff;
}
.navbarsection .logod{
  padding: 5px 0;
}
.img-logo{
	max-width: 90%;
	height: auto;
	padding: 5px;

}
.text-1{
	margin-top: 30px;
	padding-left: 10px;
	font-weight: bold;
}
 .text-1 .uni{
	font-weight: bold;
	margin-left: 20px 0;
}
.bg-light{
	background: #1488CC;  /* fallback for old browsers */

background: linear-gradient(to right, #2B32B2, #033364); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
/*=======navbar section=====*/
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    font-family:serif;
    padding-left: 9px;

}
.navbar-light .navbar-nav .nav-link {
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    font-family:serif;
    margin-left: 3px;
    text-transform: uppercase;
    white-space: nowrap;

}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color:#ffff;
    background: #80bfff;
  
}


/*.text-part{
	margin-top: 30px;
	

}*/
/*.text-part h3{
	font-weight: bold;
	color: #033364;
}*/

/*.list-title{
	list-style: none;
	font-weight: bold;
	padding-left: 5px;

}*/
/*.list-title  li{
 border-bottom: none ;
 padding: 5px 0;
 width: 80%;

}*/	

/*.list-title  li a{
	color: black;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
}*/

.footer-section{
	background: #0c56a2;
	height: 50px;
	padding: 15px 0;
}
.footer-section h6{
	text-align: center;
	color: #fff;
	
}

.navbar-light .navbar-toggler {
    color: rgb(255 255 255 / 90%);
    border-color: rgb(255 255 255 / 90%);
}
.dropdown-menu a:hover {background-color: #80bfff;}

.dropdown:hover .dropdown-menu {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}

.dropdown-divider{
	width: 50px;
}
.error{
	color: red;

}


.box-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.box-list li {
  background-color: #f8f9fa; /* Light gray or whatever you want */
  border-left-width: 5px;
  border-left-style: solid;
  padding: 10px;
  margin-bottom: 10px;
}

.box-list li:nth-child(1) { border-left-color: #ff5733; } /* Red */
.box-list li:nth-child(2) { border-left-color: #33c1ff; } /* Blue */
.box-list li:nth-child(3) { border-left-color: #33ff57; } /* Green */
.box-list li:nth-child(4) { border-left-color: #ff33d1; } /* Pink */
.box-list li:nth-child(5) { border-left-color: #ffb833; } /* Orange */
.box-list li:nth-child(6) { border-left-color: #8c33ff; } /* Purple */
.box-list li:nth-child(7) { border-left-color: #33ffd5; } /* Teal */
.box-list li:nth-child(8) { border-left-color: #ff3333; } /* Bright Red */

.box-list li:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.box-list li a {
  text-decoration: none;
  color: #333;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.box-list li i {
  margin-right: 10px;
  font-size: 18px;
}



/*second box*/
.right-box h5 {
  font-size: 20px;
  margin-bottom: 20px;
  color: #333;
  font-weight: 600;
}

.box-list-right {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Same background for all boxes */
.box-list-right li {
  background-color: #f5f5f5; /* Change to any background color you like */
  border-left-width: 5px;
  border-left-style: solid;
  padding: 10px;
  margin-bottom: 10px;
}

/* Different left border colors */
.box-list-right li:nth-child(1) { border-left-color: #ff6b6b; } /* Red */
.box-list-right li:nth-child(2) { border-left-color: #4dabf7; } /* Blue */
.box-list-right li:nth-child(3) { border-left-color: #51cf66; } /* Green */
.box-list-right li:nth-child(4) { border-left-color: #fcc419; } /* Yellow */
.box-list-right li:nth-child(5) { border-left-color: #845ef7; } /* Purple */
.box-list-right li:nth-child(6) { border-left-color: #ff922b; } /* Orange */


.box-list-right li:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
}

.box-list-right li a {
  text-decoration: none;
  color: #333;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.box-list-right li i {
  margin-right: 10px;
  font-size: 18px;
  color: #007bff; /* icon color */
}
.box-list-right li:nth-child(1):hover { background-color: #ffe5e5; }
.box-list-right li:nth-child(2):hover { background-color: #e5f0ff; }
.box-list-right li:nth-child(3):hover { background-color: #e5ffe5; }
.box-list-right li:nth-child(4):hover { background-color: #fff8e5; }
.box-list-right li:nth-child(5):hover { background-color: #f0e5ff; }
.box-list-right li:nth-child(6):hover { background-color: #fff2e5; }