body, p, h1, h2, h3 h4, h5, h6, span, b {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
}


*{
margin:0px; padding:0px;
}

ul{
list-style:none;
}

 .main-header{
  position: absolute;
  width: 100%;
  padding-top: 20px;
}

.container{
max-width:1200px;
margin:0px auto;
padding:0px 10px;
}

.main-header .top-bar{
background: #001a57;
  padding: 8px;
  margin: 0px;}
  
  .topleft a {
  color: #fff;
  text-decoration: none;
  vertical-align: middle;
  padding-right: 10px;
text-align: center;
padding-left: 10px;
  }
  
 .topleft {
display: inline-block;
}
  
  .topright{
  color: #fff;
  float: right;
}

.topright img{
margin-right: 10px;
}

.topright ul li{display: inline-block;
margin-left: 10px;}

.topright ul li a{color: #fff;
text-decoration: none;
}

.main-menu{
float: right;}

.main-menu ul li{
float: left;
padding: 20px 10px;
}

.main-menu ul li a{
color: #fff;
  text-decoration: none;
  font-size: 16px;
  padding: 10px 20px;
}

.main-menu ul li a:hover{
color: #001a57;
}


.logo {
  float: left;
}


.topleft a.line {
  border-right: 1px solid #fff;
  }

.topright a.line {
padding-right: 15px;
  border-right: 1px solid #fff;
  }

 .header-menu{
  margin-top: 20px;
  margin-bottom: 20px;
}

.main-menu ul li a:hover {
 color: #fff;
background: #6f9094;
  }

.main-banner{background: url(http://creatvmind.org/web/otcmarketpro/images/banner.jpg) no-repeat;
  background-size: auto;
background-size: auto;
background-size: 100%;
padding-top: 250px;
padding-bottom: 250px;
}



.main-banner h2{font-weight: normal;
text-transform: uppercase;
font-size: 18px;
color: #001a57;
}



.main-banner h1{
  text-transform: uppercase;
  margin: 10px 0px;
  color: #fff;
  font-weight: bold;
  font-size: 37px;
}




.main-banner p {
color: #fff;
  width: 27%;
  margin-bottom: 15px;
  line-height: 25px;
}

.Products h4{
text-align: center;
  font-size: 28px;
  padding-bottom: 10px;
  }

.Pros{
margin: 0px 40px;
}
  
 .leftpro {
 padding-top: 40px;
 padding-right: 20px;
 float: left;
  width: 30%;
  text-align: center;}
  
   .medilpro {
   padding-top: 40px;
   float: left;
 width: 30%;
  text-align: center;
  padding-right: 20px;
  margin: 0px auto;
}
  
   .rightpro {
   padding-top: 40px;
   float: left;
width: 30%;
  text-align: center;
  padding-right: 20px;
  margin: 0px auto;
}
  
  
  .mainProducts{
  background: url(http://creatvmind.org/web/otcmarketpro/images/banner11.jpg) no-repeat;
  padding-top: 100px;
  padding-bottom: 450px;}
  

  .leftpro h2{
  font-size: 20px;
  padding: 10px 0px;
  }
  
    .medilpro h2{
  font-size: 20px;
  padding: 10px 0px;
  }
  
    .rightpro h2{
  font-size: 20px;
  padding: 10px 0px;
  }
  
 .serleft h3 {
 font-size: 30px;
  padding: 30px 0px;
  }
  
 .serright a {
 background: #172166;
  padding: 10px 20px;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
}  
  
 .serleft {
 float: left;
}

.serright{
font-size: 30px;
  padding: 30px 0px;
float: right;
}  
  
  .serv-left{
  float: left;
  width: 50%;
  padding-right: 10px;
  margin-bottom: 60px;
}

  
  .serv-right{
  margin-bottom: 60px;
}


.le-footer #fname{
width: 46%;
  background: transparent;
  border: 1px solid #243948;
  color: #fff;
  padding: 10px;
  }

#subject{
width: 98%;
  background: transparent;
  border: 1px solid #243948;
}

.le-footer #lname{
width: 44%;
  background: transparent;
  border: 1px solid #243948;
  color: #fff;
  padding: 10px;

}

.lifecopy a{
color: #fff;
  text-decoration: none;
  font-size: 16px;
  }

.lifecopy p{
color: #fff;
  font-size: 16px;
  }

.lifecopy {
  float: left;
  width: 87%;
}

.rightcopy ul li{
float: left;
  padding-right: 10px;
}

.le-footer > form:nth-child(2) > button:nth-child(4){
background: #6f9094;
  color: #fff;
  padding: 10px;
  width: 97.5%;
  border: 0px;
  margin-top: 10px;
}

.maincopy{
border-top: 1px solid #A4B9C8;
  padding-top: 20px;
  margin-top: 80px;
  }


