ul{margin: 0px; padding: 0px; list-style: none;}
.together{float: left; width: 100%; padding: 0 15px;}
.left-right-padding{padding: 0 15px;font-size: 14px; line-height: 22px; color: #000!important; font-weight: 400!important;}

.together h2 {font-size: 16px; border-bottom: 1px solid #dbdbdb; padding: 0 0 10px; font-weight: 600;}
.together ul{margin: 15px 0 0; display: flex; gap:15px; }
.together li{width: calc(20% - 10px); text-align: center; padding: 5px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.together li aside{ width: 100%; text-align: center; padding: 25px;}
.together li p {font-size: 14px; line-height: 22px;  padding: 15px 0 0;}

.highlihgtbox{background-color: #da1c26; width: 100%; display: inline-block; padding: 20px;}
.highlihgtbox .block{max-width: 615px; margin: 0 auto; text-align: center; color: #fff; font-weight: 600}
.tabblock{margin: -60px 0 0}

    .tabs{
      display: flex;
      margin-bottom: 10px; justify-content: center; background-color: #ffffff;  box-shadow: rgba(238, 186, 188, 0.5) 0px 8px 24px; height: 130px; position: relative; border-radius: 10px; margin: 0 0 30px;
    }
.tabs li{width: 33.33%; padding: 15px 0 0; text-align: center;display: flex;  cursor: pointer; flex-flow: column;   cursor: pointer; font-size: 16px; font-weight: 600;}
.tabs li.active{ box-shadow: rgba(238, 186, 188, 0.6) 0px 8px 24px; }
.tabs li i{display: inline-block; margin: 0 0 5px;}
.tabs li.active::after {
    content: "";
    display: inline-block;
    margin: 0px auto;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #fff; position: relative;
    bottom: -14px;
  }
  

.tabs li:nth-child(1){color: #068a41}
.tabs li:nth-child(2){color: #c15910}
.tabs li:nth-child(3){color: #104cba}
.tab-content h3{padding: 20px 0 15px; color: #000; font-weight: 600; text-transform: none;}
.tab-content p{font-size: 14px;}
.tab-content p.spacebtm{padding: 0 0 30px;}

.submarine p {
	color: #585858;
	font-size: 14px;
	font-weight: 400;
	padding: 0 0 7px 0;
	line-height: 20px
}
.submarine p span {
	color: #ef0f29;
	font-size: 42px;
	text-transform: uppercase;
	font-weight: 600;
	width: 44px;
	float: left;
	line-height: 39px;
	padding: 0px;
	margin: 0px
}

.block1{display: flex; gap:20px;}
.block1 aside{width: 33.33%;}
.block1 aside img{max-width: 100%;}

.callout{border-top: 1px solid #d4d4d4; margin: 45px 0 0; ;position: relative}
.callout:after{content: ""; position: absolute; background: url("static-files/images/down_red.jpg") no-repeat; width: 108px; height: 16px; top: -1px; left: 0px; right: 0px; margin: 0 auto;}

.callout ul{display: flex;   margin: 50px 0 0 20px; justify-content: center;}
.callout ul li{padding: 0 44px;  display: inline-block; border-right: 1px solid #bab6b5;}
.callout ul li:last-child{border-right: 0px solid #bab6b5;}
.callout ul li h4{color: #ee0e28; margin: 0px; padding: 0px; font-size: 44px; font-weight: 700; position: relative; display: inline-flex; gap:10px; align-items: center; line-height: normal;}
.callout ul li h5{color: #000; font-size: 24px; margin: 0px; padding: 0px; font-weight: 400;  line-height: normal; }

.sub-tabs {
      display: flex;
      margin-bottom: 10px;    border-bottom: 1px solid #d4d4d4; 
    }

.sub-tabs li{padding: 10px;
      margin-right: 5px;
      cursor: pointer; border: 1px solid #d4d4d4; border-bottom: 0px solid #d4d4d4; position: relative;}
/*.sub-tabs li.active{    padding: 15px 10px;}*/
.sub-tabs li.active{font-weight: 700;}
.sub-tabs li.active:after{position: absolute; content: ""; bottom: -1px; left: 0; background-color: #f7eeef; height: 1px; width: 100%;}
.accordion.specing {
    padding: 0px 0px 0px;
}


    button {
      padding: 10px;
      margin-right: 5px;
      cursor: pointer;
    }
    .tab-content, .sub-tab-content {
      display: none;
    }
    .tab-content.active, .sub-tab-content.active {
      display: block;
    }
    .section {
      margin-top: 30px;
    }

.hightlight2{justify-content: center; margin-top: 30px;}
.hightlight3{font-size: 18px; color: #000}
.hightlight4 {
    font-size: 19px;
    color: #000;
    font-weight: 400 !important;
    line-height: normal; margin: 0px; padding: 0px;
}
.hightlight5 li{width: 33.33%;}
.hightlight6{padding: 20px 0 0}
.morebtn{text-align: center; padding: 20px 0 0}
.morebtn a{background-color: #ee0e28; padding: 15px 20px; display: inline-block; color: #fff; border-radius: 10px;}
.col3{width: 66.66% !important}
.col2{width: 50% !important}
.col4{width: 33.33% !important}
.col1{width: 25% !important}
.response_img{max-width: 100%;}

.leadpanel{background-color: #f1f1f1; float: left; width: 100%; padding: 25px 0 100px; text-align: center;}
.leadpanel h2{font-size: 16px; font-weight: 700; color: #ef0f29; text-transform: uppercase; line-height: 24px;}
.leadpanel h2 small{font-size: 16px; font-weight: 700;  color: #000; text-transform: none }
.leadpanel ul{margin: 45px 0 0;}
.leadpanel li{text-align: center; padding: 0 30px;}
.leadpanel li i{display: inline-block; color: #3c3c3c; font-size: 12px;}
.leadpanel li i img{max-width: 100%;}
.leadpanel li h4{color: #3c3c3c; font-size: 12px; line-height: normal;}


.banner-dots7{ width: auto; height: auto;  display: block; text-align: center; margin: 0px;}
.banner-dots7 li{width: auto!important; display: inline-block; padding: 0px;}
.banner-dots7 li.slick-active button {
    width: 18px; 
    background: #ee1d25!important; border: 1px solid #ee1d25;
}
.banner-dots7 li button {
    display: inline-block;
    border: 1px solid #ee1d25;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 20px;
    text-indent: -20000px;
   
    margin: 0 2px;
    position: relative;
    z-index: 99;
    cursor: pointer;
    transition: all .3s ease-in-out;
    padding: 0px;
}


.did_you_know_box {
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    box-shadow: 0px 0px 14px rgb(0 0 0 / 17%);
    border-radius: 8px;
    overflow: hidden;
   /* margin-top: -56px;*/
    margin-bottom: 30px; position: relative;  bottom: 69px;}

.did_you_know_box aside {
    display: flex;
    justify-content: space-between;
    width: 50%;
    padding: 26px;
}
.did_you_know_box aside:last-child {
    background: #4fbc61;
    text-align: center;
    color: #fff;
}

.sustainability_close_green_box {
    position: relative;
    border: 2px dashed rgb(255 255 255 / 65%);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 63px;
}

.sustainability_close_green_box h4 {
    line-height: 24px;
    position: relative;
}
.sustainability_close_green_box h4:after {
    width: 24px;
    height: 16px;
    position: absolute;
    top: -28px;
    right: -44px;
    background: url(../images/did_top_left_icon.jpg);
    background-repeat: no-repeat;
    content: "";
}
.sustainability_close_green_box h4:before {
    width: 24px;
    height: 16px;
    position: absolute;
    top: -28px;
    left: -44px;
    background: url(../images/did_top_left_icon.jpg);
    background-repeat: no-repeat;
    content: "";
}

.did_you_know_box aside ul {
    padding-left: 20px;
    border-left: 1px dotted #000;
}

.did_you_know_box aside ul li {
    list-style: none;
    margin-bottom: 12px;
    color: #000;
    font-weight: normal;
    position: relative;
    padding-left: 14px;
    font-size: 12px;
}

.did_you_know_box aside ul li:before {
    position: absolute;
    width: 6px;
    height: 2px;
    background: #000;
    content: "";
    top: 10px;
    left: 0px;
}

.did_left_image_box {
    padding-right: 14px;
}

.did_you_know_box aside:first-child {
    align-items: center;
}
.did_you_know_box aside ul li:last-child {
    margin-bottom: 0px;
}
.sustainability_close_green_box:after {
    background: url(../images/did_icon_right_bottom_icon.jpg);
    width: 124px;
    height: 57px;
    position: absolute;
    content: "";
    right: 4px;
    bottom: 1px;
    background-repeat: no-repeat;
}
.sustainability_close_green_box::before {
    background: url(../images/did_icon_left_bottom_icon.jpg);
    width:85px;
    height:54px;
    position: absolute;
    content: "";
    left: 8px;
    bottom: 1px;
    background-repeat: no-repeat;
}


.accordion2 {
	width: 100%;
	clear: both
}
.accordion2.btmSps {
	margin-bottom: 10px
}
.accordion2.specing {
	padding: 30px 0px 50px
}
.accordion2 h3.milestone2 {
	background: url(https://docs.exideindustries.com/images/expand.png) no-repeat left 5px;
	padding: 0;
	padding-left: 50px;
	min-height: 43px;
	color: #737373;
	cursor: pointer
}
.accordion2 h3.milestone2 span {
	font-size: 16px;
	font-weight: 400;
	line-height: 25px;
	border-bottom: 1px solid #dedede;
	display: block;
	padding: 10px 0;
	text-align: left
}
.accordion2 h3.milestone2.active {
	background: url(https://docs.exideindustries.com/images/collaps.png) no-repeat left 5px;
	color: #ed1c24
}
.accordion2 h3.milestone2.active span {
	border-bottom: none
}
.accordion2 .milestone-cont2 {
	border-left: 1px dashed #dedede;
	padding-top: 10px;
	margin-left: 19px;
	padding-left: 33px;
	float: left;
	width: 100%
}
.accordion2 .milestone-cont2 section {
	border-bottom: 1px solid #dedede
}
.accordion2 .milestone-cont2 section strong {
	display: block;
	color: #474752;
	font-size: 14px;
	font-weight: 600;
	padding-bottom: 15px;
	text-transform: uppercase
}
.accordion2 .milestone-cont2 section p {
	font-size: 14px;
	font-weight: 300;
	line-height: 20px
}
.accordion2 .milestone-cont2 section span a {
	line-height: 30px
}
.accordion2 .milestone-cont2:last-child section {
	border-bottom: none
}
ul.expanMenu {
	margin: 0px;
	padding: 0px
}
ul.expanMenu li {
	font-size: 14px;
	font-weight: 400;
	padding-bottom: 20px;
	margin-bottom: 15px;
	display: block;
	list-style: none;
	text-align: justify;
	background: url(https://docs.exideindustries.com/images/bullet.gif) no-repeat 0 6px;
	padding-left: 20px;
	text-align: justify;
	border-bottom: solid 1px #d5d5d5
}
ul.expanMenu li:last-child {
	border: none;
	margin: 0px
}
ul.collaspeMenu {
	width: 100%;
	margin-bottom: 15px
}
ul.collaspeMenu strong {
	display: block;
	font-size: 14px;
	font-weight: 400 !important;
	color: #ed1c24 !important;
	text-transform: uppercase;
	padding-bottom: 7px
}
ul.collaspeMenu span {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #000;
	padding-bottom: 7px
}
ul.collaspeMenu li {
	font-size: 14px;
	font-weight: 300;
	padding-bottom: 10px;
	display: block;
	list-style: none;
	text-align: left;
	background: url(https://docs.exideindustries.com/images/bullet.gif) no-repeat 0 6px;
	padding-left: 20px
}
ul.collaspeMenu li > ul > li {
	display: block;
	font-size: 13px;
	padding-top: 10px;
	line-height: 18px;
	font-weight: 400;
	background: url(https://docs.exideindustries.com/images/black-line.gif) no-repeat 0 18px;
	padding-left: 18px;
	border-bottom: none;
	padding-bottom: 0px !important;
	margin: 0px
}

.moreinsit{text-align: center;}
.moreinsit h3{text-align: center; position: relative}
.moreinsit h3:after {
    text-align: center;
    position: absolute;
    content: "";
    background-color: #eb152f;
    bottom: -1px;
    /* border-bottom: 5px solid #000; */
    height: 2px;
    width: 100px;
    left: 0;
    right: 0;
    margin: 0 auto;
}.moreinsit ul{box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; background-color: #fff; border-top: 1px solid #d3d3d3; padding: 20px; font-size: 0px;}
.moreinsit ul li{width: 16.66%; display: inline-block; font-weight: 600; font-size: 13px; border-right: 1px solid #bcbcbc;}
.moreinsit ul li a p{color: #000000; text-transform: none; text-decoration: none;}
.moreinsit ul li a:hover p{color: #ed1c24;}
.moreinsit ul li:last-child{border-right: 0px solid #bcbcbc;}
.moreinsit ul li i{display: inline-block; padding: 0 0 8px;}

.margintopnback{position: relative; margin-top: -45px; margin-bottom: 45px;;}




.value-chain-box2{width: 100%; height: auto; float: left; display: block; margin-top: 20px; }
.value-chain-box2-line{width: 100%; height: 16px; float: left; display: block; border-bottom: 1px solid #d4d4d4; position: relative;}
.value-chain-box2-line:after{ content: ''; position: absolute; left: 0; right: 0; top: 15px; width:108px; height: 16px ; background: url("../images/down_red.jpg") no-repeat top center; margin: 0 auto; }
.value-chain-box2-text{width: 100%; height: auto; float: left; display: block; margin-top: 25px; overflow: hidden;}
.value-chain-box2-text ul{margin-left: -25px; margin-right: -25px; height: auto; float: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;}


.value-chain-box2-text ul li{width:33.333%; height: auto; float: left; display: block; padding: 0 25px; border-right: 1px solid #aca6a7;}
.value-chain-box2-text ul li aside{width: 100%; height: auto; float: left; display: block;}
.value-chain-box2-text ul li aside article{width: 100%; min-height: 80px; float: left; display: block;}
.value-chain-box2-text ul li aside article small{ width: auto; height: auto;  float: left; display: block; padding: 0px 5px 15px 55px; position: relative; font-size: 50px; font-weight: 600; color: #ef0f28; line-height:50px;}

.value-chain-box2-text ul li aside article small:after{ content: ''; position: absolute; left: 0;  top: 5px; width:45px; height: 45px ; background: url("../images/callout_ic.jpg" ) no-repeat top center; }
.value-chain-box2-text ul li aside article big{ width: auto; height: auto;   display: block; padding: 5px 0 0 0; position: relative; font-size: 15px; font-weight: 400; color: #000; line-height:20px;}
.value-chain-box2-text ul li aside article big strong{ display: block; font-weight: 600;}
.value-chain-box2-text ul li aside figure{width: 100%; height: auto; float: left; display: block;}
.value-chain-box2-text ul li aside figure img{width: 100%; display: block;}
.value-chain-box2-text ul li aside span{width: 100%; height: auto; float: left; display: block; font-size: 27px; font-weight: 600; color: #000; line-height: 33px;}

.width66{width: 66.66%!important;}
.padding-top{ padding-top: 20px;}
.box4 aside{width: 25%;}
.col31{ width: 100%!important;}
.hightlight61{ width: 100%; height: auto; float: left; display: block; margin-bottom: 20px; margin-top: 40px;  }
.hightlight61 figure{width: 100%;  height: auto; float: left; display: block; }
.hightlight61 figure img{width: 100%; }
.hightlight62{ width:100%; height: auto; float: left; display: block; }
.hightlight62a{ margin-left: -10px; margin-right: -10px; height: auto;  display: block; }
.hightlight62 aside{width: 50%; padding: 0 10px; float: left; display: block; }
.hightlight62 aside figure{width: 100%;  height: auto; float: left; display: block; }
.hightlight62 aside figure img{width: 100%; }

.iso2{width: 100%; height: auto; float: left; display: block; overflow: hidden;}
.iso2 ul{margin-left: -15px; margin-right: -15px; height: auto; float: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.iso2 ul li{width: 50%; height: auto; float: left; display: block; border-right: 1px solid #dedede; padding: 0 14px;}

.iso2 ul li aside{ width: 100%; height: auto; float: left; display: block;}
.iso2 ul li aside h2.icon1{width: 100%; min-height: 50px; float: left; display: block; font-size: 30px; font-weight: 600; color: #ef0f28; line-height: 36px; margin: 0; padding: 0; padding-left: 50px; position: relative;}
.iso2 ul li aside h2.icon1:after{ content: ''; position: absolute; left: 0; top: 0; width: 44px; height: 44px; background: url("../images/iso-icon1.png") no-repeat left top;}

.iso-box{ width: 100%; height: auto; float: left; display: block; padding-left: 60px; position: relative;}
.iso-box:after{ content: ''; position: absolute; left: 0; top: 10px; width: 44px; height: 44px; background: url("../images/iso-icon1.png") no-repeat left top;}
.iso-box h4{width: 100%;  float: left; display: block; font-size: 30px; font-weight: 600; color: #ef0f28; line-height: 36px; margin: 0; padding: 0; }
.iso-box h5{width: 100%; height: auto; float: left; display: block; font-size: 18px; font-weight: 400; color: #000; line-height: 20px; margin: 0; padding: 10px 0 10px 0; }


.iso-box1{ width: 100%; height: auto; float: left; display: block; padding-left: 60px; position: relative;}
.iso-box1:after{ content: ''; position: absolute; left: 0; top: 10px; width: 44px; height: 44px; background: url("../images/iso-icon2.png") no-repeat left top;}

.iso-box1 h4{width: 100%;  float: left; display: block; font-size: 30px; font-weight: 600; color: #ef0f28; line-height: 36px; margin: 0; padding: 0; }
.iso-box1 h5{width: 100%; height: auto; float: left; display: block; font-size: 14px; font-weight: 400; color: #000; line-height: 20px; margin: 0; padding: 10px 0 10px 0; }

.information{width: 100%; height: auto; float: left; display: block; font-size: 13px; font-weight: 400; color: #000; line-height: 20px; margin: 0; padding: 30px 0 10px 0; font-style: italic; text-align: right;}



.sus-reports-box{width: 100%; height: auto; float: left; display: block; }
.sus-reports-box ul{width: 100%; height: auto; float: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.sus-reports-box ul li{width: 33.333%; height: auto; float: left; display: block; padding: 0 15px;}
.sus-reports-box ul li aside{width: 100%; height: auto; float: left; display: block;}
.sus-reports-box ul li aside h6{width: 100%; height: auto; float: left; display: block; font-size: 15px; font-weight: 400; color: #ee1d25; line-height: 20px;}
.sus-reports-box ul li aside figure{width: 100%; height: auto; float: left; display: block; border: 1px solid #e4e4e4;}
.sus-reports-box ul li aside figure img{width: 100%;}

.submarine p span.txt1{font-size: 54px;}
.submarine p span.txt2{font-size: 60px;}
.submarine p span.txt3{font-size: 61px;}
.submarine p span.txt4{}
.submarine p span.txt5{}
.submarine p span.txt6{}
.submarine p span.txt7{}
.submarine p span.txt8{}
.submarine p span.txt9{}

@media screen and (max-width:1100px) {
	.together ul {flex-wrap: wrap;     gap: 10px; justify-content: center;}
	.together li {width: calc(33.333% - 10px);}
	.esg_over_inner_box { flex-wrap: wrap;}
	.esg_over_inner_box aside {
		width: 50%!important;}
	.esg_over_inner_box aside:last-of-type{width: 100%!important;}
}


@media screen and (max-width:800px) {
	.block1 aside { width: 100%; margin: 5px 0;}
	.block1 { flex-wrap: wrap;}
	.block1 aside img { max-width: 100%; width: 100%;}
	.col3 { width: 100% !important;}
	.width66{width:100%}
	.did_you_know_box aside {width: 100%;}
	.hightlight5 li { width: 50%;}
	.value-chain-box2-text ul li {width: 100%;}
	.value-chain-box2-text ul li aside article { width: auto; min-height: inherit;float: none; display: table; margin: 0 auto;}
	.value-chain-box2-text ul li aside article small { float: inherit;}
	.value-chain-box2-text ul li { margin: 20px 0;}
	.value-chain-box2-text ul li aside figure img{ max-width: 400px; width: 100%; margin: 0 auto; text-align: center;}
	.value-chain-box2-text ul li aside article big{ text-align: center; width: 100%; padding-bottom: 25px;}
	.value-chain-box2-text ul li aside span { text-align: center; }
	.value-chain-box2-text ul li aside span { max-width: 550px; text-align: center; float: none;  display: table;  margin: 0 auto;}
	.callout ul {flex-wrap: wrap;}
	.col4 { width: 100% !important;}
	.callout ul li h4 { margin: 0px auto;display: table;}
	.callout ul li h5 { font-size: 20px; text-align: center;  margin-bottom: 20px;}
	.callout ul li { padding: 0 20px; border-right: 0px solid #bab6b5;}
	.callout ul li h4 i{ margin-right: 10px;}
	.callout ul li h5 {padding-top: 5px; margin-bottom: 0px; }
	
	.sus-reports-box ul li { width: 50%; margin-bottom: 25px;}
}

@media screen and (max-width:700px) {
	    .esg_over_inner_box aside {width: 100% !important; }
	  
	.together h2{ text-align: center;}
	.highlihgtbox .block br{ display: none;}
	.tab-content h3 {text-align: center;}
	.esg_over_view_box{  margin-bottom: 20px!important;}
	.together li p { text-align: center;}
	
	    .callout ul li {padding: 10px 0px;}
	.callout { border-top: 0px solid #d4d4d4; margin: 20px 0 0;}
	.esg_over_view_box{ text-align: center;}
	.accordion2 .milestone-cont2 { width: auto;}
	.width66 { width: 100% !important;}
	.padding-top{ padding-top: 0px;}
	.iso2 ul li {width: 100%; margin-bottom: 25px;}
	.iso2 ul li aside h3 {text-align: left;}
}


@media screen and (max-width:680px) {
	.together ul {
    display: block; padding: 0 0px;
}
.together{padding: 0 20px;}
.together li {
    width: 100%; margin: 0 0 15px;

}

.sub-tabs li {
    font-size: 12px;
}
.tabs li {font-size: 12px;}
	.tabs li img{width: 50%;}
    .callout ul { display: block;    margin: 0px 0 0 20px;}	
	.block1 { display: block;}
	.callout ul li { width: 100%;
    padding: 25px 0px;
    display: inline-block;
    border-right: 0px solid #bab6b5;
    border-bottom: 1px solid #bab6b5;

}
.callout ul li:last-child{ border-bottom: 0px solid #bab6b5;}
.mobpara br{display: none;}
.eco_first_left_image { width: 71px;}
.did_you_know_box { display: block;}
.did_you_know_box aside { width: 100%;}
.moreinsit ul li {
    width: 100%;
}
.moreinsit ul li p{text-align: center;}
	
.moreinsit ul li { padding: 15px 0;
    border-right: 0px solid #bcbcbc;
    border-bottom: 1px solid #bcbcbc;
}
.moreinsit ul li:last-child { border-bottom: 1px solid #bcbcbc;}
.callout ul li h4 {
    font-size: 33px;
}
.col3 {
    width: 100% !important;
}
	.hightlight62 aside {width: 100%; margin-bottom: 10px;}
	.hightlight61 {  margin-bottom: 10px; margin-top: 0px;}
}

@media screen and (max-width:550px) {
.sus-reports-box ul li { width: 100%; margin-bottom: 25px;}
	
}