.white_text_color{

  color: white !important;

}

sup { top: -.8em; font-size:(65%); }

.contact_us_submit_button{

  background: #79A128 0% 0% no-repeat padding-box;

  border-radius: 25px;

  left: 500px;

  width: 178px;

  height: 48px;

  right: 0px;

}

.give_us_a_call_text{

margin-top:200px;

color:#1964AD;

white-space: pre;

}



.give_us_a_call_no{

margin-top:200px;

color:#000000;

white-space: pre;

}

.new_shadow_style{

  color: #133049;

  size: 50px;

  top: 1360px;

  left: 451px;

  width: 50px;

  height: 121px;

  text-align: left;

  font: normal normal normal 100px/116px Open Sans Medium;

  letter-spacing: 0px;

  opacity: 0.06;

  filter: blur(2px);

}



.header_height{

  height:600px

}

.header_height_tnc{

  height:1400px

}

.header_height_refund{

  height:1000px

}


.header_height_abt{

  min-height:600px;

  margin-bottom: 5rem!important;

  background: transparent radial-gradient(closest-side at 68% 56%, #45759E 0%, #1E3C56 66%, #143048 100%) 0% 0% no-repeat;

}



.header_img{

  width: 659px;

  height: 450px;

}



.header_content{

  color:white;

  justify:left;

}



@font-face {

font-family: "Product Sans";

font-style: normal;

font-weight: 300;

src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/productsans/v5/HYvgU2fE2nRJvZ5JFAumwegdm0LZdjqr5-oayXSOefg.woff2) format("woff2");

}

.active-nav{

border-bottom: 4px solid #9ABF50 !important;

}

.magic-nav::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 4px;

  bottom: 0;

  left: 0;

  border-radius: 5px 5px 5px 5px;

  background-color: #9ABF50;

  visibility: hidden;

  transition: all 0.3s ease-in-out 0s;

  transform: scaleX(0);

}

.magic-nav-un{

  content: "";

  position: absolute;

  width: 100%;

  height: 4px;

  bottom: 0;

  left: 0;

  border-radius: 5px 5px 5px 5px;

  background-color: #9ABF50;

  visibility: hidden;

  transition: all 0.3s ease-in-out 0s;

  transform: scaleX(0);

}

.magic-nav:hover::before{

visibility: visible;

transform: scaleX(1);

}

.dropdown:hover .dropdown-menu {

  display: block;

  margin-top: 0; 

}

.dropdown-sub{

  background: #143048 !important;

  border: 1px solid rgb(20 48 72) !important;

}

.footer_social{

  text-align: center;

}

body {

  font-family: "Product Sans";

}



.navbar-grad{

  background: #143048 !important;

}

@media (min-width: 1200px) {

  .container2{

      max-width: 970px;

  }

}

table a:hover{

color: #555 !important;

}

.qz-rounded{

  border-radius:8px!important;

}

.qz-line-ht{

  line-height: 1.7 !important;

}

.bg-transparent{

background: transparent !important;

}

.img-gradient:after {

content:'';

position:absolute;

left:0; top:0;

width:100%; height:100%;

display:inline-block;

background: -moz-linear-gradient(left, rgba(0,0,0,0.87) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0)), color-stop(100%,rgba(0,47,75,0.5))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left, rgba(0,0,0,0.87) 0%,rgba(0, 0, 0, 0) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left, rgba(0,0,0,0.87) 0%,rgba(0, 0, 0, 0) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left, rgba(0,0,0,0.87) 0%,rgba(0, 0, 0, 0) 100%); /* IE10+ */

background: linear-gradient(to right, rgba(0, 0, 0, 0.87) 0%,rgba(0, 0, 0, 0) 100%) /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}

.shadow_style{

letter-spacing: 1.70px !important;

text-shadow: 0px -25px 5px rgba(150, 150, 150, 0.37);

}

.rounded2 {

  border-radius: 0.625rem!important;

}

.qz_font_med{

  font-size: 14px !important;

}

.border-25{

border-radius: 25px !important;

}

.qz-btn-bl{

  background-color: #45759E !important;

}

.qz-heading-sm{

font-size: 14px !important;

}

.qz-bg-lite{

background-color: #FCFCFC !important;

}

.qz-btn-9CBB5D{

  background-color: #9CBB5D !important;

 color: #FFFFFF !important; 

}

.qz-blur-overlay{

opacity: 0.5;

}

.qz-clean-overlay{

opacity: 1;

}

.qz_txt_133049{

color: #133049 !important;

}.qz_txt_353535{

color: #353535 !important;

}

.qz_bg_0D1623{

background-color: #0D1623 !important;

}

.qz_workbench {

background-color: #FAFAFA;

}

.qz_workbench a{

color: inherit !important;

}

.qz-head-bottom{

border-bottom: 3px solid #9ABF50 !important;

padding-bottom: 4px;

}

.qz-p-txt{

color: #e3f6f5c9 !important;

}

.qz-p2-txt{

color: #707070 !important;

}

.qz-head-dark{

  color:#858585 !important;

}

.txt-grey{

  color: #767676 !important;

}

.txt-light{

  color:#4D4D4D !important;

}

.txt-black{

  color:#000000 !important;

}

.txt-qz-green{

  color:#84AF2F !important;

}

.qz-green{

  color:#9ABF50 !important;

}

.qz-green2{

  color:#527212 !important;

}

.qz-grey-heading{

color: #4D4D4D !important;

}

.qz-bg-green{

  background-color: #9ABF50 !important;

}



.qz-bg-green .text-white:hover{

 color: white !important;

}

.qz-form-item-bg{

background-color: #F7F7F7 !important;

border-radius: 8px !important;

}

.qz-grey-bg{

background-color: #F7F7F7 !important;

}

.qz-border-light{

border-color: #9ABF5063 !important;

}

.qz-home-grad{

background: transparent radial-gradient(closest-side at 41% 21%, #45759E 0%, #1E3C56 66%, #143048 100%) 0% 0% no-repeat;

}

.img-contain{

object-fit: contain;

}

/* QZ unique section */

#qz_unique h3{

color:#9ABF50; 

}

#qz_unique h3 span,h4{

  color:#858585;

}

#qz_unique h3 {

  display: inline-block;

  position: relative;

}

#qz_unique h3:before{

  content: "";

  position: absolute;

  width: 60%;

  height: 3px;

  bottom: 0;

  left: 0;

  border-bottom: 3px solid #9ABF50;

  border-radius: 2px;

}

#qz_unique button i{

  color:#4D4D4D;

}

#qz_unique button{

  border:2px solid !important;

}

/* Header top */

.custom_dropdown:before{

content: '';

top: 0%;

position: absolute;

right: 0; bottom: 0;left: 0;

opacity: 1;

width: 100% !important;

height: 100% !important;

/*background:#0c121717 38% 51% no-repeat;*/

background:linear-gradient(180deg, rgba(62,102,136,1) 0%, rgba(31,51,68,1) 50%);

/*background-color: rgba(0,0,0,.2);*/

/*filter: blur(50px);*/

}

#custom_sidenavbar:after{

content: '';

top: 0;

right: 0;

bottom: -100rem;

left: 0;

transition: opacity .25s ease-in-out;

opacity: 0;

visibility:hidden;

/*background-color: rgba(0,0,0,.2);*/

pointer-events: none !important;

}

.carousel-indicators > li {

border-radius: 50%;

width: 8px !important;

height: 8px !important;

background-color: #FFF !important;

opacity: 1 !important;

}

#carousel_blog p{

font-size: 12px !important;

}

.carousel-indicators .active{

background-color: #9ABF50 !important;

}

.owl-carousel .animated { 

animation-duration: 500ms;

animation-fill-mode: both; 

}

.custom_dropdown{

  /* min-width: 70rem !important; */

  /*left: -35rem !important;*/

  width: 100% !important;

  background: linear-gradient(180deg, rgba(62,102,136,1) 0%, rgba(31,51,68,1) 50%);/*#0c121717 38% 51% no-repeat;*/ /*#45759e4f*/

  opacity: 1;

  padding-left: 5.5rem;

  padding-right:3rem;

  padding-top:2rem;

  left: auto !important;

  right: 0 !important;

  position: fixed !important;

  margin: 0rem 0 0 !important;

}



@media (max-width:1160px)

{

.custom_dropdown{

  width: 100% !important;

}

}



.custom_dropdown_more{

min-width: 50rem !important;

left: -48rem !important;

background: #05131f8c 0% 0% no-repeat;

opacity: 1;

padding-left:3rem;

padding-right:3rem;

padding-top:2rem;

}

#carousel_blog span{

border-bottom:none !important;

color: #FAFAFA !important;

font-size:16px !important;

letter-spacing: 0px !important;

text-transform: none !important;

}

#carousel_blog img{

background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;

object-fit:cover;

box-shadow: 0px 10px 20px #00000029;

}

#carousel_news span{

border-bottom:none !important;

color: #FAFAFA !important;

font-size:16px !important;

letter-spacing: 0px !important;

text-transform: none !important;

}

#carousel_news img{

/*background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;*/

object-fit:cover;

/*box-shadow: 0px 10px 20px #00000029;*/

}

@media all and (min-width:991px) {

.dropdown:after{

  content: '';

  top: 69%;

  right: 0;

  bottom: -100rem;

  left: 0;

  transition: opacity .25s ease-in-out;

  opacity: 0;

  /*filter: blur(4px);*/

  visibility:hidden;

  /*background-color: rgb(0 0 0 / 29%);*/

  /*background:#45759e4f 38% 51% no-repeat;*/

  pointer-events: none !important;

  /*backdrop-filter: blur(4px);

  -webkit-filter: blur(4px);*/

}

.dropdown:hover:after{

  content: '';

  top: 69%;

  right: 0;

  bottom: -100rem;

  left: 0;

  transition: opacity .25s ease-in-out;

  opacity: 0;

  /*filter: blur(4px);*/

  visibility:hidden;

  /*background-color: rgb(0 0 0 / 29%);*/

  /*background:#45759e4f 38% 51% no-repeat;*/

  pointer-events: none !important;

  /*backdrop-filter: blur(4px);

  -webkit-filter: blur(4px);*/

}



.dropdown.show .nav-link{

  position:relative;

  z-index:12;

}



.dropdown.show:after{

  z-index:10; opacity:1;

  visibility:visible;

  position: fixed;

}

}

.navbar-megamenu-txt{

min-width: 100%;

text-align: right;

top: 0;

right: 0;

/*right: 14px;*/

position: absolute;

color: #FFFFFF !important;

background: transparent linear-gradient(180deg, #0A0A0A 0%, #00000000 100%) 0% 0% no-repeat padding-box;

}

.h1-header-top-area {

background: #384e2a;

padding: 0 84px;

}

.h1-single-top-block {

  padding: 9px 25px 10px 0;

}

.h1-single-top-block {

font-size: 14px;

  display: inline-block;

  padding-right: 25px;

  margin-right: 18px;

  line-height: 25px;

}

.h1-single-top-block:last-child {

  padding-right: 0;

  margin-right: 0;

  border-right: unset;

}

.h1-single-top-block p {

  color: #fff;

font-size: 13px;

}

.h1-single-top-block strong {

  font-weight: 600;

  color: #fff;

}

.h1-single-top-block span,

.h1-single-top-block a {

  color: #fff;

  font-weight: 300;

}

.h1-single-top-block a:hover{

  color: #ff5e14;

  text-decoration: none;

  outline: none;

  box-shadow: none;

}

.h1-social-media{

  float: right;

  padding-top: 8px;

  display: block;

  overflow: hidden;

}

.h1-social-media ul{

  margin: 0;

  padding: 0;

}

.h1-social-media ul li {

  list-style: none;

  display: inline-block;

  overflow: hidden;

  margin-right: 15px;

}

.h1-social-media ul li a{

  width: 30px;

  height: 30px;

  color: #868686;

  text-decoration: none;

  outline: none;

  box-shadow: none;

}

.h1-social-media ul li a i.fa {

  color: #fff;

  font-size: 14px;

}

.h1-social-media ul li a:hover{

  text-decoration: none;

  outline: none;

  box-shadow: none;

}

.h1-social-media ul li:last-child {

  margin-right: 0;

}

#spotlight_latest_news .item img{

  display: block;

  width: 100%;

  height: auto;

}

/* Mega menu */

.mega-dropdown {

position: static !important;

}

.mega-dropdown-menu {

  background-color: #05131F;

  padding: 20px 0px;

  width: 100%;

  box-shadow: none;

  -webkit-box-shadow: none;

}

.mega-dropdown-menu > li > ul {

padding: 0;

margin: 0;

}

.mega-dropdown-menu > li > ul > li {

list-style: none;

}

.mega-dropdown-menu > li > ul > li > a {

display: block;

color: #222;

padding: 3px 5px;

}

.mega-dropdown-menu > li ul > li > a:hover,

.mega-dropdown-menu > li ul > li > a:focus {

text-decoration: none;

}







/* End Mega menu*/



/* Header section */



/* Navbar */



