.zw-product-header{position:absolute;left:0;right:0;z-index:5}.zwc-page-inner{background-color:#010213;color:#fff}.zwc-page-inner h1{font-size:72px;line-height:1;letter-spacing:-1px}.zwc-page-inner h2{font-size:66px;line-height:1.13}.zwc-page-inner h3{font-size:24px}.zwc-page-inner h2:has(+p){margin-bottom:20px}.zwc-page-inner h2+p{margin-bottom:65px}.zwc-webhook-section .content-wrap h2:has(+p){margin-bottom:15px}.zwc-banner-section{padding:165px 0 120px;text-align:center;position:relative;overflow:hidden}.zwc-banner-section::before{content:'';position:absolute;margin:auto;height:740px;width:1700px;border-radius:0;transform:translate(-50%,-180px);top:0;left:50%;background-image:radial-gradient(#191d63,#181c60 10%,#010213 80%)}.zwc-integration-logo-wrap{display:grid;grid-template-columns:repeat(3,max-content);align-items:center;justify-content:center;grid-gap:15px;font-size:30px;margin-bottom:40px}.zwc-integration-logo-wrap>span{background-color:#fff;padding:12px 25px;display:inline-block;display:grid;color:#000;line-height:1;border-radius:100px}.zwc-integration-logo-wrap>.zwc-own-logo{font-size:0}.zwc-integration-logo-wrap>.zwc-own-logo::before{content:'';height:45px;width:160px;background-repeat:no-repeat;background-position:center}.zwc-integration-logo-wrap>.zwc-own-logo::before{background-image:url('/sites/zweb/images/productlogos/zeptomail.svg')}.zwc-integration-logo-wrap>.zwc-out-logo{display:grid;grid-template-columns:max-content 1fr;grid-gap:0 8px;grid-template-rows:max-content;grid-auto-rows:0;align-items:center}.zwc-integration-logo-wrap>.zwc-out-logo::before{content:'';height:45px;width:45px;grid-row:1/2;background-image:url('/sites/zweb/images/zeptomail/webhooks/sprite.png');background-size:202px auto;background-position:-157.5px 1px}.zwc-integration-logo-wrap>.zwc-out-logo::after{content:'webhooks';font-size:21px;font-family:var(--zf-primary-bold);grid-column:2/3;grid-row:1/2}.zwc-banner-content{max-width:920px;margin:0 auto}.zwc-banner-content>h1{margin-bottom:30px}.zwc-banner-content>p{max-width:800px;margin:0 auto 40px}.zwc-webhook-section{padding:105px 0 120px;background-color:#fff;color:#000;text-align:center}.zwc-webhook-section>div>p{max-width:830px;margin-inline:auto}.zwc-webhook-section>div>div{margin:0 auto;line-height:0}.zwc-webhook-mobile-img{display:none}.zwc-features-section{padding:110px 0 125px;text-align:center;position:relative;overflow:hidden}.zwc-features-section::before{content:'';height:165vw;width:80vw;max-width:1395px;max-height:3135px;background-image:radial-gradient(#1d2381,#15173e,#010213);position:absolute;top:0;left:0;right:0;margin:auto;transform:translateY(-50%);border-radius:50%;box-shadow:0 0 175px 175px #0d0e2c}.zwc-features-section>div>p{max-width:600px;margin-inline:auto}.zwc-features-wrap{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;max-width:1180px;margin-inline:auto}.zwc-feature-box{--borderRadius:20px;position:relative;overflow:hidden;border-radius:var(--borderRadius)}.zwc-feature-box::before{content:'';position:absolute;height:100%;width:100%;top:0;left:0;background-color:#56587e;border-radius:var(--borderRadius)}@keyframes borderSlide{0%{left:0;top:50%}40%{left:0;top:0}45%{left:100%;top:0}55%{left:100%;top:100%;opacity:1}60%{left:50%;top:100%;opacity:0}65%{left:0;top:100%;opacity:0}100%{left:0;top:50%;opacity:1}}.zwc-feature-box::after{content:'';position:absolute;width:20%;height:20%;background-image:radial-gradient(rgb(77 253 154 / 100%),transparent 60%);top:0;left:10%;border-radius:100%;transform:translate(-50%,-50%);z-index:2;opacity:0;transition:opacity .3s ease}.zwc-feature-box:hover::after{opacity:1;animation:borderSlide 5s linear infinite}.zwc-feature-content{position:relative;top:1px;left:1px;padding-top:60px;z-index:3;text-align:left;height:calc(100% - 2px);width:calc(100% - 2px);background-image:linear-gradient(180deg,#0c0d26,#010213);border-radius:var(--borderRadius);display:grid;grid-template-rows:max-content max-content 1fr}.zwc-feature-content>h3,.zwc-feature-content>p{padding-inline:50px}.zwc-feature-box .zwc-feature-content>h3::before{content:'';height:26px;width:26px;display:inline-block;position:relative;top:4.5px;margin-right:10px;background-image:url('/sites/zweb/images/zeptomail/webhooks/sprite.png');background-size:202px auto;background-position:0 0;scale:1.15}.zwc-feature-box:nth-child(1) .zwc-feature-content>h3::before{background-position:0 0}.zwc-feature-box:nth-child(2) .zwc-feature-content>h3::before{background-position:-26px 0}.zwc-feature-box:nth-child(3) .zwc-feature-content>h3::before{background-position:-52px 0}.zwc-feature-box:nth-child(4) .zwc-feature-content>h3::before{background-position:-78px 0}.zwc-feature-box:nth-child(5) .zwc-feature-content>h3::before{background-position:-104px 0}.zwc-feature-box:nth-child(6) .zwc-feature-content>h3::before{background-position:-130px 0}.zwc-feature-content>p{margin-bottom:60px}.zwc-feature-content>div{margin-top:auto;padding-inline:30px}.zwc-webhook-events-section{width:90%;max-width:1800px;margin-inline:auto;padding:105px 0 120px;border-radius:30px;position:relative;overflow:hidden}.zwc-webhook-events-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:85% 0;background-image:url('/sites/zweb/images/zeptomail/webhooks/webhooks-events-bg.svg')}.zwc-hook-event-heading{// display:none;margin-top:-5px}.zwc-hook-event-heading>p{display:none;font-size:20px;font-family:var(--zf-primary-bold);margin-bottom:0;position:relative;text-underline-offset:5px}.zwc-hook-event-heading>p::before{content:'';height:2px;width:120px;background-color:#4cfd9a;position:absolute;left:0;right:0;margin-inline:auto;bottom:-5px}.zwc-hook-event-heading>p.zwc-active{display:block}.zwc-event-slider-wrap{max-width:700px;margin-inline:auto;margin-top:40px;border-radius:30px;position:relative;border:1px solid #56587e;background-image:linear-gradient(to bottom,#16173b,#03030d);padding:30px 50px 50px}.zwc-code-box{max-height:300px;overflow:scroll}.zwc-event-slider-wrap ::-webkit-scrollbar{width:2px;height:5px}.zwc-event-slider-wrap ::-webkit-scrollbar-track{border-radius:10px}.zwc-event-slider-wrap ::-webkit-scrollbar-thumb{background-image:radial-gradient(#49fd9887,transparent);border-radius:10px}.zwc-event-slider-wrap ::-webkit-scrollbar-thumb:horizontal{background:#49fd9887}.zwc-event-slider-wrap ::-webkit-scrollbar-thumb:hover{background-image:radial-gradient(#49fd9887,transparent)}.zwc-event-slider-wrap ::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}@supports(scrollbar-color:red blue){.zwc-event-slider-wrap{scrollbar-color:#2a2c4f transparent;scrollbar-width:thin}}.zwc-page-inner pre[class*="language-"]{background-color:transparent}.zwc-code-copy-btn{display:grid;position:absolute;border:0;font-size:0;z-index:5;top:30px;right:25px;cursor:pointer;padding:18px 16px 12px 22px;border-radius:8px;min-width:0;text-align:center;background-color:#2a2c4f;transition:background-color .3s ease;transform:scale(0.75)}.zwc-code-copy-btn::before,.zwc-code-copy-btn::after{grid-row:1 / 2;grid-column:1 / 2;content:''}.zwc-code-copy-btn::before{height:26px;width:20px;border:solid #ccc;border-width:1px 0 0 1px;display:inline-block;border-radius:4px 0 0 0;transform:translate(-5px,-5px)}.zwc-code-copy-btn::after{height:25px;width:20px;border:1px solid #ccc;display:inline-block;border-radius:4px}.zwc-code-copied-info{position:absolute;top:0;left:0;height:100%;width:100%;z-index:5;text-align:center;display:grid;align-items:center;-webkit-backdrop-filter:blur(4px) brightness(0.5);backdrop-filter:blur(4px) brightness(0.5);border-radius:30px;opacity:0;visibility:hidden;font-size:20px;font-family:var(--zf-primary-bold)}@keyframes fadeInOut{0%{opacity:0;visibility:hidden}50%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}.zwc-code-copied-info.zwc-active{animation:fadeInOut 1.5s ease}.zwc-webhook-events-section .content-wrap{text-align:center}.zwc-webhook-events-section .content-wrap>p{max-width:660px;margin-inline:auto}.zwc-event-slider-box .slick-arrow{background-color:#fff;border-radius:50%;height:38px;width:38px}.zwc-event-slider-box .slick-next{right:-115px}.zwc-event-slider-box .slick-prev{left:-115px}.zwc-event-slider-box .slick-arrow::before{transform:rotate(45deg);height:10px;width:10px;border:solid #000;border-width:2px 2px 0 0;background-color:transparent;inset:0;margin:auto;border-radius:1px 2.5px 1px 0}.zwc-event-slider-box .slick-prev::before{transform:rotate(-135deg);left:2px}.zwc-event-slider-box .slick-next::before{left:-2px}.zwc-event-slider-box .slick-arrow::after{display:none}.zwc-events-bottom-nav{margin-top:50px;display:flex;justify-content:space-between;max-width:1000px;margin-inline:auto}.zwc-events-bottom-nav>button{background:transparent;color:#fff;opacity:.5;font-size:18px;border:0;position:relative;transition:opacity .3s ease;font-family:var(--zf-primary-bold);cursor:pointer;padding-bottom:10px}.zwc-events-bottom-nav>button::after{content:'';height:2px;width:20px;position:absolute;left:0;right:0;margin-inline:auto;bottom:0;background-color:#fff}.zwc-events-bottom-nav>button.zwc-active{opacity:1}.zwc-events-bottom-nav>button.zwc-active::after{background-color:#4cfd9a}.zwc-bottom-section{padding:120px 0 125px;text-align:center}.zwc-bottom-section>.content-wrap{max-width:800px}.zwc-bottom-section h2{margin-bottom:35px}@media only screen and (max-width:1440px){.zwc-page-inner h1{font-size:68px}.zwc-page-inner h2{font-size:58px}.zwc-banner-section{padding:160px 0 110px}.zwc-webhook-section{padding:95px 0 110px}.zwc-features-section{padding:100px 0 115px}.zwc-webhook-events-section{padding:95px 0 110px}.zwc-bottom-section{padding:110px 0 115px}.zwc-integration-logo-wrap{scale:.85;margin-bottom:35px}.zwc-features-section::before{box-shadow:0 0 10vw 10vw #0d0e2c}}@media only screen and (max-width:1280px){.zwc-page-inner h1{font-size:62px}.zwc-page-inner h2{font-size:55px}.zwc-banner-section{padding:160px 0 100px}.zwc-webhook-section{padding:85px 0 100px}.zwc-features-section{padding:90px 0 105px}.zwc-webhook-events-section{padding:85px 0 100px}.zwc-bottom-section{padding:100px 0 105px}.zwc-banner-content{max-width:780px}.zwc-integration-logo-wrap{margin-bottom:30px}.zwc-bottom-section>.content-wrap{max-width:650px}.zwc-bottom-section h2{margin-bottom:30px}.zwc-features-section::before{width:90vw}}@media only screen and (max-width:1199px){.zwc-page-inner h1{font-size:59px}.zwc-page-inner h2{font-size:52px}.zwc-page-inner h3{font-size:24px}.zwc-banner-section{padding:150px 0 95px}.zwc-webhook-section{padding:80px 0 95px}.zwc-features-section{padding:85px 0 100px}.zwc-webhook-events-section{padding:80px 0 95px}.zwc-bottom-section{padding:95px 0 100px}.zwc-webhook-events-section{width:95%}.zwc-hook-event-heading{display:block}.zwc-event-slider-wrap{width:82%}.zwc-events-bottom-nav{display:none}}@media only screen and (min-width:1025px){.zwc-banner-content>p{font-size:18px}}@media only screen and (max-width:1024px){.zwc-page-inner h1{font-size:55px;line-height:1.1}.zwc-page-inner h2{font-size:49px}.zwc-page-inner h3{font-size:22px}}@media only screen and (max-width:991px){.zwc-page-inner h1{font-size:50px}.zwc-page-inner h2{font-size:42px;line-height:1.25}.zwc-banner-section{padding:150px 0 90px}.zwc-webhook-section{padding:75px 0 85px}.zwc-features-section{padding:80px 0 90px}.zwc-webhook-events-section{padding:75px 0 90px}.zwc-bottom-section{padding:85px 0 95px}.zwc-page-inner h2:has(+p){margin-bottom:15px}.zwc-page-inner h2+p{margin-bottom:45px}.zwc-webhook-section .content-wrap h2:has(+p){margin-bottom:10px}.zwc-banner-content{max-width:620px}.zwc-integration-logo-wrap{scale:.8;margin-bottom:25px}.zwc-banner-content>h1{margin-bottom:25px}.zwc-webhook-section>div>p{max-width:750px}.zwc-features-section::before{height:800px;width:100vw}.zwc-features-wrap{grid-gap:10px}.zwc-feature-box{--borderRadius:15px}.zwc-feature-content{padding-top:40px}.zwc-feature-content>p{margin-bottom:40px}.zwc-feature-content>h3,.zwc-feature-content>p{padding-inline:25px}.zwc-feature-content>div{padding-inline:20px}.zwc-feature-content>h3{margin-bottom:15px}.zwc-bottom-section>.content-wrap{max-width:500px}.zwc-webhook-events-section{border-radius:20px}.zwc-event-slider-wrap{padding:30px;border-radius:20px;margin-top:30px}.zwc-event-slider-box .slick-next{right:-85px}.zwc-event-slider-box .slick-prev{left:-85px}}@media only screen and (max-width:767px){.zwc-page-inner h1{font-size:42px;line-height:1.15}.zwc-page-inner h2{font-size:36px}.zwc-banner-section{padding:110px 0 80px}.zwc-webhook-section{padding:65px 0 65px}.zwc-features-section{padding:70px 0 80px}.zwc-webhook-events-section{padding:65px 0 110px}.zwc-bottom-section{padding:75px 0 85px}.zwc-banner-content{max-width:530px}.zwc-integration-logo-wrap{scale:.7;margin-bottom:10px}.zwc-banner-content>h1{margin-bottom:20px}.zwc-banner-content>p{margin:0 auto 30px}.zwc-webhook-section>div>p{max-width:560px}.zwc-webhook-section>div>div{max-width:350px;background-color:#f6f6f6;border-radius:10px}.zwc-webhook-mobile-img{display:block;object-fit:90% 60%;object-position:100% 0;width:100%;object-fit:cover;border-radius:10px;aspect-ratio:1 / .903;max-width:350px}.zwc-webhook-web-img{object-fit:90% 60%;object-position:8% 0;width:100%;object-fit:cover;border-radius:10px;aspect-ratio:1 / .91}.zwc-features-section>div>p{max-width:530px}.zwc-features-wrap{grid-template-columns:1fr;max-width:460px;grid-gap:20px}.zwc-feature-box .zwc-feature-content>h3::before{scale:1.05}.zwc-webhook-events-section{width:90%}.zwc-event-slider-wrap{width:100%}.zwc-event-slider-box .slick-arrow{top:auto;bottom:-90px;transform:translate(0,0);scale:1.1}.zwc-event-slider-box .slick-prev{left:calc(50% - 45px)}.zwc-event-slider-box .slick-next{right:calc(50% - 45px)}.zwc-code-box{max-height:250px}}@media only screen and (max-width:480px){.zwc-page-inner h1{font-size:36px}.zwc-page-inner h2{font-size:32px}.zwc-banner-section{padding:110px 0 70px}.zwc-webhook-section{padding:55px 0 55px}.zwc-features-section{padding:60px 0 70px}.zwc-webhook-events-section{padding:55px 0 100px}.zwc-bottom-section{padding:65px 0 75px}.zwc-bottom-section h2{margin-bottom:25px}.zwc-page-inner h2+p{margin-bottom:35px}.zwc-integration-logo-wrap{scale:.65;margin-bottom:8px;grid-gap:10px}.zwc-integration-logo-wrap>span{padding:8px 20px}.zwc-integration-logo-wrap>span::before{scale:.9}.zwc-integration-logo-wrap>.zwc-out-logo{grid-gap:0 4px}.zwc-event-slider-wrap{padding:15px;border-radius:15px}.zwc-event-slider-box .slick-arrow{bottom:-75px}}