/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

*, *:before, *:after {
  box-sizing: border-box;
}
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  /* font-size: 21px; */
  /* font-family: 
  -apple-system,
  BlinkMacSystemFont,
  "Yu Gothic UI",
  "Yu Gothic",
  "Meiryo",
  "Segoe UI",
  "Roboto",
  "Helvetica Neue",
  Arial,
  sans-serif; */
  line-height: 1.45; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */



  /* font-size: 21px
  line-height: 1.45 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  /* font-size: 21px; */
  margin: 0;
  /* font-family: 
  -apple-system,
  BlinkMacSystemFont,
  "Yu Gothic UI",
  "Yu Gothic",
  "Meiryo",
  "Segoe UI",
  "Roboto",
  "Helvetica Neue",
  Arial,
  sans-serif; */
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct box sizing in Firefox.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}
@font-face {
    font-family: 'Hiragino Kaku Gothic ProN W4';
    src: url("https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/fonts/HiraKakuProN-W4.woff2") format('woff2'),
         url("https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/fonts/HiraKakuProN-W4.woff") format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Hiragino Kaku Gothic ProN W5';
    src: url("https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/fonts/HiraKakuProN-W5.woff2") format('woff2'),
         url("https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/fonts/HiraKakuProN-W5.woff") format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
  font-family: 'Fallback for Hiragino W5';
  src: local('Arial');
  /* line-height: 1.45; */
  /* font-size: 21px; */
  size-adjust: 118.5%;
}



@font-face {
    font-family: 'Hiragino Kaku Gothic ProN W6';
    src: url("https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/fonts/HiraKakuProN-W6.woff2") format('woff2'),
         url("https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/fonts/HiraKakuProN-W6.woff") format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Hiragino Kaku Gothic StdN W7';
    src: url("https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/fonts/HiraKakuStdN-W7.woff2") format('woff2'),
         url("https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/fonts/HiraKakuStdN-W7.woff") format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Hiragino Sans GB W3';
    src: url("https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/fonts/HiraginoSansGB-W3.woff2") format('woff2'),
        url("https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/fonts/HiraginoSansGB-W3.woff") format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/



/* CSS variables */

:root {
/*  --column-gap: 2.13%;*/
/*  --column-width-multiplier: 8.333;*/
}

/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}


  .row-fluid .span1,
  .row-fluid .span2,
  .row-fluid .span3,
  .row-fluid .span4,
  .row-fluid .span5,
  .row-fluid .span6,
  .row-fluid .span7,
  .row-fluid .span8,
  .row-fluid .span9,
  .row-fluid .span10,
  .row-fluid .span11,
  .row-fluid .span12{
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  
    .row-fluid .span1 {
      width: calc(100% / (12 / 1));
/*      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));*/
    }
  
    .row-fluid .span2 {
      width: calc(100% / (12 / 2));
/*      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));*/
    }
  
    .row-fluid .span3 {
      width: calc(100% / (12 / 3));
/*      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));*/
    }
  
    .row-fluid .span4 {
      width: calc(100% / (12 / 4));
/*      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));*/
    }
  
    .row-fluid .span5 {
      width: calc(100% / (12 / 5));
/*      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));*/
    }
  
    .row-fluid .span6 {
      width: calc(100% / (12 / 6));
/*      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));*/
    }
  
    .row-fluid .span7 {
      width: calc(100% / (12 / 7));
/*      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));*/
    }
  
    .row-fluid .span8 {
      width: calc(100% / (12 / 8));
/*      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));*/
    }
  
    .row-fluid .span9 {
      width: calc(100% / (12 / 9));
/*      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));*/
    }
  
    .row-fluid .span10 {
      width: calc(100% / (12 / 10));
/*      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));*/
    }
  
    .row-fluid .span11 {
      width: calc(100% / (12 / 11));
/*      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));*/
    }
  
}
.content-wrapper {
	margin: 0 auto;
/*  padding: 0 1rem;*/
}

@media screen and (min-width: 1380px) {
	.content-wrapper {
		padding: 0;
	}
}

.dnd-section > .row-fluid {
	margin: 0 auto;
}

/*.dnd-section > .row-fluid > .span12,*/
.dnd-section {
	padding: 0 20px;
}
/* @media (min-width: 768px) {
	.dnd-section {
		padding: 0 20px;
	}
} */
@media (min-width: 992px) {
	.dnd-section {
		padding: 0 30px;
	} 
}



.body-container--login .field_hidden {
	display: none;
}

.body-container--login .login-form {
	border-radius: 30px;
    box-shadow: 0px 25px 50px rgba(78, 78, 78, 0.3);
    background: #fff;
    padding: 30px;
	
	position: relative;
}
.body-container--login .login-form img#field_captcha_img {
	width: 150px;
}
.body-container--login form #field_submit button.hs-button::before {
	top: 23px !important;
}
.body-container--login .login-form form button.hs-button:hover,
.body-container--login .login-form form button.hs-button:focus {
	background-color: #fff;
	background: #fff;
	box-shadow: inset 0px 0px 0px 1px #0552EC;
}
.body-container--login .login-form form button.hs-button:hover::before,
.body-container--login .login-form form button.hs-button:focus::before {
	right: 28px;
}

@media (min-width: 768px) {
	.body-container--login .login-form {
		width: calc(100% /(12 / 6));
		margin: -40px auto 0;
	}
}



/* page Pricing 2 */
/* animations tabs */
.pr-2 .fade {
  	opacity: 0;
  	-webkit-transition: opacity 0.55s ease-in;
  	-o-transition: opacity 0.55s ease-in;
  	transition: opacity 0.55s ease-in;
}
.pr-2 .fade.in {
  	opacity: 1;
	-webkit-transition: opacity 0.55s ease-in;
  	-o-transition: opacity 0.55s ease-in;
  	transition: opacity 0.55s ease-in;
}
.pr-2 .tab-content .tab-pane {
  	display: none;
}
.pr-2 .tab-content .active {
  	display: block;
}
/* end */
/* hero */
.pr-2 .hero-2::after {
	background-position: -40px bottom;
}
.pr-2 .hero-2::before {
	background-position: right;
}
/* end */


.pr-2 .description {
    margin: 0 auto 30px;
}
.pr-2 .description p[style="text-align: center;"] > a {
    margin: 0 auto;
}
@media (max-width: 767px) {
	.pr-2 .description > :is(h2) {
		font-size: 32px;
	    line-height: 42px;
	}
}
@media (min-width: 768px) {
	.pr-2 .description {
		max-width: 890px;
		width: 100%;
		margin: 50px auto 0;
	}
	.pr-2 .description > :is(h2) {
		font-size: 44px;
		line-height: 50px;
	}
}
.pr-2 .description .group-buttons {
	margin-bottom: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 15px;
}
@media (min-width: 576px) {
	.pr-2 .description .group-buttons {
		flex-direction: row;
	}	
}

.pr-2 .description a.hs-button.style_2:hover,
.pr-2 .description a.hs-button.style_2:focus {
	box-shadow: inset 0px 0px 0px 1px #0552EC;
}
.pr-2 .description > h2 > strong,
.pr-2 .description > h3 > strong,
.pr-2 .description > h4 > strong,
.pr-2 .description > h5 > strong,
.pr-2 .description > h6 > strong {
    color: #0552EC;
}
/* end */





/* Section Collapse */
.section-collapse .widget-type-rich_text span h2:last-child {
	margin-bottom: 0;
}
.reviews-section .span12 > .dnd-row:first-child .widget-type-rich_text :is(h5),
.pricing .span12 > .dnd-row:first-child .widget-type-rich_text :is(h5),
.table-3 .span12 > .dnd-row:first-child .widget-type-rich_text :is(h5),
.industry-tabs-section .span12 > .dnd-row:first-child .widget-type-rich_text :is(h5) {
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #0552EC;
}
.reviews-section .span12 > .dnd-row:first-child .widget-type-rich_text :is(h2, h3, h4, h5, h6) strong,
.pricing .span12 > .dnd-row:first-child .widget-type-rich_text :is(h2, h3, h4, h5, h6) strong,
.table-3 .span12 > .dnd-row:first-child .widget-type-rich_text :is(h2, h3, h4, h5, h6) strong,
.industry-tabs-section .span12 > .dnd-row:first-child .widget-type-rich_text :is(h2, h3, h4, h5, h6) strong,
.section-collapse .widget-type-rich_text :is(h2, h3, h4, h5, h6) strong {
	color: #0552EC;
}
/* end */





/* Time Clock - Landing Page */
.hs-content-id-213735179061 {}
/* end */
/* Page Support Request */
.body-container--support .widget-type-form {
	max-width: 640px;
	width: 100%;
	margin: -20px auto 0;

	border-radius: 30px;
	box-shadow: 0px 25px 50px rgba(78, 78, 78, 0.3);
	background: #fff;
	padding: 30px;
}
.body-container--support .widget-type-form::after,
.body-container--support .widget-type-form::before {
	display: table;
  	content: " ";
}
.body-container--support .widget-type-form::after {
	clear: both;
}
@media (min-width: 768px) {
	.body-container--support .widget-type-form {
		margin: -40px auto 0;
	}
}
.body-container--support .hs-field-desc {
	position: relative;
	top: -10px;
	/* color: rgba(0, 0, 0, .5); */
	color: #0000008A;
}
.body-container--support .hs-field-desc a {
	text-decoration-color: #0552EC;
}
/* end */



/* Page partners */
.body-container--partners {
	overflow: hidden;
	margin-top: -30px;
}
.body-container--partners .span12.widget-span.widget-type-cell > div.hero.hero-5 {
    background-color: #0552EC;
}
.body-container--partners .span12.widget-span.widget-type-cell > div.hero.hero-5:before {
	border-radius: 0;
}
.body-container--partners .row-fluid-wrapper.row-depth-1.row-number-8 {
	position: relative;
	background: #fff;
}
.body-container--partners .row-fluid > .span12 > .dnd-section,
.body-container--partners .row-fluid > .span12 > .dnd-section {
	position: relative;
	background-color: #fff;
}
/* end */



/* Page profits */
.body-container--non-profits > .row-fluid-wrapper > .row-fluid > .span12 > .row-fluid-wrapper:nth-child(2) {
	position: relative;
	z-index: 2;
}
/* end */



/* All-in-One Time Tracking Software for Your Business */
/* time-tracking-software */
@media (max-width: 767px) {
	.body-wrapper.hs-content-id-184712975737 .row-fluid-wrapper.row-depth-2.row-number-4.cell_1738336056721-row-3-padding.dnd-row .row-fluid > div {
		width: auto !important;
	}
}
.body-wrapper.hs-content-id-184712975737 .hero-5::before {
    top: 0 !important;
}
.body-wrapper.hs-content-id-184712975737 .row-fluid-wrapper.row-depth-2.row-number-4.cell_1738336056721-row-3-padding.dnd-row .row-fluid {
	gap: 25px;
}
.body-wrapper.hs-content-id-184712975737 .row-number-50.our-team.simple-cards .cards3 .card .card__inner {
	padding-top: 0;
}
/* end */



/* Custom Consent Banners */
#hs-banner-parent #hs-eu-cookie-confirmation {
	width: 100% !important;
	border-radius: 30px !important;
	max-width: calc(100% - 20px) !important;
  	max-height: calc(100% - 20px) !important;
	bottom: 10px !important;
}
#hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner {
	margin: 10px;
}
#hs-banner-parent #hs-modal-content #hs-modal-introduction span {
	/* font-family: "hiragino-sans-w6", sans-serif; */
	font-family: 'Hiragino Kaku Gothic ProN W6';
}
#hs-banner-parent #hs-modal-content #hs-categories-container p,
#hs-banner-parent #hs-modal-content #hs-modal-introduction-description p,
#hs-banner-parent #hs-eu-policy-wording p,
#hs-banner-parent p#hs-eu-cookie-disclaimer {
	/* font-family: "hiragino-sans-w4", sans-serif; */
	font-family: 'Hiragino Kaku Gothic ProN W4';
	line-height: 20px;
}
#hs-banner-parent #hs-modal-footer-container button,
#hs-banner-parent #hs-eu-confirmation-button-group button {
	font-family: "Fira Mono", monospace;
  	font-weight: 500;
  	font-style: normal;
	text-transform: uppercase;

  	font-size: 14px;
  	line-height: 24px;
}
#hs-banner-parent #hs-modal-content {
	padding: 20px !important;
	border-radius: 30px !important;
}
#hs-banner-parent #hs-modal-content #hs-categories-container .hs-category-row {
	padding: 5px !important;
}
#hs-banner-parent button#hs-modal-accept-all,
#hs-banner-parent button#hs-eu-confirmation-button {
	transition: color 0.15s linear, background 0.15s linear;
}
#hs-banner-parent button#hs-modal-accept-all:hover,
#hs-banner-parent button#hs-eu-confirmation-button:hover {
	color: #0552ec;
	background: #ffffff;
}

/* Elements
Base HMTL elements are styled in this section (<body>, <h1>, <a>, <p>, <button> etc.)
*/

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
}


/* Lists */
ul,
ol {
	margin: 0 0 1.4rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
	margin: 0;
}

ul.no-list {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
main .hs_cos_wrapper_type_rich_text ul {
	padding-left: 0;
}
main .hs_cos_wrapper_type_rich_text ul li {
	list-style: none;
	padding: 5px 0 5px 30px;
	background: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/icon-li-ellipse.svg) left center no-repeat;
}
main .hs_cos_wrapper_type_rich_text ul li strong {
	/* font-family: 'hiragino-sans-w7'; */
	font-family: 'Hiragino Kaku Gothic StdN W7';
	color: #0552EC;
}




main .hs_cos_wrapper_type_rich_text ol {
	padding-left: 0;

	list-style: none;
   	counter-reset: item;
}
main .hs_cos_wrapper_type_rich_text ol li {
	list-style: none;
	padding: 5px 0;

	display: flex;
    align-items: center;

	counter-increment: item;
   	margin-bottom: 5px;
}
main .hs_cos_wrapper_type_rich_text ol li:before {
	content: counter(item);
	
	width: 70px;
	height: 70px;

	display: flex;
    align-items: center;
    justify-content: center;

	/* font-family: 'hiragino-sans-w6'; */
	font-family: 'Hiragino Kaku Gothic ProN W6';
	border-radius: 100%;
	font-size: 20px;
	border: 2px solid #4ACEF2;

	margin-right: 20px;
	flex-shrink: 0;
}
main .hs_cos_wrapper_type_rich_text ol li strong {
	/* font-family: 'hiragino-sans-w7'; */
	font-family: 'Hiragino Kaku Gothic StdN W7';
	color: #0552EC;
}

/* Code blocks */
pre {
	overflow: auto;
}

code {
	vertical-align: bottom;
}

/* Blockquotes */
blockquote {
	border-left: 2px solid;
	margin: 0 0 1.4rem;
	padding-left: 0.7rem;
}

/* Horizontal rules */
hr {
	border: none;
	border-bottom: 1px solid #ccc;
}

/* Image alt text */
img {
	width: 100%;
}
/*img.align-left {
	display: flex;
}
img.align-right {
	display: flex;
}*/
img, svg, object {
	font-size: 0.583rem;
	word-break: normal;
	margin: 0;
	vertical-align: middle;
}
.clearfix:before,
.clearfix:after {
   content: " ";
   display: table;
}
.clearfix:after {
   clear: both;
}


/* Paragraphs */
p {
	margin: 0;
	margin-bottom: 32px;
}
p:last-child {
	 margin-bottom: 0;  
}


/*all simple pages*/
.body-container :is(h1, h2, h3, h4, h5, h6) {
	margin-bottom: 28px;
}

iframe {
	width: 100%;
}
button,
.hs-button,
a.hs-button,
a.cta_button,
form input[type=submit],
form .hs-button {
	cursor: pointer;
	/* display: inline-block; */
	display: flex;
	justify-content: center;
    align-items: center;

	text-align: center;

	text-transform: uppercase;
	white-space: normal;
	padding: 20px 25px;

	background: radial-gradient(49.34% 49.34% at 50% 98.44%, #0552EC 0%, #032F86 100%);
	position: relative;
	z-index: 2;

	width: fit-content;
}

.hs-button.block,
.button.block {
	width: 100%;
}

.hs-search-field__button {
	margin-top: 15px;
}
.hs-search-field__button img {
	width: auto;
	margin-left: 10px;
	transition: filter .25s linear;
}
.hs-search-field__button:hover img,
.hs-search-field__button:focus img {
	filter: brightness(0) saturate(100%)
}

/* button > *,
.hs-button > *,
a.hs-button > *,
form input[type=submit] > *,
form .hs-button > * {
	position: relative;
	z-index: 1;
} */

button:not(.style_2, .style_3, .hs-menu-item__child-toggle, .hs-menu-item__parent-toggle, .site-header__menu-toggle, .hs-category-label, #hs-modal-close-button, .hs-search-field__button, .uiButton)::after,
.hs-button:not(.style_2, .style_3, .hs-menu-item__child-toggle, .hs-menu-item__parent-toggle)::after,
label.hs-button:is(.style_1)::after,
a.hs-button:not(.style_2, .style_3, .hs-menu-item__child-toggle, .hs-menu-item__parent-toggle)::after,
form input[type=submit]:not(.style_2, .style_3)::after,
form .hs-button:not(.style_2, .style_3, .hs-search-field__button)::after,
.hs-button:is(.style_4)::after,
.blog-index__bar button.style_2[aria-pressed="true"]::after {
  	position: absolute;
  	content: "";
  	inset: 0; /* same as { top: 0; right: 0; bottom: 0; left: 0; } */
	background: linear-gradient(to bottom, #ffffff, #ffffff);
	z-index: -1;
	opacity: 0;
	transition: all .25s linear;

	border-radius: 40px;
}
body.hubspot-disable-focus-styles button::after {
	content: none !important;
}

.blog-index__bar button[aria-pressed="true"]::after,
button.uiButton::after,
.hs-button.uiButton::after,
a.hs-button.uiButton::after {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	position: relative;
	z-index: 0;
}


button:hover::after,
button:not(.site-header__menu-toggle):focus::after,
.cta_button:hover::after,
.cta_button:focus::after,
.hs-button:hover::after,
.hs-button:focus::after,
a.hs-button:hover::after,
a.hs-button:focus::after,
a.hs-button:is(.style_4):focus::after,
form input[type=submit]:hover::after,
form input[type=submit]:focus::after,
form .hs-button:hover::after,
form .hs-button:focus::after {
  	opacity: 1;
	box-shadow: inset 0px 0px 0px 1px #0552EC;
}


/* size */
.hs-button.small {
	padding: 10px 20px;
	line-height: 20px;
}

/* icon */
a.cta_button.icon,
.hs-button.icon {
	position: relative;
}
a.cta_button.icon::before,
.hs-button.icon::before {
	position: relative;
	z-index: 1;
	margin-right: 10px;
	height: 20px;
	display: inline-block;
	content: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/icon-button-lightning.svg);
}
a.cta_button.icon.icon-right,
.hs-button.icon.icon-right {
	padding-right: 64px;
}
a.cta_button.icon.icon-right::before,
.hs-button.icon.icon-right::before {
	position: absolute;
	right: 0;
	transition: right .15s linear;

	margin-right: 30px;
	margin-top: -5px;
	z-index: 1;
	height: 20px;
	display: inline-block;
	content: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/icon-button-arrow.svg);
}
a.cta_button.icon.icon-right:hover::before,
.hs-button.icon.icon-right:hover::before {
	right: -3px;
}
@media (min-width: 768px) {
	a.cta_button.icon::before,
	.hs-button.icon::before {
		margin-right: 20px;
	}
}
.hs-button.icon-grid::before {
	margin-right: 7px;
	height: 16px;
	content: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/grid.svg);
}
.hs-button.icon-list::before {
	margin-right: 7px;
	height: 16px;
	content: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/list.svg);
}

/*button:hover,
button:focus,
button:active,
.button:hover,
.button:focus,
.button:active,
form .hs-button:hover,
form .hs-button:focus,
form .hs-button:active,
form input[type=submit]:hover,
form input[type=submit]:focus,
form input[type=submit]:active {
	background-color: #ffffff;
	color: #000000;
}*/


button:disabled,
.button:disabled,
.hs-button:disabled {
	background-color: #D0D0D0;
	border-color: #D0D0D0;
	color: #E6E6E6;
}


/* No button */
.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
	background: none;
	border: none;
	border-radius: 0;
	color: initial;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
	margin-bottom: 0;
	padding: 0;
	text-align: left;
	text-decoration: none;
	transition: none;
}
/* Fields */
form .hs-form-field {
	margin-bottom: 15px;
}
/* form .hs-form-field.hs_recaptcha {
	height: 60px;
} */
/* Labels */
form label {
	display: block;
	margin-bottom: 10px;

	font-size: 14px;
	line-height: 19px;
}

/* Form Title */
.form-title {
	margin-bottom: 0;
}

/* Help text */
form legend {
	font-size: 0.875rem;
}
.sr-only {
	position: absolute ;
    left: -10000px;
    width: 1px;
    height: 1px;
    top: auto;
    overflow: hidden;
}

/* Inputs */
form input::placeholder,
.block-search input::placeholder,
form textarea::placeholder {
	color: rgba(0, 0, 0, 50%);
}
form input:-webkit-autofill,
form input:-webkit-autofill:hover, 
form input:-webkit-autofill:focus, 
form input:-webkit-autofill:active,
form select:-webkit-autofill,
form select:-webkit-autofill:hover, 
form select:-webkit-autofill:focus, 
form select:-webkit-autofill:active {
    -webkit-background-clip: text;
    -webkit-text-fill-color: #000000;
}
form input[type=text],
input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea,
.block-select select {
	display: inline-block;
	padding: 17px 30px;
	width: 100%;
	line-height: 24px;
	font-size: 16px;

	border: 1px solid #d9d9d9;
}
.block-select select.small {
	padding: 9px 30px 9px 20px;
	line-height: 24px;
	font-size: 14px;

	max-width: 100%;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	white-space: nowrap;
}
.block-select select,
form select {
	width: 100% !important;
}
form input,
form textarea {
	outline: none;
}


/*@media (min-width: 768px) {
	form input[type=text],
	form input[type=search],
	form input[type=email],
	form input[type=password],
	form input[type=tel],
	form input[type=number],
	form input[type=file],
	form select,
	form textarea {
		padding: 16px 30px;
	}
}*/

form textarea {
	resize: none !important;
	border-radius: 20px;
}
form fieldset {
	max-width: 100% !important;
}

/* Inputs - checkbox/radio */
form .hs-fieldtype-radio,
form .inputs-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
form .hs-fieldtype-radio .inputs-list label {
	display: flex;
}
form .hs-fieldtype-radio .inputs-list label input {
	width: 30px !important;
}

form .inputs-list>li {
	display: block;
	margin: 0.3rem 0 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
	vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
	cursor: pointer;
	margin-right: 0.35rem;
}

/* Inputs - file picker */
form input[type=file] {
	background-color: transparent;
	border: initial;
	padding: initial;
}

/* Headings and text */
form .hs_error_rollup .hs-error-msgs li label {
	color: #AD0000;
}
form .hs-richtext {
	margin: 0 0 20px;
}
@media (min-width: 768px) {
	form .hs-richtext {
		margin: 0 0 45px;
	}	
}
form .hs-richtext p {
	font-size: 14px;
	margin: 0 0 10px;
}

form .hs-richtext img {
	max-width: 100% !important;
}

/* GDPR */
.legal-consent-container .hs-form-booleancheckbox-display>span,
.legal-consent-container .hs-form-booleancheckbox-display>span p {
	margin-left: 1rem !important;
}

/* Validation */
.hs-form-required {
	color: #AD0000;
}

.hs-input.invalid.error {
	border-color: #EF6B51;
}

.hs-error-msg {
	color: #AD0000;
	font-size: 12px;
	text-align: left;
	/* text-align: center; */
}
/* @media (min-width: 768px) {
	.hs-error-msg {
		text-align: left;
	}	
} */

/* Captcha */
.grecaptcha-badge {
	margin: 0 auto;
}


/* Search button input field and suggestions */
.body-container-wrapper .hs-search-field__bar--button-inline .hs-search-field__button {
	margin-left: 6px;
	margin-bottom: 0;
}
.body-container-wrapper .hs-search-field__button svg {
	height: 15px;
	fill: #fff;
}
	
:root {
	--select-border: #777;
	--select-focus: blue;
	--select-arrow: var(--select-border);
}

select {
	appearance: none;
	z-index: 1;
	outline: none;
}
select::-ms-expand {
	display: none;
}

.select,
form.blog-filter-tags,
form .hs-fieldtype-select .input,
.plans-select,
.block-select .input {
	display: grid;
	grid-template-areas: "select";
	align-items: center;
	position: relative;
}
.select select,
.select::after,
form.blog-filter-tags select,
form .hs-fieldtype-select .input select,
.plans-select select {
	grid-area: select;
}
/* .plans-select::after, */
.select:not(.select--multiple)::after,
form .hs-fieldtype-select .input::after,
form.blog-filter-tags::after,
.block-select .input::after {
	justify-self: end;
	position: absolute;
	right: 30px;
    top: 13px;

	content: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/icon-down-arrow.svg);
}
.block-select .input::after {
	/* v.3 */
	top: 6px;
	right: 20px;
}
.select option {
	color: #000;
}
/* Table */