/* Hide navbar on scroll down */

.smart-scroll{

position: fixed !important;

top: 0 !important;

right: 0 !important;

left: 0 !important;

z-index: 1030 !important;

}

.scrolled-down{

 transform:translateY(-100%) !important; transition: all 0.5s ease-in-out !important;

}

.scrolled-up{

 transform:translateY(0) !important; transition: all 0.5s ease-in-out !important;

}

/*---*/

a#navbarDropdownMenuLink::after{

border-right: 0px !important;

border-left: 0px !important;

}

#quantum-navbar {

  /*background-color: #fff;*/

  color: #000;

  left: 0;

  width: 100%;

  padding: 8px 30px;

  z-index: 200;

  text-align: center;

  font-size: 16px;

  /*top: 38px;*/

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}



.logo {

  height: 75px;

  max-width: 110px;

}

.line .navigation a.active:after .vh-logo {

display: none;

}



.row1 {

  padding-top: 40px;

  padding-right: 17px;

  padding-left: 17px;

  letter-spacing: 0.02em;

}



.menu-links {

  display: inline-block;

  line-height: 23px;

  letter-spacing: 0;

  color: inherit;

  border: none;

  outline: none;

  font-size: 13px;

  text-transform: uppercase;

}





@media (max-width: 991.98px) { 

.nav-item-toggle2{

  display: none !important;

}

}



@media (min-width: 991.98px) { 

.nav-item-toggle{

  display: none !important;

}

}



.links {

  color: #FFF;

  opacity: 1;



}

a.dropdown-item:hover{

background-color:#10293f3b !important;

}

a.dropdown-item:focus{

background-color:#10293f3b !important;

}



.links:hover {

  color: #9ABF50 !important;

  text-decoration: none;

  transition: .15s;

}

.links.hf-gr:hover {

  color: #9ABF50 !important;

}





.largenav {

  display: none;

}



.largenav li {

  font-size: 13px;

  text-transform: uppercase;

  font-weight: 400;

  display: inline-block;

  list-style: none;

}



.menu_links:hover{

color: #9ABF50 !important;

}



.largenav li a {

  /*padding-top: 60px;

  padding-bottom: 10px;*/

  padding-right: 17px;

  padding-left: 17px;

  letter-spacing: 0.02em;

  /*color: #000;*/

}

.largenav li:hover{

color: #9ABF50 !important;

}



.largenav li:not(:hover){

color: #fff!important;

}



.largenav li a:not(:hover){

color: #fff!important;

}



.largenav li a:hover {

color: #9ABF50 !important;

}



.largenav li a.text-white:hover {

color: #fff!important;

}



.largenav li a.dropdown-item:hover {

color: #9ABF50 !important;

}



.largenav li a.view:hover {

color: #fff !important;

}

.smallnav {

  display: block;

}



.menu {

  cursor: pointer;

}



@media screen and (min-width: 768px) {

  .largenav {

      display: block;

  }



  .smallnav {

      display: none;

  }



  .smallsearch {

      margin: 0px;

  }

}

.shadow-header{

  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.22);

  transition: box-shadow 0.3s ease-in-out;

}



#magic-line {

  position: absolute;

  bottom: 30px;

  left: 0;

  width: 100px;

  height: 4px;

  background: #9ABF50;

}





.navbar-hover:hover::before {

width: 100%;

}



/* Navbar */

/* Home slider */

.banner_slick.slick-list.slick-track.slickslider-custom{

  display: flex !important;

  vertical-align: inherit !important;

  float: inherit !important;

}

.owl-controls{

  padding-top: 3rem!important;

  padding-bottom: 3rem!important;

}

.owl-pagination, .owl-buttons{

  display: inline-block !important;

}

.owl-buttons{

  float: right !important;

}

.home_slider_img{

padding: 5px;

}



#home_slider .owl-theme .owl-controls{

margin-top: -33px;

}



#home_slider{

padding-top: 140px !important;

}

#home_slider h1{

  font-size: 3.5rem;

}

#owl-demo .item{

  display: block;

  width: 100%;

  height: auto;

}

#home_slider .owl-buttons{

  text-align: right;

}

/* sidebar-mobile navbar*/

@media (max-width: 576px) { 

  #quantum-navbar { 

      padding: 5px 20px;

  }

#quantum-navbar1 { 

      padding: 5px;

  }

.section1 {

  padding-top: 170px;

}



  .wrap {

      padding: 10px;

  }

  .pagination {

      display: none !important;

  }

  .mobileMenu {

      display: block !important;

  }

  .carousel-wrap {

      max-width: 250px !important;

  }

}





@media (max-width: 768px) {

.h1-header-top-area {

  display: none;

}

  #quantum-navbar { 

      padding: 0 10px;

  top: 0;

  }

  #quantum-navbar, .logo { 

      height: 90px;

  }

#quantum-navbar1 { 

      padding: 0 10px;

  top: 0;

  }

  #quantum-navbar1, .logo { 

      height: 90px;

  }

.section1-wrap {

      padding: 60px;

  padding-bottom: 15px;

  padding-top: 15px;

  }

  .wrap {

      padding: 60px;

  padding-bottom: 15px;

  padding-top: 15px;

  }

  .pagination {

      display: none;

  }

  .mobileMenu {

      display: block !important;

  }

  .carousel-wrap {

      max-width: 500px;

  }

}



#sidebar {

  width: 320px;

  position: fixed;

  top: 0;

  right: -320px;

  height: 100vh;

  z-index: 999;

  background: #1e7e34;

  color: #fff;

  transition: all 0.3s;

  overflow-y: hidden;

  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);

}



#sidebar a, a:hover, a:focus {

      color: #9abf50 !important;

      /*color: white !important;*/

      text-decoration: none;

      transition: all 0.3s;    

}

#sidebar.active {

  right: 0;

}



/*Sidenav*/

#sidebar .menu-content {

  padding: 20px 40px;

}



#sidebar ul.components {

  font-size: 20px;

  line-height: 48px;

  margin-bottom: 30px;

  display: block;

  color: #fff;

}



#sidebar ul.subMenu {

  font-size: 16px !important;

  line-height: 34px !important;  

  display: block;

  color: #fff;

}





#sidebar ul li a:hover {

  color: #39b54a;

  background: #fff;

}



#sidebar ul li.active>a,

a[aria-expanded="true"] {

  color: #45759E;

}



a[data-toggle="collapse"] {

  position: relative;

}



.actionBtn {

  height: 42px !important;

  width: 42px !important;

  border-radius: 25px !important;

  z-index: 999;

background: #7dc415 !important;

  color: #fff !important;

  line-height: 1;

  box-shadow: 0 0 0 1px rgba(255,255,255,.05);

  cursor: pointer;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  vertical-align: top;

}



#dismiss {

  width: 35px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  border-radius: 50%;

  position: absolute;

  top: 10px;

  right: 10px;

  cursor: pointer;

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

  z-index: 101;

  transition: .25s;

}



#dismiss:hover {

  /* background: #fff; */

  color: #39b54a;

}



#dismiss .fa-times {

  color: #fff;

  

}



.mobileMenu {

display: none;

}

#quantum-navbar .row1{

padding-top: 0px;

}

.sidenav {

  height: 100%;

  width: 0;

  position: fixed;

  z-index: 1;

  top: 0;

  left: 0;

  background-color: #fff;

  overflow-x: hidden;

  transition: 0.5s;

  box-shadow: 0 4px 8px -3px #555454;

  padding-top: 0px;

}



.sidenav a {

  padding: 8px 8px 8px 32px;

  text-decoration: none;

  font-size: 25px;

  color: #818181;

  display: block;

  transition: 0.3s

}



.sidenav .closebtn {

  position: absolute;

  top: 0;

  right: 25px;

  font-size: 36px;

  margin-left: 50px;

  color: #fff;

}



@media screen and (max-height: 450px) {

  .sidenav a {

      font-size: 18px;

  }

}



.sidenav-heading {

  font-size: 36px;

  color: #fff;

}





.side {

  position: fixed;

  top: calc(50% - 100px);

  height: 100%;

  z-index: 100;

  cursor: pointer;

  opacity: 0;

  transition: opacity .5s;

  transform: translate3d(0, 0, 0);

  opacity: 1 !important;

  padding: 70px 3% !important;

  left: 0;

  right: inherit;

  opacity: 1 !important;

  padding: 70px 4% !important;

}



.side.left {

  left: 0;

  right: inherit;

  text-align: left;

}





.line .navigation a {

  padding: 10px 9px !important;

  fill: #fff;

  display: block;

  background: 0 0;

  padding: 9px;

  margin: 0 -9px;

  position: relative;

  cursor: pointer;

}



.line .navigation a:before {

  margin-top: -10px;

  left: 100%;

  right: auto;

  content: attr(data-title);

  position: absolute;

  right: 100%;

  top: 1px;

  background: rgba(0, 0, 0, .7);

  color: #fff;

  font-size: 14px;

  min-width: 50px;

  border-radius: 6px;

  padding: 7px 12px;

  font-weight: 500;

  display: inline-block;

  text-align: center;

  box-shadow: 0 0 0 1px rgba(255, 255, 255, .1);

  visibility: hidden;

}



.line .navigation a.active:after {

  width: 35px !important;

  background: #7dc415 !important;

  width: 50px;

}



.line .navigation a:after {

  background: #d4d3d3 !important;

  box-shadow: none;

  height: 3px !important;

  display: inline-block;

  text-align: right;

  background: #fff;

  border: none;

  content: "";

  display: block;

  width: 15px;

  height: 15px;

  border-radius: 7px;

  background: #fff;

  box-shadow: 0 0 1px #303030;

  transition: .25s;

}

/* Home slider*/

/* Home page */

#sab_sec{

  width: 70%;overflow: hidden;

}

.st-sc{

  display: inline-block !important;

}

.parallax-tech div{

  padding-right: 57%;padding-left: 5%;margin-top: 10%;

}

.thnk_ezym_p{

  background-color: #133049; min-height: 30rem;max-height: 50rem;



}

.thnk_ezym{

  margin-top: 4.5rem;

}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span

{

  background: #9ABF50 !important;

}

.owl-theme .owl-dots .owl-dot span{

  background: #FFF !important;

}

/*sidemenu */

.sidenav-lg:after{

  height: max-content;

  content: "";

  position: absolute;

  top: 0;left: 0;

  bottom: 0;right: 0;opacity: 0.7;

  /*filter: blur(40px);*/

  z-index: -1;

  background: linear-gradient(90deg, rgba(31,51,68,1) 0%, rgba(48,74,96,1) 50%, rgba(84,100,113,1) 100%);

}

.sidenav-lg {

  height: 100%;

  width: 0;

  position: fixed;

  z-index: 9999;

  top: 0;

  right: 0 !important;

  overflow-x: hidden;

  transition: 0.5s;

  padding-top: 60px;

  background: linear-gradient(180deg, rgba(62,102,136,1) 0%, rgba(31,51,68,1) 50%);

  opacity: 1;

}

.lnk-sm{

  display: inline-flex !important;

  padding: 8px 25px 8px 8px !important;

}



.sidenav-lg a {

  padding: 8px 8px 8px 32px;

  text-decoration: none;

  font-size: 16px;

  color: #818181;

  display: block;

  transition: 0.3s;

}



.sidenav-lg a:hover {

  color: #f1f1f1;

}



.sidenav-lg .closebtn {

  position: absolute;

  top: 0;

  right: 25px;

  font-size: 36px;

  margin-left: 50px;

}

/* sidemenu*/

.ex-tb {



  background-size: 100% 200%; 

  background-image: linear-gradient(to bottom, #3E6688 50%, #133049 50%);

  transition: 

  background-position .4s ease-in-out, 

  color .4s ease-in-out;

}



.ex-tb:hover,

.ex-tb:focus {

background-position: 0 100%;

color: #3E6688;

}

.customer-logos .slick-list{

  /*padding: 0px 30px !important;*/

}

.customer-logos .slick-slide {

  display: inline-block !important;

  vertical-align: middle !important;

  /*float:none !important;*/

  /*padding-top: 1rem !important;*/

  /*padding-bottom: 1rem !important;*/

  /*padding-left: 2.8rem !important;*/

  /*padding-right: 2.8rem !important;*/

  /*height: inherit !important;*/

}

#carousel_intro_services .carousel-caption{

  bottom: 0px !important;text-align: left !important;

  padding-left: 2.5rem !important;

  padding-right: 1.5rem !important;padding-bottom: 0px!important;

  right: 0px !important;left: 0px !important;

  background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat;

}

#carousel_intro_services img{

  min-height: 25rem !important;

  max-height: 25rem !important;

  object-fit: cover !important;

}

.letr-spacing-0{

  letter-spacing: 0px !important;

}

.color_06559C{

  color: #06559C !important;

}

.qz_pilot_head{

  font-size: 28px;

  color:#71C7A7;

}



.qz_pilot_head_zoom{

  font-size: 14px;

  color:#71C7A7;

}

