/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */


























/* 1d. Buttons */








/* 1e. Forms */













/* 1f. Tables */













/* 1g. Website header */








/* 1h. Website footer */







/* .content-wrapper {
max-width: 1170px;
} */

/* .dnd-section,
.content-wrapper--vertical-spacing {
padding: 0px 1rem;
} */

.page-center {
  
  max-width: 1230px;
  margin:0px auto;
  padding:0px 15px;
  position: relative;
}

:root {
  --green: #22D3A5;
  --dark-green: #04b285;
  --very-light-green: #d9fcf3;
  --purple: #5955E2;
  --very-light-purple: #EDEAFF;
  --purple-gradient-l-r: background: linear-gradient(90deg, #6579f8, #bc87fc);
  --purple_graident-t-b: background: linear-gradient(180deg, #8767f7, #5955ea);
  --light-blue: #18ADE8;
  --very-light-blue: #E5F8FF;
  --blue-gradient: background: linear-gradient(90deg, #5652E8, #64D8FF);
  --coral: #F46060;
  --charcoal: #1c1c1c;
  --light-charcoal: #272727;
  
  --grey: #cbcbcb;
  --yellow: #FFCB12;
  --orange: #F19203;
  --bg-light-grey: #FAFAFA
}





html {
  font-size: 18px;
}

body {
  font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #1c1c1c;
  font-size: 18px;
  overflow-x: hidden;
}

/* Paragraphs */

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

/* Anchors */

a {
  font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #18ADE8;
  text-decoration: underline
}

a {
  transition: all .15s ease
}

a:hover,
a:focus {
  
  color: #0085c0;
}

a:active {
  
  color: #40d5ff;
}

/* a[rel*="noopener"]:not([target="_blank"]),
a[rel*="noreferrer"]:not([target="_blank"]) {
  color: var(--purple)
} */

/* if only noopener - need nofollow. if nofollow - need target blank */
a[target="_blank"][rel="noopener"],
a[rel*=nofollow]:not([target="_blank"]){
  color: var(--green)
}

/* Headings */
h1 {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #1c1c1c;
  font-size: 47px;
  text-transform: none;
}

h2 {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #1c1c1c;
  font-size: 41px;
  text-transform: none;
}

h1, h2 {line-height: 1.3}

@media (min-width:1440px) {
  h1.xl, h1 span.xl {
    font-size: 70px;
  }
  h1.large, h1 span.large {
    font-size: 60px;
  }
  h2.large, h2 span.large {
    font-size: 70px;
    font-weight: 700;
  }
}

h3 {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #1c1c1c;
  font-size: 34px;
  text-transform: none;
  line-height: 1.2
}

h4, .content_title {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #1c1c1c;
  font-size: 24px;
  text-transform: none;
}

strong.content_title {
  font-weight: 700;
}

h5 {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #1c1c1c;
  font-size: 22px;
  text-transform: none;
}

h6 {
  font-weight: normal; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #494A52;
  font-size: 14px;
  text-transform: none;
}
.eyebrow {
  display: block;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 4%;
  font-weight: 500;
  color: var(--purple);
  padding-bottom: 12px
}
.eyebrow.grey {
  color: #c0bfe4;
}
.eyebrow_with_pill {
  color: #746BD8;
  background-color: #231E6F;
  line-height: 5;
  font-size: 14px;
  padding: 4px 12px;
  font-weight: 300;
  border: #2C258D 1px solid;
  border-radius: 25px
}
/* global body text size */
p,
.heading_area .global_p,
.body-container-wrapper li {
  font-size: 18px;
  font-weight: 300
}
p,
.heading_area .global_p {
  line-height: 1.54;
  font-family: 'Roboto', sans-serif
  color: #1c1c1c;
}
.emphasis_p {
  font-size: 27px;
  font-family: "Poppins", sans-serif
}
.emphasis_p_grey {
  font-size: 20px;
  color: #666485;
  line-height: 1.6;
  font-family: 'Poppins', sans-serif
}
.emphasis_p_grey strong {
    color: #1c1c1c;
    font-weight: 600
}
.h1-area h1 {font-size: 90px; line-height: 1.12}
.quote_author {
  font-size: 18px;
  font-style: italic;
  color: #AAAAAA
}
.secondary_font {
  font-family: "Poppins", sans-serif
}

@media (max-width: 1440px) {
  h1 {font-size: 43px}
  h2 {font-size: 37px}
  .content_title, h4 {font-size: 22px}
  p,
  .quote_author,
  .body-container-wrapper li {
    font-size: 17px;
  }
  .heading_area h1 + p {font-size: 19px}
  .emphasis_p {font-size: 21px}
}
/* @media (max-width: 1280px) {
  h1 {font-size: 36px}
  h2 {font-size: 30px}
} */
@media (max-width: 768px) {
  h1 {font-size: 27px}
  h1.large {font-size: 35px}
  h2 {font-size: 22px}
  h3 {font-size: 21px}
  .content_title, h4, .emphasis_p {font-size: 19px}
  .heading_area p,
  p,
  .quote_author,
  .body-container-wrapper li {
    font-size: 16px !important
  }
  .eyebrow {
    font-size: 14px
  }
}
@media (max-width: 575px) {
  
}
.text-center {
  text-align: center;
}
.center_all {
  text-align: center;
  margin: 0 auto
}
.two_column_text {
  column-count: 2;
  column-gap: 40px;
}
.visually_hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0
}

/* Blockquote */

blockquote {
  border-left-color: #272727;
}
blockquote[class*="tiktok"] {
  border: none
}





button,
.button {
  border: 1px solid #1c1c1c;

  padding-top: 12px;
padding-right: 30px;
padding-bottom: 12px;
padding-left: 30px;

  font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(28, 28, 28, 1.0)

;
  border-radius: 30px;
  color: #FFFFFF;
  text-transform: none;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
  background-color: rgba(0, 0, 0, 1.0);
  border-color: #000000;
}

button:active,
.button:active {
  background-color: rgba(68, 68, 68, 1.0);
  border-color: ;
}

button.link_button {
  background: none;
  border: none;
  border-radius: 0;
  color: var(--light-blue);
  padding: 0;
  text-decoration: underline;
}
button.link_button:hover {
  color: #0085c0;
}





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

/* Form title */
form{
  overflow:hidden;
}

/* 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 {
  
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #494A52;
  border-radius: 3px;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: #494A52;
}

::-moz-placeholder {
  color: #494A52;
}

:-ms-input-placeholder {
  color: #494A52;
}

::placeholder {
  color: #494A52;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #494A52;
}

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

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

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

/* Submit button */

form input[type=submit],
form .hs-button {
  border: 1px solid #1c1c1c;

  padding-top: 12px;
padding-right: 30px;
padding-bottom: 12px;
padding-left: 30px;

  font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(28, 28, 28, 1.0)

;
  border-radius: 30px;
  color: #FFFFFF;
  font-size: 22px;
  text-transform: none;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: rgba(0, 0, 0, 1.0);
  border-color: #000000;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(68, 68, 68, 1.0);
  border-color: ;
}





/* Table */

/* table {
border: 1px solid #494A52;

background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
} */

/* Table cells */

/* td,
th {
border: 1px solid #494A52;

padding: 18px;

border-color: ;
color: #494A52;
} */

/* Table header */

thead th {
  background-color: 

  
  
    
  


  rgba(28, 28, 28, 1.0)

;
  color: #FFFFFF;
}

/* Table footer */

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #494A52;
}





.header {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-bottom: 1px solid #f5f5f5;
  width: 100%;
/*position: absolute;*/
}
.header.sticky {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  box-shadow: 0px 0px 5px #0000002e
}
#lp_header {
	padding-top: 20px !important;
	background-color: transparent !important;
  position: absolute;
  border-bottom: none
}
#lp_header .header__container {
  padding: 10px 50px !important
}
header.header.header--no-navigation {
	background-color: transparent !important
}
/* Text colours*/
.clr_txt_matrix1,
.clr_txt_matrix2,
.clr_txt_matrix3,
.clr_txt_neo1,
.clr_txt_indie,
.clr_txt_blue,
.clr_txt_aqua,
.clr_txt_green,
.clr_txt_cerise,
.clr_txt_pink {color: var(--green)}
.clr_txt_light_blue {color: var(--light-blue)}
.clr_txt_purple {color: var(--purple)}
.clr_txt_light_purple {color: #666485}
.clr_txt_very_light_purple {color: #9291aa}
.clr_txt_coral {color: var(--coral)}
.clr_txt_grey {color: #777777}
.clr_txt_agent {
  background: linear-gradient(90deg, #403cc9, #2582f0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent
}
.clr_txt_purple_gradient {
  background: linear-gradient(90deg, #6579f8, #bc87fc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent
}
.clr_txt_subtle_purple_gradient {
  background: linear-gradient(135deg, #8986EE, #A09EF3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent
}
.clr_txt_blue_gradient {
  background: linear-gradient(90deg, #5652E8, #64D8FF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent
}

.color_cypher1 {
  color: var(--light-blue);
}
.color_neo1,
.btn_light_inverse.color_neo1,
.color_matrix1,
.btn_light_inverse.color_matrix1 ,
.color_indie1,
.btn_light_inverse.color_indie1 {
  color: var(--green);
}

a[class*="color_"]:hover {
  opacity: .8
}
.leadership_box {
  border-radius: 6px;
  opacity: 1;
  padding: 60px 0px 50px;
  margin: 0 auto;
  margin-top: 100px;
  margin-bottom: 80px;
  max-width: 1365px;
}

h1.white, h2.white, h3.white, h4.white, p.white, .content_title.white, .h2_intro.white, .margin_top_bottom.white * {
  color: #fff
}
.h2_intro {
	font-weight: 700;
	font-size: 16px;
	line-height: 1.3;
	letter-spacing: 0.1em;
	font-family: Poppins, sans-serif;
	text-transform: uppercase;
	color: #bababa;
	margin: 0 auto 8px;
}
/* Backgrounds - lighter color on right  */
.gradient_cypher,
.gradient_matrix1,
.gradient_matrix2,
.gradient_matrix3,
.gradient_sunset,
.gradient_neo1,
.gradient_neo2,
.gradient_indie,
.gradient_blue,
.gradient_aqua,
.gradient_green,
.gradient_forest,
.gradient_cerise,
.gradient_pink {background: linear-gradient(to left, #22D3A5, #04B285) !important}
.gradient_yellow {background: linear-gradient(to left, #FFCB12, #FCB707) !important}
.gradient_light_blue, .cta_content.cta_simple.gradient_neo1 {background: linear-gradient(to left, #18ADE8, #0E90C3) !important}
.gradient_purple {background: linear-gradient(to left, #5955E2, #3B38CD) !important}
.gradient_coral {background: linear-gradient(to left, #ff8585, #F46060) !important}
.gradient_green_new {background: linear-gradient(to left, #22D3A5, #04B285) !important}
/* Backgrounds - lighter color on left */
.gradient_cypher_to_right,
.gradient_matrix1_to_right,
.gradient_matrix2_to_right,
.gradient_matrix3_to_right,
.gradient_sunset_to_right,
.gradient_neo1_to_right,
.gradient_neo2_to_right,
.gradient_indie_to_right,
.gradient_blue_to_right,
.gradient_aqua_to_right,
.gradient_green_to_right,
.gradient_forest_to_right,
.gradient_cerise_to_right,
.gradient_pink_to_right,
.count-main.clr_txt_neo1,
.count-main.clr_txt_indie {background: linear-gradient(to right, #22D3A5, #04B285) !important}
.gradient_yellow_to_right {background: linear-gradient(to right, #FFCB12, #FCB707) !important}
.gradient_light_blue_to_right {background: linear-gradient(to right, #18ADE8, #0E90C3) !important}
.gradient_purple_to_right {background: linear-gradient(to right, #5955E2, #3B38CD) !important}
.gradient_coral_to_right {background: linear-gradient(to right, #ff8585, #F46060) !important}

div.green, section.green {background: var(--green)}
div.coral, section.coral {background: var(--coral)}
div.purple, section.purple {background-color: var(--purple)}
div.blue, section.blue {background: var(--light-blue)}
div.dark_purple, section.dark_purple {background: #3D39C3}
div.teal, section.teal {background: #0081B5}
div.grey, section.grey {background: var(--bg-light-grey)}
div.dark_green, section.dark_green {background-color: #04B285}
div.charcoal, section.charcoal {background-color: #1c1c1c}
div.dark_navy, section.dark_navy {
  background:
        radial-gradient(200px 120px at 50% 40px,
            rgba(54, 54, 131, 0.35) 0%,
            rgba(54, 54, 131, 0.18) 40%,
            rgba(54, 54, 131, 0.00) 100%),
        linear-gradient(180deg,
            rgba(12, 12, 29, 1) 0%,
            rgba(12, 12, 29, 1) 100%)
}

h2 .number,
.content_title .number {
  border-radius: 50%;
  display: inline-flex;
  width: 45px;
  height: 45px;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 24px;
  position: relative;
  top: -7px;
  margin-right: 8px;
  background: var(--green)
}

.content_title .number {
  font-size: 20px;
  top: 0;
  width: 40px;
  height: 40px
}

.callout {
  box-sizing: border-box;
  padding: 24px;
  border-radius: 16px;
}
.callout p {
  margin: 0
}
.callout * {
  color: #fff
}

/* callout - quotee with img */
.quotee_w_img {
  display: flex;
  align-items: center;
  margin-top: 10px
}
.quotee_w_img img {
  margin: 0 15px 0 0;
  height: auto
}

.page_bg_grey {
  background-color: #f9f9f9 !important;
}
.page_bg_grey .container-fluid.body-container, .page_bg_grey #main-content{
  background-image: none !important;
}
.name_label {
  background: linear-gradient(to left, #5955E2, #3B38CD);
  border-radius: 4px;
  color: white;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .8px;
  max-width: max-content;
  margin: 20px auto 0;
  padding: 6px 15px
}

.font_weight_300 {
  font-weight: 300;
}
.content_item .sml_heading{
  font-weight: 600;
  font-size: 22px;
  display: block;
}
.content_item p {
  margin: 0 auto;
  max-width: 350px;
}

.header.sticky .top_header .nav_wrapper .cstm-menu2 li.hs-menu-item.hs-menu-depth-1.hs-item-has-children>a::after,
.header.sticky .top_header .nav_wrapper .cstm-menu1 li>a::after {
  background-color: #272727;
}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a, .top_header ul li a {
  color: #36454F;
  /*   font-family: Roboto; */
  font-family: Poppins, sans-serif !important;
}

.menu__child-toggle-icon  {
  border-top-color: #36454F;
}
.header.sticky .menu__child-toggle-icon, #main_header.header.header_light .menu__child-toggle-icon {
  border-top-color: #272727;
}
.menu .menu__link:hover,
.menu .menu__link: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: #0e1d27;
}

.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
  border-top-color: #0e1d27;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: #5e6d77;
}

.menu__child-toggle-icon:active {
  border-top-color: #5e6d77;
}

.menu .menu__item--depth-1 > .menu__link--active-link:after {
  background-color: #36454F;
}


.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: #272727;
  /*   background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

; */
}

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

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

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

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

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

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






/* .footer {
background-color: ;
} 

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: #494A52;
}*/





.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: 0px 0;
}

/* Blog post */

.blog-post__meta a {
  color: #1c1c1c;
}

.blog-post__tag-link {
  color: #1c1c1c;
}

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

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

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  text-transform: none;
}

.blog-related-posts__title-link {
  color: #1c1c1c;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
  color: #000000;
}

.blog-related-posts__title-link:active {
  color: #444444;
}

/* Blog comments */

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

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

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

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





.hs-search-results__title {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #1c1c1c;
}





/* Blog listing */

.blog-index__post-title-link,
.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus,
.blog-index__post-title-link:active {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  text-transform: none;
}

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

.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus {
  color: #000000;
}

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

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

/* Blog pagination */

.pagination__link-text,
.pagination__link--number {
  color: #1c1c1c;
}

.pagination__link:hover .pagination__link-text,
.pagination__link:focus .pagination__link-text,
.pagination__link--number:hover,
.pagination__link--number:focus {
  color: #000000;
}

.pagination__link:active .pagination__link-text,
.pagination__link--number:active {
  color: #444444;
}

.pagination__link-icon svg {
  fill: #1c1c1c;
}

/* Pricing card */

.card__price {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #1c1c1c;
  font-size: 34px;
}

.card__body svg {
  fill: #1c1c1c;
}

/* Social follow */

.social-links__icon {
  background-color: #1c1c1c;
}

.social-links__icon:hover,
.social-links__icon:focus {
  background-color: #000000;
}

.social-links__icon:active {
  background-color: #444444;
  font-family: Poppins, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #1c1c1c;
  font-size: 34px;
}

/*Section Description */

.top_module {
  margin-top: 0 !important;
  margin-bottom: 56px
}
body.sticky_header .top_module {
  margin-top: 160px !important
}
div[class*="blog-post"] > .top_module {
  margin-bottom: 56px
}
.top_module.flush_with_nav,
.flush_with_nav {
  margin-top: 0 !important
}
body.sticky_header .top_module.flush_with_nav,
body.sticky_header .flush_with_nav {
  margin-top: 129px !important
}
.blog_banner {
  height: 40px !important
}
body.sticky_header .blog_banner {
  margin-top: 140px !important
}
@media (max-width: 767px) {
  body.sticky_header .top_module {
    margin-top: 65px !important
  }
  body.sticky_header .top_module.flush_with_nav,
  body.sticky_header .flush_with_nav {
    margin-top: 55px !important
  }
  .blog_banner {
    height: 24px !important;/*84px*/
  }
  body.sticky_header .blog_banner {
    margin-top: 84px !important
  }
}

/* Global padding and margins */
.padding_top_bottom {
  padding: calc(8px * 7) 0
}
.padding_top_bottom_lrg {
  padding: calc(8px * 13) 0
}
.pt0 {
  padding-top: 0 !important
}
.pb0 {
  padding-bottom: 0 !important
}
@media (max-width:767px) {
  .padding_top_bottom {
    padding: calc(8px * 4) 0
  }
  .padding_top_bottom_lrg {
    padding: calc(8px * 10) 0
  }
}
@media (max-width:575px) {
  .padding_top_bottom_lrg {
    padding: calc(8px * 4) 0
  }
}
.half_padding_top {
  padding-top: calc(8px * 4)
}
@media (max-width:767px) {
  .half_padding_top {
    padding-top: calc(8px * 2)
  }
}
.margin_top_bottom {
  margin: calc(8px * 7) auto
}
.margin_top_bottom_lrg {
  margin: calc(8px * 13) auto
}
@media (max-width:767px) {
  .margin_top_bottom {
    margin: calc(8px * 4) auto
  }
  .margin_top_bottom_lrg {
    margin: calc(8px * 10) auto
  }
}
.half_margin_top {
  margin-top: calc(8px * 4)
}
@media (max-width:767px) {
  .half_margin_top {
    margin-top: calc(8px * 2)
  }
}
.mt0 {
  margin-top: 0 !important
}
.mb0 {
  margin-bottom: 0 !important
}

/*  colour sections that go right to the edge */
@media (min-width: 768px) and (max-width: 1260px) {
  .edge_to_edge_section  {
    padding-left: 25px !important;
    padding-right: 25px !important
  }
}

/* Global widths */
.adjacent_img_txt.tour_width .content_wrapper {
  max-width: 1070px;
}

/* Global text */
.heading_area p {
  margin: 0 auto;
  max-width: 900px
}
.heading_area h1 + p /*, .heading_area p:first-child*/{
  font-size: 22px;
  font-family: Poppins, sans-serif;
}
.heading_area .global_p {
  margin: 0 auto 1.4rem
}
.heading_area p strong {
  font-weight: 600;
}
.nowrap {
  white-space: nowrap
}
.heading_area h1 + p.no_style, .heading_area p:first-child.no_style {
  font-family: inherit;
  font-size: inherit;
}

/*Lists*/
ul.tick_list, ul.tick_list_sml {
  list-style: none;
  padding: 0
}
ul.tick_list li, ul.tick_list_sml li {
  margin-bottom: 4px;
  padding-left: 40px;
  position: relative
}
ul.tick_list li {
  margin-bottom: 10px
}
ul.tick_list li:before, ul.tick_list_sml li:before {
  color: var(--green);
  content: "\f058";
  font-family: Font Awesome\ 6 Free;
  font-weight: 900;
  left: 13px;
  position: absolute
}
ul.tick_list li:before {
  font-size: 23px;
  left: 6px;
  top: -4px
}
@media (max-width: 480px) {
   ul.mobile_spacing li a {
     display: block; 
     padding: 13px 0;
   }
}

ol.numbered_list {
  counter-reset: item;

  padding-left: 0;
}
ol.numbered_list li {
  display: flex;
  margin-bottom: .5em;

}
ol.numbered_list li::before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font: 14px "Poppins", sans-serif;
  font-weight: 400;
  content: counter(item);
  background: var(--green);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  counter-increment: item;
  margin-right: 1em
}

/*Back to top - html in footer main mod */
.back_to_top_global > * {
  align-items: center;
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 20px;
  bottom: 30px;
  display: flex;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  position: fixed;
  text-decoration: none;
  transition: all .5s;
  visibility: hidden;
  z-index: 1000;
  padding: 5px 16px;
  font-size: 14px;
  color: var(--light-blue)
}
.back_to_top_global > *:before {
  color: #212121;
  content: "\f077";
  font-family: Font Awesome\ 5 Free;
  font-size: 20px;
  font-weight: 900;
  transition: color .3s
}
.back_to_top_global > *:hover {
  background-color: #333;
  border-color: #333;
  cursor: pointer
}
.back_to_top_global > *:hover span {
  color: #fff;
  transition: all .5s
}
.back_to_top_global > *:hover:before {
  color: #fff
}
.back_to_top_global > * span {
  display: inline-block;
  margin-left: 8px;
}
.back_to_top_global > *.show {
  opacity: 1;
  visibility: visible
}
.back_to_top_global > *.show:before {
  animation: scroll_arrow_animation 1.3s linear 2
}
@keyframes scroll_arrow_animation {
	0% {transform: translate(0, 0); opacity: 1}
	40% {transform: translate(0, -10px); opacity: 0}
	51% {transform: translate(0, 10px); opacity: 0}
	100% {transform: translate(0, 0); opacity: 1}
}
@media (max-width: 480px) {
  .back_to_top_global > * {
    bottom: 28px
  }
}

/*general button css Start*/
.btn-secondary {
  padding: 15px 35px;
  text-decoration: none;
  border-radius: 50px;
  font-size: 20px;
  border: #373737 solid 2px;
  background: none;
  transition: 0.3s ease-in-out;
  color: #373737;
  display: inline-block;
  font-weight: 700;
}
.btn-secondary:hover {
  background: #373737;
  color: #fff;
}
.btn-primary {
  padding: 15px 35px;
  text-decoration: none;
  border-radius: 50px;
  font-size: 20px;
  border: #16b2c9 solid 2px;
  background: #16b2c9;
  transition: 0.3s ease-in-out;
  color: #fff;
  display: inline-block;
  font-weight: 700;
}
.btn-primary:hover {
  background: none;
  color: #16b2c9;
}

.btn_light,
.btn_light_inverse,
.btn_dark,
.btn_dark_inverse,
.btn_green, .btn_light_blue, .btn_purple,
.btn_purple_gradient, .btn_black_gradient, .btn_green_gradient {
  display: inline-block;
  font-size: 20px;
  line-height: 1.3;
  font-family: Poppins, sans-serif !important;
  font-weight: 500 !important;
  padding: 16px 40px;
  text-align: center;
  border-width: 2px;
  border-style: solid;
  border-radius: 50px;
  text-decoration: none;
  box-sizing: border-box !important;
  transition: all .3s ease
}
.btn_light:focus, .btn_light_inverse:focus,
.btn_dark_inverse:focus,
.btn_purple_gradient:focus, 
.btn_black_gradient:focus, 
.btn_green_gradient:focus {
  color: #fff
}
.btn_light_inverse, .btn_dark:focus {
  color: #272727
}

.blog-post__tag-link:active {
  font-weight: 600;
  font-family: Poppins, sans-serif
}
.btn_light {
  color: #fff;
  border-color: #fff
}
button.btn_light {
  background-color: transparent
}
button.btn_light:hover {
  border-color: #fff
}
.btn_light:hover {
  background-color: #fff;
  color: #272727
}
.btn_light_inverse {
  border-color: #fff;
  background-color: #fff
}
.btn_green {
  background-color: var(--green);
  border-color: var(--green);
  color: #fff
}
.btn_light_blue {
  background-color: var(--light-blue);
  border-color: var(--light-blue);
  color: #fff
}
.btn_purple {
  background-color: var(--purple);
  border-color: var(--purple);
  color: #fff
}
.btn_purple_gradient {
  background-image: linear-gradient(#9A71FF, #4C48DF);
  background-size: 100% 130%;
  background-position: center top;
  box-shadow: 0 28px 36px rgba(96, 60, 255, 0.48);
  border: none;
  color: #fff
}
.btn_black_gradient {
  background-image: linear-gradient(#424242, #1C1C1C);
  background-size: 100% 130%;
  background-position: center top;
  border: none;
  color: #fff;
  transition: all 0.3s ease;
}
.btn_green_gradient {
  background-image: linear-gradient(#039E76, #24EBB8);
  background-size: 100% 130%;
  background-position: center top;
  box-shadow: 0 28px 36px rgba(17, 126, 98, 0.48);
  border: none;
  color: #fff
}

.btn_dark,
.btn_dark_inverse:hover,
.btn_green:hover,
.btn_light_blue:hover,
.btn_purple:hover,
.btn_green:focus,
.btn_light_blue:focus,
.btn_purple:focus {
  color: #272727;
  border-color: #272727;
  background-color: transparent
}
.btn_dark:hover,
.btn_dark_inverse {
  color: #fff;
  background-color: #272727
}
.btn_light_inverse:hover, .btn_light_inverse:focus {
  background-color: transparent;
  color: #fff
}
button.btn_light_inverse:hover, button.btn_light_inverse:focus {
  border-color: #fff
}
.btn_dark_inverse:hover {
  background-color: transparent !important;
}
.btn_purple_gradient:hover {
  background-position: center bottom;
  box-shadow: 0 2px 14px rgba(167, 165, 244, .6);
  color: #fff
}
.btn_black_gradient:hover {
  background-position: center bottom;
  box-shadow: 0 2px 14px rgba(167, 165, 244, .6);
  color: #fff
}
.btn_green_gradient:hover {
  background-position: center bottom;
  box-shadow: 0 2px 14px rgba(165, 165, 165, .6);
  color: #fff
}

.btn_dark_inverse,
.btn_dark {
  border: #272727 solid 2px
}
.btn_white_blue {
  display: inline-block;
  font-size: 20px;
  line-height: 1;
  font-family: Poppins, sans-serif;
  font-weight: 600;
  color: #048497;
  background-color: #fff;
  padding: 21.5px 26px;
  border-radius: 8px;
  text-decoration: none;
  box-sizing: border-box !important;
  transition: all .3s ease;
}
[class*='btn_'].img img,[class*='btn_'].pdf img, [class*='btn_'].arrow span {display: none}
[class*='btn_'].img::before, [class*='btn_'].pdf::before, [class*='btn_'].book::before,
[class*='btn_'].arrow::after, [class*='btn_'].back_arrow::before {
  background-image: url(https://5486510.fs1.hubspotusercontent-na1.net/hubfs/5486510/icons/small/pdf.svg);
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  position: relative;
  vertical-align: bottom;
  width: 17px;
  height: 20px;
  margin-right: 16px;
  top: -1px;
}
[class*='btn_'].book::before {
  background-image: url(https://5486510.fs1.hubspotusercontent-na1.net/hubfs/5486510/icons/small/book.svg);
}
[class*='btn_'].arrow::after, [class*='btn_'].back_arrow::before {
  background-image: url(https://5486510.fs1.hubspotusercontent-na1.net/hubfs/5486510/icons/arrows/button-arrow.svg);
  background-position: 50%;
  width: 12px;
  height: 9px;
  margin: 0 0 0 16px;
  transition: all .3s ease;
  vertical-align: middle;
  top: 0; left: 0
}
[class*='btn_'].back_arrow::before {
  margin: 0 16px 0 0;
  transform: scaleX(-1)
}
.btn_dark_inverse.back_arrow:hover:before,
.btn_dark.arrow:after,
.btn_dark_inverse.arrow:hover:after,
.btn_light_inverse.arrow:after,
.btn_purple.arrow:after {
  filter: brightness(100%)
}
.btn_dark.back_arrow:hover:before,
.btn_dark_inverse.back_arrow:before,
.btn_dark.arrow:hover:after,
.btn_dark_inverse.arrow:after,
.btn_light_inverse.arrow:hover:after,
.btn_purple.arrow:after,
.btn_purple_gradient.arrow:after {
  filter: brightness(0) invert(1)
}
.btn_dark.arrow:hover:after,
.btn_dark_inverse.arrow:hover:after,
.btn_light_inverse.arrow:hover:after {
  left: 4px
}
[class*='btn_x_sml'].pdf, [class*='btn_x_sml'].arrow {display: inline-flex; align-items: center}
[class*='btn_x_sml'].pdf::before {margin-right: 12px}
[class*='btn_x_sml'].arrow::before {margin-left: 12px}

.header_cta {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
  font-family: Poppins, sans-serif;
  font-weight: 600;
  padding: 13px 30px;
  border-radius: 30px;
  background-color: var(--green);
  color: #fff;
  text-decoration: none;
  box-sizing: border-box !important;
  transition: all .3s ease;
}
.header_cta:hover,
.header_cta:active,
.header_cta:focus {
  color: #fff;
  background-color: #04B285;
  font-weight: 600;
  font-family: Poppins, sans-serif;
}

.header_cta_blue,
.header_cta_dark {
  display: inline-block;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0;
  font-family: Poppins, sans-serif !important;
  font-weight: 600 !important;
  padding: 15.5px 27.8px !important;
  border-radius: 22px;
  color: #fff !important;
  text-decoration: none;
  box-sizing: border-box !important;
  transition: all .3s ease;
}

.header_cta_blue,
.header_cta_dark:hover {
  background-color: var(--light-blue)
}

.header_cta_blue:hover,
.header_cta_dark {
  background-color: var(--light-charcoal)
}

.btn_dark_inverse.btn_neo1,
.btn_dark_inverse.btn_matrix1,
.btn_dark_inverse.btn_indie1 {background: var(--green); border-color: var(--green); color: #fff}

.btn_dark_inverse.btn_neo1:hover, .btn_dark_inverse.btn_matrix1:hover, .btn_dark_inverse.btn_indie1:hover {
  background: #272727 !important;
  border-color: #272727 !important
}
.btn_x_sml {
  font-size: 14px; 
  padding: 8px 16px;
  font-weight: 500 !important
}
.btn_sml {
  font-size: 16px; 
  padding: 12px 23px
}
.post-btn {
  font-size: 16px;
  color: #272727;
  font-family: Poppins, sans-serif;
  font-weight: 600;
  text-align: center;
  padding: 12px 0;
  display: block;
  width: calc(100% - 24px);
  transition: .3s ease-in-out;
  margin: 0 auto;
  border: 1px solid #C9C9C9;
  border-radius: 10px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12px;
}
.post-btn:hover {
  color: #fff;
  font-size: 16px;
  background-color: #272727;
  font-family: Poppins, sans-serif;
  font-weight: 600;
  text-align: center;
  display: block;
}

.header .header__row-2 > .header_top_wrapper,
.header .header__row-2 > .header_bottom_wrapper {
  display: none
}
.error-page .button:hover{
  color: #fff;
}

/* .overflow-class {
  overflow: hidden;
  height: 100%;
  max-height: 100%;
  position: fixed !important;
  left: 0;
  right: 0;
}
.overflow-class .header.sticky .sticky-logo {
  display: none;
}
.overflow-class .header.sticky .standard-logo {
  display: block;
} 
.overflow-class #main_header.header.sticky .header__navigation--toggle{
  display: none;
}
.overflow-class .header.sticky .header__close--toggle {
  right: -10px;
}*/
p.designation {
  font-size: 16px;
  margin: 15px 0 0 0;
}

.top_header > .page-center {
  max-width: 1920px !important;;
  padding: 0px 20px;
}

.small_h p {
  font-size: 22px;
  line-height: 32px;
  margin: 0px;
}
.text_center {
  text-align: center;
}

/* comparision page start */

.r_cols_list_item h4 {
  font-family: 'Roboto';
}
/* comparision page end */

@-moz-document url-prefix() {
  .hs-content-id-60418435467 input:focus-visible {
    margin-right: 20px;
    border: solid 2px #171717 !important;
    outline: none;
  }
}

/* Global :before play button */
.play_btn, .related_resources button .ft_img {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center
}
.play_btn:before, .related_resources button .ft_img:before {
  align-items: center;
  background: hsla(0, 0%, 100%, .6);
  border-radius: 50%;
  box-shadow: 0 0 30px rgba(0, 0, 0, .5);
  color: #000;
  content: "\f04b";
  display: flex;
  font-family: Font Awesome\ 6 Free;
  font-weight: 900;
  font-size: 18px;
  height: 49px;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 49px;
  z-index: 10
}

/* Global media box play button */

.media_box .open_btn {
  align-items: center;
  justify-content: center;
  animation: pulse-black 2s infinite;
  background-color: hsla(0,0%,100%,.8);
  border: 3px solid hsla(0,0%,100%,.8);
  border-radius: 50%;
  color: #212121;
  cursor: pointer;
  display: inline-flex;
  height: 108px;
  left: calc(50% - 54px);
  top: calc(50% - 54px);
  margin: 0 auto;
  position: absolute;
  transform: scale(1);
  width: 108px;
}

.media_box button.open_btn {
  padding: 0
}

@keyframes pulse-black {
  0% {
    box-shadow: 0 0 0 0 hsla(0,0%,100%,.7);
    transform: scale(.95)
  }
  70% {
    box-shadow: 0 0 0 20px hsla(0,0%,100%,0);
    transform: scale(1.1)
  }
  to {
    box-shadow: 0 0 0 0 hsla(0,0%,100%,0);
    transform: scale(.95)
  }
}

.media_box .open_btn svg {
  fill: #27272a;
  left: 3px;
  position: relative;
  top: 5px;
  width: 37px
}

.media_box .open_btn span.fa-play {
  font-size: 40px;
  margin-left: 5px;
}

@media (max-width: 767px) {
  .media_box .open_btn {
    height: 70px;
    width: 70px;
    left: calc(50% - 35px);
    top: calc(50% - 35px);
  }

  .media_box .open_btn svg {
    width: 25px
  }
  
  .media_box .open_btn span.fa-play {
    font-size: 25px;
  }
}

@media (max-width: 420px) {
  .media_box .open_btn {
    height: 50px;
    width: 50px;
    left: calc(50% - 25px);
    top: calc(50% - 25px);
  }

  .media_box .open_btn svg {
    left: 2px;
    top: 3px;
    width: 16px
  }
  
  .media_box .open_btn span.fa-play {
    font-size: 16px;
    margin-left: 3px;
  }
}

/* Global media popup button */
#media_popup,
#media_popup.play_youtube .media_wrapper > video,
#media_popup.play_youtube .media_wrapper > .hs-video-widget,
#media_popup.play_video .media_wrapper > iframe,
#media_popup.play_video .media_wrapper > .hs-video-widget,
#media_popup.play_hs_video .media_wrapper > iframe,
#media_popup.play_hs_video .media_wrapper > video,
#media_popup .media_wrapper img ~ iframe,
#media_popup .media_wrapper img ~ video {
  display: none
}

body.popup_open header, body.popup_open main, body.popup_open footer.footer_main {
  transition: .3s filter linear;
  filter: blur(8px)
}
#media_popup .content {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.75);
  width: 100%;
  height: 100vh;
  padding: 0px 15px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001
}
#media_popup .close_popup {
  width: 50px;
  height: 50px;
  background-color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  font-family: sans-serif;
  border-radius: 50%;
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}
#media_popup .media_wrapper {
  width: 100%;
  max-width: 1310px;
  margin: auto;
  overflow: hidden;
  border: 5px solid #fff;
  border-radius: 15px;
  box-sizing: border-box;
  position: relative;
  background: #000
}
#media_popup .media_wrapper::after {
  padding-top: 56.25%;
  display: block;
  content: ''
}
#media_popup .media_wrapper > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
#media_popup .media_wrapper > img {
  height: auto;
  z-index: 15;
  background: #fff
}
#media_popup .media_wrapper .buttons {
  top: 50%;
  height: 42px;
  width: 100%;
  z-index: 30;
  justify-content: space-between;
  transform: translateY(-50%);
  border: 0;
  font-size: 14px;
}
#media_popup .media_wrapper .buttons button {
  padding: 0 !important;
  border-radius: 50%;
  border: 0;
  width: 42px;
  margin: 0 4%;
  background-color: rgba(255,255,255,.7)
}
#media_popup .storylane {
  width: 1250px
}
#media_popup .storylane + .media_wrapper {
  display: none
}
#media_popup .storylane div {
  height: 0;
  overflow: hidden;
  padding-bottom: calc(66.4% - 20px);
  position: relative
}
#media_popup .storylane div iframe {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  border: 5px solid #fff;
  border-radius: 10px
}

@media (max-width: 1499px) {
  #media_popup .media_wrapper {
    max-width: 830px
  }
}

@media (max-width: 767px) {
  #media_popup .media_wrapper,
  #media_popup .storylane {
    max-width: 550px
  }

  #media_popup .media_wrapper {
    border-radius: 5px
  }

  #media_popup .media_wrapper,
  #media_popup .storylane div iframe {
    border-width: 2px
  }
}

/* Forms Styling Start */

/*  nice select */
.nice-select {
  -webkit-appearance: none;
  box-sizing: border-box;
  border-radius: 5px;
  transition: .15s ease-in-out;
  transition-property: all;
  transition-property: box-shadow, border-color, color;
  box-shadow: none;
  outline: none !important;
  width: 100% !important;
  position: relative;
  background: #fff;
  cursor: default;
  border: 1px solid #c9c9c9;
  border-radius: 4px;
  padding: 9.3px 15px !important;
  color: var(--light-charcoal);
  font-size: 18px;
  line-height: 1.3;
  min-height: 44px;
  font-weight: 400;
  font-family: 'Roboto',sans-serif;
  /*  box-shadow: 0px 1px 0px #00000029;*/
}

.nice-select:after {
  background: url(https://5486510.fs1.hubspotusercontent-na1.net/hubfs/5486510/icons/accordion-arrow.svg) no-repeat;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  border: solid transparent;
  /*   content: "\f107"; */
  content: "";
  font-family: "Font Awesome 5 Free";
  height: 28px;
  width: 28px;
  border-radius: 50%;
  margin-top: 0;
  position: absolute;
  transition: all .25s ease-in-out;
  background-color: #f5f5f5;
  box-sizing: border-box;
  background-size: 60% 60%;
  background-position: center;
}

.nice-select .current {
  display: block
}

.nice-select.open:after {
  transform: translateY(-50%) rotateX(-180deg);
  margin-top: 0px;
  top: 50%
}

.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  margin-top: 0 !important;
  border-radius: 0 0 5px 5px;
  max-width: 101% !important;
  left: -1px;
  right: -1px;
  transform: scale(1) translateY(0);
  border: 1px solid #c9c9c9;
  border-top: transparent;
  box-sizing: border-box;
  padding: 12px 12px;
  color: #14222f;
  border-radius: 0px 0px 3px 3px;
  box-shadow: rgba(0, 0, 0, 0.1) 3px 6px 8px 2px
}

.nice-select .disabled {
  border-color: #ededed;
  color: #999;
  display: none;
  pointer-events: none
}

.nice-select.disabled:after {
  border-color: #ccc
}

.nice-select .list {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  margin: 0;
  list-style: none;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  transform-origin: 50% 0;
  transform: scale(0.75) translateY(-21px);
  transition: all .2s cubic-bezier(0.5, 0, 0, 1.25), opacity .15s ease-out;
  z-index: 9
}

.nice-select .option {
  padding: 6px 0;
  text-align: left;
  transition: all .2s;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px !important;
  min-height: 0 !important;
  color: var(--light-charcoal);
  white-space: normal;
}

.nice-select .option:last-child {
  border-bottom: 0
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
  color: #828282
}

.nice-select .option.selected {
  font-weight: bold
}
.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default
}

.nice-select.open .list {
  max-height: 150px;
  overflow-y: auto;
}

form .hs-fieldtype-select .input, #login_popup .select_wrapper {
  position: relative;
}

form .hs-fieldtype-select .input::after, #login_popup .select_wrapper:after {
  background: url(https://5486510.fs1.hubspotusercontent-na1.net/hubfs/5486510/icons/accordion-arrow.svg) no-repeat;
  background-color: #f5f5f5;
  background-position: 50% 56%;
  background-size: 60% 60%;
  border: solid transparent;
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  margin-top: 0;
  pointer-events: none;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  transition: all .25s ease-in-out;
  width: 28px;
  height: 28px;
}

form label {
  color: var(--light-charcoal);
  font-size: 15px;
  font-weight: 500;
  font-family: Poppins, sans-serif !important;
  margin: 0 0 7px;
  display: block;
}

form .hs-form-field {
  margin-bottom: 16px;
}

form .hs-form-required {
  font-size: 16px;
  font-weight: 700;
  color: #959595;
  display: inline-block;
  margin-left: 2px;
  font-family: Roboto, sans-serif !important;
}

form input,
form select,
form textarea {
  width: 100% !important;
  border: 1px solid #c9c9c9;
  color: var(--light-charcoal) !important;
  font-size: 18px !important;
  line-height: 1.3;
  font-weight: 400;
  min-height: 44px;
  border-radius: 4px !important;
  padding: 8px 15px !important;
}

form .hs-error-msg, form .hs_error_rollup label {
  color: #bf3556 !important;
  margin: 4px 0 0 !important;
  font-size: 15px !important;
  line-height: 1.1 !important;
  font-weight: 400 !important;
}

.hs-input.invalid.error {
  border-color: #BF3556;
  border-width: 2px;
}

form .hs-form-booleancheckbox-display
form .hs-form-radio-display {
  /*display: block;
  position: relative;
  cursor: pointer;
  font-size: 22px;
  user-select: none;
  font-family: Roboto, sans-serif !important;*/
  cursor: pointer;
}

form .inputs-list > li:not(:only-child) {
  margin: 0;
}

form .hs-form-booleancheckbox-display input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  left: 0
}
form input.hs-input[type="checkbox"],
form input.hs-input[type="radio"] {
  display: none;
}
form .hs-form-booleancheckbox-display > span,
form .hs-form-checkbox-display > span,
form .hs-form-radio-display span {
  line-height: 1.3;
  font-family: Roboto,sans-serif;
  font-weight: 300;
  position: relative;
  display: inline-flex !important;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  padding-left: 46px;
  width: calc(100% - 7px);
  min-height: 34px;
  margin: 0;
}
form .hs-form-checkbox-display > span {
  min-height: 24px;
  line-height: 1.5;
}

form .hs-form-booleancheckbox-display span,
form .hs-form-booleancheckbox-display p {
  font-size: 13px !important;
  font-weight: 300;
  color: #959595;
}
form .hs-form-booleancheckbox-display > span > a
form .hs-form-booleancheckbox-display > span > p > a {
  text-decoration: underline;
}
form .hs-form-booleancheckbox-display > span > a {
  margin: 0 5px;
}
/* form .hs-form-booleancheckbox-display span p a:nth-last-child(1){
  margin-right: 5px;
} */
.legal-consent-container .hs-form-booleancheckbox-display p,
form .hs-form-booleancheckbox-display p {
  margin: 0;
  display: inline;
}
.legal-consent-container .hs-form-booleancheckbox-display > span {
  margin-left: 0 !important;
}
.legal-consent-container > .hs-richtext > p {font-size: 13px !important}
form .hs-form-booleancheckbox-display > span::before,
form .hs-form-checkbox-display > span::before,
form .hs-form-radio-display span::before {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 34px;
}

form .hs-form-checkbox-display > span::before,
form .hs-form-radio-display span::before {
  width: 24px;
  height: 24px;
  left: 5px;
}

form .hs-form-radio-display span::before{
  border-radius: 50%;
  box-shadow: 0 0 1px 1px #acacac;
  border: 0;
  top: calc(50% - 2px);
  transform: translateY(-50%);
}

form .hs-form-booleancheckbox-display input:checked ~ span::before,
form .hs-form-checkbox-display input:checked ~ span::before {
  background-image: url(https://5486510.fs1.hubspotusercontent-na1.net/hubfs/5486510/icons/bullet-tick.svg);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: 50%;
}

form .hs-form-radio-display input:checked ~ span::before {
  background: #282828;
  border: 7px solid #fff;
}

form .hs_i_agree_to_the_terms_of_use_and_have_read_the_privacy_policy input {
  padding: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  height: 0;
  width: 0;
}

/*form .inputs-list span {
  color: #959595;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  display: inline-block;
  vertical-align: top
}*/

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

/* .inputs-list .hs-form-booleancheckbox .hs-form-booleancheckbox-display span {
  display: block;
  margin: 0;
} */

.inputs-list .hs-form-booleancheckbox .hs-form-booleancheckbox-display span .hs-form-required {
  margin-left: 5px;
  font-weight: 400;
/*   font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  font-family: Roboto, sans-serif !important;
  color: #bf3556 !important;
  float: none;
  clear: both;
  display: inline-block; */
}

form input:focus-visible {
  outline: none;
  border: 1px solid #c9c9c9;
}

/* form input[type='checkbox'], */
form input[type='submit'] {
  width: auto !important;
/*   max-width: max-content;
  letter-spacing: 1px;
  line-height: 1;*/
  color: #fff !important;
  font-size: 20px;
  border-radius: 32px;
  font-weight: 600;
  min-height: 54px;
  font-family: Poppins, sans-serif !important;
  border-radius: 32px !important;
  padding: 10px 32px !important;
}
form input[type='submit']:hover{
  color: var(--light-charcoal) !important;
  background-color: #fff !important;
}

form input::placeholder,
form select::placeholder,
form textarea::placeholder {
  color: #CECECE;
}

form .hs-input::placeholder,
form .hs-input::-webkit-input-placeholder {
  color: #CECECE;
}
/* Forms Styling End */
#main_header.header.header_light .header__logo.header__logo--main.standard-logo  {
  position: relative;
  overflow:visible;
}
#main_header.header.header_light .header__logo.header__logo--main.standard-logo .small_logo {
  display: block;
  position: absolute;
  top: 45px;
  left: 0;
  z-index: 1;
}
#main_header.header.header_light .header__logo.header__logo--main.standard-logo .small_logo img{
  display: block;
  height: 23px !important;
}
@media (max-width:768px) {
  #main_header.header.header_light .header__logo.header__logo--main.standard-logo .small_logo img,
  .banner_small_title span img{
    height: 21px !important
  }
}
.light_version_page.overflow-class #main_header.header.header_light .header__logo.header__logo--main.standard-logo .small_logo {
  z-index: -1;
}
.banner_small_title span {
  display: block;
  width: auto;
  height: auto !important;
}

.banner_small_title span img {
  display: block;
  height: 25px !important
}
.error-page {
  padding: 5rem 0;
}

.goog-text-highlight {
  background: transparent !important;
  box-shadow: none !important;
  position: unset !important;
}

/* Consent banner > Settings > Consent */
#hs-banner-parent #hs-eu-policy-wording strong {
  font-weight: 700;
  display: inline
}
#hs-banner-parent #hs-eu-policy-wording a {
  color: #18ade8
}

/* Media Queries Start */
@media (min-width:767px){
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    border: 1px solid #1c1c1c;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    border: 1px solid #1c1c1c;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }
}

@media (min-width:768px) {
  .header.sticky .top_header ul li a:hover {
    border-color: var(--light-charcoal);
  }

  #main_header.header.header_light .menu .menu__link:focus, #main_header.header.header_light .menu .menu__link:hover, #main_header.header.header_light .menu__link, #main_header.header.header_light .top_header ul li a, #main_header.header.header_light .region_dropdown_parent .region_heading {
    color: #36454F !important;
  }

  .home_counter_mod .content_wrapper .content_item {width: 33%}
  .home_counter_mod .content_wrapper .content_item p {max-width: 450px}
}

@media (max-width:768px) {  
  .two_column_text {
     column-count: 1;
  }
}

@media (max-width:1080px) {
  .header_cta {
    font-size: 14px;
  }
}
@media (min-width:768px) and (max-width:1024px) {
  .header_cta {
    padding: 12px;
    min-width: 110px;
    text-align: center;
  }
}

@media (min-width:1500px) {
  .page-center,
  .footer_main .footer_top_content,
  .footer_main .footer_bottom_content .content_inner,
  .masonry {
    max-width: 1450px !important;
  }
}

@media (min-width:1551px) {
  .page-center,
  .footer_main .footer_top_content,
  .footer_main .footer_bottom_content .content_inner,
  .masonry {
    max-width: 1540px !important;
  }

  .product_lp_mod .page-center {
    max-width: 1460px !important;
  }
}

@media (min-width:1750px) {
  .page-center,
  .footer_main .footer_top_content,
  .footer_main .footer_bottom_content .content_inner,
  .masonry {
    max-width: 1640px !important;
  }
}
@media (min-width:2151px) {
  #lp_header .header__container {
    max-width: 2100px !important;
  }
}

.header__container {
  max-width: 1920px !important;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 15px 20px !important;
}

@media (max-width:1499px) {
  #main_header.header.header_light .header__logo.header__logo--main.standard-logo .small_logo {
    /*     top: 30px;
    left: 25px; */
  }

  .heading_area h1 + p {
    font-size: 20px
  }

  .emphasis_p {
    font-size: 22px;
  }

  .product_lp_mod .content .sub_heading {
    font-size: 22px;
  }

  .product_lp_mod .content .heading {
    font-size: 48px;
  }
}

@media (max-width:1366px) {
  .what_is_lms_container {
    background-position: center 1%;
  }
}

@media (max-width:1199px) {
  .product_lp_mod .content .heading {
    font-size: 42px;
  }

  #lp_header .header__container {
    padding: 10px 20px !important;
  }
}

@media (max-width:1024px) {
  #lp_header .header__container {
    max-width: 956px !important;
  }
  
  .btn_light,
  .btn_light_inverse,
  .btn_dark,
  .btn_dark_inverse,
  .btn_green, .btn_light_blue, .btn_purple,
  .btn_purple_gradient {
    font-size: 16px !important;
    padding: 14px 25px !important;
    letter-spacing: 0
  }
  .btn_x_sml {
    font-size: 13px !important;
    padding: 6px 14px !important
  }
  .btn_sml {
    padding: 12px 23px !important
  }
}

@media (max-width: 991px) {
  .product_lp_mod .content .heading {
    font-size: 36px;
  }

  .product_lp_mod .content .sub_heading {
    font-size: 20px;
  }
}

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

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }
  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #36454F;
  }
  .page-center,
  .footer_main .footer_top_content,
  .footer_main .footer_bottom_content .content_inner,
  .masonry {
    padding: 0 25px !important
  }

  header#lp_header {
    padding-top: 0;
  }

  .upper_maindiv section.resource_scroll_item {
    display: block;
  }

  .cta_wrap {
    display: none !important;
  }

  .btn_light,
  .btn_light_inverse,
  .btn_dark,
  .btn_dark_inverse,
  .btn_green, .btn_light_blue, .btn_purple,
  .btn_purple_gradient, .btn_green_gradient, .btn_black_gradient {
    font-size: 13px !important;
    padding: 10px 30px !important;
    line-height: 1.5;
    white-space: nowrap
  }
  .btn_x_sml {
    padding: 6px 14px !important
  }
  .btn_sml {
    padding: 8px 16px !important
  }

  header .header__row-2 .menu.menu--mobile > .header_top_wrapper,
  header .header__row-2 .menu.menu--mobile > .header_bottom_wrapper {
    display: block;
  }

  .product_lp_mod .content .heading {
    font-size: 27px;
  }

  .product_lp_mod .content .sub_heading {
    font-size: 18px;
  }

  .nice-select {
    padding: 8px 15px !important;
  }

  form input[type="submit"] {
    font-size: 13px !important;
    padding: 11px 30px !important;
    line-height: 1.5;
    min-height: unset;
  }
  .inputs-list .hs-form-booleancheckbox .hs-form-booleancheckbox-display span .hs-form-required {
    font-size: 15px;
  }
}

@media (max-width:575px) {
  .body-container-wrapper {
    background-size: 225% !important;
  }

  form input,
  form select,
  form textarea,
  .nice-select {
    font-size: 15px !important;
    padding: 10px !important;
  }

  .nice-select::after {
    right: 10px;
  }
}