@import url('https://fonts.cdnfonts.com/css/gilroy-bold');

* { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline;box-sizing: border-box}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
ol, ul { list-style: none }

table { border-collapse: collapse; border-spacing: 0 }
a { color: #000; text-decoration: none; outline: none; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; }
a:hover{color: currentColor}
/*Reset CSS end*/
::-webkit-input-placeholder {color:#202020; font-size: 14px }
:-moz-placeholder { color:#202020; font-size: 14px}
::-moz-placeholder{color:#202020; font-size: 14px}


html {
    scroll-behavior: smooth;
}

body{margin: 0px;padding: 0px;font-size: 18px;line-height: 1.5;position:relative;  font-family: "Montserrat", sans-serif; font-weight: 300} 

.fl{float: left}
.fr{float: right}
.text-center{text-align: center}
.text-left{text-align: left}
.text-right{text-align: right}
.align-center{align-items: center;}
.pad0{padding:0px}
.mar0{margin: 0px}
.clear{clear: both;}
.disnon{display: none}
.disblk{display: block}
.wrapper{width:1200px;margin: 0 auto}
.sprite{background: url(../images/sprite.png) no-repeat top left}
h1{font-size: 24px;text-transform: uppercase;line-height: 22px;margin-bottom: 20px;}
.blackoverlay{position: fixed;top: 0;left: 0;height: 100%;width: 100%;z-index: 999;background: rgba(0, 0, 0, 0.6);display: none}
.amination{position: relative;overflow: hidden}
.imgfluid{width:100%;}
.img-fluid{max-width: 100%;height: auto}

.container{margin: 0 auto; width: 92%}
header {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 9;
    right: 0;
    margin: 0 auto;
    top: 20px;
    transition: 0.5s ease all
}
.logo{width: 300px}

.navicon {
    border-radius: 50%;
    width: 61px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 8px 0;
    margin-left: 10px;
}

.navicon span {
    display: block;
    background: #ffffff;
    width: 51%;
    height: 3px;
    margin-bottom: 2px;
    border-radius: 10px;
}
.welblk{width: 400px}

.weltext{

    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
  }

 .weltext:after {
    position: absolute;
    content: '';
    width: 2px;
    height: 19px;
    background: #ffffff;
    right: -75px;
    top: 3px;
}
.banner{
  width: 100%;
  height: 100vh;
  background: url(../images/banner.webp) no-repeat;
  background-size: cover;
  position: relative;
}

.semibold{
  font-weight: 600;
}

.heading{
  font-weight: 300;
  font-size: 50px;
  text-transform: uppercase;
  color: #2e214e;
  margin-bottom: 20px;
}

.bannertxt{
  width: 750px;
  position: absolute;
  left: 5%; top: 38%;
  line-height: 1;
}

.content{
  font-weight: 400;
  color:#2e214e;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 1.3;
}

.aboutsec{
  position: relative;
    align-items: center
}

.arrow{
  position: absolute;
  bottom: 3%;
  right: 7.5%;
  z-index: 11111;
  width: 5%;
}
.dflex{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.infrablock .productsblk{
  border: 1px solid #6994f6;
  border-radius: 30px;
}

.dflex_center{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center
}
.common-padding{
  padding: 80px 0;
}

.about-left{
  width: 50%;
}

.about-right{
  width: 40%;
}
.subheading{
  color: #09965a;
  font-size: 22px; 
  text-transform: uppercase;
  margin-bottom: 20px; 
}

.headingrr1{
  font-size: 30px;
  text-transform: uppercase;
  line-height: 1.2;
  margin-bottom: 20px;
  font-weight: 400;
}

p {
    font-size: 15px;
    color: #202020;
    margin-bottom: 20px;
    font-weight: 400;
    line-height: 28px;
}


.readmore {
    font-size: 16px;
    color: #09965a;
    padding: 10px 25px;
    border: 1px solid #09965a;
    border-radius: 30px;
    margin-top: 20px;
    display: inline-block;
}



.aboutblk:before {
    position: absolute;
    content: '';
    background: url(../images/aboutimg.webp) no-repeat;
    width: 47%;
    height: 80%;
    left: 0;
    background-size: cover;
    top: 32%;
    z-index: -6;
}


.sec3blk {
    margin: 0 auto;
    background: url(../images/sec3img.webp) no-repeat;
    background-attachment: fixed;
    background-size: cover;
    border-radius: 40px;
    padding: 100px 50px;
}


.mole {
    position: absolute;
    width: 140px;
    right: 10%;
    top: 75%;
}

.sec3left{
  width: 40%
}

.sec3right{
  width: 55%
}

.productsblk{
  width: 20%;
  margin: 10px 0
}

.number{
  font-size: 20px;
  color: #09965a;
  margin-bottom: 10px;
}

.prott{
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 0px;
  color: #2e214e;
  min-height: 48px;
  line-height: 1.5;
  }

.line{
  width: 100%;
  height: 2px;
  background:#09965a;
  margin: 10px 0;
  display: block;
}

.sec4flex{
  display: flex;
  align-items: center;
}

.sec4left {
    width: 59%;
}

.sec4right {
    width: 40%;
    margin-left: -200px;
}

.sec4{
  position: relative;
  overflow: hidden;
}

.sec4:before {
    position: absolute;
    content: '';
    width: 30%;
    height: 100%;
    background: url(../images/sec4img.webp) no-repeat;
    background-size: 100%;
    top: -27%;
    right: 0;
}

.mole2 {
    position: absolute;
    width: 250px !important;
    left: 83%;
    z-index: 111;
    right: inherit;
}


.sec5img {
    background: url(../images/sec5img.webp) no-repeat;
    background-attachment: fixed;
    height: 700px;
    background-size: cover;
    border-radius: 40px;
    /* padding: 150px 0; */
    position: relative;
    display: flex;
  }

  .sec5txt {
    width: 39%;
    padding-left: 5%;
    margin-top: 24%;
}
.voicetxt{
  text-align: center;
  color: #202020;
  text-transform: inherit;
}

.formfeildblk {
    margin: 0 0 30px;
    width: 32%;
}

.formfeild, textarea {
    background: transparent;
    border: 1px solid #202020;
    padding: 0 20px;
    font-size: 16px;
    width: 100%;
    height: 45px;
    color: #069053;
    border-radius: 30px;
    line-height: 1.2;
    outline: none;
    font-family: "Roboto", sans-serif;
}
textarea.formfeild{resize: none;padding-top: 13px}
textarea.formfeild::-webkit-scrollbar {
   display: none;
 }

.formfeildblk.comment-field {
    width: 100%;
}

.enquiryform {
    align-items: flex-start;
    width: 80%; margin: 35px auto 0; 
}

.flex-between-center {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}



.submitbtn {
    background: #069053;
    padding: 15px 30px;
    border: none;
    letter-spacing: 1px;
    border-radius: 30px;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;width: 150px
}

.submitbutwrap{
  width: 100%
}

.footerbg{
  background: #353535;
  background-size: cover;
  padding:  30px;
  border-radius: 30px;
  margin-bottom: 30px;
}

.footerflex{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.footer-width{
  width: 32%
}

.footernav li{
  margin-bottom: 10px;
    line-height: 1
}

.footerbot{border-top: 1px solid #fff;display: flex;justify-content: center;flex-wrap: wrap;padding-top: 10px;align-items: center;}
a.social-icon.linkdin {
    width: 35px;
    height: 35px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footernav li a{
  font-size: 16px;
  color: #fff;
  padding: 10px;
}

.footerlinkwrap {
    display: flex;
}

.footerlinkwrap a {
    display: block;
    color: #fff;
    position: relative;
    font-weight: 400;
    font-size: 15px;
}
.footerlinkwrap a + a:before {
    content: "|";
    position: absolute;
    left: -5px;
    font-size: 18px;
    line-height: 1;
}
.linkdinfooter{justify-content: flex-start}
.copywrite {
    color: #ffffff;
    font-size: 12px;
    margin-top: 10px;
}

.footerlinkwrap a + a {
    margin-left: 20px;
    padding-left: 20px;
}
.icon-ok {
    color: #419d47;
}
.sec6blk:before {
    position: absolute;
    content: '';
    background: url(../images/sec6img.webp) no-repeat;
    background-size: cover;
    width: 38%;
    height: 85%;
}
.sec6blk{
position: relative;
    overflow: hidden;
}

.enqublk {
    position: absolute;
    width: 250px !important;
    left: 83%;
    top: 60%;
    z-index: 111;
    right: inherit;
}

.social-icon{
  color: #fff;
  border-radius: 50px;
  border: 1px solid #fff;
  font-size: 14px;
  padding: 7px 6px;
  margin: 0 5px;
}

.facebook:hover{
  background: #316FF6
}

.linkdin:hover{
  background: #0A66C2
}

.instagram:hover{
  background: #f09433; 
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
 background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
 background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); }

.youtube:hover{
  background: #CD201F
}


.arrow {
    -webkit-animation: shake-vertical 6s cubic-bezier(0.455, 0.030, 0.515, 0.955) 2s infinite both;
    animation: shake-vertical 6s cubic-bezier(0.455, 0.030, 0.515, 0.955) 2s infinite both;
}

* ----------------------------------------------
 * Generated by Animista on 2022-5-31 12:36:15
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation shake-vertical
 * ----------------------------------------
 */
@-webkit-keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  80% {
    -webkit-transform: translateY(6.4px);
            transform: translateY(6.4px);
  }
  90% {
    -webkit-transform: translateY(-6.4px);
            transform: translateY(-6.4px);
  }
}
@keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  80% {
    -webkit-transform: translateY(6.4px);
            transform: translateY(6.4px);
  }
  90% {
    -webkit-transform: translateY(-6.4px);
            transform: translateY(-6.4px);
  }
}

header.scrolled {
    background: #fff;
    padding: 5px 0;
    box-shadow: -1px 1px 10px 0px #ccc;
    position: fixed;
    top: 0;
    z-index: 9999;
}
.inner-banner{line-height: 0;position: relative}
.inner-bannertxt {
    position: absolute;
    left: 0;
    right: 0;
    top: 12%;
    line-height: 1;
    text-align: center
}


.enqureblk{
  background: #f3f3f3;
  padding: 100px 100px;
  border-radius: 40px;
}

.mb100{margin-bottom: 100px}
.enqureblk .enquiryform{
  width: 100%;
}

.contectpage .prott{
  color: #2e214e;
  min-height: auto;
  font-weight: 400;
  margin-bottom: 10px;
  }

.contectpage p{color: #202020;font-weight: 600;}

/*.contectpage{width: 70%}*/

.contact-web{position: relative;/* overflow: hidden; */}

.contact-web:before{
   position: absolute;content: '';
   background: url(../images/contact-web.webp) no-repeat;
   width: 35%;
   height: 100%;
   top: 31%;
   right: 5px;
   background-size: cover;
   z-index: -1;
 }

 .innermole{
  top: 5%
}
.bulletpoint li{
  font-size: 16px;
  color: #202020;
  font-weight: 500;
  padding: 5px 0 5px 23px;
  position: relative;
}

.bulletpoint li:before{
  position: absolute;
  content: '';
  width: 6px;
  height: 6px;
  background: #069053;
  /* color: #069053; */
  border-radius: 10px;
  left: 0px;
  top: 13px;
}
#bulletpoint-white li:before{
  background-color: white;
}
.menublk{
  margin-top:100px
}

.manuleft{width: 55%;  }
.manuright{width: 42%; }

.manuleft img, .manuright img{border-radius: 25px;}

.manufacturing-page{position: relative;}

.manufacturing-page:before{
  position: absolute;
  content:'';
  background: url(../images/manufacturing-page.webp) no-repeat;
  background-size: cover;
  width: 26%;
  height: 50%;
  left: 0;
  bottom: 0;
  z-index: -1;
}

table {
    border-spacing: 0;
    width: 100%;
    margin: 25px 0;
    border-spacing: 0;
}

 table th {
    padding: 15px 25px;
    font-size: 17px;
    color: #fff;
    text-align: left;
    font-weight: 600;
    letter-spacing: 1px;
}
table th {
    background: #293f95;
    text-transform: uppercase;
  }

  table tr{background: #f9f9f9;border-bottom: 1px solid #dbdbdb;}

  table td{
    color: #000000;
    text-align: left;
    padding: 15px 25px;
    font-size: 17px;
    font-weight: 400;
    }

  .top-left{border-radius: 20px 0 0 0;}
  .top-right{border-radius: 0 20px 0 0;} 
  .bottom-left{border-radius:0 0 0 25px}
  .bottom-right{border-radius: 0 0 25px 0}


.product-page{
  position: relative;
}
.inner-bannertxt {
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    text-align: center;
    top: 38%;
    margin: auto
}
.inner-bannertxt .heading{margin-bottom: 0}

.proddd{position: relative;}
.innermole2{position: absolute; left: 0; top: 35%; width: 250px}

.pos-relative{position: relative;}

.indicators{background: url(../images/indicators.webp) no-repeat; background-size: cover; padding: 100px 50px; border-radius: 40px}



.aboutsec .productsblk{width: 30%}

.aboutsec .prott {
    color: #078047;
    min-height: auto;
    margin-bottom: 10px;
}
.icon{width: 75px}
.missionflex{display: flex; }
.mission{width: 28%}
.mission-img{width: 44%}
.vision {   width: 28%;  margin-top: 300px;   margin-left: -70px;}


.missistaller{position: relative;}
.missistaller:before{position: absolute;background: url(../images/missistaller.webp) no-repeat;background-size: cover;width: 39%;height: 75%;left: 0;content: '';top: 46%;z-index: -1;}
.keyblk{position: relative;}
.keyblk:before{position: absolute;content: '';background: url(../images/key-right.webp) no-repeat;right: 0;bottom: -37%;background-size: cover;z-index: -1;width: 42%;height: 85%;}
.keyblk:after{position: absolute;content: '';background: url(../images/key-left.webp) no-repeat;left: 0;top: -17%;background-size: cover;z-index: -1;width: 28%;height: 46%;}
.innermole3{position: absolute;left: 10%;top: 48%;width: 150px;transform: rotate(88deg);}



/*menu open*/


 .desk-navigation {
    position: fixed;
    right: 0;
    top: 0;
    width: 0%;
    height: 100vh;
    background: #493e61; /* Old browsers */
  
    background: linear-gradient(to right,  #09965a 33%,#09965a 33%,#09965a 33%,#09965a 33%,#09965a 100%); /* W3C, IE10+, FF16+, +, Opera12+, Safari7+ */
    overflow: hidden;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    z-index: 99999;
}
.desk-navigationopen {
    opacity: 1;
    width: 100%;
    height: 100vh;
    padding: 0;
}
.desk-navigationwrap {
    height: 100%;
    display: none;
    position: relative;
    z-index: 1;
}
.desk-navcloseblk {
    font-size: 18px;
    text-transform: uppercase;
}
.desk-closeicon {
    cursor: pointer;
    color: #fff;
    float: left;
    font-size: 25px;
    font-weight: bold;
    opacity: 1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.desk-navigationheader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 40px;
    right: 0;
}
.desk-navigationheader .logoblk {
    position: static;
    margin: 0;
}
.navigation-blk {
    display: flex;
    justify-content: space-between;
}
.navigation-left {
    width: 100%;
}
.desk-navigationwrap .container {
    position: relative;
}
.navigation-wrap {
    display: flex;
    align-items: center;
    height: 100vh;
}
.navigation-innerblk {
    width: 92%;
    margin: 0 auto;
    display: flex;
}
.desk-navblk {
    width: 32%;
}
.desk-navblk:last-child {
    width: 100%;
    margin-left: 50px;
}
.desk-navigationlist ul {
    display: flex;
    justify-content: flex-start;
    margin: 0 auto;
}
.desk-navigationlist li a {
    color: #fff;
    position: relative;
    font-size: 32px;
    line-height: 1.2;text-transform: capitalize;
    padding: 5px 10px;
    letter-spacing: 1px;
}
.desk-navigationlist li a:hover{text-decoration: none;}
.desk-navigationlist li {
    margin: 0 0 30px;
    position: relative;
    padding: 0;
}
.desk-navigationlist ul li ul{flex-direction: column;margin: 0;width: 50%}
.inner-listblk {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;margin: 20px 0 0;
}
.desk-navigationlist li ul li{margin: 0 0 15px}
.desk-navigationlist li ul li a{font-size: 26px;color: #aca4bd}


/*Menu End*/

.logo-blue{display: none;}
.scrolled .logo-white{display: none;}
.scrolled .logo-blue{display:block;}
.scrolled .weltext { color: #2e214e;}
.scrolled .navicon span { background: #128c53;}
.scrolled .weltext:after {background: #128c53;}
.innerpage .heading{color: #fff;margin-bottom: 0}

.aboutleft{width: 65%;padding: 0 0 0 0}
.aboutright{width: 30%}
.aboutright img{border-radius: 50px}
.missionwidth{background: #3672b7;box-shadow: -1px 1px 6px 1px #9b9595;border-radius: 30px;margin-bottom: 40px;align-items: normal;overflow: hidden}
.visionblock{background: #09965b;flex-direction: row-reverse}
.missionwidth .headingrr1 span{font-weight: 600;}
.missionwidth p{font-size: 20px;line-height: 1.5;padding-right: 10%}
.missimg{line-height: 0; overflow: hidden; border-radius: 30px;width: 54%}
.visionblk .aboutsec{padding: 0 3%}
.missioninfo{width: 50%;padding: 20px 40px 0;}
.missioninfo img {
    width: 140px;
    margin-right: -30px;
}
.missimg img{border-radius: 30px; transition: 1.5s;}
.mt25{margin-top: 25px}
.mb25{margin-bottom:25px}
.visionblk{padding-bottom:100px}
.missimg:hover img{transform: scale(1.05); border-radius: 30px}
.groupinfowrapper{background: url(../images/group-bg-img.jpg) no-repeat top center;background-size: cover;}
.thetext {
    color: #2e214e;
    font-size: 50px;
    font-weight: 400;
    margin-left: 15%;
    line-height: 1
}
.groupinnerinfoblock{width: 85%;margin: 0 auto}
.grouptext {
    font-size: 140px;
    font-weight: 300;
    color: #2e214e;
    line-height: 0.9;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 15px
}
.grouptext span{
    display: inline-block;
    line-height: 0;
}
.grouptext span img{
    max-width: 125px;
}
.pointerimg {
    width: 70%;
    margin: 0 auto;
}
.grouprow {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.groupinfoblock h6{text-transform: uppercase;font-weight: 600}
.groupcol {
    color: #fff;
    width: 31%;
    background: linear-gradient(270deg, #227879, #128c52);
    padding: 10px 20px;
    border: 5px solid #fff;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
.groupcol li:before{background: #fff}
.groupcol img {
    width: 60px;
    margin: 0 0 20px;
}

.partnertable table tr:last-child{border-bottom: 0}
.partnertableblk{margin-top: 70px}
.partnertableblk table th{background: #419296}
.productsblk p{font-size: 16px}


.subheading{font-size: 30px; margin-bottom: 10px; color: #2e214e; font-weight: 400}
.poinmenu{margin-top: 50px}
.highpoint-width{width: 30%}
.highpimg{overflow: hidden; border-radius: 30px;}
.highpimg img{border-radius: 30px; transition: 1.5s; }
.highpimg:hover img{transform: scale(1.05); border-radius: 30px; }
.highpoint-width .prott{min-height: auto; }
.qualitycontrolblk{background: white;padding: 30px;}
.whitetxt, .bulletpoint.whitetxt li{color: #fff}
.bluetext{color: #2e214e !important}
.greentext{color: #09965a !important}
.pointleft{width: 48%}
.pointleft .quality-control-icon{width:120px;}
.qulityrr .prott{min-height: auto; font-size: 22px; font-weight: 400}
.pointright{width: 47%; overflow: hidden; border-radius: 30px; }
.pointright img{transition: 1.5s;}
.pointright:hover img{transform: scale(1.05); border-radius: 30px}
.qulityrr p{font-size: 16px}
.qualiflex{align-items: center;}
.manufa-left {
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.manufa-left img {
    width: 22%;
}
.manufa-left img{transition: 1.5s;border-radius: 30px;}
.manufa-left:hover img{transform: scale(1.05);border-radius: 30px;}
.manufa-right{width:100%}
.certification-head{font-size: 30px; font-weight: 400; text-transform: uppercase;}
.certifications_wrapper{padding: 0 5%}
.manufa-right p{color: white;}
.hiblk .prott{min-height: auto}
.capabilities{padding: 30px; background: #f3f3f3; border-radius: 30px}
.advancing-care .productsblk {width: 22%}
.envleft{width: 45%}
.envright{width: 45%; border-radius: 30px; overflow: hidden; }
.envright  img{transition: 1.5s; border-radius: 30px;}
.envright:hover img{transform: scale(1.05);border-radius: 30px;}
.widthres {width: 20%;position: relative;}
.whybiolife_wrapepr .widthres{width: 25%}
.widthres:before{position: absolute;content: '';clip-path: polygon(100% 0, 100% 57%, 47% 34%, 0 57%, 0 0);width: 100%;height: 50%;background: #4ac753;z-index: -1;left: 0;top: -7%;height: 100%;border-radius: 45px;}

.iconbox{background: #fff;box-shadow: 0 0 7px 0px #e9e9e9;margin: 0 7%;border-radius: 30px;min-height: 340px;align-items: center;display: flex;padding: 0 15px}
.widthresec:before{bottom: -7%;top: inherit;clip-path: polygon(100% 100%, 100% 42%, 49% 78%, 0 42%, 0 100%);background: #259244;}
.widthrethirt:before{background: #bfc639}
.widthrefour:before{background: #419296}
.widthrefive:before{background: #283e94}
.researchicon{width: 75px;height: 75px;background: #fff;border: 6px solid #269747;position: absolute;top: -13%;padding: 10px;left: 0;border-radius: 50%;right: 0;margin: 0 auto;}
.icon2blk{bottom: -10%; top: inherit; border-color: #2f6291}
.icon3blk{ border-color: #1ba63c}
.icon4blk{ border-color: #1ba56d}
.icon5blk{ border-color: #ddf1f1}
.reseheading{font-size: 22px;font-weight: 700;color: #259244;text-align: center;line-height: 1;margin-bottom: 10px;}
.iconbox p{text-align: center;font-size: 14px;line-height: 21px}
.cdmoser .iconbox{}

.banner_wrapper {width: 100%;height: 100vh;position: relative;background: url('../images/home-banner-new.webp') no-repeat center;background-size: cover}
.banner_txtblk {
    position: absolute;
    top: 40%;
    left: 0;
    color: #fff;
    width: 75%;
    right: 0;
    margin: auto;
}
.banner_bigtxt {
    font-size: 50px;
    line-height: 50px;
    text-transform: uppercase;
    font-weight: 400;margin: 0 0 20px 0;
    color: #fff
}
.banner_bigtxt span {font-weight: 600}
.banner_smalltxt {
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500
}
.aboutwrap_blk {display: flex;justify-content: space-between;align-items: center}
.about_info_blk {width: 50%}
.about_picblk {width: 40%;line-height: 0;border-radius: 20px;overflow: hidden}
.small_ttl {
    color: #09965a;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 20px 0;
}
.small_ttl span {font-weight: bold}
.common_padding {padding: 50px 0}
.headingrr1 span {font-weight: bold}
.read_btn {margin: 40px 0 0 0}
.read_btn a {font-size: 15px;line-height: 15px;color: #09965a;border: 1px solid #09965a;padding: 16px 30px;text-transform: uppercase;font-weight: 500;border-radius: 70px;cursor: pointer;display: inline-block}
.read_btn a:hover {background: #09965a;color: #fff;border: 1px solid 09965a}
.read_btn.white_txt a {color: #fff;border: 1px solid #fff}

.product_service_wrapper {margin: 0 auto;padding:  50px;background: url('../images/product-background.png') no-repeat center;background-size: cover;border-radius: 50px;background: #e1ede1}
.product_service_blk {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}
.product_service_wrapper .section_desc {
    min-height: 140px;
}
.prodservice_leftblk {width: 100%;text-align: center;margin-bottom: 20px}
.prodservice_rightblk {width: 100%;display: flex;justify-content: space-between;}
.prod_serv_ttl {
    font-size: 20px;
    line-height: 20px;
    color: #2e214e;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    position: relative;
}
.prod_serv_ttl:before {position: absolute;content: "";width: 100%;height: 3px;background: #09965a;bottom: 0;left: 0}
.proserv_item {
    max-width: 49%;
    padding: 0 20px
}
.whybiolife_wrapepr {padding: 100px 0}
.whybiolife_blk {margin: 70px 0 0 0}

.white_txt {color: #fff !important}

.manufacture_wrapper {position: relative;overflow: hidden;line-height: 0;border-radius: 50px;height: 550px}
.manufacture_wrapper img{width: 100%;height: 100%;object-fit: cover}
.manufacture_wrapper:before {
    position: absolute;
    content: "";
    left: -25%;
    bottom: -15%;
    width: 75%;
    height: 111%;
    border-radius: 50% 50% 1% 1%;
    background: radial-gradient(rgb(38 149 102 / 90%) 25%, transparent 65%);
}
.manufacture_blk {
    position: absolute;
    bottom: 15%;
    left: 7%;
    width: 300px;
    z-index: 1
}
.sustainablity_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;padding: 100px 0
}
.sustain_pic_blk {
    width: 50%;
    line-height: 0;
}
.sustain_info_blk {
    width: 36%;
    padding: 0 5%;
}
.environment_txt {font-size: 33px;line-height: 40px;color: #2e214e;font-weight: 500;text-transform: uppercase;margin: 0 0 20px 0;}
.process_txt {
    font-size: 21px;
    line-height: 30px;
    color: #09965a;
    font-weight: 500;
    margin: 0 0 20px 0;
}
.commit_txt {font-size: 18px;line-height: 18px;color: #2e214e;font-weight: bold;margin: 0 0 20px 0}
.getintouch_blk {
    padding: 70px 0 50px 0;
    position: relative;
    width: 95%;margin: 0 auto
}

.getintouch_blk:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 4px;
    background: #128c53;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.getintouch_frmblk .formfeild, .getintouch_frmblk textarea {border: 1px solid #09965a}
.infrablock .productsblk {
    display: flex;
    width:85%;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    
    margin: auto;
}
.infrablock .productsblk .bulletpoint li{
    font-weight: 300
}
.infrablock .productsblk .prott{
    font-weight: 500;
    font-size: 24px;
}
/*
.infrablock {
  background-color: #293f95;
  color: white;
}
*/
.infrablock .productsblk{
  padding: 40px 40px;
}
.infrablock .productsleftblk {
    width: 50%;
}

.infrablock .highpimg {
    width: 48%;
}

#highpimg1{
  margin-right: -100px;
}

#highpimg2{
  margin-left: -100px;
}
.infrablock .productsblk:nth-child(2){
    flex-direction: row-reverse;
    margin-top:60px;
    
}
.flex_row_reverse{
    flex-direction: row-reverse
}

.cdmo_process{
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}
.cdmo_process_wrap {
    padding: 10px;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 33%;
    margin: 0 auto;
    transition: 1s ease all;
    position: relative;
    flex-wrap: wrap;
}
.cdmo_process_slider{margin-top: 80px}
.cdmo_process_slider .slick-slide.slick-current.slick-active.slick-center .cdmo_process_wrap {
    background: #293f95;
}


.cdmo_servicesinfo {
    padding: 5%;
    color: #fff;
}

.cdmoservicestitle {
    font-size: 50px;
    font-weight: 600;
    opacity: 0.3;
    margin-bottom: 50px
}
.cdmonumber{    
    font-size: 45px;
    font-weight: 600;
    opacity: 0.3;
    position: absolute;
    bottom: 20px;
    right: 30px;
    color: #fff
}
.cdmo_servicesinfo ul.bulletpoint li {
    font-weight: 500;
    font-size: 13px
}
.cdmonumbersvg {
    width: 90%;
    height: auto;
    position: relative;
}
.cdmo_servicesimg {
    width: 250px;
    height: 250px;
    display: flex;
    align-items: flex-end;
    margin-left: 50px
}
.cdmo_process_inner_wrap {
    width: 100%;
    margin: 0;
}
.cdmo_process_wrap:nth-child(1) .cdmo_servicesimg {
    width: 90px;
    top: 52%;
    left: -1%;
}

.cdmo_process_wrap:nth-child(2) .cdmo_servicesimg {
    width: 120px;
    top: 39%;
    left: 20%;
}
.cdmo_process_wrap:nth-child(3) .cdmo_servicesimg{margin-left: 0}
.cdmo_servicesinfo .small_ttl{font-size: 15px;margin: 0}
.cdmo_servicesinfo ul.bulletpoint li:before {
    background: #202020;
    width: 5px;
    height: 5px;
    top: 15px;
}
.slick-prev.slick-arrow{
    background: url(../images/left_arrowinfra.webp) no-repeat center;
    background-size: 100%;
    width: 50px;
    height: 50px;
    left: -2%;
    border: 1px solid #fff;
    border-radius: 50%
}
.slick-next.slick-arrow{
    background: url(../images/left_arrowinfra.webp) no-repeat center;
    background-size: 100%;
    width: 50px;
    height: 50px;
    right: -2%;
    border: 1px solid #fff;
    border-radius: 50%
    
}
/*.infrastructurepage footer{margin-top: -50px}*/
/*.certificateseciton{ background-color: #069053;}*/
.mobresimg{display: none}
.cdmo_process_slider .slick-track
{
    display: flex !important;
}

.cdmo_process_slider .slick-slide
{
    height: inherit !important;
}


#menu:not(.mm-menu){display:none}
.infrainfoblock{position: relative;border-radius: 10px;overflow: hidden}
.infrainfoblock:before{
    position: absolute;
    content: "";
    background: url(../images/infrastructure/overlay.webp) no-repeat top center;
    background-size: cover;
    width: 100%;
    height: 100%;
    opacity: 0.9
}
.infrainfotext {
    position: absolute;
    left: 5%;
    top: 40%;
    z-index: 1;
    width: 38%;
}

.infrainfotitle {
    font-size: 31px;
    font-weight: 600;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 5px
}

.infrainfotext p {
    font-size: 16px;
    color: #fff;
}
.infra_slider .slick-dots li button {
    background: #fff;
    width: 6px;
    height: 6px;
    padding: 4px;
    border-radius: 50%;
    opacity: 0.7;
}

.infra_slider .slick-dots {
    bottom: 10%;
    text-align: right;
    padding-right: 5%;
    z-index: 5;
}

.infra_slider .slick-dots li {
    margin: 0 2px;
}

.infra_slider .slick-dots li.slick-active button {
    background: #cddc29;
    opacity: 1;
}
.infra_slider .slick-track
{
    display: flex !important;
}

.infra_slider .slick-slide
{
    height: auto !important;
}
.infrainfoblock img {
    height: 550px;
    object-fit: cover;
    width: 100%;
}
.about-banner {
    line-height: 0;
    position: relative;
    height: 60vh;
    background: linear-gradient(-15deg, #a8d13f, #63b046, #2d59aa 60%);
}

a.back-to-top {
    display: none;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    position: fixed;
    z-index: 1000;
    right: 10px;
    bottom: 20px;
    background: #00467a url(../images/scrolltop.webp) no-repeat center;
    background-size: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
}


@media only screen and (min-width:1400px){
}


@media only screen and (min-width:1500px){
    .small_ttl, .prod_serv_ttl, .reseheading, .process_txt, .prott{font-size: 24px;line-height: 1.2}
    p, .read_btn a, .iconbox p, .footernav li a, .cdmo_servicesinfo .small_ttl, .bulletpoint li, .productsblk p{font-size: 15px;line-height: 30px}
    .read_btn a, .submitbtn{font-size: 15px;line-height: 1}
    .environment_txt, .headingrr1{font-size: 40px;line-height: 1.2}
    .prott{font-size: 30px !important;line-height: 1.2}
    .cdmo_servicesinfo ul.bulletpoint li{font-size: 18px}
    .iconbox{min-height: 480px}
    .manufacture_blk{width: 400px}
    .cdmo_servicesimg{width: 250px;height: 250px}
    .cdmo_process_wrap:nth-child(1) .cdmo_servicesimg, .cdmo_process_wrap:nth-child(2) .cdmo_servicesimg{width: 150px;height: 250px}
/*
    .cdmo_servicesimg {
    width: 15rem;
    position: absolute;
    top: 0;
    left: 20%;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 15rem;
}
.cdmo_process_inner_wrap {
    width: 100%;
    margin: 0 auto;
    margin-top: -40px;
    padding-left: 65px;
}
.cdmo_process_wrap:nth-child(1) .cdmo_servicesimg {
    width: 15rem;
    top: 15%;
    left: -1%;
}

.cdmo_process_wrap:nth-child(2) .cdmo_servicesimg {
    width: 15rem;
    top: 12%;
    left: 20%;
}
    .cdmo_servicesimg img {
    width: 100%;
}
*/
    .img-fluid{width: 100%}
    .formfeild, textarea{font-size: 18px;height: 55px}
    
::-webkit-input-placeholder {color:#202020; font-size: 18px }
:-moz-placeholder { color:#202020; font-size: 18px}
::-moz-placeholder{color:#202020; font-size: 18px}
    a.social-icon.linkdin {
    width: 50px;
    height: 50px;
    }
    .copywrite{font-size: 0.7em}
    .researchicon {
    width: 100px;
    height: 100px;
    }
    .missioninfo {
    width: 50%;
    padding: 60px 80px 0;
}
    .infrainfoblock img{height: 700px}
}

@media only screen and (min-width:1600px){
    .banner_bigtxt{font-size: 60px;line-height: 60px}
    .banner_smalltxt, .small_ttl{font-size: 22px;line-height: 1.5}
.contact-web:before {height: 140%}
.manufacturing-page:before {
    width: 22%;
    height: 60%;

}

.sec6blk,.aboutsec, .sec4 {
    overflow: visible;
}

.sec6blk:before {
    
    width: 26%;
    height: 89%;
    z-index: 99999999;
}

.sec4:before {
   
    width: 22%;
  
    z-index: -1;
}

.keyblk:before {height: 120%}
.keyblk:after {height: 65%}
.missistaller:before {height: 85%}

}
@media only screen and (max-width:1280px){
    .manufacture_wrapper{width: 100%}
    .groupinnerinfoblock{width: 90%}
    .cdmoservicestitle{font-size: 40px;margin-bottom: 30px}
    .cdmo_servicesinfo{padding: 5% 3%}
}
@media only screen and (max-width:1200px){
    .whybiolife_wrapepr .widthres {
    width: 50%;
    margin-bottom: 80px;
}
    .thetext{text-align: center;margin-left: 0}
    .cdmoservicestitle{font-size: 30px;line-height: 1;margin-bottom: 10px}
    .infrablock .productsblk{width: 100%}
    #highpimg1{margin-right: -80px}
    #highpimg2{margin-left: -80px}
    .grouptext{font-size: 110px}
    .grouptext span img{width: 100px}
}

@media only screen and (max-width:1024px){
    #highpimg1{margin-right: 0}
    #highpimg2{margin-left: 0}
    .groupinnerinfoblock, .infrablock .productsleftblk, .infrablock .highpimg{width: 100%}
    .infrablock .highpimg, .pointright{margin: 20px auto 0;text-align: center}
    .slick-next.slick-arrow{right: -3%;width: 50px;height: 50px}
    .slick-prev.slick-arrow{left: -3%;width: 50px;height: 50px}
    .cdmo_process_slider .slick-slide.slick-current.slick-active .cdmo_process_wrap {background: #293f95;}
    .infrablock .productsblk{padding: 20px}
    .pointleft, .pointright{width: 100%}
    .cdmo_process{justify-content: center;flex-wrap: wrap}
    .cdmo_process_wrap{justify-content: center}
    .cdmo_servicesimg{margin-left: 0}
    .infrainfotext{top: 25%}
    .infrainfotitle{font-size: 26px}
    .infrainfotext p{font-size: 15px}
    .sustain_info_blk{width: 45%}
}
@media only screen and (max-width:980px){
    .logo{width: 250px}
    .welblk{width: auto}
    .weltext:after, .prodservice_leftblk br{display: none}
    .banner_bigtxt{font-size: 40px}
    .product_service_blk{flex-wrap: wrap}
    .prodservice_leftblk, .aboutleft, .missioninfo{width: 100%;text-align: center;}
    .prodservice_rightblk, .aboutright{width: 100%;flex-wrap: wrap}
    .environment_txt, .headingrr1{font-size: 28px}
    .product_service_wrapper{padding: 30px 20px;border-radius: 30px}
    .proserv_item{max-width: 100%;margin-bottom: 50px;text-align: center}
    .product_service_wrapper .section_desc{min-height: auto}
    .enquiryform{width: 100%}
    .footer-width{width: 49%}
    .heading{font-size: 40px}
    .missionwidth p{padding-right: 0;font-size: 16px}
    .missioninfo .text-right{text-align: center}
    .missioninfo img{margin-right: 0}
    .infrablock .productsblk, .highpimg, .highpimg img, .manufa-left img{border-radius: 20px}
    .subheading{font-size: 24px}
    .contectpage{width: 100%}
    .productsblk{width: 45%}
    .grouptext{font-size: 90px}
    .grouptext span img{width: 80px}
}
@media only screen and (max-width:767px){
    .weltext{font-size: 12px}
    .navicon{width: 25px}
    .navicon span, .about_info_blk, .about_picblk, .sustain_pic_blk, .sustain_info_blk, .formfeildblk{width: 100%}
    .banner_txtblk{width: 90%;text-shadow: 1px 1px 1px #000}
    .banner_bigtxt{font-size: 30px;line-height: 1.5}
    .banner_smalltxt{font-size: 16px}
    .aboutwrap_blk{flex-wrap: wrap;justify-content: center;text-align: center}
    .about_picblk{margin: 30px auto 0}
    p{font-size: 14px}
    .environment_txt, .headingrr1{font-size: 24px;line-height: 1.2}
    .proserv_item{padding: 0}
    .proserv_item:last-child{margin: 0}
    .read_btn{margin: 20px 0 0}
    .read_btn a, .submitbtn{padding: 10px 20px;font-size: 14px}
    .submitbtn{width: 100px}
    .whybiolife_wrapepr .widthres{width: 100%}
    .iconbox{min-height: inherit;margin: 0 4%;padding: 10px;background: none;box-shadow: none}
    .whybiolife_blk{margin: 50px 0 0 0}
    .whybiolife_wrapepr .widthres{display: flex;flex-wrap: wrap;}
    .researchicon{position: static;order: -1;}
    .widthresec:before, .widthres.cdmoser:before{bottom: auto;clip-path: none;top: 12%}
    .reseheading, .iconbox p{color: #fff}
    .widthres.cdmoser:before{background: #2f6291}
    .widthres.widthresec.widthrethirt:before{background: #1ba63c}
    .widthres.widthrefour.cdmoser:before{background: #1ba56d}
    .widthres:before, .widthres.cdmoser{height: 88%;border-radius: 20px}
    .whybiolife_wrapepr .widthres{margin-bottom: 30px}
    .reseheading{font-size: 18px;line-height: 1.2}
    .manufacture_blk{width: 85%}
    .manufacture_wrapper{border-radius: 20px;height: auto}
    .whybiolife_wrapepr, .sustainablity_wrapper, .common-padding{padding: 60px 0}
    .manufacture_wrapper:before{display: none}
        .manufacture_blk {
        width: 100%;
        position: static;
        padding: 20px;
        background: #5eaf46;
            animation: none
    }
    .sustainablity_wrapper{flex-wrap: wrap}
    .process_txt{font-size: 18px;line-height: 1.5}
    .footernav li a{font-size: 14px}
      .deskimg{display: none}
    .mobresimg{display: block}
    header{top: 0;padding: 5px 0;background: #000}
    .inner-banner {
    padding-top: 67px;
}
/*    .inner-bannertxt, .product-banner .inner-bannertxt{background: #211545;position: static;padding: 20px;animation: none;width: 100%}*/
    .inner-bannertxt{top: 46%}
    .heading{font-size: 30px;margin-bottom: 0}
    .inner-banner{padding-top: 67px}
    .groupcol{width: 46%;margin: 10px 10px}
    .pointerimg{display: none}
    .grouprow{justify-content: center;margin: 20px 0}
    table{display: block;overflow-x: auto;}
    .cdmo_servicesinfo, .envleft, .envright{width: 100%}
    .envleft{margin: 0  0 20px}
    .bulletpoint li{font-size: 14px}
    .envright img, .envright{border-radius: 15px}
    .certifications_wrapper{padding: 0}
    .enqureblk{padding: 50px}
    .cdmonumbersvg{width: 225px}
    .cdmo_process_wrap{width: 100%}
    .cdmo_process_wrap{justify-content: flex-start}
    .cdmo_servicesimg{height: auto;margin: 0 auto}
    .infrainfoblock:before{display: none}
    .infrainfoblock{height: 100%;background: #2e214e;}
    .infrainfotext {position: static;background: #2e214e;width: 100%;padding: 20px;}
    .infra_slider .slick-dots{padding: 0;bottom: 6%}
    .infrainfotitle{font-size: 24px}
    .infrainfotext p{font-size: 14px;line-height: 1.5}
    .infrainfoblock img{height: auto}
    .about-banner {height: 40vh}
    .aboutright img{border-radius: 20px}
    .grouptext{font-size: 80px}
    .slick-prev.slick-arrow, .slick-next.slick-arrow{width: 40px;height: 40px;top: 35%}
}
@media only screen and (max-width:650px) and (orientation:landscape){
    .footer-width{width: 100%;text-align: center}
    .linkdin{justify-content: center}
    .groupcol{width: 90%;margin: 20px auto}
}
@media only screen and (max-width:650px){
    .footer-width, .copywrite{width: 100%;text-align: center}
    .linkdinfooter{justify-content: center}
    .footerflex{margin-bottom: 0}
    .footerbg{padding: 10px}
    a.social-icon.linkdin{width: 30px;height: 30px;font-size: 12px}
    .copywrite a{display: block;}
    .copywrite{margin-top: 0}
    .groupcol{width: 90%;margin: 20px auto}
    .cdmo_process_wrap{justify-content: flex-start;padding: 20px 5%}
    .cdmo_process_wrap, .cdmo_process_wrap:last-child .cdmo_process_inner_wrap{width: 100%}
    .cdmo_process_inner_wrap{padding-left: 0}
    .grouptext{flex-wrap: wrap}
    .grouptext span.thetextnew {
        display: block;
        width: 100%;
        text-align: center;
        line-height: 1;
    }
}
@media only screen and (max-width:540px){    
    .logo{width: 220px}
    .banner_bigtxt{font-size: 26px}
    .banner_smalltxt{font-size: 18px}
    .environment_txt, .headingrr1{font-size: 20px}
    .process_txt{font-size: 16px}
    .heading{font-size: 24px;}
    .inner-banner{padding-top: 61px}
    .manufa-left img {
    width: 47%;
    margin: 10px 0;
}
    .productsblk{width: 100%}
    .enqureblk{padding: 25px}
    .infrainfotitle{font-size: 20px}
}
@media only screen and (max-width:480px){
    .logo{width: 190px}
    .weltext{width: 65%;text-align: center;font-size: 10px}
    .welblk{justify-content: flex-end;width: 150px}
    .process_txt{font-size: 15px}
    .footernav li a{font-size: 12px}
    .inner-banner{padding-top: 56px}
    .grouptext{flex-wrap: wrap}
    .thetextnew{display: block !important;width: 100%;line-height: 1 !important;text-align: center}
}
@media only screen and (max-width:400px){
    .logo{width: 160px}
    .weltext{font-size: 8px}
    .welblk{width: 120px}
    .inner-banner{padding-top: 50px}
    .grouptext{font-size: 50px}
    .grouptext span img{max-width: 50px}
}