.steps .col3-items1{display:flex;gap:49px}@media (min-width:768px){section.steps.vertical .col3-items1{flex-direction:column;gap:15px}}.steps .col3-items1 .item{background:#fff;border:5px solid #000;border-radius:5px;cursor:pointer;padding:33px 25px;width:calc(33.33333% - 33.33333px)}.steps .col3-items1 .item.active,.steps .col3-items1 .item:hover{border:5px solid #0106e1}section.steps.vertical .col3-items1 .item{padding:20px 14px;transition:.3s ease-in-out}section.steps.vertical .col3-items1 .item,section.steps.vertical .col3-items1 .item.active,section.steps.vertical .col3-items1 .item:hover{border:unset}section.steps.vertical .col3-items1 .item.active,section.steps.vertical .col3-items1 .item:hover{background:#dde0ff}.steps .col3-items1 .item .title{align-items:center;display:flex;gap:27px;margin-bottom:15px}section.steps.vertical .col3-items1 .item .title{margin-bottom:0}.steps .col3-items1 .item p.p-t{font-family:Noto Sans;font-size:18px;font-style:normal;font-weight:400;line-height:24px}section.steps.vertical .hide-text{display:none}.steps .col3-items1 .item .title h3{margin-bottom:0}@media (max-width:991px){.steps .col3-items1{gap:13px 13px}.steps .col3-items1 .item{width:calc(33.33333% - 8.66667px)}}@media (max-width:767px){.steps .col3-items1{flex-wrap:wrap;justify-content:center}body .steps .col3-items1 .item{padding:16px 10px;width:calc(50% - 7px)}.steps .col3-items1 .item>p{display:none}.steps .col3-items1 .item .title{display:flex;gap:12px;margin-bottom:0}.steps .col3-items1 .item .title img{width:30px}}.steps .cases1{margin-top:70px;position:relative}.steps .cases1 .flex{align-items:center;display:flex;flex-flow:row-reverse;gap:49px}.steps .cases1 .flex .text{width:52%}.steps .cases1 .flex .text h2{margin-bottom:30px}.steps .cases1 .flex .image{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);text-align:center;width:52%;grid-column-gap:20px;grid-row-gap:20px}.steps .cases1 .flex .image img{border:5px solid #fff;border-radius:5px;cursor:pointer;max-width:100%}.steps .cases1 .flex .image img.active,.steps .cases1 .flex .image img:hover{border:5px solid #0106e1}.steps .cases1 .flex .image .img1{grid-area:2/1/3/2;margin-left:auto}.steps .cases1 .flex .image .img2{grid-area:1/1/2/2;margin-left:auto}.steps .cases1 .flex .image .img3{grid-area:1/2/3/3;margin:auto}.steps .cases1 .flex .text .steps-item .step{margin-bottom:32px}.steps .cases1 .flex .text .steps-item .step .title{color:#1f1f1f;cursor:pointer;font-family:Campton;font-size:24px;font-style:normal;font-weight:500;line-height:normal}.steps .cases1 .flex .text .steps-item .step .text{color:#0d0d0d;font-family:Noto Sans;font-size:18px;font-style:normal;font-weight:300;line-height:20px;margin-top:15px;width:100%}.steps .cases1 .flex .text .steps-item .step.active .text{display:block!important}.steps .cases1 .flex .text .steps-item .step.active .title img{transform:rotate(180deg)}@media (max-width:1400px){.steps .cases1 .flex .image{width:60%}}@media (max-width:991px){.steps .cases1 .flex{align-items:baseline;flex-flow:column;flex-flow:column-reverse}.steps .cases1 .flex .image{grid-column-gap:10px;grid-row-gap:10px}.steps .cases1 .flex .image,.steps .cases1 .flex .text{width:100%}.steps .cases1 .flex .text .steps-item .step .text,.steps .cases1 .flex .text .steps-item .step .title{font-size:16px}}