/*
	Download Button
*/


.bm-button-blue {
	background-color: DodgerBlue;
	border: none;
	color: white;
	padding: 12px 30px;
	cursor: pointer;
	font-size: 20px;
}


/* Darker background on mouse-over */
.bm-button-blue:hover {
	background-color: RoyalBlue;
}


/* Style buttons */
.bm-button-orange {
	background-color: #F2AF00;
	border: 1px solid #000000;
	color: #ffffff;
	padding: 8px 30px; // 12
	cursor: pointer;
	font-size: 16px; // 20
}


/* Background on mouse-over */
.bm-button-orange:hover {
	background-color: #000000;
	color: #ffffff;
}


/* Animated button */
.bm-button-download {
	display: inline-block;
	position: relative;
	padding: 10px 20px; 
	background-color: #4CC713;
	color: #ffffff;
  	text-decoration: none;
	font-family: sans-serif;
	font-size: 1.1em; // 0.9
	text-align: center;
	text-indent: 15px;
}

.bm-button-download:hover {
	background-color: #333;
	color: white;
	text-decoration: none; 
}

.bm-button-download:before, .bm-button-download:after {
	content: ' ';
	display: block;
	position: absolute;
	left: 15px;
	top: 52%;
}

/* Download box shape  */
.bm-button-download:before {
	width: 10px;
	height: 2px;
	border-style: solid;
	border-width: 0 2px 2px;
}

/* Download arrow shape */
.bm-button-download:after {
	width: 0;
	height: 0;
	margin-left: 3px;
	margin-top: -7px;
  
	border-style: solid;
	border-width: 4px 4px 0 4px;
	border-color: transparent;
	border-top-color: inherit;
	
	animation: downloadArrow 2s linear infinite;
	animation-play-state: paused;
}

.bm-button-download:hover:before {
	border-color: #4CC713;
	color: #ffffff;
}

.bm-button-download:hover:after {
	border-top-color: #4CC713;
	animation-play-state: running;
}

/* keyframes for the download icon anim */
@keyframes downloadArrow {
	/* 0% and 0.001% keyframes used as a hackish way of having the button frozen on a nice looking frame by default */
	0% {
		margin-top: -7px;
		opacity: 1;
	}
	
	0.001% {
		margin-top: -15px;
		opacity: 0;
	}
	
	50% {
		opacity: 1;
	}
	
	100% {
		margin-top: 0;
		opacity: 0;
	}
}


/* Pulsating button */
.bm-container {
	height: 100%;
	margin: 0 auto 0;
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
	padding: 45px;
	text-align: center;
}


.bm-pulse-button {
	// position: relative;
	// margin: 0 auto;
	// display: block;
	width: 80px;
	height: 80px;
	line-height: 80px;
	font-size: 15px; // 16
	font-family: 'Trebuchet MS', sans-serif;
	text-transform: uppercase;
	// text-align: center;
	// color: white;
	border: none;
	border-radius: 50%;
	// background: #FF8040; // #F0F0F0; // #7950f2;
	cursor: pointer;
	box-shadow: 0 0 0 0 rgba(255, 128, 64, 0.5); // rgba(122, 122, 122, 0.5);
	-webkit-animation: pulse 3s infinite;
}


.bm-pulse-button:hover {
	-webkit-animation: none;
}

@-webkit-keyframes pulse {
	0% {
		-moz-transform: scale(0.95);
		-ms-transform: scale(0.95);
		-webkit-transform: scale(0.95);
		transform: scale(0.95);
	}
	70% {
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
		box-shadow: 0 0 0 50px rgba(121, 80, 242, 0);
	}
	100% {
		-moz-transform: scale(0.95);
		-ms-transform: scale(0.95);
		-webkit-transform: scale(0.95);
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(121, 80, 242, 0);
	}
}


/* Mail forms */

* {
	box-sizing: border-box;
}

/* Create three equal columns that floats next to each other */
.tpl3_column {
	float: left;
	width: 33.33%;
	padding: 25px 25px 5px 25px;
}


/* Clear floats after the columns */
.tpl3_row:after {
	content: "";
	display: table;
	clear: both;
}