table {
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/

header {
	position: relative !important;
	z-index: 10;

	background: #0552EC;
}
@media (max-width: 767px) {
	header .sticky-wrapper {
		border-bottom: 1px solid rgba(255, 255, 255, .1);
	}
}
header .sticky-wrapper .header__container {
	-webkit-border-bottom-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-bottomright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
}
.header__container {
	position: relative;
	/* overflow: hidden; */

	/* -webkit-border-bottom-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-bottomright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px; */

	/* background-color: #0552EC; */
}
.sticky-wrapper .header__container {
	transition: background 0.3s, border 0.3s, box-shadow 0.3s;
}
.is-sticky .header__container {
	/* background-color: #fff;
	box-shadow: 3px 25px 30px rgba(78, 78, 78, 0.1); */
}
.header__container {
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
	flex-direction: column;
}
.header__row-1 {
	padding-top: 16px;
	padding-bottom: 17px;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}
@media (min-width: 768px) {
    .header__row-1 {
        padding-top: 23px;
        padding-bottom: 21px;
		transition: padding-bottom 0.15s, padding-top 0.15s;

		position: relative;
		overflow: hidden;
    }
	.is-sticky .header__row-1 {
		border-color: rgba(0, 0, 0, .1);
	}
}
.header__row-1,
.header__row-2 {
	align-items: center;
	display: flex;
	justify-content: flex-end;
	width: 100%;
}


/* button - Schedule a demo */
.is-sticky .header__row-1 #hs_cos_wrapper_schedule_a_demo .hs-button.style_2:hover,
.is-sticky .header__row-1 #hs_cos_wrapper_schedule_a_demo .hs-button.style_2:focus {
	color: #000;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1);
}
@media (max-width: 767px) {
	.header__row-1 #hs_cos_wrapper_schedule_a_demo {
		display: none;
		opacity: 0;
		visibility: hidden;
	}	
}
@media (min-width: 768px) {
	.header__row-1 #hs_cos_wrapper_button_log_in a.hs-button {
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.header__row-1 #hs_cos_wrapper_schedule_a_demo {
		margin-right: 10px;
	}
	.sticky-wrapper:not(.is-sticky) .header__row-1 #hs_cos_wrapper_schedule_a_demo a.hs-button.style_2 {
		box-shadow: none;
	}
	.sticky-wrapper:not(.is-sticky) .header__row-1 #hs_cos_wrapper_schedule_a_demo a.hs-button:hover {
		color: #fff;
		box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1);
	}
	/* .is-sticky .header__row-1 #hs_cos_wrapper_schedule_a_demo {
		margin-left: 10px;
		margin-right: 10px;
		opacity: 1;
		width: auto;

		position: relative;
	} */
	.is-sticky .header__row-1 #hs_cos_wrapper_schedule_a_demo .hs-button::before {
		margin-right: 10px;
	}
	@media (max-width: 575px) {
		.header__row-1 #hs_cos_wrapper_schedule_a_demo .hs-button.small {
			padding-left: 10px;
			padding-right: 10px;
		}
		.is-sticky .header__row-1 #hs_cos_wrapper_schedule_a_demo .hs-button::before {
			content: none;
			margin: 0
		}
	}
}
/* end */


/* button - Log In */
.sticky-wrapper:not(.is-sticky) .header__row-1 #hs_cos_wrapper_button_log_in .hs-button {
	box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1);
	background: #0552EC;
}
.sticky-wrapper:not(.is-sticky) .header__row-1 #hs_cos_wrapper_button_log_in .hs-button:hover,
.sticky-wrapper:not(.is-sticky) .header__row-1 #hs_cos_wrapper_button_log_in .hs-button.style_1:focus {
	color: #000;
	background-color: #fff;
}
.sticky-wrapper:not(.is-sticky) .header__row-1 #hs_cos_wrapper_button_log_in .hs-button:hover::after,
.sticky-wrapper:not(.is-sticky) .header__row-1 #hs_cos_wrapper_button_log_in .hs-button:focus::after {
	box-shadow: none;
}
.is-sticky .header__row-1 #hs_cos_wrapper_button_log_in .hs-button.icon::before {
	margin-right: 0;
}
@media (max-width: 767px) {
	.header__row-1 #hs_cos_wrapper_button_log_in {
		display: none;
		opacity: 0;
		visibility: hidden;
	}	
}
.is-sticky .header__row-1 #hs_cos_wrapper_button_log_in .hs-button:hover,
.is-sticky .header__row-1 #hs_cos_wrapper_button_log_in .hs-button:focus {
    color: #000;
	box-shadow: inset 0px 0px 0px 1px #0552EC;
}
/* end */


.header__column {
	width: 100%;
}
@media (max-width: 991px) {
	.header__row-1 {
		border-top: 1px solid rgba(255, 255, 255, .1);
		justify-content: space-between;
		border-bottom-color: transparent;
	}
}
@media (min-width: 768px) {
	.header__container {
		flex-direction: row;
	}
	.header__row-2 .hs_cos_wrapper_type_module {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
}
@media (min-width: 992px) {
	.header__container {
		padding-left: 30px;
		padding-right: 30px;
	}
}


/* Logo */
.header__logo {
	align-items: center;
	display: flex;
	justify-content: center;
	height: auto;
	margin-right: auto;
	overflow: hidden;
}
.header__logo img {
	max-width: 254px;
}
.header__logo img.black {
	display: none;
}
.is-sticky .header__container .header__logo img.black {
	display: block;
}
.is-sticky .header__container .header__logo img.white {
	display: none;
}
@media (max-width: 767px) {
    .header__logo {
        width: 210px;
		height: 30px;
    }
}


/*Phone*/
.header__phone {
	margin: 0 18px;
}
@media (max-width: 991px) {
	/* .site-header__navigtion-utility {
		margin: 0 20px 0 0;
	} */
	.header__phone {
		margin-left: auto;
	}
}



/*Button*/
.header__button a.hs-button {
	display: block;
}
@media (min-width: 992px) {
	.header__button {
		text-align: right;
		width: 150px;
	}
	.header__button a.hs-button {
		display: inline-block;
	}
}



/* Search bar */
.header__search {
	padding: 0 1rem;
	width: auto;
}
@media (min-width: 767px) {
	.header__search form {
		align-items: center;
		display: flex;
		flex-direction: row;
	}

	.header__search label {
		margin: 0 1rem 0 0;
	}

	.header__search .hs-search-field__input {
		width: auto;
	}
}

/*@media (max-width: 767px) {
	.header__search {
		border-top: 2px solid #CED4DB;
		order: 1;
		padding: 1.05rem;
	}
}*/



/* Navigation */
.header__menu-top {
	margin-right: 65px;
    display: none;
}
.header__menu-top ul li a {
	margin-right: 65px;
}
.header__menu-top ul li a {
    color: #fff;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.header__menu-top {
		margin-right: 35px;
	}
	.header__menu-top ul li a {
		margin-right: 35px;
	}
}

.header__menu-top ul li.active a,
.header__menu-top ul li.active a:hover,
.header__menu-top ul li.active a:focus,
.header__menu-top ul li a:hover,
.header__menu-top ul li a:focus {
    text-decoration-color: #fff;
}
.is-sticky .header__menu-top ul li a {
    color: #000;
}
.is-sticky .header__menu-top ul li.active a,
.is-sticky .header__menu-top ul li.active a:hover,
.is-sticky .header__menu-top ul li.active a:focus,
.is-sticky .header__menu-top ul li a:hover,
.is-sticky .header__menu-top ul li a:focus {
    color: #0552EC;
    text-decoration-color: #0552EC;	
}
.header__navigation ul li:first-child a,
.header__menu-top ul li:first-child a {
	margin-left: 0;
}
.header__navigation ul li:last-child a,
.header__menu-top ul li:last-child a {
	margin-right: 0;
}
@media (min-width: 992px) {
    .header__menu-top {
        display: block;
    }
	.header__menu-top li a {
		font-size: 14px;
		line-height: 21px;
	}
}


/*if toogle menu is open*/
@media (max-width: 991px) {
	/* .mobile-menu-active .header__container {
		background-color: #14CDFF;
	} */
	/* .mobile-menu-active .header__row-1 {
		border-color: rgba(255, 255, 255, .1);
	} */
}
/* Menu and simple menu */
.hs-menu-wrapper ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

/* Horizontal menu */
.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
/*	flex-direction: column;*/
}

/* Vertical menu */
.hs-menu-wrapper.hs-menu-flow-vertical ul {
	flex-direction: column;
}

/* Flyouts */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
	display: inline-flex;
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
	position: relative;
}
.hs-menu-wrapper.flyouts .hs-item-has-children a:after {
	content: "";
	background-image: url('data:image/svg+xml;utf8,<svg width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.146447 0.146447C0.341709 -0.0488155 0.658291 -0.0488155 0.853553 0.146447L4 3.29289L7.14645 0.146447C7.34171 -0.0488155 7.65829 -0.0488155 7.85355 0.146447C8.04882 0.341709 8.04882 0.658291 7.85355 0.853553L4.35355 4.35355C4.15829 4.54882 3.84171 4.54882 3.64645 4.35355L0.146447 0.853553C-0.0488155 0.658291 -0.0488155 0.341709 0.146447 0.146447Z" fill="black"/></svg>');
	background-repeat: no-repeat;
	background-size: cover;
	height: 5px;
	width: 8px;
	display: inline-block;
	margin-left: 7px;
	vertical-align: middle;
}
.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
	left: -9999px;
	opacity: 0;
	position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
	display: block;
	white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
	left: 0;
	opacity: 1;
	top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
	left: 100%;
	opacity: 1;
	top: 0;
}

@media (max-width: 767px) {
	.hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
	.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
	.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
		left: 0;
		opacity: 1;
		position: relative;
		top: auto;
	}
}

/* CTA, logo, and rich text images */
.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
	height: auto;
	max-width: 100%;
}

/* Divider */
.divider > div {
	width: 100%;
}

/* Utilities
Helper classes with ability to override anything that comes before it
*/

/* For content that needs to be visually hidden but stay visible for screenreaders */

.show-for-sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}


/* Section */
.section-slider-3 {
    position: relative;
    background: #0552EC;

	-webkit-border-radius: 0;
	-webkit-border-bottom-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius: 0;
	-moz-border-radius-bottomright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-radius: 0;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;

    /* max-height: 590px; */
	
}
.section-slider-3 div.swiper-slide__inner,
.section-slider-3 div.swiper-slide__inner > div,
.section-slider-3 div.swiper-slide__inner .h4,
.section-slider-3 div.swiper-slide__inner .content {
    height: auto;
}
.section-slider-3 div.swiper-slide__inner .content > p {
	margin-bottom: 20px;
}
.section-slider-3 div.swiper-slide__inner .content > p:last-child {
	margin-bottom: 0;
}
.section-slider-3 .swiper.slides {
	-webkit-border-radius: 0;
	-webkit-border-bottom-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius: 0;
	-moz-border-radius-bottomright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-radius: 0;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
}
@media (max-width: 767px) {
	.section-slider-3 div.swiper-slide__inner {
		flex-direction: column-reverse;
		padding-bottom: 90px;
	}
	.section-slider-3 > .row-fluid .span6:first-child {
		text-align: center;
	}
	.section-slider-3 > .row-fluid .span6:first-child p {
		font-size: 14px;
		line-height: 21px;
	}
}
@media (min-width: 576px) {
	.section-slider-3::after,
	.section-slider-3::before {
		background-repeat: no-repeat;
		content: "";
		height: 100%;
		position: absolute;
		width: 100%;
		z-index: 0;
	}	
	.section-slider-3::after {
		background-position: bottom left;
		background-size: auto;
		left: 0;
		top: 0;
	}
	.section-slider-3::before {
		background-position: top right;
		background-size: auto;
		top: 0;
		right: 0;
		background-image: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/bg-hero-home-right.svg);
	}
}
@media (min-width: 768px) {
	.section-slider-3 {
		height: 100%;
	}
	.section-slider-3 div:not(.swiper-slide__inner, .swiper-pagination) {
    	height: 100%;
	}
  	.section-slider-3 .swiper-wrapper__bg {
        position: absolute;
        top: 5px;
        left: 0;
        right: 0;
        max-width: 100%;
        margin: 0 auto;

		background: transparent url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/Rectangle%20140.svg) bottom right no-repeat;
        background-size: contain;
	}
  
	.section-slider-3 > .row-fluid .span6:first-child {
		padding-bottom: 50px;
	}
	.section-slider-3 {
		max-height: 540px;
	}
}
@media (min-width: 992px) {
	.section-slider-3 {
		max-height: 590px;
	}
}
.section-slider-3 .content > ul {
	border-radius: 20px;
	padding: 10px 20px;
	width: 100%;
	text-align: left;
}
.section-slider-3 .content > ul > li {
	font-size: 16px;
	line-height: 24px;
	list-style: none;

	padding: 10px 0 10px 42px;
	background: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/icon-li-for-home.svg) left center no-repeat;
	background-size: 28px;
}
@media (min-width: 768px) {
	.section-slider-3 .content > ul {
		max-width: 560px;
	}
}


/* =============================================
   Slider 4 — section wrapper

   Structure (each editable independently):
   - .section-slider-4        — SHARED layout + form styles (both sections)
   - .section-slider-4--dark  — SECTION 1 (slider-2.html): light-gray bg
   - .section-slider-4--light — SECTION 2 (slider-2-light.html): blue bg + white form card
   The section modifier class also drives the slider colors
   (see the LIGHT slider block in slider-4 module.css).
   ============================================= */
@media (max-width: 767px) {
	.section-slider-4 > .row-fluid {
		flex-direction: column-reverse;
	}
}
@media (min-width: 768px) {
	.section-slider-4--dark > .row-fluid .span6:first-child {
		padding-right: 40px;
	}
}
@media (min-width: 992px) {
	.section-slider-4--dark > .row-fluid .span6:first-child > div {
		max-width: 560px;
	}
}

/* Opt out of the contact-template decoration that leaks onto the slider.
   On a .body-container--contact page, _contact.css turns the 2nd column
   (.span6:nth-child(2) > .row-fluid-wrapper) into a white form card with
   a shadow + offset — but in our section the 2nd column is the SLIDER.
   Reset it so the slider stays clean wherever the section is placed. */
.section-slider-4 .span6:nth-child(2) > .row-fluid-wrapper {
	background: transparent !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin-top: 0 !important;
}

/* Same opt-out for the 1st column (heading + form): the contact layout makes
   it display:flex / justify-content:flex-end (form drops to the bottom) and
   adds a large right padding. Restore normal block flow + our gutter. */
/* .section-slider-4 .span6:first-child {
	display: block !important;
	justify-content: normal !important;
} */
@media (min-width: 768px) {
	.section-slider-4--dark .section-slider-4 > .row-fluid .span6:first-child {
		padding-right: 40px !important;
	}
}

/* SECTION 1 (dark) — light-gray background */
.section-slider-4--dark {
	background: linear-gradient(180deg, rgba(20, 205, 255, 0.00) 0%, #14CDFF 214.79%) bottom center / 100% 340px no-repeat, #F4F4F4;
}

/* SECTION 2 (light) — blue background with a darker diagonal wedge bottom-left
   (new Figma node 6594:4877) */
.section-slider-4--light {
	background: #0552EC;
}
/* White form card sits in the left column on the blue background */
.section-slider-4--light > .row-fluid .span6:first-child > div {
	padding: 30px;
	border-radius: 20px;
	border: 2px solid #F4F4F4;
	background: #FFF;
}

/* SECTION 2 (light) — slider card background line artwork (Figma 6745_4018).
   Hide the inline (dark) pattern SVG and paint the dedicated light pattern. */
.section-slider-4--light .slide-bg-pattern svg {
	display: none;
}
.section-slider-4--light .slide-bg-pattern {
	background-image: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/slider-bg-pattern-light.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.section-slider-4 .slider-4__form.mod__Content-Subscribe .form-title:empty {
	display: none;
}

.section-slider-4 .slider-4__form form {
	display: flex;
}
.section-slider-4--dark .slider-4__form form label {
	margin-bottom: 0;
}

.section-slider-4 .slider-4__form form .hs-form-field {
	margin-bottom: 0;
}

.section-slider-4 .slider-4__form form .hs_email,
.section-slider-4 .slider-4__form form > div:first-child {
	width: 100%;
}

.section-slider-4 .slider-4__form form .hs_email .input input {
	text-align: center;
	width: 100%;
}

.section-slider-4 .slider-4__form form input[type=email] {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	/* Figma 6539:2859: input height 64px, border #ccc */
	padding-top: 19px;
	padding-bottom: 19px;
	border-color: #ccc;
}

.section-slider-4 .slider-4__form form input[type=email]::placeholder {
	color: rgba(0, 0, 0, .5);
	font-family: 'Fira Mono', monospace;
	font-weight: 500;
	text-transform: uppercase;
}

.section-slider-4 .slider-4__form form .hs_submit.hs-submit {
	flex: 0 0 auto;
	width: 100%;
}

.section-slider-4--dark .slider-4__form form .hs_submit .actions input {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-top: 0;
}

@media (max-width: 575px) {
	.section-slider-4 .slider-4__form form {
		flex-direction: column;
	}
	.section-slider-4--dark .slider-4__form form input[type=email] {
		border-radius: 30px;
	}
	.section-slider-4--dark .slider-4__form form .hs_submit .actions input {
		border-radius: 30px;
	}
}

.section-slider-4--dark .slider-4__form form input:not(.hsfc-TextInput)[type=email]::placeholder {
	background-repeat: no-repeat;
	background-position: calc(50% - 90px) center;
	background-image: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/icon-mail.svg);
}
.section-slider-4 .slider-4__form .hs_submit .actions {
	position: relative;
}
.section-slider-4--dark .slider-4__form .hs-button {
	display: block;
	width: 100%;
	text-indent: -35px;
	position: relative;
}
@media (min-width: 768px) {
	.section-slider-4--dark .slider-4__form form input[type=email]::placeholder {
		background-position: calc(50% - 125px) center;
	}
}
@media (min-width: 576px) and (max-width: 1070px) {
	.section-slider-4--dark .slider-4__form form {
		flex-direction: column;
	}
	.section-slider-4--dark .slider-4__form form input[type=email],
	.section-slider-4--dark .slider-4__form form .hs_submit .actions input {
        border-radius: 30px;
    }
}
@media (min-width: 1071px) {
	.section-slider-4--dark .slider-4__form form input[type=email] {
		border-right: none;
	}
	.section-slider-4--dark .slider-4__form form .hs_submit.hs-submit {
		max-width: 200px;
	}
}
.section-slider-4--dark .slider-4__form form .hs_submit .actions input {
	/* Figma 6539:2859: cyan button, black text */
	color: #000;
	background-color: #14cdff;

	padding-left: 64px;
	padding-right: 10px;
	background-repeat: no-repeat, no-repeat;
	background-position: 25px center, center;
	background-image: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/icon-button-flash.svg), linear-gradient(180deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, 0));
}

.section-slider-4--dark .slider-4__form form .hs_submit .actions input:hover,
.section-slider-4--dark .slider-4__form form .hs_submit .actions input:focus {
	background-repeat: no-repeat, no-repeat;
	background-position: 25px center, center;
	background-image: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/icon-button-flash-hover.svg), linear-gradient(180deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, 0));
	background-color: #fff;
}
.section-slider-4 .slider-4__form form .hs_submit .actions::before {
	content: none;
}

.section-slider-4 .slider-4__form form .hs_error_rollup {
	display: none !important;
}

.section-slider-4 .slider-4__form form .hs_error_rollup {
	display: none !important;
}




.section-slider-4--light .slider-4__form form {
	display: block !important;
}


.section-slider-4--light .slider-4__form .form-title {
	font-size: 30px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	color: #000000 !important;
	margin-bottom: 4px !important;
	text-align: left !important;
	display: block !important;
}


.section-slider-4--light .slider-4__form form .hs-richtext p {
	color: #6a6a6a;
}
.section-slider-4--light .slider-4__form form label:not(.hs-form-checkbox-display) span {
	position: static !important;
	width: auto !important;
	height: auto !important;
	overflow: visible !important;
	color: inherit !important;
	display: inline !important;
}


.section-slider-4--light .slider-4__form form input[type="text"],
.section-slider-4--light .slider-4__form form input[type="email"],
.section-slider-4--light .slider-4__form form input[type="tel"],
.section-slider-4--light .slider-4__form form select,
.section-slider-4--light .slider-4__form form textarea {
	display: block !important;
	width: 100% !important;
	height: 40px !important;
	padding: 10px 20px !important;
	font-size: 14px !important;
	line-height: 20px !important;
	color: #000000 !important;
	background-color: #ffffff !important;
	border: 1px solid #d9d9d9 !important;
	border-radius: 60px !important;
	box-sizing: border-box !important;
	text-align: left !important;
	text-indent: 0 !important;
}


.section-slider-4--light .slider-4__form form input::placeholder {
	color: rgba(0, 0, 0, 0.5) !important;
	font-family: inherit !important;
	font-weight: 500 !important;
	text-transform: none !important;
	background-image: none !important;
}

.section-slider-4--light .slider-4__form form input:not(.hsfc-TextInput)[type=email]::placeholder {
	background-image: none !important;
	text-indent: 0 !important;
}


.section-slider-4--light .slider-4__form form fieldset {
	display: flex !important;
	gap: 20px !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 0 20px 0 !important;
	max-width: 100% !important;
}
.section-slider-4--light .slider-4__form form fieldset.form-columns-0 .hs-richtext,
.section-slider-4--light .slider-4__form form fieldset.form-columns-0 .hs-richtext p {
	margin-bottom: 0;
}
.section-slider-4--light .slider-4__form form fieldset.form-columns-0 .hs-richtext h3 {
	margin-bottom: 0;
	font-size: 30px;
}
.section-slider-4--light .slider-4__form form fieldset.form-columns-1 label {
	margin-bottom: 0;
}
.section-slider-4--light .slider-4__form form fieldset.form-columns-1 legend.hs-field-desc {
	color: #6A6A6A;
	font-size: 14px;
	font-family: 'Hiragino Kaku Gothic ProN W5', 'Fallback for Hiragino W5', Arial, sans-serif;
	line-height: 140%; /* 19.6px */
}
.section-slider-4--light .slider-4__form form fieldset .hs-form-field {
	flex: 1 !important;
	margin-bottom: 0 !important;
	width: auto !important;
	font-family: 'Hiragino Kaku Gothic ProN W6', 'Fallback for Hiragino W5', Arial, sans-serif;
}
.section-slider-4--light .slider-4__form form fieldset .hs-form-field label.hs-error-msg {
	margin-bottom: 0;
	font-family: 'Hiragino Kaku Gothic ProN W5', 'Fallback for Hiragino W5', Arial, sans-serif;
}
.section-slider-4--light .slider-4__form form fieldset .hs-form-field .hs-form-required {
	color: #F00	
	font-size: 14px;
	font-style: normal;
}
@media (max-width: 767px) {
	.section-slider-4--light .slider-4__form form fieldset {
		flex-direction: column !important;
		gap: 15px !important;
		margin-bottom: 15px !important;
	}
}


