@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap%22');
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap%22');


html {
    overflow: scroll;
}

::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.navbar-header { padding-top: 0 !important; }

.navbar-inverse .navbar-nav > li > a { color: #36f; }

.navbar-static-top.navbar-inverse { 
    background-color:#fff;
    max-width: 1150px;
    margin: 24px auto;
}

.navbar-static-top.navbar-inverse .navbar-brand { padding:0px; }

/*-- Start Alert Dialog Styles --*/
.ui-dialog {
    border: solid 1px #999;
    border-radius: 5px;
    padding: 2px;
}

.ui-dialog-buttonpane {
    border-top: solid 1px #999;
    padding: 10px;
    background-color: #FFF;
    margin-left: -1px;
    margin-right: -1px;
    text-align: right;
}

.ui-dialog-titlebar {
    background: #f2dede;
    padding: 11px;
    border-radius: 5px 5px 0px 0px;
    border: 1px solid #ebcccc;
    color: #a94442;
    font-weight: bold;
}

.ui-dialog-content {
    background-color: #FFF;
    padding: 10px;
    color:#333 !important;
    height: auto !important;
}

.ui-dialog-titlebar-close {
    float: right;
}

.btnDialogContinue, .btnDialogCancel {
    border-radius: 3px;
    margin-right: 5px;
}

/*-- End Alert Dialog Styles --*/
.ma-alert-text,
.ma-alert-text .ck-content,
.ma-alert-text .ck-content p,
.ma-alert-text .ck-content span,
.ma-alert-text .ck-content div,
.ma-alert-text .ck-content li,
.ma-alert-text .ck-content strong,
.ma-alert-text .ck-content em {
  font-family: 'Noto Sans', sans-serif !important;
  font-size: 18px !important;
  color: #ab0000 !important;
}
 
.ma-alert-text p,
.ma-alert-text div {
  margin: 0 0 8px 0 !important;
}
 
.ma-alert-text .ck-content {
  font-family: 'Noto Sans', sans-serif !important;
  font-size: 18px !important;
  color: #c93c2b !important;
}
 
.ma-alert-text * {
  font-family: inherit !important;
  color: inherit !important;
}



 
/*-- Start - Style for Application Progress Bar --*/

/*
.page-copy {
  max-width: 1170px;
  margin: 0 auto;
    padding-left: 10px;
}
    */

ol.progress.top {
    border: none;
    background: #FFF; 
}

ol.progress li.incomplete {
    /* background-color: #EEE;
    border: none;
    color: #000;
    padding: 11px 7px !important; */

    padding: 8px 24px !important;
    background-color: #B1B4B633;
    box-shadow: 0 4px 0 0 #B1B4B6;
    border: none;
    font-size: 16px;
    color: #202124;
    font-family: Noto Sans;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0px;
}

ol.progress li.active {
    background-color: #B1B4B666;
    padding: 8px 24px !important;
    border-bottom: 4px solid #202124 !important;
    color: #202124;
    border-top: white !important;
    border-right: white !important;
    border-left: white !important;
    font-size: 16px;
    color: #202124;
    font-family: Noto Sans;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0px;
}


.list-group {
    margin-bottom: 30px !important;
}

div.text-muted {
    display: none !important;
}

#AddDocuments .table>thead>tr>th {
    padding: 3px 8px !important;
}


/*-- End - Style for Application Progress Bar --*/

/*Home Page grid styles*/
.row-flex{
	display: flex;
	flex-wrap: wrap;
}
.card {
    position: relative;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #d6d6d6;
    border-radius: .25rem;
    height: 100% !important;
}
.card a{
    text-decoration: none;
}
.card-body {
    flex: 1 1 auto;
    text-align: center;
	color: #000000;
	padding: 20px 10px;
	border-top: 5px solid #0964B9;
}
.card-body a {
	padding-top: 10px;
	color: #000;
}
.card-title {
    margin-bottom: .75rem;
	font-weight: bold;
	font-size:18px;
}
.card-title a{
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #000;
}
.card-image {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}

  /*Home Page grid styles*/
/*header for small devices under 400px */

@media(max-width:400px){
     h2 {
          font-size: 20px !important;
        } 
}

/* Housing Management */
.custom-section h2{
    margin-bottom: 12px;
    font-family: "Trebuchet MS", Arial, sans-serif;
    line-height: 1.5;
    font-size: 28px !important;	
	color:#000 !important;
}
   
.custom-card{
	margin: 10px 0px 30px;
    background-color: white;
    padding: 20px;
    cursor: pointer;
    font-size: 14px;
    border: 5px solid #30B781 !important;
    border-radius: 6px;
    height: 220px;
    text-align: center;
}

.custom-card .card-img{
	height:75px;
	margin-top:20px;
    background-color: #0f6cbd;
    border-radius: 5px;
    padding: 5px;
}
.custom-card label,.custom-card p{
	color:#ffffff;
}

.crmEntityFormView .cell {
    padding: 0px 20px 20px 0px ;
}
.crmEntityFormView .cell.subgrid-cell {
    padding: 0px 0px 20px 0px;
}
.crmEntityFormView .tab-title {
    border-bottom: none;
    font-family: Noto Sans;
    font-size: 24px;
    margin-top: 15px;
}

.crmEntityFormView .actions {
    padding: 0px;
    margin: 40px 0 0;
}
.page-header {
 border-bottom: 1px solid #f5f5f5;
}
/*for small devices below 768px*/
@media screen and (max-width: 768px){
    .card-margin{
        margin-bottom: 30px;
    }
	.custom-card .card-img {
		margin-left: 0;
	}
}
/*for extra small devices below 380 px*/
@media screen and (max-width: 380px){
	.custom-card .card-img {
		height:52px;
	}
}

/* Universal Search */
ul#tree {
	padding: 0px;
}

ul#tree > li > ul {
	padding-left: 0px;
}

.zoom {
	display: none;
}

ul#tree > li > ul li.foldable span.node {
	display: inline-block;
	width: 100%;
	background-color: #eee;
	color: #666;
	margin: 2px 0;
}

.almightree .headline li .node .text {
	padding-left: 25px;
}

.almightree .headline li.folded > .node .text {
	background-color: transparent;
}

.almightree .headline li.folded > .node {
	    background-color: #3a8698 !important;
    color: #FFF !important;
    border: solid 1px #4f98a9;
}
#searchContainer{
	margin-top: 10px;
	margin-bottom:10px;
}
#searchBox {
	background-color: #0964B9;
    padding: 5px;
	margin-top: 10px;
}

#box {
	line-height: 24px;
    width: 92%;
    vertical-align: top;
    margin-top: 4px;
}

#searchBox img {
	height: 34px;
}
a#clear{
	color:#fff;
	font-size:26px;
	text-decoration:none;
	padding-left:15px;
}
a#clear:hover{
	text-decoration:none;
}
.almightree li.headline > .node {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 1.2em;
	color: #000;
	margin-bottom:0px;
}

.almightree li {
    list-style: none !important;
    background: #f7f7f7;
    border-bottom: 1px dashed #e4e4e4;
    font-size: 14px;
    padding: 5px 10px;
}
.almightree li a{color:#000 !important;}
.almightree .headline li.folded > .node .text {
    background: transparent !important;
}
.almightree li.crumb {
    padding: 0px 0px !important;
}
.custom_breadcrumbs{
	/*display:none;*/
	margin-top: 10px;
    border-top: 1px solid #f5f5f5;
	 padding: 10px; 
	 padding-top: 15px
}
.custom_breadcrumbs li{
    cursor: pointer;
    color: #009bcb;
    font-weight: 500;
}
.custom_breadcrumbs li.breadcrumblink:hover{
  color:#ffa200;
}
.custom_breadcrumbs .breadcrumb{
  background: #f7f7f7;
}
.custom_breadcrumbs .breadcrumb > li a, .custom_breadcrumbs .breadcrumb > li a:hover, .custom_breadcrumbs .breadcrumb>.active, .custom_breadcrumbs .breadcrumb>li+li:before {
    color: #009bcb !important;
}
.brent-info{
  padding: 8px 12px;
  color: #666;
  font-weight: bold;
}
.brent-control{
   color: #555;
   padding: 8px 12px;
}
.brent-control ul{
  margin-bottom:0px;
}

img.tileIconSVG {
    background-color: white;
    border-radius: 5px;
    padding: 5px;
}

/*Hideing child navigation sitemap links */
.child-navigation.content-panel.panel.panel-default {
    display: none;
}
ul.breadcrumb li:first-child,ul.breadcrumb li:nth-child(2):before{
  display:none;
}

.ma-fullwidth-bg {
    padding: 30px 0;
    max-width: 1920px;
    margin: 0 auto;
    background-color: #F8F9FA;
}

.cc-step-header-inner {
  padding: 0px 10px;
}

/* ===== Complaint Tile Fixes ===== */
 
/* Remove purple border around tiles */
.tile, .custom-card {
    border: none;
    box-shadow: none;
}
 
/* Remove any pseudo-element borders */
.tile::before,
.tile::after,
.custom-card::before,
.custom-card::after {
    display: none !important;
}
 
/* Change font colour inside tiles */
.font-text,
.font-text * {
    color: #333333 !important;
}
 
/* Optional: add hover effect */
.tile:hover .font-text {
    color: #0076ff !important;  /* Brent blue hover */
}

/* FWC - Customisations  */


/* FWC - Customisations */
.sm-icon {
    width:30px;
    cursor: default;
}
.md-icon {
    width:50px;
    cursor: default;
}




/* NEW CUSTOMISATION    My Account 2025-2026 Martin theme by Vivek*/


  /* ======  GLOBAL WRAPPERS  ====== */
 
  .ma-header-section {
    margin-bottom: 0;
  }
 
  .ma-header-section + .ma-header-section {
    margin-top: 0; /* remove double gaps between stacked sections */
  }
 
  /* Make sure we use full-width background but centered content */
  .ma-fullwidth-strip {
    width: 100%;
  }
 
  /* ======  SITE-WIDE ALERT BANNER  ====== */
 
  .ma-alert-wrap {
    background-color: #fef4d0; /* pale yellow */
    border-top: 7px solid #ab0000;
    border-bottom: 7px solid #ab0000;
    position: relative;
    z-index: 50;
    max-width: 1920px;
    margin: 0 auto;
  }
 
  /* Striped edges (left + right) */
  .ma-alert-wrap::before,
  .ma-alert-wrap::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 32px;
    background-image: repeating-linear-gradient(
      135deg,
      #ab0000 0,
      #ab0000 8px,
      #fef4d0 8px,
      #fef4d0 16px
    );
  }

  .ma-alert-mainInner {
    display: flex;
    gap: 24px;
  }

  .ma-alert-icon {
    align-self: center;
  }
 
  .ma-alert-wrap::before { left: 0; }
  .ma-alert-wrap::after  { right: 0; }
 
  .ma-alert-inner {
    padding: 30px 0px;
    min-height: 125px;
  }

  .ma-alert-box {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    position: relative;
    max-width: 1140px;
    margin: auto;
  }

 
  .ma-alert-content {
    flex: 1 1 auto;
  }
 
  .ma-alert-title {
    font-weight: 700;
    margin: 0 0 12px;
    color: #ab0000;
    margin-bottom: 12px;
  }
 
  .ma-alert-text, .ma-alert-text .ck-content p {
    margin: 0;
    font-family: Noto Sans !important;
    font-size: 18px;
    color: #ab0000 !important;
  }
 
  .ma-alert-close {
    position: absolute;
    top: 0.1rem;
    right: 0;
    border: none;
    background: none;
    font-size: 24px;
    line-height: 1;
    color: #ab0000;
    cursor: pointer;
  }
 
  .ma-alert-close:focus {
    outline: 2px solid #333;
    outline-offset: 2px;
  }
 

  /* ======  GREEN HERO (PAGE TITLE + TEASER)  ====== */
 
  .ma-hero-wrap {
    background-color: #288560;
    color: #ffffff;
    padding: 15px 15px;
    max-width: 1920px;
    margin: 0 auto;
  }

  @media (max-width: 900px) {
    .ma-hero-wrap {
        padding: 15px 5px;
    }
  }
 
  .ma-hero-heading {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    color: #ffffff;
    padding-left: 10px;
    font-family: Poppins;
    line-height: 56px;
    letter-spacing: 0px;
    margin-bottom: 30px;
    margin-top: 20px;
  }

   .ma-hero-subheading {
    margin: 0 0 10px 0;
    font-size: 30px;
    font-weight: 700;
    color: #ffffff;
    padding-left: 10px;
    font-family: noto sans;
    line-height: 56px;
    letter-spacing: 0px;
  }
 
  .ma-hero-teaser {
    margin: 0;
    max-width: 1170px;
    padding: 0px 10px;
    color: #ffffff !important;
    margin-top: 30px;
    margin-bottom: 15px;
  }
 
  /* ======  HERO NAVIGATION LINKS  ====== */
 
  .ma-hero-nav {
    margin-top: 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  }
 
  .ma-hero-nav-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    padding: 0;
    margin: 0;
    list-style: none;
  }
 
  .ma-hero-nav-link {
    position: relative;
    padding-bottom: 0.35rem;
    font-size: 0.95rem;
    color: #ffffff;
    text-decoration: none;
    border-bottom: 3px solid transparent;
  }
 
  .ma-hero-nav-link:hover,
  .ma-hero-nav-link:focus {
    text-decoration: none;
    border-bottom-color: #ffffff;
  }
 
  /* Highlight current page link */
  .ma-hero-nav-link--active {
    border-bottom-color: #ffffff;
    font-weight: 600;
    color: #0964B9 !important;
    border-bottom: 5px solid #0964B9 !important;
  }

  .br-cc-banner-mainInner{
    display: grid;
    grid-template-columns: 50px 1fr 40px;
    grid-template-areas:
        "ico title close"
        "ico text .";
    max-width: 1140px;
    margin: 0 auto;
    box-sizing: border-box;
    column-gap: 24px;
    row-gap: 0px;
    align-items: start;
  }

  @media (max-width: 1000px) {
    .br-cc-banner-mainInner{
    display: block;
  }

  .br-cc-banner-ico {
    margin-bottom: 10px;
  }
}

  .br-cc-banner-inner {
    min-height: 125px;
  }

    .br-cc-banner-ico {
    grid-area: ico;
    width:50px;
    height:100%;
    display:flex;
    align-items:flex-start;
    justify-content:center;
  }

    .br-cc-banner-icon {
    width:50px;
    height:50px;
    display:block;
    align-self: center;
  }

 
  /* ======  RESPONSIVE  ====== */
 
  @media (max-width: 767.98px) {
    .ma-alert-wrap::before,
    .ma-alert-wrap::after {
      width: 16px;
    }

    .br-cc-banner .br-cc-banner-title{ font-size:24px; }
 
    .ma-alert-box {
      flex-direction: row;
    }
 
    .ma-hero-heading {
      font-family: Poppins;
        font-weight: 700;
        font-size: 32px;
        line-height: 37px;
        letter-spacing: 0px;
    }
  }

/* NAV BAR UNDER HERO */
.br-ma-nav {
    background: #ffffff;
    border-bottom: 1px solid #dcdcdc;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0px 15px;            
}

@media (max-width: 1024px) {
    .br-ma-nav {
        display: none;
    }
}
 
/* make container edges align with page container */
.br-ma-nav .container {
    padding-left: 0;
    padding-right: 0;
}
 
/* UL */
.br-ma-nav-list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding: 0;
    margin: 0;
    list-style: none;
}

@media (min-width:318px) and (max-width: 760px) {
    .br-ma-nav-list {
        display: block;
    }
}

