.story-outter-block{width: 80%; margin: 0 auto; padding: 20px}
.font-16{font-size: 16px!important}
.font-20{font-size: 20px!important}
.icon-grey{ color: #D0D5D9!important}
.story-image{width: 100%; margin: 0 auto; overflow: auto; position: relative}
.story-image-1{width: 24%; float: left;}
.story-image-2{width: 74%; float: left; padding: 10px; min-height: 223px; background: #F1F3F4}
.story-image-2:before {content: '';width: 100%;height: 5px;position: absolute;top: 0;left: 49.5%;transform: translateX(-50%);background: linear-gradient(90deg, #671c78, #064181, #1970b5, #1281ae, #19a1d5, #1bb0bf, #61af58, #808080);background-size: 500% 100%;-webkit-animation: gradscroll 10s ease infinite;-moz-animation: gradscroll 10s ease infinite;  animation: gradscroll 10s ease infinite;}
.social-box{width: 100%; overflow: auto; padding: 10px; border-top: 1px solid #D0D5D9; border-bottom: 1px solid #D0D5D9}
.social-box-1{width: 48%; margin-right: 4%; float: left; text-align: right}
.social-box-2{width: 48%; float: left}

.financial-box {width:100%; float: left; }
.financial-box ul {list-style:none; margin:0; padding:0; clear:both;}
.financial-box ul li {float:left; width:33%;  box-sizing:border-box;  position:relative; text-align: center; padding: 30px; min-height: 190px}
.financial-box ul li div {position:absolute; bottom:0px; right:0px;}
.financial-box ul li:last-of-type {margin-right:0%;}
.financial-li-first{ border-left: 1px dotted #000;border-bottom: 1px dotted #000; border-right: 1px dotted;}
.financial-li-second{ border-bottom: 1px dotted #000; border-right: 1px dotted;}
.financial-li-third{border-left: 1px dotted #000;border-bottom: 1px dotted #000; border-right: 1px dotted;}
.financial-li-fourth{border-bottom: 1px dotted #000; border-right: 1px dotted;}
.stakeholder-borderbot{border-bottom: 1px solid #717171;}
	.dotted-top{border-top: 1px dotted#000;}


.purpose{}
.purpose .col-2{}
.purpose .col-2:last-of-type{}
.purpose-list-img{width: 50%; float: left; position: relative;}
.purpose-list-img img{ max-width: 100%;	}
.purpose-list-img:before {content: '';position: absolute;width: 220px;height: 1px;top: 50%;right: 97%;}


.purpose-list-container{width: 100%;position: relative;}
.purpose-list-container:after {content: '';	position: absolute;	height: 33px;	width: 100px;	left: -10px;	top: 41%;border-bottom: none!important	}

.purpose-list-container .purpose-list{    list-style: none;    padding-left: 0px!important;        position: relative;    float: left;    width: 100%; margin: 0px!important; border-left: none!important}
.purpose-list-container .purpose-list:after {	content: '';	position: absolute;		height: 31px;	width: 1px;	left: -1px;	bottom: 0;}

.purpose-list-container .purpose-list:before { content: ''; position: absolute;  }
.purpose-list-container .purpose-list li{ cursor:pointer;float: left;width: 33%; text-align: left!important; padding: 0px!important}
.purpose-list-container .purpose-list li:before {content: '';top: 50%;border: none!important}

.purpose-list-container .purpose-list li:after{ content: '\e807'; position: absolute; border-radius: 50%; width: 30px;height: 30px; right: -23px; top: 9px;font-family: 'icomoon'; line-height: 30px;text-align: center;  visibility: hidden;	}
.purpose-list-container .purpose-list li.active:after{display: none!important}
.purpose-cont{}
.purpose-cont h4{ font-size: 18px; font-weight: 500; margin-bottom: 20px; margin-top: 30px;}
.purpose-cont h5{font-size: 31px; font-weight: 500;color: #5A7795;margin-top: 0;line-height: 1;}

.purpose .col-2 p.font-20 {max-width: 50%;}
.purpose { margin-bottom: 120px;}

/*ABOUT ACCORDIONS*/
.fin-accordions {display:none;}
.fin-about {background-color: #7889A3;color: #fff;cursor: pointer;padding: 18px;width: 100%;text-align: left;border: none;outline: none;transition: 0.4s; border-bottom:1px solid #5A7795; font-size:16px; color:#fff;margin-bottom: 20px}
.fin-about:after {content: '\02795'; font-size: 13px;color: #fff;float: right; margin-left: 5px;}
/*.active:after {content: '\2796';}*/
.fin-about.active, .fin-about:hover {background-color: #000;}
.panel-fin {padding-top:20px;padding-bottom: 20px;background-color: #fff;display: none;overflow: hidden;}
.col-50 {
float: left;
width: 50%;
box-sizing: border-box; m
}

	.timeframe-block{  background: #7889A3;
  color: #fff;
  padding: 10px;
  border-radius: 25px;
      margin: 0 auto;
    margin-bottom: 0px;
  text-align: center;
  margin-bottom: 30px;
}	
ul.list-note {padding-left: 0; /*! list-style: none; */ margin-top: 20px;}
ul.list-note li {padding-left: 5px; position: relative; font-size: 14px!important; line-height: 1.9;margin-left: 15px;}
ul.list-note li:after { /*! content: '.'; */color: #4C4D4F; position: absolute; left: 0; font-size:60px; font-weight: 300; top: -61px; border-radius:50%;}	
	.fin-tbl tr:hover {background:#F5F5F5; color:#000;} /*TABLE ON HOVER BACKGROUND COLOUR AND TEXT COLOUR*/
tr.no-hover:hover {color:#203263!important;} /*TABLE ON HOVER HIGHLIGHTED COLOUMN TEXT COLOUR TO REMAIN STAT*/
.fin-tbl {width:100%; margin:0 0 0 0; padding:0 0px; margin-top:25px;} /*THE COMPLETE TABLE TO BE GIVEN 100% WIDTH; O MARGINS AND O PADDING*/
.fin-tbl tr td {/*line-height:1.3font-size:16px!important;*/padding: 3px 10px 3px 3px;font-size: 15px;} /*EACH CELL IN TABLE TO HAVE A PADDING OF 3 AROUND CONTENT*/
.fin-tbl th {color:#000; font-weight:500; background:#F5F5F5; /*line-height:1.3;*/ padding:3px 10px 3px 3px;font-size:16px!important;font-family: raleway, sans-serif;} /*THE HIGHLIGHTED COLUMN BACKGROUND COLOUR; TEXT COLOUR; PADDING AND A FONT WEIGHT IF NEEDED*/
.finthinline {border-bottom:1px solid #000;}
.finthickline {border-bottom:2px solid #000;}
.finright {border-right:1px solid #000;}
.finleft {border-left:1px solid #000;}		


@media screen and (max-width: 1380px) {
	
.col-2 {width: 100%!important;box-sizing: border-box; padding: 0px!important;}	
	
.col-50 {
   width: 100%;
  box-sizing: border-box;
   ;
}	
	
	
	
}

@media screen and (max-width: 1280px) {
	
	
	
	
}
@media screen and (max-width: 1080px) {

	
	
}
@media screen and (max-width: 980px) {

	
}


@media screen and (max-width: 425px) {

.story-outter-block {
  width: 100%!important;
  margin: 0 auto;
  padding: 20px;
}

.purpose-list-container {
  width: 100%!important;
  float: left;
  position: relative;
}	
	
.financial-box ul li {
   width: 100%!important;
  box-sizing: border-box;
  position: relative;
  text-align: center;
  padding: 30px;
  min-height: 0px!important;
  margin-top: 15px;
}	
	
.financial-li-first{ border-left: 1px dotted #000;border-bottom: 1px dotted #000; border-right: 1px dotted;}
.financial-li-second{ border-bottom: 1px dotted #000; border-right: 1px dotted;border-left: 1px dotted #000;}
	
	
	

}