/*==================================================
IMAGE + FEATURE LIST
==================================================*/
.pcb-feature-list{
padding:var(--space-11) 0;
}
.pcb-feature-list-grid{
display:grid;
grid-template-columns:48% 1fr;
gap:72px;
align-items:center;
}
/*=============================
Image
=============================*/
.pcb-feature-image{
position:relative;
overflow:hidden;
border-radius:var(--radius-lg);
}
.pcb-feature-image img{
width:100%;
height:100%;
display:block;
object-fit:cover;
}
.pcb-feature-caption{
position:absolute;
left:0;
right:0;
bottom:0;
padding:30px;
color:#fff;
font-size:var(--fs-body-lg);
line-height:1.5;
background:linear-gradient(
to top,
rgba(0,0,0,.78),
rgba(0,0,0,.65),
transparent
);
}
/*=============================
Right
=============================*/
.pcb-feature-right{
display:flex;
flex-direction:column;
}
/*=============================
Item
=============================*/
.pcb-feature-item{
display:flex;
gap:28px;
padding:34px 0;
border-bottom:1px solid var(--box-border);
}
.pcb-feature-item:first-child{
padding-top:0;
}
.pcb-feature-item:last-child{
border-bottom:none;
padding-bottom:0;
}
/*=============================
Number
=============================*/
.pcb-feature-number{
min-width:72px;
font-size:54px;
line-height:1;
font-weight:300;
color:#8EC9FF;
font-family:inherit;
}
/*=============================
Content
=============================*/
.pcb-feature-content{
flex:1;
}
.pcb-feature-content h3{
margin-bottom:12px;
color:var(--color-primary);
font-size:var(--fs-h5);
font-weight:500
}
.pcb-feature-content p{
margin:0;
color:var(--color-text);
line-height:1.8;
}
/*==================================================
Laptop
==================================================*/
@media(max-width:1200px){
.pcb-feature-list-grid{
gap:50px;
}
.pcb-feature-number{
font-size:54px;
}
}
/*==================================================
Tablet
==================================================*/
@media(max-width:991px){
.pcb-feature-list{
padding:var(--space-10) 0;
}
.pcb-feature-list-grid{
grid-template-columns:1fr;
gap:40px;
}
.pcb-feature-image{
max-width:720px;
margin:auto;
}
.pcb-feature-number{
font-size:48px;
min-width:60px;
}
}
/*==================================================
Mobile
==================================================*/
@media(max-width:767px){
.pcb-feature-list{
padding:var(--space-8) 0;
}
.pcb-feature-list-grid{
gap:28px;
}
.pcb-feature-image{
border-radius:var(--radius-md);
}
.pcb-feature-caption{
padding:20px;
font-size:16px;
}
.pcb-feature-item{
gap:16px;
padding:22px 0;
}
.pcb-feature-number{
min-width:44px;
font-size:36px;
}
.pcb-feature-content h3{
margin-bottom:8px;
}
.pcb-feature-content p{
font-size:15px;
line-height:1.7;
}
}