/* Responsive layout */
@media (max-width: 768px) {
	.tpl3_column {
		width: 100%;
		// padding: 25px 12px 5px 12px;
		padding: 5px 5px 5px 5px;
		// margin-top: 15px;
		// margin-bottom: 15px;
	}

	.tpl3_column p {
		margin-top: 2px;
		margin-bottom: 2px;
	}
}


/* Calendar (Mailing List) */

/* Create three equal columns that floats next to each other */
.calendar-date-column {
	float: left;
	width: 50%;
	-webkit-appearance: menulist-button;
	height: 30px;
	margin-top: 5px;
	//margin-bottom: 20px;
	line-height: 100%;
	-webkit-box-sizing: padding-box;
	-moz-box-sizing: padding-box;
	box-sizing: padding-box;
	padding: 25px 25px 25px 25px;
	line-height:normal;
	padding:3px;
}

.calendar-time-column {
	float: left;
	width: 50%;
	-webkit-appearance: menulist-button;
	height: 30px;
	margin-top: 5px;
	//margin-bottom: 20px;
	line-height: 100%;
	-webkit-box-sizing: padding-box;
	-moz-box-sizing: padding-box;
	box-sizing: padding-box;
	padding: 25px 25px 25px 25px;
	line-height:normal;
	padding:3px;
}

/* Responsive layout */
@media (max-width: 768px) {
	.calendar-date-column {
		width: 100%;
		padding: 5px 5px 5px 5px;
		margin-bottom: 10px;
 	}

	.calendar-time-column {
		width: 100%;
		padding: 5px 5px 5px 5px;
		margin-bottom: 25px;
	}
}


/* Mail blind */

.hidden { 
	display: none; 
}

.unhidden { 
	display: block; 
}

/* Landing Pages (Two Basic Columns) */

* {
	box-sizing: border-box;
}

.bm-landing-column {
	float: left;
	width: 50%;
	padding: 10px;
}

.bm-landing-row:after {
	content: "";
	display: table;
	clear: both;
}

@media screen and (max-width: 600px) {
	.bm-landing-column {
		width: 100%;
	}
}

.stm-navigation {
	z-index: 1000;
}

.stm-header {
	z-index: 1000;
}

.wrapper {
	z-index: 1000;
}

.tm-header__cell {
	z-index: 1000;
}


/* Three columns side by side */
.column-profile {
	float: left;
	width: 33.3%;
	margin-bottom: 16px;
	padding: 0 8px;
}

@media screen and (max-width: 650px) {
	.column-profile {
		width: 100%;
		display: block;
	}
}


