.offset-lg-1 {
    margin-left: 3%;
}

.minuszindex {
    z-index: -1;
}

.page-main.container {
    max-width: 100%;
    padding: 0;
}


/* 1. Hide the popup completely by default */
.video-popup-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0, 0, 0, 0.85) !important;
  z-index: 999999 !important;
  display: none !important;
  align-items: center;
  justify-content: center;
}

/* Open popup */
.video-popup-overlay:target {
  display: flex !important;
}

.video-popup-overlay .videosize {
  position: relative !important;
  width: 90% !important;
  max-width: 800px !important;
  aspect-ratio: 16 / 9 !important;
  background: #000 !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
  z-index: 1000000;
}

.video-popup-overlay .videosize iframe {
  width: 100% !important;
  height: 100% !important;
  border: 0;
}

.video-popup-close-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: default;
}

.video-popup-close-btn {
    position: absolute;
    top: -45px;
    right: 0;
    font-size: 30px !important;
    text-decoration: none !important;
    background: #fff;
    height: 30px;
    width: 30px;
    text-align: center;
    font-size: 30px;
    border-radius: 100%;
    line-height: 30px;

}



@media (min-width: 1200px) {
    .page-main.container {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .page-main.container {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .page-main.container {
        width: 100%;
    }
}

/*MICROBIOLOGY*/
.sec-we-innovate.pb50 {
    padding-bottom: 0;
}

.mb-2 {
    margin-bottom: 20px;
}

.mb-3 {
    margin-bottom: 30px;
}

.we-make {
    font-size: 50px;
    line-height: 70px;
    text-align: center;
    margin-bottom: 20px;
}

.pt50 {
    padding-top: 50px;
}

.at_a_glance-sec .fs-1 {
    font-size: calc(1.1rem + 1.5vw) !important;
}

.at_a_glance-sec .pl {
    padding-left: 0;
}

.at_a_glance-sec .col-lg {
    flex: 1 0 0%;
}

.at_a_glance-sec .mt-4 {
    margin-top: 1.6rem !important;
}

.at_a_glance-sec .mb-5 {
    margin-bottom: 3rem !important;
}

.at_a_glance-sec .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}

.at_a_glance-sec .mb-7 {
    margin-bottom: 0.7rem !important;
}

.at_a_glance-sec .fs-5 {
    font-size: 1.25rem !important;
    line-height: 1.2;
}

.at_a_glance-sec {
    background: #4fa25a;
    padding: 40px 0px 20px;
}

.mst-quick-nav__filterList {
    display: none;
}

.category-view-move {
    margin-bottom: 0px;
}

.nav-breadcrumbs {
    display: none !important
}


.category-page-wrapper {
    overflow: hidden;
    margin-top: -20px;
    font-size: 16px;
    line-height: 25px;
}

.category-page-wrapper .container {
    max-width: 1280px;
}

.category-page-wrapper p {
    margin-bottom: 15px;
}

.microbiology_industries_slider_bg {
    background: linear-gradient(to right, rgb(182, 244, 146), rgb(51, 139, 147));
}

.baner-style-flex {
    display: flex;
    justify-content: space-between;
    background: radial-gradient(#ffffff, #e7ffea);
    margin-top: -20px;
}

.baner-style-flex .heading-cell-blk {
    padding-top: 120px;
}

.microbiology_industries_slider_bg .slider-wraper {
    padding: 20px 0;
}

.category-page-wrapper .align-items-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.microbiology-product-slider .item-product .product-info-cart button {
    background-color: #4fa25a;
    border-color: #4fa25a;
}

.light-green {
    background: #e3fff2;
}

.microbiology-product-slider .item-product .product-extra-link a:hover {
    background-color: #4fa25a !important;
    border-color: #4fa25a !important;
}

.microbiology-product-slider .item-product .product-info .product-name a {
    color: #3e3e3e !important;
}

.microbiology-product-slider .item-product .product-info .product-name a:hover {
    color: #4fa25a !important;
}

.margin-center {
    margin: 0 auto;
}

.rokan-product-heading {
    margin: 30px 15px;
}

.servicestabs {
    position: relative;
    background: white;
    padding: 50px;
    padding-bottom: 30px;
}

.view-all-products {
    background: #4fa25a;
    padding: 20px 0px;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin-bottom: 50px;
    display: flex;
}

.view-all-products h3 {
    line-height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: justify;
    font-size: 20px;
    font-weight: 500;
    font-family: poppins;
    padding: 0 20px;

}

.view-all-products a.btn {
    padding: 15px 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    font-family: poppins;
    border-radius: 10px;
    box-shadow: 0px 4px 4px 0px #fff000;
}

.view-all-products .cat_1 {
    margin-bottom: 20px;
}


.servicestabs input[name=tab-control] {
    display: none;
}

.servicestabs .content section h2,
.servicestabs ul li label {
    font-weight: 400;
    font-size: 20px;
    color: #f94a4a;


}

.servicestabs ul {
    list-style-type: none;
    padding-left: 15px;
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
}

.servicestabs ul li {
    box-sizing: border-box;
    flex: 1;
    width: 33.33%;

    margin-bottom: 0;
}

.servicestabs ul.list-text-content {
    display: block;
    text-align: left;
    font-size: 14px;
    padding-left: 0px
}

.servicestabs ul.list-text-content li {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    font-size: 16px !important;
    line-height: 25px !important;
    padding: 0;
    text-align: left;
}

.servicestabs ul li label {
    transition: all 0.3s ease-in-out;
    color: #828a98;
    padding: 5px auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    white-space: nowrap;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: flex;
}

.servicestabs ul li label br {
    display: none;
}

.servicestabs ul li label svg {
    fill: #828a98;
    height: 1.2em;
    vertical-align: bottom;
    margin-right: 0.4em;
    transition: all 0.2s ease-in-out;
    display: block;
    text-align: center;
}

.slider-services .content section {
    margin: 0;
}

.servicestabs ul li label:hover,
.servicestabs ul li label:focus,
.servicestabs ul li label:active {
    outline: 0;
    color: #828a98;
}

.servicestabs ul li label:hover svg,
.servicestabs ul li label:focus svg,
.servicestabs ul li label:active svg {
    fill: #828a98;

}

.services-list .servicestabs .slider1 {
    position: relative;
    width: 33.33%;
    transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
}

.list-text-content {
    padding-left: 0px;
}

.servicestabs .slider1 .indicator {
    position: relative;
    width: 150px;
    max-width: 100%;
    height: 2px;
    background: #f94a4a;
    border-radius: 1px;
    margin-left: 15px
}

.servicestabs .content {
    margin-top: 30px;
}

.servicestabs .content section {
    display: none;
    -webkit-animation-name: content;
    animation-name: content;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    line-height: 1.4;
}

.servicestabs .content section h2 {
    color: #f94a4a;
    display: none;
}

.servicestabs .content section h2::after {
    content: "";
    position: relative;
    display: block;
    width: 30px;
    height: 3px;
    background: #f94a4a;
    margin-top: 5px;
    left: 1px;
}

.servicestabs input[name=tab-control]:nth-of-type(1):checked~ul>li:nth-child(1)>label {
    cursor: default;
    color: #f94a4a;
}

.servicestabs input[name=tab-control]:nth-of-type(1):checked~ul>li:nth-child(1)>label svg {
    fill: #f94a4a;
}

@media (max-width: 600px) {
    .servicestabs input[name=tab-control]:nth-of-type(1):checked~ul>li:nth-child(1)>label {
        background: rgba(0, 0, 0, 0.08);
    }
}

.servicestabs input[name=tab-control]:nth-of-type(1):checked~.slider1 {
    transform: translateX(0%);
}

.servicestabs input[name=tab-control]:nth-of-type(1):checked~.content>section:nth-child(1) {
    display: block;
}

.servicestabs input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label {
    cursor: default;
    color: #f94a4a;
}

.servicestabs input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label svg {
    fill: #f94a4a;
}

@media (max-width: 600px) {
    .servicestabs input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label {
        background: rgba(0, 0, 0, 0.08);
    }
}

.servicestabs input[name=tab-control]:nth-of-type(2):checked~.slider1 {
    transform: translateX(33%);
}

.servicestabs input[name=tab-control]:nth-of-type(2):checked~.content>section:nth-child(2) {
    display: block;
}

.servicestabs input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label {
    cursor: default;
    color: #f94a4a;
}

.servicestabs input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label svg {
    fill: #f94a4a;
}

@media (max-width: 600px) {
    .servicestabs input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label {
        background: rgba(0, 0, 0, 0.08);
    }
}

.servicestabs input[name=tab-control]:nth-of-type(3):checked~.slider1 {
    transform: translateX(66%);
}

.servicestabs input[name=tab-control]:nth-of-type(3):checked~.content>section:nth-child(3) {
    display: block;
}

.servicestabs input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label {
    cursor: default;
    color: #f94a4a;
}

.servicestabs input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label svg {
    fill: #f94a4a;
}

@media (max-width: 600px) {
    .servicestabs input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label {
        background: rgba(0, 0, 0, 0.08);
    }
}

.servicestabs input[name=tab-control]:nth-of-type(4):checked~.slider1 {
    transform: translateX(300%);
}

.servicestabs input[name=tab-control]:nth-of-type(4):checked~.content>section:nth-child(4) {
    display: block;
}

@-webkit-keyframes content {
    from {
        opacity: 0;
        transform: translateY(5%);
    }

    to {
        opacity: 1;
        transform: translateY(0%);
    }
}

@keyframes content {
    from {
        opacity: 0;
        transform: translateY(5%);
    }

    to {
        opacity: 1;
        transform: translateY(0%);
    }
}

@media (max-width: 1000px) {
    .servicestabs ul li label {
        white-space: initial;
    }

    .servicestabs ul li label br {
        display: initial;
    }

    .servicestabs ul li label svg {
        height: 1.5em;
    }
}

@media (max-width: 600px) {
    .servicestabs ul li label {
        padding: 5px;
        border-radius: 5px;
    }

    .servicestabs ul li label span {
        display: none;
    }

    .servicestabs .slider1 {
        display: none;
    }

    .servicestabs .content {
        margin-top: 20px;
    }

    .servicestabs .content section h2 {
        display: block;
    }
}



.industry-we-list .item {
    height: 100vh;
    position: relative;
}

.industry-we-list .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.industry-we-list .item .cover {
    padding: 75px 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
}

.industry-we-list .item .cover .header-content {
    position: relative;
    padding: 56px;
    overflow: hidden;
}

.industry-we-list .item .cover .header-content .line {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    border: 9px solid #fff;
    -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
    clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
}

.industry-we-list .item .cover .header-content h2 {
    font-weight: 300;
    font-size: 35px;
    color: #fff;
}

.industry-we-list .item .cover .header-content h1 {
    font-size: 56px;
    font-weight: 600;
    margin: 5px 0 20px;
    word-spacing: 3px;
    color: #fff;
}

.industry-we-list .item .cover .header-content h4 {
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
    color: #fff;
}

.industry-we-list .owl-item.active h1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
}

.industry-we-list .owl-item.active h2 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
}

