@import url(https://fonts.googleapis.com/css?family=Ubuntu);@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');
body { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 23px; color: #3f4040;  }
p{ color: #565858; }
.title-web {  color: #030303; font-size: 24px; border-left: 4px solid #029ca6; padding-left: 16px;  }
.title-web span{ color: #029ca6;}
/*== header ==*/
.clearfix {
	clear: both;
}
.logo-center {text-align: center;     margin: 30px 0 0px;}
header { position: fixed;
    left: 0;
    top: 0px;
    z-index: 9;
    width: 26%;
    height: 100%;background: #b7a479; 
     }
.navbar-brand {
	margin: 0px;
}
.navbar-brand img{
	width: 230px;
}
.navbar-expand-lg .navbar-nav {
    flex-direction: column;
    display: block;
}
.header-left{

    
}
.top-part{
	        padding: 20px 44px;
}
.top-part h4{
    font-size: 15px;
    letter-spacing: 1px;
    color: #4d2f84;
    font-weight: 600;
}
.top-part p{
         line-height: 24px;
    color: #ececec;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.4px;
}
.header-right{ justify-content: flex-end; display: flex; align-items: center; } 
.search { padding: 2px; border: 1px solid #029ca6; border-radius: 4px; width: 39px; text-align: center; height: 34px; } 
.lanuage { padding: 0 11px; }
.navbar.navbar-expand-lg { 
    background: none;
    border-radius: inherit;
    padding: 0px;
    width: 100%;
    margin: 0px;
    justify-content: space-between;}
.navbar-light .navbar-nav .nav-link {  color: #000; font-size: 16px;  }
.navbar-expand-lg .navbar-nav {  width: 100%;
    justify-content: inherit;
    align-items: inherit;     padding: 36px 30px 20px; }
    .navbar {
    position: inherit !important;
    display: block!important;
}
.navbar-expand-lg .navbar-nav .nav-link {  padding-right: 1rem; padding-left: 1rem; font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px; color: #4c2e83; }
.navbar-nav {
 	position: relative;
 }  
.navbar-nav:after  {
        content: '';
    position: absolute;
    bottom: 6px;
    height: 2px;
    background: #4b2f85;
    width: 290px;
}
.navbar-nav:before  {
    content: '';
    position: absolute;
    top: 20px;
    bottom: 0px;
    height: 2px;
    background: #4b2f85;
    width: 290px;
}
.nav-link {  padding: .2rem 1rem; }
.navbar-expand-lg .navbar-nav li:last-child a {  }
.middle {    float: right;
    width: 74%;}
    .navbar-nav li {
    	margin:10px 0px;
    }
/*== end == */
/*== slider ==*/
.slider_part{ background: url(../images/slider.jpg); padding: 291px 0px 230px;position: relative; }
.slider_part:after{ position: absolute;content: ""; left: 0; right: 0; bottom: 0px; height: 130px; width: 100%; background: url(../images/bg-bottom.png); }
.slider_part h1 { font-size: 24px; font-weight: normal; line-height: 45px; }
.slider_part h1 span{ display: block; border-radius: 5px; color: #fff; background: #53565a; padding:8px; margin-bottom: 12px;  }
.learn-more {  background: #029ca6; width: 140px; color: #fff; display: inline-block; text-align: center; border-radius: 30px; padding: 10px;  }
/* ==  how we help ==*/
.howcanhelp{ padding: 50px 0px; position: relative; z-index: 9; overflow: hidden; }
.howcanhelp::before { content: ''; position: absolute; width: 500px; top: 41%; right:  73%; height: 300px; background-image: url(../images/dotted-pattern.png); display: block; opacity: 0.2; z-index: 0; }
.service_single_content { border-radius: 10px; background-color: #fff; background-image: url(../images/bg-case.png); background-repeat: no-repeat; background-position: right; background-size: cover; -webkit-box-shadow: 0 20px 40px 0 rgba(0,0,0,.11); box-shadow: 0 5px 40px 0 rgba(0,0,0,.11); border: none; padding: 20px 20px; margin: 60px 0px; background-size: 210px; }
.service_icon {margin-bottom: 15px; display: inline-block; max-width: 150px; } 
.service_single_content h6 { margin-bottom: 10px; font-size: 24px; }
.service_single_content p { margin-bottom: 0; font-size: 16px; line-height: 30px; }
/* == end == */
/*---- About Us ----*/
 .about-us {
    background: url(../images/banner_bg.jpg) center center no-repeat;
    height: 230px;
    background-size: cover;
}
.img-sec {
	text-align: right;
	padding: 20px 0px 0;
}
.img-sec img{
	width: 80px;
}
.ankur-center {
	justify-content: center;
	display: flex;
}
.ankur-img-sec{
	    width: 160px;
    height: 160px;
    overflow: hidden;
    border-radius: 50%;
    border: 5px solid #fff;
    margin-top: -70px;
    box-shadow: 0 2px 20px #0000004f;
}
.about-by-ankur {
	text-align: center;
	max-width: 55%;
    margin: 0 auto;
}
.director-box, .co-founder-box, .director-box {
	text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #6f6f6f;
}
.description-box {
	    margin: 40px 0 50px;
}
.about-by-ankur h2{
    font-size: 22px;
    margin: 30px 0 10px;
    font-weight: 600;
    color: #4d2e83;
}
.about-by-ankur p {
        margin-bottom: 0px;
    font-size: 12px;
    font-weight: 400;
     color: #6f6f6f;
}
.director-box span {
	font-weight: 600;
}
.about-by-ankur a, .director-box a, .description-box a {
    color: #4d2e83;
    font-weight: 600;
}
.description-box p{
       font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    color: #5a5a5a;
    letter-spacing: 0.5px;
}
.footer-bottom {
	display: none;
}

/*publication css*/
.publications-year {
    font-size: 20px;
    margin: 20px 0;
    display: -webkit-inline-box;
    color: #4b2d83;
    font-weight: 600;
}
ul.year-text li{
      margin-left: 30px;
    margin-bottom: 10px;
    line-height: 24px;
}
















.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
  margin: 50px 0 0 0;
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 50%;
  margin-left: -1.5px;
}
.timeline > li {
  margin-bottom: 20px;
  position: relative;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-panel {
      width: 50%;
    float: left;
    border: 1px solid #d4d4d47a;
    border-radius: 2px;
    padding: 20px;
    position: relative;
    -webkit-box-shadow: 0 8px 18px #00000017;
    box-shadow: 0 8px 18px #00000017;
}
.timeline > li.timeline-inverted + li:not(.timeline-inverted),
.timeline > li:not(.timeline-inverted) + li.timeline-inverted {
margin-top: -20px;
}

.timeline > li:not(.timeline-inverted) {
padding-right:90px;
}

.timeline > li.timeline-inverted {
padding-left:90px;
}
.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}
.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}
.timeline > li > .timeline-badge {
  color: #fff;
    width: 20px;
    height: 20px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 33px;
    left: 52%;
    margin-left: -29px;
    background-color: #4a2e84;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    box-shadow: 0 3px 10px #0000006e;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline-badge.primary {
  background-color: #2e6da4 !important;
}
.timeline-badge.success {
  background-color: #3f903f !important;
}
.timeline-badge.warning {
  background-color: #f0ad4e !important;
}
.timeline-badge.danger {
  background-color: #d9534f !important;
}
.timeline-badge.info {
  background-color: #5bc0de !important;
}
.timeline-title {
 margin-top: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    color: #4a2e84;
}
.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
    font-size: 14px;
    line-height: 30px;
}
.timeline-body > p + p {
  margin-top: 5px;
}
.timeline-body > p a {
    color: #4a2e83;
    font-weight: 600;
}

ul.clint-logo{
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

ul.clint-logo li{
    background: #f2f2f2;
    padding: 20px;
    border-radius: 3px;
    box-shadow: 0 10px 15px #0000000f;
    border: 1px solid #00000008;
}
ul.clint-logo li img, .width-logo img {
    width: 100%;   
    padding: 8px;
    background: #ffffff;
    border-radius: 3px;
    box-shadow: 0 10px 15px #0000000f;
    border: 1px solid #00000008;
}

.width-logo{
    margin-bottom: 30px;
}

.thnks-text{
    text-align: center;
    font-size: 32px;
    font-weight: 300;
    margin: 50px 0;
    text-shadow: 0 2px 3px #0000003d;
    color: #545454 !important;
}

.thnks-text span{
   font-weight: 400;
    /* font-size: 35px; */
    letter-spacing: 1px;
    color: #4b2e83;
}


.peer-reviewed{
    font-weight: 600;
    margin-bottom: 10px;
    display: flex;
}

.journal-box ul li {
  margin-left: 30px;
    margin-bottom: 10px;
    line-height: 24px;
}
.patents-box ul li {
  margin-left: 30px;
    margin-bottom: 10px;
    line-height: 24px;
}
.team-fonts {
    text-align: center;
    background: #f1f1f1;
    padding: 11px;
    width: 84%;
    margin: 70px auto 20px;
    box-shadow: 0 10px 16px #4b2d833b;
}
 .team-fonts img {
    width: 100%;
}


 @media only screen and (max-width: 1024px) {
 	.about-us::before{ display: none; }
 	.navbar-light .navbar-nav .nav-link {  font-size: 13px; }
 	
}    
@media only screen and (max-width: 767px) {
	.service_single_content{ margin: 20px 0px; }
	.slider_part { background: url(../images/slider.jpg); padding: 191px 0px 230px; position: relative; }
header {
    position: inherit;
    width: 100%; 
}
.side-contact{
	display: none;
}
.logo-center {
    text-align: center;
    margin: 0px 0 10px;
}
.navbar-brand img {
    width: 160px;
}
.menu-mian-box {
	text-align: right;
	padding-bottom: 10px;
}
.navbar-nav:before, .navbar-nav:after {
	display: none;
} 
.navbar-expand-lg .navbar-nav .nav-link {
	text-align: left;

}
.navbar-expand-lg .navbar-nav {
    padding: 0px 10px 20px;
}
.navbar-light .navbar-toggler {
    margin-right: 20px;
    background: #ffffff;
    border: none;
        outline: none;
}
.middle {
    float: none;
    width: 100%;
}
.about-by-ankur {
    max-width: 100%;
}
}