
@font-face {
    font-family: 'Futura';
    src: url('../../fonts/FutuLt.eot');
    src: url('../../fonts/FutuLt.eot') format('embedded-opentype'),
         url('../../fonts/FutuLt.woff2') format('woff2'),
         url('../../fonts/FutuLt.woff') format('woff'),
         url('../../fonts/FutuLt.ttf') format('truetype'),
         url('../../fonts/FutuLt.svg#FutuLt') format('svg');
         font-weight: 300;
         font-style: normal;
}


@font-face {
    font-family: 'Futura';
    src: url('../fonts/FuturaStdBook.eot');
    src: url('../fonts/FuturaStdBook.eot') format('embedded-opentype'),
         url('../fonts/FuturaStdBook.woff2') format('woff2'),
         url('../fonts/FuturaStdBook.woff') format('woff'),
         url('../fonts/FuturaStdBook.ttf') format('truetype'),
         url('../fonts/FuturaStdBook.svg#FuturaStdBook') format('svg');
         font-weight: 400;
         font-style: normal;
}



@font-face {
    font-family: 'Futura';
    src: url('../fonts/FuturaStdBold.eot');
    src: url('../fonts/FuturaStdBold.eot') format('embedded-opentype'),
         url('../fonts/FuturaStdBold.woff2') format('woff2'),
         url('../fonts/FuturaStdBold.woff') format('woff'),
         url('../fonts/FuturaStdBold.ttf') format('truetype'),
         url('../fonts/FuturaStdBold.svg#FuturaStdBold') format('svg');
         font-weight: 700;
         font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('../fonts/FuturaStdMedium.eot');
    src: url('../fonts/FuturaStdMedium.eot') format('embedded-opentype'),
         url('../fonts/FuturaStdMedium.woff2') format('woff2'),
         url('../fonts/FuturaStdMedium.woff') format('woff'),
         url('../fonts/FuturaStdMedium.ttf') format('truetype'),
         url('../fonts/FuturaStdMedium.svg#FuturaStdMedium') format('svg');
         font-weight: 500;
         font-style: normal;
}

@font-face {
    font-family: 'Rupee_Foradian';
    src: url('../fonts/Rupee_Foradian.eot');
    src: url('../fonts/Rupee_Foradian.eot') format('embedded-opentype'),
         url('../fonts/Rupee_Foradian.woff2') format('woff2'),
         url('../fonts/Rupee_Foradian.woff') format('woff'),
         url('../fonts/Rupee_Foradian.ttf') format('truetype'),
         url('../fonts/Rupee_Foradian.svg#Rupee_Foradian') format('svg');
}

.rs{font-family: 'Rupee_Foradian';}

a:focus,
a:hover,
a {
    text-decoration:none !important;
    outline:none !important;
}


body {
    margin:0px;
    padding:0px;
	-webkit-font-smoothing: antialiased;
  font-family: 'Futura';
}

.mobile-banner-art-work{ display: none;}
.container-fluid { width: 100%; }
.container-1360-wrp{ width: 1360px; margin: 0 auto;}
.container-1200-wrp{ width: 1200px; margin: 0 auto;}
#banner-video{ width: 100%; height: 660px; background-color: #ae275f; position: relative; overflow:hidden; z-index: 1;}
video{width: 1920px;
    height: 660px;
    position: absolute;
    left: 50%;
    top: 0%;
    margin-left: -960px;
    z-index: 1;}

