/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


@font-face{
	font-family: 'Biotif';
	src: url('https://25521840.fs1.hubspotusercontent-eu1.net/hubfs/25521840/NSP-tech/fonts/NeosFont-Light.otf');
	font-display: auto;
	font-weight: 200;
}
@font-face{
	font-family: 'Biotif';
	src: url('https://25521840.fs1.hubspotusercontent-eu1.net/hubfs/25521840/NSP-tech/fonts/NeosFont-Regular.otf');
	font-display: auto;
	font-weight: 400;
}
@font-face{
	font-family: 'Biotif';
	src: url('https://25521840.fs1.hubspotusercontent-eu1.net/hubfs/25521840/NSP-tech/fonts/NeosFont-Medium.otf');
	font-display: auto;
	font-weight: 600;
}

@font-face{
	font-family: 'Canela';
	src: url('https://25521840.fs1.hubspotusercontent-eu1.net/hubfs/25521840/NSP-tech/fonts/Canela-Light.otf');
	font-display: auto;
	font-weight: 200;
}
@font-face{
	font-family: 'Canela';
	src: url('https://25521840.fs1.hubspotusercontent-eu1.net/hubfs/25521840/NSP-tech/fonts/Canela-Regular.otf');
	font-display: auto;
	font-weight: 400;
}
@font-face{
	font-family: 'Canela';
	src: url('https://25521840.fs1.hubspotusercontent-eu1.net/hubfs/25521840/NSP-tech/fonts/Canela-Medium.otf');
	font-display: auto;
	font-weight: 600;
}
@font-face{
	font-family: 'Canela';
	src: url('https://25521840.fs1.hubspotusercontent-eu1.net/hubfs/25521840/NSP-tech/fonts/Canela-Bold.otf');
	font-display: auto;
	font-weight: 700;
}
@font-face{
	font-family: 'SpaceMono';
	src: url('https://25521840.fs1.hubspotusercontent-eu1.net/hubfs/25521840/NSP-tech/fonts/SpaceMono-Regular.ttf');
	font-display: auto;
	font-weight: 400;
}
@font-face{
	font-family: 'SpaceMono';
	src: url('https://25521840.fs1.hubspotusercontent-eu1.net/hubfs/25521840/NSP-tech/fonts/SpaceMono-Bold.ttf');
	font-display: auto;
	font-weight: 600;
}