.industry-we-list .owl-item.active h4 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.3s;
}

.industry-we-list .owl-item.active .line {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInLeft;
    animation-delay: 0.3s;
}

.industry-we-list .owl-nav .owl-prev {
    position: absolute;
    left: 15px;
    top: 43%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: rgba(0, 0, 0, 0.5) !important;
    width: 40px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0;
}

.industry-we-list .owl-nav .owl-prev span {
    font-size: 1.6875rem;
    color: #fff;
}

.industry-we-list .owl-nav .owl-prev:focus {
    outline: 0;
}

.industry-we-list .owl-nav .owl-prev:hover {
    background: #000 !important;
}

.industry-we-list .owl-nav .owl-next {
    position: absolute;
    right: 15px;
    top: 43%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: rgba(0, 0, 0, 0.5) !important;
    width: 40px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0;
}

.industry-we-list .owl-nav .owl-next span {
    font-size: 1.6875rem;
    color: #fff;
}

.industry-we-list .owl-nav .owl-next:focus {
    outline: 0;
}

.industry-we-list .owl-nav .owl-next:hover {
    background: #000 !important;
}

.industry-we-list:hover .owl-prev {
    left: 0px;
    opacity: 1;
}

.industry-we-list:hover .owl-next {
    right: 0px;
    opacity: 1;
}

.slider {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}

.slide {
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 1s;
}

.slide>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

button {
    background: none;
    border: none;
}

button .fas {
    color: rgba(255, 255, 255, .5);
}

.btn-slide {
    position: absolute;
    z-index: 10;
    cursor: pointer;
}

.prev {
    left: 3rem;
    transform: translate(-50%, -50%);
}

.next {
    right: 3rem;
    transform: translate(50%, -50%);
}

.dots-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.dot {
    width: 25px;
    height: 5px;
    margin: 15px 5px;
    border-radius: .5rem;
    background: rgba(39, 39, 39, .5);
    cursor: pointer;
}

.dot.active {
    background: #272727;
}

.text-light {
    color: #666666 !important
}

.banner-title {
    font-size: 4rem !important;
    line-height: 1.1;
    font-weight: 500;
}

.pr {
    position: relative;
}

.item-blk a {
    text-decoration: none;
}

.text-center {
    text-align: center;
}

.pt100 {
    padding-top: 100px;
}

.pt20 {
    padding-top: 20px;
}

.pt40 {
    padding-top: 40px;
}

.pb50 {
    padding-bottom: 50px;
}