/* Three vertical columns */
.card-profile {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.container-profile {
	padding: 0 16px;
}

/* Clear floats */
.container-profile::after, .row::after {
	content: "";
	clear: both;
	display: table;
}

.title-profile {
	color: grey;
}

.button-profile {
	border: none;
	outline: 0;
	display: inline-block;
	padding: 8px;
	color: white;
	background-color: #000;
	text-align: center;
	cursor: pointer;
	width: 100%;
}

.button-profile:hover {
	background-color: #555;
}

/*
	Download Button
*/


.bm-button-blue {
	background-color: DodgerBlue;
	border: none;
	color: white;
	padding: 12px 30px;
	cursor: pointer;
	font-size: 20px;
}

/* Darker background on mouse-over */
.bm-button-blue:hover {
	background-color: RoyalBlue;
}


/* Style buttons */
.bm-button-orange {
	background-color: #F2AF00;
	border: 1px solid #000000;
	color: #ffffff;
	padding: 8px 30px; // 12
	cursor: pointer;
	font-size: 16px; // 20
}

/* Background on mouse-over */
.bm-button-orange:hover {
	background-color: #000000;
	color: #ffffff;
}

/* Animated button */

.bm-button-download {
	display: inline-block;
	position: relative;
	padding: 10px 20px; 
	background-color: #4CC713;
	color: #ffffff;
  	text-decoration: none;
	font-family: sans-serif;
	font-size: 1.1em; // 0.9
	text-align: center;
	text-indent: 15px;
}

.bm-button-download:hover {
	background-color: #333;
	color: white;
	text-decoration: none; 
}

.bm-button-download:before, .bm-button-download:after {
	content: ' ';
	display: block;
	position: absolute;
	left: 15px;
	top: 52%;
}

/* Download box shape  */
.bm-button-download:before {
	width: 10px;
	height: 2px;
	border-style: solid;
	border-width: 0 2px 2px;
}

/* Download arrow shape */
.bm-button-download:after {
	width: 0;
	height: 0;
	margin-left: 3px;
	margin-top: -7px;
  
	border-style: solid;
	border-width: 4px 4px 0 4px;
	border-color: transparent;
	border-top-color: inherit;
	
	animation: downloadArrow 2s linear infinite;
	animation-play-state: paused;
}

.bm-button-download:hover:before {
	border-color: #4CC713;
	color: #ffffff;
}

.bm-button-download:hover:after {
	border-top-color: #4CC713;
	animation-play-state: running;
}

/* keyframes for the download icon anim */
@keyframes downloadArrow {
	/* 0% and 0.001% keyframes used as a hackish way of having the button frozen on a nice looking frame by default */
	0% {
		margin-top: -7px;
		opacity: 1;
	}
	
	0.001% {
		margin-top: -15px;
		opacity: 0;
	}
	
	50% {
		opacity: 1;
	}
	
	100% {
		margin-top: 0;
		opacity: 0;
	}
}

/* Pulsating button */
.bm-container {
	height: 100%;
	margin: 0 auto 0;
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
	padding: 45px;
	text-align: center;
}

.bm-pulse-button {
	position: relative;
	margin: 0 auto;
	display: block;
	width: 80px;
	height: 80px;
	font-size: 35px; // 16
	font-family: 'Trebuchet MS', sans-serif;
	text-transform: uppercase;
	text-align: center;
	line-height: 80px;
	color: white;
	border: none;
	border-radius: 50%;
	background: #FF8040; // #F0F0F0; // #7950f2;
	cursor: pointer;
	box-shadow: 0 0 0 0 rgba(255, 128, 64, 0.5); // rgba(122, 122, 122, 0.5);
	-webkit-animation: pulse 3s infinite;
}

.bm-pulse-button:hover {
	-webkit-animation: none;
}

@-webkit-keyframes pulse {
	0% {
		-moz-transform: scale(0.95);
		-ms-transform: scale(0.95);
		-webkit-transform: scale(0.95);
		transform: scale(0.95);
	}
	70% {
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
		box-shadow: 0 0 0 50px rgba(121, 80, 242, 0);
	}
	100% {
 		-moz-transform: scale(0.95);
		-ms-transform: scale(0.95);
		-webkit-transform: scale(0.95);
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(121, 80, 242, 0);
	}
}


/* Basic Landing Pages */

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.bm-lp-parent { 
	// padding: 10px;    
}  

.bm-lp-parent:after {
	clear: both;
	content: "";
	display: block;
}
    
.bm-lp-column {
	display: block;
	float: left;
	width: 100%; // 50%;
	// color: #000000;
	// padding: 10px;
	// font-family: Arial;
	// font-size: 1.2em;
}

@media only screen and (min-width: 768px) {
	.bm-lp-column {
		width: 50%;
	}
}

@media only screen and (min-width: 1025px) {
	.bm-lp-left {
		padding: 20px;
		width: 50%;
	}
	.bm-lp-right {
		padding: 20px;
		width: 50%;
	}
}


/*
	Basic Four Columns
*/


.four-column {
	float: left;
	width: 25%;
	padding: 10px;
}

.four-row:after {
	content: "";
	display: table;
	clear: both;
}


@media screen and (max-width: 600px) {
	.four-column {
 		width: 100%;
	}
}


/*
	Bank Widget
*/


.bank-four {
    width: 21%;
    float: left;
    margin-right: 4%;
}

.bank-four:last-child {
    margin-right: 0;
}

.clear {
    clear: both;
}


@media screen and (max-width : 768px) {
    .bank-four {
		width: 50%;
		float: left;
		margin-right: 0;
		padding: 15px;
	}
}

@media screen and (max-width : 480px) {
    .bank-four {
		width: 100%;
		float: none;
		padding: 15px 0;
	}
}


/*
	Basic Accordion
*/

#accordion-container {
    margin: 0 auto;
    width: 50%;
}

