﻿.process-one{position:relative;display:block;counter-reset:count;padding:50px 0 50px;z-index:1}.process-one__shape-1{position:absolute;width:481px;height:448px;right:-221px;bottom:0;background:rgba(110,84,243,0.20);filter:blur(150px);border-radius:50%;z-index:-1}
.process-one__single-inner{position:relative;display:block;/*text-align:center;*/margin-bottom:30px;z-index:1}
.process-one__single{position:relative;display:block;/*text-align:center;*/background-color:var(--itzone-white);box-shadow:0 10px 60px 0 rgb(0 0 0 / 7%);padding:50px 29px;border-radius:var(--itzone-bdr-radius);z-index:1;    border-radius: 15px; min-height: 250px;}
.process-one__single3{position:relative;display:block;/*text-align:center;*/background-color:var(--itzone-white);box-shadow:0 10px 60px 0 rgb(0 0 0 / 7%);padding:50px 29px;border-radius:var(--itzone-bdr-radius);z-index:1;    border-radius: 15px; min-height: 320px;}
.process-one__single2{position:relative;display:block;/*text-align:center;*/background-color:#fbfbfb;box-shadow:0 10px 60px 0 rgb(0 0 0 / 7%);padding:20px 40px;border-radius:var(--itzone-bdr-radius);z-index:1;    border-radius: 15px; }
.process-one__single::before{content:"";position:absolute;top:10px;left:10px;right:10px; 
bottom:10px;border: 1px solid rgba(var(--itzone-base-rgb),0.05);
    background-color: var(--itzone-extra); 
    border-radius: 10px;z-index:-1}
.process-one__single3::before{content:"";position:absolute;top:10px;left:10px;right:10px; 
bottom:10px;border: 1px solid rgba(var(--itzone-base-rgb),0.05);
    background-color: var(--itzone-extra); 
    border-radius: 10px;z-index:-1}
/*.process-one__icon{position:relative;display:flex;align-items:center;justify-content:center;width:80px;height:74px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-size:cover;mask-size:cover;margin:0 auto}*/
.project-home__dian {
    position: relative;
    padding-left: 17px;
    line-height: 32px;
    height: 32px;
    overflow: hidden;
    display: block;
    font-size: 18px; color:#FFF;
}
.project-home__dian::after {
    content: '';
    position: absolute;
    top: 14px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #fff;
}
.project-one__dian {
    position: relative;
    padding-left: 17px;
    line-height: 32px;
    height: 32px;
    overflow: hidden;
    display: block;
    font-size: 18px;
}
.project-one__dian::after {
    content: '';
    position: absolute;
    top: 14px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #fff;
}
.process-one__icon span{position:relative;display:inline-block;font-size:55px;color:var(--itzone-base);transition:all 500ms linear;transition-delay:.1s}
.process-one__single-inner:hover .process-one__icon span{-webkit-animation-name:wobble-horizontal-hover;animation-name:wobble-horizontal-hover;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}
.process-one__title{font-size:24px;font-weight:700;line-height:34px;margin:17px 0 13px}
.process-one__single2 .process-one__title{font-size:24px;font-weight:700;line-height:34px;margin:0 0 13px}
.process-one__count{position:relative;display:block;margin-top:-35px;z-index:1}
.process-one__count::before{position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border:10px solid var(--itzone-white);background-color:var(--itzone-base);border-radius:50%;font-size:16px;line-height:16px;font-weight:700;color:var(--itzone-white);counter-increment:count 1;content:"0"counter(count);margin:0 auto;box-shadow:0 10px 60px 0 rgb(0 0 0 / 7%);-webkit-transition:all 500ms ease;transition:all 500ms ease;z-index:-1}
.process-one__single-inner:hover .process-one__count::before{background-color:var(--itzone-black)}
.process-two{position:relative;display:block;padding:90px 0 90px;counter-reset:count;z-index:1}.process-two__bg-shape{position:absolute;bottom:0;left:0;right:0;top:0;/*opacity:.10;*/background-repeat:no-repeat;background-size:cover;background-position:center;z-index:-1}.process-two .section-title{margin-bottom:91px}
.process-two__single{position:relative;display:block;background-color:var(--itzone-white);border-radius:50%;box-shadow:0 10px 60px 0 rgb(0 0 0 / 9%);padding:35px 35px 31px;margin-bottom:60px;text-align:center;margin-left:10px;margin-right:10px;z-index:1;height: 210px;width: 210px;}
.process-two__single:hover{box-shadow: 0 10px 60px 0 rgb(3 0 174 / 20%);}
.process-two ul li:nth-child(2) .process-two__count{bottom:inherit;top:-20px}
.process-two ul li:nth-child(4) .process-two__count{bottom:inherit;top:-20px}
/*.process-two__icon{position:relative;display:flex;align-items:center;justify-content:center;width:80px;height:74px;background-color:rgba(var(--itzone-base-rgb),1);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-size:cover;mask-size:cover;margin:0 auto}*/
.process-two__icon span{position:relative;display:inline-block;font-size:37px;color:var(--itzone-white);transition:all 500ms ease}
.process-two__single:hover .process-two__icon span{-webkit-animation-name:wobble-horizontal-hover;animation-name:wobble-horizontal-hover;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}
/*.process-two__count{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);z-index:1}*/
.process-two__count::before{position:relative;font-size:35px;line-height:35px;font-weight:700;color:transparent;-webkit-text-stroke:1px #0068d7;font-family:var(--itzone-font-two);counter-increment:count;content:"0"counter(count);-webkit-transition:all 500ms ease;transition:all 500ms ease}
.process-two__single:hover .process-two__count::before{-webkit-text-stroke:1px rgba(var(--itzone-base-rgb),1)}
.process-two__title{color:var(--itzone-black);font-size:22px;font-weight:700;line-height:32px;margin-top:5px;margin-bottom:15px;-webkit-transition:all 500ms ease;transition:all 500ms ease}
.process-two__single-shape-1{position:absolute;bottom:-40px;right:-190px;height:2px;width:330px;background-color:#0068D8}
.process-two__single-shape-1::before{content:"";position:absolute;bottom:0;left:0;width:2px;height:10px;background-color:#0068D8}
.process-two__single-shape-1::after{content:"";position:absolute;bottom:20px;right:-6px;width:15px;height:15px;background-color:#0068D8;clip-path:polygon(50% 0,0% 100%,100% 100%)}
.process-two__single-shape-2{position:absolute;bottom:-40px;right:-190px;width:2px;height:20px;background-color:#0068D8}
.process-two ul li:nth-child(2) .process-two__single-shape-1{top:-40px}
.process-two ul li:nth-child(2) .process-two__single-shape-1::before{top:0}
.process-two ul li:nth-child(2) .process-two__single-shape-1::after{top:20px;clip-path:polygon(50% 100%,0 0,100% 0)}
.process-two ul li:nth-child(2) .process-two__single-shape-2{top:-40px}
.process-two ul li:nth-child(4) .process-two__single-shape-1{top:-40px}
.process-two ul li:nth-child(4) .process-two__single-shape-1::before{top:0}
.process-two ul li:nth-child(4) .process-two__single-shape-1::after{top:20px;clip-path:polygon(50% 100%,0 0,100% 0)}
.process-two ul li:nth-child(4) .process-two__single-shape-2{top:-40px}
