/* 1a. Containers */




/* 1c. Typography */



 











/* responsive font sizing */

@media(min-width: 767px) and (max-width: 1000px){
  html {font-size:calc(16px * .9 );}
 body h1 {font-size:calc(50px * .8 );}
 body h2 {font-size:calc(38px * .8 );}
 body h3 {font-size:calc(28px * .8 );}
 body h4 {font-size:calc(24px * .8 );}
 body h5 {font-size:calc(20px * .8 );}
 body h6 {font-size:calc(14px * .8 );}
}

@media(max-width: 767px) {
  html {font-size:calc(16px * .8 );}
 body h1 {font-size:calc(50px * .9 );}
 body h2 {font-size:calc(38px * .9 );}
 body h3 {font-size:calc(28px * .9 );}
 body h4 {font-size:calc(24px * .9 );}
 body h5 {font-size:calc(20px * .9 );}
 body h6 {font-size:calc(14px * .9 );}
}

/* 1d. Buttons */





/* 1e. Forms */
















.content-wrapper {
  max-width: px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: px 20px;
}

.dnd-section > .row-fluid {
  max-width: px;
}





html {
  font-size: 16px;
}

body {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #EEEEEE;
  background-color: var(--light-color);
}

body.dark {
  background-color: var(--dark-color);
}

/* Paragraphs */

p {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  font-weight: 300;
}

/* Anchors */

a {
  color: #ffffff;
}

a:hover,
a:focus {
  color: #d7d7d7;
}

a:active {
  color: #ffffff;
}

/* Headings */

h1 {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 50px;
}

h2 {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 38px;
}

h3 {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 28px;
}

h4 {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 24px;
  position: relative;
}

h5 {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 20px !important;
  position: relative;
  display: inline-block;
}
@keyframes extendUnderline {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
h5:before {
  background: #ffc400;
  border-radius: 30px;
  bottom: 0;
  content: "";
  height: 2px;
  position: absolute;
  transition: all .3s ease;
  width: 100%;
  z-index: -1;
  animation: 1s ease-out 0s 1 extendUnderline;
}

h6 {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 14px;
}

/* Blockquote */

blockquote {
  border-left-color: ;
}





button,
.button,
.hs-button {
  border: 1px solid ;
  border-radius: 25px;
  padding: 15px 20px;
}






form h2, form .form-title { color: #000000;font-size: 30px;font-family: 'Titillium Web', sans-serif;; }
form input { color: #000000;font-size: 16px;font-family: 'Titillium Web', sans-serif; background-color: #FFFFFF;  }
form label { ; }
form input::placeholder { color: #000000;font-size: 16px;font-family: 'Titillium Web', sans-serif;; }
form input { background-color: #FFFFFF;  }

form,
.submitted-message {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Form help text */

form legend {
  color: ;
}

/* Form inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  color: #000000;font-size: 16px;font-family: 'Titillium Web', sans-serif; 
  background-color: #FFFFFF; 
  
}

form input[type=text]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=number]:focus,
form input[type=file]:focus,
form select:focus,
form textarea:focus {
  background-color: #FFFFFF; 
  
}

form input[type=text]:focus-visible,
form input[type=email]:focus-visible,
form input[type=password]:focus-visible,
form input[type=tel]:focus-visible,
form input[type=number]:focus-visible,
form input[type=file]:focus-visible,
form select:focus-visible,
form textarea:focus-visible {
  background-color: #FFFFFF; 
  
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: #000000;font-size: 16px;font-family: 'Titillium Web', sans-serif;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  color: #000000;font-size: 16px;font-family: 'Titillium Web', sans-serif;
}

/* Date picker */

.fn-date-picker td.is-selected .pika-button {
  background: ;
}

.fn-date-picker td .pika-button:hover {
  background-color:  !important;
}

.fn-date-picker td.is-today .pika-button {
  color: ;
}

.hs-input {
    border: none;
    border-radius: 5px;
}

/* DEMO FORM */
.demo .hs_email {
    width: 100% !important;
}
.demo .hs_submit {
    right: 1px !important;
}
.demo .hs_email input {
  padding: 1.1em 130px 1.1em .75em !important;
}
.demo .hs_submit.hs-submit {
    padding-top: 0px;
}
/*.demo-cta .hs_email {
    width: 100% !important;
}
.demo-cta .hs_submit {
    right: 1px !important;
}
.demo-cta .hs_email input {
  padding: 1.1em 130px 1.1em .75em !important;
}
.demo-cta .hs_submit.hs-submit {
    padding-top: 0px;
} */
.demo .hs_email input {
    padding: 1em !important;
    border-radius: 5px 0px 0px 5px;
}
.demo .input {
    width: 70%;
}
.demo .hs_submit.hs-submit {
    padding-top: 0;
    width: 30%;
}
.demo input.hs-button.primary.large {
    border-radius: 0px 5px 5px 0px;
}


/* ON DEMAND DEMO FORM */
.demo-cta .hs_email {
    width: 100% !important;
}
.demo-cta .hs_submit {
    right: 1px !important;
}
/* .demo-cta .hs_email input {
  padding: 1.1em 130px 1.1em .75em !important;
} */
.demo-cta .hs_submit.hs-submit {
    padding-top: 0px;
}
.demo-cta .hs_email input {
    padding: 1em !important;
    border-radius: 5px 0px 0px 5px;
}
.demo-cta .input {
/*     width: 70%; */
  width:100%;
}
.demo-cta .hs_submit.hs-submit {
    padding-top: 0;
/*     width: 30%; */
  width:100%;
}
.demo-cta input.hs-button.primary.large {
    border-radius: 0px 5px 5px 0px;
}
.demo-cta form {
    display: flex;
    flex-direction:column;
}

.demo-cta form label {
  margin-bottom:0 !important;
}

/* .demo-cta .hs-button {
  height:42px;
} */


.download-now .actions:has(input[type=submit]):after {
  right: 33%;
  top: 16px;
}


/* Submit button */

/* see _theme.css */





table {
  background-color: ;
  border-color: ;
}

th,
td {
  border-color: ;
  color: ;
}

thead th,
thead td {
  background-color: ;
  border-bottom-color: ;
  color: ;
}

tfoot td {
  background-color: ;
  color: ;
}





.header {
  background-color: ;
}

.header *:not(strong) {
  transition: all .3s ease-in-out; 
  -moz-transition: all .3s ease-in-out; 
  -webkit-transition: all .3s ease-in-out;
}
.header .hero-button {
  transition: all .15s linear;
}
.header .hero-button strong {
  transition-duration: 0ms;
}

body .navigation-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: ;
  font-family: Inter, sans-serif;
}

body .navigation-primary a:hover,
body .navigation-primary a:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: ;
}

body .navigation-primary a:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: ;
}

body .navigation-primary .submenu.level-1 > li > a.active-item:after {
  background-color: ;
}

body .submenu.level-2,
.header__language-switcher .lang_list_class {
  background-color: ;
  border-color: ;
}

body .submenu.level-2 > li:first-child:before {
  border-color: ;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: ;
}

body .submenu.level-2 .menu-item .menu-link:hover,
body .submenu.level-2 .menu-item .menu-link:focus,
.header__language-switcher .lang_list_class li:hover,
body .submenu.level-2 > li:first-child:hover:before,
body .submenu.level-2 > li:first-child.focus:before {
  background-color: ;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: ;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Inter, sans-serif;
}

.header__language-switcher-label-current:after {
  border-top-color: ;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: ;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: ;
  }
}

span.login-button {
    border-left: 2px solid;
    padding-left: 15px;
}
span.hero-button {
    background: #FFBB12;
    padding: 5px 20px;
    border-radius: 5px;
}
li.hs-menu-item.hs-menu-depth-1 .hero-button:hover {
    background: #12203B;
    color: #fff;
}
.header .dnd-section {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
}

@media (min-width: 850px) {
  .header_dnd_area-module-5-vertical-alignment ul.hs-menu-children-wrapper {
    border-radius: 10px;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
  }
}


@media (max-width: 768px) {
  .header .hs_cos_wrapper_type_logo img {
    margin-left: 0 !important;
  }
  .mobile-menu__area .hs_cos_wrapper_type_logo img {
    margin-top: -7px;
  }
  
  .mobile-menu__area #hs_menu_wrapper_mobile_menu_dnd_area-module-3_ ul {
    text-align: left;
    padding-top: 20px;
  }
  
  .mobile-menu__area .hs-menu-depth-1 > .hs-menu-children-wrapper,
  .mobile-menu__area .hs-menu-depth-2 > .hs-menu-children-wrapper {
    display: none;
  }
  .mobile-menu__area .hs-item-has-children > a {
    position: relative;
    padding-right: 20px;
  }
  .mobile-menu__area .hs-item-has-children > a:after {
    background-image: url(https://2185953.fs1.hubspotusercontent-na1.net/hubfs/2185953/raw_assets/public/BOT%202024%20Theme/images/down-arrow-black.svg);
    background-size: cover;
    content: "";
    height: 8px;
    position: absolute;
    right: 0;
    top: 11px;
    transition-duration: .3s;
    width: 14px;
  }
  .mobile-menu__area .hs-item-has-children > a.active-menu:after {
    transform: rotate(180deg);
  }
  
  .mobile-menu__area span.login-button {
    border: 0;
    padding-left: 0;
  } 
  .mobile-menu__area span.login-button strong {
    font-weight: 400;
  }
  
  .mobile-menu__area span.hero-button {
    margin-top: 10px;
  } 
}

.header .hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  overflow: hidden;
}





.footer {
  background-color: ;
}

/* Footer Content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: ;
}
.footer_dnd_area-row-1-padding {
    margin: 15px;
    border-radius: 10px;
}
@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
    display: flex;
    text-align: center;
  }
  .footer_dnd_area-row-1-background-gradient h3 {
    text-align: center;
    padding-top: 20px;
  }
  .span3.widget-span.widget-type-cell.dnd-column.footer_dnd_area-column-1-padding {
    text-align: center;
}
  .social-links {
    display: block !important;
  }
  .credit-left .scope__content p, .credit-right .scope__content p {
    text-align: center !important;
}
}





.blog-post,
.blog-header__inner,
.blog-related-posts {
  margin-bottom: 50px;
}

/* Blog listing */

.blog-index__post-title-link {
  color: #FFFFFF;
}

.blog-index__post-tag,
.blog-index__post-author-name {
  color: #EEEEEE;
}

/* Blog pagination */

.blog-pagination__link {
  color: #EEEEEE;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
  background-color: ;
}

.blog-pagination__next-link svg,
.blog-pagination__prev-link svg {
  fill: #EEEEEE;
}

/* Blog post */

.blog-post__meta a {
  color: #EEEEEE;
}

.blog-post__tag-link {
  color: #EEEEEE;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #c6c6c6;
}

.blog-post__tag-link:active {
  color: #ffffff;
}

/* Blog related posts */

.blog-related-posts__title a {
  color: #FFFFFF;
}

/* Blog comments */

.blog-comments {
  margin-bottom: px;
}

#comments-listing .comment-reply-to {
  color: #ffffff;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #d7d7d7;
}