.pt30 {
    padding-top: 30px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb100 {
    padding-bottom: 100px;
}

.fl-right {
    float: right;
}

.mr0 {
    margin-right: 0 !important;
}

.mt30 {
    margin-top: 30px;
}

.mb100 {
    margin-bottom: 100px;
}

.col-12 {
    width: 100% !important;
}

.btn {
    font-size: 1rem;
}

.btn:hover {
    background: #000;
}

.btn-black {
    background: #383838;
    color: #fff;
}

.btn i {
    font-size: 16px;
    position: relative;
    margin-left: 5px;
}

/*.container{
    width: 1250px;
    height: 100%;
    margin: auto;
        position: relative;
}*/
.hidden-pc {
    display: none;
}

.bg-gray {
    background: #f0f0f0;
}

/********** Define Font size ***********/

/********* Sprite CSS Start *****************/

.sprite {
    background: url(../img/sprite.png) top left;
    display: inline-block;
}

/********* Sprite CSS End *****************/

/*******Navbar CSS Start*******/


.nav-sec {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: all 0.2s ease-in-out;
    padding: 6px 0;
}

.sticky-nav {
    display: none;
}

.nav-sec.subpage {
    background: #fff;
    top: 0;
    padding: 4px 0;
}

.logo-header {
    width: 150px;
}

.navbar-header {
    width: calc(100% - 200px);
}

.nav-sec.subpage .sticky-nav {
    display: block;
}

.nav-sec.subpage .logo-header {
    width: 140px;
}

.nav-sec.subpage .nav-img-blk {
    display: none;
}

.header-menu .menu-item {
    margin-left: 20px;
}

.header-menu .menu-item a {
    font-size: 18px;
    color: #010101;
    outline: none;
    text-decoration: none;
    margin: 0;
    position: relative;
    padding: 20px 0;
}

.header-menu .menu-item a.dropdown i {
    font-size: 16px;
}

/*.header-menu .menu-item a:before {
    content: "";
    height: 7px;
    background: #2196f3;
    width: 0;
    position: absolute;
    bottom: 1px;
    z-index: -2;
    transition: width 0.3s;
}
.header-menu .menu-item a:hover:before, .header-menu .menu-item a:focus:before{
    width: 100%;
    transition: width 0.3s;
}*/
.btnmenu {
    width: 30px;
    height: 14px;
    margin-left: 30px;
    position: relative;
}

.btnmenu:before {
    content: "";
    position: absolute;
    left: -20px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    background: #fff;
    margin: auto 0;
}

.btnmenu span {
    width: 100%;
    height: 1px;
    background: #fff;
    display: block;
}

.btnmenu span:nth-child(2) {
    margin-top: 10px;
}


.services-list .title {
    font-size: 18px;
    text-align: left;
    margin: 15px 0 5px;
    font-weight: 500;
}

/**************** Color Default Start ******************/
.text-black {
    color: #000;
}

.text-gray {
    color: #4d4d4d;
}

.text-gray-light {
    color: #adadad;
}

.text-red {
    color: #f50022;
}

.text-yellow {
    color: #ffdd3c;
}

.text-blue {
    color: #3a67cc;
}

/**************** heading Default Start ******************/
.heading-lg {
    font-size: 50px;
    line-height: 55px;
    margin-bottom: 10px;
    font-weight: 500;
}

.heading-md {
    font-size: 35px;
    font-weight: 400;
    line-height: 45px;
    margin-bottom: 0px
}

.heading-sm {
    font-size: 30px;
}

.margintopbot {
    margin: 20px auto 10px;
}

.heading-xs {
    font-size: 22px;
}

.text-white {
    color: #fff;
}


/**************** Header Banner Section Start ******************/

/*.banner-header{
    min-height: 100vh;
}*/
.icondown-btn {
    transform: rotate(0deg);
    display: inline-block;
    font-size: 25px;
    color: #838383;
    margin-left: 15%;
}

.icondown-btn:hover {
    transform: rotate(90deg);
}

.circle-animation {
    width: 530px;
    height: 530px;
    -webkit-animation-name: rotate;
    animation-name: rotate;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}

.banner-circle {
    right: 0%;
    left: 0;
    margin: auto;
    top: 0%;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
}

.banner-circle1 {
    right: 0%;
    top: 0%;
}

.circle-black {
    background: transparent;
    border: 1px solid hsl(0deg 0% 0% / 10%);

}

.wrap-section {
    overflow-x: hidden;
}

.circle-white:before {
    content: "";
    width: 10px;
    height: 10px;
    background: #fff;
    position: absolute;
    top: -5px;
    right: 0;
    left: 0;
    margin: auto;
    border-radius: 50%;
}

.circle-black:before {
    content: "";
    width: 10px;
    height: 10px;
    background: #cfcfcf;
    position: absolute;
    top: -5px;
    right: 0;
    left: 0;
    margin: auto;
    border-radius: 50%;
}

.main-wrapper {
    overflow: hidden;
}

.commnunications-circle {
    left: 2%;
    top: 0%;
    bottom: 0;
    margin: auto;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    z-index: 2;
}

.commnunications-circle1 {
    left: 2%;
    top: 0%;
    bottom: 0;
    margin: auto;
    z-index: 2;
}

.customer-commnunications-wrap {
    position: relative;
    z-index: 2;
}

.customer-commnunications-circle {
    right: -11%;
    top: -4%;
}


@-webkit-keyframes rotate {
    0% {
        transform: rotate(360deg);

    }

    100% {
        transform: rotate(0deg);

    }
}

@keyframes rotate {
    0% {
        transform: rotate(360deg);

    }

    100% {
        transform: rotate(0deg);

    }
}

.banner-ele-2 {
    position: absolute;
    width: 150px;
    height: 150px;
    bottom: 0;
    left: -200px;
}

.rounded-5 {
    border-radius: 1.2rem;
}

.sec-about-home {
    background-attachment: fixed;
    background-size: cover;
}

.btn-borderd {
    padding: 8px 15px;
}

.btn-gray {
    border: 1px solid #4d4d4d;
    color: #4d4d4d;
    border-radius: 0.2rem;
}

.btn-gray:hover,
.btn-gray:focus {
    border: 1px solid #f90224;
    background: #f90224;
    color: #fff;
}

.btn.btn-gray:hover i {
    color: #fff;
}


.btn-white {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 0.2rem;
}

.btn-white:hover,
.btn-white:focus {
    background: #fff;
    color: #f50022;
}

.btn.btn-white:hover i {
    color: #f50022;
}

.img-overview {
    position: relative;
    margin-top: -100px;
}

.ov-img-blk {
    border-left: 1px solid #ffffff30;
}

b {
    font-weight: 600;
}

.service-right-bottom {
    width: 330px;
    position: absolute;
    right: -170px;
    bottom: 50px;
}

.service-right-bottom .commnunications-circle1 {
    right: 10%;
    left: auto;
    width: 450px;
    height: 450px;
    top: 150px;
}

.service-right-bottom .commnunications-circle {
    right: 10%;
    width: 450px;
    height: 450px;
    left: auto;
    top: 150px;
}

.service-right-bottom .circle-black:before {
    background: #f90224;
}

.industry-slider-img {
    margin: 5px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
}

.industry-slider-img img {
    border-radius: 15px;
}

.industry-we-list.slick-slide.slick-current.slick-active .ind-img-blk img {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

.industry-slider-img.slick-slide.slick-active .industry-name {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.industry-name {
    padding: 5px 10px;
    background: #fff;
    position: absolute;
    bottom: 20px;
    left: 0px;
    border-bottom-right-radius: 18px;
    border-top-right-radius: 18px;
    min-width: 90px;
    font-weight: 600;
    font-size: 14px;
}

.md-img {
    width: 90%;
    margin: auto;
    margin-top: -100px;
    position: relative;
    z-index: 2;
}

.md-box-back-circle {
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: #fff;
    top: -150px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.msb-box:before {
    content: "";
    position: absolute;
    left: 0;
    width: 40px;
    height: 40px;
    left: -40px;
    background-image: url(../img/quote.png);
    background-size: 30px;
    background-repeat: no-repeat;
    top: -10px;
}

.circle-yellow {
    width: 90px;
    position: absolute;
    height: 90px;
}

.circle-yellow-md {
    right: -10%;
    top: 30%;
    bottom: 0;
    margin: auto;
}

.global-presence-wrap {
    background: #ee031e;
}

.marquee-blk {
    font-size: 100px;
    font-weight: 900;
    text-transform: uppercase;
}

.slider-blog .slick-prev {
    right: 40px;
    left: auto;
    top: -60px;
    bottom: auto;
    background-size: 18px !important;
}

.slider-blog .slick-next {
    right: 0px;
    left: auto;
    top: -60px;
    bottom: auto;
    background-size: 18px !important;
}

.slider-interview .slick-prev {
    right: 40px;
    left: auto;
    top: -60px;
    bottom: auto;
    background-size: 18px !important;
}

.slider-interview .slick-next {
    right: 0px;
    left: auto;
    top: -60px;
    bottom: auto;
    background-size: 18px !important;
}

.bg-red {
    background: #ee031e;
}

.img-box-sub {
    width: 300px;
    float: right;
    margin-top: -140px;
    position: relative;
    bottom: -38px;
}

.subscribe-form-blk {
    position: absolute;
    width: 100%;
    bottom: 0px;
}

.subscribe-form {
    border-radius: 25px;
    padding: 8px 15px;
}

.icon-email {
    width: 25px;
    margin-right: 5px;
}

.btn-link {
    border: none;
    outline: none;
    background: transparent;
    width: 40px;
}

.subscribe-form-blk .form-control {
    border: none;
    outline: none;
}

.subscribe-form-blk .form-control:focus {
    box-shadow: none;
}

.footer-sec {
    background: #272727;
    padding: 40px 0;
    margin-top: 0 !important;
}

.navbar-footer li a {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    margin-right: 25px;
}

.navbar-footer li {
    position: relative;
}

.navbar-footer li:before {
    content: "";
    position: absolute;
    right: 8px;
    width: 7px;
    height: 2px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    border-radius: 5px;
    background: #fff;
}

.navbar-footer li:last-child:before {
    display: none;
}

.footer-wrap-shaddow {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: -60px;
}

.footer-copyright {
    font-size: 14px;
}

.social-list li {
    width: 45px;
    height: 45px;
    border: 1px solid rgb(255 255 255 / 60%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    border-radius: 50%;
}

.social-list li a {
    color: #fff;
    font-size: 18px;
}

.product-element {
    position: absolute;
    width: 300px;
    right: 125px;
    top: 75px;
}

.product-element .commnunications-circle {
    right: 10%;
    width: 450px;
    height: 450px;
    left: auto;
}

.product-element .commnunications-circle1 {
    right: 10%;
    left: auto;
    width: 450px;
    height: 450px;
}

.product-slider {
    padding-bottom: 50px;
}

.product-slider .slick-arrow {
    display: none !important;
}

.product-element .circle-black:before {
    background: #f90224;
}

.product-slider .slick-dots {
    top: 0px;
    width: 80%;
    margin: auto;
    left: 0;
    display: flex !important;
    right: 0;
    align-items: flex-start;
    justify-content: space-between;
    bottom: auto;
}

.product-slider .slick-dots:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #dbdbdb;
    top: 4px;

}

.product-slider .slick-dots li {
    padding: 0;
}

.product-slider .slick-active .img-box-left {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.product-slider .slick-active .img-box-right {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.product-slider .slick-active .top-content-blk {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.product-slider .slick-active .product-element img {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.product-slider .slick-active .bottom-content-blk {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.product-slider .slick-dots li button {
    background: #c7c7c7;
    margin-right: 0;
    display: block;
}

.product-slider .slick-dots li:before {
    content: "";
    position: absolute;
    top: -50px;
    left: -50px;
    width: 130px;
    text-align: center;
    color: #c7c7c7;
}

.product-slider .slick-dots li:nth-child(1):before {
    content: "Microbiology";
}

.product-slider .slick-dots li:nth-child(2):before {
    content: "Cell Biology";
}

.product-slider .slick-dots li:nth-child(3):before {
    content: "Molecular Biology";
}

.product-slider .slick-dots li:nth-child(4):before {
    content: "Plant Tissue Culture";
}

.product-slider .slick-dots li:nth-child(5):before {
    content: "Chemicals & Biochemicals";
}

.product-slider .slick-dots li:nth-child(6):before {
    content: "Hydroponics";
}

.product-slider .slick-dots li:nth-child(7):before {
    content: "Consumables and Instruments";
}

.product-slider .slick-dots li.slick-active:before {
    color: #ee031e;
}

.product-slider .slick-dots li.slick-active button {
    background: #ee031e;
    color: #ee031e;
}

.product-slider .slick-dots li.slick-active:nth-child(1) button {
    background: #00a651;
}

.product-slider .slick-dots li.slick-active:nth-child(1):before {
    color: #00a651;
}

.product-slider .slick-dots li.slick-active:nth-child(2) button {
    background: #ed1d24;
}

.product-slider .slick-dots li.slick-active:nth-child(2):before {
    color: #ed1d24;
}

.product-slider .slick-dots li.slick-active:nth-child(3) button {
    background: #92278f;
}

.product-slider .slick-dots li.slick-active:nth-child(3):before {
    color: #92278f;
}

.product-slider .slick-dots li.slick-active:nth-child(4) button {
    background: #75c044;
}

.product-slider .slick-dots li.slick-active:nth-child(4):before {
    color: #75c044;
}

.product-slider .slick-dots li.slick-active:nth-child(5) button {
    background: #0095da;
}

.product-slider .slick-dots li.slick-active:nth-child(5):before {
    color: #0095da;
}

.product-slider .slick-dots li.slick-active:nth-child(6) button {
    background: #015699;
}

.product-slider .slick-dots li.slick-active:nth-child(6):before {
    color: #015699;
}

.product-slider .slick-dots li.slick-active:nth-child(7) button {
    background: #f68b1f;
}

.product-slider .slick-dots li.slick-active:nth-child(7):before {
    color: #f68b1f;
}

.product-img-name {
    padding: 10px 20px;
    background: #fff;
    position: absolute;
    min-width: 119px;
    font-weight: 600;
    font-size: 16px;
    border-radius: 18px;
    top: 50%;
}

.product-img-name.name-left {
    right: -50px;
}

.product-img-name.name-right {
    left: -50px;
    top: 10%;
}

.product-slider-wrap {
    padding-top: 100px;
}

.circle-bottom-left {
    bottom: -38px;
    left: -30px;
    background: #fff;
    border-radius: 50%;
}

.circle-top-right {
    top: -38px;
    right: -30px;
    background: #fff;
    border-radius: 50%;
}

.serv-img-box:before {
    content: "";
    width: 100px;
    height: 100px;
    background: #f9022470;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    box-shadow: 1px -1px 40px 30px #f902242e;
}

.headline-footer {
    font-size: 24px;
    margin-bottom: 15px;
    color: #fff;
}

.footer-link-list li {
    margin-bottom: 10px;
}

.footer-link-list li a {
    text-decoration: none;
    font-family: 'Helvetica';
    font-size: 17px;
    color: #b3b3b3;
    line-height: 1.2;
    position: relative;
}

.footer-link-list li a:hover {
    color: #fff;
}

.footer-link-list li a:before {
    content: "";
    height: 1px;
    background: #fff;
    width: 0;
    position: absolute;
    bottom: -4px;
    left: auto;
    right: 0;
    z-index: -2;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}

.footer-link-list li a:hover:before {
    width: 100%;
    right: auto;
    left: 0;
}

.bg-lab {
    background: url(../img/bg-lab.jpg) no-repeat;
    background-size: cover;
}

/*.img-life-text{position: relative; left: 80px;}*/


/********MM menu***********/

body .mm-menu {
    background: #f50022;
    border-color: #ffffff3d;
    color: rgba(255, 255, 255);
    text-transform: uppercase;
}

body .mm-menu.mm-offcanvas {
    max-width: 300px;
}

.mm-page {
    position: inherit !important;
}

html.mm-front .mm-menu.mm-offcanvas {
    z-index: 9999 !important;
}

body .mm-menu .mm-navbar a,
.mm-menu .mm-navbar>* {
    color: rgb(255, 255, 255);
}

body .mm-clear:before,
.mm-close:before {
    border-right: none;
    border-bottom: none;
    right: 8px;
    width: 8px;
    height: 8px;
}

body .mm-clear:after,
.mm-close:after {
    width: 8px;
    height: 8px;
    left: 13px;
}

body .mm-menu .mm-btn:after,
body .mm-menu .mm-btn:before {
    border-color: rgb(255, 255, 255);
}

body .mm-navbar.mm-hasbtns {
    background: #f50022;
}

body .mm-navbar .mm-btn:last-child {
    border-left: 1px solid #ffffff3b;
}

.mm-listview>li,
.mm-listview>li .mm-next,
.mm-listview>li .mm-next:before,
.mm-listview>li:after {
    border-color: #ffffff3d;
}

.mm-menu .mm-listview>li .mm-next:after {
    border-color: rgba(255, 255, 255, 0.68);
}

.btn-menu {
    width: 20px;
    height: 35px;
    margin-left: 26px;
    position: relative;
}

.btn-menu span {
    width: 100%;
    position: absolute;
    height: 3px;
    background: #ee031e;
}

.btn-menu span.one {
    top: 8px;
}

.btn-menu span.two {
    top: 16px;
}

.btn-menu span.three {
    top: 24px;
}

.header-menu .menu-item a.btn-shop {
    background: #ee031e;
    padding: 8px 17px;
    border-radius: 54px;
    font-size: 15px;
    color: #fff;
}

.header-menu .menu-item a.icon-btn {

    font-size: 20px;
    color: #ee031e;
}

.form-search .form-control {
    border-color: #ee031e;
    height: 32px;
    border-radius: 28px;
    width: 140px;
    font-size: 0.9rem;
}

.form-blk {
    margin-left: 25px;
}

button.btn-search {
    position: absolute;
    right: 5px;
    font-size: 18px;
    top: 0;
    bottom: 0;
    background: transparent;
    border: none;
    outline: none;
    color: #ee031e;
}

.form-search .form-control:focus {
    box-shadow: none;
}

.form-search .form-control::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #ee031e;
}

.form-search .form-control:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #ee031e;
    opacity: 1;
}

.form-search .form-control::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #ee031e;
    opacity: 1;
}

html.mm-front #mm-blocker {
    z-index: 1111;
}

/********************************CELL CULTURE *****************************************/
.cell-analysis {
    color: #d979d6;
}

.cell-culture-right-img {
    position: absolute;
    right: -15px;
    top: 114px;
    width: 55%;
}

.cell-culture-left-circle {
    width: 300px;
    height: 300px;
    position: absolute;
    left: 5%;
    top: 30%;
}

.life-is-precious-circle {
    width: 65%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 37%;
    right: 0;
    margin: auto;
}

.cell-culture-bootom-circle {
    width: 40%;
    position: absolute;
    right: -2%;
    top: 37%;
}

.icondown-btn.circle-down {
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50%;
    border: 2px solid #4fa25a;
    margin-top: 30px;
    display: flex;
    align-items: center;
    margin-left: 0;
    font-size: 20px;
    justify-content: center;
    color: #4fa25a
}

.btn-rounded {
    border-radius: 30px;
    padding: 8px 20px;
}

.cell-culture-box {
    margin-top: -150px;
}


.cell-culture-box-text {
    position: absolute;
    top: 0%;
    left: -100%;
    width: 100%;
    height: 100%;
    padding: 40px !important;
    transition: 0.5s all ease-in-out;
    text-align: left;
    overflow: hidden;
    background: #00000094;
}

.img-cell-box {
    position: relative;
    overflow: hidden;
}

.img-cell-box:hover .cell-culture-box-text {
    top: 0;
    transition: 0.5s all ease-in-out;
    left: 0;
}

.life-is-precious-cell {
    margin-top: -150px;
}

.video-play-button {
    width: 80px;
    height: 80px;
    position: absolute;
    background: #000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    font-size: 25px;
    color: red;
    transition: 0.5s all cubic-bezier(0, -0.04, 0, 3.04);
}

.video-play-button:hover {
    color: #fff;
    box-shadow: 4px 14px 40px 0px #00000070;
    transition: 0.5s all cubic-bezier(0, -0.04, 0, 3.04);
    transform: scale3d(1.1, 1.1, 1.1);
}

.video-player-wrap {
    position: relative;
}

.video-player-wrap:before {
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    transition: width 3s;
    background: #fff;
    position: absolute;
}

.video-play-sec.aos-init.aos-animate .video-player-wrap:before {
    width: 0;
    transition: width 3s;
}

.img-fluid {
    width: 100%;
}

.bg-red-gradient {
    background: rgb(238, 3, 30);
    background: linear-gradient(180deg, rgba(238, 3, 30, 1) 11%, rgba(255, 255, 255, 0) 95%);
}

.list-text-content {
    padding-left: 20px;
    list-style: disc;
    margin-bottom: 20px;
}

.flex-lg-row-reverse .box-life-left {
    position: relative;
    left: 0;
}

.portfolio-list-blk a {
    color: #333;
    font-weight: 500;
}

.portfolio-list-blk a:hover {
    color: #4fa25a;
    font-weight: 500;
}

.microbiology-portfolio .por-list-img img,
.microbiology-portfolio .por-list-img a {
    display: block;
    text-align: center;
    margin: 0 auto;
}



.microbiology-portfolio .portfolio-list {
    min-height: 210px;
}

.ninja-shadow {
    box-shadow: 0px 20px 30px rgb(0 0 0 / 15%);
}

.ninja-shadow:hover {
    box-shadow: 0px 20px 30px rgb(4 191 44 / 35%);
}

.portfolio-list {
    padding: 20px;
    margin: 20px 0;
    border-radius: 10px;
    min-height: 190px;
}

.text-skill-dev {
    color: #d03932;
}

.text-cell-culture {
    color: #4592d2;
}

.text-advanced {
    color: #4fa15a;
}

.text-filtration {
    color: #e96a2c;
}

.box-life-left {
    position: relative;
    left: -100px;
}

.box-life-right {
    position: relative;
    left: 0;
}

.serv-list-img {
    width: 60px;
}

.box-red-blk {
    background: #ffffff;
    border: 25px solid #ee031e;
    border-right: 0;
    border-radius: 20px 0px 0px 20px;
}

.sec-easy-culture {
    margin-top: -100px;
    position: relative;
    top: -70px;
}

.industry-slider-sec {
    margin-bottom: 0;
}

.slick-prev,
.slick-next {}

.slider-services .slick-prev {
    right: 60px;
    left: auto;
    top: -60px;
    bottom: auto;
    background-size: 22px !important;
    background: url(../img/left-arrow-white.png) no-repeat center;

}

.slider-services .slick-next {
    right: 20px;
    left: auto;
    top: -60px;
    bottom: auto;
    background-size: 22px !important;
    background: url(../img/right-arrow-white.png) no-repeat center;
}

.slider-services .slick-dots {
    top: -60px;
    bottom: 0;
    width: 80%;
    display: flex !important;
    justify-content: space-evenly;
    flex-wrap: wrap;
    bottom: auto;
}

.slider-services .slick-dots li {
    width: 33.3%;
}

.slider-services .slick-dots li:nth-child(1):before {
    content: "We Innovate";
}

.slider-services .slick-dots li:nth-child(2):before {
    content: "We Evaluate";
}

.slider-services .slick-dots li:nth-child(3):before {
    content: "We Conform";
}

.slider-services .slick-dots li:before {
    content: "";
    position: absolute;
    text-align: center;
    color: #7e7e7e;
    font-size: 35px;
    font-weight: 500;
}

.slider-services .slick-dots li.slick-active:before {
    font-weight: 700;
    text-decoration: underline;
    font-size: 38px;
    line-height: 35px;
}

.slick-dots li button {
    display: none;
}

.serv-top-element {
    position: absolute;
    top: -150px;
    width: 500px;
}

.serv-top-element {
    position: absolute;
    top: -200px;
    width: 60%;
    z-index: -1;
    left: 0;
    right: 0;
    margin: auto;
}

.serv-bottom-element {
    position: absolute;
    bottom: -250px;
    width: 60%;
    z-index: -1;
    left: 0;
    right: 0;
    margin: auto;
}

.media-center-box {
    margin: 15px;
}

.cell-culture-left-img {
    position: relative;
    left: -100px;
    top: -20px;
    width: 90%;
}

.ser-left-element {
    position: relative;
    left: -15px;
}

.ser-left-element img {
    width: 65%;
}

.industry-we-slide .slick-prev {
    left: 45%;
}

.industry-we-slide .slick-next {
    right: 20px;
}

@media only screen and (min-width: 993px) and (max-width: 1399px) {

    .sec-we-innovate .col-lg-3,
    .sec-we-innovate .col-lg-9 {
        float: left;
    }

    .sec-we-innovate .col-lg-3 {
        width: 25%;
    }

    .sec-we-innovate .col-lg-9 {
        width: 75%;
    }
}




/********************************Chemicals *****************************************/

.banner-slider-content {
    position: absolute;
    width: 82%;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 27%;
    z-index: 2;
}

.cem-slider-img:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #00000033;
    left: 0;
    top: 0;
    position: absolute;
}

.text-blue {
    color: #0096cd !important;
}

.blue-btn.btn-gray:hover,
.blue-btn.btn-gray:focus {
    border: 1px solid #0096cd;
    background: transparent;
    color: #0096cd;
}

.blue-btn.btn-gray {
    border: 1px solid #0096cd;
    background: #0096cd;
    color: #fff;
}

.blue-btn.btn-borderd.btn-gray:hover,
.blue-btn.btn-borderd.btn-gray:focus {
    border: 1px solid #0096cd;
    background: #0096cd;
    color: #fff;
}

.blue-btn.btn-borderd.btn-gray {
    border: 1px solid #0096cd;
    background: transparent;
    color: #0096cd;
}

.video-play-button.white-btn-video {
    background: #fff;
}

.bg-blue-gradient {
    background: rgb(0 150 205);
    background: linear-gradient(180deg, rgb(0 150 205) 11%, rgba(255, 255, 255, 0) 95%);
}

.video-slider.slick-slider {
    margin: 0 -15px;
}

.video-slider .slick-slide {
    text-align: center;
    margin-right: 15px;
    margin-left: 15px;
}

.chemicals-service .ser-left-element {
    width: 700px;
    left: -70px;
    top: 130px;
}

.box-blue-blk {
    background: #ffffff;
    border: 20px solid #0278a3;
    border-right: 0;
    border-radius: 20px 0px 0px 20px;
}

.slider-services.chemicals-sl .slick-dots li:nth-child(1):before {
    content: "Quality First";
}

.slider-services.chemicals-sl .slick-dots li:nth-child(2):before {
    content: "Safety Conscious";
}

.slider-services.chemicals-sl .slick-dots li:nth-child(3):before {
    content: "Continued Compliance";
}

.slider-services.chemicals-sl .slick-dots li.slick-active:before {
    font-size: 30px;
}

.slider-services.chemicals-sl .slick-dots li:before {
    font-size: 25px;
}

.bg-blue {
    background: #0096cd;
}

.bg-cl-sec .media-center-slider .slick-prev {
    background: url(../img/left-arrow-white.png) no-repeat center;
}

.bg-cl-sec .media-center-slider .slick-next {
    background: url(../img/right-arrow-white.png) no-repeat center;
}

.btn-blue.btn-white:hover,
.btn-blue.btn-white:focus {
    color: #0096cd;
}

/*CHANGE THEME BLUE*/
body.color-blue .mm-navbar.mm-hasbtns,
body.color-blue #menu.mm-menu,
body.color-blue .header-menu .menu-item a.btn-shop,
body.color-blue .btn-menu span {
    background: #0096cd;
}

body.color-blue .form-search .form-control {
    border-color: #0096cd;
}

body.color-blue button.btn-search,
body.color-blue .header-menu .menu-item a.icon-btn {
    color: #0096cd;
}

body.color-blue .form-search .form-control::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #0096cd;
}

body.color-blue .form-search .form-control:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #0096cd;
    opacity: 1;
}

body.color-blue .sub-menu {
    background: #0096cd;
}

body.color-blue .sub-menu .nav__list-sub:hover a {
    background: #0780ad;
    color: #fff;
}

.banner-slider .slick-dots li button,
.video-slider .slick-dots li button {
    display: block;
}

.banner-slider .slick-dots {
    text-align: center;
    bottom: 20%;
    left: 0;
}

.video-slider .slick-dots {
    text-align: center;
    bottom: -80px;
    left: 0;
}

.banner-slider .slick-dots li.slick-active button {
    background: #fff;
    opacity: 1;
}

.banner-slider .slick-dots li button {
    opacity: 0.5;
}

.cell-culture-box-text a {
    border: 1px solid #ffffff;
    color: #ffffff;
}

.chemicals-portfolio .portfolio-list {
    height: 175px;
}

.img-cell-box-big .cell-culture-box-text {
    left: 0;
}

/****Plant Tissue Culture*****/

/*CHANGE THEME Plant Tissue Culture*/
body.color-green .mm-navbar.mm-hasbtns,
body.color-green #menu.mm-menu,
body.color-green .header-menu .menu-item a.btn-shop,
body.color-green .btn-menu span {
    background: #99b746;
}

body.color-green .form-search .form-control {
    border-color: #99b746;
}

body.color-green button.btn-search,
body.color-green .header-menu .menu-item a.icon-btn {
    color: #99b746;
}

body.color-green .form-search .form-control::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #99b746;
}

body.color-green .form-search .form-control:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #0096cd;
    opacity: 1;
}

