/*------------------------------------------------------------------------
# NMB Drupal
# ------------------------------------------------------------------------
# Created by Symphony Themes
# Websites:  http://www.symphonythemes.com -  Email: info@symphonythemes.com
--------------------------------------------------------------------------
    1.   Custom CSS
    2.   Forms
    3.   Blog & Article
    4.   Others
--------------------------------------------------------------------------------*/

/* 01. Custom CSS
 --------------------------------------------------------------------------------*/
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
 body {
    font-family: 'Poppins',sans-serif !important;
    color: #7a7a7a !important;
    
}

p {
    font-size: 17px;
    line-height: 24px;
    color: #7a7a7a !important;
    font-family: 'Poppins',sans-serif !important;
}

h3 {
font-size: 21px;
font-weight: 600 !important;
color: #1a3561 !important;
padding-top: 13px;
padding-bottom: 9px;
top: 5px;
position: relative;
}



body { position: unset; }
@media screen and (min-width: 768px) {
  body { margin-top: 0; }
}


.text-white a {
  color: #fff !important;
}

.menu li span.dropdown__trigger {
  font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #777777;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
  padding-bottom: 40px;
  display: inline-block;
  line-height: 14px;
}
.menu li span.dropdown__trigger:hover {
  color: #333333;
}
.overlay-bar .menu li span.dropdown__trigger {
  color: #fff;
}
.overlay-bar .menu li span.dropdown__trigger:hover {
  color: #fff;
}
.top-bar.nav-sticky .menu li span.dropdown__trigger {
  padding-bottom: 32px;
}
.overlay-bar.nav-sticky .menu li span.dropdown__trigger {
  color: #777777;
}
.offscreen-container .menu li span.dropdown__trigger {
  padding-bottom: 0px !important;
  color: #aaa !important;
}
.offscreen-container .menu li span.dropdown__trigger:hover {
  color: #fff !important;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .top-bar .menu li span.dropdown__trigger {
    color: #777777;
    padding-bottom: 0px;
  }
  .overlay-bar .menu li span.dropdown__trigger:hover {
    color: #333333;
  }
  
  /*******************Tinashe Mobile Css***********************/
  
  /**********Board of committees******************/
  .full-table.committee-table {
    display: none;
}
.text-align-center.committe-btn {
    display: block !Important;
    
}
.sharechart {
    
    margin-bottom: 0rem !Important;
}
.bord-text {
	font-size: 17px;
	margin-top: -26px;
}
.row.nmb-connect {
	margin-top: -70px !Important;
}
.rem-service-list {
	margin-top: 24px;
}
 /*********Our Story **********/

 .col-md-4.container-inner {          
    width: unset !Important;
    
}
.row {                                
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.banner-heading {
    font-size: 52px !important;
}
.gov-inner-section {
   
    flex-direction: column;
}
.h2-text {
    font-size: 30px !important;
    
}
.h2-gov {
    font-size: 30px !important;
}

.vr-tour-text {
    
    font-size: 17px !important;
  
}
.invest-p {
    
    font-size: 17px !important;
   
}
.real-estate-heading {
    font-size: 30px !important;
    
}
.video-heading {
    font-size: 30px !important;
}

.video-wrapper {
    display: block !important;
}

.social-sction {
    display: none !important;
}
/********Home CSS ***********/

.feature-box h2 {
    font-size: 21px !important;
    margin-top: 16px;
    margin-bottom: -8px;
    
}


.blog-masonry-container {
    margin-bottom: -70px !important;
}
/********** Nav Bar *************/
.inside-top-menu {
    display: none;
}

.inside-top-menu.ext-container.nmb-connect {
	display: block;
}

.inside-top-menu.ext-container{
    display: block;
}


/*
ul.menu.menu--test-m.nav {
  display: none;
    

}
ul.menu.menu--governance.nav {
    display: none;
    
}
ul.menu.menu--banking-for-me.nav {
    display: none;
}*/
/******* Our purpose css**********/

.col-md-6.container-inner-1 {             
	
	width: unset !important;
	height: unset !important;
	margin-bottom: 42px !important;
	
}

.feature-box {
	
	min-height: 250px !important;
}
.feature-box .inner {
	
	top: 12rem !important;
}

.row {                                    
	margin-right: unset !important;
	margin-left: unset !important;
}

.bord-text {
	font-size: 14px;
	padding: 20px 0;
}

/*.hero-slider .slides li {                 */
/*	height: 278px !important;*/
	
/*}*/

.hero-slider .slides li.overlay::before {
	
	background-color: transparent;
}

/******* Governance css**********/

.row.empty-banner {                       
    
    height: unset !important;
    
}
}






@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .overlay-bar .menu li span.dropdown__trigger {
    color: #777777;
    padding-bottom: 0px;
  }
  .overlay-bar .menu li span.dropdown__trigger:hover {
    color: #333333;
  }

    .simple-bar .menu li span.dropdown__trigger {
      padding-bottom: 54px;
    }
}
@media all and (max-width: 767px) {
  .simple-bar .menu li span.dropdown__trigger {
    padding-bottom: 0px;
  }
}
.centered-logo .menu li span.dropdown__trigger {
  padding-bottom: 24px;
}
@media all and (max-width: 767px) {
  .centered-logo .menu li span.dropdown__trigger {
    padding-bottom: 0px;
  }

.fullscreen-nav-container .menu li span.dropdown__trigger {
  color: #fff;
  font-size: 32px;
  font-weight: 300;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: none;
  padding-bottom: 0px;
}
}
@media all and (max-width: 767px) {
  .fullscreen-nav-container .menu li span.dropdown__trigger {
    font-size: 24px;
    padding-bottom: 0px;
  }
}

