﻿.net-blog .blog-previews-header-container{position:relative}.net-blog .blog-previews-title{margin-left:auto;margin-right:auto;max-width:1170px;padding-bottom:50px;padding-left:25px;padding-right:25px;padding-top:120px}.net-blog .blog-previews-title h1{font-weight:600;font-size:3.76rem;line-height:100%;letter-spacing:0;text-align:center;color:#1b1b1b}.net-blog .blog-previews-title p{font-weight:400;font-size:2.12rem;line-height:100%;letter-spacing:0;text-align:center;color:#1b1b1b}.net-blog .blog-preview:hover .case-study-preview-container{margin-top:-20px;margin-bottom:20px}.net-blog .no-decoration{color:#1b1b1b;text-decoration:none}.net-blog .blog-previews-menu{background:white;margin-bottom:65px;margin-left:auto;margin-right:auto;padding-bottom:20px;transition:top 0.3s ease;width:100%}.net-blog .blog-previews-menu .net-blog-previews-menu-container{display:block;margin-left:auto;margin-right:auto;max-width:1170px;overflow:visible}.net-blog .blog-previews-menu .net-blog-previews-menu-container .gradient-border{width:100%;max-width:calc(100vw - 50px);height:100%;background:white;border-radius:12px;position:relative;z-index:1}.net-blog .blog-previews-menu .net-blog-previews-menu-container .gradient-border::before{content:"";position:absolute;inset:-4px;background:linear-gradient(117.07deg, #f155ae 0%, #3996f3 100%);border-radius:16px;z-index:-1}.net-blog .blog-previews-menu .net-blog-previews-menu-container .net-blog-previews-menu-subcontainer{width:100%;text-align:center;padding-top:20px;background:white;border-radius:12px}.net-blog .blog-previews-menu .net-blog-previews-menu-container .net-blog-previews-menu-subcontainer h4{font-weight:600;font-size:2.12rem;line-height:100%;letter-spacing:0%;text-align:center;color:#1b1b1b;margin-bottom:20px}.net-blog .blog-previews-menu .net-blog-previews-menu-container.stuck{box-shadow:13px 14px 57px -1px rgba(0,0,0,0.1)}.net-blog .blog-previews-menu .net-blog-previews-menu-container .blog-keywords{display:flex;flex-wrap:wrap;justify-content:center;text-align:center}.net-blog .blog-previews-menu .net-blog-previews-menu-container .blog-keywords .net-blog-keyword-pill{color:#1b1b1b;display:inline-block;font-size:1.18rem;font-weight:400;letter-spacing:0.15px;margin-left:25px;margin-right:25px;margin-bottom:20px;text-decoration:none}.net-blog .blog-previews-menu .net-blog-previews-menu-container .blog-keywords .active{text-decoration:underline;text-decoration-color:#f155ae;text-decoration-thickness:2px;text-underline-offset:6px}.blog-previews-previews{display:grid;grid-template-columns:1fr 1fr;gap:20px}.blog-previews-previews .blog-preview{padding-bottom:60px}.blog-previews-previews .blog-preview .blog-preview-image{background-position:center;background-size:cover;min-height:1px;aspect-ratio:16/9;width:100%;position:relative}.blog-previews-previews .blog-preview .blog-preview-keywords-container{display:flex;padding-bottom:10px;padding-top:20px}.blog-previews-previews .blog-preview .blog-preview-keywords-container *{padding-top:0}.blog-previews-previews .blog-preview .blog-preview-keywords{color:#1b1b1b;margin-bottom:0}.blog-previews-previews .blog-preview .blog-preview-keyword{font-size:0.94rem;letter-spacing:0.7px;line-break:strict;margin-right:10px;color:#3996f3}.blog-previews-previews .blog-preview .blog-preview-reading-time{display:block;float:right;font-size:0.94rem;letter-spacing:0.7px;min-width:160px;text-align:right;text-transform:uppercase;width:max-content}.blog-previews-previews .blog-preview .blog-preview-title{font-weight:700;font-size:1.06rem;line-height:27px;letter-spacing:0;color:#1b1b1b;margin-bottom:10px}.blog-previews-previews .blog-preview .blog-preview-read{color:#1b1b1b;position:relative;font-weight:700;font-size:1.06rem;line-height:100%;letter-spacing:2%;color:#f155ae}.blog-previews-previews .blog-preview .blog-preview-read::after{content:'›';margin-left:0.3em}.blogs{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:80px;margin-left:auto;margin-right:auto;padding-inline:25px;max-width:1190px}.blogs .popular .popular-articles{padding:20px;border:1px solid #E8E8E8;border-radius:16px;height:max-content;display:flex;flex-direction:column;gap:20px}.blogs .popular .popular-articles h5{font-weight:600;font-size:1.41rem;line-height:100%;letter-spacing:0;text-align:center;color:#1b1b1b;margin:0}.blogs .popular .popular-articles .blog-preview .no-decoration{display:flex;gap:20px;padding-top:20px;border-top:1px solid #E8E8E8}.blogs .popular .popular-articles .blog-preview .blog-preview-image{background-position:center;background-size:cover;min-height:1px;width:120px;height:120px;position:relative;flex-shrink:0}.blogs .popular .popular-articles .blog-preview .blog-preview-keywords-container{display:none}.blogs .popular .popular-articles .blog-preview .blog-preview-title{font-weight:700;font-size:0.94rem;line-height:27px;letter-spacing:0;color:#1b1b1b}.blogs .popular .popular-articles .blog-preview .blog-preview-read{display:none}.blogs .popular .cta{margin-top:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;padding:50px;background:#1B1B1B;border-radius:8px}.blogs .popular .cta .cta-title{font-weight:600;font-size:1.41rem;line-height:100%;letter-spacing:0;text-align:center;color:white}.cta-full{background-color:#1b1b1b;width:100%;padding-block:120px}.cta-full .cta-wrapper{max-width:1230px;margin:0 auto;padding-inline:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.cta-full .cta-wrapper *{color:white}.cta-full .cta-wrapper .cta-title{font-weight:600;font-size:3.3rem;line-height:100%;letter-spacing:0;text-align:center}.cta-full .cta-wrapper .cta-content{max-width:870px}.cta-full .cta-wrapper .cta-content p{font-weight:400;font-size:2.12rem;line-height:100%;letter-spacing:0;text-align:center}#blog-previews-btn{position:relative;overflow:hidden;margin-inline:auto}#blog-previews-btn .button-text{opacity:1;transition:opacity 0.3s ease}#blog-previews-btn.loading .button-text{opacity:0.2}#blog-previews-btn .loading-spinner{display:none;position:absolute;top:50%;left:50%;width:1em;height:1em;margin:-0.5em 0 0 -0.5em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin 0.6s linear infinite;pointer-events:none}#blog-previews-btn.loading .loading-spinner{display:block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1220px){.net-blog .blog-previews-title{margin-left:25px;margin-right:25px}.net-blog .blog-previews-previews{margin-left:auto;margin-right:auto;max-width:fit-content}.net-blog .blog-previews-previews{justify-content:center}.net-blog .net-blog-previews-menu-container{padding-left:25px;padding-right:25px}}@media screen and (min-width: 768px) and (max-width: 991px){.net-blog .blog-title{margin-top:100px}}@media (max-width: 790px){.net-blog #particles-js{margin-left:0;width:100%}.net-blog #particles-js::after{opacity:0}.blog-previews-previews{display:block}}@media (max-width: 990px){.net-blog .blog-previews-menu{width:auto}.net-blog .blog-previews-menu::after{background:linear-gradient(to right, white 0%, transparent 100%);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:25px}.net-blog .blog-previews-menu::before{background:linear-gradient(to left, white 0%, transparent 100%);content:"";display:block;height:100%;position:absolute;right:0;top:0;width:25px}.net-blog .blog-previews-menu .net-blog-previews-menu-container{overflow-x:auto}.net-blog .blog-previews-menu .net-blog-previews-menu-container::-webkit-scrollbar{display:none}.net-blog .blog-previews-menu .net-blog-previews-menu-container{-ms-overflow-style:none;scrollbar-width:none}.net-blog .blog-previews-menu .net-blog-previews-menu-container .net-blog-previews-menu-subcontainer{text-align:initial}.net-blog .blog-previews-menu .net-blog-previews-menu-container .gradient-border{margin-block:5px}.blogs{grid-template-columns:1fr}.blogs .blog-previews-previews{order:1}.blogs .popular{order:3}.blogs .popular .cta{display:none}.blogs #blog-previews-btn{order:2}}.blog-preview.animated{opacity:0;transform:translateY(20px);transition:opacity 0.4s ease, transform 0.4s ease}.blog-preview.animated.animate-in{opacity:1;transform:translateY(0)}@media (max-width: 1200px){html{font-size:14px}}@media (max-width: 750px){html{font-size:12px}}