.section-slider-4--light .slider-4__form form ul.multi-container.inputs-list {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 10px !important;
	margin: 20px 0 0px 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

@media (max-width: 575px) {
	.section-slider-4--light .slider-4__form form ul.multi-container.inputs-list {
		grid-template-columns: 1fr !important;
	}
}

.section-slider-4--light .slider-4__form form ul.multi-container.inputs-list .hs-form-checkbox {
	margin: 0 !important;
	padding: 0 !important;
}


.section-slider-4--light .slider-4__form form ul.multi-container.inputs-list label.hs-form-checkbox-display {
	display: flex !important;
	align-items: center !important;
	background-color: #f4f7f9 !important;
	border: 2px solid #e7eef3 !important;
	border-radius: 20px !important;
	height: 50px !important;
	padding: 10px 20px !important;
	cursor: pointer !important;
	margin-bottom: 0 !important;
	transition: all 0.2s ease !important;
	box-sizing: border-box !important;
}

.section-slider-4--light .slider-4__form form ul.multi-container.inputs-list label.hs-form-checkbox-display:hover {
	background-color: #eef2f6 !important;
	border-color: #cbd5e1 !important;
}

.section-slider-4--light .slider-4__form form .inputs-list label.hs-form-checkbox-display span {
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #000000 !important;
	text-align: left !important;
}


.section-slider-4--light .slider-4__form form .inputs-list label.hs-form-checkbox-display input[type="checkbox"] {
	appearance: none !important;
	-webkit-appearance: none !important;
	position: relative !important;
	width: 20px !important;
	height: 20px !important;
	margin: 0 10px 0 0 !important;
	padding: 0 !important;
	flex-shrink: 0 !important;
	background: transparent !important;
	border: none !important;
	cursor: pointer !important;
}


.section-slider-4--light .slider-4__form form .inputs-list label.hs-form-checkbox-display input[type="checkbox"]::before {
	content: "" !important;
	display: block !important;
	aspect-ratio: 1 !important;
	border-radius: 7px !important;
	position: absolute !important;
	top: 50% !important;
	left: 0 !important;
	transform: translateY(-50%) !important;
	width: 20px !important;
	height: 20px !important;
	border: 2px solid #e7eef3 !important;
	background-color: #ffffff !important;
	opacity: 1 !important;
	transition: all 0.2s ease !important;
	box-sizing: border-box !important;
}

.section-slider-4--light .slider-4__form form .inputs-list label.hs-form-checkbox-display input[type="checkbox"]:checked::before {
	background-color: #0552ec !important;
	border-color: #0552ec !important;
}

.section-slider-4--light .slider-4__form form .inputs-list label.hs-form-checkbox-display input[type="checkbox"]::after {
	content: "" !important;
	display: block !important;
	aspect-ratio: auto !important;
	border-radius: 0 !important;
	position: absolute !important;
	top: calc(50% - 6px) !important;
	left: 7px !important;
	transform: rotate(45deg) !important;
	width: 5px !important;
	height: 9px !important;
	border: solid #ffffff !important;
	border-width: 0 2px 2px 0 !important;
	background: none !important;
	opacity: 0 !important;
	transition: opacity 0.2s ease !important;
	box-sizing: border-box !important;
}

.section-slider-4--light .slider-4__form form .inputs-list label.hs-form-checkbox-display input[type="checkbox"]:checked::after {
	opacity: 1 !important;
}


.section-slider-4--light .slider-4__form form .hs_submit.hs-submit {
	margin-top: -20px !important;
	width: 100% !important;
	max-width: 100% !important;
	flex: 0 0 100% !important;
}

.section-slider-4--light .slider-4__form form .hs_submit .actions {
	width: 100% !important;
	position: relative !important;
}
.section-slider-4--light .slider-4__form form .hs-button {
	width: 100% !important;
	background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.3362 2.05826C13.7343 2.20035 14 2.57738 14 3.00005V9.00005L20 9.00005C20.3864 9.00005 20.7382 9.22265 20.9037 9.57182C21.0691 9.92099 21.0186 10.3342 20.774 10.6333L11.774 21.6333C11.5063 21.9604 11.0619 22.0839 10.6638 21.9418C10.2658 21.7998 10 21.4227 10 21.0001L10 15.0001H4.00001C3.61362 15.0001 3.2618 14.7775 3.09634 14.4283C2.93088 14.0791 2.98138 13.6659 3.22605 13.3668L12.2261 2.36682C12.4937 2.03969 12.9381 1.91616 13.3362 2.05826ZM6.11025 13.0001H11C11.2652 13.0001 11.5196 13.1054 11.7071 13.2929C11.8947 13.4805 12 13.7348 12 14.0001V18.1986L17.8898 11.0001L13 11.0001C12.4477 11.0001 12 10.5523 12 10.0001V5.80146L6.11025 13.0001Z' fill='%2314cdff'/></svg>"), radial-gradient(92.7% 92.7% at 50% 98.44%, #0552EC 0%, #032F86 100%) !important;
	background-repeat: no-repeat, no-repeat !important;
	background-position: calc(50% - 90px) center, center !important;
	background-size: 24px, cover !important;
	color: #ffffff !important;
	transition: opacity .2s ease, transform .2s ease, background-image .2s ease;
}

.section-slider-4--light .slider-4__form form .hs-button:hover,
.section-slider-4--light .slider-4__form form .hs-button:focus,
.section-slider-4--light .slider-4__form form .hs_submit .actions input:hover,
.section-slider-4--light .slider-4__form form .hs_submit .actions input:focus {
	background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.3362 2.05826C13.7343 2.20035 14 2.57738 14 3.00005V9.00005L20 9.00005C20.3864 9.00005 20.7382 9.22265 20.9037 9.57182C21.0691 9.92099 21.0186 10.3342 20.774 10.6333L11.774 21.6333C11.5063 21.9604 11.0619 22.0839 10.6638 21.9418C10.2658 21.7998 10 21.4227 10 21.0001L10 15.0001H4.00001C3.61362 15.0001 3.2618 14.7775 3.09634 14.4283C2.93088 14.0791 2.98138 13.6659 3.22605 13.3668L12.2261 2.36682C12.4937 2.03969 12.9381 1.91616 13.3362 2.05826ZM6.11025 13.0001H11C11.2652 13.0001 11.5196 13.1054 11.7071 13.2929C11.8947 13.4805 12 13.7348 12 14.0001V18.1986L17.8898 11.0001L13 11.0001C12.4477 11.0001 12 10.5523 12 10.0001V5.80146L6.11025 13.0001Z' fill='%2314cdff'/></svg>"), radial-gradient(92.7% 92.7% at 50% 98.44%, #032F86 0%, #021F5A 100%) !important;
	color: #ffffff !important;
}


.section-slider-4--light .slider-4__form form .hs-richtext,
.section-slider-4--light .slider-4__form form .legal-consent-container {
	/* margin-top: 20px !important; */
	font-size: 14px !important;
	line-height: 1.4 !important;
	color: #6a6a6a !important;
	text-align: left !important;
}

.section-slider-4--light .slider-4__form form .hs-richtext a,
.section-slider-4--light .slider-4__form form .legal-consent-container a {
	color: #0552ec !important;
	text-decoration: underline !important;
}






/* =============================================
   Mobile — center the icon + label as one group in
   both fields (desktop keeps the left-aligned icon).
   Offsets are tuned for the "COMPANY EMAIL" / "BOOK A DEMO"
   labels; nudge the px if the label text changes.
   ============================================= */
@media (max-width: 767px) {
	/* Email: shift only the empty/placeholder state (mail icon + label) right
	   so the icon+label group centers. :placeholder-shown drops the indent the
	   moment the user types, so the entered email stays centered. */
	.section-slider-4--dark .slider-4__form form input[type=email]:placeholder-shown {
		text-indent: 30px;
	}
	.section-slider-4--dark .slider-4__form form input:not(.hsfc-TextInput)[type=email]::placeholder {
		background-position: calc(50% - 77px) center;
	}

	/* Button: drop the left text-indent, balance the padding so the label
	   centers, and place the flash icon just to the left of it */
	.section-slider-4--dark .slider-4__form .hs-button {
		text-indent: 0;
	}
	.section-slider-4--dark .slider-4__form form label {
		text-align: center;
	}
	.section-slider-4--dark .slider-4__form form .hs_submit .actions input {
		padding-right: 42px;
		background-position: calc(50% - 70px) center, center;
	}
	.section-slider-4--dark .slider-4__form form .hs_submit .actions input:hover,
	.section-slider-4--dark .slider-4__form form .hs_submit .actions input:focus {
		background-position: calc(50% - 70px) center, center;
		color:#000;
	}
}
.hero:first-child {
	-webkit-border-radius: 0;
	-webkit-border-bottom-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius: 0;
	-moz-border-radius-bottomright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-radius: 0;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
}
.hero {
	/* margin-top: -30px; */
	/* padding-top: 30px; */

	position: relative;
	overflow: hidden;
	border-radius: 30px;
}

.hero :is(h1, h2, h3, h4, h5, h6, p) {
	color: #fff;
}
.hero .hs_cos_wrapper_type_rich_text a,
.hero .hs_cos_wrapper_type_rich_text a:hover,
.hero .hs_cos_wrapper_type_rich_text a:focus {
	color: #fff;
	text-decoration-color: #fff;
}
.hero .row-fluid {
	position: relative;
	z-index: 1;
}
.hero .wrapper img {
	border-radius: 20px;
}
@media (min-width: 768px) {
	.hero #button {
		margin-top: auto;
		position: absolute;
		bottom: 0;
		left: 0;
	}
}
@media (min-width: 768px) and (max-width: 1279px) {
	.hero .row-fluid .span4,
	.hero .row-fluid .span8 {
		width: 50%;
	}
}

.hero .hs-button.style_3:hover,
.hero .hs-button.style_3:focus {
	background: #0552EC;
}
.hero ul.hs-image__grid__list {
	width: 190px;
}

/*button to do*/
/* .hero a#button img {
	top: 0;
	position: relative;
	transition: top 0.15s linear;
}
.hero a#button:hover img {
	top: 5px;
} */


@media (max-width: 767px) {
	.header__row-2 {
		display: none !important;
	}
}
@media (min-width: 768px) {
	.hero-1::after {
		background-repeat: no-repeat;
		content: "";
		height: 100%;
		position: absolute;
		width: 100%;
		z-index: 0;
	}	
	.hero-1::after {
		background-position: bottom left;
		background-size: auto;
		left: 0;
		top: 0;
		background-image: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/bg-hero1-left.svg);
	}
}
@media (min-width: 1200px) {
	.hero-1::after {
		background-size: 1264px;
	}
}
.hero-2.hero-1.cta::before {
	content: none;
}
.hero-2.hero-1.cta::after {
	background-image: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/hero-2-hero-1-cta.svg);
	background-size: contain;
}
.hero-1.cta {
	border-radius: 0;
}
.hero-1.cta :is(h1, h2, h3, h4, h5, h6) {
	max-width: 758px;
	width: 100%;
	margin: 0 auto;
}
.hero-1.cta :is(p) {
	font-size: 14px;
	line-height: normal;
}
.hero-1.cta .mod__Content-Subscribe .span12.content .content-wrapper {
	max-width: 550px;
}





/* hero-2 */
.hero-2::after,
.hero-2::before {
	background-repeat: no-repeat;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 0;
}	
.hero-2::after {
    background-position: bottom left;
    background-size: auto;
    left: 0;
    top: 0;
	background-image: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/bg-hero2-left.svg);
}
.hero-2::before {
    background-position: bottom right;
    background-size: 0;
    bottom: -30px;
    right: 0;
	background-image: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/bg-hero2-right.svg);
}
@media (min-width: 1200px) {
	.hero-2::after {
		background-size: 1264px;
	}
	.hero-2::before {
		background-size: 391px;
	}
}
.hero-2 :is(h1, h2, h3, h4, h5, h6, p) {
	text-align: center;
}
.hero-2 .widget-type-rich_text {
	max-width: 530px;
	text-align: center;
	margin: 0 auto;
}
/* end */



/* hero-home */
.hs-content-id-1 header,
.hs-content-id-168549173801 header {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 10;
}

.hs-content-id-1 header .sticky-wrapper .header__container,
.hs-content-id-168549173801 header .sticky-wrapper .header__container {
	background-color: transparent;
}
.hs-content-id-1 header .is-sticky .header__container,
.hs-content-id-168549173801 header .is-sticky .header__container {
	background-color: #fff;
}



.hero-home {
	margin-top: 0;
	background: rgba(5, 82, 236, 1) url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/bg-hero-home-center-mobile.svg) bottom right no-repeat;
}
.hero-home > .row-fluid {
	align-items: flex-end;
    height: 100%;
	/* padding-top: 120px; */
}
.hero-home > .row-fluid .span6:first-child {
	padding-bottom: 60px;
}
@media (min-width: 576px) {
	.hero-home::after,
	.hero-home::before {
		background-repeat: no-repeat;
		content: "";
		height: 100%;
		position: absolute;
		width: 100%;
		z-index: 0;
	}	
	.hero-home::after {
		background-position: bottom left;
		background-size: auto;
		left: 0;
		top: 0;
		background-image: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/bg-hero-home-left.svg);
	}
	.hero-home::before {
		background-position: top right;
		background-size: auto;
		top: 0;
		right: 0;
		background-image: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/bg-hero-home-right.svg);
	}
}
@media (max-width: 767px) {
	.hero-home > .row-fluid .span6:first-child {
		text-align: center;
	}
	.hero-home > .row-fluid .span6:first-child p {
		font-size: 14px;
		line-height: 21px;
	}
}
@media (min-width: 768px) {
	.hero-home {
		background: rgba(5, 82, 236, 1) url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/bg-hero-home-center.svg) bottom right no-repeat;
	}
	.hero-home > .row-fluid .span6:first-child {
		padding-bottom: 50px;
	}
}
@media (min-width: 992px) {
	.hero-home > .row-fluid {
		/* padding-top: 200px; */
	}
}


/* button */
.hero-home {
	overflow: visible;
}
.hero-home .row-fluid .span6:first-child > .dnd-row:last-child {
	margin-top: 10px;
}
@media (max-width: 767px) {
	.hero-home .row-fluid .span6:first-child > .dnd-row:last-child a.cta_button {
		margin: 0 auto;
	}
}
@media (min-width: 992px) and (min-height: 800px) {
	.hero-home .row-fluid .span6:first-child > .dnd-row:last-child {
		margin-top: 10px;
	}
}



@media (max-width: 767px) {
	.hero-home .row-fluid .span6:last-child > div {
		display: none;
	}
}
.hero-home .row-fluid .span6:last-child {
	position: relative;
}
.hero-home .row-fluid .span6:last-child,
.hero-home .row-fluid .span6:last-child div {
	height: 100%;
}
.hero-home .row-fluid .span6:last-child .widget-type-linked_image,
.hero-home .row-fluid .span6:last-child .widget-type-linked_image div {
	height: 100%;
}
.hero-home .row-fluid .span6:last-child > .dnd-row:nth-child(1) {
	position: relative;
	z-index: 2;
}
.hero-home .row-fluid .span6:last-child > .dnd-row:nth-child(1) .widget-type-linked_image div img {
	width: auto;
}
@media (min-width: 992px) {
	.hero-home .row-fluid .span6:last-child > .dnd-row:nth-child(1) .widget-type-linked_image div img {
		height: 670px !important;
	}
}
@media (min-width: 1200px) {
	.hero-home .row-fluid .span6:last-child > .dnd-row:nth-child(1) .widget-type-linked_image div.wrapper {
		float: right;
		margin-right: 105px;
	}
}


/* text */
.hero-home .row-fluid .span6 h1 {
	margin-bottom: 20px;
}
.hero-home .row-fluid .span6 .hs_cos_wrapper_type_rich_text ul {
	border: 1px solid #fff;
	border-radius: 20px;
	padding: 10px 20px;
	width: 100%;
	text-align: left;
}
.hero-home .row-fluid .span6 .hs_cos_wrapper_type_rich_text ul li {
	font-size: 16px;
	line-height: 24px;

	padding: 10px 0 10px 42px;
	background: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/icon-li-for-home.svg) left center no-repeat;
}
@media (min-width: 768px) {
	.hero-home .row-fluid .span6 h1 {
		/* width: 680px; */
	}
	.hero-home .row-fluid .span6 .hs_cos_wrapper_type_rich_text ul {
		max-width: 560px;
	}
}




.hero-home .row-fluid .span6 .cta_button:hover,
.hero-home .row-fluid .span6 .cta_button:focus {
	background: #0552EC;
}
.hero-home .row-fluid .span6:last-child > .dnd-row:nth-child(5) {
	display: block;
	visibility: visible;
	margin-right: -20px;
}
@media (min-width: 768px) {
	.hero-home .row-fluid .span6:last-child > .dnd-row:nth-child(2) {
		position: absolute;
		z-index: 4;
		left: -25px;
		bottom: -120px;

		width: 286px;
		height: 261px;
	}
	.hero-home .row-fluid .span6:last-child > .dnd-row:nth-child(3) {
		position: absolute;
		z-index: 3;
		right: -15px;
		bottom: 35px;

		width: 231px;
		height: 316px;
	}
	.hero-home .row-fluid .span6:last-child > .dnd-row:nth-child(4) {
		position: absolute;
		z-index: 1;
		left: 3vw;
		top: 40px;

		width: 420px;
		height: 280px;
	}
	.hero-home .row-fluid .span6:last-child > .dnd-row:nth-child(5) {
		display: none;
		visibility: hidden;
		margin: 0;
	}
	.hero-home .row-fluid .span6:last-child > .dnd-row:nth-child(4) img {
		border-radius: 11px;
	}
}
@media (min-width: 992px) {
	.hero-home .row-fluid .span6:last-child > .dnd-row:nth-child(2) {
		left: 100px;
		bottom: -120px;
	}
	.hero-home .row-fluid .span6:last-child > .dnd-row:nth-child(3) {
		right: -25px;
		bottom: 130px;
	}
}
@media (min-width: 1200px) {
	.hero-home .row-fluid .span6:first-child > div {
		padding-right: 30px;
	}
}
@media (min-width: 1240px) {
	.hero-home .row-fluid .span6:last-child > .dnd-row:nth-child(4) {
		left: 10px;
	}
}
/* end */


/* hero-3 */
.hero-3 {
	/* margin-top: 0; */
}
/* end */




/* hero-4 */
.hero-4 .row-fluid > .span7 {
	justify-content: space-between !important;
}
.hero-4::after {
	height: 400px;
	background-color: #0552EC;

	-webkit-border-bottom-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-bottomright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
}
.hero-4 .row-fluid > .span7 {
	padding-top: 40px;
	padding-bottom: 40px;
}

@media (min-width: 768px) {
	.hero-4::after {
		height: 480px;
	}
}
@media (min-width: 992px) {
	.hero-4::after {
		height: 480px;
	}
}
@media (min-width: 1090px) {
	.hero-4::after {
		height: 400px;
	}
}



.hero-4 .span5 .span12 {
	border-radius: 30px;
	padding: 40px 30px 20px 30px;

	background: linear-gradient(180deg, #FFFFFF 0%, #D3F6FF 51%, #8CE6FF 100%);
	box-shadow: 4px 25.17px 50px rgba(78, 78, 78, 0.3);
}
@media (min-width: 768px) and (max-width: 991px) {
	.hero-4 .span5 .span12  {
		padding: 30px 25px 20px 25px;
	}
}
.hero-4 .widget-type-form h3 {
	font-size: 20px;
    line-height: 30px;
	color: #000;
}
.hero-4 .widget-type-form input.hs-input {
	background: #fff;
}
@media (min-width: 768px) {
    .body-container--contact .hero-4 form .hs_submit {
        width: 140px;
    }
}


@media (max-width: 767px) {
	.hero-4 .hs-logo-grid {
		margin-top: 50px;
		gap: 16px;
	}
}
@media (max-width: 991px) {
	.hero-4 .hs-logo-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.hero-4 .hs-logo-grid .hs-logo-grid__logo-wrapper {
    	max-width: 100%;
	}
}
/* end */




/* hero-5 */
.dnd-section.hero.hero-5 {
	top: -64px;
	/* position: relative; */

	overflow: hidden;
    margin-bottom: -160px;

}
.hero-5 {
	overflow: visible;

	-webkit-border-bottom-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-bottomright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
}
@media (min-width: 768px) {
	.hero-5 > .row-fluid {
		padding-top: 90px;
	}
}
.hero-5::after,
.hero-5::before {
	background-repeat: no-repeat;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 0;
	-webkit-border-bottom-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-bottomright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
}	
/* .hero-5::after {
	animation: scale 30s linear infinite;
    background-position: center center;
    background-size: cover;
	background-repeat: no-repeat;
    left: 0;
    top: 0;
	opacity: .5;
	background-image: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/map-2.png);
} */

@keyframes scale {
	0% {
        transform: scale(1) rotate(0deg);
    }
    5% {
        transform: scale(1.05) rotate(4.5deg);
    }
    10% {
        transform: scale(1.1) rotate(9deg);
    }
    15% {
        transform: scale(1.15) rotate(13.5deg);
    }
    20% {
        transform: scale(1.2) rotate(18deg);
    }
    25% {
        transform: scale(1.25) rotate(22.5deg);
    }
    30% {
        transform: scale(1.3) rotate(27deg);
    }
    35% {
        transform: scale(1.35) rotate(31.5deg);
    }
    40% {
        transform: scale(1.4) rotate(36deg);
    }
    45% {
        transform: scale(1.45) rotate(40.5deg);
    }
    50% {
        transform: scale(1.5) rotate(45deg); /* Поворот достигает 45° */
    }
    55% {
        transform: scale(1.45) rotate(40.5deg);
    }
    60% {
        transform: scale(1.4) rotate(36deg);
    }
    65% {
        transform: scale(1.35) rotate(31.5deg);
    }
    70% {
        transform: scale(1.3) rotate(27deg);
    }
    75% {
        transform: scale(1.25) rotate(22.5deg);
    }
    80% {
        transform: scale(1.2) rotate(18deg);
    }
    85% {
        transform: scale(1.15) rotate(13.5deg);
    }
    90% {
        transform: scale(1.1) rotate(9deg);
    }
    95% {
        transform: scale(1.05) rotate(4.5deg);
    }
    100% {
        transform: scale(1) rotate(0deg); /* Поворот возвращается обратно к 0° */
    }
}
.hero-5::before {
    background-position: center center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
    left: 0 !important;
    top: -98px !important;
	background-image: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/mask-group.png) !important;
}
/* @media (min-width: 1200px) {
	.hero-5::after {
		background-size: 1264px;
	}
	.hero-5::before {
		background-size: 391px;
	}
} */
.hero-5 :is(h1, h2, h3, h4, h5, h6, p) {
	text-align: center;
	max-width: 960px;
	margin: 0 auto;
}
.hero-5 .widget-type-rich_text {
	max-width: 720px;
	text-align: center;
	margin: 0 auto;
}
.hero-5 .dnd-row:first-child {
	position: relative;
	z-index: 3;
}

.hero-5 .dnd-row .cards {
	position: relative;
	/* margin-top: -80px; */
	/* top: 80px; */
}
.hero-5 .dnd-row .cards {
	display: grid;
  	grid-template-columns: repeat(1, 1fr);
  	gap: 0;

	box-shadow: 0px 5px 50px -3px rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(231, 238, 243, 1);

	background: #fff;
	border-radius: 30px;
}
.hero-5 .dnd-row .card {
	background: #fff;
	border-radius: 30px;
	position: relative;
}
.hero-5 .dnd-row .card a {
	padding-left: 30px;
	padding-right: 30px;

	padding-top: 20px;
	height: 100%;
	border-radius: 30px;
	display: block;
	border: 1px solid rgba(255, 255, 255, 0);
	box-shadow: 0px 5px 50px -3px rgba(0, 0, 0, 0);
}
.hero-5 .dnd-row .card a:hover {
	transition: box-shadow 0.15s linear;
	text-decoration-color: #fff;
	border: 1px solid rgba(231, 238, 243, 1);
	box-shadow: 0px 5px 50px -3px rgba(0, 0, 0, 0.18);
	position: relative;
	z-index: 9;
}
.hero-5 .dnd-row .card a:focus {
	text-decoration-color: #fff;
}

@media (min-width: 768px) {
	.hero-5 .dnd-row .cards {
		grid-template-columns: repeat(3, 1fr);
	}
}
.hero-5 .dnd-row .cards .cards__card {
	padding: 0;
	text-align: center;
}

.hero-5 .dnd-row .card-2::after,
.hero-5 .dnd-row .card-2::before {
	content: "";
	display: block;
	border-bottom: 1px solid rgb(227, 235, 243);
	height: 1px;
	width: calc(100% - 60px);
	position: absolute;
	top: 0;
}
.hero-5 .dnd-row .card-2::before {
	left: 30px;
}
.hero-5 .dnd-row .card-2::after {
	left: 30px;
	bottom: 0;
	top: auto;
}
@media (max-width: 767px) {
	.hero-5 .dnd-row .card-2 a {
		padding-top: 0;
		padding-bottom: 20px;
	}
}
@media (min-width: 768px) {
	.hero-5 .dnd-row .card-2::after,
	.hero-5 .dnd-row .card-2::before {
		content: "";
		display: block;
		border-bottom: 0;
		border-left: 1px solid rgb(227, 235, 243);
		height: calc(100% - 60px);
		width: 1px;
		position: absolute;
		top: 30px;
	}
	.hero-5 .dnd-row .card-2::before {
		left: 0;
	}
	.hero-5 .dnd-row .card-2::after {
		right: 0;
		left: auto;
	}
}





.hero-5 .dnd-row .cards img.card__image {
	width: 80%;
	object-fit: contain;
}
.hero-5 .dnd-row .cards .card__text {
	max-width: 305px;
	margin: 0 auto 25px;
}
.hero-5 .dnd-row .cards .card__text p {
	color: #000;
	font-family: 'Hiragino Kaku Gothic ProN W6', sans-serif;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
}
@media (min-width: 768px) {
	.hero-5 .dnd-row .cards img.card__image {
		width: 100%;
	}
	.hero-5 .dnd-row .card a {
		padding-left: 40px;
		padding-right: 40px;
	}
	.hero-5 .dnd-row .cards .card__text {
		margin: 0 auto 45px;
	}
}

.hero-5 .dnd-row .card .button-go-to-section {
	height: 100%;
}