/* @media screen and (max-width: 767px) {
    .table-responsive {
        margin-bottom: 0px;
    }
} */
    

html[dir=ltr] .form-close {
    top: 18px !important;
}

@media (max-width: 400px) {
    .modal-footer {
        text-align: left;
    }

    .modal-footer .btn+.btn {
        margin-top: 15px;
    }

    html[dir=ltr] .form-close {
    top: 12px !important;
}
}

 
/* LINKS */
.br-ma-nav .br-ma-nav-link {
    display: inline-block;
    padding: 15px 0;
    font-size: 18px;
    line-height: 27px;
    color: #202124;
    text-decoration: none;
    transition: all 0.2s ease;
    font-weight: 400;
    letter-spacing: 0px;
}
 
/* HOVER */
.br-ma-nav .br-ma-nav-link:hover {
    color: #0066cc !important;
    border-bottom-color: #a3a3a3;
}
 
/* ACTIVE TAB */
.br-ma-nav .br-ma-nav-link.active {
    color: #0076ff !important;
    border-bottom-color: #0076ff;
    font-weight: 600;
}

 
/* end*/


/**************************brent-theme-v1.cs Start*******************************/

/* Brent theme version 1 design css */
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

html
{
font-size :16px;
}

body { 
    font-family: 'Noto sans',arial,sans-serif !important;
    color : #000000;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     font-family: 'Noto sans',arial,sans-serif;
}

h1 {
    font-family: Poppins !important;
    font-weight: 700;
    font-style: Bold;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: 0px;
    color: #000000;
}

p {
    margin: 0 0 10px;
}

h2 {
    font-family: Noto Sans !important;
    font-weight: 700;
    font-style: Bold;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0px;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 30px;
}

h3 {
    font-family: Noto Sans !important;
    font-weight: 700 !important;
    font-size: 27px !important;
    line-height: 30px !important;
    letter-spacing: 0px;
    color: #000000;
    margin-top: 0px;
}

a{
    color: #0964B9;
}
a:hover {
    color:#0964B9;
}
table, .alert, .entity-grid .message {
    font-family: 'Noto sans',arial,sans-serif !important;
}

.entity-grid .view-empty {
    padding: 8px;
    background: #EAF8F3 !important;
}

#preferencesContainer {
    margin-top: 20px;
    margin-bottom: 30px;
}

#cc_uploadInfo {
    margin-bottom: 60px !important;
}
.p10{
    padding: 10px;
    text-align: center;
    font-family: Noto Sans !important;
    font-size: 18px;
    color: #202124 !important;
    line-height: 27px;
    font-weight: 700;
    letter-spacing: 0px;
    margin-top: 12px;
}

.hm-main .section-landing-sub-heading{
    padding: 10px 15px 10px 15px;
    color: #fff;
    font-size: 1.5rem;
	margin-bottom: 5px;
}
.hm-main .lastlogin p{
	border-top:0px;
	font-size:0.75rem;
}
.hm-main .lastlogin p span{
	font-weight:700;
}
.hm-main  .user-details h3{
	color: #000;
    font-weight: 500;
    margin-top: 0px;
}
.hm-main  .user-details h2{
	color: #000;
    font-weight: 700;
    margin-top: 0px;
}
.hm-main  .user-details h3.customH4{
   font-weight: 500!important;
    font-size: 20px!important;
}

.hm-main .custom-card{
	border-radius:0px;
	padding-bottom:0px;
}
.hm-main .custom-card .card-img{
	margin: 0 auto;
	display:block;
}
.hm-main .custom-card label{
	padding:10px;
	font-weight: normal;
    font-size: 1rem;
    cursor: pointer;
}
.brent-grid-box {
    margin-bottom: 1rem;
}

.brent-grid-box h2 {
    color: #0964B9;
    padding-bottom: 0rem;
}

#activity-list, #divLeaseholderPanel {
    max-width: 1170px;
    margin: 0 auto;
}

.brent-grid-box h2 a, .brent-grid-box h2 label {
    font-family: Noto Sans !important;
    font-size: 18px;
    color: #202124 !important;
    line-height: 27px;
    font-weight: 700 !important;
    margin-left: 5px;
}

.brent-grid-box h2 label {
    cursor: pointer;
}

.brent-grid-box h2 label:hover {
    text-decoration: underline;
}

.brent-grid-box h2 i {
    padding-top: 0.15rem;
    padding-right: 0.15rem;
    width: 2rem;
	font-size: 1.125rem;
}
.brent-grid-box  p{
    font-size: 1rem;
    color: #000;
    border-top: none;
    padding-top: 0px;
}

#page-footer ul li a {
    font-size: 1rem;
    font-weight: normal;
}

#page-footer .footerLinks {
    margin-top: 24px;
}

#page-footer ul li {
    border-right: none !important;
    margin-right: 15px;
}

.breadcrumb > .active {
     font-weight:normal;
}
.hm-main .breadcrumb {
    padding: 4px 10px;
    border-radius: 0px;
}
.hm-main .page-heading {
    padding-top: 5px;
}

.page-heading {
    color: #000 !important;
    font-family: Noto Sans !important;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0px;
    margin: 0 auto;
    max-width: 1170px;
    padding: 30px 0px;
}

.section-header {
    font-size: 1.406rem;
    line-height: inherit;
    color: #333;
    border: 0;
}
.tile-bg {
    background:#0964B9;
}
.page-header {
    border-bottom: 0px solid #f5f5f5;
}
.hm-main .page-copy {
    margin-bottom:10px;
}
.hm-main .custom-card .card-img {
    height: 75px;
    background-color: transparent;
    border-radius: 0px;
    padding: 5px;
    
}
.hm-main .sm-icon {
    width:35px;
}

.thankyoupageHeader { 
    font-size: 32px !important;
    line-height: 30px !important;
    font-weight: 700 !important;
    margin: 15px 0 30px 0 !important;
    font-family: Noto Sans !important;
    letter-spacing: 0px;
    color: #202124;
}
.hm-main {
    padding-bottom:20px;
}
.page-header h1 {
    color:#624B99;
    font-size: 2rem;
}

@media (max-width: 560px) {
    h1 {
        font-family: Poppins;
        font-weight: 700;
        font-size: 32px;
        line-height: 37px;
        letter-spacing: 0px;
    } 

    h2{
        font-family: Noto Sans;
        font-weight: 700;
        line-height: 29px;
        letter-spacing: 0px;
        font-size: 26px !important;
    }

    h3 {
        font-family: Noto Sans;
        font-weight: 700;
        line-height: 29px;
        letter-spacing: 0px;
        font-size: 24px !important;
    }
}
.purple {
    color:#624B99;
}
.loadingicon{
text-align: center;margin-top: 70px;
}

.hide-text,.hide-counciltax-link{
display:none;
}
.list-group-item-success:hover {
   background-color: #283828!important;
    border-color: #283828!important;
   text-decoration: underline !important;
}

/* back button code */
.top-btn-back {margin-top:-50px;display:none;}
.bottom-btn-back{margin-top:10px;}
/* modal popup iframe */
.modal-form .modal-body iframe {
    width: 100%;
    border: none;
    /*min-height: 430px;
    height: auto;*/
    min-height: 465px;
    height: auto;
}

@media screen and (max-width:992px){
    .top-btn-back {margin-top:0px;margin-bottom:5px;}
}

@media (max-width: 545px) {
.modal-open .modal {
    height: 550px;
    margin: auto;
    padding: 0px 20px;
}
}

.form-close {
    font-size: 28px !important;
}

/* carousel */
#notification .alert {
padding: 10px 10px 4px 10px;}
#notification  .item{ padding:5px 20px 20px 20px;text-align:center;}
#notification .alert-warning {
    margin-bottom:-15px;
}
#notification .carousel-caption{
	position:relative;
	right: 0;
    left: 0;
	color:#721c24;
	text-shadow:none;
	padding-bottom:0px;
}
#notification .carousel-caption p{margin:0px;}
#notification .carousel-indicators{
	bottom:-10px;
}
#notification .carousel-control {
    width: 5%;
}
#notification .carousel-control.left,.carousel-control.right {background-image:none;}
@media screen and (min-width: 768px){
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    margin-top: -16px;
    font-size: 1.5rem;
}
}
.weblink  .fa-home{font-size:1.5rem;margin-top:-2px;}
li.dropdown > a {
    color: #0964B9 !important;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #ffffff;
    color: #0964B9 !important;
}
.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a{
   line-height: 20px;
}

.dropdown-menu>li>a {
    padding: 10px 20px !important;
}

.dropdown-menu>li>a:hover {
    color: white;
    background-color: #0946B9;
}

.breadcrumb>li+li:before{
  font-family: 'FontAwesome';
  content: '\f105';
}

/*Loader icons for HBCT*/
#loadingtextforajaxloader{
    font-size: 1.17rem; 
    display: block;
}

.descriptiontext{font-size:0.875rem;margin-bottom:10px;}
.asterisk {color:#a94442}
.currency{position: absolute;transform: translate(7px, 12px);z-index:1091;color:#555;}
#brent_priceofkey,#brent_keycharges{ padding: 6px 20px;}

/*accessbility */
.table>caption+thead>tr:first-child>th a:focus, 
.table>caption+thead>tr:first-child>td a:focus, 
.table>colgroup+thead>tr:first-child>th a:focus, 
.table>colgroup+thead>tr:first-child>td a:focus, 
.table>thead:first-child>tr:first-child>th a:focus, 
.table>thead:first-child>tr:first-child>td a:focus{
  color:#fff;
  outline:none;
}
.charCount{
    color: #4D4E50;
}

.hyperlink,
.cookie-setting-link,
#onetrust-pc-btn-handler,
#onetrust-policy-text a{
    color:#0946B9 !important;
    text-decoration:underline!important;
}

.ot-sdk-row {
    font-family: Noto Sans !important;
}

/* do not group these rules */
*::-webkit-input-placeholder {
    color: #767676 !important;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #767676 !important;
    opacity: 1;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #767676 !important;
    opacity: 1;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #767676 !important;
}
*::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #767676 !important;
}
*::placeholder {
    /* modern browser */
    color: #767676 !important;
    
}

.list-group-item-success {
    background-color: #0964B9 !important;
    border: none;
    color: #FFF;
    font-size: 16px !important;
    font-family: Noto Sans;
    font-weight: 700 !important;
    line-height: 20px !important;
    letter-spacing: 0px !important;
}

.form-control {
 border: 1px solid #949494;
 height: 40px;
}

.form-control:focus {
 border: 2px solid #69c;
}

.btn-default:focus, .focus.btn-default {
    color: #fff;
}

.btn-no,.btn-cancel {
    color: #202124 !important;
    background-color: #B1B4B633 !important;
    border-bottom: 4px solid #B1B4B6;
    padding-top: 8px;
    padding-right: 24px;
    padding-bottom: 8px;
    padding-left: 24px;
}
.btn-no:hover,.btn-cancel:hover
{   
    background-color: #B1B4B666 !important;
    box-shadow: 0 4px 0 0 #202124;
}

.xrm-attribute-value-empty {
    display: none;
}


.btn-no:active,.btn-cancel:active
{
    color: #202124 !important;
    background-color: #F8F9FA  !important;
      
    border-color : #F3EB03 !important;
}

.btn-yes:active
{
    color: #ffffff !important;
    background-color: #D34B1F  !important;
   

     border-color : #F3EB03 !important;
}



.btn-yes {
    color: #ffffff !important;
    background-color: #D34B1F !important;
    border-color: #D34B1F !important;
}

.btn-yes:hover {
    color: #ffffff !important;
    background-color: #D5281B !important;
    border-color: #D5281B !important;
}

.nlpg_textbox
{
min-height: 30px;
width:180px!important;
}

.nlpg_buttons {
min-height: 30px;
min-width :135px!important;
}


#content-container
{
font-size:18px;
margin-left: 0px;
margin-right: 0px;
width: auto;
}


span[id^="spanLoading_"] {
  color: #E91616;
  font-weight:bold;
}

.close:hover, .close:focus {
    color: #949494!important;
    opacity:1!important;  
 }

.alert-success
{
color: #112211!important;
border-color: #d6e9c6!important;
background-color: #dff0d8!important;
}
.hm-main  .user-details p .spanH4{
font-size:20px;
}

.fwcRegPara {
    max-width: 1170px;
    margin: 0 auto;
    font-family: Noto Sans;
    font-size: 18px;
    color: #202124;
    line-height: 27px;
    font-weight: 500;
    padding: 0px;
    margin-bottom: 10px;
}

.fwcPrivacyPara {
    font-family: Noto Sans;
    font-size: 18px;
    color: #202124;
    line-height: 27px;
    font-weight: 500;
}

#reg-id {
    font-family: Noto Sans;
    font-size: 20px;
    color: #202124;
    line-height: 27px;
    font-weight: 700;
}

.list-group-item {
    font-family: Noto Sans;
    font-size: 18px;
    color: #202124;
    line-height: 27px;
    font-weight: 500;
    letter-spacing: 0px;
    margin-right: 5px;
}

#brent_dateofbirth_label,
#brent_firstname_label,
#brent_lastname_label,
#brent_address_label,
#brent_isthisyourpermanentaddress_label,
#brent_emailaddress_label,
#brent_uktelephonenumber_label,
#brent_alternativetelephonenumber_label,
#brent_mainspokenlanguage_label,
#brent_howconfidentareyouspeakingenglish_label,
#brent_howconfidentareyouwritingenglish_label,
#brent_howconfidentareyoureadingenglish_label,
#brent_disabilityorlongtermillness_label,
#brent_doyouhavechildren_label,
#brent_buildingandhousenumber_label,
#brent_street_label,
.field-label,
.list-group-item,
.validation-header,
.space-above,
.familyWellUrl
 {
    font-family: Noto Sans;
    font-size: 18px;
    color: #202124;
    line-height: 27px;
    font-weight: 500;
    letter-spacing: 0px;
}

label[for=brent_antenatalandmaternitycare_0],
label[for=brent_antenatalandmaternitycare_1],
label[for=brent_antenatalandmaternitycare_2],
label[for=brent_childcareorafterschoolcare_0],
label[for=brent_childcareorafterschoolcare_1],
label[for=brent_childcareorafterschoolcare_2],
label[for=brent_creatingroutinesandboundaries_0],
label[for=brent_creatingroutinesandboundaries_1],
label[for=brent_creatingroutinesandboundaries_2],
label[for=brent_gettingintowork_0],
label[for=brent_gettingintowork_1],
label[for=brent_gettingintowork_2] {
    font-family: Noto Sans;
    color: #202124;
    font-weight: 700 !important;
    letter-spacing: 0px;
    font-size: 15px;
}

input[type="radio"],
input[type="checkbox"] {
    height: 18px;
    width: 18px;
    vertical-align: middle !important;
}

.familyWelPara {
    font-family: Noto Sans;
    font-size: 18px;
    color: #202124;
    line-height: 27px;
    font-weight: 500;
    letter-spacing: 0px;
}

.familyWellUrl {
    color: #0946B9;
    overflow-wrap: break-word;
}

.fw700 {
    font-weight: 700;
}

.reqFields,
.description,
.description1 {
    font-family: 'Noto Sans' !important;
    font-size: 16px !important;
    color: #4D4E50 !important;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 27px;
    font-style: normal !important;
    max-width: 730px;
}

.description1 {
    color: #202124 !important;
}

.input-group-addon {
    background-color: #0946B9 !important;
}

ol.progress.top {
    border: none;
    background: #F8F9FA; 
    box-shadow: none;
}

@media (min-width:1025px) and (max-width:1920px) {
    ol.progress.top {
        width: 1206px;
    }
}

.pd-15 {
    padding: 0px 15px;
}

