/* Footer logo circle */
.footer .logo-circle { display:inline-flex; align-items:center; justify-content:center; width:52px; height:52px; border:2px solid rgba(255,255,255,0); border-radius:50%; margin-right:8px; background-color:transparent; }
.footer .logo-circle img { border-radius:50%; width:46px; height:46px; display:block; background-color:transparent; }
/* Align logo and text vertically in footer title */
.footer .title { display:flex; align-items:center; }
.footer .title .logo-text { line-height:1; display:inline-block; }

/* Header logo circle */
.navbar .header-logo { display:inline-flex; align-items:center; justify-content:center; width:48px; height:48px; border:2px solid rgba(255,255,255,0); border-radius:50%; margin-right:10px; background-color:transparent; vertical-align:middle; }
.navbar .header-logo img { border-radius:50%; width:60px; height:60px; display:block; background-color:transparent; }
.navbar .brand-text { line-height:1; display:inline-block; vertical-align:middle; }
/* Default: hide mobile-only hero on larger screens */
.mobile-hero { display: none; }

/* --- Responsive fixes for mobile --- */
@media (max-width: 576px) {
  /* Make SVG block responsive and centered */
  #svg-animation { text-align: center; display: flex; justify-content: center; }
  #svg-animation svg { display: none !important; }
  #svg-animation .mobile-hero { display: block; width: 96vw; max-width: 620px; height: auto; margin: 0 auto; }
  /* If still too wide, you can hide the image by uncommenting next line */
  /* #svg-animation svg { display:none; } */

  /* Center common description texts */
  .content-desc { text-align: center !important; }
  .team-intro { text-align: center !important; }
  .team-intro p { text-align: center !important; }
  .about .title, .page-desc-title, .sidebar-title { text-align: center !important; }
  /* Ensure banner text is centered on mobile */
  .head-area .banner-content { text-align: center !important; }
}

/* Tablet: ensure reasonable size */
@media (min-width: 577px) and (max-width: 991.98px) {
  #svg-animation svg { width: 560px !important; height: auto !important; display: block; margin: 0 auto; }
}

/* Desktop: limit SVG width and center */
@media (min-width: 992px) {
  #svg-animation svg { width: 720px !important; height: auto !important; display: block; margin: 0 auto; }
}
/*：: *//*：: */