.zoom-hover-pilot:hover{

  background: #EDF3E14A 0% 0% no-repeat !important;

  border: 0.5px solid #79A128 !important;

}

.zoom-hover-pilot span{

  color: #DA6C79 !important;

}



.qz_modeller_head{

  font-size:28px;

  color:#9CBB5D;

}

.qz_modeller_head_zoom{

  font-size:14px;

  color:#9CBB5D;

}

.zoom-hover-modeller:hover{

  background: #EDF3E14A 0% 0% no-repeat !important;

  border: 0.5px solid #79A128 !important;

}

.zoom-hover-modeller span{

  color: #BD3A30 !important;

}



.qz_catmec_head{

  font-size:28px;

  color:#F29B27;

}

.qz_catmec_head_zoom{

  font-size:14px;

  color:#F29B27;

}

.zoom-hover-catmec:hover{

  background: #EDF3E14A 0% 0% no-repeat !important;

  border: 0.5px solid #79A128 !important;

}

.zoom-hover-catmec span{

  color: #F29B27 !important;

}



.qz_hotspot_head{

  font-size:28px;

  color:#BD3A30;

}

.qz_hotspot_head_zoom{

  font-size:14px;

  color:#BD3A30;

}

.zoom-hover-hotspot:hover{

  background: #EDF3E14A 0% 0% no-repeat !important;

  border: 0.5px solid #79A128 !important;

}

.zoom-hover-hotspot span{

  color: #71C7A7 !important;

}



.qz_designer_head{

  font-size:28px;

  color:#DA6C79;

}

.qz_designer_head_zoom{

  font-size:14px;

  color:#DA6C79;

}

.zoom-hover-designer:hover{

  background: #EDF3E14A 0% 0% no-repeat !important;

  border: 0.5px solid #79A128 !important;

}

.zoom-hover-designer span{

  color: #9ABF50 !important;

}

@media (max-width: 991.98px) {

 .social_media_links{

  position: absolute !important;

  }

}

@media (max-width: 767.98px) {

  .social_media_links{

  position: absolute !important;

  }

}

@media (max-width: 575.98px) {

  .social_media_links{

  position: absolute !important;

  }

}

.jolecule-embed-body{

  width: 98% !important;

}

#owl-demo .owl-controls{

  padding-top: 0px !important;

  padding-bottom: 0px !important;

}#owl-demo .owl-controls{

  position: relative !important;

}

/* End home page */

#qz_workbench {

background-color: #FAFAFA;

}

#qz_workbench .card{

border-radius: 16px !important;

}



.qz_mod_col{

height:73vh;

}

.qz_card_align_middle{

margin-top: 4rem;

}

.qz_wb_img{

width:3.5rem;

}

.qz-btn-success{

background-color: #9abf50;

border-color: #9abf50;

}

.qz_mod_higlight{

border-bottom: 3px solid #9abf50;

transition: all 0.3s ease-out;

}

.qzw_card_bg{

background-color: #E8F0D7; 

}

#qz_workbench h3.qz-head-dark span{

  border-bottom: 3px solid #9ABF50;

  border-radius: 2px;

}

.qzw_card_bg_img {

background-image: url(../img/ENzyme.png);

background-repeat: no-repeat;

background-position: right -22rem top -22rem;

transition: 2s ease-in;

}

.transition-ease-out{

transition: all 0.3s ease-out;

}



/* partners home */

#partners{

background-image: url(../svg/RepeatGrid.svg);

background-repeat: no-repeat;

background-position: right;



}

/* partners home*/



.bg-trasperent{

background-color: transparent !important;

}



.p-9

{

padding-top: 9rem !important;

}



.mb-6

{

margin-bottom: 6rem !important;

}

a.qz-green:hover{

color: #9ABF50 !important;

}

/* testimonials */

/*#86AF87*/



.testimonials_h3_style{

  text-align: left;

  margin-left: 0%;

  font-size: 64px;

  letter-spacing: 0px;

  color: #4D4D4D;

  opacity: 0.07;

  filter: blur(3px);

}



/*.testimonials_img{

margin-left: 105px;

}*/



.testimonials_span{

margin-left: 175px;

}



.testimonial-quote{

margin-top: -42px;

}



.testimonials_h3{

margin-bottom: 100px;

margin-top: 50px;

margin-left: -53px;

color: #133049;

}

#testimonials {

background-color: #FAF9F9;

}

.testimonial-quote{

 background: -webkit-linear-gradient(white 0%, #133049 10% );

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.partners-quote-left{

 background: -webkit-linear-gradient(white 50%, #4D4D4D 50% );

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.partners-quote-right{

 background: -webkit-linear-gradient(white 50%, #4D4D4D 50% );

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.testimonials_div{

color: #000000;

}

#owl-testimonials .owl-prev {

  /*width: 15px;

  height: 100px;*/

  position: absolute;

  top: 40%;

  left:-5rem;

  display: block;

  font-size: 18px !important;

  /*border:3px solid #133049;*/

}



#owl-testimonials .owl-next {

  /*width: 15px;

  height: 100px;*/

  position: absolute;

  bottom: 50%;

  right: -5rem;

  display: block ;

  font-size: 18px !important;

  /*border:3px solid #133049;*/

}



#owl-testimonials.owl-theme .owl-controls .owl-buttons div{

padding-top: 10px 14px !important;

}



/*.fa-arrow-left:before{*/

.testimonials_fa_left_arrow:before{

  color: #133049

}

.testimonials_fa_right_arrow:before{

  color: #133049

}



/* testimonials */

/* footer */

.footer_social{

  text-align: center;

}

.footer {

  background-color: #f7f7f7;

  height: auto;

  padding: 30px calc(0% + 0%) !important;

}

.footer .logo {

  height: 100px;

}

.footer h4 {

  font-size: 16px;

  margin-bottom: 20px !important;

  text-align: center;

}

.footer p {

  color: #555 !important;;

  line-height: 2;

  margin-bottom: 0;

  font-size: 14px;

  margin-top: 2px;

  font-weight: 400 !important;

}

.footer a {

  color: #555 !important;

  text-decoration: none;

}

.footer a:hover, .footer a:focus {

  color: #39b54a !important;

  text-decoration: none;

outline: none;

}

.copyright {

  width: calc (100% - 17px);

  max-height: 50px;

  padding: 20px;

}

.copyright a:hover, .copyright a:focus, .copyright a {

  color: #39b54a !important;

  text-decoration: none;

outline: none;

}

.copyright a:hover, .footer a:focus {

  color: #39b54a !important;

  text-decoration: none;

outline: none;

}

/* end footer */

/* about */

#accordion_sm .card:nth-child(1) .card-header h4, .card:nth-child(2) .card-header h4, .card:nth-child(3) .card-header h4{

color: #FFFFFF !important;

}



#accordion_sm .card:nth-child(1) .card-header{

background-color: #243F56 !important;

color: #FFFFFF !important;

}

#accordion_sm .card:nth-child(2) .card-header{

background-color: #375C7D !important;

color: #FFFFFF !important;

}

#accordion_sm .card:nth-child(3) .card-header{

background-color: #F09A26 !important;

color: #FFFFFF !important;

text-align: left !important;

}

#accordion_sm .card:nth-child(1) .card-body, #accordion_sm .card:nth-child(1) .card-footer{

background-color: #133049 !important;

color: #FFFFFF !important;

}

#accordion_sm .card:nth-child(2) .card-body, #accordion_sm .card:nth-child(2) .card-footer{

background-color: #375C7D !important;

color: #FFFFFF !important;

}

#accordion_sm .card:nth-child(3) .card-body, #accordion_sm .card:nth-child(3) .card-footer{

background-color: #F09A26 !important;

color: #FFFFFF !important;

}

#accordion_sm .card:nth-child(3) .card-body i{

color: #243F56 !important;

}

#sab_detail ul li {

list-style-type: disc;

}

/* Tabs*/

#tabs section {

  padding: 60px 0;

}



#tabs section .section-title {

  text-align: center;

  color: #007b5e;

  margin-bottom: 50px;

  text-transform: uppercase;

}

/*#tabs{

background: #007b5e;

  color: #eee;

}*/

#tabs h6.section-title{

  color: #eee;

}



#tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

  background-color: transparent;

  border-color: transparent transparent #f3f3f3;

  border-bottom: 0px solid !important;

  font-size: 20px;

  font-weight: bold;

}

#tabs .nav-tabs .nav-link {

  border: 1px solid transparent;

  border-top-left-radius: .25rem;

  border-top-right-radius: .25rem;

  font-size: 20px;

}

#qz-about-card img{

min-height: 15rem !important;

max-height: 23rem !important;

}

.flipster-arrow{

  /*border: 3px solid #AFD95B !important;*/

  color: #4D4D4D !important;

}

.flipster-arrow:hover, .flipster-arrow:focus{

  /*border: 3px solid #AFD95B !important;*/

  color: #4D4D4D !important;

  /*background: #AFD95B !important;*/

}

.about_shadow_effect::after {

  z-index: -1;

  position: absolute;

  content: "";

  bottom: 11px;

  left: 10px;

  width: 22%;

  top: 25%;

  max-width: 309px;

  /* background: rgba(0, 0, 0, 0.7); */

  box-shadow: 0 20px 15px rgba(0, 0, 0, 0.7);

  transform: rotate(-1deg);

  filter: blur(6px);

  opacity: 0.58;

  background: #000000 0% 0% no-repeat padding-box;

}

.about_shadow_effect2::before {

  z-index: 0;

  position: absolute;

  content: "";

  bottom: -4px;

  left: -47px;

  width: 15%;

  top: 13%;

  max-width: 309px;

  /* background: rgba(0, 0, 0, 0.7); */

  box-shadow: 0 20px 96px rgba(0, 0, 0, 0.7);

  transform: rotate(-3deg);

  filter: blur(9px);

  opacity: 0.58;

  background: #000000 0% 0% no-repeat padding-box;

}

.about_shadow_effect3::before {

  z-index: 0;

  position: absolute;

  content: "";

  bottom: -4px;

  left: -47px;

  width: 15%;

  top: 13%;

  max-width: 309px;

  box-shadow: 0 20px 96px rgba(0, 0, 0, 0.7);

  transform: rotate(-3deg);

  filter: blur(9px);

  opacity: 0.88;

  background: #000000f2 0% 0% no-repeat padding-box;

}



.about_shadow_effect::after {

  transform: rotate(0deg);

  right: -19px;

  left: auto;

}



@media (max-width: 575.98px) { 

  .about_shadow_effect2::before{

      content: none;

  }

  .about_shadow_effect3::before {

      content: none;

  }

  .about_shadow_effect::after{

      content: none;

  }

}

@media (min-width: 576px) and (max-width: 767.98px) { 

  .about_shadow_effect2::before{

      content: none;

  }

  .about_shadow_effect3::before {

      content: none;

  }

  .about_shadow_effect::after{

      content: none;

  }

}

#mission_visions img{

  position: absolute;

  bottom: 0;

  float: right;

  right: 0;

  margin-right: 2rem;

  margin-bottom: 1.5rem;

}

.abt-vision{

margin-right:2px;

letter-spacing: 1.92px;

color: black !important;



font-size:25px;

}

.txt-green2{

color: #384E2A!important;

}

.txt-dk-grey{

color: #616161 !important;

}

.jumbotron {

position: relative;

overflow: hidden;

background-color:black;

}

.jumbotron video {

position: absolute;

z-index: 1;

top: 0;

width:100%;

height:100%;

/*  object-fit is not supported on IE  */

object-fit: cover;

}

.jumbotron .container {

z-index: 2;

position: relative;

}

#about_us_section{

background-color: #f7f7f7;

}

#qz_about h4{

color: #4D4D4D !important;

}

#qz_about p{

color: #858585 !important;

line-height:24px !important;

}

.video-container {

height: 50vh;

position: relative;

overflow: hidden;

@media(min-width: 600px) {

  height: 100vh;

}

}



.video-container video {

  object-fit: cover;

  position: absolute;

  height: 100%;

  width: 100%;

  top: 0;

  left: 0;

}

.video-container:after {

content: '';

display: block;

height: 100%;

width: 100%;

position: absolute;

top: 0;

left: 0;

background: rgba(black, .2);

z-index: 1;

}



#qz-about-card .card-wrapper {

margin-bottom: 30px !important;

}

#qz-about-card .card-image .card .card-img-wrapper {

height: 100%;

}

#qz-about-card .card-image .card .card-body {

display: none;

}

#qz-about-card .card-image-title-description .card .card-img-wrapper {

max-height: 160px;

}

#qz-about-card .card-image-title-description .card {

position: relative;

min-height: 300px;

}

#qz-about-card .card-image-title-description .card .card-body {

height: auto;

position: relative;

top: 0;

margin-bottom: -70px;

}

#qz-about-card .card-image-title-description .card:hover .card-body {

top: -70px;

}
#qz-about-card .card-image-title-description .card .card-body .card-title {

margin-bottom: .75rem;

}

#qz-about-card .card {

display: inline-block;

position: relative;

overflow: hidden;

