body { font-family: 'Roboto', sans-serif;line-height: normal;  color: #000000; font-weight: 400;  }

a {
	color: #375a90;
}
.sch-title { padding-top:8px;}
.pgDhBr { padding:16px 0; background:url(../../i/zones-v2/hdStrip.jpg) top center repeat-x; color:#fff; }
.pgDhBr .hdBr { font-size:36px; text-shadow:2px 2px 2px #333}

#jbBox1 { padding:12px; border-radius:5px; background:url(../../i/zones-v2/hdStrip.jpg) top center; color:#fff; }
.lightF { font-family:"SegoeUI-Light", "Lucida Grande", sans-serif;}
.hd-custome { color:#1859a9}
.hdCp { font-family:'SegoeUI', Arialsans-serif; color:#fff;  font-size:22px; text-shadow:0 1px 2px #001447; line-height:36px}
.hdTxt {  display:inline-block; padding:7% 0}
.hdCp .h1 {  font-size:32px; font-weight:bold}

.carousel-caption input::placeholder,
.carousel-caption select::placeholder,
.carousel-caption .carousel-caption::placeholder {
	color:#fff !important;
}

.carousel-caption input,
.carousel-caption select,
.carousel-caption .carousel-caption { background:none !important; color:#fff !important; border:0; font-weight:normal; box-shadow:none; border-bottom:solid 1px #fff}
.carousel-caption select { appearance:none; -moz-appearance:none; -webkit-appearance:none}
.carousel-caption select option {
	color: #000 !important;
}
.carousel-caption .btn { background-color:rgba(255,255,255,.8); color:#1094da !important; border-radius:50% !important; width:46px; height:46px}
.carousel-caption .h1 { font-size:48px; margin-bottom:20px}
.carousel-caption p { font-size:18px}

.bxSc > [ class*='col-'] { margin-top:20px; font-family:'SegoeUI', Arialsans-serif; }
.bxSc .bxHd { padding:10px; border-radius:5px; color:#fff; font-size:22px;}
.bxSc .bxHdB { background-color:#2c85d8}
.bxSc .bxHdG { background-color:#169d11}
.bxSc .bxHdO { background-color:#f37e39}
.bxSc .bxHdBD { background-color:#005a99}
.bxSc .hdImg { width:100%;  font-size:0; line-height:0; display:block}
.bxSc .hdImg img { width:100%; font-size:0}
.bxSc p { line-height:24px; padding-top:10px;}
.bxSc p a { color:#1859a9; font-weight:bold}
.bxSc .jobs a { font-size:20px; font-weight:normal; display:block; line-height:34px;}
.bxSc .jobs a span { color:#1859a9}
.meet { font-family:"SegoeUI-Light", "Lucida Grande", sans-serif;}
.meet a { height:75px !important; position:relative; padding:20px 0  30px 0; display:block; height:50px; width:100%;}
.meet a img { position:absolute; top :0; left:0; z-index:3}
.meet a span:before { border:solid 1px #fff; content:''; position:absolute; z-index:2; left:0; right:0; top:0; bottom:0;border-radius:5px; border-width:1px 1px 0 0}
.meet a span { background-color:#f3f3f3; border-radius:5px; padding:5px 5px 5px 55px; margin-left:20px; border:solid 1px #ccc;   display:block; position:relative}
.meet a:hover span { background-color:#e8eff7}
.meet a:hover { }
.meet a small { color:#000 }
.meet .meetTxt strong { display:block}
.meet .meetTxt { line-height:15px;}


.page-item.active .page-link { background-color: #005a99 !important; color: #fff !important; border-color: #005a99 !important;}
.page-link { color: #005a99 !important;}

body.fixed-nav-hack {padding-top: 50px;}
#msgi .msgtxti{ line-height:inherit!important}
.box-selection{ background-color:#08a2d6; color:#FFFFFF; padding:10px;  text-align:center!important; font-weight:bold; margin:5px;}
.errClsLnk { padding:8px 5px!important; float:right}

body #lgnBox #errMsgSU  { width:100%; line-height:normal; padding:7px;}
.header { width: 100%; background-color:#fff }
.navbar-brand { height: auto;}
.hd {
	background:url(../../i/saafpani/hd-icon.png) left 7px no-repeat; 
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
	margin-bottom: 10px;
    padding-bottom: 5px;
    padding-left: 30px;
    padding-top: 5px;
	text-transform:uppercase;
 }
.hd span{ text-transform:none }
.pgHd { font-size:40px; text-transform:uppercase; font-weight:bold }
.pgHd::before { content:''; border-left:3px solid #1859a9; height:15px;}
.pgHd span { padding-left:14px; display:inline-table}


.about { background:#fff url(../../i/bank-islami/bg.gif) top center no-repeat; background-size:70% auto ; padding:60px 0 }
.hpBx { margin:10px 0; text-align: center; padding:14px;border-bottom:solid 2px #fff}
.hpBx:hover { box-shadow:0 6px 24px rgba(16, 148, 218, .2); border-bottom:solid 2px #1859a9}
.hpBx .h4 { text-transform:uppercase; margin:0}
.hpBx span { border-radius:50%; margin:0 auto; padding:22px 10px 10px;display:block; width:130px; height:130px; background-color:#fff }
.hpBx p { height:56px; overflow:hidden}
.hpBx span img  { width:80%} 
.hpBx:hover span { box-shadow:0 6px 24px rgba(16, 148, 218, .2)}
.hpBx:hover span img  { }



.theme_color { color:#375a90}
.panel-custome .panel-box { border-bottom:solid 1px #ddd }
.panel-custome .panel-box:last-child { border:0}
.jbBx { background-color:#f9f8f8; padding:40px 0}
.jbBx .jbRw { margin-bottom:10px; background-color:#fff; border:solid 1px #fff; }
.jbBx .jbRw:hover { border:solid 1px #1859a9}
.jbBx .jbRw :last-child { border:0}
.jbBx .btn-custome2 { background-color:#fff; color:#1859a9; border:solid 1px #1859a9 !important}
.jbBx .btn-custome2:hover { background-image:linear-gradient(#019bdd,#284a91); color:#fff !important; box-shadow:2px 2px 2px #ccc}


body .btn-custome2,
body .btn-custome2:visited,
body .btn-custome2:focus { font-size:14px; background-color:#375a90; border: solid 3px #375a90 !important;  padding:3px 18px; color:#fff;  }
body .btn-custome2:hover { background-color:#39b549; border-color:#39b549 !important}
.color-custome2,
.text-custome { color:#375a90 !important }
.btn-custome3 { background-color:#39b549; color:#fff; border-radius:0}
.btn-custome3:hover { background-color:#1859a9; color:#fff;}


.tpLinks { margin:8px 0 0}
.loginLyr .color-custome2 { color:#ff8900 !important }
#facebox .aplyFrm { overflow:hidden}
body .navbar-toggle {   background: #375a90; }

.botBrdDash { border-bottom:solid 1px #ccc} 
.botBrdDash:last-child { border:0} 
.schBx { background-color:#005596}
.schBx input { margin:0}
.theContent { background-color:#fff}
.info { background:#005596 url(../../i/zones/infBg.jpg) top center no-repeat; color:#fff}
.ttl { background-color:#fff}

#msgi { float:left; width:99%; margin: 2% 2%px 0% 2%; /*border:1px solid #525252*/ margin-bottom:10px; }
#msgi .msgbgs{ float:left; width:99%; border:1px solid #06a46f}
#msgi .msgbgi { float:left; background-color:#fffbe2; border:#ffe222 solid 1px; width:825px; line-height:normal;}
#msgi .msgbge { float:left; background-color:#fff2f2; border:#dc7c7c solid 1px; width:825px; line-height:normal;}
#msgi .msgtxti { float:left; width:90%; line-height:normal; line-height:16px; text-align:left; padding-top:9px}
#msgi .msgtxti a { font-weight:bold; text-decoration:underline;}
#msgi .msgtxti a:hover { font-weight:bold; text-decoration:none;}
#msgi ul { padding:0px; margin:0px; list-style-type: none;}
#msgi li { float:left; padding: 7px 5px 7px 5px; overflow:hidden; line-height:normal}
#msgi input {float:left; font-size:13px; padding:2px 3px 2px 3px;}
#msgi span { line-height:normal}
#msgi li b, #msgi li a { color:#444;}

.tpSc { background-color:#f5f5f5; padding:15px}
.tpSc .row > div > a { display:block; height:214px; background-color:#fff; text-align:center; padding:25px;}
.tpSc .row > div > a:hover { box-shadow:0 0 20px #ccc}
.tpSc .row > div > a b { display:block;  background-color:#375a90; border-radius:50%; width:120px; height:120px; margin:0 auto; padding:22px 0; }
.tpSc .row > div > a b img { max-width:75px;}
.tpSc .row > div > a b:hover,
.tpSc .row > div > a:hover b { background-color:#39b549 }
.tpSc .row > div > a span { display:block; font-size:18px; padding:15px 0 10px; }
.tpSc .row > div > a u { text-decoration:none}

.carousel-control {  background:none !important}
.carousel-control .glyphicon { color:#000 !important}
.auotComplete .form-control { border:solid 1px #ccc !important}
.container { margin-left: auto !important; margin-right: auto !important; }

.well { background-color:#fff; border:0; border-radius:0 }

	.search a{ text-align:left!important; width:100%; display:block; height:1px;color:#FFFFFF!important; padding-left:6px;}
	.search a:hover{ color:#FFFFFF; font-weight:bold}
.pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.pace-inactive { display: none }
.pace .pace-progress { background: #375a90; position: fixed; z-index: 3000; top: 0; right: 100%; width: 100%; height: 2px; }


a:hover {color: #000000; text-decoration: none;}



.jobsTitle a { color:#000}

.jbDtl { line-height:18px;}
.social-btns { display:none}
.jbDtl-tpBtns { margin-top:18px}
body .flStr b { color:#999;}
body .flStr > div [class*='col-']   { margin-top:5px; }
body .flStr > div [class*='col-']:first-child { margin:0 }
/* ----------------------------------------------------------------
    Logo position
-----------------------------------------------------------------*/

.nav-custome { border:0; margin-bottom:0;min-height:40px; background-color: #1094da; }
.nav-custome .navbar-nav { margin-top:30px}
.nav-custome .navbar-nav > li > a { color:#fff; padding:4px 6px 6px; margin:0 4px; font-size:16px;}
.nav-custome .navbar-nav > li > a:hover {  color:#237ed7}
.nav-custome .navbar-nav > li > a.usr { border:solid 1px #fff; border-radius:24px;padding:4px 18px 6px;}
.nav-custome .navbar-nav > li > a.usr:hover { background-color:#fff; color:#1094da}
.nav-custome ul.nav li.dropdown:hover > ul.dropdown-menu{ display: block;  margin: 0;}
.nav-custome .dropdown-menu  a { padding:12px;}
.nav-custome .dropdown-menu a:hover { }
.nav-custome .dropdown-menu { padding:0; border-radius:0}

.nav-custome .navbar-text { color:#fff !important; margin:5px !important }
.nav-custome .text-warning { color:#f1f1f1 !important; font-weight:bold}
.nav-custome  .navbar-nav > li { float:right}

@media (max-width: 800px) {
	.nav-custome { padding-bottom:20px; }
	.nav-custome .navbar-nav  { background-color:#1094da !important; margin:0; padding:0; padding:10px;}
	.nav-custome  .navbar-collapse { margin:0; padding:0; width:100%}
	.nav-custome  .navbar-nav > li { width:100%; text-align:left}
	.pgHd { font-size:24px;}
}
/* ----------------------------------------------------------------
    Searchbox
-----------------------------------------------------------------*/
.navbar-form { padding: 0 0 0 40px; margin: 0; position: absolute; z-index: 999; right: 0;  }
.navbar-form .form-control { background: url(../../i/mulphico-v2/icon-search.png) no-repeat; background-position: 50% 50%; width: 45px !important; text-indent: -200px; color: #686868; border: 0px solid #375a90; padding: 0 10px; margin: 0; height: 30px; border-radius: 0 !important; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; float: right; height: 64px; }
.navbar-form .form-control:hover { background-color: #ffffff; border: 1px solid #375a90; cursor: pointer; }
.navbar-form .form-control:focus { width: 100% !important; background-position: 99% 50%; text-indent: 0px;  color: #666666; border: 1px solid #fff; background-color: #ffffff; }
.navbar-form .input-group { width: 100%; }
.navbar-form.addwidth { width: 85%; }

/* ----------------------------------------------------------------
    Footer
-----------------------------------------------------------------*/
footer { background:#1094da url(../../i/bank-islami/background.jpg) top center no-repeat; background-size:100%; border-top:4px #39b549; border-bottom:4px #39b549; color:#fff; padding: 40px 0 10px 0;  }
footer h3 { color: #000000; margin: 0 0 20px 0; font-size: 26px; padding: 0 0 10px 0; border-bottom: 4px solid #000000; }
footer p { color: #000000; margin: 0; font-size: 14px; }
footer ul { list-style: none; margin: 0 0 20px 0; padding: 0; }
footer li { font-size: 14px; line-height: 20px; margin: 0 0 8px 0;}
footer #footer a {color: #fff; display: block;}
footer #footer a:hover {color: #375a90; text-decoration: underline;}
footer .hlinks ul { list-style: none; margin: 0; padding: 0;  }
footer .hlinks li { border-right: 1px solid #e5e5e5; margin: 0; display: inline-block;  }
footer .hlinks li:last-child { border: none; }
footer .hlinks a { padding: 0 8px;  }
footer .tline  { border-top: 1px solid #e5e5e5; }

#footer { background:#1094da url(../../i/bank-islami/background.jpg) top center no-repeat; color:#fff; background-size:100%; border-top:4px solid #39b549; border-bottom:4px solid #39b549; padding:20px}
#footer  a { color:#fff !important;}
#footer  .fa { margin:0 5px}
#footer .fdHd { font-size:18px; margin-bottom:10px; display:block;}
#footer .fdHd a { color:#fff}

#footer .connect{
	font-size:18px;
	border-bottom:solid 1px #d3d3d3;
	padding-bottom:10px;
	padding-top:5px;
	width:100%
}	
#footer .connect p{
	float:left;	
}
#footer .connect a{
	height:26px;
	width:26px;	
	position: relative;
    cursor:pointer;
	background-repeat:no-repeat;
	display:block;
	float:left;
	margin:6px 5px 0px 0px;
}
#footer .connect a span{
	position: absolute;
	background-repeat:no-repeat;
    top:0;
    left:0;
    height:26px;
    width:26px;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition:    opacity 0.5s;
    -o-transition:      opacity 0.5s;
}
#footer .connect a span:hover{
	opacity:1;	
}
#footer .connect a.facebook{
	background:url(../../i/zones-v2/icon-facebook.jpg) top center;
}
#footer .connect a.facebook span{
	background:url(../../i/zones-v2//icon-facebook.jpg) bottom center;
}
#footer .connect a.linkedin{
	background:url(../../i/zones-v2//icon-linkedin.jpg) top center;
}
#footer .connect a.linkedin span{
	background:url(../../i/zones-v2//icon-linkedin.jpg) bottom center;
}
#footer .connect a.twitter{
	background:url(../../i/zones-v2//icon-twitter.jpg) top center;
}
#footer .connect a.twitter span{
	background:url(../../i/zones-v2//icon-twitter.jpg) bottom center;
}
#footer .connect a.google{
	background:url(../../i/zones-v2//icon-google.jpg) top center;
}
#footer .connect a.google span{
	background:url(../../i/zones-v2//icon-google.jpg) bottom center;
}
#footer #twitter{
	background-image:url(images/bkg-footer-twitter.png);
	background-position:0px 20px;
	background-repeat:no-repeat;
	padding:10px 0px 0px 50px;
}
#footer #twitter h3{
	display:none;	
}
#footer #twitter span.entry-meta{
	font-size:12px;
	font-size:0.75rem;	
}


.ftBx .fa { background-color:#ccc; border-radius:50%; margin:5px; padding:5px 9px 5px 11px}
.ftBx a { color:#999; line-height:24px;}
.ftBx a:hover { color:#000}

.ftrPwd .ftrPwdLnk { padding:0 18px;}
.newsBx a.newsLnk { color:#06F; text-decoration:underline; }
.infoBx { font-size:13px;}
.infoBx .media-body { line-height:17px;}
.infoBx .mediaCnt { min-height:102px}

/* ----------------------------------------------------------------
    Helper Classes
-----------------------------------------------------------------*/
.alpha { padding-left: 0; }
.omega { padding-right: 0; }
.no-gutter > [class*=col-] { padding-right: 0; padding-left: 0; }
.clear { clear: both; }
.pad10 {padding: 10px; }
.pad {padding: 20px; }
.pad40 {padding: 40px; }
.lpad {padding-left: 20px;}
.lrpad {padding-left: 20px; padding-right: 20px; }
.lrpad40 {padding-left: 40px; padding-right: 40px; }
.lrpad60 {padding-left: 60px; padding-right: 60px; }
.lrpad100 {padding-left: 100px; padding-right: 100px; }
.tpad {padding-top: 20px;}
.tpad40 {padding-top: 40px;}
.bpad {padding-bottom: 20px;}
.bpad40 {padding-bottom: 40px;}
.tbpad60 {padding-top: 60px; padding-bottom: 60px; }
.tmargin {margin-top: 20px; }
.tmargin40 {margin-top: 40px; }
.tmargin60 {margin-top: 60px; }
.bmargin {margin-bottom: 20px; }
.bmargin5 {margin-bottom: 5px;}
.bmargin10 {margin-bottom: 10px;}
.bmargin40 {margin-bottom: 40px; }
.bmargin60 {margin-bottom: 60px; }
.lmargin {margin-left: 20px; }
.lmargin5 {margin-left: 5px;}
.lmargin40 {margin-left: 40px; }
.lmargin60 {margin-left: 60px; }
.rmargin {margin-right: 20px; }
.rmargin5 {margin-right: 5px;}
.rmargin40 {margin-right: 40px; }
.rmargin60 {margin-right: 60px; }
.nopad {padding: 0 !important;}
.nobpad {padding-bottom: 0 !important;}
.nomargin { margin: 0 !important; }
.nobmargin {margin-bottom: 0 !important; }
.textr { text-align: right;}
.textl { text-align: left;}
.textc, .center { text-align: center;}
.block {display: block;}
.uppercase {text-transform: uppercase;}
.border-bottom {border-bottom: 1px solid #fff;}
.img-responsive {width: 100%;}
.bline { border-bottom: 1px solid #cccccc; }
.lline { border-left: 1px solid #375a90; }
.bold { font-weight: 400; }
.post { margin: 0px 0 20px 0; }
.pagetitle {margin: 20px 0 0px 0;  font-size: 36px; font-weight: 400; }
.pagetitle-single { font-size: 24px; margin: 0 0 10px 0; }
.title { letter-spacing: 3px; }
.spacing { letter-spacing: 4px; }
.white { color: #ffffff; }
.icon-copy { background: url(images/icon-copy.png) no-repeat; width: 60px; height: 65px; display: block; }
.icon-write { background: url(images/icon-write.png) no-repeat; width: 76px; height: 65px; display: block; }
.grey { background: #352d2f;}
.grey2 { background: #2e2e2e; }
.green {background: #193543;}
.lightgrey { background: #fafafa;}
.lightgrey2 { background: #ededed;}
.light { color: #cccccc;}
.tablecell {display: table-cell;}


/* ----------------------------------------------------------------
    Form and Buttons
-----------------------------------------------------------------*/

.nav-tabs > li > a {  color: #375a90; background: #fff; border-radius: 0px; border: 1px solid #375a90;  font-size: 19px;  padding: 10px 30px; 
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
.nav-tabs > li a:hover, 
.nav-tabs > li a:focus, 
.nav-tabs > li a:active,
.nav-tabs > li.active a:hover, 
.nav-tabs > li.active a, 
.button, .wpcf7-submit {  
color: #ffffff !important; background: #375a90 !important; border-radius: 0px; border: 1px solid #375a90; cursor: pointer; 

}

.loaderIcon { display: flex; justify-content: center; align-items: center;} 
.loaderIcon .fa { font-size: 24px !important; }
.btn-primary, 
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus
 { color: #ffffff !important; background: #375a90 !important; border-radius: 0px; border-color: #375a90;}

.btn-custome  { background-color:#375a90; border-color:#375a90; color:#fff}
.btn-custome:hover, .button:hover, .btn-default:hover {color: #375a90 !important; background: #39b549; border: 1px solid #39b549;}
.button.btn-blue, .wpcf7-submit {  color: #ffffff; background: #375a90; border-radius: 0px; border: 1px solid #375a90; }
.button.btn-blue:hover, .wpcf7-submit:hover { color: #375a90; background: #ffffff; border: 1px solid #375a90; }
.button.btn-white { color: #ffffff; background: transparent; border-radius: 0px; border: 1px solid #ffffff; }
.button.btn-white:hover { color: #375a90; background: #ffffff; border: 1px solid #375a90; }

.button-sm { padding:1px 10px !important; font-size:19conpx !important} 

.form-control { border-radius:0 }
label {  font-size: 16px; }
.control-label { text-align: left; font-size: 18px; color: #000000; }
.text-danger { color: #900 !important;}
select.form-control { border-radius: 0px; -webkit-border-radius: 0px;  }

.form-control.red {background: #375a90; color: #ffffff; font-size: 16px; }
.feedback .form-group { margin: 0 0 20px 0; }
.feedback .form-control {width: 100%; background: #dedede; border-radius: 4px; border: 0; }

.forgot { margin-right:10px;}

/* Contact Form 7 Styles
---------------------------------*/
.wpcf7 { background-color: transparent; border: 0; }
.wpcf7-form { margin-left: 0px; margin-right: 0px; margin-top: 20px; }
.wpcf7-textarea { width: 85%; }
.wpcf7 input { width: 70%; }
.wpcf7-text { width: 70%; }
.wpcf7-list-item { display: block; }
.wpcf7-list-item { display: table-row; }
.wpcf7-list-item * { display: table-cell; }

/* == WordPress WYSIWYG Editor Styles == */
.entry-content img { margin: 0 0 1.5em 0 }
.alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; }
.alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; }
.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }
.alignnone, img.alignnone { /* not sure about this one */:  }
.wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; }
.wp-caption img { border: 0 none; padding: 0; margin: 0; }
.wp-caption p.wp-caption-text { line-height: 1.5; font-size: 10px; margin: 0; }
.wp-smiley { margin: 0 !important; max-height: 1em; }
blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; }
blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; }
.gallery dl { }
.gallery dt { }
.gallery dd { }
.gallery dl a { }
.gallery dl img { }
.gallery-caption { }
.size-full { }
.size-large { }
.size-medium { }
.size-thumbnail { }

/* ----------------------------------------------------------------
    Video Slider
-----------------------------------------------------------------*/
.videobox {overflow: hidden; padding: 40px 0; position: relative; -webkit-transition: opacity .2s linear; transition: opacity .2s linear;}
.videobox .fwb-bg {background-repeat: no-repeat; background-position: center top; -webkit-background-size: cover; background-size: cover; bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; text-align: center; top: 0; z-index: 0;}
.videobox .container {position: relative}
.videobox .fwb-bg .overlay { background-color: rgba(0, 0, 0, 0.3); height: 100%; width: 100%; position: absolute; background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  background-image: repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  -webkit-background-size: 3px 3px;
  -moz-background-size: 3px 3px;
  background-size: 3px 3px;}
.videobox .fwb-video {background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; background-image: url(images/home-01.jpg); background-attachment: fixed;}
.videobox .fwb-video video { background-attachment: fixed; vertical-align: top; position: absolute; right: 0; bottom: 0; max-width: inherit; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0;}
#videobg h1.title, #videobg h2.title {  font-weight: 300; color: #ffffff; font-size: 32px; line-height: 40px; letter-spacing: 10px; text-transform: uppercase; margin: 0; }
#videobg p { color: #ffffff; font-size: 16px; letter-spacing: 4px; font-weight: 300; }
#videobg .discover { background: url(images/icon-mouse.png) no-repeat top center; padding: 50px 0 0 0; margin: 40px 0 0 0; font-size: 16px;  }

.intro { padding: 0 10px; margin-bottom: 40px !important;}
.intro .large { font-size: 18px; font-weight: 300; line-height: 40px; letter-spacing: 3px;}
.intro p { color: #000000; }
.introbox { padding-top: 40px; }

/* ----------------------------------------------------------------
    Banner
-----------------------------------------------------------------*/
.pagebanner {overflow: hidden; padding: 80px 0 40px 0; position: relative; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; background: rgba(0, 0, 0, 0); }
.pagebanner .container {position: relative}
.pagebanner .overlay { background-color: rgba(0, 0, 0, 0.4); height: 100%; width: 100%; position: absolute; background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  background-image: repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  -webkit-background-size: 3px 3px;
  -moz-background-size: 3px 3px;
  background-size: 3px 3px;
   bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; text-align: center; top: 0; z-index: 0}
.pagebanner .fwb-bg {background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; background-image: url(images/home-01.jpg); background-attachment: fixed; vertical-align: top; position: absolute; right: 0; bottom: 0; max-width: inherit; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0;}

.pagebanner p { color: #ffffff; font-size: 16px; letter-spacing: 4px; font-weight: 300; }


/* ----------------------------------------------------------------
    Services Thumbnails
-----------------------------------------------------------------*/
.services-box { display: block; position: relative; margin: 0 auto; overflow: hidden; }
.services-box .services-box-caption { display: block; position: absolute; bottom: 0; width: 100%; height: 100%; text-align: center; color: #fff; opacity: 1; -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }
.services-box .services-box-caption .services-box-caption-content { position: absolute; top: 65%; width: 100%; text-align: left; transform: translateY(-50%); }
.services-box .services-box-caption .services-box-caption-content .project-category, .services-box .services-box-caption .services-box-caption-content .project-name { padding: 0 20px; }
.services-box .services-box-caption .services-box-caption-content .project-category { text-transform: uppercase; font-size: 30px;  font-weight: 300; letter-spacing: 4px; line-height: 30px; }
.services-box .services-box-caption .services-box-caption-content .project-name { font-size: 14px;  font-weight: 300; opacity: 1;  }
.services-box:hover .services-box-caption { background: rgba(0, 221, 253, .6); }
.services-box img { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out;}
.services-box:hover img { -webkit-transform:scale(1.25) rotate(3deg); -moz-transform:scale(1.25) rotate(3deg); -ms-transform:scale(1.25) rotate(3deg); -o-transform:scale(1.25) rotate(3deg); transform:scale(1.25) rotate(3deg); }
.services-box .services-box-caption.servicespage .services-box-caption-content { top: 30%; }

/* ----------------------------------------------------------------
    Blog
-----------------------------------------------------------------*/
#blog { padding: 40px 0;}

/* ----------------------------------------------------------------
    Google Map Locator
-----------------------------------------------------------------*/
#map {height: 600px; }
.bgCl .loginBx { margin-top:10px;}
/* ----------------------------------------------------------------
    Contact
-----------------------------------------------------------------*/
#contact { padding: 90px 0; }
.contactbg { background: url(images/bg-contact.jpg) no-repeat 50%; background-size: cover; }
#contact img { width: 80%; overflow: hidden; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; }
#contact a:hover img { -webkit-transform:scale(1.10); -moz-transform:scale(1.10); -ms-transform:scale(1.10); -o-transform:scale(1.10); transform:scale(1.10); }

/* ----------------------------------------------------------------
    Social Stay Connected
-----------------------------------------------------------------*/
#social { padding: 40px 0; }
#social a { display: block; background: #30282a; padding: 60px 0; text-align: center; color: #ffffff; font-size: 30px;  }
#social a.facebook:hover { background: #3B5998; color: #ffffff;  }
#social a.twitter:hover { background: #33CCFF; color: #ffffff;  }
#social a.linkedin:hover { background: #4875B4; color: #ffffff;  }
#social i { display: block; text-align: center; margin: 0 auto; }
#social i.facebook { background: url(images/icon-facebook.png) no-repeat top center; width: 21px; height: 42px;  }
#social i.twitter { background: url(images/icon-twitter.png) no-repeat top center; width: 29px; height: 42px;  }
#social i.linkedin { background: url(images/icon-linkedin.png) no-repeat top center; width: 43px; height: 42px;  }


/* ----------------------------------------------------------------
    Tabs
-----------------------------------------------------------------*/
#fullwidth .ui-tabs ul {padding: 0; margin: 0; list-style: none;}
#fullwidth .ui-tabs li { background: #cccccc; color: #ffffff; font-size: 18px; letter-spacing: 2px; font-weight: 300;  text-transform: uppercase; display: block; float: none; border: 0; margin: 0 1px 0 0; padding: 0; }
#fullwidth .ui-tabs li.ui-tabs-active, #fullwidth .ui-tabs li:hover { background: #375a90; }
#fullwidth .ui-tabs a { color: #ffffff; }
#fullwidth .ui-tabs a:hover { color: #ffffff; }
#fullwidth .ui-tabs .wpb_tab { background: transparent; border-top: 1px solid #375a90; padding: 40px 0; margin: 0; }


/* ----------------------------------------------------------------
    Inside Page Styling
-----------------------------------------------------------------*/
.sensibilities { padding: 40px 0 0 0; }
.heritage h2, .getsgroup h2, .mission h2, .vision h2, .bod h2, .services-details h2, .pharma h2, .healthcare h2, .telecom h2, .pharma p, .financials h2, .address h2 {color: #ffffff;}
.heritage p, .getsgroup p, .mission p, .vision p, .services-details p, .healthcare p, .telecom p, .financials p, .address h3, .address p {color: #cccccc;}
.pharma h2, .healthcare h2, .telecom h2, .address h3 { margin-bottom: 0; }
.milestones {text-align: center;}
.milestones h2 { text-align: center; color: #375a90; }
.milestones p { text-align: center; }
.mission, .vision, .services-details { background-position: 50%; background-size: cover; }
.clients { padding: 40px 0; text-align: center; }
.bod { padding: 40px 0; }
.bod .title {margin: 0; }
.bod .wpb_single_image { margin: 0; height: 180px; overflow: hidden; }
.bod .wpb_single_image img {border: 1px solid #ffffff; width: 100%; height: 180px; }
.bod a:hover img {border: 1px solid #375a90; }
.bod h2.title {text-align: center;}
.bod h3 {color: #ffffff; text-align: left; margin: 0; }
.bod .p { text-align: left; }
.bod a {color: #ffffff; }
.bod .vc_pageable-slide-wrapper, .clients .vc_pageable-slide-wrapper  { margin-right: 0 !important; }
.bod .vc-gitem-zone-height-mode-auto:before { padding-top: 98% !important; }
.clients .vc-gitem-zone-height-mode-auto:before { padding-top: 35% !important; }

.jobs-grid { padding: 40px 0; }
.jobs-grid .title {margin: 0; }
.jobs-grid .wpb_single_image { margin: 0; height: 122px; overflow: hidden; }
.jobs-grid .wpb_single_image img {border: 1px solid #cccccc; width: 100%; height: 122px; }
.jobs-grid a:hover img {border: 1px solid #375a90; }
.jobs-grid h3, .jobs-grid h3 a {color: #30282a; text-align: left; margin: 10px 0 0 0; }
.jobs-grid p, .jobs-grid .p { text-align: left; margin: 0; }
.jobs-grid a {color: #ffffff; }
.jobs-grid .vc_pageable-slide-wrapper { margin-right: 0 !important; }
.jobs-grid .vc-gitem-zone-height-mode-auto:before { padding-top: 148% !important; }
.jobs-grid .vc_gitem-col { background: #ffffff !important; padding: 0 !important; }
.jobs-grid .vc_custom_heading { padding: 0 10px !important; margin: 0; }

.button.hack { padding: 0; margin: 10px; text-transform: uppercase; }
.button.hack a { font-size: 18px; background-color: #375a90 !important; color: #ffffff !important; padding: 10px 20px; }
.button.hack a:hover { background-color: #ffffff !important; color: #375a90 !important;  }

#media .button { font-size: 18px; padding: 5px 10px;}
#media a img {border: 1px solid #000000; margin: 0 0 20px 0; }
#media a:hover img {border: 1px solid #375a90; }
#media h3 { font-size: 24px; }

#news {padding: 40px 0;}
#news h2, #news h3 { margin: 0; }
#news .news-item, #videos .videos-item, #print .print-item { margin-bottom: 20px; }

#videos {padding: 40px 0;}
#videos h2, #videos h3 {color: #ffffff; }
#videos p {color: #999999; }
#videos h3 a:hover, #videos .play-icon:hover { color: #ffffff; }
.play-icon:after { position:absolute; top:24%; left:44%; content:'\25B6'; width: 42px; height: 56px; font-size: 42px; z-index: 9999;
}
.category-videos iframe {width: 100% !important; height: 420px; }

#print {padding: 40px 0;}
#print h2, #print h3 {color: #ffffff; margin: 0;}
#print p {color: #999999; }
#print h3 a:hover { color: #ffffff; }

h3.title p { font-size:30px;}
.vc_gitem-post-data ul { margin:0 !important; padding:0 !important }
.vc_gitem-post-data ul li { padding:0 !important; margin:0 !important; border:0 !important; display:inline}

.sechm,
.sechm > div  { display:flex}
.sechm .thumbnail  { flex:1; text-align:justify}
.sechm .panel { position:relative}
.sechm .panel .panel-footer { position:absolute; bottom:0; left:0; right:0; background:rgba(255, 255, 255, .85)}

.panel-primary,
.panel-custome { border-color:#375a90}
.panel-custome .panel-heading { border-color:#375a90; border-radius:0; color:#000; font-size:16px; color:#fff }
.panel-custome .panel-heading .panel-title { font-size:24px}
.panel-custome .panel-header,
.panel-custome .panel-heading { background-color:#375a90; border-radius:0}
.panel-customeN,
.panel-customeN .panel-heading,
.panel-customeN .panel-title { border-color:#375a90; border-radius:0; }

.table-jobs,
.table-jobs .btn  { font-size:15px}

.cvSpan {  display:inline-block}
body .hrLine { margin:2px 0 !important}
.paginCont .current { color:#999}
.fa-upload { display:none}





.unDesBlt { margin:10px 0; font-size:18px;  margin-top:20px; clear:both}
.fRmP > div,
.pWin1 > .cont >  .form > div,
.cont .form > div,
.lInputNwDiv  { float:left; width:100%; margin-bottom:10px}
.lInputNwDiv  .lanhn > div { width:165px; float:left; font-weight:bold}
.fRmP > div > b,
.pWin1 > .cont >  .form > div > b,
.cont .form > div > b,
.lInputNwDiv  .lanhn > div:first-child { float:left; padding:10px; width:200px; font-size:14px; font-weight:normal; font-weight:normal}

.unForm input[type="text"],
.unForm input[type="submit"],
.unForm input[type="button"],
.unForm button,
.unForm  select,
.unForm  textarea
 {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: inline-block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 500px; }
.unForm > div { float:left; width:100%; clear:both}	
.unForm input[type="submit"],
.unForm input[type="button"],
.unForm button 	{ width:auto; background-color:#375a90; color:#fff  }
body .unForm .frm-xs { width:165px}
body .unForm .frm-sm { width:330px}
.unForm div p {  float:left; padding:5px 5px 5px 0 }/*padding-left:200px !important;*/
.maroon12B, .red { color:#c00}	
.unForm > div > .btns { padding-left:200px; float:left}

.adNew { float:right; width:100%; text-align:right; margin:20px 0;}
.subDet { background-color:#fff; padding:14px; float:left; width:100%; margin-bottom:20px;}
.subDet .form .entry,
.ExpAppDiv .bar { float:left; width:100%; border-top:solid 1px #ccc;}
.subDet .form .entry:first-child,
.ExpAppDiv .bar:first-child { border:0}
.subDet .hd { background:none; padding:0; font-size:14px; float:left}
.subDet .opt { background:none; padding:0; font-size:14px; float:right; padding:10px 0}


.pWin1 .tit { float:left; width:100%;}


.tiHd { float:left; width:100%; clear:both;  border:solid 1px #999 ; padding:10px;}
.tiHd  .titB  { float:left; padding:10px; width:20%;}
.tiHd  .titWht { font-weight:bold; background-color:#e4e4e4}




.breadcrumb1 {
    padding: 0px;
	background: #D4D4D4;
	list-style: none; 
	overflow: hidden;
    margin-top: 20px;
}
.breadcrumb1>li+li:before {
	padding: 0;
}
.breadcrumb1 li { 
	float: left; 
}
.breadcrumb1 li.active  {
	background: brown;                   /* fallback color */
	background: #375a90 ;
	color:#fff;
	
}
.breadcrumb1 li.completed  {
	background: #666;                   /* fallback color */
	color:#fff;
}
.breadcrumb1 li.active:after {
	border-left: 30px solid #375a90  ; 
}
.breadcrumb1 li.completed:after {
	border-left: 30px solid #666;
} 

.breadcrumb1 li  {
	color: #666;
	text-decoration: none; 
	padding: 10px 0 10px 45px;
	position: relative; 
	display: block;
	float: left;
}
.breadcrumb1 li:after { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid hsla(0, 0%, 83%, 1);
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	left: 100%;
	z-index: 2; 
}	
.breadcrumb1 li:before { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid white;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1; 
}	
.breadcrumb1 li:first-child  {
	padding-left: 15px;
}



@media (min-width: 700px) {
.bzBx { min-height:161px;}	
}

@media (max-width: 600px) {
.navbar-collapse.in	 { width:100% !important}
.ftrCpy,
.ftrPwd { text-align:center !important}
.navbar-small .navbar-brand img,
.navbar-big .navbar-brand img { max-height: 60px; width: auto;}
.navbar-big { height:auto; padding:10px 0}
.navbar-big { padding:0}
.navbar-big .navbar-brand,
.navbar-small .navbar-brand { margin-top: 0px; height: auto; padding: 10px 15px;}
.navbar-big .navbar-brand img,
.navbar-small .navbar-brand img { position:relative}

.navbar-big .navbar .nav > li > a ,
.navbar-small .navbar .nav > li > a { padding:8px; width:100%}
.navbar-nav { margin:0}
.nav-tabs > li > a { font-size:14px; padding: 10px}
.nav-tabs-custome div { text-align:center} 
#myTabContent .tab-pane  div { text-align:center !important} 
#myTabContent .panel-body .row { padding-bottom:20px} 
#myTabContent .panel-body .row [class*='col-']:first-child { font-weight:bold; font-size:18px} 

}
@media (max-width: 480px) {
.search1 { width:100%}
.ss-pic { width:100%; margin-top:30px;}
.siteInfo .media-left,
.siteInfo .media-body { width:100% ; text-align:center }

}

/* ----------------------------------------------------------------
   RCP05 layout — header, footer, auth (match RCP03 bank-islami-v2)
-----------------------------------------------------------------*/
body.hm .hdCnt .nav-custome {
	background-color: transparent;
}
body.bi-auth-page .hdCnt .nav-custome,
body:not(.hm) .hdCnt .nav-custome {
	/* background-color: #1094da; */
	background-color: #18407c;
}

.bi-navbar-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	width: 100%;
}
.bi-navbar-brand-group {
	margin-left: auto;
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	gap: 8px;
	order: 2;
}
.bi-navbar-collapse {
	flex: 1 1 100%;
	order: 3;
	direction: rtl !important;
}
@media (min-width: 768px) {
	.bi-navbar-collapse {
		flex: 1 1 auto;
		order: 1;
	}
	.bi-navbar-brand-group {
		flex: 0 0 auto;
		order: 2;
	}
}
.bi-nav-menu {
	margin-top: 30px;
	flex-direction: row;
	flex-wrap: wrap;
}
.bi-nav-menu .nav-item {
	float: right;
}
.nav-custome .navbar-nav .nav-link {
	color: #fff;
	padding: 4px 6px 6px;
	margin: 0 4px;
	font-size: 16px;
}

.nav-custome .navbar-nav .nav-link.usr {
	border: solid 1px #fff;
	border-radius: 24px;
	padding: 4px 18px 6px;
}
.nav-custome .navbar-nav .nav-link.usr:hover {
	background-color: #fff;
	color: #1094da;
}

.bi-auth-spacer-top {
	min-height: 40px;
	padding-top: 20px;
}
.bi-auth-spacer-bottom {
	min-height: 40px;
	padding-bottom: 30px;
}
.bi-login-well,
.loginBx .well.bg-custome {
	background-color: #fff;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	padding: 20px 24px;
	margin-bottom: 0;
}
.mCnt.register {
	max-width: 900px;
	margin: 0 auto;
	padding: 10px 15px 30px;
}
.mCnt.register .well {
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 0;
	padding: 20px;
	margin-bottom: 20px;
}
.mCnt.register .color-custome,
.loginBx .color-custome {
	color: #375a90 !important;
}
.bg-custome {
	background-color: #f9f8f8;
}

/* Auth pages — login, forgot, reset, change password (match register cards) */
.bi-auth-wrap {
	max-width: 520px;
	margin: 0 auto;
	padding: 0 15px;
}
.bi-auth-card {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	box-shadow: 0 8px 32px rgba(55, 90, 144, 0.12), 0 2px 8px rgba(0, 0, 0, 0.04);
	overflow: hidden;
	margin-bottom: 0;
}
.bi-auth-card .bi-auth-card-head + .bi-auth-card-body {
	padding-top: 0.75rem;
}
.bi-auth-card-head {
	background: #fff;
	padding: 1.5rem 1.5rem 0;
	border-bottom: 0;
}
.bi-auth-card-title {
	font-size: 2rem;
	font-weight: 700;
	margin: 0;
	color: #375a90 !important;
	letter-spacing: 0.02em;
	line-height: 1.2;
}
.bi-auth-card-subtitle {
	margin: 0.4rem 0 0;
	font-size: 0.9rem;
	color: #64748b;
	font-weight: 400;
	line-height: 1.4;
}
.bi-auth-card-body {
	padding: 1rem 1.5rem 1.25rem;
	background: #fff;
}
.bi-auth-lead {
	font-size: 0.95rem;
	color: #475569;
	margin: 0 0 1.25rem;
	line-height: 1.5;
}
.bi-auth-field {
	margin-bottom: 1.25rem;
}
.bi-auth-field:last-of-type {
	margin-bottom: 1rem;
}
.bi-auth-field label {
	display: block;
	font-weight: 600;
	/* color: #375a90; */
	font-size: 0.9rem;
	margin-bottom: 0.4rem;
}
.bi-auth-field .form-control {
	min-height: 44px;
	border-radius: 8px;
	border: 1px solid #cbd5e1;
	background: #fff;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
}
.bi-auth-field .form-control:focus {
	border-color: #375a90;
	box-shadow: 0 0 0 3px rgba(55, 90, 144, 0.15);
}
.bi-auth-field .form-control:disabled {
	background: #f1f5f9;
	color: #64748b;
}
.bi-auth-alert {
	margin-bottom: 1rem;
	border-radius: 8px;
}
.bi-auth-submit,
.bi-auth-card .loginBtn {
	width: 100%;
	min-height: 48px;
	border-radius: 8px;
	font-weight: 600;
	font-size: 1.05rem;
	background: linear-gradient(90deg, #375a90 0%, #1094da 100%);
	border: none;
	color: #fff;
}
.bi-auth-submit:hover,
.bi-auth-submit:focus,
.bi-auth-card .loginBtn:hover,
.bi-auth-card .loginBtn:focus {
	background: linear-gradient(90deg, #2d4a78 0%, #0d7fc4 100%);
	color: #fff;
}
.bi-auth-links {
	text-align: center;
	margin-top: 1.25rem;
	padding-top: 1rem;
	border-top: 1px solid #e2e8f0;
	font-size: 0.9rem;
}
.bi-auth-links a {
	color: #375a90;
	font-weight: 500;
}
.bi-auth-links a:hover {
	color: #1094da;
}
.bi-auth-forgot {
	text-align: right;
	margin-top: -0.5rem;
	margin-bottom: 1rem;
}
.bi-auth-forgot a {
	font-size: 0.875rem;
	/* color: #dc3545; */
	text-decoration: none;
}
.bi-auth-loading {
	text-align: center;
	margin-top: 1rem;
}
.loginBx .bi-auth-card .well.bg-custome,
.loginBx .bi-login-well {
	background: transparent;
	border: 0;
	padding: 0;
	box-shadow: none;
}

.btn-outline-primary {
	border-color: #375a90;
	color: #375a90;
	
}
.btn-outline-primary:hover {
	background-color: #375a90;

	
}
.bg-primary {
	background-color: #375a90 !important;
}
/* Dashboard sections */
.dashboard .bi-dash-panel {
	border: 1px solid #e2e8f0 !important;
	border-radius: 12px;
	box-shadow: 0 6px 24px rgba(55, 90, 144, 0.1), 0 2px 8px rgba(0, 0, 0, 0.04);
	overflow: hidden;
	background: #fff;
}
.dashboard .bi-dash-panel.sec {
	padding: 0;
}
.dashboard .bi-dash-panel-head {
	background: #fff;
	padding: 1rem 1.5rem;
	margin-bottom: 0 !important;
	border-bottom: 1px solid #e2e8f0;
}
.dashboard .bi-dash-panel-head h3 {
	font-size: 1.125rem;
	font-weight: 700 !important;
	/* color: #375a90 !important; */
	/* text-transform: uppercase; */
	letter-spacing: 0.04em;
	margin: 0;
}
.dashboard .bi-dash-panel.sec > .bi-dash-panel-head + *,
.dashboard .bi-dash-panel.sec > :not(.bi-dash-panel-head) {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.dashboard .bi-dash-panel.sec > .bi-dash-panel-head + * {
	padding-top: 1.15rem;
}
.dashboard .bi-dash-panel.sec > :last-child {
	padding-bottom: 1.35rem;
}
.dashboard .bi-dash-profile {
	padding: 1.25rem 1rem !important;
}
.dashboard .bi-dash-profile .sec {
	padding: 12px 0;
}
.dashboard .container.p-5 {
	padding-top: 2rem !important;
	padding-bottom: 2.5rem !important;
}
.dashboard .hr-list .border-bottom:last-child {
	border-bottom: 0 !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/* Bank-islami modals */
.bi-modal-dialog-sm {
	max-width: 420px;
}
.modal-content {
	border: 0;
	box-shadow: 0 12px 40px rgba(55, 90, 144, 0.15), 0 4px 12px rgba(0, 0, 0, 0.06);
}
.modal-body,
.modal-body.p-4 {
	padding: 0.75rem 1.5rem 1.5rem;
}
.modal-body > *:first-child {
	margin-top: 0;
	padding-top: 0;
}
.modal-body .d-flex.justify-content-between.mb-4,
.modal-body .d-flex.justify-content-between.mb-md-4,
.modal-body .d-flex.justify-content-between.align-items-start.mb-4,
.modal-body .d-flex.justify-content-between.align-items-center.mb-4,
.modal-body .d-flex.justify-content-between.mb-3 {
	margin-top: 0;
}
.modal-body .bi-dash-modal-title,
.modal-body .bi-apply-step-title,
.modal-body .bi-modal-form h2.mb-0 {
	margin-top: 0;
	line-height: 1.3;
}
.bi-dash-modal-title,
.bi-apply-step-title {
	color: #375a90 !important;
	letter-spacing: 0.01em;
}

/* Unified modal form styles */
.bi-modal-form .form-label,
.bi-dash-modal-form .form-label,
.bi-signup-form .form-label,
.bi-apply-step-form .form-label {
	margin-bottom: 0.35rem;
}
.bi-modal-form .form-control,
.bi-modal-form .form-select,
.bi-dash-modal-form .form-control,
.bi-dash-modal-form .form-select,
.bi-signup-form .form-control,
.bi-signup-form .form-select,
.bi-apply-step-form .form-control,
.bi-apply-step-form .form-select {
	border-color: #e2e8f0;
	border-radius: 8px;
	padding: 0.55rem 0.85rem;
}
.bi-modal-form .form-control:focus,
.bi-modal-form .form-select:focus,
.bi-dash-modal-form .form-control:focus,
.bi-dash-modal-form .form-select:focus,
.bi-signup-form .form-control:focus,
.bi-signup-form .form-select:focus,
.bi-apply-step-form .form-control:focus,
.bi-apply-step-form .form-select:focus {
	border-color: #375a90;
	box-shadow: 0 0 0 0.2rem rgba(55, 90, 144, 0.15);
}
.bi-modal-form .form-control:disabled,
.bi-signup-form .form-control:disabled {
	background-color: #f1f5f9;
	color: #64748b;
}
.bi-modal-form .form-check-input:checked,
.bi-dash-modal-form .form-check-input:checked {
	background-color: #375a90;
	border-color: #375a90;
}
.bi-modal-form .mb-3:last-child,
.bi-modal-actions {
	margin-top: 0.25rem;
}
.bi-modal-note {
	background: #eff6ff;
	border-color: #bfdbfe;
	color: #1e3a5f;
	font-size: 0.9375rem;
	line-height: 1.55;
}
.bi-cv-upload-card {
	border-color: #e2e8f0 !important;
	background: #f8fafc;
}
.bi-modal-history-card {
	background: #f8fafc;
	border-color: #e2e8f0 !important;
}
.bi-modal-history-table td {
	padding: 0.2rem 0;
	font-size: 0.9375rem;
	vertical-align: top;
}
.bi-modal-history-table td + td {
	padding-left: 0.75rem;
	
}
.bi-modal-history-label {
	
	font-weight: 600;
	white-space: nowrap;
}
.bi-modal-history-actions {
	flex-shrink: 0;
	padding-left: 0.75rem;
}
.bi-modal-history-actions i {
	color: #375a90;
	font-size: 14px;
}
.bi-modal-history-item:last-child,
.expItem:last-child,
.eduItem:last-child {
	border-bottom: 0 !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
.bi-share-icons {
	display: flex;
	justify-content: center;
	gap: 1rem;
	flex-wrap: wrap;
}
.bi-share-link {
	text-decoration: none;
}
.bi-share-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	font-size: 1.25rem;
	color: #fff;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.bi-share-icon:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}
.bi-share-facebook { background: #1877f2; }
.bi-share-twitter { background: #1da1f2; }
.bi-share-linkedin { background: #0a66c2; }
.bi-share-whatsapp { background: #25d366; }
.bi-dash-upload-zone {
	border: 1px dashed #cbd5e1;
	border-radius: 10px;
	padding: 1rem;
	background: #f8fafc;
}
.bi-dash-modal-delete-msg {
	color: #64748b;
	font-size: 1rem;
	line-height: 1.55;
}
.bi-dash-modal-actions .btn,
.bi-signup-actions .btn,
.bi-modal-actions .btn {
 margin: 0 !important;
}
.bi-signup-actions,
.bi-dash-modal-actions,
.bi-modal-actions {
	margin-top: 0.5rem;
	display: flex;
	
	gap: 0.5rem;
}
.bi-dash-modal-actions button,
.bi-modal-actions button {
	min-width: 100px;
}
/* Apply step 1 modal */
.bi-apply-step-label {
	font-size: 0.8125rem;
	font-weight: 600;
	color: #64748b;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}
.bi-apply-step-title {
	color: #375a90 !important;
	line-height: 1.35;
}
.bi-apply-step-subtitle {
	font-size: 1rem;
	font-weight: 600;
	color: #375a90;
	margin-bottom: 0;
}
.bi-apply-profile-card {
	background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
	border-color: #e2e8f0 !important;
}
.bi-apply-profile-avatar {
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	background: #375a90;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	box-shadow: 0 4px 12px rgba(55, 90, 144, 0.25);
}
.bi-apply-profile-meta li {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	padding: 0.4rem 0;
	color: #475569;
	font-size: 0.9375rem;
	line-height: 1.4;
}
.bi-apply-profile-meta li i {
	width: 1rem;
	text-align: center;
	color: #375a90;
	flex-shrink: 0;
}
.bi-apply-profile-meta li + li {
	border-top: 1px solid #eef2f7;
}
.bi-apply-alert {
	border-color: #fde68a;
	background: #fffbeb;
	color: #92400e;
	line-height: 1.55;
}
.bi-apply-alert a {
	color: #375a90;
}

/* SignUp / update profile modal */
.bi-signup-section {
	padding-top: 0.25rem;
	margin-bottom: 1.25rem;
}
.bi-signup-section + .bi-signup-section {
	border-top: 1px solid #e2e8f0;
	padding-top: 1.25rem;
}
.bi-signup-section-title {
	font-size: 0.9375rem;
	font-weight: 700;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin-bottom: 1rem;
}
.bi-signup-actions {
	margin-top: 0.5rem;
	padding-top: 0.25rem;
}
#SignUpForm .modal-body,
.modal-body #SignUpForm {
	max-height: none;
}

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}