section{padding:100px 0}.zw-product-header{background:#000}.zwc-banner-sec{padding:100px 0 0}.act-btn.cta-btn{visibility:visible;opacity:1}.flex-wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.zwc-section-width{max-width:1280px;margin:0 auto}.zwc-differ-ar-vr ul li::before,.application-of-ar-content h4::before,.zwc-future h2::before,.zwc-types-of-vr h4::before{content:'';display:block;background:url(//www.zohowebstatic.com/sites/zweb/images/lens/ar-vs-vr/ar-vs-vr-sprite-img.png) no-repeat;background-size:1231px;width:42px;height:40px;position:absolute;left:20px}.zwc-types-of-title{margin:0 auto 50px;width:100%;max-width:960px}.application-of-ar .zwc-types-of-title{max-width:900px}.application-of-ar .zwc-types-of-title h2{max-width:600px}a.learn-more{text-decoration:underline}.red-colour{color:#f75e08}.zwc-banner-sec{background:#000;color:#fff}.zwc-banner-sec p{font-size:18px}.zwc-banner-sec-content{text-align:center;max-width:850px;margin:0 auto 70px}.zwc-what-is-ar{font-family:var(--zf-secondary-medium);padding:50px 0 0}.zwc-what-is-ar p{margin-bottom:0}.zwc-what-is-ar .flex-wrap{gap:100px}.what-is-ar-left{width:100%;max-width:394px}.what-is-ar-right{width:100%;max-width:472px;display:grid;align-items:flex-start}.content-whole-part{background:#fff5e9;border:1px solid #f4cea3;font-size:20px;border-radius:24px;padding:60px;visibility:hidden;opacity:0;grid-row-start:1;grid-column-start:1;transition:all 1s ease}.what-is-ar-right h2{display:none}.zwc-what-is-ar ul li{height:70px;background:#f6f6f6;border-radius:60px;display:flex;align-items:center;padding-left:30px;margin-bottom:24px;font-size:18px;transition:all 1s ease}.zwc-what-is-ar ul li.active{background:#21a74f;cursor:pointer;color:#fff}.zwc-what-is-ar ul li:hover{cursor:pointer}.content-whole-part.active{visibility:visible;opacity:1}.zwc-types-of-ar .flex-wrap{justify-content:center;gap:50px}.zwc-types-of-ar{background:#fafafa;border:1px solid #f9f9f9;border-radius:10px}.zwc-types-of-ar .zwc-types-of-title{margin:0 auto 70px}.zwc-types-of-ar-left{width:100%;max-width:394px;position:sticky;top:100px}.types-of-ar-img{opacity:0;transition:all 1s ease}.types-of-ar-img.active{opacity:1}.zwc-types-of-ar-left .types-of-ar-img:nth-child(2){position:absolute;left:0;top:0}.zwc-types-of-ar-right{width:100%;max-width:520px}.zwc-types-of-ar-right>div:first-child{border-bottom:1px solid #e4e2e2;padding-bottom:20px}.zwc-types-of-ar-right>div:nth-child(2){padding-top:50px}.zwc-types-of-ar ul li{padding-left:20px}.zwc-types-of-ar ul li::before{content:"";display:block;width:6px;height:6px;background:#000;border-radius:50%;top:17px;position:relative;left:-20px}.scroll-inner{opacity:.3}.scroll-inner.active{opacity:1}.zwc-types-of-ar-left .left-side{position:sticky;top:100px}.zwc-types-of-vr .flex-wrap{gap:20px}.zwc-types-of-vr-content{width:100%;max-width:310px;padding:140px 15px 40px 30px;border-radius:14px;position:relative}.zwc-types-of-vr-content:nth-child(1){background:#ebeffe}.zwc-types-of-vr-content:nth-child(2){background:#fdf4d5}.zwc-types-of-vr-content:nth-child(3){background:#fcebe2}.zwc-types-of-vr-content h4::before{left:30px}.zwc-types-of-vr-content:nth-child(1) h4::before{background-position:0 0;top:60px;width:60px;height:50px}.zwc-types-of-vr-content:nth-child(2) h4::before{background-position:-63px 0;top:53px;width:51px;height:58px}.zwc-types-of-vr-content:nth-child(3) h4::before{background-position:-114px 0;top:45px;width:67px;height:66px}.zwc-differ-ar-vr{background:#fafafa;border:1px solid #f9f9f9}.zwc-differ-ar-vr .flex-wrap{gap:0}.zwc-differ-ar-vr ul{width:100%;max-width:480px;border:1px solid #f2c14f;position:relative}.zwc-differ-ar-vr ul:nth-child(1):before,.zwc-differ-ar-vr ul:nth-child(2):before{content:'AR';display:flex;background:#fafafa;border:1px solid #f2c14f;border-radius:50px;width:88px;height:44px;justify-content:center;align-items:center;font:20px 'Zoho_Puvi_Bold';top:-20px;position:absolute;left:40%}.zwc-differ-ar-vr ul:nth-child(2):before{content:'VR'}.zwc-differ-ar-vr ul:first-child{border-right:0;border-top-left-radius:20px;border-bottom-left-radius:20px}.zwc-differ-ar-vr ul:nth-child(2){border-top-right-radius:20px;border-bottom-right-radius:20px}.zwc-differ-ar-vr ul li{border-bottom:1px solid #f2c14f;height:120px;display:flex;align-items:center;padding:0 20px;position:relative;padding-left:90px}.zwc-differ-ar-vr ul li:last-child{border-bottom:0}.zwc-differ-ar-vr ul.differ-ar li:nth-child(1):before{background-position:-181px 0;width:55px;height:48px}.zwc-differ-ar-vr ul.differ-ar li:nth-child(2):before,.zwc-differ-ar-vr ul.differ-ar li:nth-child(4):before{background-position:-237px 0}.zwc-differ-ar-vr ul.differ-ar li:nth-child(3):before{background-position:-287px 0}.zwc-differ-ar-vr ul.differ-vr li:nth-child(1):before{background-position:-387px 0;width:47px;height:44px}.zwc-differ-ar-vr ul.differ-vr li:nth-child(2):before{background-position:-434px 0;width:50px}.zwc-differ-ar-vr ul.differ-vr li:nth-child(3):before{background-position:-498px 0;width:46px;height:49px}.zwc-differ-ar-vr ul.differ-vr li:nth-child(4):before{background-position:-552px 0;width:49px}.zwc-zoho-lens{width:100%;max-width:960px;background:#000;color:#fff;margin:0 auto;border-bottom-left-radius:14px;border-bottom-right-radius:14px;margin-bottom:100px}.zwc-zoho-lens h2,.zwc-zoho-lens p{width:100%;max-width:420px}.application-of-ar-content{width:100%;max-width:440px;border-radius:14px;padding:160px 56px 60px;position:relative}.application-of-ar-content:nth-child(1){background:#fff4f4;border:1px solid #fddddd}.application-of-ar-content:nth-child(2){background:#fff7ef;border:1px solid #f4d5ca}.application-of-ar-content:nth-child(3){background:#fffbed;border:1px solid #f5eac3}.application-of-ar-content:nth-child(4){background:#e3fddf;border:1px solid #cae7b3}.application-of-ar-content:nth-child(5){background:#edf8ff;border:1px solid #b5dbf3}.application-of-ar-content:nth-child(6){background:#eef2ff;border:1px solid #b3c2f2}.application-of-ar-content:nth-child(7){background:#ffedfc;border:1px solid #f8c4f0}.application-of-ar-content:nth-child(8){background:#ffefef;border:1px solid #f4c3c3}.application-of-ar-content h4::before{width:65px;height:65px;top:70px;left:58px}.application-of-ar-content h4.zwc-manufacturing:before{background-position:-611px 0;width:68px;height:75px;top:60px}.application-of-ar-content h4.zwc-automobile:before{background-position:-684px 0;width:79px;height:68px}.application-of-ar-content h4.zwc-aviation:before{background-position:-771px 0;width:103px;height:75px;top:60px}.application-of-ar-content h4.zwc-healthcare:before{background-position:-881px 0;top:77px}.application-of-ar-content h4.zwc-insurance:before{background-position:-966px 0;top:77px}.application-of-ar-content h4.zwc-retail:before{background-position:-1031px 0;width:69px}.application-of-ar-content h4.zwc-construction:before{background-position:-1107px 0}.application-of-ar-content h4.zwc-customer-service::before{background-position:-1178px 0;top:77px}.zwc-future{background:#fafafa;border:1px solid #f9f9f9}.zwc-future-left,.zwc-future-right{width:100%;max-width:480px;border-radius:14px;padding:160px 35px 50px 40px;position:relative}.zwc-future-left{background:#000;color:#fff}.zwc-future-right{background:#fff;border:1px solid #e2e2e2}.zwc-future-left h2::before,.zwc-future-right h2::before{top:60px;left:40px;width:106px;height:78px}.zwc-future-left h2::before{background-position:0 -80px}.zwc-future-right h2::before{background-position:-120px -85px;top:55px}.zwc-footer-bottom{width:100%;max-width:750px;text-align:center}@media only screen and (min-width:1200px){h1{font:50px/1.2 'Zoho_Puvi_Bold';letter-spacing:-1.4px}h2{font-size:36px;letter-spacing:-1.4px}h3{font-size:28px}h4{font-size:24px}.zwc-what-is-ar p{font-size:20px}.zwc-types-of-vr p{font-size:17px}p{line-height:1.75}}@media only screen and (max-width:1280px){.zwc-types-of-ar{border-radius:0}}@media only screen and (max-width:1199px){.zwc-banner-sec-content,.zwc-footer-bottom h2{max-width:670px;margin:0 auto 15px}.zwc-zoho-lens h2{max-width:350px}.zwc-future-left,.zwc-future-right,.zwc-differ-ar-vr ul,.what-is-ar-right,.zwc-types-of-ar-right{max-width:440px}.zwc-types-of-vr-content{max-width:300px}.zwc-types-of-title{max-width:880px}.zwc-types-of-vr .zwc-types-of-title{max-width:930px}}@media only screen and (max-width:991px){section{padding:80px 0}.zwc-banner-sec{padding:80px 0 0}.zwc-banner-sec-content,.zwc-footer-bottom h2{max-width:570px}.zwc-what-is-ar .flex-wrap{gap:20px}.what-is-ar-left{max-width:330px}.zwc-future-left,.zwc-future-right,.zwc-differ-ar-vr ul,.what-is-ar-right,.zwc-types-of-ar-right,.application-of-ar-content{max-width:350px}.application-of-ar-content{padding:160px 35px 60px}.content-whole-part{padding:35px}.zwc-what-is-ar ul li{font-size:17px;height:60px}.zwc-types-of-ar-left{max-width:300px}.zwc-differ-ar-vr ul li{font-size:15px}.zwc-zoho-lens h2{max-width:280px}.zwc-types-of-title,.zwc-types-of-vr .zwc-types-of-title,.application-of-ar .zwc-types-of-title,.application-of-ar .zwc-types-of-title h2{max-width:700px;text-align:center}.application-of-ar .zwc-types-of-title h2{margin:0 auto 15px}.zwc-zoho-lens{border-radius:0;margin-bottom:0}}@media only screen and (max-width:768px){.zwc-types-of-ar-right .scroll-inner h3 img{display:none}}@media only screen and (max-width:767px){section{padding:60px 0}.zwc-banner-sec{padding:60px 0 0}.zwc-banner-sec-content,.zwc-footer-bottom h2{max-width:550px}.zwc-future-left,.zwc-future-right,.zwc-differ-ar-vr ul,.what-is-ar-right,.zwc-types-of-ar-right,.application-of-ar-content,.zwc-types-of-title,.zwc-types-of-vr .zwc-types-of-title,.application-of-ar .zwc-types-of-title,.zwc-types-of-vr-content,.zwc-zoho-lens h2,.zwc-zoho-lens p{max-width:500px}.zwc-zoho-lens .flex-wrap{gap:10px}.zwc-types-of-vr-content{padding:140px 35px 40px 35px}.zwc-types-of-vr-content h4::before,.application-of-ar-content h4::before{left:35px}.zwc-differ-ar-vr ul:first-child,.zwc-differ-ar-vr ul:nth-child(2){border:1px solid #f2c14f;border-radius:20px}.differ-vr{margin-top:60px}.zwc-zoho-lens{border-radius:0}.what-is-ar-left{display:none}.what-is-ar-right{display:flex;flex-direction:column}.content-whole-part{visibility:visible;opacity:1;margin-bottom:30px}.content-whole-part:last-child{margin-bottom:60px}.what-is-ar-right h2{display:block}.zwc-types-of-ar .zwc-types-of-title{margin:0 auto 50px}.zwc-types-of-ar-left,.zwc-types-of-ar-left .types-of-ar-img:nth-child(2){position:absolute;opacity:0}.types-of-ar-img,.scroll-inner,.scroll-inner.active{opacity:1}}@media only screen and (max-width:600px){.zwc-what-is-ar{background:#fff5e9}.content-whole-part{border:0;padding:0}.zwc-types-of-ar ul li{font-size:15px}.zwc-differ-ar-vr ul li::before{left:10px}.zwc-differ-ar-vr ul li{padding-left:70px}.differ-ar li:nth-child(1),.differ-vr li:nth-child(1){margin-top:20px}.zwc-differ-ar-vr ul:nth-child(1)::before,.zwc-differ-ar-vr ul:nth-child(2)::before{left:35%}.zwc-future-left,.zwc-future-right,.application-of-ar-content{padding:160px 20px 30px 20px}.zwc-future-left h2::before,.zwc-future-right h2::before,.application-of-ar-content h4::before{left:20px}.application-of-ar-content{padding-bottom:35px}.zwc-types-of-vr-content{padding:140px 20px 40px 20px}}