@charset 'UTF-8';

html,
html * {
  box-sizing: content-box;
  margin: 0;
  padding: 0px 0px 0px 0px;
  font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
  font-size: 16px;
  word-spacing: normal;
  
 
}




/*-----Start-------------------navigation bar style code------------Start-----------*/



body {
  display: block;
}

.site-logo img {
  
  /*margin-bottom: -30px;*/
  background-color: rgba(255, 255, 255, 0);
  
  }


.sitenavbanner {
	position: relative;
	width: 100vw;
	height: fit-content;
  background-color: rgb(222, 233, 237);
 
}

.site-nav {
  position: relative;
  width:fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  height: fit-content;
  background-color: rgba(255, 255, 255, 0);
  padding: 0px;
  
	/*-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);*/
}

.site-nav ul {
  list-style-type: none;
  border: 2px solid transparent;
  margin-left: 0px;
}

.site-nav ul li {
  width: inherit;
  /*line-height: 1;*/
  position: relative;
            text-align: center;
            display: inline-block;
            width:fit-content;
}

.site-nav ul li a {
  text-align: left; 
  display: block;
  padding: 0px 10px 10px 10px;
  font-size: 18px;
	font-weight: 330;
  
  text-decoration: none;
  letter-spacing: normal;
  text-transform: capitalize;
  margin-left: 0px;
  color:white;
  
  
  
  
}

.site-nav ul li a:hover {
  outline: none;
  text-align:left;
  font-weight: 400;
  color: rgb(222, 233, 237);
  letter-spacing: normal;
  }

  .site-nav ul li ul li a {
    padding-top:10px
  }

/* ----------------- Drop down navigation starts here --------------------*/

  
  .dropbtn {
    display:inline-block;
    
    font-weight: 400;
    /*padding-bottom: 0.2em;*/
    letter-spacing: normal;
    text-transform: capitalize;
    width: fit-content;
    background-color: transparent;
    border: none;
    cursor: pointer;
  }


  .dropbtn ul li a {
    display:inline-block;
    font-size: 18px;
    font-weight: 400;
    /*padding-bottom: 0.2em;*/
    letter-spacing: normal;
    text-transform: capitalize;
    width:100%;
    background-color: transparent;
    border: none;
    cursor: pointer;
  }

  



   
  .dropdown {
  position: relative;
  display: inline-block;
  
  }

 
  .dropdown ul li {
    padding: 0px;
  }
     
    .dropdown:hover .dropbtn ul li {
    outline: none;
    font-weight: 610;
    text-align: left;
    /*letter-spacing:1px;*/
    
    }
  
    .dropdown .dropdown-content {
      display: none;
    } 

   .dropdown-content {
      display: inline-block;
      position: absolute;
      background-color:white;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
      }

    .dropdown:hover .dropdown-content {
      display: block;
      position: absolute;
       left: 50%;
  transform: translateX(-50%);
     max-width: 100vw;
      padding: 5px 5px 5px 5px;
      font-weight: 610;
      border-radius: 12px;
      background-color:white;
      text-align: left;
      /*border-style: solid;
      border-color: rgb(152, 210, 226);*/
      }

      .dropbtn:hover .dropdown-content .sub-column ul {
      padding: 10px;
     display: block;
     }

     .dropbtn:hover .dropdown-content .sub-column ul li {
      display: block;
     white-space:nowrap;
     }

     .dropbtn:hover .dropdown-content ul li {
      display: block;
     white-space:nowrap;
     }

    .dropbtn:hover .dropdown-content .sub-column ul li p {
      padding: 0px 0px 3px 0px;
      text-wrap: nowrap;
      text-decoration: underline;
      color:rgb(1, 1, 153);
      font-weight: 300;
     }

     .dropbtn:hover .dropdown-content ul li p {
      padding: 0px 0px 3px 0px;
      text-wrap: nowrap;
      text-decoration: underline;
      color:rgb(1, 1, 153);
      font-weight: 300;
     }

    .dropbtn:hover .dropdown-content .sub-column ul li a {
      padding: 0px;
      text-wrap: nowrap;
      color:rgb(2, 2, 201);
      padding: 2px 2px 2px 10px ;
      font-size: 18px;
      line-height: normal;
     }

     .dropbtn:hover .dropdown-content ul li a {
      padding: 0px;
      text-wrap: nowrap;
      color:rgb(2, 2, 201);
      padding: 2px 2px 2px 10px ;
      font-size: 18px;
      line-height: normal;
     }

     .dropbtn:hover .dropdown-content .sub-column ul li a:hover {
      color: rgb(115, 115, 233);
     }

     .dropbtn:hover .dropdown-content .sub-column ul li a:focus {
      color: rgb(0, 0, 104);
     }

     .dropbtn:hover .dropdown-content ul li a:hover {
      color: rgb(115, 115, 233);
     }

     .dropbtn:hover .dropdown-content ul li a:focus {
      color: rgb(0, 0, 104);
     }

     strong {
      font-size: 20px;
     }