.elementor-481 .elementor-element.elementor-element-ce3aaab{--display:flex;--min-height:350px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-481 .elementor-element.elementor-element-ce3aaab:not(.elementor-motion-effects-element-type-background), .elementor-481 .elementor-element.elementor-element-ce3aaab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://clarixtaxsolutions.co.uk/wp-content/uploads/2026/05/Office.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-481 .elementor-element.elementor-element-ce3aaab::before, .elementor-481 .elementor-element.elementor-element-ce3aaab > .elementor-background-video-container::before, .elementor-481 .elementor-element.elementor-element-ce3aaab > .e-con-inner > .elementor-background-video-container::before, .elementor-481 .elementor-element.elementor-element-ce3aaab > .elementor-background-slideshow::before, .elementor-481 .elementor-element.elementor-element-ce3aaab > .e-con-inner > .elementor-background-slideshow::before, .elementor-481 .elementor-element.elementor-element-ce3aaab > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-481 .elementor-element.elementor-element-7959eb4{padding:15px 0px 15px 0px;text-align:center;}.elementor-481 .elementor-element.elementor-element-7959eb4 .elementor-heading-title{font-family:"Noto Sans SC", Sans-serif;font-weight:700;color:var( --e-global-color-450b364 );}.elementor-481 .elementor-element.elementor-element-8316ed4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-481 .elementor-element.elementor-element-9797a1b{--display:flex;}.elementor-481 .elementor-element.elementor-element-9797a1b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-481 .elementor-element.elementor-element-b05f7b4{width:var( --container-widget-width, 127.251% );max-width:127.251%;--container-widget-width:127.251%;--container-widget-flex-grow:0;}.elementor-481 .elementor-element.elementor-element-b05f7b4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-481 .elementor-element.elementor-element-b05f7b4 .elementor-heading-title{font-family:"Noto Sans SC", Sans-serif;font-size:30px;font-weight:700;color:#003595;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-481 .elementor-element.elementor-element-dda62bf{font-family:"Noto Sans SC", Sans-serif;font-weight:400;}.elementor-481 .elementor-element.elementor-element-f9f32f8{width:var( --container-widget-width, 127.251% );max-width:127.251%;--container-widget-width:127.251%;--container-widget-flex-grow:0;}.elementor-481 .elementor-element.elementor-element-f9f32f8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-481 .elementor-element.elementor-element-f9f32f8 .elementor-heading-title{font-family:"Noto Sans SC", Sans-serif;font-size:24px;font-weight:700;color:#003595;}.elementor-481 .elementor-element.elementor-element-4c63bef{--display:flex;}.elementor-481 .elementor-element.elementor-element-e741883{--display:flex;}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-481 .elementor-element.elementor-element-d115921{--iteration-count:infinite;--animation-duration:1200ms;}.elementor-481 .elementor-element.elementor-element-d115921 .elementor-headline{text-align:center;font-family:"Philosopher", Sans-serif;font-size:30px;font-weight:700;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-481 .elementor-element.elementor-element-9fd4c00 .elementor-button{font-family:"Noto Sans SC", Sans-serif;font-weight:500;}.elementor-481 .elementor-element.elementor-element-688843b{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-481 .elementor-element.elementor-element-9797a1b{--width:97.844%;}}@media(max-width:1024px){.elementor-481 .elementor-element.elementor-element-ce3aaab{--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-481 .elementor-element.elementor-element-8316ed4{--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-481 .elementor-element.elementor-element-9797a1b{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-481 .elementor-element.elementor-element-dda62bf{width:var( --container-widget-width, 720px );max-width:720px;--container-widget-width:720px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-481 .elementor-element.elementor-element-7959eb4 .elementor-heading-title{font-size:60px;}.elementor-481 .elementor-element.elementor-element-9fd4c00.elementor-element{--order:99999 /* order end hack */;}}/* Start custom CSS for html, class: .elementor-element-be8825e *//* 整体容器 */
.clarix-cards-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px; /* 稍微减小了卡片之间的间距，让页面更紧凑 */
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
}

