.page-wrapper section{overflow:hidden}.page-wrapper *{box-sizing:border-box}.page-wrapper p{font-size:16px;line-height:1.95;margin-bottom:0}.page-wrapper p.wht{color:#fff}.page-wrapper p.cntr{text-align:center}.page-wrapper p b{font-weight:bold}.page-wrapper p.nm{margin-bottom:0}.page-wrapper h2{font-size:36px;font-weight:bold;margin-bottom:20px;position:relative;line-height:1.5}.page-wrapper h2.wht{color:#fff}.page-wrapper h2.cntr{text-align:center}.page-wrapper h2 span{color:#0043af;position:relative}.page-wrapper h2 span::after{content:'';width:100%;position:absolute;background-image:url("/sites/zweb/images/jp/crm/academy/what-z-b-banner-line-2x.png");left:0;bottom:-25px;height:20px;background-repeat:no-repeat;background-size:cover;background-position:center}.page-wrapper h3{font-size:28px;font-weight:bold;margin-bottom:20px}.page-wrapper picture{font-size:0}.no-webp .business-sprite-page{background-image:url("/sites/zweb/images/jp/crm/academy/what-z-b-sprite-2x.png")}.business-sprite-page{position:relative;background-size:497px 375px;background-repeat:no-repeat}.business-sprite-page.ab{position:absolute}.business-sprite-page.lazy{background-image:url("/sites/zweb/images/jp/crm/academy/what-z-b-sprite-lazy.png");filter:blur(4px)}.business-sprite-page.b-icon1{background-position:0 0;width:114px;height:114px}.business-sprite-page.b-icon2{background-position:-128px 0;width:108px;height:114px}.business-sprite-page.b-icon3{background-position:-250px -7px;width:107px;height:107px}.business-sprite-page.b-icon3-1{background-position:-372px -7px;width:25px;height:29px;top:6px;left:2px;z-index:2}.business-sprite-page.b-icon3-2{background-position:-379px -40px;width:12px;height:12px;top:12px;right:5px;z-index:2;animation-delay:1s}.business-sprite-page.b-icon4{background-position:-4px -149px;width:40px;height:43px}.business-sprite-page.b-icon4-1{background-position:-5px -199px;width:34px;height:5px}.business-sprite-page.b-icon5{background-position:-63px -151px;width:48px;height:20px}.business-sprite-page.b-icon5-1{background-position:-119px -149px;width:32px;height:32px}.business-sprite-page.b-icon6{background-position:-54px -179px;width:45px;height:51px}.business-sprite-page.b-icon6-1{background-position:-105px -193px;width:32px;height:17px}.business-sprite-page.b-icon7{background-position:-165px -142px;width:35px;height:32px}.business-sprite-page.b-icon8{background-position:-151px -184px;width:49px;height:39px}.business-sprite-page.b-icon8-1{background-position:-205px -191px;width:25px;height:28px}.business-sprite-page.b-icon9{background-position:-214px -141px;width:46px;height:41px}.business-sprite-page.b-icon9-1{background-position:-265px -156px;width:11px;height:12px}.business-sprite-page.b-icon10{background-position:-290px -142px;width:48px;height:47px}.business-sprite-page.b-icon10-1{background-position:-342px -155px;width:21px;height:23px}.business-sprite-page.b-icon11{background-position:-407px -141px;width:48px;height:55px}.business-sprite-page.b-icon11-1{background-position:-378px -152px;width:23px;height:33px}.business-sprite-page.point-list-icon{background-position:-375px -86px;width:20px;height:20px}.business-sprite-page.step-start{background-position:-380px -72px;width:10px;height:13px}.business-sprite-page.num-1{background-position:-245px -205px;width:54px;height:52px}.business-sprite-page.num-2{background-position:-311px -205px;width:54px;height:52px}.business-sprite-page.num-3{background-position:-376px -205px;width:54px;height:52px}.business-sprite-page.num-4{background-position:-442px -205px;width:54px;height:52px}.business-sprite-page.list-icon1{background-position:-4px -278px;width:94px;height:84px}.business-sprite-page.list-icon2{background-position:-117px -273px;width:83px;height:89px}.business-sprite-page.list-icon3{background-position:-219px -273px;width:108px;height:102px}.business-sprite-page.list-icon4{background-position:-346px -277px;width:94px;height:85px}.banner-section{display:block;position:relative;width:100%;overflow:hidden;background:linear-gradient(335deg,#97c9e9 14.48%,#e7f8cb 42.24%,#d0f8d8 70.14%);background-color:#e7f8cb;padding-bottom:60px}.banner-section .inner-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;width:1200px;max-width:calc(100% - 40px);margin:0 auto;justify-content:space-between}.banner-section .inner-wrapper .banner-left{display:flex;flex-direction:column;align-self:center;width:62%;padding-top:75px}.banner-section .inner-wrapper .banner-left .zoho-brand-log{width:143px;display:flex;flex-shrink:0;margin:0 auto 5px auto;flex-direction:column}.banner-section .inner-wrapper .banner-left h1{color:#0e2f02;text-align:center;font-size:71px;font-weight:bold;line-height:1.35;margin-bottom:7px}.banner-section .inner-wrapper .banner-left>p{text-align:center}.banner-section .inner-wrapper .banner-left>p.sm{color:#000;font-size:24px;font-weight:400;line-height:1.75;position:relative;margin-bottom:20px}.banner-section .inner-wrapper .banner-left>p.lg{color:#0e2f02;font-size:22px;font-style:normal;font-weight:bold;line-height:1.55;margin-bottom:23px}.banner-section .inner-wrapper .banner-left .btn-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:25px 10px;margin-bottom:20px}.banner-section .inner-wrapper .banner-left .btn-group p{display:flex;color:#FFF;font-size:20px;font-weight:500;line-height:1.3;text-align:center;justify-content:center;align-items:center;margin-bottom:0}.banner-section .inner-wrapper .banner-left .btn-group p:not(.f-w){border-radius:13px;background:linear-gradient(180deg,#263f05 0,rgba(38,63,5,0.8) 100%);width:calc(100% / 3 - 7px);padding:25px 10px}.banner-section .inner-wrapper .banner-left .btn-group p.f-w{border-radius:8px;background:#998c01;width:100%;padding:9px 20px}.banner-section .inner-wrapper .banner-left .line-bg-img{width:557px;max-width:100%;margin:0 auto 50px auto}.banner-section .inner-wrapper .banner-right{display:flex;flex-direction:column;align-self:stretch;position:relative;width:38%}.banner-section .inner-wrapper .banner-right .banner-img{width:790px;margin:0 0 0 auto;position:absolute;top:65px;right:-359px}.banner-section .inner-wrapper .banner-right .banner-img img{width:100%}.banner-section .box-row-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;position:relative;z-index:1;width:1200px;max-width:calc(100% - 40px);margin:0 auto;gap:12px}.banner-section .box-row-wrapper .box-item{border-radius:16px;border:1px solid #e2f0ff;background:linear-gradient(0,#FFF 0,#FFF 100%),linear-gradient(180deg,rgba(226,240,255,0.6) 0,rgba(255,255,255,0.6) 100%);box-shadow:6.32px 18.97px 51.37px -33.58px rgba(22,52,80,0.1);padding:47px 30px;display:flex;flex-direction:column;width:calc(100% / 3 - 8px)}.banner-section .box-row-wrapper .box-item h3{color:#000;text-align:center;min-height:73px;margin-bottom:30px}.banner-section .box-row-wrapper .box-item p{color:#000;font-size:16px;font-weight:400;line-height:2.1;margin-bottom:0}.banner-section .box-row-wrapper .box-item p b{font-weight:bold}.banner-section .box-row-wrapper .box-item .icon-wrapper{display:flex;flex-shrink:0;position:relative;margin:0 auto 30px auto}.four-serious-offfer{padding:90px 0;position:relative;background:linear-gradient(360deg,#FFF 0,rgba(255,255,255,0) 100%),#e2f0ff;z-index:1}.four-serious-offfer::after{content:'';position:absolute;top:0;right:0;background-image:url("/sites/zweb/images/jp/crm/academy/what-z-b-bg-ring.png");background-repeat:no-repeat;background-position:-10px 0;background-size:206px 308px;width:196px;height:274px;z-index:-1}.four-serious-offfer .inner-wrapper{width:1200px;margin:0 auto;max-width:calc(100% - 40px)}.four-serious-offfer .inner-wrapper h2{margin-bottom:100px}.four-serious-offfer .step-wrapper{display:flex;flex-direction:row;margin-bottom:35px}.four-serious-offfer .step-wrapper .left-sec-step{display:flex;flex-direction:row;width:50%;align-self:flex-start}.four-serious-offfer .step-wrapper .left-sec-step .img-sec{width:134px;display:flex;flex-direction:column;flex-shrink:0;align-self:start;position:relative}.four-serious-offfer .step-wrapper .left-sec-step .img-sec .step-start{position:absolute}.four-serious-offfer .step-wrapper .left-sec-step .img-sec .step-start.pos1{top:35px;left:30px;animation-delay:1s}.four-serious-offfer .step-wrapper .left-sec-step .img-sec .step-start.pos2{top:15px;right:35px}.four-serious-offfer .step-wrapper .left-sec-step .img-sec .step-start.pos3{top:25px;left:40px}.four-serious-offfer .step-wrapper .left-sec-step .img-sec .step-start.pos4{top:37px;right:20px}.four-serious-offfer .step-wrapper .left-sec-step .img-sec .step-start.pos5{top:10px;left:30px}.four-serious-offfer .step-wrapper .left-sec-step .img-sec .step-start.pos6{top:20px;right:35px}.four-serious-offfer .step-wrapper .left-sec-step .img-sec .step-start.pos7{top:10px;left:30px}.four-serious-offfer .step-wrapper .left-sec-step .img-sec .step-start.pos8{top:40px;right:20px}.four-serious-offfer .step-wrapper .left-sec-step .img-sec h4{font-size:18px;font-weight:bold;margin-bottom:0;text-align:center}.four-serious-offfer .step-wrapper .left-sec-step .cont-right{display:flex;align-self:center;flex-direction:column;padding-left:20px}.four-serious-offfer .step-wrapper .left-sec-step .cont-right p{margin-bottom:40px}.four-serious-offfer .step-wrapper .left-sec-step .cont-right ul{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.four-serious-offfer .step-wrapper .left-sec-step .cont-right ul li{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;font-size:13px;font-weight:500;line-height:1.75;border-radius:34px;background:#FFF;padding:5px 10px;margin-bottom:0;text-align:left}.four-serious-offfer .step-wrapper .left-sec-step .cont-right ul li span{display:flex;flex-direction:column;flex-shrink:0;margin-right:10px}.four-serious-offfer .step-wrapper .right-sec-step{display:flex;flex-direction:column;align-self:center;width:50%}.four-serious-offfer .step-wrapper .right-sec-step .pic-wrap{margin:0 auto;max-width:100%}.four-serious-offfer .step-wrapper .right-sec-step .pic-wrap.w-492{width:492px}.four-serious-offfer .step-wrapper .right-sec-step .pic-wrap.w-527{width:527px}.four-serious-offfer .step-wrapper .right-sec-step .pic-wrap.w-462{width:462px}.four-serious-offfer .tool-tip-black{background:linear-gradient(0,#1a1a24 0,#1a1a24 100%),linear-gradient(180deg,rgba(226,240,255,0.6) 0,rgba(255,255,255,0.6) 83.78%);color:#fff;display:inline-block;text-align:center;font-size:12px;padding:7px 17px;border-radius:10px;font-weight:500;position:relative;margin-bottom:35px}.four-serious-offfer .tool-tip-black::after{content:'';border-top:10px solid #000;border-right:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid transparent;position:absolute;top:calc(100% - 2px);left:50%;transform:translate(-50%,0)}.four-serious-offfer .point-sec-item{display:flex;flex-direction:row;flex-wrap:wrap}.four-serious-offfer .point-sec-item .left-wrapper{display:flex;flex-direction:column;align-items:flex-start;width:50%;padding-right:30px}.four-serious-offfer .point-sec-item .left-wrapper ul{display:flex;flex-direction:column;gap:60px}.four-serious-offfer .point-sec-item .left-wrapper ul li{display:flex;flex-direction:row}.four-serious-offfer .point-sec-item .left-wrapper ul li .icon-wrapper-animation{display:flex;flex-direction:column;width:60px;flex-shrink:0;position:relative}.four-serious-offfer .point-sec-item .left-wrapper ul li .icon-wrapper-animation .b-icon4{top:4px}.four-serious-offfer .point-sec-item .left-wrapper ul li .icon-wrapper-animation .b-icon4-1{top:20px;right:9px}.four-serious-offfer .point-sec-item .left-wrapper ul li .icon-wrapper-animation .b-icon5{top:34px;z-index:1}.four-serious-offfer .point-sec-item .left-wrapper ul li .icon-wrapper-animation .b-icon5-1{top:5px;right:20px;z-index:0}.four-serious-offfer .point-sec-item .left-wrapper ul li .icon-wrapper-animation .b-icon6{top:10px}.four-serious-offfer .point-sec-item .left-wrapper ul li .icon-wrapper-animation .b-icon6-1{top:44px;right:10px}.four-serious-offfer .point-sec-item .left-wrapper ul li .icon-wrapper-animation .b-icon8{top:0}.four-serious-offfer .point-sec-item .left-wrapper ul li .icon-wrapper-animation .b-icon8-1{top:-10px;right:7px}.four-serious-offfer .point-sec-item .left-wrapper ul li .icon-wrapper-animation .b-icon9{top:0}.four-serious-offfer .point-sec-item .left-wrapper ul li .icon-wrapper-animation .b-icon9-1{top:7px;right:22px}.four-serious-offfer .point-sec-item .left-wrapper ul li .icon-wrapper-animation .b-icon10{top:0}.four-serious-offfer .point-sec-item .left-wrapper ul li .icon-wrapper-animation .b-icon10-1{top:6px;right:35px}.four-serious-offfer .point-sec-item .left-wrapper ul li .icon-wrapper-animation .b-icon11{top:0}.four-serious-offfer .point-sec-item .left-wrapper ul li .icon-wrapper-animation .b-icon11-1{top:18px;right:22px}.four-serious-offfer .point-sec-item .left-wrapper ul li .cont-sec{display:flex;flex-direction:column;width:calc(100% - 60px);padding-left:12px}.four-serious-offfer .point-sec-item .left-wrapper ul li .cont-sec h3{font-size:20px;font-weight:bold;line-height:1.3;margin-bottom:10px}.four-serious-offfer .point-sec-item .left-wrapper ul li .cont-sec p{font-size:16px}.four-serious-offfer .point-sec-item .right-wrapper{display:flex;flex-direction:column;align-items:flex-start;width:50%;padding-left:40px}.four-serious-offfer .point-sec-item .right-wrapper.full-width-col{width:100%;padding-left:0;flex-direction:column;flex-wrap:wrap}.four-serious-offfer .point-sec-item .right-wrapper.full-width-col ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:60px}.four-serious-offfer .point-sec-item .right-wrapper.full-width-col ul li{display:flex;flex-direction:column;width:calc(100% / 2 - 30px)}.four-serious-offfer .point-sec-item .right-wrapper ul{display:flex;flex-direction:column;gap:30px}.four-serious-offfer .point-sec-item .right-wrapper ul li{display:flex;flex-direction:column;border-radius:16px;border:1px solid #e2f0ff;background:linear-gradient(0,#FFF 0,#FFF 100%),linear-gradient(180deg,rgba(226,240,255,0.6) 0,rgba(255,255,255,0.6) 100%);box-shadow:6.32px 18.97px 51.37px -33.58px rgba(22,52,80,0.1);padding:30px 40px}.four-serious-offfer .point-sec-item .right-wrapper ul li h3{font-size:20px;font-weight:bold;line-height:1.3;margin-bottom:20px}.four-serious-offfer .point-sec-item .right-wrapper ul li p{font-size:16px;line-height:1.95;display:block;margin-bottom:0}.four-serious-offfer .point-sec-item .right-wrapper ul li p span{display:inline-block;vertical-align:baseline;margin-right:10px;position:relative;top:3px}.learning-methods{background-color:#000d47;padding:75px 0;position:relative;z-index:1}.learning-methods::after,.learning-methods::before{content:'';position:absolute;width:100%;height:514px;left:0;z-index:-1;background-repeat:no-repeat;background-position:center;background-size:cover}.learning-methods::before{top:0;background-image:url("/sites/zweb/images/jp/crm/academy/what-z-b-learning-top-bg.png")}.learning-methods::after{bottom:0;background-image:url("/sites/zweb/images/jp/crm/academy/what-z-b-learning-bottom-bg.png")}.learning-methods .nav-dots-wrap{position:fixed;top:50%;left:20px;transform:translateY(-50%);display:none;flex-direction:column;gap:10px;min-width:20px;align-items:center;z-index:1}.learning-methods .nav-dots-wrap .dot-item{width:12px;height:12px;background-color:#2d396e;border-radius:50%;transition:all .5s}.learning-methods .nav-dots-wrap .dot-item.active{background-color:#fd0;width:20px;height:20px}.learning-methods .inner-wrapper{width:1200px;max-width:calc(100% - 40px);margin:0 auto}.learning-methods .inner-wrapper p{margin-bottom:30px}.learning-methods .inner-wrapper p.title-txt{color:#8e9acd;font-size:28px;font-weight:500}.learning-methods .inner-wrapper h5{border-radius:65px;background:#eac800;color:#00122b;text-align:center;font-size:22px;font-weight:bold;width:900px;max-width:100%;margin:0 auto 100px auto;padding:18px;position:relative}.learning-methods .inner-wrapper h5::after{content:'';border-top:20px solid #eac800;border-right:30px solid transparent;border-bottom:30px solid transparent;border-left:30px solid transparent;position:absolute;bottom:-49px;left:50%;transform:translate(-50%,0)}.learning-methods .method-item-wrapper{display:flex;background-color:#000d47;flex-direction:column;gap:80px;width:1120px;margin:0 auto;position:relative;max-width:calc(100% - 40px)}.learning-methods .method-item-wrapper::after{content:'';width:1px;height:81%;position:absolute;top:0;left:40px;background:linear-gradient(360deg,rgba(255,255,255,0) -1.35%,#FFF 49.83%,rgba(255,255,255,0) 100%)}.learning-methods .method-item-wrapper .method-item{display:flex;flex-direction:row;flex-wrap:wrap;padding-left:120px;position:relative}.learning-methods .method-item-wrapper .method-item.active .indct-cr::after{background-color:#eac800}.learning-methods .method-item-wrapper .method-item .left-cont{display:flex;flex-direction:column;width:50%;padding-right:100px;align-self:flex-start}.learning-methods .method-item-wrapper .method-item .left-cont .business-sprite-page{margin-bottom:10px}.learning-methods .method-item-wrapper .method-item .left-cont h3{font-size:29px;color:#fff;font-weight:bold;margin-bottom:20px}.learning-methods .method-item-wrapper .method-item .left-cont p{color:#fff;font-size:16px;font-weight:400;margin-bottom:0;line-height:2.3}.learning-methods .method-item-wrapper .method-item .right-cont{display:flex;flex-direction:column;width:50%;align-self:flex-start}.learning-methods .method-item-wrapper .method-item .right-cont .pic-wrap{max-width:100%;margin:0 auto}.learning-methods .method-item-wrapper .method-item .right-cont .pic-wrap.w-482{width:482px}.learning-methods .method-item-wrapper .method-item .right-cont .pic-wrap.w-512{width:512px}.learning-methods .method-item-wrapper .method-item .right-cont .pic-wrap.w-537{width:537px}.learning-methods .method-item-wrapper .method-item .right-cont .pic-wrap.w-589{width:589px}.learning-methods .method-item-wrapper .method-item .indct-cr{border:1px solid #a59fdc;position:absolute;width:35px;height:35px;border-radius:30px;left:24px;top:20px;background-color:#020c37;z-index:1}.learning-methods .method-item-wrapper .method-item .indct-cr::after{content:'';position:absolute;width:12px;height:12px;background-color:#a59fdc;border-radius:30px;top:50%;left:50%;transform:translate(-50%,-50%)}.learning-methods .method-item-wrapper .method-item .four-col-list{display:flex;flex-direction:row;width:100%;gap:30px;margin-top:30px;flex-wrap:wrap}.learning-methods .method-item-wrapper .method-item .four-col-list .list-col{display:flex;flex-direction:column;color:#fff;width:calc(100% / 4 - 23px)}.learning-methods .method-item-wrapper .method-item .four-col-list .list-col .business-sprite-page{display:flex;flex-shrink:0;margin-bottom:20px}.learning-methods .method-item-wrapper .method-item .four-col-list .list-col h4{color:#c3cbee;font-size:16px;font-weight:bold;margin-bottom:10px}.learning-methods .method-item-wrapper .method-item .four-col-list .list-col p{color:#8992bd;font-size:14px;font-weight:400;margin-bottom:0}.example-of-ba{padding:75px 0;position:relative;overflow:hidden}.example-of-ba .inner-wrapper{width:1200px;max-width:calc(100% - 40px);position:relative;margin:0 auto}.example-of-ba .inner-wrapper p{margin-bottom:50px}.example-of-ba .example-slider-wrapper{display:block;width:900px;margin:0 auto;overflow:visible}.example-of-ba .example-slider-wrapper:not(.slick-slider){display:flex;flex-direction:row;white-space:nowrap;overflow:hidden}.example-of-ba .example-slider-wrapper:not(.slick-slider) .example-slide{white-space:normal;flex-shrink:0}.example-of-ba .example-slider-wrapper .slick-list{overflow:visible}.example-of-ba .example-slider-wrapper .example-slide{display:flex;flex-direction:column;flex-wrap:wrap;width:900px;max-width:100%;border-radius:20px;position:relative;margin:0 10px;overflow:hidden;padding:0 50px 50px}.example-of-ba .example-slider-wrapper .example-slide.c1{background-color:#e3ecfd}.example-of-ba .example-slider-wrapper .example-slide.c2{background-color:#e7fbfe}.example-of-ba .example-slider-wrapper .example-slide.c3{background-color:#fef2f2}.example-of-ba .example-slider-wrapper .example-slide h3{font-size:24px;font-weight:bolder;color:#FD0;background-color:#000728;padding:10px 30px;display:flex;flex-direction:row;align-self:flex-start;border-radius:0 0 40px 40px;margin-bottom:30px}.example-of-ba .example-slider-wrapper .example-slide h3 span{color:#fff;margin-right:5px}.example-of-ba .example-slider-wrapper .example-slide .badge-cont-line{display:flex;flex-direction:row;margin-bottom:20px;justify-content:flex-start}.example-of-ba .example-slider-wrapper .example-slide .badge-cont-line span{font-size:16px;font-weight:bold;display:flex;margin-right:15px;background-color:#FD0;padding:2px 5px;align-self:center}.example-of-ba .example-slider-wrapper .example-slide .badge-cont-line p{font-size:16px;display:flex;margin-bottom:0;color:#000;position:relative;font-weight:500;z-index:1;width:auto}.example-of-ba .example-slider-wrapper .example-slide .badge-cont-line p::after{content:'';position:absolute;width:calc(100% + 20px);height:46px;top:-12px;left:-14px;background-repeat:no-repeat;background-position:center center;background-size:100%;z-index:-1}.example-of-ba .example-slider-wrapper .example-slide .badge-cont-line p.txt-1{color:#013961}.example-of-ba .example-slider-wrapper .example-slide .badge-cont-line p.txt-1::after{background-image:url("/sites/zweb/images/jp/crm/academy/what-z-b-text-bg1.png")}.example-of-ba .example-slider-wrapper .example-slide .badge-cont-line p.txt-2::after{background-image:url("/sites/zweb/images/jp/crm/academy/what-z-b-text-bg2.png")}.example-of-ba .example-slider-wrapper .example-slide .badge-cont-line p.txt-3::after{background-image:url("/sites/zweb/images/jp/crm/academy/what-z-b-text-bg3.png")}.example-of-ba .example-slider-wrapper .example-slide p{font-size:14px;font-weight:400;line-height:1.95;margin-bottom:20px;width:480px;max-width:100%}.example-of-ba .example-slider-wrapper .example-slide p b{font-weight:bold}.example-of-ba .example-slider-wrapper .example-slide p.nm{margin-bottom:0}.example-of-ba .example-slider-wrapper .example-slide .pic-wrap{max-width:100%;margin:0 auto;position:absolute;bottom:-5px;right:0}.example-of-ba .example-slider-wrapper .example-slide .pic-wrap.w-360{width:360px}.example-of-ba .example-slider-wrapper .example-slide .pic-wrap.w-369{width:369px}.example-of-ba .example-slider-wrapper .example-slide .pic-wrap.w-330{width:330px}.example-of-ba .example-slider-wrapper .slick-dots{display:none !important}.example-of-ba .example-slider-wrapper .bottom-nav-custom{display:flex;margin:20px auto 0 auto;justify-content:center;gap:10px}.example-of-ba .example-slider-wrapper .bottom-nav-custom .slider-nav-custom{width:64px;height:64px;display:flex;position:relative;background-color:#e8eef3;border-radius:7px;cursor:pointer;transition:background-color .3s}.example-of-ba .example-slider-wrapper .bottom-nav-custom .slider-nav-custom:hover{background-color:#dbe3ea}.example-of-ba .example-slider-wrapper .bottom-nav-custom .slider-nav-custom::after{content:'';position:absolute;background-image:url("/sites/zweb/images/jp/crm/academy/what-z-b-sprite-2x.png");background-repeat:no-repeat;background-size:497px 375px;top:50%;left:50%;transform:translate(-50%,-50%)}.example-of-ba .example-slider-wrapper .bottom-nav-custom .slider-nav-custom.arw-right_cus::after{background-position:-420px -6px;width:24px;height:20px}.example-of-ba .example-slider-wrapper .bottom-nav-custom .slider-nav-custom.arw-left_cus::after{background-position:-420px -50px;width:24px;height:20px}.same-height .slick-track{display:flex !important;padding:20px 0}.same-height .slick-slide{height:inherit !important}.no-webp .work-right-now{background-image:url("/sites/zweb/images/jp/crm/academy/what-z-b-start-learn-bg-2x.png")}.work-right-now{display:block;position:relative;padding:70px 0 0 0;background-image:url("/sites/zweb/images/jp/crm/academy/what-z-b-start-learn-bg-2x.webp");background-position:center;background-repeat:no-repeat;background-size:cover;background-color:#e8f4fe}.work-right-now .inner-wrapper{width:1200px;margin:0 auto;max-width:calc(100% - 40px);display:flex;flex-direction:row;flex-wrap:wrap;padding-bottom:50px}.work-right-now .inner-wrapper .left-sec{display:flex;flex-direction:column;width:calc(100% - 570px);padding-right:70px;align-self:center}.work-right-now .inner-wrapper .left-sec p{margin-bottom:35px;line-height:2.2}.work-right-now .inner-wrapper .left-sec p.nm{margin-bottom:0}.work-right-now .inner-wrapper .right-sec{display:flex;flex-direction:column;width:570px;align-self:center;position:relative;top:50px}.work-right-now .inner-wrapper .right-sec .pic-wrap{max-width:100%;margin:0 auto}.work-right-now .inner-wrapper .right-sec .pic-wrap.w-573{width:573px}@keyframes flyIn{0%{transform:translateX(0);opacity:1}50%{transform:translateX(10px);opacity:.9}100%{transform:translateX(0);opacity:1}}.fly-in{animation:flyIn 5s ease-in-out infinite}@keyframes flyIn1{0%{transform:translateX(0)}50%{transform:translateX(-3px)}100%{transform:translateX(0)}}.fly-in-1{animation:flyIn1 3s ease-in-out infinite}.fly-in{animation:flyIn 5s ease-in-out infinite}@keyframes pop-in{0%,100%{transform:scale(1)}25%,75%{transform:scale(1.1)}50%{transform:scale(1.2)}}.pop-in{animation:pop-in .5s infinite}@keyframes floating{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.2)}}.floating-anim{animation:floating 1s ease-in-out infinite}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.rotate{animation:rotate 10s linear infinite}@media only screen and (max-width:1199px){.banner-section .inner-wrapper .banner-left{padding-top:63px}.banner-section .inner-wrapper .banner-left .zoho-brand-log{width:123px}.banner-section .inner-wrapper .banner-left h1{font-size:56px}.banner-section .inner-wrapper .banner-left>p.sm{font-size:16px}.banner-section .inner-wrapper .banner-left>p.lg{font-size:16px}.banner-section .inner-wrapper .banner-left .btn-group{gap:15px 10px}.banner-section .inner-wrapper .banner-left .btn-group p{font-size:16px}.banner-section .inner-wrapper .banner-left .btn-group p:not(.f-w){padding:15px 10px}.banner-section .inner-wrapper .banner-right .banner-img{width:400px;right:-50px}.banner-section .box-row-wrapper .box-item{padding:30px 25px}.banner-section .box-row-wrapper .box-item h3{font-size:22px;min-height:57px}.four-serious-offfer .step-wrapper .right-sec-step{padding-left:40px}.four-serious-offfer .point-sec-item .left-wrapper ul{gap:30px}.four-serious-offfer .point-sec-item .right-wrapper.full-width-col ul{gap:45px}.learning-methods .method-item-wrapper .method-item{padding-left:100px}.learning-methods .method-item-wrapper .method-item .left-cont{padding-right:30px}.work-right-now .inner-wrapper .left-sec{width:calc(100% - 430px)}.work-right-now .inner-wrapper .right-sec{width:430px}}@media only screen and (max-width:1023px){.page-wrapper h2{font-size:30px}.page-wrapper h2 span::after{display:none !important}.page-wrapper h3{font-size:24px}.four-serious-offfer{padding:65px 0}.four-serious-offfer::after{transform:scale(0.5);transform-origin:top right}.four-serious-offfer .inner-wrapper h2{margin-bottom:40px}.four-serious-offfer .step-wrapper{flex-direction:column}.four-serious-offfer .step-wrapper .left-sec-step{width:100%;margin-bottom:20px}.four-serious-offfer .step-wrapper .right-sec-step{width:100%;padding-left:0}.four-serious-offfer .point-sec-item .left-wrapper{padding-right:10px}.four-serious-offfer .point-sec-item .right-wrapper{padding-left:10px}.four-serious-offfer .point-sec-item .right-wrapper.full-width-col ul{gap:30px}.four-serious-offfer .point-sec-item .right-wrapper.full-width-col ul li{width:calc(100% / 2 - 15px)}.learning-methods{padding:65px 0}.learning-methods .nav-dots-wrap{display:none !important}.learning-methods .method-item-wrapper .method-item .left-cont{padding-right:10px;width:55%}.learning-methods .method-item-wrapper .method-item .right-cont{width:45%}.example-of-ba{padding:65px 0}.example-of-ba .example-slider-wrapper .slick-list{overflow:hidden}.work-right-now{padding:65px 0 0}.work-right-now .inner-wrapper .left-sec{width:100%;padding-right:0;text-align:center}.work-right-now .inner-wrapper .right-sec{width:100%}}@media only screen and (max-width:991px){.banner-section .inner-wrapper .banner-left{width:100%}.banner-section .inner-wrapper .banner-left h1{font-size:48px}.banner-section .inner-wrapper .banner-left .btn-group{width:650px;max-width:100%;margin:0 auto 20px auto}.banner-section .inner-wrapper .banner-left .line-bg-img{margin-bottom:20px}.banner-section .inner-wrapper .banner-right{width:100%}.banner-section .inner-wrapper .banner-right .banner-img{position:relative;right:unset;top:unset;margin:0 auto}.banner-section .inner-wrapper .banner-right .banner-img picture{min-height:unset !important}.banner-section .box-row-wrapper{width:750px;gap:15px;justify-content:center;margin-top:-50px}.banner-section .box-row-wrapper .box-item{width:calc(100% / 2 - 8px);text-align:center}.banner-section .box-row-wrapper .box-item h3{min-height:auto}.banner-section .box-row-wrapper .box-item .icon-wrapper{margin-bottom:20px}.four-serious-offfer .step-wrapper .left-sec-step{width:700px;margin-right:auto;margin-left:auto;max-width:100%;margin-bottom:30px}.four-serious-offfer .point-sec-item{width:650px;margin:0 auto;max-width:100%}.four-serious-offfer .point-sec-item .left-wrapper{padding-right:0;width:100%;margin-bottom:20px}.four-serious-offfer .point-sec-item .left-wrapper ul{margin-bottom:20px}.four-serious-offfer .point-sec-item .right-wrapper{padding-left:0;width:100%}.four-serious-offfer .point-sec-item .right-wrapper.full-width-col ul li{width:100%}.learning-methods .inner-wrapper h5{font-size:20px;width:580px;margin-bottom:60px}.learning-methods .method-item-wrapper .method-item .right-cont{align-self:center}.learning-methods .method-item-wrapper .method-item .four-col-list .list-col{width:calc(100% / 2 - 15px)}.example-of-ba .example-slider-wrapper{width:640px;max-width:100%}.example-of-ba .example-slider-wrapper .example-slide{padding:0 30px 0;width:600px;justify-content:space-between}.example-of-ba .example-slider-wrapper .example-slide p{width:100%}.example-of-ba .example-slider-wrapper .example-slide .pic-wrap{position:relative;right:-31px;margin:0 0 0 auto}.example-of-ba .example-slider-wrapper .example-slide .pic-wrap.w-360{width:250px}.example-of-ba .example-slider-wrapper .example-slide .pic-wrap.w-369{width:250px}.example-of-ba .example-slider-wrapper .example-slide .pic-wrap.w-330{width:250px}.work-right-now .inner-wrapper .right-sec .pic-wrap.w-573{width:380px}}@media only screen and (max-width:767px){.page-wrapper p br{display:none}.page-wrapper h2{font-size:26px}.banner-section .inner-wrapper .banner-left h1{font-size:38px}.banner-section .inner-wrapper .banner-left .btn-group p{font-size:14px}.banner-section .box-row-wrapper .box-item{width:100%}.four-serious-offfer{padding:50px 0}.four-serious-offfer .inner-wrapper h2{margin-bottom:30px}.four-serious-offfer .step-wrapper .left-sec-step{flex-direction:column}.four-serious-offfer .step-wrapper .left-sec-step .img-sec{align-self:center;margin-bottom:20px}.four-serious-offfer .step-wrapper .left-sec-step .cont-right{padding-left:0;width:100%;text-align:center}.four-serious-offfer .step-wrapper .left-sec-step .cont-right h3{margin-bottom:10px}.four-serious-offfer .step-wrapper .left-sec-step .cont-right p{margin-bottom:20px}.four-serious-offfer .step-wrapper .left-sec-step .cont-right ul{align-items:center}.four-serious-offfer .point-sec-item{flex-direction:column}.four-serious-offfer .point-sec-item .right-wrapper ul li{padding:25px}.learning-methods{padding:50px 0 0}.learning-methods .inner-wrapper p.title-txt{font-size:20px;text-align:center}.learning-methods .inner-wrapper h5{font-size:16px;margin-bottom:50px}.learning-methods .method-item-wrapper::after{display:none !important}.learning-methods .method-item-wrapper .method-item{padding:0;flex-direction:column}.learning-methods .method-item-wrapper .method-item:last-child::after{display:none}.learning-methods .method-item-wrapper .method-item::after{content:'';width:100%;height:2px;background:linear-gradient(245deg,rgba(255,255,255,0) -1.35%,#FFF 49.83%,rgba(255,255,255,0) 100%);position:absolute;bottom:-40px;left:0}.learning-methods .method-item-wrapper .method-item .left-cont{width:100%;padding-right:0;align-items:center;text-align:center;margin-bottom:20px}.learning-methods .method-item-wrapper .method-item .right-cont{width:100%;align-items:center}.learning-methods .method-item-wrapper .method-item .indct-cr{display:none !important}.learning-methods .method-item-wrapper .method-item .four-col-list{flex-direction:column;margin-top:20px}.learning-methods .method-item-wrapper .method-item .four-col-list .list-col{width:430px;max-width:100%;align-items:center;text-align:center;border:1px solid rgba(255,255,255,0.31);padding:30px;border-radius:8px;margin:0 auto}.example-of-ba{padding:50px 0}.example-of-ba .example-slider-wrapper .example-slide{padding:0 25px 25px;justify-content:flex-start}.example-of-ba .example-slider-wrapper .example-slide h3{align-self:center;border-radius:0 0 10px 10px;margin-bottom:20px;font-size:20px}.example-of-ba .example-slider-wrapper .example-slide .badge-cont-line{flex-direction:column;margin-bottom:10px}.example-of-ba .example-slider-wrapper .example-slide .badge-cont-line span{align-self:flex-start;margin-bottom:10px}.example-of-ba .example-slider-wrapper .example-slide .badge-cont-line p::after{display:none}.example-of-ba .example-slider-wrapper .example-slide .pic-wrap{display:none;bottom:-20px}.example-of-ba .example-slider-wrapper .slick-dots{display:block !important;margin:0}.example-of-ba .example-slider-wrapper .bottom-nav-custom .slider-nav-custom{display:none}.same-height .slick-track{padding-top:0;padding-bottom:0}.work-right-now{padding:50px 0 0}.work-right-now .inner-wrapper .left-sec p{margin-bottom:20px}}@media only screen and (max-width:580px){.example-of-ba .example-slider-wrapper:not(.slick-slider){white-space:normal}}