@media all and (min-width: 768px) {
  #block-pivot-main-menu {
    float: left;
  }
  #block-blocksocialicons {
    float: right;
  }
}

/*--------------------------------------------------------------------------------*/

/* 02. Forms

/*--------------------------------------------------------------------------------*/
button#edit-preview {
  display: none;
}

/* Contact form */
#contact-message-feedback-form {
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 25px;
  margin-bottom: 24px;
}
#contact-message-feedback-form .form-item,
#contact-message-feedback-form .form-wrapper {
  margin: 0;
}
#contact-message-feedback-form .form-item {
  padding: 16px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}
#contact-message-feedback-form .form-item input,
#contact-message-feedback-form .form-item textarea {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  border: medium none;
  box-shadow: none;
  width: 100%;
}
#contact-message-feedback-form button#edit-submit {
  margin: 20px;
}
.block-contact-wide {
  margin-bottom: 200px;
}
.block-contact-wide #contact-message-feedback-form { 
  border: none;
}
.block-contact-wide #contact-message-feedback-form .form-item {
  border: none;
}
.block-contact-wide #contact-message-feedback-form .form-item input,
.block-contact-wide #contact-message-feedback-form .form-item textarea {
  background: rgba(255, 255, 255, 0.85);
  padding: 14px 24px 14px 24px;
  margin-bottom: 0;
}

.block-contact-wide #contact-message-feedback-form button#edit-submit {
  color: #fff !important;
  font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  background-color: #e74c3c;
  border-color: #e74c3c;
  border-radius: 50px;
  padding:14px 24px;
}


/* Simplenews */
#block-simplenewssubscription .field--name-mail label {
  display: none;
}
.photo-form-wrapper.no-margin {
  margin: 0;
}
.photo-form-wrapper button[type="submit"] {
  color: #fff !important;
  font-family: "Raleway","Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.photo-form-wrapper.no-margin input {
  margin: 0;
}
.photo-form-wrapper button#edit-subscribe {
  background-color: #feb41c;
  border-color: #feb41c;
}
.photo-form-wrapper.subscribe-inline .field--name-mail,
.photo-form-wrapper.subscribe-inline #edit-actions {
  display: inline-block;
}
#edit-subscriptions-wrapper {
  display: none;
}
#block-simplenewssubscription #edit-mail-wrapper input {
  border: 1px solid #fff;
  background: rbga(255,255,255,0.2);
  color: #fff;
  box-shadow: none;
  height: auto;
}
#block-simplenewssubscription #edit-actions button {
  background: none;
  border: 2px solid #feb41c;
  color: #fff;
  padding: 14px 24px;
  border-radius: 50px;
  background-color: #feb41c;
}

@media all and (min-width: 768px) {
  #block-simplenewssubscription #edit-mail-wrapper {
    width: 70%;
	float: left;
  }
  #block-simplenewssubscription #edit-actions {
    width: 30%;
	float: right;
  }
  body.user-logged-in #block-simplenewssubscription #edit-actions {
    width: 100%;
	float: right;
  }
}

/* Login/register page */
body.path-user .main-container {
  background: url(../img/hero6.jpg) center center no-repeat;
  background-size: cover !important;
  min-height: 100vh;
  padding-top: 196px;
}
body.path-user nav.tabs {
  margin-bottom: 30px;
}
body.path-user .region-content form input,
.user-login-form input,
.user-register-form input,
.user-pass input {
  border: none;
  box-shadow: none;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 50px;
  padding: 14px 24px 14px 24px;
  width: 100%;
  margin-bottom: 30px;
  height: auto;
}
body.path-user .region-content form button,
.user-login-form button,
.user-register-form button,
.user-pass button {
  color: #fff !important;
  font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  background-color: #e74c3c;
  border-color: #e74c3c;
  border-radius: 50px;
  padding:14px 24px;
}
body.path-user .region-content form #edit-actions {
  text-align: center;  
}
@media all and (min-width: 768px) {
  body.path-user .region-content {
    width: 50%;
    margin: 0 25%;
  }
}
#block-userlogin ul { display: none; }

/*--------------------------------------------------------------------------------*/

/* 03. Blog & Article

/*--------------------------------------------------------------------------------*/

/* Article detail */
.article__title h1 {
  margin-bottom: 16px;
  font-size: 40px;
}
.blog-image-holder {
  text-align: center;
  margin-bottom: 30px;
}
.blog-image-holder img {
  display: inline;
  width: 100%;
}
.field--name-field-tags .field--item {
  display: inline;
  padding-left: 7px;
}
.field--name-field-blog-category {
  display: inline;
}
.field--name-field-tags {
  margin-top: 20px;
}
.article-body ul.links {
  float: right;
  margin-top: 20px;
}

/* Article Comment */
article .comments h2 {
  margin-bottom: 30px;
}
article .comments .indented {
  overflow: hidden;
}
.indented {
  margin-left: 50px;
}
.comment-content {
  background: #fff;
  padding: 20px;
}
article.comment {
  margin: 15px 0;
}

/*--------------------------------------------------------------------------------*/

/* 04. Other

/*--------------------------------------------------------------------------------*/

/* Search results */
body.path-search .region-content ol li {
  margin-bottom: 30px;
}
body.path-search h2 {
  margin-top: 30px;
  margin-bottom: 20px;
}