min-height: 530px;

height: 100%;

}

#qz-about-card .card:hover {

box-shadow: 8px 12px 31px -10px #ab98ab;

}

#qz-about-card .card-img-wrapper {

display: flex;

/*align-items: center;*/

justify-content: center;

height: 55%;

overflow: hidden;

}

#qz-about-card .card-img-wrapper img {

transition: 1.5s ease;

object-fit: cover;

}

#qz-about-card .card:hover .card-img-wrapper img {

transform: scale(1.15);

}

#qz-about-card .card-body .card-title {

margin-bottom: calc(50% + 20px);

/* transition: 1.5s ease; */

}

#qz-about-card .card:hover .card-body .card-title {

  margin-bottom: .75rem;

}



#qz-about-card .card-body {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  height: 45%;

  background-color: #f7f7f7;

  color: white;

  transition: 1.5s ease;

}

#qz-about-card .card-content {

  left: 0;

  right: 0;

  overflow: hidden;

  width: 100%;

  height: auto;

  transition: 1.5s ease;

}

#qz-about-card .card:hover .card-body {

  height: 100%;

}

#qz-about-card .card:hover .card-content {

  bottom: 0;

}

#accordionHorizontal i {

  color: #133049 !important;

}

#accordionHorizontal .card:nth-child(1) .card-header{

  background: #133049  !important;

}

#accordionHorizontal .card:nth-child(1) .card-header{

  background: #133049  !important;

}

#accordionHorizontal .card:nth-child(1) .card-header{

  background: #FFA329 !important;

}

#accordionHorizontal .card:nth-child(1){

  background: #133049ed !important;

}#accordionHorizontal .card:nth-child(2){

  background: #375C7D !important;

}#accordionHorizontal .card:nth-child(3){

  background: #F09A26 !important;

}



#accordionHorizontal .card .card-body>span:nth-child(1){

opacity: 0.8 !important;

}#accordionHorizontal .card .card-body>span:nth-child(2){

opacity: 0.8 !important;

}

/* end about */

/* contact form */

#btn_contact_form {

border-radius: 25px;

}

#contact_us img.contact_intro{

height: 426px !important;

width:fit-content;

border-bottom-right-radius: 30px !important;

border-top-right-radius: 30px !important;

}

/* end contact form*/

/* partners */

#md_partners_sec a{

  font-size: 20px!important;

}

#pills-tab li.nav-item

{

  position: relative;

}

#pills-academic-partners img:not(.uom){

min-height: 10rem !important;

max-height: 10rem !important;

}



/*.pills-commercial-partners-tab:after {

    border-bottom: 6px solid #9ABF50;

    content: '';

    position: absolute;

    left: 16px;

    right: 0;

    width: 97%;

    bottom: 0;

    margin: 0 auto;

    border-radius: 12px 0px 0px 13px;

    height: 13px;

}

.pills-academic-partners-tab:after{

    border-bottom: 6px solid #9ABF50;

    content: '';

    position: absolute;

    left: -16px;

    right: 0;

    width: 97%;

    bottom: 0;

    margin: 0 auto;

    border-radius: 0px 0px 15px 0px;

    height: 0px;

}*/



.patners-header{

padding: 7rem 7rem 7rem 4.5rem !important;

background-color:#9ABF5063;

}

.commercial-btn {

background: #fcfcfc 0% 0% no-repeat padding-box !important;

border-radius: 40px 0px 0px 40px !important;

color: #B4B4B4 !important;

font: bold;

font-size: 24px;

border-right: 1px solid #ededed;

}



.commercial-btn:hover .academic-btn:hover{

color: #4D4D4D !important;

}

#partners_tab_container .nav-pills .nav-link.active, .nav-pills .show>.nav-link{

background: #FCFCFC 0% 0% no-repeat padding-box !important;

color: #4D4D4D !important;

/*border-bottom: 6px solid #9ABF50 !important;*/

font-weight: bolder!important;

}

.academic-btn {

background: #FCFCFC 0% 0% no-repeat padding-box !important;

border-radius: 0px 40px 40px 0px !important;

color: #B4B4B4 !important;

font: bold;

font-size: 24px;

}

#commercial_partners{

background: url(../svg/RepeatGrid.svg) no-repeat 40rem 3rem;

}

#partners_tp{

padding-top: 5rem;

}

#partners_banner{

background-image: url(../img/partners_banner.png);

background-size: cover;

background-position: 1% 1%;

height:60vh;

}



.p-heading{

letter-spacing: 2px;

position:relative;

z-index:99;

font-size:3rem;

width: 44rem;/*578px;*/

mix-blend-mode: difference;

color: #FFF;

line-height: 50px !important;

}



.shadow-p-card{

box-shadow: 10px 20px 40px #0000000A;

}

.pcard-img{

height: 6.5rem;

}

#elga_bg{

background-image: url(../img/elga-biotech.png);

background-repeat: no-repeat;

background-position: center;

}

#biochem{

background-image: url(../img/Cust-BioChemize.png);

background-repeat: no-repeat;

background-position: center;

}

#gencrust{

background-image: url(../img/Cust-Gencrust.png);

background-repeat: no-repeat;

background-position: center;

}

#genei{

background-image: url(../img/genei-labs.png);

background-repeat: no-repeat;

background-position: center;

}

#academic_partner{

background: url(../svg/RepeatGrid.svg) no-repeat -60% 339%;

}

#academic_partner

{

background-color: #EDEDED30 !important;

}

#carousel_academic img{

width: 6rem !important;

position: relative;

border-radius: 50% !important;

margin-top: -45px !important;

right: 2rem !important;

}

/* end partners */

/* about template */



#qz_intro {

display: flex;

flex-direction: row;

justify-content: center;

align-items: center;

align-content: center;

position: relative;

/*top: 25vh;

left: 5vw;*/

min-height: 100vh;

width: 90vw;

transition: all 200ms ease-in-out 50ms;

opacity: 0;

}





#qz_intro div {

margin-left: 5px;

margin-right: 5px;

border-radius: 3px;

background: rgba(220, 220, 220, 0.5);

transition: all 1.5s ease-in-out 50ms;

font-weight: 500;

cursor: pointer;

font-size: 16pt;

}



#qz_intro .default {

height: 50vh;

width: 10vw;

/*color: rgba(255, 255, 255, 0);*/

font-size: 16pt;
overflow: hidden;

}



#qz_intro .expand {

height: 50vh;

width: 100vw;

background: #7ab7ff;

color: white;

padding: 20px;

}

#about_banner{

background-image: url(../img/AboutBG.jpg);

background-size: cover;

background-repeat: no-repeat;

background-position: 50% 0%;

}

.values-img {

width: 80% !important;

}

.catalysts-content {

  color: #fff;

  background-color: #77477e;

  background: url(../img/QZyme-About-Catalysts.jpg) top center;

  background-size: cover;

  padding: 15px;

}

#catalyst .col1 {

  border-right: 1px solid rgba(255, 255, 255, 0.38);

}

#catalyst .col2 {

  border: none;

}

#catalyst .col3 {

  border-right: 1px solid rgba(255, 255, 255, 0.38);

  border-top: 1px solid rgba(255, 255, 255, 0.38);

}

#catalyst .col4 {

  border-top: 1px solid rgba(255, 255, 255, 0.38);

}

.lead-name {

  background: #86b05a;

  padding: 10px 20px;

  transform: translate(9px,-25px);

  width:95%;

  color: #fff;

  border-radius: .25rem !important;

}

/* end about template */

/* services template */

.full-w-card{

  max-width: 95% !important;

  min-width: 95% !important;

}

.case_studies_slick .slick-list{

  padding:0!important;

}

@supports (-webkit-text-stroke: 1px black) {

.custom-ol {

  padding-top: 10%;

  padding-right: 7px;

  position: absolute;font-size: 59px;

  -webkit-text-stroke: 1px #45759EA6;

  -webkit-text-fill-color: white;

}

}

.overlay-serv {

position: absolute;

bottom: 0;

left: 0;

right: 0;

background-color: #E5EAF0;

overflow: hidden;

width: 100%;

height: 0;

transition: .5s ease;

}



.overlay-container:hover .overlay-serv {

height: 100%;

}



.text-overlay-serv {

color: black;

font-size: 20px;

position: absolute;

text-align: justify;

}

#services_banner{

background-image: url(../img/qz_services.jpg);

background-size: cover;

background-repeat: no-repeat;

background-position: 0% 85%;

}

.img-w-90{

width: 90% !important;

}

#api_banner{

background-image: url(../img/Service-API.jpg);background-size: cover;background-repeat: no-repeat;

background-position: center;

height: 25rem;

}

#fod_processing{

background-image: url(../img/Service-Food.jpg);background-size: cover;background-repeat: no-repeat;

background-position: top;

height: 25rem;

}

#tex_banner{

background-image: url(../img/Service-Textile.jpg);background-size: cover;background-repeat: no-repeat;

background-position: top;

height: 25rem;

}

#frg_banner{

background-image: url(../img/Fragrance1.jpg);background-size: cover;background-repeat: no-repeat;

background-position: top;

height: 25rem;

}

.fudproc{

background-color: #54cda3;

}

/* end services template */

/* contact template */

#contact_banner{

background-image: url(../img/contact-us.jpg);

background-size: cover;

background-repeat: no-repeat;

background-position: 0% 60%;

height: 20rem;

}

.about-sec{

margin-top: -65px;

}

#contact_div{

margin-top: -4rem;

}

/* end contact template */

/* customer template */



/* end customer template */

/* technology template */

#home_slider {

position: relative;

background-color: black;

/*height: 75vh;

min-height: 25rem;*/

width: 100%;

/*overflow: hidden;*/

}





#home_slider video {

position: absolute;

top: 50%;

left: 50%;

min-width: 100%;

min-height: 100%;

width: auto;

height: auto;

z-index: 0;

-ms-transform: translateX(-50%) translateY(-50%);

-moz-transform: translateX(-50%) translateY(-50%);

-webkit-transform: translateX(-50%) translateY(-50%);

transform: translateX(-50%) translateY(-50%);

}



#home_slider .container {

position: relative;

z-index: 2;

}



#home_slider .overlay {

position: absolute;

top: 0;

left: 0;

height: 100%;

width: 100%;

background-color: black;

opacity: 0.7;

z-index: 1;

}





#qz_adv_tech .card-footer{

width: inherit !important;

}

#qz_adv_tech .card{

width: 230px !important;

height: 150px !important; 

}



#qz_adv_tech .card img{

height: inherit !important;

width: inherit !important;

border-radius: 7px;

}

#owl-qzw .carousel-control i{

  font-size: 20px!important;

}

.qz-bshadow1{

  box-shadow: 10px 5px 15px #43434324;

}

.qzw_bl{

  color: #9E9E9E;

}

.qz_pilot{

  color:#da6c79;

}

.qz_pilot_bgl{

  background-color:#da6c7920;

}

.qz_modeller{

  color:#bd3a30;

}

.qz_modeller_bgl{

  background-color:#bd3a3020;

}

.qz_catmec{

  color:#f5c325;

}

.qz_catmec_bgl{

  background-color:#f5c32520;

}

.qz_hotspot{

 color:#71c7a7; 

}

.qz_hotspot_bgl{

 background-color:#71c7a720; 

}

.qz_designer{

 color:#9cbb5d; 

}

.qz_designer_bgl{

 background-color:#9cbb5d20; 

}

.main-section{

  background: transparent linear-gradient(179deg, #133049 0%, #040A0F 100%) 0% 0% no-repeat;

  position: relative;

}

.particles-js-canvas-el{

  min-height: 20rem;

  max-height: 20rem;

}

.banner-text{

  color:#fff;

  position: absolute;

  top: 40%;

  width:98%;

  transform: translateY(-40%);

}

#tech_banner{

/*background-image: url(../img/vanderwaals-packing.png);*/

background-image: url(../img/green_nature.png);

background-size: cover;

background-repeat: no-repeat;

background-position: 0% 47%;

}

.pilot-text{

  color:#FFF !important;

}

.pilot-pop-bg{

  background-color:#71C7A7 !important;

  border:0.2rem dotted #FFF;   

}

