.connact-section {
  width: 100%;
  display: flex;
  justify-content: center;
}

.connact-shell {
  width: 100%;
  max-width: 1440px;
  padding: var(--rem-12) 0;
}

.connact-title {
  font-size: var(--font-60);
  line-height: 1.1;
  font-weight: bold;
  letter-spacing: -0.03em;
  color: var(--color-121212);
}

.connact-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr 0.6fr) 1fr;
  margin-top: var(--rem-8);
}

.connact-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--rem-2);
  min-width: 220px
}


.connact-line-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.connact-line-box .connact-line {
  width: 1px;
  height: 100%;
  background-color: var(--color-cdcdcd);
}

.connact-card-title {
  font-size: var(--font-40);
  font-weight: bold;
  line-height: 1.1;
  color: var(--color-121212);
  word-break: keep-all;
}

.connact-card-desc,
.connact-card-copy,
.connact-item {
  font-size: var(--font-16);
  color: var(--color-121212);
}

.connact-item {
  display: flex;
  align-items: flex-start;
  gap: 6px;
}

.connact-icon {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  color: #1c1c1c;
}

.connact-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.icon-email, .icon-shouji, .icon-rili, .icon-shijian{
  font-size: 18px;
}
.icon-header-icon-5{
  font-size: 22px;
}


@media (max-width: 1440px) {
  .connact-shell {
    padding-left: 5%;
    padding-right: 5%;
  }
}


@media (max-width: 1200px) {
  .connact-line-box {
    display: none;
  }

  .connact-grid {
    grid-template-columns: repeat(2, minmax(10px, 1fr));
    gap: var(--rem-8);
  }
}


@media (max-width: 768px) {
  .connact-grid {
    grid-template-columns: repeat(1, minmax(10px, 1fr));
  }

  .connact-title {
    text-align: center;
  }

  .connact-card {
    align-items: center;
    background-color: var(--color-f5f5f5);
    padding: var(--rem-8) var(--rem-12);
    text-align: center;
    border-radius: 8px;
  }
}