/* Nav Tab */
.user-logged-in nav.tabs {
  position: fixed;
  left: 0;
  top: 80px;
  transition: all 0.5s ease 0.25s;
  z-index: 1000;
} 
.user-logged-in nav.tabs ul.tabs--primary {
  background: #fff none repeat scroll 0 0;
  border: medium none;
  list-style: outside none none;
  opacity: 0.9;
}
.user-logged-in nav.tabs ul.tabs--primary li {
  float: none;
  opacity: 0.8;
}
.user-logged-in nav.tabs ul.tabs--primary li a {
  margin-right: 0;
}
.user-logged-in nav.tabs ul.tabs--primary li.active a, 
.user-logged-in nav.tabs ul.tabs--primary li:hover a {
  background: #ffb500 none repeat scroll 0 0;
  border: none;
  border-radius: 0;
  color: #fff;
}
.user-logged-in nav.tabs ul.tabs--primary li.active, 
.user-logged-in nav.tabs ul.tabs--primary li:hover {
  opacity: 1;
}
/*--------------------------------------------------------------------------------*/

/* 04. Top Bar Css

/*--------------------------------------------------------------------------------*/

.top-bar .utility-menu .utility-inner {
    border-bottom: 1px solid #1A3561 !important;
    background: #1A3561 !important;
}

.utility-menu {
    margin-top: 0;
}



/*---------------DES EDITS----------------*/

/*Table images*/
.committee-table img {
    margin: 0 auto !important;
    display: block;
}

/*--------Top bar----------*/
.container-fluid.top-section {
    background: #1A3561;
    top: 0;
    position: absolute;
    z-index: 11;
    /*margin-bottom: 100px !important;*/
    width: 100%;
    margin: 0;
}
.top-bar {
    top: 45px !important;
    position: absolute;
    width: 100%;
    z-index: 10;
    -webkit-transition: all .2s ease !important;
    -moz-transition: all .2s ease !important;
    transition: all .2s ease !important;
}

.utility-menu .utility-inner {
    padding-top: 0px;
    padding-bottom: 0px;
}
#block-topsectionmenu li { margin-right: 0px; }
.menu--top-section-menu {
    width: 100%;
}
#block-topsectionmenu li.last {
    float: right;
}

/*.region-top-section a,*/
#block-topsectionmenu a {
    font-size: 14px;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    text-transform: none;
    padding: 16px 18px;
    border-radius: 0px;
    color: #ddd;
}

/*.region-top-section a:hover, .region-top-section a:active,*/
#block-topsectionmenu li.last a:hover, #block-topsectionmenu li.last a:active {
    background: #E4C16A;
    color: #1A3561;
    padding: 16px 18px;
    border-radius: 0px;
    border-radius: 0px;
    height: 100%;
}
#block-topsectionmenu a:hover, #block-topsectionmenu a:active {
    background: transparent;
    color: #E4C16A;
    padding: 16px 18px;
    border-radius: 0px;
    border-radius: 0px;
    height: 100%;  
}

/*-Branding-*/
.overlay-bar .logo-dark {
    display: block;
}
.overlay-bar {
    background: #fff;
}
.overlay-bar.nav-sticky .menu li a {
    color: #1A3561;
}

/*-------Nav-------*/
.nav-menu {
    padding-top: 25px;
    padding-bottom: 0;
}
.nav-menu .menu li {
    float: left;
    margin-right: 35px;
    position: relative;
}
.nav-menu .menu li a {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    text-transform: none;
    color: #1a3561;
    padding-bottom: 0px;
    font-weight: 500;
}
.nav-menu .menu li a:hover {
    color: #1A3561 !important;
}

.nav-sticky {
    top: 0 !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, 0.4) !important;
    border-bottom: 1px solid #ccc;
}

/*-------Search Block-------*/
#block-searchform {
    float: left;
    position: relative;
    top: -8px;
    left: 5px;
}
#block-searchform input {
    background: #ECEEEF;
    border: 0;
    box-shadow: none;
    width: 259px;
    border-radius: 10px;
}
#block-searchform .form-group {
    margin-bottom: 5px;
}

.main-content { margin-top: 73px; }

#block-topinfoblockleft {
    float: left;
}
#block-topinfoblockright {
    float: right;
}

h1, h2, h3, h4, h5, h5, h6 {
    font-family: "Poppins", Sans-serif !important; 
    font-weight: 300;
    color: #333333;
    margin: 0px;
}



/*slider caption*/
/*#main-container .paragraph:nth-child(1) .container {
    background: transparent;
    width: 100%;
    padding: 0 !important;
    height: 138%;
    position: relative;
    margin: 0 !important;
    top: -35px;
}*/

/*Test Css*/

#main-container .paragraph:nth-child(1) .container {
    /*background: blue;*/
    width: 100%;
    padding: 0 !important;
    height: 100%;
    position: relative;
    margin: 0 !important;
    top: -35px;
}
/*End Test Css*/

.path-frontpage .slides .background-image-holder {
    background: none !important;
}
.hero-slider .background-image-holder img {
    display: block !important;
}
.hero-slider {
    top: 53px;
}
.hero-slider .slides li.overlay:before {
    opacity: 0 !important;
}


/*Video Slider Text*/
/* #main-container .paragraph:nth-child(1) {
    display: flex;
} */
#main-container .paragraph:nth-child(1) .container {
    align-items: center;
    justify-content: center;
    display: flex;
}


#main-container .hero-slider .container {
    background: rgba(0,0, 0, 0);
    display: block !important;
    top: 0px !important;
}
#slider-text {
    display: flex;
    align-items: center;
    justify-content: center;
}

#slider-btn {
    position: absolute;
    /* left: 80px;    
    margin: 50px 0 0 0; */
    left: 6.5%;
    margin: 5% 0 0 0;
}
/*.hero-slider .slides li {
    height: auto !important;
    overflow: hidden;
    position: relative;
}*/