/* 单个卡片样式 */
.clarix-card-item {
  padding: 20px; /* 调整了内边距，手机端不会显得太空或太挤 */
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0,0,0,.02);
  transition: all 0.3s ease;
}

/* 卡片标题区域 */
.clarix-card-item h3 {
  color: #003595;
  margin: 0 0 12px;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: flex-start; /* 关键：让图标和文字顶部对齐，避免换行时错位 */
  gap: 12px; /* 图标和文字的距离 */
  line-height: 1.4;
}

/* 图标核心修复：强制固定大小，禁止缩放 */
.card-icon-svg {
  width: 24px;   /* 强制宽度 */
  height: 24px;  /* 强制高度 */
  flex-shrink: 0; /* 关键：禁止图标在Flex布局中被挤压变形 */
  margin-top: 2px; /* 微调图标垂直位置，使其视觉上更居中 */
}

/* 正文描述 */
.clarix-card-item p {
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: #333;
}

/* ========================================== */
/* 手机端适配优化 (针对 768px 以下的屏幕) */
/* ========================================== */
@media (max-width: 768px) {
  .clarix-card-item {
    padding: 16px; /* 手机端稍微减小左右留白，防止文字被挤出屏幕 */
  }
  
  .clarix-card-item h3 {
    font-size: 16px;
    gap: 10px; /* 手机端减小图标和文字的间距 */
  }
  
  /* 确保图标在手机端依然保持固定大小，不会被拉伸 */
  .card-icon-svg {
    width: 22px; 
    height: 22px;
  }

  .clarix-card-item p {
    font-size: 14px;
    line-height: 1.6; /* 稍微收紧行高，增加段落密度，减少拥挤感 */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9797a1b *//* --- 手机端专属优化 (Mobile Only) --- */
@media (max-width: 768px) {

  /* 1. 核心容器：强制左右留白 20px，这是“不挤”的关键 */
  .zh-content-wrapper {
    padding-left: 20px !important;
    padding-right: 20px !important;
    max-width: 100% !important;
    overflow-x: hidden !important; /* 防止横向滚动条 */
  }

  /* 2. 大标题瘦身：缩小字号，显得更精致 */
  .zh-content-wrapper h1,
  .zh-content-wrapper h2 {
    font-size: 24px !important;      /* 标题从大改小 */
    line-height: 1.4 !important;     /* 行距紧凑一点，避免占地太高 */
    margin-bottom: 20px !important;
    font-weight: 700 !important;
  }

  /* 3. 正文段落：字号缩小 + 行高拉大 = 高级感 */
  .zh-content-wrapper p {
    font-size: 15px !important;      /* 手机上 15px 最舒服，不费眼 */
    line-height: 1.75 !important;    /* 行高拉大，文字之间透气 */
    letter-spacing: 0.5px !important;/* 字间距微调，中文看着不糊 */
    margin-bottom: 16px !important;
    color: #333333 !important;       /* 字体颜色不要太黑，#333 更柔和 */
  }

  /* 4. 小标题 (H3/H4)：保持层次分明 */
  .zh-content-wrapper h3,
  .zh-content-wrapper h4 {
    font-size: 19px !important;
    margin-top: 30px !important;
    margin-bottom: 12px !important;
  }

  /* 5. 图标模块 (Icon Box)：垂直居中，更适合手机竖屏 */
  .zh-content-wrapper .elementor-widget-icon-box {
    text-align: center !important;
    margin-bottom: 30px !important;
  }
  
  .zh-content-wrapper .elementor-widget-icon-box .elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: column !important; /* 改为上下排列 */
    align-items: center !important;
  }

  .zh-content-wrapper .elementor-widget-icon-box .elementor-icon-box-icon {
    margin-bottom: 15px !important;
    margin-right: 0 !important; /* 取消左右边距 */
  }
  
  .zh-content-wrapper .elementor-widget-icon-box .elementor-icon-box-content {
    text-align: center !important;
  }
}/* End custom CSS */