/* ===== Base ===== */
.uee-company-contact{
  max-width:1200px;
  margin:0 auto;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:#0f172a;
}

/* ===== Section Title ===== */
.section-title{
  font-size:22px;
  font-weight:600;
  margin-bottom:26px;
}

/* ===== Contact Card ===== */
.contact-card{
  background:#ffffff;
  padding:32px 24px;
  border-bottom:1px solid #e5e7eb;
}

.contact-main{
  display:flex;
  flex-wrap:wrap;
  gap:48px;
  align-items:center;
}

/* ===== Profile ===== */
.contact-profile{
  display:flex;
  align-items:center;
  gap:18px;
  min-width:280px;
}

.avatar{
  width:64px;
  height:64px;
  border-radius:50%;
  overflow:hidden;
  border:1px solid #e5e7eb;
  background:#f8fafc;
}

.avatar img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.profile-text strong{
  display:block;
  font-size:17px;
  font-weight:600;
}

.profile-text span{
  display:block;
  margin-top:4px;
  font-size:14px;
  color:#64748b;
}

/* ===== Contact List ===== */
.contact-list{
  min-width:280px;
  font-size:15px;
}

.contact-list p{
  margin:14px 0;
  display:flex;
  align-items:flex-start;
  gap:12px;
}

.contact-list a{
  color:#2563eb;
  text-decoration:none;
}

/* ===== Location ===== */
.location-card{
  padding:32px 24px;
  background:#fafafa;
}

.address{
  font-size:15px;
  color:#334155;
  line-height:1.7;
  display:flex;
  gap:12px;
}

/* ===== Pure Blue Dot Icon ===== */
.dot{
  width:10px;
  height:10px;
  margin-top:6px;
  border-radius:50%;
  background:#2563eb;
  flex-shrink:0;
}

/* ===== Mobile ===== */
@media(max-width:768px){
  .contact-main{
    flex-direction:column;
    align-items:flex-start;
    gap:32px;
  }
}