.page-header{
padding:220px 0 90px;
background:
linear-gradient(rgba(193,62,144,.90),rgba(5,76,158,.90)),
url('assets/images/banner-about.jpg') center center/cover;
color:#fff;
text-align:center;
}
.page-header span{
display:inline-block;
padding:8px 18px;
background:rgba(255,255,255,.15);
border-radius:50px;
font-weight:600;
letter-spacing:2px;
margin-bottom:20px;
}
.page-header h1{
font-size:48px;
font-weight:700;
margin-bottom:20px;
}
.page-header p{
max-width:800px;
margin:auto;
font-size:18px;
opacity:.95;
}
.category-product h2{
font-weight:700;
position:relative;
padding-left:18px;
margin-bottom:8px;
}
.category-product h2:before{
content:"";
position:absolute;
left:0;
top:4px;
width:6px;
height:36px;
background:#198754;
border-radius:20px;
}
.category-product p{
margin-bottom:0;
color:#666;
}
.product-item{
background:#fff;
border-radius:18px;
overflow:hidden;
border:1px solid #eee;
transition:.35s;
height:100%;
box-shadow:0 5px 20px rgba(0,0,0,.05);
}
.product-item:hover{
transform:translateY(-8px);
box-shadow:0 20px 40px rgba(0,0,0,.12);
}
.product-item img{
width:100%;
height:240px;
object-fit:cover;
}
.product-item .p-3{
padding:20px;
}
.product-item h5{
font-size:18px;
font-weight:700;
margin-bottom:12px;
min-height:48px;
}
.product-item p{
font-size:14px;
color:#666;
line-height:1.6;
min-height:70px;
}
@media(max-width:768px){
.page-header{
padding:170px 0 70px;
}
.page-header h1{
font-size:34px;
}
.page-header p{
font-size:15px;
}
.category-product .btn{
display:none;
}
.product-item img{
height:170px;
}
.product-item h5{
font-size:15px;
min-height:auto;
}
.product-item p{
display:none;
}
}

    /* ==========================
CTA
========================== */
.cta-section{
margin-top:80px;
}
.cta-box{
background:linear-gradient(135deg,#c13e90,#054c9e);
padding:70px 40px;
border-radius:25px;
text-align:center;
color:#fff;
}
.cta-box h2{
font-size:40px;
font-weight:700;
margin-bottom:20px;
}
.cta-box p{
font-size:18px;
max-width:850px;
margin:auto;
opacity:.95;
line-height:1.8;
}
@media(max-width:768px){
.cta-box{
padding:45px 25px;
}
.cta-box h2{
font-size:28px;
}
.cta-box p{
font-size:15px;
}
.cta-box .btn{
width:100%;
margin-bottom:10px;
}
}