.custom-card-grid,.custom-card-gridHome {
    width: auto;
    margin: 10px 0px;
    background-color: white;
    min-height: 100px;
    padding: 30px;
    cursor: pointer;
    border: 5px solid #30B781;
    border-radius: 6px;
    height: 220px;
    font-family: Noto Sans !important;
    font-size: 18px;
    color: #202124 !important;
    line-height: 27px;
    font-weight: 500;
    text-align: center;
}

.brent-grid-box h2 a {
    font-size: 24px !important;
}

.custom-card-gridHome:hover {
  border: 5px solid #0964B9;
}

@media (max-width: 345px) {
    .custom-card-gridHome {
        width: 275px;
    }
}

@media (min-width:346px) and (max-width: 400px) {
    .custom-card-gridHome {
        width: 310px;
    }
}

@media (min-width: 1025px) {
    .custom-card-gridHome {
        width: 370px;
    }
}
.custom-card-gridHome {
    height: 215px;
}

.grid-header {
    font-size: 24px !important;
    font-weight: 700;
    margin: 0 0 15px 0;
    font-family: Noto Sans !important;
    line-height: 30px;
    letter-spacing: 0px;
    color: #202124;
}

.grid-header :hover {
    color: #0964B9 !important;
}

@media (max-width:374px) {
    .custom-card-grid, .custom-card {
        height: 225px;
    }
}

@media (min-width:426px) and (max-width:1023px) {
    .custom-card-grid, .custom-card {
        height: 280px;
    }

    .custom-card-gridHome {
        height: 235px;
    }
}

.fwchome-description {
    font-family: Noto Sans;
    font-size: 18px;
    color: #202124;
    line-height: 27px;
    font-weight: 500;
}

.propertyAddress {
    margin: 10px auto;
    max-width: 1170px;
}

.tenantData {
    padding: 20px 15px;
    margin: 0 auto;
    max-width: 1170px;
}

.table>thead:first-child>tr:first-child>th {
    color: white;
    background-color: white !important;
}

table th a{
    color: #000000 !important;
    font-family: Noto Sans !important;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0px;
    background-color: white;
}

.crmEntityFormView table.table td:first-child,
.crmEntityFormView table.table td {
    background-color: #EAF8F3;
    font-family: Noto Sans;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0px;
    text-decoration: underline;
    color: #000000;
}

.crmEntityFormView table.table td {
    text-decoration: none;
}

.table>thead>tr>th {
    vertical-align: middle;
}

.pull-right,
#UpdateButton,
#CancelButton,
#new_addfile_input_image,
#ppc-file,
#ppc-start,
#ppc-swap,
#ppc-take {
    width: auto;
    margin-left: 0px !important;
    font-family: Noto Sans;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
}

.pull-right {
    width: auto;
}

#NextButton,
#btnGetAddresses_customeraddress,
#EmergencyContactBackButton,
#HouseholdBackButton,
#PreviousButton,
#BackButton,
#InsertButton,
#ViewRegistration,
.ma-btn-primary { 
    width: auto;
    font-family: Noto Sans;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    min-width: 150px;
}

.ma-btn-primary {
    width: 165px;
}

.pagination {
    margin-left: 0px !important;
    font-family: Noto Sans;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    margin-top: 30px !important;
}

.tab-title {
    font-family: Noto Sans !important;
    font-weight: 700;
    font-size: 32px !important;
    line-height: 40px;
    letter-spacing: 0px;
    color: #000000;
}

@media (max-width: 700px) {
    .tab-title {
        font-size: 24px !important;
    }
}

.navbar-btn {
    margin-top: 0px;
    margin-bottom: 0px;
}

.fwcConfirmHeader {
   font-family: Noto Sans !important;
    font-weight: 700;
    font-size: 32px !important;
    letter-spacing: 0px;  
    color: #202124;
}

.crmEntityFormView .file-cell {
    padding: 0px
}

.cc-tile {
    font-size: 16px !important;
    margin: 0 0 10px 0;
   font-family: Noto Sans;
    color: #202124;
    line-height: 20px !important;
    font-weight: 500;
  }

  .align-self-center {
    align-self: center;
  }

.fwcHomeSub {
    color: #202124 !important;
    font-family: Noto Sans !important;
    font-weight: 700;
    font-size: 24px;
    line-height: 27px;
    letter-spacing: 0px;
}

@media (min-width: 1200px) {
    .col-lg-10 {
        width: 100%;
    }
}

.page_section {
    max-width: 1920px;
    margin: 0 auto;
}

.page_section p {
    max-width: 1170px;
    margin: 10px auto;
}

.blockEstategrid {
    max-width: 1170px;
    margin: 0px auto;
}

#btnGetAddresses_customeraddress {
    margin-top: 5px;
    margin-left: 10px;
    height: 40px;
}

#btnHTMLZipCode_customeraddress {
    margin-top: 6px;
}

#brent_addressnotonlist {
    margin-top: 5px;
}

#brent_ihavereadandunderstoodthestatementabove,
#brent_confirminformationprovidedistrue {
    margin-top: 5px;
}

#brent_ihavereadandunderstoodthestatementabove_label,
#brent_confirminformationprovidedistrue_label,
#brent_hhbcounciltaxsupport_label,
#brent_hhbhousingbenefit_label,
#brent_hhbemploymentandsupportallowance_label,
#brent_hhbpipordla_label,
#brent_hhbincomesupport_label,
#brent_hhbjobseekersallowance_label,
#brent_hhbchildtaxcredit_label,
#brent_hhbpensioncredit_label,
#brent_hhbuniversalcredit_label,
#brent_hhbworkingtaxcredit_label,
#brent_hhbnotclaiminganybenefits_label {
    margin-left: 10px;
}

.text, .lookup, .textarea, .picklist, .instructions,
label[for=brent_isyourchildcurrentlybreastfeeding_0],
label[for=brent_isyourchildcurrentlybreastfeeding_1] {
    font-family: 'Noto Sans';
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0px;
    color: #202124;
}

label[for="brent_isthisyourpermanentaddress_0"],
label[for="brent_isthisyourpermanentaddress_1"],
label[for="brent_disabilityorlongtermillness_0"],
label[for="brent_disabilityorlongtermillness_1"],
label[for="brent_doyouhavechildren_0"],
label[for="brent_doyouhavechildren_1"],
label[for="brent_doyouhavechildren_2"],
label[for="brent_doyouhavechildren_3"],
label[for=brent_iidentifyas_0],
label[for=brent_iidentifyas_1],
label[for=brent_iidentifyas_2],
label[for=brent_iidentifyas_3],
label[for=brent_commemail_0],
label[for=brent_commemail_1],
label[for=brent_yourfamily_0],
label[for=brent_yourfamily_1],
label[for=brent_yourfamily_2],
label[for=brent_yourfamily_3],
label[for=brent_fwcparentalresponsibility_0],
label[for=brent_fwcparentalresponsibility_1],
.emergencyContText,
.fwcChildrenPara
 {
    font-family: 'Noto Sans';
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 0px;
}

.mg-bottom {
    margin-bottom: 20px;
}

.br-ma-border-full:hover {
  border: 5px solid #0964B9 !important;
  box-shadow: none !important;
}

#brent_hhbcounciltaxsupport,
#brent_hhbhousingbenefit,
#brent_hhbemploymentandsupportallowance,
#brent_hhbpipordla,
#brent_hhbincomesupport,
#brent_hhbjobseekersallowance,
#brent_hhbchildtaxcredit,
#brent_hhbpensioncredit,
#brent_hhbuniversalcredit,
#brent_hhbworkingtaxcredit,
#brent_hhbnotclaiminganybenefits,
.fwcPrivacyCheck {
    margin-top: 5px;
}

@media (resolution: 96dpi) {
    ol.progress.top {
        width: 1204px;
    }
}

.crmEntityFormView .actions {
    border-top: none !important;
}

@media (max-width: 420px) {
  .crmEntityFormView .actions {
    display: block;
  }
}

@media screen and (max-width: 767px) {
    .table-responsive {
       margin-bottom: 0px;
    }
}

.alert-block{
    color: #202124 !important;
    background-color: #EAF8F3 !important;
    border: none !important;
}

.pl-10 {
  padding-left: 10px;
}

.brent-grid-box p {
    cursor: context-menu;
    font-family: Noto Sans !important;
    font-size: 18px !important;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0px;
    color: #000000;
}

.alert-danger {
    font-family: Noto Sans !important;
    font-size: 16px;
    font-weight: 400;
    color: #202124;
    line-height: 27px;
    letter-spacing: 0px;
}

.mb-1, .mb-0, .ck-content, #filter {
    font-family: Noto Sans !important;
    font-size: 18px !important;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0px;
    color: #202124;
}

.ma-section-headings {
    margin-bottom: 15px !important;
}

@media (min-width:320px) and (max-width:375px) {
    .ma-hello-title{
       font-size: 30px;
    }
}
/*
#pageBody {
    max-width: 1185px;
    margin: 0 auto;
}

#pageBody {
    max-width: 1920px;
    background-color: #F8F9FA;
}
    */

#activity-grid-box-0,
#activity-grid-box-1,
#activity-grid-box-2,
#activity-grid-box-3,
#activity-grid-box-4,
#activity-grid-box-5,
#activity-grid-box-6,
#activity-grid-box-7,
#activity-grid-box-8,
#activity-grid-box-9,
#activity-grid-box-10,
#activity-grid-box-11 {
    margin: 10px 0px;
    background-color: white;
    min-height: 100px;
    padding: 20px;
    cursor: pointer;
    border: 2px solid #0f6cbd;
    border-radius: 6px;
    height: 450px;
    font-family: Noto Sans !important;
    font-size: 18px;
    color: #202124 !important;
    line-height: 27px;
    font-weight: 500;
}

#filter {
    color: white;
}

#clear {
    font-size: 18px;
}

.form-control{
    padding: 0px 12px;
}

#heading-0,
#heading-1,
#heading-2,
#heading-3,
#heading-4,
#heading-5,
#heading-6,
#heading-7,
#heading-8,
#heading-9,
#heading-10,
#heading-11 {
    font-family: Noto Sans !important;
    font-size: 1.25rem;
    color: #202124 !important;
    line-height: 27px;
    font-weight: 700 !important;
    margin-left: 5px;
    margin-top: 0px;
}

.icon-calendar {
    color: white;
}

.bookEventH {
    padding-top: 5px;
    margin-top: 10px;
    font-family: Noto Sans !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0px;
}

.month-heading {
    font-family: Noto Sans;
    font-weight: 700;
    font-size: 26px;
    line-height: 27px;
    letter-spacing: 0px;
    margin-top: 20px;
}

.bi-person-fill,
.bi-geo-alt-fill,
.bi-x-diamond-fill,
.bi-bookmark-check-fill {
    fill: #0f6cbd !important;
}


@media (min-width: 560px) and (max-width: 768px) {
    .myAccountCont {
        width: 725px;
    }
}
.text-right {
    margin-top: 20px;
}

@media (max-width:330px) {
    .custom-card-gridHome {
        height: 208px;
    }
}

.modal-title {
    font-family: Noto Sans;
    font-weight: 700;
    font-size: 20px !important;
    line-height: 27px !important;
    letter-spacing: 0px;
}

.complaintPara, .complaintParaHig {
    max-width: 1920px;
    font-family: Noto Sans !important;
    font-size: 16px !important;
    color: #202124 !important;
    line-height: 27px;
    font-weight: 500;
}

.complaintParaHig {
    font-weight: 700;
}

label[for="chkBox"] {
    font-family: Noto Sans !important;
    font-size: 18px !important;
    color: #202124 !important;
    line-height: 27px;
    font-weight: 700;
    margin-left: 10px;
    vertical-align: middle;
    padding-top: 7px;
}


#brent_whendidthishappenday,
#birthdateday {
    margin-left: -15px;
}

.orSeparation {
    margin:16px 0;
    text-align:center;
    color:#888;
    font-family: 'Noto Sans';
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 20px;
}

.lblChooseDevice {
    display: block;
    color: #444;
    margin-bottom: 4px;
    font-family: 'NOTO SANS';
    font-weight: 700;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 0px;
}

.addDocText {
    font-family: Noto Sans;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
}

.fa-lock {
    margin-right: 15px;
}

#brent_ic_email_label,
#brent_ic_telephone_label,
#brent_ic_post_label {
    margin-left: 10px;
}

.subHeaderComplaints {
    font-family: Noto Sans !important;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: 0px;
    color: #202124;
    font-size: 22px;
}
/*
.pdLeft0, .container-fluid {
    padding-left: 0px;
}
    */

#btnGetAddresses_customeradress {
    width: 200px !important;
}

#NewAttachFileLabel {
    font-family: Noto Sans;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: 0px;
}

#UploadButton {
    width: 110px;
    font-family: Noto Sans;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    margin-top: 20px;
}

.grid-actions {
    border-bottom: none;
    margin-bottom: 30px;
    padding-bottom: 0px;
}

.required {
    font-family: Noto Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0px;
}

.compAnonyPara, #complaintlink {
    font-family: Noto Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    padding-left: 10px;
}
/*
*:before, *:after {
    max-width: 1920px;
}
    */
    

.row-media-header {
    margin-left: 10px;
    max-width: 740px;
}

@media (max-width:600px) {
    .row-media-header {
        width: 310px;
    }
}

@media (max-width: 1000px) {
    .row-media-header {
        margin-left: 0px;
    }

    .mt-30 {
        margin-top: 30px;
    }
}

.ot-sdk-container {
    font-family: Noto Sans;
}

#onetrust-accept-btn-handler {
    background: #0964B9 !important;
    border: #0964B9 !important;
    font-weight: 400;
}

.pt-60 {
    padding-top: 60px;
}

.mt-15 {
    margin-top: 15px;
}

#termsNconditions {
    margin-right: 10px;
    margin-top: 0px !important;
}

.housing-header {
    font-size: 32px !important;
    font-weight: 700 !important;
    margin: 0 0 30px 0 !important;
    font-family: Noto Sans !important;
    line-height: 40px !important;
    letter-spacing: 0px;
    color: #000000;
}

.housing-para, #nameOfBlock, #estateName {
    font-family: Noto Sans !important;
    font-size: 18px !important;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 45px;
}

#nameOfBlock {
    margin-bottom: 15px;
    margin-top: 30px;
}

#estateName, .viewFeedback-header {
    margin-bottom: 30px;
}

#customeractions_wrapper {
    margin-top: 30px;
}

.hrbMessage-para {
    margin-bottom: 30px;
    font-family: Noto Sans;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0px;
    color: #202124;
}

.hrbMessage-para1 {
    padding: 15px;
    font-style: normal !important;
}

.myButtonClass {
    background-color: #0964B9;
    color: white;
    padding: 10px 20px;
    cursor: pointer;
    width: 210px;
    border: none;
    margin-left: 0px !important;
    font-family: Noto Sans;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
}

#MessagePanel {
    margin-top: 10px;
}

.cal-context {
    margin-top: 30px;
}

.myFeedback-header {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0px;
    color: #202124;
}

.myRequest-header, .mySubmitted-header, .viewFeedback-header {
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0px;
    color: #202124;
}

.table-striped>tbody>tr>td {
    background-color: #EAF8F3 !important;
}

.mySubmitted-contact {
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 16px;
}

.viewMyFeed-table {
    padding: 8px 12px;
    margin: 30px 0px 45px;
    border-color: #ccc;
}

.viewMyFeedback-header {
    font-size: 24px !important;
    line-height: 30px !important;
    font-weight: 700 !important;
    margin: 15px 0 30px 0 !important;
    font-family: Noto Sans !important;
    letter-spacing: 0px;
    color: #000000;
}

