@charset "utf-8";
/* CSS Document */
body, p {
	font-family: "Poppins", serif;
}
h1, h2, h3, h4,h5{      font-family: "Poppins", serif;}

h4,h3,h5,p{
	color:#000 !important;
}
/* color css */
:root { 
	--bs-reddish:#e30016;
	--bs-black:#000000;
	--bs-white: #ffffff;
	--bs-orange:#F58434;
	--bs-orange-2:#f34f2a;
	--bs-bluish:#1926c2;
	--bs-grey:#edf2f6;
	--bs-lightgrey:#f6f7fb; 
	--grey1:#728899;
	--grey2:#666666;
	--light-grey:#f3f3f3;
	--cream:#F8F2EB;
	--cream-1:#E3D1BD;
	--bg-yellow-cream:#F4E7D8;
	--dark-cream:#E3DCD4;
	--text-brown:#8B7272;
	--yellow-solid:#FFB76A;
	--yellow-shade1:#FFE7CD;

}
.text-brown{color:var(--text-brown)}
.text-reddish{color:var(--bs-reddish) !important}
.text-orange{color:var(--bs-orange)!important;	}
.text-marron{color: #99485b !important;}
.text-blue{color:#204369 !important;	}
.bg-reddish{background-color: var(--bs-reddish);}
.bg-bluish{background-color: var(--bs-bluish)}
.bg-greyish{background-color: var(--bs-grey)}
.bg-orange-light{background-color: var(--bs-orange-2);}
.bg-lightgrey{background-color: var(--bs-lightgrey)}
.bg-lightgreyish{background-color: var(--light-grey)}
.bg-cream{background-color: var(--cream) !important}
.bg-yellow-cream{background-color: var(--bg-yellow-cream) !important;}
.bg-yellow-shade{background-color: var(--yellow-shade1);}
.bg-dark-cream{background-color: var(--dark-cream) !important}
.bg-yellow-solid{background-color: var(--yellow-solid);}
.bg-grad-reddish{    background: linear-gradient(138deg, rgba(216, 42, 44, 1) 0%, rgba(220, 45, 48, 1) 68%, rgba(245, 132, 52, 1) 100%);}


/* color css */
.mx--auto {
    margin: 0 auto !important;
}
.f-400{
	font-weight:400 !important;}
.f-500{
		font-weight:500 !important;}
.row-gap-2{    --bs-gutter-x: 2rem;}		
.row-gap-3{    --bs-gutter-x: 3rem;}		
.row-gap-5{    --bs-gutter-x: 5rem;}	
.small {  font-size: 15px;}
.bdr-grey-1{    border: 1px solid #D4DDE6 !important;}
.bdr-cream-1{    border: 1px solid var(--cream-1) !important;}
.bdr-rad-1{border-radius: 1rem;}
.bdr-rad-10{border-radius: 10px;}
.bdr-rad-20{border-radius: 20px;}
.bdr-left1{border-left: 1px solid var(--grey2);}
.fixed-top{ box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.03); }
p{	font-size: 0.9rem;
    font-weight: 400;
	line-height: 1.6;
}
.o-9{
    opacity: 0.9;
}
.fs-med{    font-size:1.2rem;}
.bg-white-light{background-color: #ffffffd9;}
h1{
	color:#000 !important;
	font-weight: bold !important;
    font-size: 3.2rem !important;
    line-height: 1.3;
}
h2{	color:#000	 !important;
	font-weight:500 !important;
font-size:2.3rem	
}

h3{	font-size:2.25rem	}

.h5, h5 {		font-size: 1.8rem;}

.p-1{	padding:1rem !important;		}
.p-2{
	padding:2rem !important;
	}		
.p-3{
	padding:3rem !important;	
}
.p-4{
	padding:4rem !important;	
}
.p-5{
	padding:5rem !important;	
}

.pt-1{
	padding-top:1.5rem !important;
	}
.pt-10{
	padding-top:10rem !important;
	}
.pt-1{
	padding-top:1rem !important;
	}	
.pt-2{
	padding-top:2rem !important;
	}
	.pt-3{
	padding-top:3rem !important;
	}
.pt-4{
	padding-top:4.5rem !important;
	}

.pt-5{
	padding-top:5rem !important;
	}	
.px-5{
	padding-left:5rem  !important; 
	padding-right:5rem !important;
	}	
.px-6{
	padding-left:6rem  !important; 
	padding-right:6rem !important;
	}	
.px-3{
	padding-left:3rem !important;
	padding-right:3rem !important;
	}	
.px-4{
	padding-left:4rem !important;
	padding-right:4rem !important;
	}		
.px-1{
	padding-left:1rem;
	padding-right:1rem;
	}
.px-2 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
}	
.py-4{
  padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}
.py-5 {
  padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}
.pr-1{
	padding-right:1rem !important

}	
.pr-2{
	padding-right:2rem !important

}	
.pr-3{
	padding-right:3rem !important

}	
.pr-4{
	padding-right:4rem !important

}
.py-6 {
	padding-top:6rem !important;
	padding-bottom:6rem !important;
}
.py-8 {
  padding: 8rem 0;
}
.mt--3{
	    margin-top: -85px !important;
}
.mt--2{
	margin-top:-50px !important;	
	}
.ml-6 {
  margin-left: 6rem;
}
.mt-3{
	margin-top:3rem !important;	
	}
.mt-4-5{
	margin-top:4.5rem !important;
}
.mt-5 {
    margin-top: 5rem!important;
}
.ml-20 {
  margin-left: 20rem;
}
.p-4{
	padding:4rem;
}
.p-8{
	padding:8rem;
}
.py-2{
	padding-top:2rem !important;
	padding-bottom:2rem !important;	
}
.py-3{
	padding-top:3rem !important;
	padding-bottom:3rem !important;	
}
.py-8{
	padding-top:8rem !important;
	padding-bottom:8rem !important;	
}
.py-9{
	padding-top:9rem !important;
	padding-bottom:9rem !important;	
}

.py-10{
	padding-top:10rem !important;
	padding-bottom:10rem !important;	
}


.pb-1{
padding-bottom:1rem !important;	
	
}
.pb-2{
padding-bottom:2rem !important;	
	
}
.pb-3{
padding-bottom:3rem !important;	
	
}
.pb-4{
padding-bottom:4rem !important;	
	
}
.pb-5{
padding-bottom:5rem !important;	
	
}
.pb-8{
padding-bottom:8rem !important;	
	
}
.pl-1{
	padding-left:1rem !important;
}
.pl-2{
	padding-left:2rem !important;
}
.pl-8{
	padding-left:8rem !important;
}
.pr-1{
	padding-right: 1rem !important;}
.pr-3{
	padding-right: 3rem !important;}	
.text-justify{
	text-align:justify  !important;
}
.d-flex{
	display:inline-flex !important;
}
.text-right{
	text-align:right !important;
}

/* border*/

.aboutbtn-blue:hover {
    background:transparent !important;
    border-radius: 100px !important;
    padding: 12px 25px !important;
	color: var(--bs-reddish) !important;
    text-decoration: none;
    border: 2px solid var(--bs-reddish) !important;
}
 .btn-blue:hover {

    color: 	var(--bs-white) !important;

} 
.btn-orange{
	background: #F36B53 !important;
    border-color: #F36B53 !important;
    border-radius: 100px !important;
	padding: 12px 25px !important;
    color: #ffff !important;
	text-decoration: none;
	border:2px solid #F36B53 !important;
	}	
.btn-orange:hover{
	background:transparent !important;
    color: #F36B53 !important;
	border:2px solid #F36B53 !important;
	}	
.btn-orangetable{
	background: var(--bs-reddish) !important;
    border-color:  var(--bs-reddish) !important;
    border-radius: 100px !important;
	padding: 8px 25px !important;
    color: #ffff !important;
	text-decoration: none;
	border:2px solid  var(--bs-reddish) !important;
	white-space: nowrap;
	}	
.btn-orangetable:hover{
	background:transparent !important; 
    color:  var(--bs-reddish) !important;
	border:2px solid  var(--bs-reddish) !important;
	}		
.btn-submit{
	color: #fff;
    background-color:  var(--bs-reddish);
    border-color: var(--bs-reddish);
    padding: 8px 2.75rem !important;
	    border-radius: 100px !important;
}

.text-black{
	color: var(--bs-black) !important;	
	}

	.bg-black{
		background-color: var(--bs-black) !important;	
		}

.text-red{
	color:#EC3C3E !important;	
}
.btn-outline-dark{
	
border: 2px solid black;
    color: #3a3737;
    font-weight: 400;
    border-radius: 100px;
    padding: 16px 30px;
    text-decoration: none;	
	}


	
.border-gradient {
  border: 10px solid;
  border-image-slice: 1;
  border-width: 1px;
}
.border-gradient-purple {
  border-image-source: linear-gradient(to right, #432aff 0%, #9a65fe 90%);
}

input[type=text], select, textarea{
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}
input[type=email], input[type=email]{
	width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
	}
.form-select{
		padding:12px !important;	
	}	

input[type=submit] {
 background: linear-gradient(to right, #432aff 0%, #9a65fe 83%);
  color: white;
  padding: 10px 25px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
    border-radius: 100px;
}

input[type=submit]:hover {
  background-color: #45a049;
}

.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

     
/* Navigation */

nav a {
    text-decoration: none;
    color: var(--color-link);
    outline: none;
}

nav a:hover {
    color: var(--color-link-hover);
    outline: none;
}
nav a:focus {
    outline: none;
    background: lightgrey;
}

nav a:focus:not(:focus-visible) {
    background: transparent;
}

nav a:focus-visible {
    outline: 2px solid red;
    background: transparent;
}

.checkmark{
	color: #0f880f;
    font-weight: 900;}

.link {
    cursor: pointer;
    font-size: 18px;
    position: relative;
    white-space: nowrap;
    }

.link::before,
.link::after {
    position: absolute;
    width: 100%;
    height: 1px;
	background: var(--bs-reddish);
	top: 90%;
    left: 0;
    pointer-events: none;
}

.link::before {
    content: '';
 }
header{
    display: grid;
}
header .link--metis::before {
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s;
}

header  .link--metis:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);background: var(--bs-reddish) !important;

}

.link--metis::before {
    transform-origin: 100% 50%;
    transform: none;
    transition: transform 0.3s;
}
.link--metis span{    

    display: inline-block;}


.nav-item a.active{    
    background-color: transparent;
	
    color: var(--bs-reddish) !important;}
/*color*/
.light-purple{
	color:#A678D2 !important;
	
}
.light-green{
	color:#77D63C !important;
}
.light-blue{
	color:#7461BD !important;
}
.bg-grey{
		background:#FAF8F8 !important;	
	}
.bg-blue{
		background-color:#204369 !important
}
.bg-orange{
		background-color:#e99c42 !important
}
.green-grad{background: linear-gradient(to right, #b1d244 0%, #6abd73 100%) !important;}


.bold500{
	font-weight:500;
}
.f-large{
	font-size:60px !important;
	}
/* homepage */
#productfirst .imgbox, .prd-list .imgbox, .gridtab--0 > dt{
	height:100%;
	border-radius: 10px;  
	border: 1px solid #C1C1C1 !important;
	padding: 2rem;
	}
.bg-none{background-color: none !important;}
.pro-name {
	height: 30px !important;
    display: block;
    margin: auto;
	margin-top: 1rem;
}
.imgbox .logo img{
	width:80% !important;	
	}
.imgbox:hover{
	box-shadow:rgb(0 0 0 / 11%) 0px 5px 15px;	
	}
	
.nav-tabs {
    border-bottom: 2px solid #eeeeee;
}
.nav-link {
  
    padding: 0.5rem 1rem;
	margin-right:2rem;}
.nav-tabs .nav-link{
	font-size: 18px;
    font-weight: 500;
	color: #b1aeae;
}
#pharmadivision .accordion-item, .div-section .accordion-item{
	margin-top:20px !important;
	border: none !important;	
	border: 1px solid rgba(0, 0, 0, 0.125) !important;
	border-radius: 0.5rem;
	scroll-margin-top: 120px;
	}
	#pharmadivision	.accordion-button, .div-section .accordion-button {
		border-bottom: 0 !important;    border-radius: 0.5rem !important;    background-color: var(--bs-white);
	}

	#pharmadivision .accordion-button:not(.collapsed), .div-section  .accordion-button:not(.collapsed), .div-section [aria-expanded="false"]{
		box-shadow: none !important;
		}

		.div-section .accordion-button:is(.collapsed):hover {  
		    box-shadow: rgb(0 0 0 / 11%) 0px 5px 15px !important;
		    
		}

#pharmadivision .accordion-item img{
	width:15% !important;
	}
#pharmadivision .accordion-item span{
	    margin-left: 20rem;
	}	



/* unnivadivision */

#unnivadivision .accordion-item img{
	width:15% !important;
	}
#unnivadivision .accordion-button:not(.collapsed){
	box-shadow: none;
	}

#unnivadivision .accordion-item{
	margin-top:20px !important;
	border: none !important;	    
	border: 1px solid rgba(0, 0, 0, 0.125) !important;
	}

#unnivadivision .accordion-item img{
	width:15% !important;
	}
#unnivadivision .accordion-item h5{	
    color: #264796 !important;
    font-weight: 700;
    padding-right: 4rem;
    font-size: 22px;
    width: 167px;
}
#unnivadivision .accordion-item span{
	    margin-left: 20rem;
	}	
#unnivadivision button{	
	height: 112px;
    padding-left: 45px;
}
<!----- annual report ----->
#subsidiary-report .accordion-button:not(.collapsed){
	box-shadow:none !important;
	border-bottom:1px #F30 !important;	
	}
#subsidiary-report .accordion-body{
		border-top:1px #F30 !important;	
	}
#subsidiary-report .accordion-body thead, tbody, tfoot, tr, td, th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    padding: 18px !important;
}
#subsidiary-report .accordion-body table{
	table-layout: fixed;	
	}
#subsidiary-report .accordion-item{
	margin-top:20px;
	border-top: none;
	border: none !important;
	}
/** outcome -------*/

#outcome-report .accordion-button:not(.collapsed){
	box-shadow:none !important;
	border-bottom:1px #F30 !important;	
	}
#outcome-report .accordion-body{
		border-top:1px #F30 !important;	
	}
#outcome-report .accordion-body thead, tbody, tfoot, tr, td, th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    padding: 18px !important;
}

#outcome-report .accordion-body table{
	table-layout: fixed;	
	}
#outcome-report .accordion-item{
	margin-top:20px;
	border-top: none;
	border: none !important;
	}
/*---------newspaper report--------*/
#newspaper-report .accordion-button:not(.collapsed){
	box-shadow:none !important;
	border-bottom:1px #F30 !important;	
	}
#newspaper-report .accordion-body{
		border-top:1px #F30 !important;	
	}
#newspaper-report .accordion-body thead, tbody, tfoot, tr, td, th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    padding: 18px !important;
}
#newspaper-report .accordion-body table{
	table-layout: fixed;	
	}
#newspaper-report .accordion-item{
	margin-top:20px;
	border-top: none;
	border: none !important;
	}
/* -------shareholders report-----------*/
	#shareholders-report .accordion-button:not(.collapsed){
	box-shadow:none !important;
	border-bottom:1px #F30 !important;	
	}
#shareholders-report .accordion-body{
		border-top:1px #F30 !important;	
	}
#shareholders-report .accordion-body thead, tbody, tfoot, tr, td, th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    padding: 18px !important;
}
#shareholders-report .accordion-body table{
	table-layout: fixed;	
	}
#shareholders-report .accordion-item{
	margin-top:20px;
	border-top: none;
	border: none !important;
	}
/*------material report -----*/
	#material-report .accordion-button:not(.collapsed){
	box-shadow:none !important;
	border-bottom:1px #F30 !important;	
	}
#material-report .accordion-body{
		border-top:1px #F30 !important;	
	}
#material-report .accordion-body thead, tbody, tfoot, tr, td, th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    padding: 18px !important;
}
#material-report .accordion-body table{
	table-layout: fixed;	
	}
#material-report .accordion-item{
	margin-top:20px;
	border-top: none;
	border: none !important;
	}
<!---- end annual report ---->
#apitable thead {
    vertical-align: bottom;
    background-color: #f1f1f1 !important;
}
#apitable thead, tbody, tfoot, tr, td, th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    padding: 18px !important;
}

#annual-report .accordion-button:not(.collapsed){
	box-shadow:none !important;
	border-bottom:1px #F30 !important;	
	}
#annual-report .accordion-body{
		border-top:1px #F30 !important;	
	}
#annual-report .accordion-body thead, tbody, tfoot, tr, td, th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    padding: 18px !important;
}
#annual-report .accordion-body table{
	table-layout: fixed;	
	}
#annual-report .accordion-item{
	margin-top:20px;
	border-top: none;
	border: none !important;
	}



#scrutinizer-report .accordion-button:not(.collapsed){
	box-shadow:none !important;
	border-bottom:1px #F30 !important;	
	}
#scrutinizer-report .accordion-body{
		border-top:1px #F30 !important;	
	}

#scrutinizer-report .accordion-body table{
	table-layout: fixed;	
	}
#scrutinizer-report .accordion-item{
	margin-top:20px;
	border-top: none;
	border: none !important;
	}
/*----------------*/
#announcementreport a{
	    color: var(--bs-reddish)

}

