/* ================================================
   Section Break Images
   ================================================ */

.other-img {
  width: 100%;
  overflow: hidden;
}
.other-img img {
  width: 100%;
  max-height: 28rem;
  object-fit: cover;
  display: block;
}

/* ================================================
   General Content Sections
   ================================================ */

.other-general { width: 100%; background: #fff; }
.other-general-inner {
  width: 100%;
  max-width: 1440px;
  border-bottom: none;
}

.other-general-text {
  font-size: 1rem;
  line-height: 2.2;
  color: var(--text-dark);
  text-align: center;
  margin-bottom: 3rem;
}

/* ================================================
   Image Grid Cards
   ================================================ */

.other-general-wrapper { width: 100%; }
.other-general-card {
  width: 100%;
  border: 1px solid var(--border-color);
  border-radius: 12px;
  padding: 2rem;
}

.other-general-imgbox {
  display: flex;
  gap: 2rem;
}
.other-general-img {
  flex: 1;
  overflow: hidden;
  border-radius: 8px;
}
.other-general-img img {
  width: 100%;
  height: 20rem;
  object-fit: cover;
  display: block;
}

/* ================================================
   Insurance Cards
   ================================================ */

.insurance-wrapper {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.insurance-card {
  flex: 1;
  min-width: 140px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem 1rem;
  text-align: center;
  border-radius: 12px;
  box-shadow:
    var(--shadow);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.insurance-card:hover {
  transform: translateX(-5px) translateY(-5px);
  box-shadow:
    var(--shadow-lg);
}
.insurance-bg   { background: url(/assets/other/Insurance-1.png) center/cover no-repeat; }
.insurance-bg02 { background: url(/assets/other/Insurance-2.png) center/cover no-repeat; }
.insurance-bg03 { background: url(/assets/other/Insurance-3.png) center/cover no-repeat; }
.insurance-bg04 { background: url(/assets/other/Insurance-4.png) center/cover no-repeat; }
.insurance-bg05 { background: url(/assets/other/Insurance-5.png) center/cover no-repeat; }

.insurance-title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #fff;
  line-height: 1.5;
  margin-bottom: 1rem;
}
.insurance-icon,
.insurance-icon02,
.insurance-icon03,
.insurance-icon04,
.insurance-icon05 {
  width: 4rem;
  height: 4rem;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

/* 13-inch (≤ 1280px) */
@media screen and (max-width: 1280px) {
  .other-general-inner { padding: 4rem 1.5rem; }
  .other-general-img img { height: 18rem; }
}

/* iPad (≤ 1024px) */
@media screen and (max-width: 1024px) {
  .other-general-inner { padding: 3.5rem 1.25rem; }
}

/* Mobile (≤ 767px) */
@media screen and (max-width: 767px) {
  .other-general-inner { padding: 2.5rem 1.25rem; }
  .other-general-text { font-size: 1rem; line-height: 1.9; }
  .other-general-imgbox { flex-direction: column; }
  .other-general-img img { height: 14rem; }
  .insurance-wrapper { gap: 1rem; }
  .insurance-card {
    flex: 0 0 calc(50% - 0.5rem);
    min-width: 0;
    padding: 1.5rem 0.75rem;
  }
  .insurance-title { font-size: 1rem; }
  .insurance-icon,
  .insurance-icon02,
  .insurance-icon03,
  .insurance-icon04,
  .insurance-icon05 { width: 3rem; height: 3rem; }
}