body,
html{
font-family:Inter!important
}
h1,
h2,
h3,
h4,
h5{
font-family:GeneralSans-semibold!important
}
:root{
font-size:14.5px
}
*{
line-height:1.6
}
.crisp .btn{
font-size:15px!important
}
.header-wrap{
display:flex;
padding:1.2rem 0;
justify-content:space-between;
align-items:center
}
.header-wrap .nav-bar{
width:100%
}
.header-wrap .nav-bar .rich{
width:100%;
display:flex;
justify-content:space-between
}
.header-wrap .nav-bar .rich .header_lnks{
display:flex;
justify-content:center;
align-items:center;
flex:1;
letter-spacing:-.08px
}
.header-wrap .nav-bar .rich .header_action_btns{
display:flex;
align-items:center;
gap:16px
}
.header-wrap .nav-bar .rich .header_action_btns .btn{
height:36px
}
.header-wrap a{
font-weight:500;
font-size:15px;
color:rgba(18,35,69,.8);
padding-left:.6rem;
padding-right:.6rem;
min-height:2.8rem;
display:flex;
align-items:center;
justify-content:center;
gap:6px
}
.header-wrap a:hover{
text-decoration:none
}
.header-wrap .marketing_dropdown_wrapper:last-of-type{
margin-left:15px
}
.header-wrap .marketing_dropdown_wrapper svg{
transform:translateX(2px)
}
.header-wrap .header_dropdown{
position:relative;
transition:.5s
}
.header-wrap .header_dropdown:after{
border-top-width:2px;
border-top-style:solid;
border-right-width:2px;
border-right-style:solid;
content:"";
display:inline-block;
margin-left:.3em;
position:relative;
pointer-events:none;
width:6px;
height:6px;
transition:.15s;
vertical-align:middle;
transform:rotate(135deg);
top:4px;
left:2px
}
.header-wrap .dropdown-menu a{
font-weight:400!important;
font-size:15px!important;
font-family:GeneralSans-medium;
color:#000
}
.header-wrap .bg-item{
position:absolute;
transition-property:all;
transition-timing-function:cubic-bezier(0.4,0,0.2,1);
transition-duration:.15s;
background:#f1f2f5;
height:40px;
z-index:-1;
border-radius:10px
}
.header-wrap .marketing_dropdown_wrapper{
position:relative
}
.header-wrap .marketing_dropdown_wrapper>a{
padding-bottom:10px;
transform:translateY(5px)
}
.header-wrap .marketing_dropdown{
top:30px!important;
display:grid;
border-radius:10px;
padding:8px;
transform:translateX(-46px);
border:1px solid #f8f9fc;
border-bottom:none;
box-shadow:0 2px 7px -1px rgba(15,28,53,.04),inset 0 3px 0 -1px rgba(255,255,255,.46),inset 0 0 0 1px rgba(18,35,69,.1),0 11.47px 23.78px -5.02px rgba(18,35,69,.07)
}
.header-wrap .marketing_dropdown li a{
display:flex;
align-items:center;
font-weight:500!important;
justify-content:flex-start;
border-radius:5px;
padding-top:10px;
padding-bottom:10px;
gap:16px
}
.header-wrap .marketing_dropdown li a:hover{
background-color:#f8f9fc
}
.header-wrap .marketing_dropdown li a img{
width:28px;
height:28px
}
.header-wrap .marketing_dropdown.use_cases_dropdown{
min-width:452px!important;
grid-template-columns:1fr 1fr
}
.header-wrap .marketing_dropdown.use_cases_dropdown li:nth-child(odd){
width:95%
}
.header-wrap .marketing_dropdown.use_cases_dropdown li a{
padding:12px!important
}
.header-wrap .marketing_dropdown.use_cases_dropdown li a:hover{
background-color:#f8f9fc;
border-radius:4px
}
.header-wrap .marketing_dropdown.use_cases_dropdown:before{
position:absolute;
content:"";
height:145px;
width:1px;
background:#e8e9ed;
left:49%;
top:20px
}
.header-wrap .logo-kg-blue{
margin-top:5px
}
.header-wrap .btn-link{
padding:0 1.06rem
}
.header-wrap .btn-link-tour{
margin-left:14px
}
.header-wrap .btn-white{
background-color:transparent;
box-shadow:0 5px 4.5px -1px rgba(18,35,69,.04),0 1px 2px 0 rgba(18,35,69,.05),0 0 0 1px rgba(18,35,69,.08);
border:none!important
}
.header-wrap .btn-white:hover{
background-color:#f8f8f8
}
.header-wrap .btn-blue,
.header-wrap .btn-white{
padding:.56rem 12px 6px;
border-radius:6px;
font-weight:500!important;
font-size:.97rem;
padding-bottom:8px!important;
min-height:auto!important;
color:#122345
}
.header-wrap .btn-blue{
box-shadow:0 1px 2px 0 rgba(18,35,69,.08),0 0 0 1px rgba(22,83,202,.8),0 2px 4.3px -1px rgba(22,83,202,.4);
transition:.2s;
color:#fff
}
.header-wrap .btn-blue:hover{
background-color:rgba(47,118,255,.9);
opacity:1!important
}
.header-wrap .menu-dropdown-body{
opacity:0;
visibility:hidden;
transition:opacity .2s,visibility .2s
}
.header-wrap .menu-dropdown-body.animate-fade{
opacity:1;
visibility:visible
}
.header-wrap .menu-dropdown-body.animate-fadeOut{
opacity:0;
visibility:hidden
}
.header-wrap .menu-dropdown-body.hide{
display:none
}
@keyframes fadeIn{
from{
opacity:0
}
to{
opacity:1
}
}
@keyframes fadeOut{
from{
opacity:1
}
to{
opacity:0
}
}
@keyframes fade{
0%,
100%{
opacity:1
}
50%{
opacity:0
}
}
.header{
position:fixed;
top:0;
transition:.1s;
width:100%;
background-color:#fff;
z-index:100
}
.active-header{
box-shadow:0 2px 7px -1px rgba(15,28,53,.04),inset 0 3px 0 -1px rgba(255,255,255,.46),inset 0 0 0 1px rgba(18,35,69,.1),0 11.47px 23.78px -5.02px rgba(18,35,69,.07)
}
.home_banner{
padding-top:85px
}
footer{
background-color:#fff;
border-top:1px solid rgba(18,35,69,.08);
padding:3.55rem 0
}
footer .footer_wrapper{
display:flex;
justify-content:space-between
}
footer .footer_wrapper .single_column p{
display:block
}
footer .footer_wrapper .single_column>ul{
list-style-type:none;
padding:0;
margin:0
}
footer .footer_wrapper .single_column>ul h3{
font-size:15px;
font-weight:600;
margin-top:2px;
color:#131415!important;
margin-bottom:15px
}
footer .footer_wrapper .single_column>ul .side_by_side_footer{
display:flex;
gap:12px
}
footer .footer_wrapper .single_column>ul .side_by_side_footer ul{
list-style-type:none;
padding:0;
margin:0
}
footer .footer_wrapper .single_column>ul .side_by_side_footer ul li{
padding:.4rem 0
}
footer .footer_wrapper .single_column>ul .side_by_side_footer ul li a{
padding-top:2px;
padding-bottom:2px;
display:block
}
footer .footer_wrapper .single_column>ul>li{
display:flex;
padding:.25rem 0
}
footer .footer_wrapper .single_column>ul>li a{
display:block;
font-size:13px;
color:rgba(18,35,69,.8)!important
}
footer .footer_wrapper .single_column .footer_social{
margin-top:7rem
}
footer .footer_wrapper .single_column .footer_social li{
display:inline-block;
top:0;
left:0;
background-color:#fff;
border:1px solid #f8f9fc;
padding:0;
box-shadow:0 2px 7px -1px rgba(15,28,53,.04),inset 0 3px 0 -1px rgba(255,255,255,.46),inset 0 0 0 1px rgba(18,35,69,.1),0 11.47px 23.78px -5.02px rgba(18,35,69,.07)
}
footer .footer_wrapper .single_column .copyrightp{
margin:1rem 0;
font-size:.8rem
}
.home_banner_wrapp{
display:flex;
justify-content:space-between;
align-items:center;
padding:2.76rem 30px 4.85rem
}
.home_banner_wrapp .home_banner_content{
flex-grow:1;
max-width:600px;
color:#131415!important
}
.home_banner_wrapp .home_banner_content h1{
font-weight:900;
font-size:3.4rem;
color:#131415!important
}
.home_banner_wrapp .home_banner_content p{
font-size:1.37rem;
font-weight:400;
padding-top:.85rem;
letter-spacing:-.2px;
max-width:530px
}
.home_banner_wrapp .home_banner_content .checkmark_verify{
padding-top:1rem
}
.home_banner_wrapp .home_banner_content .checkmark_verify span{
padding:0 .65rem 0 0!important;
font-size:1rem;
display:inline;
font-weight:500
}
.home_banner_wrapp .home_banner_content .checkmark_verify svg{
display:inline-block;
margin-right:6px;
margin-top:-3px;
vertical-align:middle
}
.home_banner_wrapp .home_banner_content span{
display:block;
font-size:.97rem;
padding-left:1.3rem;
padding-top:.85rem
}
.home_banner_wrapp .home_banner_content .cta_button_header{
margin-top:2rem;
font-size:1.25rem;
padding:.95rem 4rem;
border-radius:4px;
font-weight:500!important
}
.home_banner_wrapp .home_banner_content.alternate_page{
text-align:center;
max-width:100%
}
.home_banner_wrapp .home_banner_content.alternate_page p{
margin:0 auto
}
.home_banner_wrapp .home_banner_content.alternate_page .play_video{
display:block;
margin-top:1rem
}
.home_banner_wrapp .home_banner_content.alternate_page .play_video a{
text-decoration:none;
display:flex;
color:#131415;
text-align:center;
align-items:center;
justify-content:center
}
.home_banner_wrapp .home_banner_content.alternate_page .play_video a span{
padding:0;
display:inline
}
.home_banner_wrapp .home_banner_content.alternate_page .play_video a .btn-watch-text{
color:#131415
}
.home_banner_wrapp .home_banner_content.alternate_page .play_video a .btn-watch{
background-color:#131415;
padding:12px;
margin:inherit;
margin-right:8px;
margin-top:7px
}
.home_banner_wrapp .home_banner_illus{
flex-grow:1;
max-width:500px;
position:relative
}
.home_banner_wrapp .home_banner_illus img{
width:100%;
margin-top:2rem;
display:block;
-webkit-transform:scaleX(-1);
transform:scaleX(-1)
}
.home_banner_wrapp .home_banner_illus video{
display:block
}
.home_banner_wrapp .home_banner_illus video.template_back{
max-width:100%;
border-radius:5px;
filter:drop-shadow(0 8px 10px #c3c3c3)
}
.home_banner_wrapp .home_banner_illus video.charachter_on_top{
position:absolute;
height:140px;
width:140px;
border-radius:100px;
bottom:-45px;
left:-45px
}
.clients_logo{
display:block
}
.clients_logo p{
display:block;
text-align:center;
font-size:1.11rem;
font-weight:500;
margin-bottom:2.1rem;
margin-top:2.1rem;
color:#131415!important
}
.clients_logo ul{
display:flex;
justify-content:center;
align-items:center;
margin:0 auto;
padding:0;
list-style-type:none;
justify-content:space-evenly
}
.clients_logo ul li{
padding:10px 0
}
.clients_logo ul li img{
width:100%
}
.inbound_marketing{
padding:90px 0
}
.inbound_marketing li{
font-size:18px;
line-height:1.6
}
.inbound_marketing .detail{
width:720px;
margin:0 auto
}
.inbound_marketing .panel{
margin-bottom:50px
}
.inbound_marketing p{
color:#131415;
font-size:18px;
line-height:1.6;
margin-bottom:15px
}
.inbound_marketing h2{
margin:0 0 20px;
font-size:30px;
line-height:48px;
text-align:center;
letter-spacing:normal;
color:#131415;
font-weight:700
}
.inbound_marketing h4{
color:#000
}
.inbound_marketing .main_shot,
.inbound_marketing img{
width:100%;
box-shadow:0 8px 30px rgba(39,44,49,.15),1px 3px 6px rgba(39,44,49,.1)
}
.inbound_marketing .mt5{
margin-top:50px
}
.inbound_marketing .mb0{
margin-bottom:0!important
}
.inbound_marketing .bottom_register_form .form-wrapper{
margin-bottom:0
}
.inbound_marketing .comparision_table{
width:100%;
margin-bottom:10px
}
.inbound_marketing .comparision_table th{
font-size:20px
}
.inbound_marketing .comparision_table td,
.inbound_marketing .comparision_table th{
text-align:left;
padding:12px 20px
}
.inbound_marketing .comparision_table td img,
.inbound_marketing .comparision_table th img{
max-width:180px
}
.inbound_marketing .comparision_table td:first-child,
.inbound_marketing .comparision_table th:first-child{
width:70%;
padding-left:0
}
.inbound_marketing .comparision_table td:last-child,
.inbound_marketing .comparision_table th:last-child{
padding-right:0
}
.inbound_marketing .comparision_table td{
font-size:18px;
color:#131415
}
.inbound_marketing .comparision_table tr{
border-bottom:1px solid #ddd
}
.inbound_marketing .comparision_table tr:first-child{
border:none
}
.inbound_marketing .comparision_table .icn-checkbox{
width:14px;
height:14px;
margin:0 auto;
display:block
}
.inbound_marketing .comparision_table .icn-cross{
margin:0 auto;
display:block
}
.inbound_marketing .comparision_table .paid{
padding:2px 0;
width:50px;
margin:0 auto;
border-radius:20px;
font-size:14px;
color:#fff;
background-color:#5f636b;
font-weight:700;
display:block;
text-align:center
}
@media only screen and (min-width:180px) and (max-width:768px){
.inbound_marketing .comparision_table th{
padding:0 3px!important
}
.inbound_marketing .comparision_table td:first-child,
.inbound_marketing .comparision_table th:first-child{
width:50%;
padding-left:0
}
}
.inbound_marketing .interactive_dashboard{
clear:both;
overflow:hidden;
max-width:910px;
margin:0 auto
}
.inbound_marketing .interactive_dashboard .cards-on-jump-business-inbound{
position:absolute;
padding:0;
margin:60px 0 0
}
.inbound_marketing .interactive_dashboard .cards-on-jump-business-inbound li{
list-style-type:none;
padding:15px;
border-radius:4px;
border:1px solid #ebebeb;
box-shadow:0 2px 16px -6px #777;
clear:both;
overflow:hidden;
width:400px;
background-color:#fff;
margin-bottom:15px
}
.inbound_marketing .interactive_dashboard .cards-on-jump-business-inbound li .avtar{
height:42px;
width:45px;
float:left
}
.inbound_marketing .interactive_dashboard .cards-on-jump-business-inbound li .avtar img{
width:100%;
border-radius:100px
}
.inbound_marketing .interactive_dashboard .cards-on-jump-business-inbound li .card-txt{
float:left;
margin-left:10px!important;
font-size:15px!important
}
.inbound_marketing .interactive_dashboard .cards-on-jump-business-inbound li .card-txt span{
font-weight:600;
display:block
}
.inbound_marketing .interactive_dashboard .cards-on-jump-business-inbound li .card-txt p{
color:#131415;
margin:0!important
}
.inbound_marketing .interactive_dashboard .leftimgBusiness{
float:right;
margin-top:20px
}
.inbound_marketing blockquote{
background-color:#fcfcfc;
border-left:5px solid #1891ed;
text-align:left!important;
font-style:normal;
position:relative;
padding:60px 30px 30px 70px
}
.inbound_marketing blockquote span{
display:block;
margin-top:10px
}
.inbound_marketing blockquote .person{
font-size:16px;
margin-top:15px
}
.inbound_marketing blockquote .person span{
font-weight:700;
display:inline-block;
margin-top:0
}
.inbound_marketing blockquote:before{
content:'\201C';
font-family:"Noto Serif",Georgia,"Times New Roman",Times,serif;
font-size:100px;
height:3.75rem;
left:15px;
line-height:1;
max-width:3.75rem;
position:absolute;
text-align:inherit;
top:15px;
width:100%;
color:#1891ed
}
.inbound_marketing blockquote img{
height:40px;
width:40px;
border-radius:100px;
margin-right:10px
}
.inbound_marketing blockquote img.appstore{
width:auto;
height:40px;
border-radius:0
}
@media only screen and (min-width:180px) and (max-width:768px){
.inbound_marketing .interactive_dashboard .cards-on-jump-business-inbound{
position:static;
margin-top:0;
margin-left:0
}
.inbound_marketing .interactive_dashboard .cards-on-jump-business-inbound li{
width:100%
}
.inbound_marketing .interactive_dashboard .leftimgBusiness{
display:none
}
.inbound_marketing .detail{
width:100%
}
.inbound-marking-banner p.sub-heading{
width:100%!important
}
.modal-signup-home .form-group.clearfix{
clear:both!important;
float:none!important
}
.comparision_table tr th img{
height:20px;
width:auto;
margin:0 auto;
display:block
}
.home_updated_UI .bottom_cta_section .cta_bttom_wrapper .btn-cta-bottom{
width:100%;
text-align:center;
padding-left:10px!important;
padding-right:10px!important
}
}
.checkmark{
display:block
}
.checkmark:after{
content:'';
display:block;
margin:0 auto;
width:8px;
height:16px;
border:solid #2f76ff;
border-width:0 3px 3px 0;
transform:rotate(45deg)
}
.cross{
position:relative;
display:block;
margin:0 auto;
width:18px;
height:18px;
opacity:1
}
.cross:after,
.cross:before{
position:absolute;
content:' ';
height:18px;
left:0;
right:0;
margin:0 auto;
width:3px;
background-color:#e61320
}
.cross:before{
transform:rotate(45deg)
}
.cross:after{
transform:rotate(-45deg)
}
.bottom_cta_section{
display:block;
padding-bottom:5rem;
padding-top:3rem
}
.bottom_cta_section h2{
font-size:2.4rem;
font-weight:700;
margin-bottom:3rem;
text-align:center;
color:#131415!important
}
.bottom_cta_section .cta_bttom_wrapper{
text-align:center
}
.bottom_cta_section .cta_bttom_wrapper span{
display:block;
font-size:.97rem;
padding-top:.85rem
}
.bottom_cta_section .cta_bttom_wrapper .btn-cta-bottom{
font-size:1.25rem;
padding:.95rem 4rem;
border-radius:4px;
font-weight:500!important;
transition:.3s
}
.bottom_cta_section .cta_bttom_wrapper .btn-cta-bottom svg{
vertical-align:middle;
margin-left:.3rem;
width:1.1em;
height:1.1em;
fill:none;
stroke:#fff;
stroke-width:2.5px;
stroke-linecap:round;
stroke-linejoin:round;
transition:.3s;
position:relative;
left:0
}
.bottom_cta_section .cta_bttom_wrapper .btn-cta-bottom:hover svg{
left:.3rem
}
.modal-backdrop{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:1040;
background-color:rgba(0,0,0,.7);
-webkit-animation:.25s fade-modal;
-moz-animation:.25s fade-modal;
-ms-animation:fade-modal 0.25s;
-o-animation:.25s fade-modal;
animation:.25s fade-modal
}
.modal-backdrop.vid{
background-color:rgba(0,0,0,.8)
}
.modal{
display:block;
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:1050;
-webkit-overflow-scrolling:touch;
outline:0;
-webkit-animation:.25s fade-modal;
-moz-animation:.25s fade-modal;
-ms-animation:fade-modal 0.25s;
-o-animation:.25s fade-modal;
animation:.25s fade-modal
}
.modal .empty-msg{
text-align:center
}
.modal h5{
font-size:15px;
margin-top:20px
}
.modal label{
font-size:14.5px
}
.modal-signup-home{
max-width:400px!important;
margin:65px auto 10px;
position:relative
}
.modal-signup-home .modal-body{
padding:30px 46px;
background:#fff
}
@media all and (max-width:768px){
.modal-signup-home .modal-body{
padding:15px 30px
}
}
.hr-label{
padding:0;
margin:15px 0;
position:relative;
text-align:center;
clear:both;
font-size:13px
}
.hr-label:before{
border-top-color:#d0d4d9;
border-top:1px solid rgba(0,0,0,.2);
content:'';
position:absolute;
top:50%;
left:0;
right:0
}
.hr-label .text,
.hr-label a{
font-size:13px!important;
line-height:24px;
padding:0 8px;
vertical-align:top;
background-color:#fff;
display:inline-block;
position:relative;
text-align:center
}
.google-margin .hr-label .text,
.google-margin .hr-label a{
margin-bottom:0;
margin-top:0
}
.modal-signup-home .modal-body .btn{
padding:11px 32px
}
.modal-signup-home .modal-body .form-control{
width:100%;
height:43px;
font-size:14px
}
.modal-signup-home .modal-body .custom-controls{
margin-top:10px;
padding:10px 0 0;
text-transform:none
}
.modal-signup-home #firstName,
.modal-signup-home #lastName{
width:150px
}
.modal-signup-home .btn-blue,
.modal-signup-home .form-group{
margin-top:15px
}
.modal-signup-home .help-block{
display:none
}
.footer_social{
display:block;
padding:0;
margin:0;
list-style-type:none
}
.footer_social li{
display:inline-block;
border-radius:40px;
background-color:#444;
position:relative;
top:30px;
left:-35px;
text-align:center;
line-height:28px
}
.footer_social li:last-child{
margin-left:5px
}
.footer_social li a{
padding:3px;
height:30px;
width:30px;
display:block;
line-height:28px!important
}
.footer_social.help_social li{
left:0;
background-color:#2f76ff
}
.footer_social.help_social .fb{
background-color:#3c5a99
}
.footer_social.help_social .tw{
background-color:#38a1f3
}
#nav-icon3,
.app_display_setion_mobile,
.mobilev{
display:none
}
.modal-bs{
width:100%;
max-width:540px;
margin:65px auto 10px;
position:relative
}
.modal-content{
position:relative;
background-color:#fff;
border-radius:2px;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 5px rgba(0,0,0,.1);
-ms-box-shadow:0 1px 5px rgba(0,0,0,.1);
-o-box-shadow:0 1px 5px rgba(0,0,0,.1);
box-shadow:0 1px 5px rgba(0,0,0,.1);
background-clip:padding-box;
outline:0
}
.modal .close,
.modal .close_icon{
padding:11px 15px 11px 11px;
border:0;
background:0;
outline:0;
opacity:.8
}
.modal-header{
padding:36px 36px 0
}
.modal-title{
margin:0;
line-height:1.4;
font-weight:700;
color:#101010;
font-size:18px
}
.modal-body{
position:relative;
padding:20px 36px 36px
}
.modal p{
line-height:1.6
}
.modal ul{
color:#101010;
padding-left:30px
}
.modal ul li{
list-style-type:disc
}
.modal textarea.form-control{
height:82px;
resize:none;
overflow:auto
}
.input-group .form-control{
position:relative;
z-index:2;
float:left;
width:100%;
margin-bottom:0
}
textarea.form-control{
height:auto;
padding:10px 18px;
letter-spacing:-.05px
}
.input-slim{
height:32px;
padding:10px 12px;
font-size:14.5px;
line-height:1.4;
border-radius:3px
}
.form-control{
-webkit-appearance:none!important;
display:block;
width:100%;
height:35px;
padding:6px 18px;
font-size:14.5px;
line-height:1.4;
color:#101010;
background-color:#fff;
background-image:none;
border:1px solid #c1cbd2;
border-radius:3px;
-webkit-appearance:none!important
}
.type-tweet{
clear:both;
overflow:hidden;
display:block
}
.modal-footer{
margin-top:23px;
text-align:right;
clear:both;
overflow:hidden
}
.btn-submit{
min-width:98px
}
.modal-footer .btn+.btn{
margin-right:8px;
margin-bottom:0
}