/* form */
/* .hs-content-id-185250909474 .hero-5 .row-fluid .span12 > .row-fluid-wrapper:first-child .row-fluid .span12 .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .span5:last-child,
.hs-content-id-185250909474 .hero-5 .row-fluid .span12 > .row-fluid-wrapper:first-child .row-fluid .span12 .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .span6:last-child,
.hs-content-id-185250909474 .hero-5 .row-fluid .span12 > .row-fluid-wrapper:first-child .row-fluid .span12 .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .span7:last-child,
.hs-content-id-185250909474 .hero-5 .row-fluid .span12 > .row-fluid-wrapper:first-child .row-fluid .span12 .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .span8:last-child {
	border-radius: 30px;
    box-shadow: 0px 25px 50px rgba(78, 78, 78, 0.3);
    background: #fff;
    padding: 30px;
} */
.hs-content-id-185250909474 .hero-5 .row-fluid .span12 > .row-fluid-wrapper:first-child .row-fluid .span12 .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .hs_cos_wrapper_type_form h3 {
	padding: 10px 0 35px;
	color: #000;
	font-size: 20px;
    line-height: 30px;
}



#hs_cos_wrapper_dnd_area-dnd_partial-1-module-5 {
	/* height: 64px; */
}
.button-wrapper.button-wrapper-dnd_area-dnd_partial-1-module-5.hide {
	position: fixed;
	z-index: 999999;
}
.button-wrapper.button-wrapper-dnd_area-dnd_partial-1-module-5.hide .hs-button {
	background-color: #0552ec;
	box-shadow: inset 0 0 0 1px #fff;
}
.button-wrapper.button-wrapper-dnd_area-dnd_partial-1-module-5.hide .hs-button span {
	color: #fff;
}
@media (max-width: 767px) {
	.button-wrapper.button-wrapper-dnd_area-dnd_partial-1-module-5.hide {
		width: 100%;
        right: 0;
        left: 0;
		bottom: 20px;
	}
}
@media (min-width: 768px) {
	.button-wrapper.button-wrapper-dnd_area-dnd_partial-1-module-5.hide {
		right: 50px;
		left: auto;
		bottom: 50px;
	}
}
/* end */





/* start */
.hero-6 .row-fluid > .span6:first-child > .dnd-row:last-child {
	margin-top: auto;
}
.hero-6::after {
    top: auto;
	bottom: -110px;
}
@media (max-width: 767px) {
	.hero-6 > .row-fluid {
		display: flex;
		flex-direction: column-reverse;
	}
}
@media (min-width: 768px) {
	.hero-6 .row-fluid > .span6:first-child > .dnd-row:first-child {
		height: 100%;
		display: flex;
		align-items: center;
		flex-shrink: 1 !important;
	}
}
/* end */




/* start */
.hero-8:first-child {
	border-radius: 0;
}
.hero-8::before,
.hero-8::after {
	content: none;
}
.hero-8 .wrapper img {
	border-radius: 0;
}
.hero-8 .hs_cos_wrapper_type_rich_text h4 {
	font-size: 18px;
	font-family: 'Hiragino Kaku Gothic ProN W4', sans-serif;
}
.hero-8 .hs_cos_wrapper_type_rich_text p {
	font-size: 14px;
	line-height: normal;
}



.hero-8 .hs-form-html[data-form-id="e9e99335-85b6-4df2-8faf-bf40ab90d222"] .hsfc-Step .hsfc-Step__Content {
	padding: 0 !important
}
.hero-8 .hs-form-html[data-form-id="e9e99335-85b6-4df2-8faf-bf40ab90d222"] .hsfc-Step__Content .hsfc-Row:first-child,
.hero-8 .hs-form-html[data-form-id="e9e99335-85b6-4df2-8faf-bf40ab90d222"] .hsfc-Step__Content .hsfc-EmailField label,
.hero-8 .hs-form-html[data-form-id="e9e99335-85b6-4df2-8faf-bf40ab90d222"] .hsfc-Step__Content .hsfc-NavigationRow .hsfc-NavigationRow__Alerts {
	display: none !important;
}
.hero-8 .hs-form-html[data-form-id="e9e99335-85b6-4df2-8faf-bf40ab90d222"] .hsfc-Step__Content .hsfc-FieldLabel,
.hero-8 .hs-form-html[data-form-id="e9e99335-85b6-4df2-8faf-bf40ab90d222"] .hsfc-Step__Content .hsfc-RichText {
	color: #fff;
	text-align: left;
	font-family: 'Hiragino Kaku Gothic ProN W5', 'Fallback for Hiragino W5', Arial, sans-serif;
}
.hero-8 .hs-form-html[data-form-id="e9e99335-85b6-4df2-8faf-bf40ab90d222"] .hsfc-NavigationRow {
	margin-top: 0 !important;
}
.hero-8 .hs-form-html[data-form-id="e9e99335-85b6-4df2-8faf-bf40ab90d222"] .hsfc-NavigationRow .hsfc-NavigationRow__Alerts {
	margin-bottom: 0 !important;
}
.hero-8 .hs-form-html[data-form-id="e9e99335-85b6-4df2-8faf-bf40ab90d222"] input[type=email] {
	border-radius: 100px;
}
.hero-8 .hs-form-html[data-form-id="e9e99335-85b6-4df2-8faf-bf40ab90d222"] .hsfc-NavigationRow .hsfc-Button {
	border-radius: 100px;
	box-shadow: none;
	height: 64px;
	color: #000;

	font-family: 'Fira Mono', monospace;
    font-style: normal;
    font-weight: 500;

	background: linear-gradient(180deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, 0)), #14cdff;
}
.hero-8 .hs-form-html[data-form-id="e9e99335-85b6-4df2-8faf-bf40ab90d222"] .hsfc-NavigationRow .hsfc-Button:hover,
.hero-8 .hs-form-html[data-form-id="e9e99335-85b6-4df2-8faf-bf40ab90d222"] .hsfc-NavigationRow .hsfc-Button:focus {
	transform: translateY(0);
}
.hero-8 .hs-form-html[data-form-id="e9e99335-85b6-4df2-8faf-bf40ab90d222"] .hsfc-ErrorAlert {
	background: #fff;
    border-radius: 10px;
    padding: 4px 7px;
    text-align: center;

	color: #AD0000;
    font-size: 12px;
	line-height: 16px;
}
@media (min-width: 576px) {
	.hero-8 .hs-form-html[data-form-id="e9e99335-85b6-4df2-8faf-bf40ab90d222"] .hsfc-NavigationRow {
		position: absolute;
		right: -1px;
		top: 0;
	}
	.hero-8 .hs-form-html[data-form-id="e9e99335-85b6-4df2-8faf-bf40ab90d222"] .hsfc-NavigationRow .hsfc-Button {
		-moz-border-radius-topleft: 0;
		-moz-border-radius-bottomleft: 0;
		border-bottom-left-radius: 0;
		border-top-left-radius: 0;
		-webkit-border-bottom-left-radius: 0;
		-webkit-border-top-left-radius: 0;
	}
}
/* end */




