@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100;0,200;0,300;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rajdhani:wght@300;400;500;600;700&display=swap');
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

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

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * 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
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 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
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, 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;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* 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 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 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;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

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

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 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, IE 10+, and Firefox.
 */

details {
  display: block;
}

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

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}


#hs_cos_wrapper_module_16693024145102602 p, #hs_cos_wrapper_module_16693024145102602 li, #hs_cos_wrapper_module_16693024145102602 span, #hs_cos_wrapper_module_16693024145102602 label, #hs_cos_wrapper_module_16693024145102602 h1, #hs_cos_wrapper_module_16693024145102602 h2, #hs_cos_wrapper_module_16693024145102602 h3, #hs_cos_wrapper_module_16693024145102602 h4, #hs_cos_wrapper_module_16693024145102602 h5, #hs_cos_wrapper_module_16693024145102602 h6 {
    line-height: 120% !important;
}

#hs_cos_wrapper_module_16684343408133390 p, #hs_cos_wrapper_module_16684343408133390 li, #hs_cos_wrapper_module_16684343408133390 span, #hs_cos_wrapper_module_16684343408133390 label, #hs_cos_wrapper_module_16684343408133390 h1, #hs_cos_wrapper_module_16684343408133390 h2, #hs_cos_wrapper_module_16684343408133390 h3, #hs_cos_wrapper_module_16684343408133390 h4, #hs_cos_wrapper_module_16684343408133390 h5, #hs_cos_wrapper_module_16684343408133390 h6 {
    line-height: 120% !important;
}


#hs_cos_wrapper_module_16693035930983413 p, #hs_cos_wrapper_module_16693035930983413 li, #hs_cos_wrapper_module_16693035930983413 span, #hs_cos_wrapper_module_16693035930983413 label, #hs_cos_wrapper_module_16693035930983413 h1, #hs_cos_wrapper_module_16693035930983413 h2, #hs_cos_wrapper_module_16693035930983413 h3, #hs_cos_wrapper_module_16693035930983413 h4, #hs_cos_wrapper_module_16693035930983413 h5, #hs_cos_wrapper_module_16693035930983413 h6 {
    line-height: 120% !important;
}

#hs_cos_wrapper_module_16693035930983414 p, #hs_cos_wrapper_module_16693035930983414 li, #hs_cos_wrapper_module_16693035930983414 span, #hs_cos_wrapper_module_16693035930983414 label, #hs_cos_wrapper_module_16693035930983414 h1, #hs_cos_wrapper_module_16693035930983414 h2, #hs_cos_wrapper_module_16693035930983414 h3, #hs_cos_wrapper_module_16693035930983414 h4, #hs_cos_wrapper_module_16693035930983414 h5, #hs_cos_wrapper_module_16693035930983414 h6 {
    line-height: 120% !important;
}

#hs_cos_wrapper_module_16693055639953806 p, #hs_cos_wrapper_module_16693055639953806 li, #hs_cos_wrapper_module_16693055639953806 span, #hs_cos_wrapper_module_16693055639953806 label, #hs_cos_wrapper_module_16693055639953806 h1, #hs_cos_wrapper_module_16693055639953806 h2, #hs_cos_wrapper_module_16693055639953806 h3, #hs_cos_wrapper_module_16693055639953806 h4, #hs_cos_wrapper_module_16693055639953806 h5, #hs_cos_wrapper_module_16693055639953806 h6 {
    line-height: 120% !important;
}

#hs_cos_wrapper_module_16693073948794969 p, #hs_cos_wrapper_module_16693073948794969 li, #hs_cos_wrapper_module_16693073948794969 span, #hs_cos_wrapper_module_16693073948794969 label, #hs_cos_wrapper_module_16693073948794969 h1, #hs_cos_wrapper_module_16693073948794969 h2, #hs_cos_wrapper_module_16693073948794969 h3, #hs_cos_wrapper_module_16693073948794969 h4, #hs_cos_wrapper_module_16693073948794969 h5, #hs_cos_wrapper_module_16693073948794969 h6 {
   line-height: 120% !important;
}

#hs_cos_wrapper_module_16693024145102601 p, #hs_cos_wrapper_module_16693024145102601 li, #hs_cos_wrapper_module_16693024145102601 span, #hs_cos_wrapper_module_16693024145102601 label, #hs_cos_wrapper_module_16693024145102601 h1, #hs_cos_wrapper_module_16693024145102601 h2, #hs_cos_wrapper_module_16693024145102601 h3, #hs_cos_wrapper_module_16693024145102601 h4, #hs_cos_wrapper_module_16693024145102601 h5, #hs_cos_wrapper_module_16693024145102601 h6 {
   line-height: 120% !important;
}

#hs_cos_wrapper_module_16693029515583001 p, #hs_cos_wrapper_module_16693029515583001 li, #hs_cos_wrapper_module_16693029515583001 span, #hs_cos_wrapper_module_16693029515583001 label, #hs_cos_wrapper_module_16693029515583001 h1, #hs_cos_wrapper_module_16693029515583001 h2, #hs_cos_wrapper_module_16693029515583001 h3, #hs_cos_wrapper_module_16693029515583001 h4, #hs_cos_wrapper_module_16693029515583001 h5, #hs_cos_wrapper_module_16693029515583001 h6 {
    line-height: 120% !important;
}

#hs_cos_wrapper_module_16693079747915376 p, #hs_cos_wrapper_module_16693079747915376 li, #hs_cos_wrapper_module_16693079747915376 span, #hs_cos_wrapper_module_16693079747915376 label, #hs_cos_wrapper_module_16693079747915376 h1, #hs_cos_wrapper_module_16693079747915376 h2, #hs_cos_wrapper_module_16693079747915376 h3, #hs_cos_wrapper_module_16693079747915376 h4, #hs_cos_wrapper_module_16693079747915376 h5, #hs_cos_wrapper_module_16693079747915376 h6 {
   line-height: 120% !important;
}

#hs_cos_wrapper_module_16693068929684489 p, #hs_cos_wrapper_module_16693068929684489 li, #hs_cos_wrapper_module_16693068929684489 span, #hs_cos_wrapper_module_16693068929684489 label, #hs_cos_wrapper_module_16693068929684489 h1, #hs_cos_wrapper_module_16693068929684489 h2, #hs_cos_wrapper_module_16693068929684489 h3, #hs_cos_wrapper_module_16693068929684489 h4, #hs_cos_wrapper_module_16693068929684489 h5, #hs_cos_wrapper_module_16693068929684489 h6 {
    line-height: 120% !important;
}



body{
    font-family: 'Public Sans', sans-serif;
    color: #000000;
    font-size: 25px;
    line-height: 40px;
    overflow-x: hidden;
    width: 100%;
    position: relative;
    min-height: 100vh;
}

body::-webkit-scrollbar {
  width: 8px;
}

body::-webkit-scrollbar-track {
  background-color: #fff;
}

body::-webkit-scrollbar-thumb {
  background-color: rgb(201, 65, 171, 0.5);
}

h2{
  margin: 0;
}

a{
  text-decoration: none;
}


/*header*/



.header-container-wrapper {
  position: absolute;
  width: 100%;
}

.header-container {
  width: 100%;
  padding: 20px 0;
}

@media (max-width: 700px){
  .header-container {
    padding: 10px 0;
  }
}


.is-header-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 102;
  opacity: 1;
  animation: fade-in 1s ease-in-out both;
}

.header-container-wrapper.is-header-sticky .div-block-28{
  border: 2px solid #292d34;
}

.custom-header-wrapper .row-fluid {
  display: flex!important;
  align-items: center;
}



.custom-header-left-nav .row-fluid {
  justify-content: start;
}

.custom-header-left-nav .row-fluid-wrapper{
   padding: 0;
}

.custom-header-right-nav {
  overflow: hidden;
}

.custom-header-right-nav .row-fluid-wrapper{
  float: left;
}

.custom-header-right-nav .lang_list_class, .custom-header-right-nav .lang_list_class li, .custom-header-right-nav .lang_list_class li a { 
  z-index: 100;
  position: relative;
}


.custom-header-right-nav .row-fluid {
  justify-content: flex-end;
}

.custom-header-left-nav .row-fluid .span6 {
  max-width: calc(100% - 105px);
  width: 100%;
}

.custom-header-wrapper .hs-menu-wrapper.active-branch.flyouts.hs-menu-flow-horizontal ul, #small-screen-menu ul {
  margin: 0;
  padding: 0px;
  list-style: none;
  text-align: center;
}

.custom-header-wrapper .hs-menu-wrapper.active-branch.flyouts.hs-menu-flow-horizontal li, #small-screen-menu li {
  display: inline-block;
}

.custom-header-wrapper .hs-menu-wrapper.active-branch.flyouts.hs-menu-flow-horizontal li:last-child, #small-screen-menu li:last-child {
  margin-right: 0px;
}


.custom-logo {
  max-width: 117px!important;
  padding: 0px!important;
}

.custom-logo .row-fluid-wrapper, .custom-logo .row-fluid{
  padding: 0 !important;
}


#small-screen-menu .auth-nav ul {
  display: -ms-flexbox!important;
  display: flex!important;
  -ms-flex-pack: justify!important;  
  justify-content: space-between;
  align-items: center;
  width: 100%;  
}

.auth-nav li {
  margin-right: 20px!important;
}

.auth-nav li:last-child {
  margin-right: 0px!important;
}



#small-screen-menu {
  display: none;
  padding: 0 15px;
}

#small-screen-menu .custom-vertical-menu li {
  display: block;
  margin: 0px!important;
  padding: 19.45px 10px;
}

@media (max-width: 1040px) {
 #small-screen-menu .custom-vertical-menu li {
    display: block;
    margin: 0px!important;
    padding: 19.45px 10px;
    text-align: left;
  }
}


.menu-collapse {
  display: inline-block;  
   user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.w-nav-button {
    position: relative;
    font-size: 24px;
    display: none;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (max-width: 1040px) {
  .menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 20px;
  }
  .div-block-28 {
    position: static;
    width: 21px;
    margin-bottom: 5px;
    padding-right: 0px;
    padding-bottom: 0px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: flex-end;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border: 2px solid #ffffff;
    border-radius: 10px;
    background-color: #292D34;
    text-align: left;
  }
  .div-block-28.first {
    width: 25px;
  }
  .div-block-28.second {
    width: 25px;
  }
  .div-block-28.last {
    margin-bottom: 0px;
    width: 25px;
  }
  
  #small-screen-menu{
    background-color: #ffffff;
    z-index: 100;
    width: 100%;
  }
  
  #small-screen-menu .auth-nav ul {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap;    
  }
  
  .auth-nav li {
    display: block!important;
    width: 100%;
    margin: 0px !important;
    text-align: left;  
  }
  
 
  .hs-menu-children-wrapper{
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    background-color: transparent;
    border-radius: 0;
    display: none !important; 
    max-width: 300px;
  }
  #small-screen-menu .custom-vertical-menu li{
    padding: 0  !important;
  }
 .hs-menu-children-wrapper li a{
    padding: 0 !important;
  }
}



.custom-header-right-nav .menu-collapse {
    display: none;
}





@media (max-width: 1040px) {    
  .custom-header-wrapper{
    display: flex;
    align-items: center;
  }
  
 
  #small-screen-menu .custom-vertical-menu li{
   padding: 20px 30px;
  }
  
  .custom-header-right-nav .menu-collapse {
    display: flex;
    justify-content: end;
  }
  
  .div-block-3>.text-block-8 {
    margin-bottom: 7.225px;
    font-size: 10px;
    line-height: 12.2825px;
  }
  
  .div-block-3>.heading-20 {
    font-size: 17.34px;
    line-height: 21.675px;
  }
  
  .blog-pagination {
    margin-bottom: 43.35px;
  }
  
  .top-footer-menu {
    margin-bottom: 14.45px;
  }
  
  .top-footer-menu a {
    margin-right: 28.9px;
    font-size: 17.34px;
    line-height: 20.23px;
  }
  
  .bottom-footer-menu {
    margin-bottom: 40px;
  }
  
  .bottom-footer-menu a {
    margin: 10px;
    line-height: 12.2825px;
  }
  
  .footer-container.container-fluid{
    width: 100%;
  }
  
  .hs_cos_wrapper .hs_cos_wrapper_widget .hs_cos_wrapper_type_module .widget-type-linked_image{
    margin-right: 10px;
  }
}

.menu-collapse{
  transition: 0.5s;
  cursor: pointer;
}

.menu-collapse--active .first {
  top: 9px;
  transform: rotate(45deg);
  transition: 0.5s;
  position: absolute;
}

.menu-collapse--active .second {
  opacity: 0;
  transition: 0.5s;
}

.menu-collapse--active .last {
  bottom: 0;
  transform: rotate(-45deg);
  transition: 0.5s;
}



#large-screen-menu li.hs-menu-item a {
  color: black !important;
  font-size: 16px !important;
  padding-left: 10px;
  padding-right: 10px;
}

.hs-menu-item.hs-menu-depth-1.hs-item-has-children ul li a:after{
  display: none
}


#small-screen-menu li, .custom-header-wrapper .hs-menu-wrapper.active-branch.flyouts.hs-menu-flow-horizontal li ul{
  animation: fade-in 0.5s ease-in-out both;
/*   flex-direction: row; */
}

#small-screen-menu li, .custom-header-wrapper .hs-menu-wrapper.active-branch.flyouts.hs-menu-flow-horizontal li ul li ul{
  display: flex!important;
  flex-direction: column;
  position: relative;
  box-shadow: none;
}

#small-screen-menu li, .custom-header-wrapper .hs-menu-wrapper.active-branch.flyouts.hs-menu-flow-horizontal li ul li ul li a{
  font-weight: 300;
}




.header-container-wrapper .log-in{
  box-shadow: 0px 20px 20px rgba(89, 48, 146, 0.1);
  box-shadow: 0 20px 20px rgb(89 48 146 / 10%);
  border-radius: 10px;
  color: #423E5F;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  padding: 17px 35px;
  text-transform: uppercase;
  transition: transform easy .3s!important;
  text-transform: capitalize;
  text-decoration: none;
  display: block;
  transition: all .3s!important;
  background: #fff;
}

.home-header__btns ul li:nth-child(1) a:hover, 
.home-header__btns ul li:nth-child(1) a:active, 
.home-header__btns ul li:nth-child(1) a:focus-visible{
  transform: scale(1.1);
}

.header-container-wrapper .sign-in-btn{
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  padding: 17px 35px !important;
  box-shadow: 0px 20px 20px rgba(89, 48, 146, 0.1));
  color: #ffffff !important;
  background: linear-gradient(143.29deg, #A94CBD 10.09%, #C941AB 97.69%);
  box-shadow: 0px 34px 57px rgba(4, 8, 73, 0.11);
  border-radius: 10px;
  text-decoration: none;
  display: block;
  transition: all .3s!important;
}

.home-header__btns ul li a:hover, 
.home-header__btns ul li a:active, 
.home-header__btns ul li a:focus-visible{
  transform: scale(1.1);
}



.hs-menu-item.hs-menu-depth-1.hs-item-has-children ul{
  display:none;
}

.hs-menu-item.hs-menu-depth-1.hs-item-has-children ul li:nth-child(4) a:after{
  display:none;
}

.hs-menu-item.hs-menu-depth-1.hs-item-has-children:hover ul{
  display: flex !important;
  flex-direction: column;
  position: absolute;
  text-align: left !important;
  border-radius: 10px;
  box-shadow: 0 20px 20px rgba(89,48,146,.1);
  background: #fff;
  min-width: 150px;
  transition: all .3s!important;
  z-index: 100;
  padding: 10px !important;
} 


@media (max-width: 1040px) {    
.hs-menu-item.hs-menu-depth-1.hs-item-has-children:hover ul{
    box-shadow: none;
  }
}


@media (max-width: 1040px) {    
  .custom-vertical-menu{
    width: 100% !important;
  }
}


#small-screen-menu .hs-menu-item.hs-menu-depth-1.hs-item-has-children:hover ul li a:after{
  display: none;
}

#small-screen-menu .hs-menu-item.hs-menu-depth-1.hs-item-has-children:hover ul{
  padding: 0 !important;
}

#small-screen-menu a {
  font-size: 15px; 
  padding: 10px 0;
  text-decoration: none;
  color: #32314B;
  webkit-transition: all 200ms cubic-bezier(.55, .055, .675, .19);
  transition: all 200ms cubic-bezier(.55, .055, .675, .19);
  font-weight: bold;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  line-height: 120%;
}

#small-screen-menu .custom-vertical-menu ul li ul li{
  padding: 10px 0 !important;
  border-bottom: 1px solid #f0f0f0;
}

#small-screen-menu .custom-vertical-menu ul li ul li a {
  font-size: 13px;
  font-weight: 300;
  justify-content: start;
}

#small-screen-menu .custom-vertical-menu ul li ul li a svg{
  margin-right: 5px;
  width: 20px;
    height: 20px;
}

#small-screen-menu .custom-vertical-menu li:hover ul li a:after{
  transform: rotate(180deg);
}

#small-screen-menu .custom-vertical-menu ul li ul{
  animation: fade-in .5s ease-in-out both;
}

#small-screen-menu ul li a:after{
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L6 6L11 1' stroke='%2332314B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  content: "";
  width: 10px;
  height: 5px;
  display: block;
  background-size: contain;
  margin-left: 7px;
  transition: all .3s!important;
  transform: rotate(-90deg);
}

#small-screen-menu{
    background: #fff;
    position: relative;
    z-index: 100;
}

#small-screen-menu .lang_list_class {
    left: 210%;  
  }

