body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  background-color: #f2f2f2;
}

header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /*padding: 10px 20px;*/
  background-color: #edfff5;
}

.logo img {
  height: 70px;
}

.title {
  text-align: left;
  margin:20px;
  color:green;
}
.title h2{
    margin:0;
    padding:0;
}

nav {
  flex: 1;
  text-align: right;
}

/* Navbar menu */
nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
}

nav ul li {
  position: relative;
  padding: 5px 10px 5px 10px;
   border-radius: 5px;
}

nav ul li a {
  text-decoration: none;
  color: green;
  font-weight: bold;
}

nav ul li:hover .menu-main-ahref {
  color: white;
}

nav ul li:hover {
  background-color: #64e764;
}

/* Sub menu */
nav ul .sub-menu {
  width: 200px;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  border: 1px solid #64e764;
  background-color: #f2f2f2;
  z-index: 1;
}

nav ul .sub-menu li {
  padding: 15px;
  border-bottom: 1px solid lightgreen;
}

nav ul .sub-menu li:hover {
  background-color: #64e764;
}

nav ul .sub-menu li:hover a {
  color: white;
}

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

body, h1, h2, ul, p, a {
  margin: 0;
  padding: 0;
}

.csc-main-heading{
  display: flex;
  text-align: center;
  padding: 1em 0;
  border:solid blue;
  border-width: 5px 1px;
}
.csc-main-heading img{
  width:100px;
  margin: 10px;
}
.csc-main-heading div{
  width:80%;
}
.csc-main-heading div h1{
  color: blue;
}
.csc-main-heading div P{
  color: black;
}
.csc-image{
  width: 100px;
  height: 50px;
}


.main-section{
  display: flex;
}

/* Styling the sections */
#services {
  padding: 2em;
  width: 33%;
  text-align: center;
}

/* Styling the services list */
#services ul {
  padding-left: 1em;
}
#services ul li{
  padding: 8px;
  font-weight: bold;
  border-radius: 5px;
}
#alink{
    text-decoration:none ;
    color:black;
    /*padding: 5px 8em 5px 8em;*/
}
#services ul li:hover a{
   color:white;
}
#services ul li:hover{
  background-color: green;
  color: white;
}

#services li:nth-child(even){
  margin-bottom: 0.5em;
  background-color: #c0c0c0;
}
#services li:nth-child(odd){
  margin-bottom: 0.5em;
  background-color: lightgreen;
}

/* Styling the academy section */
#academy {
  background-color: #f4f4f4;
  text-align: center;
  padding: 2em;
}

/* Styling the footer */
footer {
  text-align: center;
  padding: 1em;
  background-color: #333;
  color: #fff;
}