.our-client {
position: absolute;
top: 50%;
z-index: 99;
margin: 0 auto;
}
.our-works {
padding: 150px 0;
background: linear-gradient(to bottom, #0D1731, #000F24);
}
.our-works .tab-list li {
border-radius: 35px;
border: 1px solid var(--card-border-color);
color: var(--border-light-color);
}
.our-works .tab-list li a {
cursor: default;
color: var(--border-light-color);
}
.our-works .tab-list li.active {
color: var(--border-light-color);
background-color: unset;
}
.our-works .content-blk {
display: flex;
align-items: flex-end;
justify-content: space-between;
position: absolute;
bottom: 0;
padding: 30px;
width: 100%;
}
.our-works .content-blk .content {
width: 100%;
}
.our-works .content-blk .content span {
color: var(--primary-color);
}
.our-works .content-blk .content h5 {
font-size: 18px;
}
.our-works .content-blk img {
width: 33px;
height: 33px;
} @media only screen and (min-width:768px) and (max-width:1280px) {
.our-works {
padding: 25vw 0;
}
.our-works .content-blk {
padding: 2.344vw;
}
.our-works .content-blk .content h5 {
font-size: 1.406vw;
}
.our-works .content-blk img {
width: 2.578vw;
height: 2.578vw;
}
} @media all and (max-width:767.9px) {
.our-works {
padding: 146.667vw 0 26.667vw;
}
.our-works .content-blk {
padding: 4vw;
}
.our-works .content-blk .content h5 {
font-size: 2.667vw;
}
.our-works .content-blk img {
width: 4.8vw;
height: 4.8vw;
}
}