@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,500i,700,700i,900&display=swap');

body{
	font-family: 'Roboto', sans-serif;}

h1{font-size:1.8rem; font-weight:700; color:#282828;text-transform:uppercase; font-family: 'Roboto', sans-serif;}
h2{font-size:1.9rem; font-weight:600; color:#282828; text-transform:uppercase; font-family: 'Roboto', sans-serif;}
h4{font-size:1.2rem; font-weight:600; color:#282828; text-transform:uppercase; font-family: 'Roboto', sans-serif;}

/*ul, li, a, a:hover {text-decoration:none; color:inherit; list-style:none;  transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
*/
a, a:hover{text-decoration: none;}
.highlight{color:#2a2076;}
.innerData p{text-align: justify;line-height: 25px; font-size:14px;}
.innerData p.leftline{ border-left:4px solid #cb2551; }


/**************************  header SECTION CSS   **************************/
header {position:absolute; width:100%; z-index:1;}

.logo{
	max-width:126px; max-height:45px;}
.logo a{
	display:block;}	
.logo img, .logo svg{
	width:100%; height:auto;}	

.head_wrp {padding:20px 0;}
.head_wrp.blueBg{
  background: #2a2076;
}

.pt-120{
  padding-top: 120px;
}
.fixed_header .head_wrp {position:absolute; width:100%; z-index:1; background:#2a2076; padding:10px 0;}


.fixed_header { position:fixed; left:0; z-index:999; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-box-shadow: 0px 2px 27px -9px rgba(0,0,0,0.53); -moz-box-shadow: 0px 2px 27px -9px rgba(0,0,0,0.53); box-shadow: 0px 2px 27px -9px rgba(0,0,0,0.53); }

.menu {color:#fff; display:block;}
.menu ul { margin:0px 0 0 0; padding-left:0px;}
.menu ul li {display:inline-block; margin:0 15px; text-transform:uppercase; font-size:14px;}

.menu ul li a {position:relative; display:inline-block; color: #fff;}
.menu ul li a .fa{margin-left: 5px;}
.menu ul li a:hover {color:#2abef6; text-decoration: none; -webkit-transition: 0.9s; -moz-transition:0.9s; transition: 0.9s;}
.menu ul li a::before {position:absolute; top:0; left:0; overflow:hidden; max-width:0; border-bottom: 2px solid #2abef6; color:#2abef6; content: attr(data-hover);
 -webkit-transition: max-width 0.7s; -moz-transition: max-width 0.7s; transition: max-width 0.7s; white-space:nowrap;}
.menu ul li a:hover::before {max-width: 100%;}

.ar_link {border:2px solid #fff; padding:10px 20px; border-radius:8px;}
.menu ul li .ar_link::before {display:none;}
.menu ul li .ar_link:hover {background:#2abef6; color:#fff; border:2px solid #2abef6;}



.menu_btn {display:none;}

.menubg_wrp {display:none;}

@media (max-width:768px)
{
	
.menu ul li a {
  color: #212529; font-size:14px;margin: 20px;
}
	
.pt-120{
  padding-top: 72px;
}
.head_wrp, .fixed_header .head_wrp{
  padding: 10px;
}
.logo img, .logo svg{
  width: 95px;
}
.menu {display:none;}

.menu_btn {display:block; width:33px; height:33px; border:0; cursor:pointer; background:#c52653; position: relative; z-index: 999;  }
.menu_btn:focus{border:none; outline: none;}
.menu_btn span {width:100%; height:3px; background:#fff; display:block; border-radius:5px; position: relative; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.menu_btn span.middleBar{
  margin: 4px 0px;
}


.menu_btn.open span.middleBar{
  display: none;
}
.menu_btn.open span:first-child{
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.menu_btn.open span:last-child{
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: -3px;
}

.menu { position:fixed; top:0; bottom:0; left:0; right:0; background:#fff; color:#222;}
.menu ul {display:table-cell; vertical-align:middle; text-align:center;  margin:0;}
.menu ul li {display:block; font-size:18px;}
.menu ul li {margin:35px 0;}
.ar_link {border:1px solid #222;}
}
a.readMore{
display: inline-block;
    /* padding: 9px 15px; */
    /* background: #ca2651; */
    color: #2a2076;
    border-radius: 20px;
    font-style: italic;
    font-weight: bold;

}
a.readMore:hover{
    color: #00b5ef;
}
.img-1{
	position:relative; z-index:5;}
.pattern{
	background:url(../images/pattern.jpg);
	width:calc(100% - 30px);
	right:15px;
	bottom:0px;
	height:252px;
	position:absolute;
	z-index:4;
	}

/*.chairman-profile-pic img {
    transform: rotateY(180deg);
}*/

/**************************  ABOUT SECTION CSS   **************************/



.abtbox{-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;border:1px solid #c1c1c1;text-align:left;margin-bottom:15px; padding:10px; font-size:16px; font-weight:700;}

.abt_section a {display:block; text-decoration:none; color:#282828;}

.abt_section .abtbox:hover{background: rgba(203,37,81,1);
background: -moz-linear-gradient(left, rgba(203,37,81,1) 0%, rgba(24,78,156,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(203,37,81,1)), color-stop(100%, rgba(24,78,156,1)));
background: -webkit-linear-gradient(left, rgba(203,37,81,1) 0%, rgba(24,78,156,1) 100%);
background: -o-linear-gradient(left, rgba(203,37,81,1) 0%, rgba(24,78,156,1) 100%);
background: -ms-linear-gradient(left, rgba(203,37,81,1) 0%, rgba(24,78,156,1) 100%);
background: linear-gradient(to right, rgba(203,37,81,1) 0%, rgba(24,78,156,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb2551', endColorstr='#184e9c', GradientType=1 );
-webkit-border-radius:15px;-moz-border-radius: 15px;border-radius:15px; color:#FFF }



.abtbox span{display:inline-block; vertical-align:middle; width:70px; padding-left:5px;}
.abtbox svg {width:50px; height:auto;}
.abtbox:hover svg{fill:#fff !important;}
.abtbox .arrow{display:block; padding-top: 15px; padding-right: 10px;float:right;}


/**************************  CHAIRMAN SECTION CSS   **************************/

.chairman ul{ padding:0px; list-style:none; font-weight: bold; font-size:14px;}
.chairman ul li{margin-bottom:13px;}
.chairman ul li .icon-blue {color: #2a2076; padding-right:8px;}

/**************************  JOURNEY SECTION CSS   **************************/

.journeybg{ background: url(../images/journeybg.jpg) center no-repeat;height: auto;width: 100%;background-size: cover; background-attachment: fixed; }
.journeybg h2{color:#fff; text-align:center }
.jbox{-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius:30px; border:2px solid #fff; /*min-height:173px;*/ padding:20px 0px; }

/*@media(max-width:768px) {.innerData {margin-top: 40px;} }*/

.graph_box{-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius:30px; border:1px solid #c1c1c1; text-align:center}

/**************************  CIRCLE SECTION CSS   **************************/

.bluebg{ background: url(../images/bluebg.jpg) center no-repeat;min-height: 149px;width: 100%;  }

.circle {
  width: 180px;
  height: 180px;
 /* line-height: 200px;*/
  border-radius: 50%; /* the magic */
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background:#c52653;
  margin: 0 auto;
  position: relative;
  bottom:35px;
  text-align:center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.cirSection a {display:block; text-decoration:none}
.cirSection a:hover .circle { background:#c52653 url(../images/sbi_hover.png) center no-repeat;}
.circle p{text-align:center;color:#fff; font-size:14px;text-transform: uppercase; font-weight:700;line-height:24px;top:50px; margin:auto; }

@media(max-width:768px) {
.bluebg{background:#251c67; height:auto;width:100%;  }
.circle {bottom:0px; margin-bottom:15px;margin-top:15px;}
.jbox{padding: 10px 0px;}
}

/**************************  PDF SECTION CSS   **************************/

.pdf_box{-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;border:1px solid #c1c1c1;text-align:center;margin-bottom:25px;}
.pdf_box p{text-align:left;color:#282828;font-size:14px;text-transform: uppercase;font-weight:500;padding: 19px 0 0px 25px;/* margin:auto; *//* float: left; *//* max-width: 168px; */}

.pdf_section a {display:block; text-decoration:none}

.pdf_box svg {width:40px; height:auto; fill:#c52654}
.pdf_box span{display:block;padding-top: 10px;padding-right: 10px;float: right;}

.pdf_section a:hover  {
background: rgba(203,37,81,1);
background: -moz-linear-gradient(left, rgba(203,37,81,1) 0%, rgba(24,78,156,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(203,37,81,1)), color-stop(100%, rgba(24,78,156,1)));
background: -webkit-linear-gradient(left, rgba(203,37,81,1) 0%, rgba(24,78,156,1) 100%);
background: -o-linear-gradient(left, rgba(203,37,81,1) 0%, rgba(24,78,156,1) 100%);
background: -ms-linear-gradient(left, rgba(203,37,81,1) 0%, rgba(24,78,156,1) 100%);
background: linear-gradient(to right, rgba(203,37,81,1) 0%, rgba(24,78,156,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb2551', endColorstr='#184e9c', GradientType=1 );
-webkit-border-radius:15px;-moz-border-radius: 15px;border-radius:15px; margin-top:0px;
}



.pdf_section a:hover p{color:#ffffff ;}
.pdf_section a:hover svg{fill:#fff !important;}

/**************************  FOOTER SECTION CSS   **************************/

footer{ background:#191919; text-align:center; color:#FFF; padding:15px;}

.subLogo svg{
	width:100%; height:auto;}
.journey h1{
	font-size:45px; font-weight:600; color:#fff;}
.journey h3{font-size:15px; text-transform:uppercase;}
.journey p{font-size:11px;}
.journey .jbox p:last-child{
	margin-bottom:0px;}
.journey .jbox{
	height:100%; min-height:160px;}
.journey h3, .journey p{
	color:#fff;}

#caseStudy h3{
	text-transform:uppercase; font-size:15px; font-weight:700; padding:0 15px;}
#caseStudy .imgDiv{
	max-width:355px; max-height:225px; overflow:hidden;  margin:0 15px 20px 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;}
	
#caseStudy .imgDiv img{
  -moz-filter: grayscale(100%);
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  -moz-transition:all 0.2s ease-in-out;
  -webkit-transition:all 0.2s ease-in-out;  
  transition:all 0.2s ease-in-out;
	}
#caseStudy .imgDiv:hover img{
	-moz-filter: grayscale(0%);
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);}
	 

.grayBg{
	background:#f3f3f3;
	}
#caseStudy .slick-prev, #caseStudy .slick-next{
	position:absolute; top:50%; background:none; border:none; z-index:99;
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	/*text-indent:-999px;*/
	/*overflow:hidden;*/
	background:transparent;
	color:transparent;
	font-size:0px;
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	}		
#caseStudy .slick-prev:focus, #caseStudy .slick-next:focus{
	outline:none; border:none;}
#caseStudy .slick-prev{
	left:0; 
	}
#caseStudy .slick-prev:before, #caseStudy .slick-next:before{
	font-family: 'FontAwesome';
    position: absolute;
	top:-40px;
    color:#c52653;
    font-size: 30px;
    z-index: 999;
    display: block;
	width:30px;
	height:30px;
	}
#caseStudy .slick-prev:before{
	    content: "\f104";
		left:-25px;
	}
#caseStudy .slick-next:before{
	    content: "\f105";
		right:-25px;
	}		
		
#caseStudy .slick-next{
	right:0;
	}

.chairman-story {
    font-size: 14px !important;
    font-style: italic;
    font-weight: 300;
}
.chairman-story2 {
    font-size: 20px !important;
    font-style: italic;
    font-weight: 300;
}
@media(max-width:576px){
	#caseStudy .imgDiv{
		margin:0px auto 20px auto;}
	#caseStudy h3{
		text-align:center;}
	#caseStudy .slick-next:before{
		right:-15px;}
	#caseStudy .slick-prev:before{
		left:-15px;}			
	}