.call{
    top: -14px;
    position: fixed;
    z-index: 9999;
    right: 10px;
    margin: auto;
    height: 42px;
    width: 42px;
    border-radius: 15px 0px 0px 15px;
    text-align: center;
    font-size: 19px;
    font-weight: 600;
    /* text-shadow: 2px 2px #ffffff; */
    text-orientation: mixed;
    margin-top: 400px;
    color: #FFFFFF;

    font-family: Arial, Helvetica, sans-serif;
    LINE-HEIGHT: 26px;
    background-image: url("../images/icons/call.png");
    background-repeat: no-repeat;
}
/* Shine */
figure {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}

.hover14 figure {
	position: relative;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14 figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}


/* Circle */
/*bottom*/
.footertext{
	text-align: center;
	font-size: 13px;
	color: #586077;
}
.whtco a{
	text-align: center;
	font-size: 13px;
	color: #efae1d;
}

.header {
  position: sticky;
  top: 0;
  padding: 10px 16px;
  background: #555;
  color: #f1f1f1;
}


.helptext{
	font-size: 35px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}
/*bottom end*/
.image_block_one .image-box .ybox{
	position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0px;
    bottom: 95px;
    width: 180px;
    height: 180px;
    text-align: center;
    background: #efae1d;
    border-radius: 50%;
    padding: 15px 20px;
    z-index: 1;
	
}
@media only screen and (max-width: 600px){
	.loansbg{
	background-color: #efae1d;
    text-align: center;
    padding: 15px;
    margin-bottom: 25px;
    width: 55%;
    height: auto;
    color: #fff;
    font-weight: bold;
    margin: auto;
    position: relative;
	font-size: 15px;
    top: -30px;
}
	
}
.loansbg{
	background-color: #efae1d;
    text-align: center;
    padding: 15px;
    margin-bottom: 25px;
    width: 55%;
    height: auto;
    color: #fff;
    font-weight: bold;
    margin: auto;
    position: relative;
	font-size: 15px;
    top: -30px;
}
.outlineall{
	border-top: dashed #efae1d 1px;
}


.boxshdo{
float: left;
    width: 100%;
    padding: 56px;

}


/*form*/
.smformbox{
	
	background-color: #45a4b6;
	border-radius: 15px;
	width: 100%;
	height: auto;
	padding:25px 25px 0px 25px;
	
}
.loansbg2{
	background-color: #45a4b6;
    text-align: center;
    padding: 15px;
    margin-bottom: 25px;
    width: 55%;
    height: auto;
    color: #fff;
    font-weight: bold;
    margin: auto;
    position: relative;
	font-size: 15px;
    top: -30px;
}
.outlineall2{
	border-top: dashed #45a4b6 1px;
}
.boxsdow{
	box-shadow: 0px 10px 50px 0px #0000001A;
    background: #45a4b6;
    padding: 5px;
    border: 10px solid #fff;
    border-radius: 20px;
	text-align: center;
	color: #fff;
}
.whtbg{
	background-color: #fff;
	padding: 40px;
	color: #171717;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
}
.dowbt{
    background-color: #efae1d;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    position: relative;
    width: 44%;
    text-align: center;
    margin: auto;
    top: 28px;
	 transition: 0.3s;
	
}
 .dowbt a{
	color: #fff;
}
.dowbt:hover{
    background-color: #121212;
    color: #000;
    padding: 5px;
    border-radius: 5px;
    position: relative;
    width: 44%;
    text-align: center;
    margin: auto;
    top: 28px;
	
}
.padbt{
	margin-bottom: 155px;	
}

/*form end*/


