#header{
  display:flex;
   width: 100%;
  height:40px ;
  gap:10px;
  }
#header>div>img{
   width:80%;
}
#bl{
   background-color:#0076bd ;
}
#hee{
   height:40px;
   background-color:#0076bd;
   border:0.4px solid #0076bd;
   display:flex;
   width:100%;
   margin:0 auto;
   box-sizing: border-box;
   color:white;
 
}#seel{
   height:40px;
   background-color:#0076bd;
   
}
#seep{
   line-height:20px;
   font-size:16px;
   letter-spacing:normal;
   font-family:"Open Sans", sans-serif;
   display: block;
   margin-block-start: 1em;
   margin-block-end: 1em;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
;
}
#seed{
   height:24px;
   text-align: start;
   margin-right: 5px;
   padding-left: 40px;
  justify-content: flex-start;
   text-overflow: hidden;
   display: block;
  
}
#homenav{
   height:60px;
   width:100%;
   border-top: 1px solid red;
}
#hmnav{
   display: inline-block;
   display:flex;
   padding-top: 25px;
}
#hmnav1 img{
   height:40px;
   padding-top:3px;
   background-color:none;
}
#hmb{
   background-color:#003953;
   border:none;
   height:44px;
   padding: 12px 24px;
   color: #fff;
   margin-left: -2px;
   border-radius: 0 4px 4px 0;
   cursor: pointer;
   font: 700 14px/120% Open Sans,sans-serif;
   text-align: center;
   border: 2px solid #003953;
}
#hms{
   height:45px;
   width:500px;
   color: #1f1f1f;
   font: 400 16px Open Sans,sans-serif;
   line-height: 1.35;
   padding: 8px 10px;
   box-shadow: none;
   border: 2px solid #ddd;
   transition: border .3s ease 0s;
}
#hmnav2{
   padding-left: 40px;
   display:flex;
   width: 100%;
   justify-content:space-between;
   width: 100%;
}
#hmb2{
   height: 44px;
   width:130px;
   color: #035d59;
   border: 2px solid rgb(167, 230, 136);
   background-color:rgb(167, 230, 136);
   border-radius: 4px;
   padding: 10px 14px;
   cursor: pointer;
   text-align: center;
   user-select: none;
   background: rgb(255, 255, 255);
   margin-left: auto;
   display: block;
   position: relative;
   touch-action: manipulation;
   transition: none;
}
/* ---------footer---------- */

#footer{
  display:grid;
height:auto;
width:100%;
  background-color:rgb(0,46,66);
  
}
*{
  font-family:"Open Sans", sans-serif;
}
.fot1t{
  padding-top:10px;
 font-size:18px;
 font-family:"Open Sans", sans-serif;
 line-height: normal;
  text-align:start;
  color:white;
  padding-bottom: 10px;
  background: #032c48;
  border-radius: 8px;

}
#fot1{
  display:grid;
  height:141px;
  width:90%;
  padding-left:40px;
  color: #fff;
  font: 400 14px Open Sans,sans-serif;
  background: #032c48;
}
#subscribe{
  line-height:21.6px;
  height:41px;

}
#fsub{
  font-size:14px;
  line-height:16.8px;
  text-align:center;
  width: 200px;
  height: 33px;
}
.ta-z{
  width:400px;
  height:40px;
  display:flex;
  padding-left: 50px;
}
#listed li{
  list-style: none;
  text-align: start;
  font-family:"Open Sans", sans-serif; 
  font-size: 14px;
  color: white;
  font-weight: 400;
  margin-bottom: 8px;
  padding-inline-start: 40px;

}
#listed{
  display:grid;
  grid-template-columns: repeat(4,1fr);
  gap:30px;
  padding: 16px 32px;
  margin: auto;
  color: #fff;
  overflow: hidden;
}
  
#listed>div{
  
  text-align:center;
  box-sizing:border-box;
  font-family:"Open Sans", sans-serif; 
  font-size: 14px;
  
  color: white;
  font-weight: 400;
  width:80%;
  line-height:20px;
  }
  h3{
      color:white;
      font-family:"Open Sans", sans-serif; 
      font-weight: 600;
      font-size:18px;
  }
  .socialMediaIcon {
      padding: 12px;
      margin-left: 12px;
      padding-left: 3px;
      padding-right: 3px;
      width: 100%;
      }
      .socialMediaIcon i{
        height: 30px;
      }
     

      


   #innerWid2 {
         padding-right: 30px;
          width: 90%;
          margin-left: 20px;
          line-height: 12px;
          background-color:rgb(0,46,66);
          color:white;
      }
      #servay{
      border-radius: 5px;
      font-size: 14px;
      line-height: 17px;
  

      }
     
    
    
    
    /* <<----------------------slideshow------------------>> */
   
    
     .slideshow-container {
        margin-bottom: 20px;
        position: relative;
      justify-content: center;
        height:40px;
        font-family:"Open Sans", sans-serif ;
        border:2px saddlebrown;
        
      }
      
      /* Slides */
      .mySlides {
        display: none;
        text-align: center;
      }
      
      /* Next & previous buttons */
      .prev, .next {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: auto;
        margin-top: -30px;
        padding: 16px;
        color: #888;
        
        font-size: 20px;
        border-radius: 0 3px 3px 0;
        user-select: none;
      }
      
      /* Position the "next button" to the right */
      .next {
        position: absolute;
        right: 0;
        border-radius: 3px 0 0 3px;
      }
      
      /* On hover, add a black background color with a little bit see-through */
      .prev:hover, .next:hover {
        background-color: rgba(0,0,0,0.8);
        color: white;
        
      }
      
      /* The dot/bullet/indicator container */
      .dot-container {
          text-align: center;
          padding: 20px;
          background: #ddd;
      }
      
      /* The dots/bullets/indicators */
      /* .dot {
        cursor: pointer;
        height: 15px;
        width: 15px;
        margin: 0 2px;
        background-color: #bbb;
        border-radius: 50%;
        display: inline-block;
        transition: background-color 0.6s ease;
      } */
      
      /* Add a background color to the active dot/circle */
      /* .active, .dot:hover {
        background-color: #717171;
      } */
      
      /* Add an italic font style to all quotes */
      /* q {font-style: italic;}
      
      /* Add a blue color to the author */
      


   
      
      #scroll-container{
      border: 3px solid black;
      border-radius: 5px;
      overflow: hidden;
      }
      
      #scroll-text {
      /* animation properties */
      -moz-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
      
      -moz-animation: my-animation 15s linear infinite;
      -webkit-animation: my-animation 15s linear infinite;
      animation: my-animation 15s linear infinite;
      }
      #scrolbar {
      background-color: rgb(229,240,247);
      text-align: center;
      padding-top: 4px;
      font-size: larger;
      border: transparent 0px solid;
      display: flex;
      justify-content: space-between;
      height: 35px;
      
      }
      
      /* Dropdown Button */
      .dropbtn {
      background-color: rgb(244,244,244);
      color: rgb(54,98,119);
      padding: 16px;
      font-size: 16px;
      border: none;
      cursor: pointer;
      }
      
      
      /* 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 a {
      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 (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
      .show {display:block;}
      
      #pay22{
        margin-left:30px;
        font-size:34px;
      }