@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");
body{margin:0; font-size: 14px; font-family: "Poppins", sans-serif, sans-serif; background:#f1efef;}
#main{width:100%; height:auto; float:left}
#main-inner{width:90%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:90%; height:auto; margin:0 auto;}

a{text-decoration:none; color:#333}

#upper-header{width:100%; height:auto; float:left; margin:5px 0;}
#upper-header .logo{width:8%; height:auto; float:left;}
#upper-header .logo img{width:100%; height:auto; float:left;}
#upper-header form {
  background-color: #e8fffb;
  width: 45%;
  height: 44px;
  float: left;
  margin: 15px 0 0 20%;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  border: #a7e4da 1px solid;
}
#upper-header form input {
  all: unset;
  font: 16px system-ui;
  color: #1e8d7b;
  height: 100%;
  width: 100%;
  padding: 6px 10px;
}
#upper-header form ::placeholder {
  color: #1e8d7b;
  opacity: 0.8; 
}
#upper-header form button {
  all: unset;
  cursor: pointer;
  width: 44px;
  height: 44px;
}

#upper-header form svg {
  color: #1e8d7b;
  fill: currentColor;
  width: 24px;
  height: 24px;
  padding: 10px;
}
#upper-header .right{width:25%; height:auto; float:right; margin-top: 15px;}
#upper-header .right a{width:auto; height:auto; float:right; margin: 1%; background: #ebeaea; color: #262626; padding: 10px 15px; border-radius: 5px;}

.menulinkbg{background: #fff!important;z-index: 99999; position: fixed;}
#menulink{text-align: center; height: 33px; margin-top: 90px;}
#menulink a{color: #3c3c3c; text-decoration: none; padding: 5px 20px 5px 20px; font-weight: 600; font-size: 17px;}
#menulink .a{color: #0258b1; border-bottom: 2px solid #0258b1;}
.toppad{width: 100%; height: auto; float: left; padding: 20px 0;}

#bodydiv{width: 100%; height: auto; float: left; margin:100px 0 20px 0; overflow:hidden;}
#bodydiv .left{width: 100%; height: auto; float: left; margin: 30px 0 0 0;}
#bodydiv .right{width: 26%; height: auto; float: left; margin: 44px 0 0 2%;}
#bodydiv .right .con{width: 100%; height: auto; float: left; margin:0 0 10px 0;}
#bodydiv .right .con h2{width: 100%; height: auto; float: left; margin:0; padding: 10px; background: #32bda6; color: #fff; font-size: large;}
#bodydiv .right .con a{width: 100%; height: auto; float: left; margin:0; padding: 10px; color: #1e1e1e; font-size: medium; background: #edecec;}

.footerlowbac{background:#161616}
#footerlow{width:100%; height:auto; float:left; margin: 10px 0;}
#footerlow p{width:50%; height:auto; float:left; margin:0; color: #f7f7f7;}
#footerlow p a{color: #32bda6;}
#footerlow .middle{width:auto; height:auto; float:right;}
#footerlow .middle a{float:left; margin: 0; font-size:small; padding: 0 10px; border-right: 1px solid #383838; color:#dddddd; transition:0.5s}
#footerlow .middle a:last-child{border-right: none}

.detailitem{min-width:100%!important; width:100%!important;}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #32bda6;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 40px;
  padding-bottom: 80px;  
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 18px;
  color: #fff;
  display: block;
  text-transform: uppercase;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

#static{width:96%; height:auto; float:left; margin:4% 0; background:#fff; padding:2%;}
#static h1{width:100%; height:auto; float:left; color:#0293d0; font-size:x-large;}
#static h2{color:#0293d0; font-size:22px}
#static h4,h5{font-size:medium}
#static h5{color:#009261;}
#static img{width:auto; height:auto; float:left; margin:1% 1% 1% 0}
#static p{margin:1% 0; line-height:160%; text-align:justify; color:#333333; font-size:medium}
#static span{margin:1% 0; line-height:140%; text-align:justify; color:#333333; font-size:medium}
#static div{margin:1% 0; line-height:140%; text-align:justify; color:#333333; font-size:medium}
#static ul{list-style-image: url('images/tick.png'); line-height:140%; text-align:justify; color:#333333; font-size:medium}
#static ul li{margin:2% 0}



@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

#main-inner{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:100%; height:auto; margin:0 auto;}

#upper-header{width:96%; height:auto; float:left; margin:5px 2%;}
#upper-header .logo{width:20%; height:auto; float:left;}
#upper-header form {
  background-color: #e8fffb;
  width: 64%;
  height: 44px;
  float: left;
  margin: 6px 0 0 3%;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  border: #a7e4da 1px solid;
}
#upper-header .right{width:12%; height:auto; float:right; margin-top: 5px;}

#menulink{text-align: center; height: 30px; margin-top: 70px;}
#menulink a{width:39%; height:auto; float:left; color: #3c3c3c; text-decoration: none; padding: 5px 0 5px 0; font-weight: 600; font-size: 15px;}
#menulink .a{color: #0258b1; border-bottom: 2px solid #0258b1;}

.toppad{width: 100%; height: auto; float: left; padding: 50px 0;}

#bodydiv{width: 100%; height: auto; float: left; margin:80px 0 20px 0;}
#bodydiv .left{width: 100%; height: auto; float: left; margin: 1% 0;}
#bodydiv .right{width: 95%; height: auto; float: left; margin: 1% 0;}

#footerlow p{width:100%; height:auto; float:left; margin:10px 0 0 0; color: #f7f7f7; text-align:center;}
#footerlow p a{color: #32bda6;}
#footerlow .middle{width:auto; height:auto; float:right;}

.detailitem{min-width:100%!important; width:100%!important;}

#static{width:92%; height:auto; float:left; margin:4% 2%; padding:2%;}

.download-button1{margin-left:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:30px;background:#32bda6;padding:10px 0;color:#fff;font-weight:700;font-size:14px;line-height:16px;cursor:pointer; width:95%!important; height:auto!important; float:left!important; margin:20px 0 0 0!important;transition:0.5s;}

}