.viewMyFeedback-headerblue {
    font-size: 24px !important;
    line-height: 30px !important;
    font-weight: 700 !important;
    margin: 15px 0 30px 0 !important;
    font-family: Noto Sans !important;
    letter-spacing: 0px;
    color: #0964B9 !important;;
}

.contactConfirm-para {
    margin-bottom: 30px;
    font-family: Noto Sans;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0px;
    color: #202124;
}

#subletnotpaid, #subletpaid {
    font-family: 'Noto Sans';
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0px;
}

.schoolAdmissions-para
{
font-family: Noto Sans;
font-size: 18px;
line-height: 27px;
letter-spacing: 0px;
color: #202124;
}

.requests-para
{
font-family: Noto Sans;
font-size: 18px;
line-height: 27px;
letter-spacing: 0px;
color: #202124;
}

.requests-para-info
{
font-family: Noto Sans;
font-size: 18px;
line-height: 27px;
letter-spacing: 0px;
color: #202124;
background-color: #D7E6F4 !important; 
padding: 30px;
}

.irSubmittedSuccessfully-para
{
font-family: Noto Sans;
font-size: 18px;
line-height: 27px;
letter-spacing: 0px;
color: #202124;
}

.ref-pc-row {
    max-width: 730px;
}

#referrerPostcodeInput {
    height: 40px;
    min-width: 125px !important;
}

.subtexts-Info {
    font-size: 16px;
    margin-top: 10px;
    line-height: 20px;
    color: #202124;
    text-align: center;
    font-weight: 400;
    font-family: 'Noto Sans';
    letter-spacing: 0px;
} 

 #WebFormControl_b162977d50eef0118406000d3a86eae0 {
    max-width: 1170px;
    margin: 0 auto;
    padding-left: 10px;
 }

 @media (max-width: 1024px) {
    #WebFormControl_b162977d50eef0118406000d3a86eae0 {
        padding: 0px 30px;
    }
 }

 .br-ma-border-full {
  /*border: 5px solid #30B781 !important;*/
  box-shadow: none !important;
  padding: 46px 20px !important;
  text-align: center !important;
}


.br-ma-border-full:hover {
  border: 5px solid #0964B9;
  box-shadow: none !important;
}

.br-ma-border-full:hover .tile-header,
.br-ma-tile--contact:hover .br-ma-contact-title,
.br-ma-tile--contact:hover .br-ma-contact-text {
  color: #0964B9;
  text-decoration: underline;
}
/*
.br-ma-border-left {
  border-left: 10px solid #5D54A4 !important;
  box-shadow: none !important;
}
 */ 

.br-ma-tile-activity-title:hover, .br-ma-tile-activity:hover .tile-header{
  color: #0964B9;
  text-decoration: underline;
}


.br-ma-tile-quick-main:hover .tile-content-hover, .br-ma-tile-title:hover {
  text-decoration: underline !important;
  color: #0964B9;
}

.br-ma-tile-quick-title:hover, .tile-content-hover:hover {
  color: #0964B9;
}

.profile-header {
    margin-bottom: 30px
}

.help-text, .description {
    font-family: Noto Sans !important;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 20px;
    letter-spacing: 0%;
    color: #4D4E50 !important;
    margin-bottom: 10px !important;
}

.portal-label, label {
    font-family: Noto Sans !important;
    font-weight: 500;
    font-size: 18px !important;
    line-height: 27px;
    letter-spacing: 0px;
    color: #202124 !important;
    margin-bottom: 10px !important;
}

.btn-primary {
    min-width: 150px;
    height: auto;
    gap: 7px;
    opacity: 1;
    padding: 8px 24px !important;
    background-color: #0964B9;
    box-shadow: 0 4px 0 0 #085093;
    font-family: Noto Sans;
    font-weight: 700;
    font-size: 16px !important;
    line-height: 20px;
    letter-spacing: 0px;
    color: #FFFFFF;
    border: 0px;
}

.btn-primary:hover, .byb-btn-continue:hover {
    background-color: #085093;
    box-shadow: 0 4px 0 0 #0964B9;
    text-decoration: none;
}

.btn-primary:focus, .byb-btn-continue:focus, .pull-right:focus, .btn:focus {
    background-color: #F3EB03 !important;
    color: #000000 !important; 
    outline: 3px solid #202124 !important;
    text-decoration: underline !important;
}

.btn-primary:disabled, .byb-btn-continue:disabled {
    opacity: 50%;
}

.btn-default {
    background-color: #EFF2F5 !important;
    box-shadow: 0 4px 0 0 #6C6C6E;
    border: none;
    color: #202124 !important;
    border-top: none;
    border-left: none;
    border-right: none;
    min-width: 150px;
    height: auto;
    opacity: 1;
    padding: 8px 24px !important;
    font-family: Noto Sans;
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;


}

.btn-default:hover {
    background-color: #6C6C6E !important;
    box-shadow: 0 4px 0 0 #6C6C6E;
    color: #ffffff !important;
}

.btn-default:focus {
    outline: 3px solid #202124 !important;
}

.btn-default:disabled {
    opacity: 50%;
}

.large-body-text {
  font-family: Noto Sans;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.portal-para {
    font-family: Noto Sans;
    font-size: 18px;
    color: #202124;
    line-height: 27px;
    font-weight: 500;
}

.portal-para-bold {
    font-family: Noto Sans;
    font-size: 18px;
    color: #202124;
    line-height: 27px;
    font-weight: 700 !important;
}

.error-message {
    font-family: Noto Sans !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 27px !important;
    letter-spacing: 0px !important;
    color: #D5281B !important;
    margin-bottom: 10px;
    max-width: 730px;
}

.tile-header {
    font-family: Noto Sans !important;
    font-weight: 700;
    font-size: 24px !important;
    line-height: 30px !important;
    letter-spacing: 0%;
    color: #202124;
    margin-top: 0px;
    margin-bottom: 12px;
    min-width: 175px;
}

.tile-header:hover {
    color: #0964B9;
    text-decoration: underline;
}

@media (max-width: 560px) {
    .tile-header {
        font-family: Noto Sans;
        font-weight: 700;
        font-size: 21px;
        line-height: 26px;
        letter-spacing: 0%;
        min-width: 175px;
    }
}

.tile-body {
    font-family: Noto Sans;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0px;
    color: #202124;
}

.tile-body-bold {
    font-family: Noto Sans !important;
    font-weight: 700;
    font-size: 18px !important;
    line-height: 27px !important;
    letter-spacing: 0px;
    color: #000000;
    margin: 0px !important;
}

.tile-body-bold:hover {
    color: #0964B9;
    text-decoration: underline;
}

.header-breadcrumb {
    font-family: Noto Sans;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF
}

.header-body {
    font-family: Noto Sans;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.info {
    padding-bottom: 0px;
}

/* RTE content */
.byb-body {
  margin-bottom: 60px;
}
 
.byb-body p { margin-bottom: 1rem; }
.byb-body a {
  color: #1d70b8;
  text-decoration: underline;
}

.back-link {
    padding: 0 !important;
}
 
/* Also cover CKEditor wrapper specifically */
.byb-body .ck-content,
.byb-body .ck-content * {
  font-family: "Noto Sans", Arial, sans-serif !important;
  font-size: 18px !important;
    line-height: 27px;
    font-weight: 500;

}

.message-count {
    font-family: Noto Sans;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0px;
    color: #4D4D50;
    text-decoration: none !important;
}

.message-zero-count {
    font-weight: 400;
    font-size: 24px;
    color: #4D4D50;
}

.breadcrumb>li+li:before {
    padding: 0px 8px !important;
}

html[dir=ltr] li a {
    margin-left: 0px;
}

.pd-15 {
    padding-left: 15px !important;
}

@media (max-width: 700px) {
    .pd-15 {
        padding-left: 0px !important;
    }
}

a:focus {
    outline-offset: 0px !important;
    outline:none !important;
}

.float-right {
    float: right;
}

#fullnameDetails {
    color: #202124;
    font-size: 16px;
}

#fullnameDetails:hover, #fullnameDetails:focus {
    color: #0964B9;
    text-decoration: underline;
}

.mobile-view-name {
    color: #ffffff !important;
    font-size: 18px !important;
}

.mobile-view-name:hover, .mobile-view-name:focus{
    color: #ffffff !important;
    text-decoration: none !important;
}



/* //////// Header code/////////// */

.navigation__logo {
    z-index: 1;
    width: 150px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
}

@media (min-width: 1024px) {
    .navigation__logo {
        width: 180px;
        height: 70px;
    }
}

@media (min-width: 1024px) {
    .navigation__logo_desktop {
        display: block;
    }
}

.sidepanel a {
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
    background: #4D4E50;
    border-top: 1px solid #ffffff;
    font-family: Noto Sans;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0px;
    color: #ffffff;
    display: block;
    transition: 0.3s;
}
/******************************************brent-theme-v1.cs End*******************************************/

/******************************************My Account.css*******************************************/
.ma-messages-card,
.ma-messages-card p,
.ma-messages-card a,
.ma-messages-card span,
.ma-messages-card li,
.ma-messages-card h3,
.ma-messages-card h4 {
    font-family: 'Noto Sans', sans-serif !important;
    font-size: 18px !important;
}

.ma-hello-section { padding: 0; }
.ma-hello-panel {
  background-color: #EFF2F5;
  padding: 30px 20px;
  max-width: 1920px;
  margin: 0 auto;
}


@media (min-width: 700px) {
.ma-hello-panel .container {
  padding-left: 10px;
}
}

.page-copy {
  max-width: 1920px !important;
  padding-top: 0px !important;
  padding-left: 0px !important;
}

/* H2 Hello */
.ma-hello-title {
  font-size: 32px;
  font-weight: 700 !important;
  margin: 0 0 30px 0;
  font-family: Poppins !important;
  line-height: 40px !important;
  letter-spacing: 0px;
  color: #000000;
}
 
/* headings + cards */
.ma-equal-row { align-items: stretch;
  display: flex;
    flex-direction: row;
    height: auto;
}

 @media (max-width: 1000px) {
  .ma-equal-row {
    display: block;
  }
 }
.ma-heading-row { 
  margin-bottom: 8px;
  margin-left: 0px;
}
 
.ma-column-heading {
  font-size: 27px !important;
  line-height: 30px !important;
  font-weight: 700 !important;
  font-family: Noto Sans !important;
  letter-spacing: 0px;
  color: #000000;
  margin-left: -15px;
}

/* @media (min-width:765px) {
  .ma-column-heading {
    margin-left: -15px;
  }
} */
 
/* generic card */
.ma-card {
  background: #ffffff;
  border-radius: 0;
  border: 0;
  padding: 30px;
  height:stretch;
  box-shadow: 0 0 0 1px #d4d8de;
}

.br-ma-section {
  background-color: #F8F9FA;
  max-width: 1920px;
  margin: 0 auto;
}
 
/* profile card */
.ma-profile-card {
  background-color: #E5E3F0;
  box-shadow: none;
}

.ma-profile-card h3, .ma-messages-inner h3 {
  margin: 0 0 30px;
  color: #000000;
  font-size: 27px !important;
}
.ma-profile-label { font-weight: 700; }
 
/* Complete profile button */
.ma-btn-primary {
  display: inline-block;
  background: #0964B9;
  color: #ffffff;
  padding: 8px 24px;
  font-weight: 700;
  text-decoration: none;
  width: 182px;
}
 
/* messages card – left blue strip only */
.ma-messages-card {
  background: #ffffff;
  box-shadow: 0 0 0 1px #d4d8de;
  border-left: 6px solid #005EA5 !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
}
 
.ma-messages-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
 
/* visually hidden title inside card */
.ma-messages-title {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
 
/* tiles */
.ma-message-item h4 {
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 6px;
}
.ma-message-meta,
.ma-message-status {
  font-size: 0.98rem;
  margin: 0 0 4px;
}
.ma-message-link { margin-top: 6px; }
.ma-message-link a { text-decoration: underline; }
 
.ma-more-line { margin: 10px 0 6px; }
 
.ma-messages-footer { margin-top: 58px; }
.ma-btn-view {
  display: inline-block;

  min-width: 150px;
  height: auto;
  gap: 7px;
  opacity: 1;
  padding: 8px 24px !important;
  background-color: #0964B9;
  box-shadow: 0 4px 0 0 #085093;
  font-family: Noto Sans;
  font-weight: 700;
  font-size: 16px !important;
  line-height: 20px;
  letter-spacing: 0px;
  color: #FFFFFF;
  margin-top: 8px;
  width: 182px;
  text-align: center;
  position: absolute;
  bottom: 0px;
}

.dash-tile-flex {
  display: flex;
  margin-bottom: 12px;
  align-items: center;
}

.ma-btn-view:hover,
.ma-btn-view:focus {
  filter: brightness(0.95);
  color: #ffffff;
}
 
.ma-hello-footer { 
  margin-top: 60px;
  font-family: Noto Sans;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0px;
  margin-left: 5px;
 }

/* Modal (portal comment) */
.ma-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
}
.ma-modal.is-open { display: block; }
.ma-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
}
.ma-modal-dialog {
  position: relative;
  max-width: 640px;
  margin: 6vh auto;
  background: #ffffff;
  border-radius: 4px;
  padding: 24px 28px 20px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.25);
}
.ma-modal-title {
  font-size: 1.3rem;
  font-weight: 700;
  margin: 0 0 8px;
}
.ma-modal-meta {
  font-size: 0.9rem;
  color: #555;
  margin: 0 0 16px;
}
.ma-modal-body { font-size: 0.98rem; }
.ma-modal-close {
  position: absolute;
  top: 8px;
  right: 12px;
  border: 0;
  background: none;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}
 
/* mobile */
@media (max-width: 1000px) {
  .ma-hello-panel { padding: 30px 0; }
  .ma-card { padding: 20px 18px}
  .ma-heading-row { margin-bottom: 4px; }
  .ma-messages-card {margin-top: 30px;}
  

  .col-md-8 {
    padding-left: 0px;
  }
  .ma-modal-dialog {
    width: calc(100% - 32px);
    margin: 10vh 16px;
    padding: 20px 18px 16px;
  }
}

@media (max-width: 900px) {
  .ma-card {
    height: auto; 
  }
}

@media (max-width: 600px) {
  .ma-messages-card {
    margin: 30px 15px 0;
  }

  .ma-message-item {
    padding-left: 15px !important;
  }
}

.br-ma-tile:hover {
  box-shadow: none;
}

/* ======================= SECTION SHELL ======================= */
/*
.br-ma-section {
  padding: 2.5rem 0;
  background-color: transparent !important;
}
.br-ma-section + .br-ma-section {
  margin-top: 0;
}
.br-ma-section-heading {
  margin-bottom: 0.5rem;
}
.br-ma-section-heading h2 {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0;
}
.br-ma-section-heading p {
  margin: 0;
  font-size: 0.95rem;
  color: #4b5563;
}
.br-ma-section-body {
  margin-top: 2rem;
}
/* ======================= TILES GRID ======================= */
.br-ma-tiles-row {
  row-gap: 1.5rem;
}
/* Make all tiles in a row equal height */
.br-ma-tiles-row > [class^="col-"],
.br-ma-tiles-row > [class*=" col-"] {
    display: flex;
}
.br-ma-tiles-row > [class^="col-"] > .br-ma-tile,
.br-ma-tiles-row > [class*=" col-"] > .br-ma-tile {
    flex: 1 1 auto;
}
/* Base tile shell */
.br-ma-tile {
  position: relative;
  display: block;
  height: 100%;
  text-decoration: none;
  color: #202124;
  overflow: hidden;
  transition:
    box-shadow 0.15s ease,
    transform 0.15s ease,
    border-color 0.15s ease;
}
.br-ma-tile:hover {
  text-decoration: none;
  box-shadow: 0 3px 0 0 #0b0c0c;
  transform: translateY(-1px);
}
/* Border colour by CSS variable */

