/*---------------------------------------------------------------------
    File Name: style.css
---------------------------------------------------------------------*/


/*---------------------------------------------------------------------
    import Fonts
---------------------------------------------------------------------*/

/*@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
*/
/*****----------------------------------------
     1) font-family: 'Rajdhani', sans-serif;  
     2) font-family: 'Poppins', sans-serif; 
----------------------------------------*****/
/*@font-face {  
  font-family: kruti dev ;  
  src: url( '../../fonts/k010.ttf' ) format("truetype");  
}  */

/*.hinditext {
    font-family: kruti dev;  
    font-size:18px;
}*/

/*---------------------------------------------------------------------
    import Files
---------------------------------------------------------------------*/
/*--bank logo /images colding start --*/

@import url(animate.min.css);
@import url(normalize.css);
@import url(meanmenu.css);
@import url(owl.carousel.min.css);
@import url(slick.css);
@import url(jquery-ui.css);
@import url(nice-select.css);

/*---------------------------------------------------------------------
    skeleton
---------------------------------------------------------------------*/


* {
	box-sizing: border-box !important;
}

html {
	scroll-behavior: smooth;
}

body {
	color: #666666;
	font-size: 14px;
	font-family: 'poppins', sans-serif;
	line-height: 1.80857;
	font-weight: normal;
	overflow-x: hidden;
}

a {
	color: #1f1f1f;
	text-decoration: none !important;
	outline: none !important;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	letter-spacing: 0;
	font-weight: normal;
	position: relative;
	padding: 0 0 10px 0;
	font-weight: normal;
	line-height: normal;
	color: #111111;
	margin: 0
}

.header h4 {
  text-align: right;
  font-size :20px;
 }
.header2 h5{ 
	letter-spacing: 0;
	font-weight: normal;
	position: relative;
	padding: 0 0 0px 0;
	font-weight: normal;
	line-height: normal;
	color:	#FFFFFF;
	margin: 0;
	/*text-align: right;*/
	}
.header2 h4 {
  text-align: right;
  font-size :14px;
  color:#FFFFFF;
}
.header3 h5 {
  text-align: left;
  font-size :15px;
  color:#111111;
}
.header4 h5 {
  text-align: center;
  font-size :25px;
  color:#000080;
}
.header5 h5 {
  text-align: center;
  font-size :15px;
  color:#000080;
}
.header4 h1 {
  text-align: left;
  font-size :40px;
  color:#000080;
}
.header6 h4 {
  text-align: right;
  font-size :20px;
  color:#FFFFFF;
}
h1 {
	font-size: 24px
}

h2 {
	font-size: 22px
}

h3 {
	font-size: 18px
}

h4 {
	font-size: 16px
}

h5 {
	font-size: 14px
}

h6 {
	font-size: 13px
}

*,
*::after,
*::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: #212121;
	text-decoration: none!important;
	opacity: 1
}


