.iiSignage2 .hero{display:flex;flex-direction:column;margin-top:50px;position:relative}.iiSignage2 .hero h2{font-size:38px}.iiSignage2 .hero .top{display:flex;flex-direction:row;gap:50px;justify-content:space-between;overflow:hidden;padding:75px 0}.iiSignage2 .hero .left{display:flex;flex-direction:column;gap:10px;justify-content:center;margin-right:auto;max-width:600px;padding-left:5%;width:100%}.iiSignage2 .hero .left>span{color:#282e33;font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:20px;text-align:left}.iiSignage2 .hero .right{display:flex;flex-direction:row;gap:30px;height:564px;width:100%}.iiSignage2 .hero .right_one{display:flex;flex-direction:column;gap:25px;height:100%;justify-content:space-between;margin-left:auto}.iiSignage2 .hero .right_two{border-radius:30px;height:568px;overflow:hidden;width:641px}.iiSignage2 .hero .right_one>div{height:262px;max-width:394px;overflow:hidden;width:394px}.iiSignage2 .hero .right_one>div img{height:100%;object-position:center;width:auto}.iiSignage2 .hero .right_two>div:last-of-type{height:100%;margin-left:auto;width:100%}.iiSignage2 .hero .img_container{border-radius:30px}.iiSignage2 .hero .img_container img{height:100%;object-fit:cover;width:100%}.iiSignage2 .hero .hero-swiper{display:none;height:10%;overflow:hidden;width:100%}.iiSignage2 .hero .hero-swiper img{border-radius:30px;height:100%;max-height:500px;min-height:500px;object-fit:cover;width:100%}.iiSignage2 .iiSignage2-navigation{align-items:center;border-radius:8px;bottom:-25px;display:flex;flex-direction:column;gap:15px;justify-content:flex-start;left:0;max-height:55px;min-height:55px;position:absolute;width:100%}.iiSignage2-navigation-inner-wrapper>div{align-items:center;border-radius:20px;color:#fff;cursor:pointer;display:flex;gap:80px;justify-content:center;margin:auto;padding:10px;text-align:center;transition:.3s ease-in-out}.iiSignage2-navigation-inner-wrapper>div a{padding:8px}@media screen and (max-width:1100px){.iiSignage2-navigation-inner-wrapper>div{gap:40px}}.iiSignage2-navigation-inner-wrapper a{border-radius:2px;color:#fff;cursor:pointer;padding:8px;text-decoration:none;transition:.3s ease-in-out}.iiSignage2-navigation-inner-wrapper>a:hover{background:#fff;color:#3e4345}.iiSignage2 .iiSignage2-navigation span{font-size:16px;font-style:normal;font-weight:700}.iiSignage2-navigation-wrapper{align-items:center;background-color:#000;display:flex;max-width:1431px}.iiSignage2-navigation-wrapper>div{border-radius:2px;color:#fff;cursor:pointer;padding:8px;text-align:center;transition:.3sease-in-out}.iiSignage2 .underline-div{border-radius:20px;height:5px;margin:auto;width:40px}.iiSignage2-navigation-wrapper>div:hover .underline-div{background-color:#e50051;color:#3e4345;height:5px;transition:translate(.25s);width:40px}@media screen and (max-width:876px){.iiSignage2 .hero .hero-swiper{border-radius:20px;display:block}.iiSignage2 .hero .top{flex-direction:column}.iiSignage2 .hero .right{display:none}.iiSignage2-hero-swiper{display:flex;width:100%}.iiSignage2-hero-swiper img{height:auto;width:100%}}.iiSignage2-navigation-inner-wrapper{display:flex;height:75px;position:relative;width:100%}.iiSignage2-navigation-wrapper{border-bottom-left-radius:8px;border-bottom-right-radius:8px;max-height:1000px;overflow:hidden;padding:0 15px;position:relative;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;width:100%}@media screen and (max-width:640px){.iiSignage2-navigation-inner-wrapper.active{max-height:1000px;opacity:1;overflow:initial;padding-bottom:15px;z-index:99}.iiSignage2-navigation-inner-wrapper>div{gap:15px}.iiSignage2-navigation-wrapper{display:flex;flex-direction:column;margin-top:-10px;max-height:0;position:absolute;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;width:100%;z-index:9}.iiSignage2-navigation-wrapper.active{border-radius:8px;max-height:1000px;opacity:1;padding:15px 0}.iiSignage2 .menuToggle-news_submenu.hide{display:none!important}.iiSignage2 .menuToggle-news_submenu{align-items:center;display:flex!important;flex-direction:column;margin-top:18px;position:relative}.iiSignage2 .menuToggle-news_submenu input{cursor:pointer;display:block;height:32px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px;z-index:2;-webkit-touch-callout:none}.iiSignage2 .menuToggle-news_submenu span{background:#cdcdcd;border-radius:1px;display:block;height:3px;margin-bottom:5px;position:relative;transform-origin:4px 0;transition:transform .3s cubic-bezier(.77,.2,.05,1),background .3s cubic-bezier(.77,.2,.05,1),opacity .55s ease;width:28px;z-index:1}.iiSignage2 .menuToggle-news_submenu span:first-child{transform-origin:0 0}.iiSignage2 .menuToggle-news_submenu span:nth-last-child(2){transform-origin:0 100%}.iiSignage2 .menuToggle-news_submenu input:checked~span{background:#30b7f1;opacity:1;transform:rotate(45deg) translate(-7px,-15px)}.iiSignage2 .menuToggle-news_submenu input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(.2)}.iiSignage2 .menuToggle-news_submenu input:checked~span:nth-last-child(2){transform:rotate(-45deg) translateY(11px)}}.iiSignage2 .menuToggle-news_submenu{display:none}@media screen and (max-width:640px){.iiSignage2 .iiSignage2-navigation{max-height:none;min-height:0;position:static}.iiSignage2-navigation-inner-wrapper{height:auto}.iiSignage2-navigation-wrapper{margin-top:0;position:static}}.iiSignage2_how{display:flex;flex-direction:column;gap:108px}.iiSignage2_how .top{background-image:url(../../images/iiSignage2/how-it-works-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:30px;display:flex;gap:25px;justify-content:space-between;padding:110px 95px}.iiSignage2_how .top .text{display:flex;flex-direction:column;justify-content:center;max-width:540px}.iiSignage2_how .top .text h3{font-weight:700}.iiSignage2_how .top .text p:last-of-type{font-size:16px;font-style:normal;font-weight:700;letter-spacing:normal;line-height:30px}.iiSignage2_how .top .vid_container{border:4px solid #000;border-radius:7px;height:330px;min-width:590px;position:relative}.iiSignage2_how .top .vid_container i{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.iiSignage2_how .top .vid_container img{height:100%;object-fit:fill;width:100%}@media screen and (max-width:1040px){.iiSignage2_how .top{align-items:center;flex-direction:column;padding:70px 15px}.iiSignage2_how .top .vid_container{height:auto;max-width:590px;min-width:auto;width:100%}.iiSignage2_how .top .vid_container img{display:block;height:auto}}.iiSignage2{overflow:hidden}.iiSignage2_out_wrapper{background-color:#f4f5f6}.iiSignage2_main_wrapper{margin:auto;max-width:1230px;padding:0 15px}.iiSignage2_main_larger_wrapper{margin:auto;max-width:1777px;padding:0 15px}.iiSignage2_how_it_works_wrapper{margin:auto;max-width:1410px}.iiSignage2 h1{color:#e50051;font-size:64px}.iiSignage2 h1,.iiSignage2 h2{font-style:normal;font-weight:800;letter-spacing:normal;line-height:normal}.iiSignage2 h2{color:#282e33;font-size:34px}.iiSignage2 h3{color:#e50051;font-size:38px;font-weight:800}.iiSignage2 h3,.iiSignage2 h4{font-style:normal;letter-spacing:normal;line-height:normal}.iiSignage2 h4{font-size:28px;font-weight:700}.iiSignage2 .text-style_one{font-size:20px}.iiSignage2 .text-style_one,.iiSignage2 .text-style_two{font-style:normal;font-weight:500;letter-spacing:normal;line-height:normal}.iiSignage2 .text-style_two{font-size:16px}.iiSignage2 #menu-wrapper{overflow:visible;position:relative}.iiSignage2 #menu-wrapper .top-button{align-items:center;background-color:#d21a21;border-radius:5px;color:#fff;display:block;display:flex;font-size:16px;gap:10px;margin-top:20px;padding:8px 60px;position:absolute;right:20px;text-transform:uppercase;top:100%}.iiSignage2 #menu-wrapper .top-button:hover{text-decoration:none}.iiSignage2 #menu-wrapper-container .fixed{position:fixed}@media (max-width:767px){.iiSignage2 #menu-wrapper-container{display:none}.iiSignage2 h1{font-size:44px}.iiSignage2 h2{font-size:26px}.iiSignage2 h3{font-size:28px}.iiSignage2 h4{font-size:22px}.iiSignage2 .text-style_one{font-size:17px}.iiSignage2_register>p:first-of-type{font-size:20px}.iiSignage2_register .note_container>p,.iiSignage2_register .note_two>p{font-size:18px}}.iiSignage2-product_list{margin:120px 0 100px}.iiSignage2-product_list>h3{margin-bottom:68px;text-align:center}.iiSignage2-product_list h4{margin:25px 0 0;text-align:center}.iiSignage2_register{margin:0 auto 100px;max-width:940px}.iiSignage2_register>h3{margin-bottom:40px;text-align:center}.iiSignage2_register>p:first-of-type{font-size:28px;font-style:normal;font-weight:700;letter-spacing:normal;line-height:normal;margin-bottom:30px;text-align:left}.iiSignage2_register .inner_wrapper{margin:auto;max-width:815px}.iiSignage2_register .note_container{align-items:center;background-color:#e50853;border-radius:10px;color:#fff;display:flex;justify-content:center;margin-bottom:40px;padding:23px 26px;text-align:center}.iiSignage2_register .note_container>p{font-size:22px;font-style:normal;font-weight:600;letter-spacing:normal;line-height:normal}.iiSignage2_register .steps_container{display:flex;flex-direction:column;gap:25px}.iiSignage2_register .step_container{align-items:center;display:flex;gap:15px}.iiSignage2_register .step_container>div:first-of-type{align-items:center;background-color:#e50853;border-radius:50%;display:flex;justify-content:center;min-height:44px;min-width:44px}.iiSignage2_register .step_container>div:first-of-type>span{color:#fff;font-size:18px;font-style:normal;font-weight:700;letter-spacing:normal;line-height:7.87px}.iiSignage2_register .step_container>span{font-size:16px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:normal}.iiSignage2_register .note_two{margin-top:45px;text-align:left}.iiSignage2_register .note_two>img{max-width:100%}.iiSignage2_register .note_two>p{font-size:22px;font-style:normal;font-weight:500;letter-spacing:normal;line-height:normal;margin-top:30px}.iiSignage2_steps{margin:100px 0}.iiSignage2-product_header{margin-bottom:10px;text-align:center}[class^=iiSignage2-product_header]:not(:first-child){margin-top:80xp}.iiSignage2_steps .top{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}@media screen and (max-width:1230px){.iiSignage2_steps .top{justify-content:space-between;margin:auto;max-width:800px}}.iiSignage2_steps .top .box_container{border-radius:30px;display:flex;flex-direction:column;padding:60px 0 30px;width:270px}.iiSignage2_steps .top .extra_background{background-image:url(../../images/iiSignage2/box-background.png);background-repeat:no-repeat;background-size:100% 100%}.iiSignage2_steps .top .box_container:nth-child(2n){background-color:#f1f2f3}.iiSignage2_steps .top .box_container>img{margin:0 auto;width:130px}.iiSignage2_steps .top .box_container .text{height:100%;margin:32px 35px 0 45px}.iiSignage2_steps .top .box_container .text>span:first-of-type{color:#999;font-weight:700}.iiSignage2_steps .top .box_container .text>h3{font-size:22px;font-weight:700}.iiSignage2_steps .top .box_container .text>span:last-child{font-size:22px;font-weight:700;letter-spacing:normal;line-height:20px}.iiSignage2_steps .iiSignage2_steps_swiper{display:none}@media screen and (max-width:920px){.iiSignage2_steps .top{justify-content:space-evenly}}@media screen and (max-width:610px){.iiSignage2_steps .iiSignage2_steps_swiper{display:flex}.iiSignage2_steps_hide .box_container{display:none!important}}.iiSignage2_steps .steps{margin:100px 0}.iiSignage2_steps .steps .step_container{display:flex;flex-direction:column;gap:65px;margin-bottom:45px}.iiSignage2_steps .steps .step_container>h4{text-align:center}.iiSignage2_steps .steps .step_container .bottom{display:flex;flex-direction:row-reverse;gap:100px;justify-content:space-between}.iiSignage2_steps .steps .step_container .odd{flex-direction:row}@media screen and (max-width:767px){.iiSignage2_steps .steps .step_container .odd{flex-direction:row}}.iiSignage2_steps .steps .step_container .bottom .img_container>div:first-of-type{align-items:center;display:flex;justify-content:center;margin:auto;position:relative;width:98px}.iiSignage2_steps .steps .step_container .bottom .img_container>div:last-of-type{display:flex;flex-direction:column;margin:auto 0 15px 15px}.iiSignage2_steps .steps .step_container .bottom .img_container>div>span:first-of-type{color:#999;font-size:22px;font-style:normal;font-weight:700;letter-spacing:normal;line-height:normal}.iiSignage2_steps .steps .step_container .bottom .img_container>div>span:last-of-type{color:#e50051;font-size:20px;font-style:normal;font-weight:700;letter-spacing:normal;line-height:normal}.iiSignage2_steps .steps .step_container .info{display:flex;flex-direction:column;gap:30px}.iiSignage2_steps .steps .step_container .info .img_container{display:flex}.iiSignage2_steps .steps .step_container .looped_steps>div{display:flex;gap:15px}.iiSignage2_steps .steps .step_container .looped_steps>div>span:first-of-type{color:#e50051;font-size:16px;font-weight:700}.iiSignage2_steps .steps .step_container .looped_steps>div>span:last-of-type{font-size:16px;font-weight:700;line-height:20px}@media screen and (max-width:1230px){.iiSignage2_steps .steps .step_container .bottom{gap:30px}}@media screen and (max-width:1000px){.iiSignage2_steps .steps .step_container .bottom .main-img_container>img{width:100%}}@media screen and (max-width:767px){.iiSignage2_steps .steps .step_container{gap:25px}.iiSignage2_steps .steps .step_container .bottom{flex-direction:column-reverse}}.step_container{opacity:0;transition:opacity .5s,transform .5s}.step_container.even{transform:translateX(100%)}.step_container.odd{transform:translateX(-100%)}.info .img_container img{width:110px}.iiSignage2_steps .top .box_container .img_container{align-items:center;display:flex;justify-content:center;margin:auto;position:relative;width:129px}.iiSignage2_steps .steps .step_container .bottom .img_container .circle,.iiSignage2_steps .top .box_container .img_container .circle{align-items:center;border-radius:50%;display:flex;height:43px;justify-content:center;left:-8px;position:absolute;top:0;width:43px}.iiSignage2_steps .steps .step_container .bottom .img_container .circle{left:-18px}.iiSignage2_steps .steps .step_container .bottom .img_container .circle2,.iiSignage2_steps .steps .step_container .bottom .img_container .circle4,.iiSignage2_steps .top .box_container .img_container .circle2,.iiSignage2_steps .top .box_container .img_container .circle4{background-color:#e50051;color:#fff}.iiSignage2_steps .steps .step_container .bottom .img_container .circle1,.iiSignage2_steps .steps .step_container .bottom .img_container .circle3,.iiSignage2_steps .top .box_container .img_container .circle1,.iiSignage2_steps .top .box_container .img_container .circle3{background-color:#eff1f3;color:#e50051}.iiSignage2_steps .top .box_container .img_container .circle span{font-size:18px;font-style:normal;font-weight:700;letter-spacing:normal;line-height:7.87px}.iiSignage2_what{display:flex;flex-direction:column;gap:95px;margin:160px 0 50px}.iiSignage2_what .top{display:flex;gap:100px;justify-content:space-between}.iiSignage2_what .img_container{height:360px;width:600px}.iiSignage2_what .img_container img{border-radius:30px;height:100%;object-fit:cover;width:100%}.iiSignage2_what .text{max-width:46%}.iiSignage2_what .bottom{margin:auto;max-width:970px;text-align:center}@media screen and (max-width:1200px){.iiSignage2_what .top{gap:50px}}@media screen and (max-width:1000px){.iiSignage2_what .img_container{height:auto}.iiSignage2_what .img_container img{height:auto;width:100%}.iiSignage2_what .text{max-width:450px}}@media screen and (max-width:767px){.iiSignage2_what{gap:50px;margin:100px 0}.iiSignage2_what .bottom{text-align:left}.iiSignage2_what .img_container{width:100%}.iiSignage2_what .top{flex-direction:column-reverse}.iiSignage2_what .text{max-width:100%}}@media screen and (max-width:550px){.iiSignage2_what{margin:60px 0 100px}}