@media (max-width:600px){
  #small-screen-menu .sign-in-btn, #small-screen-menu .log-in{
    width: 100%;
    display: flex;
    justify-content: center;
    border-radius: 5px;
  }
}
.auth-nav ul, #small-screen-menu .auth-nav ul {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

@media (max-width:1040px){
  .auth-nav ul, #small-screen-menu .auth-nav ul {
    display: none;
    margin-left: auto!important;
  }
}

@media (max-width:1040px){
  #large-screen-menu {
    display: none;
    /*margin-left: auto!important;*/
  }
}

#small-screen-menu .auth-nav {
  width: 100%;
}

#small-screen-menu .auth-nav ul li a:after{
  display: none;
}






/*сontent*/

.home .body-container-wrapper{
  background-size: 700px 700px!important;
  background-position: right top !important;
  background-repeat: no-repeat !important;
  /*background: url(https://7030126.fs1.hubspotusercontent-na1.net/hubfs/7030126/Group%204360.svg);*/
} 

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

.home-intro {
   padding-top: 90px;
   padding-bottom: 150px;
   overflow: hidden;
}

@media (max-width: 1040px) {
  .home-intro {
    padding-top: 90px;
    padding-bottom: 60px
  }
}

@media (max-width: 768px) {
  .home-intro {
    padding-top: 65px;
    padding-bottom: 40px
  }
}

@media (max-width: 600px) {
  .home-intro {
    padding-top: 60px;
    padding-bottom: 40px
  }
}


@media (max-width: 767px) {
.home .home-intro .row-fluid {
      display: block;
  }
}

.home-intro .row-fluid{
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-direction: row;
   position: relative;
}

@media (max-width: 767px) {
  .home-intro .row-fluid{
    flex-direction: column;
    align-items: baseline;
  }
}

.home-intro__block{
  margin-top: 50px;
}
@media (max-width: 1040px) {
  .home-intro__block{
    margin-top: 0px;
  }
}


.container .row-fluid-wrapper{
   max-width: 1300px;
   margin: 0 auto;
   padding-left: 10px; 
   padding-right: 10px; 
}

@media (max-width: 1300px) {
  .container .row-fluid-wrapper{
    max-width: 1270px;
  } 
}

.home-intro__right-title h1{
  font-weight: 700;
  font-size: 60px;
  line-height: 120%;
  color: #292D34;
  margin: 0;
}

@media (max-width: 1040px) {
  .home-intro__right-title h1 {
    font-size: 48px;
  }
}

@media (max-width: 768px) {
  .home-intro__right-title h1{
    font-size: 34px;
  }
}

.home-intro__right-subtitle span{
  color: #3b3f46;
  display: block;
  font-size: 22px;
  font-weight: 300;
  line-height: 145%;
  margin: 24px 0 20px;
  max-width: 400px;
}

@media (max-width: 1040px) {
  .home-intro__right-subtitle span{
    font-size: 20px;
    line-height: 26px;
  }
}


@media (max-width: 768px) {
  .home-intro__right-subtitle span{
    font-size: 16px;
    line-height: 26px;
    margin: 24px 0 0;
  }
}

.home-intro__right {
  float: left;
}


@media (max-width: 768px) {
 .home-intro__right{
   width: 100% !important;
  }
}


@media (max-width: 768px) {
 .home-intro__right-img{
    display: block !important;
    margin-top: 15px;
  }
}

.home-intro__center {
  margin-top: 20px;
  margin-bottom: 30px;
  float: left;
}

@media (max-width: 1040px) {
  .home-intro__center {
    margin-top: 30px;
  }
}

@media (max-width: 768px) {
  .home-intro__center {
    margin-top: 30px;
  }
}


