.brands--container {
	padding: 30px;
}
@media (min-width: 992px) {
	.brands--container {
		padding: 60px 30px;
	}
}
	
.brands--list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

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

.brands--item {
	border-top: 2px solid var(--theme-blue-light);
	padding: 20px 0;
	transition: border-color .3s;
}

.brands--item.active {
	border-color: #fff;
}

.brands--button {
	border: none;
	background: transparent;
	box-shadow: none;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6.5H12M6 0.5L6 12.5' stroke='%23ffffff'/%3E%3C/svg%3E%0A");
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	width: 100%;
	color: inherit;
	text-align: left;
}

.brands--button[aria-expanded="true"] {
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6.5H12M6' stroke='%23ffffff'/%3E%3C/svg%3E");
}

@media (min-width: 992px) {
	
	.brands--item {
		padding: 20px 20px 24px;
	}
	
	.brands--button {
		background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='48' rx='24' fill='%230f94ce'/%3E%3Cpath d='M8 24H40M24 8L24 40' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E%0A");
		background-size: 45px auto;
		background-size: contain;
	}
	
	.brands--button[aria-expanded="true"] {
		background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='48' rx='24' fill='%230f94ce'/%3E%3Cpath d='M8 24H40' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E%0A");
	}
}

.brands--button:focus {
	outline: none;
}

.brands--item .brands--title  {
	margin-bottom: 0;
}

.brands--bottom {
	padding-top: 45px;
}

.brands--office-image {
	position: relative;
	margin-bottom: 30px;
	background: var(--theme-blue-light);
	border-radius: 7px;
}

.brands--office-image:before {
	content: "";
	display: block;
	padding-bottom: 56%;
}

.brands--office-image img {
	position: absolute;
	width: 60%;
	height: 60%;
	top: 20%;
	left: 20%;
}

.brands--office-card-col {
	margin-bottom: 30px;
}

.brands--office-card-wrap {
	padding: 24px;
	height: 100%;
	min-height: 280px;
}

.brands--office-card-title {
	margin-bottom: 15px;
}

.brands--office-icon {
	height: 35px;
	margin-left: auto;
}

.brands--office-icon img {
	object-position: top right;
}

/* .brands--office-card-description {
	color: var(--theme-chartreuse);
} */

.brands--section-copy {
	margin-bottom: 60px;
	max-width: 800px;
}