/*==================================================
PAGE BUILDER - HIGHLIGHT CONTENT CARDS
==================================================*/

.pcb-highlight{
    padding:var(--space-6) 0;
    background:#F9FAFB;
    border-radius: var(--radius-md);
}

.pcb-highlight-box{
    background:var(--section-bg);
    border-radius:var(--radius-xl);
    padding:var(--space-10);
}

/*====================================
Heading
====================================*/

.pcb-highlight-title{
    display:flex;
    align-items:center;
    gap:var(--space-5);
    margin-bottom:var(--space-7);
}

.pcb-highlight-title-icon{
    width:58px;
    height:58px;
    min-width:58px;
    border-radius:var(--radius-md);
    background:#EAF5FF;
    display:flex;
    align-items:center;
    justify-content:center;
}

.pcb-highlight-title-icon img{
    width:24px;
    height:24px;
    object-fit:contain;
}

.pcb-highlight-title h2{
    margin:0;
    color:var(--color-primary);
}

/*====================================
Description
====================================*/

.pcb-highlight-content{
    margin-bottom:var(--space-9);
}

.pcb-highlight-content p{
    margin:0 0 var(--space-5);
    color:var(--color-text);
    font-size:var(--fs-body);
    line-height:1.8;
}

.pcb-highlight-content p:last-child{
    margin-bottom:0;
}

/*====================================
Grid
====================================*/

.pcb-highlight-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:var(--space-5);
    margin-top:var(--space-9)
}

/*====================================
Card
====================================*/

.pcb-highlight-card{
    display:flex;
    align-items:center;
    gap:var(--space-5);
    padding:var(--space-6);
    background:var(--color-text-light);
    border:1px solid var(--box-border);
    border-radius:var(--radius-sm);
    transition:all .35s ease;
}

.pcb-highlight-card:hover{
    transform:translateY(-4px);
    border-color:var(--color-highlight);
    box-shadow:0 14px 35px rgba(0,0,0,.06);
}

/*====================================
Icon
====================================*/

.pcb-highlight-card-icon{
    width:56px;
    height:56px;
    min-width:56px;
    border-radius:var(--radius-md);
    background:#EAF5FF;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.pcb-highlight-card-icon img{
    width:24px;
    height:24px;
    object-fit:contain;
}

/*====================================
Content
====================================*/

.pcb-highlight-card-content{
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.pcb-highlight-card-content h4{
    margin:0 0 8px;
    font-size:var(--fs-h6);
    font-weight:600;
    line-height:1.4;
    color:var(--color-primary);
}

.pcb-highlight-card-content p{
    margin:0;
    font-size:var(--fs-body);
    line-height:1.7;
    color:var(--color-text);
}

/*====================================
Tablet
====================================*/

@media(max-width:991px){

.pcb-highlight{
    padding:var(--space-10) 0;
}

.pcb-highlight-box{
    padding:var(--space-8);
}

.pcb-highlight-grid{
    grid-template-columns:1fr;
}

.pcb-highlight-content{
    margin-bottom:var(--space-8);
}

}

/*====================================
Mobile
====================================*/

@media(max-width:767px){

.pcb-highlight{
    padding:var(--space-8) 0;
}

.pcb-highlight-box{
    padding:var(--space-6);
    border-radius:var(--radius-lg);
}

.pcb-highlight-title{
    gap:var(--space-4);
    margin-bottom:var(--space-6);
    align-items:center;
}

.pcb-highlight-title-icon{
    width:46px;
    height:46px;
    min-width:46px;
}

.pcb-highlight-title-icon img{
    width:20px;
    height:20px;
}

.pcb-highlight-content{
    margin-bottom:var(--space-6);
}

.pcb-highlight-grid{
    gap:var(--space-4);
}

.pcb-highlight-card{
    padding:var(--space-5);
    gap:var(--space-4);
    align-items:center;
}

.pcb-highlight-card-icon{
    width:46px;
    height:46px;
    min-width:46px;
}

.pcb-highlight-card-icon img{
    width:20px;
    height:20px;
}

.pcb-highlight-card-content h4{
    font-size:18px;
    margin-bottom:6px;
}

.pcb-highlight-card-content p{
    font-size:15px;
    line-height:1.6;
}

}