*{padding: 0px; margin: 0px; list-style: none; box-sizing: border-box; font-family: 'Poppins', sans-serif;}
ul ,li{list-style: none;}
.socialicon{list-style: none; margin-top: 30px;}

/* .round{float: left;}   */
.logo img{float: left; margin-right: 30px; width: 80px; height: 80px; }
.logocontain{text-align:center; }
.logocontain p{text-align: justify;}
.logocontain ul li{ padding: 9px 10px; border-radius: 100%;}
.logocontain h1{font-size: 2rem;}
.icon{float: none; margin-left: 40px;} 
.nav ul li{ margin-right: 10px;  margin-top: 20px; color: #fff; }
.nav ul li a{padding:10px 10px; background-color: #00669B;  font-weight: 600; border-radius: 25px; font-size:0.5rem; }
.card01{background-color: #F3F3F3;}
.cardp{padding: 50px;}
.cardp h5{font-size: 1rem; color: #00669B; font-weight: 400;}
.Brochure{margin-top: 30px; color: #00669B;}
.boxtext{background-color: #F3F3F3;padding: 10px; margin: 10px; text-align: center;}
.boxtext p{margin-bottom: 0px;}
.boxtext h6{font-size: 1rem; font-weight: 400;}
.mainbox h4{font-size: 1rem; color: #00669B; margin-top: 20p;}
.lastul li{ list-style:circle ; padding: 15px 0px;}
.last01 {float: left; padding-left: 30px; display: block; overflow: hidden;}
.last01 p{font-weight: 600; margin-top: 15px; }
.last01 img{margin-right: 30px; width: 132px; height: 132px; }
.broch{ width : 132px; background-color:#F3F3F3 ; padding: 10px; border: 1px solid #c0c0c0; border-radius: 15px; margin-top: 15px; display: inline-block; text-align: center; }
.broch img{margin-right: 5px; width: 16px; height: 16px;}
.co{color: #00669B; font-size: 1rem; margin-left: 20px; margin-top: 20px;}
.broch img{margin-right: 5px;}
.hbox h6{display: inline-block; margin-top: 8px; color: #00669B;}
.fot span{color: #00669B; font-weight: 400;}
.fot {margin-top: 12px;}
.para{line-height: 18px;}


@media screen and(max-width:414) {
    
    .nav ul li{display: block; background-color: #000000; }
    .nav ul li a{padding:8px 8px; font-weight: 400; border-radius: 25px; }
}


*, *:before, *:after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  html, body {
    height: 100%;
  }
  
  body {
    font: 14px/1 'Open Sans', sans-serif;
    color: #555;
    background: #eee;
  }



  #tsum-tabs label[for*='1']:before { content: '1'; }
#tsum-tabs label[for*='2']:before { content: '2'; }
#tsum-tabs label[for*='3']:before { content: '3'; }
#tsum-tabs label[for*='4']:before { content: '4'; }
  
  #tsum-tabs h1 {
    padding: 50px 0;
    font-weight: 400;
    text-align: center;
  }
  
  #tsum-tabs p {
 
    line-height: 1.5;
  }
  
  #tsum-tabs main {
    min-width: 320px;
    max-width:1200px;
    padding: 50px;
    margin: 0 auto;
    margin-top: 50px;
    background: #F3F3F3;
  }
  
  #tsum-tabs section {
    display: none;
    padding: 20px 0 0;
    border-top: 1px solid #ddd;
  }
  
  #tsum-tabs input {
    display: none;
  }
  
  #tsum-tabs label {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 15px 25px;
    font-weight: 600;
    text-align: center;
    color: #bbb;
    border: 1px solid transparent;
  }
  
  #tsum-tabs label:before {
    font-family: fontawesome;
    font-weight: normal;
    margin-right: 10px;
  }
  
  /* #tsum-tabs label[for*='1']:before { content: '\f1cb'; }
  #tsum-tabs label[for*='2']:before { content: '\f17d'; }
  #tsum-tabs label[for*='3']:before { content: '\f16b'; }
  #tsum-tabs label[for*='4']:before { content: '\f1a9'; } */
  
  #tsum-tabs label:hover {
    color: #888;
    cursor: pointer;
  }
  
  #tsum-tabs input:checked + label {
    color: #000000;
    border: 1px solid #ddd;
    border-top: 2px solid orange;
    border-bottom: 1px solid #fff;
  }
  
  #tsum-tabs #tab1:checked ~ #content1,
  #tsum-tabs #tab2:checked ~ #content2,
  #tsum-tabs #tab3:checked ~ #content3,
  #tsum-tabs #tab4:checked ~ #content4 {
    display: block; 
  }
  
  @media screen and (max-width: 650px) {
    #tsum-tabs label {
      font-size: 0px;
      
    }
    #tsum-tabs label:before {
      margin: 0;
      font-size: 18px;
    }
  }
  
  @media screen and (max-width: 400px) {
    #tsum-tabs label {
      padding: 20px;
      color: #000;

      
    }


    #tsum-tabs input:checked + label {
        color: #000000;
       
      }
  }

  .tagcloud {
    /* display: grid;  
    grid-gap: px;  
    grid-template-columns: repeat(auto-fit, 64px);
    grid-template-rows: repeat(2, 40px);   */
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;

}
.tagcloud > div {
  
  margin: 10px;
  text-align: center;
  
}
   .tagcloud span {

    padding: 10px 10px;
    background-color: #00669B;
    font-weight: 600;
    border-radius: 25px;
    font-size: 0.5rem;
    color: #fff!important;

}