/*Test Css*/

.hero-slider .slides li {
    height: 530px;
    overflow: hidden;
    position: relative;
}

/*End Test Css*/


/*.hero-slider .slider-btn a {
    background: transparent !important;
    width: 100% !important;
    min-height: 69vh;
    position: relative;
    display: block;
    text-indent: -999999px;
}*/

/*Test css*/

.hero-slider .slider-btn a {
    background: transparent !important;
    text-indent: -999999px;
    display: block;
    height: 100%;
}
.slider-btn {
    margin-bottom: 0px;
    display: block;
    height: 100% !important;
}
.slides .field--name-field-paragraph-content {
    /* flex-grow: 1; */
    height: 100%;
    /* position: relative; */
    /* align-items: stretch; */
    /* display: flex; */
}

/*End Test css*/

.flex-control-nav {
    width: 100%;
    position: relative;
    bottom: 30px !important;
    text-align: center;
    z-index: 13;
    background: transparent;
    height: 30px;
}
.flex-direction-nav {
    display: none !important;
}

/*---------Feature Boxes on Home---------*/
.feature-box .background-image-holder.overlay:before {
    opacity: 0.3;
    transition: 0.2s ease-in-out;
    background-color: rgb(0,0,0);
}
.feature-box .background-image-holder.overlay:hover:before {
    background: rgb(0, 0, 0) !important;
    opacity:0.5;
    transition: 0.2s ease-in-out;
}
.feature-box h2 {
    font-size: 37px;
    font-weight: 600;
    color: #E9ECF3 !important;
}
.feature-box .text-white {
    text-shadow: 1px 1px 1px #222;
}
.feature-box {
    padding: 64px 20px;
}
.feature-box .inner {
    width: 99.66666%;
}

/*---------Parallax on home---------*/
#main-container .paragraph:nth-child(7) h2 {
    font-size: 50px !important;
    font-weight: 600;
    color: #E9ECF3;
}

/*-------Footer--------*/
footer {
    background: #EFF0F2 !important;
}

/*-------Inside Menu----------*/
.container.nav-second, .container-fluid.nav-second {
    z-index: 1;
    position: absolute;
    clear: both !important;
    top: 118px;
    height: 38px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0;
    right: 0;
    left: 0;
}

.nav-second ul.menu.menu--test-m.nav {  /*already there*/
    float: right;
    padding-top: 0 !important;
}

.nav-second .menu li a {
    padding-bottom: 9px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #1a3561;
    text-transform: none;
    background: none;
}
.nav-second .menu li a:hover {
    color: #e4c16a;
    background: none;
}
.nav-second .menu li {
    float: left;
    margin-right: 0px;
    position: relative;
}

.alt-header-bg {
    background-color: #DEE6F0;
    border-bottom: 1px solid #ddd;
}


/*----------Staff Profiles----------*/

.view-staff-profiles .views-row,
.view-directors-profile .views-row {
    margin-bottom: 50px;
    max-width: 225px;
    display: inline-table;
    margin-right: 20px;
    margin-left: 20px;
}
.view-staff-profiles .view-content,
.view-directors-profile .view-content {
    text-align: center;
}
.view-staff-profiles .views-col,
.view-directors-profile .views-col {
    display: block;
    margin: 0 25px;
    max-width: 230px;
}
.view-staff-profiles .views-field-title a,
.view-directors-profile .views-field-title a {
    color: #1a3561;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    margin-top: 10px;
    display: block;
}
.view-staff-profiles .views-field-field-profile img,
.view-directors-profile .views-field-field-profile img {
    border-radius: 15px;
}
.page-node-type-staff-profiles .page-header {
    display: none;
}

/*Calculators*/

.mortgage-calculator {
    padding-bottom: 0;
}
.vehicle-insurance-calculator {
    padding-top: 15px;
    background: #eee !important;
    padding-bottom: 0;
}

/*-Branch Locator Filter-*/
.view-branch-test-locator .view-filters .btn {
    color: #333;
}
.view-branch-test-locator .view-filters .btn:hover {
    color: #fff;
}

/*-List Bullets-*/
ul {
  list-style: none;
  padding-left: 15px;
}

.paragraph ul li::before {
  content: "\25FC";
  color: #013062;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: 0;
  margin-right: 10px;
}
.accordion li::before {
    content: none !important;
}
.accordion li .text li::before {
    content: "\25FC" !important;
}
ul.pagination li::before{
    content: none;
    border-radius: 0 !important;
}
.agents-table td {
    vertical-align: top;
}

/************************ TINASHE CSS START ***************************/

/******Css border*****/
.bottom::before {
	content: "";
	position: absolute;
	left: 43%;
	bottom: 0px;
	width: 13%;
	border-bottom: 6px solid #E4C16A;
}


/*** Social section Css***/

.social-sction {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F1F4F9;
    margin-bottom: -70px;
    
}

.inner-section {
    width: 75%;
    padding: 80px 0;
}

img.background-image {
    
    width: 100% !Important;
}

.background-image-1 {
    height: 60px;
}
.view.view-testimonials.view-id-testimonials.view-display-id-block_1.js-view-dom-id-451264e7443e1599e048adaad4d53fc071c4c84af7b3e88952af91c5480a3ddf {
    margin-top: -9rem;
}
.feature-box .background-image-holder.overlay:before {
    
    z-index: 8;
}

.feature-box {
	padding: 50px 20px !Important;
	
	min-height: 379px;
	cursor:pointer;
}

.nav-menu .menu li a {
   
    font-size: 13px !Important;
    
}

