*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
body{
margin: 0;
padding: 0;
box-sizing: border-box;
overflow-x: hidden;
font-family: 'Roboto', sans-serif;
}
body a:hover{
text-decoration: none;
color: #000;
}
body li{
font-family: 'Roboto', sans-serif;
font-weight:400;
}
ul {
padding: 0px;
}
h3, h4{
font-family: 'Roboto', sans-serif;
font-weight:600;
}
/*html {
scroll-behavior: smooth;
}*/
/* font converted using font-converter.net. thank you! */
/* font converted using font-converter.net. thank you! */
/*@font-face {
font-family:"Segoe UI Semilight";
src: url("../fonts/segoe-ui-semilight.ttf") format("truetype"),
font-weight: normal;
font-style: normal;
}*/
/* font converted using font-converter.net. thank you! */
/*@font-face {
font-family:"Segoe UI Semibold";
src: url("../fonts/segoe-ui-semibold.ttf") format("truetype"),
font-weight: normal;
font-style: normal;
}*/
/* font converted using font-converter.net. thank you! */
/*@font-face {
font-family:"Segoe UI Light";
src: url("../fonts/segoe-ui-light.ttf") format("truetype"),
font-weight: normal;
font-style: normal;
}*/
/* font converted using font-converter.net. thank you! */
/*@font-face {
font-family:"Segoe UI Black";
src: url("../fonts/segoe-ui-black.ttf") format("truetype"),
font-weight: normal;
font-style: normal;
}*/
/*@font-face {
font-family:"Segoe UI";
src: url("../fonts/segoe-ui-bold.ttf") format("truetype")
font-weight: normal;
font-style: normal;
}
*/
/* font converted using font-converter.net. thank you! */
/*@font-face {
font-family: "Segoe UI";
src: url("../fonts/segoe-ui.ttf") format("truetype"),
font-weight: normal;
font-style: normal;
}*/
.f-thin{
font-family: 'Roboto', sans-serif;
font-weight:400;
}
.f-light{
font-family: 'Roboto', sans-serif;
font-weight:400;
}
.f-medium{
font-family: 'Roboto', sans-serif;
font-weight:500;
}
.f-bold{
font-family: 'Roboto', sans-serif;
font-weight:700;
}
.f-black{
font-family: 'Roboto', sans-serif;
font-weight:900;
}
p{
font-family: 'Roboto', sans-serif;
font-weight:400;
}
h4{
font-family: 'Roboto', sans-serif;
font-weight:500;
}
a {
text-decoration: none;
}
button:focus {
outline: 0;
box-shadow: none;
}
.black {
color: #111c16;
}
.green {
color: #069648;
}
.yellow {
color: #e2e659;
}
.white {
color: #fff;
}
.grey {
color: #747373;
}
h1, h2{
font-size: 37px;
font-weight:bold;
font-family: 'Roboto', sans-serif;
text-align:center;
}
header {
position: fixed;
top: 0;
width: 100%;
left: 0;
height: 80px;
right: 0;
z-index: 5;
padding: 0px 0 0px;;
background-color: transparent;
transition: all 0.3s ease-in-out;
/*box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.23);*/
}
header.shrink{
animation: 0.3s 0.3s fadeInDown both;
background: #fff;
box-shadow: 0px 2px 10px #00000059;
transition: all 0.3s ease-in-out;
}
header.shrink .navbar-expand-md .navbar-nav .nav-link{
color: #000;
}
header.shrink .navbar-expand-md .navbar-nav .nav-link span{
color:#000;
}
header.shrink .navbar-expand-md .navbar-nav .nav-item:nth-child(10) .nav-link{
color: #000;
}
header .container {
position: relative;
left: 0;
right: 0;
margin: 0 auto;
width: 100%;
}
header .header {
display: block;
left: 0;
right: 0;
margin: 0 auto;
transition: all 0.3s ease-in-out;
opacity: 1;
z-index: 1;
position: relative;
}
header .header-white {
position: absolute;
top: 0;
left: 0;
right: 0;
opacity: 0;
transition: all 0.3s ease-in-out;
}
header .main-logo {
position: absolute;
top: 0px;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.icon-box.global-customers {
height: 90px;
}
header .mobile-navbar {
position: relative;
right: 0;
top: 20px;
}
header.shrink .main-logo {
opacity: 1;
}
header.shrink .logo-white{
opacity:0;
}
.navbar-expand-md .navbar-nav .nav-link.active,
.navbar-expand-md .navbar-nav .nav-link:hover,
header.shrink .navbar-nav .nav-link:hover,
header.shrink .navbar-nav .nav-link.active{
color: #014aad;
}
.navbar-expand-md{
display: flex;
align-items: center;
justify-content:flex-end;
padding: 5px 0 8px;
}
.navbar-expand-md .navbar-nav .nav-link{
font-size: 15px;
text-transform: uppercase;
color: #fff;
padding-left: 20px;
padding-right: 20px;
transition: all 0.3s ease-in-out;
position:relative;
padding-bottom: 20px;
}
.navbar-expand-md .navbar-nav .nav-item:nth-child(11) .nav-link{
padding: 6px 7px;
background: #ba2a21;
z-index: 1;
border:none;
}
.navbar-expand-md .nav-item:nth-child(11) .nav-link:hover:before{
background: #000;
}
.navbar-expand-md .nav-item:nth-child(11) .nav-link:hover{
color: #fff;
}
.navbar-expand-md .nav-item:nth-child(7) span ,.navbar-expand-md .nav-item:nth-child(8) span{
color:#fff;
font-size: 20px;
padding-right: 5px;
}
header.shrink .navbar-expand-md .nav-item:nth-child(8) span{
color:#a49557;
font-size: 20px;
}
.logo-white img {
width: 140px;
}
.main-logo img{
width: 150px;
}
header.shrink .top-head ul li:nth-child(5) a{
color:#abc2bc;
}
header.shrink .top-head ul li a{
color: #48786d;
}
.home-slider .caption {
position: absolute;
top: 0%;
left: 0%;
right: 0;
height: 100%;
margin: 0 auto;
display: flex;
}
.caption-left {
position: relative;
height: 85%;
top: 15%;
color: #e678170d;
z-index: 5;
width: 70%;
padding-top: 20%;
padding-left: 20px;
padding-bottom: 20%;
background-image: linear-gradient(transparent, #014aada1 70%)
}
.caption-left h1 {
width: 900px;
font-size: 55px;
line-height: 60px;
font-weight: bold;
text-align: left;
}
.navbar-brand {
position: absolute;
top: 0px;
left: 15px;
font-size: 40px;
}
.navbar-expand-md .navbar-nav .nav-link span {
font-size: 22px;
/* padding: 0px; */
}
.navbar-expand-md .navbar-nav .nav-link:nth-child(9){
padding:0px
}
.home-slider.owl-theme .owl-nav [class*=owl-] {
margin: 0;
background: transparent;
/* padding: 7px 11px; */
/* font-size: 2px; */
color: #fff;
border-radius: 50px;
border: 2px solid #fff;
margin: 5px;
padding: 5px 7px;
/* position: relative; */
/* top: 0px; */
}
.home-slider .owl-nav span {
font-size: 20px;
/* margin-top: 10px; */
/* border-radius: 50px; */
position: relative;
top: 2px;
}
.counters-div .count-box .icon-box.global-customers span {
font-size: 75px !important;
}
.home-slider.owl-theme .owl-nav [class*=owl-]:hover{
background-color:transparent;
}
.orange {
color: #014aad;
}
.sustainability h2 {
font-size: 17px;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 5px;
text-align: left;
}
.team-contents .content h2{
text-align:left;
}
.sustainability h1 {
font-weight: bold;
text-align:left;
font-size: 33px;
}
.home-slider .owl-nav {
position: absolute;
bottom:3%;
right: 4%;
overflow: hidden;
}
.foot-top{
padding: 20px 0;
}
.foot-top .container{
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #cccccc26;
}
.btm-strip .container{
border-top: 1px solid #cccccc26;
padding: 10px 0px 0px;
}
.column .addre-wrapp h5 {
margin-bottom: 5px;
}
.foot-top .container h2{
color: #fff;
font-size: 25px;
}
.column a.locations span {
font-size: 12px;
float: right;
position: relative;
right: 60px;
top: 10px;
color: #ccc;
}
.common-btn{
border:2px solid #fff;
font-size: 13px;
text-transform: uppercase;
width: 130px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
border-radius:20px;
position: relative;
overflow: hidden;
z-index: 1;
/*border:none;*/
}
.common-btn:hover:before {
width: 100%;
height:100%;
left:0px;
}
.common-btn:before{
position: absolute;
content: "";
left:-4px;
width:0%;
height:100%;
background: #0e4065;
z-index: -1;
transition: all 0.3s ease-in-out;
top: 0;
}
.common-btn:hover{
color: #fff;
}
.slider-section .common-btn {
width: 60%;
font-size: 15px;
}
h6{
font-family: 'Roboto', sans-serif;
font-weight: 500;
}
.vision-mission .vision-mission-wrapp li{
position: relative;
font-size: 14px;
color: #0e4064;
padding-left: 5px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
margin-left: 20px;
}
.vision-mission .vision-mission-wrapp .vision-single .visi-border {
top: -10px;
}
.vision-mission .vision-mission-wrapp .visi-border {
position: absolute;
top: 0px;
}
.foot-top .common-btn {
background: #907e34;
color: #fff;
z-index: 1;
border: 1px solid #907e34;
}
.main-footer .footer-wrapp{
display: flex;
}
.main-footer {
padding: 40px 0 50px;
background: #014aad;
width: 100%;
}
.column:nth-child(1){
width: 22%;
}
.column:nth-child(2){
width: 22%;
}
.column:nth-child(3){
width: 15%;
}
.column:nth-child(4) {
width: 40%;
}
.column:nth-child(5){
width: 25%;
}
.column:nth-child(6){
width: 20%;
}
.main-footer .column a {
color: #ebffff;
font-size: 16px;
text-transform: uppercase;
line-height: 30px;
}
.column a{
display: block;
padding-bottom: 10px;
line-height: 1.1;
}
.column.newsletter .form-control {
background-color: transparent;
border-radius: 20px;
width: 90%;
margin-top: 10px;
color:#d0dbe4;
}
.column.newsletter .form-control::placeholder{
color:#d0dbe4;
}
.column.newsletter button {
position: absolute;
top: 39px;
right: 45px;
border-radius: 50px;
padding: 2px 8px;
border: 0px;
font-size: 15px;
background: #f39229;
color: #fff;
}
/*.column:nth-child(1) a{
font-size: 18px;
display: inline-block;
color: #a2a7aa;
margin-left: 10px;
}*/
.column.newsletter {
position: relative;
}
.column .social {
margin-top: 30px;
align-items: center;
justify-content: center;
margin: 10px;
}
.column .social a{
margin:10px;
font-size:25px;
}
.btm-strip {
background: #014aad;
color: white;
padding: 10px;
}
.btm-strip a{
color: #4f5152;
}
.column h5 {
font-size: 20px;
color: #fff;
margin-bottom: 10px;
}
footer a,
footer p{
color: #8ea4a8;
font-size: 15px;
}
footer p{
margin-bottom: 0;
color:#d0dbe4;
}
.sustainability {
position: relative;
margin: 90px 0px;
}
.sustainability p {
color: #848484;
}
.sustainability .img-wrapp {
float: left;
position: relative;
}
.sustainability .img-right {
position: absolute;
/* float: left; */
top: 0px;
right: 0px;
}
.sustainability .img-wrapp span {
position: absolute;
bottom: 15px;
left: 20px;
background: #fff;
padding: 5px 40px;
font-size: 17px;
}
.sustainability .img-wrapp span.bg-orange {
background: #e7922fe3;
color: #fff;
}
.sustainability .img-wrapp span.bg-blue {
background: #1f4d6fe0;
color: #fff;
left: 16%;
}
.sustainability .img-right span {
position: absolute;
top: 25px;
left: 30px;
background-color: #ee663e;
color: #fff;
padding: 5px 40px;
font-size: 17px;
}
.sustainability .img-div {
position: relative;
padding-top: 15%;
z-index: 1;
}
.sustainability a {
color: #000;
transition: all 0.3s ease-in-out;
}
.sustainability a:hover{
color:#000;
}
.home-about .about-wrapper .img-wrapp {
width: 60%;
}
.home-about .about-wrapper {
display: flex;
margin-top: 11%;
}
.home-about .content-wrapp h2 {
font-size: 17px;
font-weight: bold;
margin-bottom: 0px;
text-align: left;
}
.home-about .content-wrapp p {
color: #848484;
width: 80%;
}
.home-about .content-wrapp {
width: 40%;
padding-left: 40px;
}
.home-about .content-wrapp h1 {
font-weight: bold;
font-size: 35px;
text-align: left;
}
header.shrink .navbar-expand-md .navbar-nav .nav-link span{
color:#000;
}
.navbar-expand-md .navbar-nav .nav-item:nth-child(9) .nav-link{
padding-top: 8px;
padding-left: 0px;
cursor: pointer;
}
/*.job-wrapper {
display: flex;
align-items: center;
justify-content: center;
flex-wrap:wrap;
}
.job-description {
height: 120px;
padding: 5px 10px;
font-size: 14px;
}
.job-description a{
color:#000;
}
.single-job {
width: 32%;
margin: 6px;
border: 1px solid #000;
}
.job-header h3 {
font-size: 20px;
margin-bottom: 0px;
}
.job-header p {
font-size: 14px;
margin-bottom: 0px;
}
.job-header {
background-color: #677681;
color:#fff;
padding: 10px 10px;
}
.single-job:hover .job-header{
background-color: #003e77;
cursor:pointer;
}
.single-job:hover {
border: 1px solid #003e77;
cursor:pointer;
}*/
.value .value-wrapp .care-single:nth-child(2) {
background: #034a68;
}
.value .value-wrapp .care-single:nth-child(3) {
background: #969bb1;
}
.value .value-wrapp .care-single h4 {
margin-top: 15px;
}
.sustainability a span {
background: #f2932b;
padding: 6px 8px;
border-radius: 50px;
font-size: 11px;
margin-left: 10px;
}
.team-contents h5 {
margin-bottom: 25px;
}
.counters-div .count-box {
width: 20%;
padding: 7px;
margin-right: 20px;
cursor:pointer;
}
.counter {
display: flex;
align-items: center;
}
.counters-div .count-box .icon-box span {
font-size: 90px;
}
.counters-div .count-box h2 {
font-size: 50px;
margin: 0px;
display: inline-block;
color: #123f61;
line-height: 1.2;
font-weight:400;
vertical-align: bottom;
}
.counters-div .count-box .plus {
font-size: 20px;
display: inline-block;
color: #123f61;
line-height: 1.5;
}
.counters-div .text-box p {
color: #ed932e;
margin-bottom: 0px;
font-size: 18px;
margin-top: 10px;
}
.counters-div .text-box {
margin-top: 20px;
}
.counters-div .count-box:nth-child(1) {
margin-left: 3%;
}
.counters-div .count-box:nth-child(5) {
margin-right: 0px;
}
.counters-div {
padding: 100px 0px 60px;
}
.latest-updates h2 {
font-size: 17px;
font-weight: bold;
margin-bottom: 15px;
text-transform:uppercase;
text-align:center;
}
.latest-updates h1 {
font-weight: bold;
font-size: 40px;
text-align:center;
margin-bottom: 30px;
}
.updates-wrapp .caption {
color: #fff;
position: absolute;
bottom: 0px;
background: #ee663ed1;
width: 98%;
font-size: 15px;
padding: 15px 20px;
}
.img-wrapp.sust-productivity {
width: 55%;
position: relative;
left: 6%;
bottom: -185px;
}
.updates-wrapp .caption a {
color: #fff;
}
.updates-wrapp .caption a:hover{
color: #fff;
}
.updates-wrapp.updates2 {
position: relative;
width: 100%;
}
.latest-updates {
padding: 0px 25px 50px 40px;
}
.updates-wrapp.updates2 .caption p {
margin-bottom:0px;
}
.updates-wrapp.updates2 .caption {
width: 100%;
backdrop-filter: saturate(100%) blur(2px);
background: rgb(194 176 176 / 78%);
padding: 10px 20px;
}
.updates-wrapp.updates2:nth-child(1){
margin-bottom:15px;
}
.latest-updates .col-md-5, .latest-updates .col-md-7 {
padding: 7px;
}
.latest-updates a.btn-orange span{
background: #f2932b;
padding: 6px 8px;
border-radius: 50px;
font-size: 11px;
float:right;
}
.updates-wrapp .caption {
bottom: 7px;
}
.updates-wrapp.updates2 .caption {
bottom: 0px;
}
.latest-updates a.btn-orange {
float: right;
color: #000;
padding-right: 10px;
margin-top: 10px;
}
.product-wrapper {
display: flex;
justify-content: center;
align-items: flex-end;
}
.product-wrapper span {
font-size: 80px;
}
.product-wrapper .single-wrapper:nth-child(1) span{
font-size: 60px;
}
.single-wrapper {
width: 18%;
}
.home-product h2 {
font-size: 17px;
font-weight: bold;
margin-bottom: 15px;
text-transform: uppercase;
text-align: center;
}
.home-product h1 {
font-weight: bold;
font-size: 40px;
text-align: center;
margin-bottom: 50px;
}
.home-product p{
color:#797979;
margin-top: 15px;
}
.home-product {
padding: 20px 0px 70px;
}
.chairman-speech .parallax-container {
position: relative;
overflow: hidden;
height: 300px;
}
.chairman-speech .parallax {
position: absolute;
left: 0;
right: 0;
height:250px;
}
.chairman-speech .parallax .parallax-img {
position: absolute;
left: 50%;
bottom: 0px;
width: 100%;
min-height: 100%;
transform: translate3d(0,0,0);
transform: translateX(-50%);
}
.chairman-speech h3 {
text-transform: capitalize;
font-size: 17px;
text-align: right;
color: #fff;
}
.chairman-speech h1 {
font-size: 40px;
font-weight: 700;
text-align: right;
color: #fff;
}
.chairman-speech .container {
position: relative;
margin-top: -14%;
margin-bottom: 80px;
}
.speech-content {
border: 2px solid #dadada;
padding: 70px 30px 20px;
border-radius: 30px;
position:relative;
}
.chairman-speech p {
color: #5e5e5e;
}
.background-strip .img-wrapp h1 {
font-size: 20px;
color: #000;
text-align: center;
margin-top: 20px;
}
.background-strip .img-wrapp p{
text-align:center;
}
.background-strip .img-wrapp img{
margin:0 auto;
display:block;
}
.speech-content i {
position: absolute;
top: -55px;
color: #f29329;
font-size: 80px;
}
.chairman-speech .btn {
background: transparent;
padding: 0px;
position:relative;
}
.chairman-speech .btn span {
background: #f2932b;
padding: 8px 6px;
border-radius: 50px;
font-size: 7px;
transform: rotate(180deg) !important;
}
.btn.focus, .btn:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem transparent;
}
.sustainability .img-wrapp:hover img, .sustainability .img-right:hover img, .home-about .img-wrapp:hover img {
transform: scale(1.1);
}
.sustainability .img-wrapp, .sustainability .img-right, .home-about .img-wrapp {
overflow: hidden;
}
.sustainability .img-wrapp img, .sustainability .img-right img, .home-about .img-wrapp img {
transition: all 0.3s ease-in-out;
}
.latest-updates .img-wrapp:hover img{
transform: scale(1.1);
}
.latest-updates .img-wrapp{
overflow: hidden;
}
.latest-updates .img-wrapp img{
transition: all 0.3s ease-in-out;
}
.our-product h1 {
font-weight: 700;
text-align: center;
}
.our-product p {
text-align: center;
color: #656565;
font-size: 16px;
}
.highlight-single {
width:31%;
position: relative;
margin: 20px;
}
.highlight-single .text-box {
position: absolute;
left: 0;
bottom: 0;
height: 20%;
width: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content:center;
/*flex-direction: column;*/
transition: all 0.3s ease-in-out;
color: #fff;
background: #f09739;
}
.highlight-single .text-box h1{
font-size:30px;
margin-bottom:0px;
}
.highlight-single .text-box span {
font-size: 45px;
padding-right: 10px;
}
.highlight-single .text-box p {
color: #fff;
font-size: 15px;
text-align: center;
width: 100%;
line-height: 1;
display: block;
margin: 0;
}
.highlight-single:hover .text-box {
background: #002051cc;
height: 100%;
justify-content: center;
flex-direction: column;
}
.highlight-single span.right-arrow{
opacity:0;
}
.highlight-single:hover span.right-arrow {
opacity:1;
font-size:30px;
padding-top:10px;
}
.highlight-single:hover span {
font-size:110px;
padding-bottom: 10px;
}
.product-main{
display: flex;
align-items: center;
justify-content: center;
}
.our-product {
padding: 40px;
}
.breadcum-list a {
color: #737373;
}
.breadcum-list .right-arrow2 {
font-size: 8px;
padding: 0px 4px;
}
.home-product .common-btn {
background: #f39028;
margin: 0 auto;
width: 140px;
}
.breadcum-list {
padding: 15px;
font-size: 14px;
}
.gray{
color:#737373;
}
.products-info .product-left .nav-link.active .list_item {
display: block;
background: #f7f8fa;
padding: 0px 10px;
}
.products-info .product-left .nav-item .list_item {
width: 100%;
display: none;
}
.products-info .product-left .nav-tabs {
display: flex;
flex-direction: column;
border-bottom: none;
}
.products-info .product-left .nav-link {
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 0;
border: none;
padding: 15px 20px;
cursor: pointer;
font-size: 16px;
background-color: #0e4065;
transition: all 0.3s ease-in-out;
color: #fff;
}
.products-info .product-left .dropdown-item:last-child{
border-bottom:0px;
}
.products-info .product-left .dropdown-item {
white-space: inherit;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 0;
border: none;
padding: 18px 20px;
line-height: 1.2;
font-size: 16px;
background-color: #f7f8fa;
border-bottom: 2px solid #e2e3e5;
transition: all 0.3s ease-in-out;
}
.products-info .product-left .nav-item .nav-link span {
transform: rotate(90deg);
display: inline-block;
font-size: 13px;
}
.product-left.sticky {
width: 100%;
padding-top: 25px;
}
.product-right {
padding: 0px 0px 0px 40px;
}
.products-info .product-left .nav-tabs .nav-item {
margin-bottom: 20px;
}
.products-info .product-left .accordion.nav-link.active span {
transform: rotate(-90deg);
}
.card{
background-color:transparent;
border-radius:40px 0px 40px 0px;
}
/*.tab-pane.active {
animation: slide-down 0.5s ease-in-out
}
@keyframes slide-down {
0% { opacity: 0; transform: translateY(30%); }
100% { opacity: 1; transform: translateY(0%); }
}*/
.slider-section .common-btn:hover {
border: 0px;
}
.slider-section .common-btn span {
margin-top: 5px;
font-size: 9px;
}
.accordion {
background-color: #eee;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
}
.panel {
padding: 0 18px;
display: none;
background-color: #f7f8fa;
overflow: hidden;
}
.products-info .product-left .dropdown-item.active{
color: #f29329;
}
.product-listing .single-listing {
min-width: 29%;
padding: 15px 15px;
background: #fff;
box-shadow: 0px 6px 10px 0px rgb(0 0 0 / 7%);
/* margin-bottom: 20px; */
margin: 9px;
color: #000;
font-size: 16px;
text-align: center;
border: 1px solid rgb(244, 243, 243);
transition: all 0.3s ease-in-out;
}
.product-listing {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.no-padding {
padding-right: 0px;
}
.products-info .product-left .dropdown-item span {
font-size: 8px;
background: #f1742a;
padding: 5px 6px;
color: #fff;
border-radius: 50%;
opacity: 0;
}
.product-right h1 {
font-size: 27px;
font-weight: 700;
margin-bottom: 25px;
margin-left: 10px;
}
.products-info .product-left .dropdown-item.active span {
opacity: 1;
margin-top: 1px;
}
.products-info .product-left .nav-link:hover {
color: #fff;
transition: all 0.3s ease-in-out;
background-color:#0a2c44;
}
.product-listing .single-listing span {
font-size: 10px;
padding-left: 10px;
opacity: 0;
}
.product-listing .single-listing:hover{
background-color:#f1742a;
color:#fff;
transition: all 0.3s ease-in-out;
}
.product-listing .single-listing:hover span{
opacity:1;
}
.product-listing.end-useinner .single-listing {
width: 46%;
}
.bred-list .container {
display: flex;
align-items: center;
justify-content: space-between;
}
.bred-list .back-product a {
background: #dce5eb;
border-radius: 20px;
padding: 7px 12px;
font-size: 11px;
color: #0e4065;
font-weight: 600;
text-transform: uppercase;
}
.back-product span {
font-weight: bold;
}
.back-product .arrow22 {
background: #fff;
border-radius: 50%;
padding: 4px 6px;
font-size: 8px;
}
.product-right .common-btn {
background: #f1742a;
padding: 0px 20px;
width: 150px;
color: #fff !important;
cursor: pointer;
}
.product-right .common-btn span {
font-size: 10px;
}
.product-right table td.f-bold {
font-weight: 700;
}
.product-right table {
border: 1px solid #dee2e6;
margin-top: 30px;
}
.product-right .table thead th {
border-top:0px;
border-bottom:0px;
}
.product-right .download-btn {
padding: 15px 20px;
font-size: 17px;
color: #000;
display: flex;
align-items: center;
width:30%;
box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1);
margin-top: 30px;
margin-bottom: 30px;
transition: all 0.3s ease-in-out;
position: relative;
bottom: 0px
/* justify-content: start; */
}
.product-right .download-btn:hover {
position: relative;
bottom: 0px;
background-color:#0e4065;
color:#fff;
}
.cor-govarance .down-arrow {
background: #f1632b;
padding: 8px 6px;
position: relative;
transform: rotate(-90deg);
color: #fff;
border-radius: 50px;
font-size: 6px;
font-weight: 200;
transition: all 0.3s ease-in-out;
}
.investor-tab a.nav-link:hover {
background: #e67817;
}
.cor-govarance .btn:hover span {
background:#0e4065;
}
.cor-govarance a.btn {
color: #000;
}
.cor-govarance h2 {
font-size: 18px;
text-transform: uppercase;
color: #f1632b;
margin-top: 25px;
margin-bottom: 20px;
text-align: left;
/* margin-bottom: unset; */
}
.cor-govarance ul {
column-count: 2;
width: 75%;
}
.govarance-list {
display: flex;
align-items: center;
}
.cor-govarance .govarance-list h3{
color: #f57b2b;
text-transform: uppercase;
font-size: 19px;
margin-bottom: 20px;
margin-top: 20px;
margin-right:40px;
}
.cor-govarance {
padding: 30px 0px 30px;
}
.cor-govarance li span {
color: #f26d2b;
}
.cor-govarance li {
color: #0e4065;
line-height: 38px;
}
.product-right .download-btn:hover span{
color:#fff;
}
.disclosures {
background: url(../images/Investor-relations-disclosures-bg.jpg)no-repeat;
width: 100%;
background-position: 100%;
padding: 70px 0px 50px;
background-size: cover;
}
.disclosures ul{
column-count:2;
}
.disclosures li {
color: #f57b2b;
text-transform: uppercase;
line-height: 45px;
}
.financial-wrapper .tab-list .card-body li {
line-height: 40px;
color: #293d4f;
}
.financial-wrapper .tab-list .card-body li span{
color:#f15e2c;
}
.financial ul.fin-list {
display: flex;
align-items: center;
justify-content: end;
margin-bottom: 50px;
}
.financial-wrapper .tab-list .nav-item:nth-child(5) .nav-link{
margin-right:0px;
}
.financial ul.fin-list li {
margin-right: 10%;
color: #0e4065;
}
.financial h2 {
text-align: left;
}
.shareholders-info h2 {
text-align: left;
font-size: 30px;
}
.positions-wrapper {
display: flex;
/* align-items: center;*/
justify-content: center;
flex-wrap: wrap;
}
.available-positions {
background: #f4f5f7;
padding: 50px 0px;
}
.position-single {
margin-bottom: 20px;
background: #fff;
width: 31%;
margin-right: 20px;
padding: 20px 20px;
transition: all 0.3s ease-in-out;
cursor:pointer;
border:1px solid #e9eaec;
}
.position-single h3 {
font-size: 20px;
color: #164469;
}
.position-single .common-btn:hover {
color: #fff;
}
.position-single .common-btn:hover span{
color:#fff;
}
.available-positions h1 {
text-align: center;
margin-bottom: 40px;
}
.position-single h5 {
color: #164469;
font-size: 16px;
}
.position-single h5 span {
color: #f15e2c;
}
.position-single .common-btn span {
color: #000;
font-weight: 700;
padding-left: 8px;
margin-top: 1px;
font-size: 11px;
}
.position-single .common-btn {
border: 1px solid #c0c0c0;
color: #181818;
}
.financial-wrapper .tab-list ul.nav.nav-tabs {
border-bottom: 2px solid #b8b8b8;
}
.financial-wrapper .tab-list .nav-link {
border-top: 0px;
border-left: 0px;
border-right: 0px;
font-size: 20px;
color: #adadad;
position: relative;
padding: 15px 0px;
margin-right: 35px;
}
.financial-heading h3 {
font-size: 16px;
color: #f57b2b;
}
.financial-heading p{
margin-bottom:0px;
}
.financial-heading {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
.financial-heading a span {
padding: 5px;
background: #f57b2b;
color: #fff;
border-radius: 50%;
font-size: 12px;
transition: all 0.3s ease-in-out;
}
.cor-govarance p {
width: 65%;
}
.financial-heading a {
color: #000;
transition: all 0.3s ease-in-out;
}
.financial-heading a:hover {
color: #000;
}
.financial-heading a:hover span{
background-color:#0e4065;
}
.financialresult-slider {
width: 45%;
position: absolute;
right: 0px;
top: 0px;
/*z-index: -1;*/
}
.financial-wrapper .card-body {
padding: 10px 0px;
}
.financial-wrapper .tab-list .nav-link.active:before {
position: absolute;
content: "";
width: 100%;
height: 8px;
background: #000;
bottom: -3px;
left: 0px;
border-radius: 10px;
}
.financial-wrapper .tab-list .nav-link.active {
border-color:transparent;
color:#000;
}
.investor-pils .fixed {
position: fixed;
top: 80px;
width: 100%;
background: #f4f7f9;
left: 0px;
padding: 15px;
z-index: 1;
box-shadow: 0px 2px 4px #00000059;
}
.investor-pils .affix .affix-div {
width: 1170px;
margin: 0 auto;
}
.company-heading a:hover {
color: #000;
}
.position-single:hover .common-btn {
color: #000;
}
.bg-blue.team {
background: #f7f8fc;
}
.financial ul.fin-list li span {
color: #f15e2c;
}
.financial-inner {
position: relative;
}
.company-heading h3 {
font-size: 17px;
color: #f1632b;
}
.company-heading {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.company-heading a {
color: #000;
}
.company-heading span {
padding: 5px;
background: #f57b2b;
color: #fff;
border-radius: 50%;
font-size: 12px;
transition: all 0.3s ease-in-out;
}
.financial h2 {
color: #f57b2b;
font-size: 22px;
text-transform: uppercase;
margin-top: 30px;
margin-bottom: 30px;
}
/*input[type='file'] {
opacity:0
}*/
.shareholders-info {
background: url(../images/Investor-shareholders-bg.jpg)no-repeat;
width: 100%;
background-position: 100%;
padding: 70px 0px 50px;
background-size: cover;
}
.shareholders-info ul {
column-count: 2;
width: 70%;
}
.shareholders-info ul li {
color: #f1632b;
line-height: 45px;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: #f7f8fa;
}
.download-btn span {
font-size: 40px;
/* width: 7%; */
}
.product-right.product-detail h1 {
margin-left: 0px;
font-size: 35px;
margin-bottom: 10px;
}
.products-info img {
margin: 0 auto;
display: block;
margin-top: 40px;
margin-bottom: 30px;
}
.product-right table td, .product-right table th.f-thin {
font-weight: 400;
}
.related-list{
min-width: 29%;
padding: 15px 25px;
background: #fff;
box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.07);;
margin: 13px;
color: #000;
font-size: 16px;
text-align: center;
border: 1px solid rgb(244, 243, 243);
}
.rel-product {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.product-related {
background: #ececee;
padding: 50px 0px;
}
.product-related h1 {
text-align: center;
font-size: 30px;
font-weight: 700;
margin-bottom: 20px;
}
.related-list:hover {
color: #fff;
background: #f29329;
}
.related-list span {
font-size: 10px;
padding-left: 10px;
opacity: 0;
}
.related-list:hover span {
opacity: 1;
}
div.panel {
display: none;
transition: all 0.3s ease-in-out;
}
.sustainability a:hover {
color: #f2932b;
}
div.panel.show {
display: block !important;
transition: all 0.3s ease-in-out;
}
.product-right table td , .product-right table th {
padding-left: 30px;
border-top: 0px;
/* padding-right: 30px; */
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
color: #fff;
background-color: #e67817;
}
/*diksha*/
.facilities{
padding: 50px 0px;
background-color: #ecf3f9;
}
.facilities h1{
font-weight: bold;
font-size: 35px;
letter-spacing: 1.2px;
}
.facilities .facilities-wrapp{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 25px;
position: relative;
}
.facilities .facilities-wrapp .facilities-single {
width: 32.70%;
background-color: #fff;
position: relative;
padding: 20px 40px;
}
.facilities-wrapp .facilities-single .facilities-bg{
position: absolute;
top:0;
right: 0;
width: 69%;
}
.facilities-wrapp .facilities-single h5{
text-transform: uppercase;
text-align: center;
font-weight: bolder;
font-family: "Segoe UI";
}
.facilities-wrapp .facilities-single p{
text-align: center;
color: #888787;
font-size: 15px;
}
.facilities-single .fac-icon {
text-align: center;
font-size: 100px;
width: 35%;
margin: 0 auto;
}
.contact{
padding:50px 0px;
}
.contact .contact-container{
width: 65%;
}
.contact h2{
font-weight: bold;
font-size: 35px;
letter-spacing: 1.2px;
}
.contact .form-div{
margin-top: 20px;
}
.form-div .form-control {
border: 2px solid #ebebeb;
border-radius: 0px;
padding: 11px 20px;
color: #000;
background: #fff;
}
.form-div .form-group{
position: relative;
margin-top: 30px;
text-align: left;
}
.form-group label {
color: #000;
position: absolute;
left: 22px;
top:-13px;
background-color: #fff;
font-size: 15px;
padding: 0px 7px;
}
::placeholder{
font-size: 15px;
color:#ccc;
}
.contact .common-btn{
font-size: 13px;
text-transform: uppercase;
width: 90px;
height: 40px;
display: inline-block;
align-items: center;
justify-content: center;
color: #fff;
cursor:pointer;
border-radius:20px;
background-color: #f39028;
}
#contactus_form .div-center {
text-align: left;
margin: 0 auto;
cursor: pointer;
}
.form-group .contact-select{
height: 47px !important;
}
.form-text{
position: relative;
}
section.home-about span {
background: #f2932b;
padding: 6px 8px;
border-radius: 50px;
font-size: 11px;
margin-left: 10px;
}
.map{
padding: 110px 0px;
position: relative;
background: url(../images/aarti-industries-contact-map1.png) no-repeat;
/* background-position: 100%;*/
background-size: cover;
}
.map h2{
font-weight: bold;
font-size: 35px;
letter-spacing: 1.2px;
}
/* .map .map-content{
position: absolute;
top:20%;
left: 84px;
} */
.services .nav-tabs .nav-item{
width: 86%;
padding: 0;
}
.services .services-border{
padding: 30px;
height: 50%;
}
.services .services-border .float-right{
display: flex;
text-align: right;
margin-left: 0%;
}
.services .nav-tabs .nav-item:nth-child(1){
background-color:#fae8d2 ;
}
.services .nav-tabs .nav-item:nth-child(2){
background-color:#fae8d2 ;
}
.services .nav-tabs .nav-item{
background-color:#e9f0f6 ;
}
.services .nav-tabs .nav-link{
color:#000;
font-size: 13px;
text-align: center;
border-radius: 0;
border:none;
border-right: 5px solid transparent;
padding: 13px 10px;
transition: all 0.3s ease-in-out;
margin-top: 8px;
text-transform: uppercase;
background-color: transparent;
margin-left: 10px;
display: flex;
justify-content: space-between;
}
.services .nav-tabs .nav-link span{
display: none;
}
.services .nav-tabs .nav-link img{
display: none;
}
.services .nav-tabs .nav-item.show .nav-link,
.services .nav-tabs .nav-link.active{
color: #fff;
background-color: #0e4065;
margin-right:12px ;
box-shadow: 0px 7px 13px 0px rgba(0, 0, 0, 0.14);
}
.services .nav-tabs .nav-item.show .nav-link,
.services .nav-tabs .nav-link.active span{
display: block;
background-color: #fff;
padding: 5px 6px;
font-size: 9px;
color:#0e4065;
border-radius: 50%;
margin-top: 0px;
}
.services .card-body h6{
margin-top: 50px;
text-transform: uppercase;
margin-bottom: 3px;
}
.services .card-body p{
font-size: 13px;
line-height: 1.6;
}
.services .card{
width: 400px;
margin-left: -75px;
margin-top: 29px;
height: 365px;
background: #fff;
box-shadow: 0px 3px 24px 0px rgba(0, 0, 0, 0.07);;
}
.map .map-wrapper{
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.map .map-single{
position: relative;
}
.map-wrapper .map-single .img-1{
width: 60px;
position: relative;
}
.map-wrapper .map-single .img-1 img{
position: absolute;
top: 85px;
right: 280px;
}
.map-wrapper .map-single .img-2 img{
position: absolute;
top: 45px;
right: 320px;
}
.map-wrapper .map-single .img-3 img{
position: absolute;
top: -30px;
right: 327px;
}
.map-wrapper .map-single .img-4 img{
position: absolute;
top: 3px;
right: 320px;
}
.map-wrapper .map-single .img-5 img{
position: absolute;
top: 3px;
right: 356px;
}
.map-wrapper .map-indicator {
background-color: #ccc;
padding: 12px;
border-radius: 10px;
position: relative;
top: 225px;
left: -60px;
width: 100px;
}
.map-wrapper .map-indicator span{
color:#0e4065;
font-size: 15px;
font-weight: 500;
}
.services .card-body{
padding: 48px;
}
.services .card-body .address{
margin-left: 26px;
margin-top: -5px;
}
.services .card-body .phone{
margin-left: 26px;
}
.services .number-box{
display: flex;
}
.services .number-box span{
color:#014aad;
font-size: 18px;
}
.services .number-box p{
margin-left: 10px !important;
}
.services .img-wrap{
display: flex;
/*/ margin-bottom: -25px; /*/
}
.services .tarapur .img-wrap{
display: flex;
/*margin-bottom: -25px;*/
}
.services .tarapur .address{
margin-left:17px;
}
.services .img-wrap img{
height: 25px;
margin-top: 10px;
}
.services .tarapur h5{
text-transform: uppercase;
color:#0e4065;
/*/ margin-bottom: 15px; /*/
margin-left: 14px;
font-size: 17px;
}
/*.tarapur{
margin-top: -27px;
}*/
.services .tarapur-card{
height: 365px;
overflow-y: scroll;
}
.services .tarapur .img-wrap img {
height: 25px;
margin-top: 1px;
margin-left: -13px;
}
.services .tarapur a{
margin-bottom: 0px;
}
/* .tarapur .wrap p{
margin-top: 0;
margin-bottom: 0;
padding: 0;
} */
.services .tarapur .wrap p{
margin-top: -10px !important;
}
.breadcum {
position: relative;
}
.breadcum .parallax-container {
position: relative;
overflow: hidden;
}
.breadcum .parallax-parent {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.breadcum .parallax-content {
position: absolute;
left: 50%;
bottom: 0;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.breadcum_container {
position: absolute;
bottom: 0%;
left: 0;
right: 0;
transform: translateY(-50%);
margin: 0 auto;
text-align: center;
display: flex;
align-items: center;
}
.caption-breadcrum {
width: 100%;
position: relative;
}
.caption-heading {
text-transform: capitalize;
font-size: 35px;
position: absolute;
color: #fff;
background-image: linear-gradient( transparent, #014aadb0 30%);
width: 30%;
height: 350px;
padding: 10px 15px;
bottom: 0px;
margin-bottom: 0px;
}
/*.caption-heading h2{
position: absolute;
bottom:10px;
font-size: 65px;
font-weight: bold;
}*/
.breadcum-text h2 {
position: absolute;
font-size: 58px;
font-weight: bold;
width: 980px;
text-align: left;
color: #fff;
top: -95px;
padding: 0px 20px;
}
.caption-heading.campus-breacrum h2{
width:900px;
text-align:left;
}
.services .nav-tabs .nav-item.nav-item-1 .nav-link.active {
background: #014aad !important;
}
.services .nav-tabs .nav-item.nav-item-2 .nav-link.active {
background: #f29329 !important;
}
.services .card-body a:hover{
color:orange;
}
.services .card-body a span {
font-size: 9px;
margin-left: 4px;
}
.services .nav-tabs .nav-item.nav-item-1 .nav-link.active span {
color: #f29329;
}
.services .nav-tabs .nav-item.nav-item-2 .nav-link.active span {
color: #f29329;
}
.bg-blue {
background: #ecf3f9;
}
.caption-heading h4 {
position: absolute;
bottom: 90px;
background: #d3853c;
border-radius: 20px;
padding: 5px 15px;
font-size: 15px;
text-transform: uppercase;
}
.breadcum-list a:hover {
color: #000;
}
/*about*/
/*/ /*/
.overview{
padding:60px 0px
}
.overview .text-wrap{
padding: 46px 42px;
}
.overview .text-wrap p{
color:#777575 ;
width: 90%;
}
.value{
padding: 0px 0px;
}
.value .parallax-container {
position: relative;
overflow: hidden;
height: 550px;
}
.value .parallax {
position: absolute;
left: 0;
right: 0;
height:550px;
}
.value .parallax .parallax-img {
position: absolute;
left: 50%;
bottom: 0px;
width: 100%;
min-height: 100%;
transform: translate3d(0,0,0);
transform: translateX(-50%);
}
.value .container {
margin-top: 75px;
}
.value .value-wrapp{
display: flex;
align-items: center;
justify-content: center;
}
.value .value-wrapp .care-single {
width: 32%;
background-color: #ed8b2a;
margin-top: 35px;
height: 290px;
/*cursor: pointer;*/
text-align: center;
padding: 30px 20px 20px;
color: #fff;
display: flex;
align-items: center;
/* flex-wrap: wrap; */
flex-direction: column;
}
.value .value-wrapp .care-single img {
height: 80px;
}
.value .value-wrapp .integrity-single{
width: 32%;
background-color:#014866;
padding: 20px;
margin-top: 35px;
height: 290px;
cursor: pointer;
}
.value .value-wrapp .excellence-single{
width: 32%;
background-color:#9799b0;
padding: 20px;
margin-top: 35px;
height: 290px;
cursor: pointer;
}
.directors-modal {
padding: 50px 0px;
}
.care-single .care-icon {
text-align: center;
font-size: 80px;
}
.integrity-single .integrity-icon {
text-align: center;
font-size: 80px;
}
.excellence-single .excellence-icon {
text-align: center;
font-size: 80px;
}
.value-wrapp .care-single p,.excellence-single p, .integrity-single p{
font-size: 15px;
}
.directors{
padding: 50px 0px;
background-color: #f0f4f5;
}
.directors h1{
margin-bottom: 40px;
}
.director-slider .director-wrapp {
/*/ display: flex; /
/ align-items: center; /
/ justify-content: center; /*/
background-color: #fff;
/* / padding: 31px 139px; /*/
width: 100%;
cursor:pointer;
position: relative;
transition: all 0.3s ease-in-out;
margin-bottom: 20px;
}
.director-slider .director-wrapp:hover{
background-color: #004a67;
transition: all 0.3s ease-in-out;
cursor:pointer;
}
.director-slider .director-wrapp:hover .caption-director{
background-color:#ed8b2ad4;
}
.directors .owl-carousel{
margin-top: 10px;
}
.blue{
color:#004a67;
}
.directors .caption-director {
display: flex;
align-items: center;
justify-content: center;
padding-top: 15px;
position: absolute;
bottom: 0px;
width: 100%;
background: #004a67cf;
padding-bottom: 15px;
color: #fff;
transition: all 0.3s ease-in-out;
}
.directors .caption-main p {
font-size: 13px;
margin-bottom: 0px;
}
.directors .caption-director .director-arrow {
font-size: 13px;
padding-left: 10px;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.director-slider .director-wrapp:hover .director-arrow {
opacity: 1;
color: #fff;
}
.vision-mission .vision-mission-wrapp .mission-single li {
list-style-image: url(images/white-pointer-map-pin.html);
}
.directors .caption-main h6{
margin-bottom: 0px;
font-size: 17px;
color:#fff;
}
.director-slider .director-wrapp:hover .caption-main h6{
color:#fff;
}
.director-slider .director-wrapp:hover .caption-main p{
color:#fff;
}
.directors .owl-theme .owl-nav {
margin-top: 10px;
position: absolute;
top: 27%;
width: 100%;
}
.pharma-single ul {
margin-bottom: 0px;
}
.factor .factor-wrapp .chemical-single:nth-child(2) h3 {
color: #f2932c;
}
.factor .factor-wrapp .chemical-single:nth-child(2)::before{
background-color:#f2932c;
}
.factor .factor-wrapp .chemical-single:nth-child(2){
background-color:#fef9f5;
}
.img-list li{
list-style-image: url(../images/ail-bullet-point.png);
margin-left:20px;
font-size: 16px;
line-height: 28px;
}
.directors .owl-carousel .owl-nav .owl-next {
position: absolute;
right: -47px;
}
.directors .owl-carousel .owl-nav .owl-prev {
position: absolute;
left: -47px;
}
.directors .owl-theme .owl-nav [class*=owl-] {
background-color: #dfe9eb;
font-size: 20px;
margin: 13px;
padding: 30px 11px;
color: #004a67;
display: inline-block;
cursor: pointer;
border-radius: 0px;
}
.directors .owl-theme .owl-nav [class*=owl-]:hover {
background: #004a67;
color: #dfe9eb;
}
.directors .owl-theme .owl-nav [class*=owl-].disabled:hover{
background: #004a67;
color: #dfe9eb;
opacity:1;
}
.manufacture{
padding: 50px 0px;
background-color: #fff;
}
.manufacture h1{
font-weight: bold;
letter-spacing: -1px;
margin-bottom: 20px;
}
.manufacture p{
color:grey;
font-weight: 450;
font-size: 15px;
}
.manufacture .text-wrapp{
border: 2px solid #e3e8ec;
padding-top:10px;
padding: 30px 27px;
width:76%;
position: relative;
border-top-right-radius: 58px;
border-top-left-radius: 58px;
border-bottom-left-radius: 58px;
margin-top: 30px;
}
.manufacture .text-wrapp::before {
position: absolute;
content: " ";
background-color: #e3e8ec;
height: 139px;
width: 8px;
top: 50px;
left: -9px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
z-index: 2;
}
.value .value-wrapp span {
color: #fff;
font-size: 85px;
}
.excellence-single .excellence-icon span {
font-size: 110px;
line-height: 20px;
}
.manufacture .text-wrapp h6{
color: #305b7b;
font-weight: bold;
margin-bottom: -1px;
}
.manufacture .text-wrapp p{
color: #0e4065;
font-size:16px;
margin-bottom: 10px;
}
.manufacture .manufacture-img{
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.manufacture .manufacture-img .img-2{
margin-left:-70px ;
margin-bottom: 68px;
}
.manufacture .manufacture-img .img-1{
position: relative;
}
.manufacture-img .img-1 .location{
position: relative;
}
.manufacture-img .img-1 .location .location-1 {
position: absolute;
bottom: 140px;
left: 38%;
}
.manufacture-img .img-1 .location .location-2 {
position: absolute;
bottom: 185px;
left: 40%;
}
.manufacture-img .img-1 .location .location-3 {
position: absolute;
bottom: 160px;
left: 39%;
}
.manufacture-img .img-1 .location .location-4{
position: absolute;
bottom:240px ;
left: 38%;
}
.manufacture-img .img-1 .location .location-5 {
position: absolute;
bottom: 177px;
left: 44%;
background-color: #f19329;
}
.manufacture-img .img-1 .location .location-6 {
position: absolute;
bottom: 160px;
left: 42%;
background-color: #f19329;
}
.manufacture-img .img-1 .location .location-7 {
position: absolute;
bottom: 188px;
left: 43%;
background-color: #f19329;
}
.manufacture-img .img-1 .location .location-8 {
position: absolute;
bottom: 201px;
left: 55%;
background: #f19329;
}
.manufacture-img .img-1 .location .location-9{
position: absolute;
bottom:285px ;
left: 18%;
}
.manufacture-img .img-1 .location .location-10 {
position: absolute;
bottom: 230px;
left: 21%;
background-color: #f19329;
}
.manufacture-img .img-1 .location .location-9 {
position: absolute;
bottom: 224px;
left: 18%;
}
.manufacture-img .img-1 .location .location-11 {
position: absolute;
bottom: 172px;
left: 41%;
background-color: #f19329;
}
.manufacture-img .img-1 .location .location-12 {
position: absolute;
bottom: 147px;
left: 39%;
background-color: #f19329;
}
.manufacture-img .img-1 .location .location-13 {
position: absolute;
bottom: 127px;
left: 38%;
background-color: #fe3c00;
}
.manufacture-img .img-1 .location .location-14 {
position: absolute;
bottom: 147px;
left: 39%;
background-color: #f19329;
}
.map-list li{
display: -webkit-box;
}
.map-list li p{
margin-bottom: 0px;
font-size: 14px;
}
.map-list li span{
display: block;
margin-top: 5px;
margin-right: 5px;
}
.map-list li span.sites {
background-color: #f19329;
}
.directors .owl-theme .owl-nav [class*=owl-].disabled {
background: #e9eeef;
color: #004a67;
opacity: 0.7;
}
.map-list li span.head {
background: #fe3c00;
}
.awrads-single .img-wrapp img {
transition: all 0.3s ease-in-out;
}
.awrads-single .img-wrapp:hover img {
transform: scale(1.1);
}
.awrads-single .img-wrapp {
overflow: hidden;
}
.map-list ul{
position: absolute;
/* / top: 87%; /*/
bottom: -29px;
right: 125px;
}
.map-list ul li .p1{
color: #25c7cd;
}
.map-list ul li .p2{
color: #f1932a;
}
.map-list ul li .p3{
color: #fe3b00;
}
.vision-mission {
padding: 50px 145px;
}
.vision-mission .vision-mission-wrapp{
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.vision-mission .vision-mission-wrapp .vision-single{
width:100%;
background: url(../images/about-vision-bg.png) no-repeat;
position: relative;
min-height: 300px;
background-size: contain;
position: relative;
display: flex;
align-items: center;
}
.vision-mission-wrapp .vision-icon {
background-color: #fff;
padding: 30px 10px;
position: absolute;
width: 130px;
height: 120px;
top: 70px;
left: -45px;
box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.07);
/* border: 2px dotted #ef672b; */
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border-bottom-left-radius: 50%;
z-index: 1;
}
.vision-mission-wrapp .vision-icon span {
font-size: 60px;
}
.vision-mission-wrapp .vision-icon span.border-vision , .vision-mission-wrapp .mission-icon span.border-vision {
position: absolute;
font-size: 49px !important;
left: 0px;
top: 0px;
}
.locate-icon {
width: 10px;
height: 10px;
background: #25c7ce;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border-top-right-radius: 10px;
}
.vision-mission-wrapp .vision-single .text-wrapp{
padding: 10px 106px
}
.vision-mission-wrapp .vision-single p{
font-size: 15px;
color:#2b5774;
}
.vision-mission-wrapp .vision-single h4{
color:#f3672f;
}
.vision-mission .vision-mission-wrapp .mission-single{
width: 100%;
background: url(../images/about-mission-bg.png) no-repeat;
position: relative;
min-height: 300px;
background-size: contain;
position: relative;
display: flex;
align-items: center;
}
.vision-mission-wrapp .mission-icon {
background-color: #fff;
/* padding: 27px; */
padding: 15px 25px;
width: 130px;
height: 120px;
/* line-height: 8px; */
position: absolute;
/* right: 0px; */
top: 85px;
box-shadow: 0px 6px 10px 0px rgb(0 0 0 / 7%);
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border-bottom-left-radius: 50%;
z-index: 1;
}
.vision-mission-wrapp .mission-icon span {
font-size: 85px;
}
.vision-mission-wrapp .mission-single .text-wrapp {
padding: 0px 32px 0px 85px;
}
.vision-mission-wrapp .mission-single .text-wrapp ul li , .journey-wrapper li {
list-style-image: url('../images/ail-bullet-point.png');
}
.vision-mission-wrapp .mission-single p{
font-size: 15px;
color:#2b5774;
}
.vision-mission-wrapp .mission-single h4{
color:#f3672f;
}
.journey-wrapper:nth-child(1):after {
top: 130px;
}
.directors-modal .close {
position: absolute;
right: 0px;
top: -1px;
z-index: 2;
background: #2b5774;
opacity: 1;
color: #fff;
padding: 0px 10px 5px;
font-weight: 200;
font-size: 30px;
}
.team-contents {
display: flex;
justify-content: center;
padding-top: 20px;
padding-right: 15px;
}
.team-contents .content {
width: 75%;
padding-left: 40px;
}
.team-contents .img-wrapp {
padding-left: 20px;
}
.map-wrapper .map-single-img{
position: relative;
}
.map-wrapper .map-single-img .img1 {
position: absolute;
top: 74px;
right: 315px;
}
.map-wrapper .map-single-img .img2 {
position: absolute;
top: 57px;
right: 318px;
}
.map-wrapper .map-single-img .img3 {
position: absolute;
top: 120px;
right: 291px;
}
.map-wrapper .map-single-img .img4 {
position: absolute;
top: 101px;
right: 319px;
}
.map-wrapper .map-single-img .img3.others2 {
top: 76px;
right: 315px;
}
.map-wrapper .map-single-img .img2.others1 {
top: 19px;
right: 356px;
}
.map-wrapper .map-single-img .img4.others3 {
top: 57px;
right: 321px;
}
.chairman-speech .btn:before {
content: content: "\ea33";
content: "\ea33";
position: absolute;
background: #f2932b;
right: -25px;
color: #fff;
font-family: 'icomoon';
border-radius: 20px;
font-size: 6px;
padding: 6px 5px;
}
.map-wrapper .map-single-img .img5 {
position: absolute;
right: 320px;
bottom: -22px;
}
.map-wrapper .map-single-img .img6 {
position: absolute;
top: 50px;
right: 310px;
}
.captcha {
margin-top: 30px;
}
.chemical-single img {
position: absolute;
bottom: 5px;
}
.tooltip.warning .tooltip-inner{background-color:#f19329; }
.tooltip.warning.bs-tooltip-left .arrow:before{
border-left-color:#f19329;
}
.tooltip.info .tooltip-inner{
background-color:#25c7ce;
}
.tooltip.info.bs-tooltip-left .arrow:before{
border-left-color:#25c7ce;
}
.tooltip.danger .tooltip-inner{ background-color:#fe3c00 !important;
}
.tooltip.danger.bs-tooltip-left .arrow:before{
border-left-color:#fe3c00;
}
/*.tooltip-inner {
background-color: #ed8b2a;
}*/
/*.tooltip.bs-tooltip-right .arrow:before {
border-right-color: #ed8b2a !important;
}
.tooltip.bs-tooltip-left .arrow:before {
border-left-color: #ed8b2a !important;
}
.tooltip.bs-tooltip-bottom .arrow:before {
border-right-color: #ed8b2a !important;
}
.tooltip.bs-tooltip-top .arrow:before {
border-right-color: #ed8b2a !important;
}*/
.red-tooltip title{background-color: #f00;}
.counters-div .count-box .icon-box{
transition: all 0.3s ease-in-out;
}
.counters-div .count-box:hover .icon-box{
transform: scale(1.1);
/*text-align: center;*/
}
.product-wrapper .single-wrapper{
cursor:pointer;
}
.product-wrapper .single-wrapper .prodct-homeicon{
transition: all 0.3s ease-in-out;
position: relative;
bottom: 0px;
width: 55%;
}
.product-wrapper .single-wrapper .prodct-homeicon.foam {
width: 50%;
}
.product-wrapper .single-wrapper .prodct-homeicon.car-gif{
width: 75%;
}
.product-wrapper .single-wrapper .prodct-homeicon.medical-gif{
width: 60%;
position: relative;
bottom: -5px;
}
.product-wrapper .single-wrapper:hover .prodct-homeicon {
position: relative;
bottom:15px;
text-shadow: 0 1px 0 #f7f8fa, 0 2px 0 #f7f8fa, 0 3px 0 #f7f8fa, 0 4px 0 #f7f8fa, 0 5px 0 #f7f8fa, 0 6px 0 #f7f8fa, 0 7px 0 #f7f8fa, 0 8px 0 #f7f8fa, 0 9px 0 #f7f8fa, 0 30px 30px rgb(0 0 0 / 13%);
}
.value-wrapp .care-single .care-icon{
transition: all 0.3s ease-in-out;
}
.value-wrapp .care-single:hover .care-icon{
transform: scale(1.1);
/*text-align: center;*/
}
.value-wrapp .integrity-single .integrity-icon{
transition: all 0.3s ease-in-out;
}
.value-wrapp .integrity-single:hover .integrity-icon{
transform: scale(1.1);
/*text-align: center;*/
}
.value-wrapp .excellence-single .excellence-icon{
transition: all 0.3s ease-in-out;
position: relative;
top: 20px;
}
.value-wrapp .excellence-single:hover .excellence-icon{
transform: scale(1.1);
/*text-align: center;*/
}
.flagship{
padding-top: 50px;
padding-bottom: 99px;
background-color: #f0f4f5;
}
.flagship .item{
padding: 3px;
}
.flagship h1{
margin-bottom: 40px;
}
.flagship-slider .flagship-wrapp {
background-color: #fff;
padding: 26px;
width: 100%;
height: 330px;
position: relative;
box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease-in-out;
}
.corporate .owl-theme .owl-nav .disabled {
background: #e67817;
}
.flagship-slider .flagship-wrapp::before {
content: "";
position: absolute;
background-color: #f29329;
height: 63px;
width: 6px;
left: -1px;
border-radius: 15px;
display:none;
}
.flagship-wrapp p{
color:#707070;
margin-top: 20px;
}
.flagship .owl-carousel{
margin-top: 10px;
}
.blue{
color:#004a67;
}
.flagship .owl-theme .owl-nav {
margin-top: 10px;
position: absolute;
top: 27%;
width: 100%;
}
.flagship .owl-carousel .owl-nav .owl-next {
position: absolute;
right: -47px;
}
.flagship .owl-carousel .owl-nav .owl-prev {
position: absolute;
left: -47px;
}
.flagship .owl-theme .owl-nav [class*=owl-] {
color: #c8cecf;
font-size: 37px;
margin: 0px;
padding: 34px 5px;
background: transparent;
display: inline-block;
cursor: pointer;
border-radius: 3px;
top:12px;
}
.flagship .owl-theme .owl-nav [class*=owl-]:hover {
background:transparent;
color: #0e4064;
}
.corporate{
padding:80px 0px;
}
.corporate .corporate-content{
margin-top: 35px;
}
.corporate .text-wrapp {
height: 310px;
overflow-y: scroll;
padding-right: 34px;
margin-top: 40px;
}
.corporate .text-wrapp p{
color: #5f5f5f;
}
.corporate-slider .corporate-wrapp {
background-color: #fff;
padding: 26px;
width: 100%;
position: relative;
}
.corporate-slider .corporate-wrapp .img-wrapp{
position: relative;
}
.corporate-slider .corporate-wrapp .img-wrapp::before{
content: "";
position: absolute;
background-color:#e67817 ;
height: 7px;
width: 100%;
left: 0px;
bottom: 0;
}
.corporate .owl-carousel{
margin-top: 10px;
}
.corporate .owl-theme .owl-nav {
margin-top: 10px;
position: absolute;
top: 34%;
width: 100%;
}
.corporate .owl-carousel .owl-nav .owl-next {
position: absolute;
left:31px;
}
.corporate .owl-carousel .owl-nav .owl-prev {
position: absolute;
left: -11px;
background: #e67817;
}
.corporate .owl-theme .owl-nav [class*=owl-] {
color: #fff;
font-size: 28px;
margin: 37px;
/* padding: 4px 20px;*/
background: #e67817;
display: inline-block;
cursor: pointer;
border-radius: 0px;
top:151px;
}
.corporate .owl-theme .owl-nav [class*=owl-]:hover {
background: #e67817;
color: #FFF;
text-decoration: none;
}
.development{
background-color: #f4f5f7;
padding:70px 0px;
}
.development .text-wrapp p{
color: #5f5f5f;
margin-top: 20px;
}
.development .text-wrapp{
width: 82%;
margin: auto;
}
.progressio{
padding: 0px 0px;
position: relative;
}
.progressio .parallax-container {
position: relative;
overflow: hidden;
height: 465px;
}
.progressio::before {
position: absolute;
content: "";
background: url(../images/campus-progressio-parallax.jpg) no-repeat;
height: 100px;
width: 100px;
top: -7px;
left: 46%;
transform: rotate(45deg);
}
.progressio .parallax {
position: absolute;
left: 0;
right: 0;
height:349px;
}
.progressio .parallax .parallax-img {
position: absolute;
left: 50%;
bottom: 0px;
width: 100%;
min-height: 100%;
transform: translate3d(0,0,0);
transform: translateX(-50%);
}
.progressio .container {
margin-top: 75px;
}
.progressio .p-main{
font-size: 17px;
width: 79%;
margin: auto;
}
.progressio .owl-carousel{
margin-top: 10px;
}
.progressio .owl-theme .owl-nav {
margin-top: 10px;
position: absolute;
top: 37%;
width: 100%;
}
.progressio .owl-carousel .owl-nav .owl-next {
position: absolute;
right: -100px;
}
.progressio .owl-carousel .owl-nav .owl-prev {
position: absolute;
/* right: -104px; */
left: -60px;
background: #e67817;
}
.progressio .owl-theme .owl-nav [class*=owl-] {
color: #fff;
font-size: 34px;
margin: 37px;
padding: 31px 22px;
background: transparent;
display: inline-block;
cursor: pointer;
border-radius: 0px;
top:-69px;
}
.progressio .progressio-slider{
margin-top: 50px;
}
.progressio .owl-theme .owl-nav [class*=owl-]:hover {
background: transparent;
color: #FFF;
text-decoration: none;
}
.progressio-slider .progressio-wrapp {
padding: 13px;
width: 100%;
position: relative;
display: flex;
}
.progressio-slider .progressio-wrapp .text{
background-color: #fff;
height: 230px;
padding:32px 51px;
display: flex;
align-items: baseline;
}
.progressio-slider .progressio-wrapp .number{
border: 2px solid #fff;
padding:16px;
height: 59px;
display: flex;
align-items: center;
}
.progressio-slider .progressio-wrapp .text p {
padding-left: 10px;
}
.progressio-slider .progressio-wrapp .text span {
margin-right: 10;
font-size: 20px;
}
.progressio-slider .progressio-wrapp .number span{
color: #fff;
font-size: 23px;
}
.activity{
padding: 0px 0px;
}
.activity .parallax-container {
position: relative;
overflow: hidden;
height: 460px;
}
.activity .parallax {
position: absolute;
left: 0;
right: 0;
height:460px;
}
.activity .parallax .parallax-img {
position: absolute;
left: 50%;
bottom: 0px;
width: 100%;
min-height: 100%;
transform: translate3d(0,0,0);
transform: translateX(-50%);
}
.activity .container {
margin-top: 75px;
}
.activity h2{
margin-bottom: -25px;
}
.activity-tab{
padding: 0px 76px;
}
.activity-tab .nav-tabs .nav-link{
font-size: 15px;
color: #fff;
padding: 15px 0 15px 15px;
border: none;
position: relative;
transition: all 0.3s ease-in-out;
width: 266px;
font-size: 22px;
display: flex;
background-color:#7667888a;
align-items: center;
border-radius: 4px;
margin-left: 25px;
justify-content: start;
}
.activity-tab .nav-tabs .nav-link span {
font-size: 40px;
}
.activity-tab .nav-tabs {
flex-direction: column;
border:none;
}
.activity-tab .card-body{
padding-top: 0;
padding-right: 70px;
background-color: transparent !important;
}
.activity-tab .card-body h2{
color:#0e76bd;
}
.activity-tab .card-body p{
font-size: 16px;
}
.activity-tab .nav-tabs .nav-item.show .nav-link,
.activity-tab .nav-tabs .nav-link.active,
.activity-tab .nav-tabs .nav-link:hover{
background: #e67817;
color: #fff;
}
.activity-tab .card-body .view-wrapp{
display: flex;
align-items: center;
margin-top: 60px;
}
.activity-tab .card-body .text-box,
.activity-tab .card-body .btn-div{
border: 1px solid #d9e0cf;
padding: 15px 20px;
height: 80px;
display: flex;
align-items: center;
}
.activity-tab .card-body .img-wrapp,
.quality .img-wrapp{
position: relative;
}
.activity-tab .card-body .img-inner{
overflow: hidden;
}
.activity-tab .card-body .energy-wrapper{
margin-top: 20px;
}
.activity .leadership-content{
display: flex;
align-items: center;
}
.activity .activity-card{
background-color:transparent;
}
.activity .activity-tab .leadership-cotent{
display: flex;
justify-content: center;
}
.activity .activity-tab .leadership-icon{
background: #e67817;
padding: 32px 25px;
height: 92px;
border-top-left-radius:50%;
border-top-right-radius: 50%;
border-bottom-left-radius:50%;
}
.activity .activity-tab .leadership-icon span {
font-size: 50px;
color: #fff;
line-height: 30px;
/* margin-top: -20px; */
}
.activity .activity-tab .leadership-text{
padding-left: 25px;
}
.activity .activity-tab .leadership-text p{
font-size: 15px;
line-height: 1.4;
}
.breadcum-main{
background-color: #f0f4f5;
}
.breadcum-list {
padding: 15px;
font-size: 16px;
}
.breadcum-list a {
color: #737373;
}
.breadcum-list a:hover {
color: #737373;
}
.breadcum-list .right-arrow2 {
font-size: 8px;
padding: 0px 4px;
}
.corporate .text-wrapp::-webkit-scrollbar {
width: 7px;
height: 10px;
}
.corporate .text-wrapp::-webkit-scrollbar-track {
background-color: #e3e8ec;
border-radius: 10px;
}
.corporate .text-wrapp::-webkit-scrollbar-thumb {
background: #0f3f65;
border-radius: 10px;
}
.corporate .text-wrapp::-webkit-scrollbar-thumb:hover {
background: #0f3f65;
}
.tarapur-card::-webkit-scrollbar {
width: 9px;
height: 10px;
}
.tarapur-card::-webkit-scrollbar-track {
background-color: rgb(241, 239, 239);
border-radius: 10px;
}
.tarapur-card::-webkit-scrollbar-thumb {
background: #ccc;
border-radius: 10px;
}
.tarapur-card::-webkit-scrollbar-thumb:hover {
background: #ccc;
}
@keyframes fadeInUp {
from {
transform: translate3d(0,40px,0)
}
to {
transform: translate3d(0,0,0);
opacity: 1
}
}
@-webkit-keyframes fadeInUp {
from {
transform: translate3d(0,40px,0)
}
to {
transform: translate3d(0,0,0);
opacity: 1
}
}
.animated {
animation-duration: 0.5s;
animation-fill-mode: both;
-webkit-animation-duration: 0.5s;
-webkit-animation-fill-mode: both
}
.animatedFadeInUp {
opacity: 0
}
.fadeInUp {
opacity: 0;
animation-name: fadeInUp;
-webkit-animation-name: fadeInUp;
}
.products-info .product-left .dropdown-item:hover {
background: #eeeff1;
}
.flagship-slider .flagship-wrapp:hover {
background-color: #e67817;
transition: all 0.3s ease-in-out;
}
.flagship-slider .flagship-wrapp:hover h5,.flagship-slider .flagship-wrapp:hover p{
color: #fff;
}
.flagship-slider .flagship-wrapp:hover p{
color: #fff;
}
/*investor*/
.whats-wrapper {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.single-whats {
width: 33%;
background: #fff;
margin-right: 20px;
padding: 20px 20px;
box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1);
color: #000;
position: relative;
height: 155px;
}
.position-single .common-btn:hover {
border: 0px;
}
.single-whats .pdf {
display: flex;
align-items: center;
justify-content: space-between;
position: absolute;
bottom: 20px;
width: 100%;
}
.whats-new {
padding: 30px 0px;
position:relative;
}
.speech-content .btn[aria-expanded="true"]:before{
content:"\e931";
font-size: 10px;
padding: 5px 7px;
}
.speech-content .btn[aria-expanded="true"] span{
font-size:11px;
padding: 7px 7px;
}
.single-whats .pdf p {
margin-bottom: 0px;
font-size: 14px;
}
.single-whats .pdf span {
font-size: 35px;
padding-left:10px;
position: relative;
left: -30px;
}
.whats-new:before {
position: absolute;
content: "";
top: 0px;
width: 100%;
height: 200px;
background: #dde4ea;
z-index: -1;
}
.financial-slider .owl-nav {
position: absolute;
top: 6%;
right: 23%;
overflow: hidden;
}
.financial-slider.owl-theme .owl-nav [class*=owl-] {
margin: 0;
background: #f79656;
padding: 7px 10px 5px;
font-size: 15px;
border-radius: 50px;
margin: 3px;
/* line-height: 25px; */
}
.financial-slider.owl-carousel .owl-nav .owl-prev {
border: 1px solid #fff;
border-right: 0px;
}
.financial-slider.owl-theme .owl-nav .disabled {
background: #f79656;
color: #fff;
}
.owl-slider {
position: relative;
}
.investor-bg h1 {
margin-bottom: 30px;
}
.single-whats:last-child {
margin-right: 0px;
}
.investor-tab a.nav-link {
background: #0e4065;
border-radius: 50px;
padding: 10px 45px;
color: #fff;
margin: 5px;
font-weight: bold;
transition: all 0.3s ease-in-out;
}
.investor-pils {
padding: 30px 0px 15px;
box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.07);
margin-bottom: 20px;
}
.determining h2 {
text-align: left;
font-size:30px;
}
.annual{
padding: 50px 0px;
margin-top:40px;
}
.annual .heading{
display: flex;
align-items: center;
justify-content: space-between;
}
.annual .heading h1 {
display: inline;
text-transform: uppercase;
color: #f57b2b;
font-size: 22px;
}
.annual .heading h2{
display: inline;
text-align: right;
align-self: right;
font-size: 14px;
}
.annual span.arrow{
padding: 5px;
background: #f57b2b;
color: #fff;
border-radius: 50%;
font-size: 12px;
transition: all 0.3s ease-in-out;
}
.financial-slider h1 {
font-size: 20px;
position: absolute;
top: 2%;;
left: 4%;
color:#000;
}
.annual .heading h2 span{
background-color: #e67817;
border-radius: 15px;
padding: 0px 4px;
}
.annual-wrapp{
display: flex;
align-items: center;
}
.annual .annual-wrapp .annual-single{
margin-top: 20px;
width: 23%;
margin-right:2%;
}
.annual .annual-wrapp .annual-single img{
box-shadow: 0px 0px 10px #ccc;
}
.annual .annual-wrapp .annual-single h6{
color:rgb(85, 84, 84);
font-size: 14px;
margin-top: 10px;
font-weight: bold;
margin-bottom: -1px;
}
.annual .annual-wrapp .annual-single span{
color:rgb(85, 84, 84);
font-size: 14px;
font-weight: bold;
}
.financial {
padding: 60px 0px;
}
/*@keyframes fade-in-fwd {
0% {
-webkit-transform: translateZ(-80px);
transform: translateZ(-80px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.fade-in-fwd {
-webkit-animation: fade-in-fwd 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: fade-in-fwd 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}*/
.fade-in-fwd {
-webkit-animation: fade-in-fwd 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: fade-in-fwd 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
/* ----------------------------------------------
* Generated by Animista on 2020-12-10 13:40:48
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation fade-in-fwd
* ----------------------------------------
*/
@-webkit-keyframes fade-in-fwd {
0% {
-webkit-transform: translateZ(-80px);
transform: translateZ(-80px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes fade-in-fwd {
0% {
-webkit-transform: translateZ(-80px);
transform: translateZ(-80px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.text-pop-up-top {
-webkit-animation: text-pop-up-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: text-pop-up-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
* Generated by Animista on 2020-12-10 14:26:22
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation text-pop-up-top
* ----------------------------------------
*/
@-webkit-keyframes text-pop-up-top {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
text-shadow: none;
}
100% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
}
}
@keyframes text-pop-up-top {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
text-shadow: none;
}
100% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
}
}
.determining{
padding: 50px 0px;
}
.determining .determining-tab{
margin-top: 20px;
}
.determining-tab .nav-tabs .nav-link{
color: #000;
padding: 11px 0 11px 28px;
position: relative;
transition: all 0.3s ease-in-out;
border:1px solid #e67817;
font-size: 16px;
display: flex;
background-color:#fff;
align-items: center;
border-radius: 62px;
text-transform: uppercase;
justify-content: start;
width: 406px;
}
.determining-tab .nav-tabs .nav-link span {
font-size: 40px;
}
.determining-tab .nav-tabs {
flex-direction: column;
border:none;
margin-top: 16px;
}
.determining-tab .card-body{
padding-top: 0;
background-color: #fff !important;
border:2px solid #ccc;
border-radius:15px;
padding:14px 30px;
position: relative;
}
.determining-tab .tab-pane.collapse.active::before{
position: absolute;
content: "";
height: 25px;
width: 25px;
background-color: #e67817;
left: 5px;
transform: rotate(45deg);
z-index: -1;
top:26px
}
div#shareholder:before {
top: 30%;
}
div#registrats:before{
top: 45%;
}
div#debenture:before{
top: 75%;
}
.determining-tab .card-body p{
font-size: 16px;
color: #000;
margin-top: 10px;
}
.determining-tab .nav-tabs .nav-item.show .nav-link,
.determining-tab .nav-tabs .nav-link.active,
.determining-tab .nav-tabs .nav-link:hover{
background: #e67817;
color: #fff;
}
.registration .file-upload .file-select {
display: block;
border-radius: 50px;
color: #34495e;
cursor: pointer;
height: 35px;
text-align: left;
overflow: hidden;
position: relative;
width: 100%;
}
.registration .form-group .contact-select {
height: 50px !important;
}
.registration .form-control.file-upload {
padding-top: 5px;
padding-bottom: 6px;
height: 50px;
}
.registration .file-upload .file-select .file-select-button {
background: #abb1b1;
padding: 0 15px;
color: #fff;
text-transform: uppercase;
display: inline-block;
height: 30px;
line-height: 30px;
border-radius: 50px;
font-size: 12px;
}
.registration .file-upload .file-select .file-select-name {
line-height: 40px;
display: inline;
padding: 0 0px;
font-size: 12px;
color: #000;
}
.registration .file-upload .file-select input[type=file] {
z-index: 100;
cursor: pointer;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
}
.registration .captcha {
margin-top: 30px;
float: right;
}
.registration .form-div textarea {
height: 130px;
}
.registration .common-btn span {
font-size: 10px;
}
.registration .common-btn{
background-color:#0e4065;
color:#fff;
cursor:pointer;
}
.registration .common-btn:before{
background: #f39229;
color:#fff;
}
.join-modal .modal-header {
padding: 15px 40px;
border-bottom: 0px;
}
.registration .div-center {
/*margin-top: 45px;*/
text-align: left;
}
.join-modal .modal-header h3 {
color: #0e4065;
}
.join-modal .close {
position: absolute;
right: 16px;
top: 16px;
z-index: 2;
background: #2b5774;
opacity: 1;
color: #fff;
padding: 0px 10px 5px;
font-weight: 200;
font-size: 30px;
}
/*span#button:hover{
background:#6b7070;
}
span#button1:hover{
background:#6b7070;
}*/
.awards {
padding: 30px 0px;
}
.awrads-con {
text-align: center;
margin: 0 auto;
margin-bottom: 50px;
}
.position-single:hover {
background-color:#0e4065;
color:#fff;
box-shadow: 2.088px 14.854px 35px 0px rgba(0, 0, 0, 0.25);
}
.awrads-single {
width: 32%;
transition: all 0.3s ease-in-out;
cursor:pointer;
}
.awards-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 50px;
}
.overview h1 {
text-align: left;
}
.awrads-single:hover .awrads-content h3 {
background: #f29329;
}
.awrads-content {
background: #f6f7f9;
height: 270px;
margin-bottom: 70px;
}
.awrads-content h3 {
/* position: absolute; */
position: relative;
background: #0e4065;
color: #fff;
padding: 15px;
top: -30px;
left: 0px;
padding: 20px 23px;
width: 90%;
z-index:1;
overflow: hidden;
transition: all 0.3s ease-in-out;
height: 110px;
display: flex;
align-items: center;
font-size:20px;
}
.awrads-content h3:before {
position: absolute;
content: "";
bottom: -1px;
right: 0px;
width: 10px;
height: 10px;
background: #f29329;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border-top-right-radius: 10px;
}
.years-journey {
display: flex;
width: 50%;
align-items: baseline;
}
.technology-line.right img {
width: 122px;
}
.years-journey svg {
height: auto;
width: 73%;
position: relative;
left: -3%;
top: -33px;
}
.journey-content.content-right {
padding-left: 80px;
}
/*.path {
stroke-dashoffset: 1000;
stroke-dasharray:1000;
}*/
.technology-line {
position: relative;
width: 80px;
position: relative;
top: -42px;
}
.years-journey.right svg {
left: 31%;
}
.journey-wrapper:before {
position: absolute;
content: "\eb06";
font-size: 25px;
font-family: 'icomoon' !important;
color: #f19329;
z-index: 1;
left: 49%;
top: 137px;
transform: translateY(-50%);
line-height: 23px;
background-color:#fff;
}
.journey-icon {
font-size: 145px;
line-height: 25px;
padding-right: 18px;
}
.awrads-content p {
padding: 0px 20px 20px;
/* font-size: 15px; */
}
.caption-awards h3 {
font-size: 20px;
margin-bottom: 0px;
}
.position-single:hover h3, .position-single:hover h5, .position-single:hover p{
color:#fff;
}
.position-single:hover .common-btn{
background-color:#fff;
}
.cor-govarance .btn {
background: #fff;
padding: 0px;
}
.position-single .common-btn:before{
background-color:#f2642c;
color:#fff;
}
.join-modal .modal-lg {
max-width: 900px;
}
.modal-body.registration.contact {
padding: 0px 40px 40px;
}
.investor-pils .fixed .nav-pills {
width: 1125px;
margin: 0 auto;
}
.product-right .download-btn{
width:50%;
}
.products-info .product-left .nav-link{
padding: 15px 11px;
cursor: pointer;
font-size: 11px;
}
.breadcum-list {
padding: 15px;
font-size: 15px;
}
.product-right table td, .product-right table th {
padding-left: 20px;
}
.products-info .product-left .dropdown-item{
padding: 13px 10px;
line-height: 1.2;
font-size: 14px;
}
.investor-popup .single-icons {
cursor: pointer;
}
.cor-govarance .btn[aria-expanded="true"] span:before{
content:"\e931";
}
.cor-govarance .btn[aria-expanded="true"] span{
font-size:10px;
padding: 7px 7px;
}
.journey-content {
width: 50%;
padding-top: 20px;
padding-left: 60px;
}
/*input[type='file'] {
display: none;
opacity:0
}
*/
.file-upload span#val1 , .file-upload span#val {
width: 235px;
height: 25px;
position: absolute;
top: 10px;
left: 130px;
font-size: 13px;
line-height: 25px;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis;
}
.stock-price {
background: #f0f4f5;
}
#button, #button1{
cursor: pointer;
display: block;
width: 115px;
/*background-color: #abb1b1;*/
height: 30px;
color: white;
position: absolute;
left: 15px;
top: 10px;
padding: 0px 10px;
font-size: 13px;
text-transform: uppercase;
line-height: 30px;
border-radius: 30px;
text-align: center;
-webkit-transition: 500ms all;
-moz-transition: 500ms all;
transition: 500ms all;
}
.join-modal .modal-header input {
border: 0px;
font-size: 22px;
width: 600px;
}
.results {
font-size: 24px;
}
.journey .sticky.fixed {
position: sticky;
top: 0px;
z-index: 1;
}
.journey .wrapp-navbar {
position: absolute;
left: 15px;
top: 100px;
/* width: 10.80%; */
}
/*.journey .container {
position: relative;
}*/
/*customer*/
.priority{
padding: 50px 0px;
}
.priority p{
width: 48%;
margin: auto;
color: #777575;
}
.priority h6{
margin-top: 15px;
margin-bottom: 10px;
}
.customer{
padding: 0px 142px;
}
.customer h4 span{
text-transform: uppercase;
margin: auto;
background-color: #0e4065;
color: #fff;
padding: 10px 20px;
font-size: 21px;
border-top-left-radius: 22px;
border-top-right-radius: 22px;
display: inline-block;
margin-top: 25px;
}
.customer h4 {
text-align: center;
position: relative;
}
.customer h4:before {
content: "";
position: absolute;
bottom: 0px;
width: 100%;
height: 1px;
left: 0px;
background: #ccc;
}
.customer .heading{
border-bottom: 1px solid #ccc;
align-self: center;
}
.customer .heading-2{
margin-top: 90px;
}
.customer .polymers-wrapp{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 50px;
}
.customer .polymers-wrapp .polymers-single{
box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.05);
width: 22%;
margin-bottom: 40px;
filter: grayscale(100%);
align-items: center;
justify-content: center;
transition: all 0.2s ease-in-out;
transform: translateY(0px);
}
.annual .annual-wrapp .annual-single .img-wrapp {
position: relative;
top: 0px;
transition: all 0.3s ease-in-out;
}
.annual .annual-wrapp .annual-single:hover .img-wrapp {
position: relative;
top: -20px;
}
.customer .polymers-wrapp .polymers-single:hover{
transform: translateY(-10px);
filter:none;
box-shadow: 0px 21px 16px 0px rgba(0, 0, 0, 0.06);
}
.factor{
padding: 50px 0px;
}
.factor h4 {
color:#0f3f66;
width: 50%;
margin: auto;
}
.factor .factor-wrapp{
display: flex;
justify-content: center;
margin-top: 35px;
}
.factor .factor-wrapp .chemical-single{
background-color: #f4f5f7;
width: 35%;
padding: 43px 44px;
position: relative;
height: 465px;
}
.factor .factor-wrapp .chemical-single::before{
position: absolute;
content: "";
background-color: #0e4065;
height: 35px;
width: 7px;
left: 1px;
top:38px;
}
.chemical-single h3{
text-transform: uppercase;
font-size: 23px;
color: #0e4065;
}
.factor .factor-wrapp .pharma-single{
background-color: #fef9f5;
width: 35%;
padding: 43px 44px;
position: relative;
z-index: 1;
}
.factor .factor-wrapp .pharma-single::before{
position: absolute;
content: "";
background-color: #f2932c;
height: 35px;
width: 7px;
left: 0px;
top:38px;
}
.pharma-single h3{
text-transform: uppercase;
font-size: 23px;
color: #f2932c;
margin-left: 7px;
}
.factor-wrapp .chemical-single li{
position: relative;
margin-top: 20px;
}
/*.factor-wrapp .chemical-single li:before {
position: absolute;
left: -31px;
top: 4px;
color: #f3672f;
display: block;
content: "\ea4f";
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 13px;
}*/
.factor-wrapp .pharma-single li{
position: relative;
margin-top: 20px;
}
/*.factor-wrapp .pharma-single li:before {
position: absolute;
left: -31px;
top: 4px;
color: #f3672f;
display: block;
content: "\ea4f";
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 13px;
}*/
.factor-wrapp li {
padding-left: 5px;
}
.annual a {
color: #000;
}
.annual a:hover span.arrow {
background-color:#0e4065;
}
.company-heading a:hover span{
background-color:#0e4065;
}
.journey-wrapper h2 {
font-size: 120px;
color: #e3e6eb;
margin-bottom: 0px;
}
.journey-list ul {
display: flex;
align-items: baseline;
}
.journey-wrapper li {
color: #0e3f65;
font-size: 23px;
padding-left: 5px;
}
.investor-popup {
position: fixed;
top: 55%;
width: 100px;
height: 300px;
margin-top: -123px;
transition: all 0.35s;
right: 0;
z-index: 90;
padding-right: 10px;
background-color: #0e4065;
outline: none;
border: 0px;
text-align: right;
color: #fff;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
border: 1px solid #7794A8;
border-right: 0px;
padding-top: 25px;
}
.investor-popup span {
font-size: 32px;
}
.investor-popup.transition-none {
-webkit-transition: none;
transition: none;
} .investor-popup {
right: 100px;
}
.investor-popup {
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
transform: translate(100%, 0);
}
.investor-popup {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.investor-popup.in {
right: 0;
}
.investor-popup.in {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.investor-popup.in {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.investor-popup p {
font-size: 13px;
}
.journey h1 {
text-align: center;
margin-top: 30px;
}
.journey p {
width: 60%;
text-align: center;
margin: 0 auto;
font-size: 17px;
}
.journey .sub-navbar {
display: inline-block;
text-align: center;
box-shadow: 0 5px 24px 0 rgba(0,0,0,0.11);
}
.journey .wrapp-navbar {
position: absolute;
left:0px;
top: 100px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
overflow: hidden;
background-color:#fff;
/* width: 10.80%; */
}
span.icon-aarti-2020 {
font-size: 130px;
}
.journey .sticky.fixed {
position:fixed;
top: 0px;
z-index: 1;
}
.journey {
position: relative;
padding-bottom:50px;
}
.list-unstyled a {
margin-bottom:20px;
}
.journey-wrapper:nth-child(5):after {
top: 33%;
}
.journey-wrapper:nth-child(6):after {
top: 35%;
}
.list-unstyled {
padding-left: 0;
list-style: none;
padding: 20px 0px 10px 10px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.journey .row {
padding-bottom: 90px;
padding-left: 60px;
padding-right: 60px;
}
.journey-padding {
padding-left: 6%;
}
.journey-wrapper {
display: flex;
position: relative;
/* padding-bottom: 160px;*/
padding-bottom: 50px;
padding-top: 100px;
}
.journey-wrapper:after {
content: "";
position: absolute;
height: 100%;
width: 1px;
background: #f1932938;
left: 50%;
top: 39%;
}
#slimscroll-scrollbottom span {
font-size: 10px;
}
.years-journey.right .technology-line svg {
left: 51px;
top: -29px;
width: 82%;
}
.list-unstyled .nav-link.active {
background: #f19329;
color: #fff;
padding: 3px 6px;
text-align: left;
}
.list-unstyled .nav-link {
color: #adbfcc;
text-align: left;
padding: 3px 15px;
position:relative;
transition: all 0.3s ease-in-out;
}
.wrapp-navbar .slimScrollBar, .wrapp-navbar .slimScrollRail {
opacity: 0 !important;
}
.wrapp-navbar {
box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1);
}
#slimscroll-scrolltop {
background: #d8dfe5;
width: 100%;
display: block;
text-align: center;
display:none;
cursor:pointer;
}
#slimscroll-scrollbottom{
background: #d8dfe5;
width: 100%;
display: block;
text-align: center;
cursor:pointer;
}
.years-journey.left .technology-line span {
font-size: 55px;
top: -24px;
left: -8px;
position: relative;
/* width: 100%; */
}
.journey-icon {
width: 30%;
}
.journey p span.blue {
font-size: 20px;
}
.journey-icon img.small-img {
width: 80%;
}
.years-journey.right .technology-line span {
font-size: 67px;
top: -15px;
left: 52px;
position: relative;
}
.years-journey.right .journey-no {
padding-left: 20px;
}
.journey-wrapper:last-child:after{
display:none;
}
.years-journey.left .technology-line.icon-2020 span {
top: -17px;
font-size: 72px;
left: -9px;
}
.list-unstyled .nav-link:hover {
background: #f19329bd;
color: #fff;
}
/*diksha*/
.historical{
padding: 40px 0px;
}
.historical h3{
width: 38%;
margin: auto;
margin-bottom: 35px;
}
.historical .table{
width: 80%;
margin: auto;
}
.historical .table-bordered td, .table-bordered th {
border: none;
}
.historical .table-primary, .table-primary>td, .table-primary>th {
background-color: #0e4065;
color: #fff;
}
.historical .table thead th {
border-bottom:none;
}
.historical .table-striped tbody tr:nth-of-type(odd) {
background-color: #fff !important;
}
.historical .table-striped tbody tr:nth-of-type(even) {
background-color: #f7f8fa;
}
.historical table th {
border-top: 0px;
font-size: 16px;
padding: 13px 0px 13px 60px;
}
.historical table td {
border-top: 0px;
font-size: 16px;
padding: 18px 0px 2px 60px;
}
.historical .table-responsive {
display: table;
}
/*/ /*/
.share-price{
padding:40px 0px;
background-color: #f5f9fc;
}
.share-price ::placeholder{
color: #3b6080;
}
.cus-nav {
display: flex;
justify-content: center;
align-items: center;
border-color: black;
}
.share-price .nav-tabs .nav-link.active {
color: #fff;
background-color: #f29329;
border-radius: 32px;
padding: 1px 31px !important;
}
.share-price .nav-tabs{
background-color: #e2e5ec;
color:#6a6a6b;
border-radius: 32px;
}
.share-price .nav-tabs .nav-link {
color: grey;
padding: 0px 31px !important;
border-radius: 0px;
font-size: 17px;
}
.share-price .nav-tabs:hover{
border:none;
}
.share-price .tab-content h5{
color:#114168;
margin-top: 40px;
}
.share-price .tab-content .date-wrapp{
display: flex;
align-items: center;
justify-content: space-evenly;
width: 50%;
margin: 14px auto;
}
.share-price .tab-content .date-wrapp label{
color: rgb(133, 129, 129);
margin-bottom: 2px;
}
.share-price .common-btn {
border: 1px solid #f29329;
width: 111px;
color:#f29329;
}
.share-price .common-btn:hover:before {
width: 100%;
height:100%;
left:0px;
}
.share-price .common-btn:before{
position: absolute;
content: "";
left:-4px;
width:0%;
height:100%;
background-color:#0e4065 ;
z-index: -1;
transition: all 0.3s ease-in-out;
top: 0;
border: 1px solid #0e4064;
}
.share-price .common-btn:hover{
color: #fff;
border: 1px solid #0e4064;
}
.share-price .date-wrapp .form-control {
line-height: 2.2;
box-shadow: 0px 0px 10px rgb(219, 219, 219);
border: 1px solid transparent;
}
.share-price .tab-content .container{
background-color: #186d92;
color:#fff;
margin-top: 40px;
}
.share-price .tab-content .container .change-table{
padding:40px 0px
}
.share-price .change-table .table-bordered td, .table-bordered th {
border:none;
}
.share-price .change-table .table td, .table th {
border-right: 1px solid #488daa;
padding:8px 31px;
font-size: 15px;
}
.share-price .select-table .table td, .table th{
border-right: none;
}
.share-price .change-table .table-bordered {
border: 1px solid #488daa;
background-color: #207498;
border-collapse: collapse;
border-radius: 10px;
overflow: hidden;
}
.share-price .change-table .table-single{
padding-left: 170px;
}
.share-price .change-table .close-price{
margin-bottom: -3px;
}
.share-price .change-table .date{
margin-top: 10px;
}
.share-price .date-graph .common-btn{
width: 157px;
text-transform: capitalize;
color:#fff;
border:2px solid #488daa;
font-size: 14px;
margin-top:35px;
background-color: #207498;
}
.share-price .date-graph{
padding-left: 39px;
}
.share-price .stock{
padding-top:50px;
}
.share-price .stock h5{
color:#114168;#848484
}
.share-price .stock p{
color:#848484;
}
/*/ /
*/
.graph{
padding: 50px 0px;
}
.graph h3{
width: 38%;
margin: auto;
margin-bottom: 35px;
}
.graph .table{
width: 80%;
margin: auto;
}
.graph .table-bordered td, .table-bordered th {
border: none;
padding-left: 60px;
}
.graph .table-primary, .table-primary>td, .table-primary>th {
background-color: #0e4065;
color: #fff;
}
.graph .table thead th {
border-bottom:none;
}
.graph .table-striped tbody tr:nth-of-type(odd) {
background-color: #fff !important;
}
.graph .table-striped tbody tr:nth-of-type(even) {
background-color: #f7f8fa;
}
.graph table th {
border-top: 0px;
font-size: 16px;
padding: 13px 0px 13px 60px;
}
.graph table td {
border-top: 0px;
font-size: 16px;
padding: 18px 0px 2px 60px;
}
.graph .table-responsive {
display: table;
}
/*/ /*/
.share-graph{
padding:30px 0px;
background-color: #f5f9fc;
}
.share-graph .common-btn{
background-color: #f29329;
text-transform: capitalize;
font-size: 16px;
height: 57px;
border-radius: 43px;
width: 162px;
}
.share-graph .share-btn {
display: flex;
align-items: center;
justify-content: center;
color: #fff;
background-color: #f29329;
font-size: 16px;
height: 57px;
border-radius: 43px;
width: 162px;
}
.share-graph .interval{
margin-top: 40px;
}
.bse{
background-color: #f5f9fc;
padding-bottom: 72px;
}
.bse .container{
padding:50px 0px;
background-color: #186d92;
color:#fff;
}
.bse .bse-wrapper{
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 44px;
}
.bse .bse-single1{
width: 30%;
}
.bse .bse-single2-bg{
background-color: #207498;
padding:24px 20px;
display: flex;
align-items: center;
border-radius: 10px;
}
.stock-price {
background: #f5f9fc;
}
.bse .bse-single2-bg .open-txt{
padding:0px 26px;
}
.bse .bse-single2-bg .open-txt p{
margin-bottom: 3px;
font-size: 17px;
}
.graph2{
background-color:#f5f9fc ;
}
.graph2 .container{
padding:50px 0px;
background-color: #186d92;
color:#fff;
}
.graph2 h3{
margin-bottom: 37px;
}
.share-graph .date-icon{
font-size: 23px;
margin-left: 8px;
}
.share-graph .range{
display: flex;
align-items: center;
justify-content: space-between;
}
.share-graph .interval .interval-wrapper{
display: flex;
align-items: center;
justify-content: space-evenly;
width: 42%;
margin-top: 16px;
}
.interval .interval-wrapper label{
color:#0e4065;
}
/* .detch{
display: flex;
align-items: center;
justify-content: space-evenly;
} */
.detch {
background-color: #f5f9fc;
}
.detch .common-btn{
color:#f29329;
border-color:#f29329 ;
text-transform: capitalize;
display: inline-flex;
width: 160px;
font-size: 14px;
margin-top: 40px;
}
.detch .common-btn:hover:before {
width: 100%;
height:100%;
left:0px;
}
.detch .common-btn:before{
position: absolute;
content: "";
left:-4px;
width:0%;
height:100%;
background-color:#0e4065 ;
z-index: -1;
transition: all 0.3s ease-in-out;
top: 0;
border: 1px solid #0e4064;
}
.detch .common-btn:hover{
color: #fff;
border: 1px solid #0e4064;
}
.currency{
width: 70%;
margin: auto;
background-color: #fff;
padding:39px 35px;
border-radius: 10px;
margin-top: 48px;
}
.currency .currency-single:nth-child(5) span{
margin-left: 38px;
color:#0e4064
}
.currency .currency-single:nth-child(4) span{
margin-left: 45px;
color:#0e4064
}
.currency .currency-single:nth-child(3) span{
margin-left: 39px;
color:#0e4064
}
.currency .currency-single:nth-child(2) span{
margin-left: 61px;
color:#0e4064
}
.currency .currency-single:nth-child(1) span{
margin-left: 28px;
color:#0e4064
}
.currency label{
color:#0e4064
}
.stock-graph{
padding:50px 0px;
}
.stock-graph h5{
color:#114168;#848484
}
.stock-graph p{
color:#848484;
margin-bottom: 0px;
}
/*/ /*/
.calculator{
padding: 50px 0px;
}
.calculator h3{
width: 38%;
margin: auto;
margin-bottom: 35px;
}
.calculator .table{
width: 80%;
margin: auto;
}
.calculator .table-bordered td, .table-bordered th {
border: none;
}
.calculator .table-primary, .table-primary>td, .table-primary>th {
background-color: #0e4065;
color: #fff;
}
.calculator .table thead th {
border-bottom:none;
}
.amount ::placeholder{
color:#3b6080;
}
.calculator .table-striped tbody tr:nth-of-type(odd) {
background-color: #fff !important;
}
.calculator .table-striped tbody tr:nth-of-type(even) {
background-color: #f7f8fa;
}
.calculator table td{
border-top: 0px;
font-size: 16px;
padding:18px 0px 2px 60px;
}
.calculator table th {
border-top: 0px;
font-size: 16px;
padding:13px 0px 13px 60px;
}
.calculator .table-responsive {
display: table;
}
.amount{
padding:50px 0px;
background-color: #f5f9fc;
}
.cus-nav {
display: flex;
justify-content: center;
align-items: center;
border-color: black;
}
.amount .nav-tabs .nav-link.active {
color: #fff;
background-color: #f29329;
border-radius: 32px;
padding: 1px 31px !important;
}
.amount .nav-tabs{
background-color: #e2e5ec;
color:#6a6a6b;
border-radius: 32px;
}
.amount .nav-tabs .nav-link {
color: grey;
padding: 0px 50px !important;
border-radius: 0px;
font-size: 16px;
}
.amount .nav-tabs:hover{
border:none;
}
.amount .tab-content h5 {
color: #114168;
margin: 13px 0px 26px 0px;
}
.amount .tab-content .date-wrapp{
display: flex;
align-items: center;
justify-content: space-evenly;
width: 66%;
margin: auto;
}
.amount .tab-content .date-wrapp label{
color: rgb(133, 129, 129);
margin-bottom: 2px;
}
.amount .common-btn {
border: 1px solid #f29329;
width: 111px;
color:#f29329;
}
.amount .common-btn:hover:before {
width: 100%;
height:100%;
left:0px;
}
.amount .common-btn:before{
position: absolute;
content: "";
left:-4px;
width:0%;
height:100%;
background-color:#0e4065 ;
z-index: -1;
transition: all 0.3s ease-in-out;
top: 0;
border: 1px solid #0e4064;
}
.amount .common-btn:hover{
color: #fff;
border: 1px solid #0e4064;
}
.amount .date-wrapp .form-control {
line-height: 2.2;
border-radius: 5px;
border: 1px solid transparent;
padding: 6px 8px;
}
.amount .tab-content .container{
background-color: #186d92;
color:#fff;
/*/ margin-top: 40px; /*/
padding:50px 82px
}
.amount .date-graph{
padding-left: 39px;
}
.amount .stock{
padding-top:50px;
}
.amounte .stock h5{
color:#114168;#848484
}
.amount .stock p{
color:#848484;
}
.initial{
border:1px solid #468ba9;
padding:20px 66px;
border-radius: 10px;
background-color: #207498;
}
.initial h3{margin-bottom: -1px;}
.initial hr.new1 {
border-top: 1px solid #4b8fac;
}
.initial table tr p{
margin-bottom: 7px;
font-size: 15px;
}
.amount .stock h5{
color:#0e4064;
}
.amount .initial tr span{
margin-left: 104px;
}
/*
/ The container /
*/.cus-label {
display: block;
position: relative;
padding-left: 25px;
margin-bottom: 12px;
cursor: pointer;
/*/ font-size: 22px; /*/
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.calculator .form-check {
position: relative;
display: block;
padding-left: 0px;
}
/*/ Hide the browser's default radio button /*/
.cus-label input {
position: absolute;
opacity: 0;
cursor: pointer;
}
/*/ Create a custom radio button */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 19px;
width: 19px;
background-color: #fff;
border:1px solid #0e4065;
border-radius: 50%;
}
/*/ On mouse-over, add a grey background color /*/
.cus-label:hover input ~ .checkmark {
background-color: #fff;
}
/*/ When the radio button is checked, add a blue background /*/
.cus-label input:checked ~ .checkmark {
background-color: #fff;
}
/*/ Create the indicator (the dot/circle - hidden when not checked) /*/
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/*/ Show the indicator (dot/circle) when checked /*/
.cus-label input:checked ~ .checkmark:after {
display: block;
}
/*/ Style the indicator (dot/circle) /*/
.cus-label .checkmark:after {
top: 4px;
left: 4px;
width: 9px;
height: 9px;
border-radius: 50%;
background: #0e4065;
}
.input-group.date .input-group-addon {
cursor: pointer;
position: relative;
top: 1px;
right: 0px;
/*/ border-radius: 10px; /*/
background: #dbe2e8;
height: 48px;
width: 47px;
background: #dbe2e8;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.input-group.date .input-group-addon .date-icon {
font-size: 23px;
position: absolute;
top: 10px;
left: 11px;
color: #186d92;
}
.login-form span {
position: absolute;
top: 45px;
right: 25px;
font-size: 20px;
}
.amount .alignleft {
float: left;
}
.amount .alignright {
float: right;
}
.share-price .download-icon{
font-size: 19px;
margin-left: 8px;
margin-top: -5px;
}
.graph-list .breadcum-main{
background-color: #fff;
}
.date-single .input-group.date {
box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.07);
}
.rewards .heading-content {
font-size: 18px;
text-align: center;
margin-bottom: 40px;
}
.compensation-wrapper {
display: flex;
justify-content: center;
}
.compensation-single h3 {
color: #f28b28;
font-size: 20px;
margin-top:20px;
text-align: center;
}
.why {
padding: 50px 0px;
}
.joint-img {
display: flex;
align-items: flex-end;
position: absolute;
left: -66px;
/* top: 7px; */
bottom: -8px;
}
.joint-content p {
padding-left: 80px;
}
.joint-heading {
background: #343f75;
padding: 10px 10px 10px 42px;
margin-left: -40px;
position: relative;
z-index: -1;
top: -7px;
color:#fff;
border-top-right-radius: 60px;
/* margin-top: -29px; */
}
.joint-content {
border: 1px solid #b3c1cf;
padding: 20px 20px 0px;
position: relative;
height: 400px;
}
.joint-content .joint-heading p {
margin-bottom: 0px;
font-size: 14px;
padding-left: 0px;
}
.joint-heading p {
margin-bottom: 0px;
font-size:14px;
}
.compensation-single {
padding: 10px 25px;
text-align: center;
width: 33%;
border-right: 1px solid #f29028;
}
.recognition h2 {
margin-bottom: 20px;
font-size: 30px;
}
.recognition {
background: #f9fafc;
padding: 40px;
text-align: center;
}
.compensation-wrapper .compensation-single:last-child {
border-right: 0px;
}
.rewards {
padding-bottom: 50px;
padding-top: 40px;
}
.compensation-single span {
font-size: 80px;
color: #f28a29;
}
.rewards.incentive .compensation-single:last-child{
border-right:0px;
}
.rewards.incentive .compensation-single span {
color: #0e4065;
}
.rewards h2 {
font-size: 30px;
text-align: center;
margin-bottom: 20px;
margin-top: 20px;
}
.rewards.incentive {
background: #f9fafc;
padding: 30px 0px 50px;
}
.rewards.incentive h3 {
color: #0e4065;
margin-top:20px;
}
.rewards.incentive .compensation-single {
border-right: 1px solid #d0d9e1;
}
.why-career {
background: #f5f9fc;
padding: 60px 0px;
}
.why-career h2 {
font-size: 30px;
text-align: center;
margin-bottom: 30px;
}
.whycareer-wrapp h5 {
padding-top: 15px;
}
.whycareer-wrapp p {
font-size: 15px;
}
.whycareer-slider .owl-nav {
position: absolute;
top: 42%;
width: 100%;
margin: 0 auto;
display: block;
}
.whycareer-slider .owl-nav .owl-prev {
position: absolute;
left: -50px;
}
.owl-theme.whycareer-slider .owl-nav [class*=owl-] {
color: #213965;
background: #fff;
font-size: 25px;
padding: 20px 4px;
border: 1px solid #e2eaed;
}
.owl-theme.whycareer-slider .owl-nav [class*=owl-]:hover{
background:#213965;
color:#fff;
}
.whycareer-slider .owl-nav .owl-next {
position: absolute;
right: -50px;
}
.owl-carousel.owl-theme.whycareer-slider .owl-nav {
margin-top: 10px;
position: absolute;
top: 33%;
}
.whycareer-wrapp {
padding: 10px 25px;
}
.owl-carousel.owl-theme.whycareer-slider{
padding: 0px 10px 0px 5px;
}
.whycareer-slider .owl-item .item {
border-right: 1px solid #e2eaed;
}
/*.whycareer-slider .owl-item.active:nth-child(3) .item {
border-right: 0px;
}*/
.infrastructure-slider .owl-item .item {
transition: all 0.3s ease-in-out;
z-index: -1;
opacity: 0.5;
}
.infrastructure-slider .owl-item.active.center .item {
z-index: 2;
opacity: 1;
}
.owl-theme.infrastructure-slider .owl-nav [class*=owl-]:hover, .owl-theme.infrastructure-slider .owl-nav [class*=owl-] {
color: #213965;
background: transparent;
font-size: 25px;
font-weight:600;
}
.infrastructure-slider .owl-nav .owl-prev {
position: absolute;
left:365px;
}
.infrastructure-slider .owl-nav .owl-next {
position: absolute;
right: 365px;
}
.infrastructure-slider .owl-nav {
position: absolute;
top: 40%;
width: 100%;
margin: 0 auto;
display: block;
}
.infrastructure-wrapp p {
position: absolute;
bottom: 0px;
background: #2f3863d6;
width: 100%;
margin-bottom: 0px;
padding: 15px;
color: #fff;
opacity:0;
}
.infrastructure-wrapp {
position: relative;
}
.infrastructure-slider .owl-item.active.center .item .infrastructure-wrapp p{
opacity:1;
}
.infrastructure {
padding: 60px 0px;
}
.infrastructure h2{
text-align:center;
font-size:30px;
margin-bottom:20px;
}
.top-quote {
position: absolute;
top: -27px;
background: #fff;
left: 20px;
}
.bottom-quote {
position: absolute;
right: 30px;
bottom: -30px;
background: #fff;
}
/*/ /*/
.finance {
padding: 60px 0 0px;
background: url(../images/Investor-financial-information-graph-bg.jpg);
background-repeat: no-repeat;
margin-top: 55px;
/* height: 700px; */
background-size: cover;
padding-bottom: 15px;
}
/* .finance .parallax-container {
position: relative;
overflow: hidden;
height: 570px;
}
.finance .parallax {
position: absolute;
left: 0;
right: 0;
height: 500px;
}
.finance .container {
position: relative;
}
.finance .parallax .parallax-img {
position: absolute;
left: 50%;
bottom: 0px;
width: 100%;
min-height: 100%;
transform: translate3d(0,0,0);
transform: translateX(-50%);
z-index: -2;
top:15%;
} */
.finance .nav-tabs .nav-link{
font-size: 15px;
display: block;
color: rgb(160, 159, 159);
padding: 16px 0 16px 28px;
border: none;
border-radius: 0;
position: relative;
/* transition: all 0.3s ease-in-out; */
margin-top: 8px;
background-color: #fff;
}
.finance .right_service{
position: relative;
}
.finance .nav-tabs {
flex-direction: column;
background:#fff;
padding:0px 30px 21px 30px;
box-shadow: 0px 0px 10px rgb(172, 169, 169);
position: absolute;
top: -85px;
}
.finance .card-body{
padding-top: 0;
padding-right: 70px;
}
.finance .finance-content{
padding:0px 10px 20px 150px;
}
.finance .finance-content h4{
font-size: 20px;
margin-bottom:0px;
font-weight: 400;
}
.finance .finance-content img {
}
.finance .finance-content .img-box {
mix-blend-mode: multiply;
}
.finance .nav-tabs .nav-item.show .nav-link,
.finance .nav-tabs .nav-link.active,
.finance .nav-tabs .nav-link:hover{
background:#343f75;
color: #fff;
}
.finance .nav-tabs .nav-link:hover{
background:#596bc1;
color: #fff;
}
.finance .nav-tabs .nav-link:before{
position: absolute;
content: "";
right: 0;
height: 18px;
width: 18px;
background: #343f75;
top: 33%;
/*/ z-index: -1; /*/
transform: rotate(45deg);
opacity: 0;
/* transition: all 0.02s ease-in-out; */
}
.finance .nav-tabs .nav-item.show .nav-link:before,
.finance .nav-tabs .nav-link.active:before,
.finance .nav-tabs .nav-link:hover:before{
opacity: 1;
right: -8px;
}
.finance .nav-tabs .nav-link:hover:before{
background-color: #596bc1;
}
.presentation{
padding: 80px 0;
}
.presentation .nav-tabs .nav-link{
font-size: 14px;
color: #000;
padding: 12px 15px 12px 15px;
position: relative;
transition: all 0.3s ease-in-out;
border:1px solid #f29329;
border-radius: 50px;
background-color: #fff;
}
.presentation .nav-tabs .sub{
font-size: 14px;
color: #000;
padding: 4px 15px 4px 12px;
position: relative;
transition: all 0.3s ease-in-out;
border:1px solid #f29329;
border-radius: 50px;
background-color: #fff;
}
.presentation .nav-tabs {
flex-flow: inherit;
display: flex;
align-items: center;
justify-content: space-between;
}
.presentation .nav-tabs .nav-link.active,
.presentation .nav-tabs .nav-link:hover{
background:#f29329;
color: #fff;
}
.presentation .card-body{
padding: 5px;
}
.presentation .nav-tabs .nav-item.show .nav-link:before,
.presentation .nav-tabs .nav-link.active:before,
.presentation .nav-tabs .nav-link:hover:before{
opacity: 1;
right: -8px;
}
.presentation .content{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 40px;
flex-wrap: wrap;
}
.presentation .content .content-single {
width: 23%;
background-color: #fff;
box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1);
padding: 17px 28px 15px 15px;
margin: 10px 20px 15px 0px;
height: 138px;
position: relative;
transition: all 0.3s ease-in-out;
}
.presentation .content .content-single span {
font-size: 30px;
float: right;
}
center.load-btn a span {
background: #f2932b;
padding: 8px 5px;
border-radius: 50px;
font-size: 7px;
margin-left: 3px;
}
.load-btn a{
color:#000;
font-size:16px;
}
.presentation .content .content-single p{
font-size: 15px;
color:#375f7e;
}
.presentation .content .content-single .pdf {
position: absolute;
right: 15px;
bottom: 12px;
}
.presentation .content .content-single .pdf span {
font-size: 34px;
}
/* .presentation .content .content-single:hover{
background-color:#f29329;
color: #fff;
} */
/* .presentation .content .content-single:hover p{
color: #fff;
} */
/*shareholder*/
.percentage{
padding:50px 0px 0 0;
}
.percentage .category-table .table-bordered td, .table-bordered th {
border: none;
}
.percentage .category-table .table td, .table th {
border:none;
padding-left: 38px;
}
.dark-blue{
color:#265273;
}
.shareholding{
padding: 0px 0 50px 0px;
}
.shareholding ul li a{
font-size: 14px;
color: #000;
padding: 12px 5px 12px 5px !important;
position: relative;
transition: all 0.3s ease-in-out;
border:1px solid #f29329;
border-radius: 50px;
background-color: #fff;
margin: 2px;
}
.shareholding h6 {
margin-top: 20px;
font-size:22px;
}
.shareholding p {
font-size: 15px;
}
.shareholding ul li a {
flex-flow: inherit;
display: flex;
align-items: center;
justify-content: center;
}
.shareholding ul li a.active,
.shareholding ul li a:hover{
background:#f29329;
color: #fff;
}
.shareholding ul li.CSA{
font-size: 14px;
color: #000;
padding: 12px 5px 12px 5px !important;
position: relative;
transition: all 0.3s ease-in-out;
border:1px solid #f29329;
border-radius: 50px;
background-color: #fff;
margin: 2px;
}
/*.shareholding .ui-tabs .ui-tabs-nav li{
border:0px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
background:none !important;
}*/
.shareholding .card-body{
padding: 5px;
}
.shareholding .card-body .up-content{
width: 60%;
margin: auto;
}
.shareholding .card-body .up-content h6{
font-size: 15px;
margin-top: 30px;
}
.shareholding .card-body .up-content p{
font-size: 15px;
}
.shareholding .nav-tabs .nav-item.show .nav-link:before,
.shareholding .nav-tabs .nav-link.active:before,
.shareholding .nav-tabs .nav-link:hover:before{
opacity: 1;
right: -8px;
}
.shareholding .content{
display: flex;
align-items: center;
margin-top: 20px;
flex-wrap: wrap;
width:100%;
}
.shareholding .content .content-single {
width: 23%;
background-color: #fff;
box-shadow: 0px 1px 13px 0px rgb(0 0 0 / 10%);
padding: 17px 30px 26px 21px;
margin: 10px 10px 15px 10px;
position: relative;
height: 133px;
cursor: pointer;
}
.shareholding .content .content-single .pdf {
position: absolute;
right: 15px;
bottom: 12px;
}
.shareholding .content .content-single .pdf span {
font-size: 34px;
background:transparent;
}
.shareholding .content .content-single p{
font-size: 15px;
color:#375f7e;
}
/* .shareholding .content .content-single:hover{
background-color:#f29329;
color: #fff;
}
.shareholding .content .content-single:hover p{
color: #fff;
} */
.shareholding a{
color:#000;
font-size: 14px;
margin-top: 10px;
}
.shareholding a span {
background: #f2932b;
padding: 8px 6px;
border-radius: 50px;
font-size: 6px;
margin-left: 3px;
}
center.load-btn {
margin-top: 20px;
}
.percentage .donut {
position: relative;
bottom: 69px;
}
.category-table .table-striped tbody tr:nth-of-type(odd) {
background-color: #fff !important;
}
.category-table .table-striped tbody tr:nth-of-type(even) {
background-color: #f7f8fa !important;
}
.donut #myChart {
background: #fff;
height: 500px !important;
width: 350px !important;
/* / margin: 0 auto; /*/
}
.donut .chart-text {
position: absolute;
top: 44%;
left: 21%;
}
.donut .chart-text h3 {
text-align: center;
color: #3c607e;
font-size: 20px;
margin-bottom: 30px;
font-weight: 400;
}
.donut .chart-list {
position: absolute;
top: 64%;
right: 1%;
}
.donut .chart-list ul li{
font-size: 14px;
display: flex;
}
.donut .chart-list ul li p{
margin-bottom: 0px;
}
.chart-list li span {
display: block;
margin-top: 5px;
margin-right: 5px;
}
.chart-list ul li:nth-child(1) .chart-list-icon{
width: 10px;
height: 10px;
background: #655289;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border-top-right-radius: 10px;
}
.chart-list ul li:nth-child(2) .chart-list-icon{
background-color:#20a5de ;
width: 10px;
height: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border-top-right-radius: 10px;
}
.chart-list ul li:nth-child(3) .chart-list-icon{
background-color:#20a5de ;
width: 10px;
height: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border-top-right-radius: 10px;
}
.chart-list ul li:nth-child(4) .chart-list-icon{
background-color:#e7882e ;
width: 10px;
height: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border-top-right-radius: 10px;
}
.chart-list ul li:nth-child(5) .chart-list-icon{
background-color:#ebaf30 ;
width: 10px;
height: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border-top-right-radius: 10px;
}
.chart-list ul li:nth-child(6) .chart-list-icon{
background-color:#56bebf ;
width: 10px;
height: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border-top-right-radius: 10px;
}
.joint-heading h3 {
font-size: 20px;
margin-bottom: 3px;
}
.compensation-single:hover .icon-box {
transform: scale(1.1);
/* text-align: center; */
}
.compensation-single .icon-box{
transition: all 0.3s ease-in-out;
}
.whycareer-wrapp .img-box img {
transition: all 0.3s ease-in-out;
}
.whycareer-wrapp .img-box:hover img{
transform: scale(1.1);
}
.whycareer-wrapp .img-box {
overflow: hidden;
}
.gallery-wrapp .img-box img {
transition: all 0.3s ease-in-out;
}
.gallery-wrapp .img-box:hover img{
transform: scale(1.1);
}
.gallery-wrapp .img-box {
overflow: hidden;
}
.gallery-wrapp p {
position: absolute;
bottom: 2px;
color: #fff;
padding: 0px 20px 10px;
background-image: linear-gradient(#fff0 6%, #000000e0 100%);
margin-bottom: 0px;
text-align: center;
}
.gallery-wrapp {
position: relative;
}
.gallery-wrapp:before {
position: absolute;
bottom: 0px;
width: 90%;
height: 6px;
background: #f1632b;
content: "";
left: 5%;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
z-index: 1;
}
.owl-carousel.owl-theme.gallery-slider .owl-nav {
margin-top: 10px;
position: absolute;
top: 23%;
width:100%;
}
.gallery-wrapp {
border-radius: 10px;
overflow:hidden;
}
.gallery {
padding: 50px 40px 20px;
}
.owl-theme.gallery-slider .owl-nav [class*=owl-] {
color: #213965;
background: #fff;
font-size: 25px;
padding: 5px 5px;
}
.gallery-slider .owl-nav .owl-prev {
position: absolute;
left: -50px;
}
.gallery-slider .owl-nav .owl-next {
position: absolute;
right: -50px;
}
/* */
.governance{
padding: 50px 0px;
}
.governance .text-wrap p{
color: #727272;
font-size: 16px;
}
.governance .img-wrap img{
padding-left: 84px;
}
.meeting{
padding:40px 0px
}
.meeting .content {
display: flex;
align-items: center;
/* justify-content: space-between; */
margin-top: 30px;
flex-wrap: wrap;
position: relative;
}
.meeting .content .content-single {
width: 23%;
background-color: #fff;
box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1);
padding:14px 11px 14px 20px;
margin: 10px 20px 15px 0px;
position: relative;
height: 129px;
cursor: pointer;
}
.meeting .content .content-single p {
font-size: 15px;
color: #375f7e;
}
.meeting .content .content-single .pdf {
position: absolute;
right: 15px;
bottom: 12px;
}
.meeting .content .content-single .pdf span {
font-size: 34px;
}
.directors-gov h3{
margin-bottom: 40px;
}
.box{
padding:50px 0px;
}
.box .box-wrapp {
display: flex;
align-items: center;
/*justify-content: space-between;*/
margin-top: 20px;
flex-wrap: wrap;
position: relative;
}
.box .box-wrapp .box-single {
width: 23%;
background-color: #fff;
box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1);
padding:14px 15px 14px 20px;
margin: 10px 20px 15px 0px;
height: 129px;
position: relative;
cursor: pointer;
}
.box .box-wrapp .box-single p {
font-size: 15px;
color: #375f7e;
}
.box .box-wrapp .box-single .pdf {
position: absolute;
right: 15px;
bottom: 12px;
}
.box .box-wrapp .box-single .pdf span {
font-size: 34px;
}
.box .down-arrow {
background: #f09328;
padding: 6px 5px;
position: relative;
transform: rotate(-90deg);
color: #fff;
border-radius: 50px;
font-size: 4px;
font-weight: 200;
transition: all 0.3s ease-in-out;
margin-left: 6px;
}
.box .load p{
font-size: 14px;
margin-top: 7px;
}
.code-modal .close {
position: absolute;
right: 0px;
top: -1px;
z-index: 2;
background: #2b5774;
opacity: 1;
color: #fff;
padding: 0px 10px 5px;
font-weight: 200;
font-size: 30px;
}
.code-modal .modal-body h3{
color:#0e4065;
margin-top: 18px;
}
.code-modal .modal-body .form-div .form-group {
position: relative;
margin-top: 22px;
}
.code-modal .modal-body .form-div .form-group label {
color: #000;
position: absolute;
left: 22px;
top: -10px;
background-color: #fff;
font-size: 15px;
padding: 0px 7px;
}
.code-modal .modal-body .form-div{
padding:20px 25px;
}
.code-modal .modal-body .form-div .common-btn {
font-size: 13px;
text-transform: uppercase;
width: 90px;
height: 40px;
display: inline-block;
align-items: center;
justify-content: center;
color: #fff;
border-radius: 20px;
background-color: #f39028;
margin: auto;
}
.code-modal .modal-content{
width: 95%;
}
.code-modal .form-div .buton {
margin: auto;
padding: 4px 0px 4px 0px;
}
.policies{
padding:50px 0px
}
.policies .policies-wrapp {
display: flex;
align-items: center;
justify-content: flex-start;
margin-top: 0px;
flex-wrap: wrap;
position: relative;
}
.policies .policies-wrapp .policies-single {
width: 23%;
background-color: #fff;
box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1);
padding:14px 15px 14px 20px;
margin: 10px 20px 15px 0px;
height: 129px;
position: relative;
cursor:pointer;
}
.policies .policies-wrapp .policies-single p {
font-size: 15px;
color: #375f7e;
}
.policies .policies-wrapp .policies-single .pdf {
position: absolute;
right: 15px;
bottom: 12px;
}
.policies .policies-wrapp .policies-single .pdf span {
font-size: 34px;
}
.directors-gov .director-slider{
display: flex;
align-items: center;
justify-content: center;
}
.directors-gov .director-slider .director-wrapp {
background-color: transparent;
}
.directors-gov .caption-director {
width: 92%;
}
.independent{
padding:50px 0px 88px 0px;
background-color: #f0f4f5;
}
.independent .director-slider{
display: flex;
align-items: center;
justify-content: center;
}
.independent .director-slider .director-wrapp {
background-color: transparent;
}
.independent .caption-director {
width: 92%;
}
.independent h3{
margin-bottom: 35px;
}
.indep .box-wrapp {
display: flex;
align-items: center;
justify-content: start;
margin-top: 20px;
flex-wrap: wrap;
position: relative;
bottom: 79px;
}
.indep .box-wrapp .box-single {
width: 23%;
background-color: #fff;
box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1);
padding:14px 15px 14px 20px;
margin: 10px 20px 15px 0px;
height: 129px;
position: relative;
}
.indep .box-wrapp .box-single p a{
font-size: 15px;
color: #375f7e;
}
.indep .box-wrapp .box-single .pdf {
position: absolute;
right: 15px;
bottom: 12px;
}
.indep .box-wrapp .box-single .pdf span {
font-size: 34px;
}
.box-radio{display: none; }
.A {
color: #000;
background: #f5f9fc;
padding: 0 0 50px 0;
}
.A .bse{
margin-top: -24px;
}
.B{ color: #000; background:#f0f4f5; }
.C{ color: #000; background:#f0f4f5; }
.D{ color: #000; background:#f0f4f5; }
.E{ color: #000; background:#f0f4f5; }
.shadowcard{
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
padding: 25px;
margin-bottom: 30px;
background-color: white;
}
.shadowcard li{
margin-bottom: 15px;
}
#legendrow{
text-align:right;
position:absolute;
right:0;
padding-right:25px;
}
#legendimg{
max-width:350px;
}
.loupe img{max-width: max-content !important;}
.hexnav-item:hover{
cursor: pointer;
transition: all linear 0.5s;
}
.centertop{
width: 53% !important;
/*margin-top: -100px;*/
margin-left: 1%;
transition: all linear 0.5s;
}
#legendrow {
text-align: right;
position: absolute;
right: 0;
padding-right: 25px;
}
.charts{
max-width: 100%;
margin: auto;
display: none;
}
.loupe{
/*border: 2px solid grey;*/
background: white;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
border-radius: 50%;
}
#hexnav{
background: white;
}
#mainhexsvg{
max-width: 100%;
}
.specialitychemical{
padding-top: 80px;
padding-bottom: 30px;
padding-left:0%;
padding-right:0%;
}
#toluenehead{
margin: auto;
max-width: 100px;
}
.container.text-center.Toluene {
padding-top: 0px;
padding-bottom: 50px;
}
#toluenechart{
margin: 0 auto;
width: 100%;
display: none;
}
#toluenehead:hover{
cursor: pointer;
}
.sus-common-pages{
padding: 40px 0px;
}
.sus-common-pages .text-wrapp{
width: 72%;
margin: auto;
}
.sus-common-pages .text-wrapp p{
color: #3c5c7a;
text-align: center;
}
.encourage{
padding: 40px 0px;
}
.encourage .text-wrapp{
width:64%;
margin: auto;
}
.encourage .text-wrapp ul {
margin-bottom: 7px;
width: 84%;
}
.encourage .text-wrapp li {
position: relative;
padding-left: 9px;
color: #204b6e;
font-size: 16px;
}
.responsible-bredcum-text{
width: 756px;
}
.responsible{
padding: 40px 0px 100px 0px;
}
.responsible .text-wrapp{
width: 72%;
margin: auto;
}
.responsible .text-wrapp p{
color: #3c5c7a;
text-align: center;
}
.Procurement .box-wrapp {
display: flex;
align-items: center;
justify-content: center;
margin-top: -80px;
flex-wrap: wrap;
/* position: relative; */
/* bottom: 92px; */
}
.faq.env-faq.env .content a{
top:0px;
}
section.faq.env-faq.env #faq-accordion .card-header .btn-link{
padding:15px 10px;
}
.Procurement .box-wrapp .box-single {
width: 23%;
background-color: #fff;
box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1);
padding: 14px 15px 14px 20px;
margin: 10px 20px 15px 0px;
height: 129px;
position: relative;
}
.Procurement .box-wrapp .box-single p {
font-size: 15px;
color: #375f7e;
}
.Procurement .box-wrapp .box-single .pdf {
position: absolute;
right: 15px;
bottom: 12px;
}
.Procurement .box-wrapp .box-single .pdf span {
font-size: 34px;
}
.social-bredcum-text{
width: 577px;
}
.Environment, .social-bg{
background-color: #f7f8fc;
}
.water{
padding:50px 0px;
}
.water .text-wrapp{
width:75%;
margin: auto;
}
.water .text-wrapp p{
color: #828282;
}
.water .text-wrapp span{
font-size: 17px;
}
.water .text-wrapp span a{
color: #0131fd;
text-decoration: underline;
}
.graph-label p {
margin-bottom: 0px;
margin-top: -9px;
color: gray;
}
.graph-label {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 12px;
}
.myChartDiv {
max-width: 500px;
max-height:400px;
}
#myChart1 {
/* width: 100%; */
height: 400px !important;
}
.navbar-mob .nav-item.dropdown {
position: relative;
}
.navbar-nav .dropdown-menu {
position: static;
float: none;
border-radius: 0px;
border: 0px;
box-shadow: 0px 2px 10px #00000059;
transition: all 0.3s ease-in-out;
background-color: #fff;
display:none;
}
.navbar-expand-md .navbar-nav li {
padding-left: 0;
list-style: none;
margin-bottom: 0px;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute;
width: 600px;
padding: 20px;
column-count: 2;
}
.navbar-expand-md .navbar-nav .dropdown-menu a {
line-height: 40px;
font-size: 17px;
color: #000;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute;
width: 600px;
padding: 30px 20px 40px;
column-count: 2;
top: 73px;
border-top: 7px solid #f1642c;
transition: all 0.3s ease-in-out;
transform: scale(1,.8);
transform-origin: center top;
transform: translateY(-20px);
z-index:9;
}
header .dropdown a.dropdown-toggle:before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -5px;
width: 10px;
margin: 0 auto;
opacity: 0;
border-bottom: 8px solid #f1642c;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
}
header .nav-item.dropdown:hover a:before {
opacity: 1;
}
header .nav-item .dropdown-menu.show:hover .nav-link:before {
opacity: 1;
}
.navbar-mob .nav-item.dropdown:hover .dropdown-menu {
display: block !important;
transition: .3s ease-in-out;
}
.navbar-expand-md .navbar-nav .dropdown-menu a {
line-height: 40px;
font-size: 16px;
color: #000;
border-bottom: 1px solid #cccccc54;
}
.navbar-expand-md .navbar-nav .dropdown-menu.company a:nth-child(2) {
border-bottom: 0px;
}
.navbar-expand-md .navbar-nav .dropdown-menu a:last-child {
border-bottom: 0px;
}
.navbar-expand-md .navbar-nav .dropdown-menu.company a:nth-child(3) {
border-top: 1px solid #cccccc54;
border-bottom: 0px;
}
.navbar-expand-md .navbar-nav .dropdown-menu a span {
font-size: 11px;
padding-left: 15px;
color: #f1652b;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.text-danger {
color: #dc3545!important;
font-size: 12px;
}
.navbar-expand-md .navbar-nav .dropdown-menu a:hover span {
opacity: 1;
}
.navbar-expand-md .navbar-nav .dropdown-menu a:hover {
background: transparent;
color: #f1642c;
}
.dropdown-item.active, .dropdown-item:active {
color: #f1642c;
background: transparent;
}
ul.dropdown-menu.career-menu {
left: -300px;
}
ul.dropdown-menu.investor-menu {
left: -160px;
}
ul.dropdown-menu.career-menu a:nth-child(3) {
border-bottom: 0px;
}
ul.dropdown-menu.career-menu a:nth-child(4) {
border-bottom: 0px;
border-top: 1px solid #cccccc54;
}
/*ul.dropdown-menu.investor-menu a:nth-child(4) {
border-bottom: 0px;
}*/
ul.dropdown-menu.investor-menu a:nth-child(5) {
border-top: 0px;
}
.navbar-expand-md .navbar-nav .dropdown-menu.investor-menu a {
border-top: 1px solid #cccccc54;
border-bottom:0px;
}
ul.dropdown-menu.investor-menu a:nth-child(1) {
border-top: 0px;
}
ul.dropdown-menu.sus a:nth-child(5){
border-bottom:0px;
}
ul.dropdown-menu.business {
column-count: 1 !important;
width: 250px !important;
}
ul.dropdown-menu.contact-menu {
column-count: 1 !important;
width: 250px !important;
left: -70px;
}
ul.dropdown-menu.contact-menu a {
white-space: initial;
line-height: 28px !important;
}
.values-wrapper {
display: flex;
justify-content: center;
/* flex-wrap: wrap;*/
}
.single-values {
width: 30%;
margin: 10px;
box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1);
min-height: 365px;
padding: 50px 20px 0px;
text-align: center;
margin: 10px 20px;
position:relative;
transition: all 0.3s ease-in-out;
}
.values h1 {
text-align: center;
margin-bottom: 20px;
}
.values {
padding: 70px 0px;
}
.single-values h3 {
color: #f29329;
margin-top:10px;
}
.single-values span {
font-size: 90px;
color: #f29329;
}
.single-values:hover:before{
background: #eb8f28;
}
.single-values:before {
content: "";
position: absolute;
width: 80%;
height: 7px;
bottom: -8px;
background:#f6e8db;
left: 10%;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
transition: all 0.3s ease-in-out;
}
.culture .parallax-container {
position: relative;
overflow: hidden;
min-height: 460px;
}
.culture .parallax .parallax-img {
position: absolute;
left: 50%;
bottom: 0px;
width: 100%;
min-height: 100%;
transform: translate3d(0,0,0);
transform: translateX(-50%);
}
.culture-wrapper .single-culture {
width: 18%;
background: #fff;
margin: 10px 20px;
padding: 25px 20px;
border-radius: 10px;
position:relative;
}
.culture-wrapper {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.culture-wrapper .single-culture {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 40px;
}
.culture-wrapper .single-culture span {
font-size: 60px;
}
.culture-wrapper .single-culture p {
margin-bottom: 0px;
color: #89979b;
padding-left: 5px;
}
.culture h2 {
color: #fff;
position: relative;
text-align: center;
font-size: 35px;
margin-bottom: 30px;
margin-top: 50px;
}
.financial-inner {
position: relative;
height: 370px;
}
.culture-wrapper .single-culture:before {
content: "";
position: absolute;
width: 80%;
height: 7px;
bottom: -7px;
background:#eb9028;
left: 10%;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
transition: all 0.3s ease-in-out;
opacity:0;
}
.culture-wrapper .single-culture:hover:before{
opacity:1;
}
.lets-work {
background: #f4f5f7;
padding: 60px 0px;
}
.life-content {
padding-left: 50px;
padding-right: 50px;
}
.life-content h3{
color: #214d6f;
font-size: 23px;
line-height: 30px;
}
.life-content .common-btn {
background: #f28f28;
font-size: 14px;
margin-top: 20px;
width: 145px;
border: 0px;
}
.life-content .common-btn span {
font-size: 11px;
padding-left: 5px;
}
.initiatives h2 {
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
}
.content-life .parallax-container {
position: relative;
overflow: hidden;
height: 460px;
}
.content-life .parallax {
position: absolute;
left: 0;
right: 0;
height: 550px;
}
.content-life .parallax .parallax-img {
position: absolute;
left: 50%;
bottom: 0px;
width: 100%;
min-height: 100%;
transform: translate3d(0,0,0);
transform: translateX(-50%);
}
.wrapper-content {
background: #0e4065;
color: #fff;
margin-top: 40px;
padding: 30px;
}
.initiatives .nav-link {
display: flex;
align-items: center;
justify-content: center;
}
.initiatives .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
border: 0px;
}
.initiatives .nav-tabs .nav-item .nav-link {
background: #e1e6ec;
border: 0px;
color: #0e4065;
border-radius: 30px;
line-height: 17px;
height: 55px;
margin: 5px;
}
.initiatives .nav-tabs .nav-item .nav-link p {
margin-bottom: 0px;
}
.organization-single p {
font-size: 15px;
color:#737373;
margin-bottom:0px;
}
.organization-single h3 {
font-size: 20px;
color:#114068;
}
.organization-single {
width: 31%;
margin: 10px;
padding: 20px 20px;
box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1);
}
.organization-single img {
margin-bottom: 10px;
}
.initiatives h2 {
text-align: center;
font-size: 35px;
margin-bottom: 25px;
margin-top:30px;
}
.initiatives .nav-tabs .nav-link.active {
border: 0px;
background-color: #0e4065;
color: #fff;
}
.organization-single li {
list-style: disc;
margin-left: 20px;
font-size: 15px;
color:#737373;
}
.initiatives .owl-nav {
margin-top: 10px;
position: absolute;
top:-4%;
width: 100%;
}
.initiatives .owl-theme.initiatives-slider .owl-nav [class*=owl-] {
color: #213965;
background: transparent;
font-size: 25px;
padding: 4px 4px;
}
.initiatives .owl-nav .owl-next {
position: absolute;
right: -40px;
}
.initiatives .owl-nav .owl-prev {
position: absolute;
left: -40px;
}
.initiatives .owl-theme.initiatives-slider .owl-nav [class*=owl-] span {
font-weight: bold;
}
.organization-wrapper {
display: flex;
flex-wrap: wrap;
}
/*nurturing*/
.nurturing{
padding: 40px 0px;
}
.bg-nurturing{
background-color: #f7f8fc;
}
.nurturing .text-wrapp {
width: 72%;
margin: auto;
}
.nurturing .text-wrapp p {
color: #595959;
text-align: center;
}
.initiatives{
padding: 40px 0px;
}
.initiatives .nav-tabs .nav-item .nav-link span {
font-size: 30px;
padding-right: 3px;
}
/* section.faq{
padding: 60px 0px;
}
.faq .atoms-small {
width: 45px;
margin-top: 6px;
}
.faq .card-header-faq{
padding: 1px 17px;
cursor: pointer;
border-bottom: none;
background-color: #fff;
color: #104166;
border-radius: 10px;
}
.faq .card-faq .active{
background-color: #f2f3f8;
}
.faq .card-body-faq{
border-radius: 10px;
padding: 20px 21px;
}
.faq .main-box{
}
.faq .card-faq{
border:none;
}
.faq .accordion .card-header:after {
font-family: 'FontAwesome';
content: "\f106";
float: right;
position: relative;
bottom: 18px;
border-radius: 30px;
padding: 0px 6px;
color: #f29229;
background-color: #f29229;
color:#fff;
}
.faq .card-header.card-header-faq.cm.collapsed:after{
background-color:transparent;
border: 1px solid;
color:#f29229;
}
.faq .accordion .card-header.collapsed:after {
content: "\f107";
}
.faq img.img-fluid.atoms-big {
width: 60%;
margin: 0 auto;
display: block;
}
.faq .card .card-header {
display: block !important;
}
.faq .card{
box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1);
margin-top: 15px;
border-radius: 10px;
}
.faq .accordion{
background-color: #fff;
width: 93%;
margin: auto;
}
.faq .content{
padding-left: 14px;
position: relative;
}
.faq .content span{
font-size: 37px;
position: relative;
top:6px;
}
.faq .card-body .main-content{
display: flex;
align-items: normal;
justify-content: space-around;
}
.faq .card-body .main-content .content-icon{
width: 17%;
border-right:2px solid #edf0f4;
font-size: 40px;
}
.faq .card-body .main-content .content-icon span{
font-size: 60px;
position: relative;
left: 18px;
}
.faq .card-body .main-content .content-wrapp{
width: 83%;
padding-left: 35px;
}
.faq .card-body .main-content .content-wrapp ul {
display: flex;
align-items: baseline;
justify-content: flex-start;
margin-bottom: 0px;
}
.faq .card-body .main-content .content-wrapp li {
list-style-image: url(images/white-pointer-map-pin.png);
}
.faq .card-body .main-content .content-wrapp li {
position: relative;
font-size: 16px;
color: #0e4064;
padding-left: 5px;
line-height: 1.8;
}
.faq .card-body .main-content .content-wrapp p{
font-size: 16px;
margin-top: 10px;
}
.faq .card-body .main-content .content-wrapp h4{
color: #114168;
}
.faq .content a {
font-size: 17px;
padding-left: 16px;
position: absolute;
left: 80px;
top: 20px;
} */
div#faq-accordion {
width: 95%;
margin: 0 auto;
}
.faq-details .card {
margin-bottom: 5px;
}
.faq-details .card-body{
width: 96%;
margin: auto;
box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1);
}
.faq-details .card-header {
background: #fff;
border-radius: 0px;
margin-bottom: -11px;
border-bottom: 0px;
}
.faq.env-faq .content a {
position: relative;
left: 0px;
top: 0px;
padding-left: 15px;
margin-bottom:0px;
/* display: flex; */
}
#faq-accordion .card-header .btn-link {
color: #0e3f65;
font-size: 18px;
text-decoration: none;
padding:10px;
transition: all 0.5s ease-in-out;
box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1);
}
#faq-accordion .card-header .btn-link[aria-expanded="true"]{
background-color:#f7f8fc;
box-shadow: none;
position:relative;
z-index:1;
}
.faq.env-faq span {
color: #f28b29;
}
.faq .card .card-header {
/* box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1); */
display: block !important;
}
.faq.env-faq .main-content .content-wrapp a {
color: #000;
}
#faq-accordion .icon-mathematical-addition-sign , #faq-accordion .icon-minus-symbol{
transition: all 0.5s ease-in-out;
position: relative;
top: 0px;
width:25px !important;
float:right;
}
/*#faq-accordion .icon-minus-symbol{
float: right;
font-size: 12px;
padding: 5px 7px;
border-radius: 100%;
color: orange;
transition: all 0.5s ease-in-out;
position: relative;
top: 7px;
background: orange;
color: #fff;
border:1px solid orange;
transform: rotate(-90deg);
}
*/
#faq-accordion .collapsed .icon-mathematical-addition-sign {
display: block !important;
}
#faq-accordion .collapsed .icon-minus-symbol {
display: none;
color:#fff;background: transparent;
border:1px solid orange;
}
#faq-accordion .icon-mathematical-addition-sign{
display: none;
}
#faq-accordion button {
width: 100%;
text-align: left;
}
.faq .accordion{
background-color: #fff;
padding: 0 18px;
}
#faq-accordion .card-header .btn-link:focus {
color: #0e3f65;
background-color: #f2f3f8;
box-shadow: none;
}
.faq .content span {
font-size: 37px;
position: relative;
top: 1px;
left:10px;
}
.faq .content a {
font-size: 17px;
padding-left: 29px;
position: absolute;
left: 92px;
top: 32px;
/* margin-left: 20px; */
}
.faq .card-body .main-content{
display: flex;
align-items: normal;
justify-content: space-around;
}
.faq .card-body .main-content .content-icon{
width: 17%;
border-right:2px solid #edf0f4;
font-size: 40px;
}
.faq .card-body .main-content .content-icon span{
font-size: 60px;
position: relative;
left: 18px;
}
/* .faq .card-body .main-content .talk-icon{
margin-left: -10px;
} */
.faq .card-body .main-content .content-wrapp{
width: 83%;
padding-left: 35px;
}
.faq .card-body .main-content .content-wrapp li {
list-style-image: url(images/ail-bullet-point.html);
}
.faq .card-body .main-content .content-wrapp li {
position: relative;
font-size: 16px;
color: #0e4064;
padding-left: 5px;
line-height: 1.8;
}
.faq .card-body .main-content .content-wrapp p{
font-size: 16px;
margin-top: 10px;
}
.faq .card-body .main-content .content-wrapp h4{
color: #114168;
}
.faq .atoms-small {
width: 45px;
margin-top: 6px;
margin-left: 19px;
}
.faq img.img-fluid.atoms-big {
width: 60%;
margin: 0 auto;
display: block;
}
.faq-details br{
display: none;
}
.faq{
padding:40px 0px;
}
.sus-overview {
text-align: center;
margin: 0 auto;
background-color:#f7f8fc;
padding: 40px 0px;
}
.sus-overview p {
font-size: 18px;
}
.policies-code h2 {
margin-bottom: 20px;
}
.policies-code {
padding: 40px 0px;
}
.policies-code img {
margin: 0 auto;
display: block;
margin-top: 40px;
margin-bottom: 30px;
}
.policies-code h2 {
font-size: 27px;
}
.ams .parallax-container {
position: relative;
overflow: hidden;
min-height: 470px;
}
.ams .parallax .parallax-img {
position: absolute;
left: 50%;
bottom: 0px;
width: 100%;
min-height: 100%;
transform: translate3d(0,0,0);
transform: translateX(-50%);
}
.ams .container {
position: relative;
padding: 50px 0px;
}
.ams p {
color: #fff;
width: 65%;
text-align: center;
margin: 0 auto;
margin-bottom: 40px;
}
.ams img {
margin: 0 auto;
display: block;
}
.regulatory{
padding: 40px 0px 15px 0;
}
.regulatory h1{
text-align: center;
}
.chemical{
padding: 30px 0px 0 0;
}
.chemical h4{
color: #104068;
}
.zone .nav-tabs .nav-link{
font-size: 18px;
color: #f29329;
padding: 4px 27px;
position: relative;
transition: all 0.3s ease-in-out;
border:1px solid #f29329;
border-radius: 50px;
background-color: #fff;
margin: 5px;
}
.zone .nav-tabs .sub{
font-size: 14px;
color: #000;
padding: 4px 15px 4px 12px;
position: relative;
transition: all 0.3s ease-in-out;
border:1px solid #f29329;
border-radius: 50px;
background-color: #fff;
}
.zone .nav-tabs {
flex-flow: inherit;
display: flex;
align-items: center;
justify-content: center;
}
.zone .nav-tabs .nav-link.active,
.zone .nav-tabs .nav-link:hover{
background:#f29329;
color: #fff;
}
.zone .card-body{
padding: 5px;
}
.zone .nav-tabs .nav-item.show .nav-link:before,
.zone .nav-tabs .nav-link.active:before,
.zone .nav-tabs .nav-link:hover:before{
opacity: 1;
right: -8px;
}
.zone-text .zone-card {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.zone-text .zone-card .zone-card-single {
width:46%;
background-color: #fff;
box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1);
padding: 17px 30px 26px 21px;
margin: 10px 20px 15px 0px;
height: 130px;
position: relative;
cursor: pointer;
}
.zone-text .zone-card .zone-card-single p{
color: #104068;
}
.zone-text .zone-card .zone-card-single .pdf {
position: absolute;
right: 15px;
bottom: 12px;
}
.zone-text .zone-card .zone-card-single .pdf span {
font-size: 34px;
}
.zone-wrapper .car-img {
position: relative;
overflow: hidden;
}
.zone-wrapper .car-img .text-wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
position: absolute;
align-items: center;
bottom: 0px;
left: 0px;
background: #18466b96;
color: #fff;
font-size: 30px !important;
width: 100%;
}
.zone-wrapper .car-img .text-wrap p {
font-size: 15px;
margin-top: 10px;
}
.zone-wrapper .owl-theme .owl-dots .owl-dot span {
width: 7px;
height: 7px;
margin: 9px 2px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px;
}
.zone-wrapper .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #0e4065;
}
.zone-wrapper .owl-theme .owl-nav [class*=owl-] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 13px 10px !important;
background: #0c0c0c4d !important;
display: inline-block;
cursor: pointer;
}
.zone-wrapper .owl-carousel .owl-nav .owl-next {
position: absolute;
right: 5px;
}
.zone-wrapper .owl-nav .owl-prev {
position: absolute;
left: -15px;
}
.zone-wrapper .owl-nav {
position: absolute;
top: 35%;
width: 100%;
margin: 0 auto;
left: 10px;
display: block;
}
.zone-wrapper{
padding-top: 10px;
}
.zone .left_service{
padding-top: 20px;
}
.pharma{
padding:40px 0px;
}
.pharma h4{
color: #0e4065;
margin-bottom: 30px;
}
.pharma .artc-text{
padding:30px 0px 0 0;
}
.workforce{
padding:40px 0px;
}
.workforce .text-wrapp {
width: 72%;
margin: auto;
}
.workforce .text-wrapp p {
color: #3c5c7a;
text-align: center;
font-size: 16px;
}
.hiring .hiring-wrapp{
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 15px;
}
.hiring-wrapp .hiring-single {
width: 18%;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 27px 30px;
border-radius:7px;
margin: 5px;
transition: all 0.5s ease-in-out;
box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1);
position:relative;
bottom:0px;
}
.hiring-wrapp .hiring-single:hover{
background-color:#f29329;
position: relative;
bottom:10px;
/*transition: all 0.1s ease-in-out;*/
}
.hiring-wrapp .hiring-single:hover h4{
color:#fff;
}
.hiring-wrapp .hiring-single:hover p{
color:#fff;
}
.hiring-wrapp .hiring-single:hover span{
color:#fff;
}
.hiring-wrapp .hiring-single .hiring-icon {
font-size: 47px;
color: #f8b95e;
}
.hiring-wrapp .hiring-single .text {
margin-left: 14px;
}
.hiring-single h4 {
color: #f29329;
margin-bottom: -2px;
font-size: 31px;
}
.hiring-wrapp .hiring-single p {
font-size: 16px;
margin-bottom: 0px;
color: #0e4065;
line-height: 1.3;
}
.benifits{
padding:40px 0px;
}
.benifits .text-wrapp {
width: 77%;
margin: auto;
}
.benifits .text-wrapp p{
font-size: 16px;
line-height: 1.6;
}
.benifits .text-wrapp h3{
text-transform: capitalize;
}
.responsible-bredcum-text-health {
width: 454px;
}
.safety {
padding: 40px 0px;
}
.safety .text-wrapp {
width: 77%;
margin: auto;
}
.safety .text-wrapp h3 {
text-transform: capitalize;
}
.safety .text-wrapp p {
font-size: 16px;
line-height: 1.6;
}
.common-text .objective-wrapp{
display: flex;
align-items: center;
justify-content: space-evenly;
width: 94%;
margin: auto;
padding: 40px 0px;
}
.common-text .objective-wrapp .objective-single{
margin: 5px;
}
.safety-parallax{
padding:30px 0px;
}
.safety-parallax .parallax-container {
position: relative;
overflow: hidden;
min-height: 450px;
}
.safety-parallax .parallax .parallax-img{
position: absolute;
left: 50%;
bottom: 0px;
width: 100%;
min-height: 100%;
transform: translate3d(0,0,0);
transform: translateX(-50%);
z-index: -2;
}
.single-safety:nth-child(1) .content-safety svg, .single-safety:nth-child(1) .content-safety svg path{
fill: #15aad7;
}
.single-safety:nth-child(2) .content-safety svg, .single-safety:nth-child(2) .content-safety svg path {
fill: #f6645f;
}
.single-safety:nth-child(3) .content-safety svg, .single-safety:nth-child(3) .content-safety svg path {
fill: #07bdc3;
}
.single-safety:nth-child(4) .content-safety svg, .single-safety:nth-child(4) .content-safety svg path {
fill: #ddd72c;
}
.single-safety:nth-child(5) .content-safety svg, .single-safety:nth-child(5) .content-safety svg path {
fill: #08c48f;
}
.single-safety:nth-child(6) .content-safety svg, .single-safety:nth-child(6) .content-safety svg path {
fill: #e69823;
}
.single-safety:nth-child(7) .content-safety svg, .single-safety:nth-child(7) .content-safety svg path {
fill: #f882ef;
}
.single-safety:nth-child(8) .content-safety svg, .single-safety:nth-child(8) .content-safety svg path {
fill: #08ccab;
}
.single-safety .content-safety svg{
width:40px;
height:40px;
}
.common-text .objective-wrapp .objective-single {
margin: 5px;
background: #eef0f5;
width: 40%;
height: 80px;
border-radius: 50px;
overflow: hidden;
position:relative;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease-in-out;
/* justify-content: center; */
}
.common-text .objective-wrapp .objective-single:hover:after{
background: #0db2e8;
transition: all 0.3s ease-in-out;
}
.common-text .objective-wrapp .objective-single:hover:before{
background: #0db2e8;
transition: all 0.3s ease-in-out;
}
.common-text .objective-wrapp .objective-single:nth-child(2):hover:after{
background: #f28d28;
}
.common-text .objective-wrapp .objective-single:nth-child(2):hover:before{
background: #f28d28;
}
.common-text .objective-wrapp .objective-single:after {
content: "";
position: absolute;
right: 80px;
width: 20px;
transform: skew(-10deg);
height: 100%;
background: #f28d28;
transition: all 0.3s ease-in-out;
}
.common-text .objective-wrapp .objective-single:nth-child(2):after{
background: #0db2e8;
}
.common-text .objective-wrapp .objective-single.blue h3{
color:#0db2e8;
}
.common-text .objective-wrapp .objective-single:nth-child(2) h3 {
color: #0db2e8;
}
.obejective-content {
text-align: right;
width: 58%;
}
.obejective-content p {
line-height: 18px !important;
}
.Procurement {
margin-top: 40px;
}
.common-text .objective-wrapp .objective-single span {
font-size: 50px;
color: #fff;
z-index: 1;
position: relative;
top: 25px;
left: 17%;
}
.obejective-content h3 {
font-size: 22px;
text-transform: uppercase;
margin-bottom: 0px;
color: #f2722a;
}
.obejective-content p {
margin-bottom: 0px;
color: #000;
}
.sus-overview p{
color:#3c5c7a !important
}
.common-text .objective-wrapp .objective-single:before {
content: "";
position: absolute;
right: 0px;
width: 90px;
height: 100%;
background: #f28d28;
transition: all 0.3s ease-in-out;
}
.span-safety {
width: 100px;
height: 100px;
text-align: center;
/* float: right; */
}
.common-text .objective-wrapp .objective-single span {
font-size: 50px;
}
.safety-parallax .container {
position: relative;
margin-top: 70px;
}
.safety-parallax .container .box-img {
margin: auto;
display: block;
}
.safety-parallax .box-img.bottom-safety {
margin-right: 185px;
margin-top: -77px;
}
.safety-parallax .box-img.top-safety {
margin-left: 218px;
}
.safety-wrapper {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.safety-wrapper {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.single-safety {
position: relative;
position: relative;
width: 1108px;
text-align:center;
}
.content-safety span {
font-size: 50px;
}
.safety-wrapper {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
position: absolute;
top: 0px;
color: #fff;
}
.single-safety:nth-child(1) .content-safety {
position: absolute;
color: #fff;
top: 40px;
left: 270px;
}
.single-safety:nth-child(2) .content-safety {
position: absolute;
color: #fff;
top: 40px;
left: 485px;
}
.single-safety:nth-child(3) .content-safety {
position: absolute;
color: #fff;
top: 40px;
left: 690px;
}
.single-safety:nth-child(4) .content-safety {
position: absolute;
color: #fff;
top: 40px;
left: 910px;
}
.single-safety:nth-child(5) .content-safety {
position: absolute;
color: #fff;
top: 155px;
left: 170px;
}
.single-safety:nth-child(6) .content-safety {
position: absolute;
color: #fff;
top: 155px;
left: 377px;
}
.single-safety:nth-child(7) .content-safety {
position: absolute;
color: #fff;
top: 155px;
left: 585px;
}
.single-safety:nth-child(8) .content-safety {
position: absolute;
color: #fff;
top: 155px;
left: 780px;
}
.content-safety p {
font-size: 13px;
}
#myChart2 {
width: 100%;
height: 400px !important;
}
#myChart3 {
width: 100%;
height: 400px !important;
}
#myChart4 {
width: 100%;
height: 400px !important;
}
#myChart5 {
width: 100%;
height: 400px !important;
}
#myChart6 {
width: 100%;
height: 400px !important;
}
#myChart7 {
width: 100%;
height: 400px !important;
}
.hiring-single span {
font-size: 60px;
color: #f29329;
}
.faq-details .card-header {
background: #fff;
border-radius: 0px;
margin-bottom: -11px;
border-bottom: 0px;
}
.faq.env-faq .main-content .content-wrapp {
width: 100%;
padding-left: 0px;
}
.ams-single {
position: relative;
width: 25%;
image-rendering: 5%;
}
.ams-single .ams-content {
position: absolute;
top: 35px;
color: #fff;
left: 42px;
text-align: center;
}
.ams-wrapper {
display: flex;
align-items: center;
justify-content: center;
width: 70%;
margin: 0 auto;
flex-wrap: wrap;
}
.ams-single .ams-content p {
font-size: 12px;
width: 100%;
}
.ams-single .ams-content span {
font-size: 50px;
}
.ams-single:nth-child(1) .ams-content {
left: 60px;
}
.ams-single:nth-child(2) .ams-content {
left: 80px;
}
.ams-single:nth-child(3) .ams-content {
left: 90px;
}
.ams-single:nth-child(4) .ams-content {
left: 75px;
}
.ams-single:nth-child(5) .ams-content {
left: 90px;
}
.ams-single:nth-child(6) .ams-content {
left: 70px;
}
.ams-single:nth-child(7) .ams-content{
left: 70px;
}
.ams-single:nth-child(5) , .ams-single:nth-child(6) , .ams-single:nth-child(7) {
margin-top: -18px;
}
.ams-single:nth-child(1) .ams-content svg, .ams-single:nth-child(1) .ams-content svg path{
fill: #a8b1a8;
}
.ams-single:nth-child(3) .ams-content svg, .ams-single:nth-child(3) .ams-content svg path {
fill: #8ecf02;
}
.ams-single:nth-child(5) .ams-content svg, .ams-single:nth-child(5) .ams-content svg path {
fill: #00cbfe;
}
.ams-single:nth-child(7) .ams-content svg, .ams-single:nth-child(7) .ams-content svg path {
fill: #e3093d;
}
.ams-single:nth-child(2) .ams-content svg, .ams-single:nth-child(2) .ams-content svg path {
fill: #7a9b77;
}
.ams-single:nth-child(4) .ams-content svg, .ams-single:nth-child(4) .ams-content svg path{
fill: #28df74;
}
.ams-single:nth-child(6) .ams-content svg, .ams-single:nth-child(6) .ams-content svg path {
fill: #3c7dd2;
}
.ams-single svg{
width:40px;
height:40px;
}
.ams-single:hover .ams-content {
transform: scale(1.1);
}
.ams-single .ams-content{
transition: all 0.3s ease-in-out;
}
.single-safety:hover .content-safety{
transform: scale(1.1);
}
.single-safety .content-safety{
transition: all 0.3s ease-in-out;
}
.policies-code .img-wrapp:hover img{
transform: scale(1.1);
}
.policies-code .img-wrapp{
transition: all 0.3s ease-in-out;
}
.management-system .wrapp-img:hover img{
transform: scale(1.1);
}
.management-system .wrapp-img{
transition: all 0.1s ease-in-out !important;
}
.management-system .mange-1 {
position: absolute;
top: -42px;
left: 176px;
}
.management-system {
position: relative;
top: 40px;
margin-bottom: 115px;
margin-bottom: 50px;
}
.management-system .mange-2 {
position: absolute;
top: 78px;
left: 130px;
}
.common-text img {
margin: 0 auto;
display: block;
margin-bottom: 20px;
}
.management-system .mange-3 {
position: absolute;
top: 199px;
left: 175px;
}
.management-system .mange-4 {
position: absolute;
top: -47px;
right: 180px;
}
.workforce {
padding: 20px 0px 60px !important;
background: #ecf3f9;
}
.hiring {
margin-top: -70px;
}
.management-system .mange-5 {
position: absolute;
top: 79px;
right: 125px;
}
.management-system .mange-6 {
position: absolute;
top: 200px;
right: 180px;
}
.management-system img {
margin: 0 auto;
display: block;
}
.factor .factor-wrapp .chemical-single span.icon-gfghvg76 {
font-size: 150px;
color: #ebecec;
position: absolute;
bottom: -8px;
left: 10px;
}
.factor .factor-wrapp .pharma-single span.icon-sdgbert67 {
font-size: 190px;
color: #fff3ea;
position: absolute;
bottom: -40px;
left: 10px;
z-index: -1;
}
.myslides {
display: none;
}
.directors-modal .modal-body {
padding: 35px 0px 45px;
}
.directors-modal .modal-content {
border-radius: 0px;
}
.directors-modal .prev {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
margin-top: -50px;
color: white;
font-weight: bold;
font-size: 20px;
left: -32px;
padding: 20px 10px;
background: #004a67;
/* border: 0px; */
border-radius: 0px;
clear: #fff;
transition: 0.6s ease;
/* color: #fff; */
}
.directors-modal {
background: #000000d1;
}
/* Position the "next button" to the right */
.directors-modal .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
margin-top: -50px;
color: white;
font-weight: bold;
font-size: 20px;
right:-32px;
padding: 20px 10px;
background: #004a67;
border-radius: 0px;
clear: #fff;
transition: 0.6s ease;
}
.directors-modal .next span ,.directors-modal .prev span{
color:#fff
}
.director-wrapp.whole-dir {
position: relative;
width: 23%;
margin: 0 auto;
margin-bottom: 40px;
}
.dir-main h2 {
margin-bottom: 30px;
}
/* */
.pharmaceutical{
padding: 40px 0px;
}
.pharmaceutical .wrapper{
display: flex;
justify-content: space-between;
width: 85%;
margin: 20px auto;
}
.pharmaceutical .wrapper .text{
padding-left: 25px;
width: 50%;
}
.pharmaceutical p {
color: #3c5c7a;
font-size: 16px;
text-align: left;
margin-bottom: 0px;
}
.pharmaceutical .img-wrapp img{
border-radius: 5px;
transition: 0.5s all ease-in-out;
}
.pharmaceutical .img-wrapp{
overflow: hidden;
}
.pharmaceutical h1 {
margin-bottom: 30px;
}
.pharmaceutical .img-wrapp:hover img {
transform: scale(1.1);
}
.pharma-faq .main-content .content-wrapp{
padding:0px 10px !important;
}
.isro-main p {
margin-left: 4%;
padding: 7px 0px;
}
.unit h2{
margin-bottom: 30px;
font-size: 34px;
}
.unit .nav-tabs .nav-item{
width: 100%;
padding: 0;
}
.unit .Services-outer-border{
padding: 24px 7px;
height: 70%;
}
.unit .Services-outer-border .float-right{
display: flex;
text-align: right;
margin-left: 0%;
}
.unit .nav-tabs .nav-link{
color: #0e4065;
font-size: 14px;
text-align: left;
border-radius: 0;
border: none;
border-right: 5px solid transparent;
padding: 13px 4px;
transition: all 0.3s ease-in-out;
margin-top: 8px;
text-transform: uppercase;
background-color: transparent;
margin-left: 10px;
display: flex;
align-items: center;
justify-content: space-between;
font-weight:600;
}
.navbar-expand-md .navbar-nav .dropdown-menu.company a:nth-child(3) {
border-top: 1px solid #cccccc54;
}
.navbar-expand-md .navbar-nav .dropdown-menu.company a:nth-child(2) {
border-bottom: 0px solid #cccccc54;
}
.unit .card-body h6 {
font-size: 18px;
}
.unit .nav-tabs .nav-link span{
font-size: 12px;
}
.unit .nav-tabs .nav-item.show .nav-link,
.unit .nav-tabs .nav-link.active{
color: #fff;
background-color: #0e4065;
margin-right: 12px;
box-shadow: 0px 7px 13px 0px rgba(0, 0, 0, 0.14);
}
.unit{
padding: 50px 0px;
}
.unit .card-body h5{
color: #0e4065;
}
.unit .card-body .text-1{
color: #0e4065;
}
.unit .card-body ul {
margin-bottom: 0px;
}
.unit .card-body ul span{
font-size: 15px;
}
.unit .card-body li {
position: relative;
font-size: 16px;
color: #0e4064;
padding-left: 8px;
line-height: 2.5;
font-weight:600;
}
.unit .card-body ul {
padding-left: 5px;
}
.pharma-product p {
text-align: left;
padding-top: 0px;
}
.unit .card-body .isro-img{
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10%;
width: 22%;
padding:6px 0px;
box-shadow: -0.349px 9.994px 13px 0px rgba(0, 0, 0, 0.1);
}
.unit .nav-tabs .nav-item .nav-link .right-arrow {
display: none;
}
.unit .nav-tabs .nav-item.show .nav-link, .unit .nav-tabs .nav-link.active .right-arrow {
display: block;
background-color: #fff;
font-size: 9px;
color: #0e4065;
border-radius: 50%;
margin-top: 0px;
width:20px;
}
.pharma-product{
padding:40px 0px;
}
.unit.bg-blue .card-body {
padding: 20px 0px;
}
.no-padding {
padding: 0px;
}
/*
.pharma-product .product-wrapper{
display: flex;
align-items: baseline;
justify-content: center;
}
.pharma-product .product-wrapper .product-single{
background:url(../images/business-pharmaceuticals-our-products.jpg)no-repeat;
padding:45px;
width: 50%;
border-top-left-radius: 30px;
overflow: hidden;
}
.pharma-product .product-wrapper .product-single .text{
transition: 0.5s all ease-in-out;
}
.pharma-product .product-wrapper .product-single:hover .product-single {
transform: scale(1.5);
}
.pharma-product .product-wrapper .service-single{
background:url(../images/business-pharmaceuticals-our-services.jpg)no-repeat;
padding:45px;
width: 50%;
border-bottom-right-radius: 30px;
height: 446px;
}
.pharma-product .product-wrapper .product-single .text{
color: #fff;
}
.pharma-product .product-wrapper .service-single .text{
color: #fff;
}
.pharma-product .product-wrapper .product-single .common-btn{
background-color:#496e89;
border:none;
width: 120px;
}
.pharma-product .product-wrapper .service-single .common-btn{
background-color:#c8904f;
border:none;
width: 120px;
top:21px;
}
.pharma-product .product-wrapper .product-single .common-btn:before{
background: #f38100;
} */
.unit table tr{
font-size: 14px;
}
.author .author-wrapper{
width: 40%;
}
.author .author-wrapper .author-single{
display: flex;
align-items: center;
justify-content: space-evenly;
}
.unit .card-body img{
border-radius: 5px;
}
.dir-main .director-wrapp:hover{
background-color: #004a67;
transition: all 0.3s ease-in-out;
cursor:pointer;
}
.dir-main .director-wrapp:hover .caption-director{
background-color:#ed8b2ad4;
}
.dir-main .director-wrapp:hover .director-arrow span {
opacity: 1;
color: #fff;
}
.bg-product {
width: 50%;
margin: 30px auto;
background:url(../images/business-pharmaceuticals-our-products.jpg)no-repeat;
background-size: 100%; /* work with the background-size */
transition: background-size 1s ease-in-out;
position: relative;
z-index: 1;
border-top-left-radius: 30px;
height: 424px;
padding: 25px 49px;
color: #fff;
}
.bg-product:nth-child(2) {
width: 50%;
margin: 30px auto;
height: 424px;
background:url(../images/business-pharmaceuticals-our-services.jpg)no-repeat;no-repeat;
background-size: 100%; /* work with the background-size */
transition: background-size 1s ease-in-out;
position: relative;
z-index: 1;
border-top-left-radius: 0px;
border-bottom-right-radius: 30px;
}
.bg-product:nth-child(2) .common-btn{
background-color: #c8904f;
}
.bg-product .common-btn{
background-color:#496e89;
border:none;
width: 120px;
}
.bg-product:hover {
background-size: 140% /* work with the background-size */
}
.bg-product .common-btn:before{
background: #f38100;
}
.bg-wrapper{
display: flex;
}
.csr-wrap {
display: flex;
align-items: center;
justify-content: center;
}
.csr-wrap .content-wrapp {
width: 50%;
margin-top: 24px;
}
.csr-wrap .content-wrapp p{
width: 87%;
line-height: 1.4;
color: #144368;
}
.faq.env-faq .content a br{
display:none;
}
.csr-sec {
padding: 30px 0px 66px 0px;
}
.csr-wrap .img-wrapp {
overflow: hidden;
margin: 0 auto;
border-radius: 10px;
}
.csr-wrap .img-wrapp img {
transition: 0.5s all ease-in-out;
border-radius: 10px;
}
.csr-wrap .img-wrapp:hover img {
transform: scale(1.1);
}
.csr-content{
padding: 0px 0px;
}
.csr-sec h2{
text-align:center;
font-size:37px;
margin-bottom: 35px;
}
/* .content-wrapp p {
color: #315c7c;
} */
.csr-spend .parallax-container {
position: relative;
overflow: hidden;
min-height: 470px;
}
/*.csr-spend .parallax {
position: absolute;
left: 0;
right: 0;
height: 550px;
}*/
.csrspend-single {
color: #fff;
width: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.single-img {
height: 135px;
width: 135px;
border: 1px dashed #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: #ffffff24;
}
.single-cont {
padding-right: 20px;
width: 73%;
}
.csrspend-single:last-child {
padding-left: 20px;
}
.single-img span {
font-size: 86px;
margin: 0 auto;
color: #f28f29;
}
.single-cont p {
font-size: 20px;
line-height: 35px;
}
.single-cont span {
font-size: 60px;
color: #f28f29;
font-weight: 500;
}
.csrspend-wrapp {
display: flex;
align-items: center;
justify-content: center;
}
.csr-spend .parallax .parallax-img {
position: absolute;
left: 50%;
bottom: 0px;
width: 100%;
min-height: 100%;
transform: translate3d(0,0,0);
transform: translateX(-50%);
}
.csr-spend .container {
position: relative;
padding: 50px 0px;
}
.text {
/* padding: 50px 0px 40px 0px;*/
text-align: center;
}
.single-img {
overflow: hidden;
margin: 0 auto;
}
.single-img img {
transition: 0.5s all ease-in-out;
width: 60%;
}
.single-img:hover img {
transform: scale(1.1);
}
.csr-initiatives h3 {
color: #f38f28;
}
.child-bg-wrapper .child-single.blue-bg{
width: 29%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
padding:15px 0px;
border-radius: 100px;
background: url(../images/csr-blue-patch.png);
background-repeat: no-repeat;
border-right: none;
cursor: pointer;
position:relative;
}
.child-bg-wrapper .child-single.blue-bg:hover{
background: url(../images/csr-orange-patch.png);
background-repeat: no-repeat;
}
.karuna-faq .accordion{
width: 95%;
margin: auto;
}
.karuna-faq .card {
width: 91%;
margin: auto;
}
.karuna-faq{
padding:0px;
}
.karuna .accordion{
padding:0px;
}
.csrspend-single:nth-child(1) {
border-right: 1px solid #615b55;
}
.pharma-product h2 {
font-size: 30px;
}
.csrspend-wrapp {
display: flex;
align-items: center;
justify-content: center;
margin-top: 120px;
}
.nos-listing li {
list-style-type: decimal;
text-align: left;
margin-left: 15px;
}
.csr-initiatives .parallax-container {
position: relative;
overflow: hidden;
min-height: 588px;
}
/*.csr-initiatives .parallax {
position: absolute;
left: 0;
right: 0;
height: 588px;
}*/
.csr-initiatives .container {
margin-top: 40px;
}
.csr-initiatives .parallax .parallax-img {
position: absolute;
left: 50%;
bottom: 0px;
width: 100%;
min-height: 100%;
transform: translate3d(0,0,0);
transform: translateX(-50%);
}
.csr-initiatives .main-list li {
line-height: 28px;
}
.csr-initiatives {
color: #000;
padding:0 0 40px;
}
.csr-initiatives .text-wrapper{
padding-left: 9%;
color: #fff;
}
.csr-initiatives .icon-img{
margin-top: 26px;
}
.text.left {
padding: 40px;
text-align: left;
}
.text.left h2{
font-size:25px;
}
.text h2{
font-size: 28px;
}
.caption-heading .csr-head{
width: 923px !important;
}
.text .text-icon{
display: flex;
align-items: center;
justify-content: center;
}
.text .text-icon .single-icon{
width: 30%;
}
/* .text .text-icon .single-icon span{
display: -webkit-inline-box
} */
.text .text-icon .single-icon .human-icon{
font-size: 60px;
color: #0e4065;
}
.text .text-icon .single-icon .run{
color: #0e4065;
display: inline-block;
line-height: 1;
}
.text .text-icon .single-icon .number{
color: #0e4065;
font-size: 21px;
display: inline-block;
line-height: 1;
}
/*.sub-list ul {
display: flex;
align-items: baseline;
justify-content: start;
margin-bottom: 0px;
}*/
.sub-list li {
list-style-image: url(images/white-pointer-map-pin.html);
}
.main-list .sub-list li {
position: relative;
font-size: 16px;
padding-left: 5px;
}
.csr-initiatives .sub-list{
padding:14px 20px;
}
.main-list li b{
font-weight: 500;
}
.faq h3 {
padding-left: 90px;
}
.csr-faq .faq-details .card {
margin-bottom: 5px;
padding: 0px 23px;
}
.mothers .parallax-container {
position: relative;
overflow: hidden;
height: 410px;
}
.mothers .parallax {
position: absolute;
left: 0;
right: 0;
height: 410px;
}
.mothers .container {
margin-top: 119px;
}
.mothers .parallax .parallax-img {
position: absolute;
left: 50%;
bottom: 0px;
width: 100%;
min-height: 100%;
transform: translate3d(0,0,0);
transform: translateX(-50%);
}
.mothers .mothers-wrapper{
display: flex;
align-self: center;
justify-content: center;
position: relative;
background: url(../images/csr-blue-patch1.png);
background-repeat: no-repeat;
position: relative;
left:195px;
height: 175px;
}
.mothers .mothers-wrapper .mothers-single1{
width: 33%;
/ background-color: #3b4270a4; /
height: 184px;
border-top-left-radius: 100px;
border-bottom-left-radius: 100px;
/ border:1px dashed #fff; /
}
.mothers .mothers-wrapper .mothers-single2{
width: 33%;
/ background-color: #3b4270a4; /
height: 184px;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
/ border:1px dashed #fff; /
border-left: none;
}
.mothers .mothers-wrapper .mothers-single1 .icon1 {
font-size: 100px;
position: absolute;
top: -46px;
writing-mode: 10%;
left: 11%;
color: #de8f4c;
}
.mothers .mothers-wrapper .mothers-single2 .icon2 {
font-size: 80px;
position: absolute;
top: -52px;
writing-mode: 10%;
right: 50%;
color: #de8f4c;
}
.mothers .mothers-wrapper .mothers-single1 .text-wrapp {
padding-top: 35px;
color: #fff;
position: absolute;
left: 82px;
}
.mothers .mothers-wrapper .mothers-single1 .text-wrapp p{
font-size: 18px;
}
.mothers .mothers-wrapper .mothers-single2 .text-wrapp p{
font-size: 18px;
text-align:center;
}
.mothers .mothers-wrapper .mothers-single2 .text-wrapp {
padding-top: 35px;
color: #fff;
position: relative;
right: 205px;
}
.csr-other{
padding: 30px 0px;
width: 68%;
}
.csr-other h3{
font-size: 26px;
}
.csr-other ul li{
list-style: decimal;
margin-top: 15px;
line-height: 1.3;
}
.csr-other ul{
padding-left: 17px;
}
.csr-other .text-wrapp {
display: flex;
align-items: baseline;
justify-content: center;
position: relative;
top: -14px;
right: 18px;
}
.csr-other .text-wrapp .icon span{
font-size: 78px;
color: #f28f28;
}
.csr-other .text-wrapp .csr-text {
position: relative;
bottom: 3px;
left: 0px;
}
.csr-initiatives .sub-list li {
position: relative;
font-size: 16px;
padding-left: 5px;
list-style-image: url(../images/white-list-icon.png);
}
.csr-other .text-wrapp .csr-text .number{
font-size: 52px;
color: #f28f28;
}
.csr-other .text-wrapp .csr-text .lakh {
font-size: 19px;
position: absolute;
bottom: -11px;
left: 0px;
color: #f28f28;
}
.csr-main-text .rupee{
font-size: 44px;
color: #f28f28;
}
.csr-main-text p {
font-size: 15px;
line-height: 1.2;
position: absolute;
color: #fff;
width: 95%;
text-align: left;
top: 72px;
padding: 20px 29px;
}
.csr-main-text{
position: relative;
}
.csr-main-text::before {
position: absolute;
content: "";
height: 264px;
width: 273px;
background-color: #343f75;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-left-radius: 50%;
bottom: -110px;
box-shadow: 0px 21px 17px 0px rgba(0, 0, 0, 0.15);
}
.csr-faq-health .content a {
top: 2px !important;
}
.csr-faq-health #faq-accordion .card-header .btn-link {
padding: 13px 14px;
}
.text-container{
width: 68%;
padding:20px 0px 20px 0;
}
.add-container{
padding: 0px 0px;
}
.shree-container{
padding: 30px 0px 0;
}
.kerla-container{
padding: 30px 0px 0 0;
}
.text-container-rural{
padding: 40px 0px 30px 0px;
}
.text-container h3{
font-size: 27px;
}
.text-container h5{
color:#114166;
}
.csr2-faq{
padding: 10px 0 46px 0;
}
.child-bg .parallax-container {
position: relative;
overflow: hidden;
height: 376px;
}
.child-bg .parallax {
position: absolute;
left: 0;
right: 0;
height: 425px;
}
.child-bg .container {
margin: 122px auto;
}
.child-bg .parallax .parallax-img {
position: absolute;
left: 50%;
bottom: 0px;
width: 100%;
min-height: 100%;
transform: translate3d(0,0,0);
transform: translateX(-50%);
}
.child-bg-wrapper{
display: flex;
align-items: center;
justify-content: center;
}
.child-bg-wrapper .child-single.blue-bg{
width: 29%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
padding:15px 0px;
border-radius: 100px;
/*/ background: linear-gradient(70deg, #33365f, #cf792900); /*/
background: url(../images/csr-blue-patch.png);
background-repeat: no-repeat;
/*/ border: 1px dashed; /*/
background-position: center;
background-size: contain;
border-right: none;
cursor: pointer;
}
.child-bg-wrapper .child-single.orange-bg{
padding:25px 0px;
}
.child-bg-wrapper .child-single.blue-bg:hover{
background: url(../images/csr-orange-patch.png);
background-repeat: no-repeat;
}
.child-single-3{
position: relative;
right: 70px;
}
.child-single-2{
position: relative;
right: 35px;
}
.child-bg-wrapper .child-single .icon1{
font-size: 74px;
}
.child-bg-wrapper .child-single .icon2{
font-size: 94px;
}
.child-bg-wrapper .child-single .icon3{
font-size: 74px;
position: relative;
right: 22px;
}
.child-bg-wrapper .child-single .shree {
font-size: 15px;
display: inline-block;
line-height: 1.2;
}
.child-bg-wrapper .child-single .people {
font-size: 15px;
display: inline-block;
line-height: 1.2;
}
.child-bg-wrapper .child-single .big-number {
font-size: 39px;
display: inline-block;
line-height: 1;
}
.child-bg-wrapper .child-single .child-text{
padding-left: 14px;
}
.child-text3 .seven{
font-size: 39px;
}
.child-text3 .seven-wrapper{
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
}
.child-text3 .water{
position: relative;
bottom: 10px;
}
#faq-accordion .collapsed .icon-mathematical-addition-sign {
display: block !important;
}
#faq-accordion .collapsed .icon-minus-symbol {
display: none;
color:#fff;background: transparent;
}
#faq-accordion .icon-mathematical-addition-sign{
display: none;
}
.csr-faq #faq-accordion .card-header .btn-link:focus {
color: #0e3f65;
background-color: #f2f3f8;
box-shadow: none;
}
.csr-faq .card .card-header {
background-color: transparent;
border-bottom: none;
padding: 0 1.25rem;
}
.csr-faq .card-body {
width: 96%;
margin: auto;
box-shadow: 0px 1px 13px 0px rgb(0 0 0 / 10%);
}
#faq-accordion .csr-card-header .btn-link {
color: #0e3f65;
font-size: 17px;
text-decoration: none;
padding: 14px 20px;
transition: all 0.5s ease-in-out;
box-shadow: 0px 1px 13px 0px rgb(0 0 0 / 10%);
}
.csr-faq .card{
margin-bottom: 26px;
}
.csr-faq .csr-card-header p{
margin-bottom: 0;
}
.csr-faq .csr-card-header .extra-text{
margin-bottom: 0;
line-height: 1;
}
.csr-faq .card-body p{
font-size: 16px;
}
.csr-faq .container{
width: 74%;
}
.csr-faq h3 {
padding-left: 21px;
margin-bottom: 20px;
}
.csrbr{
display: none;
}
.csr2-faq .content a {
position: relative;
left: 0px;
top: 1px !important;
padding:10px 15px !important;
}
.csr2-faq .card {
width: 95%;
margin: auto;
}
.karuna-faq .card-header{
background-color: transparent;
border-bottom: none;
padding: 0 ;
}
.karuna-faq .card-header .btn-link[aria-expanded="true"] {
background-color: #f7f8fc;
box-shadow: none;
position: relative;
z-index: 1;
box-shadow: none !important;
}
.karuna-faq .card-body {
width: 100%;
margin: auto;
transition: all 0.5s ease-in-out;
box-shadow: 0px 1px 13px 0px rgb(0 0 0 / 10%);
}
.karuna-faq .active{
background-color: #f7f8fc;
}
.karuna-faq .card{
margin-bottom: 16px;
}
.karuna-faq .accordion{
width: 93%;
margin: auto;
}
#faq-accordion3 .icon-mathematical-addition-sign {
float: right;
font-size: 10px;
transition: all 0.5s ease-in-out;
position: relative;
top: 7px;
background: transparent;
width: 25px;
}
.bpnbr{
display: none;
}
#faq-accordion3 .icon-minus-symbol{
float: right;
font-size: 10px;
transition: all 0.5s ease-in-out;
position: relative;
top: 7px;
color: #fff;
width: 25px;
}
#faq-accordion3 .collapsed .icon-mathematical-addition-sign {
display: block !important;
}
#faq-accordion3 .collapsed .icon-minus-symbol {
display: none;
color:#fff;background: transparent;
border:1px solid orange;
}
#faq-accordion3 .icon-mathematical-addition-sign{
display: none;
}
#faq-accordion3 button{
width: 100%;
text-align: left;
color: #0e3f65;
font-size: 17px;
text-decoration: none;
padding: 15px;
box-shadow: 0px 1px 13px 0px rgb(0 0 0 / 10%);
}
#faq-accordion3 button p{
margin-bottom: 0;
}
.women{
padding: 40px 0px 0 0;
}
.women .img-wrapp{
margin: auto;
}
.women .text-wrapp{
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.women .text-wrapp .women-icon{
color: #f28f29;
font-size: 90px;
}
.women .text-wrapp .women-text .small-text{
font-size: 18px;
color: #000;
}
.women .text-wrapp .women-text {
position: relative;
left: -170px;
bottom: 144px;
text-align: left;
display: inline-block;
line-height: 1.2;
}
.women .text-wrapp .women-text .big-span {
color: #f28f29;
font-size: 54px;
line-height: 0;
}
.women .text-wrapp .img-wtapp img{
position: relative;
}
.women .text-wrapp .women-icon {
color: #f28f29;
font-size: 100px;
position: absolute;
left: 15%;
bottom: 151px;
}
.round-system {
position: relative;
top: 40px;
margin-bottom: 115px;
}
.round-system img {
margin: 0 auto;
display: block;
margin-top: 40px;
margin-bottom: 30px;
}
.round-system .round-single {
transition: all 0.1s ease-in-out !important;
}
.round-system .round-single p{
margin-bottom: 0;
line-height: 1.2;
font-size: 15px;
}
.round-system .round-text1 {
position: absolute;
top: -10px;
left: 321px;
text-align: right;
}
.round-system .round-text2 {
position: absolute;
top: 101px;
left: 271px;
text-align: right;
}
.round-system .round-text3 {
position: absolute;
top: 236px;
left: 238px;
text-align: right;
}
.round-system .round-text4 {
position: absolute;
top: 360px;
left: 281px;
text-align: right;
}
.round-system .round-text5 {
position: absolute;
top: -10px;
right: 307px;
text-align: left;
}
.round-system .round-text6 {
position: absolute;
top: 101px;
right: 256px;
text-align: left;
}
.round-system .round-text7 {
position: absolute;
top: 236px;
right: 238px;
text-align: left;
}
.round-system .round-text8 {
position: absolute;
top: 362px;
right: 312px;
text-align: left;
}
.owl-theme.gallery-slider .owl-nav [class*=owl-] {
color: #213965;
background: transparent;
font-size: 32px;
padding: 5px 5px;
top: 17px;
}
.owl-theme.gallery-slider .owl-nav [class*=owl-]:hover{
background-color: transparent;
color: #213965;
}
.workforce p {
text-align: center;
font-size: 16px;
}
.common-text .objective-wrapp .objective-single:nth-child(2):before {
background: #0db2e8;
}
.sus-common-pages p {
text-align: center;
}
.encourage li {
line-height: 30px;
}
.responsible p {
text-align: center;
}
/*.icon-box-svg,
.icon-box-svg path {
fill:#f28e28 !important;
width: 40px;
height: 35px;
}*/
.icon-box-svg, .icon-box-svg path{
fill:#fff !important;
}
.value .value-wrapp .care-single:nth-child(2) svg ,.value .value-wrapp .care-single:nth-child(1) svg {
height: 90px;
}
.value .value-wrapp .care-single:nth-child(2) svg {
height: 90px;
}
.value .value-wrapp .care-single:nth-child(3) h4 {
margin-top: -10px;
}
.value .value-wrapp .care-single:nth-child(3) svg {
height: 120px;
margin-top: -5px;
}
/*.value .value-wrapp .care-single .svg {
height: 100px;
}*/
.unit.bg-blue .right_service.sticky {
width: 80%;
background: #fff;
padding: 20px 0px;
}
.caption-director .right-arrow, .caption-director .right-arrow path{
fill:#fff !important;
width: 8px;
}
/*.directors .owl-carousel .owl-nav .owl-prev .right1-arrow,
.directors .owl-carousel .owl-nav .owl-prev .right1-arrow path{
fill:#fff !important;
width: 8px;
}
.directors .owl-carousel .owl-nav .owl-next .right1-arrow,
.directors .owl-carousel .owl-nav .owl-next .right1-arrow path{
fill:#fff !important;
width: 8px;
}*/
.right1-arrow, .right1-arrow path{
fill:#fff !important;
width: 8px;
}
.left1-arrow, .left1-arrow path{
fill:#fff !important;
width: 8px;
}
.owl-prev .right-arrow , .owl-prev .right-arrow path{
fill:#fff !important;
}
.hiring.svg, .hiring.svg path {
height: 50px;
fill: #f28e28 !important;
width: 105px;
margin-top: 0px;
}
.hiring-wrapp .hiring-single:hover .hiring.svg, .hiring.svg path{
fill: #fff;
}
.cor-govarance h3 {
font-size: 35px;
color:#000;
}
.text-csr {
padding: 50px 0px 40px 0px;
text-align: center;
}
.governance h1 {
text-align: left;
}
.financial h3 {
font-size: 30px;
text-align: center;
}
.company-heading h3 {
font-size: 25px;
}
.disclosures h2 {
text-align: left;
font-size: 30px;
}
.overview-content h1 {
text-align: left;
}
.life-content h1 {
text-align: left;
}
/*R and D*/
.rnd-intro{
padding: 30px 0px 54px 0px;
}
.rnd-intro .rnd-wrapper{
display: flex;
align-items: center;
justify-content:space-between;
width: 87%;
margin: auto;
padding-top: 20px;
}
.rnd-intro .rnd-wrapper .rnd-single{
width: 50%;
}
.rnd-intro .rnd-wrapper .rnd-single img{
border-radius: 10px;
}
.rnd-intro .text-wrapper{
padding-left: 10px;
}
.rnd-intro .text-wrapper p{
color: #164669;
font-size: 18px;
}
.rnd-knowledge{
padding: 40px 0px 0;
}
.rnd-knowledge .row{
width: 83%;
margin: auto;
}
.rnd-knowledge .img-wrapper{
position: relative;
margin: 98px 0px;
}
.rnd-knowledge .img-wrapper .img1 {
position: absolute;
left: 60px;
top:-29px;
}
.rnd-knowledge .img-wrapper .img2{
position: absolute;
left: 111px;
top: -90px;
}
.rnd-knowledge .img-wrapper .img3{
position: absolute;
bottom: -81px;
right: 119px;
}
.rnd-knowledge .img-wrapper .img4{
position: absolute;
bottom: -56px;
right: 29px;
}
.rnd-expertise{
padding:0px 0px;
}
.rnd-expertise .orange-bg{
background: url(../images/rnd2.jpg)no-repeat;
color: #fff;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
/*.rnd-expertise .text-wrapper {
padding: 50px 27px 50px 115px;
}*/
.rnd-expertise .text-wrapper {
padding: 45px 27px 35px 80px;
}
.rnd-expertise .text-wrapper-scroll{
height: 340px;
overflow-y: auto;
}
/*/ width /*/
.rnd-expertise .text-wrapper-scroll::-webkit-scrollbar {
width: 8px;
}
/*/ Track /*/
.rnd-expertise .text-wrapper-scroll::-webkit-scrollbar-track {
background-color: #7a8e9e;
border-radius: 10px;
}
/*/ Handle /*/
.rnd-expertise .text-wrapper-scroll::-webkit-scrollbar-thumb {
background: #e5861c;
border-radius: 10px;
}
/*/ Handle on hover /*/
.rnd-expertise .text-wrapper-scroll::-webkit-scrollbar-thumb:hover {
background: #e5861c;
}
.rnd-expertise .text-wrapper .main-list{
line-height: 1.7;
font-size: 17px;
}
.rnd-expertise .blue-bg{
background: url(../images/rnd1.jpg)no-repeat;
color: #fff;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.rnd-analytical{
padding:40px 0px 20px;
width: 66%;
}
.rnd-analytical .analytic-img{
position: relative;
}
.rnd-analytical .analytic-img img{
border-radius: 10px;
width: 100%;
}
.analytic-img:before {
position: absolute;
bottom: 0px;
width: 90%;
height: 6px;
background: #f1632b;
content: "";
left: 5%;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.rnd-analytical h3{
margin-bottom: 15px;
}
.rnd-faq{
padding:0;
}
#faq-accordion .rnd-card-header .btn-link {
color: #0e3f65;
font-size: 17px;
text-decoration: none;
padding: 20px 20px;
transition: all 0.5s ease-in-out;
box-shadow: 0px 1px 13px 0px rgb(0 0 0 / 10%);
}
.rnd-list ul {
display: flex;
align-items: baseline;
justify-content: start;
margin-bottom: 0px;
}
.rnd-list li {
list-style-image: url(images/white-pointer-map-pin.html);
}
.rnd-list li {
position: relative;
font-size: 16px;
padding-left: 6px;
line-height: 1.6;
margin-bottom: 10px;
}
.rnd-list span{
font-size: 14px;
}
.rnd-faq .card-body {
padding: 20px 50px;
}
.rnd-synthesis{
padding:30px 0px 0;
}
.rnd-synthesis .synthersis-icon {
font-size: 74px;
color: #ef9129;
}
.rnd-synthesis .parallax-container {
position: relative;
overflow: hidden;
min-height: 425px;
}
/*.rnd-synthesis .container {
position: relative;
width: 70%;
margin: 5% auto;
}*/
.rnd-synthesis .container {
position: relative;
/* width: 70%; */
margin-top: 30px;
}
.rnd-synthesis .parallax .parallax-img {
position: absolute;
left: 50%;
bottom: 0px;
width: 100%;
min-height: 100%;
transform: translate3d(0,0,0);
transform: translateX(-50%);
}
.rnd-synthesis h4{
color: #fff;
}
.rnd-synthesis .wrapper{
display: flex;
align-items: center;
justify-content: center;
padding-top: 55px;
}
.rnd-synthesis .wrapper .single {
color: #fff;
width: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.rnd-synthesis .wrapper .single .icon-wrapp {
color: #e58d2c;
margin-right: 16px;
}
.rnd-synthesis .wrapper .single h4{
display: contents;
font-size: 40px;
color: #f29329;
}
.rnd-synthesis .wrapper .single .sq {
color: #279256;
font-size: 17px;
display: inline-block;
/*/ position: absolute; /*/
position: relative;
top: -11px;
}
.rnd-synthesis .wrapper .single .space {
color: #fff;
font-size: 17px;
display: inline-block;
/*/ position: absolute; /*/
position: relative;
top: -11px;;
}
.rnd-synthesis .wrapper .single .plus{
color: #f29329;
font-size: 22px;
}
.rnd-synthesis .wrapper .single .eight {
display: inline-block;
position: absolute;
top: 58px;
font-size: 39px;
color: #018038;
}
.rnd-synthesis .wrapper .single:last-child {
padding-left: 30px;
}
.rnd-synthesis .wrapper .single:nth-child(1) {
border-right: 1px solid #615b55;
padding-right: 30px;
}
.hover-box {
background: #f7f8fc;
position: relative;
width: 95%;
padding: 55px 20px 0px 20px;
margin: 51px 0px;
border: 1px solid #ededf5;
border-radius: 10px;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
height: 447px;
}
.hover-box .circle-box {
text-align: center;
color: #fff;
width: 110px;
height: 110px;
position: relative;
margin: 0 auto;
border: 3px solid #fff;
border-radius: 50%;
position: absolute;
top: -50px;
background: #0e4065;
left:0%;
right: 0;
display:flex;
align-items:center;
justify-content:center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
/*.circle-box .icon-wrapp {
font-size: 96px;
}*/
/*.circle-box .icon-wrapp-small {
font-size: 76px;
}*/
.circle-box-info h4{
color: #1e456c;
font-size: 22px;
text-align: center;
margin-top: 20px;
transition: all 0.7s ease-in-out;
-webkit-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
}
.circle-box-info p{
text-align: justify;
margin-bottom: 1px;
}
.owl-theme.atmospheric-slider .owl-nav [class*=owl-] {
color: #213965;
background: #fff;
font-size: 32px;
padding: 5px 5px;
top: 223px;
}
.owl-theme.atmospheric-slider .owl-nav [class*=owl-]:hover{
background-color: #fff;
color: #213965;
}
.atmospheric-slider .owl-nav .owl-prev {
position: absolute;
left: -50px;
}
.atmospheric-slider .owl-nav .owl-next {
position: absolute;
right: -26px;
}
.atmospheric-slider.owl-theme .owl-dots .owl-dot span {
width: 9px;
height: 9px;
margin: 0px 2px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px;
position: relative;
top: -45px;
}
.atmospheric-slider.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #0e4065;
}
.strategic .parallax-container {
position: relative;
overflow: hidden;
min-height: 490px;
}
.strategic .container {
position: relative;
margin: 1% auto;
}
.strategic .parallax .parallax-img {
position: absolute;
left: 50%;
bottom: 0px;
width: 100%;
min-height: 100%;
transform: translate3d(0,0,0);
transform: translateX(-50%);
}
.strategic h4{
color: #fff;
}
.strategic p {
color: #fff;
width: 90%;
margin: auto;
text-align: center;
}
.highlights{
padding-top: 20px;
}
.cus-nav{
display: flex;
justify-content: center;
align-items: center;
border-color:black;
font-size: 13px;
}
.nav-tab-cus{
background-color:transparent;
}
.highlights .nav-tabs {
border-bottom: none;
}
.highlights .nav-tabs .nav-link.active {
color: #fff;
background-color:#014aad;
transition: all 0.3s ease-in-out;
}
.highlights .nav-tabs .nav-link{
padding: 0px !important;
}
.highlights .nav-tabs .nav-link {
color: #f39328;
background-color: rgb(88 84 84);
padding: 8px 28px !important;
border: 1px solid #014aad;
border-radius: 25px;
transition: all 0.3s ease-in-out;
position: relative;
z-index: 2;
}
.highlights .nav-tabs .nav-link p {
/* / padding: 12px 44px 6px 44px; /*/
margin-bottom: 0;
font-size: 17px;
text-align: left;
display: contents;
}
.highlights .tab-wrapp {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.strategic .tab-wrapp {
width: 99%;
margin-bottom: 20px;
margin: auto;
border: 1px solid #014aad;
padding: 5px 20px 20px;
position: relative;
bottom: 38px;
z-index: -1;
border-radius: 10px;
transition: all 0.3s ease-in-out;
height:auto;
}
.strategic .tab-wrapp .highlight-content {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
width:100%;
}
.highlight-content {
display: flex;
align-items: flex-start;
justify-content: space-between;
width: 95%;
margin: auto;
}
.highlight-content .value-icon{
font-size: 150px;
}
.highlight-content .text-wrapp h5{
font-size: 23px;
color: #f39328;
margin-top: 18px;
}
.highlight-content .text-wrapp p{
font-size: 16px;
width: 100%;
text-align: left;
margin-top: 18px;
}
.highlight-content .main-list ul {
align-items: baseline;
justify-content: normal;
margin-bottom: 0px;
padding-left: 17px;
}
.highlight-content .main-list li {
list-style-image: url(../images/white-list-icon.png);
}
.highlight-content .main-list li {
position: relative;
font-size: 15px;
color: #fff;
padding-left: 8px;
line-height: 1.8;
}
.highlight-content .main-list li b{
color: #f39328;
}
.highlight-content .main-list{
padding: 10px 0px;
}
.rnd2-faq{
padding:0;
}
.rnd2-faq .accordion{
width: 100%;
padding:0;
}
.rnd2-faq .accordion .rnd2-faq-list {
padding:0px 20px;
}
.rnd2-faq .accordion .rnd2-faq-list li{
list-style: lower-alpha;
}
.rnd2-faq .accordion .rnd2-faq-list .sub-list{
padding-left: 24px;
}
.rnd2-faq .accordion .rnd2-faq-list .sub-list li{
list-style: decimal;
}
.waste-list li{
list-style-type: decimal;
color: #0f4365;
font-weight: 600;
line-height: 2;
}
.waste-list{
padding-left: 18px;
}
.program{
padding-top: 20px;
}
.cus-nav{
display: flex;
justify-content: center;
align-items: center;
border-color:black;
font-size: 13px;
}
.nav-tab-cus{
background-color:transparent;
}
.program .nav-tabs {
border-bottom: none;
}
.program .nav-tabs .nav-link.active {
color: #fff;
background-color: #0e4065;
}
.program .nav-tabs .nav-link{
padding: 0px !important;
}
.program .nav-tabs .nav-link {
color: #0E4066;
background-color: #fff;
padding: 8px 28px !important;
border: 1px solid #0e4065;
border-radius: 25px;
position: relative;
z-index: 2;
}
.program .nav-tabs .nav-link p {
/* / padding: 12px 44px 6px 44px; /*/
margin-bottom: 0;
font-size: 17px;
text-align: left;
display: contents;
}
.program .tab-wrapp {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.program-tab-content .tab-wrapp {
width: 81%;
margin-bottom: 20px;
margin: auto;
border: 1px solid #0E4066;
padding: 5px 20px;
position: relative;
bottom: 38px;
z-index: -1;
border-radius: 10px;
}
.program-content {
display: flex;
align-items: flex-start;
justify-content: space-between;
width: 95%;
margin: auto;
}
.program-content .value-icon{
font-size: 150px;
}
.program-content .text-wrapp h4{
color: #0e4065;
margin-bottom: 15px;
}
.program-content .text-wrapp p{
font-size: 16px;
width: 100%;
text-align: left;
}
.caption-heading-rnd h2{
text-align: left;
}
.owl-theme.gallery-slider .owl-nav [class*=owl-] {
color: #213965;
background: transparent;
font-size: 32px;
padding: 5px 5px;
top: 17px;
}
.owl-theme.gallery-slider .owl-nav [class*=owl-]:hover{
background-color: transparent;
color: #213965;
}
.gallery-slider .owl-nav .owl-prev {
position: absolute;
left: -50px;
}
.gallery-slider .owl-nav .owl-next {
position: absolute;
right: -50px;
}
.rnd-faq .img-list li {
list-style-image: url(../images/ail-bullet-point.png);
line-height: 1.8;
margin-bottom: 12px;
}
.rnd-faq br{
display: none;
}
#faq-accordion3 button {
width: 100%;
text-align: left;
color: #0e3f65;
font-size: 17px;
text-decoration: none;
padding: 17px 12px 12px 30px;
box-shadow: 0px 1px 13px 0px rgb(0 0 0 / 10%);
}
.karuna-faq .card-body {
width: 100%;
margin: auto;
transition: all 0.5s ease-in-out;
padding: 17px 30px;
box-shadow: 0px 1px 13px 0px rgb(0 0 0 / 10%);
}
.atmospheric-gallery .owl-carousel .owl-item img {
display: block;
width: 75%;
margin: auto;
padding-top: 13px;
}
.rnd-faq .card{
padding:0px 18px;
}
.strategic{
padding: 0px 0px 27px;
}
.rnd2-faq .card{
width: 100%;
}
.atmospheric-gallery .owl-carousel .owl-item:nth-child(3) img {
padding-top: 5px;
}
.compensation-single .svg, .compensation-single .svg path {
fill: #f28a29 !important;
width: 100px;
height: 100px;
}
.rewards.incentive .compensation-single .svg , .rewards.incentive .compensation-single .svg path {
fill:#0e4065 !important;
width: 100px;
height: 100px;
}
.compensation-single:hover .svg, .compensation-single:hover .svg path{
fill:#0e4065 !important;
}
.rewards.incentive .compensation-single:hover .svg , .rewards.incentive .compensation-single:hover .svg path {
fill: #f28a29 !important;
}
.circle-box .icon-wrapp .svg, .circle-box .icon-wrapp .svg path {
width: 70px;
height: 70px;
fill: #fff !important;
}
.hover-box:hover .circle-box {
background-color:#f28a29;
color:#fff;
}
.accordion .icon-mathematical-addition-sign .st0 , .accordion .icon-minus-symbol .st0 {
fill: #f28a29 !important;
stroke:#fff !important;
stroke-width: 1 !important;
}
#accordion .icon-mathematical-addition-sign .st0 , #accordion .icon-minus-symbol .st0{
fill: #f28a29 !important;
stroke:#fff !important;
stroke-width: 1 !important;
}
.awards p.gray {
width: 65%;
margin: 0 auto;
}
.awrads-content p.gray{
width: 100%;
}
.common-text.blue-bg {
background: #f7f8fc;
}
.common-text {
padding: 30px 0px 5px;
}
.common-text h2 {
font-size: 27px;
margin-bottom: 15px;
}
.management-system img {
margin: 0 auto;
}
.openBtn {
background: #f1f1f1;
border: none;
padding: 10px 15px;
font-size: 20px;
cursor: pointer;
}
.openBtn:hover {
background: #bbb;
}
#myOverlay {
height: 100%;
width: 100%;
display:none;
position: fixed;
z-index: 10;
top: 0;
left: 0;
transition: all 0.6s ease-in-out;
background-color:#000000c9;
}
div#contactus_form .contact-container {
width: 100%;
}
.success_message {
text-align: center;
font-weight: 500;
color: #f39028;
font-size: 20px;
}
.common-text{
padding: 40px 0px 20px;
}
.overlay-content {
position:absolute;
top:50%;
width: 70%;
left: 15%;
text-align: center;
margin-top: 30px;
margin: auto;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.overlay .closebtn {
position: absolute;
top: 20px;
right: 45px;
font-size: 60px;
cursor: pointer;
color: white;
}
.overlay input[type=text] {
font-size: 26px;
border: none;
width: 80%;
background: transparent;
outline: none;
color: #fff;
height: 62px;
position: relative;
top: -3px;
}
/*.overlay input[type=text]:hover {
background: #f1f1f1;
}*/
.overlay input[type=text]:focus{
}
.overlay button {
/* float: left; */
width: 10%;
background: transparent;
font-size: 40px;
border: none;
cursor: pointer;
color: #fff;
height: 62px;
position: relative;
top: 1px;
left: 35px;
}
.search-box1 {
position: relative;
display: flex;
bottom: 0;
left: 0;
right: 0;
margin: auto;
margin-bottom: 20px;
width: 60%;
}
.search-input {
width: 100%;
font-family: 'Montserrat', sans-serif;
font-size: 26px;
padding: 8px 45px 8px 15px;
background-color: transparent;
color: #6c6c6c;
/* border-radius: 50px;*/
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
border: none;
transition: all .4s;
border: 1px solid #214e70;
}
.search-box1 input::placeholder {
font-size: 18px;
}
.overlay-content input::placeholder {
font-size: 26px !important;
}
.search-input:focus {
/*border:none;*/
outline:none;
/*box-shadow: 0 10px 19px #3d3d3d;
-moz-box-shadow: 0 10px 19px #3d3d3d;
-webkit-box-shadow: 0 10px 19px #3d3d3d;*/
}
.search-btn {
background-color: #0e4065;
font-size: 18px;
padding: 6px 30px;
margin-left: -45px;
border: none;
color: #6c6c6c;
transition: all .4s;
/*z-index: 10;*/
color: #fff;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.search-btn span {
padding-right: 5px;
}
.search-page h1 {
text-align: left;
margin-bottom: 35px;
margin-top: 50px;
}
.search-btn:hover {
cursor: pointer;
}
.search-page h3 {
margin-top: 30px;
margin-bottom: 30px;
}
.search-content {
border-top: 2px solid #e7eaef;
padding: 25px 0px 25px;
}
.search-btn:focus {
outline:none;
color:black;
}
.search-content p {
margin-bottom: 0px;
}
.search-page .container {
padding: 0px 90px;
}
.search-content h5 {
font-size: 24px;
}
ul.pagination {
border-top: 2px solid #e7eaef;
padding-top: 20px;
}
.page-link:hover {
background: transparent;
}
ul.pagination li a.page-link.disabled {
color: #8a8f98;
}
ul.pagination li.active a {
background: transparent !important;
color: #f1622c !important;
}
ul.pagination {
justify-content: center;
}
ul.pagination li:first-child {
padding-right: 50px;
}
ul.pagination li:last-child {
padding-left: 50px;
}
ul.pagination li a {
border: 0px;
}
ul.pagination li a.page-link {
color: #0e4065;
font-weight: 400;
display: flex;
align-items: center;
justify-content: center;
}
.page-item .page-link span {
padding: 3px;
}
.search-page {
padding-bottom: 20px;
}
body.fixed {
position: fixed;
width: 100%;
overflow-y: auto!important;
overflow-x: hidden!important;
padding-right:15px;
}
.overlay .closebtn:hover {
color: #f28b29;
}
.highlight-single img.chemical-svg.svg {
width: 50px;
}
.highlight-single:hover img.chemical-svg.svg {
width:150px;
height: 150px;
padding-bottom: 10px;
}
.highlight-single .chemical-svg.svg, .highlight-single .chemical-svg.svg path{
fill:#fff !important;
}
.accordion .st1 {
fill: #fff;
stroke: #fff !important;
stroke-width: 1 !important;
}
.error_msg {
color: #e00e0e;
font-size: 14px;
font-weight: 700;
}
.sucess_msg {
color: #f2932b;
}
.search-input {
width: 100%;
font-family: 'Montserrat', sans-serif;
font-size: 19px;
padding: 8px 45px 8px 15px;
}
.ui-widget-header {
background: transparent !important;
border: 0px !important
}
.ui-widget-content{
border:0px !important;
}
.share {
background: #dce5eb;
border-radius: 20px;
padding: 9px 12px;
font-size: 11px;
color: #0e4065;
font-weight: 600;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
cursor:pointer;
margin-left: 10px;
}
.back-product {
display: flex;
position: relative;
}
.back-product .blog_social {
position: absolute;
bottom: 31px;
transition: height 0.3s;
right: -25px;
height: 0;
display: none;
/* overflow: hidden; */
}
.back-product .blog_social a {
border-radius: 5px;
width: 30px;
height: 30px;
background-color: #1869ae;
color: #fff;
font-size: 14px;
padding: 8px 5px;
margin-bottom: 3px;
display: inline-block;
transition: all 0.3s ease-in-out;
overflow: hidden;
text-align:center;
}
.highlight-single svg {
width: 78px;
height: 65px;
padding-right: 10px;
}
.highlight-single:hover svg{
width: 150px;
height: 150px;
}
div#year2016 .technology-line {
top: -48px;
}
div#year2019 .technology-line {
top: -40px;
}
div#year2011 .technology-line {
top: -42px;
}
div#year2020 .technology-line {
top: -48px;
}
.back-product .icon-wrapper:hover .blog_social {
display: block;
transition: height 0.8s;
z-index: 99 !important;
height: 40px;
}
div#enquiry-form .close {
position: absolute;
right: 5px;
z-index: 1;
}
div#enquiry-form .modal-content {
border-radius: 0px;
}
div#enquiry-form .common-btn {
background: #f39028;
margin: 0 auto;
cursor:pointer;
}
.home-product .common-btn {
color: #fff !important;
cursor:pointer;
}
.search-content h5 {
margin-bottom: 0px;
}
.search-content h5 a {
font-size: 22px;
color: #004a67;
}
.search-pagination {
text-align: center;
margin: 0 auto;
border-top: 2px solid #e7eaef;
width: 100%;
padding-top: 15px;
}
input.page_no_inter:focus {
outline: none;
}
input.page_no_inter {
border: 0px;
width: 20px;
position: relative;
top: -1px;
color: #f2702b;
}
input.pressrelease-btn {
border: 0px;
background: transparent;
margin-left: 40px;
margin-right: 40px;
color: #0e4065;
outline:none;
}
.background-strip .chairman-speech {
margin-top: 100px;
}
.disclosures li a{
color: #f57b2b;
}
.financial ul.fin-list li a{
color: #0e4065;
}
.financial-wrapper .tab-list .card-body li a{
color: #293d4f;
}
.single-whats a{
color: #000;
}
.investor-bg .whats-wrapper {
display: flex;
align-items: baseline;
/* height: 200px; */
}
.investor-bg .whats-wrapper .single-whats {
height: 155px;
}
.investor-bg .whats-wrapper .single-whats .pdf {
display: flex;
align-items: center;
justify-content: space-between;
position: absolute;
bottom: 20px;
}
.shareholders-info ul li a {
color: #f1632b;
}
.cor-govarance li a {
color: #0e4065;
}
.sitemap, .common-pages {
padding: 40px 0;
}
.common-pages h1 {
font-size: 20px;
margin-bottom: 5px;
text-align:left;
}
.common-pages h2 ,.common-pages h3 , .common-pages h5{
font-size: 18px;
margin-bottom: 5px;
text-align:left;
}
.common-pages p {
font-size: 16px;
color: #475766;
}
.home-about .about-wrapper a {
color: #000;
}
.csr-faq .csr-card-header p {
width: 95%;
white-space: normal;
}
.overlay-content .form-group {
margin-bottom: 0px;
}
.releases-menu {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin-top: 20px;
}
.releases-menu li {
display: inline-block;
}
div#divFilter center {
text-align: center !important;
margin: 0 auto;
}
.contact-validation .inputfile-box.form-control {
height: 50px;
}
.contact-validation label.choose {
position: absolute;
top: 15px;
}
.contact-validation span#file-name {
white-space: nowrap;
overflow: hidden !important;
/* text-overflow: ellipsis; */
width: 235px;
height: 25px;
position: absolute;
top: 0px;
left: 110px;
font-size: 13px;
line-height: 25px;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis;
}
.contact-validation label.choose {
position: absolute;
top: 13px;
}
.contact-validation p.resume {
display: inline-block;
margin-bottom: 0px;
position: relative;
top: -13px;
left: 20px;
font-size: 15px;
background-color: #fff;
font-weight: 500;
z-index: 1;
}
.contact-validation .inputfile-box.form-control {
height: 50px;
position: relative;
top: -25px;
}
.contact-validation .position-single .common-btn:before:hover {
background-color: #f2642c;
color: #fff;
}
.contact-validation .position-single .common-btn:hover{
color:#fff;
}
.sitemap a {
font-size: 16px;
display: block;
color: rgb(94,96,97);
line-height:30px;
}
.sitemap h2 {
font-size: 18px;
text-align:left;
}
#cookie {
position:fixed;
bottom:0;
width: 100%;
background-color: #f2f2f2;
color: #000;
padding: 15px;
z-index:1;
display: flex;
align-items: center;
justify-content: center;
}
#cookie p {
width: 81%;
font-size: 15px;
text-align:left;
margin-bottom:0px;
}
#cookie a#popup-close {
bottom: 0px;
text-decoration: none;
color: inherit;
border: 1px solid #2fb3e0;
color: #2fb3e0;
font-size:15px;
padding:8px 25px;
}
.fileUpload {
position: absolute;
overflow: hidden;
margin: 0;
right: 0;
top: 0px;
height:50px;
background: #f39229;
color: #fff;
}
.fileUpload span {
height: 50px;
padding: 0 10px;
line-height: 49px;
font-size: 12px;
}
.fileUpload input.upload {
background: #f39229;
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
font-size: 14px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
height: 100%;
width: 78px;
}
.container.breadcum-text {
position: relative;
}
.customer .polymers-wrapp .polymers-single img {
text-align: center;
margin: 0 auto;
display: block;
}
input#uploadFile {
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis;
width: 100%;
}
section#loaction h2 {
font-size: 60px;
margin-bottom: 0px;
}
section#loaction h2 {
font-size: 70px;
}
section#loaction a {
color: #000;
}
.home-slider .caption h2 {
font-size: 60px;
position: absolute;
bottom: 60px;
/* bottom: 0px; */
}
input#uploadFile1 {
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis;
width: 335px;
}
input#uploadFile {
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis;
width: 335px;
}
span.view-all-btn {
border: 1px solid #f16f2a;
padding: 7px;
}
span.field-validation-error {
color: red;
font-size: 13px;
}
div#theModal .contact-container {
width: 100%;
}
input#uploadFile {
width: 85%;
min-height: 35px;
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
line-height: 23px;
vertical-align: top;
}#registration.contact.container.contact-container .div-center {
text-align: left;
}
.financial ul.fin-list li {
margin-right: 10%;
color: #0e4065;
list-style-image: url(../images/ail-bullet-point.png);
margin-left: 15px;
}
.meeting .content .content-single a {
color: #375f7e;
}
.box .box-wrapp .box-single p a {
font-size: 15px;
color: #375f7e;
}
.modal-prev-next {
width: 65%;
height: auto;
position: absolute;
top: 50%;
left: 17%;
}
.modal-prev-next .btn-prev {
float: left;
width: 35px;
height: 40px;
background: url(../images/prev-arrow.png) left no-repeat;
/* background-size: cover;*/
margin-left: 7px;
background-color:#2b5774;
background-position: center;
}
.modal-prev-next button, .modal-prev-next button:focus {
border: none;
font-size: 0;
outline: 0;
background-color: transparent;
}
.modal-prev-next .btn-next {
float: right;
width:35px;
height:40px;
background: url(../images/next-arrow.png) right no-repeat;
/*background-size: cover;*/
margin-right: 10px;
background-color:#2b5774;
background-position: center;
}
#myModal1 .modal-prev-next .btn-prev, #myModal18 .modal-prev-next .btn-next {
display: none;
}
.faq.env-faq .accordion-toggle .svg {
width: 30px !important;
height: 30px !important;
}
.faq.env-faq .accordion-toggle .svg, .faq.env-faq .accordion-toggle .svg path{
fill: #f28a29 !important;
}
.faq.env-faq .content.accordion-toggle {
display: flex;
align-items: center;
margin-bottom: 0px;
/* justify-content: center; */
}
iframe#iframe1 {
height: 650px;
}
div#registration_form .form-div textarea {
height: 130px;
}
div#registration_form .common-btn {
margin-top: 45px;
cursor: pointer;
background: #2b5774;
}
canvas#myChart {
height: 400px !important;
}
.financialresult-slider .owl-nav {
margin-top: -25px !important;
}
.financialresult-slider {
background-color: #f0f0f0cf;
padding: 20px;
}
.products-info a.select-class{
display:none;
}
.inputfile {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.inputfile-6 + label span {
width: 80%;
min-height: 35px;
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
line-height: 23px;
vertical-align: initial;
margin-top: 13px;
}
.inputfile + label {
width: 100%;
font-size: 1.25rem;
font-weight: 700;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
display: inline-block;
overflow: hidden;
padding: 0.625rem 1.25rem;
}
.inputfile-6 + label {
border: 1px solid #bababa;
background-color: #fff;
padding: 0;
}input:focus ~ label, textarea:focus ~ label, input:valid ~ label, textarea:valid ~ label {
top: 0px;
-webkit-transition: all .125s ease;
transition: all .125s ease;
font-size: 12px;
color: #cb2b2b;
font-weight: 600;
}
..inputfile-6 + label strong {
height: 100%;
color: #fff;
background-color: #bababa;
display: inline-block;
float: right;
/* margin: 3px; */
/* padding: 20px; */
width: 18%;
text-align: center;
/* top: 20px; */
padding-top: 12px;
font-size: 14px;
}
p.call {
display: flex;
/* font-size: 10px; */
align-items: center;
/* justify-content: center; */
}
.main-footer .column .call a {
font-size: 14px;
color: #d0dbe4;
padding-bottom: 0px;
line-height: 23px;
text-transform: initial;
}
.main-footer .column .call {
display: flex;
color: #d0dbe4;
margin-bottom: 5px;
}
.main-footer .column span.call-list {
display: flex;
}
footer p {
margin-bottom: 10px;
}
.card.card-product.tarapur-card h6 {
font-size: 14px;
position: relative;
top: -4px;
}
.map-wrapper .map-single-img .img7 {
position: absolute;
top: 143%;
left: -241%;
}
.bred-list .back-product .blog_social a {
background: transparent;
padding: 0px;
}
.back-product .blog_social svg {
width: 28px !important;
height: 28px !important;
}
.privacy_policy_botm {
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
height: auto;
z-index: 100;
}
.manufacture-img .img-1 .location .location-15 {
position: absolute;
bottom: 197px;
left: 41%;
background-color: #fe3c00;
}
.map-wrapper .map-single-img .vadodara {
top: 38px;
right: 312px;
position: absolute;
}
.position-single li {
list-style-type: disc;
font-size: 14px;
margin-left: 13px;
}
.position-single:hover li {
color: #fff;
}
.position-single h6 {
font-weight: 300;
}
.cor-govarance .govarance-list h3 a {
color: #f57b2b;
}
.disclosures .heading{
display: flex;
align-items: center;
justify-content: space-between;
}
.disclosures .heading a{
color:#000;
}
/*@media only screen and (orientation:landscape){
body {
height: 100vw;
transform: rotate(0deg);
}
}
@media only screen and (orientation:portrait){
body {
height: 100vw;
transform: rotate(360deg);
}
}*/
.common-btn.career {
background: #f28929;
/* text-align: center; */
margin: 0 auto;
margin-bottom: 20px;
border: 0px;
}
.common-btn.career {
background: #f28929;
margin: 0 auto;
margin-bottom: 20px;
border: 0px;
width: 170px;
height: 50px;
font-size: 17px;
font-weight: bold;
border-radius: 40px;
}
div#shareholdergrievancesnodalofficer:before {
top: 32%;
}
div#registrarssharetransferagent:before {
top: 45%;
}
.culture-wrapper .single-culture .svg {
width: 60px;
}
.culture-wrapper .single-culture:nth-child(3) .svg .st0 {
fill: #343f75;
}
.single-values .svg, .single-values .svg path {
fill: #f29329 !important;
width: 90px;
height: 90px;
}
#faq-accordion .card-header .btn-link img {
width: 50px;
}
.faq-details .card-body .main-content img {
width: 60px;
display: block;
margin: 0 auto;
}
.initiatives-slider .nav-link .svg, .initiatives-slider .nav-link .svg path{
width: 30px;
padding-right: 3px;
height: 30px;
fill: #0e4065 !important;
}
.initiatives-slider .nav-link.active .svg, .initiatives-slider .nav-link.active .svg path{
fill:#fff !important;
}
.activity-tab .nav-link .svg, .activity-tab .nav-link .svg path{
fill:#fff !important;
width: 35px;
height: 35px;
}
.activity .activity-tab .leadership-cotent .svg , .activity .activity-tab .leadership-cotent .svg path{
fill: #fff !important;
width: 50px;
height: 93px;
height: 50px;
margin-top: -8px;
}
.shareholding .content .content-single .svg, .shareholding .content .content-single .svg path{
fill:#f29329 !important;
width:40px;
height:40px;
}
/*popup*/
.popup-modal{
padding: 50px 0px;
}
.popup-modal .modal-sm {
max-width: 32%;
}
.popup-modal .form-group label {
position: static;
}
.popup-modal .modal-body {
padding: 47px 30px 30px;
}
.popup-modal input:focus label, textarea:focus label, input:valid label, textarea:valid label {
color: #000;
font-weight: 400;
font-size: 14px;
}
.popup-modal .common-btn{
background-color: #f39028;
font-size: 14px;
height: 47px;
width: 112px;
margin: 0 auto;
border-radius: 50px;
cursor: pointer;
}
.popup-modal .content .common-btn{
width: 202px;
background: #fff;
border-color: #f39028;
color: #f39028;
border-radius: 50px;
}
.popup-modal .content .common-btn::before{
background: #f39028;
color: #fff;
}
.popup-modal .modal-scroll .form-control{
width: 56%;
}
.popup-modal .content .common-btn:hover{
color: #fff;
}
.popup-modal .text-wrapper{
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px 20px;
}
.popup-modal .text-wrapper .text-box{
height: 300px;
overflow-y: scroll;
}
.popup-modal .text-wrapper .text-box p{
font-size: 14px;
padding-right: 20px;
}
.popup-modal .text-wrapper .text-box h5{
font-size: 15px;
}
.popup-modal .text-wrapper .text-box::-webkit-scrollbar {
width: 8px;
}
.popup-modal .custom-control label{
font-size: 13px;
}
/*/ Track /*/
.popup-modal .text-wrapper .text-box::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px;
}
/*/ Handle /*/
.popup-modal .text-wrapper .text-box::-webkit-scrollbar-thumb {
background: #0e4065;
border-radius: 10px;
}
/*/ Handle on hover /*/
.popup-modal .text-wrapper .text-box::-webkit-scrollbar-thumb:hover {
background: #0e4065;
border-radius: 10px;
}
.popup-modal .modal-scroll {
max-width: 53%;
margin: 1.75rem auto;
}
.popup-modal .btn-div{
display: flex;
align-items: center;
justify-content: center;
padding-top: 27px;
}
.popup-modal .btn-div .common-btn:nth-child(1){
margin: unset;
height: 43px;
margin-right: 10px;
border-radius: 50px;
}
.popup-modal .btn-div .common-btn:nth-child(2){
margin: unset;
background: #fff;
width: 164px;
border: 1px solid #0e4065;
color: #0e4065;
height: 41px;
border-radius: 50px;
}
.popup-modal .btn-div .common-btn:nth-child(2):hover{
color: #fff;
}
.popup-modal .content img{
margin: auto;
display: flex;
padding-bottom: 20px;
}
.popup-modal .custom-control-input:focus ~ .custom-control-label::before {
box-shadow:none !important;
}
.popup-modal .custom-control-input {
display: none;
}
.disclosures li a {
cursor:pointer;
}
.rnd-synthesis .parallax{
position: absolute;
left:0px;
right:0px;
height:470px;
}
.navbar-expand-md .navbar-nav .dropdown-menu a {
cursor:pointer;
}
#join-team p {
color:#000;
}
#join-team .common-btn {
background: #ed932e;
}
.nurturing-faq .faq .content img {
position: relative;
left: 20px;
top: 1px;
}
.nurturing-faq #faq-accordion .card-header .btn-link[aria-expanded="true"] a.card-title {
top: 30%;
}
.culture-wrapper .single-culture img {
width: 60px;
height: 60px;
}
#faq-accordion .card-header .btn-link img {
height:40px;
width: 40px;
position:relative;
left:20px;
}
section.faq.nurturing-faq .car-body {
padding-left:0px;
}
#faq-accordion .card-header .btn-link .icon-mathematical-addition-sign, #faq-accordion .card-header .btn-link .icon-minus-symbol {
left:0px;
}
.chemistry-card .common-btn.f-thin {
display: inline-flex;
width: 175px;
}
section.shareholding ul li .sbm-tab {
padding: 6px 20px 6px 20px !important;
}