.qz-mod-span {color:#FFF !important;}

.modeller-pop-bg{

  background-color:#9cbb5d !important;

  border:0.1rem dotted #FFF;

}

.catmec-pop-bg{

  background-color:#f29b27 !important;

  border:0.1rem dotted #FFF;

}

.hotspot-pop-bg{

  background-color:#bd3a30 !important;

  border:0.1rem dotted #FFF;

}

.designer-pop-bg{

  background-color:#da6c79 !important;

  border:0.1rem dotted #FFF;   

}

.pilot-popover-body {

  border-radius:9px !important;

  border:2px solid #71c7a7 !important;

  max-width:33% !important;

}

.pilot-popover-body-xs {

  border-radius:9px !important; border:2px solid #71c7a7 !important;

}

.pilot-popover-header{

  background-color:#71c7a7 !important;

  color: #71c7a7 !important;

}

.modeller-popover-body {

  border-radius:9px !important;

  border:2px solid #9cbb5d !important;

  max-width:33% !important;

}

.modeller-popover-header{

  background-color:#9cbb5d !important;

  color: #9cbb5d !important;

}

.catmec-popover-body {

  border-radius:9px !important;

  border:2px solid #f29b27 !important;

  max-width:33% !important;

}

.catmec-popover-header{

  background-color:#f29b27 !important;

  color: #f29b27 !important;

}

.hotspot-popover-body {

  border-radius:9px !important;

  border:2px solid #bd3a30 !important;

  max-width:33% !important;

}

.hotspot-popover-header{

  background-color:#bd3a30 !important;

  color: #bd3a30 !important;

}

.designer-popover-body {

  border-radius:9px !important;

  border:2px solid #da6c79 !important;

  max-width:33% !important;

}

.designer-popover-header{

  background-color:#da6c79 !important;

  color: #da6c79 !important;

}

.qzw_mod_animate {

  animation:pulse infinite;

}

.qz_mod_pulse

{

border-radius: 50%;

animation: shadow-pulse 1s infinite;

transition-duration: 3s;

}

@keyframes shadow-pulse

{

0% {

  box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);

}

100% {

  box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);

}

}

@keyframes shadow-pulse-big

{

0% {

  box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);

}

100% {

  box-shadow: 0 0 0 70px rgba(0, 0, 0, 0);

}

}

.slick_trad_rt_slider .slick-dots{

left: -50% !important;

}

.slick_trad_rt_slider .slick-dots li.slick-active button:before{

color: #9abf50 !important;

opacity: 1 !important; font-size: 30px !important;

}

.slick_trad_rt_slider .slick-dots li button:before{

color: #858585 !important;opacity: 1 !important;font-size: 30px !important;

}

.slick_trad_rt_slider .slick-dots li{

margin: 0 !important;

}



/*qzw nav*/

.cd-scroll-down {

position: absolute;
left: 50%;

right: auto;

-webkit-transform: translateX(-50%);

-moz-transform: translateX(-50%);

-ms-transform: translateX(-50%);

-o-transform: translateX(-50%);

transform: translateX(-50%);

bottom: 20px;

width: 38px;

height: 44px;

background: url("../img/cd-arrow-bottom.svg") no-repeat center center;

}



/* No Touch devices */

.cd-nav-trigger {

display: none;

}



.no-touch #cd-vertical-nav {

position: fixed;

right: 25px;

top: 50%;

bottom: auto;

display: none;

-webkit-transform: translateY(-50%);

-moz-transform: translateY(-50%);

-ms-transform: translateY(-50%);

-o-transform: translateY(-50%);

transform: translateY(-50%);

z-index: 6;

}

::marker{

color: transparent !important;

}

.no-touch #cd-vertical-nav li {

text-align: right;

}

.no-touch #cd-vertical-nav a {

display: inline-block;

/* prevent weird movements on hover when you use a CSS3 transformation - webkit browsers */

-webkit-backface-visibility: hidden;

backface-visibility: hidden;

}

.no-touch #cd-vertical-nav a:after {

content: "";

display: table;

clear: both;

}

.no-touch #cd-vertical-nav a span {

float: right;

display: inline-block;

-webkit-transform: scale(0.6);

-moz-transform: scale(0.6);

-ms-transform: scale(0.6);

-o-transform: scale(0.6);

transform: scale(0.6);

}

.no-touch #cd-vertical-nav a:hover span {

-webkit-transform: scale(1);

-moz-transform: scale(1);

-ms-transform: scale(1);

-o-transform: scale(1);

transform: scale(1);

}

.no-touch #cd-vertical-nav a:hover .cd-label {

opacity: 1;

}

.no-touch #cd-vertical-nav a.is-selected .cd-dot {

background-color: #9abf50;

}

.no-touch #cd-vertical-nav .cd-dot {

position: relative;

/* we set a top value in order to align the dot with the label. If you change label's font, you may need to change this top value*/

top: 8px;

height: 15px;

width: 15px;

border-radius: 50%;

background-color: #FFFFFF;

-webkit-transition: -webkit-transform 0.2s, background-color 0.5s;

-moz-transition: -moz-transform 0.2s, background-color 0.5s;

transition: transform 0.2s, background-color 0.5s;

-webkit-transform-origin: 50% 50%;

-moz-transform-origin: 50% 50%;

-ms-transform-origin: 50% 50%;

-o-transform-origin: 50% 50%;

transform-origin: 50% 50%;

}

.no-touch #cd-vertical-nav .cd-label {

position: relative;

margin-right: 10px;

padding: .4em .5em;

color: white;

font-size: 14px;

font-size: 0.875rem;

-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;

-moz-transition: -moz-transform 0.2s, opacity 0.2s;

transition: transform 0.2s, opacity 0.2s;

opacity: 0;

-webkit-transform-origin: 100% 50%;

-moz-transform-origin: 100% 50%;

-ms-transform-origin: 100% 50%;

-o-transform-origin: 100% 50%;

transform-origin: 100% 50%;

}



/* Touch devices */

.touch .cd-nav-trigger {

display: block;

z-index: 2;

position: fixed;

bottom: 30px;

right: 5%;

height: 44px;

width: 44px;

border-radius: 0.25em;

background: rgba(255, 255, 255, 0.9);

}

.touch .cd-nav-trigger span {

position: absolute;

height: 4px;

width: 4px;

background-color: #3e3947;

border-radius: 50%;

left: 50%;

top: 50%;

bottom: auto;

right: auto;

-webkit-transform: translateX(-50%) translateY(-50%);

-moz-transform: translateX(-50%) translateY(-50%);

-ms-transform: translateX(-50%) translateY(-50%);

-o-transform: translateX(-50%) translateY(-50%);

transform: translateX(-50%) translateY(-50%);

}

.touch .cd-nav-trigger span::before, .touch .cd-nav-trigger span::after {

content: '';

height: 100%;

width: 100%;

position: absolute;

left: 0;

background-color: inherit;

border-radius: inherit;

}

.touch .cd-nav-trigger span::before {

top: -9px;

}

.touch .cd-nav-trigger span::after {

bottom: -9px;

}



.touch #cd-vertical-nav {

position: fixed;

z-index: 1;

right: 5%;

bottom: 30px;

width: 90%;

max-width: 400px;

max-height: 90%;

overflow-y: scroll;

-webkit-overflow-scrolling: touch;

-webkit-transform-origin: right bottom;

-moz-transform-origin: right bottom;

-ms-transform-origin: right bottom;

-o-transform-origin: right bottom;

transform-origin: right bottom;

-webkit-transform: scale(0);

-moz-transform: scale(0);

-ms-transform: scale(0);

-o-transform: scale(0);

transform: scale(0);

-webkit-transition-property: -webkit-transform;

-moz-transition-property: -moz-transform;

transition-property: transform;

-webkit-transition-duration: 0.2s;

-moz-transition-duration: 0.2s;

transition-duration: 0.2s;

border-radius: 0.25em;

background-color: rgba(255, 255, 255, 0.9);

}

.touch #cd-vertical-nav a {

display: block;

padding: 1em;

border-bottom: 1px solid rgba(62, 57, 71, 0.1);

}

.touch #cd-vertical-nav a span:first-child {

display: none;

}

.touch #cd-vertical-nav a.is-selected span:last-child {

color: #d88683;

}

.touch #cd-vertical-nav.open {

-webkit-transform: scale(1);

-moz-transform: scale(1);

-ms-transform: scale(1);

-o-transform: scale(1);

transform: scale(1);

}

.touch #cd-vertical-nav.open + .cd-nav-trigger {

background-color: transparent;

}

.touch #cd-vertical-nav.open + .cd-nav-trigger span {

background-color: rgba(62, 57, 71, 0);

}

.touch #cd-vertical-nav.open + .cd-nav-trigger span::before, .touch #cd-vertical-nav.open + .cd-nav-trigger span::after {

background-color: #3e3947;

height: 3px;

width: 20px;

border-radius: 0;

left: -8px;

}

.touch #cd-vertical-nav.open + .cd-nav-trigger span::before {

-webkit-transform: rotate(45deg);

-moz-transform: rotate(45deg);

-ms-transform: rotate(45deg);

-o-transform: rotate(45deg);

transform: rotate(45deg);

top: 1px;

}

.touch #cd-vertical-nav.open + .cd-nav-trigger span::after {

-webkit-transform: rotate(135deg);

-moz-transform: rotate(135deg);

-ms-transform: rotate(135deg);

-o-transform: rotate(135deg);

transform: rotate(135deg);

bottom: 0;

}

.touch #cd-vertical-nav li:last-child a {

border-bottom: none;

}



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

.touch .cd-nav-trigger, .touch #cd-vertical-nav {

  bottom: 40px;

}

}

/* end qzw nav*/

/* end technology template */

/* randd template */

#rand_banner{

background-image: url(../img/RandD.png);

background-size: cover;

background-repeat: no-repeat;

background-position: 0% 47%;

}

#randd_tabs .btn-link{

background-color: transparent;

border-color: #28a745;

}

#randd_tabs .btn-link span{

color: #555;

}

#randd_tabs .active span{

  color: #FFFF !important;

}

.nav .nav-item .active span{

border-bottom:2px solid #86b05a;

}

#randd_tabs .active{

background-color:#1e7e34;

border-color: #1c7430;

}

.blue-circle-button {

font-size: 1em;

line-height: 1.1em;

/*color: #FFF !important;*/

color: black!important;

margin: auto;

border-radius: 50%;

height: 8em;

width: 8em;

position: relative;

}

.blue-circle-button:hover {

/*color:#FFF !important;*/

color:black !important;

text-decoration: none;

}

.blue-circle-button:visited {

color:black !important;

text-decoration: none;

}

.blue-circle-link-greater-than {

  font-size: 1em;

}

.rounded-circle-sm

{

  animation: pulse-sm 2s infinite;

}

/* pulse redefined */

@-webkit-keyframes pulse-sm {

0% {

  -webkit-box-shadow: 0 0 0 0 rgba(47,41,150, 0.4);

}

70% {

    -webkit-box-shadow: 0 0 0 10px rgba(47,41,150, 0);

}

100% {

    -webkit-box-shadow: 0 0 0 0 rgba(47,41,150, 0);

}

}

@keyframes pulse-sm {

0% {

  -moz-box-shadow: 0 0 0 0 rgba(47,41,150, 0.4);

  box-shadow: 0 0 0 0 rgba(47,41,150, 0.4);

}

70% {

    -moz-box-shadow: 0 0 0 10px rgba(47,41,150, 0);

    box-shadow: 0 0 0 10px rgba(47,41,150, 0);

}

100% {

    -moz-box-shadow: 0 0 0 0 rgba(47,41,150, 0);

    box-shadow: 0 0 0 0 rgba(47,41,150, 0);

}

}

.tab-nav-item a{

color: #86b05a;

}

.tab-nav-item a:hover{

  color:#86b05a !important;

}

.tab-nav-item a:focus{

  color:#86b05a !important;

}

#pagin .active a{

background-color: #19692c!important;

color: #FFF;



}

/* end randd template */

/* events template */

#event_banner{

background-image: url(../img/events.png);

background-size: cover;

background-repeat: no-repeat;

background-position: 0% 75%;

}

/* end events template */

/* career template */

.careers_card .card-title p{

font-weight: normal !important;

}

.fc_deck_card .careers_card .card-header{

height: 9rem !important;

}

.sc_deck_card .careers_card .card-header{

height: 5rem !important;

}



