/* ==========================================================================
   双知科技 - 首页 + 通用业务页扩展样式
   包含：
   1. 首页 4 大业务深度区块
   2. 首页 tab（胶囊按钮 + 行业方案网格）
   3. 面板显示控制
   4. 首页案例卡片
   5. 查看全部按钮
   6. Footer 5 栏
   7. 文章详情页布局 + 字号
   8. 关于我们页面
   9. 行业方案左右分栏
   ========================================================================== */


/* ==========================================================================
   1. 首页 4 大业务深度区块（.home-services）
   ========================================================================== */
.home-services {
  padding: 80px 0 40px;
  background: #ffffff;
}
.home-service-block {
  padding: 48px 40px;
  margin-bottom: 32px;
  background: #f8fafc;
  border-radius: 20px;
  border: 1px solid #e2e8f0;
  transition: all .3s ease;
}
.home-service-block.hsb-alt {
  background: #ffffff;
}
.home-service-block:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 40px rgba(15,23,42,.08);
  border-color: transparent;
}
.hsb-title {
  font-size: 1.75rem;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 18px 0;
  line-height: 1.35;
  border-left: 5px solid #3b82f6;
  padding-left: 18px;
  background: none;
  -webkit-text-fill-color: #1e293b;
}
.hsb-desc {
  font-size: 1.02rem;
  line-height: 1.9;
  color: #475569;
  margin: 0 0 24px 0;
}
.hsb-points {
  list-style: none;
  padding: 0;
  margin: 0 0 28px 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 28px;
}
.hsb-points li {
  position: relative;
  padding-left: 22px;
  font-size: 0.96rem;
  color: #334155;
  line-height: 1.7;
  list-style: none;
}
.hsb-points li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #3b82f6;
  font-weight: 700;
}
.hsb-points li strong {
  color: #0f2b5c;
  font-weight: 600;
}
.hsb-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}
.hsb-btn {
  display: inline-flex;
  align-items: center;
  padding: 12px 28px;
  border-radius: 999px;
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  color: #ffffff !important;
  font-weight: 600;
  font-size: 0.98rem;
  text-decoration: none;
  box-shadow: 0 6px 20px rgba(59,130,246,.3);
  transition: all .3s ease;
}
.hsb-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(59,130,246,.4);
  color: #ffffff !important;
}
.hsb-link {
  font-size: 0.95rem;
  color: #64748b;
  border-bottom: 1px dashed #cbd5e1;
  text-decoration: none;
}
.hsb-link:hover {
  color: #3b82f6;
  border-bottom-color: #3b82f6;
}

/* 4 大业务卡强制一行 4 列 */
@media (min-width: 992px) {
  .services-grid-4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
  }
}
@media (max-width: 768px) {
  .home-services { padding: 50px 0 20px; }
  .home-service-block { padding: 30px 20px; margin-bottom: 20px; border-radius: 14px; }
  .hsb-title { font-size: 1.25rem; padding-left: 14px; border-left-width: 4px; }
  .hsb-desc { font-size: 0.95rem; line-height: 1.8; }
  .hsb-points { grid-template-columns: 1fr; gap: 8px; margin-bottom: 22px; }
  .hsb-points li { font-size: 0.92rem; }
  .hsb-links { gap: 14px; }
  .hsb-btn { padding: 10px 22px; font-size: 0.92rem; width: 100%; justify-content: center; }
}


/* ==========================================================================
   2. 首页 tab 样式
   - 案例 tab / 新闻 tab：胶囊按钮
   - 行业方案 tab：2 行 4 列网格
   ========================================================================== */

