
  
<style>
	
body {
	font-family: Arial, sans-serif; /* Example font-family */

	background-image: url('images/background.jpg'); 
	background-repeat: no-repeat;  
	background-attachment: fixed;
	background-size: cover;

	margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #333333;
	
	
}




.navbar-custom {
      background-color: black; /* Background color */
	  border-radius: 5px;
	  padding: .1rem 1rem; /* Adjust padding to make navbar narrower */
}
	
	

.navbar-custom .navbar-nav .nav-link {
	font-size: 12px; /* Adjust font size to reduce navbar height */
}
	
	
.mybtnthin{
	
	display: inline-block;
	background-color: #477ffc;
	font-family: "Arial";
	font-size: 15px;
	color: white;
	border: none;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	height: 32px;
	width:150px;
	font-weight: 700;
	padding: 0 16px;
	background-image: linear-gradient(to top, #05a1f9 0%, #0276b8 100%);

}

.hscontainer{

	width:80%;
	margin-left: 10%;
	margin-right: 10%;
	
	background-color: #ffffff;
	padding: 20px;
	border-radius: 14px;
	margin-top: 20px;
	margin-bottom: 20px;

}

 
.hscontainer60{

	width:60%;
	margin-left: 20%;
	margin-right: 20%;
	
	background-color: #ffffff;
	padding: 20px;
	border-radius: 14px;
	margin-top: 20px;
	margin-bottom: 20px;
  
}

.hscontainer90{

	width:94%;
	margin-left: 3%;
	margin-right: 3%;
	
	background-color: #ffffff;
	padding: 10px;
	border-radius: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
  
}


.contentpadded
{
	padding: 20px;
}


.hsheader{

	margin-top: 20px;
	margin-bottom: 20px;

}


	
h2{

	margin: 0;
	font-family: 'Ubuntu', sans-serif;
    font-size: 24px;
    color: #797D7F;
	
	}
	
	
	</style>
 

 <style>
 
 
 
table {

	border-collapse: collapse;
	width: 100%;
	border-radius: 5px; /* Rounded corners for the table */
	overflow: hidden; /* Hide overflowing content due to rounded corners */

}


tr {

	border-bottom: 1px solid #ddd;

}

table-bordered
{
border-collapse: collapse;
	width: 100%;
	border-radius: 5px; /* Rounded corners for the table */
	overflow: hidden; /* Hide overflowing content due to rounded corners */
	
border: 2px solid #ddd;
}

td, th {

	border: 1px solid #ddd;
	padding: 2px;
	font-size: 12px;

}


tr:hover {

	background-color: #ddf2fe; /* Background color on hover */
	
}
  </style>
  
  
  
<body>