#financialreport a{    color: var(--bs-reddish);}

#financial-report .accordion-button:not(.collapsed){
	box-shadow:none !important;
	border-bottom:1px #F30 !important;	
	}
#financial-report .accordion-body{
		border-top:1px #F30 !important;	
	}
#financial-report .accordion-body thead, #scrutinizer-report .accordion-body thead, tbody, tfoot, tr, td, th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    padding: 18px !important;
}
#financial-report .accordion-body table{
	table-layout: fixed;	
	}
#financial-report .accordion-item{
	margin-top:20px;
	border-top: none;
	border: none !important;    border-radius: 8px;
	}
#financialreport .nav-tabs .nav-link{
	font-size: 18px;
    font-weight: 500;
	color: #b1aeae ;
}
#announcementreport .nav-tabs .nav-link{
	font-size: 14px !important;
    font-weight: 500;
	color: #b1aeae ;
}
#announcementreport .nav-tabs .nav-link.active {
    color: var(--bs-reddish);
    background-color: #fff0;
    border-color: #dee2e600 #dee2e600 #000000;
    border-bottom: 3px solid;
}
#announcementreport .nav-tabs .nav-link{
margin-right: 0rem !important;	
	}
#announcementreport	.nav-tabs .nav-link:hover{
	border-color: #dee2e600 #dee2e600 #000000;
    border-bottom: 3px solid;
	}
#financialreport .nav-tabs .nav-link.active {
	color: var(--bs-reddish);
    background-color: #fff0;
    border-color: #dee2e600 #dee2e600 #000000;
    border-bottom: 3px solid;
}
.nav-tabs .nav-link.active {
    color: var(--bs-reddish);
    background-color: #fff0;
    border-color: #dee2e600 #dee2e600 #204369;
    border-bottom: 3px solid;
}
.nav-tabs .nav-link:hover{
	border-color: #dee2e600 #dee2e600  #204369;
    border-bottom: 3px solid var(--bs-reddish) !important;
    color: var(--bs-black) !important;
	}
#financialreport .nav-tabs .nav-link:hover{
	border-color: #dee2e600 #dee2e600 #000000;
    border-bottom: 3px solid var(--bs-reddish);
    color: var(--bs-black);
	}

.bg-investimg a{text-decoration:none;}

.bg-investimg img	{
		border-radius: 1rem;
	}

.navbar{
    padding-top: 1.4rem !important;
    padding-bottom: 1.4rem !important;

}
.navbar-brand img{width:200px !important}

#slider .carousel-caption {
    top: 0;
    z-index: 10;
    align-self: center;
   left: 10px;;
    padding-right: 0;
    width: 40%;
	position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#slider .carousel-item .container {
    position: relative;
    display: block;
    height: 100%;
}
#slider .carousel-item h1, #slider .carousel-item h2{
	text-shadow: -3px 2px 8px rgba(0,0,0,0.45);
    font-size: 3.3rem !important;
    font-weight: bold !important;
	margin-bottom: 2rem;
}


#testimonial .carousel-item {
    height: 20rem !important;
}

.socialconnect ul{
	display:flex !important;
	    list-style: none;	
	}	
.socialconnect ul li{	
	    margin: 0 20px;
}
.socialconnect ul li a{
color:#000 !important;	
}
#stories a{
	color: #212529;
    text-decoration: none;
  
}
#stories p{
	line-height: 1.5;    font-size: 1.2rem;
}


.fa.fa-twitter::before {
	content: "𝕏";
}

footer{
color:#000 !important;
background-color: var(--bs-reddish);
padding-top: 12rem;
margin-top: -10rem;
background: linear-gradient(311deg, #e30016 -15.97%, #f07c00 106.07%);
	}

	.footer-top-curve {
		clip-path: ellipse(140% 100% at 50% 0%);
		-webkit-clip-path: ellipse(140% 100% at 50% 0%);
		padding-bottom: 2rem !important;
		 background-color: inherit;
	}
	.footer-top-curve-1 {
	    clip-path: ellipse(68% 100% at 50% 0%);
		-webkit-clip-path: ellipse(68% 100% at 50% 0%);
		will-change: clip-path;
		/* padding-bottom: 11rem !important; */
		/* background-color: inherit; */
	}	
footer .address a, .footer-social p, .footer-social a{
	text-decoration:none !important;
	color:#ffffff !important;	
}
.footer-social a:hover{    color: var(--yellow-shade1) !important;}
footer .menu a{
	text-decoration:none !important;
	color:#ffffff !important;
	position: relative;
}
footer .menu a::before, footer .col-md-6.text-right a::before{
    position: absolute;
    width: 100%;
    height: 1px;
    top: 100%;
    left: 0;
    content: '';
    pointer-events: none;
    transform: scaleX(0);
    transition: transform 300ms ease-in-out;
    transform-origin: 0 50%;
	border-bottom: solid 1px var(--bs-white);
}
footer .menu a:hover:before, footer .col-md-6.text-right a:hover:before {
    transform: scaleX(1);
}
.footersmall{
		  text-align: right !important;
		 }
.footersmallp{
		  text-align: left !important;
		 }		 
.imgmap img{
	width:70% !important
	}
footer .menu {
	list-style:none !important;
}
footer li{
	margin: 10px 0 ;
}
.text-small{
	font-size:14px !important;
}

.content-box li a{
	text-decoration:none !important;
	color:inherit !important;
	}
.content-box li a:hover{	
	color:#F36B53 !important;
	}
/* accordian */
#envorimentsec .row .col-sm-12{position: relative;    align-content: center;}
#envorimentsec .accordion-button::after{
	background-image:none !important ;	
	}
	#envorimentsec .accordion-button::before{
	flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
  padding-right: 33px;
    content: "";
    background-image:url(../image/4th-sec-grey-plus.jpg);
    background-repeat: no-repeat;
    background-size: 1.25rem;  		
		}

		.white-box .csrcontent{			
		    padding: 2rem;
             background-color: #fffffff0;    
			border-radius: 1rem;
			transform: scale(1);
			transition: 1s;   
			/* min-height: 500px;  */
			   align-content: center;
		}
		.white-box li {	transition: 1s		}

		.csr-sec .col-sm-12:hover .white-box .csrcontent, #envorimentsec .col-sm-12:hover .csrcontent {		
			transform: scale(1.04) !important;
			transition: 1s;
		}
		.csr-sec .col-lg-6 {position: relative;}
	#envorimentsec .row {position: relative;}

#envorimentsec .accordion-button:not(.collapsed)::before{			
    width: 1.25rem;
    height: 1.25rem;
  	padding-right: 33px;
    content: "";
    background-image:url(../image/4th-sec-orange-plus.jpg) !important;
    background-repeat: no-repeat;
    background-size: 1.25rem;    
			}

#rdcenter .accordion-body {
    padding: 1rem 1.25rem;
    color: #000 !important;}	
#rdcenter .accordion-button {
    font-weight: 600;
    font-size: 19px;
    color: #000 !important;
    background-color: #f6f6f6 !important;}
	
#rdcenter .accordion-item {
    margin-bottom: 0px;
    background-color: #fff0; 
}
#rdcenter .accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
	border-bottom: 1px solid wheat;
}

.api-port  .accordion-button:not(.collapsed) {
	transition: 1s;
    background-color: #ffffff00 !important;

}
.api-port  [aria-expanded="true"]{   
	 border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;}

.api-port  .accordion-body {
    padding: 0rem 1.5rem;
}
.accordion-button:focus {
    z-index: 3;
    border-color:rgba(0,0,0,.125)  !important;
    outline: 0;
    box-shadow: none;
}
.accordion-button {
	font-weight: 500;
    font-size: 1.1rem;
    color: #000 !important;
	}
	.accordion-button:focus{
		outline:none;	
	}
.accordion-item	.accordion-button .accordion-collapse{
	 border-bottom: 1px  solid !important;
	}
.accordion-item:last-of-type .accordion-collapse{
	    border-bottom-width: 0px !important;
}

.formulation ul{
	list-style-image:url(../image/2nd-sec-red-icon3.svg);	
	
	}
.formulation ul li::marker{
		    font-size: 33px !important;
    line-height: 50px;
}
.formulation .row .bg-yellow-shade {
	align-items: center;
}
#flush-collapseOne ul{
	list-style-image:url(../image/2nd-sec-icon1rese.svg);
	}
#flush-collapseOne ul li::marker{
		    font-size: 33px !important;
    line-height: 50px;
}
#flush-collapseTwo ul{
	list-style-image:url(../image/2nd-sec-icon1rese.svg);
	}
#flush-collapseTwo ul li::marker{
		    font-size: 33px !important;
    line-height: 50px;
}
.team-content{
	height: 100%;
    padding: 2rem;
    min-height: 400px;
}

.team-box{    
	border: 1px solid #D4DDE6 !important;
    box-shadow: none !important;   
	border-radius: 1rem;
    transition: all 0.5s linear;
    background-color: transparent;
    max-width: 1000px;
    margin-bottom: 30px;
    background: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.large-content{ max-width: 1000px;}

.board-section .team-box:hover img{   
	 -webkit-transform: scale(1.08);
    transform: scale(1.08);
    transition: 0.7s ease;
}
.board-section  .card-box {background-color: transparent;	}

.team img {   
      filter: gray; /* IE5+ */
      -webkit-filter: grayscale(1); 
      -webkit-transition: all .8s ease-in-out;  
    }
.team img:hover {
    filter: none;
      -webkit-filter: grayscale(0);
      -webkit-transform: scale(1.01);
    }
	
.navbar{
	background-color:#ffff;
}
.bg-aboutimg img{
	width:20% !important;
	}
.bg-contact::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../image/10th-sec-bg.jpg") center/cover no-repeat;	
	animation: zoom_out 30s linear;
	z-index: -1; 
}
.bg-secimg{
	background:url(../images/2nd-sec-bg.png);
	background-position:bottom;
	background-repeat:no-repeat;
	background-size:95%;
}
.bg-rightimg{
	background:url(../image/2nd-sec-bg.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:auto;
	}
	
.bg-cardimg{
	background:url(../image/wanburry-banner.jpg);
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:auto;
	}	
.bg-greyimg{
	background:url(../image/8th-sec-bg.jpg);
	background-position: center right;
	background-repeat:no-repeat;
	background-size:cover;
	height:auto;
	}
.bg-mediimage{
	background:url(../image/3rd-sec-graphic.jpg);
	background-position: top right;
	background-repeat:no-repeat;
	background-size:contain;
	height:auto;
}
.bg-mapimg{
	background:url(../image/7th-sec-bg.jpg);
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:auto;
	}
	.animate-bg{position: relative;
		overflow: hidden;}

.bg-investimg::before{
	        content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: url("../image/investor-animation.gif") center/cover no-repeat;			
			z-index: -1; /* Keeps it behind the content */
	}
.bg-aboutimg{
	background:url(../image/4th-sec-bg.jpg);
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:auto;
}
.bg-investor::before{
           content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: url("../image/investor-banner.jpg") center/cover no-repeat;	
			animation: zoom_out 30s linear;		
			z-index: -1; /* Keeps it behind the content */
	}
 .link{
	color:var(--bs-reddish) !important;
    font-size: 0.85rem !important;
    text-transform: uppercase;
	letter-spacing: 0.2em;
    font-weight: 500;
    text-decoration: none;
}
#link p{
	color:#000000 !important;	
	}

 .card{
	border:none !important;	
	}

.shadow-sm {
    box-shadow: 0 0.125rem 2rem 3px rgb(0 0 0 / 8%) !important;
}	
.bg-about::before{	
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../image/about-us-banner.jpg") center/cover no-repeat;	
	animation: zoom_out 30s linear;
	z-index: -1;
		}
.bg-announcements::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../image/announcements-notices.jpg") center/cover no-repeat;	
	animation: zoom_out 30s linear;
	z-index: -1;
	}		
.bg-api::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../image/api.jpg") center/cover no-repeat;	
	animation: zoom_out 30s linear;
	z-index: -1;
	}	
.bg-corporategov::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../image/corporate-governance.jpg") center/cover no-repeat;	
	animation: zoom_out 30s linear;
	z-index: -1;	
	}	
.bg-manufacturing::before{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../image/facilities.jpg) center / cover no-repeat;
	animation: zoom_out 30s linear;
    z-index: -1;
	}
	
.bg-statement::before{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../image/statement-of-investor-grievance.jpg) center / cover no-repeat;
	animation: zoom_out 30s linear;
    z-index: -1;
	}	
.bg-share-holding-pattern::before{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../image/share-holding-pattern.jpg) center / cover no-repeat;
	animation: zoom_out 30s linear;
    z-index: -1;
	}	
.bg-scrutinizerreport::before{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../image/scrutinizer-report.jpg) center / cover no-repeat;
	animation: zoom_out 30s linear;
    z-index: -1;
	}	
.bg-postalballot::before{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../image/postal-ballot.jpg) center / cover no-repeat;
	animation: zoom_out 30s linear;
    z-index: -1;
	}	
.bg-researchdevelopment::before{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../image/research-&-development.jpg) center / cover no-repeat;
    animation: zoom_out 30s linear;
    z-index: -1;	
	}	
.bg-formulations::before{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../image/formulations.jpg) center / cover no-repeat;
    animation: zoom_out 30s linear;
    z-index: -1;
	}	
.bg-financialreports::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../image/financial-reports.jpg") center/cover no-repeat;	
	animation: zoom_out 30s linear;
	z-index: -1; 
	}	
.bg-career::before{	
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../image/1st-sec-bgcareer.jpg") center/cover no-repeat;	
	/* animation: zoom_out 20s alternate linear infinite; */
	animation: zoom_out 30s linear;
	z-index: -1; /* Keeps it behind the content */

}
.bg-csr::before{	
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../image/csr-banner.jpg") center/cover no-repeat;		
	animation: zoom_out 30s linear;
	z-index: -1;

}
		
.bg-greyinvestor{
	background: var(--cream) !important	
}						
.bg-ourvision{
	background-image:url(../image/2nd-sec-bgab.jpg);
	background-position: right center;
	background-repeat:no-repeat;
	background-size:cover;
	height:auto;
}
.bg-mission{position: relative;overflow: hidden;}
.bg-mission::before{	
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../image/our-mission.jpg") center/cover no-repeat;	
	animation: zoom_out 30s linear;
	z-index: -1; /* Keeps it behind the content */
	}

	.bg-ehs::before{			
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url("../image/ehs-banner.jpg") center/cover no-repeat;	
		animation: zoom_out 30s linear;
		z-index: -1; /* Keeps it behind the content */
			}

.bg-reaction::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../image/4th-sec-bgmenu.jpg") center/cover no-repeat;	
	animation: zoom_out 30s linear;
	z-index: -1; /* Keeps it behind the content */
	}
.bg-medicine::before{
    content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../image/csr-bottom-banner.jpg") center/cover no-repeat;	
	animation: zoom_out 30s linear;
	z-index: -1; 
}
.bg-team{
	background-image:url(../image/4th-sec-graphic.png);
	background-position: left top;
	background-repeat:no-repeat;
	background-size:15%;
	height:auto;
	}	
.bg-research {
	background-image:url(../image/5th-sec-bgab.jpg);
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:auto;	
	}	
.bg-team img{
	width:85%;
}
.bg-red ul{
	padding-left:0 !important;
}
	
.bg-red {
	background-color:#C73422 !important;
	}	
.bg-green{
	background-color:#3b8643 !important;
	}		
.bg-about  h4{
	font-weight:300 !important;
	}
#imageborder img{
	vertical-align:top !important;}