/* hero-10 */
@media (max-width: 767px) {
	.hero-10 > .row-fluid {
    	flex-direction: column-reverse;
	}
	.hero-10 [class*="dual-buttons-"] {
		justify-content: left !important;
	}
}
@media (min-width: 768px) {
	.hero-10 > .row-fluid > .span6:first-child > div {
		max-width: 430px;
	}
	.hero-10::after,
	.hero-10::before {
		background-repeat: no-repeat;
		content: "";
		height: 100%;
		position: absolute;
		width: 100%;
		z-index: 0;
	}	
	.hero-10::before {
		background-position: top right;
		background-size: auto;
		top: 0;
		right: 0;
		/* background-image: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/bg-hero-10-right.svg); */
	}
	.hero-10::after {
        position: absolute;
        top: 5px;
        left: 0;
        right: 0;
        max-width: 100%;
        margin: 0 auto;

		background: transparent url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/Rectangle%20140.svg) bottom right no-repeat;
        background-size: contain;
	}
}
/* end */
/* ===== SUNSETTING SECTION ===== */
.sunset-section {
    background: linear-gradient(135deg, #e8f4fd 0%, #d4f0ff 50%, #f0f7ff 100%);
    position: relative;
    overflow: hidden;
}
.sunset-section::before {
    content: '';
    position: absolute;
    top: -80px;
    left: -80px;
    width: 300px;
    height: 300px;
    border: 2px solid rgba(5,82,236,0.06);
    border-radius: 50%;
}
.sunset-section .section-title {
    font-size: 2.6rem;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 1rem;
    color: #1a1a2e;
}
.sunset-section .section-title .highlight { 
    color: #0552EC;
}
.sunset-section .section-desc {
    font-size: 1.05rem;
    color: #555;
    max-width: 700px;
    line-height: 1.7;
}
.one-column-1 {
    max-width: 1600px;
    margin: 0 auto;
    background: #16172C;
    border-radius: 40px;
}
.one-column-1 .row-fluid .widget-type-rich_text :is(h1, h2, h3, h4, h5, h6, p, div, li, a) {
    color: #fff;
}


.one-column-2 .row-fluid .span12 {
    max-width: 720px;
    margin: 0 auto;
}
.one-column-2 .row-fluid .widget-type-rich_text :is(p) img {
    width: 100px;
}




.one-column-3 .row-fluid .span12 {
    max-width: 720px;
    margin: 0 auto;
}
one-column-4 {
    max-width: 720px;
    margin: 0 auto;
}
.one-column-4 .row-fluid .widget-type-rich_text :is(h3, h4) {
    line-height: 50px;
	/* font-size: 42px; */
    font-size: clamp(2rem, -0.1429rem + 4.4643vw, 2.625rem);
	font-family: 'Hiragino Kaku Gothic ProN W6', sans-serif;;
}
@media (max-width: 767px) {
	.one-column-4 .row-fluid .widget-type-rich_text :is(h3, h4) {
		line-height: 40px;
	}
}
.one-column-4 a.hs-button.style_3:hover,
.one-column-4 a.hs-button.style_3:focus {
    color: #000;
}
/* end */




/* simple */
.one-column-5:not(.cta-2) {
    margin: 0 auto;
    max-width: 1600px;
    
    border-radius: 40px;
    color: #fff;
    background: radial-gradient(92.7% 92.7% at 50% 98.44%, #0552EC 0%, #032F86 100%), #16172C;
}
.one-column-5-2 {
    background: linear-gradient(0deg, rgba(20, 205, 255, 0.00) 0%, #14CDFF 100%);
}
.one-column-5-2 .row-fluid .span12 > div:not(:last-child) {
    max-width: 720px;
    margin: 0 auto;
}
.one-column-5 > .row-fluid > .span12 {
    max-width: 760px;
    margin: 0 auto;
}

.one-column-5 h3,
.one-column-5 h4,
.one-column-5 h5,
.one-column-5 h6,
.one-column-5 p {
    color: #fff;
}
.one-column-5.cta-2 h3,
.one-column-5.cta-2 h4,
.one-column-5.cta-2 h5,
.one-column-5.cta-2 h6,
.one-column-5.cta-2 p {
    color: #000;
    text-align: center;
}
.one-column-5 .hs_cos_wrapper_type_rich_text a,
.one-column-5 .hs_cos_wrapper_type_rich_text a:hover,
.one-column-5 .hs_cos_wrapper_type_rich_text a:focus {
    color: #fff;
    text-decoration-color: #fff;
}
@media (min-width: 768px) {
    .one-column-5 h3 {
        line-height: 60px;

        font-size: 44px;
        font-family: 'Hiragino Kaku Gothic ProN W6', sans-serif;;
    }
    .one-column-5 h4 {
        line-height: 39px;

        font-size: 26px;
        font-family: 'Hiragino Kaku Gothic ProN W6', sans-serif;;
    }
}
/* end */




/* one-column-6 */
.one-column-4,
.one-column-6 {
	position: relative;
}
@media (min-width: 768px) {
    .one-column-4::after,
    .one-column-6::after {
        background-repeat: no-repeat;
        content: "";
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: -1;
    }	
    .one-column-4::after,
    .one-column-6::after {
        background-position: right 50px;
        background-size: 422px;
        right: 0;
        bottom: 0px;

        background-image: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/bg-column-6-right.svg);
    }
    .one-column-6-2::after {
        background-image: none;
    }
}
.one-column-4 > .row-fluid > .span12 > .dnd-row:first-child,
.one-column-6 > .row-fluid > .span12 > .dnd-row:first-child {
    max-width: 800px;
    margin: 0 auto;
}
.one-column-6-2 > .row-fluid > .span12 > .dnd-row:first-child {
    max-width: 930px;
    margin: 0 auto;
}
.one-column-4 .widget-type-rich_text strong,
.one-column-6 .widget-type-rich_text strong {
	color: #0552EC;
}
@media (min-width: 768px) {
    .one-column-6.one-column-6-2 h4 {
        font-size: 42px;
        font-family: 'Hiragino Sans GB W3';
        line-height: 50px;
    }

    .one-column-4 h4,
    .one-column-6 h4 {
        line-height: 60px;

        font-size: 44px;
        font-family: 'Hiragino Kaku Gothic ProN W6', sans-serif;;
    }
}
.one-column-6-2 .hs_cos_wrapper_type_module .cards {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  	gap: 20px;
}
.one-column-6-2 .hs_cos_wrapper_type_module .cards__card {
    background-color: #F4F7F9;
    border-radius: 35px;
    border: 1px solid #E7EEF3;
}
.one-column-6-2 .hs_cos_wrapper_type_module .cards__card :is(h4) {
    font-size: 20px;
    line-height: 30px;
    font-family: 'Hiragino Kaku Gothic ProN W6';
    max-width: 260px;
    margin: 30px auto 20px;
}
.one-column-6-2 .hs_cos_wrapper_type_module .cards__card p {
    font-size: 14px;
    line-height: 20px;
    max-width: 260px;
    margin: 0 auto;
}
.one-column-6-2 .hs_cos_wrapper_type_module .cards__card img {
    border-radius: 10px;
}
.one-column-6-2 .hs_cos_wrapper_type_module .card__inner {
    height: auto;
}
@media (min-width: 768px) {
    .one-column-6-2 .hs_cos_wrapper_type_module .cards {
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;
    }
    .one-column-6-2 .hs_cos_wrapper_type_module .cards__card {
        border-radius: 55px;
    }
}
@media (min-width: 992px) {
    .one-column-6-2 .hs_cos_wrapper_type_module .cards {
        gap: 35px;
    }
}
@media (min-width: 1200px) {
    .one-column-6-2 .hs_cos_wrapper_type_module .cards {
        gap: 55px;
    }
}
/* end */
.form-partners {
    z-index: 0;
    
    max-width: 1600px;
    margin: 0 auto;
    border-radius: 40px;

    background: linear-gradient(180.03deg, #FFFFFF 0.03%, #14CDFF 280.06%);
}
.form-partners form {
    max-width: 1020px;
    margin: 0 auto;
}
.form-partners .form-title {
    text-align: center;
    font-size: 30px;
    line-height: 45px;
}
.form-partners .field input,
.form-partners .field textarea {
    background: #fff;
}
.form-partners .field.hs-fieldtype-select .input {
    background: #fff;
    border-radius: 100px;
}
.form-partners .hs-richtext p strong {
	padding-left: 30px;
	color: rgba(0, 0, 0, .5);
	font-weight: normal;

	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/icon-required.svg);
}
.form-partners .hs-richtext p:last-child {
	margin-bottom: 0;
}
.form-partners .hs-richtext p a {
	text-decoration-color: #0552EC;
}
@media (max-width: 575px) {
    .form-partners form .hs-form-field {
        width: 100% !important;
    }
    .form-partners form .input {
        margin-right: 0 !important;
    }
}
@media (min-width: 576px) {
    .form-partners .form-title {
        padding-bottom: 30px;
    }
    .form-partners form .hs-form-field {
        margin-bottom: 35px;
    }
}
@media (min-width: 768px) {
    .form-partners fieldset > div {
        padding: 0 35px;
    }
}
@media (min-width: 768px) {
    .body-container--partners .form-partners form .hs-recaptcha {
        padding: 0 35px;
    }
    .body-container--partners form .hs-recaptcha .grecaptcha-badge {
        margin: 0;
    }
}

@media (min-width: 768px) {
    .body-container--partners .form-partners form .hs_submit {
        margin-right: 40px;
    }
    .body-container--partners form .hs_submit {
        float: right;
        position: relative;
        margin-top: -95px;
        margin-right: 15px;
    }
  .body-container--partners form .hs-recaptcha.field {
    height: 60px!important;
  }
  .body-container--partners form .hs_submit .actions{
    position: relative!important;
  }
}
/* two-column 4 */
.section-partner-manager {
	max-width: 1600px;
	margin: 0 auto;

	padding: 40px 0 20px;
	background-color: #032F86 !important;
	border-radius: 40px;
	z-index: 0;
}
.section-partner-manager::after {
	content: "";
	background: radial-gradient(92.7% 92.7% at 50% 98.44%, #0552EC 0%, #032F86 100%), #16172C;
	border-radius: 40px;
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.section-partner-manager > * {
	position: relative;
	z-index: 3;
}
.section-partner-manager h3 {
    text-align: center;
    font-size: 30px;
    line-height: 45px;
}
@media (min-width: 768px) {
    .section-partner-manager h3 {
        max-width: 730px;
        margin: 0 auto;
        font-size: 40px;
        line-height: 45px;
        
    }
}

.section-partner-manager .span12 .row-fluid .span6:first-child {
	align-items: flex-end;
	/* border-bottom: 1px solid rgba(255, 255, 255, .1); */
	/* padding-bottom: 40px; */
	/* margin-bottom: 40px; */
}
.section-partner-manager .span12 .row-fluid .span6:last-child > div,
.section-partner-manager .span12 .row-fluid .span6:first-child > div {
	max-width: 640px;
	width: 100%;
}
.section-partner-manager .span12 .row-fluid .span6:first-child > div {
	padding-right: 20px;
	padding-left: 20px;
}
@media (max-width: 767px) {
	.section-partner-manager .span12 .row-fluid .span6:first-child > div {
		margin: 0 auto;
	}
}
.section-partner-manager .span12 .row-fluid .span6:last-child > div {
	padding-left: 20px;
	padding-right: 20px;
}



.section-partner-manager .widget-type-linked_image {
	margin-bottom: 30px;
}
.section-partner-manager .widget-type-rich_text :is(h1, h2, h3) {
	padding-left: 20px;
	padding-right: 20px;
}
.section-partner-manager .widget-type-rich_text :is(h1, h2, h3, h4, h5, h6, p, li, a, div) {
	color: #fff;
}
/* .section-partner-manager .widget-type-rich_text :is(h1, h2, h3) {
	line-height: 50px;
	font-size: 44px;
	font-family: 'Hiragino Kaku Gothic ProN W6', sans-serif;;
} */

@media (min-width: 768px) {
	.section-partner-manager {
		padding: 80px 0;
	}
	/* .section-partner-manager::after {
		content: "";
		width: 1px;
		height: 100%;
		display: block;
		border: .5px solid rgba(255, 255, 255, .1);
		position: absolute;
		left: 50%;
		top: 0;
	} */
	.section-partner-manager .span12 .row-fluid .span6:first-child {
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.section-partner-manager .span12 .row-fluid .span6:first-child > div {
		padding-right: 40px;
	}
	.section-partner-manager .span12 .row-fluid .span6:last-child > div {
		padding-left: 40px;
	}
}
@media (min-width: 992px) {
	.section-partner-manager {
		padding: 100px 0;
	}
	.section-partner-manager .span12 .row-fluid .span6:first-child > div {
		padding-right: 80px;
		padding-left: 30px;
	}
	.section-partner-manager .span12 .row-fluid .span6:last-child > div {
		padding-left: 80px;
		padding-right: 30px;
	}
}
@media (min-width: 1280px) {
	.section-partner-manager {
		padding: 105px 0 100px;
	}
	.section-partner-manager .span12 .row-fluid .span6:first-child > div {
		padding-right: 145px;
	}
	.section-partner-manager .span12 .row-fluid .span6:last-child > div {
		padding-left: 145px;
	}
}
/* end */










.section-partner-manager .manager {

}
.section-partner-manager .manager img {
    border-radius: 30px;
	height: auto;
}
@media (min-width: 768px) {
	.section-partner-manager .manager img {
		max-height: 515px;
		height: 50vw;
		object-fit: cover;
		aspect-ratio: 2 / 3;
	}	
}
.section-partner-manager .row-fluid > .span8 {
    padding: 20px 0 30px 0;
}
.section-partner-manager .row-fluid > .span8 > .row-fluid-wrapper:first-child {
	margin-bottom: 30px;
}
@media (min-width: 768px) {
	.section-partner-manager .row-fluid > .span8 {
        padding: 20px 25px 50px 50px;
    }
}
.section-partner-manager .manager :is(h1, h2, h3, h4, h5, h6, p, a) {
    color: #fff;
}
.section-partner-manager .manager h5 {
    font-family: 'Hiragino Kaku Gothic ProN W6', sans-serif;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 15px;
}
.section-partner-manager .manager div > p {
    /* font-family: 'Hiragino Kaku Gothic ProN W5', sans-serif; */
	font-family: 'Hiragino Sans GB W3';
    /* font-family: Hiragino Sans; */
    font-size: 20px;
    font-weight: 200;
    line-height: 26px;

}
.section-partner-manager .manager h6 {
    margin-top: 15px;
    margin-bottom: 8px;
    font-family: 'Hiragino Kaku Gothic ProN W6', sans-serif;
    font-size: 18px;
    line-height: 27px;
}
.section-partner-manager .manager div.phone {
    margin: 7px 0;
    display: block;
}
.section-partner-manager .manager div.phone a {
    padding: 10px 0 10px 40px;
    background-repeat: no-repeat;
    background-position: center left;
    background-image: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/icon-manager-phone.svg);
}
.section-partner-manager .manager div.phone a,
.section-partner-manager .manager div.mail a {
    font-family: Hiragino Sans;
    font-size: 18px;
    font-weight: 200;
    line-height: 27px;
}
.section-partner-manager .manager div.mail a {
    padding: 10px 0 10px 40px;
    background-repeat: no-repeat;
    background-position: center left;
    background-image: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/icon-manager-mail.svg);
}
.section-partner-manager .manager div.phone a:hover,
.section-partner-manager .manager div.phone a:focus,
.section-partner-manager .manager div.mail a {
    text-decoration-color: #fff;
}







.section-partner-manager {
    position: relative;
    overflow: hidden;
}
.section-partner-manager::before {
	background-repeat: no-repeat;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 0;
}	
.section-partner-manager::before {
    background-position: top right;
    background-size: 80%;
    top: 180px;
    right: 0;
	z-index: 2;
	/* position: relative; */
	background-image: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/section-partner-manager-before.svg);
}
@media (min-width: 992px) {
	.section-partner-manager::before {
		background-size: 80%;
	}
}
.section-partner-manager > .row-fluid {
    position: relative;
    z-index: 2;
}
.dnd-section.table {
    z-index: 0;
}
@media (max-width: 767px) {
    .dnd-section.table #hs_cos_wrapper_widget_1737144335879 .page-header.section-header h3 {
        font-size: 32px !important;
        line-height: 40px !important;
        margin-bottom: 0;
    }
}
.table .dnd-row:first-child .dnd-column {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
@media (min-width: 768px) {
    .table .dnd-row:first-child .dnd-column {
        flex-direction: row;
    }  
}


.table .dnd-row:first-child .dnd-column h3 {
    font-size: 30px;
    line-height: 45px;
}
@media (min-width: 768px) {
    .table .dnd-row:first-child .dnd-column h3 {
        font-size: 47px;
        line-height: 57px;
        max-width: 650px;
    }
}
.table .dnd-row table {
    border-radius: 30px;
    box-shadow: 0px 5px 70.4px -3px rgba(0, 0, 0, 0.18);

    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;

    max-width: 900px;
    margin: 0 auto;
}
.table .dnd-row table th {
    color: #000;
    /* font-family: Hiragino Sans; */
    font-size: 20px;
    /* font-weight: 600; */
    line-height: 30px;
    padding-top: 37px;
    padding-bottom: 37px;
    vertical-align: middle;
    text-align: center;
}
.table .dnd-row table th:first-child {
    /* text-align: left; */
    padding-left: 10px;
    padding-right: 10px;
}
@media (min-width: 768px) {
    .table .dnd-row table th:first-child {
        padding-left: 50px;
        padding-right: 0;
        text-align: left;
    }
    .table .dnd-row table th {
        /* pad */
    }
}
.table .dnd-row table td {
    padding: 15px 10px;
    vertical-align: middle;
}
@media (min-width: 768px) {
    .table .dnd-row table td {
        padding: 25px 20px;
    }
    .table .dnd-row table > tbody > tr:nth-of-type(odd) {
        background: rgba(244, 247, 249, 1);
    }
}
@media (min-width: 992px) {
    .table .dnd-row table > tbody > tr > td:first-child {
        text-align: left;
        padding-left: 50px;
    }
    .table .dnd-row table td:nth-child(n+2) {
        padding-top: 45px;
        padding-bottom: 45px;
    }
}
.table .dnd-row table > tbody > tr > td {
    color: rgba(22, 23, 44, 0.7);
    text-align: center;

}
.table .dnd-row td img {
    height: auto;
    width: auto;
}
/* end */



/* start */
.table-2 .dnd-row table th {
    line-height: 24px;
}
.table-2 .dnd-row table th:is(:first-child) {
    vertical-align: bottom;
    padding-left: 20px;
}
.table-2 .dnd-row table th:not(:first-child) {
    font-size: 16px;
    font-family: 'Hiragino Kaku Gothic ProN W6';
    color: #16172CB2;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
}
@media (min-width: 992px) {
    .table-2 .dnd-row table th:is(:first-child) {
        padding-left: 50px;
    }
}
.table-2 .dnd-row table th img {
    max-width: 156px;
    display: block;
    margin-left: -20px;
}
.table-2 .dnd-row table {
    max-width: 100%;
}
.table-2 .dnd-row table > tbody > tr > td {
    line-height: 24px;
    
    text-align: left;
    font-size: 16px;
    color: #16172CB2;
    font-family: 'Hiragino Kaku Gothic ProN W6';
}
.table-2 .dnd-row table > tbody > tr > td ul li {
	background: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/icon-li-ellipse-2.svg) left center no-repeat;
}
@media (max-width: 767px) {
    .table.table-2 > .row-fluid > .span12 > .dnd-row:last-child .hs_cos_wrapper_type_module span.hs_cos_wrapper_type_rich_text {
        margin-left: -20px;
        width: calc(100% + 40px);
        display: block;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;

        min-height: .01%;
        overflow-x: auto;

        padding: 75px 20px;
        margin-top: -70px;
    }
    .table.table-2 > .row-fluid > .span12 > .dnd-row:last-child .hs_cos_wrapper_type_module span.hs_cos_wrapper_type_rich_text table {
        width: auto;
    }
    .table.table-2 .dnd-row table td {
        vertical-align: top;
    }
    .table.table-2 thead th:is(:first-child) {
        vertical-align: top;
        text-align: left;
        padding-top: 175px;
    }
    .table.table-2 .dnd-row table th img {
        margin-left: -15px;
    }
    .table.table-2 thead th:not(:first-child) {
        padding-left: 10px;
        padding-right: 10px;
        vertical-align: top;
    }
}
@media (min-width: 992px) {
    .table-2 .dnd-row table td:nth-child(n+2) {
        padding-top: 25px;
        padding-bottom: 25px;
    }
}
/* end */


/* start */
.table-3 .dnd-row table {
    max-width: 1280px;
}
.table-3 .dnd-row table th {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
}
.table-3 .dnd-row table > tbody > tr > td {
    line-height: 20px;
    font-size: 14px;

    text-align: left;
    color: #16172CB2;
    font-family: 'Hiragino Kaku Gothic ProN W6';
}
@media (max-width: 767px) {
    .table-3 .dnd-row table th {
        font-size: 15px;
        line-height: 22px;

        padding-top: 22px;
        padding-bottom: 37px;
        text-align: left;
        vertical-align: bottom;
    }
    .table-3 .dnd-row table td img {
        display: block;
    }
}
@media (min-width: 768px) {
    .table-3 .dnd-row table > tbody > tr > td {
        line-height: 24px;
        font-size: 16px;
    }
}
@media (min-width: 992px) {
    .table-3 .dnd-row table > tbody > tr > td:first-child {
        text-align: left;
        padding-left: 50px;
    }
    .table-3 .dnd-row table td:nth-child(n+2) {
        padding-top: 25px;
        padding-bottom: 25px;
    }
}
.table-3 .dnd-row:first-child .dnd-column {
    justify-content: center;
    flex-direction: column;
}
.table-3 .dnd-row:first-child .dnd-column h3 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.table-3 .dnd-row table td img {
    width: 24px;
    margin-right: 5px;
    position: relative;
    top: -1.5px;
}
/* end */
.section-grid .cards3 .cards__card {
    border: none;
}
@media (max-width: 767px) {
    .section-grid .cards3 .card .card__text {
        margin-left: -20px;
    }    
}
.section-grid .cards3 .card .card__text {
    width: 100%;
}
.section-grid .cards3 .card .card__text h4 {
    color: #0552EC;
    margin-bottom: 0;
}
.section-grid .cards3 .card .card__text p {
    font-family: 'Hiragino Kaku Gothic ProN W6', sans-serif;
    line-height: 22px;
}
.how-it-works-section .cards {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
	counter-reset: step;
}
.how-it-works-section .cards__card {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 20px;
	padding: 44px 30px 38px;
	background: #f4f7f9;
	border: 2px solid #e7eef3;
	border-radius: 30px;
	position: relative;
	counter-increment: step;
}
.how-it-works-section .cards__card > img.card__image {
	height: 44px !important;
	width: auto !important;
	margin: 0;
}
.how-it-works-section .cards__card .card__inner {
	flex: 1 1 auto;
	width: 100%;
}
.how-it-works-section .cards__card .card__text {
	width: 100%;
}
.how-it-works-section .cards__card .card__text :is(h1, h2, h3, h4, h5, h6) {
	margin-bottom: 15px;
	font-size: 20px;
	font-family: 'Hiragino Kaku Gothic ProN W6', sans-serif;
}
.how-it-works-section .cards__card .card__text p {
	font-size: 14px;
	line-height: 21px;
}
.how-it-works-section .cards__card .card__inner::after {
	content: 'Step ' counter(step, decimal-leading-zero);
	margin-top: 24px;
	padding: 20px 32px;
	background: #fff;
	border-radius: 40px;
	box-shadow: inset 0 0 0 2px #E7EEF3;
	font-size: 14px;
	line-height: 1;
}

/* Mobile (1 col): down-pointing arrow between stacked cards */
@media (max-width: 575px) {
	.how-it-works-section .cards__card::after {
		content: '';
		position: absolute;
		width: 54px;
		height: 54px;
		top: -36px;
		left: 50%;
		transform: translateX(-50%);
		background-color: #fff;
		background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.7071 0.292893C15.3166 -0.0976311 14.6834 -0.0976312 14.2929 0.292893L8 6.58579L1.70711 0.292893C1.31658 -0.0976317 0.683417 -0.0976318 0.292893 0.292893C-0.0976315 0.683417 -0.0976315 1.31658 0.292893 1.70711L7.29289 8.70711C7.68342 9.09763 8.31658 9.09763 8.70711 8.70711L15.7071 1.70711C16.0976 1.31658 16.0976 0.683418 15.7071 0.292893Z' fill='%239AA6C4'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: center;
		border-radius: 40px;
		box-shadow: inset 0 0 0 2px #E7EEF3;
	}
	.how-it-works-section .cards__card:first-child::after {
		content: none;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.how-it-works-section .cards {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 768px) {
	.how-it-works-section .cards {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
}

@media (min-width: 992px) {
	.how-it-works-section .cards {
		grid-template-columns: repeat(4, 1fr);
	}
	.how-it-works-section .cards__card::after {
		content: '';
		position: absolute;
		width: 106px;
		height: 54px;
		left: -65px;
		bottom: 38px;
		background-color: #fff;
		background-image: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 15.7071C-0.0976311 15.3166 -0.0976312 14.6834 0.292893 14.2929L6.58579 8L0.292893 1.70711C-0.0976317 1.31658 -0.0976318 0.683417 0.292893 0.292893C0.683417 -0.0976315 1.31658 -0.0976315 1.70711 0.292893L8.70711 7.29289C9.09763 7.68342 9.09763 8.31658 8.70711 8.70711L1.70711 15.7071C1.31658 16.0976 0.683418 16.0976 0.292893 15.7071Z' fill='%239AA6C4'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: center;
		border-radius: 40px;
		box-shadow: inset 0 0 0 2px #E7EEF3;
	}
	.how-it-works-section .cards__card:first-child::after {
		content: none;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.problem-cards-section .pricing .cards.cards-3 .cards__card {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media (min-width: 992px) {
	.problem-cards-section .pricing .cards {
		grid-template-columns: repeat(3, 1fr);
	}
}
.problem-cards-section .pricing .card::after {
	content: none !important;
}
.problem-cards-section .pricing .cards__card {
	padding-bottom: 50px;
}
.problem-cards-section .pricing .card .card__inner {
	padding-top: 20px;
}
.problem-cards-section .span12 > .widget-type-rich_text {
	max-width: 590px;
	margin-inline: auto;
}
.problem-cards-section .widget-type-rich_text h2 {
	font-size: 32px;
	line-height: 40px;
}
@media (min-width: 768px) {
	.problem-cards-section .widget-type-rich_text h2 {
		font-size: 42px;
		line-height: 50px;
	}
}
.compliance-cards-section {
	background: #1C3EEC;
	border-radius: 30px;
	overflow: hidden;
}
.compliance-cards-section .hs_cos_wrapper_type_rich_text h5 {
	color: rgba(255, 255, 255, 0.6);
}
.compliance-cards-section .hs_cos_wrapper_type_rich_text h2,
.compliance-cards-section .hs_cos_wrapper_type_rich_text p {
	color: #fff;
}
.compliance-cards-section .cards3 .cards__card {
	background: #fff;
	border-radius: 30px;
	border-color: #fff;
}
.compliance-cards-section .cards3 .card .card__text h4 {
	font-size: 20px;
	line-height: 30px;
}
.compliance-cards-section .widget-type-rich_text h2 {
	font-size: 32px;
	line-height: 40px;
}
@media (min-width: 768px) {
	.compliance-cards-section .cards3 .cards__card {
		padding-top: 50px;
		padding-bottom: 30px;
	}
	.compliance-cards-section .widget-type-rich_text h2 {
		font-size: 42px;
		line-height: 50px;
	}
}
.two-column {
	position: relative;
}
.two-column .row-fluid {
	z-index: 1;
	position: relative;
}
.two-column img {}








/* two-column 1 */
.two-column-1 {
	max-width: 1600px;
	margin: 0 auto;
}
.two-column-1 .hs_cos_wrapper_type_header h2,
.two-column-1 .hs_cos_wrapper_type_header h3,
.two-column-1 .hs_cos_wrapper_type_rich_text :is(h2, h3) {
	font-size: clamp(1.875rem, -1.125rem + 6.25vw, 2.75rem);
	text-transform: none;
	font-family: 'Hiragino Kaku Gothic ProN W6', sans-serif;;
}
.two-column-1 .span12 .row-fluid .span6 {
	position: relative;
}
.two-column-1 .span12 .row-fluid .span6:first-child {
	background: linear-gradient(0deg, rgba(20, 205, 255, 0) 0%, #14CDFF 100%);
}
.two-column-1 .span12 .row-fluid .span6:first-child::after {
	content: '';
	position: absolute;

	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;

	border-radius: 30px;
	background: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/bg-pricing.svg) top center no-repeat;
}
.two-column-1 .span12 .row-fluid .span6:first-child {
	border-radius: 30px;

	display: flex;
    flex-direction: column;
    align-items: flex-end;

	padding-top: 30px;
	padding-bottom: 30px;
	
	padding-left: 20px;
	padding-right: 20px;
}
.two-column-1 .span12 .row-fluid .span6:last-child {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
	padding-top: 30px;
}
.two-column-1 .span12 .row-fluid .span6:last-child > div {
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
}
.two-column-1 .span12 .row-fluid .span6 hr {
	width: 100%;
}

@media (min-width: 768px) {
	.two-column-1 .span12 .row-fluid .span6:first-child {
		padding-top: 40px;
	}
	.two-column-1 .span12 .row-fluid .span6:first-child > div {
		max-width: 520px;
	}

	.two-column-1 .span12 .row-fluid .span6:last-child {
		padding-top: 40px;
	}
	.two-column-1 .span12 .row-fluid .span6:last-child > div {
		padding-left: 40px;
		padding-right: 20px;
		max-width: 640px;
	}
	
}
@media (min-width: 992px) {
	.two-column-1 .span12 .row-fluid .span6:last-child {
		padding-top: 90px;
	}
	.two-column-1 .span12 .row-fluid .span6:last-child > div {
		padding-left: 80px;
		padding-right: 30px;
	}
	.two-column-1 .span12 .row-fluid .span6:first-child {
		padding-top: 90px;
		padding-bottom: 60px;

		padding-left: 30px;
		padding-right: 60px;
	}
}
@media (min-width: 1280px) {
	.two-column-1 .span12 .row-fluid .span6:last-child > div {
		padding-left: 140px;
	}
	.two-column-1 .span12 .row-fluid .span6:first-child {
		padding-right: 120px;
		padding-bottom: 165px;
	}
}
/* end */


/* two-column-2 */
.two-column-2:is(.style-2) :is(h1, h2, h3, h4, h5, h6, p) {
	color: #fff;
}
.two-column-2:is(.style-2) .widget-type-rich_text strong {
	color: #14CDFF;
}
.two-column-2 > .row-fluid .span6:first-child {}
.two-column-2 > .row-fluid .span6:first-child .widget-type-rich_text {
	margin-bottom: 30px;
}
.two-column-2 > .row-fluid .span6:first-child .widget-type-rich_text :is(h1, h2, h3) {
	line-height: 50px;
	font-size: 44px;
	font-family: 'Hiragino Kaku Gothic ProN W6', sans-serif;;
}
.two-column-2 > .row-fluid .span6:first-child .widget-type-rich_text strong {
	color: #14CDFF;
}


.two-column-2 > .row-fluid .span6:last-child {
	justify-content: space-between !important;
}
.two-column-2 > .row-fluid .span6:last-child .widget-type-rich_text {
	padding: 30px 0;
}
@media (max-width: 767px) {
	.two-column-2 > .row-fluid .span6:first-child .widget-type-linked_image img {
		width: 60% !important;
	}
}
@media (min-width: 768px) {
	.two-column-2 > .row-fluid .span6:first-child .widget-type-rich_text {
		margin-bottom: 50px;
	}
	.two-column-2 > .row-fluid .span6:first-child {
		padding-right: 30px;
	}
	.two-column-2 > .row-fluid .span6:last-child {
		padding-left: 10px;
	}
	.two-column-2 > .row-fluid .span6:last-child .widget-type-rich_text {
		padding: 0;
	}
}
@media (min-width: 992px) {
	.two-column-2:not(.style-2) > .row-fluid {
		padding-left: 130px;
		padding-right: 130px;
	}
	.two-column-2 > .row-fluid .span6:first-child .widget-type-rich_text {
		margin-bottom: 80px;
	}
}
@media (min-width: 1200px) {
	.two-column-2 > .row-fluid .span6:first-child .widget-type-rich_text {
		padding-right: 30px;
	}
}
.two-column-2-1 {}
@media (max-width: 767px) {
	.two-column-2-1 h2,
	.two-column-2-1 h3 {
		font-size: 26px;
        line-height: 36px;
	}
}
.two-column-2-1:not(.style-2) > .row-fluid {
	padding-left: 0;
	padding-right: 0;
}
.two-column-2-1 > .row-fluid .span6:first-child,
.two-column-2-1 > .row-fluid .span6:last-child {
	padding: 0;
}
.two-column-2-1 > .row-fluid .span6:first-child .widget-type-linked_image img {
	width: 100% !important;
}
.two-column-2-1 .dnd-row .span6:first-child {
	border-radius: 20px;
	padding: 30px;

	border: 1px solid #E3EBF3;
	background: #F4F7F9;
	overflow: hidden;
}
@media (min-width: 768px) {
	.two-column-2-1 .dnd-row .span6:first-child {
		border-radius: 40px;
		padding: 120px 75px;
	}
}
.two-column-2-1 .row-fluid > .span12 {
	row-gap: 115px;
}
.two-column-2-1 .dnd-row > .row-fluid {
	column-gap: 156px;
	align-items: center;
}
.two-column-2-1 .dnd-row:last-child .row-fluid {
	flex-direction: row-reverse;
}
/* end */



/* two-column 4 */
.two-column-4 {
	/* max-width: 1600px; */
	margin: 0 auto;

	padding: 40px 0;

	background: radial-gradient(92.7% 92.7% at 50% 98.44%, #0552EC 0%, #032F86 100%), #16172C;
	border-radius: 40px;
}
.two-column-4 .span12 .row-fluid .span6:first-child {
	align-items: flex-end;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	padding-bottom: 40px;
	margin-bottom: 40px;
}
.two-column-4 .span12 .row-fluid .span6:last-child > div,
.two-column-4 .span12 .row-fluid .span6:first-child > div {
	max-width: 640px;
	width: 100%;
}
.two-column-4 .span12 .row-fluid .span6:first-child > div {
	padding-right: 20px;
	padding-left: 20px;
}
.two-column-4 .span12 .row-fluid .span6:last-child > div {
	padding-left: 20px;
	padding-right: 20px;
}



.two-column-4 .widget-type-linked_image {
	margin-bottom: 30px;
}
.two-column-4 .widget-type-rich_text :is(h1, h2, h3, h4, h5, h6, p, li, a, div) {
	color: #fff;
}
.two-column-4 .widget-type-rich_text :is(h1, h2, h3) {
	line-height: 50px;
	font-size: 44px;
	font-family: 'Hiragino Kaku Gothic ProN W6', sans-serif;;
}

@media (min-width: 768px) {
	.two-column-4 {
		padding: 80px 0;
	}
	.two-column-4::after {
		content: "";
		width: 1px;
		height: 100%;
		display: block;
		border: .5px solid rgba(255, 255, 255, .1);
		position: absolute;
		left: 50%;
		top: 0;
	}
	.two-column-4 .span12 .row-fluid .span6:first-child {
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.two-column-4 .span12 .row-fluid .span6:first-child > div {
		padding-right: 40px;
	}
	.two-column-4 .span12 .row-fluid .span6:last-child > div {
		padding-left: 40px;
	}
}
@media (min-width: 992px) {
	.two-column-4 {
		padding: 100px 0;
	}
	.two-column-4 .span12 .row-fluid .span6:first-child > div {
		padding-right: 80px;
		padding-left: 30px;
	}
	.two-column-4 .span12 .row-fluid .span6:last-child > div {
		padding-left: 80px;
		padding-right: 30px;
	}
}
@media (min-width: 1280px) {
	.two-column-4 {
		padding: 175px 0 160px;
	}
	.two-column-4 .span12 .row-fluid .span6:first-child > div {
		padding-right: 145px;
	}
	.two-column-4 .span12 .row-fluid .span6:last-child > div {
		padding-left: 145px;
	}
}
/* end */


/* two-column-5 */
@media (min-width: 910px) {
	.two-column-5 {
		margin-top: -40px;
	}
}
@media (min-width: 992px) {
	.two-column-5 {
		margin-top: -53px;
	}
}
@media (min-width: 1090px) {
	.two-column-5 {
		margin-top: -65px;
	}
}
.two-column-5 .widget-type-rich_text :is(h3) {
	font-size: clamp(1.875rem, -1.125rem + 6.25vw, 2.75rem);
	line-height: 40px;
	margin-bottom: 20px;
}
@media (min-width: 768px) {
    .two-column-5 .widget-type-rich_text :is(h3) {
		line-height: 50px;
	}
}

.two-column-5 .span12 .row-fluid .span6:first-child {
	align-items: flex-end;
	padding-top: 40px;
	position: relative;
	/* background: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/bg-two-column-5.svg) right bottom no-repeat; */
	/* background-size: contain; */
}
.two-column-5 .span12 .row-fluid .span6:first-child > div {
	max-width: 640px;
	/* padding-left: 20px; */
	padding-right: 40px;
}
.two-column-5 .span12 .row-fluid .span6:last-child {
	padding: 30px 20px 40px 20px;
}
.two-column-5 .span12 .row-fluid .span6:last-child > div {
	max-width: 770px;
}
.two-column-5 .span12 .row-fluid .span6:last-child > div hr {
	padding-bottom: 40px;
	position: relative;
	top: -20px;
}
@media (min-width: 768px) {
	.two-column-5 .span12 .row-fluid .span6:first-child {
		padding-top: 165px;
	}
	.two-column-5 .span12 .row-fluid .span6:last-child {
		padding-top: 0;
		padding-bottom: 0;
		padding-right: 0;
	}
	.two-column-5 .span12 .row-fluid .span6:last-child > div {
		padding-right: 20px;
	}
	.two-column-5 .span12 .row-fluid .span6:last-child > div hr {
		padding-bottom: 50px;
		top: -25px;
	}
}
@media (min-width: 992px) {
	.two-column-5 .span12 .row-fluid .span6:first-child > div {
		padding-right: 60px;
	}
	.two-column-5 .span12 .row-fluid .span6:last-child > div {
		padding-left: 40px;
		padding-right: 30px;
	}
	.two-column-5 .span12 .row-fluid .span6:last-child > div hr {
		padding-bottom: 80px;
		top: -40px;
	}
}
@media (min-width: 1200px) {
	.two-column-5 .span12 .row-fluid .span6:first-child > div {
		padding-right: 120px;
	}
	.two-column-5 .span12 .row-fluid .span6:last-child > div {
		padding-left: 110px;
	}
	.two-column-5 .span12 .row-fluid .span6:last-child > div hr {
		padding-bottom: 120px;
		top: -60px;
	}
}





.two-column-5 .span12 .row-fluid .span6:first-child::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100vw;
    background-color: #0552EC;
    z-index: -1;
	height: 96vw;

	-webkit-border-top-right-radius: 30px;
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomright: 30px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
}
@media (min-width: 576px) {
	.two-column-5 .span12 .row-fluid .span6:first-child::before {
		height: 540px;
	}
}
.two-column-5 .span12 .row-fluid .span6:first-child::after {
	content: '';
	position: absolute;
    bottom: -75px;
	right: 200px;

	width: 100%;
	height: 100%;
    z-index: 0;

	background: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/bg-two-column-5.svg) right bottom no-repeat;
    background-size: contain;
}
/* end */



/* two-column 6 */
.two-column-6 {
	/* max-width: 1600px; */
	margin: 0 auto;
	position: relative;
}
.two-column-6::before,
.two-column-6::after {
	background-repeat: no-repeat;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 0;
}	
.two-column-6::after {
    background-position: bottom right;
    background-size: 288px;
    right: 0;
    bottom: 0px;

	background-image: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/bg-two-column-6-right-2.svg);
}
@media (min-width: 768px) {
	.two-column-6::after {
		background-size: 388px;
		bottom: -80px;
	}
}


.two-column-6 .hs_cos_wrapper_type_header h2,
.two-column-6 .hs_cos_wrapper_type_header h3,
.two-column-6 .hs_cos_wrapper_type_rich_text :is(h2, h3) {
	font-size: clamp(1.875rem, -1.125rem + 6.25vw, 2.75rem);
	text-transform: none;
	font-family: 'Hiragino Kaku Gothic ProN W6', sans-serif;;
}
.two-column-6 .span12 .row-fluid .span6 {
	position: relative;
}
@media (max-width: 767px) {
	.two-column-6 .span12 .row-fluid .span6:first-child {
		overflow-x: hidden;
		align-items: center !important;
	}
	.two-column-6 .span12 .row-fluid .span6:first-child::after {
		border-radius: 30px;
	}
}



.two-column-6 .span12 .row-fluid .span6:first-child::after {
	content: '';
	position: absolute;

	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	
	border-radius: 30px;

	background: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/bg-two-column-6.svg) bottom right repeat-x;
}
@media (min-width: 768px) {
	.two-column-6 .span12 .row-fluid .span6:first-child::after {
		
	}
}


.two-column-6 .span12 .row-fluid .span6:first-child {
	display: flex;
    flex-direction: column;
    align-items: flex-end;
	justify-content: flex-end;

	padding: 20px;
}
.two-column-6 .span12 .row-fluid .span6:first-child > div {
	z-index: 1;
}
.two-column-6 .span12 .row-fluid .span6:first-child > div:last-child img {
	border-radius: 10px;
}
@media (max-width: 767px) {
	.two-column-6 .span12 .row-fluid .span6:first-child > div:first-child img {
		border-radius: 20px;
	}
}
@media (min-width: 768px) {
	.two-column-6 .span12 .row-fluid .span6:first-child > div:first-child img {
		-webkit-border-top-left-radius: 30px;
		-webkit-border-top-right-radius: 30px;
		-moz-border-radius-topleft: 30px;
		-moz-border-radius-topright: 30px;
		border-top-left-radius: 30px;
		border-top-right-radius: 30px;
	}
}

/* back-image */
.two-column-6 .span12 .row-fluid .span6:first-child > div.dnd-row:nth-child(2) {
	position: absolute;
	z-index: 2;

	right: 15px;
	bottom: 15px;

	width: 170px;
	height: 170px;

	padding: 0;
	box-shadow: 0 8px 20px rgba(78, 78, 78, 0.3);
	border-radius: 10px;
}
@media (min-width: 768px) {
	.two-column-6 .span12 .row-fluid .span6:first-child > div.dnd-row:nth-child(2) {
		box-shadow: 0 25px 60px rgba(78, 78, 78, 0.3);

		right: 15px;
		bottom: 15px;

		width: 200px;
		height: 200px;
	}
}
@media (min-width: 992px) {
	.two-column-6 .span12 .row-fluid .span6:first-child > div.dnd-row:nth-child(2) {
		right: -30px;
		bottom: 40px;

		width: 247px;
		height: 247px;
	}
}
@media (min-width: 1280px) {
	.two-column-6 .span12 .row-fluid .span6:first-child > div.dnd-row:nth-child(2) {
		right: -55px;
		bottom: 60px;

		width: 347px;
		height: 347px;
	}
}









.two-column-6 .span12 .row-fluid .span6:last-child {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
	padding-top: 30px;
}
.two-column-6 .span12 .row-fluid .span6:last-child > div {
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
}
.two-column-6 .span12 .row-fluid .span6 hr {
	width: 100%;
}

@media (min-width: 768px) {
	.two-column-6 .span12 .row-fluid .span6:first-child {
		padding-bottom: 0px;
	}
	.two-column-6 .span12 .row-fluid .span6:first-child > div {
		max-width: 600px;

		padding-left: 0px;
		padding-right: 10px;
		padding-top: 80px;
	}

	.two-column-6 .span12 .row-fluid .span6:last-child {
		padding-top: 40px;
		padding-bottom: 40px;
		justify-content: center;
	}
	.two-column-6 .span12 .row-fluid .span6:last-child > div {
		padding-left: 40px;
		padding-right: 20px;
		max-width: 840px;
	}
	
}
@media (min-width: 992px) {
	.two-column-6 .span12 .row-fluid .span6:last-child {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.two-column-6 .span12 .row-fluid .span6:last-child > div {
		padding-left: 80px;
		padding-right: 30px;
	}
	.two-column-6 .span12 .row-fluid .span6:first-child {
		padding-top: 0px;
		padding-bottom: 0px;

		padding-left: 0px;
		padding-right: 0px;
	}
	.two-column-6 .span12 .row-fluid .span6:first-child > div {
		position: relative;
		padding-left: 30px;
		padding-right: 50px;
		padding-top: 80px;
	}
}
@media (min-width: 1280px) {
	.two-column-6 .span12 .row-fluid .span6:last-child {
		padding-top: 150px;
		padding-bottom: 110px;
	}
	.two-column-6 .span12 .row-fluid .span6:last-child > div {
		padding-left: 130px;
	}
	.two-column-6 .span12 .row-fluid .span6:first-child > div {
		-webkit-border-top-left-radius: 30px;
		-webkit-border-top-right-radius: 30px;
		-moz-border-radius-topleft: 30px;
		-moz-border-radius-topright: 30px;
		border-top-left-radius: 30px;
		border-top-right-radius: 30px;

		position: relative;
		right: 95px;
		padding-top: 100px;

		padding-left: 0;
		padding-right: 0;

		/* padding-bottom: 165px; */
	}
}
/* end */




/* two-column 7 */
.two-column-7 {
	max-width: 1600px;
	margin: 0 auto;
	position: relative;
}
.two-column-7::before,
.two-column-7::after {
	background-repeat: no-repeat;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 0;
}	
.two-column-7::after {
    background-position: bottom right;
    background-size: 288px;
    right: 0;
    bottom: 0px;

	background-image: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/bg-two-column-6-right-2.svg);
}
@media (min-width: 768px) {
	.two-column-7::after {
		background-size: 388px;
		bottom: -80px;
	}
}
.two-column-7 .hs_cos_wrapper_type_header h2,
.two-column-7 .hs_cos_wrapper_type_header h3,
.two-column-7 .hs_cos_wrapper_type_rich_text :is(h2, h3) {
	font-size: clamp(1.875rem, -1.125rem + 6.25vw, 2.75rem);
	text-transform: none;
	font-family: 'Hiragino Kaku Gothic ProN W6', sans-serif;;
}
.two-column-7 .span12 .row-fluid .span6 {
	position: relative;
}
@media (max-width: 767px) {
	.two-column-7 .span12 .row-fluid .span6:first-child {
		overflow-x: hidden;
	}
	.two-column-7 .span12 .row-fluid .span6:first-child::after {
		border-radius: 30px;
	}
}
.two-column-7 .span12 .row-fluid .span6:first-child::after {
	content: '';
	position: absolute;

	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	
	-webkit-border-top-right-radius: 30px;
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomright: 30px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;

	background: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/bg-two-column-6.svg) bottom right repeat-x;
}
.two-column-7 .span12 .row-fluid .span6:first-child {
	display: flex;
    flex-direction: column;
    align-items: flex-end;
	justify-content: flex-end;

	padding: 20px;
}
.two-column-7 .span12 .row-fluid .span6:first-child > div {
	z-index: 1;
	width: 100%;
}
@media (max-width: 767px) {
	.two-column-7 .span12 .row-fluid .span6:first-child > div img,
	.two-column-7 .span12 .row-fluid .span6:first-child > div iframe {
		border-radius: 20px;
	}
}
@media (min-width: 768px) {
	.two-column-7 .span12 .row-fluid .span6:first-child > div img,
	.two-column-7 .span12 .row-fluid .span6:first-child > div iframe {
		-webkit-border-top-left-radius: 30px;
		-webkit-border-top-right-radius: 30px;
		-moz-border-radius-topleft: 30px;
		-moz-border-radius-topright: 30px;
		border-top-left-radius: 30px;
		border-top-right-radius: 30px;
	}
}
.two-column-7 .span12 .row-fluid .span6:last-child {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
	padding-top: 30px;
}
.two-column-7 .span12 .row-fluid .span6:last-child > div {
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
}
.two-column-7 .span12 .row-fluid .span6 hr {
	width: 100%;
}
@media (min-width: 768px) {
	.two-column-7 .span12 .row-fluid .span6:first-child {
		padding-bottom: 0px;
	}
	.two-column-7 .span12 .row-fluid .span6:first-child > div {
		max-width: 600px;

		padding-left: 0px;
		padding-right: 10px;
		padding-top: 80px;
	}
	.two-column-7 .span12 .row-fluid .span6:last-child {
		padding-top: 40px;
		padding-bottom: 40px;
		justify-content: center;
	}
	.two-column-7 .span12 .row-fluid .span6:last-child > div {
		padding-left: 40px;
		padding-right: 20px;
		max-width: 640px;
	}
}
@media (min-width: 992px) {
	.two-column-7 .span12 .row-fluid .span6:last-child {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.two-column-7 .span12 .row-fluid .span6:last-child > div {
		padding-left: 80px;
		padding-right: 30px;
	}
	.two-column-7 .span12 .row-fluid .span6:first-child {
		padding-top: 0px;
		padding-bottom: 0px;

		padding-left: 0px;
		padding-right: 0px;
	}
	.two-column-7 .span12 .row-fluid .span6:first-child > div {
		position: relative;
		padding-left: 30px;
		padding-right: 50px;
		padding-top: 80px;
	}
}
@media (min-width: 1280px) {
	.two-column-7 .span12 .row-fluid .span6:last-child {
		padding-top: 150px;
		padding-bottom: 110px;
	}
	.two-column-7 .span12 .row-fluid .span6:last-child > div {
		padding-left: 130px;
	}
	.two-column-7 .span12 .row-fluid .span6:first-child > div {
		-webkit-border-top-left-radius: 30px;
		-webkit-border-top-right-radius: 30px;
		-moz-border-radius-topleft: 30px;
		-moz-border-radius-topright: 30px;
		border-top-left-radius: 30px;
		border-top-right-radius: 30px;

		position: relative;
		right: 95px;
		padding-top: 100px;

		padding-left: 0;
		padding-right: 0;
	}
}
.two-column-7 .span12 .row-fluid .span6 .video {
	border: none;
	box-shadow: none;
	border-radius: 0;
	padding-bottom: 75%;

	-webkit-border-top-left-radius: 30px;
	-webkit-border-top-right-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-topright: 30px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}
.two-column-7 .span12 .row-fluid .span6 .video__media {
	border-radius: 0;
}
/* end */



/* two-column 9 */
.two-column-9 {
	max-width: 1600px;
	margin: 0 auto;
	z-index: 0;
}
.two-column-9 .hs_cos_wrapper_type_header h2,
.two-column-9 .hs_cos_wrapper_type_header h3,
.two-column-9 .hs_cos_wrapper_type_rich_text :is(h2, h3) {
	font-size: clamp(1.875rem, -1.125rem + 6.25vw, 2.75rem);
	text-transform: none;
	font-family: 'Hiragino Kaku Gothic ProN W6', sans-serif;;
}
.two-column-9 .span12 .row-fluid .span6 {
	position: relative;
}
.two-column-9 .span12 .row-fluid .span6:last-child {
	background: linear-gradient(182.56deg, #0552EC -36.69%, #14CDFF 122.32%);
}
.two-column-9 .span12 .row-fluid .span6:first-child::after {
	content: '';
	position: absolute;

	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;

	border-radius: 30px;
	/* background: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/bg-pricing.svg) top center no-repeat; */
}
.two-column-9 .span12 .row-fluid .span6:last-child {
	border-radius: 30px;

	display: flex;
    flex-direction: column;
    align-items: flex-end;
	justify-content: center;

	padding-top: 30px;
	padding-bottom: 30px;
	
	padding-left: 20px;
	padding-right: 20px;
}
.two-column-9 .span12 .row-fluid .span6:first-child div {
	height: 100%;
}
.two-column-9 .span12 .row-fluid .span6:first-child img {
	border-radius: 30px;
	height: 100% !important;
}



.two-column-9 .span12 .row-fluid .span6:last-child {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
	padding-top: 30px;
}
.two-column-9 .span12 .row-fluid .span6:last-child > div {
	padding-right: 0px;
	width: 100%;
}
.two-column-9 .span12 .row-fluid .span6 hr {
	width: 100%;
}

@media (min-width: 768px) {
	.two-column-9 .span12 .row-fluid .span6:last-child > div {
		padding-right: 20px;
		max-width: 550px;
		margin: 0 auto;
	}
}
@media (min-width: 992px) {
	.two-column-9 .span12 .row-fluid .span6:last-child > div {
		padding-right: 30px;
	}
}
.two-column-9 .cards {
	display: grid;
  	grid-template-columns: repeat(2, 1fr);
  	gap: 0px;
}
.two-column-9 .cards .cards__card {
	position: relative;
	padding: 20px 10px 25px 20px;
}
.two-column-9 .cards .card__inner {
	height: auto;
}
.two-column-9 .cards .card__top > p.nummber {
	font-family: 'Hiragino Kaku Gothic ProN W6', sans-serif;
	font-size: 32px;
	line-height: 52px;
	margin-bottom: 0;
}
@media (min-width: 768px) {
	.two-column-9 .cards .cards__card {
		padding: 20px 20px 25px 40px;
	}
	.two-column-9 .cards .card__top > p.nummber {
		font-size: 45px;
		line-height: 68px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.two-column-9 .cards .cards__card {
		padding-left: 25px;
	}
	.two-column-9 .cards .card__top > p.nummber {
		font-size: 30px;
		line-height: 52px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.two-column-9 .cards .cards__card {
		padding-left: 30px;
	}
	.two-column-9 .cards .card__top > p.nummber {
		font-size: 40px;
		line-height: 58px;
	}
}
.two-column-9 .cards .card__top > div p {
	font-size: 18px;
	line-height: 27px;
}
.two-column-9 .cards .card :is(h1, h2, h3, h4, h5, h6, p, a, span) {
	color: #fff;
}
.two-column-9 .cards .card:nth-child(odd)::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	height: 1px;
	width: calc(100% - 20px);
	background: #fff;
}
.two-column-9 .cards .card:nth-child(even)::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1px;
	width: calc(100% - 20px);
	background: #fff;
}
@media (min-width: 768px) {
	.two-column-9 .cards .card:nth-child(even)::before,
	.two-column-9 .cards .card:nth-child(odd)::before {
		width: calc(100% - 40px);
	}
}
.two-column-9 .cards .card:nth-last-child(1)::before,
.two-column-9 .cards .card:nth-last-child(2)::before {
	content: none;
}
.two-column-9 .cards .card:nth-child(even)::after {
	content: "";
	position: absolute;
	left: 0;
	/* top: 3vw; */
	top: 30px;
	bottom: 0;
	height: calc(100% - 60px);
	width: 1px;
	background: #fff;
}
@media (min-width: 768px) {
	.two-column-9 .cards .card:nth-child(even)::after  {
		top: 35px;
		/* height: 100px; */
		/* height: calc(100% - 60px); */
	}
}
/* end */



/* two-column 9 */
.two-column-10 {
	margin-top: -30px;
	position: relative;
	z-index: -1;
	max-width: 100%;

	padding-left: 0;
	padding-right: 0;
}
.two-column-10::after {
	content: '';
	position: absolute;
	display: block;

	background: linear-gradient(0deg, rgba(20, 205, 255, 0) 0%, #14CDFF 100%);

	left: 0;
	right: auto;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
@media (max-width: 767px) {
	.two-column-10 .span12 .row-fluid .span6:first-child {
		align-items: flex-start;
	}
}
@media (min-width: 768px) {
	.two-column-10 {
		padding-left: 20px;
		padding-right: 20px;
	}
	.two-column-10::after {
		width: 50%;
	}
	.two-column-10 .span12 .row-fluid .span6:first-child {
		padding-left: 0;
		align-items: flex-start;
	}
}
@media (min-width: 992px) {
	.two-column-10 {
		padding-left: 30px;
		padding-right: 30px;
	}
}
.two-column-10 .span12 .row-fluid .span6:first-child {
	background: none;
}
.two-column-10 .hs_cos_wrapper_type_rich_text :is(h2, h3, h4) {
	text-transform: capitalize;
	margin-bottom: 0;
}
.two-column-10 .hs_cos_wrapper_type_rich_text :is(strong) {
	color: #0552EC;
}
.two-column-10 .span12 .row-fluid .span6:first-child {
	border-radius: 0;
}
.two-column-10 .span12 .row-fluid .span6:first-child::after {
	content: none;
}
/* end */





/* two-column 11 */
/* .two-column-11 {
	max-width: 1600px;
	margin: 0 auto;
} */

.two-column-11 {
	position: relative;

	-webkit-border-top-left-radius: 30px;
	-webkit-border-top-right-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-topright: 30px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;

	background: linear-gradient(0deg, rgba(20, 205, 255, 0) 0%, #14CDFF 100%);
}
.two-column-11::after {
	content: '';
	position: absolute;

	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;

	border-radius: 30px;
	background: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/bg-two-column-11.svg) top left no-repeat;
}
.two-column-11 .widget-type-linked_image img {
	border-radius: 30px;
	height: 100% !important;
}
.two-column-11 .hs_cos_wrapper_type_rich_text > p {
	font-size: 14px;
	line-height: 20px;
}
.two-column-11 .hs_cos_wrapper_type_rich_text > h4 {
	font-size: 18px;
	font-family: 'Hiragino Kaku Gothic ProN W4';
	margin-bottom: 20px;
}


.two-column-11 .span12 > .dnd-row > .row-fluid,
.two-column-11 .span12 > .dnd-row > .row-fluid > .dnd-column:first-child > div,
.two-column-11 .span12 > .dnd-row > .row-fluid > .dnd-column:first-child > div > .row-fluid,
.two-column-11 .span12 > .dnd-row > .row-fluid > .dnd-column:first-child > div > .row-fluid .widget-type-linked_image,
.two-column-11 .span12 > .dnd-row > .row-fluid > .dnd-column:first-child > div > .row-fluid .widget-type-linked_image div {
	height: 100%;
}
.two-column-11 .span12 > .dnd-row > .row-fluid > .dnd-column:first-child {
	height: 100%;
}
.two-column-11 .span12 .row-fluid > .dnd-column:last-child {
	background-color: #fff;
	border-radius: 30px;

	height: 100%;

	display: flex;
    flex-direction: column;
    align-items: center;

	/* padding-top: 30px; */
	/* padding-bottom: 30px; */
	
	/* padding-left: 20px; */
	/* padding-right: 20px; */
}
.two-column-11 .span12 .row-fluid > .dnd-column:last-child > .dnd-row,
.two-column-11 .span12 .row-fluid > .dnd-column:last-child > .dnd-row > .row-fluid {
	height: 100%;
}
.two-column-11 .span12 .row-fluid > .dnd-column:last-child > .dnd-row > .row-fluid > .dnd-column:first-child {
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	padding: 30px;
}
.two-column-11 .span12 .row-fluid > .dnd-column:last-child > .dnd-row > .row-fluid > .dnd-column:first-child h3 {
	font-size: 20px;
	margin-bottom: 0;
}
.two-column-11 .span12 .row-fluid > .dnd-column:last-child > .dnd-row > .row-fluid > .dnd-column:first-child ul {
	margin: 0;
}

.two-column-11 .span12 .row-fluid > .dnd-column:last-child > .dnd-row > .row-fluid > .dnd-column:first-child li {
	
}
.two-column-11 .span12 .row-fluid > .dnd-column:last-child > .dnd-row > .row-fluid > .dnd-column:first-child li {
	font-size: 14px;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 22px;
	background: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/icon-li-ellipse-3.svg) 3px center no-repeat;
}
.two-column-11 .span12 .row-fluid > .dnd-column:last-child > .dnd-row > .row-fluid > .dnd-column:first-child li:last-child {
	border-bottom: none;
}
.two-column-11 .span12 .row-fluid > .dnd-column:last-child > .dnd-row > .row-fluid > .dnd-column:last-child {
	justify-content: space-between;
}
.two-column-11 .span12 .row-fluid > .dnd-column:last-child > .dnd-row > .row-fluid > .dnd-column:last-child > div {
	height: auto;
}
.two-column-11 .span12 .row-fluid > .dnd-column:last-child > .dnd-row > .row-fluid > .dnd-column:last-child .hs_cos_wrapper_type_rich_text {
	max-width: 270px;
	margin: 0 auto;
	display: block;
}
.two-column-11 .span12 .row-fluid > .dnd-column:last-child > .dnd-row > .row-fluid > .dnd-column:last-child .hs_cos_wrapper_type_rich_text h3 {
	font-family: 'Hiragino Kaku Gothic StdN W7';
	font-size: 26px;
	line-height: 36px;
	margin: 25px auto;
}
@media (min-width: 768px) and (max-width: 991px) {
	.two-column-11 .span12 .row-fluid > .dnd-column:last-child > .dnd-row > .row-fluid {
		flex-direction: column;
	}
	.two-column-11 .span12 .row-fluid > .dnd-column:last-child > .dnd-row > .row-fluid > div {
		width: 100%;
	}
	.two-column-11 .span12 .row-fluid > .dnd-column:last-child > .dnd-row > .row-fluid > .dnd-column:last-child {
		height: auto;
		margin-left: 0;
	}
}
@media (min-width: 768px) {
	.two-column-11 .span12 .row-fluid > .dnd-column:last-child {
		margin-left: 20px;
	}
}
@media (min-width: 992px) {
	.two-column-11 .span12 .row-fluid > .dnd-column:last-child > .dnd-row > .row-fluid > .dnd-column:last-child .hs_cos_wrapper_type_rich_text h3 {
		margin: 0;
	}
	.two-column-11 .span12 .row-fluid > .dnd-column:last-child > .dnd-row > .row-fluid > .dnd-column:first-child {
		border-right: 1px solid rgba(0, 0, 0, .2);
		border-bottom: none;
	}
	.two-column-11 .span12 .row-fluid > .dnd-column:last-child > .dnd-row > .row-fluid > .dnd-column:last-child {
		padding-right: 20px;
	}
}
/* end */





/* start */
.two-column-12 {
	max-width: 1600px;
}
.two-column-12:not(.two-column-13) .span12 > .dnd-row > .row-fluid {
	flex-direction: row-reverse;
}
.two-column-12 .span12 .row-fluid .span6:first-child::after {
	content: none;
}
.two-column-12 .span12 .row-fluid .span6:first-child {
	justify-content: center;
}
.two-column-12 .span12 .row-fluid .span6:first-child > div {
	border-radius: 30px;
}
.two-column-12 .hs_cos_wrapper_type_rich_text ul li {
	font-size: 14px;
	line-height: 22px;
}
.two-column-12 .hs_cos_wrapper_type_rich_text h4 {
	font-size: 20px;
	line-height: 30px;
	font-family: 'Hiragino Kaku Gothic ProN W4', sans-serif;
	margin-top: 40px;
	margin-bottom: 15px;
}
.two-column-12 .hs_cos_wrapper_type_rich_text ul li strong {
	color: #000;
}
/* back-image */
.two-column-12 .span12 .row-fluid .span6:first-child > div.dnd-row:nth-child(2) {
	position: absolute;
	z-index: 2;

	left: 30px;
	bottom: 30px;

	width: 170px;
	height: 170px;

	padding: 0;
	box-shadow: 0 8px 20px rgba(78, 78, 78, 0.3);
	border-radius: 10px;
}
@media (min-width: 768px) {
	.two-column-12 .span12 .row-fluid .span6:first-child > div {
		padding-top: 0;
	}
	.two-column-12 .span12 .row-fluid .span6:first-child > div:first-child img {
		border-radius: 30px;
	}
	.two-column-12 .span12 .row-fluid .span6:first-child > div.dnd-row:nth-child(2) {
		box-shadow: 0 25px 60px rgba(78, 78, 78, 0.3);

		left: 15px;
		bottom: 15px;

		width: fit-content;
		height: auto;
	}
	.two-column-13 .span12 .row-fluid .span6:last-child > div {
		max-width: 640px;
	}
}
@media (min-width: 992px) {
	.two-column-12 .span12 .row-fluid .span6:last-child > div {
		padding-right: 125px;
	}
	.two-column-13 .span12 .row-fluid .span6:last-child > div {
		padding-right: 65px;
	}
	.two-column-12 .span12 .row-fluid .span6:first-child > div.dnd-row:nth-child(2) {
		left: -30px;
		bottom: 40px;
	}
}
@media (min-width: 1280px) {
	.two-column-12 .span12 .row-fluid .span6:first-child > div.dnd-row:nth-child(2) {
		left: -55px;
		bottom: 70px;
	}
	.two-column-12 .span12 .row-fluid .span6:first-child > div {
		position: relative;
		right: 105px;
		padding-top: 0;

		padding-left: 0;
		padding-right: 0;
	}
	.two-column-13 .span12 .row-fluid .span6:last-child > div {
		padding-left: 50px;
	}
	.two-column-13 .span12 .row-fluid .span6:first-child > div {
		position: relative;
		right: 40px;
		padding-top: 0;

		padding-left: 0;
		padding-right: 0;
	}
}

/* end */




@media (min-width: 768px) {
	/* .two-column-11 .span12 .row-fluid .span6:first-child {
		padding-top: 40px;
	}
	.two-column-11 .span12 .row-fluid .span6:first-child > div {
		max-width: 520px;
	}

	.two-column-11 .span12 .row-fluid .span6:last-child {
		padding-top: 40px;
	}
	.two-column-11 .span12 .row-fluid .span6:last-child > div {
		padding-left: 40px;
		padding-right: 20px;
		max-width: 640px; 
	}*/
	
}
@media (min-width: 992px) {
	/* .two-column-11 .span12 .row-fluid .span6:last-child {
		padding-top: 90px;
	}
	.two-column-11 .span12 .row-fluid .span6:last-child > div {
		padding-left: 80px;
		padding-right: 30px;
	}
	.two-column-11 .span12 .row-fluid .span6:first-child {
		padding-top: 90px;
		padding-bottom: 60px;

		padding-left: 30px;
		padding-right: 60px;
	} */
}
@media (min-width: 1280px) {
	/* .two-column-11 .span12 .row-fluid .span6:last-child > div {
		padding-left: 140px;
	}
	.two-column-11 .span12 .row-fluid .span6:first-child {
		padding-right: 120px;
		padding-bottom: 165px;
	} */
}
/* end */









.two-column-14 {
	background: linear-gradient(183deg, #0552EC -36.69%, #14CDFF 122.32%);
	border-radius: 30px;
}
.two-column-14 .row-fluid > .span12 {
	max-width: 1280px;
    margin: 0 auto;
}
.two-column-14 .row-fluid > .span12 .cards {
	display: flex;
    align-items: flex-start;
	flex-wrap: wrap;

	color: #fff;
	text-align: center;
	row-gap: 40px;
}
.two-column-14 .row-fluid > .span12 .cards > .card {
	flex: 0 0 33.3333%;
}
@media (max-width: 575px) {
	.two-column-14 .row-fluid > .span12 .cards > .card {
		flex: 0 0 50%;
	}	
}
@media (min-width: 992px) {
	.two-column-14 .row-fluid > .span12 .cards > .card {
		flex: 1;
	}
}
.two-column-14 .row-fluid > .span12 .cards .card__top {
	width: 80%;
	margin: 0 auto;
}
.two-column-14 .row-fluid > .span12 .cards .nummber {
	font-size: 32px;
	line-height: normal;

	margin-bottom: 0;
}
.two-column-14 .row-fluid > .span12 .cards div > p {
	color: #F4F7F9;
	font-size: 14px;
	line-height: 22px;
	font-family: 'Hiragino Kaku Gothic ProN W6', sans-serif;
}





/* ===== DEVICE SPECS SECTION ===== */
.device-specs-section {
	position: relative;
	overflow: hidden;
	background: linear-gradient(180deg, #14CDFF 0%, rgba(20, 205, 255, 0) 100%) !important;
}
.device-specs-section::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
	
	background: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/device-specs-section-after.svg) top right no-repeat;
}
.device-specs-section > .row-fluid,
.device-specs-section .span12 {
	position: relative;
	z-index: 2;
}
.device-specs-section .row-fluid > .span7 {
	display: flex;
    flex-direction: column;
    justify-content: center;
}
@media (max-width: 767px) {
	.device-specs-section .row-fluid > .span7 {
		padding-top: 40px;
	}
	.device-specs-section .hs_cos_wrapper_type_rich_text ul {
		grid-template-columns: 1fr;
	}
	.device-specs-section .widget-type-linked_image img {
		width: 80%;
	}
}
@media (min-width: 768px) {
	.device-specs-section .row-fluid > .span7 {
		max-width: 630px;
		padding-left: 30px;
	}
	.device-specs-section .hs_cos_wrapper_type_rich_text ul li:nth-last-child(-n+2) {
		border-bottom: none;
	}
}
.device-specs-section .widget-type-linked_image img {
	border-radius: 30px;
	height: 100% !important;
}
.device-specs-section .hs_cos_wrapper_type_rich_text ul {
	display: grid;
	grid-template-columns: 1fr;
	row-gap: 0;
	column-gap: 30px;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
@media (min-width: 576px) {
	.device-specs-section .hs_cos_wrapper_type_rich_text ul {
		grid-template-columns: repeat(2, 1fr);
	}
}
.device-specs-section .hs_cos_wrapper_type_rich_text ul li {
	font-size: 14px;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 22px;
	padding-left: 34px;
	list-style-type: none !important;
	background: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/icon-li-ellipse-4.svg) left 14px no-repeat;
}
.device-specs-section .hs_cos_wrapper_type_rich_text ul li:last-child {
	border-bottom: none;
}




/* ===== TWO COLUMN GUIDE SECTION ===== */
/* Hook onto the .two-column-guide section class (it always renders)
   and onto HubSpot's structure, without relying on nested column classes. */
.two-column-guide {
	position: relative;
	overflow: visible !important;
}

/* Remove clipping on every section wrapper so the tilted booklet and its glow
   are not cut off by HubSpot's generated grid. */
.two-column-guide .row-fluid-wrapper,
.two-column-guide .row-fluid,
.two-column-guide [class*="span"] {
	overflow: visible !important;
}

/* Features list with blue check icons */
.guide-features-list {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 0 30px 0 !important;
}

.guide-features-list li {
	font-size: 16px;
	font-weight: 500;
	color: #000;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 18px 0 18px 36px;
	line-height: 24px;
	list-style-type: none !important;
	background: url("https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/icon-li-ellipse-4.svg") left center no-repeat;
	background-size: 24px 24px;
}

.guide-features-list li:last-child {
	border-bottom: none;
}

/* Blue card backdrop behind the booklet.
   Anchored to the linked_image module's .wrapper (the only .wrapper in this section:
   neither the case-study-subscribe form nor the native rich_text output one),
   so the style targets the image container only, with no custom column classes. */
.two-column-guide .wrapper {
	position: relative;
	background: radial-gradient(92.7% 92.7% at 50% 98.44%, #0552EC 0%, #032F86 100%), #16172C;
	border-radius: 40px;
	padding: 60px 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: visible !important;
	box-shadow: 0 30px 60px rgba(3, 47, 134, 0.2);
	min-height: 420px;
	margin: 20px 0;
	width: 100%;
}

/* The booklet itself: 3D tilt, shadow, hover */
.two-column-guide .wrapper img {
	transform: rotate(-10deg) scale(1.15) translateY(-5px);
	transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), filter 0.6s ease;
	filter: drop-shadow(15px 25px 20px rgba(0, 0, 0, 0.35));
	max-width: 90% !important;
	height: auto !important;
}

/* Hover micro-animation */
.two-column-guide .wrapper:hover img {
	transform: rotate(-7deg) scale(1.2) translateY(-15px);
	filter: drop-shadow(20px 35px 25px rgba(0, 0, 0, 0.4));
}

@media (max-width: 767px) {
	.two-column-guide .wrapper {
		min-height: 300px;
		padding: 40px 20px;
	}
	.two-column-guide .wrapper img {
		transform: rotate(-5deg) scale(1.1);
	}
	.two-column-guide .wrapper:hover img {
		transform: rotate(-3deg) scale(1.15);
	}
}
/* end */
.body-container--contact .row-fluid > .span12 > .row-fluid-wrapper:nth-child(2) .span6:nth-child(1) {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
@media (min-width: 768px) {
	.body-container--contact .row-fluid > .span12 > .row-fluid-wrapper:nth-child(2) .span6:nth-child(1) {
		padding-right: 30px;
	}
}
@media (min-width: 1200px) {
	.body-container--contact .row-fluid > .span12 > .row-fluid-wrapper:nth-child(2) .span6:nth-child(1) {
		padding-right: 140px;
	}	
}



.body-container--contact .row-fluid > .span12 > .row-fluid-wrapper:nth-child(2) .span6:nth-child(1) .dnd-row hr {
	border-color: rgba(255, 255, 255, .2);
	position: relative;
	top: -13px;
}
.body-container--contact .row-fluid > .span12 > .row-fluid-wrapper:nth-child(2) .span6:nth-child(1) .dnd-row :is(h2) {
	font-size: clamp(1.875rem, -1.125rem + 6.25vw, 2.75rem);
}
.body-container--contact .row-fluid > .span12 > .row-fluid-wrapper:nth-child(2) .span6:nth-child(1) > .dnd-row:nth-child(1) {
	margin-bottom: 20px;
}
@media (max-width: 767px) {
	.body-container--contact .row-fluid > .span12 > .row-fluid-wrapper:nth-child(2) .span6:nth-child(1) .dnd-row :is(h2) {
		line-height: 36px;
	}
}
@media (min-width: 576px) {
	.body-container--contact .row-fluid > .span12 > .row-fluid-wrapper:nth-child(2) .span6:nth-child(1) .dnd-row :is(h1, h2, h3, h4, h5, h6, p) {
		max-width: 400px;
	}
	/* for landing page */
	.hs-landing-page .body-container--contact .row-fluid > .span12 > .row-fluid-wrapper:nth-child(2) .span6:nth-child(1) .dnd-row :is(h1, h2, h3, h4, h5, h6, p) {
  		max-width: 90%;
	}
}
@media (min-width: 768px) {
	.body-container--contact .row-fluid > .span12 > .row-fluid-wrapper:nth-child(2) .span6:nth-child(1) > .dnd-row:nth-child(1) {
		margin-bottom: auto;
	}
	.hs-landing-page .body-container--contact .row-fluid > .span12 > .row-fluid-wrapper:nth-child(2) .span6:nth-child(1) > .dnd-row:nth-child(1) {
		margin-bottom: 0;
	}
}
.body-container--contact .row-fluid > .span12 > .row-fluid-wrapper:nth-child(2) .span6:nth-child(1) > .dnd-row:nth-child(2) {
	border-radius: 30px;
	padding: 20px;
	margin-bottom: 20px;
	background-color: #14CDFF;
}
.body-container--contact .row-fluid > .span12 > .row-fluid-wrapper:nth-child(2) .span6:nth-child(1) > .dnd-row .button-wrapper {
	margin-top: 20px;
}



.body-container--contact .row-fluid > .span12 > .row-fluid-wrapper:nth-child(2) .span6:nth-child(1) .dnd-row:nth-child(3) {
	border-radius: 30px;
	padding: 20px;

	background: radial-gradient(92.7% 92.7% at 50% 98.44%, #0552EC 0%, #032F86 100%), #0552EC;
}
.body-container--contact .row-fluid > .span12 > .row-fluid-wrapper:nth-child(2) .span6:nth-child(1) .dnd-row:nth-child(2) :is(h1, h2, h3, h4, h5, h6),
.body-container--contact .row-fluid > .span12 > .row-fluid-wrapper:nth-child(2) .span6:nth-child(1) .dnd-row:nth-child(3) :is(h1, h2, h3, h4, h5, h6) {
	text-transform: uppercase;
}
.body-container--contact .row-fluid > .span12 > .row-fluid-wrapper:nth-child(2) .span6:nth-child(1) .dnd-row:nth-child(2) :is(h1, h2, h3, h4, h5, h6, p, a) {
	/* color: #000 !important; */
}
.body-container--contact .row-fluid > .span12 > .row-fluid-wrapper:nth-child(2) .span6:nth-child(1) .dnd-row:nth-child(3) :is(h1, h2, h3, h4, h5, h6, p) {
	color: #fff;
}

.body-container--case-study-post .blog-post__sidebar form .hs_error_rollup,
.body-container--contact form .hs_error_rollup,
.body-container.pr-2 form .hs_error_rollup {
	text-align: center;
}
@media (min-width: 768px) {
	.body-container--case-study-post .blog-post__sidebar form .hs_error_rollup,
	.body-container--contact form .hs_error_rollup,
	.body-container.pr-2 form .hs_error_rollup {
		position: absolute;
		margin-top: -45px;
	}
}
.body-container--contact form .hs-fieldtype-checkbox ul {
	/* columns: 1;
  	-webkit-columns: 1;
  	-moz-columns: 1; */

	display: grid;
	grid-template-columns: repeat(1, 1fr);
  	padding: 10px 0;
}
@media (min-width: 576px) {
	.body-container--contact form .hs-fieldtype-checkbox ul {
		/* columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2; */

		grid-template-columns: repeat(2, 1fr);
	}
}
.body-container--contact form .hs-fieldtype-checkbox ul li {
	margin: 0 0 6px 0;
}
.body-container--contact form .hs-fieldtype-checkbox ul li label {
	display: flex;
	align-items: center;
	cursor: pointer;
	line-height: 26px;
}
.body-container--contact form .hs-fieldtype-checkbox ul li label input {
	width: 30px !important;
}
.body-container--contact form .hs-fieldtype-checkbox ul li input[type=checkbox] {
    appearance: none;
    cursor: pointer;
    padding-left: 30px;
    position: relative;
}
.body-container--contact form .hs-fieldtype-checkbox ul li input[type=checkbox]:after,
.body-container--contact form .hs-fieldtype-checkbox ul li input[type=checkbox]:before {
    aspect-ratio: 1;
    border-radius: 50%;
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .3s;
}
.body-container--contact form .hs-fieldtype-checkbox ul li input[type=checkbox]:before {
    border: 1px solid #b2b2b2;
    left: 0;
    opacity: 1;
    width: 26px;
    height: 26px;
    transition: border 0.3s linear;
}
.body-container--contact form .hs-fieldtype-checkbox ul li input[type=checkbox]:checked:before {
    border-color: #0552EC;
}
.body-container--contact form .hs-fieldtype-checkbox ul li input[type=checkbox]:after {
    opacity: 0;
    width: 26px;
    height: 26px;
    left: 0;
}
.body-container--contact form .hs-fieldtype-checkbox ul li input[type=checkbox]:checked:after {
    opacity: 1;
	background-size: 14px !important;
    background: #0552EC url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/checkbox-checked.svg) no-repeat center center;
}









/* cols-2 */
.body-container--contact .row-fluid > .span12 > .row-fluid-wrapper:nth-child(2) {
	position: relative;
	z-index: 3;
}
.body-container--case-study-post .blog-post__sidebar .widget-type-form,
.body-container--contact .row-fluid > .span12 > .row-fluid-wrapper:nth-child(2) .span6:nth-child(2) > .row-fluid-wrapper {
	border-radius: 30px;
	box-shadow: 0px 25px 50px rgba(78, 78, 78, 0.3);
	background: #fff;
	padding: 30px;
}
.body-container--case-study-post .blog-post__sidebar .widget-type-form {
	margin-bottom: 10px;
}
@media (min-width: 768px) {
	.body-container--contact .row-fluid > .span12 > .row-fluid-wrapper:nth-child(2) .span6:nth-child(2) > .row-fluid-wrapper:first-of-type {
		margin-top: -40px;
	}
}



.body-container--case-study-post .blog-post__sidebar .widget-type-form h3.form-title,
.body-container--contact h3.form-title {
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	padding: 0 0 20px;
	margin-bottom: 0;
}
@media (min-width: 768px) {
	.body-container--case-study-post .blog-post__sidebar .widget-type-form h3.form-title,
	.body-container--contact h3.form-title {
		padding: 10px 0 35px;
	}
}
.body-container.pr-2 .hs-richtext p strong,
.body-container--contact .hs-richtext p strong {
	padding-left: 30px;
	/* color: rgba(0, 0, 0, .5); */
	color: #000000A6;
	font-weight: normal;

	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/icon-required.svg);
}
.body-container--contact .hs-richtext p:last-child {
	margin-bottom: 0;
}
.body-container--contact .hs-richtext p a {
	text-decoration-color: #0552EC;
}


.body-container--case-study-post .blog-post__sidebar .widget-type-form form input.hs-input,
.body-container--contact form textarea,
.body-container--contact form input.hs-input,
.body-container--partners form textarea,
.body-container--partners form input.hs-input:not([type="checkbox"]),
.body-container.pr-2 form textarea,
.body-container.pr-2 form input.hs-input:not([type="checkbox"]) {
	width: 100% !important;
}
.body-container--contact form textarea,
.body-container--partners form textarea {
	height: 110px;
}

.body-container.pr-2 form:after,
.body-container.pr-2 form:before {
	clear: both
}

/*submit button form hubspot*/
.body-container--case-study-post .blog-post__sidebar .widget-type-form form .hs_submit,
.body-container--contact form .hs_submit,
.body-container.pr-2 form .hs_submit {
	margin: 0 auto;
	width: 100%;
}
@media (min-width: 768px) {
	.body-container--case-study-post .blog-post__sidebar .widget-type-form form .hs_submit,
	.body-container--contact form .hs_submit,
	.body-container--partners form .hs_submit,
	.body-container.pr-2 form .hs_submit {
		width: 230px;
	}	
}
@media (min-width: 1200px) {
	.body-container.pr-2 form .hs_submit {
		width: 180px;
	}	
}
.body-container--case-study-post .blog-post__sidebar .widget-type-form form .hs-button,
.body-container--contact form .hs-button,
.body-container--partners form .hs-button,
.body-container.pr-2 form .hs-button {
	display: block;
	width: 100%;
	text-indent: -35px;
	position: relative;
}
.body-container--case-study-post .blog-post__sidebar .widget-type-form form .hs_submit .actions,
.body-container--contact form .hs_submit .actions,
.body-container--partners form .hs_submit .actions,
.body-container.pr-2 form .hs_submit .actions {
	position: relative;
}
.body-container--case-study-post .blog-post__sidebar .widget-type-form form .hs_submit .actions input:focus,
.body-container--contact form .hs_submit .actions input:focus,
.body-container--partners form .hs_submit .actions input:focus,
.body-container.pr-2 form .hs_submit .actions input:focus {
	color: #fff;
}
.body-container--case-study-post .blog-post__sidebar .widget-type-form form .hs_submit .actions:hover input,
.body-container--case-study-post .blog-post__sidebar .widget-type-form form .hs_submit .actions:focus input,
.body-container--contact form .hs_submit .actions:hover input,
.body-container--contact form .hs_submit .actions:focus input,
.body-container--partners form .hs_submit .actions:hover input,
.body-container--partners form .hs_submit .actions:focus input,
.body-container.pr-2 form .hs_submit .actions:hover input,
.body-container.pr-2 form .hs_submit .actions:focus input {
	color: #000;
	background: #fff;
	box-shadow: inset 0px 0px 0px 1px #0552EC;
}
.body-container--case-study-post .blog-post__sidebar .widget-type-form form .hs_submit .actions::before,
.body-container--contact form #field_submit button.hs-button::before,
.body-container--contact form .hs_submit .actions::before,
.body-container--partners form #field_submit button.hs-button::before,
.body-container--partners form .hs_submit .actions::before,
.body-container.pr-2 form #field_submit button.hs-button::before,
.body-container.pr-2 form .hs_submit .actions::before {
	transform: translateY(0%);
  	pointer-events: none;

	position: absolute;
	z-index: 3;
	right: 30px;
	transition: right .15s linear;
	top: 21px;
	content: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/icon-arrow-right.svg);

}
.body-container--case-study-post .blog-post__sidebar .widget-type-form form .hs_submit .actions:hover::before,
.body-container--case-study-post .blog-post__sidebar .widget-type-form form .hs_submit .actions:focus::before,
.body-container.pr-2 form .hs_submit .actions:hover::before,
.body-container.pr-2 form .hs_submit .actions:focus::before,
.body-container--contact form .hs_submit .actions:hover::before,
.body-container--contact form .hs_submit .actions:focus::before {
	right: 28px;
}

@media (min-width: 1200px) {
	.body-container--case-study-post .blog-post__sidebar .widget-type-form form .hs_submit,
	.body-container.pr-2 form .hs_submit,
	.body-container--contact form .hs_submit {
		float: right;
	}
	.body-container--case-study-post .blog-post__sidebar .widget-type-form form .hs_recaptcha,
	.body-container.pr-2 form .hs_recaptcha,
	.body-container--contact form .hs_recaptcha {
		margin-bottom: 0;
		float: left;
	}
}
.section-video .widget-type-rich_text {
    max-width: 885px;
    margin: 0 auto;
}
.section-video {
	position: relative;
	padding-top: 110px;
}
.section-video::before {
	background-repeat: no-repeat;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1;
}
@media (min-width: 768px) {
    .section-video::after {
        background-repeat: no-repeat;
        content: "";
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: -1;
    }
    .section-video::after {
        background-position: center left;
        background-size: 476px;
        left: 0;
        top: 0;

        background-image: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/bg-video-left.svg);
    }
}
.section-video::before {
    background-position: center right;
    background-size: 325px;
    bottom: 0;
    right: 0;

	background-image: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/bg-video-right.svg);
}

.section-video .logos {
    max-width: 1100px;
    
}
/* integrating */
.integrating {
    border-radius: 40px;
    /* max-width: 1600px; */
    margin: 0 auto;
}
.integrating .dnd-row h1,
.integrating .dnd-row h2,
.integrating .dnd-row h3,
.integrating .dnd-row h4,
.integrating .dnd-row h5,
.integrating .dnd-row h6,
.integrating .dnd-row p,
.integrating .dnd-row div,
.integrating .dnd-row li {
    color: #fff;
}

.integrating .dnd-row h3 {
    /* font-family: 'hiragino-sans-w5', sans-serif; */
    font-family: 'Hiragino Kaku Gothic ProN W5';
}
.integrating .span12 > .dnd-row:nth-child(1) .span6:first-child {
    align-items: flex-end;
    padding-top: 40px;
}
.integrating .span12 > .dnd-row:nth-child(1) .span6:first-child > .dnd-row > .row-fluid {
    padding-left: 20px;
    padding-right: 20px;
}
.integrating .span12 > .dnd-row:nth-child(1) .span6:first-child > .dnd-row :is(h3) {
	font-size: clamp(1.875rem, -1.125rem + 6.25vw, 2.75rem);
    line-height: 40px;
}
.integrating .span12 > .dnd-row:nth-child(1) .span6:last-child .widget-type-linked_image .wrapper {
    margin-left: -8.5vw;
}
@media (min-width: 768px) {
    .integrating .span12 > .dnd-row:nth-child(1) .span6:first-child > .dnd-row :is(h3) {
        line-height: 50px;
    }
    .integrating .span12 > .dnd-row:nth-child(1) .span6:first-child > .dnd-row {
        padding-left: 30px;
    }
    .integrating .span12 > .dnd-row:nth-child(1) .span6:first-child > .dnd-row > .row-fluid {
        max-width: 640px;
        padding-left: 0;
        padding-right: 50px;
    }

    .integrating .span12 > .dnd-row:nth-child(1) .span6:first-child {
        padding-top: 40px;
        padding-bottom: 100px;
    }
    .integrating .span12 > .dnd-row:nth-child(1) .span6:last-child .widget-type-linked_image .wrapper {
        margin-left: -20px;
    }
}
@media (min-width: 992px) {
    .integrating .span12 > .dnd-row:nth-child(1) .span6:first-child > .dnd-row > .row-fluid {
        padding-right: 70px;
    }
}
/* end */


/* row 2 */
.integrating .span12 > .dnd-row:nth-child(2) {
    position: relative;
    margin-top: -50px;
}
.integrating .span12 > .dnd-row:nth-child(2) h3 {
    /* font-family: 'hiragino-sans-w7', sans-serif; */
    font-family: 'Hiragino Kaku Gothic StdN W7';
}
.integrating .span12 > .dnd-row:nth-child(2) > .row-fluid {
    justify-content: center;
    padding: 0 20px;
}
@media (min-width: 768px) {
    .integrating .span12 > .dnd-row:nth-child(2) {
        top: -50px;
        margin-top: 0;
    }
    .integrating .span12 > .dnd-row:nth-child(2) > .row-fluid {
        padding: 0 30px;
    }
}
@media (min-width: 1200px) {
    .integrating .span12 > .dnd-row:nth-child(2) {
        top: -80px;
    }
}
.integrating .span12 > .dnd-row:nth-child(2) .span6 {
    background: radial-gradient(92.7% 92.7% at 50% 98.44%, #0552EC 0%, #032F86 100%);
    border-radius: 30px;
    padding: 30px 20px 20px 20px;

    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .integrating .span12 > .dnd-row:nth-child(2) .span6 {
        max-width: 630px;

        padding: 50px 40px 40px 40px;
        margin-bottom: 30px;
    }
}
@media (min-width: 1200px) {
    .integrating .span12 > .dnd-row:nth-child(2) .span6 {
        padding: 70px 60px 60px 60px;
        margin-bottom: 0;
    }
}
.integrating .span12 > .dnd-row:nth-child(2) .span6 > div:last-child {
    margin-top: auto;
}
.integrating .span12 > .dnd-row:nth-child(2) > .row-fluid .button-wrapper a.hs-button {
    width: 100%;
}
@media (min-width: 768px) {
    .integrating .span12 > .dnd-row:nth-child(2) .span6 > div:first-child {
        margin-bottom: 40px;
    }
    .integrating .span12 > .dnd-row:nth-child(2) .span6:first-child {
        margin-right: 10px;
    }
    .integrating .span12 > .dnd-row:nth-child(2) .span6:last-child {
        margin-left: 10px;
    }
}


.integrating .span12 > .dnd-row:nth-child(2) .cards__card {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding-bottom: 30px;
    margin-bottom: 10px;
}
@media (min-width: 768px) and (max-width: 991px) {
    .integrating .span12 > .dnd-row:nth-child(2) .cards__card {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .integrating .span12 > .dnd-row:nth-child(2) .cards__card img {
        margin-bottom: 20px;
    }
}
.integrating .span12 > .dnd-row:nth-child(2) .cards__card:last-child {
    border-bottom: none;
}
.integrating .span12 > .dnd-row:nth-child(2) .cards__card img {
    flex-shrink: 0;
    width: 120px;
    height: 100px;
    padding-right: 20px;
}
.integrating .span12 > .dnd-row:nth-child(2) .cards__card .card__inner {
    
}
.integrating .span12 > .dnd-row:nth-child(2) h4 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
}
.integrating .span12 > .dnd-row:nth-child(2) p {
    font-size: 14px;
    /* font-family: 'hiragino-sans-w5'; */
    font-family: 'Hiragino Kaku Gothic ProN W5';
    line-height: normal;
}
/* our-team */
.our-team {
    position: relative;
    z-index: 2;
}
.our-team > .row-fluid {
    position: relative;
    z-index: 1;
}
.our-team::after {
	background-repeat: no-repeat;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 0;
    opacity: 20%;
}	
.our-team::after {
    background-position: center right;
    background-size: 471px;
    right: 0;
    top: 0;
	background-image: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/bg-our-team-right.svg);
}
.our-team .span12 > .dnd-row:nth-child(1) .widget-type-rich_text :is(h3) {
    font-size: clamp(2rem, -0.1429rem + 4.4643vw, 2.625rem);
    line-height: 40px;
}
@media (min-width: 768px) {
    .our-team .span12 > .dnd-row:nth-child(1) .widget-type-rich_text :is(h3) {
        line-height: 60px;
    }
	.our-team .span12 > .dnd-row:nth-child(1) .widget-type-rich_text {
        max-width: 910px;
        margin: 0 auto;
	}
}

/* cards */
.our-team .cards {
    position: relative;

    display: grid;
	/* grid-template-rows: repeat(var(--bs-rows, 1), 1fr); */
  	grid-template-columns: repeat(1, 1fr);
  	gap: 20px;
}
.our-team .cards__card {
    background: #F4F7F9;
    border: 2px solid #E7EEF3;
    /* box-shadow: 0px 54px 110px rgba(148, 170, 192, 0.3), 0px 34px 64px rgba(148, 170, 192, 0.3); */
    border-radius: 30px;
    padding: 70px 0 95px 0;
    position: relative;
    counter-increment: item;
}
.our-team .card img.card__image {
    width: auto;
    margin: 0 auto;
    display: flex;

    position: absolute;
    left: 0;
    right: 0;
}
.our-team .card > a {
    /* height: 80px; */

    
    

    
}
.our-team .card .card__inner {
    padding-top: 105px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 60px;
}
.our-team .card .card__text {
    text-align: center;
    /* position: relative; */
}
.our-team .card .card__text h4 {
    font-size: 20px;
    margin-bottom: 0;
    font-family: 'Hiragino Kaku Gothic ProN W6', sans-serif;;
}
.our-team .card .card__text p {
    font-size: 14px;
}


/* nummber */
.our-team .card .card__text::after {
    position: absolute;
    /* inset: 0; */
    bottom: 55px;
    left: 0;
    right: 0;

    content: '0'counter(item);

    background: #F4F7F9;
    width: 70px;
	height: 70px;

	display: flex;
    align-items: center;
    justify-content: center;

	/* font-family: 'hiragino-sans-w6'; */
    font-family: 'Hiragino Kaku Gothic ProN W6';
	border-radius: 100%;
	font-size: 20px;
	border: 2px solid #ffffff;

	margin: 0 auto;
    box-shadow: 0px 54px 110px rgba(148, 170, 192, 0.3), 0px 34px 64px rgba(148, 170, 192, 0.3);
}


/* arrow-right */
.our-team .card {
    z-index: 2;
}
.our-team .card::after {
    position: absolute;

    width: 100px;
    height: 54px;

    background: #fff;
    border-radius: 30px;
    border: 2px solid #E7EEF3;

    display: flex;
    align-items: center;
    justify-content: center;

    transform: rotate(90deg);

    left: 0;
    right: 0;
    margin: 0 auto;

    content: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/icon-arrow-right-5.svg);
}
.our-team .card::after {
    top: -40px;
}
.our-team .card:first-child::after {
    content: none;
}
/* .our-team .card:nth-child(2)::before {
    bottom: -40px;
} */
@media (min-width: 768px) {
    .our-team .cards.cards-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .our-team .cards.cards-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .our-team .cards.cards-4 {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }


    .our-team .card {
        padding: 60px 0;
    }
    .our-team .card .card__inner {
        padding-top: 115px;
    }
    .our-team .card::after {
        margin: 0;
        top: auto;
        bottom: 38px;
        transform: rotate(0);
    }
    .our-team .card::after {
        left: -62px;
        right: auto;
    }
    .our-team .card .card__text::after {
        bottom: 30px;
    }
    
}
@media (min-width: 768px) and (max-width: 991px) {
    .our-team .cards.cards-4 .card:nth-child(3):after {
        content: none;
    }
}
@media (min-width: 992px) {
    .our-team .cards {
        gap: 30px;
    }
    .our-team .cards.cards-4 {
        grid-template-columns: repeat(4, 1fr);
    }
    .our-team .cards.cards-4 .card::after {
        left: -85px;
    }
    .our-team .card {
        padding: 85px 0;
    }
    .our-team .card .card__inner {
        padding-top: 145px;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 50px;
    }
    .our-team .card::after {
        width: 146px;
        left: -90px;
    }
}
@media (min-width: 1200px) {
    .our-team .cards {
        gap: 55px;
    }
    .our-team .card::after {
        left: -104px;
    }
}
/* end */



/* simple-cards */
.simple-cards .card::after,
.simple-cards .card .card__text::after {
    content: none;
}
.simple-cards .card .card__inner {
    padding-bottom: 0;
}
.simple-cards .card {
    padding: 60px 0 50px 0;
}
/* end */
.logo-clients {
    max-width: 1600px;
    margin: 0 auto;
}
.proces {
	position: relative;

	background: radial-gradient(92.7% 92.7% at 50% 98.44%, #0552EC 0%, #032F86 100%), #16172C;
	border-radius: 40px;

    padding: 40px 0;
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .proces {
        padding: 70px 0 60px 0;
        margin-bottom: 30px;
    }
}



.proces .widget-type-rich_text {
	max-width: 910px;
	margin: 0 auto;
    padding: 0 20px;
}
@media (min-width: 992px) {
    .proces .widget-type-rich_text {
        padding: 0 30px;
    }
}
.proces .widget-type-rich_text h1,
.proces .widget-type-rich_text h2,
.proces .widget-type-rich_text h3,
.proces .widget-type-rich_text h4,
.proces .widget-type-rich_text h5,
.proces .widget-type-rich_text h6,
.proces .widget-type-rich_text p,
.proces .widget-type-rich_text li,
.proces .widget-type-rich_text a,
.proces .widget-type-rich_text div {
	color: #fff;
}

.proces .widget-type-rich_text h1,
.proces .widget-type-rich_text h2,
.proces .widget-type-rich_text h3 {
    font-size: clamp(2rem, -0.5714rem + 5.3571vw, 2.75rem);
    line-height: 40px;
}

@media (min-width: 768px) {
  .proces .widget-type-rich_text h1,
  .proces .widget-type-rich_text h2,
  .proces .widget-type-rich_text h3 {
      line-height: 50px;
  }

}

.proces .widget-type-rich_text h1,
.proces .widget-type-rich_text h2,
.proces .widget-type-rich_text h3,
.proces .widget-type-rich_text h4,
.proces .widget-type-rich_text h5,
.proces .widget-type-rich_text h6 {
	margin-bottom: 16px;
}

.proces .span12.widget-span {
    border-radius: 30px;
}


.proces-2 {
    border-radius: 30px;
}
@media (max-width: 767px) {
    .proces-2 .span12 .hs_cos_wrapper_type_rich_text h3 {   
        font-size: 26px;
        line-height: 36px;
    }
}
@media (min-width: 768px) {
    .proces-2 {
        padding: 80px 0 60px 0;
        margin-bottom: 30px;
    }
}
.proces-2 .span12 .cards3 {
    max-width: 1280px;
    margin: 0 auto;
}
.proces-2 .span12 h3 {
    font-size: 42px;
    line-height: 50px;
}
.proces-2 .span12 .cards3 .card .card__text h4 {
    font-size: 20px;
    line-height: normal;
    font-family: 'Hiragino Kaku Gothic ProN W6', sans-serif;
}
.proces-2 .span12 .cards3 .card .card__text p {
    line-height: 22px;
    font-family: 'Hiragino Kaku Gothic ProN W6', sans-serif;
}
.proces-2 .span12 .cards3 .card img.card__image {
    top: 65px;
}
.customer-successes,
.customer-successes-2 {
    position: relative;
    z-index: 1;
}
.customer-successes-2 .span6:first-child {
    border: 2px solid #E7EEF3;
    border-radius: 30px;
    margin-bottom: 10px;
    padding: 30px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.customer-successes-2 .span6:first-child h2,
.customer-successes-2 .span6:first-child h3 {
    font-size: clamp(1.875rem, -1.125rem + 6.25vw, 2.75rem);
    /* text-transform: uppercase; */
	font-family: 'Hiragino Kaku Gothic ProN W6', sans-serif;;
}
.customer-successes-2 .span6:last-child {
    background: radial-gradient(92.7% 92.7% at 50% 98.44%, #0552EC 0%, #032F86 100%);
    border-radius: 30px;
}
@media (min-width: 768px) {
    .customer-successes-2 .span6:first-child {
        padding: 40px;
        margin-right: 10px;
        margin-bottom: 0;
    }
    .customer-successes-2 .span6:last-child {
        margin-left: 10px;
    }
}
@media (min-width: 992px) {
    .customer-successes-2 .span6:first-child h2,
    .customer-successes-2 .span6:first-child h3 {
        line-height: 50px;
    }
}
/* request */
.dnd-section.request {
	padding-top: 40px;
	padding-bottom: 40px;
}
.request .span12 {
	text-align: center;
}
.request .span12 .hs_cos_wrapper_type_rich_text {
	max-width: 800px;
	margin: 0 auto;
	display: block;
}
.request .span12 .hs_cos_wrapper_type_rich_text * {
	margin-bottom: 20px;
}
.request .span12 .hs_cos_wrapper_type_rich_text p {
	color: rgba(0, 0, 0, .7);
}
.request .span12 #hs_cos_wrapper_button {
	padding-top: 20px;
}
.request .span12 #hs_cos_wrapper_button .button-wrapper {
	justify-content: center;
}
@media (min-width: 768px) {
	.dnd-section.request {
		padding-top: 180px;
		padding-bottom: 70px;
	}
}
/* end */


/* newsletter */
.newsletter {
	position: relative;
	padding-top: 110px;
}
.newsletter::after,
.newsletter::before {
	background-repeat: no-repeat;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1;
}	
.newsletter::after {
    background-position: top right;
    background-size: 260px;
    right: 0;
    top: 0;

	background-image: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/bg-newsletter-right.svg);
}
.newsletter::before {
    background-position: top left;
    background-size: 1200px;
    bottom: 65px;
    left: 0;

	background-image: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/bg-newsletter-left.svg);
}
@media (max-width: 991px) {
	.newsletter .row-fluid {
		flex-direction: column;
	}
}



.newsletter .row-fluid {
	position: relative;
	background: #0552EC;
	padding: 50px 20px 0 20px;
	border-radius: 30px;
}
.newsletter .row-fluid::after {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(92.7% 92.7% at 50% 98.44%, #0552EC 0%, #032F86 100%);
	width: 100%;
	height: 100%;
	z-index: 1;
	border-radius: 30px;
}
.newsletter .row-fluid .left,
.newsletter .row-fluid .right {
	z-index: 2;
}
.newsletter :is(h1, h2, h3, h4, h5, h6, p, a, li) {
	color: #fff;
}
.newsletter .hs-richtext.hs-main-font-element {
	display: none;
}
.newsletter a {
	text-decoration-color: #fff;
}
.newsletter a:hover,
.newsletter a:focus {
	color: #fff;
	text-decoration-color: #fff;
}
.newsletter form .submitted-message {
	color: #fff;
	font-size: 20px;
	padding-top: 20px;
}
@media (max-width: 767px) {
	.newsletter {
		padding: 80px 0 0 0;
	}
}
@media (min-width: 768px) {
	.newsletter {
		margin-bottom: -65px;
	}
	.newsletter .row-fluid {
		padding: 50px 50px 0 50px;
	}
}
@media (min-width: 992px) {
	.newsletter .row-fluid {
		padding: 50px 50px 0 0;
		min-height: 305px;
	}
}




.newsletter .row-fluid .left {
	position: relative;
	overflow: hidden;
}
.newsletter .row-fluid .right {
	text-align: center;
	position: relative;
	z-index: 2;
	width: 100%;

	padding-bottom: 40px;
}
.newsletter .row-fluid .right .hs_cos_wrapper_type_rich_text :is(h1, h2, h3, h4, h5, h6) {
	margin-bottom: 16px;
}
@media (max-width: 767px) {
	.newsletter .row-fluid .left {
		margin-bottom: -30px;
	}
	.newsletter .row-fluid .left #hs_cos_wrapper_image {
		width: 300px;
		max-width: 50vw;
		margin-inline: auto;
	}
	.newsletter .row-fluid .right .hs_cos_wrapper_type_rich_text :is(p) {
		font-size: 14px;
		line-height: 21px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.newsletter .row-fluid .left {
		margin-bottom: -30px;
	}
	.newsletter .row-fluid .left #hs_cos_wrapper_image {
		width: 36vw;
		margin-inline: auto;
	}
}
@media (min-width: 992px) {
	.newsletter .row-fluid .left {
		flex-shrink: 0;
		width: 300px;
		margin-right: 55px;
	}
	.newsletter .row-fluid .left #hs_cos_wrapper_image {
		position: absolute;
		left: 40px;
		top: 0;
	}
	.newsletter .row-fluid .right {
		text-align: left;
	}
}
@media (min-width: 992px) {
	.newsletter .row-fluid .left {
		width: 100%;
		max-width: 34%;
		margin-right: 55px;
	}
	.newsletter .row-fluid .right  {
		max-width: 700px;
	}
}
@media (min-width: 1200px) {
	.newsletter .row-fluid .left {
		max-width: 37%;
	}
}



/* form */
.newsletter form {
	display: flex;
	margin-top: 30px;
}
main .block-newsletter form input[type=email]::placeholder,
.newsletter form input[type=email]::placeholder {
	content: "";
	position: relative;
	left: 17px;
	color: rgba(255, 255, 255, .5);
	background-repeat: no-repeat;
	background-position: calc(50% - 105px) center;
	background-image: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/icon-mail.svg);
}

main .block-newsletter form input[type=email],
.newsletter form input[type=email] {
	line-height: 21px;

	padding: 21px 30px;
	
	font-family: "Fira Mono", monospace;
  	font-weight: 500;
  	font-style: normal;
	text-transform: uppercase;
	border: 1px solid rgba(255, 255, 255, .2);
}
@media (max-width: 1070px) {
	main .block-newsletter form input[type=email] {
		padding-left: 15px;
		padding-right: 15px;
	}
}

.main .block-newsletter form input:-webkit-autofill,
.main .block-newsletter form input:-webkit-autofill:hover, 
.main .block-newsletter form input:-webkit-autofill:focus, 
.main .block-newsletter form input:-webkit-autofill:active,
.newsletter form input:-webkit-autofill,
.newsletter form input:-webkit-autofill:hover, 
.newsletter form input:-webkit-autofill:focus, 
.newsletter form input:-webkit-autofill:active {
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
}
.newsletter form > div:first-child {
	width: 100%;
}
.newsletter form .hs_email {
	width: 100%;
}
.newsletter form .hs-form-field {
	margin-bottom: 0;
}
.newsletter form .hs_email label span {
	position: absolute ;
    left: -10000px;
    width: 1px;
    height: 1px;
    top: auto;
    overflow: hidden;
	color: #fff;
}
.newsletter form .hs-form-field .hs-error-msg,
main .block-newsletter form .hs-form-field .hs-error-msg {
	background: rgba(255, 255, 255, 1);
	border-radius: 10px;
	padding: 0 7px;
	text-align: center;
}
main .block-newsletter form .hs_error_rollup,
.newsletter form .hs_error_rollup {
	display: none;
}
.newsletter form .hs_submit .actions input,
main .block-newsletter form .hs_submit .actions input {
	width: 100%;
	margin-top: 0;
	background: #fff;
	color: #000;

	padding-left: 58px;
	position: relative;

	background-repeat: no-repeat;
	background-position: calc(50% - 70px) center;
	background-image: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/icon-button-lightning.svg);
}
.newsletter form .hs_submit .actions input:hover,
.newsletter form .hs_submit .actions input:focus,
main .block-newsletter form .hs_submit .actions input:hover,
main .block-newsletter form .hs_submit .actions input:focus {
	background: transparent;
	box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1);
	color: #fff;

	background-repeat: no-repeat;
	background-position: calc(50% - 70px) center;
	background-image: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/icon-button-lightning.svg);
}
.newsletter form .hs_email .input {
	position: relative;
}
main .block-newsletter form .hs_email .input input,
.newsletter form .hs_email .input input {
	text-align: center;
	color: #fff;
}
main .block-newsletter form .hs_email .input input:focus,
.newsletter form .hs_email .input input:focus {
	border-color: #fff;
}
.newsletter form .hs_email .input input {
	width: 100%;
}
/* .newsletter form .hs_email .input::after {
	left: 50%;
	margin-left: -110px;

	transform: translateY(50%);
	top: 50%;
  	pointer-events: none;

	position: absolute;
	z-index: 3;
	
	transition: right .15s linear;
	content: url(https://2107769.fs1.hubspotusercontent-na1.net/hubfs/2107769/raw_assets/public/data-basics-theme/images/icon-mail.svg);
}
.newsletter form .hs_email .input:active::after,
.newsletter form .hs_email .input:focus::after {
	content: none;
} */