.careers_bg_grad{

  background: transparent radial-gradient(closest-side at 75% 56%, #45759E 0%, #1E3C56 66%, #143048 100%) 0% 0% no-repeat;

}

.careers_bg_grad:before{

  content: '';

  position: absolute;

  top: 0;

  right: 0;height: inherit;

  bottom: 0;

  left: 0;

  background-image: linear-gradient(to bottom left,#4d4d4d00,#000000e0);

  opacity: .7; 

}

#career_banner{

background-image: url(../img/QZyme-Careers.png);

background-size: cover;

background-repeat: no-repeat;

background-position: 0% 75%;

}

.team-sec .card:hover {

  box-shadow: 0 10px 25px 0 rgba(6, 12, 34, 0.1);

}

.team-sec .card .card-title {

  border-bottom: 1px solid #ccc;

}

.team-sec a, .team-sec a:hover,.team-sec h4{

color: #212529 !important;

}

.team-sec h5{

color: #6c757d !important;

}

.cardet-header-sec{

background: url(../img/CareerBG.png) no-repeat;

background-size: cover;

background-position: center center;

background-attachment: fixed;

}

.cardet-header-sec h1 {

  color: #fff;

  letter-spacing: 0.01em;

  /*margin-top: 25%;*/

  height:20rem;

  margin-bottom: 120px;

}



.careers-sec .col2 {

  margin-top: 120px;

}



.section-job {

  margin-top: 25px;

  margin-bottom: 60px;

  display: none;

}



.section-job .career-bc a {

color: #86b05a !important;

text-decoration: none;

}



.section-job .career-bc a i {

color: #86b05a !important;

width: 20px !important;

}



.section-job .section-header {

  padding-bottom: 30px;

}



.section-job .section-header h3 {

  color: #000;

  font-weight: 600;

  text-align: center !important;

  margin-bottom: 10px;

}

.section-job .section-header p {

  color: #555;

  width: 75%;

  margin-left: auto;

  margin-right: auto;

  text-align: center !important;

}

.section-job .title-desc,

.section-job .job-desc ul {

  margin-bottom: 30px;

}

.section-job .title-desc p,

.section-job .job-desc p {

  color: #000;

  font-weight: 600;

  margin-bottom: 5px;

  line-height: 1.9;

}

.section-job .job-desc {

  margin-bottom: 40px;

}





.sub_heading_fonts{

  font-size: 1rem;

  font-weight: 400;

  line-height: 1.5;

  color: #212529;

  text-align: left;

  margin-top:30px !important;

}

.section-job .job-desc ul li {

  color: #555;

}

.section-job .job-desc ul li:before {

  content: "\f111";

  font-size: 6px;

  margin-right: 10px;

  color: #555;

  float: left;

}

.section-job .btn-apply {

  text-align: center !important;

}

.border-btn{

display: inline-block !important;

  position: relative;

  padding: 10px 40px;

  color: #FFF;

  line-height: 22px;

  font-size: 16px;

  outline: none;

  outline-offset: 0px;

  font-weight: 300;

  border: 1px solid #929292;

  border-radius: 50px;

  cursor: pointer;

  box-shadow: none;

  outline: none;

  -webkit-transform: translateZ(0);

  -moz-transform: translateZ(0);

  -ms-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-transition: color 10ms;

  -moz-transition: color 10ms;

  -ms-transition: color 10ms;

  transition: color 10ms;

}

.border-btn:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  border-radius: 50px;

  background: #4CAF50;

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transform-origin: 50 0%;

  transform-origin: 50 0%;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition: 300ms ease-out;

  transition: 300ms ease-out;

}

.border-btn:hover:before, .border-btn:focus:before {

  -webkit-transform: scaleX(1);

  transform: scaleX(1);

  border-radius: 50px;

}

.fontaw-dot p,

p.fontaw-dot {

  padding-left: 1.3rem;

}

.fontaw-dot p:before,

p.fontaw-dot:before {

  content: "\f111";

  font-family: "FontAwesome";

  display: inline-block;

  margin-left: -1.5rem;

  width: 1.4rem;

  color: #555 !important;

  -webkit-text-stroke: 8px #f6f6f6;

  -moz-text-stroke: 8px #f6f6f6;

  text-stroke: 8px #f6f6f6;

}

.fontaw-dot p.wfd:before,

p.fontaw-dot.wfd:before {

  -webkit-text-stroke: 8px #ffffff;

  -moz-text-stroke: 8px #ffffff;

  text-stroke: 8px #ffffff;

}



ul.social_media_button {

  float: right;

}



.fa{

  font-size: 60px;

  width: 50px;

  position: relative;

  top: -1px;

}



.search_button{

color: white;

top:0px !important; 

}

.three_line{

color: #9abf50;

}



.social_media_links{

float: right;

list-style-type: none;

margin-top:9%;

margin-right: 3%;

position: absolute;

right: 20px !important;

}



.icon_style{

color: #ffffff;

}



.social_media_links li{

padding: 5px 0px;

}





#WorkBench {

  /*background: #F7F7F7;*/

  background: white;

}



.wrap {

  padding: 80px calc(10% + 17px);

  padding-right: 3em !important;

  display: table-cell;

  overflow: hidden;

}



.viewport {

  /*display: flex;*/

  align-items: center;

}





.list-unstyled {

  padding-left: 0;

  list-style: none;

}



/*.mb-5, .my-5 {

  margin-bottom: 3rem!important;

}*/



/* @media only screen and (max-width: 1440px) and (min-width: 1040px){ */

.mar-index {

  margin-top: 12em;

}



.cfs {

  font-size: 28px;

  font-weight: 300;

  line-height: 1.4;

  margin-bottom: 25px;

}



.mb-auto, .my-auto {

  margin-bottom: auto!important;

}



.mt-auto, .my-auto {

  margin-top: auto!important;

}



/*starting of footer */



.fb_logo{

 color:#3b5998;   

}



.instagram_logo{

color: #e4405f;

}



.twitter_logo{

color: #55acee;

}



.linkdin_logo{

color: #0077B5;

}





/*end of footer*/

.about_sub{  

display: none;

}



.about_sub li{

padding: 5px !important;

}



.about_sub a{

color: rgb(255,255,255);

}



.about_us:hover > .about_sub{

content:"";

display: grid;

position: absolute;  

margin-top: 10px;

background-color: black;

color: white;

list-style-type: none !important;

text-align: left;

padding: 10px !important;

width: 180px;

}



.about_us:after {

  content:"";

  display: grid !important;

  position: absolute;  

  margin-top: 10px;

  color: white;

  list-style-type: none !important;

  text-align: left;

  padding: 10px !important;

  width: 180px;

}



.wrapper {

  display: grid;

  grid-template-columns: repeat(4,1fr);

  grid-auto-rows: 200px;

  grid-gap: 20px;

}



/* start of spotlight */

.blur {

width:100%;

height:100%;

position: absolute;

top: 0;bottom: 0;left: 0;right: 0;

background:transparent linear-gradient(180deg, var(--unnamed-color-3e6688) 0%, #1F3344 100%) 0% 0% no-repeat;

background-size:cover;

-webkit-filter: blur(4px);

-moz-filter: blur(4px);

-ms-filter: blur(4px);

-o-filter: blur(4px);

filter: blur(50px);

z-index: 0;

}

.blur2 {

width:100%;

height:100%;

position: absolute;

top: 0;bottom: 0;left: 0;right: 0;

background: transparent linear-gradient(180deg, #3E6688 0%, #1F3344 100%) 0% 0% no-repeat;

background-size:cover;

-webkit-filter: blur(4px);

-moz-filter: blur(4px);

-ms-filter: blur(4px);

-o-filter: blur(4px);

filter: blur(50px);

z-index: 2;

}

#carousel_blog a{

letter-spacing: 0 !important;

}

#carousel_blog .carousel-control-next,#carousel_blog .carousel-control-prev {

  bottom: unset !important;

  width: 0% !important;

  top:-32px !important;

}



#carousel_news .carousel-control-next,#carousel_news .carousel-control-prev {

  bottom: unset !important;

  width: 0% !important;

  top:-32px !important;

}



.splot_light_owl_carousel{  

margin-right: 30px;

}

.spotlight_sub{  

display: none;

}



.spotlight_sub li{

padding: 5px !important;

}

.spotlight_sub a{

color: rgb(255,255,255);

}

.spotlight:hover > .spotlight_sub{

display: grid;

position: absolute;  

margin-top: 10px;

background-color: black;

color: white;

list-style-type: none !important;

text-align: left;

padding: 10px !important;

width: auto;  

}



.spotlight:after {

content:"";

display: grid !important;

position: absolute;  

margin-top: 10px;

color: white;

list-style-type: none !important;

text-align: left;

padding: 10px !important;

width: 150px;

border: none !important;

}



.spotlight_li,

.spotlight_sub:hover {

  display: block;

}







#spotlight_sub .item{

margin: 3px;

}

#spotlight_sub .item img{

display: block;

width: 100%;

height: auto;



}



.wrapper{

          display: grid;

  grid-template-columns: repeat(4,1fr);

  grid-auto-rows: 200px;

  grid-gap: 20px

          }

/* end of spotlight */





.services_sub{  

display: none;

}



.services_sub li{

padding: 5px !important;

}

.services_sub a{

color: rgb(255,255,255);

}

.services:hover > .services_sub{

display: grid;

position: absolute;  

margin-top: 10px;

background-color: black;

color: white;

list-style-type: none !important;

text-align: left;

padding: 10px !important;

width: auto;

}

.services:after {

content:"";

display: grid !important;

position: absolute;  

margin-top: 10px;

color: white;

list-style-type: none !important;

text-align: left;

padding: 10px !important;

width: 150px;

}

#popup{

position: fixed;

top: 40%;

left: 50%;

transform: translate(-50%, 50%);

width: 60px;

padding: 50px;

box-shadow: 0 5px 30px rgba(0,0,0,.30);

background: #fff;

visibility: hidden;

opacity: 0;

transition: 0.5s;

}

#popup.active{

top: 50;

visibility: visible;

opacity: 1;

transition: 0.5s;

}



/* end career template */



.flipster_1{

background-image: url(../img/flipster/Naveen.png);

background-repeat: no-repeat;

}





.items {

display: flex;

flex-wrap: wrap;

margin-left: -10px;

margin-top: -10px;

}

.items .item {

flex: 1 0 200px;

box-sizing: border-box;

background: #e0ddd5;

color: #171e42;

padding: 10px;

margin-left: 10px;

margin-top: 10px;

}



.spotlight_items {

display: flex;

flex-wrap: wrap;

margin-left: -10px;

margin-top: -10px;

}

.spotlight_items .item {

flex: 1 0 200px;

box-sizing: border-box;

background: #e0ddd5;

color: #171e42;

padding: 10px;

margin-left: 10px;

margin-top: 10px;

}



/* start of get in touch with us*/

.button_contact_us{

  background: #133049;

  border-radius:25px;

  /*width: 200px;

  height: 50px;

  

  text-align: center;*/

}



.button_contact_us a{

  display: block;

  width: 100%;

  height: 100%;

  color: white !important;

  padding: 0.8rem;

}



.contact_us_btn{

  background-color: #133049;

  color: #FFFFFF;

  width: 500px;

}

.contact_us_btn:hover{

  background-color: #133049;

  color: #FFFFFF;

}

.get_in_touch_with_us_h3{

  color: #133049;

}

.get_in_touch_with_us{

  display:none;

}



.get_in_touch_us_class{

  display: flex;

  justify-content: center;

  margin: 0 auto;

}



.hcard{

  position: relative;

  width: 43.75rem;

  display: flex;

  flex-wrap: wrap;

  padding: 30px;

}



.hcard .card{

  position: relative;

  max-width: 300px;

  height:215px;

  margin:30px 10px;

  padding: 20px 15px;

  display: flex;

  flex-direction: column;

  box-shadow: 0 5px 20px rgba(0,0,0,0.5);

  transition: 0.3s ease-in-out;

}



.hcard .card:hover{

  height: 35rem;

}



.hcard .card .imgBx{

  border-radius:0.625rem;

  position: relative;

  width: 15rem;

  height: 15rem;

  top: -60px;

  left: 20px;

  z-index: 1;

  box-shadow: 0 5px 20px rgba(0,0,0,0.2);

}



.hcard .card .imgBx img{         

  border-radius:0.625rem;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.hcard .card .content {

position: relative;

margin-top: -140px;

padding: 10px 15px;

text-align: center;

color: #111;

visibility: hidden;

opacity: 0;

transition: 0.3s ease-in-out;

}



.hcard .card:hover .content {

 visibility: visible;

 opacity: 1;

 margin-top: -40px;

 transition-delay:0.3s;

}



#nine{

  height: 2rem;

  justify-content:space-around;

}



#rd1{

  box-shadow: 0 1px 8px rgba(0,0,0, 0.16);

  border-radius: 7px;

  padding: 7px 10px;

}



#cont-title{

  color: #3C9673;

  font-family: NeutralStdBold;

  font-size: 22px;

  text-align: center;

}



.box{

  position: relative;

  height: auto;

  border: 2px solid #ffffff;

  box-shadow: 10px 10px 20px #A0A0A029;

  box-sizing: border-box;

}



.box:after{

  position: absolute;

  width: 30px;

  height: 40px;

  border-top: 0px solid #ffffff;

  border-right: 2px solid #ffffff;

  border-bottom: 2px solid #ffffff;

  border-left: 0px solid #ffffff;

  top:100%;

  left: 50%;

  margin-left:-25px;

  content: '';

  transform: rotate(47deg);

  margin-top: -21px;

  background: #FFFFFF 0% 0% no-repeat padding-box;

  box-shadow: 10px 10px 20px #A0A0A029;

}



.addingbr{

  border:1px solid #D2D2D2;

  width: 150px;

}

html {

  scroll-behavior: smooth;

}



#dashed hr {

  margin-top:3rem;

  margin-bottom: 0rem;

  border: 0;

  /*border-top:2px solid #9ABF50;*/

  border:none;

  border-top:2px dashed  #9ABF50;

  color:#fff;

  background-color:#fff;

  height:2px;

  content: "------";

}



#dashed hr::before {



content:"-----------------";

height: 2px;

border-top:2px #9ABF50;

}

.service_tab{

  box-shadow: 0px 0px 40px #6D6D6D14;

  /*height: 197px !important;*/

  margin-top: 8rem !important;

  margin-bottom: 10rem !important;



}



#qz_services{

  position: relative;

}

