/* HERO TENTANG */

.about-hero{
height:420px;
background:url('../gambar/p/desain-rumah-modern.jpg') center/cover no-repeat;
position:relative;
display:flex;
align-items:center;
padding:0 10%;
}

.about-overlay{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:linear-gradient(to bottom,rgba(255,255,255,0.2),#ffffff);
}

.about-hero-text{
position:relative;
z-index:2;
}

.about-hero-text h1{
font-size:48px;
color:#0B1F3A;
font-weight:700;
}


/* SECTION TENTANG */

.about-section{
padding:80px 10%;
background:#fff;
}

.about-container{
display:flex;
align-items:center;
justify-content:space-between;
gap:50px;
}

.about-text{
flex:1;
}

.about-text h2{
font-size:40px;
color:#0B1F3A;
margin-bottom:20px;
}

.about-text p{
line-height:1.7;
color:#555;
margin-bottom:20px;
}

.about-image{
flex:1;
text-align:center;
}

.about-image img{
max-width:350px;
}

.btn-about-wa{
background:#0B1F3A;
color:#fff;
padding:12px 25px;
text-decoration:none;
border-radius:6px;
font-weight:600;
}


/* RESPONSIVE */

@media(max-width:768px){

.about-container{
flex-direction:column;
text-align:center;
}

.about-hero-text h1{
font-size:32px;
}
.about-text{
max-width:800px;
margin:auto;
}
.about-text p{
line-height:1.8;
margin-bottom:18px;
font-size:16px;
color:#444;
text-align:left;
text-indent:0;
}