#steps{background-color:#f4f4f4;padding:80px 0 85px}.is-1400{max-width:1440px}#steps h2{grid-column:1/-1;margin-bottom:42px;padding-top:100px}#steps h2.pt-0{padding-top:0}#steps .box-grid{display:grid;gap:32px;grid-template-columns:repeat(2,1fr);margin-bottom:50px}#steps .box-grid:last-child{margin-bottom:0}#steps .box-card{background-color:#fff;border-radius:20px;display:flex;flex-direction:column;gap:72px;justify-content:space-between;opacity:0;overflow:hidden;padding:32px;text-decoration:none;transform:translateY(20px);transition:background-color .35s ease}#steps .box-card.is-blue{background-color:#191c2f}#steps .box-card.is-black{background-color:#24242c}#steps .box-card.is-gray{background-color:#dfe0e4}#steps .box-card:hover{background-color:#ebebeb}#steps .box-card.is-blue:hover{background-color:#2b2e40}#steps .box-card.is-black:hover{background-color:#36363d}#steps .box-card.is-gray:hover{background-color:#cdced2}#steps .box-card img{display:block}#steps .build .box-card.second img{transform:translateY(20px);transition:all .35s ease}#steps .build .box-card.second:hover img{transform:translateY(1px)}#steps .build .box-card .image-wrapper{position:relative}#steps .build .box-card.third .image-wrapper img{max-width:357px;width:100%}#steps .build .box-card.third .image-wrapper img.first{left:0;position:absolute;top:-35%}#steps .build .box-card.third .image-wrapper img.second{margin-left:auto;position:relative;z-index:2}#steps .build .box-card.third img{transition:all .35s ease}#steps .build .box-card.third:hover img{transform:translateY(-20px)}#steps .build .box-card.third:hover img.second{transition-delay:.2s}#steps .build .box-card.fourth .image-wrapper{position:relative}#steps .build .box-card.fourth .image-wrapper img{transform:translateY(10px);transition:all .35s ease}#steps .build .box-card.fourth:hover .image-wrapper img{transform:translateY(1px)}#steps .build .box-card.fourth .image-wrapper img.first{padding-right:50px}#steps .build .box-card.fourth .image-wrapper img.second{bottom:0;position:absolute;right:0;transition-delay:.2s;width:56%}#steps .secure .box-card .image-wrapper{position:relative}#steps .secure .box-card.second .image-wrapper img.first{width:87%}#steps .secure .box-card.second .image-wrapper img.second{bottom:-5px;position:absolute;right:0;transition-delay:.2s;width:46%}#steps .operate .box-card .image-wrapper img,#steps .secure .box-card .image-wrapper img{transition:all .35s ease}#steps .operate .box-card:hover .image-wrapper img,#steps .secure .box-card:hover .image-wrapper img{transform:translateY(-15px)}#steps .operate .box-card .image-wrapper{align-items:center;display:flex;position:relative}#steps .operate .box-card.first .image-wrapper img.first{width:61%}#steps .operate .box-card.first .image-wrapper .second{position:absolute;right:0;transition:all .35s ease;transition-delay:.2s;width:65%;z-index:2}#steps .operate .box-card.first:hover .image-wrapper .second{transform:translateY(-15px)}#steps .operate .box-card.first .image-wrapper .second img{transform:none}#steps .operate .box-card.first .switch{background:#dcdde5;border-radius:50px;height:26px;position:absolute;right:10%;top:20%;transition:all .4s ease-in-out;width:52px;z-index:3}#steps .operate .box-card.first .switch .switch-circle{background:#fff;border-radius:50px;height:16px;left:4px;position:absolute;top:50%;transform:translateY(-50%);transition:all .4s ease-in-out;width:16px}#steps .operate .box-card.first:hover .switch .switch-circle{left:32px}#steps .operate .box-card.first:hover .switch{background:#46c779}#steps .operate .box-card.second .image-wrapper img.first{width:63%}#steps .operate .box-card.second .image-wrapper .second{position:absolute;right:0;transition-delay:.2s;width:73%;z-index:2}#steps .build .box-card.fourth h4.heading-20{display:flex;gap:16px}#steps .box-card h4.heading-20{font-size:20px;font-weight:600;letter-spacing:-.01em;line-height:24px;margin-bottom:8px;text-wrap:pretty}#steps .box-card h4,.box-card p{color:var(--dark-blue)}#steps .box-card.is-black h4,#steps .box-card.is-black p,#steps .box-card.is-blue h4,#steps .box-card.is-blue p{color:#fff}#steps .box-card p{font-size:16px;font-weight:400;line-height:150%;margin-bottom:16px;opacity:.8}#steps .build .box-card.second{color:#fff;padding:32px 0 0 32px}#steps .build .box-card.fourth{gap:55px;padding-bottom:0}#steps .build .box-card.second .top-copy{padding-right:32px}#steps .arrowed-link{border-bottom:1px solid hsla(0,0%,100%,0);color:#0a0f39;font-size:16px;font-weight:600;letter-spacing:-.02em;line-height:24px;margin-right:16px}#steps .build .box-card:hover .arrowed-link,#steps .operate .arrowed-link:hover,#steps .secure .box-card:hover .arrowed-link{border-bottom:1px solid var(--dark-blue)}#steps .build .box-card.is-black:hover .arrowed-link,#steps .build .box-card.is-blue:hover .arrowed-link,#steps .secure .box-card.is-black:hover .arrowed-link,#steps .secure .box-card.is-blue:hover .arrowed-link{border-bottom:1px solid #fff}#steps .arrowed-link:after{display:none}#steps .box-card.is-black .arrowed-link,#steps .box-card.is-blue .arrowed-link{color:#fff}#steps .box-card.is-black .arrowed-link:hover,#steps .box-card.is-blue .arrowed-link:hover{border-bottom:1px solid #fff}#steps .slider-w{display:flex;justify-content:center}#steps .slider{align-items:center;display:flex;height:260px;position:relative;transition:all .35s ease;width:100%}#steps .box-card.first:hover .slider{transform:translateY(-20px)}#steps .item{align-items:center;border-radius:16px;display:flex;display:block;justify-content:center;max-width:472px;position:absolute;transform-origin:left center;width:100%}#steps .item img{max-width:100%;transition:all .4s ease;width:100%}#steps .item:nth-child(3){background-color:#282c34;left:0;max-width:472px}#steps .item:nth-child(2){background-color:#3e424b;left:14%;max-width:452px}#steps .item:first-child{background-color:#707277;left:26%;max-width:435px}@media (min-width:991px){#steps .build .box-card p{max-width:550px}#steps .build .box-card.second p,#steps .build .box-card.third p{max-width:530px}}@media (max-width:767px){#steps .box-grid{gap:28px;grid-template-columns:1fr;margin-bottom:0}#steps h2{grid-column:1/-1;margin-bottom:16px;padding-top:100px}#steps .box-card h4.heading-20{font-size:18px;line-height:22px}#steps .box-card{border-radius:16px;gap:32px;padding:24px}#steps .build .box-card.second{padding:24px 0 0 24px}#steps .box-card.third{border-radius:16px;gap:100px;padding:24px}#steps .build .box-card.third .image-wrapper img.second{padding-left:50px}#steps .build .box-card.third .image-wrapper img.first{padding-right:50px}#steps .operate .box-card.first .switch{height:16px;width:34px}#steps .operate .box-card.first .switch .switch-circle{height:12px;left:2px;top:50%;transform:translateY(-50%);width:12px}#steps .operate .box-card.first:hover .switch .switch-circle{left:20px}}@media (max-width:575px){#steps .slider{height:200px}#steps .item:nth-child(3){max-width:280px}#steps .item:nth-child(2){max-width:260px}#steps .item:first-child{max-width:245px}#steps .item{border-radius:10px}#steps .box-card p{line-height:140%}#steps .box-card.fourth h4.heading-20{display:flex;justify-content:space-between}#steps .build .box-card.fourth{gap:30px;padding-bottom:0}#steps .box-card{border-radius:16px;gap:46px;padding:24px}}