/**
 * Brands Section
 */

.brands-section {
	background: var(--blue);
	text-align: center;
}
.brands-section * {
	color: var(--white);
}
.brands-section .section-header {
	max-width: 910px;
	margin-left: auto;
	margin-right: auto;
}
.brands-section .subtitle {
	color: var(--gray);
}
.brands-section .section-header p {
	max-width: 676px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}
.brands-section .brands-list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 70px;
}

/* Logos variant */
.brands-section.logos .brand-logo img {
	display: block;
	max-height: 60px;
	width: auto;
}

/* Name pills variant */
.brands-section.name-pills .brand-pill {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--white);
    border-radius: 15px;
    padding: 12px 35px;
    font-size: 20px;
    font-weight: 600;
}
.brands-section .brands-disclaimer {
	max-width: 910px;
	margin: 55px auto 0;
	font-size: 16px;
	color: var(--gray);
}
.brands-section.logos .brands-list{
	column-gap: 105px;
	row-gap: 30px;
}
@media only screen and (max-width: 1199px) {
	.brands-section.logos .brands-list {
		column-gap: 50px;
	}
}
@media only screen and (max-width: 991px) {
	.brands-section.logos .brand-logo img {
		max-height: 44px;
	}
}
@media only screen and (max-width: 767px) {
	.brands-section.name-pills .brand-pill {
		padding: 10px 18px;
	}
	.brands-section .brands-list {
		margin-top: 40px;
	}
	.brands-section .brands-disclaimer {
		margin: 25px auto 0;
	}
}