@import"animations.css";h2.h2{font-weight:200}ul li{font-size:20px;line-height:30px}.mc-button{display:flex;justify-content:center;align-items:center;width:306px;max-width:100%;height:45px;border-radius:60px;font-size:18px;font-weight:500;transition:all .4s ease-in-out}.mc-button--white{color:#2770e8;background:#fff}.mc-button--white:hover{background:#0b2d65;color:#fff}.hero{padding-top:144px;margin-bottom:46px;background:linear-gradient(274deg,#00c6fb,#005bea)}.hero h1.h1,.hero h2.h2{color:#fff}.hero h1.h1{margin-bottom:32px;line-height:normal;letter-spacing:-.15px}.hero h2.h2{padding-right:12%;margin-bottom:24px;line-height:48px;letter-spacing:.088px;font-weight:200}.hero .hero-img{margin:52px 0 0 32px}.mc-card{background:#fff;box-shadow:0 8px 24px #959da533;border-radius:20px;height:288px}.mc-card .mc-card__header{display:flex;align-items:center;justify-content:center;padding:19px 20px 16px;border-radius:20px 20px 0 0;background:#2770e8;min-height:93px}.mc-card .mc-card__header h3.h3{margin-bottom:0;color:#fff;font-size:25px;font-weight:400;text-align:center}.mc-card p{padding:20px 30px 28px;letter-spacing:.1px;line-height:30px}.tabs{display:flex;justify-content:space-between;padding:0;margin:0}.tab{--r: 12px;padding-inline:10px;border-inline:var(--r) solid #0000;border-radius:calc(2*var(--r)) calc(2*var(--r)) 0 0/var(--r);mask:radial-gradient(var(--r) at var(--r) 0,#0000 98%,#000 101%) calc(-1*var(--r)) 100%/100% var(--r) repeat-x,conic-gradient(#000 0 0) padding-box;background:#dfdfdf;width:25%;transition:all .3s ease-in-out;cursor:pointer}.tab.left{border-left-width:0;border-top-left-radius:12px}.tab.right{border-right-width:0;border-top-right-radius:12px}.tab .tab-img{display:flex;justify-content:center;align-items:center;margin:23px 0 18px;height:48px}.tab .tab-img svg path{transition:all .3s ease-in-out}.tab p{color:#949494;text-align:center;font-weight:500;transition:all .3s ease-in-out}.tab.active{background:#1b68e7}.tab.active .tab-img svg path{fill:#fff}.tab.active p,.tab.active:hover p{color:#fff}.tab:hover svg path{fill:#7b7b7b}.tab:hover p{color:#7b7b7b}.tab-contents{position:relative;padding:54px 24px 16px;margin-bottom:112px;top:-1px;background:#1b68e7;border-radius:0 0 24px 24px;min-height:404px}.tab-contents *{color:#fff}.tab-content{height:0;opacity:0;overflow:hidden;transition:opacity .3s ease-in-out}.tab-content.active{height:100%;opacity:1}.customer{display:flex;flex-direction:column;justify-content:space-between;height:100%}.customer .customer__text{position:relative;padding:32px 0 16px;border-top:2px dashed #C6C6C6}.customer .customer__img{position:relative;padding-top:32px;text-align:center;border-top:2px dashed #C6C6C6}.customer .customer__img img{margin:0 auto 4px}.customer .customer__text:before,.customer .customer__img:before{content:url(/images/roi/quote.svg);position:absolute;width:50px;height:32px;background:#fff;top:-17px;left:0}.customer .customer__img:before{left:calc(100% - 50px);transform:rotate(180deg)}.mc-promo{margin-top:64px;margin-bottom:-64px}.mc-promo .promo{display:flex;justify-content:center;align-items:center;padding:20px;margin-bottom:24px;border-radius:0 20px;background:#66c61c;box-shadow:0 0 30px #0000000d,2px 2px 20px #0000000d;min-height:123px;color:#fff;text-align:center;font-weight:400}.bg{padding:164px 0;background:linear-gradient(0deg,#fff 25.49%,#00c6fb 57.77%,#008cf2 103.36%)}.green-card{position:relative;padding:24px;border-radius:20px;background:#66c61c}.green-card *{color:#fff}.green-card img{position:absolute;top:-80px;right:108px}.second-tab .tab{--r: 8px;display:flex;align-items:center;justify-content:center;padding:9px;width:20%}.second-tab .tab-img{display:none}.second-tab .tab p{margin:0;line-height:normal}.second-tab .tab-contents{padding:24px 24px 8px;margin-bottom:68px;min-height:114px}.cta{background:linear-gradient(179deg,#fff 25.49%,#00c6fb 57.77%,#008cf2 103.36%)}.cta h2.h2{display:flex;align-items:center;gap:24px;margin-bottom:12px;line-height:normal}.cta .mc-button{margin-top:72px}#progress-container{position:fixed;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#009efd,#14c7ce 66%,#2af598);z-index:10000}#progress-bar{height:5px;width:100%;background-color:#ccc;transition:width .25s;transform-origin:left}@media only screen and (max-width:1399px){.hero h1.h1{font-size:50px}.hero h2.h2{padding:0;line-height:normal}.mc-card{height:316px}.tab p{line-height:normal}.mc-promo .promo{min-height:142px}.green-card img{right:-44px}}@media only screen and (max-width:1199px){.hero h1.h1{font-size:40px}.hero h2.h2{font-size:25px}.mc-card p{padding:15px}.first-tab .tab p{display:none}.first-tab .tab .tab-img{margin:18px 0}.green-card img{right:-5px;width:150px;top:76%}.second-tab .tab{padding:12px}}@media only screen and (max-width:992px){.hero{padding-top:24px;text-align:center}.hero h1.h1{font-size:35px}.hero .mc-button,.hero .hero-img{margin:12px auto}.tab{--r: 6px}.tab.left{border-left-width:0;border-top-left-radius:6px}.tab.right{border-right-width:0;border-top-right-radius:6px}.first-tab .tab-img{margin:8px 0}.customer{height:auto;margin-bottom:48px}.green-card img{top:88%}.bg{padding-top:120px}.second-tab .tab-img{display:block;margin:0;height:100%}.second-tab .tab p{display:none}.cta .mc-button{margin:18px auto}}@media only screen and (max-width:768px){.mc-card{height:auto}.mc-promo .promo{min-height:auto}#progress-bar-container{width:5px}}