.icons{
    display:flex;
    justify-content: space-between;
    padding-top: 30px;
}

.social-icons {
    display: flex;
    justify-content: center;
    align-items: center;
}

.social-icons img {
    margin-left: 7px;
    margin-right: 7px;
}
/******* Our purpose css**********/

.col-md-6.container-inner-1 img {
    width: 40%;
}

.col-md-6.container-inner-1 {
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    margin: 0 30px 0 30px;
    padding: 60px;
    border-radius: 25px 25px 25px 25px;
    text-align: center;
    background: #F7F8FC;
    width: 44%;
    height: 35rem;
    
}

.purpose-text {
    font-size: 16px;
}

/******* Investor relations web icons**********/


.container-inner {
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    margin: 0 30px 0 30px;
    padding: 60px;
    border-radius: 25px 25px 25px 25px;
    box-shadow: 0 8px 13px 1px rgba(0,0,0,.07);
    text-align: center;
}

.col-md-4.container-inner {
    width: 28%;
    margin-bottom: 30px;
}


.col-md-4.container-inner img {
    width: 50%;
}
.col-md-4.container-inner:hover {
    box-shadow: 0px 15px 22px 4px rgba(0, 0, 0, 0.14);
}
/******* P tag Css to H tag **********/
.h2-text {
    font-size: 50px;
    font-weight: 600;
    color: #1A3561!important;
}

.h2-gov {
    font-weight: 600;
    color: rgb(233, 236, 243);
    font-size: 50px !important;
    text-align: center;
    
}

.gov-inner-section {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 40px 0;
}
.gov-inner-section img {
    width: 75px !important;
    padding-bottom: 10px;
}

.gov-text {
    font-size: 18px;
    font-weight: 600;
    color: #E9ECF3;
}

.vr-tour-text {
    text-align: center;
    color: #e9ecf3 !important;
    font-family: "Poppins", Sans-serif;
    font-size: 23px;
    font-weight: 400;
}

.vr-tour-text.custom {
    line-height: 1.5;
}

.invest-p {
    
    text-align: center;
    color: #7A7A7A;
    font-family: "Poppins", Sans-serif;
    font-size: 23px;
    font-weight: 400;
    padding: 25px 0;
    line-height: 1.5;
    margin: 5px -34px;
}
.invest-text {
    font-family: "Poppins", Sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #1A3561;
    padding-top: 20px;
}
.real-estate-heading {
    font-size: 50px;
    font-weight: 600;
    color: #e9ecf3;
}
.news-room-p {
    text-align: center;
    font-family: "Poppins", Sans-serif;
    font-size: 22px;
    font-weight: 300;
    color: #7A7A7A;
    line-height: 1.5;
    padding: 20px 0;
}

.inside-top-menu {
    padding: 30px 100px 8px 100px;
    max-width: 1330px;
    margin: 3px auto 0;
}


.inside-header-text {
    font-size: 21px;
    font-weight: 600;
    color: #1a3561;
    padding-top: 13px;
    top: 5px;
    position: relative;
}
.row.bord-section {
    margin: -44px 0 35px 0;
}
.bord-text {
    font-size: 17px;
}


/****** Buttons css ********/

.vr-btn {
    
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    fill: #1A3561;
    color: #1A3561;
    background-color: #E4C16A;
    border-radius: 10px 10px 10px 10px;
    padding: 10px 30px;
    text-decoration:none;

}

.text-align-center.committe-btn {
    display: none;
}

/****** Blog css ********/
span.sub.alt-font {
    display: none;
}

.blog-masonry-item p {
    text-align: center;
    font-family: "Poppins", Sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.5;
}
.blog-masonry-item h2 {
    line-height: 1;
    margin-bottom: 16px;
    font-size: 25px;
    font-weight: 400;
    text-align: center;
   
}
.blog-masonry-item h2 a {
    
    color: #1A3561 !important;
}
.blog-masonry-item .post-title {
    background: #fff;
    padding: 25px 0px 10px 0px;
    position: relative;
}
.paragraph.paragraph--type--paragraph-views-reference.blog-masonry.bg-muted.paragraph--view-mode--default {
    padding: 0;
}

/****** Inside banner css ********/
.vr-tour-text.banner-text {
    padding-top: 20px;
}

.vr-btn.custom {
    background-color: #1a3561;
    color: #e9ecf3;
    padding: 21px 30px;
    border-radius: 15px;
    box-shadow: 0px 17px 36px 7px rgb(0 8 50 / 29%);
}
/****** Sections css ********/

section:nth-of-type(2n+1) {
    background: #fff;
}

/****** Footer css ********/

.contact-text p {
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: .9rem;
}

.footer-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
    margin-top: 0;
    margin-bottom: .9rem;
    width:auto;
}

.footer-links a {
    padding: 0 15px;
    border-style: solid;
    border-width: 0px 0px 0px 1px;
}

.footer-links p a {
    color: #7A7A7A;
    text-decoration: none;
}

.link-text {
    color: #E4C16A !important;
    font-weight: 400;
    font-size: 14px;
    border: unset;
    text-decoration: none !important;
    text-transform: none !important;
}
.col-sm-12.copyright {
    border-top: 1px solid #bfbfbf;
    padding-top: 20px;
}
footer.details .sub {
    display: inline-block;
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-top: 0;
}

.bd-remove a {
    border: none;
}
.bd-remove a:nth-child(1) {
    padding-left: 0;
}
#block-footerblocklong {
    margin-top: -61px;
}

.row.ft {
    padding-top: 25px;
}

