/*
Theme Name: Prmier Theme
Theme URI: https://thepremierbankplc.com/
Author: Disrupt Technologies
Author URI: http://disruptglobal.com/
Version: 1.0

TOC:
a. Reset
b: Typography
c: layout
	1. header
	2. banner
	3. main
	4. footer
d: meadia query css

*/
/* ------------------------------------------------------------------ */
/* a : Reset Css
/* ------------------------------------------------------------------ */
/*@import url(https://fonts.googleapis.com/earlyaccess/notosansbengali.css);
@import url(https://weloveiconfonts.com/api/?family=entypo);*/
body {
  font-family: "Inter", sans-serif;
  color: #fff;
  text-align: left;
  font-size: 14px; 
  /*background-image: url(images/body-bg-1.png);
  background-size: 100% auto;
  background-position: top left;
  background-repeat: no-repeat;*/
  position: relative;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  
  }
  
 /*@font-face {
  font-family: 'Neo Sans Pro';
  src: url('fonts/NeoSansPro-Regular.eot') format('embedded-opentype');
  src:  url('fonts/NeoSansPro-Regular.woff') format('woff'), url('fonts/NeoSansPro-Regular.ttf')  format('truetype'), url('fonts/NeoSansPro-Regular.svg#NeoSansPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}*/
 

/*===========@Global Styles ============*/
* {
  margin: 0;
  padding: 0;
  outline: none; }

img, fieldset {
  border: 0; }

a {
  text-decoration: none; }

.clear {
  clear: both; }

/* =====for bootstrap defult===== */
h1, h2, h3, h4, h5, h6, p, a, ul, ol {
  margin: 0;
  padding: 0; }

/* =====Start header===== */
header {
    background: #fff;
    width: 100%;
    top: 0; 
	line-height:0;
  }
.header-top{
	/*background:url(images/header-top-bg.png) no-repeat center;*/
	/*background: #80b5554a;
	min-height:53px;
	background-size:cover;*/
}  
.fixed-header {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    margin-top: 0;
    position: fixed;
    transition: all 0.5s ease;
    background-color: #fff;
    border-bottom: 4px solid #113c64;
}
.logo-box{
	padding:10px 0px;
	animation: heartbeat 1.5s alternate infinite ease-in;
}
@keyframes heartbeat {
	0%{
		transform: scale(0.9);
	}
	100%{
		transform: scale(1.0);
	}
	
}

.logo-mobile{
	   display:none;
   }

.navbar{
	padding: 0px 0px;
}
ul.header-top-nav{
	/*margin: 20px 0px;*/
	margin-top:10px;
	list-style:none;
}
ul.header-top-nav>li{
	display:inline-block;
	/*border-right:1px solid #ff9838;*/ 
	padding: 0px;
	text-align: center;
}

