/*** 
====================================================================
	Brand One
====================================================================
***/
.brand-one {
	position: relative;
	display: block;
	padding: 120px 0 120px;
	background-color: var(--thm-white);
	z-index: 1;
}

.brand-one .container {
	max-width: 100%;
	padding: 0 0;
}

.brand-one__bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: -1;
}

.brand-one__bg:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(var(--thm-white-rgb), 0.90);
	z-index: 1;
}

.brand-one__shape-1 {
	position: absolute;
	bottom: 0;
	left: -30px;
	opacity: .10;
	z-index: 1;
}

.brand-one__shape-1 img {
	width: auto;
}

.brand-one__shape-2 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgb(255, 255, 255);
	background: linear-gradient(336deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 42%);
	z-index: -1;
}

.brand-one__inner {
	position: relative;
	display: block;
	z-index: 5;
}

.brand-one__list {
	position: relative;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	border: 1px solid #e9ebeb;
	background-color: var(--thm-white);

	flex-wrap: nowrap;
	width: fit-content;
}

.brand-one__list li {
	position: relative;
	display: block;
	float: left;
	margin-right: 50px;
}

.brand-one__list li a {
	position: relative;
	display: block;
	padding: 32px 0 33px;
}

.brand-one__list li a:before {
	content: "";
	position: absolute;
	top: -5px;
	right: 0;
	height: 60%;
	width: 1px;
	background-color: #e9ebeb;
	transform: rotate(-35deg);
}

.brand-one__list li a:after {
	content: "";
	position: absolute;
	bottom: -5px;
	right: 0;
	height: 60%;
	width: 1px;
	background-color: #e9ebeb;
	transform: rotate(35deg);
}

.brand-one__list li:last-child a:before,
.brand-one__list li:last-child a:after {
	display: none;
}

.brand-one__img {
	position: relative;
	display: block;
}

.brand-one__img img {
	width: auto;
}

/*** 
====================================================================
	Brand Two
====================================================================
***/
.brand-two {
	position: relative;
	display: block;
}

.brand-two__inner {
	position: relative;
	display: block;
	overflow: hidden;
	background-color: var(--thm-primary);
	max-width: 830px;
	padding: 52px 40px 52px;
}

.brand-two__brand-list {
	position: relative;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	width: fit-content;
}

.brand-two__brand-list li {
	position: relative;
	display: block;
	float: left;
	margin-left: 60px;
}


.brand-two__brand-img {
	position: relative;
	display: block;
}

.brand-two__brand-img>img {
	width: auto;
}









/*** 
====================================================================
	Brand Three
====================================================================
***/
.brand-three {
	position: relative;
	display: block;
	z-index: 1;
}

.brand-three__wrap {
	position: relative;
	display: block;
	max-width: 100%;
	width: 100%;
	margin: 0 auto 0;
	padding: 65px 0;
	background-color: var(--thm-primary);
	border-radius: 10px;
}

.brand-three__shape-1 {
	position: absolute;
	bottom: -45px;
	right: -60px;
	opacity: .06;
	z-index: -1;
}

.brand-three__shape-1 img {
	width: auto;
	opacity: .06;
}

.brand-three__wrap .container {
	max-width: 100%;
	padding: 0 0;
}

/*** 
====================================================================
	Brand Four
====================================================================
***/
.brand-four {
	position: relative;
	display: block;
	background-color: #f8f7f3;
	padding: 120px 0 120px;
	overflow: hidden;
	z-index: 1;
}

.brand-four .container {
	max-width: 100%;
	padding: 0 0;
}

.brand-four__shape-1 {
	position: absolute;
	bottom: -30px;
	left: 0;
	opacity: .20;
	z-index: -1;
}

.brand-four__shape-1 img {
	width: auto;
}

.brand-four__shape-2 {
	position: absolute;
	bottom: -45px;
	right: 0;
	opacity: .20;
	z-index: -1;
}

.brand-four__shape-2 img {
	width: auto;
}






/*** 
====================================================================
	End
====================================================================
***/