*{box-sizing:border-box}.zw-product-header{background-color:#def8ee}h1{font-size:46px}h2{font-size:42px;font-family:var(--primaryfont-bold)}h3{font-size:32px;font-family:var(--primaryfont-bold)}h4{font-size:26px;font-family:var(--primaryfont-bold)}h5{font-size:24px}.dsp-flx{display:flex}.justify-space{justify-content:space-between}.align-center{align-items:center}.main-container-wrapper #mini-panel-product_menu{background:#def8ee}.col-rose{color:#f26868}.col-green{color:#45a781}.mobile-logo.bg-green{background:#45a781}.bg-brown .voice-port-image{background:#f8f1de}.bg-rose .voice-port-image{background:#f8e9de}.bg-green .voice-port-image{background:#def8e0}.banner{text-align:center;padding-top:65px;background:#def8ee;margin-top:-10px}.banner-inner{max-width:900px;margin:0 auto}.banner-inner h1{max-width:790px;margin:0 auto 20px;line-height:1.3}.mobile-section{margin-top:65px;position:relative;overflow:hidden}.mobile-section>div{width:100%;max-width:330px;border:1px solid #000;border-bottom:0;border-right:2px solid;border-radius:25px 25px 0 0;padding:0 20px}.phone-number{display:block;padding:45px 0;border-bottom:1px solid #000;font-size:30px;font-family:var(--primaryfont-regular)}.current-provider{padding:55px 0}.mobile-logo{width:100px;height:100px;border-radius:100px;background:#f26868;position:relative;max-width:100%;margin:0 auto 15px;display:block}.mobile-logo::before{content:'';position:absolute;background:url(/sites/zweb/images/voice/voice-sprite.png) no-repeat;background-size:269px 55px;left:50%;transform:translateX(-50%) translateY(-50%);top:50%}.current::before{background-position:-229px 0;width:40px;height:46px}.voice-phone::before{background-position:-174px 0;width:44px;height:48px}.mobile-section h5{margin:0;font-family:var(--zf-secondary-medium)}.arrow-svg{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}.number-port-wrap{max-width:1170px;margin:0 auto}.number-porting{padding:120px 0}.number-port-wrap .number-port-cont{width:40%}.number-port-wrap .number-port-image{width:40%;max-width:435px}.port-features{padding:100px 0 80px;background:#def8ee;text-align:center}.features-list{margin-top:60px;text-align:left}.features-list li{width:33.3%;box-sizing:border-box}.features-list li:not(:last-child){margin-right:50px}.features-list li span{display:block;background:url(/sites/zweb/images/voice/voice-sprite.png) no-repeat;background-size:269px 55px;height:55px;margin-bottom:25px;transform:scale(0.9)}.features-list li span.smart-phone{background-position:0 0;width:34px}.features-list li span.headset{background-position:-44px 0;width:52px}.features-list li span.telephone{background-position:-107px 0;width:55px}.features-list li:first-child h4,.features-list li:nth-child(2) h4{max-width:250px}.voice-port{padding:120px 0}.voice-port-wrap{max-width:1070px;margin:0 auto;text-align:center}.common-details{margin-top:120px}.common-details>div{width:45%}.voice-port-image{background:#deedf8;padding:40px 0;display:flex;align-items:center;overflow:hidden}.voice-port-image-wrap{max-width:350px;margin:0 auto}.start .voice-port-image{min-height:490px}.voice-port-cont{text-align:left}.voice-port-cont p{margin-bottom:0}.give-details h3{max-width:180px}.feasibility h3{max-width:250px}.confirm h3,.start h3{max-width:340px}.feasibility .voice-port-image-wrap{max-width:385px}.confirm .voice-port-image-wrap,.start .voice-port-image-wrap{max-width:400px}.get-access{background:#00237e;text-align:center;padding:65px 0}.get-access h2{max-width:835px;margin:0 auto 30px;color:#fff}.different-provider{padding:125px 0}.different-provider-inner{max-width:1170px;margin:0 auto;align-items:center}.different-provider-inner .different-cont{width:39%}.different-provider-inner .different-image{width:45%}.different-image-wrap{max-width:500px}@media only screen and (min-width:768px){.provider,.voice{opacity:0}.current-provider,.in-zoom{transform:scale(0.6)}}.inup1,.inup2,.inup3,.inleft,.inright,.indown{-webkit-transform:translateY(60px);transform:translateY(60px);-webkit-transition:all 1300ms cubic-bezier(0.11,0.16,0.43,0.86);transition:all 1300ms cubic-bezier(0.11,0.16,0.43,0.86)}.inleft{-webkit-transform:translateX(-60px);transform:translateX(-60px);opacity:0}.inright{-webkit-transform:translateX(60px);transform:translateX(60px);opacity:0}.indown{-webkit-transform:translateY(-80px);transform:translateY(-80px);opacity:0}.in-view .inup1,.in-view.inup1,.in-view .inup2,.in-view.inup2,.in-view .inup3,.in-view.inup3,.in-view .indown{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.inup1{-webkit-transition-delay:200ms;transition-delay:200ms}.inup2{-webkit-transition-delay:600ms;transition-delay:600ms}.inup3{-webkit-transition-delay:1000ms;transition-delay:1000ms}.in-view .inleft,.in-view .inright{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.in-view .path-1{stroke-dasharray:1000;stroke-dashoffset:1000;animation:integrationdash 1s linear forwards 1s}.path-2,.path-3{opacity:0}.in-view .path-2,.in-view .path-3{opacity:1;transition-delay:1.4s}@keyframes integrationdash{0%{stroke-dashoffset:1000}100%{stroke-dashoffset:0}}.in-view .current-provider{transform:scale(1);transition:all .5s cubic-bezier(0.11,0.16,0.43,0.86) .5s}.in-view .voice{transition-delay:1.5s}.in-view .voice .current-provider{transition-delay:2s}.in-view .in-zoom{transform:scale(1);transition:all 1000ms cubic-bezier(0.11,0.16,0.43,0.86)}@media only screen and (max-width:1199px){h1{font-size:40px}.banner-inner h1{max-width:690px}.phone-number{font-size:25px;padding:35px 0}.banner-inner{max-width:850px}.mobile-section>div{max-width:300px}h5{font-size:20px}h2{font-size:35px}h3{font-size:28px}.number-porting,.voice-port,.different-provider{padding:100px 0}h4{font-size:22px}.common-details{margin-top:100px}}@media only screen and (max-width:991px){h1{font-size:35px}h2{font-size:30px}h3{font-size:25px}h4{font-size:20px}.banner-inner h1{max-width:590px}.mobile-section>div{max-width:250px}.mobile-logo{transform:scale(0.8)}.banner-inner{max-width:650px}.phone-number{font-size:22px;padding:30px 0}.current-provider{padding:45px 0}.arrow-svg svg{max-width:80%}.number-porting,.voice-port,.different-provider{padding:80px 0}.port-features{padding:80px 0 60px}.features-list{flex-direction:column;max-width:500px;margin:50px auto 0;text-align:center}.features-list li{width:100%}.features-list li:not(:last-child){margin-right:0;margin-bottom:50px}.features-list li:first-child h4,.features-list li:nth-child(2) h4,.give-details h3{max-width:100%}.features-list li span{margin:0 auto 25px}.voice-port-image-wrap,.feasibility .voice-port-image-wrap,.confirm .voice-port-image-wrap,.start .voice-port-image-wrap{max-width:80%}.common-details{margin-top:80px}.start .voice-port-image{min-height:440px}}@media only screen and (max-width:768px){.start .voice-port-image{min-height:360px}}@media only screen and (max-width:767px){h1{font-size:30px}.banner-inner h1{max-width:550px}.banner{padding:60px 0}.mobile-section{display:none}.number-porting,.voice-port,.different-provider{padding:60px 0}.number-port-wrap{flex-direction:column;text-align:center}.number-port-wrap .number-port-cont{width:100%;margin-bottom:30px}.number-port-wrap .number-port-image{max-width:80%}.port-features{padding:60px 0 40px}.features-list li:not(:last-child){margin-bottom:30px}.common-details{margin-top:60px;flex-direction:column-reverse}.common-details>div,.different-provider-inner .different-cont,.different-provider-inner .different-image{width:100%;text-align:center}.voice-port-image{max-width:50%;margin:30px auto 0}.detail-bottom,.number-port-cont p,.different-cont p{max-width:500px;margin:0 auto}.feasibility h3,.confirm h3,.start h3{max-width:100%}.get-access{padding:50px 0}.different-provider-inner{max-width:100%;flex-direction:column-reverse}.different-image{max-width:50%;margin:30px auto 0}.start .voice-port-image{min-height:100%}.features-list li span{margin:0 auto 16px}}@media only screen and (max-width:480px){h1{font-size:26px}h2{font-size:24px}h3{font-size:21px}h4{font-size:19px}.number-porting,.voice-port,.different-provider,.get-access{padding:45px 0}.number-port-wrap .number-port-image{width:100%}.port-features{padding:40px 0 25px}.common-details{margin-top:50px}.voice-port-wrap>h2,.confirm h3{max-width:300px;margin:0 auto 20px;line-height:1.4}.voice-port-wrap>h2{margin:0 auto}.voice-port-image,.different-image{max-width:70%}.common-details.give-details{margin-top:40px}}