/* ================= MINI BANNER ================= */

.ap-mini-banner {
  position: relative;
  background: url("https://www.propsaltlandbase.com/assets/images/homepage-image/elannew.jpg") center/cover no-repeat;
  padding:130px 5px;
  text-align:center;
  color:#fff;
}

.ap-mini-banner-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.55);
  z-index:1;
}

.ap-mini-banner-content{
  position:relative;
  z-index:2;
  max-width:900px;
  margin:auto;
}

.ap-mini-banner h2{
  font-size:30px;
  font-weight:600;
  color:white!important;
  margin-bottom:10px;
}

.ap-mini-banner p{
  font-size:15px;
  color:white!important;
  opacity:0.9;
}

.ap-mini-banner h2::after{
  content:"";
  display:block;
  width:70px;
  height:3px;
  background:#c9a24d;
  margin:12px auto 0;
  border-radius:2px;
}

/* ================= EXPLORE MORE SECTION ================= */



.quick-contact{
padding:60px 0;
text-align:center;
}

.quick-contact-box{
display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;
}

.qc-btn{
padding:14px 28px;
border-radius:6px;
color:#fff;
text-decoration:none;
font-weight:500;
}

.call{
background:#d4af37;
}

.whatsapp{
background:#25d366;
}

.visit{
background:#111;
}


.contact-map{
padding:80px 0;
background:#fff;
text-align:center;
}

.map-box{
margin-top:30px;
border-radius:10px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,0.1);
}


/*contact*/

.contact-info-section{
padding:100px 0;
background:#f9fafc;
}

.contact-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:35px;
}

.contact-card{
background:#fff;
padding:40px 30px;
border-radius:14px;
text-align:center;
box-shadow:0 15px 40px rgba(0,0,0,0.08);
transition:.35s;
position:relative;
overflow:hidden;
}

.contact-card:hover{
transform:translateY(-10px);
box-shadow:0 20px 60px rgba(0,0,0,0.15);
}

.contact-card::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
background:linear-gradient(90deg,#d4af37,#f5d76e);
}

.contact-icon{
    font-size: 35px !important;
    padding: 10px;
    margin: auto;
    margin-bottom: 20px;
    background: #f4f4f4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    
    height: 60px;
    color: #d4af37;
    width: 60px;
}

.contact-card h3{
font-size:22px;
margin-bottom:10px;
}

.contact-card p{
color:#666;
line-height:1.7;
}

/* responsive */

@media(max-width:992px){

.contact-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:576px){

.contact-grid{
grid-template-columns:1fr;
}

}




/* SERVICES INTRO */

.services-intro{
padding:80px 0;
text-align:center;
background:#fff;
}

.services-intro h2{
font-size:38px;
margin-bottom:20px;
}

.services-intro p{
max-width:750px;
margin:auto;
color:#666;
line-height:1.8;
}


/* SERVICES GRID */

.services-section{
padding:90px 0;
background:#f8f9fb;
}

.services-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:35px;
}

.service-card{
background:#fff;
padding:35px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
transition:.35s;
border-top:3px solid transparent;
}

.service-card:hover{
transform:translateY(-8px);
border-top:3px solid #d4af37;
box-shadow:0 15px 40px rgba(0,0,0,0.15);
}

.service-card h3{
font-size:20px;
margin-bottom:10px;
}

.service-card p{
color:#666;
line-height:1.7;
}


/* WHY CHOOSE */

.services-why{
padding:80px 0;
background:#fff;
text-align:center;
}

.services-why h2{
font-size:36px;
margin-bottom:30px;
}

.services-why ul{
max-width:700px;
margin:auto;
list-style:none;
padding:0;
}

.services-why li{
padding:10px 0;
font-size:17px;
border-bottom:1px solid #eee;
}


/* PROCESS */

.services-process{
padding:90px 0;
background:#f8f9fb;
text-align:center;
}

.services-process h2{
margin-bottom:40px;
}

.process-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
}

.process-grid div{
background:#fff;
padding:30px;
border-radius:10px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.process-grid h3{
font-size:18px;
margin-bottom:10px;
}

.process-grid p{
color:#666;
}


/* CTA */

.services-cta{
padding:80px 0;
text-align:center;
background:#111;
color:#fff;
}

.services-cta h2{
font-size:34px;
margin-bottom:15px;
}

.services-cta p{
margin-bottom:25px;
color:#ccc;
}

.cta-btn{
display:inline-block;
padding:14px 30px;
background:#d4af37;
color:#fff;
border-radius:5px;
text-decoration:none;
font-weight:500;
}

.cta-btn:hover{
background:#b8962e;
}


/* RESPONSIVE */

@media(max-width:992px){

.services-grid{
grid-template-columns:repeat(2,1fr);
}

.process-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:576px){

.services-grid{
grid-template-columns:1fr;
}

.process-grid{
grid-template-columns:1fr;
}

}