body,p{	font-family: 'Biotif';font-weight: 400;}
h1,h2,h3,h4,.h1,.h2,.h3,.h4 {font-family: 'Canela' !important;font-weight: 700;line-height: 1;}
h5 {font-family:SpaceMono; font-size: 18px;font-weight: 600;  text-transform:uppercase;}
.button.button--brutalist {
    box-shadow: 8px 8px 0px currentColor !important;
}
a,form label {font-family: 'Biotif' !important;}
.text-center {text-align:center;}
.dnd-section.dnd_area-row-0-padding {padding-top:60px!important;}
.button.button--brutalist:hover,
.button.button--brutalist:focus,
.button.button--brutalist:active{ box-shadow: 12px 12px 0px currentColor !important;}
.hs-embed-wrapper {max-width:100% !important;}
.header__menu-link  {font-weight: 600;border-bottom: 2px solid transparent}
.header__menu-link:hover, .header__menu-link--active-link {border-bottom: 2px solid #0052EE;}
.blog-post__meta,.blog-post__meta a,.blog-post__timestamp,.blog-post__left-sidebar,.blog-post__left-sidebar a {color:#0052EE !important;}
.blog-post__author, .blog-post__meta a {font-weight:600;}
.reading-minutes {font-weight:400;}
.blog-post__left-sidebar h5 {font-weight: 600;white-space: pre;}
.blog-post__tag-link,.blog-post__tag-link:hover,
.blog-post__tag-link:focus,
.blog-post__tag-link:active{ background: rgba(0,82,238,.1); border-radius: 16px; font-family: SpaceMono; font-weight: 600; margin: 0 8px 12px 0; padding: 0 14px 1px; text-transform: uppercase; text-decoration: none; display: inline-block;}
.blog-post__tag-link:hover,
.blog-post__tag-link:focus,
.blog-post__tag-link:active,.blog-post__tag-link.active { background: rgba(0,82,238,1); color:#fff !important}
.listFilt .blog-post__tag-link {padding: 10px 20px; border-radius: 25px;margin:0 20px 40px 0}
.listFilt { margin-bottom: 60px; max-height: 47px; overflow: hidden; position:relative; padding-right: 55px;transition:all 1s ease-in-out;}
.listFilt.open {max-height: 800px;}
.ocFilt{position: absolute; right: 0px; cursor:pointer;display:none}
.ocFilt img {width: 45px;}
.listFilt .on {display:block}
.listFilt .off {display:none}
.listFilt.open .on {display:none}
.listFilt.open .off {display:block}
.rating {border-bottom:solid 2px #0052EE; padding-bottom:30px;}
.postHead {padding-top: 0px; margin-top: 0px; align-items: end; padding-bottom: 60px; }
.borderB {border-bottom:solid 2px #0052EE; }
.blog-post__author {margin: 10px 0 30px;}
.blog-post__column-wrapper {
    display: flex;
    justify-content: space-between;
}
.blog-post__column-wrapper.allTopics {
  margin-top:20px;
    padding: 20px 0 40px;
}

.higSec {padding:50px 0}
@media (min-width:768px) {
  .higSec > .row-fluid {display: flex;align-items: center;}
  .higSec.even > .row-fluid > .span6:last-child {    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; margin-right: 2.564102564%; margin-left:0px}
}

.blog-listing__post-content {padding: 20px 20px 0 !important;}
.blog-listing__post-author-name,.blog-listing__post-author-name:hover, .blog-post__author-name { color: #0052EE; font-size: 14px; font-weight: 600;}
.blog-listing__header { margin-bottom: 0rem;}
.blog-listing__dif-date { display:flex; align-items: center; color: #0052ee; margin-bottom: 0.7rem; margin-left: -2px;}
.blog-listing__post-timestamp { margin-bottom: 0;}
.Dicon {display:flex; align-items:center;}
.blog-listing__dif-date .Dicon:after {content:'•'; margin:0 8px 0 8px; }
.Dicon:before {content:''; margin-right: 5px; background-size: cover; height: 28px; width: 28px; display: inline-block;}
.Dicon-Expert:before { background-image:url(https://25521840.fs1.hubspotusercontent-eu1.net/hubfs/25521840/NSP-tech/icons/level%20expert%20lines.svg);}
.Dicon-Intermediate:before { background-image:url(https://25521840.fs1.hubspotusercontent-eu1.net/hubfs/25521840/NSP-tech/icons/level%20intermediate%20lines.svg);}
.Dicon-Easy:before { background-image:url(https://25521840.fs1.hubspotusercontent-eu1.net/hubfs/25521840/NSP-tech/icons/level%20easy%20lines.svg);}
.blog-listing--card .blog-listing__post-image { aspect-ratio: 1.5; }
.blog-listing--card.blog-listing--2-col .blog-listing__post-image { aspect-ratio: 1.8; }
.blog-listing--card .blog-listing__post-image-wrapper { height: auto;}
.blog-listing__post-author {padding: 0 20px 20px;}
.blog-post-section { flex-basis: 816px;}
@media (min-width: 1120px) {
	.blog-post__column-wrapper .blog-post-section {max-width:816px}
}
.widget-type-form { box-shadow: none; -webkit-box-shadow: none;}
form input[type='submit'], form .hs-button, input[type=file]::file-selector-button {
    border: 2px solid #0052EE;
    font-style: normal;
    font-weight: 600!important;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 1.0);
    border-radius: 0px;
    color: #0857EC !important;
    fill: #0857EC;
    text-transform: none;
    box-shadow: 8px 8px 0px rgba(0, 82, 238, 1.0);
    font-family: 'Biotif' !important;
    padding-top: 12px;
    padding-right: 30px;
    padding-bottom: 12px;
    padding-left: 30px;
    font-size: 18px;
}
form input[type='submit']:hover, form .hs-button:hover, input[type=file]::file-selector-button:hover {
  /*color: #fff !important;*/
    background: #fff !important;
  box-shadow: 14px 14px 0px rgba(0, 82, 238, 1.0)
}
.hs-search-field {display:none}
.hs-search-field label{
    font-family: 'Canela' !important;
    font-weight: 700;
    font-size: 62px;
}
.hs-search-field form {padding: 0 0 0px 0 ;}
.header__menu-col { display: flex; justify-content: end;}

input[type=file] { padding-left: 15px!important;     font-size: small; }
input[type=file]::file-selector-button { margin-bottom: 15px; margin-right: 0px; transform: translateX(-15px) }
form .hs-button:hover,input[type=file]::file-selector-button:hover,
form .hs-button::hover,input[type=file]::file-selector-button;:hover,
form .hs-button:active,input[type=file]::file-selector-button:active{ border: 2px solid #0052EE; font-family: 'Biotif', sans-serif; font-style: normal; font-weight: 600 !importnat; text-decoration: none; background-color: rgba(255, 255, 255, 1.0); color: #0052EE !important; fill: #0052EE; top: -4px; left: -4px; box-shadow: 12px 12px 0px rgba(0, 82, 238, 1.0);}
.listHead h1.blog-header__title{ margin: 0;}
.listHead h5 { margin-bottom: 0.5rem;}
.blog-post__author-image_list { border-radius: 50%; height: 80px; width: 80px;margin-bottom: 1rem;}
.blog-header__author-social-links { margin-bottom: 60px;}
.blog-header__author-social-links a{ background: #0052ee; border-radius: 50%; height: 30px; width: 30px; display: inline-block; text-align: center; padding-top: 5px;}
.blog-header__author-social-links svg { fill: #fff; width: 15px; }

.social-sharing__link:hover .icon{background: rgba(0,82,238,.5);}
.systems-page {
    padding: 80px 0;
}
form input[type='text'], form input[type='email'], form input[type='password'], form input[type='tel'], form input[type='number'], form input[type='search'], form select, form textarea {
    outline: none !important;
}
.hs-search-field--open .hs-search-field__suggestions {
    border: 0px!important;    padding: 12px;
}
.hs-search-field--open .hs-search-field__suggestions a:not(.button) {    color: #0052EE;}
.hs-search-highlight.hs-highlight-title {font-weight:700;color: #0052EE;}
.h100 {height: 100%;}
.footer .hs-menu-wrapper a {
    color: #fff !important;
    font-weight: 400 !important;
  font-family: Biotif;}
.footer .hs-menu-wrapper a {
  font-family: Inter, sans-serif !important;}
.footer .hs-menu-wrapper a:hover {opacity:0.6} 
.postWR { max-width: 1240px;}

.footer hr {
    border-bottom-color: #0052EE !important;
}
.hsForm_02483452-7a00-45eb-9a4f-fb24ecf62ef2 { position: relative; padding-top:0px;}
.hsForm_02483452-7a00-45eb-9a4f-fb24ecf62ef2 .hs_email {width: 70%;}
.hsForm_02483452-7a00-45eb-9a4f-fb24ecf62ef2 .hs_submit{ position: absolute; top: 15px; right: 45px; width: 24%;}

@media (max-width:768px){
  .hsForm_02483452-7a00-45eb-9a4f-fb24ecf62ef2 {  padding: 0px;}
  .hsForm_02483452-7a00-45eb-9a4f-fb24ecf62ef2 .hs_email { width: 100%;}
  .hsForm_02483452-7a00-45eb-9a4f-fb24ecf62ef2 .hs_submit { width: 100%; position:initial;margin-top: 20px;}
  .listFilt .blog-post__tag-link { margin: 0 0px 10px 0;}
  .listFilt { padding-right: 29px;}
  .header__menu-link, .header__menu-link:hover, .header__menu-link--active-link {
    border-bottom: 0px;}
}

form .hs-button.primary.large {
    border: 2px solid #0052EE !important;
}
.blog-post__timestamp {font-weight: 700;}
.relPosrSec, .newsletterSec {
  border-top:solid #0052EE 2px;padding: 80px 0;
}
.newsletterSec .formConatiner {max-width:700px; margin:auto;}
.relPosrSec > div, .newsletterSec > div {max-width:1240px; padding:0 20px; margin:auto}

form .hs-richtext, form .hs-richtext p {
    font-size: .8rem;
    margin: 0 0 0.5rem;
}
form .inputs-list>li {
    display: block;
    margin: 0 0 0.7rem;
}
.hs-form-booleancheckbox>label>input {
    display: none
}

.hs-form-booleancheckbox>label>span {
    margin: 0px 0 0!important;
    padding-left: 30px;
    position: relative; display: block;
}

.hs-form-booleancheckbox>label>span:before {
    border: 0;
    border-radius: 0px;
    content: "";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
  background: #E1EBFF;
}

.hs-form-booleancheckbox>label>input[type=checkbox]:checked+span:before {
    background: #E1EBFF;
}

.hs-form-booleancheckbox>label>input[type=checkbox]:checked+span:after {
    border-bottom: 4px solid #0052EE;
    border-left: 4px solid #0052EE;
    content: "";
    height: 9px;
    left: 5px;
    position: absolute;
    rotate: -45deg;
    top: calc(50% - 4px);
    transform: translateY(-50%);
    width: 14px
}

input[type=checkbox]:before {
    background-color: currentColor;
    box-shadow: inset 1em 1em var(--form-control-color);
    -webkit-clip-path: polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);
    clip-path: polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);
    content: "";
    height: .55rem;
    transform: scale(0);
    transform-origin: bottom left;
    transition: transform .12s ease-in-out;
    width: .55rem
}

input[type=checkbox]:checked:before {
    transform: scale(1)
}
form .legal-consent-container .hs-form-booleancheckbox-display>span {
    margin: 0rem!important;
}
.footer .hs-menu-wrapper>ul>li {
    text-align: inherit !important;
}
.blog-listing__post-title-link:hover,
.blog-listing__post-title-link:focus {
  font-family: 'DM Serif Display', serif; font-style: normal; font-weight: 400; text-decoration: underline;
  color: #0052EE;
}
.footer .widget-type-logo img {
    margin-bottom: 14px;
    margin-top: -10px;
}
.listingH1 { text-transform: capitalize;margin-bottom: 30px;}
.nsp_author h1 {margin-bottom: 10px!important;}

.langList {
    position: absolute;
    background: #fff;
    border-radius: 3px;
    border: solid 1px #0052ee;
    padding: 0 10px;
    text-transform: uppercase;
    margin: 10px 20px;
}
.langPost {padding-top: 30px;display: flex;}
.langPost h5 {margin:0!important}


@media (min-width:1255px){
  #hs_cos_wrapper_social_sharing .social-sharing { position: fixed; right: 0; top: 50%; transform: translateY(-50%); }
  .social-sharing__share-text {display:none !important}
  .social-sharing { flex-direction: column; }
  #hs_cos_wrapper_social_sharing .social-sharing__link { margin-bottom: 0px !important;}
  .social-sharing__link:last-child {margin-right: 0.7rem !important;}
}
@media (max-width:1120px){
  .blog-post__column-wrapper { display: block;}
  .rating > div, .blog-post__tags { display: flex; align-items: start;flex-wrap: wrap;}
  .rating h5 { margin: 0 0 0.1rem; }
  .langPost {padding-top: 10px;}
  .rating > * {margin-bottom:0px} 
  .topicBar {display:none}
  .blog-post-section.borderB {border:0}
  .blog-post__column-wrapper { padding-top: 0px; padding-bottom: 0;}
  .blog-post__left-sidebar {margin-bottom: 30px;}
}
@media (max-width:768px){
  .hs-search-field label{ font-size: 42px; line-height: 1.2;}
  .hs-menu-wrapper>ul>li { margin-bottom: 0px !important; }
  .listingH1 { margin-bottom: -30px;}
}
@media (max-width:468px){
  form {padding: 20px 20px 25px;}
}
  
/* 
 * 
 * PrismJS 1.29.0
 * 
 * 
https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+abap+abnf+actionscript+ada+agda+al+antlr4+apacheconf+apex+apl+applescript+aql+arduino+arff+armasm+arturo+asciidoc+aspnet+asm6502+asmatmel+autohotkey+autoit+avisynth+avro-idl+awk+bash+basic+batch+bbcode+bbj+bicep+birb+bison+bnf+bqn+brainfuck+brightscript+bro+bsl+c+csharp+cpp+cfscript+chaiscript+cil+cilkc+cilkcpp+clojure+cmake+cobol+coffeescript+concurnas+csp+cooklang+coq+crystal+css-extras+csv+cue+cypher+d+dart+dataweave+dax+dhall+diff+django+dns-zone-file+docker+dot+ebnf+editorconfig+eiffel+ejs+elixir+elm+etlua+erb+erlang+excel-formula+fsharp+factor+false+firestore-security-rules+flow+fortran+ftl+gml+gap+gcode+gdscript+gedcom+gettext+gherkin+git+glsl+gn+linker-script+go+go-module+gradle+graphql+groovy+haml+handlebars+haskell+haxe+hcl+hlsl+hoon+http+hpkp+hsts+ichigojam+icon+icu-message-format+idris+ignore+inform7+ini+io+j+java+javadoc+javadoclike+javastacktrace+jexl+jolie+jq+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+js-templates+julia+keepalived+keyman+kotlin+kumir+kusto+latex+latte+less+lilypond+liquid+lisp+livescript+llvm+log+lolcode+lua+magma+makefile+markdown+markup-templating+mata+matlab+maxscript+mel+mermaid+metafont+mizar+mongodb+monkey+moonscript+n1ql+n4js+nand2tetris-hdl+naniscript+nasm+neon+nevod+nginx+nim+nix+nsis+objectivec+ocaml+odin+opencl+openqasm+oz+parigp+parser+pascal+pascaligo+psl+pcaxis+peoplecode+perl+php+phpdoc+php-extras+plant-uml+plsql+powerquery+powershell+processing+prolog+promql+properties+protobuf+pug+puppet+pure+purebasic+purescript+python+qsharp+q+qml+qore+r+racket+cshtml+jsx+tsx+reason+regex+rego+renpy+rescript+rest+rip+roboconf+robotframework+ruby+rust+sas+sass+scss+scala+scheme+shell-session+smali+smalltalk+smarty+sml+solidity+solution-file+soy+sparql+splunk-spl+sqf+sql+squirrel+stan+stata+iecst+stylus+supercollider+swift+systemd+t4-templating+t4-cs+t4-vb+tap+tcl+tt2+textile+toml+tremor+turtle+twig+typescript+typoscript+unrealscript+uorazor+uri+v+vala+vbnet+velocity+verilog+vhdl+vim+visual-basic+warpscript+wasm+web-idl+wgsl+wiki+wolfram+wren+xeora+xml-doc+xojo+xquery+yaml+yang+zig&plugins=line-numbers+show-language+toolbar+copy-to-clipboard */
code[class*=language-],pre[class*=language-]{color:#ccc;background:0 0;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}
pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}
div.code-toolbar{position:relative}div.code-toolbar>.toolbar{position:absolute;z-index:10;top:.3em;right:.2em;transition:opacity .3s ease-in-out;opacity:0}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar:focus-within>.toolbar{opacity:1}div.code-toolbar>.toolbar>.toolbar-item{display:inline-block}div.code-toolbar>.toolbar>.toolbar-item>a{cursor:pointer}div.code-toolbar>.toolbar>.toolbar-item>button{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}div.code-toolbar>.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar>.toolbar-item>span{color:#bbb;font-size:.8em;padding:0 .5em;background:#f5f2f0;background:rgba(224,224,224,.2);box-shadow:0 2px 0 0 rgba(0,0,0,.2);border-radius:.5em}div.code-toolbar>.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar>.toolbar-item>span:focus,div.code-toolbar>.toolbar>.toolbar-item>span:hover{color:inherit;text-decoration:none}
/* -------------- */

div.code-toolbar { margin: 90px 0 30px;}
div.code-toolbar>.toolbar { opacity: 1; background: #0052EE; width: 100%; left: 0; top: -60px; height: 60px; display: flex; justify-content: space-between; align-items: center;}
div.code-toolbar>.toolbar>.toolbar-item>a, div.code-toolbar>.toolbar>.toolbar-item>button, div.code-toolbar>.toolbar>.toolbar-item>span { background: transparent; box-shadow: none; color: #fff; font-size: 1.5em; padding: 0; border-bottom: solid 2px; border-radius: 0; font-family: 'SpaceMono'; font-weight: 400;}
div.code-toolbar>.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar>.toolbar-item>span:focus,div.code-toolbar>.toolbar>.toolbar-item>span:hover { color: #fff; text-decoration: none}
.toolbar-item>button:focus,div.code-toolbar>.toolbar>.toolbar-item>button:hover {opacity:0.5}
div.code-toolbar>.toolbar>.toolbar-item { padding: 1em;}
.line-numbers .line-numbers-rows {border-right: 1px solid #0052EE;}
.line-numbers-rows>span:before { color: #fff;}