/*table form*/
.mainbgsection_a{
	width: 100%;
	background-color: #45a4b6;
	padding: 15px;
	margin-bottom: 1px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	
}
.subsection_b{
	width: 100%;
	background-color: #f6f6f6;
	padding-left: 80px;
	padding: 15px;
	color: #1B1B1B;
	font-size: 14px;
	margin-bottom: 1px;
	
}
.subsection_b ul{
	width: 100%;
	background-color: #f6f6f6;
	padding: 15px;
	color: #1B1B1B;
	font-size: 14px;
	list-style:inside;
	line-height: 0px;
	margin-bottom: 1px;
	
	
}
.subsection_b li{
	width: 100%;
	background-color: #f6f6f6;
	padding: 15px;
	color: #1B1B1B;
	font-size: 14px;
	list-style:inside;
	line-height: 20px;
	margin-bottom: 1px;
	
}
.subsection_c{
	width: 100%;
	background-color: #FFF7E6;
	padding: 15px;
	color: #1B1B1B;
	font-size: 14px;
	list-style:inside;
	margin-bottom: 1px;
	
}

.maibx{
	box-shadow: 0px 0px 6px 1px #d9d9d9;
    background: #fff;
    padding: 5px;
    border: 10px solid #fff;
    border-radius: 20px;
	margin-bottom: 15px;
}
.inntectmain{
	width: 51%;
	float: left;
	background-color: #45a4b6;
	text-align: center;
	font-weight: bold;
	color: #fff;
	padding: 6px;
}

.borderli{
	border-bottom: solid 2px #45a4b6 ;
	margin-bottom: 25px;
	padding-top: 11px;
}
.styl {
	list-style-type: circle;
    padding: 0px;
    margin: 0px;
    /* padding-left: 25px; */
    margin-left: 18px;
	list-style: circle;
	
	
}

/**/
@media only screen and (max-width: 600px) {
	.inntectmain {
  width: 78%;
    float: left;
    background-color: #45a4b6;
    text-align: center;
    font-weight: bold;
    color: #fff;
    padding: 6px;
    font-size: 14px;
    margin: ;
    display: ruby;
		text-align: left;
}	
	
}