main .block-newsletter form ul.hs-error-msgs li,
.newsletter form ul.hs-error-msgs li {
	display: flex;
	justify-content: center;
}
main .block-newsletter form ul.hs-error-msgs li label,
.newsletter form ul.hs-error-msgs li label {
	margin-bottom: 0;
}
@media (min-width: 576px) and (max-width: 767px) {
	.newsletter form .hs_submit .actions input {
		width: 215px;
	}
}
@media (min-width: 768px) {
	.newsletter form .hs_submit .actions input {
		width: 220px;
	}
	main .block-newsletter form ul.hs-error-msgs,
	.newsletter form ul.hs-error-msgs {
		text-align: center;
		position: relative;
	}
	main .block-newsletter form ul.hs-error-msgs li {
		width: 100%;
	}
	.newsletter form ul.hs-error-msgs li {
		position: absolute;
		width: 100%;
		left: 0;
		right: 0;
	}
	.newsletter form ul:nth-of-type(n+2) li {
		margin-top: 35px;
	}
}





@media (min-width: 576px) {
	.newsletter form .hs_submit {
		margin-top: 10px;
		margin-left: 10px;
	}
}
@media (max-width: 575px) {
	.newsletter form {
		flex-direction: column;
	}
	.newsletter form .hs_submit {
		margin-top: 10px;
	}
}
@media (min-width: 768px) {
	.newsletter form {
		margin-top: 30px;
	}
}
footer {
	-webkit-border-top-left-radius: 30px;
	-webkit-border-top-right-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-topright: 30px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;

	position: relative;
	z-index: 1;
}
@media (min-width: 768px) {
	footer {
		-webkit-border-top-left-radius: 40px;
		-webkit-border-top-right-radius: 40px;
		-moz-border-radius-topleft: 40px;
		-moz-border-radius-topright: 40px;
		border-top-left-radius: 40px;
		border-top-right-radius: 40px;
	}
}
footer .dnd-column > div {
	padding-right: 10px;
}
@media (max-width: 767px) {
	footer.dnd-section {
		padding: 0;
	}
	footer .dnd-column {
		text-align: center;
		margin-bottom: 20px;
	}
}