/*ul.menu.menu--test-m.nav {
    float: right;
    

}
ul.menu.menu--governance.nav {
    float: right;
    
}
ul.menu.menu--banking-for-me.nav {
    float: right;
}*/
.region-navigation-second .menu {
    float: right;
}


/************Accordion***********************/

.accordion li.active .title {
    background-color: #1A3561;
   
}


.accordion .title:hover {
    background-color: #1A3561;
    
}
.accordion .title {
    font-weight: 600;
    font-size: 23px;
    color: #1a3561;
    padding: 24px 0;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    border-bottom: 2px solid #dadada;
}
.accordion li.active .text {
    overflow: auto;
}

.row.accord {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -69px;
}
/************ Governance **********************/

.row.empty-banner img {
    border-radius: 20px;
    overflow: hidden;
  
}

.row.sec {
    margin-top: -7rem;
}
.col-md-12.text-left.divider {
    border-bottom: 1px solid #D2D2D2;
    margin:10px 0;
}

h2.h2-text.gov {
    font-size: 34px;
}

p.invest-p.gov {
    text-align: left;
    margin: 5px 0;
    font-size: 16px;
}
/************ Management **********************/
.row.investor-relations-section-profile {
    margin-top: -80px;
}

.inside-top-menu.ext-container {
    padding: 0 !important;
    margin: 0 0 -41px;
}

h2.inside-header-text.ext-heading {
    font-size: 32px;
    padding: 0;
    position: unset !important;
    margin-bottom: 0px;
}

.container-inner.profiles {
    
    margin: 50px 0 0 0;
    padding: 0 !important;
    text-align: left;
    box-shadow: unset !important;
}
.col-md-3.container-inner.profiles img {
    border-radius: 13px !important;
    overflow: hidden;
    width: 90%;
}
.profile-sub {
    font-size: 17px;
    font-weight: 400;
    margin-top: -7px;
}

.invest-text.profile-names {
    font-size: 18px;
}

.file > span {
    background: #fff;
    color: #1A3561;
    border-bottom: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;
}



.file {
    display: table;
    font-weight: 400;
    margin: 10px 0;
    width: 75% !important;
    font-size: 14px
}

.sharechart {
    margin-top: -8rem;
    padding: 0;
    margin-bottom: -18rem;
    
    
}

/************* Investor relations Css******************/


.row.iframe-container {
    margin-bottom: -35rem;
}

/************* Table Css******************/

.tg th {
    border-style: solid !important;
    border-width: 0px 1px 0px 0px !important;
    color: #1a3561 !important;
    font-family: "Poppins",Sans-serif !important;
    overflow: hidden;
    padding: 10px 5px;
    word-break: normal;
    font-size: 16px !important;
    font-weight: 500;
    border-color: #C7C7C7 !important;
    font-style: normal !important;
    background-color: unset !important;
}

.tg-0pky {
    line-height: 20px;
}

.tg-0pky {
    line-height: 20px;
    font-family: "Poppins", Sans-serif !important;
    font-size: 16px !important;
    font-weight: 500;
    color: #1a3561 !important;
}

.tg td {
    background-color: #F4F7FD !important;
    border-color: #c7c7c7 !important;
    border-style: solid !important;
    border-width: 1px !important;
    color: #444;
    font-family: "Poppins",Sans-serif !important;
    font-size: 14px !important;
    overflow: hidden;
    padding: 10px 5px;
    word-break: normal;
}

.tg-0lax {
    color: #1a3561 !important;
    font-weight: 600 !important;
}

.tg-0lax.key {
    background: #fff !important;
    border: unset !important;
    padding-right: 30px;
    padding-left: 10px;
}

.bord-text.text-center {
    margin-top: -32px;
}

.full-table {
    margin-top: -7rem;
}
.table-key {
    margin-top: -79px;
    margin-bottom: 20px;
}

/****************Event calender page **************************/

#calendar {
    width: 160% !important;
}
.col-lg-6 {
    flex: 0 0 50%;
    max-width: 150% !important;
}

.iframe-calendar {
    margin-top: -35px;
}
/********* Login page css*****************/

body.path-user .main-container {
    background: url(/nmb/sites/default/files/images/slider-banner.jpg) center center no-repeat !important;
    background-size: cover !important;
    min-height: 100vh;
    padding-top: 196px;
    margin-top: -15px;
}

.overlay-bar .logo-light {
    display: none;
}

body.path-user .region-content form button, .user-login-form button, .user-register-form button, .user-pass button {
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-color: #E4C16A !important;
    background-color: #1a3561;
    color: #e9ecf3;
    padding: 21px 30px !important;
    border-radius: 15px;
}

/*#main-container .paragraph:nth-child(1) .container {
    background: #1a3561 !important;
    
}*/

.inner.custom {
	top: 21rem;
}

.feature-box h2 a {
   
    color: #e9ecf3 !important;

}

/******** Corporate Page **********/

.views-field.views-field-title a {
    background: #fff;
    padding: 25px 0 0px 0;
    font-size: 17px;
    color: #1a3561 !important;
}

.field-content p {
	text-align: left;
	font-family: "Poppins",Sans-serif;
	font-size: 17px;
	font-weight: 300;
    line-height: 1.5;
}


.views-field.views-field-title {
    padding-bottom: 15px;
}
/*views-row {
    padding: 25px 0;
}*/

/******** Nmb Connect Page **********/
.inside-top-menu.ext-container.nmb-connect {
    margin: 0px 0 70px;
}
.row.bord-section.nmb-connect {
    margin: -42px 0px 0px -27px;
}
.feature-divider h1 {
    margin-bottom: 16px;
}
.row.nmb-connect {
    margin-top: -75px;
}
/******** Nmb loan Page **********/
.col-md-12 .MsoTableGrid {
    width: 100% !important;
    font-family: "Poppins",Sans-serif !important;
}