.logo-wrp{ width: 100%; }
.logo-wrp ul{ list-style: none; list-style-type: none; margin: 0px; padding: 45px 0px 0px; float: right;}
.logo-wrp ul li{ float: left;}
.logo-wrp ul li a{ text-decoration: none; display: inline-block;}
.logo-wrp ul li.download-pdf-icn a{ display: inline-block;
    padding: 0px 15px;
    margin: 7px 12px;
    border-right: 1px solid #ff4ebe;}

    .banner-text span{ width: 260px; display: block; background-color: #e20f64; color:#fff; font-weight: 400; font-size: 20px; text-transform: uppercase; padding: 0px 0px; text-align: center;}

    .banner-text{ top:192px; transition: all 0.5s ease; }
    .scroll-top-banner{ bottom:40px; right:20px;}
    .wh100{ height: 100vh;}
    .delivers-value-lhs{ width: 100%; height: 600px; background-image: url(../images/delivers-value-lhs-pic.png); background-repeat: no-repeat; background-position: 0px 0px; background-size: cover;}
    .common-heading{ font-weight:700; color:#ae275f; font-size: 30px; margin-bottom: 25px;}
    p.body-copy{ color:#333333; font-size: 16px; line-height: 24px; font-weight: 400;}

    a.cta-option-1{    width: 110px;
    background-color: #e3e3e3;
    text-align: center;
    border-radius: 20px;
    padding: 7px 0px 6px 20px;
    color: #241b1f;
    font-size: 12px;
    position: relative;
    display: block; transition: all 0.5s ease;}

    a.cta-option-1::before{content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #a82660;
    border-radius: 100%;
    left: 3px;
    top: 3px; transition: all 0.5s ease;}

    a.cta-option-1:hover{ padding-left: 0px; padding-right: 20px; background-color: #a82660; color:#fff;}
    a.cta-option-1:hover:before{ left:83px; background-color: #e3e3e3;}

    a.cta-option-2{    width: 110px;
    background-color: #ffffff;
    text-align: center;
    border-radius: 20px;
    padding: 7px 0px 6px 20px;
    color: #241b1f;
    font-size: 12px;
    position: relative;
    display: block; transition: all 0.5s ease;}

    a.cta-option-2::before{content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #a82660;
    border-radius: 100%;
    left: 3px;
    top: 3px; transition: all 0.5s ease;}

    a.cta-option-2:hover{ padding-left: 0px; padding-right: 20px; background-color: #a82660; color:#fff;}
    a.cta-option-2:hover:before{ left:83px; background-color: #fff;}

.delivers-value-center{ width: 100%; height: 600px; padding: 50px;background-color: #ed1164; background-image: url(../images/devlivers-value-center-bg_03.jpg); background-repeat: no-repeat; background-position: center bottom;}

.progress-item{ width: 100%;}
.progress-inner-box{ width: 100%; padding: 0px 0px 5px; margin: 0px 0px 15px; border-bottom: 1px solid #f6a6bc;}
.progress-inner-box h2{ color:#fff; font-size: 30px; font-weight: 700; margin: 0px;}
.progress-inner-box h2 span{ text-transform: uppercase;}
.progress-inner-box p{ color:#f6a6bc; font-weight: 400; font-size: 16px; margin: 0px;}
.cycle-pager span{ color:#ed1164; width: 16px; height: 16px; font-size: 26px;}
.cycle-pager span.cycle-pager-active{ color:#fff;}

.delivers-rhs-wrp{ width: 100%; height: 600px;}
.delivers-rhs-top{ width: 100%; height: 300px; padding: 50px; background-color: #efefef;}
/* .delivers-rhs-top h2{ text-shadow: 1px 1px 8px rgba(130, 130, 130, 1);} */
.delivers-rhs-top h2 span{ color: #ae275f ; line-height: 32px;}

.delivers-rhs-btm{ width: 100%; height: 300px; background-color: #fff; position: relative;}
#vision-wrp{ width: 100%; height: 100%; padding: 30px 50px; transition: all 0.5s ease;}

h2.vision-icn{ background-image: url(../images/vision-icn.png); background-repeat: no-repeat; background-position: 0px 0px; padding: 0px 0px 22px 55px; }

#mission-wrp{ width: 100%; height: 100%; padding: 30px 50px; display: none;}

h2.mission-icn{ background-image: url(../images/core-value-icn.png); background-repeat: no-repeat; background-position: 0px 0px; padding: 0px 0px 0px 105px;transition: all 0.5s ease; }

#mission-wrp ul li{ color:#333; font-weight: 400; font-size: 16px;}

.cta-vision-mission-wrp{ width: 100%; position: absolute; padding: 0px 50px; bottom:20px; font-size: 14px; z-index: 10; color:#7d7d7d;}
.cta-vision-mission-wrp a{ color:#7d7d7d; font-weight: 400;}
.cta-vision-mission-wrp a.active{ color:#000;}

.busimess-segment-lhs{ width: 100%; height: 600px; background-image: url(../images/b1.png); background-repeat: no-repeat; background-position: center bottom 50px;}
.busimess-segment-lhs h2{ padding: 50px 0px 0px;}

.business-segment-rhs{width: 100%; height: 600px; background-image: url(../images/b2.png); background-repeat: no-repeat; background-position: center bottom 50px;}

.segment-rhs-inner-box{ width: 100%; height: 600px; background-color: rgba(239,239,239,0.9); padding: 50px;}

/* tabs css start*/
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: auto;
	width: 100%;
}

ul.tabs li {
	float: none;
	margin: 0 0px 15px;
	cursor: pointer;
	padding: 0px 21px;
	height: 31px;
  font-size: 20px;
  font-weight: 400;
	line-height: 31px;
	color: #7d7d7d;
	overflow: hidden;
	position: relative;
  width: max-content;
}

/* .tab_last { border-right: 1px solid #333; } */

ul.tabs li:hover {
	background-color: #ed1164;
	color: #fff;
}

ul.tabs li.active {
	background-color: #ed1164;
	color: #fff;
	display: block;
}

.tab_container {
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
	overflow: auto;
}

.tab_content {
	padding: 20px;
	display: none;
}

.tab_drawer_heading { display: none; }

@media screen and (max-width: 480px) {
	.tabs {
		display: none;
	}
	.tab_drawer_heading {
		background-color: #ccc;
		color: #ae275f;
		border-top: 1px solid #333;
		margin: 0;
		padding: 5px 20px;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.d_active {
		background-color: #ae275f;
		color: #fff !important;
	}
}
/* tabs css end*/

/*graph css start*/
.graph-main-cover{ width: 600px; margin: 0 auto;}
/* .home-graph-main-cover{padding: 0px 0px 0px 50px; overflow: hidden;} */
p.graph-small-txt-top{ font-weight: 400; font-size: 16px; color:#7d7d7d;}
.graph-box-main{border-left:1px solid #a8a8a8; position: relative; width: 100%;}
.graph-box-main{ border-left: 1px solid #959595; padding: 50px 0px 0px;}
ul.graph-list{ list-style: none; list-style-type: none; margin: 0px; padding: 0px;}
ul.graph-list li{ width: 100%; height: 10px; border-top:1px solid #959595; border-bottom:1px solid #959595; border-right:1px solid #959595; position: relative; margin-bottom: 60px;}
span.left-yrs{ color:#959595; font-size: 14px; position:absolute; top:-6px; left:-50px;}
span.highlight-yrs{ width:50%; height: 9px; position: absolute;top:0px; left:0px; background-color: #959595;}
span.highlight-yrs:before{ content: ""; width: 0;
height: 0;
border-style: solid;
border-width: 0 7.5px 10px 7.5px;
border-color: transparent transparent #959595 transparent; position: absolute; top:-11px; right:0px;}
span.graph-numero{ font-size: 14px;
    color: #959595;
    font-weight: 400;
    position: absolute;
    top: -30px;
    width: 100%;
    text-align: right;
    right: -5%;}

ul.graph-list li.yrs-17-18{ border-top:1px solid #ae275f; border-bottom:1px solid #ae275f; border-right:1px solid #ae275f;}
ul.graph-list li.yrs-17-18 span.highlight-yrs{ background-color: #ae275f;}
ul.graph-list li.yrs-17-18 span.highlight-yrs:before{ border-color: transparent transparent #ae275f transparent;}
ul.graph-list li.yrs-17-18 span.left-yrs{ color:#ae275f; font-weight: 700;}

.graph-legend-txt{ font-size: 20px; font-weight: 400; color:#333; padding-left: 20px;}
.graph-legend-txt span{ font-weight: 700; color:#ae275f;}

ul.graph-list li.last-grph-box{ margin-bottom: 30px;}

.percent-5{ width: 5% !important;}
.percent-10{ width: 10% !important;}
.percent-15{ width: 15% !important;}
.percent-20{ width: 20% !important;}
.percent-25{ width: 25% !important;}
.percent-30{ width: 30% !important;}
.percent-35{ width: 35% !important;}
.percent-40{ width: 40% !important;}
.percent-45{ width: 45% !important;}
.percent-50{ width: 50% !important;}
.percent-55{ width: 55% !important;}
.percent-60{ width: 60% !important;}
.percent-65{ width: 65% !important;}
.percent-70{ width: 70% !important;}
.percent-75{ width: 75% !important;}
.percent-80{ width: 80% !important;}
.percent-85{ width: 85% !important;}
.percent-90{ width: 90% !important;}
.percent-95{ width: 95% !important;}
.percent-100{ width: 100% !important;}
/*graph css end*/

.md-msg-full-wrp{ width: 100%;}
p.md-desc-title{ color:#fff; font-size: 20px; font-weight: 400;}
.quote{ position: absolute; width: 80px; height: 80px;}
.top-quote{ top: -65px;
    left: -75px;}
.bottom-quote{ bottom:-40px; right:-20px;}
.md-msg-rhs{ width: 100%; height: 660px; background-image: url(../images/md-pic_03.jpg); background-repeat: no-repeat; background-position: 0px 0px; position: relative;}
.md-name-desig-box{width: 270px;
    background-color: rgb(0,0,0,0.7);
    padding: 10px 10px; position: absolute;bottom:30px; left:95px;}
p.md-name{ color:#fff; text-transform: uppercase; font-size: 30px; line-height: 28px;font-weight: 400; margin: 0px;}
p.md-desig{ color:#fff; font-size: 16px; font-weight: 400; margin: 0px;}

.creating-impact-wrp{ width: 100%;  background-image: url(../images/bottom-sec-bg_07.jpg); background-repeat: no-repeat; background-position: center center; background-size: contain; position: relative;}

.impact-item{ width: 100%; background-color: #fff;}
.impact-center-wrp{ width: 100%; position: relative;}
.impact-rhs-wrp{ padding: 0px 30px;}
.pd-t-250{ padding-top: 250px !important;}
p.imapct-rhs-title{ text-transform: uppercase; font-weight: 700; font-size: 20px; line-height: 22px;}
.pointer{top:250px; right: -45px;}

.impact-pager{ position: absolute; bottom:0px; z-index: 999; }
.impact-pager span{ width: 15px;
    height: 15px;
    color:#efefef;
    font-size: 25px;
    display: inline-block; cursor: pointer;}
    .impact-pager span.cycle-pager-active{color: #ae275f;}

.imapct-icn{ margin-bottom: 15px;}

.footer-wrp-full{ width: 100%; background-color: #363636; height: 102px;}
p.footer-txt{ text-transform: uppercase; font-size: 16px; color:#9f9f9f; margin: 0px; padding: 39px 0px; float: left;}
.footer-logo{ float: right; margin: 19px 0px;}

.black-scroll{ bottom:30px; right:-50px;}

.menu-cta{ width: 25px;
    height: 80px;
    position: absolute;
    bottom: -45px;
    right: -40px;
    text-align: center;
    display: none;}


    /* menu css start */
    .button_container {
      position: absolute;
  top: 54px;
  right: -45px;
  height: 25px;
  width: 25px;
  cursor: pointer;
  z-index: 9999;
  transition: opacity .25s ease;
}

.button_container span {
  background: #fff;
  border: none;
  height: 5px;
  width: 5px;
  position: absolute;
  top: 0;
  left: 10px;
  transition: all .35s ease;
  cursor: pointer;
  border-radius: 5px;
}

.helper-text {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    writing-mode: lr-tb;
    height: 23px;
    width: 36px;
    display: block;
    position: absolute;
    right: -6px;
    top: 40px;
    color: #fff;
    font-size: 15px;
    margin: 0px;
}

.button_container:hover {
  opacity: 1;
}

.button_container span:nth-of-type(3) {
  top: 9px;
}

.button_container span:nth-of-type(4),
.button_container span:nth-of-type(5) {
  top: 18px;
}

.button_container.active .top,
.button_container.active .bottom {
  transform: translateX(-10px);
  background: #ffffff;
}

.button_container.active .top2,
.button_container.active .bottom2 {
  transform: translateX(10px);
  background: #ffffff;
}

.button_container.active .middle {
  background: #ffffff;
}


/*Overlay styles, after click on menu icon*/

.overlay {
  position: fixed;
  background: #ae275f;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  z-index: 8888;
  visibility: hidden;
  -webkit-transition: opacity .35s, visibility .35s, height .35s;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;
}

.overlay.open {
  opacity: 1;
  visibility: visible;
  height: 100%;
}

.overlay .overlay-menu {
  position: relative;
  top: 55%;
  transform: translateY(-50%);
  font-weight: 400;
  text-align: left;
  color: #ffffff;
}

.overlay .overlay-menu ul {
  list-style: none;
  padding: 0;
  margin: 0 auto 30px;
  position: relative;
  height: auto;
}

.overlay li {
  opacity: 0;
}

.overlay h2 {
  opacity: 0;
}

.overlay a {
  opacity: 0;
}

.overlay.open li {
  animation: fadein 0.5s ease forwards;
  animation-delay: 0.35s;
  padding: 3px;
}

.overlay.open h2 {
  animation: fadein 0.5s ease forwards;
  animation-delay: 0.35s;
}


.overlay.open a {
  animation: fadein 0.5s ease forwards;
  animation-delay: 0.35s;
}


@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


/* Firefox < 16 */

@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


/* Internet Explorer */

@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


/* Opera < 12.1 */

@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.menu-icn-wrp{ position: absolute; right: 0px; z-index: 999;}
.open-header-box{position: fixed;
    width: 1200px;
    left: 50%;
    right: 0px;
    margin-left: -600px;}

h2.drop-list-head{ font-weight: 700; font-size:30px; color:#fff; text-transform: uppercase;}
ul.menu-drop-list li a{ font-size: 16px; font-weight: 400; color:#dc94af;}
ul.menu-drop-list li a:hover{ color:#fff;}
a.menu-social-icn{ margin-right: 5px;}
.drop-list-head2{ margin-bottom: 30px;}

.body-fixed{ position: fixed; width: 100%;}

    /* menu css end */

.header-inner{padding: 40px 0px;position: relative;z-index: 9999;}
.inner-header-rhs{ margin-top: 0px; position:relative;}
.header-inner .button_container{ top: 0px;}
.inner-header-rhs ul{ list-style: none; list-style-type: none; margin: 0px; padding: 0px; float: right;}
.inner-header-rhs ul li{ float: left; margin: 0px; padding: 0px;}
.inner-header-rhs ul li a{ text-decoration: none; color:#fff;}
.inner-header-rhs ul li.inner-head-text a p.top-inner-annual{ text-transform: uppercase; font-weight: 400; font-size: 12px; margin: 0px; line-height: 12px;}
.inner-header-rhs ul li.inner-head-text a p.inner-head-yr{ font-weight: 700; font-size: 20px; line-height: 17px;}
.inner-header-rhs ul li.inner-head-text{margin: 0px 4px;padding: 0px 8px;}
.inner-header-rhs ul li.down-pdf-inner{ margin: 0px 0px;padding: 0px 13px;border-right: 1px solid #fff;}
.breadcrum-wrp{ padding: 5px 0px;}
.breadcrumb {padding: 0px;margin-bottom: 0px;list-style: none;background-color: transparent;border-radius: 0px;}
.breadcrumb-item+.breadcrumb-item::before {display: inline-block;padding-right: .5rem;padding-left: .5rem;color: #b0b0b0;content: "\00BB"; font-size: 15px;line-height: 10px;}
.breadcrumb li{ font-size: 12px; color:#b0b0b0;}
.breadcrumb-item.active{ color:#b0b0b0;}
.breadcrumb li a{ color:#fff; font-weight: 400; }

.common-inner-pd-tb{ padding: 50px 0px;}
.building-rhs-wrp .progress-inner-box h2{ color:#a82660; text-transform: uppercase;}
.building-rhs-wrp .progress-inner-box p{ color:#7d7d7d; text-transform: uppercase;}
.building-rhs-wrp .progress-inner-box{ border-bottom: 1px solid #bcbcbc;}
.inner-vision-wrp{ width: 100%; padding: 50px 50px 50px 0px; min-height: 345px;}
.inner-vision-wrp .vision-icn{ background-image: url(../images/vision-icn--white.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 14px 0px 14px 55px;
    margin: 0px 0px 20px;}

.inner-vision-wrp p{ color:#fff; font-weight: 400; line-height: 1.2; font-size: 30px;}
.inner-vision-wrp p span{ font-weight: 700;}

.inner-mission-wrp{ width: 100%; padding: 50px 50px 50px 50px; min-height: 345px; background-color: #ed1164;}
.inner-mission-wrp .mission-icn{background-image: url(../images/core-value-icn-white.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 14px 0px 14px 110px;
    margin: 0px 0px 20px;}

    ul.inner-mission-list{ list-style: none; list-style-type: none; margin: 0px; padding: 0px;}
    ul.inner-mission-list li{ padding: 0px 0px 20px 20px;
    background-image: url(../images/mission-list-icn.png);
    background-repeat: no-repeat;
    background-position: 0px 6px;
    color: #fff;
    font-weight: 400;
    font-size: 18px;}

.revisiting-banner{ width: 100%; height: 282px; background-image: url(../images/revisiting-banner_02.jpg); background-repeat: no-repeat; background-position: 0px 0px; background-size: cover;     padding: 100px 0px;}
ul.revisit-listing{ list-style: none; list-style-type: none;  margin: 0px; padding: 0px;}
ul.revisit-listing li{ padding: 0px 0px 20px 25px; background-image: url(../images/revisiting-list-icn.png); background-repeat: no-repeat; background-position: 0px 3px; color:#333333; font-size: 16px; line-height: 1.2; ont-we
400;}

ul.revisit-listing li.hide-list{ display: none;}

.revisiting-inner-box a{ color:#ae275f ; font-weight: 400; font-size: 14px;}

.revisit-sept-band{ padding: 30px 0px;}
.revisit-sept-band p{ color:#fff; font-size: 30px; font-weight: 400; margin: 0px; line-height: 1.2;}
.revisit-sept-band p span.bold-txt{ font-weight: 700;}
.revisit-infographics{ margin-bottom: 30px; padding-top: 35px;}
.revisit-infographics h2{ color:#333333; font-weight: 700; font-size: 40px;}
.revisit-infographics p{ color:#7d7d7d; font-size: 24px; line-height: 1.2; margin: 0px; font-weight: 400;}

.revisiting-inner-box{ padding: 0px 0px;}

.closer-look-banner{ width: 100%; height: 250px; background-color: #efefef; padding: 40px 0px;}
.w525{ width: 525px;}
.banner-sub-desc{ font-weight: 400; font-size: 20px; line-height: 1.2; margin: 0px;}
.closer-top-lhs{ width: 100%; padding: 0px 0px 0px 70px; background-image: url(../images/retails-banking-icn.png); background-repeat: no-repeat; background-position: 0px 0px;}
.closer-top-rhs{ text-align: center;}

.diagram-retail-wrp{ width: 100%; padding: 50px 15px; margin: 50px 20px 0px; position: relative; border-top: 2px solid #b94474;}

p.fig-title{ text-transform: uppercase; font-size: 16px; color:#333333; font-weight: 400; margin: 0px; line-height: 1; padding: 20px 0px 0px; min-height: 90px; background-color: #fff;}
p.fig-desc{ color:#7d7d7d; font-size: 16px; font-weight: 400; margin: 0px; line-height: 1.2; padding: 20px 0px 0px;}
.fig-cover{ width: 100%; padding: 0px 0px; position: relative; text-align: center;}
.fig-cover img{ background-color: #fff;}
.diagram-retail-wrp .col:before{ content: '';
    width: 2px;
    height: 211px;
    background-color: #b94474;
    position: absolute;
    top: -50px;
    left: 50%;}

    .closer-top-rhs{ position: relative;}
    .closer-top-rhs:before{ content: '';
    width: 2px;
    height: 70px;
    background-color: #b94474;
    position: absolute;
    bottom: -78px;
    left: 50%;}

h2.head-small-title{ text-transform: uppercase; font-weight: 700; font-size: 20px; color:#a82660; margin: 0px 0px 20px;}
.closer-desc-cover{ margin-bottom: 30px;}
.closer-infograph-cover{ margin-bottom: 30px;}
.closer-infograph-cover h2{ font-weight: 700; font-size: 28px; color:#333333; margin: 0px;}
.closer-infograph-cover p{ font-size: 20px; font-weight: 400; color:#333333; margin: 0px; line-height: 1.2;}

.corpo-icn{ background-image: url(../images/revisiting-icn-4.png); background-repeat: no-repeat; background-position: 0px 0px; padding: 0px 0px 0px 90px;}

.measuring-success-banner{ background-image: none; background-color: #efefef; height: auto; padding: 30px 0px;}
.measuring-success-banner h2{ margin-bottom: 0px;}

.progress-inner-cover{ padding: 0px 0px 0px 50px; margin-bottom: 50px; position: relative;}
p.progress-inner-title{ text-transform: uppercase; font-weight: 700; font-size: 12px; margin: 0px 0px 0px; color:#b94474;}
p.progress-inner-title span.light-title{ color:#7d7d7d; font-weight: 400; font-size: 10px;}
.progress-inner-cover .graph-legend-txt{ font-size: 16px;}

ul.graph-list li.yrs-17-18 span.graph-numero{ color:#b94474; font-weight: 700;}
span.last-graph-right-numb{     color: #959595;
    font-size: 14px;
    position: absolute;
    top: -22px;
    right: 0px;
    display: block;}

  .graph-inner-purple-point{ color:#b94474; font-size: 14px; position: absolute;top:-30px; text-align: right;}
    .graph-inner-purple-point::before{     content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 10px 7.5px;
    border-color: transparent transparent #b94474 transparent;
    position: absolute;
    top: 19px;
    right: 0px;}

    p.legend-txt{ font-size: 12px; font-weight: 400; color:#959595;}

    .graph-pic-progress{ margin: 30px 0px;}
    .graph-pic-cover{ padding: 0px 0px 0px 0px;}

    .md-pic-wrp-lhs{ width: 100%; position: relative;}
    .md-msg-name-wrp{ width: 100%;
    background-color: rgba(0,0,0,0.8);
    padding: 10px 10px;
    position: absolute;
    bottom: 0px;}
    .md-name-msg{ font-weight: 700; color:#fff; font-size: 30px; line-height: 1;margin: 0px;}
    .md-name-msg-desig{ font-weight: 400; font-size: 20px; line-height: 1; color:#fff; margin: 0px;}
    h2.md-msg-infograph{ font-size: 30px;
    font-weight: 400;
    margin: 30px 0px 0px;
    color: #333;}

    h2.md-msg-infograph span{ font-weight: 700;}

    .md-msg-btm-grid .common-heading{ font-size: 20px;}

    .award-inner-box{ margin-bottom: 30px;}
    .award-inner-box p.body-copy{ padding: 20px 0px 0px 35px;
    font-size: 16px;
    line-height: 1;
    background-image: url(../images/graph-triangle.png);
    background-repeat: no-repeat;
    background-position: 0px 20px;}
    .bod-desig{ display: block; margin-top: 5px; color:#333;}

    .bod-box p.body-copy{ background-position: 0px 12px;}

    h2.expanding-info-big{ font-weight: 700; font-size: 30px; color:#000;}
    p.expanding-info-desc{line-height: 1.2; color:#333;}
    .expanding-info-title span{ color:#959595;}

    .expanding-rhs-wrp{ width: 100%;padding: 30px 20px;}
    .expanding-right-box{ width: 100%;padding: 0px 0px 0px 120px;margin-bottom: 0px; height:145px;}
    .expanding-right-box p.big-title{ font-weight: 700; font-size:30px; line-height: 1.2; color:#fff; margin: 0px;}
    .expanding-right-box p.small-desc{ font-weight: 400; text-transform:uppercase; font-size: 20px; color:#fff; line-height: 1.2;}

    .expanding-right-icn-1{ background-image: url(../images/expanding-right-icn-1_03.jpg); background-repeat: no-repeat; background-position: 0px 0px;}

    .expanding-right-icn-2{ background-image: url(../images/expanding-right-icn-2_03.jpg); background-repeat: no-repeat; background-position: 0px 0px;}

    .expanding-right-icn-3{ background-image: url(../images/expanding-right-icn-3_03.jpg); background-repeat: no-repeat; background-position: 0px 0px;}

    .expanding-right-icn-4{ background-image: url(../images/expanding-right-icn-4_03.jpg); background-repeat: no-repeat; background-position: 0px 0px;}

      .expanding-right-icn-5{ background-image: url(../images/expanding-right-icn-5_03.jpg); background-repeat: no-repeat; background-position: 0px 0px;}

.impact-inner-head-block{ width: 100%; border-top:1px solid #fff;}
.impact-inner-head-block span{ color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    background-color: #ae275f;
    padding: 0px 10px;
    margin-top: -15px;
    display: block;
    width: 240px;
    text-align: center;}

.impact-inner-main-story-wrp{ width: 100%; margin-top: -150px;}
h2.story-title-main{ color:#fff; font-weight: 400; font-size: 50px; line-height: 1.1; margin-bottom: 30px;}
.impact-inner-main-story-wrp p.banner-sub-desc{ margin-bottom: 20px;}
.np-pic-wrp{ border:2px solid #fff;}
.np-inner-desc-wrp{ width: 100%;}
.np-inner-desc-wrp p.title-np{ font-weight: 700; font-size: 20px; color:#fff; text-transform: uppercase; margin: 10px 0px 10px;}

.address-mid-bg{ background-image: url(../images/adrress-mid-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
.address-mid-wrp{ width: 100%; height: 500px;}

.addrs-mid-title{ font-size: 20px; font-weight: 700; line-height: 1;}
.inner-box-addr-fix{ width: 525px; float: right;padding: 20px; background-color: rgba(255,255,255,0.7);}
.inner-box-addr-fix p.body-copy{ margin-bottom: 0px;}
.inner-muh-pe-tala-wrp{     background-image: url(../images/muh-pe-tala-icn.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 75px;
    background-size: 65px;}

.address-muh-pe-tala-desc-wrp h2.common-heading{ font-size: 20px; margin-bottom: 10px;}
.muh-pe-btm-desc-cover{ margin-bottom: 30px;}
.sub-list{ margin-top: 20px !important;}

.revisit-listing li.sub-listing-purple{ background-image: url(../images/story-purple-list.png); background-repeat: no-repeat; background-position: 0px 6px;}

.bg-gray1 .impact-inner-head-block{ border-top: 2px solid #af2860;}
.bg-gray1 .impact-inner-head-block span{ background-color: #f2f2f2; color:#af2860;}
.purple-bord{ border: 2px solid #af2860;}

.endriching-mid-bg{background-image: url(../images/enriching-mid-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}

.invoce-mart-wrp{ width: 100%; text-align: center;}

.download-centre-pic-box{ width: 100%; padding: 10px; border:2px solid #af2860; margin-bottom: 20px;}

.bord-dwn-centre{ border-bottom: 2px solid #af2860;}
p.download-title{ color: #af2860; font-size: 17px; font-weight: 700; line-height: 1.2; height: 50px;}

.download-centre-pic-box{ width: 195px;}
.download-centre-pic-box img{ width: 175px;}

.story-inner-grid-title{font-weight: 700;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    margin: 0px 0px 10px;}

    .nurturing-mid-bg{ background-image: url(../images/nurturing-mid-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
    .nurturing-mid2-bg{ background-image: url(../images/ballon-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
    .million-thnx-pic{ background-color: #fff;}
    ul.alpha-list{ list-style:lower-alpha; list-style-type: lower-alpha; margin: 0px 0px 0px 20px; padding: 0px;}
    ul.alpha-list li{ color:#fff; font-size: 16px; line-height: 1.2; font-weight: 400; margin-bottom: 20px;}
    ul.alpha-list li span{ font-weight: 700;}

    .million-box-wrp{ width: 100%; padding: 20px; border:2px solid #fff;}

    .top-mar-sept{ margin-top: 50px;}

    .contibution-wrp{ width: 100%; padding: 20px; border:1px solid #af2860;}
    .contri-pic{ margin-bottom: 20px;}

.line-el svg{ height: 395px;}

.startegy-main-box .revisiting-inner-box{ border:2px solid #ae275f ; padding: 20px; min-height: 515px;}
.revisiting-inner-box img.md-msg-icn{ margin: 0 auto; display: block;}
.graph-pdf-box{ width: 65px; height: 30px;position: absolute;top:0px; right:0px;}
.graph-pdf-circle{ width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 20px;
    background-color: #ed1164;
    text-align: center;
    line-height: 25px;
    vertical-align: middle;
    padding: 0px 8px;}

.graph-xlxs-circle{ width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 20px;
    background-color: #ebebeb;
    text-align: center;
    line-height: 25px;
    vertical-align: middle;
    padding: 0px 8px; float: right;}

.graph-pdf-box span a{ display: block;}
.banner-text{}

body#home{ overflow-x: hidden;}
.story-mob-pic-only{ display: none;}

.address-mid-bg2{ background-image: url(../images/muh-pe-bg.png); background-repeat: no-repeat; background-position: center; background-size: cover;}

.desk-hide{ display: none;}

.cycle-slide-active{ z-index: 1000 !important;}
.impact-pager {
    position: absolute;
    bottom: 0px;
    z-index: 1001;}

    .impact-pager span {
    width: 30px;
    height: 30px;
    color: #b9b9b9;
    font-size: 50px;
    line-height: 0.6;
    display: inline-block;
    cursor: pointer;}

  .delivers-value-box { margin-top: 30px;}
  .delivers-value-box .progress-inner-box h2{ color:#000;}

  .top-bar{ position: relative;}
  .top-bar:before{ content: ''; width: 20px; height: 2px; background-color: #a82660; position: absolute; top:10px; left:50%; margin-left: -10px;}

  .banner-image{ background-image: url(../images/art-work-axis.png); background-repeat: no-repeat; background-position: center; background-size: contain;}
