/* HEADING STYLE */
.about-text h1{
  font-size:48px !important;
  font-weight:800 !important;
  color:#111 !important;
  margin-bottom:10px !important;
}


/* RESPONSIVE */
@media(max-width:768px){
  .about-text h1{
    font-size:32px !important;
  }
  .breadcrumb{
    font-size:16px !important;
  }
}


    body{
    margin:0;
    font-family: 'Poppins', sans-serif;
}


body{
    margin:0;
    font-family: 'Poppins', sans-serif;
    background:#f4f4f4;
}
.eye-contact-section{
    background:#f3f3f3;
}

.eye-contact-card{
    background: linear-gradient(135deg,#e6d7c9,#c4d6d6);
    padding:70px 30px 40px;
    border-radius:25px;
    transition:0.4s ease;
}

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

.eye-icon-box{
    width:85px;
    height:85px;
    background:#ffffff;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:-40px;
    left:50%;
    transform:translateX(-50%);
    box-shadow:0 10px 25px rgba(0,0,0,0.1);
}

.eye-icon-box i{
    font-size:32px;
    color:#f97316;
}

.eye-contact-card p{
    color:#555;
    font-size:15px;
}
body{
    margin:0;
    font-family:'Poppins', sans-serif;
}

/* ===============================
   Main Section Background
=================================*/
#visionContactArea{
    padding:90px 6%;
     background: linear-gradient(135deg,#e6d7c9,#c4d6d6);
}

/* Wrapper */
.vision-wrapper{
    display:flex;
    gap:40px;
    align-items:stretch;
}

/* ===============================
   Map Box
=================================*/
.vision-map-box{
    flex:1;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 25px 60px rgba(24, 205, 118, 0.4);
}

.vision-map-box iframe{
    width:100%;
    height:100%;
    min-height:520px;
    border:0;
}

/* ===============================
   Form Box
=================================*/
.vision-form-box{
    flex:1;
    background:#1e293b;
    padding:45px;
    border-radius:20px;
    box-shadow:0 30px 70px rgba(0,0,0,0.5);
    color:#fff;
}

/* Title */
.vision-small-title{
    color:#94a3b8;
    margin-bottom:10px;
}

.vision-form-box h2{
    font-size:28px;
    margin-bottom:30px;
}

/* ===============================
   Form Fields
=================================*/
#visionContactForm input,

#visionContactForm textarea{
    width:100%;
    padding:15px;
    margin-bottom:20px;
    border-radius:12px;
    border:1px solid rgba(160, 179, 37, 0.1);
    background:#334155;
    color:#fff;
    outline:none;
    transition:0.3s;
}

/* Two Column Row */
.vision-row{
    display:flex;
    gap:20px;
}

.vision-row input{
    flex:1;
}

/* Focus Effect */
#visionContactForm input:focus,
#visionContactForm textarea:focus{
    border-color:#22c55e;
    background:#3b475c;
}

/* ===============================
   Button
=================================*/
.vision-submit-btn{
    background:#111827;
    color:#fff;
    padding:15px 30px;
    border:none;
    border-radius:40px;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:15px;
    cursor:pointer;
    transition:0.3s;
}

.vision-submit-btn span{
    background:#22c55e;
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
}

.vision-submit-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 15px 30px rgba(0,0,0,0.4);
}

/* ===============================
   Responsive
=================================*/
@media(max-width:992px){

    .vision-wrapper{
        flex-direction:column;
    }

    .vision-map-box iframe{
        min-height:350px;
    }
    .vision-form-box{
        padding: 18px;
    }

}