.blog-topic-with-search-mdl{position:relative}.blog-topic-with-search-mdl .blog-topic-top-section{align-items:center;display:flex;justify-content:space-between;padding:0 15px;transition:all .3s ease-in-out;width:100%}.blog-topic-with-search-mdl.topic-active .blog-topic-top-section{background:#0f1621}.blog-topic-with-search-mdl .blog-topics{width:70%}.blog-topic-with-search-mdl .blog-search{padding-bottom:7.5px;padding-top:20px;width:24%}.blog-topic-with-search-mdl .blog-topics ul{align-items:center;display:flex;list-style:none;margin:0;padding:0}.blog-topic-with-search-mdl .blog-topics ul li a{color:rgba(0,0,0,.4);display:inline-block;font-size:14px;font-weight:500;line-height:60px;padding:7px 25px;position:relative;text-transform:uppercase}@media (max-width:1440px) and (min-width:992px){.blog-topic-with-search-mdl .blog-topics ul li a{font-size:12px;padding:7px 15px}}.blog-topic-with-search-mdl .blog-topics ul li a.topic-trigger{padding:7px 10px}.blog-topic-with-search-mdl .blog-topics ul li a:after{background:transparent;bottom:0;content:"";display:block;height:3px;left:0;position:absolute;width:100%}.blog-topic-with-search-mdl .blog-topics ul li.active a:after{background:#3b4afe}.blog-topic-with-search-mdl .blog-topics ul li a:hover{color:#000}.blog-topic-with-search-mdl.topic-active .blog-topics ul li a,.blog-topic-with-search-mdl.topic-active .blog-topics ul li a:hover{color:#fff}.blog-topic-with-search-mdl .blog-search form{margin:0;position:relative}.blog-topic-with-search-mdl .blog-search .hs-search-field__input{background:transparent;border-radius:0;box-shadow:none;color:#000;margin:0;padding-left:15px;padding-right:45px;transition:all .3s ease-in-out}.blog-topic-with-search-mdl .blog-search .hs-search-field__input:focus{border-width:1px}.blog-topic-with-search-mdl.topic-active .hs-search-field__input{background:transparent;border-color:#fff;box-shadow:none;color:#fff}.blog-topic-with-search-mdl .blog-search .hs-search-field__input::placeholder{color:rgba(0,0,0,.4);opacity:1}.blog-topic-with-search-mdl.topic-active .blog-search .hs-search-field__input::placeholder{color:#fff}.blog-topic-with-search-mdl .blog-search button.search-btn{appearance:none;-webkit-appearance:none;background:transparent;border:none;color:rgba(0,0,0,.4);cursor:pointer;height:45px;line-height:45px;position:absolute;right:0;top:0;transition:all .3s ease-in-out;width:45px;z-index:1}.blog-topic-with-search-mdl.topic-active .blog-search button.search-btn{color:#fff}.blog-topic-with-search-mdl.topic-active .hs-search-field__suggestions{background:#000;border:1px solid transparent;transition:all .3s ease-in-out}.blog-topic-with-search-mdl.topic-active .hs-search-field--open .hs-search-field__suggestions{border-color:#fff}.blog-topic-with-search-mdl.topic-active .hs-search-field__suggestions #results-for{color:#fff}.blog-topic-with-search-mdl .hs-search-field{position:relative}.blog-topic-with-search-mdl .hs-search-field__input{box-sizing:border-box;width:100%}.blog-topic-with-search-mdl .hs-search-field__bar button svg{height:10px}.blog-topic-with-search-mdl .hs-search-field__suggestions{background:#fff;border:1px solid transparent;list-style:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:2}.blog-topic-with-search-mdl .hs-search-field--open .hs-search-field__suggestions{border-color:#f0f1f5}.blog-topic-with-search-mdl .hs-search-field__suggestions li:first-child{margin-top:10px}.blog-topic-with-search-mdl .hs-search-field__suggestions li:last-child{margin-bottom:10px}.blog-topic-with-search-mdl .hs-search-field__suggestions li{display:block;margin:0;padding:0}.blog-topic-with-search-mdl .hs-search-field__suggestions #results-for{font-weight:700;transition:all .3s ease-in-out}.blog-topic-with-search-mdl .hs-search-field__suggestions #results-for,.blog-topic-with-search-mdl .hs-search-field__suggestions a{display:block}.blog-topic-with-search-mdl .hs-search-field__suggestions a:focus,.blog-topic-with-search-mdl .hs-search-field__suggestions a:hover{background-color:rgba(0,0,0,.1);outline:none}.blog-topic-with-search-mdl .blog-topic-bottom-section{background:#fff;box-shadow:0 4px 30px rgba(0,0,0,.1);left:0;padding:40px 5%;position:absolute;width:100%;z-index:1}.blog-topic-with-search-mdl .blog-topic-bottom-section h2{border-bottom:1px solid rgba(0,0,0,.1);color:#e5e4e8;font-weight:700;padding-bottom:10px;text-transform:uppercase}.blog-topic-with-search-mdl .blog-topic-bottom-section .hs_cos_wrapper_type_post_filter h3{display:none}.blog-topic-with-search-mdl .blog-topic-bottom-section ul{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;list-style:none;margin:0;padding:0}.blog-topic-with-search-mdl .blog-topic-bottom-section ul li{width:calc(25% - 10px)}.blog-topic-with-search-mdl .blog-topic-bottom-section ul li a{color:rgba(0,0,0,.2);display:inline-block;font-weight:700;text-transform:uppercase}.blog-topic-with-search-mdl .blog-topic-bottom-section ul li a:hover{color:#000}.blog-topic-with-search-mdl .blog-topic-bottom-section ul li a span,.blog-topic-with-search-mdl .blog-topic-bottom-section ul li a:hover span{color:rgba(0,0,0,.2)}.blog-topic-with-search-mdl a.topic-trigger{text-align:center;width:50px;Background:#fff;color:#000;transition:all .3s ease-in-out}.blog-topic-with-search-mdl.topic-active .blog-topics ul li.is-active a.topic-trigger,.blog-topic-with-search-mdl.topic-active .blog-topics ul li.is-active a.topic-trigger:hover{Background:#fff;color:#000}.blog-topic-with-search-mdl .hs-search-field--open .hs-search-field__suggestions li a,.blog-topic-with-search-mdl .hs-search-field--open .hs-search-field__suggestions li#results-for{padding:5px 15px}@media (min-width:769px) and (max-width:991px){.blog-topic-with-search-mdl .blog-topics ul li a{font-size:12px;padding:7px 5px}.blog-topic-with-search-mdl .blog-topic-bottom-section ul li{width:calc(50% - 5px)}}@media (max-width:768px){.blog-topic-with-search-mdl .blog-search,.blog-topic-with-search-mdl .blog-topics{width:50%}.blog-topic-with-search-mdl .blog-topic-bottom-section ul li{width:100%}}