ul,
li,
ol {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

p {
	margin: 0px;
	font-weight: 300;
	font-size: 15px;
	line-height: 24px;
}

a {
	color: #222222;
	text-decoration: none;
	outline: none !important;
}

/* ---Coding for Bank Logo width & Height -----*/
img {
	max-width: 100%;
    height: auto;
}



/* ============== All Coding for Menus bar ==================================
===================================================================(Start)= */ 
/* Coding for Menu "HOME" button show active and show in Yallow color in webpage*/
nav.main-menu {
	float: right;
	margin-left: 0;
	/*background-color: #555;*/
	padding: 10px 17px 10px 12px;
    font-size: 20px;
    font-style: bold;
    width: 100%;
    text-align:80px; 	

}

/* Coding for Menu "HOME" button show active and show in Yallow color in webpage*/
.menu-area-main li:hover a {
	color: #FF3333;
	/*background-color: #000;*/
}
.menu-area-main li:focus a {
	color: #ffc221;
	/*background-color: #000;*/
}

/* Coding for Menu "HOME" button show active and show in Yallow color in webpage*/
.menu-area-main li.active a {
	/*color: #000080#ff007f;*/
	/*color: #ffc221;*/
	color: #FF0000;
	/*background-color: #4CAF50;*/
}

/**======Coding for Center Menus=========*/
.main-menu {
	text-align: center;
}

/**======Coding for distance between Menus=========*/
.main-menu ul>li a {
	padding: 10px 10px 0 10px;    	/* ===distance between Menus=== */
	line-height: 30px;				/* ===Width of  Menus area === */
	font-size: 16px;
	display: block;
	font-weight: 700;				/* ===Bold of  Menus === */
	color: #010005;      /* ===Color of  Menus === */
	text-transform: uppercase;
}

/*=== Coding for MENUS in one Line  show ===== */ 
.main-menu ul>li>ul {
	opacity: 0;
	position: absolute;
	text-align: left;
	top: 100%;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 0 0 0;
	transform-origin: 0 0 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 240px;
	z-index: 999;
	background: #fff;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
/*======== Coding for Menu show in One line but without space ===*/
.main-menu ul>li {
	position: inherit;
	display: inline-block;
	vertical-align: middle;
}


/*----- Coding for Login Button(Menus) Background color and Button Shape---- */ 
.buy {
background: #ffc221;
padding: 7px 41px !important;
margin-top: 18px;
border-radius: 10px;
display: inline-block;
float: right;
font-weight: 700;
}

/*----- Coding for Login Button(Menus) over mouse pointer color change "White" ---- */ 
.buy:hover {
	color: #fff;
}




/* ----Coding for Head Top Background Color Yellow Change---- */ 
.head_top {background: #ffc221;/*background: #ffffed*/;
margin-bottom:0px;
}

/*.head2_top {background: #660000;*/
.head2_top {background: #800000;
margin-bottom:0px;
}

.head3_top {background: /*#FFD700;*/#FFDF00;
margin-bottom:0px;
}
.news_top {/*background: #ffc221;*/background: #000000;
margin-bottom:0px;
}
/*----------------------------
    preloader area
----------------------------*/
/* ----Coding for Loading images---- */ 

.loader_bg {
	position: fixed;
	z-index: 9999999;
	background: #fff;
	width: 100%;
	height: 100%;
}

.loader {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.loader img {
	width: 200px;
}



/*.... Coding for Bank Logo on Header top ---- */
.full {
	width: 30%;
	float: left;
	margin: 0;
	padding: 0;
}


/*---- Coding for bank heading name in center (all pages)--*/
.logo_section {
	text-align: center;
}
.logo {
	float: left;
}

.main-menu ul {
	margin: 0;
	list-style-type: none;
}

.main-menu ul>li {
	display: inline-block;
	position: relative;
}


.main-menu ul li:last-child a {
	padding-right: 0;
}

.sub-down li {
	background: #ffffff;
}

.main-menu ul>li .sub-down li a {
	color: #114c7d;
	font-size: 15px;
	text-transform: capitalize;
	font-weight: 300;
	padding: 12px 5px;
	position: relative;
	border-bottom: solid #eee 1px;
}

.main-menu ul>li .sub-down li a::before {}

.main-menu ul>li .sub-down li a:hover {
	color: #111111;
}

.main-menu ul>li .sub-down li a:hover::before {}

.main-menu ul li:first-child {
	margin-left: 0;
}


.main-menu>ul>li:hover>ul {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	visibility: visible;
	opacity: 1;
}

.main-menu ul>li>ul>li {
	margin: 0px;
	position: relative;
	display: block;
}

.main-menu ul>li>ul>li:hover>ul {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	visibility: visible;
	opacity: 1;
	left: 100%;
	top: 10px;
}
/*-----Coding for sub-menu background color---*/
.main-menu ul>li>ul>li>a {
	background: white !important;
}

.main-menu ul>li:nth-child (6) {
	padding-right: 0px;
}


.megamenu .sub-down {
	max-width: 1140px;
	width: 100%;
	left: 0;
	margin: 0 auto;
	right: 0;
	padding: 15px 0px;
}


/*---------------------------------------------------------------------
    top banner area
---------------------------------------------------------------------*/


/*---------------------------------------------------------------------
    layout new css 
---------------------------------------------------------------------*/
/* ---- Coding for Slider - Bank Name Setting ---- */ 
.relative {
	position: fixed;
	top: 60%;
	transform: translateY(-50%);
	bottom: auto;
	text-align: left;
}

.banner-main {
	position: relative;
}
/*---Coding for Banner icmbank font color-*/
.banner-main .carousel-caption h1 {
	color: #FF0000;
	font-size: 50px;
   line-height: 90px;
	text-transform: uppercase;
}
/*---Coding for Banner paragraph font color-*/
.banner-main .carousel-caption p {
	color: #050000;
    font-weight: 500;
    	
    line-height: 23px;
	 }

.banner-main .carousel-caption a {
    width: 250px;
background: #ffc221;
padding: 9px 0px;
color: #fff;
font-size: 17px;
border-radius: 30px 0px 30px 30px;
display: inline-block;
text-align: center;
margin-top: 20px;

}
.banner-main .carousel-caption a:hover {
	background: #000;
}
.yellow_bold {color: #FF0000;}
/*-------------Testing------------*/
/** whyschose section *
/*-------------Testing------------*/
.whyschose {
	background: #fff;
    padding-top: 85px;
}

/* ---- Coding of Heading Coding for Title Color --*/
.title {
	text-align:center;
	padding-bottom: 5px;

}
/* --- Coding for Title Color -- (HOME) --*/
.title h2 {
	font-size: 50px;
	line-height: 55px;
	color:#800000;
	font-weight: 500;
	text-transform: uppercase;
    margin-bottom: 27px;
    position: relative;
    padding-bottom: 8px;
}


.title h2:after {
	position: relative;
content: '';
top: 100%;
width: 110px;
height: 10px;
display: block;
margin: 0 auto;
background: #000;
}

.title span{
color:#070500;
font-size: 28px;
line-height: 28px;
margin-top: 20px;
}
.black {
	font-weight: 500;
	color:#070500;
}
/* --------- Coding for Heading -----------*/ 
.choose_bg {
	background: #f9be20;
}


.choose_bg .white_bg  {
	background: #fff;
	padding: 40px 20px;
	box-shadow: #ddd 0px 0px 10px 3px;
	margin-bottom: 5px;
}
.choose_bg .white_bg .for_box {
	text-align: center;
	padding: 1px ;
}

.choose_bg .white_bg .for_box-2 {
	text-align:left;
	padding: 1px ;
}
.choose_bg .white_bg .for_box i {display:block;}
.choose_bg .white_bg .for_box-2 i {display:block;}
/* -- Coding for font size in Founder of Bank (HOME) ------*/ 
.choose_bg .white_bg .for_box h3 {
	font-size: 20px;
    line-height: 21px;
	color: #070500;
	padding: 25px 0px 0px 0px ;
	display: inline-block; 
}

.choose_bg .white_bg .for_box-2 h3 {
	font-size: 18px;
    line-height: 21px;
	color: #070500;
	/*padding: 25px 0px 15px 0px ;*/
	/*padding: 25px 80px 40px 20px ;*/
	display: inline-block; 
}
.choose_bg .white_bg .for_box p {
	color: #0a001a/*#f9be20*/;
	font-size: 15px;
	line-height: 28px;
	font-style: solid;
}
.choose_bg .white_bg .for_box-2 p {
	color: #0a001a/*#f9be20*/;
	font-size: 15px;
	line-height: 28px;
	font-style: solid;
}
.read-more  {
	width: 190px;
margin: 0 auto;
background: #fff;
display: block;
border: #f9be20 solid 2px;
text-align: center;
padding: 10px 0px;
color: #0a0401 !important;
font-size: 20px;
margin-top: 40px;
}
.read-more:hover {
	background: #f9be20;
	color: #0a0401;
}
/*-------------Testing------------*/
/** end whyschose section *



/** service section *
/*-------------Testing------------*/
.service {
	background: #fff;
	padding-top: 90px;
}
.service .service-box {
	padding: 30px 20px;
	box-shadow: #00000040 0px 0px 19px 0px;
    margin-bottom: 30px;
    text-align: left;
    
}

.service .service-box i img {
	height: 250px;
}

.service .service-box h3 {
	font-weight: 500;
	font-size: 22px;
	line-height: 22px;
	color: #050000;
	padding: 20px 0px;
}




.service .service-box p {
    color: #0d0c0a;
	font-size: 17px;
	line-height: 28px;
}



/*-------------Testing------------*/
/** end service section *


/** product section *
/*-------------Testing------------*/
.product {
	background: #fff;
	padding-top: 60px;

}

.product .title {
	text-align:left;
	padding-bottom: 60px;
}

.product .title h2 {
	font-size: 50px;
	line-height: 55px;
	color:#ffc221;
	font-weight: 500;
	text-transform: uppercase;
    margin-bottom: 27px;
    position: relative;
    padding-bottom: 8px;
}

.product .title h2:after {
	position: absolute;
    border-bottom: #000 solid 10px;
    content: '';
    top: 100%;
    width: 110px;
}

.product .title span{
color:#070500;
font-size: 22px;
line-height: 28px;
margin-top: 20px;
}
/*----------- Coding for Background Image (HOME) ------ */ 
/*.product-bg {
	/*background: url(../images/bg.jpg);*/
	/*background-repeat: no-repeat;
	background-size: 100% 100%;
	
}*/

/* ----------Coding for Background image- image up image-(yallow color) (HOME)------*/
.product-bg-white {
	/*background: #ffffffbd;#fff*/
	background: #ffc221; 
	/*background-image: linear-gradient(-40deg, #769a31 10%, #526b22 25%);*/
	/*background: #0892d0;*/
	box-shadow: #00000040 0px 0px 25px 0px;
	padding-top: 80px;
	padding-bottom: 60px;
}
/* ----------Coding for Background image- image up image-(About Page)------*/
.product-bg-cm {
	/*background: #ffffffbd;#fff*/
	background: #ffe9ec; 
	/*background: #0892d0;*/
	box-shadow: #00000040 0px 0px 25px 0px;
	padding-top: 80px;
	padding-bottom: 60px;
}
 /* ----------Coding for Photo Frame Border (HOME)------*/ 
 .product-bg .product-bg-white .product-box {
 	background: #ddd;
 	text-align: center;
 	margin-bottom: 30px;
 	padding: 20px 25px;

 }
  .product-bg .product-bg-cm .product-box {
 	background: #ffffff;
 	text-align: center;
 	margin-bottom: 30px;
 	padding: 20px 25px;

 }
 /* ----------- Codimg for Mouse blink in director photo (HOME) -----*/
 .product-bg .product-bg-white .product-box i img {width: 100%;}
 .product-bg .product-bg-white .product-box:hover {
 	/*background: #ffc221;*/
 	background:#0892d0;
 }

 .product-bg .product-bg-cm .product-box i img {width: 100%;}
 .product-bg .product-bg-cm .product-box:hover {
 	/*background: #ffc221;*/
 	background:#0892d0;
 }
 .product-bg .product-bg-white .product-box  h3 {
 	color: #020000;
 	font-weight: 500;
 	font-size: 17px;
 	line-height: 20px;
 	padding-top: 15px;
 }

 .product-bg .product-bg-white .product-box span {
 	color: #020000;
 	font-weight: 500;
 	font-size: 15px;   /* text font size for about page director photo--*/ 
 	line-height: 22px;
 }

 .product-bg .product-bg-cm .product-box  h3 {
 	color: #020000;
 	font-weight: 500;
 	font-size: 17px;
 	line-height: 20px;
 	padding-top: 15px;
 }

 .product-bg .product-bg-cm .product-box span {
 	color: #020000;
 	font-weight: 500;
 	font-size: 15px;   /* text font size for about page director photo--*/ 
 	line-height: 22px;
 }
 /* --- Coding for Over the mouse in Designation of director (HOME) -----*/
/*.product-bg .product-bg-white .product-box span:hover {
	color: #fff;
}
*/
/* ---- Coding for Home Page - Buttom Slider ---*/
.Clients_bg_white {
	background:#ffffffbd;
	margin-top: 6px;
	padding-bottom: 40px;
}

.Clients_bg_white .title {
	text-align: left;
	padding-bottom: 30px;
}
.Clients_bg_white .title h3 {
	color: #030000;
	font-size: 50px;
	line-height: 50px;
	padding-top: 40px;
}

.banner_Client {
	position: relative;
}
/* --------- Coding for bottom slider -----*/ 
.text-bg {position: inherit; text-align: left; }

.text-bg p {color: #030000;
  font-size: 17px; line-height: 28px;  padding-top: 40px; padding-bottom: 40px; display: inline-block;
 }
.img_bg i {float: left; display: flex; flex-wrap: wrap;}
.img_bg i img {width: 149px; height: 149px;}
.img_bg  span {color: #000; font-size: 28px; line-height: 28px; padding-left: 40px; padding-top: 41px;}
.img_bg .date {font-weight: normal; font-size: 16px; } 


/* ---- Coding for Bottom Banner -----*/ 
.yellow_bg {background: #ffc221; 
	padding: 40px 30px; 
	margin-top: 100px;
}

.yellow_bg .yellow-box h3 {
	color: #fff; 
	font-size: 31px; 
	font-weight: bold; 
	display: inline-block; 
	padding-bottom: 6px;
}
.yellow_bg .yellow-box i {padding-bottom: 10px; padding-left: 15px;	}
.yellow_bg .yellow-box p {

	font-size: 22px; 
	line-height: 28px; 
	color: #010101;
}
.yellow_bg .yellow-box a {
	background: #000;
    border-radius: 30px;
    max-width: 344px;
    width: 100%;
    font-size: 31px;
    line-height: 33px;
    color: #fff;
    padding: 16px 73px;
    display: inline-block;
    text-align: center;
    margin-left: 50px;
    margin-top: 17px;
    font-weight: 500;
}
/** end product section *

/** map section *
/*-------------Testing------------*/
/*.map img {
	width: 100%;
    padding:0px;
}

.padi {
	padding: 0px ;
}
*//*-------------Testing------------*/
/** end map section *

/** footer section *
/*--------Coding for Footer ------------*/
.footer {
	background: #87CEFA;
    padding-top: 70px;
}
ul.sociel {
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	margin: 0 auto;
}
ul.sociel li {
	display: inline-block;
	padding:0px 10px;
	}

ul.sociel li a {
color: #fff;
width: 50px;
height: 50px;
float: left;
text-align: center;
line-height: 50px;
border-radius: 100%;
font-size: 18px;
}

ul.sociel li a:hover {
	color: #fff;
width: 50px;
height: 50px;
background: #181201;
float: left;
text-align: center;
line-height: 50px;
border-radius: 100%;
font-size: 18px;

}

.contact {
	margin-top: 50px;
}

.contact h3 {
	color: #000000;
	font-weight: 500;
	font-size: 28px;
    		line-height: 30px;
	padding-bottom: 30px;
	text-transform: uppercase;
}

.contact span {
	color: #000000;
	font-size: 17px;
	line-height: 27px;
}

ul.lik li a {
	color: #000000;
	font-size: 17px;
	line-height: 27px;
}

ul.lik li a:hover {
	color: #ffc221;
}

.copyright {
	background-color: #ffc221;
	padding: 20px 0px;
	margin-top: 70px;
}

.copyright p {
	color: #0000FF;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
}

.copyrightpowered p {
	color: #0000FF;
	font-size: 15px;
	line-height: 22px;
	text-align: right;
}


.copyright a:hover {
	color: #fff;
}
/*-------------Testing------------*/
/** end footer section *
/*---------------------------------------------------------------------
    ener page css
---------------------------------------------------------------------
/*--- Coding for Header Banner (ABOUT/PRODUCT/CONTACT) PAGES -----------*/
.brand_color .titlepage h2 {
	font-weight: bold;
	font-size: 40px !important;
	text-transform: uppercase;
}


.brand_color {
     background-color: #ffc221;
}
.brand_color .titlepage {
     margin-top: 70px;
padding-bottom: 70px;
text-align: center;
}

.brand_color .abouttitle h2 {
     color: #fff;
     text-transform: uppercase;
     font-size: 40px;
     line-height: 45px;
     padding: 40px 0;
     font-weight: 500;
     text-align: center;
}


/* --- Coding for Contact Us Page - Complaint Form----*/ 
.form-control {
     border: #ffc221 solid 2px;
     border-radius: inherit;
     margin-bottom: 30px;
     padding: 13px 20px;
     font-family: poppins;
}
.form-control:focus {
     box-shadow: inherit;
     border: #ffc221 solid 2px !important;
}

.textarea {
     font-family: poppins;
     border: #ffc221 solid 2px;
     margin-bottom: 30px;
     padding: 13px 20px;
     width: 100%;
     padding-top: 40px;
} 

.send {
     font-family: poppins;
    max-width: 212px;
    margin: 0 auto;
    display: block;
    background: #000;
    color: #fff;
    padding: 12px 0px;
    width: 100%;
    font-size: 17px;
}

.send:hover {
     background: #ffc221;
}

/*-------------------------------------------------------*/
.product_page .title {text-align: center;}

/*--- Codig for About Page - Bank History----*/
.about {padding-top: 10px;}
.about .about_box figure {margin: 0%; }
.about .about_box figure img {width:30%;}
/*.about .about_box image {width: 10%;}*/
.about .about_box h3 {color: #000; font-weight: bold; font-size: 30px; line-height: 35px;}
.about .about_box p {color: #000; font-size: 20px; line-height: 30px; padding-top: 10px; text-align: justify;}


.about .about_box_vice figure {margin: 0%; }
.about .about_box_vice figure img {width:20%;}
/*.about .about_box image {width: 10%;}*/
.about .about_box_vice h3 {color: #000; font-weight: bold; font-size: 30px; line-height: 35px;}
.about .about_box_vice p {color: #000; font-size: 20px; line-height: 30px; padding-top: 10px; text-align: justify;}



.about-bg {
	background-color: #ad2100;
	margin-bottom: 90px;
}

.about-bg .abouttitle h2 {
	color: #fff;
	text-transform: uppercase;
	font-size: 40px;
	line-height: 45px;
	padding: 40px 0;
	font-weight: 500;
	text-align: center;
}

.about {
	/*background: #ebfff2;*/
	padding-top: 0px;
}


/* ------ Coding for slider arrow -----*/

.bold_text_black {
    font-size: 50px;
    line-height: 100px;
    text-transform: uppercase;
    /*color: #000;*/
        color: #0000;
}

.bold_text {
    font-size: 80px;
    line-height: 4px;
    text-transform: uppercase;
    color: #eb622c;
}

.bold_text_address {
    font-size: 25px;
    line-height: 100px;
    text-transform: uppercase;
    color: #000;
 } 
 .bold_text_black {      /* first silde text desing */
    font-size: 40px;
    line-height: 100px;
    text-transform: uppercase;
    /*color: #000;*/
        color:#FF0000;
}

.bold_text {
    font-size: 80px;
    line-height: 4px;
    text-transform: uppercase;
    color: #eb622c;
}

.bold_text_address {          /* first silde text desing */
    font-size: 25px;
    line-height: 100px;
    text-transform: uppercase; 
    color: #000;
 }        
 /* ------ Coding for Slider Text Font Color---*/

#main_slider .carousel-control-prev,
#main_slider .carousel-control-next {
	width: 100px;
	height: 52px;
	/*background: #fffdfd;*/
	opacity: 1;
	font-size: 30px;
	color: #000;
}

#main_slider .carousel-control-prev:hover,
#main_slider .carousel-control-next:hover,
#main_slider .carousel-control-prev:focus,
#main_slider .carousel-control-next:focus {
	background: #ffc221;
	color: #fff;
}

#main_slider a.carousel-control-prev {
	position: absolute;
	left: 82px;
	bottom: 10px;
	top: inherit;
}

#main_slider a.carousel-control-next {
	position: absolute;
	left: 10px;
	top: inherit;
	bottom: 10px;
}
 /* ------ END Coding for Slider Text Font Color---*/
/* ---- Coding for Deposit Scheme (Deposit Html Page)----*/
.content-heading-dep {
  padding: 20px;
  background-color: #f44336; /* Red */
  color: white;
  margin-bottom: 15px;
  font-size: 20px;
}
.content-heading-dep-sb {
  padding: 20px;
  background-color: #f44336; /* Red */
  color: white;
  margin-bottom: 15px;
  font-size: 20px;
}
p.thicker {
  font-weight: 600;
}
p.a {
  font: 16px Arial, sans-serif;
}
.text-dep-page {position: inherit; text-align: left; }

.text-dep-page p {color: #030000;
  font-size: 17px; line-height: 28px;  text-align: justify; padding-top: 40px; padding-bottom: 40px; display: inline-block;
 }

 /* --- Coding for Finanical Growth Page (Table) --- */
 #customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  text-align: center;
  font-style: bold;
}

#customers td, #customers th {
  border: 1px solid #000;
  padding: 15px;
  text-align: left;
  font-style: bold;
}

#customers tr:nth-child(even){background-color: #f4c2c2;text-align: right;font-style: bold;}


#customers tr:hover {background-color: #ddd;text-align: right;font-style: bold;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #4CAF50;
  color: white;
}
/*------- Coding for Management Page - Table ------*/ 
 #customers-mg {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  text-align: center;
  font-style: bold;
}

#customers-mg td, #customers-mg th {
  border: 1px solid #000;
  padding: 15px;
  text-align: left;
  font-style: bold;
}