ul.header-top-nav>li>a{
	color: #000;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 28.8px;
	/*text-transform:capitalize;*/
	padding:0px;
	/*display: block;*/
	text-decoration:none;
	transition:ease-in-out 0.2s;
	-webkit-transition:ease-in-out 0.2s;
	-moz-transition:ease-in-out 0.2s;
}
ul.header-top-nav>li>a:hover{
	 color: #116936;
     transition:ease-in-out 0.2s;
	-webkit-transition:ease-in-out 0.2s;
	-moz-transition:ease-in-out 0.2s;	
}
ul.header-top-nav>li>a>span{
	font-size: 13px;
}
.header-right{
	text-align:right;
}
.header-top-nav-right{
	display:inline-block;
}
ul.header-top-nav-right>li{
	margin-left:30px;
}
.search-icon{
	/*display: inline-block;
    vertical-align: middle;
    height: 43px;*/
	display: flex;
	width: 34px;
	height: 34px;
	padding: 10px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 64px;
    background: linear-gradient(90deg, #065B5E 4.29%, #008151 54%, #007A54 99.83%);
}

.scroll-header{
	/*background: -webkit-linear-gradient(top,#fcfcfc 0,#e8e8e8 100%);
    background: -o-linear-gradient(top,#fcfcfc 0,#e8e8e8 100%);
    background: -ms-linear-gradient(top,#fcfcfc 0,#e8e8e8 100%);
    background: linear,to bottom,#fcfcfc 0,#e8e8e8 100%;
	border-top: 1px solid #f1f1f1;*/
}
ul.main-nav {
    list-style: none;
    /*margin: 25px 0px;*/
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}
 
ul.main-nav >li {
     /*border-right:1px solid #404042;*/
	 /*padding: 0px 8px;*/
	 position:relative;
}

ul.main-nav >li>a { 
	color: #000;
    font-size: 14px;
	font-weight:500;
	line-height: 70px;
	text-transform:capitalize;
	padding:0px !important;
	position:relative;
	transition:ease-in-out 0.2s;
	-webkit-transition:ease-in-out 0.2s;
	-moz-transition:ease-in-out 0.2s;
	}
	
ul.main-nav >li>a:hover{
	 color: #116936;
     transition:ease-in-out 0.2s;
	-webkit-transition:ease-in-out 0.2s;
	-moz-transition:ease-in-out 0.2s;	
}

.icon-bar{
  height: 5px;
  background-color:#113c64;
  width: 100%;
  margin-bottom: 5px;
  display: block; 
 }

.icon-bar:focus {	
    border: none;
}

.navbar-toggler-icon {
    height: auto !important;
}

.navbar-toggler:focus {
    outline: none; 
}

/* Dropdown menu  */

/* Dropdown menu  */

.common-dropdown{
	position: relative !important;
}
.common-dropdown>.dropdown-menu{
	width:240px !important;
	background-color:#618e3d;
	border: none; 
}
.common-dropdown>.dropdown-menu>a{
	color:#fff;
	font-size:15px;
	line-height:20px;
	margin:5px 0px;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
}
.common-dropdown>.dropdown-menu>a:hover{
	color:#fbd00a;
	background:none;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
}
.common-dropdown>.dropdown:hover>.dropdown-menu {
  display: block;
}

.common-dropdown>.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
	pointer-events: none;
}
.navbar .dropdown-menu {
    width: 100%;
    left: 0;
    right: 0;
    top: 68px; 
	border-radius:0px;
	border:none;
	background: linear-gradient(90deg, #0E3B64 0%, #008F4C 100%)!important;
	/*background-color: #07509d !important;*/
	transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
  display:block!important;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
}
.dropdown-toggle::after {
   content:none;
}
.dropdown-item {
    padding: 0.25rem 1rem;
}
.home-btn-icon{
	height:55px;
}
ul.dropdown-nav {
    list-style: none;
}
ul.dropdown-nav>li {
    display: block;
	/*margin-right:10px;*/
}
ul.dropdown-nav>li>a {
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    margin: 5px 0px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    /*border: 1px solid #fff;*/
    padding: 5px 10px!important;
}
ul.dropdown-nav>li>a:hover{
    color:#FFC107;
	/*border: 1px solid #fbd00a;*/
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
}
.dropdown-menu h6 a{
	text-decoration:none;
	color:#fff;
}
.dropdown-menu h6 a:hover{
	color:#FECD08;
}
@media screen and (min-width: 992px){
.navbar .dropdown:hover{
    position: static;
}
}
/*****End Header *****/

/*****Start Content*****/


.banner-small-title{
	font-size:36px;
	line-height:45px;
	color:#fff;
	text-transform:capitalize;
}
.banner-title{
	font-size:50px;
	line-height:60px;
	color:#fff;
	text-transform:capitalize;
}
.banner-para{
	font-size:24px;
	line-height:30px;
	color:#fff;
	text-transform:capitalize;
}

a.banner-btn{
    border-radius: 12px;
    border: 1px solid #FFF;
	display: flex;
	width: 192px;
	padding: 11px 26px;
	align-items: center;
	gap: 17px;
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 22.4px;
	margin-top:30px;
    text-decoration: none;
    text-transform: capitalize;
    transition: ease-in-out 0.4s;
    -webkit-transition: ease-in-out 0.4s;
    -moz-transition: ease-in-out 0.4s;
}
a.banner-btn>span{
	display: flex;
	padding: 9.6px;
	align-items: flex-start;
	gap: 5.333px;
	border-radius: 33.067px;
	background: #0E3B64;
}

a.banner-btn:hover{
	/*background: #00854a;*/
	background: linear-gradient(90deg, #065B5E 4.29%, #008151 54%, #007A54 99.83%);
    color: #fff;
	border: 1px solid #065B5E;
    transition: ease-in-out 0.4s;
    -webkit-transition: ease-in-out 0.4s;
    -moz-transition: ease-in-out 0.4s;
    
}

a.button {
	background: #5a5b51;
	border: none;
	padding: 1.3rem 2.5rem ;
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	position: relative;
	display: inline-block;
	margin-top: 30px;
    border-radius: 24px;
    text-decoration: none;
}

.banner-common-title{
	color: #FFF;
	font-family: Inter;
	font-size: 75px;
	font-style: normal;
	font-weight: 600;
	line-height: 80px;
	text-transform: capitalize;
}

ul.feature-sevice-list{
	list-style:none;
	display: flex;
	align-items: center;
	gap: 25px;
	align-self: stretch;
}
ul.feature-sevice-list>li{ 
	flex-basis:24%;
	overflow:hidden;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
}
.title-box{
	display: flex;
    align-items: center;
    width: 100%;
}
.title-box>h3{  
    color: #343434;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 16.8px;
	text-transform: uppercase;
	white-space: nowrap;
    margin-right: 10px;
}
.title-box .line{
	width: 100%;
    height: 1px;
    background-color: #0E3B64;
}
/*ul.feature-sevice-list>li>h3{ 
    color: #343434;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 16.8px;
	text-transform: uppercase;
	position: relative;
}
ul.feature-sevice-list>li>h3:before{ 
    content: "";
    position: absolute;
    left: 160px;
    top: 9px;
    z-index: 111;
    width: 280px;
    height: 1px;
    background: #0E3B64;
    overflow: hidden;
}*/
ul.feature-sevice-list>li .img-box {
    position: relative;
    width: 100%;
    overflow: hidden;
	transition: ease-in-out .5s;
    -webkit-transition: ease-in-out .5s;
    -moz-transition: ease-in-out .5s;
}
/*ul.feature-sevice-list>li>a{
	text-decoration:none;
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 22.4px;
	transition: ease-in-out .4s;
    -webkit-transition: ease-in-out .4s;
    -moz-transition: ease-in-out .4s;
}
ul.feature-sevice-list>li>a>span{
	width: 33px;
    height: 33px;
    border-radius: 50%;
    background: #0E3B64;
    color: #fff;
    display: inline-flex;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    line-height: 33px;
    font-size: 20px;
    margin-left: 20px;
}
ul.feature-sevice-list>li>a:hover {
	transition: ease-in-out .4s;
    -webkit-transition: ease-in-out .4s;
    -moz-transition: ease-in-out .4s;
}
ul.feature-sevice-list>li>a:hover .feature-icon{
	background: linear-gradient(90deg, #065B5E 4.29%, #008151 54%, #007A54 99.83%);
	transition: ease-in-out .4s;
    -webkit-transition: ease-in-out .4s;
    -moz-transition: ease-in-out .4s;
}*/

.img-box-overlay{
	position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    background: #221f1fa6;
    z-index: 999;
    min-height: auto;
    padding: 10px;   
    display: none;
    transition: ease-in-out .5s;
    -webkit-transition: ease-in-out .5s;
    -moz-transition: ease-in-out .5s;
    animation: img-over .2s ease-in-out;
}
.img-box-overlay>p{
	font-size: 13px;
    line-height: 20px;   
	color:#fff;
	text-align:center;
}
/*@keyframes img-over {
  0% {
    transform: translateY(-200px); 
  }
  
  100% {
    transform: translateY(0px);
  }
}*/
@keyframes img-over {
  0% {
    opacity: 0;
  }
  
  100% {
    opacity: 1;
  }
}
.img-box:hover .img-box-overlay {
    display: flex;
	align-items:center;
    transition: ease-in-out .5s;
    -webkit-transition: ease-in-out .5s;
    -moz-transition: ease-in-out .5s;
}
.feature-product-list>li .img-box>img {
	height:220px;
	object-fit:cover;
}
.content-common-head{
	color: #000;
	font-size: 25px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px;
}
.app-section{
	display: flex;
	width:100%;
	align-items: center;
	gap: 18px;
	border-radius: 10px;
	background: linear-gradient(90deg, #0E3B64 0%, #008F4C 100%);
}
.app-sec-content-box{
	display: flex;
	width: 733px;
	flex-direction: column;
	align-items: flex-start;
	gap: 26px;
	/*flex-shrink: 0;*/
}
.app-sec-content-box>h3{
	color:  #FFF;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	line-height: 35px;
}
.app-sec-content-box>p{
	color:  #FFF;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
ul.news-list{
	list-style:none;
	display: flex;
	justify-content:space-between;
	align-items: start;
	/*gap: 31px;
	align-self: stretch;*/
}
ul.news-list>li{
	/*display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;*/
	flex-basis:24%;
	margin-bottom:15px;
}
ul.news-list>li>h3{
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 19.2px;
	margin: 10px 0px;
}
ul.news-list>li>p{
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 19.6px;
}
.news-img-wraper{
	display: block;
	position:relative;
	overflow:hidden;
}
.news-img-wraper>img{
	width:100%;
	height:220px;
	object-fit:cover;
	transition: ease-in-out .5s;
    -webkit-transition: ease-in-out .5s;
    -moz-transition: ease-in-out .5s;
}
.news-img-wraper>img:hover{
	transform:scale(1.04,1.04);
	transition: ease-in-out .5s;
    -webkit-transition: ease-in-out .5s;
    -moz-transition: ease-in-out .5s;
}
.news-img-wraper>h5{
	position:absolute;
	left:0;
	bottom:0;
	background: #0E3B64;
	display: flex;
	padding: 10px 17px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	color:#fff;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 16.8px ;
}
a.news-btn{
	text-decoration:none;
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 22.4px;
	transition: ease-in-out .4s;
    -webkit-transition: ease-in-out .4s;
    -moz-transition: ease-in-out .4s;
}
a.news-btn span{
	width: 33px;
    height: 33px;
    border-radius: 50%;
    background: #0E3B64;
    color: #fff;
    display: inline-flex;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    line-height: 33px;
    font-size: 20px;
    margin-left: 20px;
}
a.news-btn:hover {
	transition: ease-in-out .4s;
    -webkit-transition: ease-in-out .4s;
    -moz-transition: ease-in-out .4s;
}
a.news-btn:hover .feature-icon{
	background: linear-gradient(90deg, #065B5E 4.29%, #008151 54%, #007A54 99.83%);
	transition: ease-in-out .4s;
    -webkit-transition: ease-in-out .4s;
    -moz-transition: ease-in-out .4s;
}

#social-sidebar {
	right: 0;
	position: fixed;
	top: 45%;
	z-index:200;
	list-style:none;
	
}
#social-sidebar li{
	/*background: #116835;*/
	border-radius: 5px 0 0 5px;
	margin-bottom:0px;
}

#social-sidebar a {
	color: #113c64;
    text-decoration: none;
    display: block;
    height: 40px;
    width: 34px;
    font-size: 20px;
    line-height: 40px;
    position: relative;
    text-align: center;
    cursor: pointer;
    background: #f7f2f2c2;
}
#social-sidebar a:hover span {
	right: 120%;
	opacity: 1;
	border-radius: 5px 0 0 5px;
	
}
#social-sidebar a span {
	font: 13px "Inter", sans-serif;
    text-transform: capitalize;
    font-weight: 400;
    border-radius: 3px;
    line-height: 24px;
    right: -220px;
    margin-top: 0;
    opacity: 0;
    padding: 4px 8px;
    position: absolute;
    transition: opacity .3s, right .4s;
    /* top: 10px; */
    z-index: -1;
    white-space: nowrap;
}
 