#comments-listing .comment-reply-to:active {
  color: #ffffff;
  
}

a:hover {
  text-decoration: none;
}





.error-page {
    padding: 5rem 0;
}






/* Colors */






  
  
  
  
  


body {
  --primary-color: #3BB1FF;
  --secondary-color:  #3BB1FF;
  --tertiary-color:  #ffbb12;
  --light-color:  #FFFFFF;
  --dark-color:  #000000;
}

body.light {
  --bg-color: #FFFFFF;
  --heading-color: #3BB1FF;
  --text-color: #ffbb12;
  --link-color: #3BB1FF;
  --button-style: 'primary';
  --light-color: #FFFFFF;
  --dark-color: #000000;
}
 
body.dark {
  --bg-color: #000000;
  --heading-color: #FFFFFF;
  --text-color: #FFFFFF;
  --link-color: #3BB1FF;
  --button-style: 'primary';
  --light-color: #000000;
  --dark-color: #FFFFFF;
  --tertiary-color:  #3BB1FF;
  --secondary-color:  #ffbb12;
}

body.dark .section--light, body.dark .section--light div[class$="__background"] {
  background-color: #000000;
}

/*@media (prefers-color-scheme: dark) {
  :root {
    --bg-color: #000000;
    --heading-color: #FFFFFF;
    --text-color: #FFFFFF;
    --link-color: #3BB1FF;
    --button-style: 'primary';
  }
}*/



