html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:40px;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none;margin:auto}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
*, *:before, *:after {box-sizing: border-box;}
.content-wrapper{margin:0 auto;padding:0 20px;max-width:1240px}.dnd-section,.content-wrapper--vertical-spacing{padding:50px 20px}.dnd-section>.row-fluid{margin:0 auto;max-width:1240px}.dnd-section .dnd-column{padding:0 20px}@media (max-width:767px){.dnd-section .dnd-column{padding:0}}.kl-dnd-header:before{content:'';position:relative;display:block;height:100%}.kl-dnd-header-area{z-index:99;position:fixed;width:100%}.kl-dnd-header-area header.kl-header{position:relative}.kl-dnd-header-area div.kl-header-placeholder{height:0}.kl-dnd-header-spacer{height:100px;}
.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;margin-left:2.127659574%;*margin-left:2.0744680846382977%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .span12{width:99.99999998999999%;*width:99.94680850063828%}.row-fluid .span11{width:91.489361693%;*width:91.4361702036383%}.row-fluid .span10{width:82.97872339599999%;*width:82.92553190663828%}.row-fluid .span9{width:74.468085099%;*width:74.4148936096383%}.row-fluid .span8{width:65.95744680199999%;*width:65.90425531263828%}.row-fluid .span7{width:57.446808505%;*width:57.3936170156383%}.row-fluid .span6{width:48.93617020799999%;*width:48.88297871863829%}.row-fluid .span5{width:40.425531911%;*width:40.3723404216383%}.row-fluid .span4{width:31.914893614%;*width:31.8617021246383%}.row-fluid .span3{width:23.404255317%;*width:23.3510638276383%}.row-fluid .span2{width:14.89361702%;*width:14.8404255306383%}.row-fluid .span1{width:6.382978723%;*width:6.329787233638298%}.container-fluid{*zoom:1}.container-fluid:before,.container-fluid:after{display:table;content:""}.container-fluid:after{clear:both}@media (max-width:767px){.row-fluid{width:100%}.row-fluid [class*="span"]{display:block;float:none;width:auto;margin-left:0}}@media (min-width:768px) and (max-width:1139px){.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;margin-left:2.762430939%;*margin-left:2.709239449638298%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .span12{width:99.999999993%;*width:99.9468085036383%}.row-fluid .span11{width:91.436464082%;*width:91.38327259263829%}.row-fluid .span10{width:82.87292817100001%;*width:82.8197366816383%}.row-fluid .span9{width:74.30939226%;*width:74.25620077063829%}.row-fluid .span8{width:65.74585634900001%;*width:65.6926648596383%}.row-fluid .span7{width:57.182320438000005%;*width:57.129128948638304%}.row-fluid .span6{width:48.618784527%;*width:48.5655930376383%}.row-fluid .span5{width:40.055248616%;*width:40.0020571266383%}.row-fluid .span4{width:31.491712705%;*width:31.4385212156383%}.row-fluid .span3{width:22.928176794%;*width:22.874985304638297%}.row-fluid .span2{width:14.364640883%;*width:14.311449393638298%}.row-fluid .span1{width:5.801104972%;*width:5.747913482638298%}}@media (min-width:1280px){.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;margin-left:2.564102564%;*margin-left:2.510911074638298%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .span12{width:100%;*width:99.94680851063829%}.row-fluid .span11{width:91.45299145300001%;*width:91.3997999636383%}.row-fluid .span10{width:82.905982906%;*width:82.8527914166383%}.row-fluid .span9{width:74.358974359%;*width:74.30578286963829%}.row-fluid .span8{width:65.81196581200001%;*width:65.7587743226383%}.row-fluid .span7{width:57.264957265%;*width:57.2117657756383%}.row-fluid .span6{width:48.717948718%;*width:48.6647572286383%}.row-fluid .span5{width:40.170940171000005%;*width:40.117748681638304%}.row-fluid .span4{width:31.623931624%;*width:31.5707401346383%}.row-fluid .span3{width:23.076923077%;*width:23.0237315876383%}.row-fluid .span2{width:14.529914530000001%;*width:14.4767230406383%}.row-fluid .span1{width:5.982905983%;*width:5.929714493638298%}}/* Clearfix */.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:""}.clearfix:after{clear:both}/* Visibilty Classes */.hide{display:none}.show{display:block}.invisible{visibility:hidden}.hidden{display:none;visibility:hidden}/* Responsive Visibilty Classes */.visible-phone{display:none!important}.visible-tablet{display:none!important}.hidden-desktop{display:none!important}@media (max-width:767px){.visible-phone{display:inherit!important}.hidden-phone{display:none!important}.hidden-desktop{display:inherit!important}.visible-desktop{display:none!important}}@media (min-width:768px) and (max-width:1139px){.visible-tablet{display:inherit!important}.hidden-tablet{display:none!important}.hidden-desktop{display:inherit!important}.visible-desktop{display:none!important;}}
.kl-wide-section{margin:0 auto;max-width:1920px}.kl-wide-section__wrapper{display:flex;flex-wrap:wrap;justify-content:center}@media screen and (max-width:767px){.kl-wide-section__wrapper{flex-direction:column;align-items:center}}.kl-wide-section__image{background-repeat:no-repeat;background-position:center center}@media screen and (max-width:767px){.kl-wide-section__image{min-height:250px;flex-basis:98%;width:98%}}.kl-wide-section__text-content{width:80%;margin:0 auto}.kl-wide-section__image,.kl-wide-section__text{flex-basis:49%;width:49%;flex-grow:1;flex-shrink:1;justify-content:center;align-items:center}@media screen and (max-width:767px){.kl-wide-section__image,.kl-wide-section__text{flex-basis:100%;width:100%;}}
.kl-wide-section__wrapper.reverse {
flex-direction: row-reverse;
}
.kl-wide-section__wrapper:not(.reverse) .kl-wide-section__text-content {
padding-left: 30px;
padding-right: 0px;
}
.kl-wide-section__wrapper .kl-wide-section__text-content {
padding-left: 0px;
padding-right: 30px;
}
.after_heading_border .kl-rich-text h1,
.after_heading_border .kl-rich-text h2,
.after_heading_border .kl-rich-text h3,
.after_heading_border .kl-rich-text h4,
.after_heading_border .kl-rich-text h5,
.after_heading_border .kl-rich-text h6 {
position: relative;
margin: 0 0 1.8rem;
}
.after_heading_border .kl-rich-text h1:after,
.after_heading_border .kl-rich-text h2:after,
.after_heading_border .kl-rich-text h3:after,
.after_heading_border .kl-rich-text h4:after,
.after_heading_border .kl-rich-text h5:after,
.after_heading_border .kl-rich-text h6:after {
content: "";
position: absolute;
left: 0;
bottom: -10px;
height: 1px;
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
.bullet_wrap ul li {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.kl-wide-section__text {
padding-left: 0px;
padding-right: 0px;
}
.kl-wide-section__wrapper.mobile_reverse {
flex-direction: column-reverse;
}
}
@media only screen and (max-width: 500px) {
.bullet_wrap ul li {
width: 100%;
}
}
#hubspot-messages-iframe-container{z-index: 13 !important;}
form,.submitted-message{font-family:Avenir Next LT Pro,sans-serif}.hs-form-field{margin:0 0 1rem}form label{color:#555;display:block;font-size:18px;font-weight:500;padding-top:0;margin-bottom:.35rem;text-align:left;width:auto}form legend{color:#33475B;font-size:.875rem}.input{position:relative}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=file],select,textarea{border-radius:5px;background-color:#FFF;border:1px solid #DDDCDC;display:inline-block;font-size:.875rem;font-weight:normal;padding:.75rem 1rem;width:100%;border-color:#DADADA;color:#000000box-shadow: 0 2px 4px 0 rgba(66, 80, 102, 0.05);}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=number]:focus,input[type=file]:focus,select:focus,textarea:focus{outline:none;border:1px solid #0043A8}fieldset{max-width:100%!important}fieldset.form-columns-0,fieldset.form-columns-1,fieldset.form-columns-2,fieldset.form-columns-3{display:flex;justify-content:space-between;flex-wrap:wrap}fieldset.form-columns-0>div,fieldset.form-columns-1>div,fieldset.form-columns-2>div,fieldset.form-columns-3>div{width:100%}fieldset.form-columns-0 .hs-form-field,fieldset.form-columns-1 .hs-form-field,fieldset.form-columns-2 .hs-form-field,fieldset.form-columns-3 .hs-form-field{flex-grow:1;flex-basis:135px}fieldset.form-columns-0 .hs-form-field .input,fieldset.form-columns-1 .hs-form-field .input,fieldset.form-columns-2 .hs-form-field .input,fieldset.form-columns-3 .hs-form-field .input{margin-right:0}fieldset.form-columns-0 .hs-form-field .hs-input,fieldset.form-columns-1 .hs-form-field .hs-input,fieldset.form-columns-2 .hs-form-field .hs-input,fieldset.form-columns-3 .hs-form-field .hs-input{width:100%!important}fieldset.form-columns-0 .hs-form-field .hs-input.hs-fieldtype-intl-phone,fieldset.form-columns-1 .hs-form-field .hs-input.hs-fieldtype-intl-phone,fieldset.form-columns-2 .hs-form-field .hs-input.hs-fieldtype-intl-phone,fieldset.form-columns-3 .hs-form-field .hs-input.hs-fieldtype-intl-phone{display:flex;align-items:center}fieldset.form-columns-0 .hs-form-field .hs-input.hs-fieldtype-intl-phone select,fieldset.form-columns-1 .hs-form-field .hs-input.hs-fieldtype-intl-phone select,fieldset.form-columns-2 .hs-form-field .hs-input.hs-fieldtype-intl-phone select,fieldset.form-columns-3 .hs-form-field .hs-input.hs-fieldtype-intl-phone select{flex:1 1 25%;margin-right:10px}fieldset.form-columns-0 .hs-form-field input[type=checkbox],fieldset.form-columns-0 .hs-form-field input[type=radio],fieldset.form-columns-1 .hs-form-field input[type=checkbox],fieldset.form-columns-1 .hs-form-field input[type=radio],fieldset.form-columns-2 .hs-form-field input[type=checkbox],fieldset.form-columns-2 .hs-form-field input[type=radio],fieldset.form-columns-3 .hs-form-field input[type=checkbox],fieldset.form-columns-3 .hs-form-field input[type=radio]{width:auto!important}::-webkit-input-placeholder,::-moz-placeholder,:-ms-input-placeholder,:-moz-placeholder,::placeholder,.hs-fieldtype-date .input .hs-dateinput:before{color:#E4E4E4}form .inputs-list{margin:0;padding:0;list-style:none}.inputs-list>li{display:block;margin:.7rem 0;padding:0;width:100%}.inputs-list input,.inputs-list span{font-size:.875rem;vertical-align:middle}.hs-input[type=checkbox],.hs-input[type=radio]{border:none;cursor:pointer;height:auto;line-height:normal;margin-right:.35rem;padding:0;width:auto}.hs-input[type=checkbox]+label,.hs-input[type=radio]+label{display:inline-block;vertical-align:top}.hs-fieldtype-date .input .hs-dateinput:before{color:#E4E4E4;content:'\01F4C5';position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.fn-date-picker button,.fn-date-picker .button{min-width:auto}.fn-date-picker .pika-table thead th{color:#FFF;background-color:#0043A8}.fn-date-picker td.is-today .pika-button{color:#0043A8}.fn-date-picker td.is-selected .pika-button{background:#0043A8;border-radius:0;box-shadow:none}.fn-date-picker td .pika-button:hover{background:#0043A8!important;border-radius:0!important;color:#FFF}input[type=file]{background-color:transparent;border:initial;box-shadow:none;line-height:initial;padding:initial}form .hs-richtext,form .hs-richtext p{font-size:.875rem;margin:0 0 1.4rem}form .hs-richtext img{max-width:100%!important}form .header{background-color:transparent;border:none}h3.form-title{color:#000000}.legal-consent-container{margin:0}.legal-consent-container .hs-form-booleancheckbox-display>span,.legal-consent-container .hs-form-booleancheckbox-display>span p{font-size:.875rem}.hs-form-required{color:red}.hs-input.invalid.error{border-color:#EF6B51}.hs-error-msg{color:#EF6B51;margin-top:.35rem;font-weight:normal}form input[type=submit],form .hs-button{background-color:rgba(0, 67, 168,1.0);border:1px solid rgba(0, 67, 168,1.0);border-radius:56px;color:rgba(255, 255, 255,1);padding:15px 25px;font-family:Avenir Next LT Pro,sans-serif;font-size:14px;font-weight:700;font-style:;text-transform:none;display:inline-block;width:auto;height:auto;margin:0;cursor:pointer;line-height:1.1;letter-spacing:.03em;white-space:normal;word-break:break-word;text-align:center;text-decoration:none;position:relative;transition:all .15s linear}form input[type=submit]:hover,form input[type=submit]:focus,form input[type=submit]:active,form .hs-button:hover,form .hs-button:focus,form .hs-button:active{background-color:rgba(42, 17, 140,1.0);border-color:rgba(42, 17, 140,1.0);color:rgba(255, 255, 255,1);text-decoration:none;transform:scale(1.05)}form input[type=submit]:disabled,form .hs-button:disabled{background-color:#D0D0D0 !important;border-color:#D0D0D0 !important;color:#E6E6E6 !important}form input[type=submit] a,form .hs-button a{color:rgba(255, 255, 255,1)}form input[type=submit] a:hover,form .hs-button a:hover{color:white;text-decoration:none}.grecaptcha-badge{margin:0;max-width:100%;}.hs-fieldtype-booleancheckbox span{font-size:1rem;font-weight:normal;}
.hs-overlay-background{position:fixed;z-index:999999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(0,0,0,0.2);inset:0;opacity:0;transition:opacity 500ms ease 0s,visibility 500ms ease 0s;visibility:hidden}.hs-overlay-background.open{opacity:1;visibility:visible}html.hs-payments--overlay-open{position:relative;overflow:hidden;height:100%}.hs-overlay{position:fixed;z-index:1000000;background-color:#fff;transition:transform 500ms ease 0s,visibility 500ms ease 0s;visibility:hidden}.hs-overlay .button{display:inline-flex;align-items:center;cursor:pointer;text-align:center}.hs-overlay .button .button__icon svg{display:block;height:1.25rem}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.hs-overlay .button .button__icon svg{height:1.25rem;width:1.25rem}}.hs-overlay .button--icon-right .button__icon{order:1}.hs-overlay--slide-bottom{top:100%;right:0;bottom:0;left:0;height:calc(100% - 50px);width:100vw;transform:translateY(0)}@media screen and (max-width:414px){.hs-overlay--slide-bottom{width:100vw}}.hs-overlay--slide-right,.hs-overlay--slide-left{top:0;bottom:0;height:100%;width:clamp(427px,60vw,600px);transform:translateX(0)}@media screen and (max-width:414px){.hs-overlay--slide-right,.hs-overlay--slide-left{width:100vw}}.hs-overlay--slide-right{left:100%}.hs-overlay--slide-left{right:100%}.hs-overlay.open{transition:transform 500ms ease 0s,visibility 500ms ease 0s;visibility:visible}.hs-overlay.open.hs-overlay--slide-left{transform:translateX(100%)}.hs-overlay.open.hs-overlay--slide-right{transform:translateX(-100%)}.hs-overlay.open.hs-overlay--slide-bottom{transform:translateY(-100%)}button.hs-overlay__close--top{position:absolute;top:16px;right:16px;display:flex;height:30px;width:30px;padding:5px;border:none;border-radius:50%;align-items:center;background:rgba(255,255,255,0.75);outline-color:#33475b}button.hs-overlay__close--top svg{fill:#7c98b6}button.hs-overlay__close--top:hover svg,button.hs-overlay__close--top:focus svg{fill:#33475b}@media screen and (min-width:768px){button.hs-overlay__close--top{background:transparent}}button.hs-overlay__close--bottom{position:absolute;top:initial;right:16px;bottom:16px;padding:5px;border:none;background:none;color:#33475b;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:normal;opacity:0;outline-color:#33475b}button.hs-overlay__close--bottom:focus{opacity:1}.hs-overlay .payments-iframe-container{height:100%;width:100%}.hs-overlay .payments-iframe-container iframe{height:100%!important}.hs-screen-reader-only{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap;}
body, html{scroll-behavior:auto}a[data-hs-anchor="true"]{display:block;transform:translateY(-82px);position:relative;z-index:-1;}
table{background-color:rgba(255, 255, 255,1.0);border:1px solid #000000;border-collapse:collapse;margin-bottom:1.4rem;overflow-wrap:break-word}tbody+tbody{border-top:2px solid #000000}th,td{border:1px solid #000000;color:#000000;padding:0.75rem;vertical-align:top}thead th,thead td{background-color:rgba(0, 67, 168,1.0);color:#FFFFFF;vertical-align:bottom}tfoot td{background-color:rgba(255, 255, 255,1.0);color:#000000;}
.button,.hs-button,.cta_button {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 12px 25px;
border-radius: 26px;
border: none;
cursor: pointer;
text-decoration: none;
/*background: linear-gradient(
140deg, #0B39FF 0%, #1E4BFF 40%, #1531B8 80%, #000000 125%) !important;*/
background:#002BFF;
box-shadow: -3px -4px 7px 0 rgba(255, 255, 255, 0.15) inset;
color: #ffffff;
font-size: 16px;
font-weight: 500;
line-height: normal;
transition: transform 0.2s ease, box-shadow 0.2s ease;
font-family: var(--font-primary) !important;
}
.button.text_shadow,.hs-button.text_shadow {
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}
.button--secondary {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: var(--cta-btn-size, 16px);
border-radius: 26px;
background: #fff !important;
color: #0D0325;
}
.button--secondary-arrow {
background: #fff !important;
border: 1px solid #000;
color: #000 !important;
text-shadow: none;
font-weight: 400;
}
.button--outlined,.button-outlined-arrow,.button--outlined_arrow_blue,.button--outlined_arrow_blue_long{
background: none !important;
border: 1px solid #002BFF;
color: #002BFF;
text-shadow: none;
font-weight: 400;
}
form input[type=submit], form .hs-button {
background: none !important;
border: none !important;
padding: 0 !important;
}
form .hs_submit .actions {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 12px 50px 12px 25px;
border-radius: 8px;
border: none;
cursor: pointer;
text-decoration: none;
background: linear-gradient(
140deg, #0B39FF 0%, #1E4BFF 40%, #1531B8 80%, #000000 125%) !important;
box-shadow: -3px -4px 7px 0 rgba(255, 255, 255, 0.15) inset;
color: #ffffff;
font-size: 16px;
font-weight: 700;
line-height: normal;
transition: transform 0.2s ease, box-shadow 0.2s ease;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
font-family: var(--font-primary) !important;
}
form .hs_submit .actions .hs-button{
font-size:16px;
font-weight:500;
font-family: var(--font-primary) !important;
}
form .actions {
position: relative;
display: inline-block;
padding:15px 55px 15px 25px;
border-radius: 8px;
}
form .actions::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 15px;
margin-left: 35px;
content: url(https://44522681.fs1.hubspotusercontent-na1.net/hubfs/44522681/raw_assets/public/Atlas_Pro_SaaS_Website_Theme%20child/images/button-right-arrow.svg);
transform: translateY(-50%);
pointer-events: none;
}
form input[type="submit"],form .actions input {
outline: none !important;
border: none !important;
box-shadow: none;
}
.button:hover {
transform: scale(1.05);
/*transform: translateY(-1px);*/
text-decoration: none;
}
.button:active {
transform: translateY(0);
}
/* ---------- Arrow Button ---------- */
.button-arrow::after,.button--arrow::after {
content: "";
width: 14px;
height: 14px;
display: inline-block;
background-image: url("https://44522681.fs1.hubspotusercontent-na1.net/hubfs/44522681/raw_assets/public/Atlas_Pro_SaaS_Website_Theme%20child/images/button-right-arrow-black.svg");
background-repeat: no-repeat;
background-size: contain;
}
.button-arrow-white::after {
content: "";
width: 16px;
height: 15px;
display: inline-block;
background-image: url("https://44522681.fs1.hubspotusercontent-na1.net/hubfs/44522681/raw_assets/public/Atlas_Pro_SaaS_Website_Theme%20child/images/button-right-arrow.svg");
background-repeat: no-repeat;
background-size: contain;
}
.button-arrow-blue{
color:#3622D7;
background: radial-gradient(107.08% 85.59% at 86.3% 87.5%, rgba(0, 0, 0, 0.23) 0%, rgba(0, 0, 0, 0.00) 86.18%), radial-gradient(83.94% 83.94% at 26.39% 20.83%, rgba(255, 255, 255, 0.41) 0%, rgba(255, 255, 255, 0.00) 69.79%, rgba(255, 255, 255, 0.00) 100%), #FFF !important;
}
.button-arrow-blue::after {
content: "";
width: 16px;
height: 15px;
display: inline-block;
background-image: url("https://44522681.fs1.hubspotusercontent-na1.net/hubfs/44522681/raw_assets/public/Atlas_Pro_SaaS_Website_Theme%20child/images/button-arrow-blue.svg");
background-repeat: no-repeat;
background-size: contain;
}
/* ---------- Outlined Button ---------- */
.button-outlined,.button--outlined {
background: transparent !important;
box-shadow: none;
border: 1px solid var(--button-outline-color, #000);
color: var(--button-outline-color, #000);
text-shadow: none;
}
/* ---------- Outlined + Arrow ---------- */
.button--outlined_arrow_blue::after {
content: "";
width: 14px;
height: 14px;
display: inline-block;
background-image: url("https://44522681.fs1.hubspotusercontent-na1.net/hubfs/44522681/raw_assets/public/Atlas_Pro_SaaS_Website_Theme%20child/images/button-arrow-blue.svg");
background-repeat: no-repeat;
background-size: contain;
}
.button--outlined_arrow_blue_long::after {
content: "";
width: 22px;
height: 13px;
display: inline-block;
background-image: url("https://44522681.fs1.hubspotusercontent-na1.net/hubfs/44522681/raw_assets/public/Atlas_Pro_SaaS_Website_Theme%20child/images/blue_long.svg");
background-repeat: no-repeat;
background-size: contain;
}
.button-outlined-arrow::after,.button--secondary-arrow:after{
content: "";
width: 14px;
height: 14px;
display: inline-block;
background-image: url("https://44522681.fs1.hubspotusercontent-na1.net/hubfs/44522681/raw_assets/public/Atlas_Pro_SaaS_Website_Theme%20child/images/button-right-arrow-black.svg");
background-repeat: no-repeat;
background-size: contain;
}
.text_arrow_v1,.button.text_arrow,.button.button-text{
background: none !important;
border: none !important;
box-shadow: none;
padding:0;
}
.text_arrow::after {
content: "";
width: 14px;
height: 14px;
display: inline-block;
background-repeat: no-repeat;
background-size: contain;
background-color:#fff;
padding: 12px;
border-radius: 51px;
background-size: 12px;
background-position: center;
transform: rotate(0deg);
background-color: #000; /* 🔵 CHANGE COLOR HERE */
-webkit-mask: url("https://44522681.fs1.hubspotusercontent-na1.net/hubfs/44522681/raw_assets/public/Atlas_Pro_SaaS_Website_Theme%20child/images/button-right-arrow-black.svg") no-repeat center;
mask: url("https://44522681.fs1.hubspotusercontent-na1.net/hubfs/44522681/raw_assets/public/Atlas_Pro_SaaS_Website_Theme%20child/images/button-right-arrow-black.svg") no-repeat center;
-webkit-mask-size: contain;
mask-size: 14px;
}
.text_arrow_v1::after {
content: "";
width: 14px;
height: 14px;
display: inline-block;
background-repeat: no-repeat;
background-size: contain;
background-color:#fff;
padding: 12px;
border-radius: 51px;
background-size: 12px;
background-position: center;
transform: rotate(-45deg);
background-image: url("https://44522681.fs1.hubspotusercontent-na1.net/hubfs/44522681/raw_assets/public/Atlas_Pro_SaaS_Website_Theme%20child/images/button-right-arrow-black.svg");
}
/* Arrow container */
/*.button--arrow::after {
content: "";
width: 14px;
height: 14px;
display: inline-block;
background-color: currentColor;
-webkit-mask-image: url("https://44522681.fs1.hubspotusercontent-na1.net/hubfs/44522681/raw_assets/public/Atlas_Pro_SaaS_Website_Theme%20child/images/button-right-arrow.svg");
mask-image: url("https://44522681.fs1.hubspotusercontent-na1.net/hubfs/44522681/raw_assets/public/Atlas_Pro_SaaS_Website_Theme%20child/images/button-right-arrow.svg");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.button--arrow-long::after {
-webkit-mask-image: url("https://44522681.fs1.hubspotusercontent-na1.net/hubfs/44522681/raw_assets/public/Atlas_Pro_SaaS_Website_Theme%20child/images/button-right-arrow_gray.png");
mask-image: url("https://44522681.fs1.hubspotusercontent-na1.net/hubfs/44522681/raw_assets/public/Atlas_Pro_SaaS_Website_Theme%20child/images/button-right-arrow_gray.png");
}*/
.button-arrow-long::after {
content: "⟶";
}
.button-arrow-thin::after {
content: "›";
}
.button.button-text{
padding:0;
}
.Navbar_with_Menu_Icons__button {
padding: 10px;
font-size: 14px;
}
.Navbar_with_Menu_Icons__button::before {
content: "";
width: 16px;
height: 16px;
display: inline-block;
background-image: url("https://44522681.fs1.hubspotusercontent-na1.net/hubfs/44522681/raw_assets/public/Atlas_Pro_SaaS_Website_Theme%20child/images/3%20starts%20button%20icon.svg");
background-size: contain;
background-repeat: no-repeat;
}
@media (max-width: 768px) {
.button{font-size: 16px;}
.button-arrow-white::after,.button-arrow-blue::after {
width: 18px;
height: 17px;
margin-bottom: -1px;
}
}
@media (max-width: 480px) {
.button-arrow-white::after,.button-arrow-blue::after {
width: 12px;
height: 11px;
margin-bottom: -1px;
}
}
/* =========================================================
LOGO GRID (GLOBAL)
========================================================= */
.logos {
display: grid;
gap: 24px;
align-items: center;
justify-items: start; /* 👈 KEY FIX */
}
.logos__item {
display: flex;
align-items: center;
justify-content: center;
}
.logos__item img {
max-width: 100%;
max-height: 40px;
object-fit: contain;
}
/* =========================================================
DESKTOP COLUMN CONTROL
========================================================= */
.logos--1 { grid-template-columns: repeat(1, 1fr); }
.logos--2 { grid-template-columns: repeat(2, 1fr); }
.logos--3 { grid-template-columns: repeat(3, 1fr); }
.logos--4 { grid-template-columns: repeat(4, 1fr); }
.logos--5 { grid-template-columns: repeat(5, 1fr); }
.logos--6 { grid-template-columns: repeat(6, 1fr); }
.logos--7 { grid-template-columns: repeat(7, 1fr); }
.logos--8 { grid-template-columns: repeat(8, 1fr); }
.logos--9 { grid-template-columns: repeat(9, 1fr); }
.logos--10 { grid-template-columns: repeat(10, 1fr); }
.logos--11 { grid-template-columns: repeat(11, 1fr); }
.logos--12 { grid-template-columns: repeat(12, 1fr); }
/* =========================================================
TABLET & MOBILE
========================================================= */
/* ≤ 768px */
@media (max-width: 768px) {
.logos {
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
}
/* ≤ 480px */
@media (max-width: 480px) {
.logos {
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
}
/* ≤ 340px */
@media (max-width: 340px) {
.logos {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
}
/* ≤ 250px */
@media (max-width: 250px) {
.logos {
grid-template-columns: repeat(1, 1fr);
gap: 12px;
}
.logos__item{
padding: 10px 0;
}
}
.kl-hero-02{display:flex;padding:64px 0;min-height:50vh}.kl-hero-02__content{max-width:1240px;margin:0 auto;padding:0 20px;width:100%;display:flex;align-items:center}@media screen and (min-width:1380px){.kl-hero-02__content{padding:0}}@media screen and (max-width:960px){.kl-hero-02__content{display:block}}.kl-hero-02__content .kl-rich-text{flex-basis:300px;flex-grow:1}.kl-hero-02__image{margin-left:32px;display:flex;flex-grow:1;flex-basis:480px;height:100%}@media screen and (max-width:960px){.kl-hero-02__image{max-width:720px;margin:32px auto 0;height:auto}}.kl-hero-02__image img{max-width:100%;display:block}.kl-hero-02__image--left{justify-content:flex-start}.kl-hero-02__image--center{justify-content:center}.kl-hero-02__image--right{justify-content:flex-end}.kl-hero-02__image--top{align-items:flex-start}.kl-hero-02__image--middle{align-items:center}.kl-hero-02__image--bottom{align-items:flex-end;}
/* =========================================================
COMPONENT: CARD
Purpose: Reusable UI container
No colors, no theme coupling
========================================================= */
.kl-card {
width: 100%;
display: flex;
flex-direction: column;
height: 100%;
padding: 25px;
}
.kl-card.media_type_image{
padding: 0px;
}
.kl-card.media_type_image .kl-card__body-wrapper{
padding: 0px 25px 25px 25px;
}
.kl-card__body {
padding: 30px 0 0 0;
}
.kl-card.media_type_image .kl-card__body{
padding:30px 0 5px 0;
}
/* ---------------------------------------------------------
Media
--------------------------------------------------------- */
.kl-card__media {
width: 100%;
line-height: 0;
}
.kl-card .kl-card__media.bottom_shadow{
position: relative;
overflow: hidden;
}
.kl-card .kl-card__media.bottom_shadow::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 50px;
pointer-events: none;
background: linear-gradient(
to bottom,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 1) 100%
);
}
.kl-card__media img,
.kl-card__media video,
.kl-card__media svg {
width: 100%;
height: auto;
object-fit: cover;
display: block;
}
.media_type_none .kl-card__body { padding: 0; }
/* ---------------------------------------------------------
Body
--------------------------------------------------------- */
.kl-card__body {
/*display: flex;
flex-direction: column;
padding: var(--card-padding, 24px);*/
}
/* ---------------------------------------------------------
Optional sections
--------------------------------------------------------- */
.kl-card.media_type_icon p:last-child {
margin: 0;
}
.kl-card__header {
margin-bottom: var(--card-header-gap, 8px);
}
.kl-card__content {
flex-grow: 1;
}
.kl-card__footer {
margin-top: var(--card-footer-gap, 16px);
}
/* ---------------------------------------------------------
Alignment modifiers
--------------------------------------------------------- */
.kl-card.center {
text-align: center;
align-items: center;
}
.kl-card.left {
text-align: left;
}
.kl-card.left img{display:inline-block;}
.kl-card.right {
text-align: right;
}
/* ---------------------------------------------------------
Utility modifiers
--------------------------------------------------------- */
.kl-card--stretch {
height: 100%;
}
.kl-card--clickable {
cursor: pointer;
}
.kl-card--no-padding .kl-card__body {
padding: 0;
}
/* Tablet */
@media (max-width: 768px) {
}
/* Mobile */
@media (max-width: 480px) {
}
/* =========================================================
OBJECT: FLEX GRID
Purpose: Structural layout only
Safe for HubSpot DnD
========================================================= */
.kl-grid-wrapper{
margin:-15px;
}
.kl-grid {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.kl-grid.reverse{
flex-direction: row-reverse;
}
.kl-grid.reverse .image-wrapper {
float: right;
}
.kl-grid.kl-grid--2{align-items: center;}
.kl-grid__item {
padding: 16px;
width: calc(100% / var(--cols));
}
.kl-grid--1 { --cols: 1; }
.kl-grid--2 { --cols: 2; }
.kl-grid--3 { --cols: 3; }
.kl-grid--4 { --cols: 4; }
.kl-grid--5 { --cols: 5; }
.kl-grid--6 { --cols: 6; }
/* ---------------------------------------------------------
Gap system (negative margin pattern)
--------------------------------------------------------- */
.kl-grid--gap-sm {
margin: -12px;
}
.kl-grid--gap-sm > * {
padding: 12px;
}
.kl-grid--gap-md {
margin: -16px;
}
.kl-grid--gap-md > * {
padding: 16px;
}
.kl-grid--gap-lg {
margin: -24px;
}
.kl-grid--gap-lg > * {
padding: 24px;
}
/* ---------------------------------------------------------
Column widths
--------------------------------------------------------- */
.kl-grid--1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.kl-grid--2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.kl-grid--3 > * {
flex: 0 0 33.3333%;
max-width: 33.3333%;
}
.kl-grid--4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.kl-grid--5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.kl-grid--6 > * {
flex: 0 0 16.6667%;
max-width: 16.6667%;
}
/* ---------------------------------------------------------
Alignment helpers
--------------------------------------------------------- */
.kl-grid--center {
justify-content: center;
}
.kl-grid--start {
justify-content: flex-start;
}
.kl-grid--end {
justify-content: flex-end;
}
.kl-grid--stretch > * {
display: flex;
}
/* ---------------------------------------------------------
Responsive behavior
Your breakpoint system respected
--------------------------------------------------------- */
@media (max-width: 1024px) {
.kl-grid--5,
.kl-grid--6 {
--cols: 3;
}
}
@media (min-width: 769px) and (max-width:900px) {
.kl-grid--2 > *,
.kl-grid--3 > *,
.kl-grid--4 > *,
.kl-grid--5 > *,
.kl-grid--6 > * {
flex: 0 0 50%;
max-width: 50%;
}
}
/* Tablet */
@media (max-width: 768px) {
.kl-grid--2 > *,
.kl-grid--3 > *,
.kl-grid--4 > *,
.kl-grid--5 > *,
.kl-grid--6 > * {
flex: 0 0 50%;
max-width: 50%;
}
}
/* Mobile */
@media (max-width: 580px) {
.kl-grid--1 > *,
.kl-grid--2 > *,
.kl-grid--3 > *,
.kl-grid--4 > *,
.kl-grid--5 > *,
.kl-grid--6 > * {
flex: 0 0 100%;
max-width: 100%;
}
.kl-grid__item {
width: 100%;
}
}
.kl-pricing-table{overflow-x:auto}.kl-pricing-table>table{border:none;margin:0;background:transparent;table-layout:fixed;height:100%;width:100%}@media screen and (max-width:920px){.kl-pricing-table>table{width:100%}}.kl-pricing-table__features{position:relative;width:250px}@media screen and (max-width:920px){.kl-pricing-table__features{width:50%}}.kl-pricing-table__plans{text-align:left;padding:32px}.kl-pricing-table__plans .button_cta a{padding-left:0;padding-right:0;width:100%}.kl-pricing-table__plans .button{width:100%}.kl-pricing-table__plans h3{font-size:18px}.kl-pricing-table__plans h4,.kl-pricing-table__plans h5{font-weight:bold;color:#0043A8}.kl-pricing-table__plans>div{display:flex;flex-direction:column;justify-content:space-between;height:100%}.kl-pricing-table th,.kl-pricing-table td{vertical-align:middle;border:none}.kl-pricing-table th{font-weight:normal;background:transparent;text-align:left}.kl-pricing-table th p{color:#000000}.kl-pricing-table th.kl-pricing-table__featured{background:#0043A8;color:white;border-top-left-radius:9px;border-top-right-radius:9px}.kl-pricing-table th.kl-pricing-table__featured h1,.kl-pricing-table th.kl-pricing-table__featured h2,.kl-pricing-table th.kl-pricing-table__featured h3,.kl-pricing-table th.kl-pricing-table__featured h4,.kl-pricing-table th.kl-pricing-table__featured h5,.kl-pricing-table th.kl-pricing-table__featured p{color:white}.kl-pricing-table th.kl-pricing-table__featured .button{border-color:white;color:white}@media screen and (max-width:920px){.kl-pricing-table thead .kl-pricing-table__features{display:none}}.kl-pricing-table tbody tr:first-child .kl-pricing-table__features{border-top-left-radius:9px}@media screen and (max-width:920px){.kl-pricing-table tbody tr:first-child .kl-pricing-table__features{border-top-left-radius:0}}.kl-pricing-table tbody tr:first-child td:before{content:'';display:block;position:absolute;height:1px;width:100%;top:0;right:0;background:#E0E9FF}.kl-pricing-table tbody tr:first-child .kl-pricing-table__featured:before{display:none}.kl-pricing-table tbody tr:last-child .kl-pricing-table__featured{border-bottom-left-radius:9px;border-bottom-right-radius:9px}@media screen and (max-width:920px){.kl-pricing-table tbody tr:last-child .kl-pricing-table__featured{border-bottom-left-radius:0}}.kl-pricing-table tbody tr:last-child .kl-pricing-table__features{border-bottom-left-radius:9px}.kl-pricing-table tbody tr+tr .kl-pricing-table__features:after{content:'';display:block;position:absolute;height:1px;width:100%;top:0;right:0;background:#E0E9FF}.kl-pricing-table tbody .kl-pricing-table__features{position:relative;background:#0043A8;color:white;padding:25px 38px 25px 32px}.kl-pricing-table td{position:relative;text-align:center;vertical-align:middle;padding:12px 16px}.kl-pricing-table td img{display:block;margin:0 auto}.kl-pricing-table td:after{content:'';display:block;position:absolute;height:1px;width:100%;bottom:0;right:0;background:#E0E9FF;z-index:-1}.kl-pricing-table td.kl-pricing-table__featured{background:#0043A8;color:white}.kl-pricing-table td.kl-pricing-table__featured h3,.kl-pricing-table td.kl-pricing-table__featured h4,.kl-pricing-table td.kl-pricing-table__featured h5,.kl-pricing-table td.kl-pricing-table__featured p{color:white}.kl-pricing-table td.kl-pricing-table__featured:after,.kl-pricing-table td.kl-pricing-table__featured:before{display:none}.kl-pricing-table__navbar{display:none;list-style:none;padding:0;margin:0;border-radius:3px}@media screen and (max-width:920px){.kl-pricing-table__navbar{display:flex}}@media screen and (max-width:480px){.kl-pricing-table__navbar{display:block}}.kl-pricing-table__navbar .kl-pricing-table__featured{background:#0043A8;border:none}.kl-pricing-table__navbar .kl-pricing-table__featured h1,.kl-pricing-table__navbar .kl-pricing-table__featured h2,.kl-pricing-table__navbar .kl-pricing-table__featured h3,.kl-pricing-table__navbar .kl-pricing-table__featured h4,.kl-pricing-table__navbar .kl-pricing-table__featured h5,.kl-pricing-table__navbar .kl-pricing-table__featured p{color:white}.kl-pricing-table__navbar .kl-pricing-table__featured:hover{background:#0043A8}.kl-pricing-table__tab{flex-basis:200px;flex-grow:1;display:flex;justify-content:center;align-items:center;padding:16px 24px;border:1px solid #e0e9ff}.kl-pricing-table__tab h1,.kl-pricing-table__tab h2,.kl-pricing-table__tab h3,.kl-pricing-table__tab h4,.kl-pricing-table__tab h5,.kl-pricing-table__tab h6,.kl-pricing-table__tab p{margin:0}.kl-pricing-table__tab:hover{background:#e0e9ff;transition:background .25s ease-in-out;cursor:pointer}@media screen and (max-width:920px){.kl-pricing-table__hide{display:none}}.kl-pricing-table__tooltip{background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='info-circle' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='white' d='M256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm-36 344h12V232h-12c-6.627 0-12-5.373-12-12v-8c0-6.627 5.373-12 12-12h48c6.627 0 12 5.373 12 12v140h12c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12h-72c-6.627 0-12-5.373-12-12v-8c0-6.627 5.373-12 12-12zm36-240c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32z'%3E%3C/path%3E%3C/svg%3E%0A");background-repeat:no-repeat;height:20px;width:20px;position:absolute;right:12px;top:15px}
.kl-error-page{padding:100px 0;text-align:center}.kl-error-page__preheader{font-family:Avenir Next LT Pro,sans-serif;font-size:16px;font-weight:bold;color:#0043a8;display:block;margin:0 0 0.5rem}.kl-error-page__heading{margin:0 0 1rem}.systems-page__content{margin:0 auto;max-width:620px;padding:120px 20px}.systems-page .success{color:#34A853;font-weight:bold;font-size:2rem;text-align:center}.systems-page h1{margin:0 0 4rem;text-align:center}@media screen and (max-width:360px){.systems-page h1{margin:0 0 2rem;font-size:2rem}}.systems-page--membership{background-image:url(https://44522681.fs1.hubspotusercontent-na1.net/hubfs/44522681/raw_assets/public/@marketplace/kalungi_com/Atlas_Pro_SaaS_Website_Theme/images/Hero-Background-2.svg);background-size:cover;background-position:center;background-repeat:no-repeat}.systems-page--membership h1{margin:0 0 1rem}.systems-page--membership p{margin:0 0 3rem;text-align:center}.systems-page--membership form .hs-submit input,.systems-page--membership form input[type="submit"]{width:100%}.systems-page--subscription-confirmation h1{display:none;margin:0 0 1.5rem}.systems-page--subscription-confirmation h2{color:#3A3A3A;font-size:1rem;margin:0}.systems-page--subscription-confirmation .page-header{text-align:center;margin:0 0 2rem}.systems-page--subscription-preferences .page-header{text-align:center;margin:0 0 2rem}.systems-page--subscription-preferences h1{margin:0 0 1.5rem}.systems-page--subscription-preferences h2{color:#3A3A3A;font-size:1rem;margin:0}.systems-page--subscription-preferences .email-prefs{padding:32px;border:1px solid #DAE3F9;box-shadow:0px 11px 30px rgba(154, 161, 177,0.1);border-radius:10px}.systems-page--subscription-preferences .email-prefs p,.systems-page--subscription-preferences .email-prefs span,.systems-page--subscription-preferences .email-prefs label{font-size:0.875rem;line-height:1rem;vertical-align:text-top;font-weight:normal}@media screen and (max-width:360px){.systems-page--subscription-preferences .email-prefs{padding:18px}}.systems-page--subscription-preferences input[type="checkbox"]{margin-right:12px}.systems-page__preheader{font-family:Avenir Next LT Pro,sans-serif;font-size:16px;font-weight:bold;color:#0043a8;display:block;margin:0 0 0.5rem;text-align:center}.systems-page form{position:relative}.systems-page form .hs-form-field{position:relative}.systems-page form .form-input-validation-message ul{padding:0}.systems-page form .form-input-validation-message label{color:#929292;font-size:0.875rem;font-weight:normal}.systems-page form .hs-login-widget-show-password,.systems-page form .hs-register-widget-show-password,.systems-page form .hs-reset-widget-show-password{position:absolute;top:0;right:0;font-size:0.75rem;line-height:1rem;text-transform:uppercase;font-weight:bold;color:#0043A8}.systems-page form .hs-login-widget-show-password:hover,.systems-page form .hs-login-widget-show-password:focus,.systems-page form .hs-register-widget-show-password:hover,.systems-page form .hs-register-widget-show-password:focus,.systems-page form .hs-reset-widget-show-password:hover,.systems-page form .hs-reset-widget-show-password:focus{color:#0043A8;text-decoration:none}.systems-page form #hs_login_reset{position:absolute;top:100%;left:0;display:block;margin:1rem 0 0;z-index:1;color:#0043A8;font-size:0.875rem;font-weight:bold;width:100%;text-align:center}.systems-page form input{max-width:100%}.systems-page .form-container{max-width:380px;margin:0 auto 3rem}.systems-page .form-container .label{display:block;font-size:0.875rem;font-weight:bold;margin:0 0 0.75rem}#email-prefs-form .header{background-color:transparent}.password-prompt input[type=password]{display:block;height:auto !important;margin-bottom:1.4rem}.backup-unsubscribe h3{font-size:0.875rem;font-weight:bold !important;line-height:1rem;margin:0 0 0.75rem}.backup-unsubscribe #email-prefs-form{padding:42px 32px;border:1px solid #DAE3F9;box-shadow:0px 11px 30px rgba(154, 161, 177,0.1);border-radius:10px}.backup-unsubscribe #email-prefs-form div{padding-bottom:0 !important}@media screen and (max-width:360px){.backup-unsubscribe #email-prefs-form{padding:32px 18px}}.backup-unsubscribe input[type=email]{margin-bottom:1.5rem;padding:0.7rem !important;font-size:0.875rem !important;border:1px solid #DADADA}.hs-search-field{max-width:750px}.hs-search-field input[type=text]{padding-right:48px}.hs-search-field__bar:not(.hs-search-field__bar--button-inline){position:relative}.hs-search-field__bar:not(.hs-search-field__bar--button-inline):after{content:'';background-image:url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 19a8 8 0 100-16 8 8 0 000 16zM21 21l-4-4' stroke='%23C6C6C6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");width:24px;height:24px;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.hs-search-field__suggestions{background-color:#FFF;max-width:360px;position:absolute;right:0;top:100%;transform:translateY(8px);border-radius:9px;width:100%}.hs-search-field__suggestions a,.hs-search-field__suggestions #results-for{padding:8px 16px}.hs-search-field--open .hs-search-field__suggestions{border:1px solid #dedede !important}.kl-search-results{padding:80px 0}.hs-search-results{margin-top:3.5rem}.hs-search-results__featured-image{margin-bottom:1rem}.hs-search-results__featured-image img{display:block;max-width:100%;width:100%}.hs-search-results__title{color:#000000;font-size:1.5rem;font-weight:bold;font-family:Avenir Next LT Pro,sans-serif}.hs-search-results__title:hover,.hs-search-results__title:focus{color:#0043A8;text-decoration:none}.hs-search-results__description{padding-top:1.25rem;margin:0 0 2.5rem}.hs-search-results__pagination a{color:#000000;font-family:Avenir Next LT Pro,sans-serif;font-weight:bold}.hs-search-results__listing{display:flex;flex-wrap:wrap;margin:0 -20px !important}.hs-search-results__listing li{flex-basis:calc(100% / 2);padding:0 20px !important}@media screen and (max-width:620px){.hs-search-results__listing li{flex-basis:100%}}.hs-search-highlight{font-weight:bold;}
.no-scroll{overflow:hidden}.kl-inline-cta{position:relative;background-color:#0043A8;display:flex;justify-content:flex-start;padding:40px;border-radius:8px;background-image:url("https://www.kalungi.com/hubfs/Kalungi%20Website/Tools/inline_cta_background.png");background-repeat:no-repeat;background-size:contain;background-position:right bottom}@media screen and (max-width:767px){.kl-inline-cta{background-size:cover}.kl-inline-cta:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;opacity:.85;background-color:#0043A8;z-index:0}}.kl-inline-cta__content{flex:0 0 50%;z-index:1}@media screen and (max-width:767px){.kl-inline-cta__content{flex:0 0 100%}}.kl-inline-cta__content .kl-rich-text span,.kl-inline-cta__content .kl-rich-text h1,.kl-inline-cta__content .kl-rich-text h2,.kl-inline-cta__content .kl-rich-text h3,.kl-inline-cta__content .kl-rich-text h4,.kl-inline-cta__content .kl-rich-text h5,.kl-inline-cta__content .kl-rich-text h6,.kl-inline-cta__content .kl-rich-text p{color:#ffffff}.kl-inline-cta__content .kl-rich-text .kl-rich-text__buttons .button_cta a{background-color:#ffffff;color:#0043A8;border-color:#ffffff;margin-left:0}.kl-inline-cta__content .kl-rich-text .kl-rich-text__buttons .button_cta:hover a{background-color:#0043A8;color:#ffffff}.kl-inline-cta__content .kl-rich-text .kl-rich-text__buttons .button{background-color:#ffffff;border-color:#ffffff}.kl-inline-cta__content .kl-rich-text .kl-rich-text__buttons .button span{color:#0043A8}.kl-inline-cta__content .kl-rich-text .kl-rich-text__buttons .button:hover{background-color:#0043A8}.kl-inline-cta__content .kl-rich-text .kl-rich-text__buttons .button:hover span{color:#ffffff}.kl-helper{position:relative;display:inline-block;vertical-align:middle;margin:0 5px;transform:translateY(-1px);cursor:pointer}.kl-helper.text.dotted{border-bottom:2px dotted #000000}.kl-helper.text.dashed{border-bottom:2px dashed #000000}.kl-helper.text.underline{border-bottom:2px solid #000000}.kl-helper.text.double{border-bottom:2px double #000000}.kl-helper__content{border:.5px solid rgba(100, 146, 253,0.2);box-shadow:0px 11px 30px rgba(154, 161, 177,0.2);border-radius:9px;background-color:rgba(255, 255, 255,1.0);width:100%;padding:12px;position:absolute;opacity:0;z-index:99;min-width:300px;max-width:400px;text-align:left;pointer-events:none;transition:all .2s ease-in-out}.kl-helper__content__preheader{font-family:Avenir Next LT Pro,sans-serif;font-size:16px;font-weight:bold;color:#0043a8;display:block;line-height:1rem;margin:0 0 .75rem}.kl-helper__content__content h1,.kl-helper__content__content h2,.kl-helper__content__content h3,.kl-helper__content__content h4,.kl-helper__content__content h5,.kl-helper__content__content h6{font-weight:bold;margin:0 0 1rem}.kl-helper__content__content p{margin:0 0 2rem}.kl-helper__content.right{right:100%}.kl-helper__content.left{left:100%}.kl-helper__content.responsive-right{top:100%;right:100%}.kl-helper__content.responsive-left{top:100%;left:100%}.kl-helper__content.responsive-center{top:100%;left:50%;transform:translateX(-50%);}
.kl-helper__image{position: relative;height: 20px;width: 20px;padding: 5px;border-radius: 50%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%230043A8' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E");
background-repeat: no-repeat;background-position: center center; background-size: cover;cursor: pointer;
}
.kl-helper:hover .kl-helper__content{opacity: 1;}
.kl-helper.info .kl-helper__content{background-color: #0043A8;color: #ffffff;}
.kl-helper.info .kl-helper__image {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%230043A8' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E");
}
.kl-helper.info-dark .kl-helper__content{background-color: #000000;color: #ffffff;}
.kl-helper.info-dark .kl-helper__image{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000000' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E");
}
.kl-helper.info-light .kl-helper__content{background-color: #ffffff;color: #000000;}
.kl-helper.info-light .kl-helper__image {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FFFFFF' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E");
}
.kl-helper.question .kl-helper__content{background-color: #0043A8;color: #ffffff;}
.kl-helper.question .kl-helper__image {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%230043A8' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z'/%3E%3C/svg%3E");
}
.kl-helper.question-dark .kl-helper__content{background-color: #000000;color: #ffffff;}
.kl-helper.question-dark .kl-helper__image {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000000' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z'/%3E%3C/svg%3E");
}
.kl-helper.question-light .kl-helper__content {background-color: #ffffff;color: #000000;}
.kl-helper.question-light .kl-helper__image {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FFFFFF' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z'/%3E%3C/svg%3E");
}
.kl-header {
position: fixed;
z-index: 12;
width: 100%;
box-shadow: 0 5px 10px rgba(154, 161, 177, 0.1);
background-color: rgba(
255, 255, 255,
1.0
);
}
.kl-header-placeholder {
height: 82px;
}
.kl-navbar {
height: 82px;
display: flex;
align-items: center;
}
.bordred_style nav.kl-navbar.content-wrapper {
transition: margin-top 0.3s ease;
}
.bordred_style.scrolled nav.kl-navbar.content-wrapper {
background: #fff;
}
.transparent-header .kl-header.scrolled {
background-color: transparent !important;
box-shadow: none !important;
}
.transparent-hero-banner .kl-hero-02 .content h1 {
font-size: 68px;
}
.transparent-header .kl-header.bordred_style .kl-navbar__button {
color: #000;
}
.transparent-header .kl-dnd-header-transparent .custom-menu.bordred_style .kl-navbar__menu .kl-navbar__item > a:after {
border-bottom: 2px solid #000;
border-right: 2px solid #000;
}
.kl-logo-slider {
border-bottom: 1px solid #868686;
}
.transparent-header .custom-menu.bordred_style .kl-navbar__panel {
border-radius: 20px;
}
.transparent-header .custom-menu.bordred_style .kl-navbar__panel .kl-navbar__panel-wrapper {
border-radius: 20px;
margin: auto 5%;
}
.kl-rich-text__preheader {
border-radius: var(--Button-corner-radius, 8px);
border: 1px dashed #4941c261;
background: rgba(255, 255, 255, 0.02);
box-shadow:
0 1px 3px 0 rgba(199, 220, 255, 0.35) inset,
0 0 20px 0 rgba(198, 204, 255, 0.2) inset,
0 1px 22px 0 rgba(255, 255, 255, 0.1),
0 4px 4px 0 rgba(0, 0, 0, 0.05),
0 10px 10px 0 rgba(0, 0, 0, 0.1);
backdrop-filter: blur(10px);
display: inline;
padding: 5px 20px;
display: inline-flex;
align-items: center;
font-size: 16px;
font-weight: 500;
margin-bottom: 2em;
}
.kl-rich-text__preheader::before {
content: "";
width: 6px;
height: 6px;
margin-right: 8px;
border-radius: 50%;
background-color: #4941c2;
flex-shrink: 0;
}
.kl-navbar__panel {
top: 72px !important;
}
.Navbar_with_Menu_Icons__button {
border-radius: 8px !important;
}
@media screen and (max-width: 920px) {
.kl-navbar {
height: 60px;
justify-content: space-between;
}
.kl-navbar--active .kl-navbar__content {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
}
.kl-navbar__logo {
width: auto;
display: block;
max-width: 90px !important;
}
.kl-navbar__mobile {
display: flex;
}
.kl-navbar__mobile .hs_cos_wrapper_type_language_switcher {
display: none;
}
@media screen and (max-width: 920px) {
.kl-navbar__mobile .hs_cos_wrapper_type_language_switcher {
display: block;
}
}
.kl-navbar__mobile .hs_cos_wrapper_type_language_switcher + .kl-navbar__hamburger {
margin-left: 32px;
}
.kl-navbar__content {
flex: 1 1 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 920px) {
.kl-navbar__content {
background-color: rgba(
255, 255, 255,
1.0
);
position: fixed;
width: 100%;
/* height: calc(100% - 82px); */
height: calc(100% - 60px);
top: 60px;
left: 0;
bottom: 0;
padding: 45px 10%;
flex-direction: column;
justify-content: space-between;
overflow-y: auto;
visibility: hidden;
opacity: 0;
transform: translateY(8px);
transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
}
}
.kl-navbar__menu {
list-style: none;
display: flex;
margin: 0;
padding: 0;
}
@media screen and (max-width: 920px) {
.kl-navbar__menu {
display: block;
margin: 0 0 24px;
width: 100%;
}
}
.kl-navbar__item {
position: relative;
margin: 0 15px;
}
.kl-navbar__item--active .kl-navbar__panel {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
@media screen and (max-width: 920px) {
.kl-navbar__item--active .kl-navbar__panel {
max-height: 100vh;
}
}
.kl-navbar__item--active .kl-navbar__button {
color: #0043A8;
}
.kl-navbar__item--active .kl-navbar__button > span:after {
visibility: visible;
width: 100%;
}
@media screen and (max-width: 1024px) {
.kl-navbar__item {
margin: 0 16px;
}
}
.kl-navbar__button {
font-weight: bold;
font-size: 12px;
line-height: 2em;
word-break: normal;
color: #000000;
display: inline-block;
}
@media screen and (max-width: 920px) {
.kl-navbar__button {
font-size: 1rem;
}
}
.kl-navbar__button > span {
position: relative;
display: inline-block;
padding: 8px 0;
}
.kl-navbar__button > span:after {
content: "";
width: 0;
height: 2px;
background-color: #0043A8;
position: absolute;
left: 0;
bottom: 2px;
visibility: hidden;
transition: width 0.2s ease-in-out;
}
.kl-navbar__button:hover,
.kl-navbar__button:focus,
.kl-navbar__button:active,
.kl-navbar__button--active {
text-decoration: none;
color: #0043A8;
}
.kl-navbar__button:hover > span:after,
.kl-navbar__button:focus > span:after,
.kl-navbar__button:active > span:after,
.kl-navbar__button--active > span:after {
visibility: visible;
width: 100%;
}
.kl-navbar__end {
display: flex;
align-items: center;
}
.kl-navbar__end > span + a {
margin-left: 25px;
}
@media screen and (max-width: 920px) {
.kl-navbar__end > span + a {
margin-left: 0;
}
}
.kl-navbar__end > a + a,
.kl-navbar__end > a:not(:first-child) {
margin-left: 25px;
}
@media screen and (max-width: 920px) {
.kl-navbar__end .hs_cos_wrapper_type_language_switcher {
display: none;
}
}
.kl-navbar__end > .button_cta:not(:first-child) {
margin-left: 25px;
}
.kl-navbar__panel {
background-color: rgba(
255, 255, 255,
1.0
);
visibility: hidden;
opacity: 0;
transform: translateY(8px);
transition: all 0.25s ease-in-out;
position: fixed;
top: 82px;
left: 0;
width: 100%;
}
@media screen and (max-width: 920px) {
.kl-navbar__panel {
position: static;
max-height: 0;
overflow: hidden;
}
}
.kl-navbar__panel-wrapper {
display: flex;
flex-wrap: wrap;
max-width: 960px;
margin: 0 auto;
padding: 32px 0;
justify-content: space-between;
}
.kl-navbar__panel-wrapper > div {
flex-basis: none;
}
.kl-navbar__categories {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
flex-basis: 650px;
flex-grow: 1;
flex-shrink: 1;
}
@media screen and (max-width: 920px) {
.kl-navbar__categories p {
display: none;
}
}
.kl-navbar__description {
flex-basis: 250px;
margin: 0 16px;
color: #000000;
}
@media screen and (max-width: 920px) {
.kl-navbar__description {
margin: 0;
flex-basis: 50%;
}
}
@media screen and (max-width: 920px) {
.kl-navbar__description--full {
flex-basis: auto;
}
}
.kl-navbar__description h1,
.kl-navbar__description h2,
.kl-navbar__description h3,
.kl-navbar__description h4,
.kl-navbar__description h5,
.kl-navbar__description h6 {
color: inherit;
}
.kl-navbar__description h2 {
font-size: 1.125rem;
font-weight: bold;
margin: 0 0 0.5rem;
}
.kl-navbar__description h3 {
font-size: 0.875rem;
font-weight: bold;
margin: 0 0 0.5rem;
}
.kl-navbar__description p {
font-size: 0.875rem;
margin: 0 0 1.75rem;
}
.kl-navbar__description a {
color: #000000;
}
.kl-navbar__description a:hover,
.kl-navbar__description a:focus {
text-decoration: none;
color: #0043A8;
}
.kl-navbar .hamburger {
display: none;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
padding: 0;
overflow: visible;
min-width: auto;
line-height: 0;
}
@media screen and (max-width: 920px) {
.kl-navbar .hamburger {
display: block;
}
}
.kl-navbar .hamburger:focus {
outline: none;
}
.kl-navbar .hamburger-box {
width: 24px;
height: 19px;
display: inline-block;
position: relative;
}
.kl-navbar .hamburger-inner {
display: block;
top: 50%;
margin-top: calc(3px / -2);
}
.kl-navbar .hamburger-inner,
.kl-navbar .hamburger-inner::before,
.kl-navbar .hamburger-inner::after {
width: 24px;
height: 3px;
background-color: currentColor;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.kl-navbar .hamburger-inner::before,
.kl-navbar .hamburger-inner::after {
content: "";
display: block;
}
.kl-navbar .hamburger-inner::before {
top: -8px;
}
.kl-navbar .hamburger-inner::after {
bottom: -8px;
}
.kl-navbar .hamburger--squeeze .hamburger-inner {
transition-duration: 0.075s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.kl-navbar .hamburger--squeeze .hamburger-inner::before {
transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.kl-navbar .hamburger--squeeze .hamburger-inner::after {
transition:
bottom 0.075s 0.12s ease,
transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.kl-navbar .hamburger--squeeze.is-active .hamburger-inner {
transform: rotate(45deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.kl-navbar .hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.kl-navbar .hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition:
bottom 0.075s ease,
transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.kl-navbar-submenu-wrapper {
position: absolute;
left: -24px;
visibility: hidden;
}
@media screen and (max-width: 920px) {
.kl-navbar-submenu-wrapper {
position: static;
visibility: visible;
display: none;
}
}
.kl-navbar__item:hover > .kl-navbar-submenu-wrapper {
visibility: visible;
}
.kl-navbar-submenu {
background-color: rgba(
255, 255, 255,
1.0
);
box-shadow: 0px 5px 10px rgba(154, 161, 177, 0.1);
list-style: none;
padding: 0;
margin: 20px 0 0;
}
@media screen and (max-width: 920px) {
.kl-navbar-submenu {
box-shadow: none;
margin: 12px 0;
width: auto;
}
}
.kl-navbar-submenu .kl-navbar-submenu {
position: absolute;
top: 0;
left: 100%;
transform: translateX(0);
margin: 0;
visibility: hidden;
}
@media screen and (max-width: 920px) {
.kl-navbar-submenu .kl-navbar-submenu {
position: static;
visibility: visible;
display: none;
margin-left: 20px;
}
}
.kl-navbar-submenu__item {
position: relative;
width: max-content;
}
.kl-navbar-submenu__item:hover > .kl-navbar-submenu {
visibility: visible;
}
.kl-navbar-submenu__item a {
display: block;
padding: 12px 24px;
font-weight: bold;
font-size: 12px;
font-family: Avenir Next LT Pro, sans-serif;
line-height: 1rem;
word-break: normal;
color: #000000;
}
.kl-navbar-submenu__item a:hover,
.kl-navbar-submenu__item a:focus {
color: #0043A8;
text-decoration: none;
}
@media screen and (max-width: 920px) {
.kl-navbar-submenu__item a {
padding: 12px 0;
}
}
.kl-navbar__parent {
cursor: pointer;
}
@media screen and (min-width: 920px) {
.kl-navbar__parent:hover > a:after {
transform: rotate(225deg);
}
}
.kl-navbar__parent > a {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
text-transform: uppercase;
}
@media screen and (max-width: 920px) {
.kl-navbar__parent > a {
pointer-events: none;
}
}
.kl-navbar__parent > a:after {
content: "";
display: block;
width: 5px;
height: 5px;
margin-left: 10px;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
transform: rotate(45deg);
transform-origin: 3px 3px;
transition: transform 0.25s ease-in-out;
}
.kl-navbar__parent--active > .kl-navbar-submenu-wrapper,
.kl-navbar__parent--active > .kl-navbar-submenu {
display: block;
}
.kl-navbar__parent--active > a:after {
transform: rotate(225deg);
}
.kl-navbar__parent--active > a {
color: #0043A8;
}
.kl-navbar__parent--active > a > span:after {
visibility: visible;
width: 100%;
}
@media screen and (max-width: 767px) {
html,
body {
overflow-x: hidden;
}
}
@media screen and (min-width: 921px) {
.kl-navbar.content-wrapper {
border-radius: 12px;
border: 1px solid #eaeaea;
background: white;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
backdrop-filter: blur(30px);
padding: 0 15px;
margin-top: 1.5em;
display: grid;
grid-template-columns: auto 1fr;
gap: 50px;
}
.kl-navbar__content,
.kl-navbar__menu,
.kl-navbar__item {
height: 100%;
}
.kl-navbar__content {
display: grid;
grid-auto-flow: column;
grid-gap: 50px;
}
.custom-menu .kl-navbar__description > a {
justify-content: space-between;
}
.transparent-header .kl-header.scrolled .kl-navbar__panel img {
display: none;
}
.kl-navbar__description > a::after {
display: none !important;
}
.custom-menu .kl-navbar__description > a {
border: none;
}
.transparent-header .custom-menu:not(.scrolled) .kl-navbar__description > a:not(:hover)::after {
filter: brightness(0) invert(1);
}
.kl-navbar__description > a > img {
flex-basis: 10%;
}
.kl-navbar__description > a > span {
flex-basis: 90%;
}
.kl-navbar__description {
color: unset;
margin: unset;
}
.kl-navbar__description > a {
color: #000;
flex-basis: 250px;
margin: 0 16px;
}
.custom-menu .kl-navbar__menu .kl-navbar__item.no-children > a:after {
display: none;
}
.custom-menu.kl-header {
box-shadow: 0 6px 15px -6px rgba(24, 39, 75, 0.12);
border-bottom: 1px solid #d6d8de;
}
.kl-navbar__panel-wrapper {
padding: 30px 0;
}
.custom-menu .kl-navbar__panel {
background-color: #fff;
box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.1);
border-top: 1px solid #cccccc85;
}
.custom-menu .kl-navbar__item {
margin: 0;
}
.custom-menu .kl-navbar__item > a {
padding: 20px 15px;
margin: 0;
}
.custom-menu .kl-navbar__item.kl-navbar__item--active > a,
.custom-menu .kl-navbar__item > a.kl-navbar__button--active {
box-shadow: inset 0 -4px 0 0 #0d72d4;
}
.kl-navbar__button > span {
padding: 0;
}
.custom-menu .kl-navbar__button > span:after {
display: none;
}
.kl-navbar__menu {
display: grid;
grid-auto-flow: column;
grid-gap: 30px;
}
.custom-menu .kl-navbar__menu .kl-navbar__item > a {
align-items: center;
display: flex;
justify-content: space-between;
position: relative;
padding: 0;
height: 100%;
font-size: 14px;
font-weight: 400;
}
.custom-menu .kl-navbar__menu .kl-navbar__item > a:after {
border-bottom: 2px solid #000;
border-right: 2px solid #000;
content: "";
display: block;
height: 5px;
margin-left: 10px;
transform: rotate(45deg);
transform-origin: 3px 3px;
transition: transform 0.25s ease-in-out;
width: 5px;
}
.kl-dnd-header-transparent .custom-menu.scrolled .kl-navbar__menu .kl-navbar__item > a:after {
border-bottom: 2px solid #000;
border-right: 2px solid #000;
}
.custom-menu .kl-navbar__menu .kl-navbar__item.kl-navbar__item--active > a:after,
.custom-menu .kl-navbar__menu .kl-navbar__item > a.kl-navbar__button--active:after {
border-bottom: 2px solid #0d72d4;
border-right: 2px solid #0d72d4;
}
.kl-navbar__categories {
display: grid;
gap: 30px;
justify-content: left;
}
.kl-navbar__categories.columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.kl-navbar__categories.columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.kl-navbar__description > a {
display: flex;
align-items: center;
position: relative;
margin: 0;
background: #fff;
border: 0.5px solid #d5d5d54a;
border-radius: 3px;
margin-bottom: 10px;
box-sizing: border-box;
}
.kl-navbar__description a {
font-size: 18px;
font-weight: 500;
display: flex;
align-items: center;
}
.kl-navbar__description-icon {
width: 28px;
height: 28px;
object-fit: contain;
margin-right: 15px;
display: none;
}
.kl-navbar__description > span {
flex-grow: 1;
}
.kl-navbar__description > a::after {
content: url(https://44522681.fs1.hubspotusercontent-na1.net/hubfs/44522681/raw_assets/public/Atlas_Pro_SaaS_Website_Theme%20child/images/button-right-arrow-black.svg);
display: inline-block;
width: 16px;
height: 16px;
margin-left: 15px;
vertical-align: middle;
position: absolute;
right: 0;
margin-bottom: 5px;
margin-right: 15px;
}
.bordred_style.scrolled nav.kl-navbar.content-wrapper {
margin-top: 0.75em;
background: #fff;
}
.kl-navbar {
height: 60px;
}
.kl-navbar__menu {
margin: 0;
}
.kl-navbar > a {
display: grid;
height: 100%;
align-items: center;
}
.kl-navbar > a img {
width: 82px;
margin: 0;
}
.kl-navbar-wrapper {
display: grid;
justify-content: center;
}
.kl-navbar__mobile {
display: none;
}
.custom-menu .kl-navbar__menu .kl-navbar__item > a:after {
display: none;
}
.transparent-header .custom-menu:not(.scrolled) .kl-navbar .button--outlined,
.custom-menu:not(.scrolled) .kl-navbar .button_cta.button--outlined a {
border: 1px solid #fff;
}
.transparent-header .kl-header.scrolled .button.button--outlined {
background-color: #fff !important;
color: #000 !important;
}
.transparent-header .kl-header.scrolled .button:hover {
background-color: #2a118c !important;
border-color: #2a118c !important;
}
.custom-menu .kl-navbar .button--outlined,
.custom-menu .kl-navbar .button_cta.button--outlined a {
border: 1px solid #0d72d4;
padding: 15px 25px;
}
.transparent-header .kl-header.scrolled .button--outlined:hover {
color: #fff !important;
}
.transparent-header .custom-menu.kl-header {
box-shadow: none;
border-bottom: none;
}
.dark-menu.kl-header:not(.scrolled) .kl-navbar.content-wrapper {
border-radius: 14px;
border: 1px solid #ffffffc9;
background: #333333de;
}
.dark-menu.transparent-header .kl-header:not(.scrolled) img.kl-navbar__logo {
filter: brightness(0) invert(1);
}
.dark-menu.transparent-header .kl-header.bordred_style:not(.scrolled) .kl-navbar__button {
color: #fff;
}
.dark-menu.transparent-header .kl-dnd-header-transparent .custom-menu.bordred_style:not(.scrolled) .kl-navbar__menu .kl-navbar__item > a:after {
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
}
}
.dark-menu.transparent-header .kl-navbar {
background: #242C32;
}
.transparent-header .kl-header.scrolled .kl-navbar {
background: white !important;
}
.dark-menu.transparent-header img.kl-navbar__logo {
filter: brightness(0) invert(1);
}
.dark-menu.transparent-header .kl-navbar__mobile {
color: white;
}
.transparent-header .kl-header .kl-navbar--active .kl-navbar__mobile,
.transparent-header .kl-header.scrolled .kl-navbar__mobile {
color: #201578;
}
@media screen and (min-width: 921px) and (max-width: 1007px) {
.kl-navbar__menu .kl-navbar__item a {
font-size: 10px;
}
}
@media screen and (min-width: 921px) {
.kl-navbar__panel-wrapper {
padding: 40px;
}
}
@media screen and (min-width: 920px) {
.custom-menu .kl-navbar__menu .kl-navbar__item:hover > a:after {
transform: rotate(225deg);
}
}
@media screen and (max-width: 768px) {
.kl-navbar__categories {
grid-template-columns: repeat(2, 1fr);
}
.dark-menu.transparent-header .kl-navbar {
background: transparent;
}
.transparent-header .kl-header:not(.kl-header--active){
background-color:transparent;
box-shadow:none;
}
}
@media screen and (max-width: 920px) {
.custom-menu .kl-navbar__categories {
grid-template-columns: 1fr;
}
.custom-menu .kl-navbar__description-icon {
display: none;
}
.custom-menu .kl-navbar__description {
margin: 16px 0;
}
.custom-menu .kl-navbar__categories {
display: block;
}
.custom-menu .kl-navbar__menu .kl-navbar__item a {
padding: 5px 0;
color: #3b3f41;
font-weight: 600;
font-size: 16px;
}
.kl-navbar__button {
color: #000;
display: inline-block;
font-size: 12px;
font-weight: 700;
line-height: 2em;
word-break: normal;
}
.kl-navbar__panel-wrapper {
padding: 0 0;
}
.custom-menu .kl-navbar__menu .kl-navbar__item > a {
align-items: center;
display: flex;
justify-content: space-between;
position: relative;
text-transform: uppercase;
font-weight: 700;
font-size: 1rem;
color: #3b3f40;
}
.custom-menu .kl-navbar__item > a {
padding: 20px 15px;
margin: 0;
}
.custom-menu .kl-navbar__menu .kl-navbar__item > a:after,
.custom-menu .kl-navbar__menu .kl-navbar__item > a:after {
border-bottom: 2px solid #000;
border-right: 2px solid #000;
content: "";
display: block;
height: 5px;
margin-left: 10px;
transform: rotate(45deg);
transform-origin: 3px 3px;
transition: transform 0.25s ease-in-out;
width: 5px;
display: none;
}
.kl-navbar__item {
position: relative;
}
.kl-header .kl-navbar.kl-navbar--active .kl-navbar__button {
width: fit-content;
}
.custom-menu .kl-navbar__menu .kl-navbar__item:not(.no-children):after {
border-bottom: 2px solid #000;
border-right: 2px solid #000;
content: "";
display: block;
height: 5px;
margin-left: 10px;
transform: rotate(45deg);
transform-origin: 3px 3px;
transition: transform 0.25s ease-in-out;
width: 5px;
position: absolute;
right: 0;
top: 25px;
}
.custom-menu .kl-navbar__menu .kl-navbar__item.kl-navbar__item--active:after {
transform: rotate(225deg);
}
}
.kl-footer {
background: #ffffff;
color: #333333;
border-top: 1px solid rgba(0,0,0,.15);
}
.kl-footer h1,
.kl-footer h2,
.kl-footer h3,
.kl-footer h4,
.kl-footer h5,
.kl-footer h6,
.kl-footer p,
.kl-footer div,
.kl-footer span {
color: #333333;
}
.kl-footer a {
color: rgba(51, 51, 51, 0.5);
text-decoration: none;
}
.kl-footer a:hover,
.kl-footer a:active {
color: #333333;
}
.kl-footer__wrapper {
width: 100%;
padding-top: 32px;
padding-bottom: 48px;
}
.footer_border_bottom {
border-bottom: 1px solid rgba(51, 51, 51, 0.15);
width: 100%;
margin-bottom: 15px;
}
/* Newsletter */
.kl-footer .newsletter_section {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 40px;
gap: 32px;
}
.kl-footer .newsletter_heading {
flex: 1;
max-width: 680px;
}
.kl-footer .newsletter_heading h2,
.kl-footer .newsletter_heading h3,
.kl-footer .newsletter_heading h4,
.kl-footer .newsletter_heading h5 {
margin: 0 0 0.5rem;
}
.kl-footer .newsletter_heading p:last-child {
margin: 0;
}
.kl-footer .newsletter_form {
flex: 1;
}
.kl-footer .newsletter_form form {
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
gap: 12px;
}
.kl-footer .newsletter_form label {
margin-bottom: 0;
}
.kl-footer .newsletter_form input[type="email"] {
padding: 14px 2rem;
border: 1px solid rgba(51, 51, 51, 0.2);
border-radius: 37px;
color: #333333;
background: #ffffff;
}
.kl-footer .newsletter_form form .actions input {
background: #1189ff;
border: 1px solid #1189ff;
color: #ffffff;
border-radius: 37px;
}
.kl-footer__menu {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
gap: 56px;
}
.kl-footer__group {
margin: 0;
}
.kl-footer__group:first-child {
margin-right: auto;
max-width: 360px;
}
.kl-footer__menu h3 {
font-size: 16px;
margin: 0 0 18px;
color: #333333;
}
.kl-footer__menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.kl-footer__menu li {
margin: 0 0 16px;
}
.kl-footer__menu a {
display: inline-block;
font-size: 16px;
line-height: 24px;
}
.kl-footer__address {
margin: 24px 0 16px;
}
.kl-footer__social {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0 -12px;
}
.kl-footer__social li {
margin: 8px 12px;
}
.kl-footer__social img {
width: 25px;
height: 25px;
display: block;
}
/* Legal */
.kl-footer__legal {
display: flex;
justify-content: center;
flex-wrap: wrap;
font-size: 14px;
margin: 18px 0 0;
gap: 20px;
}
.kl-footer__legal_2 {
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
font-size: 14px;
margin: 12px 0 0;
gap: 20px;
}
.kl-footer__legal a,
.kl-footer__legal_2 a {
color: rgba(51, 51, 51, 0.5);
text-decoration: none;
}
.kl-footer__legal a:hover,
.kl-footer__legal_2 a:hover {
color: #333333;
}
.kl-footer__byline-wrapper {
background: #ffffff;
border-top: 1px solid rgba(51, 51, 51, 0.12);
}
.kl-footer__byline {
display: flex;
justify-content: center;
padding: 18px 0;
font-size: 12px;
}
/* Mobile design */
@media (max-width: 680px) {
.kl-footer__wrapper {
padding-top: 48px;
padding-bottom: 32px;
}
.kl-footer .newsletter_section {
flex-direction: column;
align-items: stretch;
gap: 20px;
}
.kl-footer .newsletter_form form {
justify-content: flex-start;
}
.kl-footer__menu {
flex-wrap: wrap;
gap: 28px 24px;
}
.kl-footer__group:first-child {
width: 100%;
max-width: none;
text-align: center;
}
.kl-footer__menu li {
margin: 0 0 12px;
}
.kl-footer__group {
text-align: center;
}
.kl-footer__address {
margin: 18px 0 12px;
}
.kl-footer__social {
justify-content: center;
}
.kl-footer__group:not(:first-child) {
width: calc(50% - 12px);
}
.kl-footer__menu h3 {
font-size: 16px;
margin-bottom: 10px;
}
.kl-footer__menu a {
font-size: 16px;
line-height: 24px;
}
.kl-footer__legal,
.kl-footer__legal_2 {
justify-content: center;
text-align: center;
}
}
/* =====================================================
GOOGLE FONT (Inter)
👉 Load via head.html (recommended)
===================================================== */
/* =====================================================
ROOT / GLOBAL TYPOGRAPHY
===================================================== */
@font-face {
font-family: 'Proxima Nova';
src: url('https://44522681.fs1.hubspotusercontent-na1.net/hubfs/44522681/raw_assets/public/Atlas_Pro_SaaS_Website_Theme%20child/fonts/ProximaNova/Proxima-Nova-Light.woff2') format('woff2');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Proxima Nova';
src: url('https://44522681.fs1.hubspotusercontent-na1.net/hubfs/44522681/raw_assets/public/Atlas_Pro_SaaS_Website_Theme%20child/fonts/ProximaNova/Proxima-Nova-Regular.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Proxima Nova';
src: url('https://44522681.fs1.hubspotusercontent-na1.net/hubfs/44522681/raw_assets/public/Atlas_Pro_SaaS_Website_Theme%20child/fonts/ProximaNova/Proxima-Nova-Semibold.woff2') format('woff2');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Proxima Nova';
src: url('https://44522681.fs1.hubspotusercontent-na1.net/hubfs/44522681/raw_assets/public/Atlas_Pro_SaaS_Website_Theme%20child/fonts/ProximaNova/Proxima-Nova-Bold.woff2') format('woff2');
font-weight: 700;
font-style: normal;
font-display: swap;
}
:root {
--font-primary: 'Proxima Nova', -apple-system, BlinkMacSystemFont,
'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}
html {
color: #000;
font-family: var(--font-primary);
font-size: 16px;
font-weight: 400;
line-height: 26px; /* 162.5% */
-webkit-font-smoothing: antialiased;
}
body {
font-family: var(--font-primary);
font-size: inherit;
line-height: inherit;
margin: 0;
padding: 0;
}
/* =====================================================
HEADINGS
===================================================== */
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-primary);
margin: 0 0 1.5rem;
font-weight: 400;
}
h1 {
font-size: 64px !important;
line-height: 120%;
margin-bottom: 1.4rem;
}
h1 strong {
font-weight: 600;
}
h2 {
font-size: 44px;
line-height: 1.2;
}
h3 {
font-size: 36px;
line-height: 1.2;
}
h4 {
font-size: 28px;
line-height: 1.2;
}
h5 {
font-size: 22px;
line-height: 1.2;
}
h6 {
font-size: 20px;
line-height: 1.2;
}
/* =====================================================
TEXT
===================================================== */
p {
color: #000;
font-size: 16px;
font-weight: 400;
line-height: 1.2;
margin: 0 0 1rem;
}
a {
color: #000;
text-decoration: none;
}
/* =====================================================
FONT WEIGHT UTILITIES
===================================================== */
.weight_400 h2,
.weight_400 h3 { font-weight: 400; }
.weight_500 h2,
.weight_500 h3 { font-weight: 500; }
.weight_600 h2,
.weight_600 h3 { font-weight: 600; }
.weight_700 h2,
.weight_700 h3 { font-weight: 700; }
/* =====================================================
LISTS & CONTENT
===================================================== */
ul, ol {
margin: 0 0 1.5rem;
padding-left: 1.1rem;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin: 4px 0;
}
ul.no-list {
list-style: none;
}
code {
vertical-align: bottom;
}
blockquote {
border-left: 2px solid #211579;
margin: 0 0 1.4rem;
padding-left: 15px;
}
hr {
background-color: #ccc;
border: none;
height: 1px;
}
/* =====================================================
FORMS
===================================================== */
form ul.inputs-list label span {
font-size: 14px;
}
/* =====================================================
ACCESSIBILITY
===================================================== */
:focus {
outline: auto;
outline-color: #0043A8;
}
.disable-focus-styles :focus {
outline: none;
}
/* =====================================================
GRADIENT TEXT
===================================================== */
.gradient {
background: linear-gradient(180deg, #002BFF 0%, #001A97 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
/* =====================================================
RESPONSIVE
===================================================== */
@media (max-width: 768px) {
h1 { font-size: 40px; }
h2 { font-size: 32px; }
h3 { font-size: 24px; }
h4 { font-size: 24px; }
h5 { font-size: 24px; }
}
@media (max-width: 480px) {
h1 { font-size: 32px !important; }
h2 { font-size: 28px !important; }
h3 { font-size: 20px; line-height: 1.2;}
h4 { font-size: 24px; line-height: 1.2;}
h5 { font-size: 24px; line-height: 1.2;}
}
.kl-dnd-header-transparent {
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9999;
}
.transparent-header .kl-header .kl-navbar--active img {
filter: none;
}
.transparent-header .kl-header.scrolled img {
filter: none;
}
.transparent-header
.kl-header:not(.scrolled)
.kl-navbar
.kl-navbar__button
> span:after {
background-color: #fff;
}
.transparent-header .kl-hero-02 {
padding: 125px 0;
}
.transparent-header .kl-header .kl-navbar.kl-navbar--active .kl-navbar__button {
color: #000;
}
.transparent-header .kl-header:not(.scrolled) .kl-navbar__parent > a:after {
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
}
.transparent-header .kl-header .kl-navbar--active .kl-navbar__parent > a:after {
border-bottom: 1px solid #000;
border-right: 1px solid #000;
}
.transparent-header .button,
.transparent-header .button_cta a,
.transparent-header button,
.transparent-header .button--outlined,
.transparent-header .button_cta.button--outlined a {
}
.transparent-header .kl-header.scrolled .button,
.transparent-header .kl-header.scrolled .button_cta a,
.transparent-header .kl-header.scrolled button,
.transparent-header .kl-header .kl-navbar--active .button,
.transparent-header .kl-header .kl-navbar--active .button_cta a {
}
.transparent-header .kl-header.scrolled .kl-navbar__mobile button {
}
.transparent-header .kl-header.scrolled .button--outlined,
.transparent-header .kl-header.scrolled .button_cta.button--outlined a,
.transparent-header .kl-header .kl-navbar--active .button--outlined,
.transparent-header .kl-header .kl-navbar--active .button--outlined a {
}
.transparent-header .kl-navbar__content .button{
}
.transparent-header .kl-navbar__content .button--outlined,
.transparent-header .transparent-hero-banner .button--outlined {
}
.transparent-header .button {
}
.transparent-header .kl-header.scrolled {
}
.transparent-header .kl-header .kl-navbar--active {
background-color: #fff;
box-shadow: 0 5px 10px rgba(154, 161, 177, 0.1);
}
.transparent-header
.body-container--home
.kl-hero-02
.two-column-image-content-btn.kl-hero-02__content
.kl-hero-02__image
img {
position: absolute;
bottom: 0;
}
.transparent-header .kl-logo-slider__item img {
filter: none;
}
.transparent-header .transparent-hero-banner .kl-hero-02 .button {
font-size: 16px;
}
@media screen and (min-width:921px){
.transparent-header .kl-header {
background-color: transparent;
box-shadow: none;
}
}
@media only screen and (max-width: 400px) {
.transparent-header .kl-header .kl-navbar--active .kl-navbar__end {
flex-direction: column;
}
.transparent-header .kl-header .kl-navbar--active .button--outlined,
.transparent-header .kl-header .kl-navbar--active .button {
padding: 15px 20px;
font-size: 10px;
margin: 5px 0;
}
}
@media only screen and (max-width: 680px) {
.transparent-header .body-container--home .kl-hero-02 {
padding: 64px 0 0 0;
}
}
.kl-logos{display:flex;justify-content:space-around;align-items:center}@media screen and (max-width:768px){.kl-logos{flex-wrap:wrap}}.kl-logos--1{flex-wrap:wrap}.kl-logos--1 .kl-logos__item{flex-basis:calc(100% / 1)}.kl-logos--2{flex-wrap:wrap}.kl-logos--2 .kl-logos__item{flex-basis:calc(100% / 2)}.kl-logos--3{flex-wrap:wrap}.kl-logos--3 .kl-logos__item{flex-basis:calc(100% / 3)}@media screen and (max-width:340px){.kl-logos--3 .kl-logos__item{flex-basis:calc(100% / 2)}}.kl-logos--4{flex-wrap:wrap}.kl-logos--4 .kl-logos__item{flex-basis:calc(100% / 4)}@media screen and (max-width:480px){.kl-logos--4 .kl-logos__item{flex-basis:calc(100% / 3)}}@media screen and (max-width:340px){.kl-logos--4 .kl-logos__item{flex-basis:calc(100% / 2)}}.kl-logos--5{flex-wrap:wrap}.kl-logos--5 .kl-logos__item{flex-basis:calc(100% / 5)}@media screen and (max-width:768px){.kl-logos--5 .kl-logos__item{flex-basis:calc(100% / 4)}}@media screen and (max-width:480px){.kl-logos--5 .kl-logos__item{flex-basis:calc(100% / 3)}}@media screen and (max-width:340px){.kl-logos--5 .kl-logos__item{flex-basis:calc(100% / 2)}}.kl-logos--6{flex-wrap:wrap}.kl-logos--6 .kl-logos__item{flex-basis:calc(100% / 6)}@media screen and (max-width:768px){.kl-logos--6 .kl-logos__item{flex-basis:calc(100% / 4)}}@media screen and (max-width:480px){.kl-logos--6 .kl-logos__item{flex-basis:calc(100% / 3)}}@media screen and (max-width:340px){.kl-logos--6 .kl-logos__item{flex-basis:calc(100% / 2)}}.kl-logos--7{flex-wrap:wrap}.kl-logos--7 .kl-logos__item{flex-basis:calc(100% / 7)}@media screen and (max-width:920px){.kl-logos--7 .kl-logos__item{flex-basis:calc(100% / 6)}}@media screen and (max-width:768px){.kl-logos--7 .kl-logos__item{flex-basis:calc(100% / 4)}}@media screen and (max-width:480px){.kl-logos--7 .kl-logos__item{flex-basis:calc(100% / 3)}}@media screen and (max-width:340px){.kl-logos--7 .kl-logos__item{flex-basis:calc(100% / 2)}}.kl-logos--8{flex-wrap:wrap}.kl-logos--8 .kl-logos__item{flex-basis:calc(100% / 8)}@media screen and (max-width:920px){.kl-logos--8 .kl-logos__item{flex-basis:calc(100% / 6)}}@media screen and (max-width:768px){.kl-logos--8 .kl-logos__item{flex-basis:calc(100% / 4)}}@media screen and (max-width:480px){.kl-logos--8 .kl-logos__item{flex-basis:calc(100% / 3)}}@media screen and (max-width:340px){.kl-logos--8 .kl-logos__item{flex-basis:calc(100% / 2)}}.kl-logos--9{flex-wrap:wrap}.kl-logos--9 .kl-logos__item{flex-basis:calc(100% / 9)}@media screen and (max-width:920px){.kl-logos--9 .kl-logos__item{flex-basis:calc(100% / 6)}}@media screen and (max-width:768px){.kl-logos--9 .kl-logos__item{flex-basis:calc(100% / 4)}}@media screen and (max-width:480px){.kl-logos--9 .kl-logos__item{flex-basis:calc(100% / 3)}}@media screen and (max-width:340px){.kl-logos--9 .kl-logos__item{flex-basis:calc(100% / 2)}}.kl-logos--10{flex-wrap:wrap}.kl-logos--10 .kl-logos__item{flex-basis:calc(100% / 10)}@media screen and (max-width:920px){.kl-logos--10 .kl-logos__item{flex-basis:calc(100% / 6)}}@media screen and (max-width:768px){.kl-logos--10 .kl-logos__item{flex-basis:calc(100% / 4)}}@media screen and (max-width:480px){.kl-logos--10 .kl-logos__item{flex-basis:calc(100% / 3)}}@media screen and (max-width:340px){.kl-logos--10 .kl-logos__item{flex-basis:calc(100% / 2)}}.kl-logos--11{flex-wrap:wrap}.kl-logos--11 .kl-logos__item{flex-basis:calc(100% / 11)}@media screen and (max-width:920px){.kl-logos--11 .kl-logos__item{flex-basis:calc(100% / 6)}}@media screen and (max-width:768px){.kl-logos--11 .kl-logos__item{flex-basis:calc(100% / 4)}}@media screen and (max-width:480px){.kl-logos--11 .kl-logos__item{flex-basis:calc(100% / 3)}}@media screen and (max-width:340px){.kl-logos--11 .kl-logos__item{flex-basis:calc(100% / 2)}}.kl-logos--12{flex-wrap:wrap}.kl-logos--12 .kl-logos__item{flex-basis:calc(100% / 12)}@media screen and (max-width:920px){.kl-logos--12 .kl-logos__item{flex-basis:calc(100% / 6)}}@media screen and (max-width:768px){.kl-logos--12 .kl-logos__item{flex-basis:calc(100% / 4)}}@media screen and (max-width:480px){.kl-logos--12 .kl-logos__item{flex-basis:calc(100% / 3)}}@media screen and (max-width:340px){.kl-logos--12 .kl-logos__item{flex-basis:calc(100% / 2)}}.kl-logos__item{padding:16px 24px}.kl-logos__item a{display:block}.kl-logos__item img{width:100%;display:block}@media screen and (max-width:768px){.kl-logos__item{flex-basis:25%}}@media screen and (max-width:480px){.kl-logos__item{flex-basis:33%}}@media screen and (max-width:340px){.kl-logos__item{flex-basis:50%;}}
.kl-rich-text__preheader {
font-family: Avenir Next LT Pro, sans-serif;
font-size: 16px;
font-weight: bold;
color: #0043a8;
display: block;
margin: 0 0 0.75rem;
}
.kl-rich-text__preheader {
border-radius: 29px;
border:none;
background: #EFF5FF;
box-shadow: none;
backdrop-filter: blur(10px);
display: inline;
padding: 10px 20px;
display: inline-block;
align-items: center;
font-size: 14px;
font-weight: 500;
margin-bottom: 0em;
position:relative;
}
.kl-rich-text img {
max-width: 100%;
}
.kl-rich-text h1 {
margin: 0 0 1.5rem;
font-size: 64px !important;
line-height: 74px !important;
color: #000000;
}
@media screen and (max-width: 1023px) {
.kl-rich-text h1 {
margin: 0 0 1rem;
font-size: 48px !important;
line-height: 56px !important;
}
}
@media screen and (max-width: 767px) {
.kl-rich-text h1 {
font-size: 32px !important;
line-height: 40px !important;
}
}
.kl-rich-text p {
margin: 0 auto 1rem;
font-size: 20px;
line-height: 36px;
max-width: 812px;
}
@media screen and (max-width: 1023px) {
.kl-rich-text p {
font-size: 16px;
line-height: 32px;
}
}
@media screen and (max-width: 1023px) {
.kl-rich-text p {
font-size: 14px;
line-height: 28px;
}
}
.kl-rich-text p:last-child {
margin: 0 auto 2rem;
}
.kl-rich-text__buttons {
margin: -10px;
}
.kl-rich-text__buttons .button,
.kl-rich-text__buttons .button_cta {
margin: 10px;
}
@media screen and (max-width: 480px) {
.kl-rich-text__buttons .button,
.kl-rich-text__buttons .button_cta {
display: block;
}
}
.kl-rich-text__form {
max-width: 600px;
}
.kl-rich-text--center {
text-align: center;
margin: 0 auto;
}
.kl-rich-text--center .kl-rich-text__form {
max-width: 600px;
margin: 0 auto;
}
.kl-rich-text--right {
text-align: right;
margin: 0 0 0 auto;
}
.kl-rich-text--right .kl-rich-text__form {
margin: 0 0 0 auto;
}
.transparent-header .content ul {
margin: 0 0 1.5rem;
padding: 0;
list-style: none;
margin-top:2em;
}
.transparent-header .content ul li {
position: relative;
padding-left: 40px;
margin-bottom: 20px;
font-size:16px;
display: flex;
align-items: center;
gap: 16px;
}
.transparent-header .content ul li::before {
content: "";
flex-shrink: 0;
background-size: cover;
font-weight: 600;
color: #1189ff;
right: 100%;
display: inline-block;
flex: none;
height: 25px;
width: 25px;
margin-right: 20px;
padding-top: 4px;
margin-top: 0px;
text-align: center;
position: absolute;
top: 0;
left: 0;
background-image: url("https://44522681.fs1.hubspotusercontent-na1.net/hubfs/44522681/raw_assets/public/Atlas_Pro_SaaS_Website_Theme%20child/images/Bullet_style2.svg");
}
.transparent-header .content ul li span {
display: block;
line-height: 1.5;
}
.bullet .bullet_style1 ul li::before,.content_bullet_style1 ul li::before{
background-image: url("https://44522681.fs1.hubspotusercontent-na1.net/hubfs/44522681/raw_assets/public/Atlas_Pro_SaaS_Website_Theme%20child/images/Bullet_check_icon.svg") !important;
margin-top: 3px;
}
.transparent-header .bullet_style_2 ul li::before,.content_bullet_style2 ul li::before {
background-image: url("https://44522681.fs1.hubspotusercontent-na1.net/hubfs/44522681/raw_assets/public/Atlas_Pro_SaaS_Website_Theme%20child/images/Bullet_style2.svg") !important;
height:25px !important;
width:25px !important;
margin:0;
padding:0;
}
.bullet_style_3 ul li::before,.content_bullet_style3 ul li::before {
background-image: url("https://44522681.fs1.hubspotusercontent-na1.net/hubfs/44522681/raw_assets/public/Atlas_Pro_SaaS_Website_Theme%20child/images/Bullet_style3.svg") !important;
height:22px !important;
width:22px !important;
margin:0;
padding:0;
margin-top: 0px;
}
.bullet_style_4 ul li::before,.content_bullet_style4 ul li::before {
background-image: url("https://44522681.fs1.hubspotusercontent-na1.net/hubfs/44522681/raw_assets/public/Atlas_Pro_SaaS_Website_Theme%20child/images/bullet.png") !important;
height:24px !important;
width:24px !important;
margin:0;
padding:0;
margin-top: -2px;
}
form ul li::before{
display:none !important;
}
form ul li {
padding-left:0 !important;
}