/* strip helpers */
.br-ma-border-left::before {
  left: 0; top: 0; bottom: 0; width: 4px;
}
.br-ma-border-right::before {
  right: 0; top: 0; bottom: 0; width: 4px;
}
.br-ma-border-top::before {
  left: 0; right: 0; top: 0; height: 4px;
}
.br-ma-border-bottom::after {
  left: 0; right: 0; bottom: 0; height: 4px;
}
.br-ma-border-left-bottom::before {
  left: 0; top: 0; bottom: 0; width: 4px;
}
.br-ma-border-left-bottom::after {
  left: 0; right: 50%; bottom: 0; height: 4px;
}
.br-ma-border-right-bottom::before {
  right: 0; top: 0; bottom: 0; width: 4px;
}
.br-ma-border-right-bottom::after {
  right: 0; left: 50%; bottom: 0; height: 4px;
}
.br-ma-border-full {
    border-width: 5px !important;
    border-style: solid !important;
    border-color: var(--br-ma-border-colour, #00a859) !important;
}

.br-ma-border-right-bottom:hover {
  box-shadow: 5px 6px 0px 0px #075092 !important;
}
/* ==================== TYPE 1 – ACTIVITY CARD ==================== */
.br-ma-tile-activity {
    padding: 30px;
    background-color: #ffffff;
    border: 1px solid #dde1e6;
    /* box-shadow: 5px 6px 0px 0px #34C187; */
}
/* make inner content vertical & full-height */
.br-ma-tile-activity-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
}
/* icon at top */
.br-ma-tile-activity-icon {
    width: 96px;
    height: 96px;
    object-fit: contain;
    margin-bottom: 15px;
}

.br-ma-border-left {
  border-left: 10px solid #5D54A4;
  box-shadow: none !important;
}

.br-ma-border-full>.br-ma-tile-activity-inner>.dash-tile-flex {
  display: block !important;
}


.br-ma-border-full:hover {
  border: 5px solid #0964B9 !important;
  box-shadow: none !important;
}

/* heading */
.br-ma-tile-activity-title {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 15px 0;
  font-family: Noto Sans !important;
  line-height: 30px;
  letter-spacing: 0px;
  color: #202124;
  min-width: 150px;
}

.br-ma-tile-activity-title:hover {
  color: #0964B9;
  text-decoration: underline;
}
/* bullets / description */
.br-ma-tile-activity-text {
  color: #4b5563;
  font-size: 18px;
  font-weight: 400;
  font-family: Noto Sans !important;
  line-height: 20px;
  letter-spacing: 0px;
}