/*logo*/
.footer-logo .span12 {
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.footer-logo .span12 .wrapper {
	margin: 30px 0;
	display: inline-block;
}
.footer-logo .span12 img {
	width: auto;
}
@media (min-width: 768px) {
	.footer-logo {
		padding-top: 100px;
	}
}



.footer-top {
	padding-bottom: 20px;
	position: relative;
	z-index: 2;
}
@media (min-width: 768px) {
	.footer-top {
		padding-top: 67px;
		padding-bottom: 67px;
	}   
}
.footer-top .dnd-column-1 p {
	margin-bottom: 32px;
}
.footer-top .dnd-column-1 p:last-child {
	margin-bottom: 0;
}



/* button */
.footer-top .button-wrapper {
	padding-top: 20px;
}
.footer-top .button-wrapper a {
	margin: 0 auto;
}
@media (min-width: 768px) {
	.footer-top .button-wrapper a {
		margin: 0;
	}
}

/* menu */
footer .footer-top h4 {
	margin: 17px 0;
	font-size: 20px;
	line-height: 26px;
	display: block;
	color: #14CDFF;
	font-family: 'Hiragino Kaku Gothic ProN W6', sans-serif;;
}
footer .footer-top h4 a {
	color: #14CDFF;
	text-decoration-color: #14CDFF;
}
footer .footer-top h4 a:hover {
	color: #fff;
}
footer .footer-top h5 {
    text-transform: uppercase;
    color: rgba(255, 255, 255, .5);
    font-size: 16px;
    margin: 0 0 10px 0;
}
footer .footer-top ul {
    list-style: none;
    margin: 0 0 17px 0;
    padding: 0;
}
footer .footer-top li {
    padding-bottom: 10px;
	line-height: 21px;
}
footer .footer-top p,
footer .footer-top li a {
    font-size: 14px;
}
footer .footer-top li:last-child {
	margin-bottom: 0;  
}
footer .footer-top .dnd-column-4 h4:last-child {
	margin-top: 32px;
}
@media (min-width: 768px) and (max-width: 1199px) {
	footer .footer-top .dnd-column-4 {
		width: 30%;
	}
}



/*Copyright*/
.footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, .1);
	padding: 30px 0 40px;
}
footer .footer-bottom p {
	color: rgba(255, 255, 255, .6);
	line-height: 150%;
	font-size: 14px;
}
footer .footer-bottom a {
	color: #14CDFF;
}
footer .footer-bottom a:hover {
	text-decoration-color: #14CDFF;
}
footer .footer-bottom .dnd-column-2 {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: space-between;
}
footer .footer-bottom .dnd-column-2 #hs_cos_wrapper_social_follow {
	width: 100%;
}
@media (max-width: 767px) {
	footer .footer-bottom {
		padding-left: 20px;
		padding-right: 20px;
	}
	footer .footer-bottom .hs-social-follow {
		justify-content: center !important;
	}
	footer .footer-bottom .dnd-column-2 {
		align-items: center;
	}
	footer .footer-bottom .dnd-column-2 #hs_cos_wrapper_social_follow {
		margin: 20px 0 20px;
	}
}