.MsoTableGrid span {
    font-size: 15px;
    font-family: "Poppins",Sans-serif !important;
}


.nav-menu .menu li {
   
    z-index: 5;
}

.row.clients-logo {
    margin-top: -6rem;
}

.clients-2 img {
    max-height: 80px;
    max-width: 170px;
    opacity: 3.4;
}
/************************ TINASHE CSS END ***************************/

/*---Mobile Nav-----*/
/*Mobile Nav for top bar*/
.responsive-menus.responsified span.toggler {
    padding: 11px;
    display: block;
    background: transparent;
    color: #ffffff !important;
    border-radius: 0;
    box-shadow: none !important;
    font-size: 1.35em;
    text-align: left;
    cursor: pointer;
    outline: 0;
}
.responsive-menus.responsified.responsive-toggled .responsive-menus-simple, .responsive-menus.responsified.responsive-toggled .responsive-menus-simple ul {
    display: contents !important;
    padding: 0;
    margin: 0;
}
.responsive-menus.responsified .responsive-menus-simple {
    display: none;
    width: 100%;
    background: #1A3561;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: 0px 5px 3px #ccc;
    overflow: visible;
}


/*------------------Mobile CSS-------------------*/

@media all and (max-width: 1200px)
{
    /*Search block*/
    #block-searchform {
        float: none;
        position: relative;
        top: -8px;
        left: 5px;
    }
    #block-searchform input {
        background: #eceeef;
        border: 0;
        box-shadow: none;
        width: 155px;
        border-radius: 10px;
    }
    .nav-menu .menu li {
        float: left;
        margin-right: 20px;
        position: relative;
    }
    #main-container {
        margin-top: 15px !important;
    }

    .container.nav-second, .container-fluid.nav-second {
        z-index: 1;
        top: 117px;
    }

    .inside-top-menu {
        padding: 0px 100px 8px 100px;
        max-width: 1330px;
        margin: 0px auto 0;
    }
    .inside-header-text {
        font-size: 21px;
        font-weight: 600;
        color: #1a3561;
        padding-top: 0px;
        top: 0px;
        position: relative;
    }
    .nav-second nav { overflow: visible !important;}

}

@media only screen and (min-width: 992px) and (max-width: 1024px)
{
    /*.hero-slider .slider-btn a {*/
    /*    background: transparent !important;*/
    /*    width: 100% !important;*/
    /*    min-height: 65vh;*/
    /*    position: relative;*/
    /*    display: block;*/
    /*    text-indent: -999999px;*/
    /*}*/
    
    .hero-slider .slides li {                 
	    height: 400px;
	}
}

@media only screen and (min-width: 767px) and (max-width: 992px)
{
    /*.hero-slider .slider-btn a {*/
    /*    background: transparent !important;*/
    /*    width: 100% !important;*/
    /*    min-height: 26vh;*/
    /*    position: relative;*/
    /*    display: block;*/
    /*    text-indent: -999999px;*/
    /*}*/
    
    .hero-slider .slides li {                 
	    height: 360px;
	}
	
    #block-searchform {
        float: none;
        position: relative;
        top: -8px;
        left: 5px;
    }
    .region-navigation-second .responsive-menus {
        background: lightsteelblue;
    }
    .nav-second .container {
        width: 100%;
    }
    .container.nav-second, .container-fluid.nav-second {
        z-index: 1;
        top: 117px;
    }
    .nav-second nav { overflow: visible !important;}
    
}


@media only screen and (min-width: 425px) and (max-width: 767px)
{

   section, header {
        padding-top: 25px;
    }
    
    .hero-slider {
        top: 0px;
    }
    
    .hero-slider .slides li {                 
	    height: 292px;
	}
	
    /*.hero-slider .slider-btn a {*/
    /*    background: transparent !important;*/
    /*    width: 100% !important;*/
    /*    min-height: auto;*/
    /*    position: relative;*/
    /*    display: block;*/
    /*    text-indent: -999999px;*/
    /*    height: 49vh;*/
    /*}*/
	.paragraph--type--paragraph-video-bg-block.fullscreen-element {
    	height: 100% !important;
    	padding-top: 0;
    	padding-bottom: 0;
	}
	
	#main-container .paragraph:nth-child(1) .container {
        background: rgba(0,0,0,0);
        width: 100%;
        padding: 25px 0 !important;
        height: 100%;
        position: relative;
        margin: 0 !important;
        top: 0;
    }
    .paragraph--type--paragraph-views-reference {
        overflow: scroll !important;
        min-height: 145vh;
    }
    
        /*Newly added*/
    

    .top-bar {
        top: -20px !important;
    }
    #block-pivot-main-menu {
        float: none;
    }
    .nav-second nav { overflow: visible !important;}
    
    /*Mobile Second Nav*/
    .container.nav-second, .container-fluid.nav-second {
    z-index: 10;
    position: relative;
    clear: both !important;
    top: -20px;
    height: auto;
    /* display: flex; */
    /* flex-direction: row; */
    /* flex-wrap: nowrap; */
    padding: 0;
    right: 0;
    left: 0;
    background: lightsteelblue;
    }
    .region-navigation-second .responsive-menus {
        background: lightsteelblue;
    }
    .nav-second .container {
        width: 96%;
    }
    #block-searchform {
        float: none;
        position: relative;
        top: -8px;
        left: 5px;
    }
    #block-searchform input {
        background: #eceeef;
        border: 0;
        box-shadow: none;
        width: 300px;
        border-radius: 10px;
    }
    
    .nav-menu .menu li {
        float: none;
        margin-right: 20px;
        position: relative;
    }

    .top-bar {
    /*top: 27px !important;*/
    position: relative;
    width: 100%;
    z-index: 10;
    -webkit-transition: all .2s ease !important;
    -moz-transition: all .2s ease !important;
    transition: all .2s ease !important;
    }
    
    /*-----Second Nav----*/
    .nav-second {
    background: #eee;
    }
    
    /*Newly added ended*/

    
}