.border-gradient {
  border: 1px solid;
  border-image-slice: 1;
  border-width: 1px;
}
.border-gradient-purple {
  border-image-source: linear-gradient(to right, #432aff 0%, #9a65fe 83%); }
 .box-shadow{ 
  box-shadow: 2px 2px 28px 0px rgba(199 192 192 / 27%);
    -webkit-box-shadow: 2px 2px 28px 0px rgb(199 192 192 / 27%);
    -moz-box-shadow: 2px 2px 28px 0px rgba(199 192 192 / 27%);
	padding: 15px 0px;	
}
.navbar-light .navbar-nav .nav-link {
    color: var(--bs-black);
    font-size: 0.95rem;
      letter-spacing: 1px;
    text-transform: capitalize;
    background: transparent;
    border-color: transparent;
    padding: 10px 0px;
    font-weight: 400;
}
.navbar-nav .nav-link{
	    margin: 0;
	}
	.navbar-expand-lg .navbar-nav li.nav-item{
		margin-left: 3rem;
	}

.navbar-nav .nav-item a:hover{
	color:var(--bs-reddish) !important;
	}	
	.navbar-nav .nav-item .btn-blue:hover{
		color:var(--bs-white) !important;
		}	
.navbar-light .navbar-toggler {
    color: rgb(247 243 243);
    border-color: rgb(249 248 248);
}
.dropdown-menu{
	padding:0 ;
	box-shadow: 0 2px 10px rgb(0 0 0 / 9%);
	border: 0;
	border-radius: 1rem;
	background-color: hsla(0, 0%, 100%, .85);
    backdrop-filter: blur(5px);
}
.dropdown-menu li {
    margin: 5px;
}
.light-h3{
	line-height: 1.4;
	font-weight:300;
}


.btn-white a{
	text-decoration: none !important;	
}


 #buttonmenu  a{
	 color: #ffff;
 background: linear-gradient(to right, #432aff 0%, #9a65fe 70%);
    padding: 10px 20px;
    border-radius: 100px;
	font-weight:400;}

/* new 12-4-24 css */

.d-none{display: none;}

.usp-point .card {
    padding: 3rem;
    border-radius: 10px;
}
.usp-point .card .svgicon{
	padding-bottom: 2.5rem;
}
.usp-point .row{
    grid-column-gap: 2rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin: auto;
    width: 100%;
}
.usp-point .card .heightp{
    min-height: 93px;
}
.closer-section .row{
	margin: auto;
    grid-column-gap: 2rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
.closer-section .card {
    padding: 0;
    border-radius: 0.7rem;
	-webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.2) !important;
}
.closer-section .card:hover{box-shadow: none !important;}

.closer-section .card img{
	border-radius: 0.7rem;
    padding: 0 !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
	height: 250px;
    object-fit: cover;
	transition: all 0.5s linear;
}
.closer-section .card .box-img {   
	border-top-left-radius: 0.7rem;
    border-top-right-radius: 0.7rem;}

.vision-section .v-block{background: rgb(216,42,44);
	background: linear-gradient(138deg, rgba(216,42,44,1) 0%, rgba(220,45,48,1) 68%, rgba(245,132,52,1) 100%);
	border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
	}

	.vision-section .v-block p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;margin-bottom: 0.2rem;    padding-bottom: 0 !important;
	}
	.vision-section .v-block h2 {
		margin-bottom: 0 !important;
	}





.counter-section .bg-counter {
	background: url(../image/counter-banner.jpg); 
	background-color: #f0f0f0; 
	border-radius: 1rem;  
 
	  background-position: 0px 0px;
	  background-repeat: repeat-x;
	  width:100%;
	  height: 100%;
	   }


.counter-section .card{
    background-color: transparent;
	padding: 1.5rem;
    text-align: center;
    border-radius: 1rem;
    height: 195px;
}

	.counter-section .bg-counter {
		padding-bottom: 2.5rem !important;
	}
.counter-box p {
    margin: 0;
    padding: 0;
    font-size: 1.1rem;
    line-height: normal;
    font-weight: 300;
}
.counter-box h6 {
    margin: 5px 0 0;
    padding: 0;
    color: #f9944d;
    font-size: 18px;
    font-weight: 500
}

.counter-box h3 {
    display: block;
    font-size: 2.52rem;
    font-weight: 600;
    color: #fff !important;
    line-height: 28px;
}


.counter-box.colored .counter {
    color: #fff
}



.btn-white {
    font-size: 15px !important;
    background: #ffffff !important;
    border-radius: 100px !important;
    padding: 12px 25px !important;
    color: #000 !important;
    text-decoration: none;
    border: 2px solid #ffffff;
}
.btn-white:hover {
    background: transparent !important;
    color: white !important;
}
footer .border-top p, footer .col-md-6.text-right a {font-size:14px;  opacity: 0.8;    position: relative;}

footer .btn-blue{    
	font-size: 15px !important;
    border-radius: 100px !important;
    padding: 12px 25px !important;
    color: var(--bs-white) !important;
    text-decoration: none;
    border: 1px solid var(--bs-white);
}

	footer .btn-blue::before {
		background-color: var(--bs-white);
	}
	footer .btn-blue:hover {
		background: transparent !important;
		color: var(--bs-reddish) !important;
		   border:1px solid var(--bs-white) !important;
	}

	footer h3.text-black{color:var(--bs-white) !important}
footer i {
    font-size: 1.5rem !important;
}
footer .social-icon {list-style: none;    display: flex;
    padding: 0;margin-top: 2rem !important;}

	footer .address .col-10 p{margin-bottom: 0.5rem;}

	footer li {
		margin-right: 1rem !important;
	}
	footer .social-icon li i{font-size: 1.4rem !important;}

	footer .col-md-4 .col-2 {
		text-align: center;
	}


	footer .menu li:first-child {
		margin-top: 0 !important;
	}



	footer .col-10 p {	text-align: left !important;
	}
	footer [data-aos^=fade][data-aos^=fade] {
		opacity: 1 !important;}


/* timeline changes */
/* ===== Tab navigation content ===== */
.tab-nav-bar {
	position: relative;
	margin:65px 10px 0px 10px;
}

.tab-navigation {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
  max-width: 100%;
	margin: 0 auto;
}

.tab-menu {
  scroll-behavior: smooth;
  user-select: none;
  overflow-x: auto;
  width: 100%;
  padding: 0;
  display: flex;
}
.timeline-section .tab-content h3 {
  font-size: 18rem;    
  color: var(--bs-white) !important;
  font-weight: bolder;
  line-height: 1;
  margin: 0;
  font-family: 'IBM Plex Sans', sans-serif;
}
.timeline-section .tab-content .info p{
    font-size: 1.4rem;
	 color:var(--bs-white) !important}

.timeline-section .tab-menu.dragging {
	scroll-behavior: unset;
	cursor: grab;
}

.timeline-section .tab-menu::-webkit-scrollbar {
	display: none;
}

.tab-btn {
  display: inline-block;
  color: var(--bs-orange);
  opacity: 0.9;
  font-size: 1.2rem;
  font-weight: 400;
  margin: 0 10px;
  padding: 10px 20px;
  cursor: pointer;
  text-align: center;
  background-color: transparent;
  border-bottom: 3px solid var(--bs-orange);
  user-select: none;    width: 20%;
  transition: background-color .3s ease;
}

.tab-menu.dragging .tab-btn {
	pointer-events: none;
}

.tab-btn:hover {
	background-color: var(--first-color);
}

.tab-btn.active {

  border-bottom: 3px solid var(--bs-white);
  color: var(--bs-white);
}
.left-btn,
.right-btn {
	position: absolute;
	font-size: 1.8em;
	padding: 10px;
	cursor: pointer;
}

.left-btn {
  left: -30px;
  color: #ffffff69;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	display: none;
}

.right-btn {
	right: -30px;
  color: #ffffff69;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
}

.timeline-section .tab-content .col-md-4{    align-content: center;}


/* ===== Tab content ===== */
.timeline-section .tab-content {
	position: relative;
	justify-content: center;
	width: 100%;
}

.timeline-section .tab {
	opacity: 0;
    transform: translateY(20px);
	content-visibility: hidden;
	transition: opacity 0.5s ease, transform 0.5s ease;
}

.timeline-section .tab.active {
    transform: translateY(0);
	content-visibility: visible;
	opacity: 1;
	transition: opacity 1.1s ease, transform 1.1s ease;
}

.timeline-section {
  border-radius: 1rem;  
   padding: 5rem 4rem;
}



/* timeline changes */


/* svg icon css homepage */
html, body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	width: 100%;
}
.svgicon .icon{
	width:60px;
}


.svgicon .icon path{
	fill:transparent;
stroke-width:2;
stroke:url(#linear-gradient);

}
.svgicon .icon.heart path{
	stroke-dasharray:1500;
stroke-dashoffset:1500;
}


.svgicon .icon.heart path
{
animation:animate-heart 1s linear infinite }

@keyframes animate-heart
{
	0%{
stroke-dashoffset:0;
}
40%{
stroke-dashoffset:800;
url(#linear-gradient);
}
80%{
stroke-dashoffset:3000;
fill:transparent;
}
100%{
stroke-dashoffset:3000;
fill:transparent;
}
}

/* svg icon css homepage */

.banner-section{   
	position: relative;overflow: hidden;
	 align-content: center;}
	 .banner-section h1{
		margin-bottom: 1rem;
		 padding-bottom: 0 !important;}

.banner-section h1, .banner-section p,  .banner-section a {
	animation:2s fadeIntext forwards;
	animation-duration: 5s;
}

.banner-section .flat-btn:hover::before, .white-hover:hover::before{
    background-color: white !important;  
}
.banner-section .flat-btn:hover, a.white-hover:hover{
	color: var(--bs-black) !important;
}
.banner-section .flat-btn::before{    background-color: white;}

.banner-section  p.moretext{	animation-duration: 0s;}

.banner-section p{
    font-size: 1rem; font-weight: 300 !important;
}

.banner-section h4{    font-size: 1.2rem;
    font-weight: 400 !important;}

	/* trim content */

.bor-rad-1{border-radius: 1rem !important;}
.prd-list .imgbox a{
    display: inline-block;
    line-height: normal;}


	.prd-list .sym-icon{
		background-color: #FFD8BC;
		display: inline-block;
		padding: 1rem;
		width: auto;
		border-radius: 50%;    margin-bottom: 1.5rem;
	}
	.prd-list .sym-icon img{
		width: 90px;
    padding: 0.5rem;
	}

	.prd-list  .col-md-6 {flex: 1;}

.prd-list .imgbox a p{    margin: 0 !important;
    color: var(--bs-reddish) !important;    text-transform: capitalize;}

.value-section ul{padding-left: 0;}

.value-section ul li {
    display: block;    color: var(--bs-black);
    padding-bottom: 1rem;
    padding-top: 1rem;    font-size: 1.1rem;
    border-bottom: 1px solid #e3e3e3;
}
.value-section  ul li::marker {
	display: none;
	font-size: 0;
}



/* form css */

.form-control, select{
    border-radius: 10px !important;}


	.form-control:focus, .form-select:focus {
	border-color: var(--bs-reddish);
   box-shadow: none;
	}
	
	
	.form-label {
		margin-bottom: 0.0rem;
	}
	.btn-check:focus + .btn, .btn:focus {
		box-shadow: none;
	}

	.bg-greyinvestor.contact-section p a:hover, .corp-section .content-box p a:hover{
		color: var(--bs-black) !important;
		text-decoration: none;
	}
	.facility-section h3.font-20{
		font-size: 1.5rem;
		line-height: 2.5rem;
	}

	.formulation ul, .list-section{padding-left: 0;}
	.formulation ul li::before, .list-section li::before{
	    content: "\f178";
		display: inline-block;
		font: normal normal normal 14px / 1 FontAwesome;
		color: var(--bs-reddish);
		font-style: normal;
		font-weight: 400;
		font-size: 1.1rem;
		font-variant: normal;
		text-transform: none;
		margin-right: 0.8rem;    margin-top: 4px;
	}
	.formulation ul li, .list-section li  {
		display: flex;    
		margin-bottom: 1rem;   
		color: var(--bs-black);
	}

	.formulation .two-grid{flex-wrap: nowrap;}


	.corp-section .list-section a{color: var(--bs-white) !important;}
	section.corp-section .list-section a:hover{color: var(--bs-black) !important;}
	.corp-section .list-section li::before {
		color:var(--bs-white)
	}
	.corp-section .list-section li {
		margin-bottom: 0.8rem;
		line-height: normal;
	}
	.cta-section [data-aos=zoom-in-up] {
		transform: none !important;
		opacity: 1 !important;
	}
	.key-section .card p{
		color: var(--grey1) !important;
		text-transform: uppercase;    letter-spacing: 1px;
		margin-top: 1rem !important;    font-size: 1rem;
	}
	.key-section .card{
		padding: 2.2rem 1rem 0.8rem;
		 text-align: center;   
		border-radius: 0.5rem;   
		-webkit-box-shadow:  0px 4px 20px 10px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: 0px 4px 20px 10px rgba(0, 0, 0, 0.05);
		-ms-box-shadow:  0px 4px 20px 10px rgba(0, 0, 0, 0.05);
		box-shadow: 0px 4px 20px 10px rgba(0, 0, 0, 0.05);
		border: 1px solid #D4DDE6 !important;
	}

	.key-section .col-md-4 {
		margin-bottom: 1rem !important;
	}

	.key-section .card img	{    
	    height: 53px;
		width: min-content;
		margin: auto;
		transition: 0.7s ease;
	}
	div#searchResults div {
		border-bottom: 1px solid #c9c9c9;
		padding: 1.5rem 0;
		background-color: white;
		border-radius: 0;
		/* box-shadow: 0px 0rem 1rem 1px rgb(0 0 0 / 9%) !important; */
	}
	div#searchResults div  p{margin:0 !important;    font-size: 1.1rem;}
	.navbar{
		position: fixed;
		transition: all 0s ease-in;
	  }
	  .navbar.active{
		top: 0 !important;
	    box-shadow: 0 2px 10px rgb(0 0 0 / 3%);
		background-color: hsla(0, 0%, 100%, .85);
		backdrop-filter: blur(5px);
		transform: translateY(-150%);
        animation: 1s animate-header forwards;
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	  }
	  @keyframes animate-header {
		0% {
			transform: translateY(-150%);
		}
	
		100% {
			transform: translateY(0%);
		}
	}
	  #searchForm{display: inline;
		position: relative;}

		td.gsc-search-button {
			border-left: 1px solid #ddd !important;
		}
		#searchForm button{ 
			background: white;
			border: none;
			height: 30px;
			margin: 0 !important;
			border: 0 !important;
			border-radius: 0;
			outline: none;
				padding: 0.5rem 0.8rem;
				border-bottom-right-radius: 1rem !important;
				border-top-right-radius: 1rem !important;
				 }

		#searchForm form input{
			height: 30px !important;
			background: #ffffff;
			outline: none;    border-radius: 0 !important;		
			border: 0 !important;  
			padding: 0.5rem !important;
			font-size: 1rem;    margin: 0;
		    border-bottom-left-radius: 1rem !important;
   			border-top-left-radius: 1rem !important;} 
	
			td.gsib_b {
				font-size: 0;
				display: none;
			}

			#searchForm .gsc-input-box {
				border: 0;
				background: #fff;
				width: auto;
				display: inline;
			}

			td.gsc-clear-button {
				display: none;
			}
			table.gsc-search-box td {
				vertical-align: middle;
			}
			.gsc-search-button-v2 {
				border: 0 !important;
				border-radius: 0;
				margin: 0 !important;
				padding: 2px 20px;
				height: 30px;
				border-color: #EEEEEE;
				background-color: #FFFFFF;
				background-image: none;
				filter: none;
				width: auto;
				vertical-align: middle;				
				border-radius: 0 !important;
			}
			form.gsc-search-box {			
				margin-bottom: 0 !important;}

		 .top-header  .col-md-6.col-sm-6 {
			width: 50%;
		}

	.top-header {
		height: 40px;    align-content: center;
		background-color: var(--bs-reddish);
		color: var(--bs-white);
	}

	.top-header ::placeholder {
		color: #b0b0b0;
	}
	.top-header p {
		font-size: 0.85rem;
	}
	.api-port .accordion-flush .accordion-item .accordion-button{	
	border: 1px solid #D2C9BE;
		box-shadow: 0px 4px 20px 10px rgba(0, 0, 0, 0.05);
		border-radius: 8px;    padding: 1.2rem 1.5rem;
	    transition: all 0.1s ease-in;
		line-height: normal;
	}
	.api-port .accordion-flush .accordion-collapse {
	transition: all 0.8s ease-in-out;
	}
	.api-port .accordion-flush .accordion-item {
		border: 0 !important;	border-radius: 8px;    margin-top: 1rem;
	}
	/* .api-port .accordion-button:hover {
		background-color: var(--yellow-shade1);
	} */

	.api-port table{
		width: 100%;
	}
	.api-port table tr {
		border-bottom-width: 1px;
	}
	.api-port table tr:last-child{	border-bottom-width: 0}
	.api-port table tr td {
		padding: 1.5rem 0 !important;
	}
	.api-port table tr td:first-child {
		font-weight: 500;
		color: #000;    
		width: 20%;
	}
	.api-port table td img{    border: 1px solid #e7e7e7;
    border-radius: 10px;
    height: 160px;}


	:focus-visible{outline: 0 !important;}


.api-port button.accordion-button .pro-heading {
    width: 20% !important; 
}
.api-port .accordion-header .icon-list1{
	width: 80%;
    margin: auto;
    gap: 1rem;
    align-items: center;
    font-size: 1.5rem;
    justify-content: space-around;
    display: flex
}
.api-port .accordion-header {
    display: flex;
}


.mobile-api-table th {
    text-align: center;    padding: 0.5rem !important;
}
.mobile-api-table th span{    
	  margin-top: 0.5rem;
    font-weight: 500 !important;
    display: block;}

	.mobile-api-table {
		padding: 1rem;
		background-color: var(--bs-white);
		border-radius: 0.5rem;
		display: block;
		overflow: scroll;
	}

	.mobile-api-table tr td {
    padding: 1rem 0 !important;
    text-align: center;
}