#social-sidebar a span:before { 
	content: "";
	display: block;
	height: 8px;
	width: 8px;
	right: -4px;
	margin-top: -4px;
	position: absolute;
	top: 50%;
	transform: rotate(45deg);
}
 #social-sidebar a em {
    font-style: normal;
    display: inline-block;
    margin-bottom: 5px;
    text-align: left;
    display: inline-block;
    float: left;
    padding:0 13px 0 0;
    font-size: 13px;
}
#social-sidebar a[class*="twitter"]:hover,
#social-sidebar a[class*="twitter"] span,
#social-sidebar a[class*="twitter"] span:before {background: #00aced;}

#social-sidebar a[class*="socialmedia"]:hover,
#social-sidebar a[class*="socialmedia"] span,
#social-sidebar a[class*="socialmedia"] span:before {background: #f2f2f2;}
 
#social-sidebar a[class*="facebook"]:hover,
#social-sidebar a[class*="facebook"] span,
#social-sidebar a[class*="facebook"] span:before {background: #3B5998;}
 
#social-sidebar a[class*="fa-youtube"]:hover,
#social-sidebar a[class*="fa-youtube"] span,
#social-sidebar a[class*="fa-youtube"] span:before {background: #FF0000;}
 
#social-sidebar a[class*="fa-instagram"]:hover,
#social-sidebar a[class*="fa-instagram"] span,
#social-sidebar a[class*="fa-instagram"] span:before {background: #d6249f;
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
	box-shadow: 0px 3px 10px rgba(0,0,0,.25);}
#social-sidebar a[class*="fa-file-alt"]:hover,
#social-sidebar a[class*="fa-file-alt"] span,
#social-sidebar a[class*="fa-file-alt"] span:before {background: #009749;}
 
#social-sidebar a[class*="fas fa-copy"]:hover,
#social-sidebar a[class*="fas fa-copy"] span,
#social-sidebar a[class*="fas fa-copy"] span:before {background: #009749;}
 
#social-sidebar a[class*="fas fa-headset"]:hover,
#social-sidebar a[class*="fas fa-headset"] span,
#social-sidebar a[class*="fas fa-headset"] span:before {background: #f2f2f2;}

#social-sidebar a[class*="fas fa-phone-alt"]:hover,
#social-sidebar a[class*="fas fa-phone-alt"] span,
#social-sidebar a[class*="fas fa-phone-alt"] span:before {background: #f2f2f2;}
 
#social-sidebar a[class*="far fa-building"]:hover,
#social-sidebar a[class*="far fa-building"] span,
#social-sidebar a[class*="far fa-building"] span:before {background: #009749;} 
 
#social-sidebar a[class*="fas fa-network-wired"]:hover,
#social-sidebar a[class*="fas fa-network-wired"] span,
#social-sidebar a[class*="fas fa-network-wired"] span:before {background: #f2f2f2;} 

#social-sidebar a[class*="fas fa-map-marker-alt"]:hover,
#social-sidebar a[class*="fas fa-map-marker-alt"] span,
#social-sidebar a[class*="fas fa-map-marker-alt"] span:before {background: #f2f2f2;} 

 
#social-sidebar a[class*="fas fa-th-list"]:hover,
#social-sidebar a[class*="fas fa-th-list"] span,
#social-sidebar a[class*="fas fa-th-list"] span:before {background: #6BB130;}

#social-sidebar a[class*="fas fa-calculator"]:hover,
#social-sidebar a[class*="fas fa-calculator"] span,
#social-sidebar a[class*="fas fa-calculator"] span:before {background: #6BB130;}

#social-sidebar a[class*="fab fa-linkedin"]:hover,
#social-sidebar a[class*="fab fa-linkedin"] span,
#social-sidebar a[class*="fab fa-linkedin"] span:before {background: #0e76a8 ;}
#social-sidebar a[class*="subsidiaries"] span{
	z-index:0;
}
#social-sidebar a[class*="social-media"] span{
	z-index:0;
}

