.manual_effect{}
.manual_effect ul{display:grid;grid-template-columns:repeat(5, 1fr)}
.manual_effect ul li{position:relative}
.manual_effect ul li:after{content:"";width:1px;height:90%;position:absolute;right:0;top:50%;transform:translateY(-50%);background:#f1f1f1}
.manual_effect ul li:last-child:after{display:none}
.manual_effect ul li i{font-size:50px;text-align:center;display:Block;}
.manual_effect ul li p{text-align:center;font-weight:600;}
.manual_effect ul li p span{display:block;font-size:14px;font-weight:800;margin-bottom:2px;}

.page_step ul {grid-template-columns: repeat(4, 1fr); gap: 0 30px;}


.page_effect{}
.page_effect .ctt{}
.page_effect h4{}
.page_effect ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:40px;}
.page_effect ul li{display:flex;align-items:center;justify-content:space-between;border-radius:15px;background:#f8f8f8;}
.page_effect ul li img{width:30%;border-radius:10px;}
.page_effect ul li div{width:65%}
.page_effect ul li p{line-height:1.4;font-weight:400}

@media screen and (max-width:768px){
  .manual_effect ul {grid-template-columns: repeat(2, 1fr);gap:30px 0}
  .manual_effect ul li:after{display:none;}
  .manual_effect ul li i {
    font-size: 30px;}
  
  .page_step ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;}

.page_effect ul {
    grid-template-columns: repeat(1, 1fr);
  gap: 20px;}
  .page_effect ul li{flex-wrap:wrap}
  .page_effect ul li img{width:100%}
  .page_effect ul li div{padding:30px 20px}
}