@charset "utf-8";

/* CSS Document */

@font-face { font-family: 'Geist-Regular'; src: url(../fonts/Geist/Geist-Regular.ttf); }
@font-face { font-family: 'Geist-Light'; src: url(../fonts/Geist/Geist-Light.ttf); }
@font-face { font-family: 'NotoSerif-Regular'; src: url(../fonts/Noto/NotoSerif-Regular.ttf); }
@font-face { font-family: 'NotoSerif-Light'; src: url(../fonts/Noto/NotoSerif-Light.ttf); }
@font-face { font-family: 'Roboto-Regular'; src: url(../fonts/Roboto/Roboto-Regular.ttf); }


.underlined a { text-decoration: underline; }
ul, ul li { list-style-type: none; margin: 0px; padding: 0px; }
a { text-decoration: none; }
html { height: 100%; width: 100%; font-family: 'Geist-Regular'; overflow-x: hidden !important; scroll-behavior: smooth; }
body { height: 100%; background-color: #fff; overflow-x: hidden !important;  width: 100% !important; font-family: 'Geist-Regular'; scroll-behavior: smooth; }
p, h1, h2, h3, h4, h5, h6, img { -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
div{  -o-transition: all 0.3s ease-in-out;  -ms-transition: all 0.3s ease-in-out;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;  }
h1 { font-size: 55px; line-height: 120%; }
h2 { font-size: 48px; line-height: 120%; }
h3{ font-size: 35px; line-height: 120%; }
h4 { font-size: 30px; line-height: 120%; }
h5 { font-size: 26px; line-height: 120%; }

p { font-size: 16px; color:#727272; line-height: 144%; font-family: 'Roboto-Regular'; font-style: normal; font-weight: 400; letter-spacing: -0.14px; }

/* Header styles */
/* Scrolled header (blur + 50% transparency) */


.container-fluid{ padding: 0px 40px; }
.firstrow{ position: relative; height: 100%; }

.head{background:rgba(230, 228, 228, 1); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);  width: 100%; padding: 15px 0px; position: fixed; top: -1px !important;z-index: 99;  }
.headerbg{ position: fixed; width: 100%; top: 0;}
.logo{ padding: 5px 0px; width: 90%; }
.logo img{ width: 100%; }
.repologo { display:none;} 
.menulist{ text-align: center; }
.menulist > ul{ display: flex; align-items:self-start; gap: 60px; } 
.menulist > ul > li > a{ color: #353535; font-family: 'Geist-Regular'; font-size: 16px; display: block; border-bottom: 2px solid rgba(230, 228, 228, 0.0); }
.menulist > ul > li:hover > a{ color: #353535; border-bottom: 2px solid #353535; }
.menulist ul li:hover > div { display: flex; }
.menulist > ul > li > div{ display: none; gap: 100px;  position: absolute; background-color:rgba(230, 228, 228, 1); padding: 10px 0px; min-width: 100%; border-radius: 0px 0px 15px 15px;  }
.menulist > ul > li > div::before{ background-color:rgba(230, 228, 228, 1); position: absolute; left: -100%; width: 200%;  content: ''; color: rgba(230, 228, 228, 1); top:0; z-index: 2; height: 100%; }

.menulist ul li ul li{ position: relative; z-index: 5; text-align: left !important; }
.menulist ul li ul li a { font-size: 14px; color: #727272; font-family: 'Geist-Regular'; padding: 10px 0; display: inline-block; text-align: left !important; position: relative;  }
.menulist ul li ul li a:hover{ color: #000; }

.menulist ul li ul li a::after{ content: ''; height: 1px; position: absolute; width: 0%; left: 0; bottom: 5px; background-color: #353535; transition: width 0.3s ease-in-out; }
.menulist ul li ul li a:hover::after{  width: 100%; }
.menulist ul li a.active{ color: #006DEB; border-bottom: 2px solid #006DEB; }

.contactnav ul li a{ color: #006DEB; }
.mobNav{ z-index: 200; width:100%; text-align: right; display: none; } 
.respbar{ color: #f40005; cursor: pointer; }
.respbar img{ width: 54px; }
.repon_menu{ position: fixed; z-index: 100; top: 0 !important; bottom: 0 !important; height: 100% !important; right: 0;background:rgba(000, 000, 000, 0.8); backdrop-filter: blur(3px); padding: 10px; width: 250px;  box-shadow: 0px 4px 6px rgba(000, 000, 000, 0.5); transition:all 0.5s ease;  right: -200%; text-align: left !important; overflow: auto; }
.repon_menu ul{ margin: 0px !important; padding: 0px !important; }
.repon_menu > ul > li img{ width: 15px; position: relative; top: -1px; margin-left: 10px; }
.repon_menu > ul > li{ color: #fff !important; position: relative; }
.repon_menu > ul > li > a{color: #fff !important;  padding: 12px 15px; display:block;  font-size: 16px; text-transform: uppercase; }
.repon_menu ul li ul{ margin-left: 40px !important; display: none; }
.repon_menu ul li ul li{ position: relative; }

.repon_menu ul li ul li::before{ content: '-'; position: absolute; top: 8px; color: #fff; }
.repon_menu > ul > li ul li a{color: #fff;  padding: 8px 15px; display:block;  font-size: 14px; }


#repovideo{ position: relative; }
#repovideo img{ position: relative; }
/* Banner Styles */

#carouselExample .logopatch{ position: absolute; z-index: 55; bottom: 20px; right: 20px; }


#slider00{ background-image: url('../img/banner/00.png'); }
#slider01{ background-image: url('../img/banner/01.png'); }
#slider02{ background-image: url('../img/banner/02.png'); }
#slider03{ background-image: url('../img/banner/03.png'); }
#slider04{ background-image: url('../img/banner/04.png'); }

#carouselExample{ height: 100%; }
.carousel-inner, .carousel-item, .carousel-item > div ,.carousel-item > div > div.carousel-item > div > div >div{ height: 100%; }
.carousel-item{ background-size: cover; background-position: center; }

.banner_txt .repoimg{ display: none; width: 80%; margin-bottom: 20px; }

.banner_txt p{ color: #aaa; }
.chipclm{ color: #8B8B8B; }     
.chipclm span{ color: #006DEB; }
.banner_txt div{ height: 100%; position: relative; }

.bannertext{ position:relative; align-self:center; display: flex; background: linear-gradient(73deg, rgba(0, 0, 0, 0.70) 3.13%, rgba(0, 0, 0, 0.00) 80%); height: 100%; }
.bannertext > div{ align-self: center; }
.banner_txt h1{ color: #fff; margin-bottom: 30px;  font-family: 'Geist-Light'; } 
.banner_txt h1 a{ position: relative; color: #fff; border-bottom: 0.5px solid #9F917D; }
.banner_txt h1 span{ transform: rotate(0deg) !important; top: -10px; position: relative; }
.banner_txt h1 span img{ width: 12px !important; }

.respbanertxt{ position:relative; align-self:flex-end; text-align: center; display: none; background: linear-gradient(180deg, rgba(26, 26, 26, 0.00) 42.63%, #1A1A1A 85.13%); height: 100%; padding: 20px; width: 100%; }
.respbanertxt > div{ align-self: flex-end; width: 100%; }
.respbanertxt div > img{ width: 80%; }
.respbanertxt h3{ color: #fff; }

.cta_btn{ display: inline-block; }
.cta_btn a{ display: flex; align-items: stretch; gap: 5px; justify-content: center; }
.cta_btn span{ display: flex; border-radius: 4px; background: #1A1A1A; padding: 10px 20px; align-items: center; color: #A3A3A3; font-family: 'Geist-Regular'; font-size: 16px; font-style: normal; font-weight: 400; }    
.cta_btn img{ border-radius: 4px; background: #006DEB; padding: 17px; }

.cta_btn_white a{ display: inline-flex; align-items: center; gap: 5px; }
.cta_btn_white span{ border-radius: 4px; background: #fff; padding: 16px 20px; align-items: center; color: #1A1A1A; font-family: 'Geist-Regular'; font-size: 17px; font-style: normal; font-weight: 400; }    
.cta_btn_white img{ border-radius: 4px; background: #006DEB; padding: 17px; }
.cta_btn_trans a{ display: inline-flex; align-items: center; gap: 5px; }
.cta_btn_trans span{ border-radius: 4px; background: transparent; padding: 16px 20px 16px 0px; align-items: center; color: #1A1A1A; font-family: 'Geist-Regular'; font-size: 17px; font-style: normal; font-weight: 400; }    
.cta_btn_trans img{ border-radius: 4px; background: #006DEB; padding: 17px; }


.linkedin a{ display: inline-flex; align-items: center; gap: 5px; }
.linkedin span{ border-radius: 4px; background: transparent; padding: 16px 20px 16px 0px; align-items: center; color: #1A1A1A; font-family: 'Geist-Regular'; font-size: 17px; font-style: normal; font-weight: 400; }    
.linkedin img{  background: #0077B5; }

.lfttxt{ padding: 80px 0px; overflow-x: hidden !important; }
.videoclm{ position: relative; width: 150%; border-radius: 24px 0px 0px 0px; overflow: hidden; }
#repovideo{ display: none; margin-bottom: 20px; }
.lfttxt h1{ margin-bottom: 20px; }

hr.bdr{ border-top:2px solid #ddd; }

.b2bclm{ padding: 30px 0px; } 

.b2bclm .cta_btn{ float: right; }

.cardclm{ border-top: 1px solid #E8E8E8;  border-bottom: 1px solid #E8E8E8; margin-top: 10px; }
.b2bcards{ display: flex; height: 100%; gap: 40px; } 
.threcard{ position: relative; cursor: pointer; padding-bottom: 40px; padding-top: 20px;  }
.threcard::after{ position: absolute; content: ''; right: -20px; height: 100%; width: 1px; background-color: #E8E8E8; top: 0px;  }
.bdrnone::after{ display: none; }
.threcard > img{ margin-bottom: 30px; border-radius: 8px; }
.threcard h3{ color: #A3A3A3; margin-bottom: 0;  font-family: 'Geist-Light'; }
.threcard h4{ color: #006DEB; font-family: 'NotoSerif-Light';  margin-bottom: 0; font-weight: 200; text-align: right; }
.threcard .align-items-center{  display: flex; justify-content: space-between; }
.bdrclm{ height: 3px; background-color: #E8E8E8; position: relative;  width: 100%; display: block; margin: 20px 0px; }
.bdrclm::before{ width: 3px; left: 0; bottom: 0; height: 6px; content: ''; background-color:#E8E8E8 ; position: absolute; }
.bdrclm::after{ width: 3px; right:0; bottom: 0; height: 6px; content: ''; background-color:#E8E8E8 ; position: absolute; }
.threcard p{  padding-bottom: 20px;  }
.cta-b2b{ padding: 17px; border-radius: 4px; display: inline-block; background-color: #A3A3A3; }
.cta-b2b img{ width: 18px !important; }

.testmoclm{  position: relative; background-color: #F4F4F4; padding: 80px 0px; }
.testmoclm .container-fluid{ padding-left: 0px !important; } 
.watermark img{ width: 100%;}
.threcard:hover .cta-b2b{ background-color: #006DEB; }
.threcard:hover h3{ color:#352B20; }
.testimo{ padding: 0px 40px; position: relative; }
.testimocard h2{ color: #393939;  font-family: 'NotoSerif-Regular'; }
.testimocard > img{ margin-bottom: 20px; width: 60px; }
.testdetil{ display: flex; align-items: center; }
.testdetil img{ border-radius: 380px; border: 0px solid #796147; margin-right: 20px; width: 115px; }
.testdetil h5{ font-size: 18px; color: #006DEB; text-transform: uppercase; }
.testdetil p{ color: #999289; letter-spacing: 0.36px; }

.testmoclm .bx-wrapper { position: relative; }
.testmoclm .bx-wrapper .bx-prev { bottom: 20px; right: 80px; background: url('../img/LeftArrow.png') no-repeat; background-size: contain; }
.testmoclm .bx-wrapper .bx-next { bottom: 20px; right: 0; background: url('../img/RightArrow.png')no-repeat; background-size: contain;  }
.testmoclm .bx-controls-direction a { position: absolute; bottom: 0px; right: 0; outline: 0; width: 58px;  height: 58px; text-indent: -9999px; z-index: 88; }
.testimocard h2{ margin-bottom: 40px; }

/* B2B Drug styles */

.b2ccards{ display: flex; gap: 30px;  align-items:self-start; flex-direction: row; align-items: stretch; }

.b2cdrugcol{ padding: 100px 0px; } 
.b2cdrugcol .bx-viewport{ overflow-x: auto; }
.drugcard{position: relative; padding-top: 50px; }
.drugdetails{border-radius: 12px 12px 0px 0px; padding-bottom: 50px; position: relative; padding: 250px 35px 35px 35px;background: #F4F4F4;  border-bottom: 10px solid #A9AFB6;  }
.drugdetails h2{  font-family: 'NotoSerif-Regular';}
.drugcard {  flex: 1; box-sizing: border-box;   display: flex; /* Enables flex inside the div */
  align-items: stretch; /* Centers content vertically */  }
.drugcard p img{ float: left; padding-right: 5px; }
.cta-btn{ position: absolute;top: 0; left: 0; }
.cta-btn img{ border-radius: 12px 0px 12px 0px; padding: 13px; border-right: 12px solid #FFF; border-bottom: 12px solid #FFF; background-color: #A3A3A3; }
.drugicon { position: absolute; top: 20px; right: 20px; width: 100px; }
.rxblue{  color: #006DEB;   font-family: 'NotoSerif-Regular'; }
.rxgren{ color: #21B2A6;  font-family: 'NotoSerif-Regular';}
.rxblue img, .rxgren img{  margin-right: 2px; }

.drugcard:hover{ padding-bottom: 50px; padding-top: 0; }
.drugcard:hover .cta-btn img{ background-color: #006DEB; }

.crd01 .drugdetails::after{ background-color: #FF6644; position: absolute; content: '' ; bottom: -10px; height: 10px; width: 33%; left: 33%; }
.crd01 .drugdetails::before{ background-color: #FDC5B8; position: absolute; content: '' ; bottom: -10px; height: 10px; width: 50%; left: 50%; }
.crd02 .drugdetails::after{ background-color: #21B2A6; position: absolute; content: '' ; bottom: -10px; height: 10px; width: 33%; left: 33%; }
.crd02 .drugdetails::before{ background-color: #B5E5D6; position: absolute; content: '' ; bottom: -10px; height: 10px; width: 50%; left: 50%; }
.crd03 .drugdetails::after{ background-color: #006DEB; position: absolute; content: '' ; bottom: -10px; height: 10px; width: 33%; left: 33%; }
.crd03 .drugdetails::before{ background-color: #B3D1F4; position: absolute; content: '' ; bottom: -10px; height: 10px; width: 50%; left: 50%; }
.crd04 .drugdetails::after{ background-color: #35B274; position: absolute; content: '' ; bottom: -10px; height: 10px; width: 33%; left: 33%; }
.crd04 .drugdetails::before{ background-color: #A6D7B3; position: absolute; content: '' ; bottom: -10px; height: 10px; width: 50%; left: 50%; }


#respcontent{ padding-bottom: 30px; }
#respcontent .carousel-indicators{ position: absolute; bottom: -70px; }
#respcontent .carousel-indicators [data-bs-target] { width: 20px; height: 20px; margin-right: 5px; border-radius: 50%; margin-left: 5px; background-color: #888; opacity: .3;  }
#respcontent .carousel-indicators .active{ opacity: 1;}

.b2cdrugcol .bx-wrapper .bx-pager{display: none; }
.b2cdrugcol .bx-wrapper .bx-pager.bx-default-pager a{ background: #E8E8E8; text-indent: -9999px; display: block; width: 120px; margin: 0 !important; margin-left: -5px !important; border-radius: 5px !important; z-index: 2; height: 5px;   position: relative; outline: 0; }
.b2cdrugcol .bx-wrapper .bx-pager.bx-default-pager a:hover, .b2cdrugcol
.bx-wrapper .bx-pager.bx-default-pager a.active, .b2cdrugcol
.bx-wrapper .bx-pager.bx-default-pager a:focus { background:#006DEB ; z-index: 5; }
.b2cdrugcol .bx-pager{ text-align: center; padding-top: 30px; }
.b2cdrugcol .bx-wrapper .bx-pager.bx-default-pager a:hover,
 .b2cdrugcol .bx-wrapper .bx-pager.bx-default-pager a.active,
 .b2cdrugcol .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background:#006DEB ;
  }

 .b2cdrugcol .bx-wrapper .bx-pager-item,
.b2cdrugcol .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
}


/* CSR Styles */
.csrclm{  padding: 100px 0px; position: relative; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4f4f4+0,ffffff+100 */
    background: linear-gradient(to bottom,  #f4f4f4 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.csrclm .cta_btn{ float: inline-end; }
.csrcarsol{ padding-top: 100px; position: relative; }
.csrcard{ position: relative; }
.csrclm .bx-viewport{ overflow: visible !important; }
.csrclm .bx-wrapper{ width: 100% !important;  position: relative; }
.csrclm .bx-wrapper .bx-prev { top: 0; right: 80px; background: url('../img/LeftArrow.png') no-repeat; background-size: contain; }
.csrclm .bx-wrapper .bx-next { top:0; right: 0px; background: url('../img/RightArrow.png')no-repeat; background-size: contain;  }
.csrclm .bx-controls-direction a { position: absolute; outline: 0; width: 58px;  height: 58px; text-indent: -9999px; z-index: 88; }
.csrdetails{ padding-left: 40px; }
.csrdetails h4{ margin-bottom: 25px; }
.csrdetails p{ padding-bottom: 40px; }
.csrdetails h4, .csrdetails h4 a{ font-weight: 400; font-family: 'NotoSerif-Regular'; color: #352B20; }

.csrcard{ display: flex; align-items: end; }


/* Footer Styles */

.footer{ background: #fff; padding: 100px 0px 50px 0px; position: relative; }

.footerclm{border-radius: 12px 12px 4px 12px; background: #FFF; box-shadow: 0px 0px 10px 0px rgba(153, 146, 137, 0.10) inset;
padding: 50px 20px 10px 20px; }

.email_cta_btn{ display: inline-flex; align-items:start; gap: 5px; border: none; margin-bottom: 50px; width: 100%; }
.email_cta_btn > div{ width: 70%; }
.email_cta_btn input{width: 100%; border-radius: 4px; background: #F4F4F4; padding: 16px 20px; align-items: center; color: #1A1A1A; font-family: 'Geist-Regular'; font-size: 17px; font-style: normal; font-weight: 400; border: none; outline: none;  }    
.email_cta_btn button{ border-radius: 4px; background: #006DEB; padding: 17px; border: none; width: 58px; }
.email_cta_btn input:active{ border: none; }
.footer h3{ margin-bottom: 30px; }
.ftmenu ul{ border-top: 1px solid rgba(178, 179, 179, 0.50); }
.ftmenu ul li a{ font-size: 15px; position: relative; padding: 12px; display: block; border-bottom: 1px solid rgba(178, 179, 179, 0.50); -o-transition: all 0.3s ease-in-out;  -ms-transition: all 0.3s ease-in-out;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #352B20; }
.ftmenu ul li a::after{ content:url('../img/footerarrow.png'); position: absolute;right: 12px;-o-transition: all 0.3s ease-in-out;  -ms-transition: all 0.3s ease-in-out;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;  }
.ftmenu ul li a:hover{ background-color: #B2B3B3; color: #fff; }
.ftmenu ul li a:hover::after{ filter: brightness(0) invert(1); transform: rotate(-45deg); }



/** News **/

.newsclm{ background-image: url('../img/newsbg.png'); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 12px; height: 100%; position: relative; width:100%; display: table; text-align:center ; overflow: hidden; }
.newsclm .newscard{ display: table-cell; vertical-align: middle; }
.newsclm h4{ color: #fff; font-family: 'NotoSerif-Regular'; width: 50%; margin: auto; }
.newslidcontrols{ position: absolute; right: 0; top: 0 !important; height: 100%; border-radius: 12px;
    background: rgba(26, 26, 26, 1) }
#slider-prev{ display: table; border: 1px solid #666; width: 75px; height: 50%; text-align: center; }
#slider-prev .bx-prev{ display: table-cell; vertical-align: middle;  color: #fff; font-size: 30px; }
#slider-next{ display: table; border: 1px solid #666; width: 75px; height: 50%; text-align: center; }
#slider-next .bx-next{ display: table-cell; vertical-align: middle; color: #fff; font-size: 30px; }
.footerlogo{ display: flex; }
.footerlogo > img{ width: 300px; }
.footerlogo .cta_btn_trans{ align-self: flex-end; margin-bottom: 0 !important; padding-bottom: 0 !important;  padding-left: 30px; }
.footerlogo .cta_btn_trans img{ padding: 8px; }
.contatdet .cta_btn_trans img{ padding: 8px; }
.cpyrts{ padding: 20px 0px; }
.cpyrts p { float: inline-start; font-size: 16px; } 
.ftlist{ float: inline-end; }
.ftlist ul{ display: flex; }
.ftlist ul li a{ color: #352B20; padding-left: 18px; font-size: 16px; }


/* Inner pages styles  */

.othrbaner{ background-position: center; background-size: cover; height:60%; } 
.othrbaner > div{ background: linear-gradient(73deg, rgba(0, 0, 0, 0.70) 3.13%, rgba(0, 0, 0, 0.00) 75.15%); padding: 20px 0px; height: 100%; position: relative; }
.othrbaner h1{ font-family: 'Geist-Light'; }
.othrbaner .logopatch{ width: 600px; }
.othrbaner .logopatch img{ width: 100%; }
.othrbaner .chipclm{ display: none; }
.othrepban{ display: none; width: 100%; text-align: center; }
.othrepban h2{ color: #fff; }
.othrepban p{ color: #fff; }
.othrepban img{ width: 80%; margin-bottom: 20px; }
#aboutusban{ background-image: url('../img/aboutImg.png');}
#OBban{ background-image: url('../img/portfolio.png');}
#qualityBan{ background-image: url('../img/QualityImg.png'); }
#capabBan{ background-image: url('../img/capabilities.png'); }
#genericsBan{ background-image: url('../img/GenericImg.png'); }
#BrandgenericsBan{ background-image: url('../img/BrandedGenericsImg.png'); }
#careerBan{ background-image: url('../img/carrersbanner.png');}
#contactBan{ background-image: url('../img/contactImg.png'); }
#impactBan{ background-image: url('../img/Impact.png'); }
#privacypolicyban{ background-image: url('../img/privacy-policy.png'); }
#termsban{ background-image: url('../img/termsimg.png');  }





/* About Page styles */

.ourmission{ background-position: center; margin: 30px 0px; position: relative; color: #1A1A1A !important; overflow: hidden; 
  font-family: 'Geist-Light'; }
/* .ourmission::after{ position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0;  background-color: rgba(0, 0, 0, 0.70); z-index: 5; } */
.ourmission > div{ position: relative; z-index: 22; }

.ourmission img{ width: 100px; margin-bottom: 20px; }

.ourcompany{ padding: 50px 0px; text-align: center; }
.ourcompany .chipclm{ padding-bottom: 15px; }
.ourcompany h1{ padding-bottom: 30px; color: #1A1A1A; } 
.lfttxt .imgclm img{  width: 100%; }
.lfttxt .imgclm{ position: relative; width: 100%; right: -45px; border-radius: 24px 0px 0px 0px; overflow: hidden; }
.corevalue{ display: flex; gap: 30px; }
#Leaderclm .cta-b2b{ display: none; }
.leadertitle{ display: flex; align-items: flex-end; justify-content: space-between;} 
.leadertitle h5{ color: #006DEB; text-align: right; font-size: 15px; }
#Leaderclm .b2bcards .threcard{ align-items: self-start; }
.threcard h3{ color: #A3A3A3; margin-bottom: 0;  font-family: 'Geist-Light'; }
.threcard h4{ color: #006DEB; font-family: 'NotoSerif-Light';  margin-bottom: 0; font-weight: 200; }
.threcard .align-items-center{  display: flex; justify-content: space-between; }

#Leaderclm .b2bcards .threcard p{  padding-bottom:0px;  }
.hdshdiv{ display: none;}
.grothclm{ background-color: #f7f7f7; }
.growthcard{ padding: 40px; }
.growthcard h2{ padding-bottom: 32px; }
.chipclm{ padding-bottom: 15px; }
.grwlist{ display: flex; justify-content: center; background-color: #fff; border-radius: 12px;  align-items: center; align-self: stretch; }
.grwlist ul{ padding:18px 18px 8px 18px; margin-bottom: 0; }
.grwlist ul li{ position: relative; color: #727272; font-family: 'Geist-Regular'; padding-bottom: 13px; padding-left: 25px; }
.grwlist ul li::before{  content: url('../img/uparrow.png');  position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;  }
.otherpageft{ padding: 40px; }
.otherpageft h2{ margin-bottom: 20px; color: #fff; font-family: 'NotoSerif-Regular'; }
.otherpageft p{  font-family: 'NotoSerif-Regular'; color: #fff; } 




/* Quality Page Styles */

.mapclm{ background: #E4E4E4; }
.maptxt{ position: absolute; z-index: 22; width: 100%; padding: 50px 0px; }
.mapclm{ position: relative; z-index: 21;} 
.rgttxt{ padding: 80px 0px; overflow-x: hidden !important; }
.rgttxt .imgclm img{  width: 100%; }
.rgttxt .imgclm{ position: relative; width: 100%; left: -45px; border-radius: 0px 24px 0px 0px; overflow: hidden; }
.FAclm{  padding: 100px 0px 0px 0px; position: relative; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4f4f4+0,ffffff+100 */
  background: linear-gradient(to bottom,  #f4f4f4 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.focare{ position: absolute; }
.focuarecol{ padding-top: 100px; position: relative; }
.FAcard{ position: relative; }
.FAclm .bx-viewport{ overflow: visible !important; height: auto !important; }
.FAclm .bx-wrapper{ width: 100% !important;  position: relative; }
.FAclm .bx-wrapper .bx-prev { top: 0; right: 80px; background: url('../img/LeftArrow.png') no-repeat; background-size: contain; }
.FAclm .bx-wrapper .bx-next { top:0; right: 0px; background: url('../img/RightArrow.png')no-repeat; background-size: contain;  }
.FAclm .bx-controls-direction a { position: absolute; outline: 0; width: 58px;  height: 58px; text-indent: -9999px; z-index: 999; }
.fadetails h3{ margin-bottom: 25px; }
.fadetails h3, .fadetails h3 a{ font-weight: 400;  color: #352B20; }
.FAcard .csrImg{ margin-bottom: 20px; }
.FAclm .cta_btn{ float: right; }

.contactform .cta_btn a{ padding: 0; border: none; }
 .error { color: red; font-size: 12px; }

.contactform .cta_btn{  border: none; padding: 0; }
.contactform .cta_btn img{ padding: 19px 17px; }
.contactform .form-label{ font-size: 14px !important;  font-family: 'Geist-Regular'; }
.contactform input::placeholder, .contactform textarea::placeholder{ font-size: 12px; color: #667085;   font-family: 'Geist-Regular'; opacity: 0;}
.contactform select{ font-size: 12px; color: #667085; }
#phnumclm{ width: 88%; }
.contactform .form-check-label{ font-size: 14px; color: #344054; }
.contactform .form-check-label a{ color: #344054; }
#careercard{ width: 60%; margin: auto; }

.lifeclm{ padding: 100px 0px; text-align: center; }
.lifeatcard{ display: flex; gap: 100px; text-align: left; margin-top: 80px; }
.tricards p{ width: 78%; }

.tricards{ position: relative; overflow: hidden;  flex: 1;}


/* Our Business */

.ourbrands{ display: flex; gap: 30px;  height: 100%;  border-top: 1px solid #E8E8E8;  border-bottom: 1px solid #E8E8E8; }
.OurBcard{ padding: 0px 0px; }
.OurBcard .leadertitle{ margin-top: 20px; }
.OurBcard{ position: relative; text-align: left !important; padding-bottom: 20px; padding-top: 20px; cursor: pointer; flex: 1; display: block; }
.OurBcard img{ border-radius: 5px; width: 100%; }
.OurBcard::after{ position: absolute; content: ''; right: -15px; height: 100%; width: 1px; background-color: #E8E8E8; top: 0px; bottom: 0;  }
.cta-ob{ padding: 17px; margin-top: 10px; border-radius: 4px; display: inline-block; background-color: #A3A3A3; }
.cta-ob img{ width: 18px !important; }

.whytochoose{ padding: 80px 0px 0px 0px;  }

.OurBcard .align-items-center{ padding: 10px 0px; }
.OurBcard .align-items-center h3{ color: #1A1A1A; }
a.OurBcard .align-items-center h5{ color: #006DEB !important; }

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

.OurBcard:hover  h3{ color: #006DEB; }
.OurBcard:hover .cta-ob{ background-color: #006DEB; }

/* Brqanded Generics */


.cardiac-health{ background-color: #F64; }
.Diabetes-control{ background-color: #21B2A6; }
.General-Health{ background-color: #35B274; }

.rxwhite{ color: #fff; } 
.rxwhite img{ width: 16px !important; height: 20px !important; }
#webcontent .prodclm{ display: flex; width: 100%; gap: 30px; justify-content: center; padding-top: 50px; }

.prodcards{ padding: 30px; position: relative; padding: 100px 30px 20px 30px; border-radius: 12px; min-width: 25%;  cursor: pointer;   }

.prodcards > img{ filter: brightness(0) invert(1); width: 100px; position: absolute; top: 20px; right: 30px; }
#webcontent .prodcards h3{ color: #fff;  font-family: 'Geist-Light'; }
#webcontent .prodiv { display: flex; gap: 30px; }
#webcontent .prodiv .pro_cards { width: 20%; }

#webcontent .pro_cards{ padding: 36px; border-radius: 12px; background: #F4F4F4; box-shadow: 0px 0px 10px 0px rgba(153, 146, 137, 0.10) inset; }

#webcontent .pro_cards h3{ padding-bottom: 60px; }
#webcontent .pro_cards h3 sup{ font-size: 15px; position: relative; top: -15px; }

.cardiac_cards, .Diabetes_cards, .General_cards{ display: none; }


#respcontent{ display: none; }
#respcontent .prodcards{margin-bottom: 20px;   }
#respcontent .prodclm{ display: block; width: 100%; gap: 30px; justify-content: center; padding-top: 50px; }
#respcontent .pro_cards{ padding: 36px; border-radius: 12px; margin-bottom: 20px;  background-color: #F4F4F4; box-shadow: 0px 0px 10px 0px rgba(153, 146, 137, 0.10) inset; }
#respcontent .prodcards h3{ color: #fff; }
#respcontent .pro_cards h3{ color: #1A1A1A; }
#respcontent .pro_cards h3 sup{ font-size: 15px; position: relative; top: -15px; }


.FutFArea h1{ text-align: center; }
.FutFArea p{ padding-bottom: 0; } 
.FutFArea .chipclm{text-align: center; }
.FutFArea{ padding: 60px 0px; }
.futFA {  text-align: left !important; width: 60%; margin: auto; }
.futFA ul{ padding:0px 10px; margin-bottom: 0; align-items: center; }
.futFA ul li{ position: relative; color: #727272; font-family: 'Geist-Regular'; padding-bottom: 13px; text-align: left !important; }
.futFA ul li::before{   content: url('../img/uparrow.png');  position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;  }

.modal .pro_cards{ padding: 15px; border-radius: 12px; margin-bottom: 20px;  background-color: #F4F4F4; box-shadow: 0px 0px 10px 0px rgba(153, 146, 137, 0.10) inset; }
.modelcards { display: flex;  align-items: stretch; gap: 20px; }

.modelcards .pro_cards{  flex: 1; }
.modelcards .pro_cards h4 sup{ font-size: 15px; position: relative; top: -15px; }
#Atorviticlm .modelcards .pro_cards h4 span, #Rosutalix .modelcards .pro_cards h4 span, #Vibisio .modelcards .pro_cards h4 span, #Telmiviti .modelcards .pro_cards h4 span{ color:#F64; }

#Dapagrav .modelcards .pro_cards h4 span, #Empagrav .modelcards .pro_cards h4 span, #Gravipiride .modelcards .pro_cards h4 span, #Sitagrav .modelcards .pro_cards h4 span { color: #21B2A6; }

#Nervebvital .modelcards .pro_cards h4 span, #Pantogord .modelcards .pro_cards h4 span{ color: #35B274; }

.modal-header  h5 sup{ font-size: 15px; position: relative; top: -15px; }



/* Careers */

#Openings p.chipclm{ margin-bottom: 0 !important; }

.search_btn{ display: inline-flex; align-items: center; gap: 5px; border: none; width: 100%; }
.search_btn input{width: 100%; border-radius: 4px; background: #F4F4F4; padding: 16px 20px; align-items: center; color: #1A1A1A; font-family: 'Geist-Regular'; font-size: 17px; font-style: normal; font-weight: 400; border: none; outline: none;  }    
.search_btn button{ border-radius: 4px; background: #006DEB; padding: 17px; border: none; width: 58px; }
.search_btn input:active{ border: none; }
#accordion-container{ margin-top: 40px; }
#accordion-container .accordion { cursor: pointer; padding: 10px;
  border-bottom: 1px solid rgba(178, 179, 179, 0.50); display: flex;
  background-color: #fff; justify-content: space-between;
  align-items: center; }
#accordion-container  .accordion p{ margin-bottom: 0; flex: 1; }
#accordion-container .accordion.active {
  background-color: #B2B3B3;
  color: #fff;
}
#accordion-container .accordion.active p{ color: #fff; }
.accordion.active .arrow img { filter: brightness(0) invert(1); }

#accordion-container .panel {
  -o-transition: all 0.3s ease-in-out;  -ms-transition: all 0.3s ease-in-out;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
  display: none;
  padding: 10px 10px 2px 10px;
  color: #fff;
  border-top: 1px solid #fff;
  background: #B2B3B3;
}

.panel.open { max-height: 200px; padding: 10px; }

.paneldet{ display: block; }
.paneldet h6{ width: 150px; font-size: 13px; color: #fff; }
.paneldet p{ font-size: 13px; color: #fff; }
.paneldet p a{ color: #1A1A1A; padding: 7px 15px; border-radius: 5px; background-color: #fff; }
#accordion-container .arrow {
  transition: transform 0.3s;
}
#accordion-container .rotate {
  transform: rotate(90deg);
}
.items {
  list-style: none;
  padding: 0;
}
.items > div {
  display: none;
}
/* Show the selected page */
#page1:checked ~ .items .page1,
#page2:checked ~ .items .page2,
#page3:checked ~ .items .page3 {
  display: block;
}

/* Pagination Controls */
.pagination { margin-top: 20px; }
.pagination label { font-family: 'Geist-Light'; padding: 8px; color: #352B20; cursor: pointer; display: inline-block; }
.pagination{ float: right; }
#accordion-container input { opacity: 0; }

/* Active Page Indicator */
#page1:checked ~ .pagination label[for="page1"], #page2:checked ~ .pagination label[for="page2"], #page3:checked ~ .pagination label[for="page3"] { color: #0056b3; font-family: 'Geist-Regular'; }
#inputGroupFile02{ font-family: 'Geist-Light'; font-size: 12px; padding: 9px; }
.captcha-container {position: relative;}
.captcha-container .preview {color: #1A1A1A; background-color: #fff; width: 100%;text-align: center; font-size: 12px; padding: 9px; letter-spacing: 8px; border: 1px solid #D0D5DD;  border-radius: 8px;position: relative;}
.form_input_captcha {position: relative;top: 0;left: 0; font-size: 12px; border-radius: 0.5em;outline: none;padding: 10px;background: #fff;width: 100%;}
.form_label_captcha {position: absolute;left: 50%;top: 9px;padding: 0 20px;color: #969696 !important;font-size: 14px;transition: .4s;}
.form_input_captcha:focus + .form_label_captcha {top: 0em;left: .8em;color: #969696;font-size: .80em;font-weight: 600;}
.form_input_captcha:not(:placeholder-shown).form_input_captcha:not(:focus) + .form_label_captcha {top: 0;left: .8em;font-size: .80em;font-weight: 600;}
.form_input_captcha:focus {border: none;}
/* Ensure all captchas are styled the same way */
.captcha-container .preview span {display: inline-block;user-select: none;}
.captcha-container .captcha_form {display: flex;position: relative;}
.captcha-container .captcha_form input {width: 100%;font-size: 1em;border-radius: 0.5em;outline: none;padding: 1em;}
.captcha-container .captcha_form .captcha_refersh {border: none;outline: none;background: #fff;color: #eee;cursor: pointer;border-radius: 0.5em;margin-left: 5px;}
.captcha_refersh {transition: .4s;border: none;background: none !important;position: absolute;top: 8px;right: 18px;}
.captcha_refersh i {color: #1A1A1A !important; font-size: 14px;}

.ullist { text-align: left !important; margin: auto; }
.ullist li{ position: relative; color: #727272; font-family: 'Geist-Regular'; padding-bottom: 13px; padding-left: 25px; text-align: left !important; }
.ullist li::before{   content: url('../img/uparrow.png');  position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;}

.ullistcenter li{ font-weight: bold; position: relative; color: #727272; font-family: 'Geist-Regular'; padding-bottom: 13px; padding-left: 25px; text-align: center !important; }
.ullistcenter li::before{   content: url('../img/uparrow.png');  position: absolute; left: 0px; top: 0px; width: 10px; height: 10px; }
.bglink{background-color: #ed4635;padding: 10px 20px;color: #fff;text-align: center;}
.product{padding: 10px;}