#accordion input {
	display: none;
}
#accordion label {
	background: #eee;
	border-radius: .25em;
	cursor: pointer;
	display: block;
	margin-bottom: .125em;
	padding: .25em 1em;
	z-index: 20;
}
#accordion label:hover {
	background: #ccc;
}

#accordion input:checked + label {
	background: #ccc;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	color: white;
	margin-bottom: 0;
}
#accordion article {
	background: #f7f7f7;
	height:0px;
	overflow:hidden;
	z-index:10;
}
#accordion article p {
	padding: 1em;
}
#accordion input:checked article {
}
#accordion input:checked ~ article {
	border-bottom-left-radius: .25em;
	border-bottom-right-radius: .25em;
	height: auto;
	margin-bottom: .125em;
}


.primaryColumn {
	float: left;
	width: 50%;
}
	
/* Clear floats after the columns */
.primaryRow:after {
	content: "";
	display: table;
	clear: both;
}
	
@media screen and (max-width: 768px) {
	.primaryColumn {
		width: 100%;
	}
}


#columns-holder {
	-moz-columns: 60px;
	-webkit-columns: 60px;
	columns: 60px;
	text-align: center;
	-moz-column-gap: 3px;
	-webkit-column-gap: 3px;
	column-gap: 3px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.column-box {
	width: 60px;
	margin-bottom: 3px;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	text-align: center;
	font-size: 0.9em;
	break-inside: avoid;
}

details {
	border: 1px solid #aaa;
	border-radius: 4px;
	padding: 0.5em 0.5em 0;
}

summary {
	font-weight: bold;
	margin: -0.5em 1.0em 0;
	padding: 0.5em;
}

details[open] {
	padding: 0.5em;
}

details[open] summary {
	border-bottom: 1px solid #aaa;
	margin-bottom: 0.5em;
}

details .text {	
	margin-left: 20px;
	font-weight: normal;
	font-size: 0.9em;
	margin-top: 15px;
	line-height: 1.1;
}

.comment-form .required{
	display:none;
}

.comment-form .required-field-message{
	display: none;
}


/*
	Address Autocomplete Dropdown
*/


.bm-address-dropdown {
	position: absolute;
	border: 1px solid #ccc;
	max-height: 200px;
	overflow-y: auto;
	background-color: white;
	display: none;
}

.bm-address-dropdown div {
	padding: 10px;
	cursor: pointer;
}

.bm-address-dropdown div:hover {
	background-color: #f0f0f0;
}


/*
	ABN Autocomplete Dropdown
*/


.bm-abn-dropdown {
	position: absolute;
	border: 1px solid #ccc;
	max-height: 200px;
	overflow-y: auto;
	background-color: white;
	display: none;
}

.bm-abn-dropdown div {
	padding: 10px;
	cursor: pointer;
}

.bm-abn-dropdown div:hover {
	background-color: #f0f0f0;
}


/*
	Address Search
*/


.search-address-wrapper {
	position: relative;
}

.search-address-wrapper i {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: #999;
	padding-left: 12px;
	z-index: 1;
}

#bm_address_search {
	padding-left: 50px;
	background: #FCFCFC;
	font-weight: 700;
}


/*
	Website Search
*/


.search-website-wrapper i {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: #999;
	padding-left: 12px;
	z-index: 1;
}

.bm-search-dropdown {
	position: absolute;
	border: 1px solid #ccc;
	max-height: 200px;
	overflow-y: auto;
	background-color: white;
	display: none;
}

.bm-search-dropdown div {
	padding: 10px;
	cursor: pointer;
}

.bm-search-dropdown div:hover {
	background-color: #f0f0f0;
}


/*
	Password Wrapper
*/


.password-wrapper {
	display: flex;
	width: 100%;
}

.bm-login-wrapper {
	display: flex;
	width: 100%;
}

.password-wrapper input[type="password"],
.password-wrapper input[type="text"] {
	width: 100%;
	padding-right: 45px;
	padding-left: 35px;
}

.bm-login-wrapper input[type="text"] {
	width: 100%;
	padding-left: 35px;
}