body.color-green .sub-menu {
    background: #99b746;
}

body.color-green .sub-menu .nav__list-sub:hover a {
    background: #87a33b;
    color: #fff;
}

body.color-green .header-menu .menu-item a {
    color: #fff;
}

body.color-green .nav-sec.subpage .header-menu .menu-item a {
    color: #000;
}

body.color-green .nav-sec.subpage .header-menu .menu-item ul li a {
    color: #fff;
}

body.nav-white .sub-menu {
    background: #f50022;
}

body.nav-white .sub-menu .nav__list-sub:hover a {
    background: #f50022;
    color: #fff;
}

body.nav-white .header-menu .menu-item a {
    color: #fff;
}

body.nav-white .nav-sec.subpage .header-menu .menu-item a {
    color: #000;
}

body.nav-white .nav-sec.subpage .header-menu .menu-item ul li a {
    color: #fff;
}



.plant-tissue-culture-sec_one {
    position: relative;
    top: -100px;
}

.bg-green {
    background: #99b746;
}

.text-green {
    color: #99b746 !important;
}

.bg-gray-tissue {
    background: #616161;
}

.btn-green.btn-white:hover,
.btn-green.btn-white:focus {
    color: #99b746;
}

.about-plant-box {
    padding: 40px 130px 40px 40px;
    width: 70%;
    margin-top: -200px;
    position: relative;
    z-index: 2;
    left: 15%;
}