.api-port  i.fa.fa-check {
    color: green;
}
.api-port i.fa.fa-close {
    color: red;
}
div#searchResults a {
		color: #707070;
		text-decoration: none;
		font-weight: 500;
		font-size: 1rem;
		margin-bottom: 0.5rem !important;
		display: inline-block;    word-break: break-word;
		}
		div#searchResults h2 {
			color: var(--bs-reddish) !important;
			font-size: 1.8rem !important;
			font-weight: 600 !important;
		}

		div#searchResults button.btn-blue {
			padding: 0.5rem 1rem !important;
			line-height: normal;
			margin-top: 1rem;
		}
		div#searchResults a:hover{color:var(--bs-reddish)}
		table.gsc-search-box td {
			vertical-align: middle;
			padding: 0 !important;
		}
		table.gsc-search-box {	
			width: 50% !important;
			margin: auto !important;
			margin-right: 0 !important;
		}
		input.gsc-input {
			padding: 0 0.5rem !important;outline: 0 !important;
		}
		.gsst_a .gscb_a {
			color: #000000 !important;
			cursor: pointer;
			font-size: 1.3rem !important;
			line-height: normal;
			vertical-align: middle;
		}
		.gsc-control-cse {
			border-color: #ffffff !important;
			background-color: #ffffff !important;
		}

		.gsc-result-info {
			color: #000000!important;
			font-size: 1rem !important;
			margin: 0;
			letter-spacing: 1px;
			font-weight: 600;
			padding: 0;
			text-align: left;
		}
		.gsc-result-info-container {
			text-align: left;
			padding: 0 !important;
		}
		.gsc-result .gs-title, .gsc-result .gs-title a b {
			font-weight: 600 !important;
			font-family: "Poppins", serif;
			font-size: 1.5rem !important;
			color: var(--bs-reddish) !important;
		}
		.gs-webResult.gs-result a.gs-title:hover b{	color: #000000 !important;		}
		.gs-snippet {
			font-family: "Poppins", serif !important;
			font-size: 1rem !important;
		}

		h1.no-result {
			text-align: center;
			font-weight: 700;
		}
		.gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet {
			background-color: rgb(216 42 45 / 24%) !important;
			border: 1px solid rgb(216 42 45 / 44%) !important;
			display: inline-block;
			margin: 5px;
			padding: 15px !important;
			width: 100% !important;
			font-size: 1.2rem !important;
			color: #000 !important;
		}
.re-block, .re-block img {border-radius: 10px;    margin: 0;}

.re-block img {width: 100%;	opacity: 1 !important;
	transform: none !important;}


.re-block{margin-bottom: 2rem;        padding: 0 !important;  align-items: center;  box-shadow: 1px 0rem 1rem rgb(0 0 0 / 7%) !important;}

.re-block .collapse:not(.show) {
    display: block;
}
.re-block table tr td, .re-block table tr th, .re-block .accordion-body{
    padding: 0.5rem 0 !important;  text-align: left; 
}
.re-block .accordion-button {      cursor: default;  padding: 1rem 0 !important;
    background-color: transparent !important;}

.re-block  .accordion-item{padding: 0.5rem 2rem !important;margin-top: 0 !important;
    background-color: transparent !important;}

.re-block  .accordion-button::after {display:none}
.re-block table tr:last-child{border:0 !important}


  .re-block:nth-child(odd) .col-md-6:first-child,   .re-block:nth-child(even) .col-md-6:last-child  {
	text-align: center;    align-self: center;
  }

  .re-block:nth-child(odd) .col-md-6:first-child, .re-block:nth-child(even) .col-md-6:last-child, .re-block .col-md-6{
    padding: 0 !important;
}
.re-block:nth-child(odd) .col-md-6:first-child img{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.re-block:nth-child(even) .col-md-6:last-child img{
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
  .re-block:nth-child(odd) .col-md-6:first-child{
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
  }

  .re-block:nth-child(even) .col-md-6:last-child{
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
  }

  .div-section  th,  .div-section  td {
	padding: 0.5rem 0.5rem !important;
}
.div-section .table>thead tr {
    background-color: #f6f7fb;
}
.div-section tr:hover {
    background-color: #f6f7fb;
}

.div-section .accordion-body .imgbox p{font-size: 0.9rem;}

.div-section .accordion-body .imgbox:hover{
    background: linear-gradient(111deg, rgba(216, 42, 44, 1) 0%, rgba(220, 45, 48, 1) 68%, rgba(245, 132, 52, 1) 100%);
}

.div-section .accordion-body .imgbox:hover h5, .div-section .accordion-body .imgbox:hover p{color:var(--bs-white) !important}
.board-section .team-box img{
	object-fit: cover;
    height: 100%;
    transition: 0.7s ease;
	width: 100%;
}

	.board-section .row-box-right{
		    display: flex;
			justify-content: end;
		}
.board-section .card-box .hr-border:before { border-bottom: solid 1px var(--bs-orange) !important;}

 .bg-w-logo {
    position: absolute;
    right: 0;
    opacity: 0.1;
    bottom: 0;
    z-index: 0;
}

.card-box{    
	border-radius:10px;   
	 height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.125) !important;
    padding: 0;position: relative;  
	 background-color: white;
	 overflow: hidden;
  }

  .box {
	margin-top: 0;
    opacity: 0;
    font-size: 0;
}

	  .card-box:hover::before, 	.card-box:hover::after {
		width: 100%;
	  }
	  .card-box:hover::before,   .card-box:hover::after {
		left: 0;
	  }
	  .scale {
		transform: scale(1);
		transition: 0.7s ease;
	}
	  .scale:hover {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
		transition: 0.7s ease;
	}
/*/ new css desktop end/*/


#slider .carousel-control-next-icon, #slider .carousel-control-prev-icon {
    background-image: none;
    color: #fff !important;
	background-color: #00000096;
    border-radius: 50%;
    align-content: center;
}
#slider .carousel-control-prev-icon::before{     
	content: "\f053";    font: normal normal normal 14px / 1 FontAwesome;}

	#slider .carousel-control-next-icon::before{     
		content: "\f054";   font: normal normal normal 14px / 1 FontAwesome;}



.api-section .carousel-item, .api-section .carousel-item > img {
    height: 100% !important;
}


/*/ 10-2-25 new css desktop end/*/

.rc-section li {
    padding-bottom: 0.8rem;
    padding-top: 0.8rem;
    /* border-bottom: 1px solid #FF7E73; */
    width: 80% !important;
    display: flex;
    align-items: center;
	border-bottom: 1px solid #FF7E73; 
    transition: 0.5s;
    position: relative;
}
.rc-section li::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
	border-bottom: 1px solid var(--bs-white); 

    transition: width .3s;
    position: absolute;
    bottom: 0;
}

.rc-section li:hover::after {
    width: 100%; background:  var(--bs-white);
  
}
/* .rc-section li:hover{
    border-bottom: 1px solid #ffffff;
} */
.rc-section li::before {
    content: '';
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
	margin-right: 1.5rem;
	width: 30px;
    height: 30px;
		background-image: url('../image/check-orange.svg');
		background-size: cover;
		background-position: center;
}
.rc-section li:last-child{
	border-bottom: none;  
}
.formulation .carousel-control-next-icon, .formulation .carousel-control-prev-icon {
    background-color: black;
    padding: 5px !important;
}

#slider .carousel-item img{
 	animation: zoom_out 20s linear infinite;
	will-change: transform;
}
#slider .carousel-item{ transition: transform 0.3s ease-in-out;}

.aboutbtn-blue:hover{
	box-shadow: inset 0 0 0 2em #ffffff;
	border-color: #ffffff;
	color: var(--bs-reddish) !important;}

.aboutbtn-blue{
  transition: all 0.8s;
}
.key-section .card:hover, .team-box:hover {
    box-shadow: 0px 4px 20px 10px rgba(0, 0, 0, 0.09) !important;    cursor: pointer;
    border: 1px solid #c8ccd0 !important;
}
.key-section .card:hover img
{    
    transform: scale(1.20);
    transition: 0.7s ease;
}
.usp-point .shadow-sm.card{  
 border:  1px solid #D4DDE6 !important;
 box-shadow: none !important;
 transition: all 0.5s linear;
 background-color: transparent;
}
 .usp-point .card:hover .svgicon
  {opacity: 0;visibility: hidden;} 


.closer-section .container::before{
	content: '';
	position: absolute;
    width: 650px;
    height: 650px;
	border-radius: 50%;
	background-color: #f13005;
	right: 20%;
	animation: run 8s linear infinite;
}
.closer-section .container
{   
    position: relative;}

	.closer-section .card:hover img {
		-webkit-transform: scale(1.08);
		transform: scale(1.08);
		transition: 0.7s ease;
	  }


	  .closer-section .card:hover .box-img {
		border-top-left-radius: 0.7rem;
		border-top-right-radius:0.7rem;
	}
	.box-img {
		overflow: hidden;
	}

	.moretext {
		display: none;
	  }
	  
	  .moreless-button{cursor: pointer;}

@keyframes grow {
	0%{
		transform: scale(1.2);
	}
	
	75%, 100% {
		transform: scale(1);
	}
}


@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

  @keyframes hp-clip-4-0 {
	0% {
	  clip-path:circle(0%)
	}
	13% {
	  clip-path:circle(100%)
	}
	100% {
	  clip-path:circle(100%)
	}
  }



 #slider .carousel-caption {
    animation: 4s fadeIntext forwards;
	animation-duration: 5s;
} 

  
/*/ 10-2-25 new css desktop end/*/

/*/ 18-2-25 new css desktop start /*/

.section-gap {
	padding-top:7rem;
padding-bottom:7rem;}

.section-bg-gap {padding:4rem 0}

html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}
.btn-link-square {
    padding: 0.3rem 0.9rem;
    border: 1px solid var(--grey2);
    display: inline-block;
    text-align: center;
    border-radius: 3px;
	color: var(--grey2);
}
.btn-link-square i{font-size: 1.2rem;}
.btn-link-square:hover i{	color: var(--bs-reddish);}
.btn-link-square:hover {
    border: 1px solid var(--bs-reddish);
	color: var(--bs-reddish);
}


			.flat-btn, .btn-link span, .btn-blue{
			display: inline-flex;
			text-transform: capitalize;
				align-items: center;
				justify-content: center;
				position: relative;					
				vertical-align: middle;
				text-align: center;			
				line-height: 1.1;					
				padding: 0.7em 1em;
				border: 1px solid var(--bs-black);
				border-radius: 44px;
				color: var(--bs-black);
				text-decoration: none;
				transition: color 0.15s, background-color 0.15s, border-color 0.15s;
			}

			.flat-btn::before, .btn-link span:before, .btn-blue::before{        
				content: "";
				position: absolute;
				background-color: var(--bs-reddish);
				z-index: -1;
				transform: scaleX(0);
				opacity: 0.2;
				inset: 0px;
				border-radius: 30px;
				transition: transform 0.4s, opacity 0.5s;
			}

			  .flat-btn:hover::before, .btn-blue:hover:before{
					transform: scaleX(1);
					opacity: 1;
				}
			
				.btn-blue{
					border: 1px solid var(--bs-reddish);			
					color: var(--bs-reddish);
				}
	
			.flat-btn:hover, .flat-btn:focus-within, .flat-btn:active, .btn-link:hover {
				color: var(--bs-white) !important;
				border: 1px solid var(--bs-reddish);
			} 
			.closer-section .card .btn-link {
				display: inline-block;
				border: 1px solid transparent;
			}
		 .closer-section .card .btn-link:hover{		
			border: 1px solid var(--bs-white);
		}
			.closer-section .card:hover .btn-link span {
				color: var(--bs-white) !important;
			    border: 1px solid var(--bs-reddish);}
			.closer-section .card:hover .btn-link span::before{  
				  transform: scaleX(1);
				opacity: 1;
				background-color: var(--bs-reddish) !important;} 


.white-line-btn{	
	color: var(--bs-white) !important;
	border: 1px solid var(--bs-white) !important;
}


  .hr-border{
	position: relative !important;
	  opacity: 1;}
  .hr-border:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	border-bottom: solid 1px #9F9F9F;
	animation: border_anim 3s linear forwards;
    animation-delay: 1.5s;
}

@keyframes border_anim {
	0%{
		width: 0%;
	}
	100%{
		width: 100%;
	}
}
.fs-12{font-size: 12px !important;}
.fs-14{font-size: 14px !important;}
.fs-15 {font-size: 15px !important;}
.fs-18 {font-size: 18px !important;}
.counter-section .hr-border{width: 80%;margin: auto;}
.bc-slide-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 150px);
    opacity: 0;
    z-index: 1;
    transition:height .4s ease, opacity .2s ease .1s
}
.bc-slide-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
	border-radius: 10px;
}
.usp-content{z-index: 1;}

.usp-point  .card:hover .bc-slide-img {  opacity: 1;
    height: 100%;
}
.usp-point .card .usp-content a, .closer-section .card .btn-link{
	font-size: 0.85rem;   
    }

.usp-point .card:hover .usp-content h5,.usp-point .card:hover .usp-content h4, 
.usp-point .card:hover .usp-content p, #link .card:hover .usp-content  p{
	color:var(--bs-white) !important; 
	text-decoration: none !important;
	transition: all 0.3s linear;
}

.usp-point .card .flat-btn:hover  {    border: 1px solid var(--bs-reddish) !important;}
.usp-point .card .white-line-btn:before{
    transform: scaleX(0);  
    opacity: 1;
    background-color: var(--bs-reddish) !important; 
}
.usp-point .card .white-line-btn:hover:before {
    transform: scaleX(1);
}

.usp-point .card .usp-content h4 {
    width: 100%;
    line-height: normal !important;
}
.closer-section .card .card-body{
    padding: 2rem;
}
.closer-section .card .card-text {
    min-height: 109px;
}
 .bc-slide-img:after {
    content: '';
    position: absolute;
    z-index: 2;
	background: linear-gradient(180deg, rgb(0 0 0 / 18%) 2.52%, rgb(0 0 0 / 69%) 98.27%);
	width: 100%;
    height: 100%;
    top: 0;
    left: 0;border-radius: 10px;
}
.album .card span {
    position: relative;
    width: auto;

}
 .clickable-box {
	position: relative !important;
}

.clickable-box a:after {
	content: "";
	display: block;
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    right: 0;
    bottom: 0;
    width: 100% !important;
    z-index: 99999;
    pointer-events: auto !important;
    background-color: transparent !important;
    height: 100% !important;
}

.clickable-box * {
	position: static;
}