/*end*/
/**/
.loan_a{
	background-image: url("../images/loans/bg/1.jpg");
  background-color: #cccccc;
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
	
	
}
.loan_b{
	background-image: url("../images/loans/bg/2.jpg");
  background-color: #cccccc;
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
	
	
}
.loan_c{
	background-image: url("../images/loans/bg/3.jpg");
  background-color: #cccccc;
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
	
	
}
.loan_d{
	background-image: url("../images/loans/bg/4.jpg");
  background-color: #cccccc;
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
	
	
}
.loan_e{
	background-image: url("../images/loans/bg/5.jpg");
  background-color: #cccccc;
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
	
	
}
.loan_f{
	background-image: url("../images/loans/bg/6.jpg");
  background-color: #cccccc;
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
	
	
}
@media only screen and (max-width: 600px) {
  .loan_a{
  background-image: url("../images/loans/bg/1.jpg");
  background-color: #cccccc;
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;	
	
}
  .loan_b{
  background-image: url("../images/loans/bg/2.jpg");
  background-color: #cccccc;
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;	
	
}
  .loan_c{
  background-image: url("../images/loans/bg/3.jpg");
  background-color: #cccccc;
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;	
	
}
  .loan_d{
  background-image: url("../images/loans/bg/4.jpg");
  background-color: #cccccc;
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;	
	
}
	  .loan_e{
  background-image: url("../images/loans/bg/5.jpg");
  background-color: #cccccc;
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
  .loan_f{
  background-image: url("../images/loans/bg/6.jpg");
  background-color: #cccccc;
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
	
	
}
/*board of directors*/
.vl {
    border-left: 1px dotted green;
    height: 440px;
    position: absolute;
    left: 50%;
}
.bgboard{
    width: 375px;
    border-radius: 15px;
    background: linear-gradient(90deg, rgba(230, 237, 234, 1) 10%, rgba(210, 232, 237, 1) 50%, rgba(251, 253, 253, 1) 100%);
    height: auto;
    transition-duration: 80%;
    background-image: radial-gradient linear-gradient(208deg, rgba(230, 237, 234, 1) 10%, rgba(210, 232, 237, 1) 50%, rgba(251, 253, 253, 1) 100%);
    text-align: center;
    padding: 15px;
    background-position: center;
    margin: auto;
	box-shadow: 0px 4px 6px 0px #ccc;
	position: relative;
}
.bgboard2{
    width: 100%;
    border-radius: 15px;
    background: linear-gradient(90deg, rgba(230, 237, 234, 1) 10%, rgba(210, 232, 237, 1) 50%, rgba(251, 253, 253, 1) 100%);
    height: auto;
    transition-duration: 80%;
    background-image: radial-gradient linear-gradient(208deg, rgba(230, 237, 234, 1) 10%, rgba(210, 232, 237, 1) 50%, rgba(251, 253, 253, 1) 100%);
    text-align: center;
    padding: 15px;
    background-position: center;
    margin: auto;
	box-shadow: 0px 4px 6px 0px #ccc;	
	margin-bottom: 25px;
}

.nameboard{
	background-color: #fff;
	border-radius: 15px;
	border: 1px #efae1d solid;
	padding: 15px;
	text-align: center;
	font-family:"board";
	color: #1e1e1e;
	font-size: 18px;
}
@media only screen and (max-width: 600px) {
	.vl {
    display: none;
}
	.bgboard{
	width: 100%;
	border-radius: 15px;
	background: linear-gradient(90deg,
		rgba(230, 237, 234, 1) 10%,
		rgba(210, 232, 237, 1) 50%,
		rgba(251, 253, 253, 1) 100%);
	height: auto;
	transition-duration: 80%;
	background-image: radial-gradient linear-gradient(50deg, rgba(230, 237, 234, 1) 10%, rgba(210, 232, 237, 1) 50%, rgba(251, 253, 253, 1) 100%);
	text-align: center;
	padding: 15px;
	margin-bottom: 15px;
	box-shadow: 0px 4px 6px 0px #ccc;
	
}

	
}
/*board of directors end*/
/*margin*/
.mpad25{
	margin-bottom: 25px;
}
.mpad30{
	margin-bottom: 30px;
}
.mpad35{
	margin-bottom: 35px;
}
.mpad40{
	margin-bottom: 40px;
}
.mpad45{
	margin-bottom: 45px;
}
.mpad50{
	margin-bottom: 50px;
}
.mpad55{
	margin-bottom: 55px;
}
.mpad60{
	margin-bottom: 60px;
}
.mpad65{
	margin-bottom: 65px;
}
.mpad70{
	margin-bottom: 70px;
}
.mpad75{
	margin-bottom: 75px;
}
.mpad80{
	margin-bottom: 80px;
}
.mpad85{
	margin-bottom: 85px;
}
.mpad90{
	margin-bottom: 90px;
}
.mpad95{
	margin-bottom: 95px;
}
.mpad100{
	margin-bottom: 100px;
}
.mpad115{
	margin-bottom: 115px;
}
.mpad120{
	margin-bottom: 120px;
}
/**/
.top25{
	margin-top: 20px;
}
.top30{
	margin-top: 30px;
}

.top35{
	margin-top: 35px;
}

.top40{
	margin-top: 40px;
}

.top45{
	margin-top: 45px;
}

.top50{
	margin-top: 50px;
}
.top60{
	margin-top: 60px;
}
.top70{
	margin-top: 70px;
}
.top80{
	margin-top: 80px;
}
.top90{
	margin-top: 90px;
}





/**/

/*margin end*/
/*font size*/
@font-face {
  font-family: "board";
  src: url("../fonts/Poppins-Medium.ttf");
}
@font-face {
  font-family: "sub";
  src: url("../fonts/Poppins-Medium.ttf");
}
.subtext{
	font-family: "sub";
	font-size: 14px;
}
.fontsize{
	font-family:"board";
	font-size: 15px;
	color: #2F2F2F;	
}


/*font size end*/
/*branches*/
.brabg{
    background-color: #fff;
    box-shadow: -1px 1px 8px 1px #f1f1f1;
    border-radius: 11px;
    padding: 15px;
    position: relative;
	background-image: url("../images/bgy.jpg");
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 25px;
}
.secbg{
    background-color: #45a4b6;
   color: #fff;
	text-align: center;
	padding: 15px;
	 border-radius: 11px 11px 0px 0px;
	margin-bottom: 7px;
}
.texthd{
	 font-size: 18px;
    font-weight: bold;
    line-height: 15px;
    padding-top: 7px;

}
.para{
    text-align: center;
    padding: 0px 31px;
    font-size: 13px;
    color: #252525;
    line-height: 22px;
	
}
.para2{
    text-align: center;
    padding: 0px 31px;
    font-size: 13px;
    color: #252525;
    line-height: 22px;
	padding-bottom: 0px;
	
}
.sentext{
   text-align: center;
    font-size: 13px;
    color: #252525;
    line-height: 60px;
    display: block;
  
    margin: auto;
}
.line{
	display: flex;
}
.map{
	margin: auto;
 text-align: center;
    font-size: 13px;
    color: #252525;
    line-height: 13px;
	margin-bottom: 25px;
	
}
.map2{
	margin: auto;
 text-align: center;
    font-size: 13px;
    color: #252525;
    line-height: 13px;
	margin-bottom: 25px;
	
}
.map:hover{
	margin: auto;
 text-align: center;
    font-size: 13px;
    color: #000;
    line-height: 13px;
	margin-bottom: 25px;
	
}
a.map:hover{
	margin: auto;
 text-align: center;
    font-size: 13px;
    color: #000;
    line-height: 13px;
	margin-bottom: 25px;
	
}
.icoc{
	text-align: center;
	color: red;
	text-align: center;
}
/*branches end*/


/*gallery*/
*, *::before, *::after {
	 padding: 0;
	 margin: 0;
	 box-sizing: border-box;
	 list-style: none;
	 list-style-type: none;
	 text-decoration: none;
	 -moz-osx-font-smoothing: grayscale;
	 -webkit-font-smoothing: antialiased;
	 text-rendering: optimizeLegibility;
}

 .container {
	 max-width: 80rem;
	 width: 100%;
	 padding: 4rem 2rem;
	 margin: 0 auto;
}
 .main .container {
	 display: grid;
	 grid-template-columns: repeat(3, 1fr);
	 grid-gap: 1rem;
	 justify-content: center;
	 align-items: center;
}
 .main .card {
	 color: #252a32;
	 border-radius: 2px;
	 background: #fff;
	 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
}
 .main .card-image {
	 position: relative;
	 display: block;
	 width: 100%;
	 padding-top: 70%;
	 background: #fff;
}
 .main .card-image img {
	 display: block;
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
}
 @media only screen and (max-width: 600px) {
	 .main .container {
		 display: grid;
		 grid-template-columns: 1fr;
		 grid-gap: 1rem;
	}
}
 

/*end*/


/**/
.line ul {
  --icon-space: 1.3em;
  list-style: none;
	display: inline-block;
	  font-family: "true";
  padding: 0;
}

.line li {
  padding-left: var(--icon-space);
}

.line li:before {
  content: "\f00c"; /* FontAwesome Unicode */

  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
  width: var(--icon-space);
}


/**/

/*page scroller*/
.myBox {
    border: none;
    padding: 5px;
    font-size: 14px;
    width: 100%;
    height: 550px;
    overflow-y: scroll;
    overflow-x: none;
    color: #bfd7b5;
    text-align: justify;
}

.mainheadtext h4{
	font-size: 23px;
    font-weight: bold;
    line-height: 35px;
    color: #000;
    margin-top: 25px;
    margin-bottom: 10px;
}
.ulcolor {
	color: #676767;
}
ul.ulcolor {
	color: #676767;
	 list-style: none;
	list-style-type: circle;
}
ol {

  padding: 20px;
}

ul {
list-style-type: circle;

}

ol li {
 
  padding: 5px;
  margin-left: 35px;
}

ul li {

  margin: 5px;
}
/*page scroler end*/