/* ---------- 2.1 案例 / 新闻 tab：胶囊按钮 ---------- */
.product-tabs,
.news-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 0 0 36px 0 !important;
  padding: 0 !important;
}
.product-tabs .tab-item,
.news-tabs .tab-item {
  display: inline-flex !important;
  align-items: center !important;
  padding: 9px 24px !important;
  border-radius: 999px !important;
  background: #f1f5f9 !important;
  color: #475569 !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all .25s ease !important;
  border: 1px solid transparent !important;
  user-select: none !important;
  text-decoration: none !important;
}
.product-tabs .tab-item:hover,
.news-tabs .tab-item:hover {
  background: #e2e8f0 !important;
  color: #1e293b !important;
}
.product-tabs .tab-item.active,
.news-tabs .tab-item.active {
  background: linear-gradient(135deg, #3b82f6, #1d4ed8) !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(59,130,246,.35) !important;
  border-color: transparent !important;
}

/* ---------- 2.2 行业方案 tab：2 行 4 列网格 ---------- */
.solution-tabs-2row {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 12px !important;
  max-width: 900px;
  margin: 0 auto 40px !important;
  padding: 0 20px;
}
.solution-tabs-2row .tab-item {
  text-align: center;
  padding: 12px 10px;
  border-radius: 10px;
  cursor: pointer;
  transition: all .3s ease;
  background: #f1f5f9;
  color: #475569;
  font-weight: 500;
  user-select: none;
}
.solution-tabs-2row .tab-item:hover {
  background: #e2e8f0;
  color: #1e293b;
}
.solution-tabs-2row .tab-item.active {
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  color: #fff;
  box-shadow: 0 4px 14px rgba(59,130,246,.35);
}
@media (max-width: 768px) {
  .solution-tabs-2row {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
    margin-bottom: 24px !important;
  }
  .solution-tabs-2row .tab-item {
    padding: 10px 6px;
    font-size: 0.9rem;
  }
}


/* ==========================================================================
   3. 面板显示控制（默认只显示 .active）
   ----------------------------------------------------------
   注意：.solution-panel 用 flex 布局（左右分栏），不能设成 block
   ========================================================================== */
.product-panels .product-panel { display: none !important; }
.product-panels .product-panel.active { display: block !important; }

.news-panels .news-panel { display: none !important; }
.news-panels .news-panel.active { display: block !important; }

.solution-panels .solution-panel { display: none !important; }
.solution-panels .solution-panel.active {
  display: flex !important;
  flex-direction: row !important;
  gap: 48px !important;
  align-items: center !important;
  padding: 40px !important;
  background: #f8fafc !important;
  border-radius: 20px !important;
  border: 1px solid #e2e8f0 !important;
}


/* ==========================================================================
   4. 首页案例卡片（3 列，标题限 2 行，图片 hover 放大）
   ========================================================================== */
.cases-section .cases-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
}
.case-card {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 4px 16px rgba(15,23,42,.06) !important;
  border: 1px solid #f1f5f9 !important;
  transition: all .3s ease !important;
}
.case-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 16px 40px rgba(15,23,42,.12) !important;
  border-color: transparent !important;
}
.case-card .case-image {
  display: block !important;
  height: 180px !important;
  overflow: hidden !important;
}
.case-card .case-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform .4s ease !important;
}
.case-card:hover .case-image img {
  transform: scale(1.06) !important;
}
.case-card .case-content {
  padding: 18px 20px 20px !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}
.case-card .case-content a {
  text-decoration: none !important;
  color: inherit !important;
}
.case-card .case-content h3 {
  font-size: 1rem !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  margin: 0 0 10px 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: break-word !important;
  min-height: 3rem !important;
  max-height: 3rem !important;
  transition: color .3s ease !important;
}
.case-card:hover .case-content h3 {
  color: #2563eb !important;
}
.case-card .case-content p {
  font-size: 0.88rem !important;
  line-height: 1.6 !important;
  color: #64748b !important;
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
@media (max-width: 992px) {
  .cases-section .cases-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 600px) {
  .cases-section .cases-grid { grid-template-columns: 1fr !important; }
  .case-card .case-image { height: 160px !important; }
}


/* ==========================================================================
   5. 区块底部"查看全部"按钮（.section-more）
   ========================================================================== */
.section-more {
  text-align: center !important;
  margin-top: 40px !important;
}
.section-more a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 13px 36px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #3b82f6, #1d4ed8) !important;
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 0.98rem !important;
  box-shadow: 0 6px 20px rgba(59,130,246,.3) !important;
  transition: all .3s ease !important;
  text-decoration: none !important;
}
.section-more a:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 28px rgba(59,130,246,.45) !important;
  color: #fff !important;
}