.button, .hs-button, .cta_button {
  
  
  font-size: 17px;font-family: Inter, sans-serif;
}






  
    
    
    form input[type='submit'] {
      background-color: #000000 !important;
      color: #FFFFFF;
      border-color: #000000;
    }
    form input[type='submit']:hover {
      background-color: #000000 !important;
      color: #ffffff;
      border-color: #000000;
    }
  


  
    
    
    
      .button.button--primary,
      .hs-button.button--primary,
      .cta_button.button--primary {
        
          color: #FFFFFF;
        
          background-color: #000000;
        
          border-color: #000000;
        
      }
      .button.button--primary_outline,
      .hs-button.button--primary_outline,
      .cta_button.button--primary_outline {
          background-color: transparent !important;
          
            
          
            
              color: #000000;
              border-color: #000000;
            
          
            
          
      }
    
  
    
    
    
      .button.button--primary:hover,
      .hs-button.button--primary:hover,
      .cta_button.button--primary:hover {
        
          color: #ffffff;
        
          background-color: #000000;
        
          border-color: #000000;
        
      }
      .button.button--primary_outline:hover,
      .hs-button.button--primary_outline:hover,
      .cta_button.button--primary_outline:hover {
        
          
          
            color: #ffffff;
          
        
          
          
        
          
            border-color: #000000;
            background-color: #000000 !important;
          
          
         
      }
    
  
    
    
    
      .button.button--secondary,
      .hs-button.button--secondary,
      .cta_button.button--secondary {
        
          color: #FFFFFF;
        
          background-color: #000000;
        
          border-color: #CCCCCC;
        
      }
      .button.button--secondary_outline,
      .hs-button.button--secondary_outline,
      .cta_button.button--secondary_outline {
          background-color: transparent !important;
          
            
          
            
              color: #000000;
              border-color: #000000;
            
          
            
          
      }
    
  
    
    
    
      .button.button--secondary:hover,
      .hs-button.button--secondary:hover,
      .cta_button.button--secondary:hover {
        
          color: #ffffff;
        
          background-color: #000000;
        
          border-color: #000000;
        
      }
      .button.button--secondary_outline:hover,
      .hs-button.button--secondary_outline:hover,
      .cta_button.button--secondary_outline:hover {
        
          
          
            color: #ffffff;
          
        
          
          
        
          
            border-color: #000000;
            background-color: #000000 !important;
          
          
         
      }
    
  
    
    
    
      .button.button--tertiary,
      .hs-button.button--tertiary,
      .cta_button.button--tertiary {
        
          color: #FFFFFF;
        
          background-color: #ffbb12;
        
          border-color: #ffbb12;
        
      }
      .button.button--tertiary_outline,
      .hs-button.button--tertiary_outline,
      .cta_button.button--tertiary_outline {
          background-color: transparent !important;
          
            
          
            
              color: #ffbb12;
              border-color: #ffbb12;
            
          
            
          
      }
    
  
    
    
    
      .button.button--tertiary:hover,
      .hs-button.button--tertiary:hover,
      .cta_button.button--tertiary:hover {
        
          color: #FFFFFF;
        
          background-color: #3BB1FF;
        
          border-color: #3BB1FF;
        
      }
      .button.button--tertiary_outline:hover,
      .hs-button.button--tertiary_outline:hover,
      .cta_button.button--tertiary_outline:hover {
        
          
          
            color: #FFFFFF;
          
        
          
          
        
          
            border-color: #3BB1FF;
            background-color: #3BB1FF !important;
          
          
         
      }
    
  
    
    
    
      .button.button--light,
      .hs-button.button--light,
      .cta_button.button--light {
        
          color: #000000;
        
          background-color: #FFFFFF;
        
          border-color: #FFFFFF;
        
      }
      .button.button--light_outline,
      .hs-button.button--light_outline,
      .cta_button.button--light_outline {
          background-color: transparent !important;
          
            
          
            
              color: #FFFFFF;
              border-color: #FFFFFF;
            
          
            
          
      }
    
  
    
    
    
      .button.button--light:hover,
      .hs-button.button--light:hover,
      .cta_button.button--light:hover {
        
          color: #FFFFFF;
        
          background-color: #000000;
        
          border-color: #000000;
        
      }
      .button.button--light_outline:hover,
      .hs-button.button--light_outline:hover,
      .cta_button.button--light_outline:hover {
        
          
          
            color: #FFFFFF;
          
        
          
          
        
          
            border-color: #000000;
            background-color: #000000 !important;
          
          
         
      }
    
  
    
    
    
      .button.button--dark,
      .hs-button.button--dark,
      .cta_button.button--dark {
        
          color: #FFFFFF;
        
          background-color: #000000;
        
          border-color: #000000;
        
      }
      .button.button--dark_outline,
      .hs-button.button--dark_outline,
      .cta_button.button--dark_outline {
          background-color: transparent !important;
          
            
          
            
              color: #000000;
              border-color: #000000;
            
          
            
          
      }
    
  
    
    
    
      .button.button--dark:hover,
      .hs-button.button--dark:hover,
      .cta_button.button--dark:hover {
        
          color: #ffffff;
        
          background-color: #000000;
        
          border-color: #000000;
        
      }
      .button.button--dark_outline:hover,
      .hs-button.button--dark_outline:hover,
      .cta_button.button--dark_outline:hover {
        
          
          
            color: #ffffff;
          
        
          
          
        
          
            border-color: #000000;
            background-color: #000000 !important;
          
          
         
      }
    
  




  
    .section--primary .scope__background, .section--primary { background-color: #3BB1FF; }
    
    
    
    
    
  
    
    
    .section--primary h1, .section--primary h2, .section--primary h3, .section--primary h4, .section--primary h5 { color: #FFFFFF; }
    
    
    
  
    
    
    
    .section--primary p, .section--primary li, .section--primary p *, .section--primary div { color: #FFFFFF; }
    
    
  
    
    
    
    
    .section--primary a:not([class*="button"]) { color: #3BB1FF; }
    
  
    
    .section--primary .scope__small-title { color: #000000; } 
    
    
    
    
  
    
    
    
    
    
    
      
  
    
    
    .section--primary .button.button--primary,
    .section--primary .hs-button.button--primary,
    .section--primary .cta_button.button--primary {
      background-color: #000000 !important;
      color: #FFFFFF;
      border-color: #000000;
    }
    .section--primary .button.button--primary:hover,
    .section--primary .hs-button.button--primary:hover,
    .section--primary .cta_button.button--primary:hover {
      background-color: #000000 !important;
      color: #ffffff;
      border-color: #000000;
    }
  

    
  
    
    
    
    
    
    
      
  
    
    
    .section--primary .button.button--secondary,
    .section--primary .hs-button.button--secondary,
    .section--primary .cta_button.button--secondary {
      background-color: #000000 !important;
      color: #FFFFFF;
      border-color: #CCCCCC;
    }
    .section--primary .button.button--secondary:hover,
    .section--primary .hs-button.button--secondary:hover,
    .section--primary .cta_button.button--secondary:hover {
      background-color: #000000 !important;
      color: #ffffff;
      border-color: #000000;
    }
  

    
  

  
    .section--secondary .scope__background, .section--secondary { background-color: #3BB1FF; }
    
    
    
    
    
  
    
    
    .section--secondary h1, .section--secondary h2, .section--secondary h3, .section--secondary h4, .section--secondary h5 { color: #FFFFFF; }
    
    
    
  
    
    
    
    .section--secondary p, .section--secondary li, .section--secondary p *, .section--secondary div { color: #c3c2c2; }
    
    
  
    
    
    
    
    .section--secondary a:not([class*="button"]) { color: #3BB1FF; }
    
  
    
    .section--secondary .scope__small-title { color: #000000; } 
    
    
    
    
  
    
    
    
    
    
    
      
  
    
    
    .section--secondary .button.button--primary,
    .section--secondary .hs-button.button--primary,
    .section--secondary .cta_button.button--primary {
      background-color: #000000 !important;
      color: #FFFFFF;
      border-color: #000000;
    }
    .section--secondary .button.button--primary:hover,
    .section--secondary .hs-button.button--primary:hover,
    .section--secondary .cta_button.button--primary:hover {
      background-color: #000000 !important;
      color: #ffffff;
      border-color: #000000;
    }
  

    
  
    
    
    
    
    
    
      
  
    
    
    .section--secondary .button.button--secondary,
    .section--secondary .hs-button.button--secondary,
    .section--secondary .cta_button.button--secondary {
      background-color: #000000 !important;
      color: #FFFFFF;
      border-color: #CCCCCC;
    }
    .section--secondary .button.button--secondary:hover,
    .section--secondary .hs-button.button--secondary:hover,
    .section--secondary .cta_button.button--secondary:hover {
      background-color: #000000 !important;
      color: #ffffff;
      border-color: #000000;
    }
  

    
  

  
    .section--tertiary .scope__background, .section--tertiary { background-color: #3BB1FF; }
    
    
    
    
    
  
    
    
    .section--tertiary h1, .section--tertiary h2, .section--tertiary h3, .section--tertiary h4, .section--tertiary h5 { color: #FFFFFF; }
    
    
    
  
    
    
    
    .section--tertiary p, .section--tertiary li, .section--tertiary p *, .section--tertiary div { color: #c3c2c2; }
    
    
  
    
    
    
    
    .section--tertiary a:not([class*="button"]) { color: #3BB1FF; }
    
  
    
    .section--tertiary .scope__small-title { color: #000000; } 
    
    
    
    
  
    
    
    
    
    
    
      
  
    
    
    .section--tertiary .button.button--primary,
    .section--tertiary .hs-button.button--primary,
    .section--tertiary .cta_button.button--primary {
      background-color: #000000 !important;
      color: #FFFFFF;
      border-color: #000000;
    }
    .section--tertiary .button.button--primary:hover,
    .section--tertiary .hs-button.button--primary:hover,
    .section--tertiary .cta_button.button--primary:hover {
      background-color: #000000 !important;
      color: #ffffff;
      border-color: #000000;
    }
  

    
  
    
    
    
    
    
    
      
  
    
    
    .section--tertiary .button.button--secondary,
    .section--tertiary .hs-button.button--secondary,
    .section--tertiary .cta_button.button--secondary {
      background-color: #000000 !important;
      color: #FFFFFF;
      border-color: #CCCCCC;
    }
    .section--tertiary .button.button--secondary:hover,
    .section--tertiary .hs-button.button--secondary:hover,
    .section--tertiary .cta_button.button--secondary:hover {
      background-color: #000000 !important;
      color: #ffffff;
      border-color: #000000;
    }
  

    
  

  
    .section--light .scope__background, .section--light { background-color: #FFFFFF; }
    
    
    
    
    
  
    
    
    .section--light h1, .section--light h2, .section--light h3, .section--light h4, .section--light h5 { color: #000000; }
    
    
    
  
    
    
    
    .section--light p, .section--light li, .section--light p *, .section--light div { color: #12203b; }
    
    
  
    
    
    
    
    .section--light a:not([class*="button"]) { color: #3BB1FF; }
    
  
    
    .section--light .scope__small-title { color: #3BB1FF; } 
    
    
    
    
  
    
    
    
    
    
    
      
  
    
    
    .section--light .button.button--primary,
    .section--light .hs-button.button--primary,
    .section--light .cta_button.button--primary {
      background-color: #000000 !important;
      color: #FFFFFF;
      border-color: #000000;
    }
    .section--light .button.button--primary:hover,
    .section--light .hs-button.button--primary:hover,
    .section--light .cta_button.button--primary:hover {
      background-color: #000000 !important;
      color: #ffffff;
      border-color: #000000;
    }
  

    
  
    
    
    
    
    
    
      
  
    
    
    .section--light .button.button--secondary,
    .section--light .hs-button.button--secondary,
    .section--light .cta_button.button--secondary {
      background-color: #000000 !important;
      color: #FFFFFF;
      border-color: #CCCCCC;
    }
    .section--light .button.button--secondary:hover,
    .section--light .hs-button.button--secondary:hover,
    .section--light .cta_button.button--secondary:hover {
      background-color: #000000 !important;
      color: #ffffff;
      border-color: #000000;
    }
  

    
  

  
    .section--dark .scope__background, .section--dark { background-color: #000000; }
    
    
    
    
    
  
    
    
    .section--dark h1, .section--dark h2, .section--dark h3, .section--dark h4, .section--dark h5 { color: #FFFFFF; }
    
    
    
  
    
    
    
    .section--dark p, .section--dark li, .section--dark p *, .section--dark div { color: #c3c2c2; }
    
    
  
    
    
    
    
    .section--dark a:not([class*="button"]) { color: #3BB1FF; }
    
  
    
    .section--dark .scope__small-title { color: #3BB1FF; } 
    
    
    
    
  
    
    
    
    
    
    
      
  
    
    
    .section--dark .button.button--primary,
    .section--dark .hs-button.button--primary,
    .section--dark .cta_button.button--primary {
      background-color: #000000 !important;
      color: #FFFFFF;
      border-color: #000000;
    }
    .section--dark .button.button--primary:hover,
    .section--dark .hs-button.button--primary:hover,
    .section--dark .cta_button.button--primary:hover {
      background-color: #000000 !important;
      color: #ffffff;
      border-color: #000000;
    }
  

    
  
    
    
    
    
    
    
      
  
    
    
    .section--dark .button.button--secondary,
    .section--dark .hs-button.button--secondary,
    .section--dark .cta_button.button--secondary {
      background-color: #000000 !important;
      color: #FFFFFF;
      border-color: #CCCCCC;
    }
    .section--dark .button.button--secondary:hover,
    .section--dark .hs-button.button--secondary:hover,
    .section--dark .cta_button.button--secondary:hover {
      background-color: #000000 !important;
      color: #ffffff;
      border-color: #000000;
    }
  

    
  



  
    
      .blocks--primary:not(.blocks--hover--colorize) *[class$="__block"], 
      .blocks--primary div[class$="__block-front"]:before, 
      .blocks--primary:not(.blocks--hover) div[class$="__block-wrap"] > *, 
      .blocks--primary div[class$="__block-wrap"] { 
        background-color: #3BB1FF; 
      }
    
    
    
    
    
  
    
    .blocks--primary h3 { color: #FFFFFF; } 
    
    
    
  
    
    
    .blocks--primary > * p, .blocks--primary > *, .blocks--primary > * span { color: #FFFFFF; }
    
    
  
    
    
    
    .blocks--primary a:not([class*="button"]) { color: #3BB1FF; }
    
  
    
    
    
    
    
  
    
    
    
    
    
      
  
    
    
    .blocks--primary .button.button--primary,
    .blocks--primary .hs-button.button--primary,
    .blocks--primary .cta_button.button--primary {
      background-color: #000000 !important;
      color: #FFFFFF;
      border-color: #000000;
    }
    .blocks--primary .button.button--primary:hover,
    .blocks--primary .hs-button.button--primary:hover,
    .blocks--primary .cta_button.button--primary:hover {
      background-color: #000000 !important;
      color: #ffffff;
      border-color: #000000;
    }
  

    
  
    
    
    
    
    
      
  
    
    
    .blocks--primary .button.button--secondary,
    .blocks--primary .hs-button.button--secondary,
    .blocks--primary .cta_button.button--secondary {
      background-color: #000000 !important;
      color: #FFFFFF;
      border-color: #CCCCCC;
    }
    .blocks--primary .button.button--secondary:hover,
    .blocks--primary .hs-button.button--secondary:hover,
    .blocks--primary .cta_button.button--secondary:hover {
      background-color: #000000 !important;
      color: #ffffff;
      border-color: #000000;
    }
  

    
  

  
    
      .blocks--secondary:not(.blocks--hover--colorize) *[class$="__block"], 
      .blocks--secondary div[class$="__block-front"]:before, 
      .blocks--secondary:not(.blocks--hover) div[class$="__block-wrap"] > *, 
      .blocks--secondary div[class$="__block-wrap"] { 
        background-color: #3BB1FF; 
      }
    
    
    
    
    
  
    
    .blocks--secondary h3 { color: #FFFFFF; } 
    
    
    
  
    
    
    .blocks--secondary > * p, .blocks--secondary > *, .blocks--secondary > * span { color: #c3c2c2; }
    
    
  
    
    
    
    .blocks--secondary a:not([class*="button"]) { color: #3BB1FF; }
    
  
    
    
    
    
    
  
    
    
    
    
    
      
  
    
    
    .blocks--secondary .button.button--primary,
    .blocks--secondary .hs-button.button--primary,
    .blocks--secondary .cta_button.button--primary {
      background-color: #000000 !important;
      color: #FFFFFF;
      border-color: #000000;
    }
    .blocks--secondary .button.button--primary:hover,
    .blocks--secondary .hs-button.button--primary:hover,
    .blocks--secondary .cta_button.button--primary:hover {
      background-color: #000000 !important;
      color: #ffffff;
      border-color: #000000;
    }
  

    
  
    
    
    
    
    
      
  
    
    
    .blocks--secondary .button.button--secondary,
    .blocks--secondary .hs-button.button--secondary,
    .blocks--secondary .cta_button.button--secondary {
      background-color: #000000 !important;
      color: #FFFFFF;
      border-color: #CCCCCC;
    }
    .blocks--secondary .button.button--secondary:hover,
    .blocks--secondary .hs-button.button--secondary:hover,
    .blocks--secondary .cta_button.button--secondary:hover {
      background-color: #000000 !important;
      color: #ffffff;
      border-color: #000000;
    }
  

    
  

  
    
      .blocks--tertiary:not(.blocks--hover--colorize) *[class$="__block"], 
      .blocks--tertiary div[class$="__block-front"]:before, 
      .blocks--tertiary:not(.blocks--hover) div[class$="__block-wrap"] > *, 
      .blocks--tertiary div[class$="__block-wrap"] { 
        background-color: #3BB1FF; 
      }
    
    
    
    
    
  
    
    .blocks--tertiary h3 { color: #FFFFFF; } 
    
    
    
  
    
    
    .blocks--tertiary > * p, .blocks--tertiary > *, .blocks--tertiary > * span { color: #c3c2c2; }
    
    
  
    
    
    
    .blocks--tertiary a:not([class*="button"]) { color: #3BB1FF; }
    
  
    
    
    
    
    
  
    
    
    
    
    
      
  
    
    
    .blocks--tertiary .button.button--primary,
    .blocks--tertiary .hs-button.button--primary,
    .blocks--tertiary .cta_button.button--primary {
      background-color: #000000 !important;
      color: #FFFFFF;
      border-color: #000000;
    }
    .blocks--tertiary .button.button--primary:hover,
    .blocks--tertiary .hs-button.button--primary:hover,
    .blocks--tertiary .cta_button.button--primary:hover {
      background-color: #000000 !important;
      color: #ffffff;
      border-color: #000000;
    }
  

    
  
    
    
    
    
    
      
  
    
    
    .blocks--tertiary .button.button--secondary,
    .blocks--tertiary .hs-button.button--secondary,
    .blocks--tertiary .cta_button.button--secondary {
      background-color: #000000 !important;
      color: #FFFFFF;
      border-color: #CCCCCC;
    }
    .blocks--tertiary .button.button--secondary:hover,
    .blocks--tertiary .hs-button.button--secondary:hover,
    .blocks--tertiary .cta_button.button--secondary:hover {
      background-color: #000000 !important;
      color: #ffffff;
      border-color: #000000;
    }
  

    
  

  
    
      .blocks--light:not(.blocks--hover--colorize) *[class$="__block"], 
      .blocks--light div[class$="__block-front"]:before, 
      .blocks--light:not(.blocks--hover) div[class$="__block-wrap"] > *, 
      .blocks--light div[class$="__block-wrap"] { 
        background-color: #FFFFFF; 
      }
    
    
    
    
    
  
    
    .blocks--light h3 { color: #000000; } 
    
    
    
  
    
    
    .blocks--light > * p, .blocks--light > *, .blocks--light > * span { color: #12203b; }
    
    
  
    
    
    
    .blocks--light a:not([class*="button"]) { color: #3BB1FF; }
    
  
    
    
    
    
    
  
    
    
    
    
    
      
  
    
    
    .blocks--light .button.button--primary,
    .blocks--light .hs-button.button--primary,
    .blocks--light .cta_button.button--primary {
      background-color: #000000 !important;
      color: #FFFFFF;
      border-color: #000000;
    }
    .blocks--light .button.button--primary:hover,
    .blocks--light .hs-button.button--primary:hover,
    .blocks--light .cta_button.button--primary:hover {
      background-color: #000000 !important;
      color: #ffffff;
      border-color: #000000;
    }
  

    
  
    
    
    
    
    
      
  
    
    
    .blocks--light .button.button--secondary,
    .blocks--light .hs-button.button--secondary,
    .blocks--light .cta_button.button--secondary {
      background-color: #000000 !important;
      color: #FFFFFF;
      border-color: #CCCCCC;
    }
    .blocks--light .button.button--secondary:hover,
    .blocks--light .hs-button.button--secondary:hover,
    .blocks--light .cta_button.button--secondary:hover {
      background-color: #000000 !important;
      color: #ffffff;
      border-color: #000000;
    }
  

    
  

  
    
      .blocks--dark:not(.blocks--hover--colorize) *[class$="__block"], 
      .blocks--dark div[class$="__block-front"]:before, 
      .blocks--dark:not(.blocks--hover) div[class$="__block-wrap"] > *, 
      .blocks--dark div[class$="__block-wrap"] { 
        background-color: #000000; 
      }
    
    
    
    
    
  
    
    .blocks--dark h3 { color: #FFFFFF; } 
    
    
    
  
    
    
    .blocks--dark > * p, .blocks--dark > *, .blocks--dark > * span { color: #c3c2c2; }
    
    
  
    
    
    
    .blocks--dark a:not([class*="button"]) { color: #3BB1FF; }
    
  
    
    
    
    
    
  
    
    
    
    
    
      
  
    
    
    .blocks--dark .button.button--primary,
    .blocks--dark .hs-button.button--primary,
    .blocks--dark .cta_button.button--primary {
      background-color: #000000 !important;
      color: #FFFFFF;
      border-color: #000000;
    }
    .blocks--dark .button.button--primary:hover,
    .blocks--dark .hs-button.button--primary:hover,
    .blocks--dark .cta_button.button--primary:hover {
      background-color: #000000 !important;
      color: #ffffff;
      border-color: #000000;
    }
  

    
  
    
    
    
    
    
      
  
    
    
    .blocks--dark .button.button--secondary,
    .blocks--dark .hs-button.button--secondary,
    .blocks--dark .cta_button.button--secondary {
      background-color: #000000 !important;
      color: #FFFFFF;
      border-color: #CCCCCC;
    }
    .blocks--dark .button.button--secondary:hover,
    .blocks--dark .hs-button.button--secondary:hover,
    .blocks--dark .cta_button.button--secondary:hover {
      background-color: #000000 !important;
      color: #ffffff;
      border-color: #000000;
    }
  

    
  



:root {
  
    
      --button_primary_color: #FFFFFF;
    
      --button_primary_background-color: #000000;
    
      --button_primary_border-color: #000000;
    
  
    
      --button_primary-hover_color: #ffffff;
    
      --button_primary-hover_background-color: #000000;
    
      --button_primary-hover_border-color: #000000;
    
  
    
      --button_secondary_color: #FFFFFF;
    
      --button_secondary_background-color: #000000;
    
      --button_secondary_border-color: #CCCCCC;
    
  
    
      --button_secondary-hover_color: #ffffff;
    
      --button_secondary-hover_background-color: #000000;
    
      --button_secondary-hover_border-color: #000000;
    
  
    
      --button_tertiary_color: #FFFFFF;
    
      --button_tertiary_background-color: #ffbb12;
    
      --button_tertiary_border-color: #ffbb12;
    
  
    
      --button_tertiary-hover_color: #FFFFFF;
    
      --button_tertiary-hover_background-color: #3BB1FF;
    
      --button_tertiary-hover_border-color: #3BB1FF;
    
  
    
      --button_light_color: #000000;
    
      --button_light_background-color: #FFFFFF;
    
      --button_light_border-color: #FFFFFF;
    
  
    
      --button_light-hover_color: #FFFFFF;
    
      --button_light-hover_background-color: #000000;
    
      --button_light-hover_border-color: #000000;
    
  
    
      --button_dark_color: #FFFFFF;
    
      --button_dark_background-color: #000000;
    
      --button_dark_border-color: #000000;
    
  
    
      --button_dark-hover_color: #ffffff;
    
      --button_dark-hover_background-color: #000000;
    
      --button_dark-hover_border-color: #000000;
    
  
}

.header:not(.mobile-menu--active) .mobile-open {
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 768px) {
.header .hs_cos_wrapper_type_logo img {
  max-width: 175px;
  margin-left: 20px;
}
  .header .header_dnd_area-row-0-padding {
    padding-top: 13px !important;
    padding-bottom: 5px !important;
  }
}
div[class$=-content] *+:not(h2):not(h1):not(.button-wrap) {
    padding-top: 0px;
}

.hero-tabs .scope__block-image {
    width: 20%;
}
.hero-tabs .scope__block-image {
  margin-right: 0px !important;
}
.hero-tabs .scope__block-title {
  padding-left: 10px;
}
.hero-tabs .scope__block-image {
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none'%3E%3CforeignObject x='-13.2' y='-13.2' width='90.4' height='90.4'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(6.6px);clip-path:url(%23bgblur_0_154_1689_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Cg data-figma-bg-blur-radius='13.2'%3E%3Crect x='0.5' y='0.5' width='63' height='63' rx='29.5' fill='%23131313' fill-opacity='0.6'/%3E%3Crect x='0.5' y='0.5' width='63' height='63' rx='29.5' fill='url(%23paint0_radial_154_1689)' fill-opacity='0.16'/%3E%3Crect x='0.5' y='0.5' width='63' height='63' rx='29.5' fill='url(%23paint1_radial_154_1689)' fill-opacity='0.09'/%3E%3Crect x='0.5' y='0.5' width='63' height='63' rx='29.5' stroke='url(%23paint2_linear_154_1689)'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_154_1689_clip_path' transform='translate(13.2 13.2)'%3E%3Crect x='0.5' y='0.5' width='63' height='63' rx='29.5'/%3E%3C/clipPath%3E%3CradialGradient id='paint0_radial_154_1689' cx='0' cy='0' r='1' gradientTransform='matrix(23.4137 -43.8436 12.644 23.6766 -5.32414 63.0845)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233BB1FF'/%3E%3Cstop offset='1' stop-color='%233BB1FF' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='paint1_radial_154_1689' cx='0' cy='0' r='1' gradientTransform='matrix(14.9668 -28.0263 14.9668 28.0263 60.4776 11.9754)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D3C9B1'/%3E%3Cstop offset='1' stop-color='%23D3C9B1' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='paint2_linear_154_1689' x1='-8.07017' y1='315.509' x2='129.363' y2='299.939' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='0.33238' stop-color='white' stop-opacity='0'/%3E%3Cstop offset='0.65979' stop-color='white' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0;
}
.hero-tabs .scope__block-image img {
  width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
}
.hero-tabs h3 {
  font-weight: 400 !important;
  font-size: 16px !important;
  margin-bottom: 0 !important;
}

.hero-tabs .scope__block-image + .scope__block-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
}

.blog__block {
    border-radius: 10px;
}
.demo-cta .scope__background {
  background-color: hsl(0deg 0% 90.39% / 60%) !important;
  backdrop-filter: blur(10px);
  box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}

.scope iframe, iframe {
  border-radius: 10px;
}

.video-js .vjs-big-play-button {
    background-color: #ffbb12 !important;
}
.vjs-hubspot.vjs-paused:not(.vjs-scrubbing):not(.vjs-seeking) .vjs-big-play-button {
  background-color: #ffbb12 !important;
}
.vjs-hubspot .simple-play-button {
  /* background-color: #ffbb12 !important; */
  /* background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='156' height='156' viewBox='0 0 156 156' fill='none'%3E%3Cg clip-path='url(%23clip0_154_1805)'%3E%3Cg filter='url(%23filter0_i_154_1805)'%3E%3Ccircle cx='78' cy='78' r='78' fill='%230E0D0C'/%3E%3Ccircle cx='78' cy='78' r='78' fill='black' fill-opacity='0.2'/%3E%3C/g%3E%3Ccircle cx='78' cy='78' r='77.5' stroke='url(%23paint0_linear_154_1805)' stroke-opacity='0.26'/%3E%3Cg filter='url(%23filter1_f_154_1805)'%3E%3Ccircle cx='78' cy='181.643' r='131' fill='url(%23paint1_linear_154_1805)' fill-opacity='0.9'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_i_154_1805' x='0' y='0' width='156' height='156' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='18'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.184314 0 0 0 0 0.454902 0 0 0 0 1 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_154_1805'/%3E%3C/filter%3E%3Cfilter id='filter1_f_154_1805' x='-132.8' y='-29.1572' width='421.6' height='421.6' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='39.9' result='effect1_foregroundBlur_154_1805'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_154_1805' x1='78' y1='0' x2='78' y2='156' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232F74FF'/%3E%3Cstop offset='1' stop-color='%231C4699'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_154_1805' x1='209' y1='181.643' x2='-53' y2='181.643' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D3C9B1'/%3E%3Cstop offset='0.274038' stop-color='%23873125'/%3E%3Cstop offset='0.495192' stop-color='%23452368'/%3E%3Cstop offset='0.697115' stop-color='%232F74FF'/%3E%3Cstop offset='1' stop-color='%233BB1FF'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_154_1805'%3E%3Crect width='156' height='156' rx='78' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") !important; */
}

/*.scope__block-wrap {
    width: 80%;
}*/

img.hs-image-widget {
    border-radius: 10px;
}
img.blog-featured-image {
  max-width: 100%;
  }

.scope__wrap.wrap--featured img {
    border-radius: 10px;
}
.hero-tabs .scope__wrap.wrap--featured img, .hero-tabs img.hs-image-widget {
  border-radius: 0px;
}

/* .reasons .tabs .pane__content {
  min-height: auto !important;
} */
    
.partners .scope__block {
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    border-radius: 10px !important;
}

.partners .scope__block-wrap {
    width: 100%;
}

.p-all-5, .kmAGgz, .email-form {
  border-radius: 10px !important;
}

@media (max-width: 767px) {
  .demo-cta .scope__wrap.wrap--featured img {
    max-width: 100% !important;
    height: auto;
  }}

.resources .scope__block-wrap {
    width: 100% !important;
}

.feature-blocks .scope__block-wrap {
  float: none;
  margin: 0 auto;
}

.home-hero .col--content {
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .home-hero .col--content {
    margin-bottom: 0;
  }
}

.careers .tab-content-block {
  width: 100%;
}

.careers .tab-media-block {
  display: none;
}

.careers .tab-content-block {
  align-items: center;
}

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

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

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

.demo-cta form {
    display: flex;
    flex-direction:column;
}

.demo-cta form .hs-form-field {
  margin-bottom: 10px !important
}

.demo-cta .hs_email input {
  border-radius: 5px !important;
}


@media(max-width:1000px) {
  .demo-cta form {
display:block;
}
}

form input[type=submit] {
  background-color: #ffbb12 !important;
    border-color: #ffbb12 !important;
    color: #12203b !important;
}

form input[type=submit]:hover {
  background-color: #12203b !important;
    border-color: #12203b !important;
    color: #fff !important;
}


form[data-form-id="a5b90f7c-10d1-44e3-8d54-24885ca567d3"] > .hs_email input {
  padding:1em !important;
}

form[data-form-id="a5b90f7c-10d1-44e3-8d54-24885ca567d3"] > .hs_email {
  width:70% ;
  
}

form[data-form-id="a5b90f7c-10d1-44e3-8d54-24885ca567d3"] > .hs_submit {
  width:30% !important;
  
}

form[data-form-id="a5b90f7c-10d1-44e3-8d54-24885ca567d3"] {
  justify-content:center !important;
  padding-top: 20px;
}

form[data-form-id="a5b90f7c-10d1-44e3-8d54-24885ca567d3"] > .hs_submit .hs-button {
  border-radius: 0 5px 5px 0 !important;
} 

.download-now .actions:has(input[type=submit]):after {
  right:22%;
}

@media(max-width:1120px) {
.section-layout--right div[class$='__row'] {
  flex-direction:column !important;
}
}

@media(max-width:787px) {
  .blog__block-cta .button, .scope__row a.hs-button.button.button--primary {
    padding-top:8px !important;
    padding-bottom:8px !important;
  }
}

.demo-cta input.hs-button.primary.large {
  padding: 1em !important;
}

.new-2025-cell-section h2 {
  font-weight: 400 !important;
  font-size: 24px !important;
  line-height: 32px !important;
  color: #FFFFFF !important;
}
.new-2025-cell-section .scope__heading {
  padding-bottom: 0 !important;
}
.new-2025-cell-section .scope__content h2 {
  color: #3BB1FF !important;
}

.tabs .tabs__nav>ul>li .tab-link {
  text-align: left !important;
}

.tabs .tabs__icon {
  flex-shrink: 0 !important;
  margin-right: 10px !important;
}
.tabs.style--icon ul li .tabs__icon svg {
  fill: #ffffff !important;
}
.tabs.style--icon ul li.active .tabs__icon svg, .tabs.style--icon ul li:hover .tabs__icon svg {
  fill: #3BB1FF !important;
}

.tabs.tabs--vertical {
  gap: 2rem !important;
}
.tabs .tabs__nav>ul>li.active {
  background-color: #ffffff !important;
  color: #000000 !important;
}

.tabs__nav>ul>li:hover {
  color: #000000 !important;
  background: radial-gradient(49.64% 49.64% at 94.5% 18.71%, rgba(211, 201, 177, 0.09) 0%, rgba(211, 201, 177, 0.00) 100%), radial-gradient(41.94% 77.66% at -8.32% 98.57%, rgba(59, 177, 255, 0.16) 0%, rgba(59, 177, 255, 0.00) 100%), rgba(19, 19, 19, 0.60) !important;
  backdrop-filter: blur(6.599999904632568px) !important;
}


.tabs #dropdownMenu {
  gap: 8px !important;
  display: flex !important;
  padding: 0 !important;
  margin-bottom: 2rem !important;
  justify-content: center !important;
}

@media screen and (max-width: 800px) {
  .tabs #dropdownMenu {
    background-color: transparent !important;
    position: static !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
  .tabs.tabs--vertical>:first-child {
    width: 100% !important;
  }
}

.tabs #dropdownMenu li {
  margin-right: 0 !important;
}
@media screen and (max-width: 800px) {
  .tabs__scope {
    padding: 0 !important;
  }
  .tabs #dropdownMenu li {
    text-align: left !important;
  }
}

.tabs .tabs__nav {
  text-align: center !important;
}

.tabs .tabs__nav>ul>li.active a,
.tabs .tabs__nav>ul>li.active:hover a {
  color: #000000 !important;
}
.tabs .tabs__nav ul li {
  border: 1px solid rgba(255, 255, 255, 0.20) !important;
  padding: 0 !important;
}
.tabs .tabs__nav ul li, .tabs .tabs__nav ul li a {
  color: #ffffff !important;
}
.tabs .tabs__nav>ul>li .tab-link {
  padding: 12px 30px !important;
}
.tabs .tabs__nav>ul>li:hover .tab-link {
  color: #000000 !important;
}

#dropdownToggle {
  display: none !important;
}

.tabs .pane__content {
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  background: radial-gradient(49.64% 49.64% at 94.5% 18.71%, rgba(211, 201, 177, 0.09) 0%, rgba(211, 201, 177, 0.00) 100%), radial-gradient(41.94% 77.66% at -8.32% 98.57%, rgba(59, 177, 255, 0.16) 0%, rgba(59, 177, 255, 0.00) 100%), rgba(19, 19, 19, 0.60) !important;
  backdrop-filter: blur(6.599999904632568px) !important;
}

.tabs .pane-title {
  font-size: 36px !important;
  /* margin-bottom: 0 !important; */
  line-height: 130% !important;
}
.tabs .pane-content {
  font-size: 16px !important;
  line-height: 150% !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

.stat-block-one, .stat-block-two {
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.20) !important;
  background: #0F0B0A !important;
  min-height: 90px !important;
}

p.stat-number {
  color: #ffffff !important;
  font-size: 36px !important;
  font-weight: 500 !important;
  width: 35% !important;
  min-width: 50px !important;
}

.stat-block-one p, .stat-block-two p {
  font-weight: 400 !important;
  color: #ffffff !important;

}

.slider {
  background: transparent !important;
  height: auto !important;
}
.slider:before,
.slider:after {
  display: none !important;
}
.slider .slide {
  background-color: #cccccc !important;
  border-radius: 22px !important;
  aspect-ratio: 170/130 !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.slider .slide img {
  object-fit: contain !important;
}

.footer-container .footer_dnd_area-row-1-background-color .row-fluid {
  align-items: flex-start !important;
  display: flex !important;
  justify-content: space-between !important;
}
.footer-container .footer_dnd_area-row-1-background-color .span6:nth-child(2) {
  font-size: 14px !important;
}
.footer-container .footer_dnd_area-row-1-background-color .span6:nth-child(2) a {
  color: #3BB1FF !important;
}
.footer-container .footer_dnd_area-row-1-background-color .span6:nth-child(2) a:hover {
  color: #FFFFFF !important;
}

.footer-container .footer_dnd_area-row-0-background-layers ul {
  display: flex !important;
  flex-direction: column !important;
  gap: 13px !important;
}

.footer-container .footer_dnd_area-row-2-background-layers .row-fluid {
  align-items: center !important;
  display: flex !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
}

.footer-container .footer_dnd_area-row-2-background-layers .row-fluid a:not(.hs-button) {
  color: #3BB1FF !important;
}
.footer-container .footer_dnd_area-row-2-background-layers .row-fluid a:not(.hs-button):hover {
  color: #ffffff !important;
}

@media screen and (max-width: 767px) {
  .footer-container .row-depth-1 .row-fluid {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    text-align: center !important;
  }
  .footer-container .footer_dnd_area-row-1-background-color .row-fluid {
    align-items: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
  }
  .footer-container .footer_dnd_area-row-2-background-layers .row-fluid div {
    text-align: center !important;
  }
}

.scope__small-title h5 {
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.20) !important;
  display: inline-flex !important;
  padding: 8px 12px !important;
  justify-content: center !important;
  align-items: center !important;
  align-content: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}
.scope__small-title h5:before {
  display: none !important;
}

.scope__heading > * {
  font-weight: normal !important;
}

body {
  line-height: 150%;
}

/* forms overrides */
form input[type=text], form input[type=email], form input[type=tel]{
  color: #ffffff !important;
  display: flex !important;
  padding: 16px 24px !important;
  align-items: center !important;
  gap: 10px !important;
  align-self: stretch !important;
  border-radius: 50px !important;
  border-style: solid !important;
  border-width: 1px !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
  background: radial-gradient(49.64% 49.64% at 94.5% 18.71%, rgba(211, 201, 177, 0.09) 0%, rgba(211, 201, 177, 0.00) 100%), radial-gradient(41.94% 77.66% at -8.32% 98.57%, rgba(59, 177, 255, 0.16) 0%, rgba(59, 177, 255, 0.00) 100%), rgba(19, 19, 19, 0.60) !important;
  backdrop-filter: blur(6.599999904632568px) !important;
}
form input[type=text]:focus, form input[type=email]:focus, form input[type=tel]:focus{
  color: #ffffff !important;
  display: flex !important;
  padding: 16px 24px !important;
  align-items: center !important;
  gap: 10px !important;
  align-self: stretch !important;
  border-radius: 50px !important;
  border: 1px solid #ffffff !important;
  background: radial-gradient(49.64% 49.64% at 94.5% 18.71%, rgba(211, 201, 177, 0.09) 0%, rgba(211, 201, 177, 0.00) 100%), radial-gradient(41.94% 77.66% at -8.32% 98.57%, rgba(59, 177, 255, 0.16) 0%, rgba(59, 177, 255, 0.00) 100%), rgba(19, 19, 19, 0.60) !important;
  backdrop-filter: blur(6.599999904632568px) !important;
  outline: none !important;
}
form input[type=text]::placeholder, form input[type=email]::placeholder, form input[type=tel]::placeholder {
  color: rgba(255, 255, 255, 0.50) !important;
}

form .hs-submit .actions:after {
  display: none !important;
}
form .hs-submit .actions {
  position: relative;
  background-color: #000000;
  color: #FFFFFF;
  border: none !important;
  border-radius: 30px !important;
  overflow: visible !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  font-size: 16px !important;
  cursor: pointer !important;
}
.module_17171100329656__scope form input[type='submit']:hover {
  background-color: transparent !important;
}

form .hs-submit .actions::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 30px;
  padding: 2px;
  background: conic-gradient(
    from 225deg at 50% 50%,
    #3BB1FF 0%,
    #3BB1FF 15%,
    #2F74FF 25%,
    #452368 40%,
    #873125 55%,
    #873125 70%,
    #D3C9B1 85%,
    #3BB1FF 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  animation: gradient-rotate-reverse 0.2s ease-in-out forwards;
}
form .hs-submit .actions:hover {
  background-color: #000000 !important;
} 

form .hs-submit .actions:hover::before {
  animation: gradient-rotate 0.2s ease-in-out forwards;
}

form .hs-submit .actions input[type=submit] {
  padding: 8px 32px !important;
  line-height: 42px !important;
  background: transparent !important;
  border: none !important;
  color: #fff !important;
  cursor: pointer !important;
  outline: none !important;
  -webkit-appearance: none !important;
  white-space: nowrap !important;
}
form .hs-submit .actions input[type=submit]:hover {
  background-color: transparent !important;
}

.new-2026-hero .scope__background {
  width: 100% !important;
  max-width: 1340px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  border-radius: 30px !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  background: radial-gradient(49.64% 49.64% at 94.5% 18.71%, rgba(211, 201, 177, 0.09) 0%, rgba(211, 201, 177, 0.00) 100%), radial-gradient(41.94% 77.66% at -8.32% 98.57%, rgba(59, 177, 255, 0.16) 0%, rgba(59, 177, 255, 0.00) 100%), rgba(19, 19, 19, 0.60) !important;
  backdrop-filter: blur(6.599999904632568px) !important;
}

.new-2026-hero h1 {
  line-height: 130% !important;
}

@media screen and (max-width: 1100px) {
  .new-2026-hero form {
    margin-bottom: 2rem !important;
  }
}

.new-2026-section .scope__background {
  width: 100% !important;
  max-width: 1240px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  border-radius: 30px !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  background: radial-gradient(49.64% 49.64% at 94.5% 18.71%, rgba(211, 201, 177, 0.09) 0%, rgba(211, 201, 177, 0.00) 100%), radial-gradient(41.94% 77.66% at -8.32% 98.57%, rgba(59, 177, 255, 0.16) 0%, rgba(59, 177, 255, 0.00) 100%), rgba(19, 19, 19, 0.60) !important;
  backdrop-filter: blur(6.599999904632568px) !important;
}

.csat-carousel .slick-slide {
  background: #000000 !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.20) !important;
  padding: 24px !important;
}

/* .blocks--media.scope__blocks .scope__block-wrap {
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  background: radial-gradient(49.64% 49.64% at 94.5% 18.71%, rgba(211, 201, 177, 0.09) 0%, rgba(211, 201, 177, 0.00) 100%), radial-gradient(41.94% 77.66% at -8.32% 98.57%, rgba(59, 177, 255, 0.16) 0%, rgba(59, 177, 255, 0.00) 100%), rgba(19, 19, 19, 0.60) !important;
  backdrop-filter: blur(6.599999904632568px) !important;
} */

.blocks--dark:not(.blocks--hover--colorize) *[class$="__block"], .blocks--dark div[class$="__block-front"]:before, .blocks--dark:not(.blocks--hover) div[class$="__block-wrap"] > *, .blocks--dark div[class$="__block-wrap"] {
  background: transparent !important;
}

.recommend-tab {
  background: #3BB1FF !important;
  color: #ffffff !important;

}

.pricing-card {
  padding-top: 2rem !important;
}

.pricing-module.secondary .pricing-card {
  border-radius: 30px !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  background: radial-gradient(49.64% 49.64% at 94.5% 18.71%, rgba(211, 201, 177, 0.09) 0%, rgba(211, 201, 177, 0.00) 100%), radial-gradient(41.94% 77.66% at -8.32% 98.57%, rgba(59, 177, 255, 0.16) 0%, rgba(59, 177, 255, 0.00) 100%), rgba(19, 19, 19, 0.60) !important;
  backdrop-filter: blur(6.599999904632568px) !important;
}

.pricing-card h3 {
  font-size: 36px !important;
}

.pricing-module.secondary .price,
.pricing-module.secondary .pricing-card h3 {
  color: #3BB1FF !important;
  font-weight: 400 !important;
}

.pricing-block.recommended #pricing-btn {
  border-radius: 30px !important;
}

.price-card-divider img {
  display: none !important;
}

hgy;pghh5.price-card-divider {
  height: 2px !important;
  background: linear-gradient(90deg,
    #3BB1FF 0%,
    #3BB1FF 15%,
    #2F74FF 25%,
    #452368 40%,
    #873125 55%,
    #873125 70%,
    #D3C9B1 85%,
    #3BB1FF 100%
  ) !important;
  margin-bottom: 1.5rem !important;
}

.module_171764295544410__scope div[class$='__block-title'], .module_171764295544410__scope *[class$='__block'] h2, .module_171764295544410__scope *[class$='__block'] h3, .module_171764295544410__scope *[class$='__block'] h4,
.module_17176424870148__scope div[class$='__block-title'], .module_17176424870148__scope *[class$='__block'] h2, .module_17176424870148__scope *[class$='__block'] h3, .module_17176424870148__scope *[class$='__block'] h4,
.module_17628755205809__scope div[class$='__block-title'], .module_17628755205809__scope *[class$='__block'] h2, .module_17628755205809__scope *[class$='__block'] h3, .module_17628755205809__scope *[class$='__block'] h4,
.module_171764313778710__scope div[class$='__block-title'], .module_171764313778710__scope *[class$='__block'] h2, .module_171764313778710__scope *[class$='__block'] h3, .module_171764313778710__scope *[class$='__block'] h4,
.module_17176433977289__scope div[class$='__block-title'], .module_17176433977289__scope *[class$='__block'] h2, .module_17176433977289__scope *[class$='__block'] h3, .module_17176433977289__scope *[class$='__block'] h4,
.module_17184044060955__scope div[class$='__block-title'], .module_17184044060955__scope *[class$='__block'] h2, .module_17184044060955__scope *[class$='__block'] h3, .module_17184044060955__scope *[class$='__block'] h4,
.widget_1716507252917__scope div[class$='__block-title'],
.widget_1716507252917__scope *[class$='__block'] h2,
.widget_1716507252917__scope *[class$='__block'] h3,
.widget_1716507252917__scope *[class$='__block'] h4,
.module_17165077726362__scope div[class$='__block-title'],
.module_17165077726362__scope *[class$='__block'] h2,
.module_17165077726362__scope *[class$='__block'] h3,
.module_17165077726362__scope *[class$='__block'] h4,
.dnd_area-module-3__scope div[class$='__block-title'], .dnd_area-module-3__scope *[class$='__block'] h2, .dnd_area-module-3__scope *[class$='__block'] h3, .dnd_area-module-3__scope *[class$='__block'] h4,
.module_17165765499838__scope div[class$='__block-title'], .module_17165765499838__scope *[class$='__block'] h2, .module_17165765499838__scope *[class$='__block'] h3, .module_17165765499838__scope *[class$='__block'] h4,
.module_17168517598449__scope div[class$='__block-title'], .module_17168517598449__scope *[class$='__block'] h2, .module_17168517598449__scope *[class$='__block'] h3, .module_17168517598449__scope *[class$='__block'] h4,
.module_171685137284610__scope div[class$='__block-title'], .module_171685137284610__scope *[class$='__block'] h2, .module_171685137284610__scope *[class$='__block'] h3, .module_171685137284610__scope *[class$='__block'] h4,
.module_17168513642038__scope div[class$='__block-title'], .module_17168513642038__scope *[class$='__block'] h2, .module_17168513642038__scope *[class$='__block'] h3, .module_17168513642038__scope *[class$='__block'] h4,
.module_17168491553898__scope div[class$='__block-title'], .module_17168491553898__scope *[class$='__block'] h2, .module_17168491553898__scope *[class$='__block'] h3, .module_17168491553898__scope *[class$='__block'] h4,
.module_171685061623010__scope div[class$='__block-title'], .module_171685061623010__scope *[class$='__block'] h2, .module_171685061623010__scope *[class$='__block'] h3, .module_171685061623010__scope *[class$='__block'] h4,
.module_17168509875936__scope div[class$='__block-title'], .module_17168509875936__scope *[class$='__block'] h2, .module_17168509875936__scope *[class$='__block'] h3, .module_17168509875936__scope *[class$='__block'] h4,
.module_17168544842748__scope div[class$='__block-title'], .module_17168544842748__scope *[class$='__block'] h2, .module_17168544842748__scope *[class$='__block'] h3, .module_17168544842748__scope *[class$='__block'] h4,
.module_17168544842748__scope div[class$='__block-title'], .module_17168544842748__scope *[class$='__block'] h2, .module_17168544842748__scope *[class$='__block'] h3, .module_17168544842748__scope *[class$='__block'] h4,
.module_171685474970610__scope div[class$='__block-title'], .module_171685474970610__scope *[class$='__block'] h2, .module_171685474970610__scope *[class$='__block'] h3, .module_171685474970610__scope *[class$='__block'] h4,
.module_17168548726726__scope div[class$='__block-title'], .module_17168548726726__scope *[class$='__block'] h2, .module_17168548726726__scope *[class$='__block'] h3, .module_17168548726726__scope *[class$='__block'] h4,
.module_17178842230228__scope div[class$='__block-title'], .module_17178842230228__scope *[class$='__block'] h2, .module_17178842230228__scope *[class$='__block'] h3, .module_17178842230228__scope *[class$='__block'] h4,
.module_171788423816210__scope div[class$='__block-title'], .module_171788423816210__scope *[class$='__block'] h2, .module_171788423816210__scope *[class$='__block'] h3, .module_171788423816210__scope *[class$='__block'] h4,
.module_171788424606310__scope div[class$='__block-title'], .module_171788424606310__scope *[class$='__block'] h2, .module_171788424606310__scope *[class$='__block'] h3, .module_171788424606310__scope *[class$='__block'] h4
 {
  color: #3bb1ff !important;
}

h1,h2,h3,h4 {
  line-height: 130% !important;

}


form[data-form-id="a5b90f7c-10d1-44e3-8d54-24885ca567d3"] {
  display: flex;
  align-items: flex-start;
  justify-content: center !important;
  gap: 16px !important;
}
form[data-form-id="a5b90f7c-10d1-44e3-8d54-24885ca567d3"] > .hs-email {
  flex-grow: 1 !important;
  flex-shrink: 1 !important;
}
form[data-form-id="a5b90f7c-10d1-44e3-8d54-24885ca567d3"] > .hs-email .input {
  width: 100% !important;
}
form[data-form-id="a5b90f7c-10d1-44e3-8d54-24885ca567d3"] > .hs_submit {
  width: auto !important;
  position: static !important;
}

.widget_1716507252917__scope *[class$='__block'] p, .widget_1716507252917__scope *[class$='__block'] li {
  color: rgba(255, 255, 255, 0.85) !important;
}

.module_17364401004624__scope *[class$='__block'], .module_17184044060955__scope .scope__blocks.blocks--media div[class$='__block-wrap'], .module_17184044060955__scope .scope__blocks.blocks--icon .scope__block {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  border-radius: 0 0 30px 30px !important;
}
.module_17364401004624__scope *[class$='__block'] h3 {
  color: #ffffff !important;

}

@media (max-width: 768px) {
  .demo form {
    flex-direction: column;
    align-items: stretch;
  }
  .demo form .input {
    width: 100%;
  }
  .demo .hs_email input {
    border-radius: 5px 5px 0 0;
  }
  form[data-form-id=a5b90f7c-10d1-44e3-8d54-24885ca567d3]>.hs_submit {
    width: 100% !important;
    position: static !important;
  }
  .demo form .actions {
    flex: 0 0 100%;
  }
  form[data-form-id=a5b90f7c-10d1-44e3-8d54-24885ca567d3]>.hs_submit .hs-button {
    border-radius: 0 0 5px 5px !important;
  }
}

.blog__block-wrap {
  background: #000000 !important;
}
.blog__block-title h3 {
  height: auto !important;
  color: #ffffff !important;
  text-align: left !important;
  font-size: 24px !important;
}

.blog__block-topics {
  background: #000000 !important;
  margin-top: 0 !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  padding: 0 !important;
}

.blog__block-topics > span {
  color: #ffffff !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  padding: 8px 12px !important;
  font-size: 14px !important;
}

.blog__block {
  background: #000000 !important;
}

.blog__block-content {
  line-height: 160% !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

.blog__block-cta {
  position: static !important;
}
.blog__block-cta a {
  color: #3BB1FF !important;
}

.blog__batch>.button-wrap {
  padding: 0 !important;
}

.header__primary .hs-menu-children-wrapper:has(.sss) {
    padding-right: 220px !important;
}

.module_17628730215417__scope div[class$='__background'] {
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 30px;
  width: 90%;
  max-width: 1440px;
  left: 50%;
  transform: translateX(-50%);
}

.cell_1764763035492-background-layers {
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 30px;

}

@media(max-width:768px) {
  .form-mobile-edit form[data-form-id="a5b90f7c-10d1-44e3-8d54-24885ca567d3"] > .hs_submit {
    display:inline-block !important;
  }
  
  .form-mobile-edit form[data-form-id="a5b90f7c-10d1-44e3-8d54-24885ca567d3"] {
    flex-direction:column !important;
  }
  
  .form-mobile-edit form[data-form-id="a5b90f7c-10d1-44e3-8d54-24885ca567d3"] > .hs_email {
    width: 100% !important;
  }
  
  .form-mobile-edit input {   
    border-radius: 5px 5px 0 0;
  }
  
}


.stat__number {
  line-height: 160% !important;
}
.inputs,
#result {
  background: radial-gradient(49.64% 49.64% at 94.5% 18.71%, rgba(211, 201, 177, 0.09) 0%, rgba(211, 201, 177, 0.00) 100%), radial-gradient(41.94% 77.66% at -8.32% 98.57%, rgba(59, 177, 255, 0.16) 0%, rgba(59, 177, 255, 0.00) 100%), rgba(19, 19, 19, 0.60) !important;
  backdrop-filter: blur(6.599999904632568px) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  background-image: none !important;
}
#inputs {
  border-radius: 30px 0 0 30px !important;
  border-right: none !important;
}
#result {
  border-radius: 0 30px 30px 0 !important;
  border-left: none !important;
}

@media screen and (max-width: 768px) {
  .inputs,
  #result {
    border-radius: 30px !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
  }
  .inputs {
    margin-bottom: 1rem !important;
  }
  .inputs p {
    margin: 1rem 0 !important;
  }
}

.inputs h2,
.input-field label {
  color: #3BB1FF !important;
}
.inputs p {
  color: #ffffff !important;
  font-size: 16px !important;
  line-height: 150% !important;
}
.input-field {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}
.input-field input {
  color: #ffffff !important;
  padding: 16px 24px !important;
  border-radius: 50px !important;
  border-style: solid !important;
  border-width: 1px !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
  background: radial-gradient(49.64% 49.64% at 94.5% 18.71%, rgba(211, 201, 177, 0.09) 0%, rgba(211, 201, 177, 0.00) 100%), radial-gradient(41.94% 77.66% at -8.32% 98.57%, rgba(59, 177, 255, 0.16) 0%, rgba(59, 177, 255, 0.00) 100%), rgba(19, 19, 19, 0.60) !important;
  backdrop-filter: blur(6.599999904632568px) !important;
}
.input-field input:focus {
  color: #ffffff !important;
  padding: 16px 24px !important;
  border-radius: 50px !important;
  border: 1px solid #ffffff !important;
  background: radial-gradient(49.64% 49.64% at 94.5% 18.71%, rgba(211, 201, 177, 0.09) 0%, rgba(211, 201, 177, 0.00) 100%), radial-gradient(41.94% 77.66% at -8.32% 98.57%, rgba(59, 177, 255, 0.16) 0%, rgba(59, 177, 255, 0.00) 100%), rgba(19, 19, 19, 0.60) !important;
  backdrop-filter: blur(6.599999904632568px) !important;
  outline: none !important;
}
.input-field input::placeholder {
  color: rgba(255, 255, 255, 0.50) !important;
}
#result p:not(#result-value) {
  font-size: 16px !important;
  line-height: 150% !important;
  color: #ffffff !important;
}
#result-value {
  color: #3BB1FF !important;
  padding-top: 2rem !important;
}

#hs_cos_wrapper_module_17206476727555 .pricing-block.recommended #pricing-btn {
  background-color: #000 !important;
  color: #ffffff !important;
}

.cell_1719266504892-vertical-alignment {
  border-radius: 30px !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  background: radial-gradient(49.64% 49.64% at 94.5% 18.71%, rgba(211, 201, 177, 0.09) 0%, rgba(211, 201, 177, 0.00) 100%), radial-gradient(41.94% 77.66% at -8.32% 98.57%, rgba(59, 177, 255, 0.16) 0%, rgba(59, 177, 255, 0.00) 100%), rgba(19, 19, 19, 0.60) !important;
  backdrop-filter: blur(6.599999904632568px) !important;
}
.cell_1719266504892-vertical-alignment .section--dark,
.cell_1719266569122-vertical-alignment {
  background: transparent !important;
}

.partners .scope__block {
  border-radius: 30px !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
}

.csat-carousel .slick-prev:before,
.csat-carousel .slick-next:before {
  color: #fff !important;
}

.pro.recommended .price-chevron {
  background-image: url('https://2185953.fs1.hubspotusercontent-na1.net/hubfs/2185953/raw_assets/public/BOT%202026%20Theme/images/Pro_blue.png') !important;
}

.blog-related-posts {
  background-color: #000000 !important;
}

.blog-related-posts h2 {
  color: #3BB1FF !important;
}

@media screen and (max-width: 1279px) {
  .mobile_menu_dnd_area-row-0-background-layers {
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    background: radial-gradient(49.64% 49.64% at 94.5% 18.71%, rgba(211, 201, 177, 0.09) 0%, rgba(211, 201, 177, 0.00) 100%), radial-gradient(41.94% 77.66% at -8.32% 98.57%, rgba(59, 177, 255, 0.16) 0%, rgba(59, 177, 255, 0.00) 100%), rgba(19, 19, 19, 0.60) !important;
  }
  .mobile-menu__area {
    overflow: auto !important;
    height: 100dvh !important;
  }
  .mobile_menu_dnd_area-row-0-background-layers ul {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    margin-bottom: 0 !important;
  }
  .mobile_menu_dnd_area-row-0-background-layers .span6:nth-child(2) {
    margin-top: 10px !important;
  }
  .mobile_menu_dnd_area-row-0-background-layers .span6:nth-child(2) ul {
    gap: 20px !important;
  }
}

.pricing-block #pricing-btn {
 padding: 10px 20px!important
}

.price-card-features ul li:before {
  background: url('https://2185953.fs1.hubspotusercontent-na1.net/hubfs/2185953/raw_assets/public/BOT%202026%20Theme/images/icons/bolt-light-full.svg') !important;
}

div[class$="--horizontal"].blocks--icon div[class$="__block-image"] {
  flex-shrink: 0 !important;
}

#hs_cos_wrapper_post_body {
  color: #ffffff !important;
}
#hs_cos_wrapper_post_body table td p span {
  color: #ffffff !important;
}

#hs_cos_wrapper_post_body table td {
  background-color: #000000 !important;
}
#hs_cos_wrapper_post_body h2 span,
#hs_cos_wrapper_post_body h3 span,
#hs_cos_wrapper_post_body h4 span,
#hs_cos_wrapper_post_body p span,
#hs_cos_wrapper_post_body ol li span,
#hs_cos_wrapper_post_body ul li span {
  color: #ffffff !important;
}
#hs_cos_wrapper_post_body h5:before {
  display: none !important;
  
}