.hd_services::before {

  content: "";

  display: block;

  position: absolute;

  top: 2rem;

  left: 50%;

  width: 0;

  border-left: 3px solid #353535;/*var(--blue);*/

  height: 96%;

  z-index: -1;

  transform: translateX(-50%);

  box-shadow: 0px 3px 6px #00000029 !important;

  opacity: 0.6;

}

.enzyme_discovery, .enzyme_discovery_img{

  height: 23rem;

  -webkit-transition: height 0.8s;

  -moz-transition: height 0.8s;

  transition: height background-color 0.8s;

  overflow: hidden;

  margin-bottom: 3rem;

  

}

.enzyme_discovery img{

  transition: all .8s ease-in-out;

}

.enzyme_discovery:hover{

  height: 25rem;

  background-color:#FFFFFF  !important; /*#133049*/

}





.enzyme_engineering, .enzyme_engineering_img{

  height: 19.5rem;

  -webkit-transition: height 0.8s;

  -moz-transition: height 0.8s;

  transition: height 0.8s;

  overflow: hidden;

  margin-bottom: 3rem;

}

.enzyme_engineering img{

  transition: all .8s ease-in-out;

}

.enzyme_engineering:hover{

  height: 31rem;

  background-color: #FFFFFF !important;

}





.wet_lab_validation, .wet_lab_validation_img{

  height: 19.5rem;

  -webkit-transition: height 0.8s;

  -moz-transition: height 0.8s;

  transition: height 0.8s;

  overflow: hidden;

  margin-bottom: 3rem;

}

.wet_lab_validation img{

  transition: all .8s ease-in-out;

}

.wet_lab_validation:hover{

  height: 20rem;

  background-color: #FFFFFF !important;

}.process_development{

  height: 19.5rem;

  -webkit-transition: height 0.8s;

  -moz-transition: height 0.8s;

  transition: height 0.8s;

  overflow: hidden;

  margin-bottom: 3rem;

}

.process_development img{

  transition: all .8s ease-in-out;

}

.process_development:hover{

  height: 20rem;

  background-color: #FFFFFF !important;

}.scale_up{

  height: 19.5rem;

  -webkit-transition: height 0.8s;

  -moz-transition: height 0.8s;

  transition: height 0.8s;

  overflow: hidden;

  margin-bottom: 3rem;

}

.scale_up img{

  transition: all .8s ease-in-out;

}

.scale_up:hover{

  height: 20rem;

  background-color: #FFFFFF !important;

}



/* end Services end*/

/* R & D start */

.progress div{

width: 20% !important;

}

#pills-case .card-title{

font-size: 18px !important;

}

#jolecule-embed-jolecule-soup-display-canvas-wrapper{

  position: inherit !important;

  margin-top: 2rem !important;

}

#jolecule-embed-jolecule-soup-display{

  transform: scale(1.4,1.4) !important;

}



#qz_tab_pills .active:before {

  content: "";

  border-top: 1px solid #133049;

  width: 4em;

  filter: blur(1px);

  display: block;

  right: 0;margin-top: 0.6rem;

  position: absolute;

  transition-property: width;

  transition-duration: 0.2s;

  transition-timing-function: ease-out;

  

}



#qz_tab_pills .nav-link .active{

  color: #FFFFFF !important;

  box-shadow: 0px 10px 20px #86AF8733 !important;

}

#qz_tab_pills .nav-link .active:hover{

  color: #FFFFFF !important;

}

.innovation{

background: #FCFCFC 0% 0% no-repeat padding-box;

opacity: 1;

}



#circle {

  background:#ffffffff;

  border-radius: 50%;

  width: 160px;

  height: 160px;

  box-shadow: 10px 10px 20px #A0A0A029;

  text-align: center;

font: normal normal normal 22px/29px Product Sans;

letter-spacing: 0px;

color: #030500;

opacity: 1;

display: flex; /* or inline-flex */

align-items: center;

justify-content: center;

}

#qz_tab_pills a.active:hover{

  color: #FFFFFF !important;

}

#qz_tab_pills a:hover{

  color: #133049 !important;

}

#qz_tab_pills a:focus{

  color: #FFFFFF !important;

}

#pills-pub-tab.nav-link.active{



/*background: #CEE69F80 0% 0% no-repeat padding-box;*/

/*background: #45759E40 0% 0% no-repeat padding-box;

border-radius: 10px;

letter-spacing: 0px;

color: #133049 !important;

font-weight: bold !important;

border: none !important;*/



}

#pills-pub-tab.nav-link:hover{

  /*color: #133049 !important;*/

}



#pills-pub-tab.nav-link{

/*border: 1px solid #CCCCCC;

border-radius: 10px;

color: #0000008c;

opacity: 1;*/

}



#pills-events-tab.nav-link.active{



/*background: #CEE69F80 0% 0% no-repeat padding-box;*/

background: #45759E40 0% 0% no-repeat padding-box;

border-radius: 10px;

letter-spacing: 0px;

color: #133049 !important;

font-weight: bold !important;

border: none !important;

}



#pills-events-tab.nav-link:hover{

  color: #133049 !important;

}



#pills-events-tab.nav-link{

border: 1px solid #CCCCCC;

border-radius: 10px;

color: #0000008c;

opacity: 1;

}



#pills-blogs-tab.nav-link.active{



/*background: #CEE69F80 0% 0% no-repeat padding-box;*/

background: #45759E40 0% 0% no-repeat padding-box;

border-radius: 10px;

letter-spacing: 0px;

color: #133049 !important;

font-weight: bold !important;

}

#pills-blogs-tab.nav-link:hover{

  color: #133049 !important;

}



#pills-blogs-tab.nav-link{

border: 1px solid #CCCCCC;

border-radius: 10px;

color: #0000008c;

opacity: 1;

}



#pills-case-tab.nav-link:hover{

  color: #133049 !important;

}

#pills-case-tab.nav-link

{

color: #133049;

width: 123px;

letter-spacing: 0;

border-radius: 9px;

}



#pills-presentations-tab.nav-link.active{

  background: #45759E40 0% 0% no-repeat padding-box;

  border-radius: 10px;

  letter-spacing: 0px;

  color: #133049 !important;

  font-weight: bold !important;

}



#pills-presentations-tab.nav-link:hover{

  color: #133049 !important;

}



#pills-presentations-tab.nav-link{

  border: 1px solid #CCCCCC;

  border-radius: 10px;

  color: #0000008c;

  opacity: 1;

}



#v-pills-home-tab.nav-link.active{

  text-decoration-color: #ffffff;

  color: #fff;

  background-color:#133049;

}



#v-pills-home-tab.nav-link.active:hover{

  color: #fff;

}

#pills-pub-tab.nav-link.active{

  text-decoration-color: #ffffff;

  color: #fff;

  background-color:#133049;

}



#pills-pub-tab.nav-link.active:hover{

 color: #fff;

}

#pills-case-tab.nav-link.active{

  text-decoration-color: #ffffff;

  color: #fff;

  background-color:#133049;

}



#pills-case-tab.nav-link.active:hover{

 color: #fff;

}





#v-pills-profile-tab:hover{

 color: black !important;

}

#v-pills-messages-tab:hover{

 color: black !important;

}

#v-pills-profile-tab.nav-link.active{

  color: #fff;

  background-color:#133049;

}

#v-pills-messages-tab.nav-link.active{

  text-decoration-color: #ffffff;

  color: #fff;

  background-color:#133049;

}

#v-pills-home-tab.nav-link{

  width: 123px;

  color: #133049;

  border-radius:9px;

}

#v-pills-profile-tab.nav-link{

  color: #133049;

  width: 123px;

  letter-spacing:0;

  border-radius:9px;

}

#pills-pub-tab.nav-link{

  color: #133049;

  width: 123px;

  letter-spacing:0;

  border-radius:9px;

}



#v-pills-messages-tab.nav-link{

  color: #133049;

  width: 123px;

  border-radius:9px;

}



#pills-pub-tab.nav-link{

  color: #133049;

}



#v-pills-home-tab.nav-link:hover{

  text-decoration: none;

  color: #ffff;

}



.card-deck .card .card-img-top{

  border-radius:10px;

  object-fit: cover;

}





.card-title{

text-align: left;

opacity: 1;



}



.card-text{

text-align: left;

letter-spacing: 0px;

color: #000000;

opacity: 1;

}



.btn-card{

/*width: 89px;

height: 31px;*/

padding: 10px;

color: #030500;

text-decoration-color: black;

text-align: center;

background: #45759E33 0% 0% no-repeat padding-box;

border-radius: 4px;

font: normal normal bold 12px/12px Product Sans;

opacity: 1;

}

.btn-card:hover{

  background-color: #45759E!important;

  color: #FFF!important;

}



.rd_card_head{

  color: #3C550A !important;

}



.R_and_D_card{

  background-color: #FAF9F9;

  border-radius: 23px;

}



.R_and_D_card_text{

  min-height:8rem;

}



/*.R_and_D_card_footer{

  background-color: #FAF9F9 !important;

}*/

.v-pills-card{

  min-width: 30% !important;

  /*max-width: 30% !important;*/

}



#R_and_D_slider{

  background: transparent radial-gradient(closest-side at 50% 48%, #45759E -200%, #1E3C56 200%, #143048 100%) 0% 0% no-repeat padding-box;

  opacity: 1 !important;

  /*background: transparent radial-gradient(closest-side at 75% 56%, #45759E 0%, #1E3C56 66%, #143048 100%) 0% 0% no-repeat padding-box;*/

  opacity: 1;

  padding: 5px;

  padding-top: 100px !important;

}



.R_and_D_shadow{

  margin-top: -10%;

  margin-left: 20%;

  border-radius: 50%;

  width: 70%;

  height: 100px;

  background: black;opacity: 1;

  -webkit-transform: scale(1, 0.2);

}



.R_and_D_header_img{



  background: transparent 0% 0% no-repeat padding-box ;

  opacity: 1;

}



.R_and_D_card :hover{

  shadow:2px 2px;

}





/* R & D end*/



/* customers */



.dots-circle{

  position: absolute;

  width: 78px;

  vertical-align: top;

  height: 77px;

  background-image: radial-gradient(#f5c325 25%, transparent 14%), radial-gradient(#FAFAFA 15%, transparent 15%);

  background-color: #ffffff;

  background-position: 0 0, 15px 15px;

  background-size: 10px 10px;

}

.slick-slide {

  margin: 0px 20px;

}

.slick-slide img {

  width: 100%;

}

.slick-slider

{

  position: relative;

  display: block;

  box-sizing: border-box;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

          user-select: none;

  -webkit-touch-callout: none;

  -khtml-user-select: none;

  -ms-touch-action: pan-y;

      touch-action: pan-y;

  -webkit-tap-highlight-color: transparent;

}

.slick-list

{

  position: relative;

  display: block;

  overflow: hidden;

  margin: 0;

  padding: 0;

}

.slick-list:focus

{

  outline: none;

}

.slick-list.dragging

{

  cursor: pointer;

  cursor: hand;

}



.slick-slider .slick-track,

.slick-slider .slick-list

{

  -webkit-transform: translate3d(0, 0, 0);

     -moz-transform: translate3d(0, 0, 0);

      -ms-transform: translate3d(0, 0, 0);

       -o-transform: translate3d(0, 0, 0);

          transform: translate3d(0, 0, 0);

}



.slick-track

{

  position: relative;

  top: 0;

  left: 0;

  display: block;

}

.slick-track:before,

.slick-track:after

{

  display: table;

  content: '';

}

.slick-track:after

{

  clear: both;

}

.slick-loading .slick-track

{

  visibility: hidden;

}



.slick-slide

{

  display: none;

  float: left;

  height: 100%;

  min-height: 1px;

}

[dir='rtl'] .slick-slide

{

  float: right;

}

.slick-slide img

{

  display: block;

}

.slick-slide.slick-loading img

{

  display: none;

}

.slick-slide.dragging img

{

  pointer-events: none;

}

.slick-initialized .slick-slide

{

  display: block;

}

.slick-loading .slick-slide

{

  visibility: hidden;

}

.slick-vertical .slick-slide

{

  display: block;

  height: auto;

  border: 1px solid transparent;

}

.slick-arrow.slick-hidden {

  display: none;

}

/* customers */

/* media */

.media_banr{

  /*max-width: 115% !important;*/

  /*height: 37rem !important;*/

  transform: scale(1.1);

}

section.media_head_banner{

  background: #133049 0% 0% no-repeat padding-box;border: 1px solid #707070;min-height: 35rem;max-height: 35rem;border-radius: 0px 0px 0px 22rem;

}



@media (max-width: 575.98px) {

  section.media_head_banner{

      border-radius: 0px 0px 0px 8rem;

      min-height:50rem;

      max-height: 50rem;

  }

  .media_pills ul.nav{

      display: grid !important;

      text-align: center !important;

  }

  .media_pills ul.nav li{

     padding: .25rem!important;

  }

  .thnk_ezym{

    position: relative;

    top: 14rem;

    

  }

  .thnk_ezym_p{

    min-height: 47rem;

  }

}



#pills-company-statements .card{

  min-width: 19rem;

  max-width: 19rem;

}

