body{margin:0px; padding:0px; width:100%; background-color:#fff; font-size:1.25rem; font-family: 'Proxima Nova Rg';color: #292a2e; position: relative;}
*{padding: 0px; margin: 0px;}
@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('../fonts/ProximaNova-Regular.eot');
    src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Regular.woff2') format('woff2'),
        url('../fonts/ProximaNova-Regular.woff') format('woff'),
        url('../fonts/ProximaNova-Regular.ttf') format('truetype'),
        url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova bd';
    src: url('../fonts/ProximaNova-Bold.eot');
    src: url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Bold.woff2') format('woff2'),
        url('../fonts/ProximaNova-Bold.woff') format('woff'),
        url('../fonts/ProximaNova-Bold.ttf') format('truetype'),
        url('../fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/*-----------------------------------------------------COMMON CSS-------------------------------------------------*/
h1{font-size:2.5rem; font-weight:bold;font-family: 'Proxima Nova bd';line-height: 50px;}
h2{font-size:2rem; font-weight:bold;}
h3{font-size: 1.75rem;}
h4{font-size: 1.5rem;}
h5{font-size:24px;}
h6{font-size: 1rem;}
.navbar{
/*background: var(--unnamed-color-26272b) 0% 0% no-repeat padding-box !important;
background: #26272B 0% 0% no-repeat padding-box !important;
opacity: 1;
opacity: 0.6;
*/
/* background: url(../images/transparent_bg.png) repeat; padding: 33px 0; commented */ 
/*backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);*/


    position: fixed;
    background: url(../images/transparent_bg.png) repeat;
    padding: 33px 0;
    background-color: transparent;
    z-index: 1;
    top: 0;
    width: 100%;
}
.text-grey{color: #c4bebd;}
a:hover{color: #6ae06a;}
.navbar-expand-md .navbar-nav li.nav-item{padding:0 47px; list-style: none;}
.navbar-expand-md .navbar-nav li.nav-item a.nav-link:hover{color: #6ae06a;}
.nav-link{font-size:1.25rem; color:#FFF; font-weight:400; padding:0 !important;}
ul.social_media li.nav-item{padding:0 5px !important;}
/*.section_pd{padding:0 140px;}*/
.btn-primary {color: #fff;background-color: #A29D9C;border-color: transparent;border-radius: 7px; text-transform:uppercase; padding:20px 50px; font-size:1.25rem;}
.btn-primary:hover{background-color: #A29D9C;border-color: transparent;}
.btn-primary:active, .btn-primary:focus{background-color: #A29D9C;border-color: transparent;box-shadow: none;}
.btn-secondary {color: #fff;background-color: transparent;border-color: #fff;border-radius: 7px; text-transform:uppercase; padding:20px 50px; font-size:1.25rem;}
.btn-secondary:hover{background-color: transparent;border-color: #fff;}
.btn-secondary:active, .btn-secondary:focus{background-color: transparent;border-color: #fff;box-shadow: none;}
.esg_framework{position:relative; max-height: 656px;height:100vh; background-image:url(../images/esg-framework.jpg);background-size: cover; background-repeat:no-repeat;}
.company_spotlight{position:relative; width:100%;height:100vh; max-height: 656px;background-image:url(../images/company-spotlight.jpg);background-position:50% 50%;background-size: cover; background-repeat:no-repeat;}
.news{ background-color:#f4f4f4; padding: 95px 0;}
footer{ background: #26272b; padding: 80px 0;}
footer ul{margin: 0 0 40px; padding: 0px; float: left;}
footer ul li{list-style: none; float: left; display: inline-block; color: #fff; width: 100%;}
footer ul li a{text-decoration: none; color: #fff;}
.display-1 {font-size: 6rem;}
.display-2 {font-size: 4.5rem;}
.text_18{font-size: 18px;}
/*-----------------------------------------------------COMMON CSS-------------------------------------------------*/

#top_banner{ margin-top: -96px; position:relative; width:100%;height:100vh; padding-top:96px; background-image:url(../images/header-banner.png);background-position: center center;background-size: cover; top:0px; left:0px; background-repeat:no-repeat;}
#top_banner_es{ position:relative; width:100%;height:365px; padding-top:105px; background-image:url(../images/environmental_sustainability_bg.jpg);background-position: center center;background-size: cover; top:0px; left:0px; background-repeat:no-repeat;}
#top_banner_cc{ position: relative; width: 100%;height: 365px; padding-top: 105px; background-position: center center;background-size: cover; top: 0px; left: 0px; background-repeat: no-repeat;}
#top_banner_sr{ position:relative; width:100%;height:365px; padding-top:105px; background-image:url(../images/social_responsibility_bg.jpg);background-position: center center;background-size: cover; top:0px; left:0px; background-repeat:no-repeat;}
#top_banner_er{ position:relative; width:100%;height:365px; padding-top:105px; background-image:url(../images/ethical_responsibility_bg.jpg);background-position: center center;background-size: cover; top:0px; left:0px; background-repeat:no-repeat;}
#top_banner .text_container{color: #fff; width: auto;margin: 100px 0;float: left;}
.zindex1 { position: absolute;  z-index: 1;}
.bg-trans { background: rgba(0, 0, 0, 0.5); position: absolute; width: 50%; z-index: 0; height: 100%; display: block; top: 0; left: 0;}
.bg-trans-new { background: rgba(255, 255, 255, 0.5); position: absolute; width: 50%; z-index: 0; height: 100%; display: block; top: 0; left: 0;}
.bg-gray-trans {padding: 10% 8% 10% 0%;}
 
.grayBG{ background-color:#A29D9C}
#environmental_sustainability, #social_responsibility{margin-bottom:35px;}
.news .card{ border-radius: 0; border: 0; background-color:#f4f4f4; margin:35px 0 0;height:100%}
.news .card .card-body { padding:0}
.news .card .card-body p.card-text{ margin:35px 0 0 0;}
.news .card .card-body p{color:#60626c;letter-spacing: 0px;line-height: 28px;}
.news .card .card-body a{ color:#60626c; text-decoration:none; font-weight:bold;}
.socialmediafooter{width: 100%; float: left; color: #fff;}
.socialmediafooter span{ float: left; margin-right: 15px;}
.socialmediafooter a{float: left; color: #fff; margin-right: 10px;}
ul{ padding: 0 0 0 50px;  margin: 0; float: left;} /* margin: 0 0 0 20px; */
ul li{float: left; padding: 0 0 0 10px; margin: 0; list-style-type: disc;}
ul li span{float: left; width: 100%;}
.company_spotlight_main{padding-top: 105px;}
.company_spotlight_main .right_container{border-left: 1px solid #60626c; padding-left: 66px;}
.newsrgt .bdr_left{border-left: 1px solid #60626c; float: left;}
.newsrgt .newssection{ width: 100%; float: left; margin-bottom: 30px; padding-left: 36px;}
.newsrgt .newssection h5{ font-size: 1.25rem; }
.newsrgt .newssection a{text-decoration: none; font-weight: bold;} 
.newsrgt .newssection:last-child{margin-bottom: 0;}

.twitter-icon{
 background-image: url("../images/twitter.png");
 width: 18px;
 height: 19px;
 background-repeat: no-repeat;
 margin-top: 5px;
}


.fa-twitter{
display:none !important;
}

   
.navbar-expand-md .navbar-nav li.nav-item:nth-child(1), .navbar-expand-md .navbar-nav li.nav-item:nth-child(2){
padding-left:30px;
}

.navbar-expand-md .navbar-nav li.nav-item:nth-child(7){
padding-right:30px;
}

.navbar-expand-md .navbar-nav li.nav-item:nth-child(1){
    padding-right: 20px important;
}
#navbarCollapse .navbar-ul{
    overflow: hidden;
    list-style: none;
    display: table;
    width: 100%;
}
#navbarCollapse .navbar-ul li{
    display: table-cell;
    padding: 0 32px;
    list-style: none;
    display: table-cell;
    float: none;
}
 
/* ul css added */
.env_txt_ul{
padding-left:50px;
}
.citizen_txt_ul{
padding-left:30px;
}
.governance_txt_ul{
padding-left:50px;
}

#navbarCollapse .navbar-ul {
    overflow: hidden;
    list-style: none;
    display: table;
    width: 100%;
}
ul.governance_txt_ul li span {
    padding-left: 25px;
}
.navbar-light .navbar-toggler-icon {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgb(255,102,203)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.section_pd, .company_spotlight, .news{
padding-top: 6rem;
margin-top: -4rem;
}

.news .card a{
   color: #60626c;
    text-decoration: none;
    font-weight: bold;
}


/* ul css ends */