.password-wrapper .toggle-password {
	background: #E5E5E5; /* #f1f1f1 */
	border: 1px solid #ccc; /* Border around the icon */
	padding: 10px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bm-login-wrapper .field-icon {
	background: #E5E5E5; // #E5E5E5#f1f1f1
	border: 1px solid #ccc; /* Border around the icon */
	padding: 10px;
	width: 45px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bm-login-wrapper .field-icon .i {
	color: #ffffff;
	font-size: 0.9em;
}

.password-wrapper .password-icon {
	background: #B5B5B5; // #E5E5E5
	color: #ffffff;
	border: 1px solid #ccc; /* Border around the icon */
	padding: 10px;
	font-size: 0.9em;
	width: 45px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}


/*
	Text Input
*/


.formly-input-wrapper {
	position: relative;
	width: 100%;
}

.formly-input-wrapper i {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background-color: #B5B5B5;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	border-radius: 5px 0 0 5px;
}

.formly-input-wrapper input {
	width: 100%;
	padding-left: 50px;
	height: 40px;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-sizing: border-box;
}

.formly-input-wrapper input:focus {
	outline: none;
	// border-color: #007BFF;
}


/*
	Select Calendar & Time
*/


.formly-date-select-wrapper {
	position: relative;
	float: left;
	width: 50%;
	// width: 100%;
}

.formly-date-select-wrapper i {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background-color: #B5B5B5; /* Background color of the square #ccc */
	width: 40px; /* Width of the square */
	height: 40px; /* Height of the square */
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff; /* Icon color */
	border-radius: 3px 0 0 3px; /* Optional: rounded corners */
	pointer-events: none; /* Allow clicks to pass through to the select element */
}

.formly-date-select-wrapper select {
	width: 100%;
	padding-left: 50px; /* Adjust this based on the icon size */
	height: 40px; /* Adjust as needed */
	border: 1px solid #ccc;
	border-radius: 3px; /* Optional: rounded corners */
	appearance: none; /* Remove default arrow */
	-webkit-appearance: none; /* Remove default arrow in Safari */
	-moz-appearance: none; /* Remove default arrow in Firefox */
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24"><path fill="none" stroke="%23333" stroke-width="2" d="M7 10l5 5 5-5z"/></svg>') no-repeat right 10px center;
	background-color: #fff; /* Background color of the select menu */
	box-sizing: border-box;
}

.formly-date-select-wrapper select:focus {
	outline: none;
	// border-color: #007BFF; /* Change border color on focus */
}

@media screen and (max-width: 768px) {
	.formly-date-select-wrapper {
		float: none;
		width: 100%;
		margin-bottom: 15px; /* Apply margin to all select wrappers */
	}
	.formly-date-select-wrapper:last-child {
		margin-bottom: 0; /* Remove margin for the last select wrapper */
	}
}


/*
	Select Calendar & Time
*/


.formly-select-wrapper {
	position: relative;
	width: 100%;
}

.formly-select-wrapper i {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background-color: #B5B5B5; /* Background color of the square #ccc */
	width: 40px; /* Width of the square */
	height: 40px; /* Height of the square */
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff; /* Icon color */
	border-radius: 3px 0 0 3px; /* Optional: rounded corners */
	pointer-events: none; /* Allow clicks to pass through to the select element */
}

.formly-select-wrapper select {
	width: 100%;
	padding-left: 50px; /* Adjust this based on the icon size */
	height: 40px; /* Adjust as needed */
	border: 1px solid #ccc;
	border-radius: 3px; /* Optional: rounded corners */
	appearance: none; /* Remove default arrow */
	-webkit-appearance: none; /* Remove default arrow in Safari */
	-moz-appearance: none; /* Remove default arrow in Firefox */
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24"><path fill="none" stroke="%23333" stroke-width="2" d="M7 10l5 5 5-5z"/></svg>') no-repeat right 10px center;
	background-color: #fff; /* Background color of the select menu */
	box-sizing: border-box;
}

.formly-select-wrapper select:focus {
	outline: none;
	// border-color: #007BFF; /* Change border color on focus */
}


/*
	Generic and Calendar Content Panel
*/


.hidden-content-panel {
	display: none;
}


/*
	Textarea Input
*/


.formly-textarea-wrapper {
	position: relative;
	width: 100%;
}

.formly-textarea-wrapper i {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #B5B5B5;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	border-radius: 5px 0 0 0; /* Adjusted to fit the top-left corner of a textarea */
}

.formly-textarea-wrapper textarea {
	width: 100%;
	height: 100px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 55px; /* Adjust the padding to accommodate the icon box */
	border: 1px solid #ccc;
	border-radius: 3px;
	box-sizing: border-box;
}

.formly-textarea-wrapper textarea:focus {
	outline: none;
	// border-color: #007BFF;
}


/*
	Switch
*/

.switched {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 17px;
  vertical-align: 0px;
}

.switched input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slidered {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slidered:before {
  position: absolute;
  content: "";
  height: 9px;
  width: 13px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slidered {
  background-color: #008040;
}

input:focus + .slidered {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slidered:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slidered.round {
  border-radius: 17px;
}

.slidered.round:before {
  border-radius: 50%;
}


/*
	Single Row Form
*/


.single-form-left {
	float: left;
	width: 40%;
	margin-right: 10px;
}

.single-form-right {
	float: right;
	width: 17%;
	margin-right:10px;
}

.single-form-center {
	display: inline-block;
	width: 40%;
}

@media screen and (max-width: 960px) {
	.single-form-left {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-top: 7px;
	}
	.single-form-right {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-top: 7px;
	}
	.single-form-center {
		display: block;
		width: 100%;
		margin-right: 0;
		margin-top: 7px;
	}
}


/*
	Sitewide Mobile Padding
*/


@media (max-width: 767px) {

	body {
		padding-left: 20px;
		padding-right: 20px;
	}

	.no-padding-header,
	.no-padding-hero,
	.no-padding-footer {
		padding-left: 0;
		padding-right: 0;
		margin-left: -20px;
		margin-right: -20px;
	}
}


/*
	Lender Slider
*/


.bm-lender-logo-slider-prev,
.bm-lender-logo-slider-next {
    cursor: pointer;
    font-size: 2.5rem;
    width: 50px; /* Fixed width for a circular shape */
    height: 50px; /* Fixed height for a circular shape */
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black background */
    color: #fff; /* White color for the chevron */
    border-radius: 50%; /* Makes the element perfectly round */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bm-lender-logo-slider-prev i, 
.bm-lender-logo-slider-next i {
    margin-top: -5px; /* Shift icon upwards */
}

/* Position the buttons on the left and right sides */
.bm-lender-logo-slider-prev {
    left: 10px; /* Adjust as needed */
}

.bm-lender-logo-slider-next {
    right: 10px; /* Adjust as needed */
}

.bm-lender-logo-slider-prev:hover,
.bm-lender-logo-slider-next:hover {
    background-color: rgba(0, 0, 0, 0.7);
}

/*
	Portal menuPortal
*/

.menuPortal,
.submenuPortal,
.sub-submenuPortal {
	list-style: none;
	padding: 0;
	margin: 0;
}

.menuPortal-item,
.submenuPortal-item,
.sub-submenuPortal-item {
	width: 100%;
	cursor: pointer;
	background-color: #e0e0e0;
	border: none;
	text-align: left;
	display: block;
	position: relative;
	box-sizing: border-box;
	font-size: 0.9em;
	border-radius: 5px;
	margin-top: 1px;
}

.menuPortal-item a,
.submenuPortal-item a,
.sub-submenuPortal-item a {
	color: black;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
}

.menuPortal-item:hover a,
.submenuPortal-item:hover a,
.sub-submenuPortal-item:hover a {
	color: black;
	font-weight: bold;
}

.menuPortal-item:hover,
.submenuPortal-item:hover,
.sub-submenuPortal-item:hover {
	background-color: #d0d0d0;
}

.menuPortal-item.selected,
.submenuPortal-item.selected,
.sub-submenuPortal-item.selected {
	background-color: black;
}

.menuPortal-item.selected a,
.submenuPortal-item.selected a,
.sub-submenuPortal-item.selected a {
	color: white;
	font-weight: bold;
	background-color: black;
}

.submenuPortal,
.sub-submenuPortal {
	display: none;
	background-color: #f5f5f5;
	padding: 0;
	margin: 0;
}

.submenuPortal.active,
.sub-submenuPortal.active {
	display: block;
}

.submenuPortal .menuPortal-item a,
.sub-submenuPortal .menuPortal-item a {
	padding-left: 20px; /* Indentation for submenus */
	background-color: inherit;
}

.sub-submenuPortal .menuPortal-item a {
	padding-left: 30px; /* Indentation for sub-submenus */
	background-color: inherit;
}

.menuPortal-item::before,
.submenuPortal-item::before,
.sub-submenuPortal-item::before {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900 !important;
	color: black;
	display: none; /* Hide by default */
}

.menuPortal-item.parent::before {
	content: "\f054"; /* FontAwesome right angle bracket */
	display: inline-block; /* Show only for items with submenus */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900 !important;
}

.menuPortal-item.open::before {
	content: "\f078"; /* FontAwesome down chevron */
	display: inline-block; /* Show only for open items with submenus */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900 !important;
}

.menuPortal-item.selected::before,
.submenuPortal-item.selected::before,
.sub-submenuPortal-item.selected::before {
	color: white; /* White chevron when selected */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900 !important;
}

.submenuPortal .menuPortal-item.parent::before,
.sub-submenuPortal .menuPortal-item.parent::before {
	content: "\f054"; /* FontAwesome right angle bracket */
	display: inline-block; /* Show only for items with submenus */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900 !important;
}

.submenuPortal .menuPortal-item.open::before,
.sub-submenuPortal .menuPortal-item.open::before {
	content: "\f078"; /* FontAwesome down chevron */
	display: inline-block; /* Show only for open items with submenus */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900 !important;
        color: #000000;
}

/* Override child highlight so text stays readable */
.menuPortal-item.highlight-child a,
.submenuPortal .menuPortal-item.highlight-child a,
.sub-submenuPortal .menuPortal-item.highlight-child a {
    color: #000 !important;     /* black text */
    font-weight: normal;        /* keep it lighter than selected parent */
    background-color: #f0f0f0;  /* light grey background */
}

/* Ensure parent still shows as selected (black/white) */
.menuPortal-item.selected > a {
    color: #fff !important;
    font-weight: bold;
    background-color: #000;
}

.menuPortal-item.highlight-child,
.submenuPortal .menuPortal-item.highlight-child,
.sub-submenuPortal .menuPortal-item.highlight-child {
    background-color: #f0f0f0; /* light corporate grey */
    color: #000000;
}



/* Submenu + sub-submenu hover styling */
.submenuPortal .menuPortal-item:hover a,
.sub-submenuPortal .menuPortal-item:hover a {
    background-color: #F0F0F0 /* #0073aa; corporate colour */
    color: #000 !important; /* fff white text */
    font-weight: bold;
}

/* Make the chevron white on hover */
.submenuPortal .menuPortal-item:hover::before,
.sub-submenuPortal .menuPortal-item:hover::before {
    color: #000 !important;
}



/*
	Mobile Menu
*/

/* Change the mobile menu icon color and menu background on small screens */
@media (max-width: 768px) {

	/* Change mobile menu icon color */
	.elementor-menu-toggle {
		color: #FF5733; /* Your desired icon color */
	}

	/* Change mobile nav menu background color */
	.elementor-nav-menu--dropdown {
		background-color: #333333; /* BG Color */
	}

	/* Change mobile nav menu text color */
	.elementor-nav-menu--dropdown a {
		color: #000000; /* Text Color */
	}

	.elementor-nav-menu--dropdown {
		background-color: #F8F8F8; /* BG Color */
	}

	.bm_mobile_spacer {
		margin-top: 50px;
	}
}


  .contentus-icon-block {
    display: flex;
    align-items: center;
    height: 60px; /* Ensure row height */
  }

  .contentus-icon-block > div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; /* Full height */
    padding: 10px;
    box-sizing: border-box;
  }

  /* Desktop: Four columns layout */
  .col-1, .col-3 {
    width: 7%;
    min-width: 60px;
  }
  .col-2, .col-4 {
    width: 47%;
  }

  /* Mobile: Two rows with two columns each */
  @media (max-width: 768px) {
    .contentus-icon-block {
      flex-wrap: wrap;
      height: auto;
    }
    .col-1, .col-3 {
      width: 60px;
      min-width: 60px;
    }
    .col-2, .col-4 {
      width: calc(100% - 60px);
    }
  }