*{
    margin:0;    
    padding:0;    
    font-family:Arial, Helvetica, sans-serif;
}


header
{
	background-color:darkblue;
	color:white;
	font-size: 20px;
	font-style: italic;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 40px;
	text-align:center;
}

		
body 
{
	background-color:lightgrey;
	color:darkblue;
	text-align: justify;
	font-size: 10px;
	border-style: solid;
	border-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: blue;
    border-bottom-width: medium; /* Default */
	border-color: black;
	overflow-x:hidden;
}

footer 
{
	background-color:darkblue;
	color:white;
	text-align:center;
	font-size: 20px;
	font-style: italic;
}
	
div {
	background-color:white;
	color:darkblue;
	font-size: 15px;
	border-style: solid;
	border-width: 1px;
	overflow : auto;
	border-color: black;
}



table {
	color:black;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	width: 100%;
	height:auto;
	font-size: 12px;
	table-layout: fixed;
	border-collapse: collapse;
	padding-right: 1px;
	overflow : auto;
}


table1 {
	color:black;
	table-layout: fixed;
	width: 100%;
	border-width: 5px;
	border-style: solid;
	border-color: black;
	font-size: 12px;
	height:auto;
	border-collapse: collapse ;
    padding-right: 10px;
	overflow : auto;
}


a {
	color:black;
	background-color:white;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	font-size: 12px;
	border-collapse: collapse;
	overflow : auto;
}

td {
	color:black;
	border-width: 1px;
	border-style: solid;
	border-color: gray;
	font-size: 12px;
	overflow : auto;
}

td1 {
	color:black;
	border-width: 1px;
	border-style: solid;
	border-color: gray;
	font-size: 12px;
	border-collapse: collapse;
	overflow : auto;
}


hdr1 {
	color:blue;
	font-size: 14px;
	font-weight:bold;
	background-color:LightGray;
	border-width: 2px;
	border-style: solid;
	border-color: black;
	border-bottom: 2px solid black;	
	border-collapse: collapse;
	overflow : auto;

  border: 1px solid black; 
	padding-right: 10px;
}

data1  {
	color:black;
	font-family:Arial Narrow;
	background-color:LightGray;
	border-style: solid;
	border-width: 16px;
	border-color: black;
	font-size: 12px;
	border-collapse: collapse;
	padding-right: 2px;
	overflow : auto;
}


th {
		color:blue;
		background-color:LightGray;
		border-style: solid;
		font-weight:Bold;
		font-size: 16px;
}

	
tfld  {
		color:black;
		font-size: 12px;
}


sp1 {
	background-color:darkblue;
	color:white;
	text-align:center;
	font-style: italic;
	border-style: solid;
	font-weight:Bold;
	font-size: 15px;
}

	
h1 {
	background-color:darkblue;
	color:white;
	text-align:center;
	font-style: italic;
	border-style: solid;
	font-weight:Bold;
	font-size: 30px;
}

h2 {
	background-color:darkblue;
	color:white;
	text-align:center;
	font-size: 25px;
}

h3 {
	background-color:white;
	color:black;
	text-align:center;
	font-size: 20px;
}

h4 {
	background-color:white;
	color:black;
	text-align:center;
	font-size: 15px;
}

h5 {
	background-color:white;
	color:black;
	text-align:center;
	font-size: 10px;
}

	
fieldlist {
	background-color:darkblue;
	color:white;
	border-style: solid;
	border-width: 2px;
	border-color: black;
	font-size: 12px;
}

.hsticky {
	position: fixed;
	width: 100%;	
}

.fixedposn {
	position: fixed;
	width: 100%;	
}

/* Dropdown Button */
.dropbtn {
  background-color: #04AA6D;
  color: white;
  padding: auto;
  font-size: 16px;
  border: none;
}

    section {
      padding: 2rem 1rem;
      max-width: 1000px;
      margin: auto;
    }
    .services, .about, .contact {
      margin-bottom: 2rem;
    }
    .services h2, .about h2, .contact h2 {
      color: black;
      margin-bottom: 1rem;
    }


.scard {      background: #fff;      padding: inherit;      border-radius: 10px;      box-shadow: 0 2px 6px rgba(0,0,0,0.1);    }

    .service-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(auto, auto));
      gap: 1rem;
    }
    .card {
      background: white;
      color: black;
      padding: 1rem;
      border-radius: 5px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    }

    nav {
      background: white;
      padding: 0.5rem 1rem;
      display: flex;
      justify-content: center;
      border-bottom: 1px solid #ddd;
    }
    nav a1 {
      text-decoration: none;
      color: #0077ff;
      font-weight: bold;
    }