/* ==========================================================================
   6. Footer 5 栏布局 + 二维码占位
   ========================================================================== */
.flexContainer_14_music_43_4482 {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 24px !important;
  align-items: flex-start !important;
}
.qr-placeholder {
  width: 100px;
  height: 100px;
  background: #ffffff;
  border: 1px dashed rgba(255,255,255,.35);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: rgba(255,255,255,.75);
  margin-bottom: 8px;
}
.qr-placeholder span {
  font-size: 11px;
  line-height: 1;
}
.qr-placeholder svg {
  opacity: .8;
}
@media (max-width: 1200px) {
  .flexContainer_14_music_43_4482 {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
  }
}
@media (max-width: 768px) {
  .flexContainer_14_music_43_4482 {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
}
@media (max-width: 480px) {
  .flexContainer_14_music_43_4482 {
    grid-template-columns: 1fr !important;
  }
}


/* ==========================================================================
   7. 文章详情页 — 布局 + 图片溢出修复
   ========================================================================== */
.ns-layout {
  display: flex !important;
  gap: 32px !important;
  align-items: flex-start !important;
}
.ns-content {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}
.ns-sidebar {
  flex: 0 0 320px !important;
  max-width: 320px !important;
}
.ns-hero-image {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 32px 0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #f1f5f9 !important;
}
.ns-hero-image img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 510px !important;
  display: block !important;
  object-fit: cover !important;
}
@media (max-width: 900px) {
  .ns-layout { flex-direction: column !important; }
  .ns-content { flex: 1 1 auto !important; width: 100% !important; }
  .ns-sidebar { flex: 1 1 auto !important; max-width: 100% !important; width: 100% !important; }
  .ns-hero-image img { max-height: 240px !important; }
}


/* ==========================================================================
   8. 文章详情页 — 正文字号
   ========================================================================== */
.ns-body,
.ns-body p,
.ns-body li {
  font-size: 17px !important;
  line-height: 1.85 !important;
  color: #334155 !important;
}
.ns-body h2 {
  font-size: 22px !important;
  line-height: 1.5 !important;
  margin: 32px 0 16px !important;
  color: #0f2b5c !important;
}
.ns-body h3 {
  font-size: 19px !important;
  line-height: 1.5 !important;
  margin: 26px 0 12px !important;
  color: #0f2b5c !important;
}
.ns-body img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 8px !important;
  margin: 20px auto !important;
  display: block !important;
}
.ns-body blockquote {
  font-size: 16px !important;
  line-height: 1.8 !important;
  border-left: 4px solid #3b82f6 !important;
  padding: 12px 20px !important;
  background: #f8fafc !important;
  margin: 20px 0 !important;
  border-radius: 0 8px 8px 0 !important;
}
@media (max-width: 768px) {
  .ns-body, .ns-body p, .ns-body li { font-size: 16px !important; }
  .ns-body h2 { font-size: 19px !important; }
  .ns-body h3 { font-size: 17px !important; }
}


/* ==========================================================================
   9. 关于我们页面
   ========================================================================== */

