/* ===========================
Paragraph Boxes
=========================== */

.pcb-box{

padding:20px;

margin:22px 0;

border-radius:14px;

font-size:18px;

line-height:1.9;

box-shadow:0 3px 10px rgba(0,0,0,.06);

border-left:6px solid;

transition:.3s;

}

.pcb-box:hover{

transform:translateY(-2px);

box-shadow:0 8px 20px rgba(0,0,0,.12);

}

.pcb-color-1{
background:#eef7ff;
border-color:#3b82f6;
}

.pcb-color-2{
background:#effdf3;
border-color:#16a34a;
}

.pcb-color-3{
background:#fff5eb;
border-color:#f97316;
}

.pcb-color-4{
background:#fffce7;
border-color:#eab308;
}

.pcb-color-5{
background:#f7f1ff;
border-color:#8b5cf6;
}


/* ===========================
Bullet List
=========================== */

.pcb-list{

background:#f8fafc;

padding:18px 25px;

margin:25px 0;

border-radius:12px;

border-left:5px solid #2563eb;

list-style:none;

}

.pcb-list li{

position:relative;

padding:10px 0 10px 38px;

border-bottom:1px dashed #e5e7eb;

}

.pcb-list li:last-child{

border-bottom:none;

}

.pcb-list li:before{

content:"✓";

position:absolute;

left:0;

top:8px;

width:24px;

height:24px;

background:#22c55e;

color:#fff;

border-radius:50%;

text-align:center;

line-height:24px;

font-size:14px;

font-weight:bold;

}


/* ===========================
Number List
=========================== */

.pcb-number-list{

background:#fffdf5;

padding:18px 25px;

margin:25px 0;

border-radius:12px;

border-left:5px solid #f59e0b;

}

.pcb-number-list li{

padding:10px 0;

border-bottom:1px dashed #eee;

}

.pcb-number-list li:last-child{

border-bottom:none;

}


/* ===========================
Table
=========================== */

.pcb-table{

width:100%;

border-collapse:collapse;

margin:30px 0;

overflow:hidden;

border-radius:12px;

box-shadow:0 4px 12px rgba(0,0,0,.08);

}

.pcb-table th{

background:#2563eb;

color:#fff;

padding:14px;

font-size:16px;

}

.pcb-table td{

padding:14px;

border-bottom:1px solid #e5e7eb;

}

.pcb-table tr:nth-child(even){

background:#f8fafc;

}

.pcb-table tr:hover{

background:#eef6ff;

}


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

@media(max-width:768px){

.pcb-box{

padding:16px;

font-size:17px;

}

.pcb-list,
.pcb-number-list{

padding:15px;

}

.pcb-table{

display:block;

overflow-x:auto;

white-space:nowrap;

}

}