.about-plant-box-2 {
    position: absolute;
    bottom: -10%;
    z-index: 2;
    width: 450px;
    padding: 40px 40px 40px 75px;
    right: 10%;
}

.green-btn.btn-borderd.btn-gray:hover,
.green-btn.btn-borderd.btn-gray:focus {
    border: 1px solid #99b746;
    background: #99b746;
    color: #fff;
}

.green-btn.btn-borderd.btn-gray {
    border: 1px solid #99b746;
    background: transparent;
    color: #99b746;
}

.counter {
    font-weight: 500;
}

.banner-slider-content.plant-tissue-culture-slide {
    bottom: 40%;
}

.img-slider .slick-next {
    right: 3%;
}

.img-slider .slick-prev {
    left: 3%;
}

.img-slider .slick-prev,
.img-slider .slick-next {
    border: 1px solid #000;
    border-radius: 50%;
    padding: 25px;
    background-size: 20px !important;
}

.img-slider .slick-slide.slick-current.slick-active .ind-img-blk img {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

.text-blue-dark {
    color: #2e66ab !important
}

.text-pirple {
    color: #84338a;
}

.plant-tissue-culture-inds .ind-img-blk {
    margin-top: 100px !important;
}

.icondown-btn.circle-down.plant-down {
    position: absolute;
    top: -22px;
    left: 0;
    right: 0;
    margin: auto;
    background: transparent;
    border-color: #fff;
    color: #ffff;
}

.plant-splash {
    position: absolute;
}

.sp-life-01 {
    width: 70px;
    left: -70px;
    top: 20%;
}

.sp-life-02 {
    width: 250px;
    right: -6%;
    top: 65%;
    z-index: 2;
}

.sp-redediction-01 {
    width: 150px;
    right: 39%;
    bottom: -8%;
    z-index: 2;
}

.sp-video-01 {
    width: 400px;
    left: -11%;
    top: 0;
}

.sp-video-02 {
    width: 150px;
    left: 40%;
    bottom: -50px;
    z-index: 2;
}

.sp-video-03 {
    width: 150px;
    left: 20%;
    bottom: 70px;
    z-index: 2;
}

.sp-video-04 {
    width: 300px;
    right: -5%;
    top: 45%;
    z-index: 2;
}

.sp-port-01 {
    width: 100px;
    right: 50px;
    top: 0px;
    z-index: 2;
}

.sp-port-02 {
    width: 400px;
    left: -7%;
    bottom: 0;
    z-index: 2;
}

/****Microbiology*****/

/*CHANGE THEME Microbiology*/
body.color-green-dark .mm-navbar.mm-hasbtns,
body.color-green-dark #menu.mm-menu,
body.color-green-dark .header-menu .menu-item a.btn-shop,
body.color-green-dark .btn-menu span {
    background: #4fa25a;
}

body.color-green-dark .form-search .form-control {
    border-color: #4fa25a;
}

body.color-green-dark button.btn-search,
body.color-green-dark .header-menu .menu-item a.icon-btn {
    color: #4fa25a;
}

body.color-green-dark .form-search .form-control::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #4fa25a;
}

body.color-green-dark .form-search .form-control:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #4fa25a;
    opacity: 1;
}

body.color-green-dark .sub-menu {
    background: #4fa25a;
}

body.color-green-dark .sub-menu .nav__list-sub:hover a {
    background: #3e8347;
    color: #fff;
}

.text-green-dark {
    color: #4fa25a !important;
}

.text-title {
    font-size: 35px;
    line-height: 45px;
    text-transform: uppercase;
    font-weight: 400;
    display: block;
}

.text-big {
    font-size: 50px;
    line-height: 60px;
    text-transform: uppercase;
    display: block;
    font-weight: 500;
}

.box-green-dark-blk {
    background: #ffffff;
    border: 20px solid #4fa25a;
    border-right: 0;
    border-radius: 20px 0px 0px 20px;
}

.bg-green-dark {
    background: #4fa25a;
}

.micro-ov-img {
    width: 120%;
}

.life-is-precious-01 {
    width: 45%;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
}

.slider-services.microbiology-slide .slick-dots li:nth-child(3):before {
    content: "We ensure";
}

.microbiology-slider .slick-slide {
    text-align: center;
    margin-right: 15px;
    margin-left: 15px;
}

.microbiology-slider.slick-slider {
    margin: 0 -15px;
}

.text-big-font {
    font-size: 120px;
    font-weight: 600;
    text-align: center;
}

.dark-blue-btn.btn-borderd.btn-gray:hover,
.dark-blue-btn.btn-borderd.btn-gray:focus {
    border: 1px solid #4fa25a;
    background: #4fa25a;
    color: #fff;
}

.dark-blue-btn.btn-borderd.btn-gray {
    border: 1px solid #4fa25a;
    background: transparent;
    color: #4fa25a;
}

.microbiology-ind .industry-we-list.slick-slide.slick-current.slick-active .ind-img-blk img {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

.banner-slider .cem-slider-img.slick-slide.slick-current.slick-active .banner-slider-content {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

/****Molecular Biology*****/
/*CHANGE THEME Molecular Biology*/
body.color-purple .mm-navbar.mm-hasbtns,
body.color-purple #menu.mm-menu,
body.color-purple .header-menu .menu-item a.btn-shop,
body.color-purple .btn-menu span {
    background: #84328b;
}

body.color-purple .form-search .form-control {
    border-color: #84328b;
}

body.color-purple button.btn-search,
body.color-purple .header-menu .menu-item a.icon-btn {
    color: #84328b;
}

body.color-purple .form-search .form-control::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #84328b;
}

body.color-purple .form-search .form-control:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #84328b;
    opacity: 1;
}

body.color-purple .sub-menu {
    background: #84328b;
}

body.color-purple .sub-menu .nav__list-sub:hover a {
    background: #84328b;
    color: #fff;
}

.bg-purple {
    background: #84328b;
}

.text-purple {
    color: #84328b !important;
}

.color-purple .logo-header {
    width: 150px;
}

.purple-btn.btn-borderd.btn-gray:hover,
.purple-btn.btn-borderd.btn-gray:focus {
    border: 1px solid #84328b;
    background: #84328b;
    color: #fff;
}

.purple-btn.btn-borderd.btn-gray {
    border: 1px solid #84328b;
    background: transparent;
    color: #84328b;
}

.molecular-biology-life {
    margin-top: -180px;
}

.molecular-biology-slide {
    width: 650px;
    left: 10%;
    right: auto;
}

.bg-purple-half:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    background: #84328b;
    bottom: 0;
}