.blog-content {
    padding: 0.5rem;
}



  .closer-section .card .btn-link:hover span:after {
      transform: none;}

	  .usp-point .card:hover .white-line-btn:after {
		transform-origin: 0 50%;
		transform: scaleX(1);
	}
	.usp-point .card a {
		color: transparent;
		text-decoration: none !important;
	}
	.facility-section .icon {
				display: contents;
	}
	.facility-section .icon img{
	    align-self: flex-start;
		width: 10%;
	}
	.slisection .carousel-item img {
		border-radius: 1rem;	
		object-fit: cover;
		height: 80vh;
	}

  .slisection .carousel-control-prev, .slisection .carousel-control-next{  
    color: var(--bs-reddish);
    opacity: 1;
    width: 40px;
    height: 40px;
    margin: 1rem;
    padding: 0.7rem;
    top: 45%;
    bottom: unset;
    border: 2px solid var(--bs-reddish);
    border-radius: 50%;
}

	.slisection .carousel-control-prev i, 	
	.slisection .carousel-control-next i
			{font-size: 1.2rem;}

	.slisection .carousel-control-prev:hover, 	
	.slisection .carousel-control-next:hover{  
		background-color: var(--bs-reddish);
		color: var(--bs-white);
	}
	.slisection  .carousel-inner {
		border-radius: 1rem;
	}
	/* .slisection  {padding: 0 4rem;} */

	.slisection .carousel-indicators [data-bs-target] {
	    width: 8px;
		height: 8px;	
		border-radius: 50%;				
		background-color: var(--bs-reddish);		
	}
	.faci-section .box-1,  .box-1{   
		padding: 1rem;
		background-color: var(--bs-reddish);
		width: 80px;
		height: 80px;
		border-radius: 50%;
		margin: auto;
		margin-bottom: 1.2rem;
   }


   .faci-section .col-sm-12:hover .box-1, .col-sm-12:hover .box-1{   
	transition: all 0.5s linear;
	 background: linear-gradient(246.4deg, #E30016 -15.97%, #F0993D 106.07%);}
	
	 .poli-content h3{   
		 font-size: 1.5rem;
		margin-bottom: 0;}

/* 	animation background */

.bg-animate {
    animation: animatedBackground 10s linear infinite alternate;
}
.pulse {
	-webkit-animation: pulse 400ms infinite alternate;
	animation: pulse 400ms infinite alternate;
  }
  .pulse-2 {
	animation: blinker 1s linear infinite;
  }
  @-webkit-keyframes pulse {
	0% { color: var(--bs-white); }
	100% {color: transparent; }
}
@keyframes pulse {
	0% { color: var(--bs-white); }
	100% { color: transparent; }
}
@keyframes blinker {
	50% {
	  opacity: 0;
	}
  }

@keyframes animatedBackground {
	from {	
	  background-position: 50% 22%;
	}
	to {		
	  background-position: 100% 22%;
	}
  }

	  .gradient-box {
		background: linear-gradient(246.4deg, #E30016 -15.97%, #F0993D 106.07%);
	    background-size: 200% 300%;
    animation: gradient-shift 5s ease infinite;
	  }

	  @keyframes gradient-shift {
		0% {
			background-position: 0% 50%;
		}
		50% {
			background-position: 100% 50%;
		}
		100% {
			background-position: 0% 50%;
		}
	  }
/* banner animation */
	  @keyframes zoom_out {
		0% {
		transform:scale(1.3);
		}
		100% {
		transform:scale(1);
		}
		}
		

	  /* 	animation background */

	  .val-box {
			   padding-left: 1.5rem;
				height: 100%;
				padding-right: 1.5rem;
				}

	.value-section h6, .value-section h4 {
		margin-bottom: 2rem;
	}

	.regular-sec .card {
		background-color: transparent;
		margin-bottom: 1rem;
		text-align: center;   
	}
	.regular-sec .card {position: relative;}

	.regular-sec .row .col-sm-12:hover  .tool-text{
		display: block;
		opacity: 1;
		transition: all 0.5s linear;    background-color: #ffffff99;
	}
	.next-sec h5 {
		font-size: 1.3rem !important;
	}
/* Position tooltip relative to each card */
.tooltip-container {
    position: relative;
    display: inline-block;
    cursor: pointer;
    transition: 0s;
}

/* Style the tooltip */
.tool-text {
    visibility: hidden;
    background-color: var(--bs-white);
    color: var(--bs-black);
    text-align: center;
    padding: 5px 10px;
    border-radius: 5px;
    position: absolute;
	bottom: 120%;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0s ease-in;
}

/* Show tooltip when hovering over the card */
.tooltip-container:hover .tool-text {
    visibility: visible;
    opacity: 1;
}




.head-table .icon-list1 span.fs-6 {
	font-size: 0.9rem !important;
}
.head-table .icon-list1 span{
text-align: center;
}
.api-port .head-table {    
    padding: 0rem 1.5rem;
    transition: all 0.1s ease-in;
    line-height: normal;}

.api-port .head-table .pro-heading {
	color: var(--bs-reddish) !important;
   font-size: 1.2rem !important;
	width: 20%;
}
.api-port .head-table span img {
    height: auto;
    border: 0;
    background-color: var(--bs-white);
    padding: 5px;
    border-radius: 5px !important;
}
.cheer-grp {   
	display: flex;
    flex-wrap: wrap;}
	.cheer-grp img{     
		width: 50% !important;
		display: inline !important;
		height: auto !important;
	    margin-top: 0 !important;}

.career-tabs .tab-btn {
    display: inline-block;
    color: var(--bs-orange);
    background-color: var(--yellow-shade1);
    font-size: 1.1rem;
    font-weight: 400;
    margin: 0;
    padding: 10px 20px;
    cursor: pointer;
    width: 25%;
    text-align: center;
    transition: .3s ease;
    user-select: all;
	border-bottom: 0;
	border-radius: 0;
    align-content: center;
}
.career-tabs  .tab-btn.active {
	background-color: var(--bs-orange);
    color: var(--bs-white);
}
.degree-info  .tab-nav-bar {
    margin: 0;
}
.career-tabs  .bdr-left {
    border-left: 4px solid orange;
    padding-left: 1rem;
}

.degree-info .nav-link span {
    border-radius: 50%;
    width: 190px;
    height: 190px;
    background-color: var(--bs-white);
    color: var(--bs-black) !important;
    font-size: 1rem;
    margin: auto !important;
    align-content: center;
    display: block;
    /* position: absolute; */
    left: 15px;
    top: 15px;
	border: 1px solid #c1c1c1;
}

.degree-info .nav{
    justify-content: center;
    gap: 0;
}
.degree-info  .nav-link {
 margin-right: 0 !important;
 padding-top: 0;
 padding-bottom: 0;
}

.degree-info  .tab-content, .degree-info  .data{
    border: 1px solid #c1c1c1 !important;
    border-radius: 8px !important;
	background-color: var(--bs-white);
}
.degree-info .nav-link.active{
	background-color: transparent !important;
}
.degree-info .nav-link.active span {
    background-color: var(--bs-orange) !important;
    color: var(--bs-white) !important	;
	border: 1px solid var(--bs-orange) ;
	transition: background-color .3s ease-in-out, background-color .3s ease-in-out;
}
.degree-info .tab-btn
{	
	border-radius: 50%;     
	width: 200px;
    height: 200px;
    background-color: var(--bs-white);
    color: var(--bs-black);
    font-size: 1rem;
}
.degree-info li:nth-child(odd) .nav-link::before
{	    margin: auto;
	content: '';
    padding: 0;
    margin: auto;
    width: 224px;
    height: 115px;
    border: 2px solid #c1c1c1;
    border-top-left-radius: 210px;
    border-top-right-radius: 210px;
    padding: 0.5rem 0;

    display: block;
    position: absolute;
    left: 0px;
    top: -15px;
}
.degree-info li:nth-child(odd) .nav-link.active::before, 
.degree-info  li:nth-child(even) .nav-link.active::after
{
    border: 2px solid var(--bs-orange);

}
.degree-info  li:nth-child(even) .nav-link::after
{	    margin: auto;
	content: '';
    padding: 0;
	width: 224px;
    height: 115px;
    border: 2px solid #c1c1c1;
    border-bottom-left-radius: 210px;
    border-bottom-right-radius: 210px;
    padding: 0.5rem 0;
  
    display: block;
    position: absolute;
    left: 0;
    bottom: -15px;

}
.timeline-section.career-tabs  {
    border-radius: 0;
	padding: 0 !important;
}
.degree-info li {
    position: relative; /* Ensure pseudo-element positions correctly */
}

.degree-info li .active .line::after{
    content: ''; 
    position: absolute;
    left: 50%; /* Center horizontally */
    height: 5rem;
    width: 2px;
    background-color: var(--bs-orange); /* Line color */
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 300ms ease-in-out;
}

.degree-info  li .active .line::after {  
    transform: scaleY(1);
}

.pillar-sec .row {
    display: flex;
    flex-wrap: wrap;
    width: 90%;
	gap: 3rem;
	margin: auto !important;
	justify-content: center;
}
.pillar-sec li {  font-size: 0.9rem;  color: var(--bs-black);}
.pillar-sec .col-md-6{ flex: 0 0 calc(48% - 0rem) !important;}
.pillar-sec .box-1{background: var(--bs-white) !important;    padding: 1rem !important;}
#financialreport .fa-download:before, #announcementreport .fa-download:before{
    content: "\f06e" !important;
}
#investortable th{
    align-content: center;
}
.bg-greyinvestor a {
    font-weight: 500;
}
#financialreport ::-webkit-scrollbar {
    width: 5px;    border-radius: 10px;
    background-color: #F5F5F5;
	cursor: grab;
}
#financialreport ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: var(--bg-yellow-cream);
	cursor: grab;   
}

#financialreport ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}
.research-sec .list-section li b {
    display: contents;
}





/* formulation accordion dl code  */
dt {
    font-weight: 500;
}

.gridtab {
	margin-left: -12px;
	margin-right: -12px;
  }
  
  .gridtab > dt {
	background: none;
  }
  .gridtab--0 > dt {
	height: auto;    align-content: center;    background: #fff !important;
  }
  
  .gridtab--0 >dt.is-active {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0px;
	border-bottom-color: transparent !important;
  }
  .gridtab--0 > dt {
	flex: 1;    
	min-width: 35% !important;
  }
  
  .dd-content {
	padding: 2rem;
	border-radius: 0;
	border: 1px solid #C1C1C1 !important;
	border-top: 0 !important;
	box-shadow: none;
  }
  .gridtab--0>dd {
	border-radius: 10px;
  }
  
  .col1.is-active:before {
	bottom: -2rem;
	content: '';
	position: absolute;
	left: -1px;
	right: 0;
	height: 2rem;
	background-color: white;
	border-left: 1px solid #C1C1C1 !important;
	width: 100%;
	z-index: 1;
  }
  .col1.is-active:after {
    bottom: -1.1rem;
    content: '';
    position: absolute;
    right: -20px;
    height: 1rem;
    background-color: white;
    border-right: 1px solid #C1C1C1 !important;
    width: 100.2%;
    z-index: 1;
  }
  .col2.is-active::after{
    bottom: -1.09rem;
	content: '';
	position: absolute;
	left: -1px;
	right: 0;
	height: 1rem;
	background-color: white;
	border-left: 1px solid #C1C1C1 !important;
	width: 100%;
	z-index: 1;
  }
  
  .col2.is-active::before{
	bottom: -1.15rem;
	content: '';
	position: absolute;
	right: -1px;
	height: 2rem;
	background-color: white;
	border-right: 1px solid #C1C1C1 !important;
	width: 100.1%;
	z-index: 1;
  }
  
  
  .dd-content {
    padding: 3.5rem 1.6rem;
	border-radius: 10px;
	border: 1px solid #C1C1C1 !important;
  }
  dl.people-grid, dl.people-grid-three {
	margin: 0 auto;
	gap: 1rem;
  }
  .gridtab--0 > dt.border-0 {
	border: 0 !important;
	background-color: transparent !important;
  }
  .dd-col1 .gridtab__controls, .dd-col2 .gridtab__controls {
    right: 15px !important;
    top: 15px !important;
	margin: 0;
  }
  .dd-col2 .dd-content {
    border-top-right-radius: 0;    border-top-left-radius: 0;
}
  
  /* .dd-col2 .gridtab__controls {
	left: 10px !important;
	top: 10px !important;
  } */
  
  .gridtab > dd > .gridtab__controls > .gridtab__close {
	margin: 0;
    background-color: var(--bs-black) !important;
    width: 30px !important;
    height: 30px !important;
	border-radius: 50%;
  }
  .gridtab > dd > .gridtab__controls > .gridtab__close:hover{
	background-color: var(--bs-black) !important;
	opacity: 0.7;
  }
  
  .gridtab > dd > .gridtab__controls > .gridtab__arrow:before,
  .gridtab > dd > .gridtab__controls > .gridtab__arrow:after,
  .gridtab > dd > .gridtab__controls > .gridtab__close:before,
  .gridtab > dd > .gridtab__controls > .gridtab__close:after {
	width: 2px;
	height: 20px;
	background: #fff;
  }
  
  .leader-grid {
	margin-left: -3rem;
	margin-right: -3rem;
  }
  
  .profile-thum {
	position: relative;
	z-index: 2;
	margin: 0;
	width: 100%;
	cursor: pointer;
    padding: 1.6rem;
  }
  
  .profile-thum  > .img{
	width: 100%;
  }
  
  .profile-thum > .img {
	display: block;
	margin: auto;
	overflow: hidden;
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
	position: relative;
  }
  
  .profile-thum > .img img {
	vertical-align: top;
	width: 100%;
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
	position: relative;
	z-index: 2;
  }
  
  .profile-thum:hover > .img img {
	opacity: 1;
  }
  
  .is-active .profile-thum > .img img {
	opacity: 1;
  }
  
  .profile-thum figcaption {
	display: inline-block;
	width: 100%;    text-align: center;
  }
  

  .gridtab>dt.is-active .flat-btn{visibility: hidden; opacity: 0;}

/* formulation accordion dl code  */

.career-points .row {
    --bs-gutter-x: 3rem;
    --bs-gutter-y: 4rem;
}
.career-points p.heightp {
    margin-bottom: 0;
}
.career-key .row .col-md-2 {
	text-align: center;
	flex: 0 0 calc(17% - 0px) !important;
		cursor: pointer;
		transition: all 1s;
		align-content: center;    
}
.circle {
	position: relative;
	display: block;	
	background-color: transparent;
	color: #222;
	text-align: center;
  }
  
  .circle:after {
	display: block;
	padding-bottom: 100%;
	width: 100%;
	height: 0;
	border-radius: 50%;		transition: all 1s;
    background-color: var(--bs-orange);
	content: "";
  }
  
  .circle__inner {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
  }
  
  .circle__wrapper {
	display: table;
	width: 100%;
	height: 100%;
  }
  
  .circle__content {
	display: table-cell;
	padding: 1em;
	vertical-align: middle;
  }
.career-key .row .col-md-2 .box-1 {
    background-color: var(--bs-orange);
}
.career-key .row .col-md-2 p{
    margin: auto;
    font-size: 1.3rem;
    line-height: 1.2;
	transition:all 0.5s; 
    font-weight: 600;
	color: var(--bs-white) !important;
}
.career-key .row {
    display: flex;
    margin: auto;
	gap:2rem;
	justify-content: center;
}
 .career-key .usp-content {

	padding: 0 !important;
}
.career-usp .box-1{
	padding: 0 !important;
    height: 60px;
    width: 60px;transition: all 0.5s linear;	
}
.career-usp .card .h-box{
     border-radius: 20px;
	 padding: 10px;
	cursor: pointer;    height: 100%;
}
.career-usp .card .h-box .py-2.p-1{    transform: scale(1);
	transition: all 0.5s linear;}
	.career-usp .card .h-box:hover .box-1{    
		background-color: #ffe7cd !important;
		padding: 0.5rem !important;
		transition: all 0.5s linear;	}
.career-usp .card .h-box:hover .py-2.p-1{	transform: scale(1.03);  }
.career-usp .h-box:hover .hr-border:before {  border-bottom: solid 1px var(--bs-white);
}
.career-usp .card .h-box:hover h4, 
.career-usp .card .h-box:hover p{	color:var(--bs-white) !important;   
	  transition: all 0.3s linear;}
.career-usp .card .h-box:hover{	
    transition: all 0.5s linear;
    background-color: #f34f2a;	
}

.career-key .row .col-md-2:hover .circle:after {

    background-color: var(--yellow-solid);
    transition: all 1s;
    transform: translateY(-10px);
	z-index: -1;
}
.career-key .row .col-md-2:hover p{color:var(--bs-black) !important;  transform: translateY(-10px); transition: all 1s;}
.video-wrapper {
	position: relative;
	width: 100%;
	padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px; /* Optional: Rounded corners */
}

.contact-section .btn-blue:hover{
	z-index: 1;
}
.contact-section .flat-btn{color:var(--bs-reddish)}
.white-icon{border-radius: 50%; background-color: var(--bs-white); padding: 0.8rem;width: 80px;    height: auto;}
.box-hover:hover{transform: scale(1.04) !important;
    transition: 1s;}
.box-hover{transform: scale(1); transition: 1s;}
.nav-sec .nav-tabs{border-bottom: 0 !important;     gap: 0;
    position: relative;}
.nav-sec .nav-tabs .nav-link {
    width: 200px;
    border: 1px solid var(--bs-reddish) !important;
    color: var(--bs-reddish);
    padding: 0.7em 1em;
    text-align: center;
    line-height: 1.1;
    border-radius: 50px;
	    width: 200px;
    margin: auto;
}
.nav-sec .nav-item:first-child {
	border-right: 1px solid #ddd;
  }

  .nav-sec .nav-tabs li:first-child .flat-btn::before, .nav-sec .nav-tabs li:first-child .nav-link {
    border-radius: 50px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-right: 0;
}
.nav-sec .nav-tabs li:last-child .flat-btn::before, .nav-sec .nav-tabs li:last-child .nav-link {
    border-radius: 50px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 0;
}

 .nav-sec  .nav-tabs .nav-link.active, .nav-sec  .nav-tabs .nav-link:hover{   
	color: var(--bs-white) !important; 

	} 

	.nav-sec .flat-btn.active::before{
		transform: scaleX(1);
		opacity: 1;
	}
	#investortable th {
		align-content: center;
		width: 100%;
		border: 0 !important;
		padding: 0 !important;
	}
	#investortable tr {
		background-color: #fff;
		font-weight: 500;
		font-size: 1.1rem;
		border-radius: 8px !important;
		color: #000 !important;
		margin-bottom: 1.5rem;
		display: block;
		padding: 0 1rem !important;    
		padding-right: 0 !important;
	}
	.h-40{height: 40px !important;}
	.h-45{height: 45px !important;}
	.h-25{height: 25px !important;}
	.h-35{height: 33px !important;}

/* containers css */

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 93%;
    }
}
/* containers css */

/*/ 18-2-25 new css desktop end /*/
/* responsive changes */
@media (min-width: 768px){
   .closer-section .row.row-cols-md-3 > *, .usp-point .col-md-4 {
		flex: 1;	
	}

	.key-section .col-md-4 {
		flex: 0 0 calc(20% - 0px) !important;   
		 margin-block-end: 1.3rem !important;
		}
	
	
	.key-section .row{
		display: flex;
		flex-wrap: wrap !important;
		height: auto !important;
		justify-content: center;
	}

	.re-block .accordion-button {
		font-weight: 500;
		font-size: 22px;
	}


	.banner-section .col-md-7{
		width: 40%;
	}

	.api-port .accordion-button::after, .api-port [aria-expanded="false"]::after {
		display: none
		}
.icon-list1 {display:block}
.data{display: none !important; visibility: hidden;}
.degree-info  li:nth-child(even) .nav-link::after
{   border-top: 0 !important;}
.degree-info li:nth-child(odd) .nav-link::before
{    border-bottom: 0 !important;}

#envorimentsec .row .list-section li {
font-size: 0.9rem;        margin-bottom: 10px;
}
.next-sec{  width: 70%;  margin: auto;}
.sm-w-90{width: 90%;}
.re-block img {
    height: 420px;
    object-fit: cover;
}
 .value-section .col-md-2 {	width: 20%;}

	}


/* responsive changes */

/* 12-4-24 css */
@media (min-width: 992px){
	
.navbar-expand-lg .navbar-nav {
    flex-direction: row;
    margin-left: auto;
	    align-items: center;
}

.white-block-right{    
	position: absolute;
    right: 2%;
    display: block;
   transform: translateY(-50%);
	width: 100%;

}
.white-block-left{    
	position: absolute;
    left: 2%;
    display: block;
    transform: translateY(-50%);
	width: 100%;
    z-index: 1;	
	}

	#stories .row {
        justify-content: center;
        gap: 2rem;
        flex-wrap: nowrap;
    }

	.vision-section .row {
		gap: 2.5rem;
	}	   
	.vision-section .col-sm-12 {
		flex: 1;
	}
	.value-section .col-md-2 p { font-size: 1.05rem;}

}	

	
@media (min-width: 1200px){
.blog-listing .news-img-box {
	height: 100%;
}

}


