.ci-graphic { display: flex; padding: 10px 15px;}
.ci-graphic .item {  display: flex; align-items: center;}
.ci-graphic .item .ci-text { position: relative; font-size: 15px; padding: 0 15px; line-height: 1.6; font-weight: 400; color: #3d4049; width: 350px; }
.ci-graphic .item .ci-text span { font-weight: 600; font-size: 18px;}
.ci-graphic img { max-width: 100%; height: auto;}


@media all and (max-width: 1024px) {
	/* content */
	.ci-graphic { display: flex; flex-direction: row; padding: 0; gap: 20px;}
  .ci-graphic .item { flex: 1; display: flex; flex-direction: column; align-items: center;}
  .ci-graphic .item img { max-width: 100%; padding: 15px 0;}
  .ci-graphic .item .ci-text { text-align: center; width: 100%; padding:0;}
}

@media (max-width: 550px) {
  .ci-graphic .item .ci-text { text-align: left; font-size: 14px; }
  .graphic { padding-left: 0; padding-right: 0;}
}