@media only screen and (min-width: 320px) and (max-width: 425px)
{

   section, header {
        padding-top: 25px;
    }
    
    .hero-slider {
        top: 0px;
    }
    .hero-slider .slides li {                 
	    height: 165px;
	}
    /*.hero-slider .slider-btn a {*/
    /*    background: transparent !important;*/
    /*    width: 100% !important;*/
    /*    min-height: auto;*/
    /*    position: relative;*/
    /*    display: block;*/
    /*    text-indent: -999999px;*/
    /*    height: 18vh;*/
    /*}*/
	.paragraph--type--paragraph-video-bg-block.fullscreen-element {
    	height: 100% !important;
    	padding-top: 0;
    	padding-bottom: 0;
	}
	
	#main-container .paragraph:nth-child(1) .container {
        background: rgba(0,0,0,0);
        width: 100%;
        padding: 25px 0 !important;
        height: 100%;
        position: relative;
        margin: 0 !important;
        top: 0;
    }
    .paragraph--type--paragraph-views-reference {
        overflow: scroll !important;
        min-height: 145vh;
    }
    
        /*Newly added*/
    

    .top-bar {
        top: -20px !important;
    }
    #block-pivot-main-menu {
        float: none;
    }
    .nav-second nav { overflow: visible !important;}
    
    /*Mobile Second Nav*/
    .container.nav-second, .container-fluid.nav-second {
    z-index: 10;
    position: relative;
    clear: both !important;
    top: -20px;
    height: auto;
    /* display: flex; */
    /* flex-direction: row; */
    /* flex-wrap: nowrap; */
    padding: 0;
    right: 0;
    left: 0;
    background: lightsteelblue;
    }
    .region-navigation-second .responsive-menus {
        background: lightsteelblue;
    }
    .nav-second .container {
        width: 96%;
    }
    #block-searchform {
        float: none;
        position: relative;
        top: -8px;
        left: 5px;
    }
    #block-searchform input {
        background: #eceeef;
        border: 0;
        box-shadow: none;
        width: 300px;
        border-radius: 10px;
    }
    
    .nav-menu .menu li {
        float: none;
        margin-right: 20px;
        position: relative;
    }

    .top-bar {
    /*top: 27px !important;*/
    position: relative;
    width: 100%;
    z-index: 10;
    -webkit-transition: all .2s ease !important;
    -moz-transition: all .2s ease !important;
    transition: all .2s ease !important;
    }
    
    /*-----Second Nav----*/
    .nav-second {
    background: #eee;
    }
    
    /*Newly added ended*/

}

@media only screen and (min-width: 320px) and (max-width: 767px)
{
    section, header {
        padding-top: 25px;
    }
    
    .hero-slider {
        top: 0px;
    }

    /*.hero-slider .slider-btn a {*/
    /*    background: transparent !important;*/
    /*    width: 100% !important;*/
    /*    min-height: auto;*/
    /*    position: relative;*/
    /*    display: block;*/
    /*    text-indent: -999999px;*/
    /*    height: 12vh;*/
    /*}*/
	.paragraph--type--paragraph-video-bg-block.fullscreen-element {
    	height: 100% !important;
    	padding-top: 0;
    	padding-bottom: 0;
	}
	
	#main-container .paragraph:nth-child(1) .container {
        background: rgba(0,0,0,0);
        width: 100%;
        padding: 25px 0 !important;
        height: 100%;
        position: relative;
        margin: 0 !important;
        top: 0;
    }
    .paragraph--type--paragraph-views-reference {
        overflow: scroll !important;
        min-height: 145vh;
    }
    
        /*Newly added*/
    

    .top-bar {
        top: -20px !important;
    }
    #block-pivot-main-menu {
        float: none;
    }
    .nav-second nav { overflow: visible !important;}
    
    /*Mobile Second Nav*/
    .container.nav-second, .container-fluid.nav-second {
    z-index: 10;
    position: relative;
    clear: both !important;
    top: -20px;
    height: auto;
    /* display: flex; */
    /* flex-direction: row; */
    /* flex-wrap: nowrap; */
    padding: 0;
    right: 0;
    left: 0;
    background: lightsteelblue;
    }
    .region-navigation-second .responsive-menus {
        background: lightsteelblue;
    }
    .nav-second .container {
        width: 96%;
    }
    #block-searchform {
        float: none;
        position: relative;
        top: -8px;
        left: 5px;
    }
    #block-searchform input {
        background: #eceeef;
        border: 0;
        box-shadow: none;
        width: 300px;
        border-radius: 10px;
    }
    
    .nav-menu .menu li {
        float: none;
        margin-right: 20px;
        position: relative;
    }

    .top-bar {
    /*top: 27px !important;*/
    position: relative;
    width: 100%;
    z-index: 10;
    -webkit-transition: all .2s ease !important;
    -moz-transition: all .2s ease !important;
    transition: all .2s ease !important;
    }
    
    /*-----Second Nav----*/
    .nav-second {
    background: #eee;
    }
    
    /*Newly added ended*/
    
}