/home/moonrcjl/public_html/wp/wp-content/themes/arsha/assets/scss/layout/pages/_brand.scss
@use "../../utils" as *;
/*----------------------------------------*/
/* 7.1 Team css start
/*----------------------------------------*/
.mtbrand {
&__title {
font-size: 92px;
font-weight: 800;
-webkit-text-stroke: 1px rgba(0, 0, 0, 0.16);
-webkit-text-fill-color: transparent;
& span {
-webkit-text-stroke: 1px rgba(0, 0, 0, 0.16);
-webkit-text-fill-color: transparent;
font-size: 40px;
@include transform(translateY(-8px));
width: 16px;
height: 16px;
display: inline-block;
border-radius: 100%;
border: 1px solid rgba(0, 0, 0, 0.16);
}
}
&__3 {
& .mtbrand__item {
border: 1px solid var(--mt-border-3);
padding: 32px;
height: 114px;
text-align: center;
line-height: 50px;
margin-right: -1px;
@include transition(.4s);
@media #{$lg} {
margin: 10px 0;
}
&:hover {
background: #101314;
}
}
}
&__2 {
& .mtbrand {
&__title {
color: #ffffff;
-webkit-text-fill-color: #ffffff;
}
}
}
}
.mt-brand-3-active {
padding: 0px 5px;
}
.mtbrand__2 .mt-brand-title-active .swiper-slide-active .mtbrand__title {
color: #c6f906;
-webkit-text-fill-color: #c6f906;
}