.houli-certification-page{

max-width:1200px;
margin:0 auto;
padding:40px 20px;
font-family:Arial,Helvetica,sans-serif;
color:#333;
line-height:1.8;

}


/* Hero */

.cert-hero{

background:
linear-gradient(
135deg,
rgba(8,28,48,0.92),
rgba(8,28,48,0.65)
),
url("//ueeshop.ly200-cdn.com/u_file/UPBE/UPBE679/2607/20/photo/FactoryOverview.webp");

background-size:cover;

background-position:center;

padding:90px 60px;

border-radius:20px;

color:white;

margin-bottom:70px;

}


.cert-hero .subtitle{

color:#F58220;

font-size:14px;

font-weight:bold;

letter-spacing:3px;

}



.cert-hero h1{

font-size:46px;

line-height:1.3;

margin:20px 0;

color:white;

}


.cert-hero p{

font-size:18px;

max-width:850px;

color:#e8eef2;

}



/* Section */

.cert-section{

margin-bottom:80px;

}


.cert-section h2{

font-size:36px;

color:#0b1f33;

text-align:center;

margin-bottom:25px;

}


.cert-section .desc{

text-align:center;

max-width:900px;

margin:auto;

color:#666;

font-size:17px;

}



/* Advantage */

.cert-benefits{

display:grid;

grid-template-columns:
repeat(4,1fr);

gap:25px;

margin-top:40px;

}


.benefit-card{

background:#f6f8fa;

padding:30px;

border-radius:16px;

text-align:center;

}



.benefit-card h3{

color:#0b1f33;

font-size:20px;

}


.benefit-card p{

color:#666;

font-size:15px;

}



/* Certificate */

.cert-grid{

display:grid;

grid-template-columns:
repeat(4,1fr);

gap:30px;

margin-top:50px;

}



.cert-card{

background:white;

border-radius:18px;

box-shadow:
0 10px 30px rgba(0,0,0,.08);

padding:25px;

text-align:center;

}



.cert-card img{

width:100%;

height:230px;

object-fit:contain;

}



.cert-card h3{

font-size:22px;

color:#0b1f33;

}



.cert-card p{

font-size:15px;

color:#666;

}



/* Market */

.market-box{

display:grid;

grid-template-columns:
repeat(4,1fr);

gap:25px;

margin-top:40px;

}



.market-item{

border:1px solid #eee;

padding:30px;

border-radius:15px;

}



.market-item h3{

color:#F58220;

font-size:22px;

}



/* Notice */

.notice{

background:#f5f7fa;

padding:40px;

border-radius:18px;

margin-top:40px;

}



.notice h3{

font-size:26px;

color:#0b1f33;

}



/* FAQ */

.faq-item{

margin-bottom:25px;

}


.faq-item h3{

font-size:20px;

color:#0b1f33;

}



/* CTA */

.cert-cta{

background:#0b1f33;

padding:60px;

border-radius:20px;

text-align:center;

color:white;

}



.cert-cta h2{

font-size:36px;

color:white;

}


.cert-cta p{

color:#dbe3e8;

font-size:17px;

}


.cert-btn{

display:inline-block;

background:#F58220;

color:white;

padding:15px 45px;

border-radius:6px;

text-decoration:none;

margin-top:20px;

font-weight:bold;

}



@media(max-width:900px){

.cert-benefits,
.cert-grid,
.market-box{

grid-template-columns:1fr;

}


.cert-hero{

padding:50px 30px;

}


.cert-hero h1{

font-size:32px;

}

}