/*#customers-mg tr:nth-child(even){background-color: #f4c2c2;text-align: right;font-style: bold;}
*/

#customers-mg tr:hover {background-color: #ddd;text-align: right;font-style: bold;}

#customers-mg th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #4CAF50;
  color: white;
}



/*---Css file of footer( Face book youtue ...etc)---*/ 
@import url("font-awesome.min.css");
@import url("predefind-classes.css");
@import url("header.css");
@import url("jquery.dataTables.min.css");
@import url("about-us.css");
@import url("facility.css");
@import url("site-global.css");
@import url("lightbox.css");
@import url("jquery.fancybox.min.css");
@import url("footer.css");

/*==== Carousel section Css Code.====*/

#carousel-bottom-strip
{
    text-align: center;
    padding: 10px 0px;
}

#carousel-bottom-strip a
{
    color: #000;
    font-weight: bold;
}

#carousel-bottom-strip .service {padding: 10px 0px;}
#carousel-bottom-strip .service .title{padding:5px 0px 0px 5px; text-align: justify;}

@media(max-width:992px)
{
    #carousel-bottom-strip .service{padding: 10px 0px !important;}
}

@media(max-width:768px)
{
    #carousel-bottom-strip .service img{float: right;}
    #carousel-bottom-strip .service .title{text-align: justify;}
    #carousel-bottom-strip .service .title a{padding-left: 20px }
}