/* Navigation Styles here */
.w-20{
	width:20%;	
	}
.w-30{
	width:30%;	
}
.w-40{
	width:40%
	}
.w-70 {
  width: 70%;
}
.w-60 {
  width: 60%;
}
.w-65 {
  width: 65%;
}
.w-80{
	width:80%;
}
.w-85{
	width:85%;
}
.w-90{
	width:90%;
	}
.w-95 {
  width: 95%;
}
.bg-greyinvestor a{
	color:#000;	
	text-decoration:none;	
}

.bg-greyinvestor a:hover{
	color: var(--bs-black) !important;
	}
/*contact us */

@media only screen and (min-width: 992px) {
	
.navbar2{
	display:none !important;
	
}	
	}
/*------ ipad devices -------------*/
 @media (max-width: 768px) {
	 .font-20{
		font-size:20px !important; 
		 }
#pharmadivision .accordion-item span {
    margin-left: 6rem;
}
#unnivadivision .accordion-item span {
    margin-left: 2rem;
}	 
	 
.bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
.carousel-item {
    height: 26rem !important;
}
/* .carousel-item > img {
    height: 26rem !important;
}	 */
#slider .carousel-caption {
    /* bottom: 8rem;
    z-index: 10; */
    padding-right: 3rem !important;
}		
h1{font-size:35px !important;}
h2{font-size:30px !important;}		
	
.px-3{
	padding-left:2rem !important;
	padding-right:2rem !important;
	}	
.p-sm-1{
		padding:1rem !important;		
		}	
.py-sm-1{
	padding-top:1rem !important;
	padding-bottom:1rem !important;
	}
.pb-sm-1{
	padding-bottom:1rem !important;
	}			
.pt-sm-5{
	padding-top:5rem !important;
	}	
.px-sm-2{
	padding-left:2rem !important;
	padding-right:2rem !important;
	}		
.px-sm-1{
	padding-left:1rem !important;
	padding-right:1rem !important;
	}	
#apitable table tr td:last-child{
	width:200px !important;	
	padding: 0!important;
    padding-top: 16px !important;
	}	 
	 .btn-orangetable{
		 font-size:10px !important;
	    padding: 6px 2px !important;
 
	}	
.btn-orangetable:hover{
	background:transparent !important;
    padding: 6px 2px !important;
	}		
	
	
.imgbox {
	height:420px !important	
	}			


      }






/*mobile devices     ------   ------ */
@media (max-width:765px)
 {
     .sm-w-100{width:100% !important;}
	.content-box {
	margin-top: 1rem !important;
	}
	 
#financialreport .nav-tabs .nav-link{
	margin-right:0rem !important;	
	}	 
	 .imgbox{
		margin-bottom:1rem !important; 
		 }
#unnivadivision .accordion-item h5 {
    color: #264796 !important;
    font-weight: 700;
    padding-right: 0rem;
    font-size: 17px;
	}
#unnivadivision .accordion-item span {
    margin-left: 0rem;
    font-size: 16px;
}
#unnivadivision button {
    height: 112px;
    padding-left: 21px;
}	
#unnivadivision .accordion-item img{
	width:25% !important;
	}		 
#pharmadivision .accordion-item img{
	width:25% !important;
	}
#pharmadivision .accordion-item span{
		margin-left: 0rem !important;
	}		 
	 
#apitable table tr td:last-child{
	width:200px !important;	
	padding: 0!important;
    padding-top: 16px !important;
	}	 
	 .btn-orangetable{
		 font-size:10px !important;
	padding: 6px 2px !important; 
	}	
.btn-orangetable:hover{
	background:transparent !important;
       color: #F36B53 !important;
	border:2px solid #F36B53 !important;
	}		
	 
	 .bg-team img{
	width:95%;
}
.f-large {
    font-size: 36px !important;
}	 
footer .col-md-4 .col-2 {
	text-align: left;
	max-width: 10%;
}	 
	 .imgmap img{
	width:65% !important
	}
	 footer .menu{
		 padding-left:0px !important;
		 padding-top:20px !important;
		 padding-bottom:20px !important;}
	 .sociallinks{
		 text-align: center !important;
		 padding: 12px 0;
	 }
	 .footersmall,.footersmallp{
		  text-align: center !important;
		 }




	  .sociallinks ul{
		  padding-left:0px !important; 
			}
.bg-mapimg img{
	width:90% !important;}	 
.mt--3{
	margin-top:0rem !important;	} 
.bg-aboutimg img{
	width:45% !important;
	}	 
	.heightp {
		height: auto !important;
	}
h1{font-size:25px !important;}
h2{ font-size: 1.75rem !important;}
	
	#testimonial .carousel-item {
    height: 18rem !important;
}
#testimonial .carousel-caption h2{
	font-size:21px !important;
}
	#slider .carousel-caption {
        /* bottom: 9rem;
		z-index: 10; */
		padding-right: 0 !important;
		width: 90%;
		left: 5%;  
		  /* top: auto; */
}
	#slider .carousel-caption h1, 	#slider .carousel-caption h2{
		font-size:2rem !important;	
	}
	.carousel-item {
    height: 13rem !important;
}
/* .carousel-item > img {
    height: 13rem !important;
}	
	 */
	.navbar1{
	display:none !important;
	
}
	.order {
    order: 2!important;
}
	.navbar-brand img{
		width:155px !important;
	}
	.download{
	display:block;
	text-align:center !important;
	}
	.w-max{max-width:100% !important}
	.bg-technology{
		background-image:none !important;		
		background:#fff !important;
		}
	
	.bg-linegreen{
	
	    background: none;
	}	
	.bg-image h1{
		text-align:center;
	}
.pt-sm-1{padding-top:1rem !important;}	
.pb-sm-1{
	padding-bottom:1rem !important;
}
.pb-sm-2{
	padding-bottom:2rem !important;
}
.pb-sm-0{
	padding-bottom:0rem !important;
}
.px-sm-0{ padding-left:0rem !important;
	padding-right:0rem !important;}
.px-sm-1{
	padding-left:1rem !important;
	padding-right:1rem !important;
	}
.py-sm-0{
	padding-top:0rem !important;
	padding-bottom:0rem !important;
	}
.py-sm-2{
	padding-top:2rem !important;
	padding-bottom:2rem !important;
	}
.py-sm-1{
	padding-top:1rem !important;
	padding-bottom:1rem !important;
	}
.px-sm-0{
	padding-left:0 !important;
	padding-right:0 !important;	}
.pt-sm-1{
	padding-top:1rem !important;
	}	
.p-sm-0{
		padding:0rem !important;		
		}	
	.p-sm-1{
		padding:1rem !important;		
		}
		.p-sm-1half {
			padding: 1.5rem !important;
		}
	.col-2 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
	.col-10 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;}
  .sm-p-0 {
    padding: 0 !important
  }
  .sm-pr-0 {
    padding-right: 0 !important
  }
.w-30{
width:100% !important;	
	}  
  .w-45{
	   width: 100% !important;
	  }
	  
	.w-50{
	   width: 100% !important;
	  }  
  .w-40{
	   width: 100% !important;
	  }
  .w-60 {
  width: 100% !important;
}
.w-65 {
  width: 100% !important;
}
  .w-75 {
    width: 100% !important;
  }
  .w-80{
	  width:100% !important;
	  }
  .w-70{
	  width:100% !important;
  }
  .w-90 {
    width: 100% !important;
  }
  .bg-right-mobile .w-60 {
    width: 100% !important;
  }
  .bg-right-mobile {
    background-image: none;
  }
  .bg-left-dot-texture:before, .bg-left-arrow:before, .bg-left-dot-texture:after {
    display: none
  }
  .bg-left-circle:after {
    top: 230px
  }
  .sm-flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
.mt-sm-1{
	margin-top:1rem;	
	}

/* 15-4-24 */

	.counter-box h3 {	
		font-size: 1.4rem;
		font-weight: 600;
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}
	.counter-box h6 {
		font-size: 15px;	
	}
	.counter-section .card {padding: 0.5rem;    height: auto;	}
	.counter-section.container .row .col{ 
		width: 50%;flex: auto;    padding: 0.5rem;
	}
	.counter-section .container .col img{ width: 70%;}
	.counter-box p {
		margin-bottom: 0.5rem;
		font-size: 15px;height: 40px;
		}
		.album .card span {
			display: inline-block;
			left: 0;
		}


		.usp-point .row, .closer-section .row {flex-wrap: wrap;}
		.usp-point .card {margin-bottom: 1rem;    padding: 1rem;}
		.usp-point .card .white-line-btn {
			color: var(--bs-black) !important;
			border: 1px solid var(--bs-black) !important;
		}
	

		.vision-section .v-block{    border-bottom-right-radius: 15px;
			border-bottom-left-radius: 15px;    border-top-right-radius: 0;
			border-top-right-radius: 0;}

			.timeline-section .tab-content h3 {
				font-size: 6.5rem !important;}

				.timeline-section {
					padding: 1rem !important;
				}
				.tab-btn {
					padding: 5px 5px !important;}

					.timeline-section .tab-content .info p {
						font-size: 1.1rem !important;}
						

						.banner-section {
							padding-top: 100px !important;
							/* min-height: 100vh !important; */
						}
						.banner-section h4 {
							font-size: 1rem;}

							.banner-section	.col-md-5.col-sm-12 {
								display: none;
							}

							.banner-section	.pb-2 {
								padding-bottom: 1rem !important;
							}

							.cta-section .col-md-6.p-3 {
								padding: 2rem !important;
							}

							footer .col-md-6.col-sm-12.text-right.text-white {	        text-align: left !important;	}

							footer h3.text-white.pb-2 {
								font-size: 1.5rem;
							}
					    	.footer-social p {				
								text-align: left;
							}

							footer .social-icon {
								margin-top: 1rem !important;
								margin-bottom: 0;
							}

							.navbar-expand-lg .navbar-nav li.nav-item {
								margin-left: 0.5rem;
							}
							header a.btn-blue {
								margin-top: 0.5rem !important;
								display: inline-block;
								padding: 0.6rem 1rem !important;
								font-size: 0.85rem !important;
								}

							footer	.col-md-4 .col-10{
									max-width: 90% !important;
									flex: 1 1;
								}
					.p-mini-1{padding: 1rem !important;}

					.content-box  h3, .content-box  h5 {
						font-size: 1.6rem;
					}

					.content-box p.small br{
				   display: none;
					}

					section.counter-section {
						padding: 0.5rem;
					}
					.counter-section .container {
						padding-bottom: 1rem !important;
					}

					.closer-section .w-60{width: 100% !important;}

					section p.fs-5.fw-normal {
						font-size: 1.1rem !important;    margin-bottom: 0;
					}

					.corp-section .content-box {
						padding-bottom: 1rem !important;
					}

					.nav-link {
								margin-right: 0.5rem;
					}
					.facility-section .tab-content .col-sm-12.col-md-5 .pt-4 {
						padding: 1rem 0 !important;
					}

.faci-section .col-sm-12.col-md-3 {
    margin-bottom: 1.2rem;
}

.bg-medicine .bg-grad-reddish h4.text-white.pb-2{
    font-size: 1.1rem;
    padding-bottom: 0.5rem !important;
}
.logo-icon{
    width: 18%;
}

.key-section .card img {
    height: auto;}

	.key-section .col-md-4 {
		margin-bottom: 1rem !important;
		width: 48%;
		padding: 0 0.5rem;    margin: auto;
	}
	.key-section .container {
		padding-bottom: 0 !important;
	}

	.key-section{
		padding: 0.5rem;
	}

	.bg-investimg img{
		margin-top: 1rem;
	}
	.top-header p{font-size: 0.8rem;line-height: normal;}
	form #searchInput {
		width: 100%;}

		.top-header .col-md-6.col-sm-6 {
			width: 50%;
			align-content: space-evenly;
		}
		.api-port .accordion-body {
			padding: 1rem 0rem;
		}
		.api-port table img {
			height: auto;
		}
		
		.api-port table tr td {
			padding: 0.5rem 0.4rem !important;
		}
		.api-port .accordion-flush .accordion-item .accordion-button {
			padding: 0.5rem 0.5rem;
			font-size: 1rem;
		}
		.api-port .accordion-button::after {
					padding: 8px 10px !important;}

		.search-section.mt-5 {
						margin-top: 5rem !important;
			}
			.re-block .accordion-item {
				padding: 0.5rem 0.5rem !important;
			}
			.re-block {
				padding: 0 !important;
			}

			.re-block  .col-md-6 {
				padding: 0;
			}

			.re-block .accordion-item {
				border-radius: 10px;        margin-top: 0 !important;
			}
			.re-block img{
				opacity: 1;
			}

		 #financialreport .re-block:nth-child(even) {
				flex-direction: column-reverse;
			} 

			.gsc-search-button-v2 {
				padding: 6px 10px;}
				
		
				table.gsc-search-box {
					width: 100% !important;}
					
				#searchForm button {
					padding: 0 0.5rem !important;}

			  .re-block img {
				height: 250px;
				width: 100%;
				}
				.re-block .col-md-6 {width: 100%;}
			
				.re-block:nth-child(odd) .col-md-6:first-child, 		.re-block:nth-child(even) .col-md-6:last-child {
								border-radius: 10px;
				}

				.div-section th, .div-section td {
					font-size: 0.9rem !important;
				}

				.div-section .accordion-item span{
					font-size: 1rem;
					padding-left: 1rem;
				}	

				.box{
					width: 70%;
				  }
				  .popup{
					margin: 30px auto;
					width: 90%;
				  }
			  
				  .popup .close {
					  position: absolute;
					  top: 10px;
					  right: 10px;
					  transition: all 200ms;
					  line-height: 2rem;
					  font-size: 2rem;}

				 .popup	h3 {
						  font-size: 1.3rem;
					  }

			.board-section .col-md-3 {width: 50% !important;        padding: 0.5rem !important;}
			.re-block:nth-child(odd) .col-md-6:first-child img  {
				border-top-right-radius: 10px;
				border-bottom-right-radius: 0;
				border-bottom-left-radius: 0;      
				object-fit: cover;
			}
		
			.re-block:nth-child(even) .col-md-6:last-child img{  
				border-top-right-radius: 10px;
				border-top-left-radius: 10px;
				border-bottom-right-radius: 0;
				object-fit: cover;
			}

			.board-section .card-box {		
				padding:0;}
	         .board-section  .team-content { padding: 1.2rem 0.5rem;}
				
		     .board-section h5 {font-size: 1.2rem;		}
			 .board-section .row{padding: 0 0.5rem;}

					.board-section p.bold500.mb-0 {
						font-size: 0.95rem;        line-height: normal;
					}
					.board-section img {
						width: 100%;
	             	}

					.popup img {width: 35%;}

					.popup {
					 height: 550px;
						overflow-y: scroll;
					}

/* 15-4-24 mobile new*/

#apitab13 .accordion-body{
    overflow: scroll;
}
.banner-section{    background-position: left center;}

section.poli-head {
    margin-top: 5.5rem !important;
}
section.poli-head, section.poli-content{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
} 