.bg-purple-gradient {
    background: #84328b;
    background: linear-gradient(180deg, #84328b 11%, rgba(255, 255, 255, 0) 95%);

}

.box-purple-blk {
    background: #ffffff;
    border: 25px solid #84328b;
    border-right: 0;
    border-radius: 20px 0px 0px 20px;
}

.video-slider-list.slick-slide.slick-current.slick-active.slick-center {
    transform: scale(1.3);
    transition: 0.5s all cubic-bezier(0.4, 0, 1, 1) !important;
    z-index: 4;
    position: relative;
}

.video-slider.center-slider .slick-slide {
    padding: 70px 0;
    margin: 0px 30px;
}

.video-slider.center-slider.slick-slider {
    margin: 0 -30px;
}

.video-slider.center-slider .slick-next {
    right: 3%;
}

.video-slider.center-slider .slick-prev {
    left: 3%;
}

.video-slider.center-slider .slick-prev,
.video-slider.center-slider .slick-next {
    border: 1px solid #000;
    border-radius: 50%;
    padding: 25px;
    background-size: 20px !important;
}

.outlineTxt {
    font-size: 7vw;
    color: transparent;
    -webkit-text-stroke: 1px #110e110;
    writing-mode: vertical-rl;
    white-space: nowrap;
    text-transform: uppercase;

}

.microbiological-right-img {
    position: absolute;
    right: -15px;
    bottom: -75px;
    width: 40%;
}

.justify-text {
    text-align: justify;
}

.Nano-Particle {
    color: #47d3b0;
}

/*Consumables and Equipments CSS*/
/*CHANGE THEME Consumables and Equipments*/
body.color-orange .mm-navbar.mm-hasbtns,
body.color-orange #menu.mm-menu,
body.color-orange .header-menu .menu-item a.btn-shop,
body.color-orange .btn-menu span {
    background: #e96a2c;
}

body.color-orange .form-search .form-control {
    border-color: #e96a2c;
}

body.color-orange button.btn-search,
body.color-orange .header-menu .menu-item a.icon-btn {
    color: #e96a2c;
}

body.color-orange .form-search .form-control::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #e96a2c;
}

body.color-orange .form-search .form-control:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #e96a2c;
    opacity: 1;
}

body.color-orange .sub-menu {
    background: #e96a2c;
}

body.color-orange .sub-menu .nav__list-sub:hover a {
    background: #e96a2c;
    color: #fff;
}

body.color-orange .header-menu .menu-item a {
    color: #fff;
}

body.color-orange .nav-sec.subpage .header-menu .menu-item a {
    color: #000;
}

body.color-orange .nav-sec.subpage .header-menu .menu-item ul li a {
    color: #fff;
}

.bg-orange {
    background: #e96a2c;
}

.text-orange {
    color: #e96a2c !important;
}

.orange-btn.btn-borderd.btn-gray:hover,
.orange-btn.btn-borderd.btn-gray:focus {
    border: 1px solid #e96a2c;
    background: #e96a2c;
    color: #fff;
}

.orange-btn.btn-borderd.btn-gray {
    border: 1px solid #e96a2c;
    background: transparent;
    color: #e96a2c;
}



.cons-clip-path {
    position: absolute;
    z-index: 0;
    display: grid;
    width: calc(100% + 1px);
    bottom: -1px;
}

.cons-clip-path svg {
    width: 100%;
    height: 200px;
}

.cons-clip-path svg {
    transform: translateX(-50%);
    left: 50%;
    position: relative;
}

.icondown-btn.circle-down.cons-down {
    position: absolute;
    bottom: 25px;
    left: 20%;
    right: 0;
    background: #e96a2c;
    border-color: #e96a2c;
    color: #ffff;
    z-index: 5;

}

.outlineTxt.horizontal {
    writing-mode: inherit;
    -webkit-text-stroke: 1px #e96b2d;
    font-size: 10vw;
}

.video-txt-right {
    position: absolute;
    top: 36%;
    left: 65%;
    width: 100%;
}

