.slider__bg{
	mix-blend-mode:normal !important;
}
/* Scoped styling for branch pairs */
.branch-pair-row {
  margin-bottom: 40px;
}

/* Use Bootstrap columns for layout; ensure equal height columns */
.branch-pair-row .col {
  display: flex;
  align-items: stretch;
}

/* Make iframe fill its column */
.branch-pair-row iframe {
  width: 100% !important;
  height: 100% !important;
  min-height: 300px; /* fallback for small screens */
  border: 0;
}

/* Force the contact block to behave as a full-height card inside the column */
.branch-pair-row .shortcode-contact-block {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 20px;
  box-sizing: border-box;
  background-color: transparent; /* keep original background */
  height:100%;
}

/* Remove inner container centering for these contact blocks so they use the column width */
.branch-pair-row .shortcode-contact-block .container {
  max-width: 100% !important;
  padding-left: 0;
  padding-right: 0;
}

/* Make the inner column full width (override col-lg-8 centering) */
.branch-pair-row .shortcode-contact-block .col-lg-8 {
  max-width: 100% !important;
  flex: 1 1 100%;
  padding-left: 0;
  padding-right: 0;
}

/* Optional: align text left inside contact block for better two-column layout */
.branch-pair-row .shortcode-contact-block .request-content {
  text-align: left;
  width: 100%;
}

/* Keep buttons inline and visible */
.branch-pair-row .shortcode-contact-block .btn {
  margin-bottom: 10px;
}

/* Responsive behavior — stack on small screens (Bootstrap already handles this).
   If you want them side-by-side only on larger screens, change col-md-6 to col-lg-6 in HTML. */

.breadcrumb__content .breadcrumb-item a , .breadcrumb__area .breadcrumb-item.active{
	color: #fff !important;
}
.breadcrumb__content .title{
color: #fff !important;
}