/*--------
*/

.Expertise h2{
margin-top: 40px;
padding-bottom: 10px;
}

.Expertise p{
  line-height: 26px;
padding-bottom: 10px;
}

.Expertise .exper{
padding-bottom: 60px;
}

.Expertise h3{
padding: 15px 0px;
}

.Expertise li{
list-style: disc;
  padding-bottom: 10px;
}

.Expertise ul{
padding-left: 13px;
}

.Expertise{
margin-bottom: 40px;
}

.mainfooter .rig-footer a{
color: #fff;
  text-decoration: none;
}





.rig-footer p{color: #fff;
  padding-bottom: 20px;
}

.le-footer{
width: 50%;
 padding-left: 0px;
  padding-top: 30px;
  padding-right: 100px;
  float: left;}

.rig-footer{
padding-top: 30px;
padding-right: 80px;
float: right;
}

.fullfrm-field .fname{
width: 43%;
  background: transparent;
  border: 1px solid #243948;
  color: #fff;
  padding: 10px;
  float: left;
  margin-right: 10px;
}


.fullfrm-field .lname{
width: 43%;
  background: transparent;
  border: 1px solid #243948;
  color: #fff;
  padding: 10px;
  float: left;
  margin-right: 10px;
}

.fullfrm-field .info{
padding: 0px;
}

.form-horizontal .subject{
background: transparent;
  border: 1px solid #243948;
  width: 95%;
  margin-top: 10px;
}


.btnAction{
font-size: 16px;
background: #6f9094;
  color: #fff;
  padding: 10px;
  width: 95.5%;
  border: 0px;
  margin-top: 10px;
}


.latestnews{ 
background: url(http://creatvmind.org/web/otcmarketpro/images/latestbg.png) no-repeat;
  padding-top: 100px;
  padding-bottom: 150px;}
  
  .mainfooter{ 
background: url(http://creatvmind.org/web/otcmarketpro/images/footerbg.png) no-repeat;
  padding-top: 0px;
  padding-bottom: 0px;}

  
  
  
.atestpleft{
float: left;
  width: 50%;
}

.atestpright{
float: left;
margin-top: 30px;
  background: #fff;
  padding: 20px 30px;
  border-radius: 20px;

}

.latestnews h2{
padding-bottom: 40px;
}


.serv-left h2{
padding: 20px 0px;
}

.serv-right h2{
padding: 20px 0px;
}  

.serv-left p{
font-size: 15px;
  line-height: 25px;
  padding-bottom: 20px;
  }
  
  .serv-right p{
font-size: 15px;
  line-height: 25px;
  padding-bottom: 20px;
  }
  
.serv-right a  {
background: #172166;
  padding: 10px 20px;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  margin-bottom: 40px;
}
  
  .serv-left a  {
background: #172166;
  padding: 10px 20px;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  margin-bottom: 40px;
}

.le-footer h3{
color: #fff;
  font-size: 25px;
  padding-bottom: 18px;
  }
  
  .rig-footer h3{
color: #fff;
  font-size: 25px;
  padding-bottom: 18px;
  }
  
  
.main-banner a{
background: #6f9094;
  padding: 10px;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;}

.inps input{
  padding: 15px 20px;
  border: none;
  font-size: 17px;
  font-family: "Inter", sans-serif;
  float: left;
}


.inps button {
  border: none;
  background: #001a57;
  padding: 15px 20px;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 18px;
}


.inps button:hover {
  border: none;
  background: #000;
  }
  
 .about-sec {
  margin-top: 60px;
  margin-bottom: 60px;
}

 .about-twol {
  width: 55%;
  float: left;
}

.about-twor {
  width: 45%;
  float: right;
  margin-top: 50px;
}

.about-twor h3 {
  font-weight: normal;
  color: #1a1e43;
  font-size: 18px;
}
  
 .about-twor h1 {
  margin: 15px 0px;color: #1a1e43;
  } 
  
.about-twor p {
  line-height: 25px;
  color: #1a1e43;
  margin-bottom: 25px;
}  
  
  
 .about-twor a {
  background: #1a1e43;
  color: #fff;
  text-decoration: none;
  padding: 10px 20px;
  border-radius: 5px;
} 
  
.about-twor a:hover {
  background: #000;
}


@media all and (max-width:480px) {

.le-footer #fname {
margin-bottom: 10px;
  width: 100%;}
  
  .le-footer #lname {
  width: 100%;
  margin-bottom: 10px;
  }
  
  #subject {
  width: 108%;
  margin-bottom: 10px;
  }
  
  .le-footer > form:nth-child(2) > button:nth-child(4) {
  width: 108.5%;
  }

}
 
 
  
  
  
/* CSS Document */