.banner-section{background-color:#102582;text-align:center;padding:80px 0;color:#fff}.zw-product-header{background-color:#102582}.banner-section h1{font-size:70px;line-height:80px;max-width:765px;margin:0 auto 30px}.banner-section p{margin:0 auto 30px;max-width:800px;font-size:18px}a.common-btn{font-size:20px;line-height:24px;background:#f04a40;color:#fff;padding:20px 30px;display:inline-block;font-family:var(--secondaryfont-bold)}.logo_circle{width:200px;height:200px;border-radius:100%;position:relative}.banner-img-section{display:flex;align-items:center;justify-content:center;margin:80px 0}.zwc_exotel_logo{background:url(//www.zohowebstatic.com/sites/zweb/images/marketplace/exotel/exotel-logo.png) #0097ff no-repeat;background-size:130px;background-position:center;left:33px}.zwc_zoho_logo{background:url(https://www.zohowebstatic.com/sites/zweb/images/commonroot/zoho-logo-web.svg) #fff no-repeat;background-size:130px;background-position:center;right:7px}.zwc_exotel_innericon{position:absolute;bottom:15px;right:-15px;background:url(//www.zohowebstatic.com/sites/zweb/images/marketplace/exotel/exotel-inner.png) no-repeat;background-size:100%;width:100px;height:44px;animation:2.5s ease infinite normal none running floatY 1s}.zwc-partical{position:absolute;bottom:15px;right:20px;background:#8fc6e9;width:25px;height:25px;transform:rotate(47deg);border-radius:3px;animation:3.5s ease infinite normal none running scale 1s}.banner-mob-img{display:none}.exotel-path{stroke-dasharray:330;stroke-dashoffset:330;animation:draw 3.5s linear forwards .5s}.zoho-path{stroke-dasharray:330;stroke-dashoffset:330;animation:draw 1.5s linear forwards .5s}.exotel-path,.zoho-path{fill:none;stroke-width:5px;stroke:#fff;stroke-linecap:round;stroke-miterlimit:10}.zwc-cloud-path{opacity:0;animation:opacityAnim 1s linear 1s forwards}.zw-template-inner h2{font-size:50px;line-height:60px;text-align:center;font-family:var(--secondaryfont-bold)}.zw-template-inner .mb-0{margin-bottom:0}.what-is-exotel-container{position:relative}.what-is-exotel-container::before{content:'';position:absolute;width:100%;height:50%;background-color:#102582;top:-1;left:0}.what-is-exotel-inner{border-radius:18px;background:#e6ecff;padding:60px 20px;text-align:center;max-width:1100px;margin:0 auto}.what-is-exotel-inner p{max-width:960px;margin:0 auto}.integrate-exotel-container{padding:120px 0;text-align:center}.integrate-exotel-inner h2{max-width:635px;margin:0 auto 100px}.integrate-exotel-flex{display:flex;flex-wrap:wrap;margin-top:50px}.integrate-exotel-list{width:33%;padding:45px}.integrate-exotel-list p{font-family:var(--secondaryfont-semibold)}.integrate-exotel-list span{display:inline-block;width:86px;height:85px;margin-bottom:15px;background:url(//www.zohowebstatic.com/sites/zweb/images/marketplace/exotel/exotel-sprite.png);background-position:0 0;background-size:426px}span.integrate-exotel-2{background-position:-83px 0}span.integrate-exotel-3{background-position:-170px 0}span.integrate-exotel-4{background-position:-255px 0}span.integrate-exotel-5{background-position:-341px 0}.integrate-exotel-list:first-child,.integrate-exotel-list:nth-child(3){border-bottom:1px solid #0726871a}.integrate-exotel-list:nth-child(2){border-width:0 1px 1px 1px;border-style:solid;border-color:#0726871a}.integrate-exotel-list:nth-child(4),.integrate-exotel-list:nth-child(5){border-right:1px solid #0726871a}.exotel-tab-content h3.exotel-recruit-txt{color:#e6262a}.exotel-tab-content h3.exotel-desk-txt{color:#049949}.exotel-tab-content h3.exotel-bigin-txt{color:#009649}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.exotel-with-zoho-container{background:#e5ecff;padding:120px 0}.exotel-with-zoho-inner h2{max-width:630px;margin:0 auto 50px}.exotel-tab-parent{max-width:635px;margin:0 auto}.exotel-tabs{display:flex;justify-content:flex-start;column-gap:40px}.exotel-tab-list{width:128px;background:#0000000d;border-radius:10px;text-align:center;padding:20px 15px;cursor:pointer}.exotel-tab-list h5{font-size:13px;font-family:var(--secondaryfont-semibold)}.exotel-tab-list span{background:var(--product-icons) no-repeat;background-size:var(--zp-i-bs);width:var(--zp-i-w);height:var(--zp-i-h);display:inline-block}.exotel-tab-list .crm-logo{background-position:var(--zp-crm-bp)}.exotel-tab-list .recruit-logo{background-position:var(--zp-recruit-bp)}.exotel-tab-list .desk-logo{background-position:var(--zp-desk-bp)}.exotel-tab-list .bigin-logo{background-position:var(--zp-bigin-bp)}.exotel-progress-bar{width:62px;border-radius:10px;height:2px;background:#0000001a;margin:0 auto;position:relative}.exotel-tab-list.active .exotel-progress-bar:before{content:"";width:0;height:100%;position:absolute;top:0;left:0;display:block;animation:4s linear borderX;background:#000}.exotel-tab-content{display:none}.exotel-tab-content.active{display:block}.list-type-square{list-style-type:none}.list-type-square li{margin-bottom:25px;padding-left:20px;font-family:var(--zf-secondary-medium);position:relative}.list-type-square li::before{content:"";position:absolute;width:5px;height:5px;background:#000;border-radius:2px;left:0;top:9px}.exotel-tab-content h3{font-size:30px;color:#006fba;margin-bottom:30px}a.get-cta-btn{display:inline-block;border:1px solid;font-family:var(--secondaryfont-semibold);padding:20px 30px;text-align:center;color:#000;margin-top:20px}.exotel-tab-list.active{background-color:#fff}.exotel-tab-container{max-width:530px;margin:50px auto 0}.exotel-btm-container{padding:120px 0;text-align:center}.exotel-btm-container h2{max-width:930px;margin:0 auto 30px}@keyframes borderX{0%{width:0}100%{width:100%}}@keyframes draw{from{stroke-dashoffset:330}to{stroke-dashoffset:0}}@keyframes opacityAnim{0%{opacity:0}50%{opacity:1}100%{opacity:1}}@keyframes floatY{0%{transform:translateY(0)}50%{transform:translateY(5px)}100%{transform:translateY(0)}}@keyframes scale{0%{transform:rotate(47deg) scale(1)}50%{transform:rotate(47deg) scale(0.6)}100%{transform:rotate(47deg) scale(1)}}@media only screen and (min-width:768px){.fadeinup{-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);-webkit-transition:all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);-o-transition:all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);transition:all 1000ms cubic-bezier(0.11,0.16,0.43,0.86)}.fadeindown{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px);-webkit-transition:all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);-o-transition:all 1000ms cubic-bezier(0.11,0.16,0.43,0.86);transition:all 1000ms cubic-bezier(0.11,0.16,0.43,0.86)}.middle-animated .fadeinup,.middle-animated .fadeindown{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@media only screen and (max-width:1299px){.banner-section{padding:50px 0 80px}.banner-section h1{font-size:56px;max-width:510px;line-height:1.2}.banner-img-section{margin:55px 0}a.common-btn,a.get-cta-btn{font-size:17px;padding:15px 25px}.zw-template-inner h2{font-size:42px;line-height:1.3}.exotel-with-zoho-container,.integrate-exotel-container,.exotel-btm-container{padding:100px 0}.what-is-exotel-inner p{max-width:860px}.exotel-with-zoho-inner h2{max-width:500px}.exotel-btm-container h2{max-width:770px}.exotel-tab-content h3,.list-type-square li{margin-bottom:20px}.integrate-exotel-inner h2{margin-bottom:80px}.what-is-exotel-inner{width:95%}}@media only screen and (max-width:1099px){.banner-section h1{font-size:48px}.banner-section p{font-size:17px;max-width:610px}.zw-template-inner h2{font-size:38px}.integrate-exotel-inner h2{max-width:475px}.exotel-with-zoho-inner h2{max-width:450px}.exotel-tab-content h3{font-size:26px}.integrate-exotel-list{padding:40px}.exotel-tab-container{max-width:470px}a.get-cta-btn{margin-top:10px}}@media only screen and (max-width:991px){.banner-section h1{font-size:42px;max-width:380px;margin:0 auto 15px}.banner-img-section{transform:scale(0.8);margin:30px 0}.exotel-with-zoho-container,.integrate-exotel-container,.exotel-btm-container{padding:80px 0}a.common-btn,a.get-cta-btn,.banner-section p{font-size:15px;line-height:1.8}.exotel-tab-parent{max-width:605px}.list-type-square{font-size:15px}.banner-section p{max-width:540px}.zw-template-inner h2{font-size:34px}.exotel-btm-container h2{max-width:625px}.what-is-exotel-inner{padding:50px 8%}.integrate-exotel-list{padding:35px 20px}.integrate-exotel-list p{line-height:1.5}.exotel-tab-container{max-width:420px}.exotel-tab-content h3{font-size:24px}.integrate-exotel-inner h2{margin-bottom:50px}}@media only screen and (max-width:767px){.banner-section h1{font-size:36px}.zw-template-inner h2{font-size:28px}.integrate-exotel-inner h2{max-width:365px}.integrate-exotel-list span{margin-bottom:0;transform:scale(0.8)}.integrate-exotel-list:first-child{border-right:0}.integrate-exotel-list:nth-child(2){border-width:0 0 1px 1px}.integrate-exotel-list:nth-child(4){border-right:0;border-bottom:1px solid #0726871a}.integrate-exotel-list:nth-child(3){border-right:1px solid #0726871a}.integrate-exotel-list{width:50%}.exotel-tabs{display:none}.exotel-with-zoho-container{background:#e5ecff !important}.exotel-tab-content{display:block !important;margin-top:50px}.exotel-tab-content h3,.list-type-square li{margin-bottom:15px}.exotel-tab-container{margin-top:0}.exotel-with-zoho-inner h2{margin-bottom:0;max-width:370px}.banner-img-section{display:none}.banner-mob-img{display:block;margin:30px auto}.exotel-btm-container h2{max-width:520px}}@media only screen and (max-width:480px){.exotel-with-zoho-container,.integrate-exotel-container,.exotel-btm-container{padding:60px 0}.integrate-exotel-list{width:100%;border:none !important;padding:0;margin-top:25px}.integrate-exotel-flex{max-width:250px;margin:0 auto}.integrate-exotel-inner h2{margin-bottom:0}.banner-section h1{font-size:32px}.zw-template-inner h2{font-size:26px}.exotel-tab-content h3{font-size:20px}.banner-section{padding-bottom:60px}}