@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body{font-family: "Montserrat", sans-serif;color:#131313;}
p{ font-size: 15px;line-height:1.5em;font-weight:300;color:#131313;}
a{text-decoration: none;}

.about-pg{padding:40px;}
.section-title h1{font-size: 22px;color: #843d95;font-weight: 600;line-height: 1.15;padding-bottom:20px;}
.section-title h6{color: #131313;font-size: 18px!important;}

.custom-btn{font-size:15px; background:transparent;color:#fff;border:none;padding:10px 35px;border-radius:40px;font-weight:500;border:1px solid #8e3aa5;color:#131313;}
.custom-btn:hover{background:linear-gradient(45deg,#6b2f90,#8e3aa5);color:#fff;}

.custom-btn1 {font-size:15px;display: block;background: transparent;color: #fff;border: none;padding: 10px 35px;border-radius: 40px;font-weight: 500;width: 240px;text-align: center;height: 45px;border: 1px solid #8e3aa5;color: #131313;}
.custom-btn1:hover{background:linear-gradient(45deg,#6b2f90,#8e3aa5);color:#fff;}


/* banner-section */
/* .banner-section .carousel-inner::after {position: absolute;content:'';width:100%;height:100%; background: linear-gradient(90deg, #cd5f376b 0, rgb(18 18 18 / 40%)); background:linear-gradient(to right,rgba(2,36,91,1) -100%,rgba(2,36,91,0) 100%); z-index:1;} */
.banner-section p {color: #FFF;font-family: "Mulish", sans-serif;font-size: 15px;font-style: normal;font-weight: 500;line-height: 132%;max-width: 590px;}
.banner-section h1{color: #FFF;font-family: "Mulish", sans-serif;font-size: 70px;font-style: normal;font-weight: 600;line-height: 110.5%;letter-spacing: unset !important;}
.cta-section .content{position:relative!important;}
.banner-section .carousel-control-next i{color:#fff;padding: 15px;border-radius: 50%;font-size: 30px;color:#843d95;}
.banner-section .carousel-control-prev i{color:#fff;padding: 15px;border-radius: 50%;font-size: 30px;color:#843d95;}

.service-section .nav-link h4{font-size: 16px;text-align: left;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: transparent;color:#843d95;}
.service-section .nav-link{padding-left: 0px!important;}
.service-section{padding:40px 0px 40px 60px;}
.news-section{background:#fff;padding:80px 0px;}
.news-card{position:relative;overflow:visible;}
.news-card img{width: 70%;display:block;}
.news-content{position:absolute;top:25%;right:0px;background:#fff;padding:20px 25px;width:330px;box-shadow:0 10px 25px rgba(0,0,0,0.1);}

.news-content span{font-size:14px;color:#777;display:block;margin-bottom:5px;}
.news-content h5{font-size:17px;color:#6b3fa0;line-height:1.4;margin:0;}
.carousel-control-prev,.carousel-control-next{width:5%;}
.carousel-control-prev-icon,
.carousel-control-next-icon{background-color:#8e44ad;border-radius:50%;padding:20px;}

/* contact section */
.contact-section{background:#f4f4f4;padding:40px 0px 40px 30px;}
.contact-title{color:#8e3aa5;font-weight:600;}
.custom-input{border-radius:40px;height:52px;border:1px solid #d9d9d9;padding-left:20px;background:#fff;margin-bottom:10px;}
.custom-input:focus{box-shadow:none;border-color:#8e3aa5;}
.custom-textarea{border-radius:20px;height:120px;border:1px solid #d9d9d9;padding:15px;background:#fff;resize:none;}
.custom-textarea:focus{box-shadow:none;border-color:#8e3aa5;}
.reply-text{font-size:14px;color:#555;margin:0;}
.send-btn{background:linear-gradient(45deg,#7b3fa0,#9b4bb3);color:#fff;border:none;padding:10px 35px;border-radius:40px;font-weight:500;font-size:15px;}
.send-btn:hover{background:linear-gradient(45deg,#6b2f90,#8e3aa5);color:#fff;}
.contact-info p{font-size:15px;color:#444;line-height:1.6;margin-bottom:18px;font-weight:400;}
.contact-info strong{display:block;font-weight:600;}
.contact-section input::placeholder{font-size:15px!important;}
.contact-info{padding-left: 40px;}

/* footer */
.footer-top{background:#4a4a4a;padding:35px 40px;}
.footer-top img{height:45px;}
.social-icons a{color:#fff;margin-left:22px;font-size:20px;text-decoration:none;}
.footer-bottom{background:#f3f3f3;padding:14px 40px;font-size:13px;color:#666;}
.footer-right{text-align:right;}
.scroll-top{position:fixed;right:20px;bottom:20px;background:#7a2d91;width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;}

/* about us */
.about-us{padding:80px 40px;background: linear-gradient(135deg, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0) 100%);;}
.about-content{padding-left:40px;}
.company{text-align: left;}

.where-we{padding-left:40px;}
.we-bg{background-image: url('image/layout-07.jpg');  background-position:center; box-shadow: 0 -20px calc(40 / 1920 * 100vw) -6px rgba(0, 0, 0, 0.1);padding: calc(100 / 1920 * 76vw) calc(128 / 1920 * 100vw);background-repeat: no-repeat;}
.we-bg1{background-image: url('image/Biosafety.jpg');background-size: cover;}
.where-content{padding-right:50%;}



/* inner-section */
.section-title1 h1{font-size: 22px;color: #843d95;font-weight: 600;line-height: 1.15;}
.section-title1 h6{color: #131313;font-size: 18px!important;}
.section-title1 p{font-size:14px;color:#131313;padding-top:-15px!important;}

/* about us page */
.inner-social{border-radius:30px;border:1px solid #c9c9c9;display: inline-block;border-radius: calc(23 / 1920 * 100vw);font-size: 14px;padding: 4px 20px;}
.inner-social a{color:#000;margin-left:10px;font-size:15px;text-decoration:none;}
.about-bg{height:100%;width:100%;}


/* health section */

.health{padding:80px 40px;}
.health-marg{padding-left:100px;}
.carousel-section{padding:40px 0;}
.carousel-section .custom-carousel{position:relative;}
.carousel-section .custom-carousel img{width:100%;height:auto;object-fit:cover;}

/* Square Arrow Buttons */

.carousel-section .carousel-control-prev,
.carousel-section .carousel-control-next{width:60px;height:90px;border:1px solid #dcdcdc;background:transparent;top:50%;transform:translateY(-50%);opacity:1;}
.carousel-section .carousel-control-prev{left:-80px;color:#000;}
.carousel-section .carousel-control-next{right:-80px;color:#000;}
.carousel-section .carousel-control-prev-icon,
.carousel-section .carousel-control-next-icon{width:20px;height:20px;filter: invert(40%); background-color: transparent!important;}

/* Mobile */

@media (max-width:768px){

.carousel-section .carousel-control-prev{left:10px;}
.carousel-section .carousel-control-next{right:10px;}
.carousel-section .carousel-control-prev,
.carousel-section .carousel-control-next{width:45px;height:45px;}
}


/* vision mission  */
.mvv-section{
background:#f9f9f9;
}

/* column box */

.mvv-box{
text-align:center;
padding: 60px 35px;
border-right:1px solid #e5e5e5;
height:100%;
}

.mvv-box:last-child{
border-right:none;
}

/* icon */

.mvv-icon{
width:100px;
height:100px;
margin:auto;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:25px;
}

.mvv-icon img{width:120px;}
/* title */

.mvv-title{
font-size:18px;
color:#7a2fa3;
font-weight:600;
margin-bottom:10px;
}

/* underline */

.mvv-line{
width:40px;
height:3px;
background:#dcdcdc;
margin:10px auto 25px;
}

/* text */

.mvv-text{
    font-size: 14px;
    line-height: 1.5em;
    max-width: 320px;
    margin: auto;
}

/* mobile */

@media(max-width:991px){

.mvv-box{
border-right:none;
border-bottom:1px solid #e5e5e5;
padding:40px 20px;
}

}


.project{padding-left:40px;margin-top:60px;}
.project p{padding-right:20px;font-size:15px;}
.project ul li{line-height: 1.7em;font-weight: 300;color: #131313;font-size:16px;}

.contact-bg{margin-top:60px;background-color: #f3f3f3;}

/* company culture page */
.company h1{border-bottom: 1px solid #eee;font-size: 28px;font-weight: 500;color:#1b1b1b;font-weight:300;line-height: 1.15;padding-bottom:20px;text-align: center;text-transform: capitalize;}
.company p{color:rgb(102, 102, 102);font-weight:600;}
.inner-p{color: rgb(70, 70, 70);font-weight:400!important;line-height:1.8em;}
.font-d p{color:#131313;font-weight:400;}


/* contact  page  */

.contact-section{background:#f5f5f5;}
.contact-img{background:url('image/contact-bg.jpg') center/cover no-repeat;min-height:650px;}
.contact-box{display:flex;gap:15px;margin-bottom:30px;}

/* .contact-icon{
font-size:18px;
} */
.contact-title{font-size:16px;font-weight:600;margin-bottom:3px;}
.contact-text{font-size:15px;color:#898989;padding-top: 6px;}
.contact-text span{color:#131313;}/* map buttons */
.map-tools{margin-top:190px;display:flex;font-weight: 600;}
.map-btn{flex:1;text-align:center;padding:30px;font-size:15px;color:#131313;}
.map-btn img{margin-right:15px;width:30px;}
.map-btn + .map-btn{border-left:1px solid #ddd;}
/* social icons */
.social-row{text-align:center;padding:70px 0;background:#f9f9f9;}
.social-row i{font-size:35px;margin:0 35px;color:#111;transition:0.3s;}
.social-row i:hover{color:#7d2aa8;}
.contact-title1{font-weight:600;color:#1b1b1b; font-size: 18px;}

@media(max-width:991px){
.contact-img{min-height:350px;}
.map-tools{margin-top:40px;}
}


.news-pg .news-card{margin-top:30px;}
.news-pg .news-card::after{position: absolute;
    background-color: rgba(35, 0, 37, 0.75);
    top: 0;
    left: 0;
    width: 70%;
    height: 100%;
    content: " ";}


.news-pg .news-card h5{font-size:17px;}
.news-pg .news-content{    z-index: 1;}
.news-pg .news-card:hover::after {-webkit-transition-delay: 0;-moz-transition-delay: 0;transition-delay: 0;-webkit-transition-duration: .2s;-moz-transition-duration: .2s;transition-duration: .2s;-webkit-transition-property: all;-moz-transition-property: all;transition-property: all;-webkit-transition-timing-function: ease-in-out;-moz-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;background-color: transparent}


/* products */
.products {text-align: left;}
.products h1{font-size: 35px;margin-bottom: 20px;font-weight:300;}
.product-details p{margin-bottom:5px;line-height:26px;font-size: 16px;}
.product-details p span{color:#800080;padding-bottom:20px;font-weight:600;}
.pr-t p{line-height:20px!important;}
.products h6{font-size: 22px;color: #843d95;font-weight: 500;line-height: 1.15;padding-bottom:20px;}
.products .product-details{height:500px;overflow: scroll;}
.product-details{text-align: left;}
 
.products .product-details::-webkit-scrollbar {
    display: none;
}

#RadDockZone1{max-width:100%!important;}

/* menu js*/
/* .navbar-nav li:hover > ul#submenu2.dropdown-menu{position: absolute;width: auto;border-radius: 15px;left: 0;right:0;margin:0;    padding: 12px;} */
/* .navbar-nav li:hover > ul#submenu5.dropdown-menu{position: absolute;width: auto;border-radius: 15px;left: 0;right:0;margin:0;    padding: 12px;} */
.menu-bar1 .menu-heading, .menu-bar2 .menu-heading{font-size: 16px;font-weight: 600;color: #843d95;text-align:left;line-height: 30px;padding-left: 9px;margin: 16px 0;}
.menu-bar1 .dropdown-item,.menu-bar2 .dropdown-item{line-height: 26px;}
#MenuControl_C .navbar-nav .nav-item:nth-child(2),#submenu1 > li:nth-child(2) {position: static;}
#MenuControl_C .navbar-nav .nav-item:nth-child(3) {position: static;}

/* responsive menu */
@media(max-width:991){
  .navbar-nav li:hover > ul#submenu2.dropdown-menu{max-width:auto; margin: 0 auto;}
  .navbar-nav li:hover > ul#submenu3.dropdown-menu{max-width:auto; margin: 0 auto;}
}
@media(max-width:767px){	
.nav-fill .nav-item, .nav-fill>.nav-link{ text-align:left;}
/* .nav-item ul li .dropdown-toggle::after{ transform: rotate(90deg);} */

.menu-bar1 .col-lg-3{ width: 100% !important;}
#submenu3.dropdown-menu.show{ width: 100% !important; left:0 !important;}
#submenu2.dropdown-menu.show{ width: 100% !important; left:0 !important;}
}

.table-responsive {padding-left: 0;padding-right: 0;overflow: initial;}

/*--------------------------------------------------------------
# nav-bar
--------------------------------------------------------------*/
/*nav-bar*/
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
/*#MenuControl*/ .navbar.bg-light{background-color: transparent !important; height:100%;}
#MenuControl .nav-link:focus,#MenuControl .nav-link:hover{background-color:#fff !important; color:#585858 !important;}
.nav-link{font-weight: 600;color: #131313;font-size: 16px;}
.nav-fill{width:100%; font-size: 15px;}
.navbar-brand{margin:0;}
.nav-item{position:relative;}
.dropdown-item:focus, .dropdown-item:hover {color: #fff;background-color:#843d95;}
.navbar-nav .dropdown-menu {border-radius: 15px;padding: 12px;}
/*nav-bar*/
@media (max-width: 1170px){
.navbar-expand-md .navbar-nav .nav-link{padding-right:1px; padding-left: 1px;}
}
@media (max-width: 991px){
#MenuControl, #MenuControl_C, #HeaderControl, #HeaderControl_C, #widgetsControl_C, #widgetsControl{ height: initial !important;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 12px;}
	}

@media (max-width: 767px){
.navbar-toggler{background:#eee;}
.navbar.navbar-expand-md{text-align:center;}
.navbar.navbar-expand-md .container-fluid{display:block;}
.nav-fill .nav-item, .nav-fill>.nav-link{text-align:left;}
.navbar-nav>li{ display: block; text-align: left; padding: 4px 0; border-bottom: 1px solid #999; border-right:0; }
.nav-item ul li .dropdown-toggle::after{transform: rotate(90deg);}
.nav-item .nav-link.dropdown-toggle::after {position: absolute; right: 5px; top: 15px;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 14px;padding-right: 5px; padding-left: 5px;}
}
/* nav fix */
.body-fx #HeaderControl{float: Left;position: fixed;padding: 0;padding-left: 0;z-index: 99;text-align: left;top: 0;}
.body-fx #MenuControl {float: Right;position: fixed;right: 0;padding: 0;padding-right: 0;top: 0;}
  @media (max-width: 767px){
  .body-fx #HeaderControl {float: Left;position: static;width: 100%;}
  .body-fx #MenuControl{ float: Left;position: static; width: 100%;}
  }
/* nav icon */
.dropdown-toggle::after {border-bottom: 2px solid #222;border-left: 0;border-right: 2px solid #222;border-top: 0;content: "";display: inline-block;height: 8px;margin-left: 8px;margin-top: 4px;-webkit-transform: rotate(403deg);transform: rotate(403deg);width: 8px;vertical-align: .255em;}
@media (min-width:1023px){
  .navbar-nav li:hover > ul.dropdown-menu {display: block;transition: 0.3s linear;}
  .dropdown-submenu {position:relative;}
  .dropdown-submenu > .dropdown-menu {top: 0;right:100%;left: auto;margin-top:-6px;}
  /* rotate caret on hover */
  .dropdown-menu > li > a:hover:after {text-decoration: underline;transform: rotate(180deg);}
  .dropend .dropdown-menu {right: 100% !important;left: auto !important;top: 0;}
  }
  .dropdown-item {font-size: 16px;color: #585858;padding: 4px 8px;}

  /*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

#header{background: #fff;/* box-shadow: 0 0 10px rgba(0, 0, 0, .12); */}
#header .head-img{ padding:10px 0;text-align: center;}

#widgetsControl, #widgetsControl_C{height:auto!important;}
.main-table{text-align: left;}

@media(max-width:767px)
{
    .project.p-3{padding:0px;}
    .about-pg {padding: 40px 0px;}
    .offset-1{margin-left:0px;}
    .service-section{padding: 40px 0px;}
    .where-we {padding-left: 0px;}
    .we-bg {margin-top: 30px;}
    .news-card img {width: 100%;}
    .about-content {padding-left: 0px;padding-top:20px;}
    .about-us {padding: 40px 0px;}
    .contact-section {padding: 40px 0px;}
    .news-content {position: absolute;right: 13px;width: 270px;}
    .contact-bg {padding: 20px 0px;}
    .health-marg {padding-left: 0;}
    .inner-social{padding: 4px 13px;}
    .products.px-5{padding:0px!important;}
    .products .product-details{height:auto}
    .project .col-md-6.px-5{padding: 0px 10px!important;}
    .project.p-5{padding:3rem 0px!important;}
    .news-pg .container-fluid.px-5{padding:0px!important;}
    .news-pg .news-card::after{position: absolute;width:100%;}
}

@media(min-width:1600px)
{
    .health-marg{margin-left: 50px;}
}

#submenu3{width:60%;}
#submenu2{width:40%;}