:root {
	--primary-color: var(--ghost-accent-color, #49a8e4);
	--primary-text-color: #333;
	--secondary-text-color: #aaa;
	--red-color: #ff7473;
	--white-color: #fff;
	--light-gray-color: #f1f1f1;
	--mid-gray-color: #d9d9d9;
	--dark-gray-color: #08618b;
	--black-color: #000;
	--dark-mode-bg-color: #c5c5c5;
	--dark-mode-darker-bg-color: #21252c;
	--dark-mode-primary-text-color: #ccc;
	--dark-mode-secondary-text-color: #999;
	--dark-mode-border-color: #495061;
	--animation-base: ease-in-out;
	--shadow-base: 0 0 5px rgba(0, 0, 0, 0.2);
	--font-mono: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace
}

.dark-mode .bannerInfo img {filter: gray; /* IE5+ */
      -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
      -webkit-transition: all .8s ease-in-out;  
    }

.dark-mode .dark-mode22 span {color: #bdbdbd;}
.dark-mode .mail a {color: #bdbdbd;}
.dark-mode img.ui_w {filter: grayscale(100%);}
.dark-mode .top_sec_nav {height: 108px; width: 100%; position: relative;background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(133,133,133,1) 75%, rgba(152,152,152,1) 100%);}
.dark-mode .navPanel ul.navUl > li > a {color: #ccc;}
/*.toggle-track {background-color: var(--dark-gray-color);border-radius: 30px;cursor: pointer;display: flex;height: 24px;margin: 0px auto;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;width: 45px}*/

.toggle-track {
    background-color: #000;
    border-radius: 30px;
    cursor: pointer;
    display: flex;
    height: 23px;
    margin-left: 20px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 50px;
    margin: 4px 0 0;
}
.dark-mode .section3-new {
    background: #fff;
    margin: 0px 0 0 0;
}
.toggle-moon, .toggle-sun {align-items: center;color: var(--white-color);display: flex;font-size: 16px;justify-content: center;	margin-top: 1px;width: 50%}
.toggle-moon {transform: translateX(1px)}
.toggle-thumb { background-color: var(--white-color); border-radius: 50%; height: 15px; left: 10px; position: absolute; top: 4px;transition: transform .5s cubic-bezier(.23, 1, .32, 1); width: 15px;}
.dark-mode .toggle-thumb {transform: translateX(21px)}
.dark-mode body {background-color: var(--dark-mode-bg-color);color: var(--dark-mode-primary-text-color)}
.dark-mode .author-social-item:hover,
.dark-mode .canvas-close,
.dark-mode .error-code,
.dark-mode .kg-bookmark-author,
.dark-mode .kg-bookmark-publisher,
.dark-mode .kg-bookmark-title,
.dark-mode .logo-text,
.dark-mode .menu-item-link:hover,
.dark-mode .u-text-format strong,
/*.dark-mode a:not(.menu-item-link):not(.post-tag):not(.post-link),*/
.dark-mode blockquote,
.dark-mode figcaption,
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6 {
	/*color: var(--white-color)*/
	color: #333;
}
.dark-mode .ckm ul li:nth-child(1){ width: 26%; float: left; background: #fff; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; padding: 40px; border-radius: 50px; min-height: 465px; background: url(../images/cmk.png) left center no-repeat; text-align: left; filter: grayscale(100%);}
.dark-mode a.know4b {color: #000 !important;}
.dark-mode a.know4b:before { background: url(/images/arrow_n4a.png); filter: grayscale(100%);}
.dark-mode a.know4a {color: #000 !important;}
.dark-mode a.know4a:before { background: url(/images/arrow_n4a.png); filter: grayscale(100%);}
.dark-mode .esg-ratings {
    margin: 15px 0;
    background: url(../images/leadership-back.jpg) no-repeat 0 0px;
    width: 100%;
    min-height: 500px;
    padding: 85px; filter: grayscale(100%);
}
.dark-mode .logo-image:not(.white) {opacity: 0}
.dark-mode .customer-care-box2b article h4 {color: #000;}

.dark-mode .contact-dop a.active {
    border-bottom: 1px solid #15227e;
    color: #000;
    background: #ccc;
    margin-left: -1px;
}
.dark-mode .life-tata-power-box1a-right span {
    width: 100%;
    height: 100%;
    float: left;
    display: block;
    background: url(../images/life-tata-power-pic1.jpg) no-repeat left top;
    background-size: cover;
    border-radius: 20px;filter: grayscale(100%);
}

.dark-mode .life-tata-power-box2a-right span {
    width: 100%;
    height: 100%;
    float: left;
    display: block;
    background: url(../images/life-tata-power-pic2.jpg) no-repeat left top;
    background-size: cover;
    border-radius: 20px;filter: grayscale(100%);
}

.dark-mode .menu_sub ul.bb li .overview_text a {
    width: 41%;
    list-style: none;
    line-height: 35px;
    font-size: 12px;
    color: #999;
    border: 1px solid #000;
    text-align: center;
}

.dark-mode .menu_sub ul.bb li a:hover {
    background-position: left bottom;
    background: #ccc;
}
.dark-mode .esg-ratings ul li { 
    color: #000;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 0;
}

.dark-mode .renewable-energy-box1b1 aside span {filter: grayscale(100%);}
.dark-mode .renewable-energy-box1b2 aside span {filter: grayscale(100%);}
.dark-mode img {filter: grayscale(100%) !important;}
.dark-mode .wind-box1b1 aside span.wind-pic1 {filter: grayscale(100%);}
.dark-mode .wind-box1b2 aside span.wind-pic4 {filter: grayscale(100%);}
.dark-mode .wind-box1b1 aside span.wind-pic3 {filter: grayscale(100%);}
.dark-mode .wind-box1b2 aside span.wind-pic2 {filter: grayscale(100%);}
.dark-mode .wind-box1b1 aside span.wind-pic5 {filter: grayscale(100%);}
.dark-mode .aboutGpsTabActive {border-bottom: 1px solid #ccc; background: #ccc;}
.dark-mode .highlights {background: #666;}
.dark-mode .contribution-box2 article .tab3 .highlights ul li:nth-child(odd) {background: #ccc;}
.dark-mode .contribution-box2 article .tab3 .highlights ul li:nth-child(even) h3 {color: #000;}
.dark-mode .pic2 {filter: grayscale(100%);}
.dark-mode .pic3 {filter: grayscale(100%);}
.dark-mode .pic4 {filter: grayscale(100%);}
.dark-mode .tradingbox966 {filter: grayscale(100%);}
.dark-mode .distributionArea .national2 {background: #333;}

.dark-mode .burger:after,
.dark-mode .burger:before,
.dark-mode hr,
.dark-mode hr:after,
.dark-mode hr:before {
	background-color: var(--white-color)
}

.dark-mode .logo-image.white {
	opacity: 1
}

.dark-mode .author-location,
.dark-mode .author-social-item,
.dark-mode .button-arrow-icon,
.dark-mode .kg-bookmark-description,
.dark-mode .menu-item-link,
.dark-mode .page-number,
.dark-mode .post-link.secondary,
.dark-mode .post-meta {
	color: var(--dark-mode-secondary-text-color)
}

.dark-mode .kg-bookmark-card,
.dark-mode .page-number,
.dark-mode .post-footer {
	border-color: var(--dark-mode-border-color)
}
.dark-mode .input_box3-large select option {
    background-color: #666;
}
.dark-mode .comment-container,
.dark-mode .u-placeholder,
.dark-mode :not(pre)>code,
.dark-mode pre {
	background-color: var(--dark-mode-darker-bg-color)
}

.dark-mode .off-canvas {
	background-color: var(--dark-mode-bg-color)
}

.dark-mode .sep:after {
	background-color: var(--dark-mode-border-color)
}

.dark-mode .u-text-format ol li:before {
	font-weight: 700
}

.dark-mode blockquote {
	border-color: var(--white-color)
}

.dark-mode .widget,
.dark-mode .widget input {
	background-color: var(--dark-mode-bg-color);
	color: var(--dark-mode-primary-text-color)
}

.dark-mode img{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);}

.dark-mode .top_sec_nav { height: 108px; background-color: #434343; width: 100%; position: relative;}
.dark-mode #mainNav {background: none; border: none; margin: 0px 0 0; float: right; border-top: 0px solid #5c5c5c; }
/*.dark-mode .mail {display: inline-block; border-left: 1px solid #5c5c5c;  border-right: 1px solid #5c5c5c;    width: 235px; background: #393939; position: relative; vertical-align: top; line-height: 53px;}
.dark-mode .search {display: inline-block; border-left: 1px solid #5c5c5c; width: auto;}
.dark-mode .search span {float: left; font-size: 12px; color: #b6b6b6; padding: 0 0 0 10px; line-height: 50px;}
.dark-mode .dark-mode22 span {float: left; font-size: 12px; color: #b6b6b6; padding: 0 15px 0 10px; line-height: 50px;}
.dark-mode .bannerInfo a {background: #393939; padding: 10px 15px; color: #01182c; font-size: 12px; display: block; width: 150px;text-align: center; border-radius: 25px; font-style: normal;}*/
.dark-mode .ppp_bg { width: 100%; background-color: #292929; position: inherit; border-bottom: 0px solid #fff; bottom: 0px; z-index: 2; min-height: 40px; line-height: 40px;}
.dark-mode .quick-link2 {float: left; width: 120px; min-height: 480px; background: #484848;}
.dark-mode .quick-link1 {float: left; width: 120px; background: url(../images/quick-link-bg.png) no-repeat 0 0 #292929; min-height: 480px;}
.dark-mode .whats-slide ul.slide-news li a {font-size: 12px; color: #ccc; text-decoration: underline;}
.dark-mode .whats-slide ul.slide-news li span {color: #ccc;}
.dark-mode .pages-tital h3 span {color: #000 !important;}
.dark-mode .ppp_bg2a {
    width: 100%;
    background: #666;
    position: inherit;
    border-bottom: 0px solid #d4d4d4;
    bottom: 0;
    z-index: 2;
    min-height: 50px;
    min-height: 140px;
    background-position: center;
}
.dark-mode .values ul li.valueIcon1:before {
    background: url(../images/values-icons.png) no-repeat 0 0;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);
}
.dark-mode .values ul li strong { color: #000;}
.dark-mode .vision {background: url(../images/visionBg.jpg) no-repeat 50% 100%;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);}
.dark-mode .values ul li.valueIcon3:before {
    background: url(../images/values-icons.png) no-repeat -140px 0;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);
}
.dark-mode .values ul li.valueIcon2:before {
    background: url(../images/values-icons.png) no-repeat -70px 0;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);
}
.dark-mode .values ul li.valueIcon4:before {
    background: url(../images/values-icons.png) no-repeat -210px 0;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);
}
.dark-mode .values ul li.valueIcon5:before {
    background: url(../images/values-icons.png) no-repeat -280px 0;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);
}
.dark-mode .center-block2 h2.pages_header {
    color: #ccc; font-size: 23px;
}
.dark-mode .values p strong {
    text-transform: uppercase;
    color: #000;
}
.dark-mode .main-nav {
    border: 1px solid #333;
}
.dark-mode .new_footer {
    background: #666;
}
.dark-mode .section2 ul.tabs {
    background: #666  !important;
    border-radius: 5px;
}
.dark-mode .no-arrow a{ color: #fff !important;}
.dark-mode .footer_head {
    color: #fff;
}
.dark-mode .new_footer_link li a {
    font-size: 12px;
    line-height: 25px;
    color: #e7e7e7;
    font-weight: 400;
}
.dark-mode .ppp_bg2a .input_box3-large select {
    -moz-appearance: none;
    background: none;
    border-radius: 25px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #fff;
    font-size: 13px;
    font-weight: 400;
    margin: 0;
    outline: medium none;
    padding: 10px 10px;
    width: 88%;
}
.dark-mode .section2 .glance h1 {
    color: #000;
}
.dark-mode .section2 {
    background: #c2d8b9;
    min-height: 1216px;
    position: relative;
}
.dark-mode .section7-new .news_blog .new_view {
    float: right;
}
.no-arrow:after{ display: none !important;}
.dark-mode .section6-new {
    background: inherit;
}

.dark-mode .section2 .d_active:after {
    content: "";
    display: block;
    background: url(../images/new-tab.jpg) no-repeat top right;
    position: absolute;
    bottom: -18px;
    left: 12px;
    /* border: 1px solid red; */
    width: 22px;
    height: 25px;
    border-radius: 50%;
    filter: gray;
    -webkit-filter: grayscale(1);
    -webkit-transition: all .8s ease-in-out;
}
.dark-mode .section2 .d_active {
    background: #000;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    border-radius: 5px;
    line-height: 20px;
    padding: 15px;
    position: relative;
}
.dark-mode .tab_container .tab_content article h3 {
/*    font-size: 35px;
    line-height: 35px;
    font-weight: 900;*/
    color: #000;
}
.dark-mode .tab_container .tab_content article h4 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #666;
    font-weight: 500;
    padding: 10px 0 0 0;
    display: block;
}
.dark-mode .section3-new .glance h2 {
    color: #000;
}
.dark-mode .section4-new .investor h2 {
    color: #000;
}
.dark-mode .section5-new h2 {
    color: #000;
}
.dark-mode .section6-new .life-new .left_new_div h2 {
    color: #000;
}
.dark-mode .esg-sustainability .left-box article h2 {
    padding: 0 0 10px 0;
    color: #000;
    font-size: 30px;
    line-height: 40px;
    font-weight: 900;
}
.dark-mode .esg-sustainability .right-box article h2 {
    padding: 0 0 10px 0;
    color: #000;
    font-size: 30px;
    line-height: 40px;
    font-weight: 900;
}
.dark-mode .environmental .leadership .right-box h2 {
    font-size: 30px;
    color: #000;
    font-weight: 900;
    padding: 0 0 15px 0;
}
.dark-mode .ppp_bg2a .input_box3-large label:after {
    color: #3a3a3a;
    content: url(/images/select-ic2.png);
    font: 14px Consolas, monospace;
    padding: 0 11px 4px;
    pointer-events: none;
    position: absolute;
    background-color: #666;
    right: 5px;
    top: 0;
    border: 0px solid red;
    top: -4px;
    width: 34px;ilter: grayscale(100%);
   -webkit-filter: grayscale(100%);
}
.dark-mode .top-right-Your a.mail_ic {
    background: url(../images/mail_ic.png) no-repeat 4px 1px;
    filter: grayscale(100%);
}
.dark-mode .center_text:after {
    position: absolute;
    top: 0px;
    content: "";
    display: block;
    width: 100%;
    background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(133,133,133,1) 35%, rgba(203,203,203,1) 100%);
    height: 2px;
}
.dark-mode .banner-dots li span {
    background: #000;
}
.dark-mode .banner-dots li.slick-active span {
    background: #fff;
}
.dark-mode .slide-news .hs_next {
    background: url(../images/news-right-icon-new.png) no-repeat 0 0px;
    top: inherit;
    margin-bottom: 0px;
    width: 27px;
    height: 27px;
    right: -50px;filter: grayscale(100%);bottom: -40px;
}
.dark-mode .slide-news .hs_prev {
    background: url(../images/news-left-icon-new.png) no-repeat 0 0;
    top: inherit;
    margin-top: 0px;
    width: 27px;
    height: 27px;
    right: -12px; bottom: -40px;
    /* display: none !important; */filter: grayscale(100%);
}

.dark-mode .know4a:before {
    content: '';
    display: inline-block;
    width: 27px;
    height: 8px;
    background: url(../images/arrow_n4a.png) 100% 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: absolute;
    right: 23px;
    bottom: 19px;
    margin: auto;filter: grayscale(100%);
}
.dark-mode .section2 ul.tabs li h2 {
    color: #000;
}


.dark-mode .section2 ul.tabs li.active:after {
    content: "";
    display: block;
    background: url(../images/new-tab.jpg) no-repeat 0 0;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 20px;
    bottom: -33px;
    border-radius: 50%;filter: grayscale(100%);
}
.dark-mode .tab_container .tab_content article {
    float: left;
    width: 32% !important;
    margin: 0 6px;
    min-height: inherit;
    border-top: 2px solid #000;
    padding: 22px 0 0 0;
}
.dark-mode .section2 .tab_drawer_heading {
    border: 1px solid #000;
    border-radius: 5px;
    margin: 15px 0 10px 0;
    padding: 5px 20px;
    display: block;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 20px 55px 20px 20px;
    color: #666;
}
.dark-mode .section3-new .glance {
    padding: 90px 0 30px 0;
    margin: 0px 0 0 0;
}
.dark-mode .navPanel ul.navUl > li > a {
    font-size: 13px;
    padding: 0 8px;
}
.dark-mode .tab_container .tab_content article h3 {
    font-size: 22px;
    line-height: 24px;
    font-weight: 600;
    color: #000;
}
.dark-mode .tab_container article i { color: #666 !important}
.dark-mode .section3-new .hs_prev22 {
    background: url(../images/new_solutions_icon_left.png) no-repeat 0 0;
    bottom: 47%;
    margin-top: 0px;
    width: 90px;
    height: 90px;
    left: -113px;
    right: inherit;filter: grayscale(100%); font-size: 0px;
}
.dark-mode .reports_right h4{ color: #000;}
.dark-mode .section3-new .hs_next22 {
    background: url(../images/new_solutions_icon_right.png) no-repeat 0 0;
    bottom: 47%;
    margin-top: 0px;
    width: 90px;
    height: 90px;
    right: -113px;
    left: inherit;filter: grayscale(100%); font-size: 0px;
}
.dark-mode .footer_head:after {
    position: absolute;
    content: "";
    display: inline-block;
    padding: 0 0 0 45px;
    top: 7px;
    left: inherit;
    width: 15px;
    height: 15px;
    background: url(../images/footer_new_arrow.png) 10px 1 no-repeat;filter: grayscale(100%);
}
.click-here a {
    width: auto;
    height: auto;
    display: block;
    background: #000;
    padding: 12px 40px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 40px;
}
.formSubmit .form-submit {
    border: 1px solid #000;
    color: #fff;
    font-size: 16px;
    height: 45px;
    line-height: 1.42857;
    text-align: center;
    padding-left: 0;
    cursor: pointer;
    transition: all .5s ease-in-out;
    width: 100%;
    border-radius: 3px;
    background: #000;
}

.dark-mode .follow ul li:nth-child(1) a {
    width: 20px;
    height: 22px;
	filter: grayscale(100%);
    display: block;
}

.dark-mode .follow ul li:nth-child(3) a {
    width: 22px;
    height: 22px;
    
    display: block;filter: grayscale(100%);
}
.dark-mode .follow ul li:nth-child(4) a {
    width: 22px;
    height: 22px;
    
    display: block;filter: grayscale(100%);
}
.dark-mode .follow ul li:nth-child(5) a {
    width: 22px;
    height: 22px;
    
    display: block;filter: grayscale(100%);
}
.dark-mode .coryright {
    float: inherit;
    font-size: 12px;
    color: #ccc;
    text-align: left;
    width: auto;
    padding: 8px 0 0 0;
}
.dark-mode ul.service_slider li a.know4a {
    color: #000;
}
.dark-mode .section6-new .life-new .left_new_div a {
    color: #000;
}
.dark-mode .submenu2 li a:hover {
    color: #000;
}
.dark-mode .submenu2 li a:hover {
    color: #666;
}

.dark-mode .submenu2 li a {
    color: #000;
}
.dark-mode #menuToggle input:checked ~ span {
/*
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
*/
    background: #000;
/*
    display: block;
    margin-top: 20px;
*/
}

.dark-mode .menu ul.top2_menu_box {
    /* display: flex !important;
    justify-content: center !important; */
    padding: 0 25px 0 0;
    border-top: 1px solid #999;
}
.dark-mode .new_top .menu_other_new .new_dark_part {
    padding: 25px 15px;
    margin: 0px;
    float: left;
    border-left: 0px solid #666 !important;
    height: 100%;
    min-height: 85px!important;
}
.dark-mode .new_top .menu_other_new .new_dark_part {
    padding: 25px 15px;
    margin: 0px;
    float: left;
    border-left: 1px solid #999;
    height: 100%;
    min-height: 108px;
}
.toggle-track {
    background-color: #666;
    border-radius: 30px;
    cursor: pointer;
    display: flex;
    height: 23px;
    margin-left: 20px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 50px;
    margin: 0px 0 0;
}
.dark-mode .new_top .menu_other_new .new_plugin_part {
    padding: 25px 15px;
    margin: 0px;
    float: left;
    border-left: 1px solid #999;
    height: 100%;
    min-height: 108px;
    width: 67px;
}
.dark-mode .menu ul.top2_menu_box li a {
    font-size: 18px;
    line-height: 31px;
    color: #f8f8f8;
    padding: 10px 25px;
    border-top: 1px solid transparent;
}
.dark-mode .new_top .menu_other_new .new_dark_part span {
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    padding: 0 0 5px 0;
    display: block;
}
.dark-mode .visionary_bg {
    background: url(../images/visinory_bg.jpg) no-repeat;
    background-size: cover;
    float: left;
    width: 100%;
    height: 431px; filter: grayscale(100%);
   -webkit-filter: grayscale(100%);
}
.dark-mode .power_value_bg {
    float: left;
    width: 100%;
    background: url(../images/pwer_value_bg.jpg) no-repeat;
    background-size: cover;
    padding: 40px 0 300px 0;
    text-align: center;filter: grayscale(100%);
   -webkit-filter: grayscale(100%);
}
.dark-mode .corporated_srbg {
    float: left;
    width: 100%;
    background: url(../images/services_bg.jpg) no-repeat bottom center;
    height: 665px;
    background-size: cover;filter: grayscale(100%);
   -webkit-filter: grayscale(100%);
}
.dark-mode .years_bg {
    float: left;
    width: 100%;
    background: #93c1e2 url(../images/years_bg.jpg) no-repeat bottom center;
    background-size: cover;
    min-height: 711px;
    padding: 70px 20%;
    text-align: center;ilter: grayscale(100%);
   -webkit-filter: grayscale(100%);
}

.dark-mode .initiaves_communitybg {
    float: left;
    width: 100%;
    background: url(../images/coomunity_initiaves_bg.jpg) no-repeat center bottom;
    background-size: cover;
    min-height: 463px;
    margin: 30px 0 0;filter: grayscale(100%);
   -webkit-filter: grayscale(100%);
}
.dark-mode .breadcrumb a:first-child {
    color: #fff;
}
.dark-mode h3.commitment span {
    color: #333;
}

.dark-mode .ppp_bg2a {
    width: 100% !important;
    background: #666 !important;
    position: inherit !important;
    border-bottom: 0px solid #d4d4d4 !important;
    bottom: 0 !important;
    z-index: 2 !important;
    min-height: 50px !important;
    min-height: 140px !important;
    background-position: center !important;
}
.dark-mode .left-national ul li:nth-child(1) {
    background: url(../images/national-icon1.png) left center no-repeat;
    padding: 5px 0 5px 32px;filter: grayscale(100%);
   -webkit-filter: grayscale(100%);
}
.dark-mode .left-national ul li:nth-child(2) {
    background: url(../images/national-icon1.png) left center no-repeat;
    padding: 5px 0 5px 32px;filter: grayscale(100%);
   -webkit-filter: grayscale(100%);
}
.dark-mode .left-national ul li:nth-child(3) {
    background: url(../images/national-icon2.png) left center no-repeat;
    padding: 5px 0 5px 32px;filter: grayscale(100%);
   -webkit-filter: grayscale(100%);
}
.dark-mode .left-national ul li:nth-child(4) {
    background: url(../images/national-icon3.png) left center no-repeat;
    padding: 5px 0 5px 32px;filter: grayscale(100%);
   -webkit-filter: grayscale(100%);
}

.dark-mode .left-national ul li:nth-child(5) {
    background: url(../images/national-icon4.png) left center no-repeat;
    padding: 5px 0 5px 32px;filter: grayscale(100%);
   -webkit-filter: grayscale(100%);
}
.dark-mode .left-national ul li:nth-child(6) {
    background: url(../images/national-icon5.png) left center no-repeat;
    padding: 5px 0 5px 32px;filter: grayscale(100%);
   -webkit-filter: grayscale(100%);
}
.dark-mode .left-national ul li:nth-child(7) {
    background: url(../images/national-icon6.png) 8px center no-repeat;
    padding: 5px 0 5px 32px;filter: grayscale(100%);
   -webkit-filter: grayscale(100%);
}
.dark-mode .left-national h2:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: #fff;
    float: left;
    padding: 10px 10px 0 0;
    margin: 0 15px 0 0;
}
.dark-mode .national .mumbaiDistribution-cont2 .center-national ul li {
    float: left;
    width: 100%;
    padding: 0px 30px 0 0;
    border-bottom: 1px solid #6c8c95;
    font-size: 34px;
    color: #fff;
    font-weight: 300;
    height: 57px;
    margin: 0 0 10px 0;
}
.dark-mode .distributionArea .national .mumbaiDistribution-cont2 h3 {
    padding: 0;
    margin: 0;
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    color: #fff;
    padding-bottom: 22px;
}
.dark-mode .center-national h2:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: #fff;
    float: left;
    padding: 10px 10px 0 0;
    margin: 0 15px 0 0;
}
.dark-mode .right-national h2:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: #fff;
    float: left;
    padding: 10px 10px 0 0;
    margin: 0 15px 0 0;
}
.dark-mode .archives-dropdown aside:after {
    content: "";
    display: block;
    background: url(../images/select-arrow.jpg) no-repeat right center;
    width: 11px;
    height: 11px;
    position: absolute;
    top: 17px;
    right: 22px;
    z-index: 9;filter: grayscale(100%);
   -webkit-filter: grayscale(100%);
}
.archives-dropdown aside select { cursor: pointer;}
.iirc-pages .prepared .left-box2 {
    width: 48%;
    background: #333;
    padding: 50px 50px;
    float: left;
    min-height: 375px;
    position: absolute;
    top: 0px;
    left: 50px;
    z-index: 9;
}
.iirc-pages .iirc h3 a {
    text-align: center;
    color: #000;
    font-size: 30px;
    font-weight: 600;
    padding: 50px 0;
}
.iirc-pages .integrated .right-box2 {
    width: 58%;
    background: #333;
    float: left;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 350px;
    height: 435px;
    border-radius: 25px;
    padding: 140px 0 0 100px;
    color: #fff;
}
.iirc-pages .iirc h3 {
    text-align: center;
    color: #000;
    font-size: 30px;
    font-weight: 600;
    padding: 50px 0;
}
.iirc-pages .iirc ul li a {
    color: #000;
}
.education-box1 ul li strong {
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    display: block;
    padding: 0 7px 30px;
    text-transform: uppercase;
}
.dark-mode .governance-box2a ul li.table-th article span {
    background: #333;
    display: table-cell;
    padding: 20px 5%;
    width: 33.333%;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    line-height: 20px;
}
.dark-mode .governance2-box {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    padding: 90px 0;
    margin: 0;
    background: #ccc;
}
.dark-mode .line-up-text span {

    color: #000;

}
.dark-mode .line-up-text span big {
    color: #333;

}
.dark-mode .governance-box3c ul li h3 {
    width: auto;
    height: auto;
    margin: 0 auto;
    display: table;
    font-size: 26px;
    font-weight: 400;
    color: #333;
    line-height: 32px;
    text-align: center;
    padding-top: 20px;
}

.dark-mode .governance-box3c ul li h3 strong {
    font-family: 'ITC Avant GardeStd Bold';
    font-size: 32px;
    font-weight: 700;
    color: #000;
    line-height: 32px;
}

.dark-mode .governance-box3c ul li h4 {
    width: auto;
    height: auto;
    margin: 0 auto;
    display: table;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    line-height: 20px;
    text-align: center;
    padding-top: 5px;
}
.dark-mode .governance-box3c1 ul li aside article.border-blue ul li {
    border-bottom: 1px solid #ccc;
}
.dark-mode .governance-box3c1 ul li aside article.border-violet ul li {
    border-bottom: 1px solid #ccc;
}
.dark-mode .governance-box3c1 ul li aside article.border-treepoppy ul li {
    border-bottom: 1px solid #ccc;
}
.dark-mode .governance-box3c1 ul li aside article.border-copper-rust ul li {
    border-bottom: 1px solid #ccc;
}
.dark-mode .governance-box3c1 ul li aside article.border-scienceblue ul li {
    border-bottom: 1px solid #ccc;
}
.dark-mode .governance-box3c1 ul li aside article.border-niagara ul li {
    border-bottom: 1px solid #ccc;
}
.dark-mode .governance-box3a ul li figure {
    margin: 0 auto;
    display: table;
    text-align: center;
    vertical-align: middle;
    background: url(../images/inputs-icon-bg.png) no-repeat left top;
    width: 95px;
    height: 95px;filter: grayscale(100%);
   -webkit-filter: grayscale(100%);
}
.dark-mode .policiesAndCodeOfConduct ul li a.pdf:after {
    content: '';
    position: absolute;
    background: url(../images/pdf.png) no-repeat 0 0;
    width: 30px;
    height: 26px;
    right: 8px;
    bottom: -5px;filter: grayscale(100%);
   -webkit-filter: grayscale(100%);
}
.dark-mode .policiesAndCodeOfConduct ul li a:before {
    content: '';
    background: #000;
    width: 9px;
    height: 9px;
    left: -22px;
    top: 5px;
    position: absolute;
}
.dark-mode .policiesAndCodeOfConduct ul li {
    border-bottom: 1px solid #333;
    padding: 25px 0 11px 22px;
}
.dark-mode .ethics-box1c ul li:nth-child(1) aside span {
    background: #ddd;
    border-top-left-radius: 20px;
}
.dark-mode .ethics-box1c ul li:nth-child(2) aside span {
    background: #999;
}
.dark-mode .ethics-box1c ul li:nth-child(3) aside span {
    background: #ddd;
}
.dark-mode .ethics-box1c ul li:nth-child(4) aside span {
    background: #999;
}
.dark-mode .ethics-box1c ul li aside article {
    border-right: 1px solid #ccc;
}
/*------- Quick link -------*/
.transition {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all .5s ease}

.dark-mode .quick-link2 ul li a .icon-box {width: 100%; height: 57px; margin: 8px auto 0px auto; float: none; position: relative;text-align: center;}
.dark-mode .quick-link2 ul li a .icon-box i {width: auto;height: 57px;margin: 0 auto;text-align: center;position: absolute;bottom: 0;left: 0; right: 0;z-index: 3}
.dark-mode .quick-link2 ul li a .icon-box .affordable-price-icon {width: 40px;height: 48px;background: url(../images/icon-bg2.png) -349px 0px no-repeat;display: block}
.dark-mode .quick-link2 ul li a:hover .icon-box .affordable-price-icon {width: 40px;height: 48px;background: url(../images/icon-bg2.png) -349px -54px no-repeat}
.dark-mode .quick-link2 ul li a .icon-box .low-maintenance-icon {width: 40px;height: 48px;background: url(../images/icon-bg2.png) -349px top no-repeat;display: block}

.dark-mode .quick-link2 ul li a .icon-box2 {width: 100%; height: 57px; margin: 8px auto 0px auto; float: none; position: relative;text-align: center;}
.dark-mode .quick-link2 ul li a .icon-box2 i {width: auto;height: 57px;margin: 0 auto;text-align: center;position: absolute;bottom: 0;left: 0; right: 0;z-index: 3}
.dark-mode .quick-link2 ul li a .icon-box2 .affordable-price-icon {width: 40px;height: 48px;background: url(../images/icon-bg2.png) -430px 0px no-repeat;display: block}
.dark-mode .quick-link2 ul li a:hover .icon-box2 .affordable-price-icon {width: 40px;height: 48px;background: url(../images/icon-bg2.png) -430px -54px no-repeat}
.dark-mode .quick-link2 ul li a .icon-box2 .low-maintenance-icon {width: 40px;height: 48px;background: url(../images/icon-bg2.png) -430px top no-repeat;display: block}

.dark-mode .quick-link2 ul li a .icon-box3 {width: 100%; height: 57px; margin: 8px auto 0px auto; float: none; position: relative;text-align: center;}
.dark-mode .quick-link2 ul li a .icon-box3 i {width: auto;height: 57px;margin: 0 auto;text-align: center;position: absolute;bottom: 0;left: 0; right: 0;z-index: 3}
.dark-mode .quick-link2 ul li a .icon-box3 .affordable-price-icon {width: 40px;height: 48px;background: url(../images/icon-bg2.png) -507px 0px no-repeat;display: block}
.dark-mode .quick-link2 ul li a:hover .icon-box3 .affordable-price-icon {width: 40px;height: 48px;background: url(../images/icon-bg2.png) -507px -54px no-repeat}
.dark-mode .quick-link2 ul li a .icon-box3 .low-maintenance-icon {width: 40px;height: 48px;background: url(../images/icon-bg2.png) -507px top no-repeat;display: block}

.dark-mode .quick-link2 ul li a .icon-box4 {width: 100%; height: 57px; margin: 8px auto 0px auto; float: none; position: relative;text-align: center;}
.dark-mode .quick-link2 ul li a .icon-box4 i {width: auto;height: 57px;margin: 0 auto;text-align: center;position: absolute;bottom: 0;left: 0; right: 0;z-index: 3}
.dark-mode .quick-link2 ul li a .icon-box4 .affordable-price-icon {width: 40px;height: 48px;background: url(../images/icon-bg2.png) -571px 0px no-repeat;display: block}
.dark-mode .quick-link2 ul li a:hover .icon-box4 .affordable-price-icon {width: 40px;height: 48px;background: url(../images/icon-bg2.png) -571px -54px no-repeat}
.dark-mode .quick-link2 ul li a .icon-box4 .low-maintenance-icon {width: 40px;height: 48px;background: url(../images/icon-bg2.png) -571px top no-repeat;display: block}



.dark-mode .quick-link1 ul li a .icon-box5 {width: 100%; height: 57px; margin: 8px auto 5px auto; float: none; position: relative;text-align: center;}
.dark-mode .quick-link1 ul li a .icon-box5 i {width: auto;height: 57px;margin: 0 auto;text-align: center;position: absolute;bottom: 0;left: 0; right: 0;z-index: 3}
.dark-mode .quick-link1 ul li a .icon-box5 .affordable-price-icon {width: 40px;height: 48px;background: url(../images/icon-bg2.png) -21px 0px no-repeat;display: block}
.dark-mode .quick-link1 ul li a:hover .icon-box5 .affordable-price-icon {width: 40px;height: 48px;background: url(../images/icon-bg2.png) -21px -54px no-repeat}
.dark-mode .quick-link1 ul li a .icon-box5 .low-maintenance-icon {width: 40px;height: 48px;background: url(../images/icon-bg2.png) -21px top no-repeat;display: block}

.dark-mode .quick-link1 ul li a .icon-box6 {width: 100%; height: 57px; margin: 8px auto 5px auto; float: none; position: relative;text-align: center;}
.dark-mode .quick-link1 ul li a .icon-box6 i {width: auto;height: 57px;margin: 0 auto;text-align: center;position: absolute;bottom: 0;left: 0; right: 0;z-index: 3}
.dark-mode .quick-link1 ul li a .icon-box6 .affordable-price-icon {width: 51px;height:51px;background: url(../images/icon-bg2.png) -89px 0px no-repeat;display: block}
.dark-mode .quick-link1 ul li a:hover .icon-box6 .affordable-price-icon {width: 51px;height: 51px;background: url(../images/icon-bg2.png) -89px -54px no-repeat}
.dark-mode .quick-link1 ul li a .icon-box6 .low-maintenance-icon {width: 51px;height:51px;background: url(../images/icon-bg2.png) -89px top no-repeat;display: block}

.dark-mode .quick-link1 ul li a .icon-box7 {width: 100%; height: 57px; margin: 8px auto 5px auto; float: none; position: relative;text-align: center;}
.dark-mode .quick-link1 ul li a .icon-box7 i {width: auto;height: 57px;margin: 0 auto;text-align: center;position: absolute;bottom: 0;left: 0; right: 0;z-index: 3}
.dark-mode .quick-link1 ul li a .icon-box7 .affordable-price-icon {width: 40px;height: 48px;background: url(../images/icon-bg2.png) -170px 0px no-repeat;display: block}
.dark-mode .quick-link1 ul li a:hover .icon-box7 .affordable-price-icon {width: 40px;height: 48px;background: url(../images/icon-bg2.png) -170px -54px no-repeat}
.dark-mode .quick-link1 ul li a .icon-box7 .low-maintenance-icon {width: 40px;height: 48px;background: url(../images/icon-bg2.png) -170px top no-repeat;display: block}

.dark-mode .quick-link1 ul li a .icon-box8 {width: 100%; height: 57px; margin: 8px auto 5px auto; float: none; position: relative;text-align: center;}
.dark-mode .quick-link1 ul li a .icon-box8 i {width: auto;height: 57px;margin: 0 auto;text-align: center;position: absolute;bottom: 0;left: 0; right: 0;z-index: 3}
.dark-mode .quick-link1 ul li a .icon-box8 .affordable-price-icon {width: 40px;height: 48px;background: url(../images/icon-bg2.png) -250px 0px no-repeat;display: block}
.dark-mode .quick-link1 ul li a:hover .icon-box8 .affordable-price-icon {width: 40px;height: 48px;background: url(../images/icon-bg2.png) -250px -54px no-repeat;}
.dark-mode .quick-link1 ul li a .icon-box8 .low-maintenance-icon {width: 40px; height: 48px; background: url(../images/icon-bg2.png) -250x top no-repeat;display: block;}
.dark-mode .section6-new {
    background: inherit;
    padding: 83px 0 0 0;
}
.dark-mode .popup_box_slide ul li p { font-size: 10px; color: #b6b6b6;}
.dark-mode {}
.dark-mode .section5-new {background: #c5c5c5; margin: 0px 0; padding: 65px 0; min-height: 1300px;}
/*.dark-mode img { opacity: .75; transition: opacity .5s ease-in-out;}
.dark-mode img:hover {opacity: 1;}*/
.dark-mode .section2 { position: relative; height: 100vh; background: #c5c5c5;}
.dark-mode .services h2 {font-size: 45px; font-weight: 900; color: #feca27 !important; text-align: left; padding: 85px 0 0 55px; font-family: 'ITC Avant GardeStd Bold';}
.dark-mode .services h4 {color: #000;}
.dark-mode .services h3 {color: #000;}
.dark-mode .section3 { position: relative; background: #4a4a4a;}
.dark-mode .section2 ul.services li:hover h3 {padding: 0px 0 0 0; font-size: 33px; line-height: 38px; font-family: 'ITC Avant GardeStd Bold'; color: #000;}
.dark-mode .right-box-solutions { width: 345px; float: left; background: url(../images/our-solutions-right2.jpg) no-repeat; min-height: 470px; margin: 0 0 0 -1px;}
.dark-mode .right-box-solutions .customer {border-right: 1px solid #b9b9b9; }
.dark-mode .center-box-solutions ul li.box1-solutions {background: url(../images/our-solutions-left-12.jpg) no-repeat;ilter: grayscale(100%);
   -webkit-filter: grayscale(100%);}
.dark-mode .center-box-solutions ul li.box2-solutions {background: url(../images/our-solutions-left-22.jpg) no-repeat;ilter: grayscale(100%);
   -webkit-filter: grayscale(100%);}
.dark-mode .center-box-solutions ul li.box3-solutions { background: url(../images/our-solutions-left-32.jpg) no-repeat;ilter: grayscale(100%);
   -webkit-filter: grayscale(100%);}
.dark-mode .left-box-solutions {width: 273px; float: left; background: url(../images/our-solutions-left2.jpg) no-repeat; min-height: 470px; text-align: left; padding: 60px 0 0 30px;ilter: grayscale(100%);
   -webkit-filter: grayscale(100%);}
.dark-mode .ppp_bg2 { width: 100%; background-color: #1a1a1a; position: absolute; border-bottom: 0px solid #d4d4d4; bottom: 0;  z-index: 2; min-height: 117px; line-height: 51px;}
.dark-mode .service_nation_sec2 { float: left; width: 100%;  height: 100vh; background-color: #4c4c4c;}
.dark-mode .service_nation_sec2 .center_service p { font-size: 17px; color: #b6b6b6; padding: 0px; font-weight: 400;  margin-bottom: 15px;}
.dark-mode .service_nation_sec2 .center_service h3 span { font-family: 'CheddarJack';  font-size: 90px; color: #b6b6b6; font-weight: 400;}
.dark-mode .section6 { position: relative; height: 100vh; background: url(../images/section6-bg2.jpg) no-repeat; background-size: cover;ilter: grayscale(100%);
   -webkit-filter: grayscale(100%);}
.dark-mode .invetsor_service3 h3 {font-size: 50px; line-height: 70px; color: #feca27 !important; padding: 0% 0 20px; font-weight: 900; position: relative; font-family: 'ITCAvantGardeStd Bk'; text-align: left;
}
.dark-mode .videos_block {float: left; width: 50%; height: 100vh; background-color: #767676;}
.dark-mode .section3 .center_news h3 { font-size: 50px; color: #fac827; padding: 0px;font-weight: 900; position: relative; margin-bottom: 15px;}
.dark-mode .top-news .blogs { position: absolute; top: 35%; right: -15px; padding: 30px 45px; text-align: left; color: #fff;}
.dark-mode .service_nation_sec .blogs { width: 440px; height: 280px; background: #323232;}
.dark-mode .top-news .blogs a { background: #feca27; font-size: 11px !important; color: #000; text-transform: uppercase; padding: 11px 20px; border-radius: 25px; margin: 8px 0 0 0; display: block;
width: 110px; font-weight: 600; color: #000 !important;}
.dark-mode .top-news .blogs p { color: #b6b6b6; padding: 0 0 20px 0;  font-size: 14px; line-height: 22px;}
.dark-mode .top-news .blogs p span { color: #b6b6b6; padding: 0 0 10px 0; font-size: 16px; line-height: 22px; display: block;}
.dark-mode .top-news .blogs i { color: #b6b6b6; padding: 0 0 10px 0; font-size: 14px; line-height: 22px; display: block; font-style: normal;}
.dark-mode .top-news .news { position: absolute; top: 35%; left: 46px; padding: 0px; text-align: left; color: #000; min-height: 350px; background: #323232; border-radius: 20px; max-width: 686px;}
.dark-mode .top-news .news article a { color: #000 !important;}
.dark-mode .section4a { background: #1e1e1e;}
.dark-mode .section4a .center h3 { color: #feca27;}
.dark-mode .section4a .center h3 span { color: #b6b6b6;}
.dark-mode .section4a .event_prev { position: absolute;  right: -137px; top: 49%;  background: url(../images/event_prev2a1.png) no-repeat;  width: 8px; height: 13px; text-indent: -20000px; cursor: pointer;ilter: grayscale(100%);
   -webkit-filter: grayscale(100%);}
.dark-mode .section4a .event_next { position: absolute; left: -137px; top: 49%; background: url(../images/event_prev3a1.png) no-repeat; width: 8px; height: 13px; text-indent: -20000px; cursor: pointer;ilter: grayscale(100%);
   -webkit-filter: grayscale(100%);}

.dark-mode .left-box-solutions h2 { font-size: 45px; color: #feca27 !important; font-weight: 600; line-height: 45px; font-family: 'ITC Avant GardeStd Bold'; font-weight: 900;}
.dark-mode .popup_box_slide .box { float: left;  background-color: #393939; position: absolute; left: 120px; top: 0px;  z-index: 9999; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; display: none; border-right: 1px solid #000;
width: 121px; height: 100%;}
.popup_box_slide .box ul li a {border-bottom: 1px solid #696969; color: #d6d6f6; text-align: left;position: relative; line-height: 35px; font-size: 12px; padding: 0 0 0 15px;}
.dark-mode .popup_box_slide .box2 { float: left;  background-color: #393939; position: absolute; left: 120px; top: 0px;  z-index: 9999; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; display: none; border-right: 1px solid #000;
width: 121px; height: 100%;}
.popup_box_slide .box2 ul li a {border-bottom: 1px solid #696969; color: #d6d6f6; text-align: left;position: relative; line-height: 35px; font-size: 12px; padding: 0 0 0 15px;}
.dark-mode .popup_box_slide .box3 { float: left;  background-color: #393939; position: absolute; left: 120px; top: 0px;  z-index: 9999; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; display: none; border-right: 1px solid #000;
width: 121px; height: 100%;}
.popup_box_slide .box3 ul li a {border-bottom: 1px solid #696969; color: #d6d6f6; text-align: left;position: relative; line-height: 35px; font-size: 12px; padding: 0 0 0 15px;}
.dark-mode .popup_box_slide .box4 { float: left;  background-color: #393939; position: absolute; left: 120px; top: 0px;  z-index: 9999; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; display: none; border-right: 1px solid #000;
width: 121px; height: 100%;}
.popup_box_slide .box4 ul li a {border-bottom: 1px solid #696969; color: #d6d6f6; text-align: left;position: relative; line-height: 35px; font-size: 12px; padding: 0 0 0 15px;}

.dark-mode .navPanel ul.navUl .menu-center h3 { font-family: 'CheddarJack'; font-size: 55px; color: #000; font-weight: 300; padding: 30px 0 15px 0;}
.dark-mode .center-block_business p { color: #999; padding: 20px 0 0; font-weight: 300;}
.dark-mode .power_value_bg .click-here a{ color: #000;}
.dark-mode .leadership-overview-box1 { background: #ccc;}
.dark-mode .board-of-directors-area { background: #ccc;}
.dark-mode .board-of-directors {display: block; background: #ccc;}
.dark-mode .board-of-directors .row-directors .directors {  background: #e6e6e6;}
/*.dark-mode .milestone-box1 { background: #e6e6e6;}
.dark-mode .slick-slider {background: #fff;}*/
.dark-mode .center-block2 .slick-slider {background: transparent;}
.dark-mode .grayWraper .slick-slider {background: transparent;}
.dark-mode .center-block4 .slick-slider {background: transparent;}
.dark-mode .mark-arrow:after { content: ''; background: url(../images/award-mark-arrow2.png) no-repeat 0 0; width: 23px; height: 13px; position: absolute; left: 0; right: 0; margin: auto;ilter: grayscale(100%);
   -webkit-filter: grayscale(100%);}
/*.dark-mode .mail a { color: #b6b6b6; font-size: 13px;}*/
.dark-mode .navUl>li .megamenu { background: #f8f8f8;}
.dark-mode .business-overview-box1a aside {color: #b6b6b6;}
.dark-mode .business-overview-box1 {background: #ccc;}
.dark-mode .business-overview-box3 {background: #ccc;}
.dark-mode .renewable-text1 {color: #ccc;}
.dark-mode .renewable-text4 {color: #ccc;}
.dark-mode .renewable-box865 h2 {color: #FFF;}
/*.dark-mode .tradingContArea { background: #000;}*/
.dark-mode .inside-int-cont p {color: #000;}
.dark-mode .power-supply-btn a { background: #666; color: #ccc;}
.dark-mode .did-you-know {background: #999; min-height: 340px;}

.dark-mode .csr-int-cont2 p{ color: #ccc;}
.dark-mode .education-box3 ul li { position: relative; padding: 19px 0 19px; color: #000;}
.dark-mode .education-box3 ul li:after { content: ''; width: 100%; height: 1px; background: #ccc; position: absolute; left: 0; bottom: 0;}

.dark-mode .csr-int-cont p{ color: #ccc;}
.dark-mode .csr-wrapper .csr-int-cont p { color: #000;}
.dark-mode .csr-overview-box2 h2 { color: #FFFFFF !important;}
.dark-mode .csr-overview-box3 h2 small {color: #000;}
.dark-mode .csr-map .csr-map-cont ul li {color: #000;}

.dark-mode .csr-int-cont2 small {color: #000;}
.dark-mode .affirmative-action-box1 strong {color: #000;}
.dark-mode .renewable-text2 {color: #000;}
.dark-mode .para_14 {font-size: 14px; color: #ccc; font-weight: 400; line-height: 24px; padding: 0 0 30px;}
/*.dark-mode .accordian h2 {color: #fff !important;}
.dark-mode .accordian h2:after {color: #fff !important;}
.dark-mode .policiesAndCodeOfConduct ul li a { color: #ccc;}
.dark-mode .accordian h2.accActive:after { background: url(../images/show-hide2.png) no-repeat 0 0;}
.dark-mode .accordian h2:after {content: ''; position: absolute; right: 0;  top: 14px; width: 57px; height: 15px; background: url(../images/show-hide2.png) no-repeat 0 100%;}*/
.dark-mode .accordian h2 { font-size: 16px; color: #000; position: relative; /* border-bottom: 1px solid #9fcd1a; */ border-bottom: 1px solid #000; padding: 10px 60px 10px 0px; cursor: pointer;}

.dark-mode .rre .accordian h2 {color: #000 !important;}
.dark-mode .rre .accordian h2:after {color: #000 !important;}
.dark-mode .rre .policiesAndCodeOfConduct ul li a { color: #ccc;}
.dark-mode .rre .accordian h2.accActive:after { background: url(../images/show-hide2.png) no-repeat 0 0;ilter: grayscale(100%);
   -webkit-filter: grayscale(100%);}
.dark-mode .rre .accordian h2:after {content: ''; position: absolute; right: 0;  top: 14px; width: 57px; height: 15px; background: url(../images/show-hide2.png) no-repeat 0 100%;}
.dark-mode .unsdg-box2-left p {font-size: 16px; font-weight: 300; color: #666; line-height: 24px; text-align: left;}
.dark-mode .unsdg-box5 h6 {color: #000;}
.dark-mode .heading5 { color: #fff;}

.dark-mode .grayBg1 { background: #ccc;}
.dark-mode .blogList_wraper section > div { display: block; background: #f8f8f8; border: 1px solid #e7e7e7; height: 100%; position: relative;}
.dark-mode .blog_title {color: #000 !important; font-size: 18px; font-weight: 400; padding-top: 25px; position: relative;}
.dark-mode .blog_category a { display: block; padding: 6px 40px 10px 0; font-size: 13px; margin-bottom: 15px; text-align: left; border-bottom: 1px solid #dddddd; font-weight: 400; color: #000; position: relative;}
.dark-mode .section8-new { background: #c5c5c5; margin: 0px 0; padding: 0px 0 102px 0; display: block;}
.dark-mode .section7-new { background: url(../images/new-news_bg.jpg) repeat top left;-webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */  -webkit-transition: all .8s ease-in-out;  min-height: inherit; margin: 108px 0 0 0;}

.dark-mode .navUl>li .megamenu {background: #c5c5c5;}
.dark-mode .section4-new .investor article.box1 {background: #9f9f9f;}
.dark-mode .section4-new .investor article.box2 {background: #848484;}
.dark-mode .over_widget_box { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 10px;  align-items: center; margin-top: 60px; background: rgb(47 47 112 / 16%); margin-bottom: 10px; border: 1px solid #fff;    border-left: none; border-right: none;}
.oversized_text {display: flex; align-items: center; font-weight: 600; cursor: pointer; color: #000;}
.dark-mode .footer_link a:hover { color: #000;}

.dark-mode .unsdg-box4-bg {width: 100%; height: auto; float: left; display: block; background: #f9f9f9 url(../images/unsdg-pic13.jpg) center center no-repeat; background-size: cover; padding: 50px 0; filter: grayscale(100%) !important;}
.dark-mode .unsdg-box4 h6 {max-width: 500px; width: 100%; text-align: center; margin: 0 auto; font-size: 24px; font-weight: 400; color: #fff !important; line-height: 28px; padding-bottom: 25px; margin-bottom: 50px;position: relative;}
.dark-mode .unsdg-box5-bg {width: 100%; height: auto; float: left; display: block; background: #ccc; padding: 50px 0;}
.dark-mode .environment-box2 {width: 100%; height: auto; float: left; display: block; padding-top: 50px; padding-bottom: 0px; background: #ccc;}
.dark-mode .padding00 {padding: 20px 0px 0 0px;line-height: 35px; color: #000;}
.dark-mode .para_14 {font-size: 14px;
    color: #000;
    font-weight: 400;
    line-height: 24px;
    padding: 0 0 30px;
}
.dark-mode .col4_icon {
    background: rgba(0, 0, 0, 0) url(../images/project_bg.jpg) no-repeat scroll 0 0 / cover;
    min-height: 352px;
    margin-top: 10px;filter: grayscale(100%) !important;
}
.dark-mode .club_enerji-box2 {
    width: 100%;
    height: auto;
    display: block;
    float: left;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 25px 4.87804878049%;
    box-sizing: border-box;
    margin: 35px 0;
}
.dark-mode .archive_bottom_overlay_box {filter: grayscale(100%) !important;}
.dark-mode .csr-overview-box1 {
    background: #666;
    padding: 50px 0 64px;
}
.dark-mode .csr-overview-box2 {
    background: #ccc;
    padding: 46px 0 59px;
}
.dark-mode .csr-overview-box2 .vision-icon:before {
    content: '';
    width: 61px;
    height: 61px;
    background:  none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 1;
}
.dark-mode .csr-overview-box4 {
    background: #666;
    padding: 41px 0 47px;
}
.dark-mode .power-cont-box:nth-child(even) {
    background: #333;
}
.dark-mode .csr-overview-box7 {
    background: #333;
    position: relative;
    justify-content: center;
}
.dark-mode .power-cont-box:nth-child(odd) {
    background: #333;
}
.dark-mode .more-video2 {
    position: relative;
    background: #333;
    padding: 0 0 30px 42px;
    margin-bottom: 24px;
}
.dark-mode .csr-overview-box8 {
    background: #333;
    position: relative;
    justify-content: center;
}
.dark-mode .more-video3 {
    position: relative;
    background: #333;
    padding: 0 0 30px 42px;
    margin-bottom: 0;
}
.dark-mode .csr-overview-box6 {
    background: #666;
    padding: 41px 0 47px;
    margin-bottom: 49px;
}
.dark-mode .csr-int-cont2 p{ color: #000;}
.dark-mode .csr-thrust-areas-box1 {
    background: #333;
    padding: 41px 0 47px;
}
.dark-mode .education-box1 {
    background: #333;
    padding: 104px 0 76px;
}
.affirmative-action-box2 {
    background: url(../images/affirmative-action-box2-bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 53px 0 102px;
}
.dark-mode .employability-row {
    display: flex;
    flex-wrap: wrap;
    background: #333 !important;
    margin-bottom: 22px;
}
.dark-mode .entrepreneurship-row {
    display: flex;
    flex-wrap: wrap;
    background: #666 !important;
    margin-bottom: 22px;
}
.dark-mode .mob_topsec {
    width: 100%;
    background-color: #666;
    position: relative;
    float: left;
    z-index: 99;
}
.dark-mode .section2 {
    position: relative;
    height: inherit;
    background: #c5c5c5;
}
.dark-mode .left_new_div a{ margin: 0 auto ;}
.dark-mode .section5-new {
    background: #c5c5c5;
    margin: 0px 0;
    padding: 65px 0;
    min-height: inherit;
}

.dark-mode .affirmative-action-box2 {
    background: #333 !important;
    background-size: cover;
    padding: 53px 0 102px;
}
.dark-mode .safetyBanner {
    width: 100%;
    margin: 0 auto;
    display: block;
    position: relative;
    background: url(../images/sustainability/safety-banner.jpg) no-repeat 100% 0;
    background-size: cover;
    padding: 50px 65px;
	filter: grayscale(100%) !important;
}
.dark-mode .safety-box15-left {
    width: 33.333%;
    float: left;
    display: block;
    background: url(/images/sustainability/sky-bg.jpg) no-repeat 0 0;
    background-size: cover;
    position: relative;
    padding: 25px 25px 150px 25px;filter: grayscale(100%) !important;
}
.dark-mode .safety-box15-mid {
    width: 33.333%;
    float: left;
    display: block;
    background: url(/images/sustainability/green-bg.jpg) no-repeat 0 0;
    background-size: cover;
    position: relative;
    padding: 25px 25px;filter: grayscale(100%) !important;
}
.dark-mode .safety-box15-right {
    width: 33.333%;
    float: left;
    display: block;
    background: url(/images/sustainability/sky-bg.jpg) no-repeat 0 0;
    background-size: cover;
    position: relative;
    padding: 25px 25px;filter: grayscale(100%) !important;
}

.dark-mode .volunteering-box1 .csr-wrapper {background: #333 !important;}
.dark-mode .governance-box6a aside {
    width: 33%;
    height: auto;
    float: left;
    display: block;
    background: #333 url(../images/sustainable-governance-bg.jpg) no-repeat left bottom;
    padding: 40px 40px;filter: grayscale(100%) !important;
}
.dark-mode .governance-box6a article {
    width: 67%;
    height: auto;
    float: left;
    display: block;
    background: #666;
    padding: 40px 40px;
}
.dark-mode .line-up-text3 span {
    width: auto;
    height: auto;
    padding: 0 20px 0 0px;
    background: #666;
    font-family: 'ITC Avant GardeStd Bold';
    font-size: 30px;
    font-weight: 400;
    color: #000;
    line-height: 32px;
    position: relative;
    z-index: 3;
}
.dark-mode .governance-box3c1 ul li:nth-child(1) aside {background: #b2b2b2;}
.dark-mode .governance-box3c1 ul li:nth-child(2) aside {background: #a6a6a6;}
.dark-mode .governance-box3c1 ul li:nth-child(3) aside {background: #8e8e8e;}
.dark-mode .governance-box3c1 ul li:nth-child(4) aside { background: #7b7b7b;}
.dark-mode .governance-box3c1 ul li:nth-child(5) aside {background: #646464;}
.dark-mode .governance-box3c1 ul li:nth-child(6) aside {background: #777777;}
.dark-mode .governance-box3c1 ul li:nth-child(1) aside h2 {background: #333;}
.dark-mode .governance-box3c1 ul li:nth-child(2) aside h2 {background: #333;}
.dark-mode .governance-box3c1 ul li:nth-child(3) aside h2 {background: #333;}
.dark-mode .governance-box3c1 ul li:nth-child(4) aside h2 {background: #333;}
.dark-mode .governance-box3c1 ul li:nth-child(5) aside h2 {background: #333;}
.dark-mode .governance-box3c1 ul li:nth-child(6) aside h2 {background: #333;}

.dark-mode .governance-box3c2 ul li:nth-child(1) aside {background: #b2b2b2; border: 1px solid #ccc}
.dark-mode .governance-box3c2 ul li:nth-child(2) aside {background: #a6a6a6; border: 1px solid #ccc}
.dark-mode .governance-box3c2 ul li:nth-child(3) aside {background: #8e8e8e; border: 1px solid #ccc}
.dark-mode .governance-box3c2 ul li:nth-child(4) aside { background: #7b7b7b; border: 1px solid #ccc}
.dark-mode .governance-box3c2 ul li:nth-child(5) aside {background: #646464; border: 1px solid #ccc}
.dark-mode .governance-box3c2 ul li:nth-child(6) aside {background: #777777; border: 1px solid #ccc}
.dark-mode .governance-box3c2 ul li:nth-child(1) aside h2 {background: #333; border: 1px solid #ccc}
.dark-mode .governance-box3c2 ul li:nth-child(2) aside h2 {background: #333; border: 1px solid #ccc}
.dark-mode .governance-box3c2 ul li:nth-child(3) aside h2 {background: #333; border: 1px solid #ccc}
.dark-mode .governance-box3c2 ul li:nth-child(4) aside h2 {background: #333; border: 1px solid #ccc}
.dark-mode .governance-box3c2 ul li:nth-child(5) aside h2 {background: #333; border: 1px solid #ccc}
.dark-mode .governance-box3c2 ul li:nth-child(6) aside h2 {background: #333; border: 1px solid #ccc}

.dark-mode .governance-box3c2 ul li aside article.border-blue ul li {
    border-bottom: 1px solid #ccc;
}
.dark-mode .governance-box3c2 ul li aside article.border-violet ul li {
    border-bottom: 1px solid #ccc;
}
.dark-mode .governance-box3c2 ul li aside article.border-treepoppy ul li {
    border-bottom: 1px solid #ccc;
}
.governance-box3c2 ul li aside article.border-copper-rust ul li {
    border-bottom: 1px solid #ccc;
}
.governance-box3c2 ul li aside article.border-scienceblue ul li {
    border-bottom: 1px solid #ccc;
}
.governance-box3c2 ul li aside article.border-niagara ul li {
    border-bottom: 1px solid #ccc;
}

.dark-mode .cpSec1 {
    background: url(../images/cpSec1Bg.jpg) no-repeat 100% 0;
    background-size: cover;
    padding: 4% 5%;
    color: #FFF;
    font-size: 16px;
    margin-top: 0px;
    position: relative;filter: grayscale(100%) !important;
}
.dark-mode .ethics-more2 a.know4d {color: #000 !important;}
.dark-mode .ethics-more2 a.know4d:before {filter: grayscale(100%) !important;}
.dark-mode .new_footer_link li span:before {background: url(/images/footer_arrow_new.png) 0px 0 no-repeat;
    width: 5px;
    height: 8px;
    content: "";
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 0px; filter: grayscale(100%) !important;
}
.dark-mode .milestone {
    border-bottom: 0px solid #dddddd;
    background: #000;
}
.dark-mode .center-block2 h2.pages_header {
    color: #000;
    font-size: 23px;
}
.dark-mode .environment-box2a h3 span {
    display: inline-block;
    font-size: 43px;
    font-weight: 400;
    color: #000;
    line-height: 60px;
}
.dark-mode .renewable-energy-box1b1 section article h2 {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    font-size: 30px;
    font-weight: 400;
    color: #000;
    line-height: 30px;
    padding-bottom: 30px;
}
.dark-mode .environment-list li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 10px;
    height: 10px;
    background: #FFFFFF;
    border: 2px solid #000;
}
.dark-mode .renewable-energy-box1b2 section article h2 {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    font-size: 30px;
    font-weight: 400;
    color: #000;
    line-height: 30px;
    padding-bottom: 30px;
}
.dark-mode .environment-box2c1 aside ul li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 10px;
    height: 10px;
    background: #FFFFFF;
    border: 2px solid #000;
}
.dark-mode .energy_star_block span {
    color: #000;
    font-size: 30px;
    font-weight: 700;
}
.dark-mode .journey li div h3 {
    color: #fff;
}
.dark-mode .energybg5 .left_block h4 strong {
    color: #fff;
    font-size: 22px;
    line-height: normal;
    font-weight: 700;
}
.dark-mode .energybg5 .left_block h3 {
    color: #fff;
    font-size: 18px;
    line-height: normal;
    font-weight: 400;
}
.dark-mode .energybg5 .left_block h4 {
    color: #fff;
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    padding-top: 10px;
}
.dark-mode .mahseer_bg {
    background: url(../images/mahseer_bg.jpg) no-repeat 0 0;
    background-size: cover;
    min-height: 293px;
    padding: 4.87804878049%;
    color: #ffffff;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.dark-mode .btn_lnk li a {
    background-color: #000;
	
}
.dark-mode .csr-map .csr-map-cont ul li:nth-child(1):after{content:''; background:url(../images/map-pointer-icon.png) no-repeat 0 0; width:13px; height:19px; position:absolute; left:0; top:2px;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */  filter: grayscale(100%);}
.dark-mode .csr-map .csr-map-cont ul li:nth-child(2):after{content:''; background:url(../images/map-pointer-icon.png) no-repeat 0 -25px; width:13px; height:19px; position:absolute; left:0; top:2px;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);}
.dark-mode .csr-map .csr-map-cont ul li:nth-child(3):after{content:''; background:url(../images/map-pointer-icon.png) no-repeat 0 -50px; width:13px; height:19px; position:absolute; left:0; top:2px;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);}
.dark-mode .csr-map .csr-map-cont ul li:nth-child(4):after{content:''; background:url(../images/map-pointer-icon.png) no-repeat 0 -74px; width:13px; height:19px; position:absolute; left:0; top:2px;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);}
.dark-mode .csr-map .csr-map-cont ul li:nth-child(5):after{content:''; background:url(../images/map-pointer-icon.png) no-repeat 0 -100px; width:13px; height:19px; position:absolute; left:0; top:2px;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);}
.dark-mode .csr-map .csr-map-cont ul li:nth-child(6):after{content:''; background:url(../images/map-pointer-icon.png) no-repeat 0 -125px; width:13px; height:19px; position:absolute; left:0; top:2px;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);}
.dark-mode .csr-map .csr-map-cont ul li:nth-child(7):after{content:''; background:url(../images/map-pointer-icon.png) no-repeat 0 -150px; width:13px; height:19px; position:absolute; left:0; top:2px;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);}
.dark-mode .csr-map .csr-map-cont ul li:nth-child(8):after{content:''; background:url(../images/map-pointer-icon.png) no-repeat 0 -176px; width:13px; height:19px; position:absolute; left:0; top:2px;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);}
.dark-mode .csr-map .csr-map-cont ul li:nth-child(9):after{content:''; background:url(../images/map-pointer-icon.png) no-repeat 0 -202px; width:13px; height:19px; position:absolute; left:0; top:2px;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);}
.dark-mode .csr-map .csr-map-cont ul li:nth-child(10):after{content:''; background:url(../images/map-pointer-icon.png) no-repeat 0 -227px; width:13px; height:19px; position:absolute; left:0; top:2px;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);}
.dark-mode .csr-map .csr-map-cont ul li:nth-child(11):after{content:''; background:url(../images/map-pointer-icon.png) no-repeat 0 -252px; width:13px; height:19px; position:absolute; left:0; top:2px;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);}
.dark-mode .csr-map .csr-map-cont ul li:nth-child(12):after{content:''; background:url(../images/map-pointer-icon.png) no-repeat 0 -277px; width:13px; height:19px; position:absolute; left:0; top:2px;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);}
.dark-mode .csr-map .csr-map-cont ul li:nth-child(13):after{content:''; background:url(../images/map-pointer-icon.png) no-repeat 0 -302px; width:13px; height:19px; position:absolute; left:0; top:2px;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);}
.dark-mode .csr-map .csr-map-cont ul li:nth-child(14):after{content:''; background:url(../images/map-pointer-icon.png) no-repeat 0 -327px; width:13px; height:19px; position:absolute; left:0; top:2px;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);}
.dark-mode .csr-map .csr-map-cont ul li:nth-child(15):after{content:''; background:url(../images/map-pointer-icon.png) no-repeat 0 -352px; width:13px; height:19px; position:absolute; left:0; top:2px;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);}
.dark-mode .csr-map .csr-map-cont ul li:nth-child(16):after{content:''; background:url(../images/map-pointer-icon.png) no-repeat 0 -377px; width:13px; height:19px; position:absolute; left:0; top:2px;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);}

.dark-mode {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.dark-mode img {-webkit-filter: grayscale(100%); filter: grayscale(100%);}

.dark-mode .autism-initiatives-right em a {background: #ccc;}
.dark-mode .slide {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.dark-mode .autism-initiatives-left em a {
    background: #ccc;
}
.dark-mode .tab1 li.aboutGpsTabActive {
    color: #fff;
    background: #000;
    border-bottom: 0px solid #000;
}
.dark-mode .tab1 li.aboutGpsTabActive:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
    margin: 0 auto;
    width: 15px;
    height: 15px;
    border: 8px solid transparent;
    border-top: 6px solid #000;
}
.dark-mode .menu_sub ul.bb li .overview_text a {
    width: 42%;
    list-style: none;
    line-height: 35px;
    font-size: 12px !important;
    color: #000;
    border: 1px solid #ccc;
    text-align: center;
}
.dark-mode .overlayPop a, .overlayPop a:hover, .overlayPop a:visited, .overlayPop a:focus {
    color: #000 !important;
}
.dark-mode .btn-warning {
    background-color: #000 !important;
    border-radius: 50px !important;
    color: #fff !important;
}
.dark-mode .btn-warning {
    color: #fff;
    background-color: #000 !important;
    border-radius: 50px !important;
}

.dark-mode .overlayPop a, .overlayPop a:hover, .overlayPop a:visited, .overlayPop a:focus {
    color: #fff!important;
}

.dark-mode .inside-header-text h2{ color: #fff;}
.dark-mode .inside-header-text h1{ color: #fff;}
.dark-mode .csr-overview-box .csr-overview-box1 {background: #fff; padding: 50px 0 30px;}
.dark-mode .csr-overview-box .csr-overview-box2 {background: #fff;padding: 0px 0 0px;}
.dark-mode .csr-overview-box .csr-overview-box2 {width: 100%; height: auto;float: left; display: block; overflow: hidden; margin-bottom: 0px; margin-top: 0px;}
.dark-mode .csr-overview-box .csr-overview-box3 { width: 100%; height: auto; float: left; display: block; overflow: hidden; margin-bottom: 0px; margin-top: 30px;}
.dark-mode .csr-overview-box .csr-overview-box4 { background: #fff; padding: 0px 0 0px;}
.dark-mode .education-box1 {background: #c5c5c5; padding: 64px 0 30px;}
.dark-mode .education-box .highlights { background: #c5c5c5;}

.dark-mode .inside-header-text h2{ color: #fff;}
.dark-mode .inside-header-text h1{ color: #fff;}
.dark-mode .switch{ display: none;}



@media only screen and (max-width:600px) {
.dark-mode .section7-new { min-height: inherit; margin: 0px 0; padding: 0px 0;}
.dark-mode .top_sec_nav { height: auto; background-color: #434343; width: 100%; position: relative;}
/*.toggle-track { background-color: #ccc; border-radius: 30px; cursor: pointer; display: flex; height: 24px; margin-left: 20px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none;  width: 45px;}*/
	
.toggle-track { background-color: #333 !important; border-radius: 30px; cursor: pointer; display: flex; height: 24px; margin-left: 20px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: auto;}
	
.dark-mode .service_nation_sec2 .center_service h3 span { font-family: 'CheddarJack'; font-size: 40px; color: #b6b6b6; font-weight: 400;}
.dark-mode .invetsor_service3 h3 {font-size: 30px; line-height: 40px; color: #feca27 !important; padding: 0% 0 20px; font-weight: 900; position: relative; font-family: 'ITCAvantGardeStd Bk';    text-align: center;}
.dark-mode .submenu2 li a {
    color: #ccc;
}
.dark-mode .menu ul.top-line-menu {
    display: block !important;
    /* justify-content: center !important; */
   padding: 0 14px;
    border-top: 1px solid #e4e4e4;
}

.dark-mode .new_top .menu_other_new .new_dark_part span {display: none;}
.dark-mode .navUl>li .megamenu {
    background: transparent;
}
.dark-mode .toggle-track {margin: 10px 0 0;}
.dark-mode .new_top .menu_other_new .new_dark_part {border-left: 0px solid #999;}
.dark-mode .top_panel {
    margin: 0px;
    width: 0;
    float: right;
    background-color: #333;
    position: fixed;
    right: -60%;
    height: 100%;
    z-index: 999999;
}
.dark-mode .section3 .center_news h3 {
    font-size: 30px;
    color: #fac827;
    padding: 0px;
    font-weight: 900;
    position: relative;
    margin-bottom: 15px;}
.service_nation_sec, .videos_block {
    width: 100%;
    height: auto;
    padding: 2em 0;
    min-height: 400px;
}
.dark-mode .service_nation_sec .blogs {
    width: auto;
    height: auto;
    background: #323232;
}
.dark-mode .top-news .blogs {
    position: inherit;
    top: 0;
    right: 0;
    padding: 30px 45px;
    text-align: left;
    color: #fff;
}
.dark-mode .videos_block {
    float: initial;
    width: 100%;
    height: inherit; min-height: 720px;
    background-color: #767676;
}
.service_nation_sec {
    float: none;
    width: 100%;
    height: inherit;
    background-color: #019e4f; min-height: 400px;
}
.service_nation_sec, .videos_block {
    width: 100%;
    height: auto;
    padding: 0 initial;
    min-height: 400px;
}
.dark-mode .top-news .news {
    position: inherit;
    top: 0;
    left: 0;
    padding: 0px;
    text-align: left;
    color: #000;
    min-height: 350px;
    background: #323232;
    border-radius: 20px;
    max-width: inherit;
}
.dark-mode .section4a .event_prev {
    display: none !important;
}
.ppp_bg {
    min-height: 130px;
}
.dark-mode .ppp_bg {
    width: 100%;
    background-color: #292929;
    position: inherit;
    border-bottom: 0px solid #fff;
    bottom: 0;
    z-index: 2;
    min-height: 140px;
    line-height: 40px;
}
	
.dark-mode .esg-ratings {
    margin: 15px 0;
    background: #ccc;
    width: 100%;
    min-height: auto;
    padding: 30px; filter: grayscale(100%);
}
.dark-mode .esg-ratings ul li h3 {
    color: #000;
    font-size: 18px;
    padding: 0 0 15px 0;
    display: block;
}
.dark-mode .leadership-overview-box1 p{ color: #fff;}
.dark-mode .safety-box15-left {
    width: auto;
    float: left;
    display: block;
    background: url(/images/sustainability/sky-bg.jpg) no-repeat 0 0;
    background-size: cover;
    position: relative;
    padding: 25px 25px 150px 25px;filter: grayscale(100%) !important;
}
.dark-mode .safety-box15-mid {
    width: auto;
    float: left;
    display: block;
    background: url(/images/sustainability/green-bg.jpg) no-repeat 0 0;
    background-size: cover;
    position: relative;
    padding: 25px 25px;filter: grayscale(100%) !important;
}
.dark-mode .safety-box15-right {
    width: auto;
    float: left;
    display: block;
    background: url(/images/sustainability/sky-bg.jpg) no-repeat 0 0;
    background-size: cover;
    position: relative;
    padding: 25px 25px;filter: grayscale(100%) !important;
}
.iirc-pages .prepared .left-box2 {
    width: 100%;
    background: #333;
    padding: 50px 50px;
    float: inline-end;
    min-height: inherit;
    position: inherit;
    top: 0px;
    left: 0;
    z-index: 9;
}
.iirc-pages .integrated .right-box2 {
    width: 58%;
    background: #333;
    float: inherit;
    position: inherit;
    top: 0px;
    right: 0px;
    width: 350px;
    height: inherit;
    border-radius: 25px;
    padding: 0 0 0 0;
    color: #fff;
}
.iirc-pages .iirc ul li {
    padding: 0px 0px 0 0;
    display: inline-block;
    text-align: left;
}
.iirc-pages .integrated .right-box2 {
    width: 58%;
    background: #333;
    float: inherit;
    position: inherit;
    top: 0px;
    right: 0px;
    width: 350px;
    height: inherit;
    border-radius: 25px;
    padding: 15px 0;
    color: #fff;
}
.top_box_new #menuToggle {
    display: block;
    position: absolute;
    top: 26px;
    right: -63px;
    z-index: 9999;
    -webkit-user-select: none;
    user-select: none;
    /* background: rgb(0, 61, 104) !important; */
    padding: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    border-radius: 6px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    margin-top: 8px;
    /* border: 1px solid #fff; */
}

.inner_pages_toggle #menuToggle {
    display: block;
    position: fixed;
    top: 18px;
    right: 14px;
    z-index: 9999;
    -webkit-user-select: none;
    user-select: none;
    /* background: rgb(0, 61, 104) !important; */
    padding: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    border-radius: 6px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    margin-top: 8px;
    /* border: 1px solid #fff; */
}
}