/* =========================
HERO DỊCH VỤ
========================= */

.hero-section{

display:flex;

align-items:center;

justify-content:space-between;

gap:60px;

max-width:1400px;

margin:0 auto;

padding:120px 20px 0;

}

.hero-image{

flex:1;

text-align:center;

}

.hero-image img{

width:100%;

max-width:650px;

height:auto;

display:block;

margin:auto;

border-radius:20px;

}

.hero-content{

flex:1;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

text-align:center;

max-width:650px;

margin:auto;

}

.hero-content h1{

font-size:42px;

font-weight:800;

line-height:1.3;

color:#0b3d26;

margin-bottom:20px;

}

.hero-content p{

font-size:18px;

line-height:1.8;

margin-bottom:25px;

color:#555;

}

/* KHỐI ƯU ĐIỂM */

.intro-list{

background:linear-gradient(
135deg,
#0b3d26,
#14532d
);

padding:25px;

border-radius:18px;

width:100%;

margin:25px 0;

display:flex;

flex-direction:column;

gap:15px;

border-left:5px solid #ff6b00;

box-shadow:
0 10px 25px rgba(0,0,0,.15);

}

.intro-list span{

display:block;

color:#fff;

font-size:16px;

font-weight:600;

line-height:1.8;

text-align:left;

}

/* NÚT 3D */

.btn-3d-green{
display:inline-flex;
align-items:center;
justify-content:center;

gap:10px;

padding:15px 35px;

border-radius:50px;

background:linear-gradient(
135deg,
#ff6b00,
#ff3b30
);

color:#fff;

font-weight:700;

text-decoration:none;

box-shadow:
0 8px 0 #c2410c,
0 15px 25px rgba(0,0,0,.25);

transition:.25s;

margin-top:20px;

}

.btn-3d-green:hover{
transform:translateY(3px);
box-shadow:
0 4px 0 #c2410c,
0 10px 18px rgba(0,0,0,.2);

}
*::before,
*::after{

background:none !important;

}


/* MOBILE */

@media(max-width:768px){

.hero-section{

flex-direction:column;

padding:100px 15px 30px;

gap:30px;

}

.hero-content h1{

font-size:30px;

}

.hero-content p{

font-size:16px;

}

.intro-list{

padding:20px;

}

}