.consumables-ind .industry-we-list.slick-slide.slick-current.slick-active .ind-img-blk img {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

.consumables-ind.industry-we-slide .slick-prev {
    left: 4%;
}

.consumables-ind.industry-we-slide .slick-next {
    left: 45%;
}

.video-parlax {
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-header-right {
    width: 170px;
    margin-left: 25px;
}

/*Dropdown*/
.sub-menu {
    position: absolute;
    min-width: 260px;
    background: #f50123;
    padding: 0;
    border-radius: 6px;
    top: 40px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .4s ease, top .45s ease;
    transition: opacity .4s ease, top .45s ease;
}

.menu-item.dropdown:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    z-index: 100;
    left: 0;
}

.sub-menu .nav__list-sub a {
    padding: 8px 14px;
    line-height: 1.2;
    display: block;
    border: 1px solid #ffffff3b;
    font-size: 16px;
    color: #fff;
}

.nav__list-sub:hover a {
    background: #cb011da6;
    color: #fff;
}

.logo-header-right.microbiology-logo {
    width: 55px;
}

.logo-header-right.cell-culture-logo {
    width: 100px;
}

.video-wrap {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: auto;
}

.bg-transparnet {
    height: 100vh;
    background: transparent;
}

.list-style {
    list-style: circle;
}

.list-style li {
    margin-bottom: 5px;
}

.up-img {
    z-index: 9999;
}

.logo-header-right.microbiology-logo {
    width: 85px;
    position: absolute;
    right: -85px;
    top: 0;
}

.logo-header-right.cell-culture-logo {
    width: 90px;
    position: absolute;
    right: -90px;
    top: 15px;
}

.molecular-ind .industry-slider-img {
    margin: 15px;
}

.molecular-ind .industry-slider-img img {
    border-radius: 30px;
}

.molecular-biology-bg {}

.molecular-parlax {
    background-position: center;
    background-attachment: fixed;
    height: 100vh;
    background-size: cover;
}

.molecular-biology-parlax .video-play-button {
    position: relative;
}

.banner-slider.m-banner-slider .slick-dots {
    text-align: center;
    bottom: -12%;
    left: 0;
}

.banner-slider .slick-dots li.slick-active button {
    background-color: #84328b;
}

.plant-tissue-culture-inds .ind-slider-heading {
    position: relative;
    top: 50px;
}

.mt-minus-100 {
    margin-top: -100px;
}

/****Contact Us*****/

.banner-inner-page {
    background-attachment: fixed;
    height: 550px;
    background-position: center;
    background-size: cover;
}

.w-map-india.ind-all .address-box {
    width: 300px;
    height: 190px;
    background: #fff;
    position: absolute;
    top: -190px;
    left: -84px;
}

.w-map-india.ind-all .address-box h2 {
    font-size: 14px;
}

.w-map-india.ind-all .address-box p {
    font-size: 11px;
}

.w-map-india.ind-all .address-box:after {
    bottom: -28px;
    left: 66px;
    transform: scale(0.5);
}

.w-map-india.ind-all .address-box:after {
    bottom: -28px;
    left: 66px;
    transform: scale(0.5);
}

.w-map-india.ind-all:hover .address-box {
    top: -207px;
}

.w-map-india.one {
    position: absolute;
    top: 33%;
    left: 17%;
    z-index: 50;
}

.w-map-india.two {
    position: absolute;
    top: 16%;
    left: 35%;
    z-index: 51;
}

.address-box:after {
    content: url(../img/contact-us/map-box-icon.png);
    width: 29px;
    height: auto;
    position: absolute;
    bottom: -32px;
    left: 66px;
    transform: scale(0.8);
}

.w-map-india:hover .address-box {
    top: -250px;
    visibility: visible;
    opacity: 1;
    transition: 0.5s all;
}

.address-box:after {
    bottom: -28px;
    left: 66px;
    transform: scale(0.5);
}

.address-box {
    width: 320px;
    height: 250px;
    background: #fff;
    position: absolute;
    top: -230px;
    left: -65px;
    border-radius: 7px;
    box-shadow: -1px -12px 14px 0px #13183d1c;
    padding: 20px;
    visibility: hidden;
    transition: 0.5s all;
    opacity: 0;
}

.w-map-india img {
    width: 25px;
}

.contact-blk {
    background: #fff;
    padding: 30px 40px;
    border-radius: 25px;
    box-shadow: 1px 1px 15px 4px rgb(0 0 0 / 7%);
    margin-bottom: 30px;
    min-height: 315px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb0 {
    margin-bottom: 0px;
}

.mb50 {
    margin-bottom: 50px;
}



@media only screen and (min-width: 993px) and (max-width: 1399px) {
    .life-is-precious .col-lg-5 {
        width: 41.66666667%;
    }

    .life-is-precious .col-lg-7 {
        width: 58.33333333%;
    }
}

/* Responsive media */
@media only screen and (max-width:1280px) {
    .text-title .text-big {
        font-size: 43px;
    }
}

.portfolio-slider-list {
    margin-bottom: 30px;
}

@media only screen and (max-width:992px) {
    .portfolio-list {
        margin: 10px 0;
    }

    microbiological-right-img .pt40 {
        padding-top: 20px;
    }

    .baner-style-flex {
        position: relative;
    }

    .banner-header .text-title {
        font-size: 20px;
        line-height: 25px;
        text-transform: uppercase;
        font-weight: 300;
    }

    .banner-header .text-title .text-big {
        font-size: 25px;
        line-height: 28px;
    }

    .icondown-btn.circle-down {
        width: 25px;
        height: 25px;
        font-size: 12px;
        margin-top: 10px;
        border-width: 1px;
    }

    .portfolio-slider-list .col-md-3 {
        width: 33.33%;
        float: left;
        margin: 0 auto;
    }

    .view-all-products {
        flex-direction: column;
    }

    .view-all-products h3 {
        line-height: 27px;
        text-align: center;
        font-size: 15px;
    }

    .pb100 {
        padding-bottom: 50px;
    }

    .category-page-wrapper .align-items-center {
        flex-direction: column;
    }

    .heading-lg {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 5px;
    }

    .margintopbot {
        margin: 20px auto 5px;
    }

    .heading-sm {
        font-size: 22px;
    }

    #category-slider li .col-lg-3 {
        padding: 10px !important;
        width: 50%;
    }

    .servicestabs ul {
        padding-left: 0px;
        align-items: flex-end;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: space-between;
    }

    .servicestabs ul li label br {
        display: none;
    }

    .servicestabs ul li label {
        text-align: center;
        font-size: 14px;
    }

    .servicestabs ul li label svg {
        margin: 0 auto;
    }

    .servicestabs ul li {}

    .services-list-wrap {
        padding-top: 20px;
    }

    .servicestabs ul.list-text-content li {
        text-align: justify;
    }

    .servicestabs {
        padding: 20px;
        background: transparent;
    }

    .servicestabs .content {
        margin-top: 0px;
    }

    .services-list-blk .col-lg-4 {
        padding: 0;
    }

    .serv-list-img {
        width: 50px;
        margin: 0 auto;
    }

    .services-list .title {
        font-size: 16px;
        text-align: center;
    }

    .microbiology-portfolio .por-list-img {
        width: 80%;
    }

    .microbiology-portfolio .portfolio-list {
        min-height: 170px;
    }

    .vc_tta-tabs-container .tabs li a {
        line-height: 20px;
    }

    .vc_tta-tabs-container ul {}

    .vc_tta-tabs-container .tabs li {
        margin-top: 10px;
        width: 50% !important;
    }

    .sec-we-innovate .left-img {
        display: none
    }

    .sec-we-innovate {
        margin-bottom: 40px
    }

    .box-green-dark-blk {
        border: 10px solid #4fa25a;
        border-right: 10px solid #4fa25a;
        border-radius: 20px;
    }

    .servicestabs ul.list-text-content li {
        margin-bottom: 8px;
    }

    .servicestabs .services-list {
        text-align: center;
        margin-bottom: 20px;
    }

    .life-is-precious img {
        width: 60%;
    }
.life-is-precious-blk {
        margin-top: 20px;
        text-align: justify;
    }

    .heading-xs {
        font-size: 15px;
    }

    life-is-precious {
        text-align: justify;
    }

    .life-is-precious-blk img {
        text-align: center;
        margin: 20px auto 0;
        display: block;
    }

    .microbiology-portfolio .por-list-img {
        width: 100%
    }

    .portfolio-list {
        padding: 10px;
    }

    .portfolio-list-blk a {
        font-weight: 400;
        font-size: 15px;
        line-height: 21px;
    }


    .view-all-products .col-md-6 {
        padding: 0;
    }

    .categorypath-microbiology .mst-quick-nav__filterList,
    .categorypath-microbiology .shop-tab-title {
        padding: 0 20px;
    }
    

    .mst-quick-nav__filterList .mst-quick-nav__filterList-next {
        right: 0px;
    }

    .mst-quick-nav__filterList .mst-quick-nav__filterList-prev {
        left: 0px;
    }

    .life-is-precious .img-blk div {
        text-align: justify;
    }

    .industry-slider-sec .pb50 {
        padding-bottom: 0px;
    }

    .industry-slider-sec .heading-blk .heading-md {
        line-height: 32px;
        margin-bottom: 5px;
    }

    .load_more {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .cat_1 {
        margin-bottom: 30px;
    }

    .view-all-products h3 {
        line-height: 22px;
    }

    .life-is-precious.pb100,
    life-is-precious.pb50 {
        padding-bottom: 30px;
    }

    .industry-slider-sec.pb50 {
        padding-bottom: 0px;
    }

    .servicestabs ul li label svg {
        display: none;
    }

    .servicestabs ul li label {
        align-items: center;
        justify-content: space-around;
    }

    .sec-we-innovate .col-lg-9 {
        padding: 20px;
    }

    .microbiology_industries_slider_bg.mb50 {
        margin-bottom: 0px;
    }

    .sec-we-innovate {
        margin-bottom: 0px;
    }

    .banner-slider-bottom {
        padding-top: 20px;
    }
.at_a_glance-sec .pl {
        padding-left: 15px;
    }

    .cell-culture-left-img {
        width: 100%;
    }

    .microbiological-right-img {
        right: -10px;
        bottom: -25px;
    }

    .banner-header .col-md-5 {
        width: 40%;
    }

    .banner-header .col-md-7 {
        width: 60%;
    }

    .text-big {
        font-size: 30px;
        line-height: 35px;
    }

    .heading-md {
        font-size: 20px;
        font-weight: 400;
        line-height: 25px;
        margin-bottom: 0px;
    }

    .baner-style-flex .heading-cell-blk {
        padding-top: 80px;
    }

}

@media only screen and (max-width: 768px) {
    .baner-style-flex .heading-cell-blk {
        padding: 40px 0;
        margin-left: -50px;
    }

    .text-big {
        font-size: 25px;
        line-height: 30px;
    }

    .cell-culture-left-img {
        left: -50px;
        top: 0px;
    }
}

@media only screen and (max-width: 480px) {
    .portfolio-slider-list .col-md-3 {
        width: 49%;
    }

    .baner-style-flex {
        min-height: 240px;
    }
}

/* =========================================================
   MICROBIOLOGY - CSS ONLY COMPONENTS
   Latest popup + sliders + lightweight WOW-style effects
   No Fancybox JavaScript / No ThumbnailSlider JavaScript
   ========================================================= */

/* ---------------------------------------------------------
   CSS-ONLY VIDEO POPUP
   HTML target: #microbiologyVideoPopup
   --------------------------------------------------------- */
.css-popup {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: grid;
    place-items: center;
    padding: 24px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .25s ease, visibility .25s ease;
}

.css-popup:target {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.css-popup__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .88);
}

.css-popup__dialog {
    position: relative;
    z-index: 1;
    width: min(900px, 94vw);
    background: #000;
    border-radius: 10px;
    box-shadow: 0 18px 60px rgba(0, 0, 0, .5);
    transform: scale(.96);
    transition: transform .25s ease;
}

.css-popup:target .css-popup__dialog {
    transform: scale(1);
}

.css-popup__media {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: inherit;
    background: #000;
}

.css-popup__media iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.css-popup__close {
    position: absolute;
    top: -44px;
    right: 0;
    z-index: 2;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(0, 0, 0, .55);
    color: #fff;
    text-decoration: none;
    font: 32px/1 Arial, sans-serif;
}

.css-popup__close:hover,
.css-popup__close:focus {
    color: #fff;
    text-decoration: none;
    background: rgba(255, 255, 255, .18);
}


/* =========================================================
   INDUSTRY SLIDER
   Dynamic number of cards
   ========================================================= */

.industry-slider {
    --items: 4;
    --gap: 20px;

    position: relative;

    width: min(1400px, 94%);

    margin: 0 auto;

    padding: 20px 50px 35px;

    box-sizing: border-box;
}


/* =========================================================
   VIEWPORT
   ========================================================= */

.industry-slider__viewport {
    position: relative;

    width: 100%;

    overflow: hidden;
}


/* =========================================================
   TRACK
   ========================================================= */

.industry-slider__track {
    display: flex;

    flex-wrap: nowrap;

    gap: var(--gap);

    width: 100%;

    margin: 0;

    padding: 0;

    transition: transform .65s ease;

    will-change: transform;
}


/* =========================================================
   CARD
   ========================================================= */

.industry-slider .css-slide-card {
    position: relative;

    flex:
        0 0
        calc(
            (100% - ((var(--items) - 1) * var(--gap)))
            / var(--items)
        );

    min-width: 0;

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    overflow: hidden;

    border-radius: 10px;
}


/* =========================================================
   CARD LINK
   ========================================================= */

.industry-slider .css-slide-card > a {
    position: relative;

    display: block;

    width: 100%;

    margin: 0;

    padding: 0;

    overflow: hidden;

    border-radius: 10px;

    text-decoration: none;

    background: #fff;
}


/* =========================================================
   IMAGE
   ========================================================= */

.industry-slider .css-slide-card img {
    display: block;

    width: 100%;

    max-width: 100%;

    height: 183px;

    margin: 0;

    object-fit: cover;

    border-radius: 10px;

    transition: transform .4s ease;
}


.industry-slider .css-slide-card:hover img {
    transform: scale(1.05);
}


/* =========================================================
   INDUSTRY NAME
   ========================================================= */

.industry-slider .industry-name {
    position: absolute;

    left: 0;
    bottom: 18px;

    z-index: 3;

    display: inline-flex;

    align-items: center;

    max-width: calc(100% - 10px);

    padding: 7px 12px;

    background: rgba(255, 255, 255, .96);

    border-radius: 0 18px 18px 0;

    color: #555;

    font-size: 14px;

    font-weight: 700;

    line-height: 1.2;

    white-space: nowrap;

    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}


/* =========================================================
   ARROWS
   ========================================================= */

.industry-slider__arrow {
    position: absolute;

    top: 50%;

    z-index: 10;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 36px;
    height: 48px;

    padding: 0;

    border: 0;

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

    color: #fff;

    font-size: 26px;

    cursor: pointer;

    transform: translateY(-70%);

    transition:
        background .25s ease,
        opacity .25s ease;
}


.industry-slider__arrow:hover {
    background: rgba(0, 0, 0, .5);
}


.industry-slider__prev {
    left: 4px;
}


.industry-slider__next {
    right: 4px;
}


/* =========================================================
   DOTS
   Generated automatically
   ========================================================= */

.industry-slider__controls {
    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    gap: 8px;

    margin-top: 20px;
}


.industry-slider__controls button {
    width: 10px;

    height: 10px;

    min-width: 10px;

    padding: 0;

    margin: 0;

    border: 1px solid #fff;

    border-radius: 50%;

    background: rgba(255, 255, 255, .45);

    cursor: pointer;

    font-size: 0;

    transition:
        transform .2s ease,
        background .2s ease;
}


.industry-slider__controls button.active {
    background: #fff;

    transform: scale(1.35);
}


/* =========================================================
   TABLET - 3 visible
   ========================================================= */

@media only screen and (max-width: 1199px) {

    .industry-slider {
        --items: 3;
        --gap: 16px;

        width: 96%;

        padding-inline: 45px;
    }
}


/* =========================================================
   MOBILE - 2 visible
   ========================================================= */

@media only screen and (max-width: 767px) {

    .industry-slider {
        --items: 2;
        --gap: 12px;

        width: 98%;

        padding:
            15px
            38px
            28px;
    }


    .industry-slider .css-slide-card img {
        height: 145px;
    }


    .industry-slider .industry-name {
        bottom: 12px;

        padding: 6px 8px;

        font-size: 12px;
    }


    .industry-slider__arrow {
        width: 32px;

        height: 42px;

        font-size: 21px;
    }
}


/* =========================================================
   SMALL MOBILE - 1 visible
   ========================================================= */

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

    .industry-slider {
        --items: 1;

        padding-inline: 32px;
    }


    .industry-slider .css-slide-card img {
        height: auto;

        aspect-ratio: 241 / 183;
    }


    .industry-slider .industry-name {
        font-size: 13px;

        white-space: normal;
    }
}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .industry-slider__track {
        animation: none;
    }

}

/* =========================================================
   BOTTOM BANNER SLIDER
   CSS ONLY
   7 SLIDES
   ========================================================= */

.banner-slider-bottom {
    position: relative;
    width: 100%;
    margin-top: 40px;
    padding: 40px 0 30px;

    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;

    overflow: hidden;
}


/* slider */

