.contact-banner{
    background: url('../assets/contact.webp') center/cover no-repeat;
    height: 560px;
    position: relative;
    color: #fff;
    display: flex;
    align-items: center;
    border-bottom: 5px solid #F4B000;
}
.contact-banner::after{
    content:'';
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.45);
}
.banner-content{
    position:relative;
    z-index:2;
}
.about-line1 {
    width: 80px;
    height: 3px;
    background: #F4B000;
    display: inline-block;
}
.banner-content h1{
    font-size:48px;
    font-weight:700;
}
.banner-content p{
    font-size:18px;
    max-width:550px;
    margin-top:10px;
}
/* Responsive */
@media(max-width:768px){
    .contact-banner{
        height: 260px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;  
    }
    .banner-content h1{
        font-size:28px;
        margin-bottom: 5px;
    }
    .banner-content p{
        font-size:16px;
        margin-bottom: -2px;
    }
    .about-line1 {
    width: 40px;
    height: 3px;
  }
}
.contact-wrapper{
  padding-top: 50px;
  padding-bottom: 20px;
}
.contact-box{
  background: #fff;
  border-radius: 12px;
  padding: 30px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}
.contact-title{
 font-size: 30px;
  font-weight: 700;
  color: #1a1a1a;
  text-align: center;
  padding-top: 10px !important; 
  text-align: center;
  margin-bottom: 10px;
}
.divider {
  width: 70px;
  height: 3px;
  background: #F4B000;
  margin: 10px auto 15px auto;
}
.form-control{
  border-radius: 8px;
  padding: 12px;
}
.contact-info-box{
  background: #f7faf7;
  padding: 30px;
  border-radius: 12px;
  height: 100%;
}
.contact-info-box h5{
  font-weight: 700;
  color: var(--green);
}
.info-item{
  margin-bottom: 18px;
}
.info-item i{
  font-size: 18px;
  margin-right: 10px;
  color: var(--orange);
}
/* Responsive Fix */
@media(max-width:768px){
  .contact-title{ font-size: 26px; }
  .contact-box, .contact-info-box{ margin-bottom: 25px; }
}