.epower-tab-services-block {
margin-block: var(--space-24);
}
.epower-tab-services-block .titles_epower {
margin-bottom: 40px;
text-align: center;
}
.epower-tab-services-block .titles_epower * {
font-weight: 700;
max-width: 600px;
margin: 0 auto;
}
.epower-tab-services-block .nav-tabs {
margin-bottom: 40px;
justify-content: center;
border: none;
gap: 16px;
}
.epower-tab-services-block .nav-tabs .nav-link {
font-size: var(--fs-18);
font-family: var(--primary-font);
color: var(--quinary-color);
border: 1px solid var(--quinary-color);
border-radius: 60px;
padding: 10px 18px;
min-width: 140px;
display: flex;
align-items: center;
justify-content: center;
}
.epower-tab-services-block .nav-tabs .nav-link.active::after {
content: '\F272';
font-family: 'bootstrap-icons'; } .epower-tab-services-block .nav-tabs .nav-item.show .nav-link,
.epower-tab-services-block .nav-tabs .nav-link.active {
border-color: var(--primary-color);
color: var(--primary-color);
}
.inner-epower-tab-services-block__items {
display: flex;
gap: 24px;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.inner-epower-tab-services-block__items .categoria-item {
flex: 0 0 calc(50% - 24px);
display: flex;
align-items: center;
border-radius: 20px;
background: #FFF;
box-shadow: 2px 8px 20px 0px rgba(0, 0, 0, 0.10);
overflow: hidden;
min-height: 180px;
position: relative;
}
.inner-epower-tab-services-block__items .categoria-item .link-item {
position: absolute;
top: 0;
background: transparent;
height: 100%;
width: 100%;
}
.categoria-image {
padding: 15px;
background: #F5F5F5;
}
.categoria-image.imagen-full {
padding: 0;
height: 100%;
}
.categoria-image img {
width: 150px;
height: 150px;
max-width: 150px;
max-width: 150px;
min-width: 150px;
min-height: 150px;
object-fit: contain;
mix-blend-mode: multiply;
filter: brightness(1.1);
}
.categoria-image.imagen-full img {
height: 100%;
width: 180px;
object-fit: cover;
}
.categoria-content {
padding: 24px;
height: 100%;
width: 100%;
}
.categoria-content p {
margin-bottom: 0;
font-size: var(--fs-18);
}
.categoria-content h3,
.categoria-content h3 a {
font-size: var(--fs-20);
color: var(--quinary-color);
font-weight: 600;
text-decoration: none;
}
.categoria-content h3 a {
display: flex;
justify-content: space-between;
} #content-arriendo .categoria-image.imagen-full img {
height: 100%;
width: auto;
object-fit: contain;
}
@media screen and (max-width: 768px) {
.epower-tab-services-block {
margin-block: var(--space-12);
}
.inner-epower-tab-services-block__items {
flex-direction: column;
}
.epower-tab-services-block .nav-tabs {
margin-left: 0;
}
}