.br-ma-tile-activity-text ul {
    margin: 0;
    padding-left: 8px;
}
.br-ma-tile-activity-text li + li {
    margin-top: 0.25rem;
}
/* Uniform tile height */
.br-ma-tile {
    height: 100%;
    display: flex;
}
.br-ma-tile-activity {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.br-ma-tile-activity-inner {
    flex: 1;
    display: flex;
    flex-direction: column;
}
/* 30px horizontal & vertical gap between tiles */
.br-ma-tiles-row > [class*="col"] {
    padding: 15px;
}
.br-ma-tile {
    width: 100%;
    height: 100%;
}
/* =============== FIX TILE GRID & ALIGNMENT =============== */
.br-ma-section-body .br-ma-tiles-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start !important;
    margin-left: -15px;
    margin-right: -15px;
}
/* CHANGED: only apply flex to visible cols (so d-none really hides them) */
.br-ma-section-body .br-ma-tiles-row > [class*="col-"]:not(.d-none) {
    padding: 0 15px 30px;
    display: flex;
    flex: 0 0 33.333%;
    max-width: 33.333%;
}
.br-ma-tile {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.br-ma-tile-activity .br-ma-tile-body {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.br-ma-tile-activity .br-ma-tile-header {
    margin-bottom: 1.25rem;
}
/* MOBILE: 1 tile per row */

/* ==================== TYPE 3 – BANNER STYLE (WIDE) ============== */
.br-ma-tile--banner {
  padding: 1.5rem;
  background-color: #ffffff;
  border: 1px solid #dde1e6;
}
.br-ma-tile--banner .br-ma-tile-title {
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 0.5rem 0;
}
.br-ma-tile--banner .br-ma-tile-subtext {
  font-size: 0.9rem;
  color: #4b5563;
  margin: 0;
}
/* ==================== VIEW MORE BUTTON ================= */
.br-ma-view-more {
  margin-top: 60px;
}
.br-ma-view-more:hover {
  text-decoration: none;
  color: #202124;
}
/* === OVERRIDE: SECTION SPACING (kept) === */
.br-ma-section-heading {
    margin-bottom: 0 !important;
}
.br-ma-section-heading h2 {
  margin: 0px 0 30px;
  font-weight: 700;
  font-family: Noto Sans;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0px;
  color: #000000;
}

.ck-content {
  margin-bottom: 0px !important;
  max-width: 1170px;
  margin: 0 auto;
}

.br-ma-section-heading p {
    margin: 0 0 30px 0 !important;
}
.br-ma-section-body {
    margin-top: 0 !important;
}
/* 10px gap between tile rows */
.br-ma-section-body .br-ma-tiles-row {
    row-gap: 0.625rem !important;
}
/* Ensure section tile columns stretch */
.br-ma-section-body .br-ma-tiles-row > [class*="col-"]:not(.d-none) {
    display: flex;
}
/* shared tile flex */
.br-ma-tile {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.br-ma-tile-body,
.br-ma-tile-quick-main {
    flex: 1 1 auto;
}
/* QUICK TILE base */
.br-ma-tile--quick {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    background-color: #ffffff;
    border: 1px solid #dde1e6;
    height: 100%;
    text-decoration: none;
}

.br-ma-tile--quick:hover {
  box-shadow: 5px 6px 0px 0px #0964B9 !important;
  text-decoration: none !important;
}

.br-ma-tile-quick-main:hover {
  text-decoration: underline;
  color: #0964B9;
}

.br-ma-tile-quick-title:hover {
  color: #0964B9;
}
/* Quick tile cols */
.br-ma-tiles-row > [class*="col-"] {
    display: flex;
}
.br-ma-tiles-row > [class*="col-"] > .br-ma-tile {
    height: 100%;
}
.br-ma-tile-quick-main {
    order: 1;
    flex: 1 1 auto;
    padding: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.br-ma-tile-quick-title {
    font-size: 0.98rem;
    margin: 0 0 0.3rem 0;
}
.br-ma-tile-quick-subtext {
    font-size: 0.9rem;
    color: #4b5563;
    margin: 0;
}
.br-ma-tile-quick-cta {
    order: 2;
    width: 65px;
    min-width: 65px;
    background-color: #0964B9;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
}
.br-ma-tile-quick-icon {
  width: 26.67px;
  height: 26.67px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.br-ma-tile-quick-icon::before {
    content: "\2192";
    background-image: url('/arrow-circle-right-solid%20(2).png');
    font-size: 1.15rem;
    color: #0964B9;
    line-height: 1;
    display: none;
}

.right-arrow-img{
  width: 32px;
  height: 32px;
}

.br-ma-tile-hidden{
    display: none !important;
}
/* When the viewport becomes very wide (e.g. zoomed out),
   stop the coloured panel from stretching edge-to-edge and
   make it behave like a centred “card” – like brent.gov */
@media (min-width: 1600px) {
    .br-ma-section-panel {
        max-width: 1200px;   /* adjust to taste: 1100 / 1200 / 1280 */
        margin-left: auto;
        margin-right: auto;
    }
}



  

  /* Mobile: 1 column */
  .br-ma-tiles-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
  }
 
  /* Tablet: 2 columns */
  @media (min-width: 768px) {
    .br-ma-tiles-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
 
  /* Desktop: 3 columns */
  @media (min-width: 992px) {
    .br-ma-tiles-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
 
    /* Stretch only tile 1 when class applied */
    .br-ma-col-span-2 {
      grid-column: 1 / span 2;
    }
  }
 
  /* Important: ensure items don’t shrink weirdly */
  .br-ma-grid-item {
    min-width: 0;
  }



/* ===================== SECTION BANNERS ===================== */
.br-cc-banner { position: relative; width: 100%; margin-top: 60px; }
 
.br-cc-banner::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  max-width: 1170px;
  top: 0; bottom: 0;
  background-color: #fef4de;
  z-index: 0;
  border-top: 4px solid var(--banner-strip-colour, #c93c2b);
  border-bottom: 4px solid var(--banner-strip-colour, #c93c2b);
}
.br-cc-banner-inner {
  max-width: 1920px;
  margin: 0 auto;
  border-top: 7px solid var(--banner-strip-colour, #c93c2b);
  border-bottom: 7px solid var(--banner-strip-colour, #c93c2b);
  position: relative;
  padding: 30px 16px;
  
 
z-index: 1;
  background-color: #fef4de;
  color: var(--banner-strip-colour, #c93c2b);
}
.br-cc-banner-title {
  margin: 0 auto;
  font-weight: 700;
  color: var(--banner-strip-colour, #c93c2b) !important;
  font-family: Noto Sans;
  line-height: 27px;
  letter-spacing: 0px;
  max-width: 1170px;
}
.br-cc-banner-text {
  margin: 0 auto;
  font-size: 14px;
  color: var(--banner-strip-colour, #c93c2b) !important;
  font-family: Noto Sans;
  letter-spacing: 0px;
  line-height: 20px;
  max-width: 1170px;
}
.br-cc-banner--sides::after,
.br-cc-banner--full::after {
  content: "";
  position: absolute;
  top: 0; bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  z-index: 1;
  background-image:
    repeating-linear-gradient(135deg, var(--banner-strip-colour, #c93c2b) 0, var(--banner-strip-colour, #c93c2b) 8px, #fef4de 8px, #fef4de 16px),
    repeating-linear-gradient(135deg, var(--banner-strip-colour, #c93c2b) 0, var(--banner-strip-colour, #c93c2b) 8px, #fef4de 8px, #fef4de 16px);
  background-repeat: no-repeat, no-repeat;
  background-position: left top, right top;
  background-size: 36px 100%, 36px 100%;
}
.br-cc-banner--full .br-cc-banner-inner { border-top-width: 7px; border-bottom-width: 7px; }
.br-cc-banner--none .br-cc-banner-inner::before,
.br-cc-banner--none .br-cc-banner-inner::after { display:none; }
 
.br-cc-banner-close {
  position: absolute;
  top: 12px;
  right: 60px;
  background: none;
  border: none;
  font-size: 20px;
  font-weight: 700;
  color: #666;
  cursor: pointer;
}
.br-cc-banner-close:hover { color: #000; }
 
/*.ma-fullwidth-bg { display: none; } */
#pageBody { max-width: 1920px !important; margin: 0 auto;}
.contactHeader2 { font-size: 27px !important; }

/* 1) Make decorative overlays ignore mouse clicks */
.br-cc-banner::before,
.br-cc-banner::after,
.br-cc-banner--sides::after,
.br-cc-banner--full::after {
  pointer-events: none !important;
}
 
/* 2) Ensure inner container forms a stacking context above overlays */
.br-cc-banner-inner {
  position: relative !important;
  z-index: 2 !important;
}
 
/* 3) Put close button above everything and make it clickable */
.br-cc-banner-close {
  position: absolute !important;
  z-index: 9999 !important;
  pointer-events: auto !important;
}
/* 
body{
 display: none;
}
*/

  /* Banner */
   .br-cc-banner{
    width:100%;
    max-width:1920px;
    margin:0 auto 16px auto;
  }
 
  .br-cc-banner-inner{
    position:relative;
    padding:30px 165px;
    background: var(--banner-bg);
    border-top:7px solid var(--banner-accent);
    border-bottom:7px solid var(--banner-accent);
    box-shadow: 0 10px 24px rgba(0,0,0,.12);
    box-sizing:border-box;
 
    /* ✅ Grid: icon | title/text | close */
    /* display:grid;
    grid-template-columns: 40px 1fr 40px;
    grid-template-areas:
      "ico title close"
      ".   text  ."; */
    column-gap:14px;
    row-gap:8px;
    align-items:start;
  }
 
  /* striped rails */
  .br-cc-banner-inner::before,
  .br-cc-banner-inner::after{
    content:"";
    position:absolute;
    top:0px;
    bottom:0px;
    width:38px;
    background: repeating-linear-gradient(
      135deg,
      var(--banner-accent) 0 10px,
      transparent 10px 20px
    );
    pointer-events:none;
  }
  .br-cc-banner-inner::before{ left:0px; }
  .br-cc-banner-inner::after { right:0px; transform: scaleX(-1); }
 
    .br-cc-banner .br-cc-banner-title{
    grid-area: title;
    margin:0 !important;
    font-weight:700;
    font-size:27px;
    line-height:30px;
    font-family:Noto Sans;
    letter-spacing: 0px;
    color: var(--banner-accent) !important;
    margin-bottom: 12px !important;
  }
 
  .br-cc-banner .br-cc-banner-text{
    grid-area: text;
    margin:0 !important;
    font-size:18px;
    line-height:1.45;
    font-family:'Noto Sans','Poppins',sans-serif;
    color: var(--banner-accent) !important;
  }
 
  /* ✅ If CRM description contains inner tags, force them too */
  .br-cc-banner .br-cc-banner-text *{
    color: var(--banner-accent) !important;
  }
 
  .br-cc-banner-close{
    grid-area: close;
    width:34px;
    height:34px;
    border:2px solid var(--banner-accent);
    background: transparent;
    border-radius:4px;
    font-size:18px;
    cursor:pointer;
    color: var(--banner-accent) !important;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    margin-top:2px;
  }
  .br-cc-banner-close:hover{ background: rgba(255,255,255,.55); }
  .br-cc-banner-close:focus{ outline:3px solid rgba(0,0,0,.2); outline-offset:2px; }
 
  @media (max-width: 768px){
    .br-cc-banner-inner{
      padding:30px 40px !important;
      grid-template-columns: 34px 1fr 34px;
    }
    .br-cc-banner-inner::before,
    .br-cc-banner-inner::after{ width:30px; }
  }

  /* Make CRM rich text teaser look like your H3 (tile style) */
.br-ma-section-teasertext,
.br-ma-section-teasertext * {
  font-family: "Noto Sans" !important;
  
  line-height: 27px !important;
  letter-spacing: 0px !important;
  font-size: 18px !important;   /* match your H3 */
}
 
/* Remove default rich text spacing */
.br-ma-section-teasertext p,
.br-ma-section-teasertext div,
.br-ma-section-teasertext span,
.br-ma-section-teasertext br {
  margin: 0 !important;
  padding: 0 !important;
}
 
/* If CK adds its own class */
.br-ma-section-teasertext .ck-content,
.br-ma-section-teasertext .ck-content * {
  font-family: "Noto Sans" !important;
  font-size: 18px !important;
  line-height: 27px;
    font-weight: 400;
   /*margin-bottom: 30px !important;*/
}
 

/* === Banner breakout: make banner extend full viewport even inside 1200px panel === */
.br-cc-banner-breakout{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
 
/* Ensure background strip spans full width */
.br-cc-banner,
.br-cc-banner-inner{
  max-width: none !important;
  width: 100%;
  margin: 0;
}
 
/* Keep content centered like your working banner */
.br-cc-banner-mainInner{
  max-width: 1140px;
  margin: 0 auto;
}


/* =========================================================
   BANNER TILE OVERRIDE
 
/* Main banner shell */
.br-ma-tile--banner {
  position: relative;
  display: flex !important;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 30px;
  background-color: #ffffff;
  border: 1px solid #dde1e6;
  text-decoration: none;
  color: #202124;
  overflow: hidden;
  transition: box-shadow 0.15s ease, transform 0.15s ease, border-color 0.15s ease;
}
 
/* Hover same feel as activity/quick tiles */
.br-ma-tile--banner:hover {
  text-decoration: none !important;
  box-shadow: 5px 6px 0px 0px #0964B9;
}
 
/* Inner wrapper */
.br-ma-tile-banner-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  height: 100%;
  width: 100%;
}
 
/* Keep title/details stacked nicely */
.br-ma-tile--banner .dash-tile-flex {
  display: block !important;
  width: 100%;
  margin-bottom: 0;
}
 
/* Banner title */
.br-ma-tile-banner-title {
  font-size: 24px !important;
  font-weight: 700 !important;
  margin: 0 0 15px 0 !important;
  font-family: "Noto Sans", sans-serif !important;
  line-height: 30px !important;
  letter-spacing: 0px !important;
  color: #202124 !important;
  display: block;
}
 
/* Title hover like activity tile */
.br-ma-tile--banner:hover .br-ma-tile-banner-title,
.br-ma-tile-banner-title:hover {
  color: #0964B9 !important;
  text-decoration: underline !important;
}
 
/* Banner subtext */
.br-ma-tile-banner-subtext,
.br-ma-tile-banner-subtext * {
  color: #4b5563 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  font-family: "Noto Sans", sans-serif !important;
  line-height: 20px !important;
  letter-spacing: 0px !important;
}
 
/* Remove unwanted spacing from CRM rich text inside banner */
.br-ma-tile-banner-subtext p,
.br-ma-tile-banner-subtext div,
.br-ma-tile-banner-subtext span,
.br-ma-tile-banner-subtext ul,
.br-ma-tile-banner-subtext ol {
  margin-top: 0 !important;
}
 
.br-ma-tile-banner-subtext p:last-child,
.br-ma-tile-banner-subtext ul:last-child,
.br-ma-tile-banner-subtext ol:last-child {
  margin-bottom: 0 !important;
}
 
/* List styling inside banner details */
.br-ma-tile-banner-subtext ul,
.br-ma-tile-banner-subtext ol {
  padding-left: 18px;
}
 
.br-ma-tile-banner-subtext li + li {
  margin-top: 4px;
}
 
/* Make banner fill column properly */
.br-ma-tiles-row > [class*="col-"] > .br-ma-tile--banner,
.br-ma-tile-col > .br-ma-tile--banner {
  width: 100%;
  height: 100%;
}
 
/* Mobile adjustments */
@media (max-width: 1000px) {
  .br-ma-tile--banner {
    padding: 20px 18px;
  }
}
 
@media (max-width: 767.98px) {
  .br-ma-tile-banner-title {
    font-size: 22px !important;
    line-height: 28px !important;
  }
 
  .br-ma-tile-banner-subtext,
  .br-ma-tile-banner-subtext * {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#divYourProfile
{
  display: none;
}

#completeProfile {
  margin-top: 10px;
}

/* Contact us css */

/* RTE content */
.byb-body {
  margin-bottom: 60px;
}
 
.byb-body p { margin-bottom: 1rem; }
.byb-body a {
  color: #1d70b8;
  text-decoration: underline;
}
 
/* Also cover CKEditor wrapper specifically */
.byb-body .ck-content,
.byb-body .ck-content * {
  font-family: "Noto Sans", Arial, sans-serif !important;
  font-size: 18px !important;
}
/* ===================== SECTIONS ===================== */
.page-copy {
  max-width: 1920px;
  padding-left: 0px;
}

@media (min-width: 1000px) {
.br-cc-section-heading {
  padding-left: 10px !important;
}
}

@media (max-width: 999px) {
.br-cc-section-heading {
  padding-left: 15px ;
  padding-right: 15px;
}
}


/* ===================== MY MESSAGES CARD ===================== */
.br-cc-messages-card .ma-messages-list {
  list-style: none;
  margin: 0 0 30px;
  padding-left: 0;
}
.br-cc-messages-card .ma-messages-list li + li {
  margin-top: 2px;
}
.br-cc-messages-card .ma-messages-note {
  margin: 0;
  font-size: 13px;
}
/* ===================== BLUE CARD ===================== 
.ma-blue-card {
  background: #d7e6f4;
  color: #202124;
  padding: 15px;
  border-radius: 4px;
  font-family: Noto Sans;
  line-height: 27px;
  letter-spacing: 0px;
  width: 340px;
  height: auto;
  font-size: 18px;
}
  */

@media (max-width: 600px) {
  .ma-blue-card {
    width: auto !important;
  }
}

 
/* ===================== TILE GRID (equal height) ===================== */
.br-ma-tiles-row { display: flex; flex-wrap: wrap; }
.br-ma-tiles-row > [class*="col-"] { display: flex; padding: 0 15px 30px; }
.br-ma-tile { width: 100%; height: 100%; display: flex; }
.br-ma-tile-activity {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  /* max-width: 347px; */
  padding: 30px;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  text-decoration: none;
}
.br-ma-tile-activity-inner { display: flex; flex-direction: column; height: 100%; }
.br-ma-tile-activity-title { font-size: 24px; font-weight: 600; margin: 0 0 32px; }
.br-ma-tile-activity-text { font-size: 14px; margin: 0; color: #4b5563; }
.br-ma-tile-activity::before {
  content: "";
  position: absolute;
  top: 0; bottom: 0; left: 0;
  width: 8px;
}
 
/* ===================== SECTION BANNERS ===================== */
.br-cc-banner { position: relative; width: 100%; margin-bottom: 28px; }
 
.br-cc-banner::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  max-width: 1170px;
  top: 0; bottom: 0;
  background-color: #fef4de;
  z-index: 0;
  border-top: 4px solid var(--banner-strip-colour, #c93c2b);
  border-bottom: 4px solid var(--banner-strip-colour, #c93c2b);
}
.br-cc-banner-inner {
  max-width: 1920px;
  margin: 0 auto;
  border-top: 7px solid var(--banner-strip-colour, #c93c2b);
  border-bottom: 7px solid var(--banner-strip-colour, #c93c2b);
  position: relative;
  padding: 30px 16px;
  
 
z-index: 1;
  background-color: #fef4de;
  color: var(--banner-strip-colour, #c93c2b);
}
.br-cc-banner-title {
  margin: 0 auto;
  font-weight: 700;
  color: var(--banner-strip-colour, #c93c2b) !important;
  font-family: Noto Sans;
  line-height: 27px;
  letter-spacing: 0px;
  max-width: 1170px;
}
.br-cc-banner-text {
  margin: 0 auto;
  font-size: 14px;
  color: var(--banner-strip-colour, #c93c2b) !important;
  font-family: Noto Sans;
  letter-spacing: 0px;
  line-height: 20px;
  max-width: 1170px;
}
.br-cc-banner--sides::after,
.br-cc-banner--full::after {
  content: "";
  position: absolute;
  top: 0; bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  z-index: 1;
  background-image:
    repeating-linear-gradient(135deg, var(--banner-strip-colour, #c93c2b) 0, var(--banner-strip-colour, #c93c2b) 8px, #fef4de 8px, #fef4de 16px),
    repeating-linear-gradient(135deg, var(--banner-strip-colour, #c93c2b) 0, var(--banner-strip-colour, #c93c2b) 8px, #fef4de 8px, #fef4de 16px);
  background-repeat: no-repeat, no-repeat;
  background-position: left top, right top;
  background-size: 36px 100%, 36px 100%;
}
.br-cc-banner--full .br-cc-banner-inner { border-top-width: 7px; border-bottom-width: 7px; }
.br-cc-banner--none .br-cc-banner-inner::before,
.br-cc-banner--none .br-cc-banner-inner::after { display:none; }
 
.br-cc-banner-close {
  position: absolute;
  top: 12px;
  right: 60px;
  background: none;
  border: none;
  font-size: 20px;
  font-weight: 700;
  color: #666;
  cursor: pointer;
}
.br-cc-banner-close:hover { color: #000; }

#pageBody { max-width: 1920px !important; }
.contactHeader2 { font-size: 27px !important; }

/* 1) Make decorative overlays ignore mouse clicks */
.br-cc-banner::before,
.br-cc-banner::after,
.br-cc-banner--sides::after,
.br-cc-banner--full::after {
  pointer-events: none !important;
}
 
/* 2) Ensure inner container forms a stacking context above overlays */
.br-cc-banner-inner {
  position: relative !important;
  z-index: 2 !important;
}
 
/* 3) Put close button above everything and make it clickable */
.br-cc-banner-close {
  position: absolute !important;
  z-index: 9999 !important;
  pointer-events: auto !important;
}

/* ===================== SECTIONS ===================== */
.br-ma-section {
  background: #F8F9FA ;
}

/* ===================== HEADINGS ===================== */
.br-cc-section-heading h2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  margin: 30px 0 30px;
  font-family: Noto Sans;
  letter-spacing: 0px;
}

.text-left {
  display: none !important;
}

/* ===================== MY MESSAGES CARD ===================== */
.br-cc-messages-card {
  background-color: #F8F9FA;
  border: 3px solid #B1B4B6;
  padding: 20px 22px;
  border-radius: 4px;
  font-size: 24px;
  font-family: Noto Sans;
  line-height: 27px;
  letter-spacing: 0px;
  min-height: 285px;
   max-width: 340px; 
  margin-top: 60px;
  margin-bottom: 30px;
}

@media (max-width: 1024px) {
  .br-cc-messages-card {
    height: auto;
  }
}

@media (max-width: 1000px) {
  .br-cc-messages-card {
    margin-top: 30px;
    max-width: 750px;
  }
}

.br-cc-messages-card h3 {
  font-size: 27px;
  font-weight: 700;
  margin: 0 0 30px;
}
.br-cc-messages-card .ma-messages-list {
  list-style: none;
  margin: 0 0 30px;
  padding-left: 0;
}
.br-cc-messages-card .ma-messages-list li + li {
  margin-top: 2px;
}
.br-cc-messages-card .ma-messages-note {
  margin: 0;
  font-size: 16px;
}
/* ===================== BLUE CARD ===================== */
.ma-blue-card {
  background: #d7e6f4;
  color: #202124;
  padding: 30px;
  border-radius: 4px;
  font-family: Noto Sans;
  line-height: 27px;
  letter-spacing: 0px;
  width: 100%;
  height: auto;
  font-size: 18px;
  margin: 30px 0;
}

/* ===================== TILE GRID (equal height) ===================== */
.br-ma-tiles-row {
  display: flex;
  flex-wrap: wrap;
}
.br-ma-tiles-row > [class*="col-"] {
  display: flex;
  padding: 15px 15px;
}
.br-ma-tile {
  width: 100%;
  height: 100%;
  display: flex;
}
.br-ma-tile-activity {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  /* max-width: 365px; */
  padding: 30px;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  text-decoration: none;
}

.br-ma-tile-activity:hover {
  text-decoration: none;
}

.br-ma-tile-activity-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.br-ma-tile-activity-title {
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 32px;
}
.br-ma-tile-activity-text {
  font-size: 14px;
  margin: 0;
  color: #4b5563;
}
/* inner blue strip 
.br-ma-tile-activity::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 8px;
  background-color: var(--br-ma-border-colour, #0964B9);
}
*/
/* ===================== SECTION BANNERS ===================== */
 
.br-cc-banner {
    position: relative;
    width: 100%;
    margin-bottom: 28px;
}
 
/* FULL-WIDTH background behind the banner */
.br-cc-banner::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1170px;              /* stretch across viewport */
    top: 0;
    bottom: 0;
    background-color: #fef4de; /* same yellow as site-wide banner */
    z-index: 0;
    border-top: 4px solid var(--banner-strip-colour, #c93c2b);
    border-bottom: 4px solid var(--banner-strip-colour, #c93c2b);
}
 
.br-cc-banner-inner {
    max-width: 1920px;
    margin: 0 auto;
    border-top: 7px solid var(--banner-strip-colour, #c93c2b);
    border-bottom: 7px solid var(--banner-strip-colour, #c93c2b);
  position: relative;
  padding: 30px 16px;
  z-index: 1; 
  background-color: #fef4de;
  color: var(--banner-strip-colour, #c93c2b);   /* TEXT COLOUR UPDATED */
}
 
.br-cc-banner-title {
  margin: 0 auto;
  font-weight: 700;
  color: var(--banner-strip-colour, #c93c2b) !important;  /* NEW */
  font-family: Noto Sans;
  line-height: 27px;
  letter-spacing: 0px;
  max-width: 1170px;
}
 
.br-cc-banner-text {
  margin: 0 auto;
  font-size: 14px;
  color: var(--banner-strip-colour, #c93c2b) !important;  /* NEW */
  font-family: Noto Sans;
  letter-spacing: 0px;
  line-height: 20px;
  max-width: 1170px;
}
 
/* striped sides (left + right) */
/* left+right stripes (and used by FULL as well) */
.br-cc-banner--sides::after,
.br-cc-banner--full::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw; /* stretch across viewport like ::before */
    z-index: 1;
 
    /* two stripe blocks: one stuck to the far left, one to the far right */
    background-image:
        repeating-linear-gradient(
            135deg,
            var(--banner-strip-colour, #c93c2b) 0,
            var(--banner-strip-colour, #c93c2b) 8px,
            #fef4de 8px,
            #fef4de 16px
        ),
        repeating-linear-gradient(
            135deg,
            var(--banner-strip-colour, #c93c2b) 0,
            var(--banner-strip-colour, #c93c2b) 8px,
            #fef4de 8px,
            #fef4de 16px
        );
    background-repeat: no-repeat, no-repeat;
    background-position: left top, right top;
    background-size: 36px 100%, 36px 100%;
}
 
/* full border (top/bottom lines) */
.br-cc-banner--full .br-cc-banner-inner {
  border-top-width: 7px;
  border-bottom-width: 7px;
}
 
/* no strips */
.br-cc-banner--none .br-cc-banner-inner::before,
.br-cc-banner--none .br-cc-banner-inner::after {
  display: none;
}
.br-cc-banner-close {
    position: absolute;
    top: 12px;
    right: 60px;
    background: none;
    border: none;
    font-size: 20px;
    font-weight: 700;
    color: #666;
    cursor: pointer;
}
 
.br-cc-banner-close:hover {
    color: #000;
}

@media (min-width:770px) and (max-width:1920px) {
  .ml20 {
    margin-left: 0px;
  }
}

/* @media (min-width: 768px) {
  .br-cc-section-heading {
    padding-left: 15px !important
  }
} */


.col-md-12{
  padding-right: 0px;
  padding-left: 0px;
}

.contactHeader2 {
  font-size: 27px !important;
  font-family: Noto Sans !important;
  margin-bottom: 30px;
  margin-top: 30px !important;
}


@media (min-width:318px) and (max-width:425px) {
    .br-cc-messages-card, .ma-blue-card, .br-ma-tile-activity {
        width: auto !important;
    }
}

@media (min-width:318px) and (max-width:370px) {
  .br-cc-messages-card, .ma-blue-card, .br-ma-tile-activity { width: 290px; }
}

@media (max-width: 1025px) {
  .br-ma-section-body {
    padding-right: 0px !important;
  }
}

/* Banner */
   .br-cc-banner{
    width:100%;
    max-width:1920px;
    margin:0 auto 0px auto;
  }
 
  .br-cc-banner-inner{
    position:relative;
    padding:30px 165px;
    background: var(--banner-bg);
    border-top:7px solid var(--banner-accent);
    border-bottom:7px solid var(--banner-accent);
    box-shadow: 0 10px 24px rgba(0,0,0,.12);
    box-sizing:border-box;
 
    /* ✅ Grid: icon | title/text | close */
    /* display:grid;
    grid-template-columns: 40px 1fr 40px;
    grid-template-areas:
      "ico title close"
      ".   text  ."; */
    column-gap:14px;
    row-gap:8px;
    align-items:start;
  }
 
  /* striped rails */
  .br-cc-banner-inner::before,
  .br-cc-banner-inner::after{
    content:"";
    position:absolute;
    top:0px;
    bottom:0px;
    width:38px;
    background: repeating-linear-gradient(
      135deg,
      var(--banner-accent) 0 10px,
      transparent 10px 20px
    );
    pointer-events:none;
  }
  .br-cc-banner-inner::before{ left:0px; }
  .br-cc-banner-inner::after { right:0px; transform: scaleX(-1); }

  /* ✅ Force theme colour (overrides your existing red styles) */

  .br-cc-banner .br-cc-banner-title{
    grid-area: title;
    margin:0 !important;
    font-weight:700;
    font-size:27px;
    line-height:30px;
    font-family:Noto Sans;
    letter-spacing: 0px;
    color: var(--banner-accent) !important;
    margin-bottom: 12px !important;
  }
 
  .br-cc-banner .br-cc-banner-text{
    grid-area: text;
    margin:0 !important;
    font-size:18px;
    line-height:1.45;
    font-family:'Noto Sans','Poppins',sans-serif;
    color: var(--banner-accent) !important;
  }
 
  /* ✅ If CRM description contains inner tags, force them too */
  .br-cc-banner .br-cc-banner-text *{
    color: var(--banner-accent) !important;
  }
 
  .br-cc-banner-close{
    grid-area: close;
    width:34px;
    height:34px;
    border:2px solid var(--banner-accent);
    background: transparent;
    border-radius:4px;
    font-size:18px;
    cursor:pointer;
    color: var(--banner-accent) !important;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    margin-top:2px;
  }
  .br-cc-banner-close:hover{ background: rgba(255,255,255,.55); }
  .br-cc-banner-close:focus{ outline:3px solid rgba(0,0,0,.2); outline-offset:2px; }
 
 
  @media (max-width: 768px){
    .br-cc-banner-inner{
      padding:30px 40px;
      grid-template-columns: 34px 1fr 34px;
    }
    .br-cc-banner-inner::before,
    .br-cc-banner-inner::after{ width:30px; }
  }

.br-ma-tile--banner{
  display:block;
  padding:22px;
  border:1px solid #dde1e6;
  text-decoration:none;
}
.br-ma-tile--banner:hover{
  box-shadow:5px 6px 0px 0px #075092;
}
.br-ma-tile-title{
  margin:0 0 .35rem 0;
  font-size:1rem;
  font-weight:700;
}
.br-ma-tile-subtext{
  margin:0;
  font-size:.9rem;
  color:#4b5563;
}
.br-ma-tile--quick{
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  border:1px solid #dde1e6;
  text-decoration:none;
  min-height:92px;
}
.br-ma-tile--quick:hover{
  box-shadow: 2px solid #0964B9; 
  text-decoration: none !important;
}
.br-ma-tile-quick-main{
  padding:18px;
  flex:1 1 auto;
  min-width:0;
}
.br-ma-tile-quick-title{
  font-size:.98rem;
  margin:0 0 .3rem 0;
  font-weight:700;
}
.br-ma-tile-quick-subtext{
  font-size:.9rem;
  color:#4b5563;
  margin:0;
}
.br-ma-tile-quick-cta{
  flex:0 0 4.25rem;
  width:4.25rem;
  min-width:4.25rem;
  background-color:#0964B9;
  display:flex;
  align-items:center;
  justify-content:center;
}
.right-arrow-img{
  width:32px;
  height:32px;
}
.br-ma-border-left{
  box-shadow: inset 6px 0 0 var(--br-ma-border-colour, #00a859);
}
.br-ma-border-right{
  box-shadow: inset -6px 0 0 var(--br-ma-border-colour, #00a859);
}
.br-ma-border-top{
  box-shadow: inset 0 6px 0 var(--br-ma-border-colour, #00a859);
}
.br-ma-border-left-bottom{
  box-shadow:
    inset 6px 0 0 var(--br-ma-border-colour, #00a859),
    inset 0 -6px 0 var(--br-ma-border-colour, #00a859);
}
.br-ma-border-right-bottom{
  box-shadow:
    inset -6px 0 0 var(--br-ma-border-colour, #00a859),
    inset 0 -6px 0 var(--br-ma-border-colour, #00a859);
}

.br-ma-border-full:hover {
  border: 5px solid #0964B9 !important;
  text-decoration: none !important;
}

.br-ma-tile-title,
.br-ma-tile-quick-title,
.br-ma-tile-activity-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 12px 0;
    color: #202124;         /* dark neutral */
}


.br-ma-tile-title,
.br-ma-tile-quick-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0%;
  margin: 0 0 12px 0;
}

.br-ma-tile-title:hover, .br-ma-tile-quick-title:hover {
  text-decoration: underline !important;
  color: #0964B9;
}
.br-ma-tile-subtext,
.br-ma-tile-quick-subtext {
  font-size: 0.95rem;      /* 15px */
  line-height: 1.6;        /* more breathing space */
  margin: 0;
  max-width: 90%;          /* prevents tight wrapping */
  color: #4b5563;
}


/* =========================================================
   BANNER TILE OVERRIDE
   Makes new banner markup behave like activity tile
   ========================================================= */
 
/* Main banner shell */
.br-ma-tile--banner {
  position: relative;
  display: flex !important;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 30px;
  background-color: #ffffff;
  border: 1px solid #dde1e6;
  text-decoration: none;
  color: #202124;
  overflow: hidden;
  transition: box-shadow 0.15s ease, transform 0.15s ease, border-color 0.15s ease;
}
 
/* Hover same feel as activity/quick tiles */
.br-ma-tile--banner:hover {
  text-decoration: none !important;
  box-shadow: 5px 6px 0px 0px #0964B9 ;
}
 
/* Inner wrapper */
.br-ma-tile-banner-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  height: 100%;
  width: 100%;
}
 
/* Keep title/details stacked nicely */
.br-ma-tile--banner .dash-tile-flex {
  display: block !important;
  width: 100%;
  margin-bottom: 0;
}
 
/* Banner title */
.br-ma-tile-banner-title {
  font-size: 24px !important;
  font-weight: 700 !important;
  margin: 0 0 15px 0 !important;
  font-family: "Noto Sans", sans-serif !important;
  line-height: 30px !important;
  letter-spacing: 0px !important;
  color: #202124 !important;
  display: block;
}
 
/* Title hover like activity tile */
.br-ma-tile--banner:hover .br-ma-tile-banner-title,
.br-ma-tile-banner-title:hover {
  color: #0964B9 !important;
  text-decoration: underline !important;
}
 
/* Banner subtext */
.br-ma-tile-banner-subtext,
.br-ma-tile-banner-subtext * {
  color: #4b5563 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  font-family: "Noto Sans", sans-serif !important;
  line-height: 20px !important;
  letter-spacing: 0px !important;
}
 
/* Remove unwanted spacing from CRM rich text inside banner */
.br-ma-tile-banner-subtext p,
.br-ma-tile-banner-subtext div,
.br-ma-tile-banner-subtext span,
.br-ma-tile-banner-subtext ul,
.br-ma-tile-banner-subtext ol {
  margin-top: 0 !important;
}
 
.br-ma-tile-banner-subtext p:last-child,
.br-ma-tile-banner-subtext ul:last-child,
.br-ma-tile-banner-subtext ol:last-child {
  margin-bottom: 0 !important;
}
 
/* List styling inside banner details */
.br-ma-tile-banner-subtext ul,
.br-ma-tile-banner-subtext ol {
  padding-left: 18px;
}
 
.br-ma-tile-banner-subtext li + li {
  margin-top: 4px;
}
 
/* Make banner fill column properly */
.br-ma-tiles-row > [class*="col-"] > .br-ma-tile--banner,
.br-ma-tile-col > .br-ma-tile--banner {
  width: 100%;
  height: 100%;
}
 
/* Mobile adjustments */
@media (max-width: 1000px) {
  .br-ma-tile--banner {
    padding: 20px 18px;
  }
}
 
@media (max-width: 767.98px) {
  .br-ma-tile-banner-title {
    font-size: 22px !important;
    line-height: 28px !important;
  }
 
  .br-ma-tile-banner-subtext,
  .br-ma-tile-banner-subtext * {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

  /* ========= BANNER (NEW UI) ========= */
  .br-cc-banner{
    width:100%;
    max-width:1920px;
    margin:0 auto 0px auto;
  }
 
  .br-cc-banner-inner{
    position:relative;
    padding:30px 165px;
    background: var(--banner-bg);
    border-top:7px solid var(--banner-accent);
    border-bottom:7px solid var(--banner-accent);
    box-shadow: 0 10px 24px rgba(0,0,0,.12);
    box-sizing:border-box;
    column-gap:14px;
    row-gap:8px;
    align-items:start;
  }
 
  .br-cc-banner-inner::before,
  .br-cc-banner-inner::after{
    content:"";
    position:absolute;
    top:0px;
    bottom:0px;
    width:38px;
    background: repeating-linear-gradient(
      135deg,
      var(--banner-accent) 0 10px,
      transparent 10px 20px
    );
    pointer-events:none;
  }
 
  .br-cc-banner-inner::before{ left:0px; }
  .br-cc-banner-inner::after { right:0px; transform: scaleX(-1); }
 
  .br-cc-banner .br-cc-banner-text{
    grid-area: text;
    margin:0 !important;
    font-size:18px;
    line-height:1.45;
    font-family:'Noto Sans','Poppins',sans-serif;
    color: var(--banner-accent) !important;
  }
 
  .br-cc-banner .br-cc-banner-text *{
    color: var(--banner-accent) !important;
  }
 
  .br-cc-banner-close{
    grid-area: close;
    width:34px;
    height:34px;
    border:2px solid var(--banner-accent);
    background: transparent;
    border-radius:4px;
    font-size:18px;
    cursor:pointer;
    color: var(--banner-accent) !important;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    margin-top:2px;
  }
 
  .br-cc-banner-close:hover{ background: rgba(255,255,255,.55); }
  .br-cc-banner-close:focus{ outline:3px solid rgba(0,0,0,.2); outline-offset:2px; }

 
  @media (max-width: 768px){
    .br-cc-banner-inner{
      padding:30px 40px !important;
      grid-template-columns: 34px 1fr 34px;
    }
 
 
    .br-cc-banner-inner::before,
    .br-cc-banner-inner::after{ width:30px; }
  }
 
  .familyWelPara,
  .familyWelPara p,
  .familyWelPara span,
  .familyWelPara div,
  .familyWelPara li,
  .familyWelPara a,
  .familyWelPara h1,
  .familyWelPara h2,
  .familyWelPara h3,
  .familyWelPara h4,
  .familyWelPara h5,
  .familyWelPara h6 {
    font-family: 'Noto Sans', sans-serif !important;
    font-size:18px !important;
    color: #000000 !important;
    line-height: 27px;
    letter-spacing: 0px;
  }
 
  .br-ma-tile-activity-text{
    font-family: 'Noto Sans', sans-serif !important;
    font-size:18px !important;
  }


  /* Dynamic tiles css */
  .br-cc-banner{
    width:100%;
    max-width:1920px;
    margin:0 auto 0px auto;
  }
 
  .br-cc-banner-inner{
    position:relative!important;
    padding:30px 165px !important;
    background: var(--banner-bg)!important;
    border-top:7px solid var(--banner-accent);
    border-bottom:7px solid var(--banner-accent);
    box-shadow: 0 10px 24px rgba(0,0,0,.12)!important;
    box-sizing:border-box!important;
 
    /* display:grid;
    grid-template-columns: 40px 1fr 40px;
    grid-template-areas:
      "ico title close"
      ".   text  ."; */
    column-gap:14px;
    row-gap:8px;
    align-items:start;
  }
 
  .br-cc-banner-inner::before,
  .br-cc-banner-inner::after{
    content:"";
    position:absolute;
    top:0px;
    bottom:0px;
    width:38px;
    background: repeating-linear-gradient(
      135deg,
      var(--banner-accent) 0 10px,
      transparent 10px 20px
    );
    pointer-events:none;
  }
  .br-cc-banner-inner::before{ left:0px; }
  .br-cc-banner-inner::after { right:0px; transform: scaleX(-1); }
 
   .br-cc-banner .br-cc-banner-title{
    grid-area: title;
    margin:0 !important;
    font-weight:700;
    font-size:27px;
    line-height:30px;
    font-family:Noto Sans;
    letter-spacing: 0px;
    color: var(--banner-accent) !important;
    margin-bottom: 12px !important;
  }

  .br-cc-banner .br-cc-banner-text{
    grid-area: text;
    margin:0 !important;
    font-size:18px;
    line-height:1.45;
    font-family:'Noto Sans','Poppins',sans-serif;
    color: var(--banner-accent) !important;
  }
  .br-cc-banner .br-cc-banner-text *{
    color: var(--banner-accent) !important;
  }
 
  .br-cc-banner-close{
    grid-area: close!important;
    width:34px!important;
    height:34px!important;
    border:2px solid var(--banner-accent)!important;
    background: transparent!important;
    border-radius:4px!important;
    font-size:18px!important;
    cursor:pointer!important;
    color: var(--banner-accent) !important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    margin-top:2px!important;
  }
  .br-cc-banner-close:hover{ background: rgba(255,255,255,.55); }
  .br-cc-banner-close:focus{ outline:3px solid rgba(0,0,0,.2); outline-offset:2px; }
 
  .br-cc-banner--alert{
    --banner-accent:#0964b9; /* blue */
    --banner-bg:#F7F7E2;     /* yellow */
  }
  .br-cc-banner--info{
    --banner-accent:#00703c; /* green */
    --banner-bg:#E9FFF6;     /* light green */
  }
 
  @media (max-width: 768px){
    .br-cc-banner-inner{
      padding:30px 40px !important;
      grid-template-columns: 34px 1fr 34px;
    }
    .br-cc-banner-inner::before,
    .br-cc-banner-inner::after{ width:30px; }
  }
 
/* GRID (default tiles) */
.br-ma-tiles-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 768px) {
  .br-ma-tiles-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 992px) {
  .br-ma-tiles-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } /* ✅ back to 3 */
}
 
/* CONTACT GRID: force 2 cols on desktop */
.br-ma-tiles-grid--contact { margin-bottom: 30px; }
@media (min-width: 992px) {
  .br-ma-tiles-grid--contact { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } /* ✅ contact stays 2 */
}
 
.br-ma-section + .br-ma-section { margin-top: 0; }


@media (min-width: 700px) {
.br-ma-section-panel .container {
  padding-left: 10px;
}
}

.br-ma-section {
  max-width: 1920px;
  margin: 0 auto;
  background-color: #F8F9FA;
}
.br-ma-section-panel {
    width: 100% !important;
    padding: 30px 0px 30px!important;
}
/* @media (max-width:500px) {
  .br-ma-section-panel {
    padding: 30px 0px;
  }
} */
.br-ma-section-heading { margin-bottom: 0; }
.br-ma-section-heading h2 {
  font-size: 32px;
  font-weight: 700;
  margin: 0 0 1.875rem 0;
  font-family: Noto Sans;
  line-height: 40px;
  letter-spacing: 0px;
  color: #000000;
}
 /* ==================== TYPE 3 – BANNER STYLE (WIDE) ============== */
/* Vivek fix start - align close button like blue banner */
#maSiteAlert .br-cc-banner-close {
  position: absolute;
  top: -20px;
  right: 0px;   
    width: 34px !important;
    height: 34px !important;
    border: 2px solid #AB0000 !important;
    background: transparent !important;
    border-radius: 4px !important;
    font-size: 18px !important;
    cursor: pointer !important;
    color: #AB0000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin-top: 2px !important;
}
/* Vivek fix end */
 
 
/* Hover effect */
#maSiteAlert .br-cc-banner-close:hover {
  color: #7a0015;
}
#maSiteAlert .ma-alert-content {
  position: relative;
}

 @media (max-width: 1000px) {
    .ma-alert-inner {
        padding: 30px 40px;
    }

    .ma-alert-icon {
        margin-bottom: 10px;
    }

    .ma-alert-box, .ma-alert-mainInner {
        display: block;
    }

    #maSiteAlert .br-cc-banner-close {
      top: -70px;
    }
  }

.br-ma-tile--banner {
  padding: 1.5rem;
  background-color: #ffffff;
  border: 1px solid #dde1e6;
}
.br-ma-tile--banner .br-ma-tile-title {
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 0.5rem 0;
}
.br-ma-tile--banner .br-ma-tile-subtext {
  font-size: 0.9rem;
  color: #4b5563;
  margin: 0;
}
/* ======================= DASHBOARD TILE CSS (QUICK + ACTIVITY) ======================= */
.br-ma-tile {
  position: relative;
  display: block;
  height: 100%;
  text-decoration: none;
  color: #202124;
  overflow: hidden;
  transition: box-shadow 0.15s ease, transform 0.15s ease, border-color 0.15s ease;
}
.br-ma-tile:hover {
  text-decoration: none;
  box-shadow: 0 3px 0 0 #0b0c0c;
  transform: translateY(-1px);
}
.br-ma-tile:hover { box-shadow: none; }
 
/* strip helpers (dashboard reference) */
.br-ma-border-left::before,
.br-ma-border-right::before,
.br-ma-border-top::before,
.br-ma-border-left-bottom::before,
.br-ma-border-right-bottom::before {
  content: "";
  position: absolute;
  /* background: var(--br-ma-border-colour, #00a859);*/
}
.br-ma-border-left::before { left: 0; top: 0; bottom: 0; width: 4px; }
.br-ma-border-right::before { right: 0; top: 0; bottom: 0; width: 4px; }
.br-ma-border-top::before { left: 0; right: 0; top: 0; height: 4px; }
 
.br-ma-border-left-bottom::after,
.br-ma-border-right-bottom::after {
  content: "";
  position: absolute;
  /*background: var(--br-ma-border-colour, #00a859);*/
}
.br-ma-border-left-bottom::before { left: 0; top: 0; bottom: 0; width: 4px; }
.br-ma-border-left-bottom::after { left: 0; right: 50%; bottom: 0; height: 4px; }
 
.br-ma-border-right-bottom::before { right: 0; top: 0; bottom: 0; width: 4px; }
.br-ma-border-right-bottom::after { right: 0; left: 50%; bottom: 0; height: 4px; }
 
.br-ma-border-full {
  border-width: 5px;
  border-style: solid;
  border-color: var(--br-ma-border-colour, #00a859);
}

.br-ma-border-full:hover {
  border: 5px solid #0964B9;
}
.br-ma-section-body {
  margin-top: 15px;
}
 
/* QUICK TILE base (dashboard reference) */
.br-ma-tile--quick {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  background-color: #ffffff;
  border: 1px solid #dde1e6;
  height: 100%;
  text-decoration: none;
}

.br-ma-tile--quick:hover {
  box-shadow: 5px 6px 0px 0px #0964B9;
}
.br-ma-tile-quick-main {
  order: 1;
  flex: 1 1 auto;
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.br-ma-border-right-bottom:hover {
    box-shadow: 5px 6px 0px 0px #075092 !important;
}

.br-ma-tile:hover {
    box-shadow: none;
}

.br-ma-tile:hover {
    text-decoration: none;
    transform: translateY(-1px);
}

.br-ma-tile--quick:hover {
  box-shadow: 2px solid #0964B9;
  text-decoration: none !important;
}


.br-ma-tile-activity {
  padding: 30px;
  background-color: #ffffff;
  border: 1px solid #dde1e6;
  /* box-shadow: 5px 6px 0px 0px #34C187; */
}
/*
.br-ma-tile-activity:hover {
  box-shadow: 5px 6px 0px 0px #075092 !important;
}
  */

.br-ma-tile-activity-text ul {
    margin: 0;
    padding-left: 8px;
}

.br-ma-tile-quick-title {
  font-size: 0.98rem;
  margin: 0 0 0.3rem 0;
}
.br-ma-tile-quick-subtext {
  font-size: 0.9rem;
  color: #4b5563;
  margin: 0;
}
.br-ma-tile-quick-cta {
  order: 2;
  width: 4.25rem;
  min-width: 4.25rem;
  background-color: #0964B9;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
}

.br-ma-tile-quick-icon {
  width: 26.67px;
  height: 26.67px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.br-ma-tile-quick-icon::before {
    content: "\2192";
    background-image: url('/arrow-circle-right-solid%20(2).png');
    font-size: 1.15rem;
    color: #0964B9;
    line-height: 1;
    display: none;
}

.right-arrow-img{
  width: 32px;
  height: 32px;
}
 
/* ACTIVITY TILE bits used in your reference */
.dash-tile-flex { display: flex; margin-bottom: 24px; align-items: center;}
.tile-inner-heading { padding: 20px 20px 0px 0px; margin-top: 0px;}

.br-ma-tile-activity-icon {
  width: 96px;
  height: 96px;
}
 
/* GRID (dashboard reference) */
.br-ma-tiles-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
@media (min-width: 768px) {
  .br-ma-tiles-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 992px) {
  .br-ma-tiles-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.br-ma-grid-item { min-width: 0; }
 
/* ======================= KEEP CONTACT CENTRE CSS AS-IS (UNCHANGED) ======================= */
.br-ma-contact-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  height: 100%;
  padding: 30px;
  min-height: 100px;
}
.br-ma-contact-text { flex: 1 1 auto; }
.br-ma-contact-title {
  margin: 0px;
  font-size: 18px !important;
  font-weight: 700;
  color: #000000;
}

.br-ma-contact-title:hover {
  color: #0964b9;
}
.br-ma-contact-subtext {
  margin: 0;
  font-size: 0.9rem;
  color: #4b5563;
}
.br-ma-contact-icon {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.br-ma-contact-icon img {
  max-width: 60px;
  max-height: 60px;
  display: block;
}
@media (max-width: 767.98px) {
  .br-ma-contact-inner { align-items: center; }
  .br-ma-contact-icon { margin-top: 0.5rem; }
}
 
/* ===================== SECTION BANNERS (UNCHANGED) ===================== */
.br-cc-banner { position: relative; width: 100%; margin-bottom: 28px; }
.br-cc-banner::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  top: 0;
  bottom: 0;
  background-color: #fef4de;
  z-index: 0;

}
.br-cc-banner-inner {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  padding: 30px 16px;
  border-top:7px solid var(--banner-accent);
  border-bottom:7px solid var(--banner-accent);
  z-index: 1;
  background-color: #fef4de;
  color: var(--banner-strip-colour, #c93c2b);
}
.br-cc-banner-title {
  margin: 0 0 2px;
  font-weight: 700;
  color: var(--banner-strip-colour, #c93c2b) !important;
}
.br-cc-banner-text {
  margin: 0;
  font-size: 14px;
  color: var(--banner-strip-colour, #c93c2b) !important;
}
.br-cc-banner--sides::after,
.br-cc-banner--full::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  z-index: 0;
  background-image:
    repeating-linear-gradient(
      135deg,
      var(--banner-strip-colour, #c93c2b) 0,
      var(--banner-strip-colour, #c93c2b) 8px,
      #fef4de 8px,
      #fef4de 16px
    ),
    repeating-linear-gradient(
      135deg,
      var(--banner-strip-colour, #c93c2b) 0,
      var(--banner-strip-colour, #c93c2b) 8px,
      #fef4de 8px,
      #fef4de 16px
    );
  background-repeat: no-repeat, no-repeat;
  background-position: left top, right top;
  background-size: 36px 100%, 36px 100%;
}
.br-cc-banner--full .br-cc-banner-inner { border-top-width: 7px; border-bottom-width: 7px; }
.br-cc-banner-close {
  position: absolute;
  top: 12px;
  right: 64px;
  background: none;
  border: none;
  font-size: 20px;
  font-weight: 700;
  color: #666;
  cursor: pointer;
}
.br-cc-banner-close:hover { color: #000; }

/* Override only font family, keep CRM rich text formatting */
.br-ma-section-teasertext,
.br-ma-section-teasertext * {
  font-family: "Noto Sans", sans-serif !important;
}
 

/* === Banner breakout: make banner extend full viewport even inside 1200px panel === */
.br-cc-banner-breakout{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
 
/* Ensure background strip spans full width */
.br-cc-banner,
.br-cc-banner-inner{
  max-width: none !important;
  width: 100%;
  margin: 0;
}
 
/* Keep content centered like your working banner */
.br-cc-banner-mainInner{
  max-width: 1140px;
  margin: 0 auto;
} 

.br-cc-banner, .br-cc-banner-inner {
    max-width: 1920px !important;
    /* width: 100%; */
    margin: 0 auto !important;
}

/* =========================================================
   BANNER TILE OVERRIDE
   Makes new banner markup behave like activity tile
   ========================================================= */
 
/* Main banner shell */
.br-ma-tile--banner {
  position: relative;
  display: flex !important;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 30px;
  background-color: #ffffff;
  border: 1px solid #dde1e6;
  text-decoration: none;
  color: #202124;
  overflow: hidden;
  transition: box-shadow 0.15s ease, transform 0.15s ease, border-color 0.15s ease;
}
 
/* Hover same feel as activity/quick tiles */
.br-ma-tile--banner:hover {
  text-decoration: none !important;
  box-shadow: 5px 6px 0px 0px #0964B9 ;
}
 
/* Inner wrapper */
.br-ma-tile-banner-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  height: 100%;
  width: 100%;
}
 
/* Keep title/details stacked nicely */
.br-ma-tile--banner .dash-tile-flex {
  display: block !important;
  width: 100%;
  margin-bottom: 0;
}
 
/* Banner title */
.br-ma-tile-banner-title {
  font-size: 24px !important;
  font-weight: 700 !important;
  margin: 0 0 15px 0 !important;
  font-family: "Noto Sans", sans-serif !important;
  line-height: 30px !important;
  letter-spacing: 0px !important;
  color: #202124 !important;
  display: block;
}
 
/* Title hover like activity tile */
.br-ma-tile--banner:hover .br-ma-tile-banner-title,
.br-ma-tile-banner-title:hover {
  color: #0964B9 !important;
  text-decoration: underline !important;
}
 
/* Banner subtext */
.br-ma-tile-banner-subtext,
.br-ma-tile-banner-subtext * {
  color: #4b5563 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  font-family: "Noto Sans", sans-serif !important;
  line-height: 20px !important;
  letter-spacing: 0px !important;
}
 
/* Remove unwanted spacing from CRM rich text inside banner */
.br-ma-tile-banner-subtext p,
.br-ma-tile-banner-subtext div,
.br-ma-tile-banner-subtext span,
.br-ma-tile-banner-subtext ul,
.br-ma-tile-banner-subtext ol {
  margin-top: 0 !important;
}
 
.br-ma-tile-banner-subtext p:last-child,
.br-ma-tile-banner-subtext ul:last-child,
.br-ma-tile-banner-subtext ol:last-child {
  margin-bottom: 0 !important;
}
 
/* List styling inside banner details */
.br-ma-tile-banner-subtext ul,
.br-ma-tile-banner-subtext ol {
  padding-left: 18px;
}
 
.br-ma-tile-banner-subtext li + li {
  margin-top: 4px;
}
 
/* Make banner fill column properly */
.br-ma-tiles-row > [class*="col-"] > .br-ma-tile--banner,
.br-ma-tile-col > .br-ma-tile--banner {
  width: 100%;
  height: 100%;
}
 
/* Mobile adjustments */
@media (max-width: 1000px) {
  .br-ma-tile--banner {
    padding: 20px 18px;
  }
}
 
@media (max-width: 767.98px) {
  .br-ma-tile-banner-title {
    font-size: 22px !important;
    line-height: 28px !important;
  }
 
  .br-ma-tile-banner-subtext,
  .br-ma-tile-banner-subtext * {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
.br-ma-border-full {
    border-width: 5px !important;
    border-style: solid !important;
    border-color: var(--br-ma-border-colour, #00a859) !important;
}

.br-ma-tile-activity {
  position: relative;
}
 
/* LEFT */
.br-ma-border-left::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 8px;
  background-color: var(--br-ma-border-colour, #00a859);
}
 
/* RIGHT */
.br-ma-border-right::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 8px;
  background-color: var(--br-ma-border-colour, #00a859);
}
 
/* TOP */
.br-ma-border-top::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 8px;
  background-color: var(--br-ma-border-colour, #00a859);
}
 
/* LEFT + BOTTOM */
.br-ma-border-left-bottom::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 8px;
  background-color: var(--br-ma-border-colour, #00a859);
}
 
.br-ma-border-left-bottom::after {
  content: "";
  position: absolute;
  left: 0;
  right: 50%;
  bottom: 0;
  height: 8px;
  background-color: var(--br-ma-border-colour, #00a859);
}
 
/* RIGHT + BOTTOM */
.br-ma-border-right-bottom::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 8px;
 /* background-color: var(--br-ma-border-colour, #00a859); */
}

.ma-top-30 {
  margin-top: 30px;
}
 
.br-ma-border-right-bottom::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
 /* background-color: var(--br-ma-border-colour, #00a859); */
}
 
@media (max-width: 767.98px) {
    .br-ma-section-body .br-ma-tiles-row > [class*="col-"]:not(.d-none) {
        flex: 0 0 100%;
        max-width: 100%;
    }


  .br-ma-section-panel {
    padding: 30px 0px !important;
  }

  .ma-hello-title, .ma-column-heading {
    margin-left: -15px;
  }

    .col-md-7 {
      padding-left: 0px;
      padding-right: 0px;
    }
}
 
 .byb-section{
  background-color: #F8F9FA;
  padding: 30px 0;
 }

 .tile-body{
  margin-bottom: 0px;
 }

 .byb-body >div>p>a>span, .byb-body >div>p>span{
  margin-bottom: 10px;
  display: inline-block;
 }

 .byb-body >div>p>a>span:hover {
  text-decoration: underline;
 }

 @media (max-width: 550px) {

  .col-md-6 {
    padding-left: 0px;
  }

  .br-ma-tile-activity {
    height: 100% !important;
  }

  .byb-section {
    padding: 30px 15px;
  }
}

.mb-30-your-services{
  margin-bottom: 30px !important;
}

.pl-0{
  padding-left: 0px !important
}

 #myUserName {
  margin-bottom: 0px;
 }

 .byb-service-name {
  margin-bottom: 10px;
 }

 .ma-hero-eyebrow{
    padding: 20px 10px 0 !important;
}

.contact-us-container {
  padding-left: 10px
}

@media (max-width: 1000px) {
.contact-us-container {
  padding-left: 15px;
}
}

#lblAddress, #lblTelephoneNumber {
  margin-bottom: 0px !important;
}

.loadingIcon-fwc-reg,
.fwc-reg-confirmation {
  max-width: 1170px;
  margin: 0 auto;
  padding-left: 10px;
}