/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a1 {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}


	
.container {
  margin-left:  auto;
  margin-right:  auto;
  margin-top: auto;
  max-width: max-content;
/* 
  padding-right: 15px;
  padding-left: 15px;
 */
}
	
.row:before, .row:after {
  display: table;
  content: " ";
}

.lead {
  font-size: 15px;
  font-weight: 200;
/*   margin-bottom: 20px;  */
}


/* HORIZONTAL MENU */

.top-menu{
    background:#142b52;
}

.top-menu ul{
    list-style:none;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
}

.top-menu ul li{
    position:relative;
}

.top-menu ul li a{
    display:block;
    padding:10px 24px;
    color:white;
    text-decoration:none;
    transition:0.3s;
    font-weight:bold;
}

.top-menu ul li:hover{
    background:#1d4d8f;
}

/* DROPDOWN MENU */

.top-menu ul li ul{
    display:none;
    position:absolute;
    background:#1f3d68;
    min-width:220px;
    top:100%;
    left:0;
    z-index:1000;
}

.top-menu ul li:hover ul{
    display:block;
}

.top-menu ul li ul li{
    width:100%;
}

.top-menu ul li ul li a{
    padding:14px;
    border-bottom:1px solid #35557f;
}

	
#vermenu ul { padding:0; margin:0; list-style:none; }  
#vermenu li ul { display:none; position:relative; } 
#vermenu li:hover ul{ display:block; background:white; height:auto; width:8em;padding-right:200; } 
#vermenu li ul li{ clear:both; border-style:none;} 

#hormenu hor1 { padding:1; margin:1; list-style:none; }  
#hormenu ul {left:10; padding:1; margin:1; list-style:none;border:1px solid black;border-style:inset; }  
#hormenu li { float:left; position:relative;width:300;display:block; border:1px solid black; border-style:inset; } 
#hormenu li ul { display:none; position:absolute; } 
#hormenu li:hover ul{ display:block; background:white; height:auto; width:290; } 
#hormenu li ul li{ clear:both; border-style:none;} 

#hmenu hor1 { padding:10; margin:1; list-style:none; }  
#hmenu m1 {left:10; padding:10; margin:1; list-style:none;border:1px solid black;border-style:inset; }  
#hmenu m2 { float:left; position:relative;width:200;display:block; border:1px; border-style:inset; } 
#hmenu m2 m1 { display:none; position:absolute; } 
#hmenu m2:hover m1{ display:block; background:white; height:auto; width:auto; } 
#hmenu m2 m1 m2{ clear:both; border-style:none;} 




/* 	properties  - 	background-color or background-image or background-repeat or background-attachment or background-position
*/
/* HORIZONTAL MENU */

.top-menu{
    background:#142b52;
}

.top-menu ul{
    list-style:none;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
}

.top-menu ul li{
    position:relative;
}

.top-menu ul li a{
    display:block;
    padding:16px 24px;
    color:white;
    text-decoration:none;
    transition:0.3s;
    font-weight:bold;
}

.top-menu ul li:hover{
    background:#1d4d8f;
}

/* DROPDOWN MENU */

.top-menu ul li ul{
    display:none;
    position:absolute;
    background:#1f3d68;
    min-width:220px;
    top:100%;
    left:0;
    z-index:1000;
}

.top-menu ul li:hover ul{
    display:block;
}

.top-menu ul li ul li{
    width:100%;
}

.top-menu ul li ul li a{
    padding:10px;
    border-bottom:1px solid #35557f;
}

/* MAIN LAYOUT */

.topcontainer{
    display:flex;
    min-height:100vh;
}

/* VERTICAL SIDEBAR */

.sidebar{
    width:200px;
    background:#132238;
    color:white;
    padding-top:20px;
}

.sidebar h2{
    text-align:center;
    margin-bottom:20px;
    font-size:24px;
}

.sidebar ul{
    list-style:none;
}

.sidebar ul li{
    position:relative;
}

.sidebar ul li a{
    display:block;
    color:white;
    text-decoration:none;
    padding:16px 24px;
    border-bottom:1px solid #223750;
    transition:0.3s;
}

.sidebar ul li:hover{
    background:#1d4d8f;
}

/* SIDEBAR SUBMENU */

.sidebar ul li ul{
    display:none;
    background:#203754;
}

.sidebar ul li:hover ul{
    display:block;
}

.sidebar ul li ul li a{
    padding-left:45px;
    font-size:14px;
}

/* CONTENT AREA */

.content{
    flex:1;
    padding:30px;
}


.scarda {      background: #fff;      padding: 1rem;      border-radius: 1px;      box-shadow: 0 2px 6px rgba(0,0,0,0.1);    }


.service-grida {      
    display: grid;      
    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));      
    gap: 1rem;
}