




.hs-error-msgs li label{ ; } 
.hs-error-msg{ background:




rgba(226, 0, 41, 1.0)
; font-size:0.81rem; color:#fff; } 
.hs-input.error {box-shadow: 0 4px 24px 0 rgba(0,0,0,.15); }





































/* Buttons */
















































/* 1g. Website header */






/* header-section */ .coming-soon-header .header { background: transparent; }
.hearder-bg{ background:




rgba(255, 255, 255, 0.7)
; z-index:8 } 
.button-edit.hearder-bg .button{font-size:0.875rem;font-family: Outfit; font-style: normal; font-weight: 500; text-decoration: none;}
.button-edit.hearder-bg .button:hover, .button-edit.hearder-bg .button:focus{ font-family: Outfit; font-style: normal; font-weight: 500; text-decoration: none;}
.header .child-menu>a{ font-family: Outfit; font-style: normal; font-weight: 500; text-decoration: none; font-size:0.875rem;color:#222222;} 
.header .child-menu>a>svg path,.header .arrow-icon path{ stroke:#222222;}
.content-iner h5, .content-detail h5,.content-iner h4, .content-detail h4,.content-iner h3,
.content-detail h3,.content-iner h2, .content-detail h2, .content-iner h6, .content-detail h6{ font-family: Outfit; font-style: normal; font-weight: 500; text-decoration: none; font-size:1.0rem;color:#222222;transition: 0.5s;}
.content-iner p, .content-detail p{ font-family: Outfit; font-style: normal; font-weight: 500; text-decoration: none; font-size:0.875rem;color:#222222;transition: 0.5s;} 
.header .menu-link:after,.header .three-column .child-items:after{background: #7d37ff;} 
/* .header .content-iner:after, */ .header-tag-tittle{ font-family: Outfit; font-style: normal; font-weight: 500; text-decoration: none; font-size:15px;color:Outfit;} 
/* table-styling */ /* .table table tr:nth-child(2n+1) {background: #fcfcfc;} .table table {margin: 0 0 20px;padding: 0;width: 100%;border-collapse: collapse;border-spacing: 0;background-color: #fff;border-top: 1px solid #ececec;font-size: 18px;line-height: 28px;font-weight: 400;} .table table td {border-style: none solid solid none;border-top: medium none;border-width: medium 1px 1px medium;font-size: 13px;padding: 10px;border-color: #ececec;} .table table tr td:first-child {border-left-style: solid;border-left-width: 1px;} */ 
@media (min-width:1023px) { 
  .content-iner:before { background-color:




rgba(125, 55, 255, 0.05)
; } 
  .header .child-menu>a:hover, .top-menu .hs-menu-flow-horizontal>ul>li>a:hover, .header .child-menu>a:focus,
  .top-menu .hs-menu-flow-horizontal>ul>li>a:focus,
  .header .child-menu>a:active, .top-menu .hs-menu-flow-horizontal>ul>li>a:active {color:#7d37ff;
    background: rgba(125, 55, 255, 5%);

  } 
  .top-menu .hs-menu-flow-horizontal>ul>li.active.active-branch>a, .header .child-menu.active-menu>a{color:#7d37ff;} 
  /*.child-items:focus .content-iner>a, .child-items:focus .content-iner>a>*, .child-items:hover .content-iner>a,
  .child-items:hover .content-iner>a>*, .child-items:active .content-iner>a, .child-items:active .content-iner>a>* */ 
  .header .child-menu>a:hover>svg path,
  .header .child-menu>a:focus>svg path,.header .child-menu>a:active>svg path{stroke:#7d37ff;} }
@media(max-width:1024px){ 
  .top-menu.mobile-view li.hs-menu-item>a { color: #222222; } 
  .top-menu.mobile-view li.hs-menu-item>a:hover, .top-menu.mobile-view li.hs-menu-item.active.active-branch>a { color:#7d37ff } } 
@media (min-width: 767px) { .customer-story p,.customer-story ul li,.customer-story ol li{line-height: 140%;letter-spacing: -0.6px;} }


.under-line:before{border-color:#222222;opacity:20%;}
.content-wrapper { max-width: 80.0rem; }
.dnd-section { padding-top: 7.5rem; padding-bottom: 7.5rem;  }
@media (max-width: 767px) { .dnd-section { padding-top: 0; padding-bottom: 0; } } 
.dnd-section > .row-fluid { max-width: 80.0rem; }
.page-center,.content-wrapper{ max-width: 80.0rem;margin:0 auto;width:100%;padding:0 20px; }
html { font-size:100%;  }
body,p {  color: rgba(34, 34, 34, 100%); font-family: Montserrat; font-style: normal; font-weight: 400; text-decoration: none;  font-size: 1.0rem;  }
a { color: #222222; transition: all 0.3s; }
a:hover, a:focus { color: #550fd7; }
a:active { color: #a55fff; }
h1, .h1 { font-weight: 700; text-decoration: none; font-family: Outfit, sans-serif; font-style: normal;color: #222222;font-size: 3.125rem; }
@media(max-width: 1150px) { h1, .h1 { font-size: 2.65625rem;}}
h2,.h2 { font-weight: 500; text-decoration: none; font-family: Outfit, sans-serif; font-style: normal;color: #222222; font-size: 2.25rem;}
@media(max-width: 1150px) { h2, .h2 {font-size: 1.9124999999999999rem;}}
h3, .h3 { font-weight: 500; text-decoration: none; font-family: Outfit, sans-serif; font-style: normal;color: #222222; font-size: 1.75rem; }
@media(max-width: 1150px) { h3, .h3 { font-size: 1.4875rem;}}
h4, .h4 { font-weight: 500; text-decoration: none; font-family: Outfit, sans-serif; font-style: normal;color: #222222;font-size: 1.5rem;}
@media(max-width: 1150px) { h4, .h4 { font-size: 1.275rem;}}
h5, .h5 {   font-weight: 500; text-decoration: none; font-family: Outfit, sans-serif; font-style: normal;color: #222222;font-size: 1.25rem; }
h6, .h6 { font-weight: 500; text-decoration: none; font-family: Outfit, sans-serif; font-style: normal;color: #222222; font-size: 1.125rem;}
.sub-title{color:#7d37ff;}
blockquote { border-left: 4px solid #7d37ff; }  
.form--style-1 form { padding: 40px; background: ; }
@media (min-width: 1150px) { .form--style-1 { margin-left: 80px; } }
@media (max-width: 1150px) { .form--style-1 form { padding: 20px; } }
@media (max-width: 1150px) { .form--style-1 form { padding: 20px; } }
.form--style-1 h3 { color: #222222;   padding: 20px; font-size: 30px; font-weight: 700; text-align: center; margin-bottom: 0; background-color: 




rgba(255, 255, 255, 0.0)
; }
form, .submitted-message { border: 0.0625rem none #303030; font-family: Montserrat; }
.font_16 { font-size:1rem; }

form input[type=submit],
form .hs-button { font-size: 1.0rem; padding: 0.625rem 1.25rem; }


form input[type=submit],
form .hs-button { font-family: Montserrat, sans-serif; font-style: normal; font-weight: 500; text-decoration: none; color: #fff; fill: #fff; background-color: 




rgba(34, 34, 34, 1.0)
; border: 0.0625rem solid #222222; border-radius: 3.125rem; padding: 0.625rem 1.25rem; text-transform: capitalize; }
form input[type=submit]:hover, form input[type=submit]:focus, form .hs-button:hover, form .hs-button:focus { font-family: Montserrat, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;background-color: 




rgba(125, 55, 255, 1.0)
; border: 0.0625rem solid #7d37ff; color: #ffffff; fill: #ffffff; }
form input[type=submit]:active,
form .hs-button:active { font-family: Montserrat, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;background-color: 




rgba(125, 55, 255, 1.0)
; border: 0.0625rem solid #7d37ff; color: #ffffff; fill: #ffffff; }

.popup_btn.popup_btn>a { color: 




rgba(125, 55, 255, 1.0)
 ;}
.popup_btn.popup_btn>a>span { border:1px dashed 




rgba(125, 55, 255, 1.0)
; }
.popup_btn.popup_btn>a>span:after { box-shadow: 0 0 0 10px  




rgba(125, 55, 255, 1.0)
; }
.popup_btn>.button { font-family: Montserrat, sans-serif; font-style: normal; font-weight: 500; text-decoration: none; font-size: 1.0rem; color: #ffffff; fill: #ffffff; background-color: 




rgba(125, 55, 255, 1.0)
; border: 0.0625rem none #fefefe; border-radius: 3.125rem; padding: 0.625rem 1.25rem; text-transform: capitalize; }
button,
.button { font-family: Montserrat, sans-serif; font-style: normal; font-weight: 500; text-decoration: none; color: #ffffff; fill: #ffffff; font-size: 1.0rem; background-color: 




rgba(125, 55, 255, 1.0)
; border: 0.0625rem none #fefefe; border-radius: 3.125rem; padding: 0.625rem 1.25rem; text-transform: capitalize; }
.button svg, .button svg path {color: #ffffff; fill: #ffffff;}
button:disabled, .button:disabled { background-color: ; color: ; }
button:hover , button:focus, .button:hover, .button:focus, button:active, .button:active { font-family: Montserrat, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;color: #ffffff; fill: #ffffff; background-color: 




rgba(34, 34, 34, 1.0)
; border: 0.0625rem none #222222; }
.button:active svg, .button:focus svg, .button:hover svg, .button:active svg path, .button:focus svg path, .button:hover svg path { color: #ffffff; fill: #ffffff; }
button:active , .button:active { font-family: Montserrat, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;background-color: 




rgba(34, 34, 34, 1.0)
; border: 0.0625rem none #222222; color: #ffffff; fill: #ffffff; } .button.button--secondary {  font-family: Montserrat, sans-serif; font-style: normal; font-weight: 500; text-decoration: none; color: #fff; fill: #fff;background-color: 




rgba(34, 34, 34, 1.0)
; border: 0.0625rem solid #222222; border-radius: 3.125rem; padding: 0.625rem 1.25rem; text-transform: capitalize; }
.button.button--secondary svg, .button.button--secondary svg path{ color: #fff; fill: #fff;}
.button.button--secondary:hover, .button.button--secondary:focus, .button.button--secondary:active { font-family: Montserrat, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;background-color: 




rgba(125, 55, 255, 1.0)
; border: 0.0625rem solid #7d37ff; color: #ffffff; fill: #ffffff;}
.button.button--secondary:hover svg, .button.button--secondary:focus svg, .button.button--secondary:active svg,  .button.button--secondary:hover svg path, .button.button--secondary:focus svg path, .button.button--secondary:active svg path{ color: #ffffff; fill: #ffffff; }
.button.button--secondary:active { font-family: Montserrat, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;background-color: 




rgba(125, 55, 255, 1.0)
; border: 0.0625rem solid #7d37ff; color: #ffffff; fill: #ffffff }
.button.button--simple { font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #222222; fill: #222222;text-transform: capitalize; border-radius: 0; background-color: transparent; }
.button.button--simple svg, .button.button--simple svg path{ fill: #222222 ;}

.button.button--simple:after { content: none; }

.button.button--simple:hover, .button.button--simple:focus {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;border: none; color: #7d37ff ; fill: #7d37ff ; background-color: transparent; }
.button.button--simple:hover svg, .button.button--simple:focus svg, .button.button--simple:hover svg path, .button.button--simple:focus svg path{ fill: #7d37ff ; }

.button.button--simple:hover:after, .button.button--simple:focus:after, .button.button--simple:active:after { content: none; }

.hs-responsive-embed-wrapper.hs-responsive-embed {max-width: 100% !important;}
.button.button--simple:active { font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;          border: none; background-color: transparent; color: #7d37ff !important; fill: #7d37ff !important; } 
.button.button--small { font-size: 1.0rem; padding: 0.75rem 1.5rem; }
.button.button--large { font-size: 1.125rem; padding: 1.25rem 3.0rem; }
form { background-color: 




rgba(34, 34, 34, 0.0)
;  border-radius: 0.188rem; padding: 0.875rem 1.375rem; }
.hs-form-field { margin-bottom: 0.600rem; } 
.submitted-message { font-weight:500; background-color: #7d37ff; padding: 15px; color:#ffffff; text-align:center; }
.form-title {          font-family: Montserrat; font-style: normal; font-weight: normal; text-decoration: none; color: #222222; font-size: 1.0rem;          background-color: 




rgba(255, 255, 255, 0.0)
; border: 0.0625rem none #222222; border-top-left-radius: 0.0rem; border-top-right-radius: 0.0rem; padding: 0.0rem 0.0rem; text-transform: ; } 
.hs-form-field > label {  font-family: Montserrat; font-style: normal; font-weight: normal; text-decoration: none; color: #222222; font-size: 1.0rem; background-color: 




rgba(254, 254, 254, 0.0)
; padding: 0.25rem 0.40625rem; }
.hs-form-field legend { font-family: Montserrat; font-style: normal; font-weight: normal; text-decoration: none; color: ; font-size: 0.875rem;}
input[type='text'], input[type='email'], input[type='password'], input[type='tel'], input[type='number'], input[type='file'], select,select.hs-input, textarea { background:




rgba(255, 255, 255, 1.0)
;appearance: none;width:100% !important;font-family: Montserrat; font-style: normal; font-weight: normal; text-decoration: none; border:0.0625rem solid #222222; color: #222222; font-size: 16px;border-radius: 0.125rem; padding: 0.625rem 0.9375rem; }
select { color: transparent; }
::-webkit-input-placeholder { color: #212229bf; } ::-moz-placeholder { color: #212229bf; } :-ms-input-placeholder { color: #212229bf; } :-moz-placeholder { color: #212229bf; } ::placeholder { color: #212229bf; }
form select { color: ; }
form .inputs-list:not(.no-list) label, form .inputs-list:not(.no-list) label > span, form .inputs-list:not(.no-list) label > span p { font-family: Montserrat; font-style: normal; font-weight: normal; text-decoration: none; color: #222222; font-size: 1.0rem; }
form ul.inputs-list li input + span:before { border: ; border-radius: 0.125rem; } form .input ul.invalid.error > li input + span:before { border-color: #7d37ff; } .hs-fieldtype-select .input:after { border-left: 0.375rem solid transparent; border-right: 0.375rem solid transparent; border-top: 0.375rem solid ; } .hs-datepicker button.pika-button:hover { background-color: #7d37ff !important; } .hs-datepicker .is-selected button.pika-button { background-color: #5f19e1 !important; } .hs-datepicker .is-today button.pika-button { color: #5f19e1; }
form .hs-richtext, form .hs-richtext *, form .hs-richtext p{ font-family: Montserrat; font-style: normal; font-weight: normal; text-decoration: none; color: #222222; font-size: 1.0rem; }
form .hs-richtext h1{ font-weight: 700; } form .hs-richtext h2{ font-weight: 500; } form .hs-richtext h3{ font-weight: 500; } form .hs-richtext h4{ font-weight: 500; } form .hs-richtext h5{ font-weight: 500; } form .hs-richtext h5{ font-weight: 500; }
.legal-consent-container, .legal-consent-container .hs-richtext, .legal-consent-container .hs-richtext p { font-family: Montserrat; font-style: normal; font-weight: normal; text-decoration: none; color: #222222; font-size: 1.0rem;}
.hs-input.invalid.error { border-color: 




rgba(226, 0, 41, 1.0)
; } .hs-error-msgs li, .hs-error-msgs li label { color:#fff; } .hs-error-msgs li a { ; }
th, td { background-color: rgba(254, 254, 254, 1.0); border: 1px solid rgba(34, 34, 34, 1.0); color: rgba(34, 34, 34, 1.0); }
thead th, thead td { background-color: rgba(34, 34, 34, 1.0); color: rgba(254, 254, 254, 1.0); } tfoot td { background-color: rgba(254, 254, 254, 1.0); color: rgba(34, 34, 34, 1.0); } 
table, tbody + tbody { border-color: rgba(34, 34, 34, 1.0); } 
.footer , .footer--new--wrapper { background-color: 




rgba(34, 34, 34, 1.0)
; border-top: 0.0rem  ; } 
.footer__main-bar__logo { background-color: #7d37ff; } .footer__main-bar__menu ul { margin: ; } .footer .footer__main-bar__menu a ,
.footer_menu ul li a , .right--footer--wrap  ul li a,.footer .menu-title,
.footer .right-content span,.footer .right-content>*,.footer .right-content a { font-family: Montserrat, sans-serif; font-style: normal; font-weight: 500; text-decoration: none; color: #fefefe; font-size:0.875rem;text-transform: none; } .footer .footer__main-bar__menu a:hover, .footer_menu ul li a:hover , .right--footer--wrap  ul li a:hover , .footer .footer__main-bar__menu a:focus { background-color: 




rgba(34, 34, 34, 0.0)
; color: #7d37ff; } 
.footer .footer__main-bar__menu a:active , .right--footer--wrap  ul li a:active { background-color: 




rgba(125, 55, 255, 0.0)
; color: #7d37ff; }
.footer .right-content a:hover{color: #7d37ff;}
.footer .hs-menu-item.active a{ color: #7d37ff;}
.footer .social-links__icon{background-color: 




rgba(255, 255, 255, 0.0)
; }
.footer .social-links__icon:hover{background-color:




rgba(255, 255, 255, 0.0)
;}
.footer .social-links__icon svg {fill:#ffffff; } 
.footer .social-links__icon:hover svg, .social-links__icon:focus svg, .social-links__icon:active svg{fill:#7d37ff;} 
.footer__right { background-color: ; border-left: ; border-right: ; } .footer form div.in-focus > label, .footer form div.in-focus > label span { background-color: ; color: ; } .footer form .hs-form-field > label, .footer form .hs-form-field > label span { color: ; } .footer .footer_form .hs_email .hs-input{ color: ; } .footer form .hs-richtext *, .footer form .hs-richtext p, .footer form .legal-consent-container .inputs-list:not(.no-list) label, .footer form .legal-consent-container .inputs-list:not(.no-list) label > span, .footer form .legal-consent-container .inputs-list:not(.no-list) label > span p { color: ; } 
.copyright{border-top:1px solid #fff;}
 .footer form .hs-button { color: #fff; } 
.footer .dnd-section form { background-color: ; } .footer__copyright-bar { ; border-top: ; color: ; }
@media screen and (min-width: ) { .footer__main-bar__menu a { font-size: 0.875rem; } } 
@media screen and (min-width: ) { .footer__main-bar__menu ul { flex-direction: row; } }
@media screen and (min-width: ) { .footer__left { flex: 1 1 auto; padding: 0; } .footer__main-bar__menu li:not(:last-of-type) a { margin-right: 25px; } .footer__main-bar__menu { padding-right: 25px; } .footer__copyright-bar { padding: 20px 0; } }
.footer .copyright { background-color:#222222; } .footer .statistic div.statistic__info, .footer .statistic span { color: ; } .footer a.featured-post_link { color: ; } .footer .tech-banner h4 { color: ; } .footer .testimonial h1, .footer .testimonial h2, .footer .testimonial h3, .footer .testimonial h4, .footer .testimonial h5, .footer .testimonial h6, .footer .testimonial p, .footer .testimonial div, .footer .testimonial span, .footer .testimonial div.testimonial__author { color: ; }
.blog-post__date { border-color: #222222; } .blog-header__back a, .blog-tag-filter__menu-link, .blog-post__tag-link, .blog-card__tag-link, .blog-post__author-name, .blog-card__title a { color: #222222; } .blog-header__back a:hover, .blog-card__tag-link:hover, .blog-card__title a:hover, .blog-tag-filter__menu-link:hover, .blog-post__tag-link:hover, .blog-post__author-name:hover, .blog-card__tag-link:focus, .blog-card__title a:focus, .blog-tag-filter__menu-link:focus, .blog-post__tag-link:focus, .blog-post__author-name:focus { color: #000000; } .blog-card__tag-link:active, .blog-card__title a:active, .blog-tag-filter__menu-link:active, .blog-post__tag-link:active, .blog-post__author-name:active { color: #4a4a4a; } .blog-tag-filter__menu-link--active-item:after { background-color: #7d37ff; } .blog-pagination__link { color: #222222; } .blog-pagination__link--active:after, .blog-pagination__prev-link:after, .blog-pagination__next-link:after { background-color: #7d37ff; } .blog-post__title { color: ; font-family: ; font-size: 0.0rem; font-style: ; font-weight: ; text-decoration: ; } .blog-post__author { background-color: #222222; } #comments-listing .comment-reply-to { color: rgba(34, 34, 34, 0.0); } #comments-listing .comment-reply-to:hover, #comments-listing .comment-reply-to:focus { color: rgba(0, 0, 0, 0.0); } #comments-listing .comment-reply-to:active { color: rgba(74, 74, 74, 0.0); } .blog-index__post-content a { color: ; } .blog-recent-posts__post { color:  !important; } 
body .icon svg { fill: #7d37ff; } body .tns-nav button.tns-nav-active { background-color: #7d37ff; }
body .tns-nav button:hover, body .tns-nav button:focus { background-color: #7d37ff; }
body .team-member__description { background-color: #222222; }
.footer .copy--right--wrap span,.footer .company--address--wrap span,.footer .company--address--wrap>*{color: #fefefe; font-size:0.875rem;}
.vector {position: relative;padding-bottom: 40px;}
.vector::before {position: absolute;content: '';bottom: 3px;left: 50%;height: 22px;width: 2px;background: #000;}
@media(max-width:767px) {   h1{ font-size: 2.25rem; } h2{ font-size: 2.0rem; } h3{ font-size: 1.75rem; } h4{ font-size: 1.375rem; } h5{ font-size: 1.25rem; } h6{ font-size: 1.0rem; } }
.margin_0 { margin:0; } .margin_bottom_15 { margin-bottom:15px; } .margin_bottom_20 { margin-bottom:20px; } .margin_bottom_25 { margin-bottom:25px; } .margin_bottom_30 { margin-bottom:30px; } .text_white { color: #fff; }
@media(min-width:992px){ .submenu-items .sub-menu-tittle{ ;font-size:;color:;} }
@media(max-width:991px){
  .header,.navigation.mobile-nav {background-color: ;}