#stories .col-md-4{
	border-radius: 1rem;
	padding: 0.5rem;
	margin-bottom: 1rem;}

	.section-gap {padding-top:2rem !important; padding-bottom:2rem !important}

	#slider .carousel-item, #slider .carousel-item > img{    
		/* height: 80vh !important; */
		object-fit: cover;
        object-position: 75%;
	}

	footer h4.pb-2 {
		padding-bottom: 1rem !important;
	}
		.footer-top-curve-1 {
			clip-path: ellipse(120% 100% at 50% 0%);
			-webkit-clip-path: ellipse(120% 100% at 50% 0%);
		}
	    .footer-top-curve-1.py-5 {
			padding-top: 2rem !important;
			padding-bottom: 2rem !important;
		}
			footer {
				padding-top: 3rem;
				margin-top: -2rem;
			}

			.banner-section p.read-more__text {
				font-size: 0.9rem;
	
			}

			dl.people-grid, dl.people-grid-three {
		        gap: 1rem; 
				display: flex;    
				padding-top: 1.2rem !important;
			}
			.profile-thum {
			padding: 1.1rem 1.1rem;
				padding-bottom: 0.5rem;
			}
			.gridtab--0 > dt {padding:0rem !important;}
			.prd-list .sym-icon img {
				width: 40px;
				padding: 0.1rem;
			}
			.mobile-api-table tr td:first-child , 	.mobile-api-table th:first-child {
						text-align: left !important;
			}
			.mobile-api-table  table tr {
						border-bottom-color: #cdcdcd !important;
			}
			.api-port button.accordion-button .pro-heading {
				width: 80% !important;
			}
			.api-port .accordion-button::after, .api-port [aria-expanded="false"]::after {
				content: 'View More'; 
				background-image: url(../image/long-arrow.svg) !important;
			   background-position-x: 90%;
			   background-position-y: 50%;
			   width: auto;
			   height: auto;
			   transform: none !important;
			   font-size: 0.9rem !important;
			   border-radius: 100px !important;
			   padding: 8px 10px !important;
			   padding-right: 40px !important;
			   color: var(--bs-black) !important;
			   text-decoration: none;
			   border: 1px solid #D2C9BE;
			   text-transform: capitalize;
			   
		   }
	   
	   
	   .api-port [aria-expanded="true"]::after{		
		   color: var(--bs-black) !important;
		   content: 'View Less' !important;
		   background-image: url(../image/long-arrow.svg) !important;
		   background-color: var(--yellow-shade1);
		   padding: 0.5rem 0.5rem;
		   padding-right: 45px !important;
	   }
	   .api-port table td img {
		height: auto !important;
	}
	.mobile-api-table th img{display: none !important;}

	.mobile-api-table {
		padding-top: 0 !important;
	}
	.api-port table tr td:first-child {
		font-size: 0.9rem !important;
	}
    .icon-list1, .head-table {
        display: none !important;        visibility: hidden;
    }

	.board-section .gridtab--0 >dt.is-active {
        border-bottom: 0 !important;
        margin-bottom: -1.3rem;
		padding: 0rem !important;
        transition: 0s;
		}
		.board-section .dd-content {
			padding: 2.5rem 1.1rem;
			border-radius: 10px;
			border: 1px solid #C1C1C1 !important;
			padding-bottom: 1rem;
		}
		.board-section .col1.is-active:before, .board-section .col1.is-active:after
			{       
				 height: 0 !important;
				bottom: 0 !important;
			}
		
			#envorimentsec .row {
				position: relative;
				padding: 2rem 0 !important;
			}
		
			.white-box .csrcontent {
				padding: 1.2rem;
				min-height: auto;
				width: 100%;
				margin: auto;
				margin-top: -4rem;
			}
			#envorimentsec .bg-yellow-shade .row, .csr-sec .bg-yellow-shade .row {
				flex-direction: column-reverse;
			}
			#envorimentsec  .row h2, .csr-sec .row h2{
				font-size: 1.2rem !important;
			}
			.csrcontent  .list-section {
				padding-top: 1rem !important;
			}
			.white-block-right, .white-block-left{
				z-index: 1;
				position: relative;
			}
			.pillar-sec .col-md-6 {
				flex: 0 0 calc(100% - 0rem) !important;
			}
			.csr-sec .col-lg-6:hover .white-box .csrcontent, 
			#envorimentsec .col-lg-6:hover .csrcontent {
				transform: none !important;
			}
			#envorimentsec .white-box ul.list-section {
				padding-top: 1rem !important;
			}
			.csr-sec .list-section li, #envorimentsec .list-section li {
				margin-bottom: 1rem;
				font-size: 0.9rem;
			}

	
			 .profile-thum h5 {
				font-size: 1rem !important;
				margin-bottom: 0.5rem !important;
			}
			.profile-thum p.pb-1 {
				padding-bottom: 0rem !important;     
			}

			.prd-list .gridtab--0 > dt {
					align-content: flex-start !important;
			}
			.prd-list .gridtab--0 > dt {
				min-width: 100% !important;
			}
			div.cold-image ul {    
				 flex-wrap: wrap !important;
				padding: 0;
				gap: 1rem 0;
				}

				.cold-image ul li {		width: 49% !important;}
			.cold-image img {
				height: 130px !important;
				}
           .cold-image  .pro-name {	height: 20px !important;}

		   .dd-col1 .gridtab__controls, .dd-col2 .gridtab__controls {
					top: 20px !important;
				}

			.board-section  .dd-col1 .gridtab__controls,  .board-section  .dd-col2 .gridtab__controls {
			top: 5px !important;
		}

	 .navbar-nav {	padding-top: 1rem;}
	 .fs-med {	font-size: 1rem;	}
	 .fs-4 {font-size: 1.1rem !important;	}
	.closer-section .card .card-body{padding: 1rem;}

	.closer-section h5, 	.vision-section h3{font-size: 1.5rem;}
 .vision-section .row{
		row-gap: 2rem;        --bs-gutter-x: 0;
	}
	.usp-point .card .usp-content a, .closer-section .card .btn-link {
		font-size: 0.9rem;
	}
	.key-section  .row.pt-4 {
		padding-top: 2rem !important;
	}
	.tradingview-widget-container {
		height: 350px !important;
	}
	#stories .blog-content .fs-5{
		font-size: 1.1rem !important;
	}
	.contact-section .col-md-8.col-sm-12.pe-5 {
		padding: 0 1rem !important;
	}

	.value-section h6, .value-section h4 {margin-bottom: 1rem;	}

	.board-section  .col2.is-active::after, .board-section  .col2.is-active::before {		bottom: 0;	}
   .regulatory-approvals .row .col-md-4 {width: 50%;}
   .regulatory-approvals .container  {  padding: 2rem 1rem !important;}
   .regulatory-approvals .card {  padding: 1rem 0 !important;}
   .map-home_new{
    position: relative;
    width: 100%;
    padding-top: 56.5%;
}
.video__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.footer-top-curve {  
	 clip-path: ellipse(350% 100% at 50% 0%);
	 -webkit-clip-path: ellipse(350% 100% at 50% 0%);
	}
#slider .carousel-control-prev, #slider .carousel-control-next {
    width: 10%;
}
.slisection .carousel-control-prev, .slisection .carousel-control-next {
    width: 30px;
    height: 30px;
    margin: 0.5rem;
    padding: 0.7rem;
    top: 45%;    
}
.rc-section li {   width: 100% !important;}
.slisection .carousel-item img, .slisection .carousel-item {
	height: 50vh !important;
}
.re-block table tr td, .re-block table tr th, .re-block .accordion-body {
    font-size: 0.9rem;
}
.contact-box {
    padding: 1rem !important;
}
.contact-box h5 {   font-size: 1.3rem;   width: auto !important;}

#financialreport .accordion-body td, #financialreport .accordion-body th, #financialreport .accordion-body,
#announcementreport  .accordion-body td, #announcementreport  .accordion-body th{   
	 padding: .5rem .5rem !important;       
	  font-size: 0.9rem;
	text-align: left;
	white-space: normal;
    word-wrap: break-word;
	}

	.navbar-collapse {
		height: 100vh;
		transition: .15s linear;
	}

	.degree-info li .nav-link.active::before, .degree-info li .nav-link.active::after {
		border-radius: 50%;
		border: 2px solid var(--bs-orange) !important;
		height: 220px;
	
	}
	.degree-info li .nav-link::before, .degree-info li .nav-link::after {
		border-radius: 50% !important;
        height: 224px !important;
        border-bottom: 2px solid #c1c1c1 !important;       
		 top: -17px !important;
	}

	.degree-info .nav {
		gap: 3rem;
	}
	.degree-info {
		margin-top: 2rem;
	}
	.degree-info .tab-content {
		display: none; visibility: hidden
	}
		
	.degree-info .data {
		margin-top: 3rem;  text-align: center;
	}

	.degree-info li::after{display: none !important}

	.career-tabs .tab-btn {
		width: 100%;}
		.career-tabs .tab-menu {
			flex-direction: column;    
			    gap: 1rem;}

	.degree-info li .active .line::after {
			height: 3rem;}


	.degree-info .nav-link.active, .degree-info .nav-link {     
		   margin: auto !important;	}

  .next-sec .col-md-6{   text-align: center !important;}
.next-sec h3 {   font-size: 1.5rem;}
.career-points .row {   --bs-gutter-y: 2rem;}
.tab-nav-bar {        margin-top: 2rem !important;}  
.sm-flex-reverse-column, .sm-flex-reverse-col{flex-direction: column-reverse;}
.pillar-sec .row {   width: 100%;        gap: 1.5rem;}
.team-box {  margin-bottom: 0; margin-top: 2rem !important;	}
.blog-listing{  margin-top: 2rem;}
.blog-content {  padding: 0.5rem 0;}
.team-content {  min-height: auto;}
.formulation .row .bg-yellow-shade {  padding: 1rem !important;}
.career-key .row {gap:1rem;   flex-wrap: wrap; }
section.career-key .row .col-md-2 {
     flex: 0 0 calc(48% - 5px) !important;
}
.faci-section .box-1, .box-1 {
    width: 60px;
    height: 60px;
}
.career-key .row .col-md-2 p {
	padding: 0;
}
.next-sec h5 {
    font-size: 1.1rem;
}
.nav-sec .nav-tabs .nav-link {
    width: 150px;
}

/* mobile banners */
.bg-csr::before{	
	background: url("../image/mobile/csr-mobile.jpg") center/cover no-repeat;		
}
.bg-about::before {
    background: url("../image/mobile/about-us-mobile.jpg") center/cover no-repeat;
}
.bg-announcements::before {
    background: url("../image/mobile/annocument-mobile.jpg") center/cover no-repeat;
}
.bg-api::before {
    background: url("../image/mobile/api-mobile.jpg") center/cover no-repeat;
}
.bg-career::before{
    background: url("../image/mobile/career-mobile.jpg") center/cover no-repeat;
}
.bg-contact::before{
    background: url("../image/mobile/contact-us-mobile.jpg") center/cover no-repeat;
}
.bg-ehs::before{
    background: url("../image/mobile/ehs-mobile.jpg") center/cover no-repeat;
}
.bg-financialreports::before{
    background: url("../image/mobile/financial-report-mobile.jpg") center/cover no-repeat;
}
.bg-formulations::before{
    background: url("../image/mobile/formulation-mobile.jpg") center/cover no-repeat;
}
.bg-corporategov::before{
    background: url("../image/mobile/corporate-governance-mobile.jpg") center/cover no-repeat;
}
.bg-manufacturing::before{
    background: url("../image/mobile/manufacturingmobile.jpg") center/cover no-repeat;
}
.bg-postalballot::before{
    background: url("../image/mobile/postal-ballot-mobile.jpg") center/cover no-repeat;
}
.bg-researchdevelopment::before{
    background: url("../image/mobile/r&d-mobile.jpg") center/cover no-repeat;
}
.bg-scrutinizerreport::before{
    background: url("../image/mobile/scurtize-report-mobile.jpg") center/cover no-repeat;
}
.bg-share-holding-pattern::before{
    background: url("../image/mobile/sharedolder-pattern-mobile.jpg") center/cover no-repeat;
}
.bg-statement::before{
    background: url("../image/mobile/investor-greivence-mobile.jpg") center/cover no-repeat;
}
.bg-investor::before{
    background: url("../image/mobile/investor-page-mobile.jpg") center/cover no-repeat;
}

/* mobile banners */







}

/* mobile end */

@media (min-width:767px) and (max-width:1020px) {
  .bg-right-mobile .w-60 {
    width: 80% !important;
  }
  .bg-left-arrow:before {
    left: 50px;
  }
  .bg-left-dot-texture:after {
    right: 50px;
  }

  #slider .carousel-caption {
    width: 70%;        bottom: 0rem;
}
.usp-point .card .usp-content h4 {
   font-size: 1.2rem;
}

#slider .carousel-item h1, #slider .carousel-item h2 {
    font-size: 2.5rem !important;}

	section.poli-head {
		margin-top: 6rem !important;
	}	

	.board-section .people-grid.w-90 {
		width: 100%;
	}


}
  
@media (min-width:1024px) and (max-width:1030px) {
  .bg-right-mobile .w-60 {
    width: 60% !important;
  }
  .bg-left-arrow:before {
    left: 120px;
  }
  .bg-left-dot-texture:after {
    right: 180px;
  }
	.white-box  h2{
		font-size: 1.9rem;
	}
	.vision-section h3 {
		font-size: 1.5rem;
	}
	.vision-section .col-lg-6.md-pt-5 {
        padding-top: 0rem !important;
    }
.lg-footer-btm-minus{        margin-bottom: -5rem;
	position: relative;
	z-index: 1;}

}
/*responsive  search bar*/
@media screen and (max-width: 600px) {
  
}
/* Mboile styles */
@media (max-width:990px) {

  
  .w-60, .w-50 .w-70 {
    width: 90% !important
  }
  .p-4, .p-5 {
    padding: 1.5rem 0 !important;
  }
 
 
  h1 {
    font-size: 1.8rem;
  }
  h2 {
    font-size: 1.3rem;
  }
  .font-size-medium {
    font-size: 18px;
  }

  header .navbar a.dropdown-item {
	padding: 0.5rem 1rem !important;
	border-bottom: 1px solid #e6e6e6;
	border-radius: 0 !important;
	font-size: 0.9rem;
}
.navbar-nav .dropdown-menu {
    box-shadow: none !important;
}


}

@media(max-width:1030px) {
  .show-on-large {
    display: none;
  }

.career-key .row {gap: 1rem;}
.career-key .row .col-md-2 p {		font-size: 1rem;}

}
@media (max-width:600px) {
  h1 {
    font-size: 25px !important;
  }
  .h3, h3 {
    font-size: 1rem;
  }
  .w-50 {
    width: 100% !important
  }
  .d-ml-5 {
    margin-left: 0rem
  }
 
  .m-pt-0 {
    padding-top: 0 !important
  }
  .w-80 {
    width: 100% !important;
    padding-top: 2rem
  }
 
  .mb-5, .my-5 {
    margin-bottom: 0 !important;
  }
  .mt-5 {
    margin-top: 0 !important;
  }
  .sm-p5 {
    padding: 1.5rem !important;
  }
  .py-6, .py-8 {
    padding: 4rem 0;
  }
  .w-70 {
    width: 100%
  }
  .py-5 {
    padding: 1rem 0 !important
  }
  .font-size-medium {
    font-size: 15px;
  }
  footer p {
    text-align: center;
  }
  .section-pt {
    padding-top: 50px !important;
  }
  .btm-img {
    max-width: 100%;
    height: auto
  }
  .ml-6 {
    margin-left: 0rem;
  }
  .ml-20 {
    margin-left: 0rem;
  }
 




}
@media (min-width:765px) and (max-width:1025px) {
  .d-ml-5 {
    margin-left: 0rem
  }
  .key-section .card img {
    height: auto !important;}
}

thead, tbody, tfoot, tr, td, th {
    border-color: #ebebeb !important;}
	
#investortable	table > tr{ border-color: #e45722 !important;}

#financialreport .nav-pills .nav-link.active  {
    color: #000 !important;
    background-color: transparent !important;
}

header .navbar a.dropdown-item {
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: capitalize;
	padding: 0.8rem 2.5rem;
	border-radius: 1rem;
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: transparent;
}