/*==== Product Schemes section Css Code.====*/

#products-schemes .product
{
    margin-top: 20px;
    padding: 20px; 
    border: 1px solid #ccc;
/*    box-shadow: 0 3px 10px #888;*/
}

#products-schemes .product h4
{
    text-align: center;
    padding-top: 10px;
    font-weight: bold;
}

#products-schemes a:hover h4{color: #000;}


/*==== Recents Update Section Css Code.====*/

#recent-update .title
{
    padding: 10px;
    text-align: center;
    color: #fff;
}

#recent-update .notice
{
    padding: 13px;
    text-align: center;
    color: #fff;
}


/*==== Deposit Schemes Section Css Code.====*/

#deposit-schemes .bg-deposit-schemes
{
    background-color: #e5e4e4;
    margin-top: 20px;
}

#deposit-schemes .schemes
{
    margin: 10px auto;
}

#deposit-schemes .schemes h4
{
    text-align: center;
    font-weight: bolder;
    padding: 10px;
}

#deposit-schemes a:hover h4{color: #000;}


/*==== Loan Schemes Section Css Code.====*/

#loan-schemes .schemes
{
    margin-top: 40px;
}

#loan-schemes .schemes h4
{
    text-align: center;
    font-weight: bolder;
    padding: 10px;
}