/*****End Content*****/
/*****Start Footer *****/
footer {
    background: linear-gradient(90deg, #0E3B64 0%, #008F4C 100%);
    color: #fff;
}

.coyright{
	color: #FFF;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 19px;
}
.footer-title{ 
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 22.4px;
}
.footer-addr{
	color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
ul.footer-nav{
	list-style:none;
	margin-top: 18px;
}
ul.footer-nav>li{
	display:block;
	margin-bottom: 10px;
}
ul.footer-nav>li>a{
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	text-decoration:none;
	transition:ease-in-out 0.4s;
	-webkit-transition:ease-in-out 0.4s;
	-moz-transition:ease-in-out 0.4s;
}
ul.footer-nav>li>a:hover{
	color:#ffeb3b;
	transition:ease-in-out 0.4s;
	-webkit-transition:ease-in-out 0.4s;
	-moz-transition:ease-in-out 0.4s;
}
ul.footer-nav>li>a>span{
	margin-right:10px;
}
ul.footer-bottom{
	list-style:none;
	text-align:right;
}
ul.footer-bottom>li{
	display:inline-block;
	padding:0px 5px;
	border-right:2px solid #fff;
}
ul.footer-bottom>li:last-child{
	border-right:none;
}
ul.footer-bottom>li>a{
    color: #fff;
	text-align: right;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height:  19px;
    text-decoration: none;
    display: block;
	transition:ease-in-out 0.4s;
	-webkit-transition:ease-in-out 0.4s;
	-moz-transition:ease-in-out 0.4s;
}
ul.footer-bottom>li>a:hover{ 
    color: #ffeb3b;
	transition:ease-in-out 0.4s;
	-webkit-transition:ease-in-out 0.4s;
	-moz-transition:ease-in-out 0.4s;
}

/*****End Footer *****/

.faq-card-header {
    background: #0E3B64;
	/*background-image: linear-gradient(to right, #0c3024, #6d954e);
	background: rgba(12,48,36,1);
	background: -moz-linear-gradient(left, rgba(12,48,36,1) 0%, rgba(34,78,50,1) 43%, rgba(87,128,59,1) 71%, rgba(109,149,78,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(12,48,36,1)), color-stop(43%, rgba(34,78,50,1)), color-stop(71%, rgba(87,128,59,1)), color-stop(100%, rgba(109,149,78,1)));
	background: -webkit-linear-gradient(left, rgba(12,48,36,1) 0%, rgba(34,78,50,1) 43%, rgba(87,128,59,1) 71%, rgba(109,149,78,1) 100%);
	background: -o-linear-gradient(left, rgba(12,48,36,1) 0%, rgba(34,78,50,1) 43%, rgba(87,128,59,1) 71%, rgba(109,149,78,1) 100%);
	background: -ms-linear-gradient(left, rgba(12,48,36,1) 0%, rgba(34,78,50,1) 43%, rgba(87,128,59,1) 71%, rgba(109,149,78,1) 100%);
	background: linear-gradient(to right, rgba(12,48,36,1) 0%, rgba(34,78,50,1) 43%, rgba(87,128,59,1) 71%, rgba(109,149,78,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c3024', endColorstr='#6d954e', GradientType=1 );*/
    padding: 5px 15px;
	color:#fff;
	border-radius: 0 !important;
}
.faq-card-body {
    color: #000;
    text-align: justify;
    font-size: 15px;
	padding: 18px 10px;
}
.faq-btn-link {
    color: #fff;
    padding: 3px 0px;
    font-weight: 600;
    font-size: 16px;
	white-space: unset;
	text-align:left;
	display: block;
    width: 100%;
	box-shadow: none !important;
}
.faq-btn-link:hover,.faq-btn-link:focus,.faq-btn-link:active{
	color: #fff;
    text-decoration: none;
}
.card {
    background-color: transparent;
    border: none;
    margin-bottom: 10px;
}
.faq-btn-link:after {
    content: "-";
    position: absolute;
    margin-top: -5px;
    font-size: 20px;
    width: 30px;
    height: 30px;
    font-weight: 600;
    color: #fff;
    right: 17px;
    justify-content: center;
    display: flex;
    top: 10px;
    align-items: center;
    -webkit-animation: minus 0.8s;
    animation: minus 0.8s;
    border: 1px solid #fff;
    border-radius: 30px;
}
.faq-btn-link.collapsed:after {
   content: "+";
  -webkit-animation: plus 0.8s;
   animation: plus 0.8s;
} 

@keyframes minus {
	0% {transform: rotate(180deg);}
	0% {-webkit-transform: rotate(180deg);}
}

@keyframes plus {
   0% {transform: rotate(-180deg);}
   0% {-webkit-transform: rotate(-180deg);}

}
.common-table{
	margin: 30px 0;
	border-spacing: 5px;
    border-collapse: initial;
}
.common-table thead tr th {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    position: relative;
	text-align: center;
}
.common-table tbody tr td {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    position: relative;
	text-align: center;
}
.common-table tbody tr td a{
    margin: 0 auto;
    text-decoration: none;
}
.common-table tbody tr td a:hover{
    color:#fff;
}
.common-table td, .common-table th {
    border: 2px solid #7a7a7a33;
	vertical-align: middle;
}
ul.common-side-menu-list {
    list-style: none;
    padding: 50px 0;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 43px 0px rgba(28, 114, 187, 0.11);
}
ul.common-side-menu-list>li {
    display: block;
    /* flex-basis: 100%; */
    position: relative;
    /* padding: 20px 35px 20px 50px; */
    color: #113c64;
    /* cursor: pointer; */
    border-bottom: 1px solid #113c64;
}
ul.common-side-menu-list>li>a{
    color: #000;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    width: 100%;
    padding: 20px 30px;
    display: block;
}
ul.common-side-menu-list>li::after{
    font-family: "Font Awesome 5 Free";
    content: "\f101";
    vertical-align: middle;
    font-weight: 900;
    top: 17px;
    position: absolute;
    right: 15px;
    font-size: 20px;
}
ul.common-side-menu-list>li:hover a{
    color: #fff;
}
ul.common-side-menu-list>li:hover{
    background: #113c64;
    color: #fff;
}
ul.common-side-menu-list>li.active{
	background: #113c64;
    color: #fff;
}
ul.common-side-menu-list>li.active a{
    color: #fff;
}

#agent-outlet_filter{
	float: right !important;
}

#agent-outlet_wrapper label {	
    display: inline-flex !important;
    line-height: 28px !important;
    font-size: 15px !important;
    font-weight: bold !important;
}
#agent-outlet_wrapper input, #agent-outlet_wrapper select{	
    margin-left: 10px !important;
    margin-right: 5px !important;
}
#agent-outlet_paginate{
	float: right;
    margin-bottom: 10px;
}
#agent-outlet_wrapper .page-item.active .page-link { 
    background-color: #345935!important; 
    border-color: #608748!important;
	color:#fff!important;
	outline:none !important;
}
#agent-outlet_wrapper .page-item .page-link { 
   color: #345935!important; 
   font-weight:bold;
}

/*****End Agent Banking Page*****/
 