#event_reminder.dropdown-toggle:after { content: none }

.mediatab-btn {

background: none !important;

color: #B4B4B4 !important;

font-size: 18px;

}



/*.mediatab-btn:after {

display:block;

content: '';

border-bottom: solid 5px #9ABF50;  

transform: scaleX(0);  

transition: transform 250ms ease-in-out;

}

.mediatab-btn:hover:after { transform: scaleX(1); }*/

.media-pills li a.active{

  font-weight: bold !important;

  color: #4D4D4D !important;

}

.media-pills li a.active:after {

display:block;

content: '';

border-bottom: solid 5px #9ABF50;  

}

#media_cards .card:hover{

  background: #FFFFFF 0% 0% no-repeat !important;

  box-shadow: 10px 10px 20px #ACACAC29;

}

#pills-tabContent .card{

  margin-bottom: 1.5rem!important;

  transition: 0.5s;

  /*box-shadow: 0px 3px 6px #00000029;*/

}

#v-pills-tab a.active{

  box-shadow: 0px 10px 20px #86AF8733;

}

#pills-tabContent .card:hover{

  background: #FFFFFF 0% 0% no-repeat !important;

  box-shadow: 10px 10px 20px #ACACAC29;

}

.mbl_vrsn{

visibility: hidden !important;

}

.subscribe_div{

visibility: hidden !important; 

}

.qz_services_slick {

display: hidden !important;

}

.qz_services_slick {

  display: none !important;

}

/*#pills-tabContent .card-footer:hover{

  background: #FFFFFF 0% 0% no-repeat !important;

  box-shadow: 10px 10px 20px #ACACAC29;

}*/



/* end media */



/* resposive quires */

/*Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {

#jolecule-embed-jolecule-soup-display {

  transform: scale(1.1,1.1) !important;

}

#tes img{

  width: 95% !important;

}



.adv-cards1{

  margin-bottom: 0px !important;

  width: 100%;

}.adv-cards2{

  margin-top: 0px !important;

  width: 100%;

}

.progress div{

  width: 30% !important;

  padding-left: 12px;

  padding-right: 12px;

}

#pills-commercial-partners img{

  width: 50% !important;

}

#btn_contact_form {

  float: none !important;

}

.visit_us_spans{

  color: #000 !important;

}

.visit_us_div {

  margin-top: 1.5rem !important;

}

.card-text{

  font-size: 17px;

}

i.fas.fa-quote-left.fa-5x.fa-rotate-180.fa-flip-vertical.testimonial-quote{

  float:left !important;

}

#R_and_D_slider .col-lg-4{

  padding: .5rem!important;

}

.rw_blue{

  margin-top: 0rem !important;

}

#qz-about-card > div:nth-child(1) > div > div.card-img-wrapper > img{

  min-height: 23rem !important;

}

#qz_adv_tech .card{

  width: 100% !important;

  height: auto !important;

}

/* width */

  #v-pills-tab::-webkit-scrollbar {

    width: 10px;

    height: 2px;

  }



  /* Track */

  #v-pills-tab::-webkit-scrollbar-track {

    background: #c3bebe33; 

  }

   

  /* Handle */

  #v-pills-tab::-webkit-scrollbar-thumb {

    background: #04AA6D; 

  }



  /* Handle on hover */

  #v-pills-tab::-webkit-scrollbar-thumb:hover {

    background: #555; 

  }

  .table-responsive::-webkit-scrollbar {

    width: 10px;

    height: 2px;

  }



  /* Track */

  .table-responsive::-webkit-scrollbar-track {

    background: #c3bebe33; 

  }

   

  /* Handle */

  .table-responsive::-webkit-scrollbar-thumb {

    background: #04AA6D; 

  }



  /* Handle on hover */

  .table-responsive::-webkit-scrollbar-thumb:hover {

    background: #555; 

  }

#v-pills-tab{

  flex-direction:row !important;

  overflow: auto !important;

  width: 100%;

  flex-wrap: initial !important;

}

#qz_tab_pills .active:before{

  display: none !important;

}

#qz_adv_tech .card img{

  height: 12rem !important;

  width: 100% !important;

}

#pills-pub-tab.nav-link{

  margin: 10px !important;

  width: auto !important;

}

#v-pills-profile-tab.nav-link{

  width: auto !important;

  letter-spacing: 2px !important;

}

.qz_services_slick p{

  margin: 10px 0px 0px 0px !important;

}.qz_services_slick .col{

  padding: 0px !important;

}.qz_services_slick h1{

  /*margin-left: 0px !important;*/

}.qz_services_slick img{

  width: 95% !important;

}

#media_cards .card{

  width: auto !important;

  min-width: auto !important;

}

#pills-company-statements .card{

  max-width: 100% !important;

}

.media-pills li a.active:after{

  border-bottom: none !important;

}

.media-pills li a.active{

  color: #ffffff !important;

  background-color: #28a745 !important;

}

.small-tab-area{

  display: block !important;

}



.big-tab-area{

  display: none !important;

}



section.media_head_banner{

    border-radius: 0px 0px 0px 8rem;

    min-height:50rem;

    max-height: 50rem;

}

.media_pills ul.nav{

    display: grid !important;

    text-align: center !important;

}

.media_pills ul.nav li{

   padding: .25rem!important;

}

.thnk_ezym{

  position: relative;

  top: 14rem;

  padding-left: 4rem !important;

}

.thnk_ezym_p{

  min-height: 47rem;

}

#qz_services{

  display: hidden !important;

}

.qz_services_slick {

  display: block !important;

}



.mbl_vrsn{

  margin-left: 0.5rem !important;

}



#home_slider h1 {

  font-size: 3.0rem;

}

.header_height{

  height: auto !important;

}

.qz-head-bottom{

  padding-bottom: 0px !important;

}

.sab_nav_img {

  padding-left:0 !important;

}

.qz-head-dark{

  padding: 0px !important;

}

.navbar-collapse:not(.show){

  display: block !important;

}

.largenav{

  display: block !important;

  position: absolute !important;

  /*right: 10% !important;*/

  top: 15% !important;

}

.largenav li:not(:last-child){

  display: none !important;

}

.mobileMenu {

  display: none !important;

}

.three_line{

  font-size: 2rem !important;

}

h2{

  line-height: 1.5 !important;

}

#home_slider h1{

  font-size: 2.3rem !important;

}

.tech_txt{

  line-height: 45px !important;

  font-size: 22px !important;

}.sab_txt{

  line-height: 45px !important;

  font-size: 22px !important;

}

.small, small{

font-size: 110% !important;

}

.qz_services_slick {

  display: block !important;

}

  .mbl_vrsn{

  visibility: visible !important;

}

.subscribe_div{

  visibility: visible !important; 

}

}



/*Small devices (landscape phones, less than 768px)*/

@media (max-width: 767.98px) {

.visit_us_spans{

  color: #000 !important;

}

.visit_us_div {

  margin-top: 1.5rem !important;

}

section.media_head_banner{

  background: #133049 0% 0% no-repeat padding-box !important;

  border-radius: 0px 0px 0px 13rem !important;

}

#qz_services {

display: hidden !important;  

}

.qz_services_slick {

  display: block !important;

}

#home_slider h1 {

    font-size: 3.0rem;

}

h2{

  line-height: 1.5 !important;

}

.header_height{

  height: auto !important;

}

.sab_nav_img {

  padding-left:0 !important;

}

#sab_sec{

width: 100%;overflow: hidden;

}

.st-sc{

  display: block !important;

}

.st-sc h1{

  margin:0 !important;

}

.parallax-tech div{

  padding-right: 0%;padding-left: 0%;margin-top: 10%;

}

.slick-list{

  margin: 4px !important;

}

.qz-head-dark{

  padding: 0px !important;

}

.navbar-collapse:not(.show){

  display: block !important;

}

.largenav{

  display: block !important;

  position: absolute !important;

  /*right: 10% !important;*/

  top: 15% !important;

}

.largenav li:not(:last-child){

  display: none !important;

}

.mobileMenu {

  display: none !important;

}

.three_line{

  font-size: 2rem !important;

}

.mbl_versn_mn_sc{

  height: 50rem !important;

}

.mbl_txt_hght{

  margin-top: 12rem !important;

}

.cpy_rt_mbl_vrsn{

  margin-top: 1rem;

  margin-bottom: 4rem; 

  padding-bottom: 2rem; 

}

.mbl_ftr_vrsn{

  text-align: center;

}

.mbl_vrsn{

  visibility: visible !important;

}

.dsk_sub_btn{

  display: none !important;

}

.desktp_vrsn{

  display: none !important;

}

.mbl_svg{

  width: 100% !important;

}

#subscribe{

  /* min-height: 250px !important; */

  width: 100% !important;

}

.mbl_txt_cntr{

  text-align: center !important;

  margin-top: 10px;

}

.subscribe_div{

  visibility: visible !important;

  margin-top: 10px !important;

  margin-bottom: 10px !important;

}

.qz_logo{

  display: none;

}

}



/*Medium devices (tablets, less than 992px)*/

@media (max-width: 991.98px) {

  .visit_us_spans{

    color: #000 !important;

  }

  .visit_us_div {

    margin-top: 1.5rem !important;

  }

  section.media_head_banner{

    background: #133049 0% 0% no-repeat padding-box !important;

    border-radius: 0px 0px 0px 13rem !important;

  }

  .qz_services_slick {

    display: block !important;

  }

  #qz_services{

  display: none !important;

  }

  .mbl_txt_hght{

    margin-left: 1rem!important;

  }

  .partners_pg_sec{

  min-height: 56rem !important;

  }

  .cmrcial_spacing{

    margin-right: 7rem !important;

  }



  .mbl_vrsn{

    margin-left: 0.5rem !important;

  }

  #home_slider h1 {

      font-size: 2.5rem;

  }

  .qz-head-dark{

    padding: 0px !important;

  }

  .navbar-collapse:not(.show){

    display: block !important;

  }

  .largenav{

    display: block !important;

    position: absolute !important;

    right: 10% !important;

    top: 15% !important;

  }

  .largenav li:not(:last-child){

    display: none !important;

  }

  .mobileMenu {

    display: none !important;

  }

  .three_line{

    font-size: 2rem !important;

  }

  .mbl_txt_hght{

    margin-top: 12rem !important;

  }

  .mbl_versn_mn_sc{

    height: 52rem !important;

  }

  .dsk_sub_btn{

    display: none !important;

  }

  .desktp_vrsn{

    display: none !important;

  }

  .mbl_vrsn{

    visibility: visible !important;

  }

  .subscribe_div{

  display: block !important; 

  }

  .cpy_rt_mbl_vrsn{

    margin-top: 1rem;

    margin-bottom: 4rem; 

    padding-bottom: 2rem; 

  }

  .mbl_svg{

    width: 100% !important;

  }

  #subscribe{

    /* min-height: 190px !important; */

    width: 100% !important;

  }

  .mbl_txt_cntr{

    text-align: center !important;

    margin-top: 10px;

  }

  .mbl_vrsn{

    visibility: visible !important;

  }

  .subscribe_div{

    visibility: visible !important; 

    margin-top: 10px !important;

    margin-bottom: 10px !important;

  }

  .qz_logo{

    display: none;

  }

}



/*Large devices (desktops, less than 1200px)*/

@media (max-width: 1199.98px) { 

section.media_head_banner{

  background: #133049 0% 0% no-repeat padding-box !important;

  border-radius: 0px 0px 0px 13rem !important;

}

 .cmrcial_spacing{

  margin-right: 15rem !important;

}

.career_header_bg_img{

  background: url('../img/quantumzyme_careers.jpg') 70% 0% / cover no-repeat !important;

}

.cpy_rt_mbl_vrsn{

  margin-top: 1rem;

  margin-bottom: 4rem; 

  padding-bottom: 2rem; 

}

.mbl_svg{

  width: 100% !important;

}

#subscribe{

  /* min-height: 210px !important; */

  width: 100% !important;

}

.mbl_txt_cntr{

  text-align: center !important;

  margin-top: 10px;

}

}



/* iPads (landscape) ----------- */

@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation:landscape) {

/* For landscape layouts only */

#qz-about-card .card-wrapper{

  min-width: 30% !important;

}

}



#mySelect {

position: relative;

z-index: 1000000;

}



#mySelect.sticky {

position: fixed;

top: 0;

width: 100%;

}



.scrolled-up #mySelect.sticky{

top:70px !important;

}



.small{

color: #000;

}





@media (min-width: 575px) {

  .custom-card-deck{

    display: flex !important;

    -ms-flex-flow: row wrap !important;

    flex-flow: row wrap !important;

    margin-right: -15px !important;

    margin-left: -15px !important;

  }



  .custom-card-deck .card{

    flex: 0 1 22%;

    margin-right: 15px;

    margin-bottom: 0;

    margin-left: 15px;

  }

}