.home-intro__center-title h1{
  font-weight: 700;
  font-size: 60px;
  line-height: 120%;
  background: linear-gradient(to right, #8F4AC1, #CC3CAF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
  text-align: center; 
}

@media (max-width: 1040px) {
  .home-intro__center-title h1{
    font-size: 48px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .home-intro__center-title h1{
    font-size: 34px;
  }
}


.home-intro__center-subtitle span{
  color: #3b3f46;
  display: block;
  font-size: 22px;
  font-weight: 300;
  line-height: 145%;
  margin: 24px 0 20px;
  text-align: center; 
  margin-left: 0;
}

@media (max-width: 1040px) {
  .home-intro__center-subtitle span{
    font-size: 20px;
    line-height: 26px;
    margin-left: 0;
  }
}


@media (max-width: 768px) {
  .home-intro__center-subtitle span{
    font-size: 16px;
    line-height: 26px;
    margin: 0 0;
  }
}

.home-intro__center-btn {
  margin-top: 50px;
  text-align: center; 
}

@media (max-width: 1040px) {
 .home-intro__center-btn{
   margin-top: 0px;
  }
}


.home-intro__video {
  margin-top: 100px;
  margin-left: 5%;
  margin-right: 5%;
  background-color: white; 
}

@media (max-width: 1040px) {
 .home-intro__center{
   width: 100% !important;
  }
  
}



@media (min-width: 1041px) {
 .home-intro__center{
   width: 100% !important; 
  }
  .home-intro__center-img{
    display: block !important;
    margin-top: 15px;
    padding-left: 20px;
    float: right;
    width: 50% !important; 
  }
  .home-intro__center-img img {
    width: 100% !important;
  }
  
}




.intro-slide{
  width: 100%;
}


.intro-slide img{
  width: 100%;
  max-height: 470px;
}

.intro-slide__text{
  color: #3b3f46;
  display: block;
  font-size: 22px;
  font-weight: 300;
  line-height: 145%;
  margin: 20px auto;
}

@media (max-width: 767px) {
 .intro-slide__text{
   font-size: 16px;
    margin: 10px auto;
  }
}




.home .intro-slider .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -9px;
}

.button-green{
  background: #10C85D;
  box-shadow: 0px 34px 57px rgba(4, 8, 73, 0.11);
  border-radius: 15px;
  text-transform: capitalize;
  transition: all .3s !important;
  cursor: pointer;
  margin-top: 30px;
  padding: 20px 30px 20px 65px;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  border: 1px solid #10c85d;
  background: #10C85D url(https://assets.website-files.com/6124b6ba10aeed1ddbda87fc/625ede143677655d6d19df13_Subtract.png);
  background-repeat: no-repeat;
  background-position: 25px center;
  color: #ffffff;
  display: inline-block;
  box-shadow: 0px 20px 20px rgb(8 194 8 / 10%);
  text-decoration: none;
}

@media (max-width: 768px) {
 .button-green{
    font-size: 14px;
    line-height: 17px;
    padding: 15px 35px 15px 60px;
  }
}


.button-green:hover{
  transform: scale(1.1);
}

.button-green::active {
  transform: scale(1.1);
}

.button-green::focus-visible {
  transform: scale(1.1);
}

.button-purple{
  background: #A94CBD;
  box-shadow: 0px 34px 57px rgba(4, 8, 73, 0.11);
  border-radius: 15px;
  text-transform: capitalize;
  transition: all .3s !important;
  cursor: pointer;
  margin-top: 30px;
  padding: 20px 30px 20px 30px;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  border: 1px solid #A94CBD;
  background: linear-gradient(143.29deg, #A94CBD 10.09%, #C941AB 97.69%);
  background-repeat: no-repeat;
  background-position: center;
  color: #ffffff;
  display: inline-block;
  box-shadow: 0px 20px 20px rgb(8 194 8 / 10%);
  text-decoration: none;
}

@media (max-width: 768px) {
 .button-purple{
    font-size: 14px;
    line-height: 17px;
    padding: 15px 35px 15px 60px;
  }
}


.button-purple:hover{
  transform: scale(1.1);
}

.button-purple:active {
  transform: scale(1.1);
}

.button-purple:focus-visible {
  transform: scale(1.1);
}



.customers {
  text-align: center;
}

.customers__container{
  overflow: hidden;
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (max-width: 768px) {
  .customers__container{
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.customers img {
  width: 75%;
}

.customers h2{
  font-weight: 400;
  margin-bottom: 33px;
  font-size: 48px;
  line-height: 60px;
  color: #27273D;
  text-align: center;
  max-width: 65%;
  margin: 0 auto;
}

@media (max-width: 1040px) {
  .customers h2{
    font-size: 32px;
    line-height: 100%;
    max-width: 100%;
    margin: 0 auto;
  }
}

@media (max-width: 768px) {
  .customers h2{
    font-size: 26px;
  }
}



.customers__slide{
   display: block!important;
}

.customers-swiper img{
   width: 70%;
}

@media (max-width: 768px) {
 .customers-swiper img{
   width: 60%;
  }
}

.increase{
   text-align: center;
   padding: 50px 0;
}

@media (max-width: 768px) {
  .increase{
     padding: 30px 0;
  }
}


.increase h2{
  font-weight: 400;
  margin-bottom: 33px;
  font-size: 48px;
  line-height: 60px;
  color: #32314B;
  text-align: center;
  max-width: 935px;
  margin: 0 auto 60px;
}

@media (max-width: 1040px) {
  .increase h2{
    font-size: 32px;
    line-height: 100%;
    max-width: 100%;
    margin: 0 auto 30px;
  }
}

@media (max-width: 768px) {
  .increase h2{
    font-size: 26px;
  }
}

.increase__total{
  margin-top: 50px;
}

@media (max-width: 768px) {
  .increase__total{
     margin-top: 0;
  }
}

@media (max-width: 768px) {
  .increase__total-block{
    margin-bottom: 20px;
  }
}


.increase__total-item{
   display: flex;
   justify-content: center;
}

.increase__total-item .violet__link{
  justify-content: center;
}


@media (max-width: 768px) {
  .increase__total-item{
     margin-top: 20px;
  }
}

.increase__item-title h3{
  font-weight: 500;
}


.increase__num{
  font-size: 60px;
  font-weight: 700;
  display: block;
  color: #B449B7;
  line-height: 100%;
}

@media (max-width: 1300px) {
  .increase__num{
    font-size: 50px;
  }
}

@media (max-width: 768px) {
  .increase__num{
    font-size: 30px;
  }
}

.increase__img{
  margin-bottom: 40px;
  height: 65px;
}

@media (max-width: 768px) {
  .increase__img{
    margin-bottom: 0;
    height: auto;
  }
}


.increase__text{
  font-size: 20px;
  font-weight: 700;
}


.increase__item-img{
  height: 250px;
}



/*sliders*/

.swiper-wrapper {
  display: flex;
  align-items: center;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  object-fit: cover;
}




.about-swiper {
  width: 95%;
  overflow: visible !important;
}

.about-swiper .swiper-slide{
  padding: 60px 0;
}

@media (max-width: 1040px) {
  .about-swiper .swiper-slide{
    padding: 20px 0;
  }
}



.about-slide {
  background: #F8F8F8;
  border-radius: 20px;
  position: relative;
  padding: 64px 64px 0 64px;
  display: flex;
  justify-content: space-between;
  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.2);
  flex-direction: row;
}

@media (max-width: 1300px) {
  .about-slide {
    padding: 60px 32px 0 32px;
    margin: 40px 0;
    height: 100%;
    border: none;
    align-items: center;
  }
}

@media (max-width: 700px) {
  .about-slide {
    padding: 60px 16px 0 16px;
    margin: 40px 0;
    height: 100%;
    flex-direction: column;
  }
}



.about-slide__title{
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  color: #32314B;
  margin: 70px 0 24px;
  display: block;
  text-align: left;
}

@media (max-width: 1300px) {
  .about-slide__title {
    margin: 24px 0 24px;
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .about-slide__title{
    margin: 20px 0 20px;
    font-size: 24px;
    line-height: 30px;
  }
}

.about-slide__text{
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 32px;
  color: #32314B;
  display: block;
  text-align: left;
}

@media (max-width: 600px) {
  .about-slide__text{
    font-size: 18px;
    line-height: 22px;
  }
}


.about-slide__img{
    max-width: 500px !important;
    height: 500px !important;
}

@media (max-width: 1300px) {
  .about-slide__img{
    max-width: 450px !important;
    height: 450px !important;
  }
}

@media (max-width: 1040px) {
  .about-slide__img{
    max-width: auto !important;
    height: 400px !important;
    margin: 0 auto;
  }
}


.about-slide__link{
  margin-top: 70px;
  margin-bottom: 20px;
}

@media (max-width: 1040px) {
  .about-slide__link{
    margin-top: 50px;
    
  }
}

@media (max-width: 700px) {
  .about-slide__link{
    margin-top: 30px;
  }
}

.about-slide__nav{
  position: relative;
  margin-top: 20%;
  width: 100% !important;
}


@media (max-width: 1040px) {
  .about-slide__nav{
    margin-top: 530px;
  }
}


.violet__link{
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 44px;
  display: flex;
  align-items: center;
  color: #8D5BDD;
  text-decoration: underline;
   user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.violet__link:hover .violet__link:after{
 transform: translateX(5px);
}

.violet__link:after{
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.51562 7C0.96334 7 0.515625 7.44772 0.515625 8C0.515625 8.55228 0.96334 9 1.51563 9L1.51562 7ZM19.1053 8.70711C19.4959 8.31658 19.4959 7.68342 19.1053 7.29289L12.7414 0.928932C12.3508 0.538408 11.7177 0.538408 11.3272 0.928932C10.9366 1.31946 10.9366 1.95262 11.3272 2.34315L16.984 8L11.3272 13.6569C10.9366 14.0474 10.9366 14.6805 11.3272 15.0711C11.7177 15.4616 12.3508 15.4616 12.7414 15.0711L19.1053 8.70711ZM1.51563 9L18.3982 9V7L1.51562 7L1.51563 9Z' fill='%237A2DAE'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 10px;
  display: block;
  background-size: contain;
  margin-left: 7px;
}


.about-btn{
  width: 100% !important;
  text-align: center;
} 



.about-swiper .swiper-button-prev, .about-swiper .swiper-button-next{
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: 55px;
  height: 55px;
  background: #F1F1F1;
  font-weight: bold;
  transition: 0.6s ease;
  border-radius: 100%;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1040px) {
  .about-swiper .swiper-button-prev, .about-swiper .swiper-button-next{
     width: 30px !important;
     height: 30px !important;
     padding: 10px;
     top: 58%;
  }
}


.about-swiper .swiper-button-prev:after, .about-swiper .swiper-button-next:after{
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='38' height='24' viewBox='0 0 38 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M37.0607 13.0607C37.6464 12.4749 37.6464 11.5251 37.0607 10.9393L27.5147 1.3934C26.9289 0.807611 25.9792 0.807611 25.3934 1.3934C24.8076 1.97919 24.8076 2.92893 25.3934 3.51472L33.8787 12L25.3934 20.4853C24.8076 21.0711 24.8076 22.0208 25.3934 22.6066C25.9792 23.1924 26.9289 23.1924 27.5147 22.6066L37.0607 13.0607ZM0 13.5L36 13.5V10.5L0 10.5L0 13.5Z' fill='%2332314B'/%3e%3c/svg%3e ");
  width: 25px;
  height: 10px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: "";
}

.about-swiper .swiper-button-prev{
  transform: rotate(180deg);
  left: -30px;
}

@media (max-width: 1040px) {
  .about-swiper .swiper-button-prev{
     left: -20px;
  }
}

@media (max-width: 767px) {
  .about-swiper .swiper-button-prev{
     left: 0;
  }
}


.about-swiper .swiper-button-next{
  right: -30px;
}

@media (max-width: 1040px) {
  .about-swiper .swiper-button-next{
     right: -20px;
  }
}


@media (max-width: 767px) {
  .about-swiper .swiper-button-next{
     right: 0;
  }
}


.about-swiper .swiper-button-prev:hover, .about-swiper .swiper-button-next:hover {
  opacity: 0.6;
}


.about-swiper .swiper-pagination {
	left: 64px!important;
    margin: 0;
    top: 135px;
    width: auto!important;
    z-index: 2;
    position: relative;
    text-align: left;
}

@media (max-width: 1040px) {
  .about-swiper .swiper-pagination {
    left: 32px!important;
    margin: 0;
    top: 120px;
    width: auto!important;
  }
}


@media (max-width: 768px) {
  .about-swiper .swiper-pagination {
    left: 16px!important;
  }
}


.about-swiper .swiper-pagination-bullet {
  border-radius: 15px;
  padding: 0 40px;
	width: auto;
	height: 42px;
	text-align: center;
	opacity: 1;
	background: transparent;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  color: #32314B;
}

@media (max-width: 700px) {
  .about-swiper .swiper-pagination-bullet {
    padding: 0 15px;
    font-size: 14px;
  }
}

.about-swiper .swiper-pagination-bullet-active {
	background: #B449B7;
  color: #ffffff;
}

.about-slide__desc{
  width: 50%;
}
  
@media (max-width: 768px) {
  .about-slide__desc{
    width: 100%;
  }
}


@keyframes fade {
  from {
    opacity: .4;
  }
  to {
    opacity: 1;
  }
}

.about__btns{
  display: block;
  width: 100%;
  text-align: center;
}


.discover{
  margin: 80px 0;
  padding: 50px 0;
}

@media (max-width: 1040px) {
  .discover {
    margin: 0;
  }
}

.discover h2{
  font-weight: 500;
  font-size: 48px;
  line-height: 151%;
  text-align: center;
  color: #27273D;
  width: 57%;
  margin: 0 auto 50px;
}

@media (max-width: 1040px) {
  .discover h2{
    font-size: 32px;
    width: 100%;
    margin: 0 auto 20px;
    line-height: 120%;
  }
}

@media (max-width: 768px) {
  .discover h2{
    font-size: 26px;
  }
}



/*tabs*/
.hide{
  display: none !important;
}

.show{
    display: block !important;
}
.fade{
    animation-name: fade;
    animation-duration: 1.5s;
}

@keyframes fade {
    from{
        opacity: 0.1;
    }
    to{
        opacity: 1;
    }
}

.bold{
  font-weight: bold !important;
}




.tabcontainer {
    background: #f8f5ff;
    box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
}


.tabcontent {
  position: relative;
  padding: 40px 60px;
  height: 500px;
  min-height: 500px;
}

@media (max-width: 1040px) {
  .tabcontent {
    padding: 30px 0;
    height: 400px;
  }
}

@media (max-width: 768px) {
  .tabcontent {
    padding: 20px 0;
    height: auto;
  }
}


.tabcontent .row-fluid {
  display: flex;
  flex-direction: row;
  align-items: center;
}


@media (max-width: 767px) {
  .tabcontent .row-fluid {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.tabcontent h3{
  font-weight: 700;
  font-size: 48px;
  line-height: 45px;
  color: #AA45AD;
  margin: 0;
}

@media (max-width: 1040px) {
  .tabcontent h3{
    font-size: 30px;
  }
}

@media (max-width: 768px) {
  .tabcontent h3{
    font-size: 26px;
  }
}

.tabcontent__img{
  margin-top: 20px;
}

@media (max-width: 767px) {
  .tabcontent__img{
    display: none !important;
  }
}

.tabcontent__img-mob{
   display: none !important;
}

@media (max-width: 767px) {
  .tabcontent__img-mob{
    display: block !important;
  }
}

.tabcontent-text{
  font-weight: 500;
  font-size: 22px;
  line-height: 32px;
  max-width: 530px;
  display: block;
  line-height: 120%;
  margin: 30px 0;
  display: block;
  color: #3B3F46;
}

@media (max-width: 1040px) {
  .tabcontent-text{
    font-size: 18px;
    margin: 15px 0;
  }
}

@media (max-width: 768px) {
  .tabcontent-text{
    font-size: 16px;
  }
}

.tabcontent ul{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.tabcontent ul li{
  display: flex;
  align-items: center;
  font-weight: 300;
  font-size: 16px;
  line-height: 19px;
  color: #3B3F46;
  margin-top: 16px;
}

.tabcontent ul li:before{
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='10' cy='10' r='10' fill='%23AD47B0'/%3e%3cpath d='M7 9.6L9.52 12L14 8' stroke='%23FEEBFF' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  content: "";
  padding: 10px;
  display: block;
  background-size: contain;
  margin-right: 10px;
}

.tabheader__items {
  padding: 40px 0 0;
  display: flex !important;
  border-bottom: 3px solid rgba(59, 63, 70, 0.1);
  flex-wrap: wrap;
}

@media (max-width: 1040px) {
  .tabheader__items {
    padding: 20px 0 0;
  }
}

@media (max-width: 1040px) {
  .tabheader__items .row-fluid-wrapper {
    width: 30%;
    margin: 0 auto;
  }
}


@media (max-width: 767px) {
  .tabheader__items .row-fluid-wrapper {
    width: 22%;
    margin: 0 auto;
  }
}

.home .tabheader__item {
  margin: 10px auto 0;
}

.tabheader__item {
    font-weight: 700;
    font-size: 16px;
    font-weight: 400;
    color: #32314B;
    transition: 0.3s all;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: transparent;
    border: none;
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    padding-bottom: 30px;
    border-bottom: 3px solid transparent;
    outline: none;
}

@media (max-width: 1040px) {
  .tabheader__item {
    padding-bottom: 10px;
    font-size: 12px;
    margin-top: 10px;
  }
}

@media (max-width: 768px) {
  .tabheader__item {
    width: 100%;
  }
}

.tabheader__item:before {
  content: "";
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  margin-bottom: 16px;
  background-size: contain;
}

@media (max-width: 1040px) {
  .tabheader__item:before {
    width: 20px;
    height: 20px;
    margin-bottom: 10px;
  }
}

.button-lead.tabheader__item:before{
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='29' viewBox='0 0 30 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.0596 24.4316C20.6639 24.4316 25.207 19.8885 25.207 14.2842C25.207 8.67989 20.6639 4.13672 15.0596 4.13672C9.45528 4.13672 4.91211 8.67989 4.91211 14.2842C4.91211 19.8885 9.45528 24.4316 15.0596 24.4316ZM15.0596 28.4316C22.873 28.4316 29.207 22.0976 29.207 14.2842C29.207 6.47075 22.873 0.136719 15.0596 0.136719C7.24614 0.136719 0.912109 6.47075 0.912109 14.2842C0.912109 22.0976 7.24614 28.4316 15.0596 28.4316Z' fill='%2332314B'/%3e%3c/svg%3e");
}

.button-offers.tabheader__item:before{
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='33' height='30' viewBox='0 0 33 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.34766 9.00082L29.3061 2.37725C30.2009 2.15741 30.8917 3.16201 30.3661 3.91878L14.2833 27.0767' stroke='%2332314B' stroke-width='4' stroke-linecap='round'/%3e%3c/svg%3e");
}

.button-awareness.tabheader__item:before{
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.314 2.22628L12.7098 6.92237C7.4403 10.1767 7.70821 17.927 13.1899 20.8096L21.3077 25.0785' stroke='%2332314B' stroke-width='4' stroke-linecap='round'/%3e%3cpath d='M24.5419 7.84913L19.4142 11.0158C17.4381 12.2362 17.5386 15.1426 19.5942 16.2236L25.0303 19.0822' stroke='%2332314B' stroke-width='4' stroke-linecap='round'/%3e%3c/svg%3e");
}

.button-onboard.tabheader__item:before{
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='28' viewBox='0 0 32 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M30.4276 27.1479C29.3784 27.4933 28.2479 26.9228 27.9025 25.8736L22.1373 8.36204C20.3488 2.92953 12.6955 2.84217 10.7834 8.23243L4.51042 25.9168C4.14115 26.9578 2.99788 27.5024 1.95687 27.1331C0.915852 26.7638 0.371295 25.6206 0.740565 24.5795L7.01358 6.89519C10.2003 -2.08859 22.9559 -1.94297 25.9367 7.1112L31.7019 24.6227C32.0473 25.6719 31.4768 26.8024 30.4276 27.1479Z' fill='%2332314B'/%3e%3c/svg%3e ");
}

.button-engage.tabheader__item:before{
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='2.80859' y='2.16016' width='24.916' height='24.916' rx='4' stroke='%2332314B' stroke-width='4'/%3e%3c/svg%3e");
}

.button-winbacks.tabheader__item:before{
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='31' viewBox='0 0 30 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0759 1.46551C13.9992 0.578707 17.127 0.629889 20.0198 1.61186C22.9126 2.59384 25.4252 4.45728 27.2046 6.94047C28.984 9.42366 29.9409 12.4019 29.9409 15.4568C29.9409 16.5614 29.0455 17.4568 27.9409 17.4568C26.8364 17.4568 25.9409 16.5614 25.9409 15.4568C25.9409 13.2376 25.2458 11.0742 23.9532 9.27038C22.6606 7.46655 20.8354 6.11291 18.734 5.39959C16.6326 4.68626 14.3606 4.64908 12.237 5.29327C10.1134 5.93746 8.24492 7.23065 6.89399 8.99122C5.54305 10.7518 4.77752 12.8913 4.70491 15.1093C4.6323 17.3273 5.25626 19.5123 6.48916 21.3574C7.72206 23.2026 9.50196 24.6152 11.5789 25.3969C13.6558 26.1786 15.9254 26.2901 18.0689 25.7157C19.1359 25.4299 20.2326 26.063 20.5184 27.13C20.8043 28.1969 20.1712 29.2936 19.1042 29.5794C16.1534 30.3701 13.029 30.2166 10.1699 29.1405L10.804 27.4557L10.1699 29.1405C7.31075 28.0644 4.86051 26.1198 3.16328 23.5797C1.46605 21.0396 0.607096 18.0317 0.70705 14.9784C0.807005 11.9251 1.86085 8.97982 3.72057 6.55618C5.5803 4.13254 8.15248 2.35231 11.0759 1.46551Z' fill='%2332314B'/%3e%3c/svg%3e");
}

.button-upsales.tabheader__item:before{
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.63672 26.0752L5.9892 18.071C7.23483 15.0969 11.4485 15.0969 12.6942 18.071V18.071C13.9398 21.045 18.1535 21.045 19.3991 18.071L26.1041 2.0625' stroke='%2332314B' stroke-width='4' stroke-miterlimit='5.759' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}

.button-sur.tabheader__item:before{
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='29' viewBox='0 0 30 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.1735 3.14137C14.4728 2.22006 15.7762 2.22006 16.0756 3.14137L17.46 7.40219C18.1294 9.4623 20.0491 10.8571 22.2153 10.8571H26.6954C27.6641 10.8571 28.0669 12.0967 27.2831 12.6661L23.6587 15.2994C21.9062 16.5727 21.173 18.8295 21.8423 20.8896L23.2267 25.1504C23.5261 26.0717 22.4716 26.8379 21.6879 26.2685L18.0634 23.6351C16.311 22.3619 13.938 22.3619 12.1856 23.6351L8.56112 26.2685C7.77741 26.8379 6.72293 26.0717 7.02228 25.1504L8.4067 20.8896C9.07607 18.8295 8.34278 16.5727 6.59034 15.2994L2.96588 12.6661C2.18217 12.0967 2.58494 10.8571 3.55367 10.8571H8.03375C10.1999 10.8571 12.1197 9.4623 12.789 7.40219L14.1735 3.14137Z' stroke='%2332314B' stroke-width='4'/%3e%3c/svg%3e");
}

.button-ref.tabheader__item:before{
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='29' height='31' viewBox='0 0 29 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='9.91958' cy='4.83071' r='3.87759' fill='%2332314B'/%3e%3cpath d='M2.77344 28.0743C3.05236 23.4232 7.85217 14.3442 24.82 15.2371' stroke='%2332314B' stroke-width='4' stroke-linecap='round'/%3e%3cpath d='M18.8184 9.45703L25.2792 13.3692C26.5483 14.1377 26.5683 15.9718 25.3163 16.7678L18.8184 20.899' stroke='%2332314B' stroke-width='4' stroke-linecap='round'/%3e%3c/svg%3e");
}





.tabheader__item_active {
    border-bottom: 3px solid #3B3F46;
}





.review{
  padding-top: 60px;
  padding-bottom: 60px;
}

@media (max-width: 1040px) {
  .review{
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.review h2{
  font-weight: 500;
  font-size: 48px;
  line-height: 101.5%;
  color: #27273D;
}

@media (max-width: 1040px) {
  .review h2{
    font-size: 32px;
  }
}

.review .about-slide__link {
  margin-top: 40px;
  margin-bottom: 40px;
}

@media (max-width: 1040px) {
  .review .about-slide__link {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.review-slider .row-fluid-wrapper{
  padding: 0;
}



.review-slide{
  padding: 40px;
  color: #fff;
  background: #8C28A5;
  border-radius: 19px;
  font-weight: 600;
  font-size: 25px;
  line-height: 34px;
  border-right: 10px solid #fff;
  text-align: left;
  height: 240px;
}



@media (max-width: 1040px) {
  .review-slide{
    font-size: 16px;
    line-height: 20px;
    padding: 16px;
    border-right: none;
    height: 180px;
  }
}

.review-slide__text{
  margin: 0;
  font-weight: 500;
}

.review-slide__ps{
  margin-top: 20px;
  font-weight: 400;
  display: flex;
  justify-content: start;
  align-items: center;
  font-weight: 500;
}


.review-slide__ps-desc .bold{
   margin: 0;
}

.review-slide__ps-img{
   margin-left: 40px;
   max-width: 160px;
}

@media (max-width: 1040px) {
  .review-slide__ps-img{
    max-width: 100px;
    margin-left: 20px;
  }
}

@media (max-width: 768px) {
  .review-slide__ps-img{
    max-width: 80px;
    max-height: 40px;
  }
}


.review-slide__img {
  border-radius: 100%;
  position: absolute;
  right: -38px;
  top: 56%;
  width: 180px;
  height: 180px;
}

@media (max-width: 1040px) {
  .review-slide__img {
    width: 100px;
    height: 100px;
    top: 80%;
  }
}

@media (max-width: 768px) {
  .review-slide__img {
    width: 70px;
    height: 70px;
    right: 0;
  }
}


.review-swiper{
  padding: 0 38px 0 0 !important;
}

@media (max-width: 768px) {
  .review-swiper{
    padding: 0 !important;
  }
}

.review-swiper .swiper-slide{
  align-items: baseline;
}

.review-swiper .swiper-wrapper{
  height: 400px;
}

@media (max-width: 1040px) {
  .review-swiper .swiper-wrapper{
    height: 220px;
  }
}


.review-swiper .swiper-pagination{
  margin-top: 25px;
  position: relative;
  text-align: center;
}

.review-swiper .swiper-pagination .swiper-pagination-bullet{
  background-color: #32314B;
  font-size: 60px;
  margin: 0 0.15em;
  cursor: pointer;
  width: 14px;
  height: 14px;
}

@media (max-width: 768px) {
  .review-swiper .swiper-pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
  }
}

.review-swiper .swiper-pagination .swiper-pagination-bullet-active{
  background-color: #8C28A5;
  cursor: pointer;
}


.magical{
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (max-width: 1040px) {
  .magical{
    padding-top: 40px;
    padding-bottom: 40px;
  }
}




.magical h2{
  font-weight: 500;
  font-size: 48px;
  line-height: 60px;
  color: #000000;
  max-width: 65%;
  text-align: center;
  margin: 0 auto;
}

@media (max-width: 1040px) {
  .magical h2{
    font-size: 32px;
    line-height: 100%;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .magical h2{
    font-size: 26px;
  }
}

.magical__block{
  margin-top: 74px;
}

@media (max-width: 1040px) {
  .magical__block{
    margin-top: 44px;
  }
}

.magical__block .row-fluid {
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}

@media (max-width: 1040px) {
    .magical__block .row-fluid {
      flex-direction: column;
      align-items: center;
  }
}


.magical__block-item{
  background: #FFFFFF;
  box-shadow: 0px 4px 24px rgba(93, 95, 103, 0.2);
  border-radius: 16px;
  text-align: center;
  padding: 30px 30px;
  cursor: pointer;
  transition: all .5s ease-in;
  border: 1px solid transparent;
}

@media (max-width: 1040px) {
    .magical__block-item{
      width: 100% !important;
      margin: 0 0 20px;
      padding: 20px 30px 30px 30px;
      margin-left: 0 !important;
  }
}

.magical__block-item:hover{
  border: 1px solid #0a0a0a;
  transition: all .5s ease-in;
}

.magical__block-item .row-fluid {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}

@media (max-width: 1040px) {
  .magical__block-item .row-fluid {
    justify-content: flex-start;
  }
}

@media (max-width: 768px) {
  .magical__block .row-fluid {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}


.magical__block-item h3{
  font-weight: 700;
  font-size: 32px;
  line-height: 42px;
  color: #0A0A0A;
  margin: 8px 0 8px;
}

@media (max-width: 768px) {
  .magical__block-item h3{
    font-size: 28px;
    line-height: 30px;
  }
}

.magical__block-item span{
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  color: #3B3F46;
  display: block;
}

@media (max-width: 768px) {
  .magical__block-item span{
    font-size: 12px;
    line-height: 18px;
    text-align: center;
  }
}

.magical__block-item-img img, .magical__block-item-img{
  width: 53px !important;
  height: 53px;
  margin: 0 auto;
}


@media (max-width: 1040px) {
  .magical__block-item-img img, .magical__block-item-img{
    width: 42px !important;
    height: 42px;
    margin: 0;
  }
}

@media (max-width: 768px) {
  .magical__block-item-img img, .magical__block-item-img{
    width: 38px !important;
    height: 38px;
  }
}

.make{
  padding: 300px 60px;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background: url(https://landing.smoc.ai/hubfs/Group%204215.svg);
}

@media (max-width: 1040px) {
  .make {
    padding: 120px 40px;
  }
}

@media (max-width: 768px) {
  .make {
    padding-top: 80px 25px;
  }
}


.make__title h2{
  font-weight: 700;
  font-size: 69px;
  line-height: 101.5%;
  letter-spacing: -0.02em;
  color: #ffffff;
  text-align: center;
}

.make__subtitle h3{
  font-weight: 700;
  font-size: 33px;
  line-height: 101.5%;
  letter-spacing: -0.02em;
  color: #ffffff;
  text-align: center;
}

.make__button {
  text-align: center;
}

.make__text{
   display: flex !important;
   flex-direction: column;
}


@media (max-width: 1040px) {
  .make__text {
    padding-right: 0px;
  }
  .make__title h2{
    font-size: 32px;
    text-align: center;
    padding-left: 0px;
  }
  
  .make__subtitle h3{
    font-size: 20px;
    text-align: center;
    padding-left: 0px;
  }
  
  .make__button {
    text-align: center;
    padding-left: 0px;
  }
}

@media (max-width: 768px) {
  .make__text {
    padding-top: 40px;
  }
}


.make .row-fluid{
  display: flex;
  align-items: center;
  flex-direction: row;
}

@media (max-width: 1040px) {
  .make .row-fluid{
    flex-direction: column;
  }
}

.make__img{
  display: flex !important;
  align-items: center;
  justify-content: center;
}



@media (max-width: 1040px) {


  .make__img{
    order: 2;
  }
}


.make__img .row-fluid {
  max-width: 360px;
  height: 700px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background-repeat: repeat !important;
  background-size: 100% 100% !important;
  background-position: center;
  background: url(https://app.hubspot.com/api/filemanager/api/v3/files/thumbnail-redirect/91583307917?size=medium&portalId=7030126&hs_static_app=DesignManagerIde&hs_static_app_version=static-2.35391&errorOnPlaceholder=true&upscale=true&t=1668425964414);
}


@media (max-width: 1040px) {
  .make__img .row-fluid {
    width: 98% !important;
    margin: 40px auto 0;
  }
}



.make__iframe{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90% !important;
  padding: 0 30px 0 10px;
}



.reward{
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (max-width: 1040px) {
  .reward{
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.reward .row-fluid{
  display: flex;
  align-items: center;
  flex-direction: row;
}

@media (max-width: 800px) {
  .reward .row-fluid{
    flex-direction: column;
  }
}


.reward__title h2{
  font-weight: 500;
  font-size: 48px;
  line-height: 60px;
  color: #000000;
  max-width: 60%;
  text-align: center;
  margin: 0 auto;
}

@media (max-width: 1040px) {
  .reward__title h2{
    font-size: 32px;
    line-height: 100%;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .reward__title h2{
    font-size: 26px;
  }
}


@media (max-width: 1040px) {
  .reward__desc{
    margin-top: 30px;
    text-align: center;
  }
}


@media (max-width: 768px) {
  .reward__desc{
   width: 100% !important;
  }
}



.reward__desc-title h3{
  font-weight: 500;
  font-size: 32px;
  line-height: 42px;
  color: #000000;
  margin: 0;
}

@media (max-width: 1040px) {
  .reward__desc-title h3{
    font-size: 26px;
    line-height: 30px;
  }
}

@media (max-width: 700px) {
  .reward__desc-title h3{
    text-align: center;
  }
}

.reward__desc-text span{
  font-weight: 500;
  font-size: 22px;
  line-height: 32px;
  color: #000000;
  display: block;
  margin-top: 40px;
}

@media (max-width: 1040px) {
  .reward__desc-text span{
    font-size: 18px;
    line-height: 22px;
    margin-top: 20px;
  }
}

@media (max-width: 768px) {
  .reward__desc-text span{
    text-align: center;
  }
}

.reward__img img, .reward__img{
   display: flex;
   align-items: center;
   justify-content: center;
   order: initial;
}


@media (max-width: 768px) {
  .reward__img img, .reward__img{
    order: 2;
    margin-top: 20px;
  }
}


@media (max-width: 768px) {
  .reward__img{
    display: none !important;
  }
}

.reward__img-mob{
   display: none !important;
}

@media (max-width: 768px) {
  .reward__img-mob{
    display: block !important;
    margin-top: 20px;
  }
}

.reward__list{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.reward__list-item{
  display: flex;
  align-items: baseline;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #27273D;
  margin-top: 25px;
}

.reward__list-item span{
  text-align: left;
}

.reward__list-item:before{
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='10.6917' cy='10.6917' r='10.6917' fill='url(%23paint0_linear_13306_2135)'/%3e%3ccircle cx='10.5326' cy='10.6908' r='8.64003' fill='white'/%3e%3cpath d='M6.11341 11.9487L8.89704 14.8151C9.03257 14.9547 9.25232 14.9547 9.38785 14.8151L15.7054 8.30973C15.9842 8.02262 15.9842 7.55713 15.7054 7.27002C15.4265 6.98291 14.9745 6.98291 14.6957 7.27002L9.14244 12.9884L7.12309 10.909C6.84427 10.6219 6.39222 10.6219 6.11341 10.909C5.83459 11.1961 5.83459 11.6616 6.11341 11.9487Z' fill='url(%23paint1_linear_13306_2135)'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_13306_2135' x1='18.6107' y1='0.556374' x2='19.3744' y2='19.1739' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%238F4AC1'/%3e%3cstop offset='0.497917' stop-color='%23B04CC2'/%3e%3cstop offset='1' stop-color='%23CC3CAF'/%3e%3c/linearGradient%3e%3clinearGradient id='paint1_linear_13306_2135' x1='6.54942' y1='8.13311' x2='18.4226' y2='9.33673' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%238F4AC1'/%3e%3cstop offset='0.497917' stop-color='%23B04CC2'/%3e%3cstop offset='1' stop-color='%23CC3CAF'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  content: '';
  width: 22px;
  height: 22px;
  display: inline-flex;
  margin-right: 8px;
}

.list-item__violet{
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #B04CC2;
  padding-right: 5px;
}


.blog-block{
  padding-top: 80px;
  padding-bottom: 220px;
}

@media (max-width: 1040px) {
  .blog-block{
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.blog__title h2{
  font-weight: 500;
  font-size: 40px;
  line-height: 44px;
  color: #3B3F46;
}

@media (max-width: 1040px) {
  .blog__title h2{
    font-size: 32px;
    line-height: 100%;
  }
}

@media (max-width: 768px) {
  .blog__title h2{
    font-size: 26px;
  }
}

@media (max-width: 768px) {
  .blog__post{
    display: none !important;
  }
}

.blog__post-mob{
  display: none !important;
}

@media (max-width: 768px) {
  .blog__post-mob{
    display: block !important;
    margin-top: 20px;
  }
}

.blog__post-text{
  border-bottom: 2px solid #C4C4C4;
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  color: #000000;
  padding: 0 0 16px;
}


.blog__post-notes{
  position: relative;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #32314B;
  margin-top: 15px;
}

.blog__post-author{
  position: absolute;
  left: 0;
}

.blog__post-date{
  position: absolute;
  right: 0;
}

.solve{
   position: absolute;
   bottom: 600px;
   z-index: 110;
}

@media (max-width: 1040px) {
  .solve{
    bottom: 560px;
  }
}

@media (max-width: 768px) {
  .solve{
    position: relative;
    padding-bottom: 40px;
    bottom: 0;
  }
}


.solve__block{
  filter: drop-shadow(0px 20px 20px rgba(89, 48, 146, 0.1));
  box-shadow: 0px 4px 24px rgba(93, 95, 103, 0.2);
  border-radius: 16px;
  padding: 70px;
  background-repeat: no-repeat !important;
  background-position: top left;
  background: #ffffff url(https://landing.smoc.ai/hubfs/Intersect.svg);
}

@media (max-width: 1040px) {
  .solve__block{
    padding: 50px 30px;
    background-size: 7%!important;
  }
}

@media (max-width: 768px) {
  .solve__block{
    padding: 16px;
  }
}

.solve__block .row-fluid{
  display: flex;
  align-items: center;
  flex-direction: row;
}

@media (max-width: 768px) {
  .solve__block .row-fluid{
    flex-direction: column;
  }
}

.solve__title h2{
  font-weight: 700;
  font-size: 48px;
  line-height: 120%;
  color: #32314B;
  margin: 0 0 16px;
}

@media (max-width: 1040px) {
  .solve__title h2{
    font-size: 32px;
  }
}

@media (max-width: 768px) {
  .solve__title h2{
    font-size: 26px;
  }
}

.solve__text span{
  display: block;
  font-weight: 500;
  font-size: 22px;
  line-height: 119%;
  color: #32314B;
}

@media (max-width: 1040px) {
  .solve__text span{
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px;
  }
}

.solve__btn{
  background: linear-gradient(143.29deg, #A94CBD 10.09%, #C941AB 97.69%);
  box-shadow: 0px 34px 57px rgba(4, 8, 73, 0.11);
  border-radius: 8px;
  transition: all .3s!important;
  cursor: pointer;
  text-align: center;
  padding: 17px;
  max-width: 265px;
  margin: 10px;
}

.solve__btns{
   text-align: center;
   display: flex !important;
   justify-content: center;
   margin: 20px 0 0 0;
}

.solve__btns .solve__btn{
  width: 265px;
}

.solve__btn a{
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  display: block;
}

.solve__btn:hover{
  transform: scale(1.1);
}

.solve__btn:active {
  transform: scale(1.1);
}

.solve__btn:focus-visible {
  transform: scale(1.1);
}


.solve__btn span{
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-transform: capitalize;
  color: #FFFFFF;
  text-decoration: none;
  display: flex;
  text-align: center;
  justify-content: center;
}






.footer{
  padding-top: 160px;
  padding-bottom: 60px;
  background-repeat: no-repeat !important;
  background-size: cover!important;
  background: url(https://landing.smoc.ai/hubfs/Group%204214.svg);
  position: relative;
  z-index: 100;
}

@media (max-width: 1040px) {
  .footer{
    padding-top: 200px;
    padding-bottom: 40px;
  }
}

 
@media (max-width: 768px) {
  .footer{
    padding-top: 20px;
    background: linear-gradient(143.29deg, #A94CBD 10.09%, #C941AB 97.69%);
  }
}

.footer-logo{
   display: flex !important;
   justify-content: start;
}


.footer-top{
  margin-bottom: 80px;
}

@media (max-width: 1024px) {
  .footer-top{
    margin-bottom: 60px;
  }
}


@media (max-width: 768px) {
  .footer-top{
    margin-bottom: 20px;
  }
}

.footer-top ul{
  list-style-type: none;
  padding: 0;
  margin: 0;
}


.footer-top ul li {
  margin-top: 20px;
}

.footer-top ul li a{
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #FFFFFF;
  display: block;
  text-decoration: none;
}

.footer-top ul li:nth-child(1){
  margin-bottom: 20px;
}


.footer-top ul li:nth-child(1) a{
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #FFFFFF;
  display: block;
  text-decoration: none;
  pointer-events: none;
  cursor: auto;
}

.footer-bottom .row-fluid {
  display: flex;
  align-items: center;
  flex-direction: row;
}

@media (max-width: 767px) {
  .footer-bottom .row-fluid {
    flex-direction: column;
    align-items: initial;
  }
}



.footer-copyright span{
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  display: block;
}

@media (max-width: 768px) {
  .footer-copyright span{
    text-align: left;
  }
}


.footer-logos .row-fluid {
  display: flex;
  justify-content: space-evenly;
  flex-direction: row;
}


@media (max-width: 768px) {
  .footer-logos .row-fluid {
    justify-content: start;
  }
}

.footer-logos .row-fluid-wrapper {
  padding: 0;
}


.top-social-icon{
  width: 30px !important;
  margin-right: 5px;
}




.carrousel-picto {
  display: none;
}

.carrousel-picto li{
	display:inline-block;
	background-color:#ffffff;
	border-radius:50%;
	width:10px;
	height:10px;
	margin:6px;
	cursor:pointer;
	
}

.carrousel-picto span{
  display: block;
  color: transparent;
}

.carrousel-picto li:hover, .carrousel-picto li.active{
  background-color:#2980b9;
}



/*animation*/
.js-scroll {
  opacity: 0;
  transition: opacity 200ms;
  overflow: hidden;
}

.js-scroll.scrolled.fade-in {
  opacity: 1;
  animation: fade-in 1s ease-in-out both;
}

.js-scroll.scrolled.fade-in-bottom {
  opacity: 1;
  animation: fade-in-bottom 1s ease-in-out both;
}

.js-scroll.scrolled.slide-left {
  opacity: 1;
  animation: slide-in-left 1s ease-in-out both;
}

.js-scroll.scrolled.slide-right {
  opacity: 1;
  animation: slide-in-right 1s ease-in-out both;
}

.js-scroll.scrolled.slide-rotate {
   opacity: 1;
  animation: rotating 1s ease-in-out both;
}

.js-scroll.scrolled.move-down {
   opacity: 1;
  animation: move-down 1s ease-in-out both;
}

.js-scroll.scrolled.move-up {
   opacity: 1;
  animation: move-up 1s ease-in-out both;
}


@keyframes slide-in-left {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slide-in-right {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes move-down {
  0% {
    margin-top: -10px;
    opacity: 0;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}

@keyframes move-up {
   0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes rotating {
  0% {
    transform: rotate(0deg);
     opacity: 0;
  }
  100% {
     opacity: 1;
    transform: rotate(360deg);
  }
}


/*reward-page*/


.reward-page .body-container-wrapper{
  background-size: 700px 700px!important;
  background-position: right top !important;
  background-repeat: no-repeat !important;
  background: url(https://landing.smoc.ai/hubfs/Group%204368.svg);
} 

@media (max-width: 768px) {
  .reward-page .body-container-wrapper{
     background-size: 80%!important;
  }
}

.rewards__posts{
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (max-width: 1040px) {
  .rewards__posts{
    padding-top: 40px;
    padding-bottom: 40px;
  }
}


.rewards__post{
  margin-bottom: 40px;
}

.rewards__post .row-fluid {
  display: flex;
  align-items: center;
  flex-direction: row;
}

@media (max-width: 767px) {
  .rewards__post .row-fluid {
    flex-direction: column;
    align-items: self-start;
  }
}

.rewards__post-desc-sub span{
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.05em;
}

.green{
  color: #10C85D;
}

.rewards__post-desc-title h3{
  font-weight: 700;
  font-size: 40px;
  line-height: 119%;
  color: #32314B;
  margin: 30px 0 30px;
}

@media (max-width: 1040px) {
  .rewards__post-desc-title h3{
    font-size: 32px;
    margin: 20px 0;
  }
}

@media (max-width: 768px) {
  .rewards__post-desc-title h3{
    font-size: 26px;
  }
}

.rewards__post-desc-title span{
  position: relative;
}

.rewards__post-desc-title span:after{
  content: "";
  display: block;
  left: 0;
  bottom: -10px;
  width: 20%;
  height: 5px;
}

.rewards__post-desc-title.green span:after{
  background: #10C85D;
}

.rewards__post-desc-text span{
  font-weight: 300;
  font-size: 22px;
  line-height: 32px;
  color: #3B3F46;
  margin-top: 30px;
  display: block;
}

@media (max-width: 1040px) {
  .rewards__post-desc-text span{
    font-size: 18px;
    margin-top: 15px;
  }
}


.rewards__post-img{
    display: block !important;
  }

@media (max-width: 767px) {
  .rewards__post-img{
    display: none !important;
  }
}

.rewards__post-img-mob{
  display: none !important;
}

@media (max-width: 767px) {
  .rewards__post-img-mob{
    display: block !important;
  }
}



.violet{
  color: #7861ED;
}

.rewards__post-desc-title.violet span:after{
  background: #7861ED;
}

.orange{
  color: #F78F46;
}

.rewards__post-desc-title.orange span:after{
  background: #F78F46;
}

.violet__link {
  display: flex !important;
}

.violet__link a{
  font-weight: 700;
  font-size: 18px;
  line-height: 44px;
  color: #8D5BDD;
  text-decoration: underline;
}


.variety {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (max-width: 1040px) {
  .variety {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.variety__title h2 {
  font-weight: 400;
  margin-bottom: 33px;
  font-size: 40px;
  line-height: 100%;
  color: #27273D;
  text-align: center;
  max-width: 524px;
  margin: 0 auto;
  text-align: center;
}

@media (max-width: 1040px) {
  .variety__title h2 {
    font-size: 32px;
    line-height: 100%;
    max-width: 100%;
    margin: 0 auto;
  }
}

@media (max-width: 768px) {
  .variety__title h2 {
    font-size: 26px;
  }
}


.variety__subtitle span{
  font-weight: 400;
  font-size: 22px;
  line-height: 32px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #000000;;
  margin: 40px auto;
  max-width: 852px
}

.variety__item{
  text-align: center;
  margin-top: 40px;
  transition: all .5s ease-in;
  cursor: pointer;
  padding: 20px 0;
}

.variety__item:hover{
  box-shadow: 0 5px 30px rgb(0 0 0 / 10%);
  transition: all .5s ease-in;
  border-radius: 10px;
}


.variety__item-title h3{
  font-weight: 600;
  font-size: 30px;
  line-height: 140%;
  text-align: center;
  color: #0A0A0A;
  margin: 20px 0 0;
}

@media (max-width: 1040px) {
  .variety__item-title h3{
    font-size: 24px;
    margin: 0;
  }
}


.variety__item-img img{
  width: 90px;
  height: 90px !important;
}

@media (max-width: 1040px) {
  .variety__item-img img{
    width: 60px;
    height: 60px !important;
  }
}

.integrate{
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (max-width: 1040px) {
  .integrate {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}


.integrate__title h2 {
  font-weight: 400;
  margin-bottom: 33px;
  font-size: 40px;
  line-height: 100%;
  color: #27273D;
  text-align: center;
  margin: 0 auto 40px;
  text-align: center;
}

@media (max-width: 1040px) {
  .integrate__title h2 {
    font-size: 32px;
    line-height: 100%;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .integrate__title h2 {
    font-size: 26px;
  }
}

.integrate__item{
  margin-top: 20px;
}

.intergarte__item-img img{
  width: 100%;
  height: 100%;
  transition: all .5s ease-in;
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.intergarte__item-img {
  transition: transform .5s ease-in !important;
  cursor: pointer;
  transform: scale(0.9);
}


.intergarte__item-img:hover {
  transform: scale(1);
}


.wallet {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (max-width: 1040px) {
  .wallet {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.wallet .row-fluid{
  display: flex;
  align-items: center;
  flex-direction: row;
}

@media (max-width: 767px) {
  .wallet .row-fluid{
    flex-direction: column;
  }
}

.wallet__item-title h3{
  font-weight: 500;
  font-size: 40px;
  line-height: 101.5%;
  color: #27273D;
  margin: 0 0 30px 0;
}

@media (max-width: 1040px) {
  .wallet__item-title h3{
    font-size: 32px;
    line-height: 100%;
    max-width: 100%;
    margin: 0 0 15px 0;
  }
}

@media (max-width: 768px) {
  .wallet__item-title h3{
    font-size: 26px;
    margin: 15px 0 15px 0;
  }
}


.wallet__item-text span{
  font-weight: 300;
  font-size: 22px;
  line-height: 32px;
  color: #000000;
  display: block;
}

@media (max-width: 1040px) {
  .wallet__item-text span{
    font-size: 18px;
    line-height: 120%;
  }
}

@media (max-width: 768px) {
  .wallet__item-text span{
    font-size: 16px;
  }
}

.reward-review{
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (max-width: 1040px) {
  .reward-review{
    padding-top: 0;
    padding-bottom: 40px;
  }
}

.reward-review__item{
  text-align: center;
  position: relative;
}

@media (max-width: 768px) {
  .reward-review__item{
    padding-top: 80px;
  }
}

.reward-review__item-photo img{
  border-radius: 100%;
  width: 175px;
  height: 175px !important;
}

@media (max-width: 1040px) {
   .reward-review__item-photo img{
    width: 140px;
    height: 140px !important;
  }
}



.reward-review__item-text span{
  font-size: 20px;
  line-height: 170%;
  display: block;
  color: #3B3F46;
  font-weight: 400;
  margin: 30px 0;
}

@media (max-width: 1040px) {
   .reward-review__item-text span{
    font-size: 16px;
    margin: 15px 0;
  }
}

.reward-review__item-subtext span{
  font-weight: 400;
  font-size: 20px;
  line-height: 170%;
  display: block;
  color: #3B3F46;
}

@media (max-width: 1040px) {
  .reward-review__item-subtext span{
    font-size: 16px;
  }
}

.reward-review__item-logo {
  position: absolute;
  right: 0;
  top: -30px;
  width: auto!important;
  max-width: 120px;
}

@media (max-width: 1040px) {
  .reward-review__item-logo {
    top: 0;
  }
}

@media (max-width: 768px) {
  .reward-review__item-logo {
    top: 50px;
  }
}



.more{
  padding-top: 80px;
  padding-bottom: 220px;
}

@media (max-width: 1040px) {
  .more{
    padding-top: 40px;
    padding-bottom: 40px;
  }
}



.more__title h2{
  font-weight: 500;
  font-size: 40px;
  line-height: 101.5%;
  color: #27273D;
  text-align: center;
}

@media (max-width: 1040px) {
  .more__title h2{
    font-size: 32px;
    line-height: 100%;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .more__title h2{
    font-size: 26px;
  }
}

.more__items{
  margin-top: 70px;
  margin-bottom: 70px;
}

@media (max-width: 768px) {
  .more__items{
    margin-top: 30px;
    margin-bottom: 30px;
  }
}


.more__item{
  background: #F8F8F8;
  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);
  border-radius: 0px 10px 10px 0px;
  padding: 40px;
  border-left: 10px solid #77A7FE;
  border-radius: 10px;
}

.more__item.more__item-first{
  border-left: 10px solid #B04CC2;
}

@media (max-width: 1040px) {
  .more__item{
    padding: 20px;
  }
}


@media (max-width: 768px) {
  .more__item{
    margin-top: 20px;
  }
}

.more__item-title h3{
  margin: 0 0 24px;
  font-weight: 700;
  font-size: 32px;
  line-height: 131%;
  color: #32314B;
}

@media (max-width: 1040px) {
 .more__item-title h3{
    font-size: 22px;
  }
}

@media (max-width: 767px) {
 .more__item-title h3{
   text-align: center;
  }
}


@media (max-width: 767px) {
 .more__item-btn{
   text-align: center;
  }
}


.more__item-text span{
  font-weight: 400;
  font-size: 22px;
  line-height: 145%;
  color: #3B3F46;
  display: block;
}

@media (max-width: 1040px) {
 .more__item-text span{
    font-size: 18px;
  }
}

@media (max-width: 767px) {
 .more__item-text span{
    text-align: center;
  }
}

.more__ps-item {
  margin-top: 20px;
}

.more__ps-item .row-fluid {
  display: flex;
  align-items: center;
}


.more__ps-item-text span{
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  color: #3B3F46;
  display: block;
  margin: 0 0 0 10px;
}



.more__ps-item-img {
  height: 30px;
  width: 30px !important;
}


.more__ps-item-img img{
  width: 30px;
  height: 30px;
}



/*convert*/

.convert .header-container-wrapper.is-header-sticky .div-block-28 {
    border: 2px solid #292d34;
}

.convert .header-container-wrapper .div-block-28 {
    border: 2px solid #292d34;
}

.increase__count span{
  font-weight: 700;
  font-size: 120px;
  line-height: 120%;
  color: #B449B7;
  display: block;
}

@media (max-width: 1040px) {
 .increase__count span{
     font-size: 60px;
  }
}

.convert__post {
  box-shadow: 0px 10px 20px rgba(179, 237, 203, 0.1);
  border-radius: 20px;
  padding: 50px;
}

@media (max-width: 768px) {
 .convert__post {
    padding: 20px 10px;
  }
}

.convert__post-green{
   background: rgba(218, 248, 230, 0.42);
}

.convert__post-violet{
  background: #F9F7FE;
}

.convert__post-orange{
  background: rgba(255, 242, 233, 0.44);
}

.conver__post-desc-text-bold{
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #32314B;
  margin-top: 30px;
}

.text-big{
   font-size: 40px;
}


.convert__post-img{
  text-align: center;
}

.button__get-started {
  margin-bottom: 60px;
  text-align: center;
  cursor: pointer;
}

@media (max-width: 768px) {
 .button__get-started {
    margin-bottom: 30px;
  }
}


.button__get-started span{
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #32314B;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s!important;
}

.button__get-started a{
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #32314B;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s!important;
}

.button__get-started a:hover svg{
  transform: translateX(10px);
}

.button__get-started svg{
  margin-left: 10px;
  transition: all .3s!important;
}

.data{
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (max-width: 1040px) {
  .data{
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.data .row-fluid{
  display: flex;
  align-items: center;
  flex-direction: row;
}

@media (max-width: 767px) {
  .data .row-fluid{
    flex-direction: column;
  }
}


.data__item-desc-title h2{
  font-weight: 300;
  font-size: 40px;
  line-height: 120%;
  color: #27273D;
}

@media (max-width: 1040px) {
  .data__item-desc-title h2{
    font-size: 30px;
  }
}

@media (max-width: 767px) {
 .data__item-desc-title h2{
    font-size: 26px;
    text-align: center;
  }
}

.data__item-desc-text span{
  font-weight: 500;
  font-size: 22px;
  line-height: 120%;
  color: #27273D;
  display: block;
  margin-top: 30px;
  font-weight: 300;
}

@media (max-width: 1040px) {
 .data__item-desc-text span{
    font-size: 18px;
  }
}

@media (max-width: 767px) {
 .data__item-desc-text span{
    text-align: center;
  }
}


@media (max-width: 767px) {
  .data__item-img{
    order: 2;
    margin-top: 20px;
  }
}

.convert-list{
  padding: 50px 0;
}

@media (max-width: 768px) {
  .convert-list{
    padding: 20px 0;
  }
}


.convert-list__item{
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  .convert-list__item{
    margin-bottom: 20px;
  }
}

.convert-list__item-desc-title h2{
  font-weight: 600;
  font-size: 30px;
  line-height: 130%;
  color: #0A0A0A;
}

@media (max-width: 768px) {
  .convert-list__item-desc-title h2{
    font-size: 26px;
  }
}

.convert-list__item-desc-text span{
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B3F46;
  display: block;
  margin-top: 14px;
}

.hub{
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (max-width: 1040px) {
  .hub{
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.hub .row-fluid{
  display: flex;
  align-items: center;
  flex-direction: row;
}

@media (max-width: 767px) {
  .hub .row-fluid{
    flex-direction: column;
  }
}


.hub__item-title h3{
  font-weight: 500;
  font-size: 48px;
  line-height: 101.5%;
  color: #27273D;
  margin: 0 0 30px 0;
}

@media (max-width: 1040px) {
  .hub__item-title h3{
    font-size: 32px;
    line-height: 100%;
    max-width: 100%;
    margin: 0 0 15px 0;
  }
}

@media (max-width: 767px) {
  .hub__item-title h3{
    font-size: 26px;
    margin: 15px 0 15px 0;
  }
}

.hub__item-text span{
  color: #000;
  font-size: 22px;
  font-weight: 300;
  line-height: 130%;
  display: block;
}

@media (max-width: 1040px) {
 .hub__item-text span{
    font-size: 18px;
  }
}

@media (max-width: 767px) {
 .hub__item-text span{
    text-align: center;
  }
}


@media (max-width: 768px) {
 .hub__img{
    margin-top: 40px;
  }
}

/*modal*/

.sign-in-modal{
  background: linear-gradient(193.17deg, rgba(142, 38, 218, 0.83) 15.35%, rgba(176, 76, 194, 0.664) 48.98%, rgba(255, 255, 255, 0) 125.45%, rgba(255, 255, 255, 0.83) 125.45%);
  backdrop-filter: blur(11px);
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: visibility 0s ease-in-out,opacity .3s ease-in-out;
  z-index: 1000;
  overflow: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  animation: fade-in 0.5s ease-in-out both;
}

.sign-in-modal .row-fluid-wrapper{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.sign-in-modal__block{
  width: 1072px;
  align-items: center;
  min-height: 300px;
  background-position: 0 0;
  background-repeat: no-repeat!important;
  background: #fff url(https://landing.smoc.ai/hubfs/Intersect.svg);
  border-radius: 8px;
  box-shadow: 0 4px 24px rgb(93 95 103 / 20%);
  padding: 50px 80px;

}

@media (max-width: 1040px) {
  .sign-in-modal__block{
    padding: 30px;
  }
}

.sign-in-modal__block .row-fluid{
  display: flex;
  align-items: center;
  flex-direction: row;
}

@media (max-width: 1040px) {
  .sign-in-modal__block .row-fluid{
    flex-direction: column;
  }
}


@media (max-width: 1040px) {
  .sign-in-modal__form.container {
      padding: 20px;
  }
}

.sign-in-page-overflow{
  overflow: hidden;
}


@media (max-width: 1040px) {
  .sign-in__desc{
    width: 100% !important;
    text-align: center;
  }
}


@media (max-width: 1040px) {
  .sign-in-modal__form{
    width: 100% !important;
    text-align: center;
  }
}

.sign-in__desc-title h1{
  font-weight: 700;
  font-size: 50px;
  line-height: 60px;
  color: #3B3F46;
  margin: 0 0 20px;
}

@media (max-width: 1040px) {
  .sign-in__desc-title h1{
    font-size: 30px;
    margin: 0 0 0;
    line-height: 35px;
  }
}

.sign-in__desc-text span{
  font-weight: 300;
  font-size: 20px;
  line-height: 140%;
  color: #3B3F46;
  display: block;
}

@media (max-width: 1040px) {
  .sign-in__desc-text span{
    font-size: 18px;
  }
}

.widget-type-form{
  font-size: 16px;
  position: relative;
}


@media (max-width: 768px) {
  .widget-type-form {
      padding: 10px;
  }
}

@media (max-width: 540px) {
  .widget-type-form {
     justify-content: flex-start;
  }
}

.widget-type-form span{
  background-color: transparent !important;
}

.widget-type-form h3{
  line-height: 160%;
}


fieldset{
  margin-bottom: 5px !important;
}



.hbspt-form{
  position:relative;
}

input{
  padding-left:0
}
.actions{
  text-align:left
}

.hs-input{
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-transition: border-color 200ms ease;
  transition: border-color 200ms ease;
  color:#fff;
  background: transparent;
  border: 1px solid #FFFFFF;
  border-radius: 3px;
  height: 40px;
}

.hs_email.hs-email.hs-fieldtype-text.field.hs-form-field .hs-input{
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-transition: border-color 200ms ease;
  transition: border-color 200ms ease;
  background: transparent;
  border-radius: 3px;
  height: 80px;
  width: 100%;
  box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 0 10px;
  line-height: 100%;
  color: #000;
}

@media (max-width: 1040px) {
  .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field .hs-input{
     height: 60px;
  }
}

@media (max-width: 768px) {
  .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field .hs-input{
    border: 1px solid #3b3f46;
  }
}

.hs_email.hs-email.hs-fieldtype-text.field.hs-form-field .hs-input.invalid.error{
  border: 1px solid #FF6369;
}

.legal-consent-container .hs-form-booleancheckbox-display>span{
  font-weight:400;
  color:#fff;
  font-weight:500;
  font-size:14px;
  line-height: 20px;
  font-family:'Public Sans',sans-serif;
}

.hs-fieldtype-text.field.hs-form-field{
  padding-bottom:0;
}

.hs-error-msg{
  color: #ffffff;
  font-weight:400;
  font-size:12px;
  background: #FF6369;
  box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.15);
  border-radius: 15px;
  padding: 0 5px;
  width: auto;
  display: inline-block;
  position: relative;
}

.hs-error-msg:before{
  border: 5px solid transparent;
  border-top: 8px solid #FF6369;
  content: "";
  left: 10%;
  margin-left: -5px;
  position: absolute;
  bottom: auto;
  top: -13px;
  transform: rotate(180deg);
}

.legal-consent-container .hs-error-msgs label {
  color: #ffffff !important;
}

.hs_email.hs-email.hs-fieldtype-text.field.hs-form-field .hs-input:focus{
  outline:0;
  border-color:#fff;
}

.hs_email.hs-email.hs-fieldtype-text.field.hs-form-field .hs-input::placeholder{
  color:#ded0f5;
  font-size:16px;
}

ul.inputs-list{
  list-style:none;
  padding:0;
  margin-bottom: o;
}

li.hs-form-booleancheckbox>label{
  display:flex;
  justify-content:flex-start;
  align-items: center;
}

.legal-consent-container .hs-form-booleancheckbox-display input{
  margin-top:5px;
}

.hs-richtext p,.submitted-message>p,ul.inputs-list>li>.hs-main-font-element{
  font-family:'Public Sans',sans-serif;
  color:#fff;
  font-size:12px;
  line-height:100%;
  margin-bottom:10px;
  font-weight:500;
  text-align: left;
}

.legal-consent-container .field.hs-form-field{
  padding:0;
}

li.hs-form-booleancheckbox>label{
  display:flex;
  justify-content:flex-start;
}

.hs-richtext p a{
  color:#fabd0a;
}

input.hs-button.primary.large{
  background: #10C85D;
  box-shadow: 0px 20px 30px rgba(10, 193, 10, 0.1);
  border-radius: 10px;
  color: #fff;
  width: 150px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: 700;
  font-size: 20px;
  transition: .3s!important;
  border-radius: 10px;
  cursor: pointer;
  border:none;
  position: absolute;
  top: 56px;
  right: 0;
}

@media (max-width: 1040px) {
  input.hs-button.primary.large{
    top: 44px;
  }
}

@media (max-width: 768px) {
  input.hs-button.primary.large{
    position: relative;
    margin: 20px auto 0;
    top: 0;
    padding: 0 20px;
    font-size: 16px;
  }
}



   
  input.hs-button.primary.large:hover{
     transform: scale(1.1);
  }
 
 label {
    color: #000;
    display: block;
    text-align: left;
}


.error-page {
  padding: 150px 0 220px;
  text-align: center;
}

@media (max-width: 768px) {
  .error-page {
    padding: 100px 0;
    text-align: center;
  }
}


.error-page__title h1{
  font-size: 60px;
  line-height: 120%;
}

@media (max-width: 768px) {
  .error-page__title h1{
    font-size: 40px !important;
  }
}



/*about*/
.about .body-container-wrapper{
  background-size: contain;
  background-position: left top !important;
  background-repeat: no-repeat !important;
  background: url(https://landing.smoc.ai/hubfs/about-bg.svg);
} 

@media (max-width: 1040px) {
  .about .body-container-wrapper{
    background-size: cover!important;
    padding-bottom: 140px;
  }
}



.about .header-container-wrapper .logo-img img{
  filter: grayscale(100) brightness(200);
}


.about .header-container-wrapper.is-header-sticky .logo-img img{
  filter: none;
}

.about .home-intro__right-title h1 {
  color: #ffffff;
}

@media (max-width: 1040px){
  .about .home-intro .row-fluid {
      align-items: center;
      flex-direction: column;
  }
}

@media (max-width: 1040px){
  .about .home-intro__right-title h1 {
    text-align: center;
  }
}

.about .home-intro__right-subtitle span{
  color: #ffffff;
}

@media (max-width: 1040px){
  .about .home-intro__right-subtitle span{
    max-width: 100%;
    text-align: center;
  }
}


.about .about-main__img{
	position: relative;
	overflow: hidden;
  border-radius: 10px;
}

@media (max-width: 1040px){
  .about .about-main__img{
    margin-top: 20px;
     text-align: center;
  }
}

.about .about-main__img::after {
  content: "";
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  mix-blend-mode: saturation;
  animation: in-out 6s ease-in-out infinite;
  width: 445px;
  height: 420px;
  top: 0;
  border-radius: 10px;
  z-index: 100;
}

@media (max-width: 1040px){
  .about .about-main__img::after {
    display: none;
  }
}

@keyframes in-out {
	0% {
		transform: translateX(-100%);
	}
	50% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}

.about__statement{
  position: relative;
}

@media (max-width: 768px){
  .about__statement{
    margin-top: 30px;
  }
}

.about__statement .row-fluid {
    justify-content: center;
}

.about__statement-block{
  background: #F8F8F8;
  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 60px;
  z-index: 3;
  max-width: 516px;
  cursor: pointer;
  transition: all .5s ease-in;
}

@media (max-width: 1040px){
  .about__statement-block{
    padding: 30px;
    margin-bottom: 40px;
  }
}

@media (max-width: 767px){
  .about__statement-block{
    padding: 20px;
  }
}

.about__statement-block:hover{
  transform: translateY(-10px);
}

.about__statement-text span{
  font-weight: 700;
  font-size: 32px;
  line-height: 119%;
  color: #32314B;
  display: block;
}

@media (max-width: 1040px){
  .about__statement-text span{
    font-size: 25px;
  }
}

@media (max-width: 768px){
  .about__statement-text span{
    top: -30px;
    max-width: 100%;
  }
}

.about__statement-author span{
  font-weight: 700;
  font-size: 15px;
  line-height: 119%;
  color: #32314B;
  display: block;
  margin-top: 20px;
}

.about__statement-img{
   position: absolute;
   right: 0;
   top: -40px;
   width: auto!important;
   z-index: 2;
}



.about .convert__post {
    padding: 0;
}

.about .more__title h2{
  font-weight: 700;
}

.about .more__item{
  padding: 40px 20px;
  margin-top: 30px;
  background: #F8F8F8;
  box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  transition: all .5s ease-in;
  cursor: pointer;
}

.about .more__item:hover{
  transform: translate3d(10px, 10px, 10px);
}

.about .more__items{
  margin: 0;
}

.about .more__items .row-fluid {
  display: flex;
  align-items: end;
}

@media (max-width: 767px){
  .about .more__items .row-fluid {
    align-items: center;
  }
}


.about .more__items-left .row-fluid {
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  align-items: end;
}

.about .more__items-left .more__title h2 {
  text-align: right;
}

.about .more__items-left-right .row-fluid {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: end;
}


@media (max-width: 767px){
  .about .more__items .row-fluid {
    flex-direction: column;
    align-items: center;
  }
}

.about .more__item.more__item-first{
  border-left: 10px solid #8545B2;
  max-width: 338px;
}

@media (max-width: 767px){
  .about .more__item.more__item-first{
    max-width: 100%;
    width: 100%;
  }
}

.about .more__item.more__item-first .more__item-num{
  color: #8545B2;
}



.about .more__item.more__item-first .more__item-title h3{
  margin: 10px 0 10px;
  font-size: 37px;
}

@media (max-width: 767px){
  .about .more__item.more__item-first .more__item-title h3{
    font-size: 26px;
  }
}

.about .more__item-num{
  font-weight: 700;
  font-size: 40px;
  line-height: 119%;
}

@media (max-width: 767px){
  .about .more__item-num{
    font-size: 26px;
  }
}

.about .more__item.more__item-second{
  border-left: 10px solid #CB3EB1;
  max-width: 465px;
}

@media (max-width: 767px){
  .about .more__item.more__item-second{
    max-width: 100%;
    width: 100%;
  }
}

.about .more__item.more__item-second .more__item-num{
  color: #CB3EB1;
}

.about .more__item.more__item-second .more__item-title h3{
  margin: 10px 0 10px;
  font-size: 50px;
}

@media (max-width: 767px){
  .about .more__item.more__item-second .more__item-title h3{
    margin: 10px 0 10px;
    font-size: 26px;
  }
}



.about .more__item.more__item-third .more__item-num{
  color: #10C85D;
}

.about .more__item.more__item-third .more__item-title h3{
  margin: 10px 0 10px;
  font-size: 40px;
}

@media (max-width: 767px){
  .about .more__item.more__item-third .more__item-title h3{
    margin: 10px 0 10px;
    font-size: 26px;
  }
}


.about .more__item.more__item-third{
  border-left: 10px solid #10C85D;
  max-width: 338px;
}

@media (max-width: 767px){
  .about .more__item.more__item-third{
    max-width: 100%;
    width: 100%;
  }
}

.about .more__item.more__item-fourth .more__item-num{
  color: #E58541;
  text-align: left;
}

.about .more__item.more__item-fourth .more__item-title h3{
  margin: 10px auto 10px;
  font-size: 70px;
}

@media (max-width: 767px){
  .about .more__item.more__item-fourth .more__item-title h3{
    font-size: 26px;
  }
}

.about .more__item.more__item-fourth{
  border-left: 10px solid #E58541;
  max-width: 465px;
  text-align: center;
}

@media (max-width: 767px){
  .about .more__item.more__item-fourth{
    max-width: 100%;
    width: 100%;
  }
}


.pround{
  background-repeat: no-repeat!important;
  background-size: cover!important;
  background: url(https://app.hubspot.com/api/filemanager/api/v3/files/thumbnail-redirect/92522782855?size=preview&portalId=7030126&hs_static_app=DesignManagerIde&hs_static_app_version=static-2.36019&errorOnPlaceholder=true&upscale=true&fallbackSize=medium&t=1669047490942);
  padding-bottom: 100px;
  padding-top: 100px;
  text-align: center;
}

@media (max-width: 1040px){
  .pround {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}

@media (max-width: 768px){
  .pround {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}

.pround__title h2{
  font-weight: 400;
  font-size: 40px;
  line-height: 100%;
  color: #FFFFFF;
  margin-bottom: 70px;
}

@media (max-width: 1040px){
  .pround__title h2{
    font-size: 32px;
    margin-bottom: 40px;
  }
}

@media (max-width: 768px){
  .pround__title h2{
    font-size: 28px;
  }
}

.pround__items .row-fluid {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}


@media (max-width: 768px){
  .pround__item-img{
    max-width: 28%;
  }
}


.company{
  padding-bottom: 100px;
  padding-top: 100px;
  text-align: center;
}

@media (max-width: 1040px){
  .company {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}

@media (max-width: 768px){
  .company {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}


.company__title h2{
  font-weight: 500;
  font-size: 48px;
  line-height: 120%;
  color: #000000;
  margin: 0 0 24px;
}

@media (max-width: 768px){
  .company__title h2{
    font-size: 32px;
  }
}


.company__subtitle span{
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  text-align: center;
  color: #000000;
  max-width: 667px;
  margin: 0 auto;
  display: block;
}

.company__items{
   margin: 50px 0 0;
}

@media (max-width: 768px){
  .company__item{
     margin: 30px 0 0;
  }
}



.company__item-title h3{
  font-weight: 700;
  font-size: 36px;
  line-height: 42px;
  color: #B449B7;
  margin: 0 0 20px;
}

.company__item-text span{
  font-weight: 400;
  font-size: 16px;
  line-height: 200%;
  text-align: center;
  color: #000000;
  display: block;
}




.around{
  padding-bottom: 60px;
  padding-top: 60px;
  text-align: center;
}



@media (max-width: 768px){
  .around {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}


.around__title h2{
  font-weight: 500;
  font-size: 48px;
  line-height: 120%;
  color: #000000;
  margin: 0 0 24px;
}

@media (max-width: 768px){
  .around__title h2{
    font-size: 32px;
  }
}


.around__subtitle span{
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  text-align: center;
  color: #000000;
  max-width: 667px;
  margin: 0 auto;
  display: block;
}

@media (max-width: 768px){
  .around__subtitle span{
    font-size: 16px;
  }
}


.around__items{
   margin: 50px 0 0;
}

@media (max-width: 768px){
  .around__item{
     margin: 30px 0 0;
  }
}



.around__item-title h3{
  font-weight: 700;
  font-size: 36px;
  line-height: 42px;
  color: #000000;
  margin: 0 0 10px;
}

.around__item-text span{
  font-weight: 400;
  font-size: 16px;
  line-height: 200%;
  text-align: center;
  color: #000000;
  display: block;
}

.around__item-num span{
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  text-transform: uppercase;
  color: #10C85D;
  display: block;
  margin: 0 0 10px;
}


.team{
  padding-bottom: 60px;
  padding-top: 60px;
}

@media (max-width: 768px){
  .team {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}


.team__item{
  position: relative;
  margin-top: 20px;
  max-width: 350px;
  min-width: 300px;
}

.team__items .row-fluid {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media (max-width: 1040px){
  .team__items .row-fluid {
    justify-content: center;
  }
}


.team__item-link{
  background-repeat: no-repeat!important;
  background-size: contain!important;
  background: url(https://landing.smoc.ai/hubfs/612637a7ca67bb172b872c79_linked.svg);
  position: absolute;
  top: 180px;
  right: 0;
  width: 40px !important;
  height: 40px;
}

.team__item-link .hs-button{
  width: 40px !important;
  height: 40px;
  display: block;
} 

.team__item-title h3{
  font-weight: 600;
  font-size: 25px;
  line-height: 29px;
  text-align: center;
  color: #B449B7;
  margin: 30px 0 30px;
}

@media (max-width: 768px){
  .team__item-title h3{
     margin: 20px 0 20px;
  }
}

.team__item-contact span{
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: #000000;
  display: block;
  margin: 0 0 20px;
}

.team__item-text span{
  font-weight: 400;
  font-size: 18px;
  line-height: 34px;
  color: #000000;
  display: block;
  font-weight: 300;
}


.team__item-photo img{
  height: 200px !important;
  display: flex;
  margin: 0 auto;
}


.join{
  padding-bottom: 240px;
  padding-top: 60px;
  background-repeat: no-repeat!important;
  background: url(https://landing.smoc.ai/hubfs/Group%204156.svg);
}

@media (max-width: 768px){
  .join {
    padding-bottom: 100px;
    padding-top: 100px;
  }
}

.join__block{
  background: #F8F8F8;
  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);
  border-radius: 0px 10px 10px 0px;
  padding: 40px 60px;
}

@media (max-width: 768px){
  .join__block{
    padding: 20px;
  }
}

.join__block-title h2{
  font-weight: 700;
  font-size: 40px;
  line-height: 101.5%;
  color: #27273D;
  margin-bottom: 30px;
}

@media (max-width: 768px){
  .join__block-title h2{
    font-size: 32px;
    margin-bottom: 15px;
  }
}

.join__block-text span{
  font-weight: 300;
  font-size: 18px;
  line-height: 180%;
  color: #000000;
  display: block;
}


@media (max-width: 768px){
  .join__block-text span{
    font-size: 16px;
  }
}





/*hw*/
.hw .body-container-wrapper{
  background-size: 43%!important;
  background-position: right top !important;
  background-repeat: no-repeat !important;
  background: url(https://landing.smoc.ai/hubfs/hw-bg.svg);
} 

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

.hw__indentify{
  padding-bottom: 60px;
  padding-top: 60px;
}


@media (max-width: 768px){
  .hw__indentify {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}

.hw__indentify-block{
  background-repeat: no-repeat!important;
  background: url(https://landing.smoc.ai/hubfs/Group%204160.svg);
  padding-bottom: 180px;
  background-size: 45%;
}

@media (max-width: 1040px){
  .hw__indentify-block{
    padding-bottom: 80px;
  }
}

.hw__indentify-block .row-fluid {
  display: flex;
  justify-content: space-between;
}

.hw__indentify-block-item{
  background: #F8F8F8;
  box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  padding: 40px;
  max-width: 1042px;
  height: 350px;
}

@media (max-width: 768px){
  .hw__indentify-block-item{
    padding: 20px;
    height: auto;
  }
}

.hw__indentify-block-item-title h3{
  font-weight: 700;
  font-size: 40px;
  line-height: 120%;
  color: #32314B;
  margin: 0;
}

@media (max-width: 768px){
  .hw__indentify-block-item-title h3{
    font-size: 28px;
  }
}

.hw__indentify-block-item-text span{
  font-weight: 400;
  font-size: 22px;
  line-height: 150%;
  color: #000000;
  margin: 20px 0;
  display: block;
}

.hw__indentify-block-item-text ul{
  list-style-type: disc;
  padding: 0 20px;
  margin: 0;
}

.hw__indentify-block-item-text ul li::marker{
    color: #10C85D;
}

.hw__indentify-block-item-btns{
  border-top: 1px solid #10C85D;
  display: flex !important;
  justify-content: space-between;
  flex-wrap: wrap;
}




@media (max-width: 768px){
  .hw__indentify-block-item-btns .row-fluid-wrapper{
    width: 25%;
  }
}


.hw__indentify .tabheader__item {
  padding: 30px 0 0;
  margin: 0 auto;
}

@media (max-width: 768px){
  .hw__indentify .tabheader__item {
    padding: 10px 0;
  }
}


.second__indetify-block {
  background-repeat: no-repeat!important;
  background: url(https://landing.smoc.ai/hubfs/Group%204157.svg);
  background-position: top right;
  background-size: 45%;
}

.second__indetify-block-item .row-fluid {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}

@media (max-width: 768px) {
  .second__indetify-block-item .row-fluid {
     flex-direction: column;
  }
}


.second__indetify-block-item .hw__indentify-block-item-text ul li::marker{
    color: #9992F8;
}

.third__indetify-block {
  background-repeat: no-repeat!important;
  background: url(https://landing.smoc.ai/hubfs/Group%204163.svg);
  background-position: top left;
  background-size: 45%;
}

@media (max-width: 1040px) {
  .third__indetify-block {
      padding-bottom: 40px;
  }
}


.third__indetify-block-item .hw__indentify-block-item-text ul li::marker{
    color: #EF9568;
}

.third__indetify-block-item .row-fluid {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}

@media (max-width: 768px) {
  .third__indetify-block-item .row-fluid {
     flex-direction: column;
  }
}

.implement{
  background-repeat: no-repeat!important;
  background-size: cover!important;
  background: url(https://app.hubspot.com/api/filemanager/api/v3/files/thumbnail-redirect/92773945237?size=preview&portalId=7030126&hs_static_app=DesignManagerIde&hs_static_app_version=static-2.36019&errorOnPlaceholder=true&upscale=true&fallbackSize=medium&t=1669193446500);
  padding-bottom: 60px;
  padding-top: 60px;
  color: #fff;
}

@media (max-width: 768px) {
  .implement{
    padding-bottom: 30px;
    padding-top: 30px;
  }
}


.implement .row-fluid {
  max-width: 1042px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  flex-direction: row;
}

@media (max-width: 768px) {
  .implement .row-fluid {
     flex-direction: column;
  }
}

.implement__title h3{
 font-weight: 700;
  font-size: 40px;
  line-height: 120%;
  color: #FFFFFF;
  margin: 0;
}

@media (max-width: 768px) {
  .implement__title h3{
    font-size: 28px;
  }
}

.implement__list ul{
  margin: 0;
  padding: 20px;
}


.growth{
  padding-bottom: 60px;
  padding-top: 60px;
}

@media (max-width: 768px) {
  .growth{
    padding-bottom: 30px;
    padding-top: 30px;
  }
}


.growth .row-fluid {
  max-width: 1042px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  flex-direction: row;
}

@media (max-width: 768px) {
  .growth .row-fluid {
     flex-direction: column;
  }
}

.growth__title h2{
  font-weight: 700;
  font-size: 40px;
  line-height: 66px;
}

@media (max-width: 768px) {
  .growth__title h2{
    font-size: 28px;
  }
}

.growth__list ul li::marker{
  color: #C53FB3;
}


.toolbox .div-block-28{
  border: 2px solid #292d34;
}

.toolbox__make{
  padding: 0;
}

.toolbox-intro{
  padding-top: 100px;
}

@media (max-width: 768px) {
  .toolbox-intro{
    padding-top: 60px;
  }
}


.toolbox-intro__title h1{
  font-weight: 400;
  font-size: 55px;
  line-height: 120%;
  color: #000000;
  text-align: center;
  max-width: 850px;
  margin: 80px auto 20px;
}

@media (max-width: 1280px) {
  .toolbox-intro__title h1{
    font-size: 48px;
    margin: 40px auto 20px;
  }
}

@media (max-width: 768px) {
  .toolbox-intro__title h1{
    font-size: 34px;
  }
}

.toolbox-intro__subtitle span{
  font-weight: 300;
  font-size: 24px;
  line-height: 150%;
  color: #3B3F46;
  text-align: center;
  max-width: 550px;
  margin: 0 auto 20px;
  display: block;
}

@media (max-width: 1040px) {
  .toolbox-intro__subtitle span{
    font-size: 20px;
  }
}

@media (max-width: 768px) {
  .toolbox-intro__subtitle span{
    font-size: 16px;
  }
}

.toolbox-intro__block{
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.toolbox-intro__block-btn{
  display: flex !important;
  justify-content: center;
  width: 100% !important;
}

.toolbox-card{
  box-shadow: 0px 10px 20px rgba(179, 237, 203, 0.1);
  border-radius: 20px 20px 0px 0px;
  padding: 40px;
  margin: 100px 0 60px;
  position: relative;
  height: 550px;
  display: flex !important;
  flex-direction: column;
  justify-content: space-around;
}

@media (max-width: 1040px) {
  .toolbox-card{
    height: auto;
    padding: 20px 40px;
    margin: 20px 0;
  }
}


.toolbox-card .row-fluid {
  display: flex;
  align-items: center;
  flex-direction: row;
}

@media (max-width: 1040px) {
  .toolbox-card .row-fluid {
    flex-direction: column;
  }
}

.toolbox-card--green{
  background: #DAF8E6;
}

.toolbox-card--engagement{
  height: auto;
}

.toolbox-card__title h2{
  font-weight: 500;
  font-size: 40px !important;
  line-height: 101.5%;
  color: #000000;
  text-align: center;
}

@media (max-width: 1040px) {
  .toolbox-card__title h2{
    font-size: 40px;
  }
}

@media (max-width: 768px) {
  .toolbox-card__title h2{
    font-size: 30px;
  }
}

.toolbox-card__subtitle span{
  font-weight: 300;
  font-size: 22px;
  line-height: 120%;
  color: #000000;
  max-width: 500px;
  margin: 20px auto;
  display: block;
  text-align: center;
}

@media (max-width: 1040px) {
  .toolbox-card__subtitle span{
    font-size: 20px;
  }
}

@media (max-width: 1040px) {
  .toolbox-card__subtitle span{
    font-size: 16px;
  }
}

.toolbox-card__category{
  border: 2px solid #10C85D;
  box-shadow: 0px 34px 57px rgba(4, 8, 73, 0.11);
  border-radius: 15px;
  text-align: center;
  position: absolute;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  text-transform: capitalize;
  color: #000000;
  top: 40px;
  padding: 15px 40px;
  width: auto !important;
  right: 19%;
}

@media (max-width: 1040px) {
  .toolbox-card__category{
    position: relative;
    top: 0;
    padding: 5px 15px;
    right: 0;
    margin: 10px 0;
  }
}

.toolbox-card__category--orange{
  border: 2px solid #F78F46;
  right: 3%;
}

@media (max-width: 1040px) {
  .toolbox-card__category--orange{
    right: 0;
  }
}


.toolbox-card-item__title h3{
  font-weight: 700;
  font-size: 25px;
  line-height: 101.5%;
  color: #000000;
  margin: 0 0 15px;
}

@media (max-width: 1040px) {
  .toolbox-card-item__title h3{
    font-size: 20px;
    text-align: center
  }
}

.toolbox-card-item__subtitle span{
  color: #000;
  font-size: 22px;
  font-weight: 300;
  line-height: 120%;
  display: block;
}

@media (max-width: 1040px) {
  .toolbox-card-item__subtitle span{
    font-size: 20px;
  }
}

@media (max-width: 1040px) {
  .toolbox-card-item__subtitle span{
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px;
  }
}

.toolbox-card-item__img{
  height: 277px;
}

@media (max-width: 1040px) {
  .toolbox-card-item__img{
    display: none !important;
  }
}

@media (max-width: 1040px) {
  .toolbox-card-item__desc{
    width: 100% !important;
  }
}




.toolbox-card-item__btns{
  background: #FFFFFF;
  box-shadow: -20px 20px 30px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  padding: 10px;
  display: flex !important;
  align-items: center;
}

@media (max-width: 1040px) {
  .toolbox-card-item__btns{
    padding: 10px 0;
    margin: 20px 10px !important;
  }
}

.toolbox-card-item__btn{
  transition: all .5s ease-in;
  cursor: pointer;
}

.toolbox-card-item__btn:hover{
  transform: translateY(15px);
}

.toolbox-card--violet{
  background: #F9F7FE;
}

.toolbox-card--orange{
  background: #FFF2E9;
}

.toolbox-card--make{
  box-shadow: none;
  margin: 0;
}

.toolbox-card--make .toolbox-card__title h2{
  color: #fff;
}

.toolbox-card--make .toolbox-card__subtitle span{
  color: #fff;
}

.toolbox-card--make .toolbox-card-item__title h3{
  color: #fff;
}

.toolbox-card--make .toolbox-card-item__subtitle span{
  color: #fff;
}


.make .button__get-started span{
  color: #fff;
}

.toolbox-card-item__desc-item {
   margin-top: 40px;
}

.toolbox-card-item__desc-item .row-fluid {
  display: flex;
  align-items: self-start;
}

@media (max-width: 1040px) {
  .toolbox-card-item__desc-item .row-fluid {
    align-items: center;
  }
}



.toolbox__sidebar {
  max-width: 210px;
  position: fixed;
  top: 19%;
  z-index: 100;
  background: #F8F8F8;
  box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  padding: 20px 10px;
  margin-left: 30px !important;
  display: none !important;
}

@media (max-width: 768px) {
  .toolbox__sidebar{
    margin-left: 0 !important;
    padding: 0;
    max-width: 55px;
  }
}

.toolbox__sidebar.toolbox__sidebar--show{
  display: block !important;
  animation: fade-in 1s ease-in-out both;
}

.toolbox__sidebar .tabheader__item {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-size: 16px;
  padding-bottom: 0;
  margin-bottom: 10px;
}


@media (max-width: 768px) {
  .tabheader__item-text{
    display: none !important;
    padding: 0;
  }
}


.toolbox__sidebar .tabheader__item:before{
  margin-bottom: 0;
  margin-right: 8px;
}

@media (max-width: 768px) {
  .toolbox__sidebar .tabheader__item:before{
    margin-right: 0;
  }
}

.anchor--active{
  color: #8d5bdd;
}

.anchor--active.tabheader__item:before{
  filter: hue-rotate(21deg) saturate(8);
}



/*blog*/

.blog-section{
   margin-bottom: 160px;  
}

.blog-title {
  margin-bottom: 60px;  
  margin-top: 150px;
}
  
@media (max-width: 540px) {
  .blog-title{
    margin-top: 100px;
    margin-bottom: 40px;  
  }
}
  
@media (max-width: 992px) {  
  .blog-title{
    margin-top: 80px;
    margin-bottom: 20px;  
  }
}



.blog-title h1 {
  margin: 0px;
  font-family: 'Public Sans', sans-serif;
  font-size: 69px;
  line-height: 100%;
  text-align: center;
  color: #32314b;
  text-align: center;
}

@media(max-width: 1040px){
  .blog-title h1 {
    font-size: 50px;
  }
}


@media(max-width: 768px){
  .blog_text{
    width: 100% !important;
  }
}

.post-listing, .post-listing-simple {
  width: auto;
  margin-left: -15.5px;
  margin-right: -15.5px;
}

.post-item {
  margin-bottom: 30px;
  padding: 0px 15.5px;  
}

.post-item.col-md-4{
  max-width: 100%;
}



.post-item.col-md-4:first-child{
  flex: 0 0 100%;
  max-width: 100%;
}

.post-item.col-md-4:first-child .blogpostgrid>a{
  display: flex;
}
  
@media(max-width: 1040px){
  .post-item.col-md-4:first-child .blogpostgrid>a{
    display: block;
  }
}

.post-item.col-md-4:first-child .coverimage-2{
  height: 420px;
  max-height: 420px;
  width: 60%;
  background-size: cover;
}
     
@media(max-width: 540px){
  .post-item.col-md-4:first-child .coverimage-2{
    height: 35.8vw;
    width: 70%;
  }
}

@media(max-width: 1050px){
  .post-item.col-md-4:first-child .coverimage-2{
    height: 52.8vw;
    width: 100%;
  }
}


.post-item.col-md-4:first-child .div-block-3{
  width: 40%;
  padding-top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media(max-width: 1040px){
  .post-item.col-md-4:first-child .div-block-3{
    width: 100%;
    padding: 42px 0 24px;
  }
}




.post-item.col-md-4:first-child .div-block-3>.heading-20{
  font-size: 40px;
  line-height: 50px;
  margin-left:40px;
}
  
@media(max-width: 1040px){
  .post-item.col-md-4:first-child .div-block-3>.heading-20{
    font-size: 30px;
    line-height: 36px;
    margin-left: 0;
  }
}

.post-item.col-md-4:first-child .div-block-3>.text-block-8{
  margin-left:40px;
  color: #7861ED;
}

@media(max-width: 992px){
  .post-item.col-md-4:first-child .div-block-3>.text-block-8{
    margin-left: 0;
  }
}

  


.blogpostgrid {
  height: 100%;  
  overflow: hidden;
}

.blogpostgrid > a {
  width: 100%;
  text-decoration: none !important;
}

.coverimage-2 {
  width: 100%;
  height: 231px;
  max-height: 231px;
  border-bottom: none;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
}

.div-block-3 {
  padding: 24px 0 24px;  
}

@media(max-width: 540px){
  .div-block-3 {
    padding: 22px 0 20px; 
  }
}

@media(max-width: 992px){
  .div-block-3 {
    padding: 12px 0 12px;
  }
}

.div-block-3 > .text-block-8 {
  margin-bottom: 10px;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #fff;
  text-align: left;
}

.div-block-3 > .heading-20 {
  margin: 0px;  
  font-size: 24px;
  line-height: 30px;
  color: #32314b;
  transition: color .3s ease-in-out;
  text-align: left;
}

.div-block-3 > .heading-20:hover {
   color: #B04CC2;
}


.blog-pagination {
  margin-bottom: 60px;
}

.blog-pagination > a  {
  display: inline-block;
  width: 138px;
  padding: 18px 35px;
  border-radius: 10px;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 16px;
  line-height: 13px;
  text-align: center;
  text-decoration: none;  
  color: #ffffff;
  background: #10C85D;  
  transition: background-color 300ms ease;
}

.blog-pagination > a:hover {
  outline: 0;
  background: #27ae60;
}


@media all and (max-width: 1199px) {    
  
 .post-listing, .post-listing-simple {
    margin-left: -12.75px;
    margin-right: -12.75px;
  }
  
  .post-item {
    margin-bottom: 25.5px;
    padding: 0px 12.75px;
  }
  
  .blogpostgrid {
    border-radius: 8.5px;
  }
  
  /*.div-block-3 {
    padding: 20.4px;   
  }*/
  
  .div-block-3 > .text-block-8 {
    margin-bottom: 8.5px;
    font-size: 11.05px;
    line-height: 14.45px;
  }
  
  .div-block-3 > .heading-20 {
    font-size: 20.4px;
    line-height: 25.5px;
  }
  
  .blog-pagination {
    margin-bottom: 51px;
  }
  
  .blog-pagination > a {
    width: 127.5px;
    border-radius: 43.35px;
    padding: 15.3px 29.75px;
    font-size: 13.6px;
    line-height: 11.05px;    
  }
  
}


.blog .hs-embed-wrapper{
  overflow: visible !important;
  max-width: 90% !important;
  min-width: 90% !important;
  max-height: 100% !important;
  border-radius: 20px;
  padding: 20px !important;
}

.blog #email-b4c32d5e-cb33-499a-827f-78a5f4e47e4c{
  border-radius: 20px !important;
}

.blog .hs-button {
  white-space: pre-wrap;
  width: 160px;
  height: 56px;
  border-radius: 20px;
  background: #10c85d;
  font-weight: bold;
}

.blog input[type=email] {
    width: 96%;
}

.blog-form{
  padding: 16px;
}

.blog-form .hs-form-field>label{
  color: #fff;
}

.blog-form .hs-input{
  max-width: 47% !important;
}

@media (max-width: 768px) {
   .blog-form .hs-input{
    max-width: 90% !important;
  }
}

.blog-form .hs-button.primary.large{
  background: #10c85d;
  font-weight: bold;
}

.blog-form .submitted-message{
   color: #10c85d;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.header-container.container-fluid{
   max-width: 1440px;
   margin: 0 auto;
}

@media (min-width:576px) {
  .col-sm-6{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    box-sizing: border-box;
  }
}

@media all and (min-width:768px) {
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    box-sizing: border-box;
  }
}

@media all and (min-width:992px) {
  .d-lg-none {
    display: none!important;
  }
}

.d-flex {
  display: -ms-flexbox!important;
  display: flex!important;
}

.flex-wrap {
  -ms-flex-wrap: wrap!important;
  flex-wrap: wrap!important
}

.justify-content-between {
  -ms-flex-pack: justify!important;
  justify-content: space-between!important;
}


.backtofrontpage {
  margin-top: 120px;
}

@media (max-width:1040px) {
  .backtofrontpage {
    margin-top: 80px;
  }
}

@media (max-width:768px) {
  .backtofrontpage {
    margin-top: 60px;
  }
}

.backtofrontpage a {
  margin-left: 0%;
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: 18px;
  text-decoration: none;
  color: #000;
}

.single-post .row-fluid-wrapper {
  max-width: 75% !important;
}

@media (max-width:1040px) {
  .single-post .row-fluid-wrapper {
    max-width: 100% !important;
  }
}

.single-post .div-block-8 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 40px;
  padding-bottom: 40px;
}
.single-post .blog-title h1 {
  margin-top: 20px;
  font-family: Arial, sans-serif;
  margin-bottom: 10px;
}
.single-post .div-block-3 {
  margin-top: 20px;
}
.single-post .text-block-8 {
  color: #000;
}
.single-post .heading-20 {
  margin-top: 10px;
  margin-bottom: 0px;
  color: #000;
  font-size: 28px;
  line-height: 36px;
  text-decoration: none;
}

.single-post .hs-blog-post .content-wrapper {
  padding-right: 20% !important;
  padding-left: 20% !important;
  padding-top: 60px;
}

.single-post .hs-blog-post .content-wrapper > .row-fluid-wrapper {
  max-width: 700px;
  margin: 0 auto;
}

.single-post h1 {
  margin: 40px 0;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  line-height: 150%;
  color: #292D34;
}

@media (max-width:1040px) {
  .single-post h1 {
    font-size: 36px;
  }
}

@media (max-width: 768px) {
  .single-post h1 {
    font-size: 28px;
     margin: 20px 0;
  }
}

.single-post .blog_ingress {
  margin-bottom: 40px;
  color: #292D34;
}

.blog_image img {
  width: 100%;
  margin-top: 80px;
}

@media (max-width: 768px) {
  .blog_image img {
    margin-top: 60px;
  }
}

.single-post .forfatter {
  font-family: Roboto, sans-serif;
  font-size: 20px;
  line-height: 100%;
  color: #73819E;
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {
  .single-post .forfatter {
    font-size: 16px;
  }
}

.single-post .forfatter:before{
  background-image: url(https://landing.smoc.ai/hubfs/Iconly.svg);
  background-repeat: no-repeat;
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  background-size: contain;
  margin-right: 7px;
}

@media (max-width: 768px) {
  .single-post .forfatter:before{
    width: 20px;
    height: 20px;
  }
}



.single-post .paragraph-20 {
  font-size: 22px;
  font-style: italic;
   color: #292D34;
}
.single-post p{
  color: #292D34;
}
.single-post span{
  color: #292D34 !important;
}

.post-header{
  position: relative;
}


.single-post .infobox {
  margin: 0 0 40px;
  color: #292D34;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  width: 100%;
  top: 0;
}

@media (max-width: 768px) {
  .single-post .infobox {
    margin: 0 0 20px;
  }
}

.single-post .dato {
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 500;
  background: linear-gradient(94.55deg, #8F4AC1 6.98%, #B04CC2 62.24%, #CC3CAF 117.97%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

@media (max-width: 768px) {
 .single-post .dato {
    font-size: 16px;
  }
}

.single-post .hs-blog-post .section.post-body {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
}


.blog .join{
  background: url(https://landing.smoc.ai/hubfs/Group%204163.svg);
  padding-bottom: 100px;
  padding-top: 60px;
  background-size: 30%;
}

@media (max-width: 1040px) {
 .blog .join{
   font-size: 16px;
   background-size: 45%;
  }
}

@media (max-width: 1040px) {
 .blog .join{
   padding: 30px 0;
   background-size: none;
  }
}

.blog .join__block{
  padding: 60px;
}

@media (max-width: 1040px) {
 .blog .join__block{
    padding: 40px;
  }
}


.blog .join .violet__link {
  display: inline-flex !important;
}


.post-listing-simple a{
  font-size: 36px;
  line-height: 120%;
  color: #32314b;
  margin-bottom: 30px;
  display: block;
  padding: 10px;
  transition: all .3s!important;
}

@media (max-width: 767px) {
 .post-listing-simple a{
    font-size: 27px;
    line-height: 120%;
    margin-bottom: 10px;
    padding: 0;
  }
}

.post-listing-simple a:hover{
  color: #c941ab;
}

/*сontact*/

.contact .div-block-28 {
  border: 2px solid #292d34;
}

.contact .home-intro{
  padding-bottom: 220px;
}

@media (max-width: 767px) {
 .contact .home-intro{
    padding-bottom: 60px;
  }
}

.contact .home-intro .row-fluid {
  align-items: center;
}


.contact__title h1{
  font-weight: 700;
  font-size: 60px;
  line-height: 115%;
  color: #292D34;
  text-align: center;
  margin: 0;
}

@media (max-width: 1040px) {
 .contact__title h1{
    font-size: 48px;
  }
}

@media (max-width: 767px) {
 .contact__title h1{
    font-size: 36px;
  }
}

.contact__subtitle span{
  font-weight: 400;
  font-size: 24px;
  line-height: 130%;
  text-align: center;
  color: #000000;
  margin: 40px auto 0;
  display: block;
  max-width: 806px;
}

@media (max-width: 1040px) {
 .contact__subtitle span{
    font-size: 20px;
    max-width: 90%;
  }
}


.contact__img{
  text-align: center;
}

.contact__form{
  margin: 80px 0;
  padding: 60px 0;
  background: #8D5BDD;
  border-radius: 29px;
  box-shadow: -9px 16px 10px rgba(0, 0, 0, 0.15);
}

@media (max-width: 1040px) {
 .contact__form{
    margin: 40px 0;
    padding: 30px 0;
  }
}

@media (max-width: 767px) {
 .contact__form{
    padding: 30px 15px;
  }
}

.contact__form form{
  max-width: 630px;
  margin: 0 auto;
}

.contact__form form input.hs-button.primary.large{
  position: relative;
  top: 0;
  margin: 40px auto 0;
}

.contact__form form input{
  border: 1px solid #FFFFFF;
  border-radius: 15px;
  height: 34px;
  padding: 15px 10px;
}


.contact__form form fieldset.form-columns-1 .hs-input {
  width: 100%;
}

@media (max-width: 767px) {
 .contact__form form fieldset.form-columns-1 .hs-input {
    width: 95%;
  }
}

.contact__form form fieldset.form-columns-2 {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

@media (max-width: 767px) {
 .contact__form form fieldset.form-columns-2 {
    flex-direction: column;
  }
}


.contact__form form fieldset.form-columns-2 input {
  margin-right: 0; 
  width: 98%;
}

.contact__form form fieldset.form-columns-2 .input {
  margin-right: 0 !important;
}

.contact__form form fieldset.form-columns-1 .input {
  margin-right: 0 !important;
}

.contact__form form fieldset.form-columns-2 .hs-form-field {
    width: 48% !important;
}

@media (max-width: 767px) {
 .contact__form form fieldset.form-columns-2 .hs-form-field {
    width: 100% !important;
  }
}

.contact__form form fieldset {
   max-width: 100%;
}

.contact__form form .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field .hs-input {
  box-shadow: none;
  padding: 0;
  border-radius: 15px;
  color: #fff;
  height: 34px;
  padding: 15px 10px;
  border: 1px solid #ffffff;
  width: 100% !important;
}

@media (max-width: 767px) {
 .contact__form form .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field .hs-input {
    width: 95% !important;
  }
}

.contact__form form fieldset textarea{
  height: 130px;
  border-radius: 15px;
  padding: 15px 10px;
}

.contact__form form fieldset textarea.hs-input.invalid.error {
    border: 1px solid #FF6369;
}

.contact__form form label{
  color: #ffffff;
}

.contact__form form .hs-richtext p, .submitted-message>p, ul.inputs-list>li>.hs-main-font-element {
  font-size: 12px;
  font-weight: 300;
  line-height: 150%;
}

.contact__form form .submitted-message>p,
.contact__form ul.inputs-list>li>.hs-main-font-element {
  color: #f2545b;
}

.contact__form li.hs-form-booleancheckbox>label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.contact__form .legal-consent-container .hs-form-booleancheckbox-display>span {
  line-height: 120%;
}

.contact__form .legal-consent-container .hs-form-booleancheckbox-display input {
  margin-top: 0;
}

.violet__link-not-arrow{
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  color: #8d5bdd;
  display: block;
}

.contact .contact__contacts-item .row-fluid {
  align-items: self-start;
}

.contact__contacts-item{
  width: 100% !important;
}

/*press*/

.press-intro {
    padding-bottom: 150px;
    padding-top: 150px;
}

@media (max-width: 1040px){
  .press-intro {
      padding-bottom: 60px;
      padding-top: 100px;
  }
}


@media (max-width: 767px){
  .press-intro {
      padding-bottom: 40px;
      padding-top: 80px;
  }
}



.press .div-block-28 {
  border: 2px solid #292d34;
}

.press .home-intro .row-fluid {
  align-items: self-start;
} 

.press__block{
  margin-top: 80px;
}

.press__block img {
  width: 100%;
}


@media (max-width: 1040px) {
 .press__main-post{
    width: 100% !important;
    margin-bottom: 30px;
  }
}


.press__main-post-img img{
  border-radius: 20px;
}

.press__main-post-date span{
  display: block;
  font-family: 'IBM Plex Mono', sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 120%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #7861ED;
  margin: 24px 0;
}

.press__main-post-subtitle span{
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  color: #27273D;
  margin: 0 0 24px;
  display: block;
}

.press__main-post-title h2{
  font-weight: 700;
  font-size: 48px;
  line-height: 120%;
  color: #27273D;
}

@media (max-width: 1040px){
  .press__main-post-title h2{
    font-size: 36px;
  }
}

@media (max-width: 767px){
  .press__main-post-title h2{
    font-size: 30px;
  }
}


@media (max-width: 1040px) {
 .press__posts{
   width: 100% !important;
   margin: 0 !important;
  }
}


.press__post{
  margin-bottom: 20px;
}

.press__post-title h3{
  font-weight: 500;
  font-size: 24px;
  line-height: 125%;
  color: #27273D;
  margin: 10px 0;
}

@media (max-width: 1040px){
  .press__post-title h3{
    font-size: 20px;
  }
}

.press__post-date span{
  display: block;
  font-family: 'IBM Plex Mono', sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 120%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #27273D;
}



@media (max-width: 1040px){
  .press__form-title h2{
    font-size: 36px !important;
  }
}

@media (max-width: 767px){
  .press__form-title h2{
    font-size: 32px !important;
  }
}


.press__form form .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field .hs-input {
  color: #000;
  background-color: #fff;
}

.press__form form {
  position: relative;
}

.press__form form input.hs-button.primary.large {
  position: absolute;
  top: 47px;
  margin: 0;
}

@media (max-width: 767px){
  .press__form form input.hs-button.primary.large {
    position: relative;
    top: 0;
    margin: 40px 0 0;
  }
}


.press__form-title h2{
  font-style: normal;
  font-weight: 600;
  font-size: 48px;
  line-height: 100%;
  color: #FFFFFF;
  margin-bottom: 30px;
  text-align: center;
}

/*customers-page */

.customers-page .div-block-28{
   border: 2px solid #292d34;
}

.customers-page .body-container-wrapper {
  background-position: 100% 0!important;
  background-repeat: no-repeat!important;
  background-size: 700px 700px!important;
  background-image: url(https://landing.smoc.ai/hubfs/Group%204368-1.svg);
}

@media (max-width: 1040px){
  .customers-page .body-container-wrapper {
   background-image: none !important;
  }
}


.customers-use {
  padding-bottom: 60px;
  padding-top: 60px;
}


@media (max-width: 1040px){
  .customers-use {
    padding-bottom: 40px;
    padding-top: 0;
  }
}


.customers-use__title h2{
  font-weight: 400;
  font-size: 40px;
  line-height: 100%;
  color: #27273D;
  max-width: 677px;
  margin: 0 auto;
  text-align: center;
}

@media (max-width: 1040px){
  .customers-use__title h2{
    font-size: 36px;
  }
}

@media (max-width: 767px){
  .customers-use__title h2{
    font-size: 30px;
  }
}

.customers-use__item{
  background: #FDFBFB;
  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 40px 40px 30px 40px;
  text-align: center;
  margin-top: 20px;
}

@media (max-width: 1040px){
  .customers-use__item{
    padding: 20px;
  }
}

.customers-use__num{
  font-weight: 700;
  font-size: 60px;
  line-height: 120%;
  display: block;
  text-align: center;
}

@media (max-width: 1040px){
  .customers-use__num{
    font-size: 48px;
  }
}

.customers-use__text{
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  display: block;
  text-align: center;
  height: 48px;
}

.customers-use__img{
  margin-top: 20px;
}


.customers-use__img img{
  height: 47px !important;
}

@media (max-width: 767px){
  .customers-use__img img{
    height: auto !important;
  }
}

.customers-blog__block{
  border-top: 1px solid #10c85d;
  padding: 60px 0 0;
}

.customers-post{
  background: #F8F8F8;
  box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  margin-bottom: 20px;
}

.customers-post .row-fluid-wrapper {
  padding-left: 0;
  padding-right: 0;
}

.customers-post__img img{
  width: 100%;
}

.customers-post__title h3{
  width: 90%;
  font-weight: 600;
  font-size: 30px;
  line-height: 119%;
  color: #32314B;
  margin: 32px auto;
}

@media (max-width: 1040px){
  .customers-post__title h3{
    font-size: 26px;
    margin: 20px auto;
  }
}

.customers-post__text span{
  width: 90%;
  margin: 0 auto 50px;
  font-weight: 400;
  font-size: 15px;
  line-height: 119%;
  color: #32314B;
  display: block;
}

@media (max-width: 1040px){
  .customers-post__text span{
    height: 55px;
  }
}

@media (max-width: 767px){
  .customers-post__text span{
    height: auto;
  }
}

.customers-page .review-slide{
  position: relative;
  max-width: 650px;
  margin: 0 auto;
}

@media (max-width: 1040px){
  .customers-page .review {
      padding-bottom: 60px;
      padding-top: 60px;
  }
}

@media (max-width: 767px){
  .customers-page .review {
      padding-bottom: 40px;
      padding-top: 40px;
  }
}

#hs_cos_wrapper_module_1644522955039305 p, #hs_cos_wrapper_module_1644522955039305 li, #hs_cos_wrapper_module_1644522955039305 span, #hs_cos_wrapper_module_1644522955039305 label, #hs_cos_wrapper_module_1644522955039305 h1, #hs_cos_wrapper_module_1644522955039305 h2, #hs_cos_wrapper_module_1644522955039305 h3, #hs_cos_wrapper_module_1644522955039305 h4, #hs_cos_wrapper_module_1644522955039305 h5, #hs_cos_wrapper_module_1644522955039305 h6 {
    color: #3B3F46 !important;
}

@media (max-width: 1040px){
  .customers-page .more {
      padding-bottom: 100px;
      padding-top: 40px;
  }
}

@media (max-width: 767px){
  .customers-page .more {
      padding-bottom: 60px;
  }
}

.bohus .body-container-wrapper {
  background-size: 50% !important;
  background-image: url(https://landing.smoc.ai/hubfs/Group%204368-2.svg);
}

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



.bohus .home-intro__right-title h1{
  font-size: 40px;
}

@media (max-width: 767px){
  .bohus .home-intro__right-title h1{
    font-size: 28px;
  }
}

@media (max-width: 1040px){
  .bohus .home-intro__right {
      text-align: center;
  }
}

@media (max-width: 1040px){
  .bohus .home-intro__right-subtitle span {
     margin: 24px auto 20px !important;
  }
}


@media (max-width: 767px){
  .bohus .home-intro__right-btn{
    text-align: center;
    width: 100%;
  }
}



.case{
  margin: 0 0 30px;
}

.case__about-post{
  margin: 0 0 30px;
}

.bohus em{
  display: block;
  margin-top: 20px;
}

.red{
  color: red;
}

.case__about-post-title h3{
  font-weight: 700;
  font-size: 40px;
  line-height: 119%;
  color: #32314B;
  margin: 0 0 40px;
}

@media (max-width: 1040px){
  .case__about-post-title h3{
    font-size: 28px;
    margin: 0 0 20px;
  }
}



.case__about-post-text span{
  font-weight: 400;
  font-size: 22px;
  line-height: 140%;
  color: #3B3F46;
  display:  block;
}

@media (max-width: 1040px){
  .case__about-post-text span{
    font-size: 18px;
  }
}

.case__aside .row-number-1 .row-fluid{
  justify-content: center;
  display: flex;
}

@media (max-width: 767px){
  .case__aside .row-number-1 .row-fluid{
    display: block;
  }
}

.case__aside .row-number-11 .row-fluid {
  justify-content: center;
  display: flex;
}

@media (max-width: 767px){
  .case__aside .row-number-11 .row-fluid {
    justify-content: flex-start;
  }
}

.case__aside .row-number-11{
  padding-bottom: 180px;
  background-image: url(https://landing.smoc.ai/hubfs/Group%204157-1.svg);
  background-position: center bottom;
  background-repeat: no-repeat !important;
  background-size: 100%;
}

@media (max-width: 1040px){
  .case__aside .row-number-11{
    padding-bottom: 100px;
  }
}


.case__sidebar{
  background: #F8F8F8;
  box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  padding: 40px 20px;
  max-width: 80%;
}

@media (max-width: 1040px){
  .case__sidebar{
   padding: 20px;
   max-width: 100%;
  }
}

.case__sidebar-item{
  margin: 0 0 30px;
}

@media (max-width: 1040px){
  .case__sidebar-item{
    margin: 0 0 15px;
  }
}

.case__sidebar-item-title h3{
  font-weight: 700;
  font-size: 22px;
  line-height: 119%;
  color: #32314B;
  margin: 0;
}

@media (max-width: 1040px){
  .case__sidebar-item-title h3{
    font-size: 18px;
  }
}



.case__sidebar-item-text span{
  font-weight: 400;
  font-size: 22px;
  line-height: 119%;
  color: #32314B;
  margin: 0;
  display:  block;
}

@media (max-width: 1040px){
  .case__sidebar-item-text span{
    font-size: 18px;
  }
}

.case__sidebar-img{
  text-align: center;
}

.case__video-block {
  align-items: center;
  background-position: 50%;
  background-repeat: repeat!important;
  background-size: 100% 100%!important;
  background: url(https://app.hubspot.com/api/filemanager/api/v3/files/thumbnail-redirect/91583307917?size=medium&portalId=7030126&hs_static_app=DesignManagerIde&hs_static_app_version=static-2.35391&errorOnPlaceholder=true&upscale=true&t=1668425964414);
  height: 676px;
  max-width: 320px;
}

@media (max-width: 1040px){
  .case__video-block {
    height: 630px;
  }
}

@media (max-width: 800px){
  .case__video-block {
    height: 580px;
  }
}


@media (max-width: 767px){
  .case__video-block {
    height: 670px;
    margin: 0 auto 30px;
  }
}

.case__video-block .row-fluid{
  display: block !important;
}

.case__video .hs-video-wrapper{
  max-width: 300px;
}

.case__video iframe{
  border-radius: 40px;
  margin-top: 12px;
}


.norwegian .home-intro__right-title h1{
  font-size: 55px;
}

@media (max-width: 1040px){
  .norwegian .home-intro__right-title h1{
    font-size: 36px;
  }
}

@media (max-width: 767px){
  .norwegian .home-intro__right-title h1{
    font-size: 28px;
  }
}




.norwegian .case__aside .row-number-12{
  padding-bottom: 180px;
  background-image: url(https://landing.smoc.ai/hubfs/Group%204157-1.svg);
  background-position: center bottom;
  background-repeat: no-repeat !important;
  background-size: 100%;
}

@media (max-width: 1040px){
  .norwegian .case__aside .row-number-12{
    padding-bottom: 100px;
  }
}

.norwegian .case__aside .row-number-12 .row-fluid {
  justify-content: center;
  display: flex;
}

@media (max-width: 767px){
  .norwegian .case__aside .row-number-12 .row-fluid {
    justify-content: flex-start;
  }
}


.case__review{
  margin: 30px 0;
}

.case__review .row-number-1{
  padding: 0;
} 

.case__review-text span{
  font-weight: 600;
  font-size: 20px;
  line-height: 160%;
  color: #3B3F46;
}

@media (max-width: 767px){
  .case__review-text span{
    font-size: 18px;
  }
}


@media (max-width: 767px){
  .case__review-img{
    margin-top: 30px;
  }
}



.newsletter-sign-in-modal .hs-richtext p {
  color: #3b3f46;
}

.newsletter-sign-in-modal .submitted-message>p, 
.newsletter-sign-in-modal ul.inputs-list>li>.hs-main-font-element {
  color: #ff6369;
}

.newsletter-sign-in-modal .legal-consent-container .hs-form-booleancheckbox-display>span {
   color: #3b3f46;
}

.request-demo .home-intro .row-fluid {
    display: flex;
    align-items: start;
}

.request-demo__block{
  background: url(https://landing.smoc.ai/hubfs/Group%204526.svg);
  background-position: bottom right !important;
  background-repeat: no-repeat !important;
}

.request-demo .review-slide{
  position: relative;
  max-width: 650px;
  margin: 0 auto;
}

@media (max-width: 1040px){
   .request-demo .review {
      padding-bottom: 60px;
      padding-top: 60px;
  }
  
  
  
}

@media (max-width: 767px){
  .request-demo .review {
      padding-bottom: 40px;
      padding-top: 40px;
  }
  .request-demo__text {
    display: none !important;
  }
}


.request-demo__text{
  line-height: 110%;
  color: #3B3F46;
  margin: 32px 0 0;
  font-family: 'Public Sans', sans-serif;
}

.request-demo__form{
  background: #FFFFFF;
  box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 40px 22px 40px 30px;
  margin: 0 30px 50px 10px !important;
}

@media (max-width: 1040px){
  .request-demo__form{
    width: 98% !important;
    padding: 30px 22px 30px 30px;
    margin: 30px 0 50px 0 !important;
  }
}


@media (max-width: 767px){
  .request-demo__form{
    padding: 10px 2px 10px 10px;
  }
}

@media (max-width: 480px){
  .request-demo__form{
    padding: 10px 12px 10px 10px;
  }
}

.request-demo__form input.hs-button.primary.large{
  position: relative;
  top: 0;
  margin: 20px 0;
}


.request-demo__form .hs-input, 
.request-demo__form .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field .hs-input{
  border: 1px solid #CBD6EC;
  border-radius: 10px;
  box-shadow: none;
  height: auto;
  padding: 13px 20px;
  font-size: 14px;
  line-height: 154.7%;
  color: #32314B;
  width: 85%;
}

@media (max-width: 767px){
  .request-demo__form .hs-input, 
  .request-demo__form .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field .hs-input{
    padding: 13px;
  }
}

@media (max-width: 480px){
 .request-demo__form .hs-input, 
 .request-demo__form .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field .hs-input {
    width: 95%;
    margin-bottom: 10px;
  }
}


.request-demo__form .legal-consent-container .hs-form-booleancheckbox-display>span{
  color: #73819E;
  font-size: 12px;
  line-height: 158%;
}

.request-demo__form fieldset.form-columns-1 .hs-input{
  width: 93% !important;
}

.request-demo__form fieldset.form-columns-1 input[type=checkbox]{
  width: auto !important;
}

.request-demo__form form fieldset{
  max-width: 100%;
}

.request-demo__form .hs-input.invalid.error {
  border: 1px solid #ff6369;
}

.request-demo__form form input::placeholder {
  color: #32314B !important;
  font-size: 14px !important;
}

.request-demo__form form input::-webkit-input-placeholder 
  color: #32314B !important;
  font-size: 14px !important;
}

.request-demo__form form input:-ms-input-placeholder { 
  color: #32314B !important;
  font-size: 14px !important;
}

.request-demo__form form textarea::placeholder {
  color: #32314B !important;
  font-size: 14px !important;
}

.request-demo__form form .input textarea{
  height: 125px;
}

.request-demo__form ul.inputs-list{
  margin: 10px 0;
}

.request-demo__form .hs-richtext p, 
.request-demo__form .submitted-message>p, 
.request-demo__form ul.inputs-list>li>.hs-main-font-element {
  color: #ff6369;
}