/*****Start Loan Calculator*****/  
.loan-calculator-range-slider {
    height: 4px;
    background-color: #e8e8e8;
    border: none;
  }
  .loan-calculator-range-slider .noUi-handle {
    right: -8px !important;
    width: 16px;
    height: 16px;
    box-shadow: none;
    border: 2px solid #888888;
    border-radius: 50%;
    outline: none;
    box-sizing: border-box;
  }
  .loan-calculator-range-slider .noUi-handle::before, .loan-calculator-range-slider .noUi-handle::after {
    content: none;
  }
  .loan-calculator-range-slider--money .noUi-connect {
    background-color: #4cca4c;
  }
  .loan-calculator-range-slider--money .noUi-handle {
    border-color: #4cca4c;
  }
  .loan-calculator-range-slider--months .noUi-connect {
    background-color: #412abd;
  }
  .loan-calculator-range-slider--months .noUi-handle {
    border-color: #412abd;
  }
  
  .loan-calculator-result {
    font-size: 18px;
    line-height: 1.25;
  }
  
  .loan-calculator-result__caption {
    display: block;
  }
  
  .loan-calculator-result__value {
    display: inline-block;
    font-size: calc(32 / 18 * 1em);
  }
  .loan-calculator-result__value::after {
    content: "*";
    display: inline-block;
    margin-left: 8px;
    vertical-align: top;
    font-size: 16px;
    color: #ff5555;
  }
  
  .loan-calculator {
    max-width: 100%;
    padding: 25px;
    background-color: #ffffff;
    /*box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
    border-radius: 8px;*/
	font-family: 'Open Sans', sans-serif;
	color: #000;
  }
  
  .loan-calculator__controls-list {
    margin-bottom: 32px;
  }
  .loan-calculator__controls-list > :last-child {
    margin-bottom: 0;
  }
  
  .loan-calculator__control {
    margin-bottom: 24px;
  }
  
  .loan-calculator-control__caption {
    display: block;
    margin-bottom: 12px;
    font-size: 18px;
    line-height: calc(22 / 18);
  }
  
  .loan-calculator-control__range {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  
  .loan-calculator-control__help-values {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-top: 12px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  
  .loan-calculator-control__min-value {
    font-size: 12px;
    color: #9e9da0;
  }
  
  .loan-calculator-control__max-value {
    font-size: 12px;
    color: #9e9da0;
  }
  
  .loan-calculator__result {
    margin-bottom: 24px;
  }
  
  .loan-calculator__footnote {
    margin: 0;
    color: #9e9da0;
  }
  .loan-calculator__footnote::before {
    content: "*";
    display: inline-block;
    margin-right: 8px;
    vertical-align: top;
    font-size: 14px;
    color: #ff5555;
  }
/*****End Loan Calculator*****/ 
.about-banner{
	background:url(images/about-banner.jpg) no-repeat center;
	max-width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	min-height:500px;
	background-size:cover;
}
.about-top{
	display:flex;
	justify-content:center;
	align-items:center;
}
.green-cirle{
	width: 224px;
    height: 224px;
	border-radius:50%;
    background: #008F4C;
}
.about-top>h3{
	color: #000;
	font-family: Inter;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 40px;
	margin-left: -113px;
}
.about-common-title{
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 22.4px;
}
.common-para{
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin:20px 0px;
}
.about-img-wraper{
	position:relative;
}
.about-inner-box{
	position:absolute;
	right: -8px;
    bottom: -19px;
	background:#fff;
	border-radius:50%;
	display: flex;
	width: 114px;
	padding: 31px 10px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
.about-inner-box-2{
	left: -8px;
}
ul.about-achievement{
	list-style:none;
	display: flex;
	justify-content:space-between;
	gap:30px;
}
ul.about-achievement>li{
	border: 0.75px solid #000;
    display: flex;
    padding: 35px 30px 35px 30px;
    align-items: center;
    gap: 30px;
    width: 100%;
}
ul.about-achievement>li>h3{
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 22.4px;
}
.credit-card-banner{
	background:url(images/credit-card-banner.jpg) no-repeat center;
	max-width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	min-height:500px;
	background-size:cover;
}

ul.card-feature-list{
	list-style:none;
	display: flex;
	justify-content:space-between;
	gap:30px;
}
ul.card-feature-list>li{
    flex: 1;
}
ul.card-feature-list>li>a{
	border: 0.75px solid #000;
    display: flex;
    padding: 35px 30px 35px 30px;
    align-items: center;
    gap: 45px;
    width: 100%;
	text-decoration: none;
	transition:ease-in-out 0.4s ;
	-webkit-transition:ease-in-out 0.4s ;
	-moz-transition:ease-in-out 0.4s ;
}
ul.card-feature-list>li>a>h3{
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 22.4px;
}
ul.card-feature-list>li>a:hover{
	border: 0.75px solid #00854a;
	transition:ease-in-out 0.4s ;
	-webkit-transition:ease-in-out 0.4s ;
	-moz-transition:ease-in-out 0.4s ;
}
.card-arrow{
	transition:ease-in-out 0.4s ;
	-webkit-transition:ease-in-out 0.4s ;
	-moz-transition:ease-in-out 0.4s ;
}
ul.card-feature-list>li>a:hover .card-arrow{
	transform:scale(1.08,1.08);
	transition:ease-in-out 0.4s ;
	-webkit-transition:ease-in-out 0.4s ;
	-moz-transition:ease-in-out 0.4s ;
}
.retail-banking-banner{
	background:url(images/retail-banking-banner.jpg) no-repeat center;
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	min-height:500px;
	background-size:cover;
}
.retail-deposit-banner{
	background:url(images/premier-deposits-banner.jpg) no-repeat center;
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	min-height:400px;
	background-size:cover;
}
.retail-loan-banner{
	background:url(images/retail-loan-banner.jpg) no-repeat center;
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	min-height:400px;
	background-size:cover;
}
.remittance-service-banner{
	background:url(images/remittance-service-banner.jpg) no-repeat center;
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	min-height:400px;
	background-size:cover;
}
.school-banking-banner{
	background:url(images/school-banking-banner.jpg) no-repeat center;
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	min-height:400px;
	background-size:cover;
}
ul.category-product-list{
	flex-wrap: wrap;
}
ul.category-product-list>li{
	flex-basis: 23%;
}
ul.category-product-list>li>p{
	color: #000;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16.8px;
}
ul.category-product-list>li>a>img{
	transition: ease-in-out .5s;
    -webkit-transition: ease-in-out .5s;
    -moz-transition: ease-in-out .5s;
}
ul.category-product-list>li>a>img:hover{
	transform:scale(1.04,1.04);
	transition: ease-in-out .5s;
    -webkit-transition: ease-in-out .5s;
    -moz-transition: ease-in-out .5s;
}
.bod-banner{
	background:url(images/bod-banner.jpg) no-repeat center;
	max-width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	min-height:500px;
	background-size:cover;
}
.bod-section{
	background: #F5FFFA;
}
ul.bod-list{
	list-style:none;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
ul.bod-list>li{
	flex-basis:30%;
	margin-right:30px;
	margin-bottom:30px;
	background:#fff;
	display: flex;
	padding: 20px 20px;
	align-items: center;
	gap: 10px;
	box-shadow: 0px 40px 57px -24px rgba(15, 15, 15, 0.06);
	text-align:center;
	flex-direction:column;
}
.bod-img-box{
	transition: ease-in-out .5s;
    -webkit-transition: ease-in-out .5s;
    -moz-transition: ease-in-out .5s;
}
.bod-img-box:hover{
	transform:scale(1.04,1.04);
	transition: ease-in-out .5s;
    -webkit-transition: ease-in-out .5s;
    -moz-transition: ease-in-out .5s;
}
ul.bod-list>li>h3{
	color: #000;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	text-transform: uppercase;
}
ul.bod-list>li>h5{
	color: #000;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height:  27px;
	text-transform: uppercase;
}
.mancom-banner{
	background:url(images/mancom-banner.jpg) no-repeat center;
	max-width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	min-height:500px;
	background-size:cover;
}
.mancom-list>li{
	padding: 0 !important;
    padding-bottom: 20px !important;
    align-items: flex-start !important;
	overflow:hidden;
}
.mancom-details-box{
	display: flex;
    padding: 0px 28px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    text-align: left;
    margin-top: 10px;
}
.mancom-details-box>h3{
	color: #000;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	text-transform: uppercase;
}
.mancom-details-box>h5{
	color: #000;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height:  27px;
	text-transform: uppercase;
}
.contact-banner{
	background:url(images/contact-banner.jpg) no-repeat center;
	max-width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	min-height:500px;
	background-size:cover;
}
ul.contact-info-list{
	list-style:none;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-top:40px;
}
ul.contact-info-list>li{
	flex-basis: 24%;
	display: flex;
	padding: 60px 14px;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	flex-shrink: 0;
	background: #E6E6E6;
	position:relative;
	transition: ease-in-out .5s;
    -webkit-transition: ease-in-out .5s;
    -moz-transition: ease-in-out .5s;
}
ul.contact-info-list>li>span{
	position: absolute;
    width: 80px;
    height: 80px;
    top: -43px;
    left: 38%;
    background: linear-gradient(90deg, #0E3B64 0%, #008F4C 100%);
    border-radius: 50%;
    color: #fff;
    text-align: center;
	transition: ease-in-out .5s;
    -webkit-transition: ease-in-out .5s;
    -moz-transition: ease-in-out .5s;
}
ul.contact-info-list>li>span>i {
    font-size: 25px;
    line-height: 80px;
}
ul.contact-info-list>li>h3{
	color: #000;
	text-align: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 28.8px;
}
ul.contact-info-list>li>p{
	color: #000;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 26.82px;
}
ul.contact-info-list>li:hover span{
	background: linear-gradient(90deg, #0E3B64 0%, #113c64 100%);
	transition: ease-in-out .5s;
    -webkit-transition: ease-in-out .5s;
    -moz-transition: ease-in-out .5s;
}
.contact-form-wraper{
	background: #F0F2E4;
	padding:60px;
}

.contact-form-wraper label{
	color: #333;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 19.2px;
}
.common-form-fld{
	color: #424242;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    border: none;
    margin-bottom: 25px;
    height: 40px;
	padding:0px 10px;
}
.contact-btn{
	display: flex;
	width: 213px;
	height: 51px;
	/*padding: 21px 64px;*/
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 7px;
	background: linear-gradient(90deg, #0E3B64 0%, #008F4C 100%);
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 19.2px;
	border: none;
}
.product-single-banner{
	background:url(images/product-single-banner.jpg) no-repeat center;
	max-width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	min-height:400px;
	background-size:cover !important;
	padding: 20px 0px;
}
ul.common-list {
    list-style: none;
}
ul.common-list>li {
    position: relative;
    padding-left: 30px;
    font-size: 15px;
    color: #000;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 10px;
}
ul.common-list>li>span {
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 18px;
    color: #0E3B64;
}
.product-form-bg{
	background:#F0F2E4;
}
.apply-form-img{
	object-fit:cover;
}
.news-banner{
	background:url(images/news-banner.jpg) no-repeat center;
	max-width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	min-height:500px;
	background-size:cover;
}
.financial-report-banner{
	background:url(images/financial-report-banner.jpg) no-repeat center;
	max-width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	min-height:500px;
	background-size:cover;
}
.investors-relation-banner{
	background:url(images/investors-relation-banner.jpg) no-repeat center;
	max-width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	min-height:500px;
	background-size:cover;
}
address{
	font-size: 16px;
    color: #000;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin: 15px 0px;
}
ul.branch-atm-tab{
	border-bottom: none;
    justify-content: center;
}
ul.branch-atm-tab>li{
	margin-right: 10px;
	margin-bottom: 10px;
}
ul.branch-atm-tab>li>a{
	display: flex;
    width: 200px;
    height: 51px;
    padding: 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 7px;
    background: linear-gradient(90deg, #0E3B64 0%, #008F4C 100%);
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.2px;
    border: none !important;
	margin-bottom: 0px !important;
    border-top-left-radius: 7px !important;
    border-top-right-radius: 7px !important;
}
ul.branch-atm-tab>li>a:hover{
	color: #FFEB3B !important;
    background: linear-gradient(90deg, #0E3B64 0%, #008F4C 100%) !important;
}
ul.branch-atm-tab>li>a.active{
	color: #FFEB3B !important;
    background: linear-gradient(90deg, #0E3B64 0%, #008F4C 100%)!important;
}
.branch-form-bg {
    margin-top: -80px;
    background: #113c64;
    padding: 30px 40px;
    border-radius: 10px;
}
.branch-search {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding-top: 10px;
    position: relative;
    margin-bottom: 20px;
}
input.input-branch-search {
    min-height: 50px;
    line-height: 50px;
    font-size: 13pt;
    font-weight: 500;
    color: rgb(64, 71, 79);
    position: relative;
    border-width: 3px;
    border-style: solid;
    border-color: #0fc775;
    border-image: initial;
    border-radius: 5px;
    padding: 0px 55px;
}
span.left-search-icon {
    width: 29px;
    height: 29px;
    position: absolute;
    top: 23px;
    left: 15px;
    background: url(images/left-search-icon.png) no-repeat;
}
.find-branch-title{
    font-size: 25px;
    font-weight: 600;
    line-height: 30px;
    color: #0fc775;
    /*text-transform: capitalize;*/
    text-align: center;
}
ul.atm-category-tab {
    justify-content: space-between;
	padding: 0;
    background: #fff;
}
ul.atm-category-tab>li {
    background-color: transparent;
    color: #d2d9e4;
    padding: 0px;
    /*padding-right: 10px;*/
    display: inline-block;
}
ul.atm-category-tab>li>a {
    color: #01864e;
    font-size: 15px;
    font-weight: 700;
    line-height: 25px;
    padding: 15px 8px;
    text-transform: capitalize;
    border: none !important;
    border-radius: 0 !important;
    transition: ease-in-out 0.2s;
    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
}
ul.atm-category-tab>li>a:hover {
    border-bottom: 6px solid #113c64 !important;
    color: #113c64 !important;
    transition: ease-in-out 0.2s;
    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
}
ul.atm-category-tab>li>a.active {
    background: transparent !important;
    color: #113c64 !important;
    border-bottom: 6px solid #113c64 !important;
    transition: ease-in-out 0.2s;
    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
}
ul.branch-list {
    list-style: none;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
ul.branch-list>li {
    flex-basis: 31%;
    padding: 25px 20px;
    box-shadow: 0px 0px 10px #8c7f7f59;
    margin-bottom: 20px;
    margin-right: 15px;
    border-radius: 10px;
    border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
    transition: ease-in-out 0.4s;
    -webkit-transition: ease-in-out 0.4s;
    -moz-transition: ease-in-out 0.4s;
}
ul.branch-list>li>h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: #113c64;
    text-transform: capitalize;
    margin-bottom: 5px;
}
/*ul.branch-list>li>h3:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 70px;
    height: 5px;
    background: #113c64;
}*/
ul.branch-list>li>p {
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    margin: 3px 0px;
}
ul.branch-list>li>a {
    width: 140px;
    height: 44px;
    border: 1px solid #113c64;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 600;
    font-size: 15px;
    line-height: 44px;
    text-align: center;
    color: #113c64;
    text-decoration: none;
    margin-top: 10px;
    display: inline-block;
    transition: ease-in-out 0.4s;
    -wbkit-transition: ease-in-out 0.4s;
    -moz-transition: ease-in-out 0.4s;
}
ul.branch-list>li>a:hover {
    color: #fff;
    background: #113c64;
    transition: ease-in-out 0.4s;
    -webkit-transition: ease-in-out 0.4s;
    -moz-transition: ease-in-out 0.4s;
}
ul.branch-list>li>a>i {
    margin-left: 5px;
}
ul.branch-list>li:hover {
	border-bottom: 5px solid #113c64;
	border-top: 5px solid #113c64;
	transition: ease-in-out 0.4s;
    -webkit-transition: ease-in-out 0.4s;
    -moz-transition: ease-in-out 0.4s;
}

.corporate-banking-banner{
	background:url(images/corporate-banking-banner.jpg) no-repeat center;
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	min-height:500px;
	background-size:cover;
}
.premier-securities-banner{
	/*background:url(images/premier-securities-banner.jpg) no-repeat center;*/
	background:url(images/premier-securities-banner-new.jpg) no-repeat center;
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	min-height:400px;
	background-size:cover;
}
.sme-banking-banner{
	background:url(images/sme-banner.jpg) no-repeat center;
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	min-height:500px;
	background-size:cover;
}
.rates-charges-banner{
	background:url(images/rates-banner.jpg) no-repeat center;
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	min-height:500px;
	background-size:cover;
}
.csr-banner{
	background:url(images/rates-banner.jpg) no-repeat center;
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	min-height:400px;
	background-size:cover;
}
.current-opening-bg{
	background:url(images/premier-carrer-bottom.jpg) no-repeat center;
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	min-height:350px;
	background-size:cover;
}
.treasury-banner{
	background:url(images/treasury-banner.jpg) no-repeat center;
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	min-height:400px;
	background-size:cover;
}
.carrer-content-top{
	background: #113c64;
    margin-right: -150px;
    z-index: 999;
    padding: 15px;
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-left: 10px solid #00854a;
}
.offshore-banner{
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	min-height:400px;
	background-size:cover;
}
.unlcaimed-row{
	background: linear-gradient(90deg, #0E3B64 0%, #008F4C 100%);
}
.unlcaimed-row th, .unlcaimed-row td{
	color: #fff !important;
}
.single-page-banner{
	background: linear-gradient(90deg, #0E3B64 0%, #008F4C 100%);
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	min-height:350px;
	background-size:cover;
}
.single-banner-title{
	color: #FFF;
    font-family: Inter;
    font-size: 35px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
}
.committee-banner{
	background:url(images/premier-committee-banner.jpg) no-repeat center;
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	min-height:400px;
	background-size:cover;
}
.timeline {
	position: relative;
	max-width: 100%;
	margin: 20px auto
}

.timeline::after {
	content: '';
	position: absolute;
	width: 6px;
	background-color: #6fba99;
	top: 0;
	bottom: 0;
	left: 50%;
	margin-left: -3px
}

.timeline-container {
	padding: 10px 40px;
	position: relative;
	background-color: inherit;
	width: 50%
}

.timeline-container::after {
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	right: -13px;
	background-color: #113c64;
    border: 4px solid #00854a;
	top: 15px;
	border-radius: 50%;
	z-index: 1
}

.timeline-left {
	left: 0
}

.timeline-right {
	left: 50%
}

.timeline-left::before {
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	right: 30px;
	border: solid #fff;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #fff
}

.timeline-right::before {
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	left: 30px;
	border: solid #fff;
	border-width: 10px 10px 10px 0;
	border-color: transparent #fff transparent transparent
}

.timeline-right::after {
	left: -13px
}

.timeline-content {
	padding: 20px 30px;
	background-color: #fff;
	position: relative;
	border-radius: 6px
}

.timeline-content>h2 {
	font-size: 30px;
	font-weight: 600;
	line-height: 35px;
	color: #113c64;
	border-bottom: 3px solid #9e9e9e73;
	padding-bottom: 5px
}

.timeline-content>h5 {
	font-size: 15px;
	font-weight: 700;
	line-height: 24px;
	color: #00854a
}

.timeline-content>h3 {
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	color: #000;
	margin-bottom: 5px
}

ul.timeline-content-inner-list {
	list-style: none;
	margin-top: 10px
}

ul.timeline-content-inner-list>li {
	display: block;
	margin-bottom: 10px
}

ul.timeline-content-inner-list>li>h5 {
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	color: #00854a
}

ul.timeline-content-inner-list>li>h3 {
	font-size: 15px;
	font-weight: 700;
	line-height: 20px;
	color: #000
}
.product-top p{
	color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 20px 0px;
}
.product-top ul{
	margin-left: 20px;
}
.product-top ul li{
	list-style: disc;
    color: #000;
	font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
	margin-bottom: 5px;
}
.product-top ul li::marker{
	color:#0e3b64;
	font-size:18px;
}
ul.card-facility-list {
    list-style: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin:20px 0px;
}
ul.card-facility-list>li {
    flex-basis: 48%;
    margin-bottom: 45px;
}
ul.card-facility-list>li>img{
	width: 80px;
}
ul.card-facility-list>li>h5{
	font-weight:600;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    margin: 10px 0px;
    text-transform: capitalize;
}
ul.discount-partner-tab{
	border-bottom: none;
    justify-content: center;
	background: linear-gradient(90deg, #0E3B64 0%, #008F4C 100%) !important;
}
ul.discount-partner-tab>li{
}
ul.discount-partner-tab>li>a{
	display: flex;
	flex-direction: column;
    /*justify-content: center;*/
    align-items: center;
	padding: 20px 5px;
	height: 120px;
    gap: 5px;
    color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.2px;
    border: none !important;
    margin-bottom: 0px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important; 
}
ul.discount-partner-tab>li>a.active {
    color: #E91E63  !important;
	background-color: #009688  !important;
}
ul.discount-partner-tab>li>a>span{
	display:block;
	font-size: 35px;
    line-height: 50px;
}
#wdt-table-title-1, #wdt-table-title-2, #wdt-table-title-3, #wdt-table-title-4, #wdt-table-title-5, #wdt-table-title-6, #wdt-table-title-7, #wdt-table-title-10, #wdt-table-title-11, #wdt-table-title-12, #wdt-table-title-13, #wdt-table-title-14, #wdt-table-title-15, #wdt-table-title-16, #wdt-table-title-17{
	color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
	margin-bottom:15px;
}
#table_1,#table_2,#table_3,#table_4,#table_5,#table_6,#table_7,#table_8,#table_9{
	color:#000;
}
#table_1 thead tr th,#table_2 thead tr th,#table_3 thead tr th,#table_5 thead tr th,#table_5 thead tr th,#table_6 thead tr th,#table_7 thead tr th,#table_8 thead tr th,#table_9 thead tr th {
	padding:18px;
}
#table_1 thead tr th:first-child, #table_2 thead tr th:first-child, #table_3 thead tr th:first-child, #table_4 thead tr th:first-child,#table_5 thead tr th:first-child, #table_6 thead tr th:first-child, #table_7 thead tr th:first-child, #table_8 thead tr th:first-child, #table_9 thead tr th:first-child{
	width:80px;
}
#table_1 thead tr td:first-child, #table_2 thead tr td:first-child, #table_3 thead tr td:first-child, #table_4 thead tr td:first-child,#table_5 thead tr td:first-child, #table_6 thead tr td:first-child, #table_7 thead tr td:first-child, #table_8 thead tr td:first-child, #table_9 thead tr td:first-child{
	text-align:center !important;
}
#table_1 tbody tr td, #table_2 tbody tr td, #table_3 tbody tr td, #table_4 tbody tr td, #table_5 tbody tr td, #table_6 tbody tr td, #table_7 tbody tr td, #table_8 tbody tr td, #table_9 tbody tr td{
	padding:15px;
}
#table_1_wrapper label, #table_2_wrapper label, #table_3_wrapper label, #table_4_wrapper label, #table_5_wrapper label, #table_6_wrapper label, #table_7_wrapper label, #table_8_wrapper label, #table_9_wrapper label{
	color: #000;
}
#table_1_wrapper .dt-buttons, #table_2_wrapper .dt-buttons, #table_3_wrapper .dt-buttons, #table_4_wrapper .dt-buttons, #table_5_wrapper .dt-buttons, #table_6_wrapper .dt-buttons, #table_7_wrapper .dt-buttons{
	display:none;
}
.dataTables_info{
	color: #000;
}
#table_1_filter input, #table_2_filter input, #table_3_filter input, #table_4_filter input, #table_5_filter input, #table_6_filter input, #table_7_filter input, #table_8_filter input, #table_9_filter input{
	border: 1px solid #e0e0e0;
}
.dataTables_paginate{
	display: unset !important;
}


#ajaxsearchlite1 .probox, div.asl_w .probox {
    height: 45px !important;
    background-image: radial-gradient(ellipse at center, #062848, #071d32) !important;
}
#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input {
    height: 45px !important;
}
div.asl_w .probox .promagnifier {
    width: 45px !important;
    height: 45px !important;
    background: linear-gradient(90deg, #065B5E 4.29%, #008151 54%, #007A54 99.83%) !important;
	}
div.asl_r.vertical {
    background: #21b92e !important;
}
div.asl_m .probox .proclose svg {
    background: #21b92e !important;
    margin-top: -5px !important;
}
.search-modal .modal-dialog {
    margin-top: 10%;
}
.search-modal .modal-content{
	padding-top: 30px;
}
.search-modal .modal-footer .btn {
    background: linear-gradient(90deg, #065B5E 4.29%, #008151 54%, #007A54 99.83%);
    color: #fff;
}
ul.card-offers-list{
	list-style:none;
	display:flex;
	justify-content:space-between;
}
.promotion-img-box {
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
    position: relative;
}
ul.card-offers-list li img {
    width: 100%;
    /* height: 300px; */
    object-fit: cover;
    transition: ease-in-out 0.8s;
    -webkit-transition: transition:ease-in-out 0.8s;
    -moz-transition: transition:ease-in-out 0.8s;
}

ul.card-offers-list li h3 {
    font-size: 15px;
    color: #fff;
    line-height: 24px;
    position: absolute;
    left: 0;
    bottom: 0px;
    background: #113c64c7;
    padding: 10px;
    width: 100%;
}
.card-offer-list-tab {
    gap: 15px;
}
.card-offer-list-tab>a {
    width: 35px;
    height: 35px;
    padding: 10px;
    /*border-radius: 35px;*/
    border: 2px solid #113c64;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #113c64;
    transition: ease-in-out 0.8s;
    -webkit-transition: ease-in-out 0.8s;
    -moz-transition: ease-in-out 0.8s;
    position: unset !important;
    background-image: none !important;
    text-decoration: none !important;
    margin-top: 0 !important;
}
.card-offer-list-tab>a>i {
    font-size: 20px;
}
.card-offer-list-tab>a:hover {
    background: #113c64;
    color: #fff;
    transition: ease-in-out 0.8s;
    -webkit-transition: ease-in-out 0.8s;
    -moz-transition: ease-in-out 0.8s;
}
ul.agent-banking-coverage-list{
	list-style:none;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
ul.agent-banking-coverage-list>li{
	flex-basis:23%;
	margin-bottom:15px;
	text-align:center;
	box-shadow: 0px 0px 8px #7a7a7a59;
    border-radius: 10px;
    padding: 10px;
}
ul.agent-banking-coverage-list>li>i{
	font-size: 60px;
    /* color: #0e3b64; */
    background: linear-gradient(90deg, #065B5E 4.29%, #008151 54%, #007A54 99.83%);
    border-radius: 50%;
    padding: 10px;
}
ul.agent-banking-coverage-list>li>h3{
	font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    color: #000;
}
ul.agent-banking-coverage-list>li>h5{
	font-size: 60px;
    line-height: 75px;
    font-weight: 900;
    color: #113c64;
}
ul.award-list{
	list-style:none;
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
}
ul.award-list>li{
	flex-basis:23%;
	margin-right:15px;
	background: #fff;
    box-shadow: 0px 0px 10px #7a7a7a38;
}
.award-details{
	padding:20px 15px;
	position:relative;
	padding-top: 50px;
}
.award-details>h3 {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 19.2px;
    margin: 10px 0px;
}
/*****Responsive *****/
@media (min-width: 1699.98px) {
    .container {
		max-width: 1440px;
	}
	
 }
@media (max-width: 1699.98px) {
	ul.main-nav >li>a {
		font-size: 13px;
	}
 }
 
@media (max-width: 1599.98px) {
	
 }
 @media (max-width: 1399.98px) {
	ul.main-nav >li>a {
		font-size: 12px;
	}
}

@media (max-width: 1299.98px) {
	
}

@media (max-width: 1199.98px) {
	
   ul.header-top-nav>li {
		padding: 0px 4px;
	} 
	ul.main-nav >li {
		padding: 0px 4px;
	}
	
	ul.main-nav >li>a {
		font-size: 10px;
	}
	
	
}
@media (max-width: 1099.98px) {
    
  }

@media (max-width: 991.98px) {
	ul.header-top-nav-right>li {
		margin-left: 15px;
	}
	ul.header-top-nav>li>a {
		font-size:20px;
	}
	ul.header-top-nav-right>li>a>span {
		display: none !important;
	}
	.logo-mobile{
		display:block;
		margin:4px 0px;
	}
	.logo-box{
		display:none;
	}

	ul.main-nav >li {
		 text-align:center;
		 background: none;
		 border-bottom: 1px solid #3333331c;
		 padding-left:0px;
		 padding:10px 0px;
		 border-right:none;
	}
	ul.main-nav >li>a{
		line-height:20px;
	}
	ul.main-nav >li>a:after{
		content:none;
	}
	.app-section {
		flex-wrap: wrap;
		justify-content: center;
		padding: 0px 15px;
	}
	ul.about-achievement {
		flex-wrap:wrap;
	}
	ul.about-achievement>li {
		padding: 35px 25px;
		flex-basis: 47%;
	}
	  
  }

@media (max-width: 767.98px) {
	ul.branch-list>li{
		flex-basis:47%;
		margin-right: 10px; 
		line-break: anywhere;
	}
	ul.agent-banking-coverage-list>li{
		flex-basis:48%;
	}
	.banner-common-title {
		font-size: 50px;
		line-height: 55px;
	}
	ul.bod-list>li{
		flex-basis:46%;
		margin-right:20px;
		margin-bottom:20px;
	}
	ul.feature-sevice-list {
		flex-wrap: wrap;
	}
	ul.feature-sevice-list>li {
		flex-basis: 46%;
	}
	ul.news-list {
       flex-wrap: wrap;
	}
	ul.news-list>li {
       flex-basis: 46%;
   }
   .header-right {
	   text-align: center;
	}
	ul.header-top-nav {
		text-align: center;
	}
	ul.feature-sevice-list>li .img-box>img {
		width:100%;
	}
	
 }

@media (max-width: 575.98px) {
	.banner-common-title {
		font-size: 40px;
		line-height: 45px;
	}
	ul.card-feature-list {
		flex-wrap: wrap;
	}
	ul.card-feature-list>li {
		flex-basis: 100%;
	}
	ul.bod-list>li{
		margin-right:15px;
		margin-bottom:15px;
	}
	ul.header-top-nav-right>li {
		margin-left: 20px;
	}
	ul.footer-bottom {
		text-align: center;
	}
	.coyright {
		text-align: center;
	}
	ul.about-achievement>li {
		flex-basis: 46%;
	}
	.about-top>h3 {
		font-size: 20px;
		line-height: 25px;
	}
	.single-banner-title{
		font-size: 30px;
		line-height: 40px;
	}
	.timeline::after {
		left:31px
	}

	.timeline-container {
		width: 100%;
		padding-left: 70px;
		padding-right: 25px
	}

	.timeline-container::before {
		left: 60px;
		border: solid #fff;
		border-width: 10px 10px 10px 0;
		border-color: transparent #fff transparent transparent
	}

	.timeline-left::after,.timeline-right::after {
		left: 15px
	}

	.timeline-right {
		left: 0
	}
	ul.award-list>li{
		flex-basis:47%;
		margin-right:10px;
		margin-bottom:15px;
	}
	
 }
 @media (max-width: 500px) {
	 ul.bod-list>li{
		flex-basis:100%;
		margin-right:0px;
	}
	ul.feature-sevice-list>li {
        flex-basis: 46%;
    }
	
	
 }

@media (max-width: 480px) {
	
	.banner-title {
		font-size: 40px;
		line-height: 50px;
	}
	.banner-small-title {
		font-size: 30px;
		line-height: 40px;
	}
	
	ul.header-top-nav-right>li {
		margin-left: 8px;
	}
	ul.award-list>li{
		flex-basis:100%;
		margin-right:0px;
	}
	
  }
@media (max-width: 450px) {
	ul.branch-list>li{
		flex-basis:100%;
		margin-right: 0px;
	}
	ul.agent-banking-coverage-list>li{
		flex-basis:100%;
	}
	.single-banner-title{
		font-size: 25px;
		line-height: 30px;
	}
	ul.feature-sevice-list>li {
        flex-basis: 100%;
    }
	ul.news-list>li {
       flex-basis: 100%;
   }
   ul.about-achievement>li {
		padding: 30px 20px;
		flex-basis: 100%;
	}
}
@media (max-width: 350px) {
	.banner-common-title {
		font-size: 30px;
		line-height: 35px;
	}
	
    .banner-title {
		font-size: 35px;
		line-height: 45px;
	}
	.banner-small-title {
		font-size: 25px;
		line-height: 35px; 
	}
	
  }