.banner-cntr,.section-cntr{width:1440px;max-width:76%;margin:auto;padding:80px 0}.banner-wrap{background:linear-gradient(0,#568ae640,#b3c8ed40);background-size:100% 100%;overflow:hidden}.banner-wrap h1{color:black;font-family:'Zoho_Puvi_Bold'}.banner-wrap p{color:black;font-size:18px;line-height:1.5;width:480px;max-width:100%;padding-bottom:20px}.banner-wrap h2{color:black;font-size:20px;line-height:1.2;padding:30px 0 10px;font-family:'Zoho_Puvi_Bold'}.banner-wrap h2+p{color:#9b9292;font-size:26px;width:600px;font-family:'Zoho_Puvi_Light';display:none}.banner-wrap p span{padding:5px;background-image:url(/sites/qntrl/files/qntrl/integrations/banner_hl.png);background-size:100% 100%;font-family:'Zoho_Puvi_Bold'}.banner-cntr .right{height:100%}.banner-cntr{display:flex;height:700px;align-items:center}.banner-cntr>div{flex:1;max-width:100%;position:relative}.integration-logos .logos-wrap{width:70px;aspect-ratio:1;background:white;border-radius:50%;position:absolute;z-index:1;padding:0;align-self:initial}.integration-logos .logos-wrap:not(:first-child):before{content:'';width:100%;height:100%;position:absolute;border:1px solid white;border-radius:50%;transform:scale(1.15) translate(-1.5px,-1.5px);display:block;box-shadow:0 0 0 5px inset #dbe6f8}.integration-logos .logos-wrap:not(:first-child){animation:float 5s 0s infinite}@keyframes float{0%,100%{transform:translateY(10px)}50%{transform:translateY(0)}}.integration-logos .logos-wrap img{width:50%;max-height:45%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.integration-logos .logos-wrap:first-child{padding:15px;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;aspect-ratio:initial;animation-delay:.3s}.categories-left select{width:100%;padding:11px;border-radius:10px;border-color:#fa6f65;color:#fa6f65;background:#fff9f8;display:none}.integration-logos .logos-wrap:first-child img{width:45%;height:initial;max-height:initial}.integration-logos .logos-wrap:nth-child(2){top:10%;left:43%;animation-delay:.6s}.integration-logos .logos-wrap:nth-child(3){left:9%;top:22%;animation-delay:.9s}.integration-logos .logos-wrap:nth-child(4){top:54%;left:28%;animation-delay:1.2s}.integration-logos .logos-wrap:nth-child(5){top:70%;left:65%;animation-delay:1.5s}.integration-logos .logos-wrap:nth-child(6){left:84%;top:30%;animation-delay:1.8s}.categories-left h2{font-size:25px;line-height:1.2}.section-cntr{display:flex;gap:30px;justify-content:space-between}.categories-right{flex:0 0 calc(100% - 400px)}.categories-left{width:350px}.categories-left ul li{padding:12px 20px 12px 45px;border:1px solid transparent;margin-bottom:10px;border-radius:10px;font-size:16px;line-height:22px;cursor:pointer;background-image:url(/sites/qntrl/files/qntrl/integrations/arrow-icon-2.png);background-size:18px;background-repeat:no-repeat;background-position:14px 14px}.categories-left ul li.active{border-color:#fa6f65;background-color:#fff9f8;color:#fa6f65;background-image:url(/sites/qntrl/files/qntrl/integrations/arrow-icon-1.png)}.categories-left ul li:not(.active):hover{background-color:#fff9f8;border-color:#fa6f6540;color:#000}.categories-right>ul li{flex-wrap:wrap;gap:30px 3%;display:none}.categories-right>ul li.active{display:flex}.categories-logo-wrap{width:31.33%;height:120px;border:1px solid #d1d1d1;border-radius:10px;position:relative}.categories-logo-wrap img{max-height:50%;max-width:50%;width:auto;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.power-actions-wrap{padding:80px 0 0}.power-actions-wrap h2{text-align:center;padding-bottom:30px;font-size:34px}.power-actions-wrap ul{display:flex;flex-wrap:wrap;gap:30px}.power-actions-wrap ul li{flex:0 0 calc(50% - 15px);border:1px solid #d1d1d1;border-radius:10px;padding:30px;display:flex;justify-content:space-between;align-items:center}.power-actions-wrap ul li .img-wraps{width:55px}.power-actions-wrap ul li .img-wraps img{width:100%;height:auto}.power-actions-wrap ul li:first-child .img-wraps,.power-actions-wrap ul li:nth-child(3) .img-wraps{width:45px}.power-actions-wrap ul li p{width:calc(100% - 80px);font-size:16px;line-height:1.4}div#footer-wrapper{background:#fafafa}.bg-rings{position:absolute;width:100%;height:100%}.bg-rings span{width:100px;aspect-ratio:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border-image-slice:1;z-index:0;background-size:100%;border:1px solid #568ae687}.bg-rings span:first-child{width:180px;opacity:.8}.bg-rings span:nth-child(2){width:300px;opacity:.6}.bg-rings span:nth-child(3){width:440px;opacity:.4}.bg-rings span:nth-child(4){width:560px;opacity:.2}@media screen and (max-width:1230px){.banner-cntr,.section-cntr{max-width:90%;padding:80px 0}.categories-left{width:250px}.categories-right{flex:0 0 calc(100% - 300px)}}@media screen and (max-width:999px){.banner-cntr{flex-direction:column;gap:40px;height:initial;text-align:center}.banner-cntr .right{width:500px;max-width:100%;aspect-ratio:1}.categories-left ul li{font-size:14px;background-size:15px;background-position:18px 16px}.categories-right>ul li{gap:20px 3%}.categories-logo-wrap img{width:70%}.power-actions-wrap h2{font-size:25px;line-height:1.2}.power-actions-wrap ul{gap:20px}.power-actions-wrap ul li{flex:0 0 100%;padding:20px;gap:10px}.power-actions-wrap ul li p{width:calc(100% - 50px);font-size:14px}.power-actions-wrap ul li .img-wraps{width:45px}.power-actions-wrap ul li:first-child .img-wraps,.power-actions-wrap ul li:nth-child(3) .img-wraps{width:35px}}@media screen and (max-width:768px){.categories-left{width:200px}.categories-left ul li{padding:10px 12px 10px 35px;background-position:11px 14px}.categories-right{flex:0 0 calc(100% - 230px)}.categories-logo-wrap{width:48.5%}.categories-logo-wrap img{width:65%}}@media screen and (max-width:480px){.banner-cntr,.section-cntr{padding:50px 0}.banner-cntr .right{aspect-ratio:.8}.banner-wrap h1{font-size:30px}.banner-wrap p{font-size:16px}.banner-wrap h2{font-size:18px}.integration-logos .logos-wrap{width:60px}.integration-logos .logos-wrap:first-child{width:60px;height:60px}.categories-logo-wrap{flex:0 0 240px;max-width:100%}.categories-right>ul li{justify-content:center}.integration-logos .logos-wrap:nth-child(2){top:10%;left:43%;animation-delay:.6s}.integration-logos .logos-wrap:nth-child(3){left:2%;top:23%;animation-delay:.9s}.integration-logos .logos-wrap:nth-child(4){top:56%;left:17%;animation-delay:1.2s}.integration-logos .logos-wrap:nth-child(5){top:67%;left:63%;animation-delay:1.5s}.integration-logos .logos-wrap:nth-child(6){left:86%;top:25%;animation-delay:1.8s}.section-cntr{flex-direction:column}.categories-left{width:100%}.categories-left ul{display:none}.categories-left select{display:block}}