/* ---------- 9.1 公司简介 ---------- */
.about-intro { padding: 80px 0; background: #ffffff; }
.about-intro-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 60px;
  align-items: start;
}
.about-intro-text .hsb-title { margin-bottom: 24px; }
.about-intro-text p {
  font-size: 1.02rem;
  line-height: 1.9;
  color: #475569;
  margin: 0 0 16px 0;
}
.about-intro-text strong { color: #0f2b5c; font-weight: 600; }
.about-intro-stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.stat-item {
  background: linear-gradient(135deg, #f8fafc, #eef2f7);
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 28px 20px;
  text-align: center;
}
.stat-item strong {
  display: block;
  font-size: 2.2rem;
  font-weight: 800;
  line-height: 1.1;
  margin-bottom: 8px;
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.stat-item span { font-size: 0.92rem; color: #64748b; }

/* ---------- 9.2 发展历程 ---------- */
.about-history { padding: 80px 0; background: #f8fafc; }
.timeline {
  max-width: 860px;
  margin: 0 auto;
  position: relative;
  padding-left: 40px;
}
.timeline::before {
  content: "";
  position: absolute;
  left: 11px;
  top: 10px;
  bottom: 10px;
  width: 2px;
  background: linear-gradient(180deg, #3b82f6, #d200ff);
  border-radius: 2px;
}
.timeline-item { position: relative; margin-bottom: 40px; }
.timeline-item:last-child { margin-bottom: 0; }
.timeline-dot {
  position: absolute;
  left: -35px;
  top: 8px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ffffff;
  border: 4px solid #3b82f6;
  box-shadow: 0 0 0 4px rgba(59,130,246,.15);
}
.timeline-content {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 28px 32px;
  transition: all .3s ease;
}
.timeline-content:hover {
  transform: translateX(4px);
  border-color: transparent;
  box-shadow: 0 12px 32px rgba(15,23,42,.08);
}
.timeline-content h3 { font-size: 1.2rem; color: #1e293b; font-weight: 700; margin: 0 0 10px 0; }
.timeline-content p { margin: 0; font-size: 0.98rem; line-height: 1.8; color: #475569; }

/* ---------- 9.3 我们的能力 ---------- */
.about-skills { padding: 80px 0; background: #ffffff; }
.skills-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-top: 20px;
}
.skill-card {
  padding: 32px 26px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  transition: all .3s ease;
  display: flex;
  flex-direction: column;
}
.skill-card:hover {
  transform: translateY(-6px);
  background: #ffffff;
  border-color: transparent;
  box-shadow: 0 16px 40px rgba(15,23,42,.1);
}
.skill-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  margin-bottom: 20px;
}
.skill-card h3 { font-size: 1.15rem; color: #1e293b; margin: 0 0 12px 0; font-weight: 700; }
.skill-card p { font-size: 0.95rem; line-height: 1.7; color: #475569; margin: 0 0 18px 0; flex: 1; }
.skill-card a { font-size: 0.92rem; color: #3b82f6; font-weight: 600; text-decoration: none; }
.skill-card a:hover { color: #1d4ed8; }

/* ---------- 9.4 服务承诺 ---------- */
.about-promise { padding: 80px 0; background: #f8fafc; }
.promise-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.promise-item {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 32px 28px;
  transition: all .3s ease;
}
.promise-item:hover {
  transform: translateY(-4px);
  border-color: transparent;
  box-shadow: 0 12px 32px rgba(15,23,42,.08);
}
.promise-icon { font-size: 2rem; margin-bottom: 14px; }
.promise-item h4 { font-size: 1.1rem; color: #1e293b; margin: 0 0 10px 0; font-weight: 700; }
.promise-item p { margin: 0; font-size: 0.95rem; line-height: 1.7; color: #475569; }

/* ---------- 9.5 联系我们 ---------- */
.about-contact {
  padding: 80px 0;
  background: linear-gradient(135deg, #0f2b5c 0%, #1a2a6c 100%);
}
.contact-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 60px;
  align-items: center;
  padding: 60px 60px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 24px;
}
.contact-left h2 { font-size: 1.9rem; color: #ffffff; margin: 0 0 18px 0; font-weight: 700; }
.contact-left > p { font-size: 1rem; color: rgba(255,255,255,.85); line-height: 1.85; margin: 0 0 28px 0; }
.contact-items { display: grid; gap: 14px; margin-bottom: 32px; }
.contact-line { display: flex; align-items: center; gap: 12px; color: rgba(255,255,255,.9); font-size: 1rem; }
.contact-line i { width: 22px; text-align: center; color: #4facfe; font-size: 1.05rem; }
.contact-actions { display: flex; gap: 16px; flex-wrap: wrap; }
.contact-right { text-align: center; }
.qr-placeholder-lg {
  width: 180px;
  height: 180px;
  margin: 0 auto 14px;
  background: #ffffff;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #64748b;
}
.qr-placeholder-lg span { font-size: 13px; color: #64748b; }
.qr-placeholder-lg svg { color: #3b82f6; opacity: .8; }
.contact-right p { color: rgba(255,255,255,.75); font-size: 0.95rem; margin: 0; }

/* ---------- 9.6 关于我们响应式 ---------- */
@media (max-width: 1200px) {
  .skills-grid { grid-template-columns: repeat(2, 1fr); }
  .promise-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 992px) {
  .about-intro-wrap { grid-template-columns: 1fr; gap: 40px; }
  .contact-card { grid-template-columns: 1fr; gap: 40px; padding: 40px 28px; text-align: center; }
  .contact-actions { justify-content: center; }
  .contact-line { justify-content: center; }
}
@media (max-width: 768px) {
  .about-intro, .about-history, .about-skills, .about-promise, .about-contact { padding: 50px 0; }
  .skills-grid, .promise-grid { grid-template-columns: 1fr; gap: 16px; }
  .timeline { padding-left: 32px; }
  .timeline-content { padding: 22px 22px; }
  .timeline-content h3 { font-size: 1.05rem; }
  .timeline-content p { font-size: 0.92rem; }
  .stat-item strong { font-size: 1.8rem; }
  .contact-left h2 { font-size: 1.5rem; }
  .qr-placeholder-lg { width: 150px; height: 150px; }
}


/* ==========================================================================
   10. 行业方案 — 左侧文字 + 右侧图片
   ----------------------------------------------------------
   关键：display 用 flex（不是 block），否则左右分栏失效
   注意：.solution-panels .solution-panel.active 已在第 3 节统一定义
   ========================================================================== */

/* 左右分栏的子元素比例 */
.solution-panel .panel-left {
  flex: 1 1 0 !important;
  min-width: 0 !important;
}
.solution-panel .panel-right {
  flex: 0 0 42% !important;
  max-width: 42% !important;
}

/* 右侧图片区 */
.solution-panel .panel-right .panel-image {
  width: 100% !important;
  height: 320px !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border-radius: 16px !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 10px 30px rgba(15,23,42,.12) !important;
  background-color: #e2e8f0 !important;
}
.solution-panel .panel-right .image-overlay {
  position: absolute !important;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 16px 20px !important;
  background: linear-gradient(0deg, rgba(0,0,0,.7), rgba(0,0,0,0)) !important;
  color: #fff !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.4) !important;
}

/* 左侧文字 */
.solution-panel .panel-left .panel-title {
  font-size: 1.75rem !important;
  font-weight: 700 !important;
  color: #0f2b5c !important;
  margin: 0 0 16px 0 !important;
}
.solution-panel .panel-left .panel-desc {
  font-size: 1rem !important;
  line-height: 1.85 !important;
  color: #475569 !important;
  margin: 0 0 24px 0 !important;
}
.solution-panel .panel-left .panel-features {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 28px 0 !important;
  display: grid !important;
  gap: 12px !important;
}
.solution-panel .panel-left .panel-features li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  font-size: 0.98rem !important;
  color: #334155 !important;
  line-height: 1.7 !important;
}
.solution-panel .panel-left .panel-features li i {
  color: #3b82f6 !important;
  font-size: 1.1rem !important;
  margin-top: 3px !important;
  flex-shrink: 0 !important;
}
.solution-panel .panel-left .panel-actions {
  display: flex !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}

/* 响应式：窄屏纵向堆叠 */
@media (max-width: 900px) {
  .solution-panels .solution-panel.active {
    flex-direction: column !important;
    gap: 28px !important;
    padding: 28px 22px !important;
  }
  .solution-panel .panel-right {
    flex: 1 1 auto !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .solution-panel .panel-right .panel-image {
    height: 220px !important;
  }
  .solution-panel .panel-left .panel-title {
    font-size: 1.4rem !important;
  }
}