.carousel-control-prev, .carousel-control-next {
    width: 5%;}



		/* ipad css  */
	@media (min-width: 900px) and (max-width: 991px) {
		.navbar-collapse {height: 100vh;		}

		}

	/* ipad css  */
	@media (min-width:768px) and (max-width:992px) {
		h1 {font-size: 2.3rem !important;		}
		.md-pt-4{padding-top: 3rem !important;}
		.md-px-0 {padding-left: 0 !important; padding-right: 0 !important;}
		.md-mx-0 {     
			margin-left: 0 !important;
			margin-right: 0 !important;}
		.sm-flex-reverse-column{flex-direction: column-reverse;}
		section p.fs-5.fw-normal {
			font-size: 1.1rem !important;
			margin-bottom: 0;
		}
		.navbar-collapse {
			transition: .15s linear;
		}
	section.cta-section {
		padding-top: 3.5rem !important;
		padding-bottom: 3.5rem !important;
	}
	.re-block img {
        height: 100%;
        width: 100%;
    }
	.re-block .col-md-6 {width: 50%;border-radius: 10px;}


	.re-block .accordion-body{
		height: 230px;
		overflow-y: scroll;
	}
	.re-block .accordion-item {
		padding: 0.5rem 0.5rem !important;
	}
	.re-block .accordion-button {
        padding-bottom: 5px !important;
    }



	.re-block table tr td{
			font-size: 15px;
		}

		.card-box {padding: 1rem;		}

		.board-section .col-md-3 {
			width: 50% !important;
			padding: 0.5rem !important;
		}

		.board-section img.pb-2 {
			width: 50% !important;
		}

		.api-port .accordion-header .icon-list1 {
						font-size: 1rem;}

						.head-table .icon-list1 span.fs-6 {
							font-size: 0.8rem !important;
									}
.api-port .head-table span img {		padding: 2px;}
.api-port .accordion-flush .accordion-item .accordion-button, .api-port .head-table {
    padding: 0.8rem 0.5rem !important;font-size: 1rem !important;}
	.api-port .head-table .pro-heading{font-size: 1rem !important;}

	.api-port table tr td {
		padding: 1rem 0.3rem !important;
	}
	.api-port .accordion-body {
		padding: 0;
	}
	.footer-top-curve-1 {
		clip-path: ellipse(80% 100% at 50% 0%);       
		webkit-clip-path: ellipse(80% 100% at 50% 0%);   
		 padding-bottom: 6rem !important;
	}

	.white-box {		
		min-height: auto;
		width: 90%;
		margin: auto;
		margin-top: -5rem;
	}

	.white-block-right, .white-block-left {
        z-index: 1;
        position: relative;
    }
	.banner-section p {
	padding-bottom: 0 !important;
	}
	.navbar-expand-lg .navbar-nav li.nav-item {
		margin-left: 0;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.navbar-nav {
		padding-top: 1rem;}

		div.sm-section, section.sm-section{
			padding-top:2rem !important;
			padding-bottom: 2rem !important;
		} 
		#envorimentsec .row, .csr-sec .row
		{      padding: 2rem 0 !important}
		.usp-point .card, .closer-section .card .card-body {padding: 1rem;}
		.closer-section .card img {height: 200px;}
		.closer-section h5{	min-height: 66px}
		.closer-section h5, .vision-section h3 {font-size: 1.3rem;}

		.key-section .card p {font-size: 0.9rem;}
		.contact-section h3, .contact-section h5 {   font-size: 1.5rem !important;}
		.board-section h5 {font-size: 1.2rem;}
		.board-section .card-box{padding: 0}

		.counter-box p {font-size: 0.9rem;}

		.degree-info .nav-link span {
	        width: 100px;
        height: 100px;        font-size: 0.9rem;
		}
		
		.degree-info li:nth-child(odd) .nav-link::before,
		.degree-info li:nth-child(even) .nav-link::after{
			width: 134px;
			height: 65px;     
			font-size: 0.85rem;
		}

		#envorimentsec .bg-yellow-shade .row, .csr-sec .bg-yellow-shade .row {
			flex-direction: column-reverse;
		}
		.tradingview-widget-container iframe {
			height: 500px !important;
			}

		.md-w-100{width: 100% !important;}
		.career-key .row .col-md-2 {
			flex: 0 0 calc(25% - 0px) !important;
		}
		.md-footer-btm-minus{
			margin-bottom: -5rem;
			position: relative;
			z-index: 1;
		}
		.next-sec {
			width: 85%;
		}

}
	/* ipad css  */





	/* ipad to ipad pro css  */
	@media (min-width:768px) and (max-width:1030px) {

		.md-pt-5{padding-top: 3rem !important;}
		.pb-md-1 {padding-bottom: 0 !important;}
		.fs-18 {
			font-size: 1rem !important;
		}
		.py-md-0{        
			padding-top: 0 !important;
			padding-bottom: 0 !important;}

		.section-gap {padding-top:2rem !important; padding-bottom:2rem !important}
	.counter-section .container .row .col{ width: 50%; flex: auto;    padding:0rem;}
	.counter-section .container .col img{ width: 70%;}
	.counter-box h3 {font-size: 1.5rem;}
	.timeline-section .tab-content h3 {
		font-size: 10rem  !important;}
	.tab-content .info p {
			font-size: 1rem !important;}

	.timeline-section {padding: 4rem !important;	
	}

    .banner-section .container .col-md-7 {
        width: 90%;
    }

	.counter-section .container {
				padding-bottom: 1rem !important;
			}
	.cta-section h3	{
				font-size: 1.3rem;
				line-height: normal;
			}
	.closer-section .row {
				margin: auto;
				grid-column-gap: 2rem;}
	.value-section .row.py-6 .align-content-center {
					padding-top: 0 !important;
				}

	.facility-section .tab-content .col-sm-12.col-md-5 .pt-4 {
			padding: 0 !important;
		}	
		
		.facility-section h3.font-20 {
			font-size: 1.1rem !important;
			line-height: 1.5;
		}	
		.contact-section .bg-grad-reddish, .contact-section .bg-bluish  {
			padding: 1rem !important;
		}

		.re-block {padding: 0 !important;
				align-items: self-start;}
			
		/* .re-block, .re-block img {
			padding-top: 2rem;
		} */
		.popup {    width: 60%;}	

		.board-section img.pb-2 {
			width: 100%;
		}

		.prd-list .sym-icon img {
			width: 50px;
			padding: 0;
		}
		.prd-list .gridtab--0 > dt {
			padding: 1rem !important;
		}
		.cold-image ul {
			gap: 1rem 0.5rem;
			padding: 0;
		}
		.fs-med {
			font-size: 1.1rem;
		}
		#envorimentsec .row .col-lg-6, .csr-sec .row .col-lg-6 {
			width: 100%;
		}
		.re-block table tr td, .re-block table tr th, .re-block .accordion-body {
			font-size: 0.95rem !important;
		}

		.vision-section .row-gap-5 { --bs-gutter-x: 3rem;}

		#slider .carousel-item, #slider .carousel-item > img {
			object-fit: cover;	}
       .closer-section .card .card-text {
        min-height: 250px;
        margin-bottom: 0;
		 }		
		.blog-listing .news-img-box {
			height: 100%;
		}
		
		#slider .carousel-caption {
			width: 80%;
		}
		#slider .carousel-item h1, #slider .carousel-item h2 {
			font-size: 3rem !important;
		}
		.contact-section h3, .contact-section h5, .corp-section h3{
			font-size: 1.8rem;
		}
		.regulatory-approvals .container {padding: 1.5rem !important;}
		.regulatory-approvals .card { padding: 1rem 0;}
		.val-box {        padding-left: 0.5rem;	padding-right: 0.5rem;}
		.footer-top-curve {
				clip-path: ellipse(180% 100% at 50% 0%);
				-webkit-clip-path: ellipse(180% 100% at 50% 0%);
			}

			.slisection .carousel-item img, .slisection .carousel-item {
				height: 55vh !important;
			}

			.faci-section .px-2 {
				padding-right: 0.5rem !important;
				padding-left: 0.5rem !important;
			}

.formulation .row .bg-yellow-shade{
    align-items: center;        padding: 1rem !important;
}
.formulation .row .bg-yellow-shade .w-20 {
    width: 10%;
}
.board-section .gridtab--0 >dt.is-active {
	border-bottom: 0 !important;
	padding: 0rem !important;
	transition: 0s;
}

.profile-thum {
	padding: 1.1rem 1.1rem;
}
.team-content {
      padding: 1rem;
}
.white-box .csrcontent {
    min-height: auto;
}
.facility-section .icon img {
    width: 5%;
}
.content-box p.small br {
	display: none;
}
.contact-box { padding: 1rem !important;}
.contact-box h5 {  font-size: 1.3rem; }
.contact-box p br{display: none;}
.usp-point .card .white-line-btn {
	color: var(--bs-black) !important;
	border: 1px solid var(--bs-black) !important;
}
.usp-point .card .heightp {
	min-height: 230px;
}
.usp-point .card, .closer-section .card .card-body{
	padding: 1.1rem;
}
.timeline-section.career-tabs {
    margin-top: 2rem;
}
.head-table .icon-list1 span {
    min-height: 75px;
}
.api-port .head-table{ padding-bottom: 0 !important;}

.footer-btm-minus{
    margin-bottom: -4rem;
    z-index: 1;
    position: relative;
}
.pillar-sec .col-md-6 {
	flex: 0 0 calc(47% - 0rem) !important;
}
.pillar-sec .row {
	gap: 2rem !important; 
	 padding-top: 2rem !important;}


	}
	/* ipad to ipad pro css new */

	/* above ipad pro css new */
	@media (min-width:993px) and (max-width:1399px) {

		.vision-section .v-block .p-5 {
			padding: 1rem !important;
		}

		.vision-section h2 {
			font-size: 1.5rem;
		}
		
		.v-block{
			width: 40% !important;
		}

		.vision-section .col-lg-6.align-content-center.p-0 {
			width: 60%;
		}
	   .counter-section .container .row .col { width: 25%; }
	   .white-box {
        min-height: auto;
		transform: none;
        z-index: 111;
        position: relative;       
    }
	.white-block-left {
		left: 6%;
        margin-top: 0 !important;
	}
	.white-block-right {
		right:6%;		
        margin-top: 0 !important;
   }
	 .csr-sec .row img, #envorimentsec .row img{
		height: 450px;
		object-fit: cover;
	}
	.pillar-sec{        padding: 4rem 0 !important;}
.bg-mission .gradient-box {    padding: 2rem !important;}

.navbar-expand-lg .navbar-nav li.nav-item {
	margin-left: 1.8rem;
}

.degree-info .nav-link span {
    width: 120px;
    height: 120px;
}

.degree-info li:nth-child(odd) .nav-link::before,
.degree-info li:nth-child(even) .nav-link::after{
	width: 154px;
	height: 75px;
}

.re-block .accordion-body{
	height: 300px;
	overflow-y: scroll;
}
	}


			/* 1050 css new */
			@media (min-width:1030px) and (max-width:1400px) {

				.section-gap {
					padding-top: 3rem;
					padding-bottom: 3rem;
				}

				.csr-sec .list-section li, #envorimentsec .list-section li {
						font-size: 0.9rem;
				}
				#envorimentsec .row h2, .csr-sec .row h2 {
					font-size: 1.55rem !important;
				}

				.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
					max-width: 93%;
				}
				#envorimentsec .row .col-lg-6, .csr-sec .row .col-lg-6 {
					width: 100%;
				}
			
				.white-box {
					min-height: auto;
					width: 100%;
					margin: auto;
					margin-top: -5rem;
				}		
			}
	
	@media (min-width:1035px) {
	.counter-section .col {
		margin-bottom: 1.4rem;
	}

	.right-btn, .left-btn{    display: none ;}
	.pr-0 {
		padding-right: 0 !important;
	}
	.vision-section .row{gap:5rem}
	.vision-section .col-sm-12{flex: 1;}

	}


	@media screen and (max-width: 1050px) {
		section {margin: 0 0;		}	
		.tab-nav-bar {margin:0;	}
	
		.tab {padding: 0}		
	}
	
	
#stories .blog-listing img {
    width: 100%;
    border-radius: 10px;
    display: block;
    padding-bottom: 0 !important;
    height: 100%;
    object-fit: cover;	
	transition: all 0.5s linear;
}
.blog-listing  .news-img-box{overflow: hidden;    padding: 0;    border-radius: 10px; }
.blog-listing .clickable-box:hover img{  
	  -webkit-transform: scale(1.08);
    transform: scale(1.08);
	transition: all 0.5s linear;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1.08, 1.08, 1.08);
}

.contact-section .col-md-6 {
        padding-left: 10px;
        padding-right: 10px;
    }
    	@media (min-width:1200px) and (max-width:1290px) {
	    .card-value{   left: 30%;}

	}
    @media (min-width:1050px) and (max-width:1070px) {	   
        
        .counter-box h3 {  display: block;    font-size: 2rem;}
        .card-value{  left: 28%;}
        
	}
	
	  @media (max-width:767px) {	 

			.box1  .py-2{
			padding-top: 0 !important;
			}
			.box1 .pb-0{
				padding-bottom: 0 !important;}
			.box1 .card-value {
				left: 25%;
			}
			.board-section .gridtab--0 > dt {
					min-width: 100% !important;
			}
	      
	  }
	  
	  
.card-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: unset !important;
      margin: 50px auto;
      --bs-gutter-x: 0 !important;

    }



.bg-red {
      background-color: #f07c00 !important;
    }

.prd-list .new-imgbox a p {
      margin: 0 !important;
      color: #f07c00 !important;
      text-transform: capitalize;
    }

.span1 {
      margin-left: 0 !important;
    }

.new-imgbox:hover {
      box-shadow: none !important;
    }

.cold-image ul {
      display: flex;
      flex-wrap: wrap !important;
      justify-content: space-evenly;
      list-style: none;
	  gap: 2rem 0.5rem;
    }

.cold-image img {
      height: 200px;
      width: auto;
    }

    .cold-image ul li {
      text-align: center;
      flex: 0 0 calc(25% - 00px) !important;
    }

    #pharmadivision .accordion-item img {
      width: auto !important;
    }

    .prd-list img.pb-1 {
    width: 30% !important;
}

.prd-list    .overlay .modal-dialog {
	max-width: 100%;
}
.prd-list .overlay {
    position: unset;}
.new-link1::before, .new-link1::after {
    position: absolute;
    width: 100%;
    height: 1px;
    background: #f07c00;
    top: 100%;
    left: 0;
    pointer-events: none;
}
.new-link2::before, .new-link2::after {
    position: absolute;
    width: 100%;
    height: 1px;
    background: #ffffff;
    top: 100%;
    left: 0;
    pointer-events: none;
}
@media (max-width: 768px) {
.pt-sm-2{
  padding-top: 2rem !important;
}
}
@media (min-width: 576px) {
    /* .pt-sm-2 {
         padding-top: 0 !important; 
    } */
	.overlay .modal-dialog {
        max-width: 800px;
           }
}

.click-active .collapsed{
    background-color: #e9790040 !important;
}

.submit-success{
	font-weight: 700;
	color: green;
}

.submit-error{
	font-weight: 700;
	color: red;
}
/*28/02/2024*/
.pb-10{
	padding-bottom: 10rem;
}

.pb-12{
	padding-bottom: 12rem;
}

#financialreport .accordion-button:not(.collapsed)::after {
		background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23EB0000'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
} 
#financialreport  .accordion-flush .accordion-item .accordion-button {
    border-radius: 8px;
}
.accordion-button:not(.collapsed){
	background-color: inherit !important;
	border: 0 !important;
    box-shadow: none !important;
	border-radius: 0px !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

.two-col-section {
	background-color: #f8f9fa; 
	padding: 60px 0;
}

.contact-box {
	padding: 3rem;
}

.two-col-section .row{
	background: white;
	border-radius: 10px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.contact-box h5 {
	color: #333;
	border-bottom: 2px solid #EB0000;

	padding-bottom: 10px;
	margin-bottom: 20px;
}

.contact-box p {
	margin-bottom: 8px;
	color: #555;
}

.contact-box a {
	color: var(--bs-reddish);
	font-weight: 600;
	text-decoration: none;
}

.contact-box a:hover {
	text-decoration: underline;
}

.api-port .accordion-button:hover{
    background-color: var(--cream-1) !important;
}

.api-port .accordion-button::after, .api-port [aria-expanded="false"]::after{
	background-color: #fff;
}

.regulatory-approvals .card{
	padding: 1rem;
	border: 1px solid transparent !important;
}


.regulatory-approvals img{    transition: all 0.5s linear;}

.regulatory-approvals .card:hover img{
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
    transition: 0.7s ease;
}
.regulatory-approvals .tool-text::after {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	bottom: -10px;
	border-width: 5px;
	border-style: solid;
	border-color: #fff transparent transparent;
}

/* banner heights */

/* Default height for large screens */
#slider .carousel-item, #slider .carousel-item > img{
	height: 60vh; /* General height */
	min-height: 300px; /* Ensures a minimum height */
	
  }


  @media (min-width: 2500px){
	.footer-top-curve-1 {   padding-bottom: 8rem !important;}
  }
  
  @media (min-width: 1000px) and (max-width: 1350px) {
	.career-key .row .col-md-2 p {		font-size: 1rem;}
  }

/* 1360 devices */
@media (min-width: 1300px) and (max-width: 1400px) {
/* #stories p {
    font-size: 1rem !important;
} */
.closer-section .card .card-body {
    padding: 1.2rem;
}
.closer-section .card .card-text {
    margin-bottom: 0;
}
.closer-section .card img {
	height: 180px;}
.navbar.active {
padding-top: 0.7rem !important;
padding-bottom: 0.7rem !important;
}	
.closer-section h2{  margin-bottom: 0;}
.bg-investimg .row.py-5 { padding-top: 3rem !important;  padding-bottom: 3rem !important;}
.vision-section h3 {  font-size: 1.5rem;}
.usp-point .card .heightp {   min-height: 140px;}
.tradingview-widget-container {
	height: 450px !important;
}
.blog-listing .news-img-box {
	height: 200px;
}

}

  /* MacBook Pro & Large Screens */
  @media (min-width: 1440px) and (max-width: 1500px) {
  .banner-section .col-md-7 {
	width: 50%;
}
.degree-info .nav-link span {
	padding: 10px;
    width: 150px;
    height: 150px;
}

.degree-info li:nth-child(odd) .nav-link::before,
.degree-info li:nth-child(even) .nav-link::after{
	width: 184px;
	height: 90px;
}
.footer-top-curve-1 {   padding-bottom: 8rem !important;}

.pillar-sec .col-md-6 {
	flex: 0 0 calc(45% - 0rem) !important;
}
.pillar-sec .row {gap: 2rem !important;}


  }

  @media (min-width: 1030px) and (max-width: 1250px) {
	#slider .carousel-item, #slider .carousel-item > img, .banner-section {
		height: 65vh;
	  }
	  .pillar-sec .col-md-6 {
		flex: 0 0 calc(45% - 0rem) !important;
	}

	.blog-listing .news-img-box {
		height: 100%;
	}
    .tradingview-widget-container {
        height: 450px !important;
    }
	.blog-listing .news-img-box {
        height: 200px !important;
    }

	}
	@media (min-width: 1251px) and (max-width: 1430px) {
		#slider .carousel-item, #slider .carousel-item > img, .banner-section {
			height: 85vh;
		  }	 
		  
		  .pillar-sec .col-md-6 {
			flex: 0 0 calc(48% - 0rem) !important;
		}
		.pillar-sec .row {gap: 2rem !important;}

		  
		}

  @media (min-width: 1440px) {
	#slider .carousel-item, #slider .carousel-item > img, .banner-section {
	  height: 85vh;
	}
  }
  
  /* iPads & Tablets */
  @media (max-width: 1024px) {
	#slider .carousel-item, #slider .carousel-item > img,  .banner-section{
	  height: 50vh;
	}
  }
  
  /* iPad Mini & Smaller Tablets */
  @media (max-width: 820px) {
	#slider .carousel-item, #slider .carousel-item > img, .banner-section {
	  height: 50vh;
	}
  }
  
  /* iPhones & Small Screens */
  @media (max-width: 768px) {
	#slider .carousel-item, #slider .carousel-item > img, .banner-section{
	  height: 45vh;
	}
  }
  
  /* iPhone SE & Compact Devices */
  @media (max-width: 480px) {
	#slider .carousel-item, #slider .carousel-item > img ,  .banner-section{
	  height: 100vh !important;
	}


  }