.filter-group.platform-filter{width:100%}:root{--primary-color:#010101;--secondary-color:#333;--highlight-color:#056cb8;--bg-color:#f8f9fb;--redclr:#f60014;--bg-blue-color:#0060b4;--whiteclr:#fff}.zw-product-header{background-color:var(--whiteclr)}body{color:var(--secondary-color);font-family:var(--zf-primary-regular)}input{font-family:var(--zf-primary-regular)}section .content-wrap{max-width:1280px;overflow:unset;margin:0 auto;padding:90px 0}.roadmap-content{background-color:#f2f4f8}.roadmap-header{text-align:center;background-color:var(--whiteclr)}.banner .content-wrap{background:url(/sites/zweb/images/tables/zt-roadmap-banner-bg.svg) no-repeat;background-size:contain;background-position:bottom;z-index:0;padding:100px 0 120px}.roadmap-header h1{font-size:70px;letter-spacing:-2.2px;color:var(--primary-color);font-family:var(--zf-primary-medium);display:inline-block;margin:0;color:#4b3ba9;background-color:#c2b8fd;padding:5px 10px}.roadmap-header h1 span{display:block;color:#3b9374}.roadmap-header p{color:var(--secondary-color);text-align:center;max-width:700px;margin:0 auto}.search-error-msg,.filter-error-msg{display:none}.search-error-msg,.filter-error-msg{display:none;padding:40px 30px;border:1px solid #dbdbdb;background:#fcfcfc;box-shadow:rgb(166,172,252,0.2) 0 7px 29px 0;max-width:600px;margin:auto;border-radius:10px;background-color:#e6e8ef;margin-top:150px;position:relative}.img-wrap{width:90px;position:absolute;top:-40px;left:0;right:0;margin:0 auto;background-color:#fff;border-radius:50%;height:90px;display:flex;justify-content:center;border:7px solid #f7f7f7}.search-error-msg p,.filter-error-msg p{position:relative;font-family:var(--primaryfont-semibold);font-size:24px;margin-bottom:0;color:#000;padding-left:30px;text-align:center;padding:30px 0 0 0}.controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-top:25px}.search-bar{width:100%;padding:16px 40px;font-size:14px;border-radius:6px;border:1px solid #ced3df;background-color:#e5e8ef;color:#555}.search-field{position:relative;width:100%;max-width:270px}.search-icon{position:absolute;left:15px;top:0;margin:auto;bottom:0}.expand-all{color:var(--whiteclr);font-size:13px;font-family:var(--zf-primary-semibold);border:unset;background:unset;padding:0}.expand-btn-wrap{display:flex;align-items:center;gap:10px;padding:10px 15px;background-color:var(--secondary-color);border-radius:4px;border:0;cursor:pointer}.expand-arrow{width:20px}.roadmap-content .content-wrap{display:flex;gap:20px;align-items:flex-start}.zcr-cs-list-prt li ol{margin-top:20px;list-style-type:lower-alpha}.zcr-cs-list-prt li ol li{padding-left:0;margin-left:30px}.zcr-cs-list-prt li ol li::before,.zcr-cs-list-prt li ol li::after{display:none}.sidebar{width:25%;border-radius:8px;display:flex;flex-wrap:wrap;justify-content:space-between;position:sticky;top:100px}.filter-group{margin-bottom:20px;width:100%}.month-yr,.platform-filter{width:100%}.filter-group label{display:block;font-size:13px;margin-bottom:5px;color:#555;font-family:var(--zf-primary-medium);letter-spacing:-.2px}.filter-group select{width:100%;padding:15px 20px;font-size:16px;border:1px solid #e8e8e8;border-radius:8px;color:var(--primary-color);font-family:var(--zf-primary-semibold);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.filter-part{position:relative}.filter-part:after{content:"";position:absolute;width:8px;height:8px;border-left:2px solid #000;border-bottom:2px solid #000;-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(-45deg);background:transparent;top:0;bottom:0;margin:auto;right:14px;cursor:pointer;z-index:0}.feature-list h3{font-size:13px;margin-bottom:15px;color:#555}.feature-list{background-color:var(--whiteclr);padding:30px;border-radius:8px;height:400px;overflow:auto;min-width:315px}.feature-list ul{list-style:none;display:none}.feature-list ul.active{display:block}.feature-list li{padding:8px 0;color:#007bff;cursor:pointer;font-size:16px;color:var(--primary-color);font-family:var(--zf-primary-medium);list-style-type:disc}.feature-list .active{font-family:var(--zf-primary-semibold);color:#1d76f0}.feature-detail{width:75%}.feature-item{border:1px solid #f2f4f8;border-bottom:1px solid #d9dce3;margin-bottom:20px;padding:25px 70px}.feature-item:last-child{border-bottom:0;margin-bottom:0}.feature-item.active{border-radius:8px;border:1px solid #0478ff;background-color:var(--whiteclr)}.status.launch{color:#039e67}.status.beta{color:#276fd2}.status.to-be-announced{color:#ec770a}.feature-header{display:flex;justify-content:space-between;align-items:flex-start;position:relative;gap:20px;margin-bottom:15px}.feature-tag-wrap{display:flex;gap:5px}.feature-tag{background-color:#e0e0e0;color:var(--secondary-color);padding:6px 10px;font-size:12px;color:var(--primary-color);font-family:var(--zf-primary-semibold);margin-bottom:15px;display:inline-flex}.feature-header h3{font-size:24px;color:var(--primary-color);font-family:var(--zf-primary-semibold);max-width:550px;letter-spacing:-0.4px;margin:0}.expand-icon{position:relative;cursor:pointer;width:32px;height:32px;border-radius:100%;border:2px solid #010101;z-index:1;background-color:var(--whiteclr)}.expand-icon::before{content:"";position:absolute;cursor:pointer;width:8px;height:8px;border-left:2px solid #010101;border-bottom:2px solid #010101;transform:rotate(-45deg);transition:all .5s ease;left:0;right:0;bottom:0;top:-2px;margin:auto}.active .expand-icon::before{transform:rotate(135deg);top:2px}.feature-content{max-height:0;overflow:hidden;transition:all .4s ease}.feature-content.active{max-height:1000px;transition:all .4s ease}.feature-content p{color:var(--secondary-color);margin-bottom:15px}.use-case{background-color:#c2b8fd;padding:30px 25px;margin-bottom:15px;font-size:17px;border-left:2px solid #4b3ba9}.use-case span{font-family:var(--zf-primary-semibold);color:var(--primary-color)}.use-case p:last-child{margin-bottom:0}.feature-meta{display:flex;justify-content:space-between;font-size:14px;color:#666;padding:15px 25px;background-color:#f8f8f8}.feature-meta-ctn{display:flex;flex-flow:column;font-size:17px;font-family:var(--zf-primary-semibold);color:var(--primary-color)}.feature-meta-ctn span{font-size:13px;font-family:var(--zf-primary-regular);color:var(--secondary-color);margin-bottom:8px}.discussion-link{color:#0478ff;font-size:13px;gap:10px;align-items:center;margin-top:40px;font-family:var(--zf-primary-semibold);display:inline-flex}.white-arrow{position:relative;width:25px;height:25px;border-radius:50%;background-color:#0478ff;display:inline-flex;align-items:center;justify-content:center}.cus-form{position:relative}.cus-form .innr-wrap{max-width:600px;padding:50px;background-color:var(--whiteclr);border:1px solid #e4e8f1;box-shadow:5px 5px 15px rgba(242,238,255,.4);margin:0 auto}.cus-form h3{font-size:24px;color:var(--primary-color);font-family:var(--zf-primary-semibold);margin-bottom:20px;text-align:center}@media only screen and (max-width:1280px){.month-yr,.platform-filter{width:100%}}@media only screen and (max-width:1199px){.banner .content-wrap{background:0;padding:40px 0 60px}.roadmap-header h1{font-size:56px}}@media only screen and (max-width:991px){.roadmap-header h1{font-size:46px}.sidebar{position:relative;top:0;margin-top:0;max-width:365px;width:100%}.roadmap-content .content-wrap{display:block}.feature-detail{width:100%;padding-top:60px}section .content-wrap{padding:60px 0}}@media only screen and (max-width:767px){.feature-item{padding:25px}.feature-header h3{font-size:20px;max-width:400px}.expand-icon{width:24px;height:24px}.expand-icon::before{width:7px;height:7px}.feature-meta{flex-flow:column}}@media only screen and (max-width:480px){section .content-wrap{padding:40px 0}.feature-header h3{max-width:220px}.roadmap-header h1{font-size:32px;letter-spacing:-1.2px}.feature-item{padding:15px}.controls{flex-flow:column;align-items:flex-start;gap:20px}.cus-form .innr-wrap{padding:20px}.feature-header{gap:10px}}