.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 {
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 {
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 {
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;
}