/*social*/
.footer-bottom .hs-social-follow {
	display: flex;
	align-items: flex-start;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
}
.footer-bottom .hs-social-follow a.hs-social-follow__link {
	background-color: transparent !important;
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: 100px;
	transition: background-color 0.15s linear;
	padding: 11px;

	justify-content: center;
}
.footer-bottom .hs-social-follow a:last-child {
	margin-right: 0;  
}
.footer-bottom .hs-social-follow a.hs-social-follow__link:hover {
	background-color: #fff !important;
}
.footer-bottom .hs-social-follow a.hs-social-follow__link .hs-social-follow__icon svg {
	transition: fill .15s linear;
}
.footer-bottom .hs-social-follow a.hs-social-follow__link:hover .hs-social-follow__icon svg {
	fill: #0552EC !important;
}

/* search */
.footer #hs_cos_wrapper_search_footer {
	padding: 20px 30px;
}
@media (min-width: 768px) {
	.footer #hs_cos_wrapper_search_footer {
		padding: 10px 0;
	}
}
.footer #hs_cos_wrapper_search_footer form.hs-search-field__form {
	flex-wrap: nowrap;
	flex-direction: row;
}
.footer #hs_cos_wrapper_search_footer form.hs-search-field__form .hs-search-field__suggestions-container {
	display: none;
}
.footer #hs_cos_wrapper_search_footer form.hs-search-field__form .hs-button.block {
	width: auto;
	margin-top: 0;
	margin-left: 10px;
}
.footer #hs_cos_wrapper_search_footer form.hs-search-field__form .hs-button.block:hover {
	box-shadow: inset 0 0 0 1px #fff;
	background-color: transparent;
	background: transparent;
}
.footer #hs_cos_wrapper_search_footer form.hs-search-field__form .hs-button.block:hover img {
	filter: none;
}
.footer #hs_cos_wrapper_search_footer form.hs-search-field__form .hs-button.block:hover::after {
	opacity: 0;
}
.footer #hs_cos_wrapper_search_footer form.hs-search-field__form .hs-button.block img {
	margin-left: 0;
}
.footer #hs_cos_wrapper_search_footer form.hs-search-field__form input[type="search"] {
	color: #fff;
}
.footer #hs_cos_wrapper_search_footer form.hs-search-field__form input[type="search"]::placeholder {
	color: rgba(255, 255, 255, .5);
}

@media (min-width: 768px) and (max-width: 991px) {
	.footer #hs_cos_wrapper_search_footer form.hs-search-field__form {
		flex-direction: column;
	}
	.footer #hs_cos_wrapper_search_footer form.hs-search-field__form .hs-button.block {
		margin-top: 10px;
		margin-left: 0;
	}
}






.footer-social-inline {
	display: flex;
  	align-items: center;
  
}
.footer-bluesky{
  	flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-bluesky img{
    width: 28px;
}
.footer-bluesky{
    border: 1px solid rgba(255, 255, 255, .3);
  	border-radius: 50%;
  	margin-right: 12px;
    width: 48px;
    height: 48px;
}
.footer-bluesky:hover{
  	background-color: #fff; 
}
.footer-social-inline #hs_cos_wrapper_social_follow{
    width: auto;
}





/* for Partners page */
footer.footer-partners .footer-logo {
	padding-top: 60px;
	padding-bottom: 10px;
}
footer.footer-partners .footer-logo .span12 {
	border: 0;
}
footer.footer-partners .footer-logo .dnd-column {
	display: flex;
	align-items: center;
    flex-direction: column;
    justify-content: space-between;
}
@media (min-width: 768px) {
	footer.footer-partners .footer-logo .dnd-column {
		flex-direction: row;
	}	
}
footer.footer-partners .dnd-column > div {
	padding: 0;
}



/* end */