.feature-breadcrumb{padding-top:23px}.feature-breadcrumb.breadcrumb-dark li{color:#000}.feature-breadcrumb.breadcrumb-dark li a{color:#666}.feature-breadcrumb.breadcrumb-dark li a:hover{color:#000}.feature-breadcrumb.breadcrumb-dark li a:after{background:#000}.feature-breadcrumb.breadcrumb-light li{color:#fff}.feature-breadcrumb.breadcrumb-light li a{color:#fff}.feature-breadcrumb.breadcrumb-light li a:hover{color:#fff}.feature-breadcrumb.breadcrumb-light li a:after{background:#fff}.feature-breadcrumb .jpc-container{max-width:1200px;padding:0;margin:0 auto}.feature-breadcrumb li{text-transform:uppercase;font-size:11px;font-weight:500;display:inline-block;margin-right:14px;position:relative;color:#fff}.feature-breadcrumb li a{color:#8cbaff;position:relative;display:block;transition:.2s;padding-bottom:4px}.feature-breadcrumb li a:hover{color:#fff}.feature-breadcrumb li a:hover:after{width:100%;left:0;right:auto;transition:all .2s linear}.feature-breadcrumb li a:before{content:'>';display:block;height:5px;width:5px;position:absolute;right:-8px;top:-1px;font-size:13px;font-weight:400;pointer-events:none}.feature-breadcrumb li a:after{content:'';display:block;position:absolute;left:auto;right:0;bottom:0;height:1px;width:0;background:#fff;transition:all .3s linear}.zw-product-header{background-color:#4727ba}.page-wrapper{overflow-x:hidden}.page-wrapper .lazy{filter:blur(5px)}.page-wrapper .jpc-container{max-width:calc(1140px + 50px);padding-left:25px;padding-right:25px;margin:0 auto}.page-wrapper .inner-container{max-width:955px;width:100%;margin:0 auto}.page-wrapper .pic-wrap picture,.page-wrapper .pic-wrap img{display:block;width:100%}.page-wrapper .pic-wrap.pic-660{width:660px;max-width:100%;margin:0 auto}.page-wrapper .pic-wrap.pic-950{width:950px;max-width:100%;margin:0 auto}.page-wrapper .pic-wrap.mb-30{margin-bottom:30px}.page-wrapper .cntr{text-align:center}.page-wrapper p{color:#000;font-size:14px;font-weight:400;line-height:2.3;margin-bottom:0}.page-wrapper p.mb-30{margin-bottom:30px}.page-wrapper p.mb-50{margin-bottom:50px}.page-wrapper p b{font-weight:700}.page-wrapper p a{color:#4727ba;font-weight:500;text-decoration:underline;text-underline-offset:3px}.page-wrapper .md{font-weight:500}.page-wrapper .heading-2{color:#000;font-size:32px;font-style:normal;font-weight:700;line-height:1.5;margin-bottom:0}.page-wrapper .heading-3{color:#000;font-size:24px;font-weight:700;line-height:1.85;margin-bottom:0}.page-wrapper .heading-3.mb-30{margin-bottom:30px}.page-wrapper .heading-4{color:#000;font-size:18px;font-weight:700;line-height:1.85;margin-bottom:0}.page-wrapper .heading-4.m-40{margin-bottom:40px}.banner-sec{background-color:#4727ba;color:#fff;position:relative}.banner-sec::before{content:"";position:absolute;bottom:0;right:0;width:100%;max-width:1440px;height:70%;background-image:url("//www.zohowebstatic.com/sites/zweb/images/jp/connect/htcg-01-banner-bg-2x.png");background-repeat:no-repeat;background-size:cover;z-index:0}.banner-sec>div{position:relative}.banner-sec .banner-cont-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:30px 0 70px}.banner-sec .banner-cont-inner .left-cont{width:50%}.banner-sec .banner-cont-inner .left-cont h1{font-size:36px;font-weight:700;color:#fff;line-height:normal;margin-bottom:10px}.banner-sec .banner-cont-inner .left-cont p{font-size:14px;line-height:2;color:#fff;margin-bottom:30px}.banner-sec .banner-cont-inner .left-cont .btn-group{display:flex;flex-wrap:wrap;gap:20px}.banner-sec .banner-cont-inner .left-cont .btn-group .btn-mlc{font-size:16px;font-weight:700;padding:10px 40px;overflow:hidden;min-width:242px;visibility:visible;opacity:1}.banner-sec .banner-cont-inner .left-cont .btn-group .btn-inquiry{border:solid 1px #fff;color:#fff}.banner-sec .banner-cont-inner .right-cont{width:50%;padding-left:15px}.bg-white-sec{padding:70px 0 80px}.bg-white-sec .heading-wrap{text-align:center;margin:0 auto 30px;max-width:860px}.bg-white-sec .heading-wrap:last-child{margin-bottom:0}.bg-white-sec .heading-wrap .heading-2{margin-bottom:10px}.bg-white-sec .heading-wrap .heading-3{margin-bottom:10px}.bg-white-sec .heading-wrap .heading-3:last-child{margin-bottom:0}.bg-white-sec .heading-wrap p{margin-bottom:25px}.bg-white-sec .heading-wrap p.mb-50{margin-bottom:50px}.bg-white-sec .heading-wrap p:last-child{margin-bottom:0}.bg-white-sec .two-col-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;max-width:800px;margin:50px auto}.bg-white-sec .two-col-wrap .left-cont{width:calc(100% - 215px);padding-right:80px}.bg-white-sec .two-col-wrap .left-cont p{margin-bottom:20px}.bg-white-sec .two-col-wrap .left-cont p:last-child{margin-bottom:0}.bg-white-sec .two-col-wrap .right-img{width:100%;max-width:215px}.bg-white-sec .notes-text{max-width:800px;margin:0 auto}.bg-white-sec .notes-text .sm-text{font-size:12px;line-height:2.2;text-align:left;margin-bottom:20px}.bg-white-sec .notes-text .sm-text:last-child{margin-bottom:0}.bg-white-sec .two-col-chart{display:flex;flex-wrap:wrap;justify-content:space-between;gap:25px;align-items:flex-start}.bg-white-sec .two-col-chart .left-chart{width:calc(69% - 25px)}.bg-white-sec .two-col-chart .left-chart .pic-wrap{margin-bottom:30px}.bg-white-sec .two-col-chart .right-cont{width:31%;text-align:left}.bg-white-sec .two-col-chart .right-cont p{margin-bottom:15px}.bg-white-sec .two-col-chart .right-cont p:last-child{margin-bottom:0}.bg-white-sec ol{display:flex;position:relative;flex-direction:column;gap:10px;text-align:left;margin-bottom:20px}.bg-white-sec ol li{display:list-item;list-style:decimal;list-style-position:inside;font-weight:500}.bg-white-sec h4{margin-bottom:30px}.bg-white-sec .table-wrap{max-width:590px;margin:0 auto 40px}.bg-white-sec .table-wrap.max-955{max-width:955px}.bg-white-sec .table-wrap.w-50 table thead tr th:first-child{width:50%}.bg-white-sec .table-wrap table{border-collapse:separate;border-spacing:0;border-radius:18px;width:100%}.bg-white-sec .table-wrap table thead tr th{color:#FFF;font-size:24px;font-weight:700;line-height:1.25;border:.5px solid #eceffb;background:#4727ba;text-align:left;padding:22px 37px;border-top-width:1px;vertical-align:middle}.bg-white-sec .table-wrap table thead tr th:first-child{border-radius:18px 0 0 0;width:295px;border-left-width:1px}.bg-white-sec .table-wrap table thead tr th:last-child{border-radius:0 18px 0 0;border-right-width:1px}.bg-white-sec .table-wrap table tbody tr td{color:#000;font-size:16px;font-weight:400;line-height:2;border:.5px solid #eceffb;padding:14px 37px;vertical-align:middle}.bg-white-sec .table-wrap table tbody tr td:first-child{background:#faf9ff;font-weight:500;border-left-width:1px}.bg-white-sec .table-wrap table tbody tr td:last-child{border-right-width:1px}.bg-white-sec .table-wrap table tbody tr td b{font-weight:700}.bg-white-sec .table-wrap table tbody tr td .connect-logo{max-width:180px;margin:10px 0;display:block}.bg-white-sec .table-wrap table tbody tr:last-child td{border-bottom-width:1px}.bg-white-sec .table-wrap table tbody tr:last-child td:first-child{border-radius:0 0 0 18px}.bg-white-sec .table-wrap table tbody tr:last-child td:last-child{border-radius:0 0 18px 0}.bg-white-sec .table-wrap table.t-center tr th:nth-child(2),.bg-white-sec .table-wrap table.t-center tr td:nth-child(2),.bg-white-sec .table-wrap table.t-center tr th:last-child,.bg-white-sec .table-wrap table.t-center tr td:last-child{text-align:center}.bg-white-sec .pricing-sec{text-align:center;margin-top:30px}.bg-white-sec .pricing-sec .price-heading{max-width:750px;margin:0 auto}.bg-white-sec .pricing-sec .price-heading p{font-size:16px;line-height:2}.bg-white-sec .pricing-sec .pricing-cont{max-width:790px;margin:0 auto}.bg-white-sec .pricing-sec .pricing-cont .sm-text{margin-top:30px;font-size:12px;line-height:2.66;text-align:left;display:inline-block}.bg-white-sec .pricing-sec .pricing-cards{margin:40px auto;background-color:#403531;padding:40px 40px;border-radius:18px}.bg-white-sec .pricing-sec .pricing-cards .pricing-tab{display:flex;max-width:140px;margin-left:auto;gap:10px;margin-bottom:20px}.bg-white-sec .pricing-sec .pricing-cards .pricing-tab .label-text{font-size:16px;color:rgba(255,255,255,0.5);transition:all .35s ease-in-out;cursor:pointer}.bg-white-sec .pricing-sec .pricing-cards .pricing-tab .label-text.active{color:#fff}.bg-white-sec .pricing-sec .pricing-cards .pricing-tab .ztoggle-slide{width:50px;height:26px;padding:3px;background:#fff;border:1px solid #4696ec;border-radius:99px;cursor:pointer}.bg-white-sec .pricing-sec .pricing-cards .pricing-tab .ztoggle-slide .toggle-btn{width:18px;height:18px;background-color:#4696ec;border-radius:50%;transition:all .35s linear;display:block}.bg-white-sec .pricing-sec .pricing-cards .pricing-tab .ztoggle-slide.active .toggle-btn{transform:translateX(22px)}.bg-white-sec .pricing-sec .pricing-cards .pricing-card-wrap{display:flex;flex-wrap:wrap;padding:20px 0}.bg-white-sec .pricing-sec .pricing-cards .pricing-card-wrap .yearly{display:none}.bg-white-sec .pricing-sec .pricing-cards .pricing-card-wrap.active .yearly{display:block}.bg-white-sec .pricing-sec .pricing-cards .pricing-card-wrap.active .monthly{display:none}.bg-white-sec .pricing-sec .pricing-cards .pricing-card-wrap .card-item{width:33.3%;padding:30px 20px;background-color:#fff;border:1px solid #e5e5e5}.bg-white-sec .pricing-sec .pricing-cards .pricing-card-wrap .card-item.active-sec{margin-top:-20px;margin-bottom:-20px;background:#fffde6;border:1px solid #c2bc7e;box-shadow:0 0 12px 0 rgba(80,80,80,0.25)}.bg-white-sec .pricing-sec .pricing-cards .pricing-card-wrap .card-item .pricing-val{font-size:40px;font-weight:700;color:#000;margin:5px 0;line-height:1.3;height:52px}.bg-white-sec .pricing-sec .pricing-cards .pricing-card-wrap .card-item .pricing-val .zcurrency-symbol-common{font-size:60%;top:-10px;left:-3px;position:relative}.bg-white-sec .pricing-sec .pricing-cards .pricing-card-wrap .card-item p{font-size:16px;line-height:2}.bg-white-sec .pricing-sec .pricing-cards .pricing-card-wrap .card-item .btn-mlc{margin-top:20px}.bg-white-sec .pricing-sec .pricing-cards .pricing-card-wrap .card-item .new-text{position:relative;margin-top:-10px;color:#f67514}.groupware-benifits-sec{position:relative;padding-top:70px;padding-bottom:80px}.groupware-benifits-sec::before{content:"";position:absolute;top:0;left:0;width:100%;height:600px;background:#4727ba;z-index:0}.groupware-benifits-sec .jpc-container{position:relative;z-index:1}.groupware-benifits-sec .inner-container>.heading-wrap{text-align:center;margin-bottom:50px}.groupware-benifits-sec .inner-container>.heading-wrap .heading-2{color:#fff;margin-bottom:12px}.groupware-benifits-sec .inner-container>.heading-wrap p{color:#fff;margin-bottom:20px}.groupware-benifits-sec .inner-container>.heading-wrap p:last-child{margin-bottom:0}.groupware-benifits-sec .chart-heading{text-align:center;margin-bottom:20px}.groupware-benifits-sec .chart-heading p{margin-bottom:6px}.groupware-benifits-sec .pic-wrap{margin:0 auto}.groupware-benifits-sec .pic-wrap.max-770{max-width:770px}.groupware-benifits-sec .pic-wrap.max-715{max-width:715px}.groupware-benifits-sec .chrat-cont{text-align:center;margin-top:30px}.groupware-benifits-sec .chart-box{margin-top:38px;border-radius:18px;border:1px solid #f2f2f2;background:#fff;padding:33px 50px 42px}.groupware-benifits-sec .one-col-cont-wrap{padding-top:50px;margin:0 auto}.groupware-benifits-sec .one-col-cont-wrap.max-750{max-width:750px}.groupware-benifits-sec .one-col-cont-wrap:last-child{padding-bottom:0}.groupware-benifits-sec .one-col-cont-wrap .heading-wrap{text-align:center;margin-bottom:35px}.groupware-benifits-sec .one-col-cont-wrap .heading-wrap:last-child{margin-bottom:0}.groupware-benifits-sec .one-col-cont-wrap .heading-wrap .heading-3{margin-bottom:10px}.groupware-benifits-sec .one-col-cont-wrap .heading-wrap p{margin-bottom:15px}.groupware-benifits-sec .one-col-cont-wrap .heading-wrap p:last-child{margin-bottom:0}.groupware-benifits-sec .one-col-cont-wrap>p{margin-top:25px;text-align:center}.groupware-benifits-sec .white-box{width:100%;border-radius:18px;border:1px solid #f2f2f2;background:#fdfdfd;padding:35px 30px;text-align:center;margin-bottom:30px}.groupware-benifits-sec .white-box:last-child{margin-bottom:0}.groupware-benifits-sec .white-box .heading-4{margin-bottom:5px;line-height:2}.bg-gray-sec{background-color:#faf9ff;padding:70px 0 80px}.bg-gray-sec .heading-wrap{text-align:center;margin:0 auto 30px;max-width:860px}.bg-gray-sec .heading-wrap:last-child{margin-bottom:0}.bg-gray-sec .heading-wrap .heading-2{margin-bottom:10px}.bg-gray-sec .heading-wrap .heading-3{margin-bottom:10px}.bg-gray-sec .heading-wrap .heading-3:last-child{margin-bottom:0}.bg-gray-sec .heading-wrap p{margin-bottom:25px}.bg-gray-sec .heading-wrap p:last-child{margin-bottom:0}.bg-gray-sec .icon-card-group{display:flex;flex-direction:column;gap:30px}.bg-gray-sec .icon-card-group .icon-card{border-radius:18px;border:1px solid #eceffb;background:#fff;padding:43px 40px 48px;position:relative;z-index:1}.bg-gray-sec .icon-card-group .icon-card.no-bg{background:transparent;border:0;text-align:center;padding:10px}.bg-gray-sec .icon-card-group .icon-card.no-bg p{margin-bottom:15px}.bg-gray-sec .icon-card-group .icon-card .icon-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.bg-gray-sec .icon-card-group .icon-card .icon-heading .heading-3{line-height:1.5}.bg-gray-sec .icon-card-group .icon-card p{margin-bottom:10px}.bg-gray-sec .icon-card-group .icon-card p:last-child{margin-bottom:0}.bg-gray-sec .icon-card-group .icon-card ul{display:flex;flex-direction:column;gap:10px}.bg-gray-sec .icon-card-group .icon-card ul li{display:list-item;list-style:disc;list-style-position:inside;font-size:14px;line-height:1.4}.bg-gray-sec .icon-card-group .icon-card ul li b{font-weight:bold}.groupware-cost-sec{padding:85px 0;background:#faf9ff}.groupware-cost-sec .cost-cont-wrap{max-width:955px;margin:0 auto}.groupware-cost-sec .heading-wrap{text-align:center;max-width:786px;margin:0 auto 30px}.groupware-cost-sec .heading-wrap .heading-2{margin-bottom:20px}.groupware-cost-sec .heading-wrap p{font-size:16px;line-height:2;margin-bottom:30px}.groupware-cost-sec .heading-wrap p:last-child{margin-bottom:0}.groupware-cost-sec .pic-wrap{max-width:765px;margin:0 auto}.groupware-cost-sec .img-desc{text-align:center;margin-top:20px;font-size:16px;line-height:2}.groupware-cost-sec .cs-box{border-radius:18px;border:1px solid #eceffb;background:#fff;padding:48px 45px;margin-bottom:30px}.groupware-cost-sec .cs-box .two-col{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:20px}.groupware-cost-sec .cs-box .two-col .left-cont{width:55%;padding-right:40px}.groupware-cost-sec .cs-box .two-col .left-cont p{margin-bottom:20px}.groupware-cost-sec .cs-box .two-col .left-cont p:last-child{margin-bottom:0}.groupware-cost-sec .cs-box .two-col .right-img{width:45%;max-width:362px}.groupware-cost-sec .cs-box>p{font-size:16px;line-height:2;text-align:center}.connect-customer{margin:0 0 30px}.connect-customer .customer-cont{max-width:996px;margin:0 auto;background:#fff;border:1px solid #eceffb;border-radius:18px;position:relative;padding:50px 30px 30px}.connect-customer .customer-cont span{background:#3f249d;color:#fff;padding:5px 20px;font-size:16px;border-top-left-radius:18px;position:absolute;font-weight:bold;left:0;top:0}.connect-customer .customer-cont h2{font-size:22px;color:#3f249d;line-height:1.8;font-weight:bold;margin-bottom:20px}.connect-customer .customer-cont h2 a{color:#3f249d;font-weight:bold}.connect-customer .customer-cont .customer-desc{border-top:1px solid #eceffb;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;padding:25px 0}.connect-customer .customer-cont .customer-desc .with-desc{width:calc(100% / 4 - 4px)}.connect-customer .customer-cont .customer-desc .with-desc:nth-child(1){width:calc(100% / 4 - 50px)}.connect-customer .customer-cont .customer-desc .with-desc h4{font-size:15px;font-weight:bold;margin-bottom:5px}.connect-customer .customer-cont .customer-desc .with-desc p{font-size:12px;font-weight:500}.connect-customer .customer-cont .user-section{border:1px solid #e4e4e4;box-shadow:0 0 8px 6px rgba(0,0,0,0.05);min-height:234px;border-radius:5px;border-right:7px solid #40249d;border-top-left-radius:5px;border-bottom-left-radius:5px;margin-bottom:20px}.connect-customer .customer-cont .user-section .left{width:163px;background:#40249d;display:block;height:234px;float:left;position:relative;border-top-left-radius:5px;border-bottom-left-radius:5px;background-image:url('//www.zohowebstatic.com/sites/zweb/images/jp/connect/connect-customer-lay-2x.webp');background-size:323px 323px;background-size:contain}.connect-customer .customer-cont .user-section .left .user-image{position:absolute;top:52%;transform:translateY(-52%) translateX(75px);width:175px}.connect-customer .customer-cont .user-section .left .user-image picture{display:block}.connect-customer .customer-cont .user-section .left .user-image picture.lazy{width:175px;height:175px}.connect-customer .customer-cont .user-section .right{display:table-cell;vertical-align:middle;height:234px;padding-right:30px}.connect-customer .customer-cont .user-section .right p{margin:0;padding-left:114px;font-size:17px;font-weight:bold;line-height:1.8;margin-bottom:15px}.connect-customer .customer-cont .user-section .right h3{padding-left:114px;font-size:14px;margin:0;padding-right:25px;line-height:1.9}.connect-customer .customer-cont .customer-detailed-content p{font-size:14px;line-height:2;margin-bottom:15px}.connect-customer .customer-cont .customer-detailed-content p:last-child{margin-bottom:0}@media only screen and (min-width:768px) and (max-width:1023px){.connect-customer .customer-cont .user-section .left{width:140px}.connect-customer .customer-cont .user-section .left .user-image{transform:translateY(-52%) translateX(40px)}}@media only screen and (max-width:1250px){.feature-breadcrumb .jpc-container{max-width:100%;padding:0 25px}}@media only screen and (max-width:1199px){.page-wrapper .heading-2{font-size:28px}.page-wrapper .heading-3{font-size:22px}.banner-sec .banner-cont-inner .left-cont{width:60%}.banner-sec .banner-cont-inner .left-cont h1 br{display:none}.banner-sec .banner-cont-inner .right-cont{width:40%}.groupware-benifits-sec .inner-container>.heading-wrap{margin-bottom:30px}.groupware-cost-sec{padding:80px 0}.groupware-cost-sec .heading-wrap .heading-2{margin-bottom:15px}}@media only screen and (max-width:991px){.page-wrapper p.mb-30{margin-bottom:20px}.page-wrapper .heading-2{font-size:25px}.page-wrapper .heading-3.mb-30{margin-bottom:20px}.page-wrapper .heading-4.m-40{margin-bottom:25px}.page-wrapper .heading-4{font-size:16px}.banner-sec::before{display:none}.banner-sec .banner-cont-inner{padding-bottom:60px}.banner-sec .banner-cont-inner .left-cont{width:100%;padding:0 0 40px;text-align:center}.banner-sec .banner-cont-inner .left-cont h1{font-size:32px}.banner-sec .banner-cont-inner .left-cont .btn-group{justify-content:center}.banner-sec .banner-cont-inner .right-cont{width:100%;max-width:450px;margin:0 auto;padding-left:0}.bg-white-sec{padding:60px 0}.bg-white-sec .heading-wrap p{margin-bottom:15px}.bg-white-sec .two-col-wrap .left-cont{width:100%;padding:0 0 30px}.bg-white-sec .two-col-wrap .left-cont p{margin-bottom:10px}.bg-white-sec .two-col-wrap .right-img{width:100%;margin:0 auto}.bg-white-sec .two-col-chart{text-align:center}.bg-white-sec .two-col-chart .left-chart{width:100%}.bg-white-sec .two-col-chart .left-chart .pic-wrap{max-width:450px;margin:0 auto 20px}.bg-white-sec .two-col-chart .right-cont{width:100%}.bg-white-sec .table-wrap table{border-radius:8px}.bg-white-sec .table-wrap table thead tr th{padding:20px;font-size:18px}.bg-white-sec .table-wrap table thead tr th:first-child{width:210px;border-radius:8px 0 0 0}.bg-white-sec .table-wrap table thead tr th:last-child{border-radius:0 8px 0 0}.bg-white-sec .table-wrap table tbody tr td{padding:14px 20px}.bg-white-sec .table-wrap table tbody tr:last-child td:first-child{border-radius:0 0 0 8px}.bg-white-sec .table-wrap table tbody tr:last-child td:last-child{border-radius:0 0 8px 0}.bg-white-sec .pricing-sec .pricing-cards{padding:30px;border-radius:8px}.bg-white-sec .pricing-sec .pricing-cards .pricing-card-wrap{padding:10px 0}.bg-white-sec .pricing-sec .pricing-cards .pricing-card-wrap .card-item{padding:20px 10px}.bg-white-sec .pricing-sec .pricing-cards .pricing-card-wrap .card-item.active-sec{margin-top:-10px;margin-bottom:-10px}.bg-white-sec .pricing-sec .pricing-cards .pricing-card-wrap .card-item p{font-size:14px}.groupware-benifits-sec{padding-top:60px;padding-bottom:60px}.groupware-benifits-sec .inner-container>.heading-wrap{margin-bottom:20px}.groupware-benifits-sec .chart-box{padding:30px 30px}.groupware-benifits-sec .one-col-cont-wrap{padding-top:40px}.groupware-benifits-sec .white-box{padding:30px 30px;border-radius:8px}.bg-gray-sec{padding:60px 0}.bg-gray-sec .heading-wrap p{margin-bottom:15px}.bg-gray-sec .icon-card-group .icon-card{padding:30px 30px;border-radius:8px}.groupware-cost-sec{padding:60px 0}.groupware-cost-sec .heading-wrap .heading-2{margin-bottom:10px}.groupware-cost-sec .heading-wrap p{margin-bottom:15px}.groupware-cost-sec .pic-wrap{max-width:500px}.groupware-cost-sec .cs-box{padding:30px 30px;border-radius:8px}.groupware-cost-sec .cs-box .two-col .left-cont{width:100%;padding:0 0 30px}.groupware-cost-sec .cs-box .two-col .left-cont p{margin-bottom:10px}.groupware-cost-sec .cs-box .two-col .right-img{width:100%;margin:0 auto}}@media only screen and (max-width:767px){.page-wrapper .heading-2{font-size:22px}.page-wrapper .heading-3{font-size:20px}.banner-sec .banner-cont-inner .left-cont h1{font-size:25px}.banner-sec .banner-cont-inner .left-cont .btn-group{width:100%;max-width:240px;margin:0 auto}.banner-sec .banner-cont-inner .left-cont .btn-group .btn-mlc{width:100%;min-width:auto;padding:10px 15px}.bg-white-sec{padding:50px 0}.bg-white-sec .heading-wrap .heading-2 br{display:none}.bg-white-sec .table-wrap{overflow-x:auto}.bg-white-sec .table-wrap table{min-width:370px}.bg-white-sec .pricing-sec .pricing-cards{padding:25px;max-width:400px;margin:30px auto}.bg-white-sec .pricing-sec .pricing-cards .pricing-tab{margin-bottom:10px}.bg-white-sec .pricing-sec .pricing-cards .pricing-card-wrap{flex-direction:column;gap:20px}.bg-white-sec .pricing-sec .pricing-cards .pricing-card-wrap .card-item{width:100%;padding:20px}.bg-white-sec .pricing-sec .pricing-cards .pricing-card-wrap .card-item.active-sec{margin:0 auto}.bg-white-sec .pricing-sec .pricing-cards .pricing-card-wrap .card-item .btn-mlc{padding:8px 15px}.groupware-benifits-sec{padding-top:50px;padding-bottom:50px}.groupware-benifits-sec::before{height:20%}.groupware-benifits-sec .chart-box{padding:25px}.groupware-benifits-sec .white-box{padding:25px}.bg-gray-sec{padding:50px 0}.bg-gray-sec .heading-wrap .heading-2 br{display:none}.bg-gray-sec .icon-card-group .icon-card{padding:25px 25px}.bg-gray-sec .icon-card-group .icon-card .icon-heading .csns-sprite{zoom:.7}.bg-gray-sec .icon-card-group .icon-card .icon-heading .heading-3 br{display:none}.groupware-cost-sec{padding:50px 0}.groupware-cost-sec .pic-wrap{max-width:350px}.groupware-cost-sec .cs-box{padding:25px}.connect-customer{margin:0 0 20px}.connect-customer .customer-cont{border-radius:10px;padding:50px 20px 20px}.connect-customer .customer-cont span{border-top-left-radius:10px}.connect-customer .customer-cont h2{font-size:18px}.connect-customer .customer-cont .customer-desc{gap:0;flex-direction:column}.connect-customer .customer-cont .customer-desc .with-desc{width:100%;border-top:1px solid #eceffb;padding-bottom:20px;padding-top:20px}.connect-customer .customer-cont .customer-desc .with-desc:nth-child(1){width:100%;border-top:0;padding-top:0}.connect-customer .customer-cont .customer-desc .with-desc:nth-child(1) .cust-logo{text-align:center}.connect-customer .customer-cont .customer-desc .with-desc:nth-child(1) .cust-logo picture{display:inline-block}.connect-customer .customer-cont .customer-desc .with-desc:last-child{padding-bottom:0}.connect-customer .customer-cont .user-section{min-height:inherit;border-right:0 solid #40249d;border-bottom:5px solid #40249d}.connect-customer .customer-cont .user-section .left{height:105px;float:none;width:100%;background-size:contain;background-repeat:repeat;border-top-right-radius:5px;border-bottom-left-radius:0}.connect-customer .customer-cont .user-section .left .user-image{position:relative;top:27px;transform:none;width:150px;margin:0 auto;left:0;right:0;text-align:center}.connect-customer .customer-cont .user-section .right{display:block;height:auto;padding-right:0;padding-top:75px}.connect-customer .customer-cont .user-section .right p{padding:10px 30px 0;color:#000;text-align:center}.connect-customer .customer-cont .user-section .right h3{padding:0 30px 30px;color:#000;text-align:center}}