.css-slider--banners {
    position: relative;

    width: 100%;
    max-width: 1200px;

    margin: 0 auto;

    padding: 0 55px 35px;

    box-sizing: border-box;
}


/* =========================================================
   HIDE RADIO INPUTS
   ========================================================= */

.css-slider--banners > input[type="radio"] {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    opacity: 0 !important;
    visibility: hidden !important;

    pointer-events: none !important;

    margin: 0 !important;
}


/* =========================================================
   VIEWPORT
   ========================================================= */

.css-slider--banners .css-slider__viewport {
    position: relative;

    width: 100%;

    overflow: hidden;
}


/* =========================================================
   TRACK
   Important: width remains 100%
   Each child is 100% viewport width
   ========================================================= */

.css-slider--banners .css-slider__track {
    display: flex !important;

    flex-wrap: nowrap !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translateX(0);

    transition: transform .7s ease-in-out;

    will-change: transform;
}


/* =========================================================
   EACH SLIDE
   ========================================================= */

.css-slider--banners .css-banner-slide {
    flex: 0 0 100% !important;

    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    padding: 10px !important;

    margin: 0 !important;

    text-align: center;

    box-sizing: border-box;
}


/* image */

.css-slider--banners .css-banner-slide img {
    display: block !important;

    width: 100% !important;
    max-width: 900px !important;

    height: auto !important;

    margin: 0 auto !important;

    object-fit: contain;

    border-radius: 10px;
}


/* =========================================================
   SLIDE POSITIONS
   ========================================================= */

#banner-slide-1:checked
~ .css-slider__viewport
.css-slider__track {
    transform: translateX(0);
}


#banner-slide-2:checked
~ .css-slider__viewport
.css-slider__track {
    transform: translateX(-100%);
}


#banner-slide-3:checked
~ .css-slider__viewport
.css-slider__track {
    transform: translateX(-200%);
}


#banner-slide-4:checked
~ .css-slider__viewport
.css-slider__track {
    transform: translateX(-300%);
}


#banner-slide-5:checked
~ .css-slider__viewport
.css-slider__track {
    transform: translateX(-400%);
}


#banner-slide-6:checked
~ .css-slider__viewport
.css-slider__track {
    transform: translateX(-500%);
}


#banner-slide-7:checked
~ .css-slider__viewport
.css-slider__track {
    transform: translateX(-600%);
}


/* =========================================================
   ARROWS
   ========================================================= */

.css-slider--banners .css-slider__arrows label {
    position: absolute;

    top: 50%;

    z-index: 10;

    display: none;

    align-items: center;
    justify-content: center;

    width: 40px;
    height: 52px;

    margin: 0;

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

    color: #fff;

    font-size: 28px;
    line-height: 1;

    cursor: pointer;

    user-select: none;

    transform: translateY(-75%);

    transition:
        background .25s ease,
        opacity .25s ease;
}


.css-slider--banners .css-slider__arrows label:hover {
    background: rgba(0, 0, 0, .65);
}


/* left */

.css-slider--banners
.css-slider__arrows
.prev {
    left: 5px;
}


/* right */

.css-slider--banners
.css-slider__arrows
.next {
    right: 5px;
}


/* slide 1 arrows */

#banner-slide-1:checked
~ .css-slider__arrows
.p1 {
    display: flex;
}


/* slide 2 arrows */

#banner-slide-2:checked
~ .css-slider__arrows
.p2 {
    display: flex;
}


/* slide 3 arrows */

#banner-slide-3:checked
~ .css-slider__arrows
.p3 {
    display: flex;
}


/* slide 4 arrows */

#banner-slide-4:checked
~ .css-slider__arrows
.p4 {
    display: flex;
}


/* slide 5 arrows */

#banner-slide-5:checked
~ .css-slider__arrows
.p5 {
    display: flex;
}


/* slide 6 arrows */

#banner-slide-6:checked
~ .css-slider__arrows
.p6 {
    display: flex;
}


/* slide 7 arrows */

#banner-slide-7:checked
~ .css-slider__arrows
.p7 {
    display: flex;
}


/* =========================================================
   DOT NAVIGATION
   ========================================================= */

.css-slider--banners .css-slider__dots {
    display: flex !important;

    align-items: center;
    justify-content: center;

    gap: 9px;

    margin-top: 18px;
}


.css-slider--banners .css-slider__dots label {
    display: block !important;

    width: 10px;
    height: 10px;

    padding: 0;
    margin: 0;

    border: 1px solid #fff;
    border-radius: 50%;

    background: rgba(255, 255, 255, .4);

    cursor: pointer;

    transition:
        background .25s ease,
        transform .25s ease;
}


/* active dot */

#banner-slide-1:checked
~ .css-slider__dots
label:nth-child(1),

#banner-slide-2:checked
~ .css-slider__dots
label:nth-child(2),

#banner-slide-3:checked
~ .css-slider__dots
label:nth-child(3),

#banner-slide-4:checked
~ .css-slider__dots
label:nth-child(4),

#banner-slide-5:checked
~ .css-slider__dots
label:nth-child(5),

#banner-slide-6:checked
~ .css-slider__dots
label:nth-child(6),

#banner-slide-7:checked
~ .css-slider__dots
label:nth-child(7) {

    background: #fff;

    transform: scale(1.35);
}


/* =========================================================
   TABLET
   ========================================================= */

@media only screen and (max-width: 991px) {

    .banner-slider-bottom {
        padding-top: 30px;
    }

    .css-slider--banners {
        padding-inline: 45px;
    }

    .css-slider--banners .css-banner-slide {
        padding: 8px !important;
    }

    .css-slider--banners .css-banner-slide img {
        max-width: 100% !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media only screen and (max-width: 767px) {

    .banner-slider-bottom {
        margin-top: 25px;

        padding:
            20px
            0
            25px;
    }

    .css-slider--banners {
        padding:
            0
            35px
            25px;
    }

    .css-slider--banners .css-slider__arrows label {
        width: 30px;
        height: 42px;

        font-size: 21px;
    }

    .css-slider--banners
    .css-slider__arrows
    .prev {
        left: 0;
    }

    .css-slider--banners
    .css-slider__arrows
    .next {
        right: 0;
    }

    .css-slider--banners .css-banner-slide {
        padding: 5px !important;
    }

    .css-slider--banners .css-banner-slide img {
        width: 100% !important;

        border-radius: 7px;
    }

    .css-slider--banners .css-slider__dots {
        margin-top: 12px;

        gap: 7px;
    }

    .css-slider--banners .css-slider__dots label {
        width: 8px;
        height: 8px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

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

    .css-slider--banners {
        padding-inline: 30px;
    }
}


/* ---------------------------------------------------------
   LIGHTWEIGHT WOW-STYLE EFFECTS
   Works without WOW.js.
   Effects run when the element is rendered.
   --------------------------------------------------------- */
.wow,
.animated {
    visibility: visible !important;
}

.wow.fadeInLeft,
.animated.fadeInLeft,
.fadeInLeft {
    animation: hmFadeInLeft .9s ease both;
}

.wow.fadeInRight,
.animated.fadeInRight,
.fadeInRight {
    animation: hmFadeInRight .9s ease both;
}

.wow.fadeInUp,
.animated.fadeInUp,
.fadeInUp {
    animation: hmFadeInUp .9s ease both;
}

.wow.fadeInDown,
.animated.fadeInDown,
.fadeInDown {
    animation: hmFadeInDown .9s ease both;
}

.wow.fadeUpDown,
.animated.fadeUpDown,
.fadeUpDown {
    animation: hmFadeUpDown 1.8s ease-in-out infinite;
}

.wow.pulse,
.animated.pulse,
.pulse {
    animation: hmPulse 1.5s ease-in-out both;
}

.wow.infinite,
.animated.infinite {
    animation-iteration-count: infinite;
}

@keyframes hmFadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-55px, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes hmFadeInRight {
    from {
        opacity: 0;
        transform: translate3d(55px, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes hmFadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 45px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes hmFadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -45px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes hmFadeUpDown {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -10px, 0);
    }
}

@keyframes hmPulse {
    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }
}


/* =========================================================
   RESPONSIVE OVERRIDES - KEEP AT BOTTOM
   ========================================================= */

@media only screen and (max-width: 1199px) {
    .css-slider--industries {
        width: 96%;
        padding-inline: 48px;
    }

    .css-slide-page {
        gap: 18px;
    }

    .css-banner-slide img {
        width: 92%;
    }
}

@media only screen and (max-width: 991px) {
    .css-slide-page {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .css-slider--industries,
    .css-slider--banners {
        padding-inline: 46px;
    }

    .css-popup {
        padding: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .css-slide-page {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .css-slider--industries,
    .css-slider--banners {
        width: 100%;
        padding-inline: 38px;
    }

    .css-slider__arrows label {
        width: 34px;
        height: 44px;
        font-size: 23px;
    }

    .css-slider__arrows .prev {
        left: 0;
    }

    .css-slider__arrows .next {
        right: 0;
    }

    .css-slide-card img {
        max-width: 420px;
        margin-inline: auto;
    }

    .css-slide-card .industry-name {
        font-size: 15px;
    }

    .banner-slider-bottom {
        padding-top: 20px;
    }

    .css-popup {
        padding: 12px;
    }

    .css-popup__dialog {
        width: 96vw;
    }

    .wow.fadeInLeft,
    .animated.fadeInLeft,
    .fadeInLeft {
        animation-name: hmFadeInLeftMobile;
    }

    .wow.fadeInRight,
    .animated.fadeInRight,
    .fadeInRight {
        animation-name: hmFadeInRightMobile;
    }
}

@media only screen and (max-width: 480px) {
    .css-slider--industries,
    .css-slider--banners {
        padding-inline: 32px;
    }

    .css-slider__dots {
        gap: 7px;
    }

    .css-slider__dots label {
        width: 8px;
        height: 8px;
    }

    .css-popup__close {
        top: -40px;
        width: 34px;
        height: 34px;
        font-size: 28px;
    }
}

@keyframes hmFadeInLeftMobile {
    from {
        opacity: 0;
        transform: translate3d(-28px, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes hmFadeInRightMobile {
    from {
        opacity: 0;
        transform: translate3d(28px, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .wow,
    .animated,
    .fadeInLeft,
    .fadeInRight,
    .fadeInUp,
    .fadeInDown,
    .fadeUpDown,
    .pulse,
    .css-slider__track,
    .css-popup,
    .css-popup__dialog {
        animation: none !important;
        transition: none !important;
    }
}