#main-content{margin-top:100px}@media (max-width:991px){#main-content{margin-top:20px}}#scrollBarContainer{height:3px;left:0;opacity:0;position:fixed;top:63px;transition:opacity .5s linear;width:100%;z-index:9}.pre_header-hide #scrollBarContainer{opacity:1}#scrollBar{background:linear-gradient(270deg,#9826ff,#00d4e8);height:100%;width:0}@media (max-width:991px){#scrollBarContainer{top:69px}}.post_content li:not(:last-child),.post_content p:not(:last-child){margin-bottom:1.2rem}.post_content h2,.post_content h2 *,.post_content h3,.post_content h3 *,.post_content h4,.post_content h4 *,.post_content h5,.post_content h5 *,.post_content h6,.post_content h6 *{background:linear-gradient(180deg,#9826ff,#00d4e8);-webkit-background-clip:text;margin-bottom:1.2rem;padding-right:25px;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.post_content h2 *,.post_content h3 *,.post_content h4 *,.post_content h5 *,.post_content h6 *{margin-bottom:0;padding-bottom:0}.post_content ol{padding-left:25px}.post_content li,.post_content ol{margin-bottom:1.2rem}.post_content a:not(.banner-cta){color:#008ae8;text-decoration:underline!important}#breadcrumbs{padding-bottom:30px}#breadcrumbs .content-wrapper,.breadcrumb_item{align-items:center;display:flex;gap:3px}#breadcrumbs .breadcrumb_link{color:#9826ff}#breadcrumbs .breadcrumb_icon{height:18px;width:18px}@media(max-width:991px){#breadcrumbs{margin-top:100px}}.blog_title{color:#000;font-size:40px}.blog_featured-img{margin:1.8rem 0;max-width:100%}@media (max-width:1200px){.blog_featured-img{height:auto}}@media (max-width:767px){.blog_title{font-size:30px}}.meta_data{gap:20px;justify-content:space-between}.meta_data,.read-time{align-items:center;display:flex}.read-time{gap:7px}.clock-icon{line-height:0}.clock-icon svg{fill:#9826ff;height:20px;width:20px}.post_top-row{align-items:flex-start;display:flex;gap:20px;justify-content:center}#post-main-content{max-width:743px}#post-side-content{display:flex;flex-direction:column;gap:40px;max-width:369px}#post-main-content .hono-faqs .content-wrapper{padding:0}.tag-list{padding:30px 0}.blog-post__tags{display:flex;flex-wrap:wrap;gap:10px;list-style:none}.blog-post__tags li a{align-items:center;background:#efeeee;border-radius:8px;display:flex;gap:5px;padding:10px;transition:all .3s linear}.blog-post__tags li a svg{height:20px;width:20px}.blog-post__tags li a:hover{box-shadow:4px 4px 4px 0 rgba(0,0,0,.12)}#author-details{align-items:center;display:flex;gap:20px;padding:30px 0}#author-details .author-name{color:#404041;font-size:20px;font-weight:700}#author-details a img{border-radius:30px}@media (max-width:991px){.post_top-row.content-wrapper{flex-direction:column;padding:0 1rem 50px}#post-main-content,#post-side-content{max-width:100%}#post-side-content{display:grid;grid-template-areas:"item1 item3" "item2 item3"}#post-side-content .hs_cos_wrapper_type_module:has(#sideBanner){grid-area:item1}#post-side-content .hs_cos_wrapper_type_module:has(#recentPosts){grid-area:item2}#post-side-content .hs_cos_wrapper_type_module:has(#menuSideBanner){grid-area:item3}}@media(max-width:767px){#post-side-content{align-items:center;display:flex;flex-wrap:wrap}}@media (max-width:600px){#post-side-content{display:flex;flex-direction:column}#post-side-content .hs_cos_wrapper_type_module:has(#sideBanner){order:1}#post-side-content .hs_cos_wrapper_type_module:has(#recentPosts){order:2}#post-side-content .hs_cos_wrapper_type_module:has(#menuSideBanner){order:3}#author-details{align-items:flex-start;flex-direction:column}}#demo-banner{background:#fbf6ff;border-radius:8px;display:flex;justify-content:space-between;padding:50px 44px;position:relative}#demo-banner:before{background-image:url(https://25298601.fs1.hubspotusercontent-eu1.net/hubfs/25298601/Website%20Resources/Pages/demo%20arrow.svg);background-repeat:no-repeat;background-size:128%;content:"";height:92px;position:absolute;right:48px;top:-39px;width:84px}#demo-banner .banner-text{background:none;color:#303030;font-size:25px;font-weight:700;-webkit-text-fill-color:inherit;margin:0;padding:0}@media (max-width:768px){#demo-banner{flex-direction:column;gap:20px;padding:30px 22px}#demo-banner:before{bottom:-27px;left:192px;right:unset;top:unset;transform:rotate(76deg)}}