#loan-schemes a:hover h4{color: #000;}



/*==== Mail Pages Section Css Code.====*/

#mail
{
    text-align: center;
}
#mail img
{
    padding: 20px 0px;
}

#mail h3
{
    color: #833610;
    font-weight: bolder;
    margin-bottom: 20px;
}

#mail p
{
    color: #833610;
    font-weight: bolder;
    margin-bottom: 5px;
}

#mail .home
{
    margin-top:20px;
}
#mail .home a:hover{
    color: #833610;
    transition: 0.5s;
}


/*--- End Coding for Face book you tube - Contact page --*/

/*----- Coding for Gallery Page ----*/
div.gallery-pg {
  border: 3px solid #ccc;
}

div.gallery-pg:hover {
  border: 5px solid #00bfff ;
}

div.gallery-pg img {
  width: 100%;
  height: auto;
}

div.desc-pg {
  padding: 30px;
  text-align: center;
}

* {
  box-sizing: border-box;
}

.responsive-pg {
  padding: 0 25px;
  float: left;
  width: 50%;
}

@media only screen and (max-width: 700px) {
  .responsive-pg {
    width: 50%;
    margin: 25px 0;
  }
}

@media only screen and (max-width: 500px) {
  .responsive-pg {
    width: 800%;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/*-------------------------Gallery page End -------------------*/
/* ---- Branch Contact us Page --------------*/ 
.Contactus {
	/*background: #ffe9ec;*/
	background: #FFFFFF;
	padding-top: 90px;
}
.Contactus .Contactus-box {
	padding: 30px 20px;
	/*box-shadow: #00000040 0px 0px 19px 0px;*/
	box-shadow: #800000 0px 0px 19px 0px;
    margin-bottom: 30px;
    text-align: center;
}

.Contactus .Contactus-box i img {
	height: 120px;
}

.Contactus .Contactus-box h3 {
	font-weight: 500;
	font-size: 25px;
	line-height: 22px;
	/*color: #050000;*/
	color: #000;
	padding: 20px 0px;
}

.Contactus .Contactus-box p {
    color: #0d0c0a;
    /*color: #ffc221*/ /* yallow */ 
	font-size: 17px;
	line-height: 28px;
}
/* ----- End Branch Contact us Page ---------*/ 

/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  font-size: 40px !important;
  text-transform: uppercase;
  color:#ffffff;
}
/* ----- End Text over the image in center ---------*/ 
.containerabout {
  position: relative;
  text-align: center;
  color: white;
}


/*-------------- Horizontal line ------------*/
.hl {

	border-top: 3px solid;
	color: green;
	border-radius: 5px;

}

/*--------------- Deposit Page ---------------*/ 
.tablink {
  background-color: #189AB4;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 17px;
  width: 25%;
}

/* Change background color of buttons on hover */
.tablink:hover {
  background-color: darkred;
}

/* Set default styles for tab content */
.tabcontent {
  color: navy;
  display: none;
  padding: 50px;
  text-align: left;
  text-shadow: 100;
}

/* Style each tab content individually */
#Saving {background-color:#D1E2C4;}    /*#87CEFA*/
#Current {background-color:#D1E2C4;}  /*#F6F4DE   */
#FDR {background-color:#D1E2C4;}       /*#EBEBE8   */
#RD {background-color:#D1E2C4;}        /*   */