@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;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=Roboto:wght@300;400;500;700;900&display=swap');

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif
}

body {
  margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block
}

audio,
canvas,
progress,
video {
  vertical-align: baseline;
  display: inline-block
}

audio:not([controls]) {
  height: 0;
  display: none
}

[hidden],
template {
  display: none
}

a {
  background-color: transparent
}

a:active,
a:hover {
  outline: 0
}

abbr[title] {
  border-bottom: 1px dotted
}

b,
strong {
  font-weight: 700
}

dfn {
  font-style: italic
}

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

mark {
  color: #000;
  background: #ff0
}

small {
  font-size: 80%
}

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

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

img {
  border: 0
}

svg:not(:root) {
  overflow: hidden
}

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

pre {
  overflow: auto
}

code,
kbd,
pre,
samp {
  font-family: monospace;
  font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0
}

button {
  overflow: visible
}

button,
select {
  text-transform: none
}

button,
html input[type=button],
input[type=reset] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled],
html input[disabled] {
  cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

input {
  line-height: normal
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0
}

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

input[type=search] {
  -webkit-appearance: none
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

legend {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: 700
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

td,
th {
  padding: 0
}

@font-face {
  font-family: webflow-icons;
  src: url("cd8065b53a84d8a81e7765a00384ea0f98c3c59d")format("truetype");
  font-weight: 400;
  font-style: normal
}

[class^=w-icon-],
[class*=\ w-icon-] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  font-family: bootstrap-icons !important;
}

.w-icon-slider-right:before {
  content: ""
}

.w-icon-slider-left:before {
  content: ""
}

.w-icon-nav-menu:before {
  content: "\F479"
}

.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
  content: ""
}

.w-icon-file-upload-remove:before {
  content: ""
}

.w-icon-file-upload-icon:before {
  content: ""
}

* {
  box-sizing: border-box
}

html {
  height: 100%
}

body {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px
}

img {
  vertical-align: middle;
  max-width: 100%;
  display: inline-block
}

html.w-mod-touch * {
  background-attachment: scroll !important
}

.w-block {
  display: block
}

.w-inline-block {
  max-width: 100%;
  display: inline-block;
  transition: all .35s;
}

.w-clearfix:before,
.w-clearfix:after {
  content: " ";
  grid-area: 1/1/2/2;
  display: table
}

.w-clearfix:after {
  clear: both
}

.w-hidden {
  display: none
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block
}

input.w-button {
  -webkit-appearance: button
}

html[data-w-dynpage] [data-w-cloak] {
  color: transparent !important
}

.w-code-block {
  margin: unset
}

pre.w-code-block code {
  all: inherit
}

.w-webflow-badge,
.w-webflow-badge * {
  z-index: auto;
  visibility: visible;
  box-sizing: border-box;
  float: none;
  clear: none;
  box-shadow: none;
  opacity: 1;
  direction: ltr;
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-align: inherit;
  letter-spacing: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
  text-indent: 0;
  text-transform: inherit;
  text-shadow: none;
  font-smoothing: auto;
  vertical-align: baseline;
  cursor: inherit;
  white-space: inherit;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  background: 0 0;
  border: 0 transparent;
  border-radius: 0;
  width: auto;
  min-width: 0;
  max-width: none;
  height: auto;
  min-height: 0;
  max-height: none;
  margin: 0;
  padding: 0;
  list-style-type: disc;
  transition: none;
  display: block;
  position: static;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  overflow: visible;
  transform: none
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .1);
  visibility: visible !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  opacity: 1 !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  top: auto !important;
  bottom: 12px !important;
  left: auto !important;
  right: 12px !important;
  overflow: visible !important;
  transform: none !important
}

.w-webflow-badge>img {
  visibility: visible !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 10px;
  font-weight: 700
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px
}

p {
  margin-top: 0;
  margin-bottom: 10px
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px
}

figure {
  margin: 0 0 10px
}

figcaption {
  text-align: center;
  margin-top: 5px
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px
}

.w-list-unstyled {
  padding-left: 0;
  list-style: none
}

.w-embed:before,
.w-embed:after {
  content: " ";
  grid-area: 1/1/2/2;
  display: table
}

.w-embed:after {
  clear: both
}

.w-video {
  width: 100%;
  padding: 0;
  position: relative
}

.w-video iframe,
.w-video object,
.w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0
}

button,
[type=button],
[type=reset] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0
}

.w-form {
  margin: 0 0 15px
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none
}

label {
  margin-bottom: 5px;
  font-weight: 700;
  display: block
}

.w-input,
.w-select {
  color: #a39c9c;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block
}

.w-input:-moz-placeholder,
.w-select:-moz-placeholder {
  color: #999
}

.w-input::-moz-placeholder,
.w-select::-moz-placeholder {
  color: #999;
  opacity: 1
}

.w-input::-webkit-input-placeholder,
.w-select::-webkit-input-placeholder {
  color: #999
}

.w-input:focus,
.w-select:focus {
  border-color: #3898ec;
  outline: 0
}

.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
  cursor: not-allowed
}

.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee
}

textarea.w-input,
textarea.w-select {
  height: auto
}



.w-select[multiple] {
  height: auto
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: 400;
  display: inline-block
}

.w-radio {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block
}

.w-radio:before,
.w-radio:after {
  content: " ";
  grid-area: 1/1/2/2;
  display: table
}

.w-radio:after {
  clear: both
}

.w-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal
}

.w-file-upload {
  margin-bottom: 10px;
  display: block
}

.w-file-upload-input {
  opacity: 0;
  z-index: -100;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden
}

.w-file-upload-default,
.w-file-upload-uploading,
.w-file-upload-success {
  color: #333;
  display: inline-block
}

.w-file-upload-error {
  margin-top: 10px;
  display: block
}

.w-file-upload-default.w-hidden,
.w-file-upload-uploading.w-hidden,
.w-file-upload-error.w-hidden,
.w-file-upload-success.w-hidden {
  display: none
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 400;
  display: flex
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: 400;
  display: block
}

.w-file-remove-link {
  cursor: pointer;
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px
}

.w-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block
}

.w-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block
}

.w-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block
}

.w-icon-file-upload-icon,
.w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block
}

.w-icon-file-upload-uploading {
  height: 20px
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto
}

.w-container:before,
.w-container:after {
  content: " ";
  grid-area: 1/1/2/2;
  display: table
}

.w-container:after {
  clear: both
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px
}

.w-row:before,
.w-row:after {
  content: " ";
  grid-area: 1/1/2/2;
  display: table
}

.w-row:after {
  clear: both
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0
}

.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0
}

.w-col-1 {
  width: 8.33333%
}

.w-col-2 {
  width: 16.6667%
}

.w-col-3 {
  width: 25%
}

.w-col-4 {
  width: 33.3333%
}

.w-col-5 {
  width: 41.6667%
}

.w-col-6 {
  width: 50%
}

.w-col-7 {
  width: 58.3333%
}

.w-col-8 {
  width: 66.6667%
}

.w-col-9 {
  width: 75%
}

.w-col-10 {
  width: 83.3333%
}

.w-col-11 {
  width: 91.6667%
}

.w-col-12 {
  width: 100%
}

.w-hidden-main {
  display: none !important
}

@media screen and (max-width:991px) {
  .w-container {
    max-width: 728px
  }

  .w-hidden-main {
    display: inherit !important
  }

  .w-hidden-medium {
    display: none !important
  }

  .w-col-medium-1 {
    width: 8.33333%
  }

  .w-col-medium-2 {
    width: 16.6667%
  }

  .w-col-medium-3 {
    width: 25%
  }

  .w-col-medium-4 {
    width: 33.3333%
  }

  .w-col-medium-5 {
    width: 41.6667%
  }

  .w-col-medium-6 {
    width: 50%
  }

  .w-col-medium-7 {
    width: 58.3333%
  }

  .w-col-medium-8 {
    width: 66.6667%
  }

  .w-col-medium-9 {
    width: 75%
  }

  .w-col-medium-10 {
    width: 83.3333%
  }

  .w-col-medium-11 {
    width: 91.6667%
  }

  .w-col-medium-12 {
    width: 100%
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto
  }
}

@media screen and (max-width:767px) {

  .w-hidden-main,
  .w-hidden-medium {
    display: inherit !important
  }

  .w-hidden-small {
    display: none !important
  }

  .w-row,
  .w-container .w-row {
    margin-left: 0;
    margin-right: 0
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto
  }

  .w-col-small-1 {
    width: 8.33333%
  }

  .w-col-small-2 {
    width: 16.6667%
  }

  .w-col-small-3 {
    width: 25%
  }

  .w-col-small-4 {
    width: 33.3333%
  }

  .w-col-small-5 {
    width: 41.6667%
  }

  .w-col-small-6 {
    width: 50%
  }

  .w-col-small-7 {
    width: 58.3333%
  }

  .w-col-small-8 {
    width: 66.6667%
  }

  .w-col-small-9 {
    width: 75%
  }

  .w-col-small-10 {
    width: 83.3333%
  }

  .w-col-small-11 {
    width: 91.6667%
  }

  .w-col-small-12 {
    width: 100%
  }
}

@media screen and (max-width:479px) {
  .w-container {
    max-width: none
  }

  .w-hidden-main,
  .w-hidden-medium,
  .w-hidden-small {
    display: inherit !important
  }

  .w-hidden-tiny {
    display: none !important
  }

  .w-col {
    width: 100%
  }

  .w-col-tiny-1 {
    width: 8.33333%
  }

  .w-col-tiny-2 {
    width: 16.6667%
  }

  .w-col-tiny-3 {
    width: 25%
  }

  .w-col-tiny-4 {
    width: 33.3333%
  }

  .w-col-tiny-5 {
    width: 41.6667%
  }

  .w-col-tiny-6 {
    width: 50%
  }

  .w-col-tiny-7 {
    width: 58.3333%
  }

  .w-col-tiny-8 {
    width: 66.6667%
  }

  .w-col-tiny-9 {
    width: 75%
  }

  .w-col-tiny-10 {
    width: 83.3333%
  }

  .w-col-tiny-11 {
    width: 91.6667%
  }

  .w-col-tiny-12 {
    width: 100%
  }
}

.w-widget {
  position: relative
}

.w-widget-map {
  width: 100%;
  height: 400px
}

.w-widget-map label {
  width: auto;
  display: inline
}

.w-widget-map img {
  max-width: inherit
}

.w-widget-map .gm-style-iw {
  text-align: center
}

.w-widget-map .gm-style-iw>button {
  display: none !important
}

.w-widget-twitter {
  overflow: hidden
}

.w-widget-twitter-count-shim {
  vertical-align: top;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px
}

.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  pointer-events: none;
  border: solid transparent;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: rgba(117, 134, 150, 0) #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
  margin-top: -4px;
  margin-left: -9px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  margin-top: -4px;
  margin-left: -8px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px
}

.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  pointer-events: none;
  border: solid transparent;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
  margin-left: -5px
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  margin-left: -4px
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px
}

.w-background-video {
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden
}

.w-background-video>video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  top: -100%;
  bottom: -100%;
  left: -100%;
  right: -100%
}

.w-background-video>video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important
}

.w-background-video--control {
  background-color: transparent;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em
}

.w-background-video--control>[hidden] {
  display: none !important
}

.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  background: #ddd;
  height: 300px;
  position: relative
}

.w-slider-mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden
}

.w-slide {
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative
}

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0
}

.w-slider-nav.w-round>div {
  border-radius: 100%
}

.w-slider-nav.w-num>div {
  font-size: inherit;
  line-height: inherit;
  width: auto;
  height: auto;
  padding: .2em .5em
}

.w-slider-nav.w-shadow>div {
  box-shadow: 0 0 3px rgba(51, 51, 51, .4)
}

.w-slider-nav-invert {
  color: #fff
}

.w-slider-nav-invert>div {
  background-color: rgba(34, 34, 34, .4)
}

.w-slider-nav-invert>div.w-active {
  background-color: #222
}

.w-slider-dot {
  cursor: pointer;
  background-color: rgba(255, 255, 255, .4);
  width: 1em;
  height: 1em;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative
}

.w-slider-dot.w-active {
  background-color: #fff
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff
}

.w-slider-dot:focus.w-active {
  box-shadow: none
}

.w-slider-arrow-left,
.w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden
}

.w-slider-arrow-left [class^=w-icon-],
.w-slider-arrow-right [class^=w-icon-],
.w-slider-arrow-left [class*=\ w-icon-],
.w-slider-arrow-right [class*=\ w-icon-] {
  position: absolute
}

.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus {
  outline: 0
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto
}

.w-icon-slider-left,
.w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden
}

.w-slider-force-show {
  display: block !important
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative
}

.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block
}

.w-dropdown-toggle:focus {
  outline: 0
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0
}

.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute
}

.w-dropdown-list.w--open {
  display: block
}

.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block
}

.w-dropdown-link.w--current {
  color: #0082f3
}

.w-dropdown-link:focus {
  outline: 0
}

@media screen and (max-width:767px) {
  .w-nav-brand {
    padding-left: 10px
  }
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: rgba(0, 0, 0, .9);
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translate(0)
}

.w-lightbox-backdrop,
.w-lightbox-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto
}

.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden
}

.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute
}

.w-lightbox-view:before {
  content: "";
  height: 100vh
}

.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
  height: 86vh
}

.w-lightbox-frame,
.w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block
}

.w-lightbox-figure {
  margin: 0;
  position: relative
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer
}

.w-lightbox-img {
  width: auto;
  max-width: none;
  height: auto
}

.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh
}

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(0, 0, 0, .4);
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.w-lightbox-control {
  cursor: pointer;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  transition: all .3s;
  position: absolute;
  top: 0
}

.w-lightbox-left {
  background-image: url("");
  display: none;
  bottom: 0;
  left: 0
}

.w-lightbox-right {
  background-image: url("");
  display: none;
  bottom: 0;
  right: 0
}

.w-lightbox-close {
  background-image: url("");
  background-size: 18px;
  height: 2.6em;
  right: 0
}

.w-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: auto;
  overflow-y: hidden
}

.w-lightbox-item {
  box-sizing: content-box;
  cursor: pointer;
  width: 10vh;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate(0, 0)
}

.w-lightbox-active {
  opacity: .3
}

.w-lightbox-thumbnail {
  background: #222;
  height: 10vh;
  position: relative;
  overflow: hidden
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translateY(-50%)
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%)
}

.w-lightbox-spinner {
  box-sizing: border-box;
  border: 5px solid rgba(0, 0, 0, .4);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid transparent;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px
}

.w-lightbox-hide {
  display: none
}

.w-lightbox-noscroll {
  overflow: hidden
}

@media (min-width:768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh
  }

  .w-lightbox-view,
  .w-lightbox-view:before {
    height: 96vh
  }

  .w-lightbox-group,
  .w-lightbox-group .w-lightbox-view,
  .w-lightbox-group .w-lightbox-view:before {
    height: 84vh
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh
  }

  .w-lightbox-left,
  .w-lightbox-right {
    opacity: .5;
    display: block
  }

  .w-lightbox-close {
    opacity: .8
  }

  .w-lightbox-control:hover {
    opacity: 1
  }
}

.w-lightbox-inactive,
.w-lightbox-inactive:hover {
  opacity: 0
}

.w-richtext:before,
.w-richtext:after {
  content: " ";
  grid-area: 1/1/2/2;
  display: table
}

.w-richtext:after {
  clear: both
}

.w-richtext[contenteditable=true]:before,
.w-richtext[contenteditable=true]:after {
  white-space: initial
}

.w-richtext ol,
.w-richtext ul {
  overflow: hidden
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,
.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after,
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
.w-richtext .w-richtext-figure-selected[data-rt-type=image] div {
  outline: 2px solid #2895f7
}

.w-richtext figure.w-richtext-figure-type-video>div:after,
.w-richtext figure[data-rt-type=video]>div:after {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.w-richtext figure {
  max-width: 60%;
  position: relative
}

.w-richtext figure>div:before {
  cursor: default !important
}

.w-richtext figure img {
  width: 100%
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: .6
}

.w-richtext figure div {
  color: transparent;
  font-size: 0
}

.w-richtext figure.w-richtext-figure-type-image,
.w-richtext figure[data-rt-type=image] {
  display: table
}

.w-richtext figure.w-richtext-figure-type-image>div,
.w-richtext figure[data-rt-type=image]>div {
  display: inline-block
}

.w-richtext figure.w-richtext-figure-type-image>figcaption,
.w-richtext figure[data-rt-type=image]>figcaption {
  caption-side: bottom;
  display: table-caption
}

.w-richtext figure.w-richtext-figure-type-video,
.w-richtext figure[data-rt-type=video] {
  width: 60%;
  height: 0
}

.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type=video] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.w-richtext figure.w-richtext-figure-type-video>div,
.w-richtext figure[data-rt-type=video]>div {
  width: 100%
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,
.w-richtext figure.w-richtext-align-center[data-rt-type=image]>div {
  max-width: 100%
}

.w-richtext figure.w-richtext-align-normal {
  clear: both
}

.w-richtext figure.w-richtext-align-fullwidth {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block
}

.w-richtext figure.w-richtext-align-fullwidth>div {
  padding-bottom: inherit;
  display: inline-block
}

.w-richtext figure.w-richtext-align-fullwidth>figcaption {
  display: block
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative
}

.w-nav:before,
.w-nav:after {
  content: " ";
  grid-area: 1/1/2/2;
  display: table
}

.w-nav:after {
  clear: both
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative
}

.w-nav-link.w--current {
  color: #0082f3
}

.w-nav-menu {
  float: right;
  position: relative
}

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important
}

.w--nav-link-open {
  display: block;
  position: relative
}

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0
}

.w-nav[data-animation=over-left] .w-nav-overlay {
  width: auto
}

.w-nav[data-animation=over-left] .w-nav-overlay,
.w-nav[data-animation=over-left] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto
}

.w-nav[data-animation=over-right] .w-nav-overlay {
  width: auto
}

.w-nav[data-animation=over-right] .w-nav-overlay,
.w-nav[data-animation=over-right] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative
}

.w-nav-button:focus {
  outline: 0
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8
}

.w-nav[data-collapse=all] .w-nav-menu {
  display: none
}

.w-nav[data-collapse=all] .w-nav-button,
.w--nav-dropdown-open,
.w--nav-dropdown-toggle-open {
  display: block
}

.w--nav-dropdown-list-open {
  position: static
}

@media screen and (max-width:991px) {
  .w-nav[data-collapse=medium] .w-nav-menu {
    display: none
  }

  .w-nav[data-collapse=medium] .w-nav-button {
    display: block
  }
}

@media screen and (max-width:767px) {
  .w-nav[data-collapse=small] .w-nav-menu {
    display: none
  }

  .w-nav[data-collapse=small] .w-nav-button {
    display: block
  }

  .w-nav-brand {
    padding-left: 10px
  }
}

@media screen and (max-width:479px) {
  .w-nav[data-collapse=tiny] .w-nav-menu {
    display: none
  }

  .w-nav[data-collapse=tiny] .w-nav-button {
    display: block
  }
}

.w-tabs {
  position: relative
}

.w-tabs:before,
.w-tabs:after {
  content: " ";
  grid-area: 1/1/2/2;
  display: table
}

.w-tabs:after {
  clear: both
}

.w-tab-menu {
  position: relative
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative
}

.w-tab-link.w--current {
  background-color: #c8c8c8
}

.w-tab-link:focus {
  outline: 0
}

.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden
}

.w-tab-pane {
  display: none;
  position: relative
}

.w--tab-active {
  display: block
}

@media screen and (max-width:479px) {
  .w-tab-link {
    display: block
  }
}

.w-ix-emptyfix:after {
  content: ""
}

@keyframes spin {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px
}

.w-dyn-hide,
.w-dyn-bind-empty,
.w-condition-invisible {
  display: none !important
}

.wf-layout-layout {
  display: grid
}

:root {
  --steel-blue: #0b5cff;
  --dark-slate-grey: #2f363f;
  --white-smoke: #f9fafb;
  --para: #72778d;
  --red: #bf2d25;
  --orange: #c88705;
  --dim-grey: #363b3f;
  --white: white;
  --sea-green: #026934;
  --heading: #272930;
  --light-sky-blue: #a3d1f7
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block
}

.w-checkbox:before {
  content: " ";
  grid-area: 1/1/2/2;
  display: table
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1/1/2/2;
  display: table
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url("");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block
}

@media screen and (max-width:991px) {
  .w-layout-blockcontainer {
    max-width: 728px
  }
}

@media screen and (max-width:767px) {
  .w-layout-blockcontainer {
    max-width: none
  }
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px
}

p {
  margin-bottom: 10px
}

a {
  color: var(--steel-blue);
  text-decoration: underline
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px
}

strong {
  font-weight: 700
}

em {
  font-style: italic
}

.navbar {
  z-index: 999;
  background-color: #fff;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, .22)
}

.nav-menu {
  font-family: Metropolis, sans-serif;
  font-size: 14px;
  font-weight: 500
}

.button {
  color: #fff;
  background-color: #000;
  border-radius: 5px;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 15px;
  padding-left: 30px;
  padding-right: 30px;
  font-weight: 500;
  position: relative
}

.button._1 {
  margin-left: 0;
  padding-top: 16px;
  padding-bottom: 16px
}

.button.plan-button {
  margin-top: 20px;
  padding-left: 80px;
  padding-right: 80px
}

.container {
  border-bottom: 1px solid #f2f2f2;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex
}

.hero {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 65px;
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: Metropolis, sans-serif;
  display: flex
}

.heading---02 {
  font-size: 38px;
  font-weight: 600
}

.heading---02.mobile-banner {
  color: #000;
  text-align: left;
  font-family: Metropolis, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 43px
}

.paragraph {
  color: #fff;
  text-align: center;
  order: 0;
  align-self: center;
  margin-top: 10px;
  font-weight: 300
}

.paragraph.hero-para {
  color: #000;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
  font-family: Metropolis, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 29px
}

.paragraph.hero-para._123 {
  text-align: left
}

.container-2 {
  text-align: left;
  align-self: center;
  padding-top: 70px;
  padding-bottom: 70px;
  padding-left: 150px;
  display: block
}

.footer {
  color: #fff;
  background-color: #202024;
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: Poppins, sans-serif
}

.image-14 {
  color: #fff
}

.div-block-8 {
  text-align: left;
  padding-top: 0
}

.heading-9 {
  margin-top: 5px;
  font-weight: 500
}

.link-2 {
  color: #5c5c5c;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none
}

.link-2:hover {
  color: #858585
}

.list-item-6 {
  color: #1b1b1b;
  margin-bottom: 10px;
  font-family: Metropolis, sans-serif;
  font-weight: 500;
  list-style-type: none
}

.columns {
  width: auto;
  margin-left: auto;
  margin-right: auto
}

.brand {
  flex: 1;
  justify-content: flex-start;
  display: flex
}

.dropdown-toggle {
  padding-top: 0;
  padding-right: 20px
}

.dropdown-toggle-3 {
  padding-top: 0
}

.dropdown-list {
  background-color: #fff
}

.dropdown-list.w--open {
  z-index: 1;
  border-radius: 8px;
  width: 245px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: absolute;
  left: -53px;
  box-shadow: 0 15px 13px 5px rgba(0, 0, 0, .07)
}

.dropdown-list-3 {
  background-color: #fff
}

.dropdown-list-3.w--open {
  border-radius: 8px;
  left: -1px;
  box-shadow: 0 15px 13px 5px rgba(0, 0, 0, .07)
}

.centered-container {
  text-align: center;
  flex: 1
}

.banner-image {
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 0;
  display: flex
}

.section-5 {
  margin-top: 0;
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: Metropolis, sans-serif
}

.section-5.top-margin {
  margin-top: 60px
}

.heading-12 {
  text-align: center;
  font-family: Metropolis, sans-serif;
  font-size: 38px;
  font-weight: 600;
  line-height: 44px
}

.section-6 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  padding-top: 100px;
  padding-bottom: 100px;
  font-family: Poppins, sans-serif;
  display: flex
}

.image-15 {
  margin-top: 50px
}

.section-8 {
  background-color: #f3f3f3;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 6px;
  padding-bottom: 90px;
  font-family: Poppins, sans-serif;
  display: block
}

.section-8.margin {
  padding-bottom: 0
}

.section-8.margin.padding {
  padding-bottom: 90px
}

.container-6 {
  margin-top: 80px
}

.div-block-11 {
  justify-content: center;
  align-items: center;
  display: flex
}

.column {
  align-items: center;
  display: block
}

.columns-2 {
  align-items: center;
  display: flex
}

.columns-2.gklds {
  flex-direction: row-reverse
}

.columns-2.gklds.sdls {
  flex-direction: row
}

.div-block-12 {
  padding-bottom: 0;
  padding-left: 15px;
  padding-right: 30px
}

.heading-14 {
  font-weight: 500
}

.heading-14.more-call {
  margin-top: 10px;
  font-weight: 600
}

.paragraph-6 {
  color: #838181;
  font-size: 15px;
  font-weight: 300;
  line-height: 26px
}

.heading-15 {
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: center;
  align-items: flex-end;
  font-size: 16px;
  display: flex
}

.link-block-6 {
  color: #5168ec;
  text-decoration: none
}

.bold-text {
  font-family: Metropolis, sans-serif;
  font-weight: 600
}

.image-16 {
  margin-left: 10px
}

.icon {
  text-align: center
}

.heading-18 {
  text-align: center;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 52px
}

.call-to-action {
  background-color: #5168ec;
  padding-top: 100px;
  padding-bottom: 100px;
  font-family: Poppins, sans-serif
}

.heading-19 {
  color: #fff;
  font-family: Metropolis, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 62px
}

.button-2 {
  background-color: #3849af;
  border-radius: 10px;
  padding: 16px 30px;
  font-family: Metropolis, sans-serif;
  font-weight: 500
}

.button-2:hover {
  color: #000;
  background-color: #fff;
  font-weight: 600
}

.paragraph-8 {
  color: #d4d4d4;
  margin-top: 15px;
  font-family: Metropolis, sans-serif;
  font-weight: 500
}

.div-block-17 {
  color: #000;
  align-items: center;
  width: 100%;
  padding: 0 15px;
  display: block
}

.div-block-17:hover {
  background-color: rgba(91, 97, 255, .09)
}

.heading-24 {
  float: left;
  margin-top: 13px;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 14px;
  font-weight: 500
}

.image-20 {
  float: left;
  clear: none;
  margin-top: 6px
}

.image-21 {
  margin-bottom: 0;
  padding-bottom: 70px
}

.product-section {
  background-color: #202024;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: Metropolis, sans-serif;
  display: flex
}

.product_div_wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 1177px;
  padding: 25px;
  font-family: Poppins, sans-serif;
  display: block
}

.heading-31 {
  color: #fff;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 50px;
  font-family: Metropolis, sans-serif;
  font-weight: 600;
  line-height: 52px
}

.text-block-27 {
  color: #5b61ff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Metropolis, sans-serif;
  font-size: 20px;
  line-height: 26px
}

.integration {
  justify-content: center;
  align-items: center;
  margin-top: 70px;
  margin-bottom: 70px;
  font-family: Poppins, sans-serif;
  display: flex
}

.integration_wrapper {
  text-align: center;
  width: 1177px;
  padding: 25px
}

.heading-32 {
  text-align: center;
  margin-top: 10px;
  font-family: Metropolis, sans-serif;
  font-weight: 700
}

.tabs-4 {
  display: flex
}

.tabs-menu-5 {
  background-color: transparent;
  flex-direction: column;
  justify-content: center;
  font-family: Metropolis, sans-serif;
  display: flex
}

.tabs-content-6 {
  flex: 1;
  align-self: center
}

.tab-link-tab-2-4 {
  background-color: transparent
}

.tab-link-tab-2-4.w--current {
  background-color: transparent;
  border-left: 5px solid #5b61ff
}

.text-block-29 {
  color: #fff
}

.tab-link-tab-3-3 {
  color: #fff;
  background-color: transparent
}

.tab-link-tab-3-3.w--current {
  background-color: transparent;
  border-left: 5px solid #5b61ff
}

.tab-link-tab-4-2 {
  color: #fff;
  background-color: transparent
}

.tab-link-tab-4-2.w--current {
  background-color: transparent;
  border-left: 5px solid #5b61ff
}

.tab-link-tab-5-2 {
  color: #fff;
  background-color: transparent
}

.tab-link-tab-5-2.w--current {
  background-color: transparent;
  border-left: 5px solid #5b61ff
}

.tab-link-tab-6-2 {
  color: #fff;
  background-color: transparent
}

.tab-link-tab-6-2.w--current {
  background-color: transparent;
  border-left: 5px solid #5b61ff
}

.tab-link-tab-7 {
  color: #fff;
  background-color: transparent
}

.tab-link-tab-7.w--current {
  background-color: transparent;
  border-left: 5px solid #5b61ff
}

.tab-link-tab-8 {
  color: #fff;
  background-color: transparent
}

.tab-link-tab-8.w--current {
  background-color: transparent;
  border-left: 5px solid #5b61ff
}

.tab-link-tab-9 {
  color: #fff;
  background-color: transparent
}

.tab-link-tab-9.w--current {
  background-color: transparent;
  border-left: 5px solid #5b61ff
}

.tab-link-tab-1-6 {
  color: #fff;
  background-color: rgba(107, 61, 61, 0)
}

.tab-link-tab-1-6.w--current {
  background-color: transparent;
  border-left: 5px solid #5b61ff
}

.div-block-29 {
  flex-direction: column;
  justify-content: center;
  display: flex
}

.columns-8 {
  align-items: center;
  display: flex
}

.heading-34 {
  color: #fff;
  font-family: Metropolis, sans-serif;
  font-weight: 600
}

.mobile_product_section {
  text-align: center;
  background-color: #000;
  font-family: Poppins, sans-serif;
  display: none
}

.div-block-30 {
  text-align: center;
  background-color: #fff;
  border-radius: 10px
}

.image-24 {
  margin-top: 30px
}

.image-25 {
  display: none
}

.section-11 {
  background-color: #000;
  justify-content: center;
  font-family: Poppins, sans-serif;
  display: flex
}

.div-block-32 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1177px;
  padding: 25px;
  display: flex
}

.heading-37 {
  color: #fff;
  text-align: center;
  font-weight: 600
}

.text-block-33 {
  color: #6d6d6d;
  text-align: center;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-decoration: none
}

.text-block-33.disg {
  margin-bottom: 35px
}

.image-27 {
  margin: 0 auto;
  display: block;
  overflow: visible
}

.paragraph-15 {
  color: #000;
  text-align: center;
  margin-top: 35px;
  font-size: 18px;
  font-weight: 300;
  line-height: 29px
}

.columns-10 {
  margin-top: 50px;
  display: flex
}

.div-block-36 {
  text-align: center;
  background-color: transparent;
  padding: 0
}

.column-10 {
  padding-left: 0
}

.column-11 {
  align-self: center
}

.paragraph-16 {
  color: #000;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px
}

.bold-text-6 {
  font-weight: 600
}

.div-block-37 {
  width: 500px;
  padding-left: 0
}

.heading-38 {
  text-align: center;
  margin-top: 58px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 51px
}

.hover:hover {
  background-color: rgba(91, 97, 255, .09)
}

.pricing-section {
  margin-top: 130px;
  font-family: Metropolis, sans-serif
}

.div-block-38 {
  justify-content: flex-end;
  align-items: center;
  display: flex
}

.div-block-38._123 {
  justify-content: flex-start
}

.starter {
  border-radius: 10px;
  flex-direction: column;
  flex: 0 auto;
  align-self: auto;
  align-items: flex-start;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 16px;
  padding-left: 0;
  display: flex;
  box-shadow: 0 1px 4px 2px rgba(0, 0, 0, .06)
}

.starter.mark {
  border: 3px solid #5b61ff
}

.primary---heading .green {
  color: #038e46;
}

.primary---heading .red {
  color: #fe1508;
}


.heading-39 {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Metropolis, sans-serif;
  font-weight: 300;
  display: inline-block
}

.heading-39.ulmimate {
  font-weight: 400
}

.text-block-34 {
  margin-top: 10px;
  font-weight: 700
}

.heading-40 {
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  display: flex
}

.paragraph-17 {
  text-align: left;
  margin-top: 10px
}

.heading-42 {
  text-align: center;
  margin-bottom: 15px;
  font-weight: 600
}

.paragraph-18 {
  text-align: center;
  margin-bottom: 70px;
  font-size: 20px
}

.join-team-wrapper {
  -webkit-text-fill-color: inherit;
  background-color: #f8fbff;
  background-image: url("");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: border-box;
  margin-top: 60px
}

.jointeamtext-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 73px;
  display: flex
}

.heading-44 {
  color: #5168ec;
  font-family: Metropolis, sans-serif;
  font-size: 48px;
  font-weight: 600
}

.paragraph-19 {
  align-self: flex-start;
  margin-top: 12px;
  font-family: Metropolis, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 30px
}

.form-wrapper {
  justify-content: center;
  align-items: center;
  padding: 30px 80px 30px 40px;
  display: block
}

.feild-style {
  background-color: rgba(247, 243, 243, .26);
  border: 1px solid rgba(0, 0, 0, .16);
  border-radius: 5px;
  height: 50px
}

.feild-style.message-field {
  height: 150px
}

.field-label {
  margin-top: 20px;
  font-family: Metropolis, sans-serif;
  font-weight: 400
}

.submit-button-2 {
  width: 100%
}

.submit-button-2.form-button-style {
  background-color: #000;
  border-radius: 5px;
  margin-top: 25px;
  padding-top: 15px;
  padding-bottom: 15px
}

.columns-11 {
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex
}

.field-label-2 {
  font-family: Metropolis, sans-serif;
  font-weight: 400
}

.form-block {
  background-color: #fff;
  border-radius: 10px;
  padding: 25px 15px
}

.paragraph-20 {
  font-family: Metropolis, sans-serif;
  font-size: 15px;
  line-height: 24px
}

.heading-45 {
  font-family: Metropolis, sans-serif
}

.container-9 {
  background-color: transparent;
  height: auto;
  margin-top: 100px;
  margin-bottom: 50px;
  position: static
}

.content_imp {
  background-color: #eceff8;
  border-radius: 10px;
  padding: 30px;
  font-family: Metropolis, sans-serif
}

.paragraph-21 {
  color: #516fd4;
  text-transform: none
}

.link-5 {
  color: #000;
  font-style: normal;
  font-weight: 700;
  text-decoration: none
}

.heading-wrapper {
  background-color: #ebf1fa;
  border-left: 10px solid #6887f0;
  margin-top: 25px;
  padding: 15px 25px;
  font-family: Metropolis, sans-serif
}

.text-block-36 {
  font-size: 16px;
  font-weight: 500
}

.div-block-44 {
  margin-top: 25px;
  padding-left: 34px;
  padding-right: 34px;
  font-family: Metropolis, sans-serif
}

.paragraph-22 {
  font-weight: 400;
  line-height: 25px
}

.link-6 {
  color: #161616;
  font-weight: 600;
  text-decoration: none
}

.list-4 {
  padding-left: 15px;
  font-weight: 400;
  list-style-type: lower-alpha
}

.paragraph-23 {
  line-height: 25px
}

.list-item-7,
.list-item-8,
.list-item-9,
.list-item-10 {
  margin-bottom: 20px
}

.paragraph-24 {
  line-height: 25px
}

.list-item-11,
.list-item-12,
.list-item-13,
.list-item-14,
.list-item-15,
.list-item-16,
.list-item-17 {
  margin-bottom: 20px
}

.link-7,
.link-8,
.link-9,
.link-10,
.link-11 {
  color: #333;
  font-weight: 600;
  text-decoration: none
}

.bold-text-8,
.bold-text-9,
.bold-text-10 {
  font-size: 16px;
  font-weight: 600
}

.text-block-37 {
  font-family: Metropolis, sans-serif;
  font-weight: 600;
  display: none
}

.bold-text-11,
.bold-text-12,
.bold-text-13,
.bold-text-14 {
  font-size: 16px
}

.link-12 {
  color: #333;
  font-weight: 600;
  text-decoration: none
}

.link-13,
.link-14,
.link-15,
.link-16 {
  color: #333;
  text-decoration: none
}

.download-app-wrapper {
  padding-top: 60px;
  padding-bottom: 30px
}

.mobile-image-wrapper {
  justify-content: center;
  align-items: center;
  display: flex
}

.download-text-wrapper {
  flex-direction: column;
  align-self: center;
  align-items: flex-start;
  display: flex
}

.heading-46 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Metropolis, sans-serif;
  font-size: 3vw;
  font-weight: 600;
  line-height: 3.5vw
}

.column-41 {
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  display: flex
}

.link-block-9 {
  flex: none;
  margin-top: 20px;
  margin-right: 10px
}

.signup-sticky {
  display: none
}

.div-block-49 {
  padding-top: 20px;
  padding-bottom: 20px;
  box-shadow: 1px 1px 3px #e2e2e2
}

.div-block-50 {
  text-align: center
}

.landing-page-header {
  background-color: #fff;
  display: none
}

.landing-main-body {
  padding-top: 50px;
  padding-bottom: 50px;
  display: none
}

.div-block-51 {
  border: 1px #e2e2e2;
  border-radius: 5px;
  width: 60%;
  margin-top: 20px;
  margin-left: 0;
  padding: 0 20px 10px;
  box-shadow: 0 1px 9px #e2e2e2
}

.text-block-40 {
  text-align: center;
  margin-top: 30px;
  font-size: 28px;
  font-weight: 600;
  line-height: 42px
}

.body-2 {
  font-family: Metropolis, sans-serif
}

.div-block-52 {
  margin-top: 0
}

.submit-button-3 {
  float: none;
  background-color: #5168ec;
  width: 100%;
  margin-top: 20px
}

.select-field {
  border: 1px #000;
  border-bottom-style: solid;
  width: 20%;
  padding-top: 10px;
  padding-bottom: 10px
}

.div-block-53 {
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  display: flex
}

.slider {
  background-color: transparent;
  height: auto
}

.left-arrow {
  float: left;
  color: #ccc;
  margin-top: 40px;
  display: block;
  position: static
}

.text-block-41 {
  color: #fff;
  font-size: 14px
}

.right-arrow {
  float: right;
  margin-top: 30px;
  position: static
}

.slide-nav {
  display: none
}

.div-block-54 {
  background-color: #5168ec;
  border-radius: 3px;
  padding-top: 10px;
  padding-bottom: 10px
}

.text-block-42 {
  color: #000;
  font-size: 14px
}

.mask {
  height: auto
}

.field-label-5 {
  color: #000;
  margin-top: 20px;
  font-weight: 600
}

.body-3 {
  background-color: #f8f8f8;
  height: 100%;
  font-family: Metropolis, sans-serif
}

.div-block-55 {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex
}

.div-block-56 {
  width: 80%;
  margin-top: -50px
}

.div-block-57 {
  background-color: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  padding: 50px 20px
}

.div-block-59 {
  text-align: center;
  margin-top: 0
}

.div-block-60 {
  margin-top: 20px
}

.text-block-43 {
  text-align: center;
  font-size: 32px;
  font-style: normal
}

.text-block-44 {
  color: #7c7c7c;
  text-align: center;
  margin-top: 20px;
  font-size: 16px
}

.div-block-62 {
  float: none;
  width: 100%;
  margin-top: 0
}

.div-block-63 {
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 50px;
  display: flex
}

.button-4 {
  background-color: #5168ec;
  border-radius: 5px;
  margin-top: 10px;
  margin-left: 10px;
  padding: 16px 30px
}

.link-block-12 {
  color: #000;
  width: 100%;
  text-decoration: none
}

.link-block-13,
.link-block-14,
.link-block-15 {
  color: #000;
  width: 100%
}

.link-block-16 {
  width: 100%
}

.link-block-17,
.link-block-18,
.link-block-19,
.link-block-20 {
  color: #000;
  width: 100%
}

.section-13 {
  height: 100%
}

.div-block-65 {
  height: 100%;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%
}

.div-block-66 {
  background-color: #000;
  flex-direction: column;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 40%;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex
}

.div-block-67 {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 60%;
  height: 100%;
  display: flex
}

.heading-47 {
  color: #fff;
  text-align: center;
  font-size: 28px
}

.paragraph-26 {
  color: #fff;
  text-align: center
}

.testimonial,
.div-block-69 {
  display: none
}

.text-block-48 {
  width: auto;
  margin-top: 11px;
  margin-left: 0;
  font-size: 12px
}

.div-block-70 {
  display: flex
}

.radio-button-field {
  margin-left: 30px
}

.new-pricing-section {
  padding-bottom: 30px;
  font-family: Metropolis, sans-serif
}

.pricing-wrapper {
  margin-left: auto;
  margin-right: auto
}

.tabs-menu-6 {
  text-align: center
}

.tab-link-tab-2-5 {
  background-color: rgba(221, 221, 221, 0);
  width: 150px
}

.tab-link-tab-2-5.w--current {
  background-color: rgba(221, 221, 221, 0);
  border-bottom: 3px solid #5b61ff;
  font-weight: 600
}

.text-block-49 {
  text-align: center
}

.tab-link-tab-1-7 {
  color: #333;
  background-color: rgba(221, 221, 221, 0);
  width: 150px
}

.tab-link-tab-1-7.w--current {
  background-color: rgba(200, 200, 200, 0);
  border-bottom: 3px solid #5b61ff;
  font-weight: 600
}

.text-block-50 {
  text-align: center
}

.tab-pane-tab-2 {
  margin-top: 35px
}

.div-block-71 {
  width: 275px;
  margin-top: 15px;
  margin-left: 15px;
  padding-top: 0;
  padding-left: 0
}

.image-36 {
  float: right;
  margin-right: 15px
}

.image-36.unlimited-icon,
.image-36.ultimate-icon {
  margin-right: 6px
}

.customersupport-div {
  background-color: #edf0fc;
  align-items: center;
  width: 100%;
  height: 40px;
  margin-top: 0;
  display: flex
}

.customersupport-div.implementation-div {
  margin-top: 10px
}

.customersupport-div.implementation-div._1 {
  margin-top: 37px
}

.text-block-51 {
  margin-left: 15px;
  font-weight: 600
}

.list-item-container {
  width: 100%;
  margin-top: 0
}

.text-block-52 {
  white-space: nowrap;
  align-items: center;
  margin-top: 10px;
  margin-left: 15px;
  font-size: 14px;
  display: flex
}

.text-block-52.dash-clas {
  margin-left: 39px;
  font-size: 30px;
  font-weight: 300
}

.italic-text-5 {
  color: #516ce4;
  margin-right: 10px;
  font-family: Material design iconic font, sans-serif;
  font-size: 20px;
  font-style: normal
}

.columns-18 {
  margin-bottom: 10px
}

.bold-text-16 {
  color: #a2a2a2;
  margin-left: 5px;
  font-size: 26px;
  font-weight: 600;
  text-decoration: line-through
}

.column-42,
.column-43 {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px
}

.column-44 {
  padding-left: 15px;
  padding-right: 15px
}

.bold-text-17 {
  color: #f1c235;
  margin-left: 4px;
  font-family: Material design iconic font, sans-serif
}

.tab-pane-tab-1-2 {
  margin-top: 35px
}

.link-17,
.link-18,
.link-19 {
  color: #333;
  font-weight: 600;
  text-decoration: none
}

.free-demo {
  color: #252525;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 4px
}

.section-15 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 600px;
  margin-top: 60px;
  display: flex;
  position: static
}

.color-holder {
  background-color: #5b61ff;
  background-image: url("");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-self: flex-start;
  width: 100%;
  height: 410px;
  position: static
}

.heading-48 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Metropolis, sans-serif;
  font-size: 48px;
  font-weight: 600
}

.heading-49 {
  color: #fff;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Metropolis, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px
}

.container-10 {
  padding-top: 87px;
  padding-bottom: 87px
}

.columns-19 {
  margin-top: 20px;
  display: flex
}

.email-id-left {
  text-align: right;
  justify-content: flex-end;
  display: flex
}

.email-id-right {
  justify-content: flex-start;
  align-items: center;
  display: flex
}

.text-block-53 {
  color: #fff;
  padding-right: 50px;
  font-family: Metropolis, sans-serif;
  font-size: 18px
}

.link-20 {
  color: #f8f8f8;
  text-decoration: none
}

.address-holder {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 348px;
  bottom: 0%;
  left: 0%;
  right: 0%
}

.bangalore-address {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 200px;
  padding: 15px 20px 20px;
  display: flex;
  box-shadow: 0 4px 6px rgba(0, 0, 0, .12)
}

.heading-50 {
  color: #5b61ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Metropolis, sans-serif;
  font-size: 20px;
  font-weight: 600
}

.paragraph-28 {
  text-align: center;
  height: auto;
  font-family: Metropolis, sans-serif
}

.column-45 {
  overflow: visible
}

.overflow-image-holder {
  object-fit: fill;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 460px;
  font-family: Poppins, sans-serif;
  display: block;
  overflow: scroll
}

.image-37 {
  object-fit: fill;
  overflow: visible
}

.bold-text-18 {
  font-weight: 400
}

.columns-20,
.div-block-73 {
  align-items: center;
  display: flex
}

.html-embed {
  display: block;
  overflow: visible;
  box-shadow: 1px 1px 3px #000
}

.html-embed-2 {
  display: none
}

.columns-21 {
  align-self: stretch
}

.column-46 {
  padding-right: 0
}

.image-39 {
  width: auto;
  height: auto
}

.div-block-74 {
  width: 84%;
  height: 500px;
  margin: 40px auto 30px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  overflow: scroll
}

.div-block-74._124 {
  height: 420px
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex
}

.jgkdf {
  margin-top: 24px
}

.body-4 {
  overflow: visible
}

.roadmap-section {
  margin-top: 100px;
  margin-bottom: 80px
}

.column1-srapper {
  background-color: #f5f5f5;
  flex-direction: column;
  padding: 10px;
  display: flex
}

.row1 {
  background-color: #fff;
  border-left: 4px solid #68b366;
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 15px
}

.row1.row2 {
  border-left-color: #eb6b57
}

.row1.row3 {
  border-left-color: #2893ff
}

.heading-51 {
  text-align: center;
  margin-bottom: 50px;
  font-family: Metropolis, sans-serif
}

.text-block-54 {
  margin-bottom: 15px;
  font-family: Metropolis, sans-serif;
  font-weight: 600
}

.columns-22 {
  font-family: Metropolis, sans-serif
}

.bold-text-19,
.bold-text-20,
.bold-text-21 {
  font-size: 20px
}

.div-block-75 {
  text-align: left;
  column-count: 4;
  column-rule-width: 0px;
  white-space: normal;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: dense;
  align-content: center;
  justify-content: space-around;
  align-items: flex-start;
  justify-items: stretch;
  column-gap: 20px;
  margin-top: 50px;
  display: block
}

.text-block-55 {
  color: #5b61ff;
  text-align: center;
  font-size: 19px;
  font-weight: 700
}

.heading-52 {
  text-align: center;
  margin-top: 10px;
  font-size: 28px;
  line-height: 37px
}

.link-block-21 {
  margin-top: 10px
}

.link-block-21.padding-2 {
  margin-left: 15px
}

.nav-link-5 {
  color: #333
}

.navbar-2 {
  background-color: #fff;
  width: 100%;
  font-family: Poppins, sans-serif;
  position: relative
}

.nav-link-6 {
  color: #007ee5
}

.div-block-76 {
  margin-left: auto;
  margin-right: auto
}

.div-block-77 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px
}

.nav-menu-2 {
  color: var(--dark-slate-grey);
  text-align: left;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  display: flex
}

.div-block-78 {
  align-items: center;
  display: flex
}

.button-6 {
  background-color: #007ee5;
  border-radius: 8px;
  display: none
}

.brand-2 {
  justify-content: center;
  align-items: center;
  height: 60px;
  display: flex
}

.heading-53 {
  color: #474d66;
  text-align: left;
  letter-spacing: -1.5px;
  width: 100%;
  margin-top: 0;
  font-family: Poppins, sans-serif;
  font-size: 6vh;
  font-weight: 600;
  line-height: 8vh
}

.div-block-80 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 30px;
  display: block
}

.paragraph-29 {
  color: var(--para);
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 3vh;
  line-height: 5vh
}

.div-block-82 {
  text-align: center;
  width: 50%;
  padding-top: 0;
  padding-bottom: 0
}

.text-span-6 {
  color: var(--steel-blue)
}

.link-21 {
  color: #007ee5;
  margin-left: 20px;
  padding: 20px;
  text-decoration: none;
  display: none
}

.button-7 {
  background-color: var(--steel-blue);
  border-radius: 30px;
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px
}

.main-jumbotron {
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: 0;
  padding-bottom: 50px;
  font-family: Poppins, sans-serif;
  display: flex;
  position: relative
}

.review-belt {
  -webkit-text-fill-color: inherit;
  background-color: transparent;
  background-clip: border-box;
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: Poppins, sans-serif
}

.div-block-83 {
  justify-content: center;
  align-items: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex
}

.div-block-84 {
  text-align: center;
  width: 20%;
  text-decoration: none
}

.div-block-85 {
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  display: flex
}

.text-block-56 {
  color: #8c8c8c;
  margin-right: 5px
}

.text-span-2 {
  color: #333;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2
}

.text-span-5 {
  color: var(--red)
}

.div-block-86 {
  width: 40%;
  margin-left: 20px;
  margin-right: 20px;
  padding: 10px
}

.image-41 {
  display: inline-block
}

.features {
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: Poppins, sans-serif
}

.paragraph-30 {
  color: var(--para);
  font-size: 18px;
  line-height: 28px
}

.text-span-3 {
  color: #007ee5;
  letter-spacing: -1px
}

.div-block-87 {
  color: #6d4747;
  justify-content: center;
  align-items: center;
  width: 85%;
  margin: 10px auto 0;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex
}

.paragraph-31 {
  color: var(--para);
  text-align: left;
  letter-spacing: 0;
  font-size: 18px;
  line-height: 28px
}

.heading-54 {
  color: #474d66;
  letter-spacing: -1px;
  flex: none;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 6vh;
  font-weight: 500;
  line-height: 8vh
}

.text-span-4 {
  color: var(--orange)
}

.cta-1 {
  background-color: var(--white-smoke);
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: Poppins, sans-serif
}

.div-block-88 {
  text-align: center;
  width: 30%
}

.div-block-89 {
  width: 60%;
  padding: 20px
}

.heading-55 {
  color: #2f363f;
  letter-spacing: -.5px;
  margin-top: 0;
  font-weight: 500;
  line-height: 48px
}

.div-block-90 {
  align-items: center;
  margin-top: 30px;
  display: flex
}

.one-thousand-companies {
  background-color: #007ee5;
  background-image: url("");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: fixed;
  padding-top: 100px;
  padding-bottom: 120px;
  font-family: Poppins, sans-serif
}

.div-block-91 {
  text-align: center;
  margin-bottom: 50px;
  padding: 20px
}

.heading-56 {
  color: #fff;
  letter-spacing: -.5px;
  margin-top: 30px;
  font-size: 28px;
  font-weight: 400;
  line-height: 42px
}

.text-span-7 {
  font-size: 38px;
  font-weight: 700
}

.testimonials {
  width: 100%;
  margin-top: 0;
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: Poppins, sans-serif;
  display: block
}

.div-block-95 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 10px
}

.heading-58 {
  color: var(--dark-slate-grey);
  text-align: center;
  letter-spacing: -1px;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 32px;
  font-weight: 500;
  position: static
}

.heading-59 {
  color: var(--dark-slate-grey);
  letter-spacing: -1px;
  font-size: 38px;
  font-weight: 500;
  line-height: 48px
}

.integrations-onechat {
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 0;
  font-family: Poppins, sans-serif
}

.div-block-96 {
  justify-content: space-between;
  align-items: flex-end;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 10px 0;
  display: flex
}

.div-block-97 {
  width: 50%
}

.image-43 {
  margin-bottom: 50px
}

.cta {
  background-image: url("");
  background-position: 0 0;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
  font-family: Poppins, sans-serif
}

.div-block-98 {
  text-align: center;
  padding: 10px 10px 20px
}

.text-block-57 {
  color: var(--dim-grey);
  text-align: center;
  letter-spacing: -.5px;
  font-size: 18px
}

.button-8 {
  background-color: var(--steel-blue);
  border-radius: 30px;
  margin-top: 10px;
  padding: 16px 32px;
  font-size: 16px
}

.header-onechat {
  z-index: 10000;
  width: 100%;
  font-family: Poppins, sans-serif;
  display: none;
  position: relative;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  box-shadow: 1px 1px 15px -2px rgba(204, 204, 204, .39)
}

.footer-Bussus {
  padding: 40px 0px;
  position: relative;
 
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(200, 247, 246, 1) 100%);
  z-index: 1;

}

.footer-Bussus::before {
  content: url(../images/svg-component.svg);
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  z-index: -1;
}


.footer-Bussus .submit-button-9 {
  background-color: var(--steel-blue);
  width: auto;
  margin-top: 0px;
}

.footer-Bussus .powered {
  width: 100%;
  padding: 15px 0px;
}

.footer-Bussus .powered p {
  text-align: center;
}

.footer-Bussus p {
  color: #535b62;
}

@media (max-width:767px) {
  .footer-Bussus p {
    font-size: 14px;
    text-align: center;
  }
}


.div-block-99 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: flex;

}

.div-block-100 {
  text-align: left;
  width: 20%;
  padding: 20px 10px;
  font-weight: 400
}

.heading-61 {
  color: #000;
  font-weight: 700;
  font-size: 18px;
}

.link-block-22 {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  text-decoration: none;
  display: block
}

.link-block-22:hover {
  letter-spacing: .5px;
}


.text-block-58 {
  color: #535b62;
  margin-top: 2px;
  padding-top: 0;
  display: block
}

.social {

  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin: 20px 0px;
  margin-left: auto;
  margin-right: auto;
  display: flex
}

.link-block-23 {
  padding-right: 10px;
  transition: all .2s
}

.link-block-23:hover {
  filter: invert(30%);

}

.div-block-105 {
  width: 50%
}

.text-span-8 {
  color: var(--dark-slate-grey)
}

.sales-management {
  background-color: var(--steel-blue);
  margin-top: 50px;
  padding-top: 5rem;
  padding-bottom: 200px;
  font-family: Poppins, sans-serif
}

.div-block-107 {
  justify-content: space-between;
  align-items: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex
}

.heading-62 {
  color: var(--white);
  font-size: 6vh;
  font-weight: 500;
  line-height: 1.3
}

.div-block-108 {
  text-align: center;
  width: 40%
}

.div-block-109 {
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  display: flex
}

.paragraph-32 {
  color: #fff;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px
}

.features-cards {
  margin-top: -180px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Poppins, sans-serif
}

.features-cards.no-margin {
  margin-top: 0
}

.div-block-110 {
  flex-flow: wrap;
  align-content: stretch;
  justify-content: center;
  align-items: flex-start;
  width: 80%;
  margin: -150px auto 50px;
  display: flex
}

.cards {
  background-color: #fff;
  border-radius: 10px;
  flex: 0 auto;
  order: 0;
  align-self: stretch;
  width: 32%;
  margin: 10px 5px;
  padding: 50px 20px;
  display: block;
  box-shadow: 0 0 18px -4px rgba(177, 177, 177, .7)
}

.feature-description {
  text-align: center;
  margin-top: 20px;
  font-family: Poppins, sans-serif;
  font-size: 13px;
  font-weight: 400
}

.heading-63 {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px
}

.crm-analytics {
  justify-content: space-between;
  align-items: center;
  font-family: Poppins, sans-serif;
  display: flex
}

.div-block-114 {
  text-align: center;
  background-color: #f9a400;
  align-self: stretch;
  width: 55%;
  padding: 80px
}

.div-block-115 {
  background-color: #f9a400;
  padding-bottom: 10rem
}

.div-block-116 {
  align-self: stretch;
  align-items: center;
  width: 45%;
  padding: 50px 100px;
  display: flex
}

.heading-64 {
  text-align: left;
  font-size: 32px;
  font-weight: 500;
  line-height: 42px
}

.paragraph-33 {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 28px
}

.card-inner {
  flex-wrap: wrap;
  justify-content: center;
  width: 80%;
  margin: 30px auto;
  font-family: Poppins, sans-serif;
  display: flex
}

.interactive-workflow-automation {
  background-color: #008c44;
  justify-content: space-between;
  align-items: center;
  padding-top: 5rem;
  padding-bottom: 10rem;
  display: flex
}

.interactive-workflow-automation.blue {
  background-color: #007ee5
}

.div-block-117 {
  background-color: var(--sea-green);
  text-align: center;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 55%;
  padding: 80px;
  font-family: Poppins, sans-serif;
  display: flex
}

.div-block-118 {
  flex-direction: column;
  align-self: center;
  align-items: flex-start;
  width: 45%;
  padding-bottom: 50px;
  padding-left: 100px;
  padding-right: 100px;
  font-family: Poppins, sans-serif;
  display: flex
}

.image-45 {
  margin-top: 20px
}

.seamless-system-configuration {
  background-color: #f1352c;
  justify-content: space-between;
  padding-bottom: 10rem;
  display: flex
}

.div-block-119 {
  flex-direction: column;
  align-self: center;
  align-items: flex-start;
  width: 45%;
  padding: 50px 100px;
  font-family: Poppins, sans-serif;
  display: flex
}

.div-block-120 {
  background-color: var(--red);
  text-align: center;
  align-self: stretch;
  align-items: center;
  width: 55%;
  padding: 80px;
  display: flex
}

.jumbotron {
  margin-top: 60px;
  margin-bottom: 30px;
  padding-top: 100px;
  padding-bottom: 80px;
  font-family: Poppins, sans-serif
}

.div-block-121 {
  justify-content: space-between;
  align-items: center;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  display: flex
}

.div-block-123 {
  width: 60%
}

.text-span-12 {
  color: var(--steel-blue)
}

.paragraph-34 {
  color: var(--dim-grey);
  margin-top: 10px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  line-height: 24px
}

.link-block-24 {
  color: var(--steel-blue);
  margin-top: 20px;
  font-size: 18px;
  text-decoration: none
}

.text-span-13 {
  color: var(--orange)
}

.text-span-14 {
  color: var(--sea-green)
}

.text-span-15 {
  color: var(--red)
}

.text-span-16 {
  color: var(--steel-blue)
}

.crm-jumbotron {
  background-color: #fff;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  margin-top: 50px;
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: Poppins, sans-serif
}

.div-block-127 {
  text-align: center;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px
}

.heading-66 {
  color: var(--dark-slate-grey);
  text-align: center;
  font-weight: 500;
  line-height: 52px
}

.image-47 {
  margin-top: 30px;
  margin-left: 0
}

.crm-inner {
  background-color: #eff7ff;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Poppins, sans-serif;
  display: block
}

.div-block-128 {
  justify-content: space-between;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  display: block
}

.div-block-130 {
  text-align: center;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  display: block
}

.heading-67 {
  color: var(--dark-slate-grey);
  font-weight: 600;
  line-height: 32px
}

.paragraph-35 {
  color: var(--dim-grey);
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 24px
}

.link-23 {
  color: var(--steel-blue);
  text-decoration: none
}

.div-block-132 {
  text-align: left;
  width: 45%;
  padding: 20px
}

.div-block-133 {
  width: 100%;
  padding: 20px
}

.heading-68 {
  color: var(--dark-slate-grey);
  margin-top: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 34px
}

.paragraph-36 {
  color: var(--dim-grey);
  margin-top: 20px;
  font-size: 16px;
  line-height: 24px
}

.dropdown-toggle-4 {
  padding-left: 0;
  padding-right: 0
}

.dropdown-list-4 {
  box-shadow: 1px 1px 15px -2px rgba(204, 204, 204, .39)
}

.dropdown-list-4.w--open {
  background-color: #fff;
  width: 200px;
  height: auto
}

.div-block-134 {
  align-items: center;
  padding: 10px 10px 10px 20px;
  display: flex
}

.div-block-134:hover {
  background-color: #f8fbfd
}

.text-block-59 {
  margin-left: 10px
}

.link-block-25 {
  color: var(--dark-slate-grey);
  width: 100%;
  text-decoration: none
}

.link-block-25.w--current {
  color: var(--steel-blue)
}

.link-24 {
  color: var(--dark-slate-grey);
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none
}

.link-24.w--current {
  color: var(--steel-blue)
}

.text-span-19 {
  color: var(--orange)
}

.heading-69 {
  font-size: 9vh;
  font-weight: 500
}

.heading-69.quotes {
  color: var(--steel-blue);
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 6vh;
  font-weight: 600;
  line-height: 8vh
}

.text-span-20 {
  color: var(--red)
}

.text-span-21 {
  color: var(--orange)
}

.text-span-22,
.text-span-23 {
  color: var(--sea-green)
}

.text-span-24 {
  color: var(--steel-blue)
}

.about-jumbotron {
  margin-top: 0;
  padding-top: 30px;
  padding-bottom: 30px
}

.div-block-135 {
  text-align: center
}

.faas-section {
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: Poppins, sans-serif;
  font-weight: 400
}

.div-block-136 {
  text-align: center;
  width: 60%;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto
}

.paragraph-37 {
  color: var(--heading);
  width: 100%;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px
}

.about-section-1 {
  padding-top: 0;
  padding-bottom: 0;
  font-family: Poppins, sans-serif
}

.onehash-team {
  background-color: var(--steel-blue);
  padding-top: 100px;
  padding-bottom: 100px;
  font-family: Poppins, sans-serif;
  display: block
}

.div-block-141 {
  text-align: center
}

.heading-72 {
  color: var(--white);
  margin-top: 10px;
  font-weight: 500
}

.text-block-61 {
  color: var(--white);
  font-size: 18px
}

.customer-onehash {
  background-image: url("");
  background-position: 50%;
  background-size: cover;
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: Poppins, sans-serif;
  display: none
}

.div-block-144 {
  justify-content: space-between;
  align-items: center;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  display: flex
}

.div-block-145 {
  width: 40%
}

.div-block-146 {
  width: 50%
}

.heading-73 {
  color: #fff;
  font-size: 38px;
  font-weight: 500;
  line-height: 48px
}

.section-17 {
  z-index: 8;
  background-color: var(--white-smoke);
  width: 100%;
  margin-top: 60px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Poppins, sans-serif;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  box-shadow: 3px 3px 10px rgba(77, 77, 77, .38)
}

.div-block-147 {
  justify-content: center;
  padding: 5px 10px;
  display: flex
}

.link-block-26 {
  color: var(--white);
  font-size: 16px;
  text-decoration: none
}

.div-block-148 {
  padding: 10px 20px
}

.text-span-26,
.text-span-27 {
  color: var(--dim-grey)
}

.pricing-table {
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 30px;
  font-family: Poppins, sans-serif
}

.div-block-149 {
  outline-color: var(--steel-blue);
  outline-offset: 0px;
  text-align: center;
  border-radius: 12px;
  outline-width: 1px;
  outline-style: none;
  justify-content: space-between;
  align-items: stretch;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex
}

.heading-74 {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 30px;
  padding-top: 12px;
  font-family: Poppins, sans-serif;
  font-size: 32px;
  font-weight: 500
}

.div-block-150 {
  justify-content: center;
  align-items: center;
  width: 50%;
  margin-top: 0;
  display: block
}

.div-block-151 {
  border: 1px solid var(--light-sky-blue);
  background-color: var(--white);
  border-radius: 0 30px 30px 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 20px
}

.text-block-64 {
  color: var(--white);
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  display: none;
  position: relative
}

.heading-75 {
  color: var(--steel-blue);
  text-align: center;
  margin-top: 10px;
  font-size: 48px;
  font-weight: 600;
  line-height: 55px;
  display: none
}

.text-block-65 {
  color: var(--steel-blue);
  text-align: center;
  margin-top: 20px;
  padding-bottom: 20px;
  font-size: 21px;
  font-weight: 500
}

.button-9 {
  background-color: var(--steel-blue);
  color: var(--white);
  border-radius: 8px;
  align-items: center;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 16px 32px;
  font-size: 18px;
  font-weight: 500;
  display: inline-block
}

.pricing-features {
  background-color: var(--steel-blue);
  background-image: url("");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: Poppins, sans-serif;
  font-weight: 500;
  display: none
}

.div-block-152 {
  text-align: center;
  font-weight: 300
}

.heading-76 {
  color: var(--white);
  font-size: 38px;
  font-weight: 500
}

.text-span-28 {
  font-weight: 700
}

.div-block-153 {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  display: flex
}

.text-block-67 {
  color: var(--steel-blue);
  text-align: center;
  margin-top: 20px;
  line-height: 21px;
  display: block
}

.text-span-31 {
  color: var(--light-sky-blue);
  font-size: 24px;
  text-decoration: line-through;
  display: none
}

.div-block-156 {
  background-color: #e4ecf9;
  border-radius: 50%;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 150px;
  height: 150px;
  margin: 10px 30px 50px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex
}

.text-block-69 {
  color: var(--dim-grey);
  font-size: 16px;
  font-weight: 500
}

.div-block-157 {
  background-color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin: 10px 10px 30px;
  display: flex
}

.text-block-70 {
  color: var(--dim-grey);
  font-size: 16px;
  font-weight: 500
}

.div-block-158 {
  background-color: #fff2d8;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  margin: 10px;
  padding: 10px;
  display: flex
}

.text-block-71 {
  color: var(--dim-grey);
  font-size: 16px;
  font-weight: 500
}

.div-block-159 {
  background-color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex
}

.text-block-72 {
  color: var(--dim-grey);
  font-size: 16px;
  font-weight: 500
}

.div-block-160 {
  background-color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  margin-bottom: 0;
  display: flex
}

.text-block-73 {
  color: var(--dim-grey);
  font-size: 16px;
  font-weight: 500
}

.text-block-74 {
  color: var(--steel-blue);
  text-align: center;
  margin-top: 20px;
  font-size: 12px;
  display: none
}

.link-block-27 {
  color: var(--steel-blue);
  margin-top: 10px;
  font-size: 16px;
  text-decoration: none
}

.text-block-75 {
  color: var(--dim-grey)
}

.startup {
  background-color: var(--steel-blue);
  margin-top: 100px;
  padding-top: 30px;
  padding-bottom: 50px;
  font-family: Poppins, sans-serif
}

.div-block-162 {
  justify-content: space-between;
  align-items: center;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 10px;
  display: flex
}

.heading-77 {
  color: var(--white);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600
}

.div-block-163 {
  width: 50%
}

.div-block-164 {
  width: 45%
}

.paragraph-40 {
  color: var(--white);
  margin-top: 20px;
  font-size: 18px;
  line-height: 24px
}

.div-block-165 {
  align-items: center;
  margin-top: 30px;
  display: flex
}

.button-10 {
  background-color: var(--orange);
  border-radius: 8px;
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 500
}

.link-26 {
  color: var(--white);
  margin-left: 20px;
  text-decoration: none
}

.startup-section-2 {
  padding-top: 0;
  padding-bottom: 30px;
  font-family: Poppins, sans-serif
}

.div-block-166 {
  justify-content: space-between;
  align-items: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 10px;
  display: flex
}

.paragraph-41 {
  color: var(--heading);
  text-align: left;
  margin-top: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px
}

.div-block-167 {
  align-self: auto;
  width: 50%
}

.div-block-168 {
  width: 45%;
  padding: 20px 10px
}

.text-span-32 {
  font-weight: 700
}

.text-block-76 {
  color: var(--dim-grey)
}

.onehash-others {
  margin-top: 110px;
  padding-top: 50px;
  padding-bottom: 80px;
  font-family: Poppins, sans-serif
}

.div-block-169 {
  justify-content: center;
  align-items: center;
  display: flex
}

.heading-79 {
  color: var(--steel-blue);
  margin-left: 5px;
  font-weight: 500
}

.text-span-33 {
  color: var(--dim-grey)
}

.heading-80 {
  color: var(--dark-slate-grey);
  text-align: center;
  font-weight: 500;
  line-height: 32px
}

.div-block-170 {
  margin-top: 30px;
  padding-left: 20px;
  padding-right: 20px
}

.paragraph-42 {
  color: var(--dim-grey);
  text-align: center;
  margin-top: 20px;
  font-size: 16px;
  line-height: 24px
}

.div-block-171 {
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 20px;
  display: flex
}

.div-block-172 {
  text-align: center;
  width: 16%;
  padding: 10px
}

.div-block-173 {
  background-color: var(--white);
  border-radius: 20px;
  margin-top: 100px;
  padding: 30px 20px;
  box-shadow: 1px 1px 13px 2px rgba(202, 202, 202, .8)
}

.div-block-174 {
  width: 16%;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px
}

.div-block-175 {
  text-align: center;
  width: 16%;
  padding: 10px
}

.text-block-78 {
  padding: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px
}

.div-block-176 {
  justify-content: center;
  align-items: flex-start;
  display: flex
}

.onelove-header {
  background-image: linear-gradient(rgba(252, 252, 252, .79), rgba(252, 252, 252, .79)), url("");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 50px;
  font-family: Poppins, sans-serif;
  display: block
}

.body-5 {
  height: 100%
}

.usecases-hesder {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 30px;
  padding-bottom: 50px;
  font-family: Poppins, sans-serif;
  display: block
}

.div-block-177 {
  justify-content: space-between;
  align-items: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  display: flex
}

.div-block-178 {
  width: 45%;
  padding: 10px
}

.div-block-179 {
  border-radius: 20px;
  width: 40%;
  padding: 20px 30px;
  box-shadow: 1px 1px 17px 6px #dddbdb
}

.text-block-79 {
  color: var(--steel-blue);
  letter-spacing: 1px;
  font-weight: 400
}

.heading-82 {
  color: var(--dark-slate-grey);
  margin-top: 18px;
  font-size: 32px;
  font-weight: 500;
  line-height: 38px
}

.image-48 {
  margin-top: 80px
}

.div-block-180 {
  justify-content: space-between;
  align-items: flex-end;
  display: flex
}

.text-field-7 {
  border: 1px solid #e5e6e7;
  border-radius: 10px;
  width: 48%
}

.text-field-8 {
  border: 1px solid #e5e6e7;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px
}

.text-block-80 {
  background-color: #edf2f7;
  border: 1px solid #e5e6e7;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  align-items: center;
  height: 38px;
  margin-top: -10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex
}

.text-field-9 {
  border: 1px solid #e5e6e7;
  border-radius: 10px;
  width: 48%
}

.checkbox-label-2 {
  font-size: 9px
}

.submit-button-4 {
  background-color: var(--orange);
  border-radius: 10px;
  width: 100%;
  margin-top: 10px
}

.text-field-10,
.text-field-11 {
  border: 1px solid #e5e6e7;
  border-radius: 10px
}

.div-block-181 {
  margin-bottom: 25px
}

.text-block-81 {
  color: var(--dim-grey);
  text-align: center;
  font-size: 18px;
  font-weight: 500
}

.usecases-section-1 {
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: Poppins, sans-serif
}

.div-block-182 {
  width: 85%;
  margin-left: auto;
  margin-right: auto
}

.div-block-183 {
  background-color: var(--steel-blue);
  border-radius: 20px;
  padding: 50px 50px 120px
}

.heading-83 {
  color: var(--white);
  text-align: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
  font-weight: 400;
  line-height: 38px
}

.div-block-184 {
  text-align: center;
  border-radius: 20px;
  width: 80%;
  margin-top: -80px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  overflow: hidden;
  box-shadow: 1px 1px 16px rgba(122, 122, 122, .59)
}

.usecases-features {
  padding-top: 30px;
  padding-bottom: 30px
}

.div-block-185 {
  margin-top: 30px;
  font-size: 26px;
  font-weight: 500;
  line-height: 32px
}

.text-block-82 {
  color: #535b62;
  text-align: center;
  font-size: 18px;
  font-weight: 500
}

.submit-button-5 {
  background-color: #f9a400;
  border-radius: 10px;
  width: 100%;
  margin-top: 10px
}

.text-block-83 {
  color: #007ee5;
  margin-left: 10px;
  font-size: 16px;
  font-weight: 400
}

.heading-84 {
  color: #2f363f;
  margin-top: 18px;
  font-size: 38px;
  font-weight: 500;
  line-height: 52px
}

.div-block-186 {
  background-color: #007ee5;
  border-radius: 20px;
  padding: 50px
}

.heading-85 {
  color: #fff;
  text-align: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
  font-weight: 400;
  line-height: 38px
}

.usecases-features {
  font-family: Poppins, sans-serif
}

.div-block-187 {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: flex
}

.div-block-188 {
  width: 30%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 30px 20px
}

.heading-86 {
  color: var(--dark-slate-grey);
  font-weight: 500
}

.paragraph-43 {
  color: var(--dim-grey);
  margin-top: 20px;
  line-height: 21px
}

.image-49 {
  margin-bottom: 20px
}

.text-block-84 {
  color: var(--dark-slate-grey)
}

.dropdown-toggle-5 {
  padding-right: 20px
}

.text-block-85 {
  color: var(--white);
  margin-top: 30px;
  font-weight: 500
}

.div-block-189 {
  color: var(--white);
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-left: -10px;
  margin-right: auto;
  display: flex
}

.div-block-190 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 8%;
  height: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: 0;
  display: flex
}

.text-block-86 {
  color: var(--white);
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
  display: flex
}

.div-block-191 {
  background-color: var(--steel-blue);
  outline-offset: 0px;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  outline: 3px #333;
  align-items: center;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px 20px 0;
  display: flex
}

.text-block-87,
.text-span-39,
.text-block-88 {
  color: var(--steel-blue)
}

.text-block-91 {
  color: var(--white-smoke)
}

.div-block-193 {
  background-color: var(--white-smoke);
  height: 50px
}

.div-block-194 {
  color: var(--dim-grey);
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: -15px;
  display: flex
}

.div-block-196 {
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  display: flex
}

.image-50 {
  width: 20px;
  height: 20px
}

.text-block-92 {
  color: var(--white);
  text-align: left;
  width: 200px;
  margin-left: -3px;
  padding-left: 10px;
  font-size: 14px
}

.startup-qualify {
  background-color: var(--red);
  background-image: url("");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 100px;
  padding-bottom: 100px;
  font-family: Poppins, sans-serif
}

.heading-87 {
  color: var(--white);
  font-weight: 600
}

.paragraph-44,
.list-item-18 {
  color: var(--white);
  margin-top: 20px;
  font-size: 18px
}

.list-item-19,
.list-item-20,
.list-item-21,
.list-item-22 {
  color: var(--white);
  margin-top: 10px;
  font-size: 18px
}

.list-6 {
  margin-top: 50px
}

.text-span-40 {
  color: var(--steel-blue)
}

.pros-cons {
  padding-top: 50px;
  padding-bottom: 50px
}

.div-block-197 {
  background-color: var(--steel-blue);
  background-image: linear-gradient(rgba(0, 126, 229, .75), rgba(0, 126, 229, .75)), url("");
  background-position: 0 0, 0 0;
  background-size: auto, contain;
  background-attachment: scroll, fixed;
  border-radius: 30px;
  margin-top: 20px;
  padding: 50px 30px;
  font-family: Poppins, sans-serif
}

.heading-88 {
  color: var(--white);
  text-align: center;
  font-weight: 500
}

.list-item-23 {
  color: var(--white-smoke);
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 18px;
  list-style-type: disc
}

.list-item-24,
.list-item-25 {
  color: var(--white-smoke);
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 18px
}

.list-item-26,
.list-item-27,
.list-item-28 {
  color: var(--white);
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 18px
}

.list-7 {
  margin-top: 40px;
  margin-bottom: 50px;
  font-size: 18px
}

.text-span-41 {
  color: var(--steel-blue)
}

.div-block-198 {
  justify-content: space-between;
  align-items: center;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 0;
  display: block
}

.div-block-199 {
  text-align: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px
}

.div-block-200 {
  text-align: center;
  width: 45%;
  margin-left: auto;
  margin-right: auto
}

.heading-89 {
  color: var(--steel-blue);
  font-size: 48px;
  font-weight: 600
}

.image-51 {
  margin-left: auto;
  margin-right: auto
}

.text-span-49 {
  color: var(--steel-blue)
}

.paragraph-46 {
  color: var(--dim-grey);
  margin-top: 20px;
  font-size: 18px
}

.testimonials-onehash {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 50px 20px;
  font-family: Poppins, sans-serif;
  display: none
}

.div-block-203 {
  float: none;
  clear: none;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white-smoke);
  white-space: normal;
  background-image: url("");
  background-position: 2% 2%;
  background-repeat: no-repeat;
  background-size: 20px;
  border-radius: 10px;
  flex-flow: row;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  margin: 20px 0 10px;
  padding: 30px;
  display: inline-block
}

.text-block-94 {
  color: var(--dim-grey);
  font-size: 18px;
  font-weight: 500;
  line-height: 24px
}

.text-block-95 {
  color: var(--steel-blue);
  margin-top: 10px;
  font-size: 16px;
  font-weight: 500
}

.div-block-204 {
  background-color: var(--steel-blue);
  border-radius: 10px;
  width: 80%;
  margin: 20px auto 50px;
  padding: 30px;
  font-family: Poppins, sans-serif;
  font-weight: 400
}

.slider-3 {
  background-color: transparent;
  justify-content: center;
  align-items: center;
  display: flex
}

.paragraph-47 {
  color: var(--white);
  text-align: center;
  width: 60%;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 24px
}

.text-block-97 {
  color: var(--white);
  text-align: center;
  margin-top: 20px;
  font-size: 18px;
  font-style: italic;
  font-weight: 600
}

.blog-grid {
  margin-top: 60px;
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: Poppins, sans-serif
}

.div-block-205 {
  justify-content: space-between;
  align-items: flex-start;
  min-width: 0;
  min-height: 0;
  display: flex
}

.div-block-206 {
  width: 50%
}

.div-block-207 {
  justify-content: space-between;
  align-items: center;
  width: 45%;
  display: block
}

.div-block-208 {
  border-radius: 20px;
  min-width: 450px;
  overflow: hidden;
  box-shadow: 1px 1px 5px #d4d4d4
}

.div-block-209 {
  margin-top: 20px
}

.heading-90 {
  color: var(--dark-slate-grey);
  font-size: 28px;
  font-weight: 600;
  line-height: 38px
}

.text-block-98 {
  color: var(--dim-grey)
}

.paragraph-48 {
  color: var(--dim-grey);
  margin-top: 10px;
  font-size: 16px;
  line-height: 21px
}

.div-block-210 {
  flex-wrap: nowrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  display: flex
}

.collection-item {
  justify-content: space-between;
  align-items: flex-start;
  display: flex
}

.div-block-213 {
  object-fit: cover;
  border-radius: 7px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 20%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: hidden;
  box-shadow: 1px 1px 5px #d4d4d4
}

.div-block-214 {
  text-align: left;
  object-fit: fill;
  flex: 0 auto;
  order: 1;
  align-self: auto;
  width: 80%;
  margin-left: 10px;
  padding: 5px 20px 10px;
  display: block;
  overflow: visible
}

.text-block-100 {
  color: var(--dark-slate-grey);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: flex
}

.text-block-101 {
  color: var(--dim-grey);
  margin-top: 10px;
  font-size: 12px
}

.link-block-29 {
  width: 100%;
  margin-bottom: 10px;
  text-decoration: none
}

.link-block-30 {
  text-decoration: none
}

.subscribe-blog {
  padding-top: 20px;
  padding-bottom: 20px
}

.div-block-215 {
  background-color: var(--steel-blue);
  background-image: url("");
  background-position: 50%;
  background-size: cover;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 40px 30px 20px;
  font-family: Poppins, sans-serif;
  display: block
}

.heading-91 {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  font-weight: 600
}

.div-block-216 {
  width: 100%
}

.div-block-217 {
  width: 505px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto
}

.form-2 {
  align-items: center;
  display: flex
}

.submit-button-6 {
  background-color: var(--orange);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-top: -10px
}

.text-field-12 {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px
}

.div-block-218 {
  justify-content: center;
  align-items: center;
  display: flex
}

.blog-body {
  background-color: var(--white-smoke);
  margin-top: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: Poppins, sans-serif
}

.div-block-219 {
  justify-content: space-between;
  align-items: flex-start;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  display: flex
}

.div-block-220 {
  background-color: var(--white);
  border: 1px solid #f2f2f2;
  border-radius: 10px;
  width: 68%;
  padding: 20px
}

.div-block-221 {
  background-color: var(--white);
  border: 1px solid #f2f2f2;
  border-radius: 10px;
  width: 30%;
  padding: 20px 20px 10px
}

.heading-92 {
  color: var(--dark-slate-grey);
  margin-top: 0;
  font-weight: 600
}

.div-block-222 {
  border-radius: 10px;
  margin-top: 20px;
  overflow: hidden
}

.div-block-223 {
  margin-top: 30px
}

.rich-text-block {
  color: var(--dim-grey);
  font-size: 16px;
  line-height: 24px
}

.div-block-224 {
  margin-top: 10px;
  margin-bottom: 10px
}

.text-block-102 {
  color: var(--dim-grey)
}

.heading-93 {
  color: var(--dim-grey);
  margin-top: 0;
  font-weight: 600
}

.div-block-225 {
  margin-top: 0
}

.link-block-31 {
  color: var(--dim-grey);
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none
}

.text-block-103 {
  color: #ccc;
  margin-top: 2px;
  font-size: 12px
}

.sticky-blog {
  z-index: 2;
  background-color: var(--white);
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Poppins, sans-serif;
  position: fixed;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
  box-shadow: 1px 1px 3px #ccc
}

.div-block-227 {
  border: 1px #000;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 10px
}

.text-block-104 {
  color: var(--dark-slate-grey)
}

.div-block-228 {
  justify-content: space-between;
  align-items: center;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  display: flex
}

.div-block-229 {
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  display: flex
}

.text-block-105 {
  color: var(--dim-grey);
  margin-right: 10px
}

.div-block-230 {
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
  display: flex
}

.heading-94 {
  color: var(--steel-blue);
  letter-spacing: -2px;
  margin-top: 10px;
  font-size: 38px;
  font-weight: 500
}

.image-52 {
  margin-left: 10px
}

.div-block-231 {
  justify-content: flex-start;
  align-items: center;
  display: flex
}

.div-block-232 {
  background-color: var(--white);
  border: 1px solid #e9ecf5;
  border-radius: 10px;
  align-items: flex-start;
  width: 100%;
  margin: 10px auto;
  padding: 20px 20px 0;
  display: inline-block
}

.div-block-235 {
  background-color: var(--steel-blue);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  overflow: hidden
}

.div-block-236 {
  margin-left: 10px
}

.text-block-106 {
  color: var(--dark-slate-grey);
  font-family: Poppins, sans-serif;
  font-weight: 400
}

.text-block-107 {
  color: var(--dim-grey);
  margin-top: -5px;
  font-size: 10px;
  font-weight: 400;
  display: none
}

.div-block-237 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex
}

.div-block-238 {
  margin-top: 20px
}

.div-block-239 {
  margin-top: 30px
}

.text-block-108 {
  color: #8b8b8b;
  font-size: 12px;
  display: none
}

.section-19 {
  background-color: var(--steel-blue);
  border-bottom: 1px solid #eee;
  width: 100%;
  margin-top: 60px;
  font-family: Poppins, sans-serif;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%
}

.div-block-240 {
  justify-content: center;
  align-items: center;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  display: flex
}

.text-block-109 {
  padding-top: 0;
  padding-bottom: 0
}

.link-block-32 {
  border-bottom: 3px none var(--white-smoke);
  color: var(--white);
  text-align: center;
  width: 20%;
  padding: 16px 32px;
  font-size: 16px;
  text-decoration: none
}

.link-block-32.w--current {
  border-bottom-style: solid
}

.link-block-33,
.link-block-34 {
  color: var(--white);
  text-align: center;
  width: 20%;
  padding: 16px 32px;
  font-size: 16px;
  text-decoration: none
}

.div-block-241 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex
}

.section-20 {
  clear: none;
  margin-top: 110px;
  font-family: Poppins, sans-serif
}

.div-block-242 {
  align-items: flex-start;
  display: flex
}

.div-block-244 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: 30px
}

.div-block-245 {
  padding: 10px 0
}

.heading-96 {
  color: var(--dim-grey);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600
}

.paragraph-49 {
  color: var(--dim-grey);
  text-align: justify;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 24px
}

.list-8 {
  margin-top: 20px;
  list-style-type: lower-alpha
}

.list-item-31 {
  color: var(--dim-grey);
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 24px
}

.div-block-246 {
  display: none;
  overflow: visible
}

.div-block-247 {
  text-align: center;
  width: 50%;
  display: block
}

.image-54 {
  border-radius: 20px
}

.text-block-110 {
  color: var(--dim-grey);
  padding-top: 20px;
  font-size: 18px;
  line-height: 25px
}

.text-span-53 {
  color: var(--red);
  font-size: 12px;
  position: relative;
  top: -8px
}

.text-span-54 {
  color: var(--red)
}

.feature-wrap {
  border: 1px #000;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 90vw;
  margin: 25vh auto 10vh;
  padding-left: 0;
  padding-right: 0;
  font-family: Poppins, sans-serif;
  display: flex
}

.feature-wrap.reverse {
  flex-direction: row-reverse;
  justify-content: space-around;
  width: 90vw;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  font-family: Poppins, sans-serif
}

.feature-content {
  object-fit: fill;
  border: 1px #000;
  flex: none;
  width: 70vw;
  max-width: 450px;
  margin-left: 25px;
  margin-right: 11px;
  padding-left: 0;
  padding-right: 0
}

.feature-image-1218 {
  border: 1px #000;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 40vw;
  display: flex
}

.section-21 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex
}

.div-block-248 {
  background-color: #f9fafb;
  background-image: url("");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%
}

.div-block-249 {
  background-image: url("");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%
}

.image-56 {
  margin-left: 10px
}

.text-block-112 {
  color: var(--light-sky-blue);
  text-align: center
}

.pricing-jumbo-2 {
  margin-top: 0;
  padding-top: 50px;
  padding-bottom: 20px;
  font-family: Poppins, sans-serif;
  display: none
}

.text-span-62 {
  font-size: 26px
}

.faq-pricing {
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: Poppins, sans-serif
}

.heading-100 {
  color: var(--dim-grey);
  text-align: center;
  margin-top: 10px;
  font-weight: 600
}

.div-block-252 {
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  display: block
}

.heading-102 {
  color: var(--dim-grey);
  text-align: center;
  margin-top: 10px;
  font-weight: 500
}

.paragraph-61 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 24px
}

.div-block-254 {
  border-left: 5px none var(--light-sky-blue);
  flex: 0 auto;
  align-self: auto;
  width: auto;
  padding: 0 40px
}

.collection-item-2 {
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  display: block
}

.div-block-255 {
  flex-wrap: wrap;
  align-content: stretch;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex
}

.collection-list-001 {
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  display: flex
}

.days-money-gauranteed {
  margin-top: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Poppins, sans-serif;
  display: none
}

.div-block-256 {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex
}

.text-block-113 {
  color: #9d9d9d;
  margin-left: 10px;
  font-size: 13px;
  font-weight: 400
}

.div-block-257 {
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  margin-top: 80px;
  padding: 30px;
  display: none;
  box-shadow: 0 0 20px 4px rgba(207, 209, 211, .61)
}

.div-block-258 {
  width: 75%
}

.heading-103 {
  color: var(--dark-slate-grey);
  margin-top: 10px;
  font-size: 24px;
  font-weight: 500
}

.paragraph-62 {
  color: var(--dim-grey);
  margin-top: 20px;
  font-size: 16px;
  line-height: 28px
}

.link-27 {
  color: var(--steel-blue);
  text-decoration: none
}

.image-57 {
  width: 20px;
  margin-top: -10px
}

.div-block-259 {
  margin-bottom: 50px
}

.signup {
  justify-content: center;
  align-items: center;
  height: 100%;
  font-family: Poppins, sans-serif;
  display: flex
}

.body-6 {
  height: 100%
}

.div-block-260 {
  border: 1px solid #f4f4f4;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  width: 60%;
  padding: 20px;
  display: flex
}

.div-block-261 {
  width: 60%
}

.div-block-262 {
  text-align: center;
  width: 30%
}

.heading-104 {
  color: var(--dark-slate-grey);
  margin-top: 10px;
  font-size: 21px;
  font-weight: 400
}

.div-block-263 {
  justify-content: center;
  align-items: center;
  display: block
}

.div-block-264 {
  color: var(--dim-grey);
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
  font-weight: 400;
  display: flex
}

.div-block-265,
.div-block-266 {
  width: 45%
}

.field-label-6 {
  color: var(--dim-grey);
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400
}

.field-label-7 {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400
}

.text-field-13,
.text-field-14 {
  border-radius: 5px
}

.div-block-267 {
  width: 100%
}

.text-field-15 {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 100%;
  margin-bottom: 10px
}

.div-block-268 {
  justify-content: space-between;
  align-items: stretch;
  display: flex
}

.div-block-269 {
  text-align: center;
  background-color: #eef0f2;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  flex: 0 auto;
  order: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 20%;
  height: 38px;
  margin-bottom: 10px;
  display: flex
}

.div-block-270 {
  width: 80%
}

.text-field-16 {
  border-radius: 5px
}

.submit-button-7 {
  background-color: var(--steel-blue);
  border-radius: 5px;
  margin-top: 0;
  padding-left: 16px;
  padding-right: 16px
}

.checkbox-label-3 {
  font-size: 11px
}

.link-28,
.link-29 {
  color: var(--steel-blue);
  text-decoration: none
}

.div-block-271 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  display: flex
}

.link-block-37 {
  color: var(--steel-blue);
  margin-left: 20px;
  font-size: 13px;
  text-decoration: none
}

.text-block-114 {
  color: var(--dim-grey);
  text-align: center
}

.features-collection {
  margin-top: 30px;
  padding-top: 20px;
  padding-bottom: 0;
  font-family: Poppins, sans-serif
}

.div-block-272 {
  flex-wrap: wrap;
  align-items: flex-start;
  width: 90%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: flex
}

.div-block-273 {
  justify-content: space-between;
  align-items: flex-start;
  width: 33%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
  display: flex
}

.div-block-274 {
  width: 50px;
  height: 50px
}

.div-block-275 {
  width: 80%;
  margin-left: 10px
}

.text-block-115 {
  color: var(--dark-slate-grey);
  font-size: 16px;
  font-weight: 400
}

.image-59 {
  width: 50px;
  height: 50px
}

.contact-section-2 {
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Poppins, sans-serif
}

.div-block-276 {
  justify-content: space-between;
  align-items: flex-start;
  display: flex
}

.div-block-277 {
  width: 33%;
  margin: 10px;
  padding: 20px
}

.heading-106 {
  color: var(--dim-grey);
  margin-top: 10px;
  font-weight: 400
}

.link-30 {
  color: var(--steel-blue);
  letter-spacing: 1px;
  width: 100%;
  font-weight: 500;
  text-decoration: none;
  margin-bottom: 15px;
}

.section-23 {
  padding: 50px 0px;
  font-family: Poppins, sans-serif;
  font-weight: 500
}

@media (max-width:767px) {
  .section-23 {
    padding: 20px 0px;
  }
}

.heading-107 {
  color: var(--dim-grey);
  text-align: center;
  font-size: 38px;
  font-weight: 600;
  line-height: 48px
}

.div-block-278 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  margin-top: 50px;
  display: grid
}

@media (max-width:767px) {
  .div-block-278 {
    margin-top: 0;
  }
}

.div-block-279 {
  width: 100%;
  padding: 10px
}

.div-block-279.hide {
  display: none
}

.text-block-117 {
  color: var(--dim-grey);
  font-size: 21px;
  font-weight: 400
}

.text-block-118 {
  color: var(--steel-blue);
  margin-top: 10px;
  font-size: 16px;
  font-weight: 400
}

.paragraph-64 {
  margin-top: 15px;
  font-weight: 400
}

.div-block-282 {
  text-align: center;
  margin-top: 0
}

.paragraph-65 {
  color: #989a9c;
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px
}

.link-31 {
  border-bottom: 3px none var(--white-smoke);
  color: var(--white-smoke);
  text-align: center;
  width: 20%;
  padding: 16px 32px;
  text-decoration: none
}

.link-31.w--current {
  border-bottom-style: solid;
  font-size: 16px
}

.text-span-63 {
  font-weight: 500
}

.section-24 {
  background-image: linear-gradient(to bottom, var(--white), #e9eff3);
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: Poppins, sans-serif
}

.div-block-290 {
  justify-content: space-between;
  align-items: center;
  display: flex
}

.div-block-292 {
  background-color: var(--white-smoke);
  border-radius: 10px;
  width: 40%;
  margin-left: 0;
  padding: 20px;
  box-shadow: 0 0 16px -6px #dadada
}

.div-block-293 {
  width: 60%;
  padding: 20px
}

.heading-108 {
  color: var(--dark-slate-grey);
  font-weight: 600;
  line-height: 48px
}

.paragraph-66 {
  color: var(--dim-grey);
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 28px
}

.section-25 {
  padding-top: 10px;
  padding-bottom: 10px;
  display: none
}

.div-block-294 {
  justify-content: space-between;
  align-items: center;
  display: flex
}

.section-26 {
  padding-top: 0;
  padding-bottom: 50px;
  font-family: Poppins, sans-serif
}

.heading-109 {
  color: var(--dark-slate-grey);
  text-align: center;
  font-weight: 600;
  line-height: 36px
}

.paragraph-67 {
  text-align: center;
  margin-top: 10px
}

.section-27 {
  background-color: #f4f4f4;
  background-image: linear-gradient(to bottom, var(--white-smoke), white);
  margin-top: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Poppins, sans-serif;
  display: block
}

.div-block-295 {
  background-color: transparent;
  margin-top: 15px;
  margin-left: 0
}

.div-block-296 {
  margin-top: 20px
}

.button-11 {
  text-align: center;
  background-color: #f9a400;
  border-radius: 10px;
  width: 100%;
  margin-top: 10px
}

.text-span-64 {
  font-size: 28px
}

.text-span-65,
.text-span-66 {
  color: var(--red)
}

.jumbotron-career {
  margin-top: 60px;
  padding-top: 40px;
  padding-bottom: 0;
  font-family: Poppins, sans-serif
}

.section-29 {
  background-color: var(--white);
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: Poppins, sans-serif
}

.heading-111 {
  text-align: center;
  font-weight: 500
}

.div-block-297 {
  margin-top: 50px
}

.div-block-298 {
  background-color: var(--white-smoke);
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  padding: 20px
}

.text-block-119 {
  color: var(--dark-slate-grey);
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 600
}

.text-block-120 {
  color: var(--dim-grey);
  margin-top: 0;
  margin-left: 10px
}

.div-block-299 {
  align-items: center;
  margin-top: 5px;
  display: flex
}

.text-block-122 {
  color: var(--dark-slate-grey);
  font-weight: 500
}

.button-12 {
  background-color: var(--steel-blue);
  border-radius: 5px;
  margin-top: 30px
}

.section-30 {
  margin-top: 60px;
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: Poppins, sans-serif
}

.heading-112 {
  color: var(--dark-slate-grey);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0
}

.div-block-300 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  display: flex
}

.text-block-123 {
  margin-left: 2px;
  margin-right: 2px
}

.div-block-301 {
  margin-top: 50px;
  padding: 20px
}

.div-block-302 {
  margin-top: 30px
}

.button-13 {
  display: none
}

.image-60 {
  float: none;
  text-align: center;
  object-fit: cover;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  font-size: 14px;
  text-decoration: none;
  position: static
}

.image-61 {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 0;
  display: inline-block
}

.div-block-304 {
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}

.div-block-305 {
  display: flex
}

.link-block-38 {
  text-decoration: none
}

.rich-text-block-2 {
  color: #595a5a;
  font-size: 12px;
  line-height: 21px
}

.faq {
  background-color: var(--steel-blue);
  margin-top: 0;
  padding-top: 100px;
  padding-bottom: 100px;
  font-family: Poppins, sans-serif
}

.heading-114 {
  color: var(--white);
  text-align: center;
  margin-left: 20px;
  margin-right: 20px;
  line-height: 44px
}

.faq-listing {
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: Poppins, sans-serif
}

.accordion-item {
  width: 100%;
  overflow: hidden
}

.accordion-toggle-2 {
  align-items: center;
  height: 40px;
  display: flex;
  box-shadow: 0 0 18px -1px rgba(83, 91, 98, .27)
}

.text-block-125 {
  white-space: normal;
  flex: none;
  width: 100%;
  font-weight: 500
}

.dropdown-list-6 {
  background-color: #fff;
  padding: 20px;
  display: block;
  position: static
}

.paragraph-69 {
  padding: 10px 20px
}

.div-block-306 {
  background-color: var(--white);
  border-radius: 5px;
  margin-top: -80px;
  padding: 20px 20px 30px;
  font-family: Poppins, sans-serif;
  box-shadow: 1px 1px 7px rgba(153, 153, 153, .41)
}

.heading-115 {
  color: var(--dark-slate-grey);
  text-align: center;
  font-weight: 500
}

.div-block-307 {
  justify-content: space-between;
  align-items: center;
  display: flex
}

.div-block-308 {
  width: 15%;
  margin: 10px
}

.link-block-39,
.link-block-40,
.link-block-41,
.link-block-42,
.link-block-43 {
  text-decoration: none
}

.container-12 {
  display: block
}

.section-31 {
  background-image: linear-gradient(#fff, #e2e5e8);
  padding-top: 30px;
  padding-bottom: 20px;
  font-family: Poppins, sans-serif
}

.text-span-67 {
  font-size: 16px;
  position: relative;
  top: -15px
}

.container-13 {
  text-align: center
}

.image-62 {
  object-fit: cover;
  width: 30px;
  height: 30px
}

.text-block-126 {
  color: #bababa;
  margin-top: 10px;
  font-size: 12px;
  display: none
}

.marquee {
  flex-direction: row;
  justify-content: space-between;
  display: flex;
  overflow: hidden
}

.marquee--inner {
  min-width: 100%;
  padding-left: 20px;
  padding-right: 0
}

.popup {
  z-index: 100;
  background-color: rgba(0, 0, 0, .59);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: Poppins, sans-serif;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%
}

.div-block-309 {
  background-color: var(--white);
  color: var(--dim-grey);
  text-align: center;
  width: 400px;
  padding: 20px
}

.text-block-127 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 16px
}

.pagination {
  text-align: center;
  justify-content: flex-end
}

.next {
  background-color: var(--steel-blue);
  color: var(--white-smoke);
  border-radius: 5px
}

.image-67 {
  margin-top: -140px
}

.text-block-128,
.text-block-129,
.text-block-130 {
  cursor: pointer
}

.video-2,
.video-3 {
  border-radius: 0;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .25)
}

.buttontext-lifetime {
  color: var(--steel-blue);
  text-transform: none;
  cursor: auto;
  width: 80px;
  margin-top: -18px;
  margin-bottom: -43px;
  margin-left: 0;
  padding: 0 10px 7px 313px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 400
}

.container-16 {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: none
}

.buttontext-monthly {
  text-align: center;
  cursor: auto;
  width: auto;
  height: 30px;
  margin: 20px -2px -29px 252px;
  padding: 0;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  text-decoration: none;
  display: block;
  overflow: visible
}

.text-block-1212 {
  color: var(--steel-blue);
  text-align: center;
  margin-bottom: 1px;
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 500;
  display: block;
  position: relative
}

.heading-1212 {
  color: var(--steel-blue);
  text-align: center;
  margin-top: 10px;
  font-size: 48px;
  font-weight: 600;
  line-height: 55px;
  display: block
}

.button-1212 {
  background-color: var(--steel-blue);
  color: var(--white);
  text-align: center;
  border-radius: 8px;
  margin-top: auto;
  margin-left: 50px;
  margin-right: 50px;
  padding: 16px 32px;
  font-size: 18px;
  font-weight: 500;
  display: inline-block
}

.text-block-1212-info {
  color: var(--steel-blue);
  text-align: center;
  margin-top: 20px;
  font-weight: 400;
  line-height: 21px;
  display: none
}

.buttontext-lifetime-signup {
  color: var(--steel-blue);
  text-transform: none;
  cursor: auto;
  width: 80px;
  margin-top: 9px;
  margin-bottom: -71px;
  margin-left: -17px;
  padding: 0 10px 7px 270px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 400
}

.buttontext-monthly-signup {
  text-align: center;
  cursor: auto;
  width: auto;
  height: auto;
  margin: 12px -2px -24px -50px;
  padding: 0;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  text-decoration: none;
  display: inline-block;
  overflow: visible
}

.heading-1213 {
  color: var(--steel-blue);
  text-align: center;
  margin-top: 200px;
  font-family: Poppins, sans-serif;
  display: block
}

.body-7 {
  background-color: #eef5f6
}

.button-1213 {
  background-color: var(--steel-blue);
  text-align: center;
  border-radius: 7px;
  width: 150px;
  margin: 32px auto 0;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  display: block
}

.heading-1218 {
  color: var(--orange);
  letter-spacing: -1px;
  width: 500px;
  height: auto;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Poppins, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 60px;
  overflow: visible
}

.customer-support-service-block-12 {
  border: 1px #000;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 90vw;
  margin: -2vh auto 1vh;
  padding-left: 0;
  padding-right: 0;
  font-family: Poppins, sans-serif;
  display: flex
}

.feature-content-1218 {
  object-fit: fill;
  border: 1px #000;
  flex: none;
  width: 70vw;
  max-width: 450px;
  padding-left: 0;
  padding-right: 0
}

.text-span-1219 {
  color: var(--dark-slate-grey)
}

.image-74 {
  margin-bottom: 59px;
  margin-left: 88px
}

.text-block-1215 {
  color: var(--steel-blue);
  text-align: center;
  margin-top: 134px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 40px;
  font-weight: 500;
  display: block
}

.text-block-1216 {
  text-align: justify;
  margin-left: 0;
  padding-left: 88px;
  padding-right: 88px;
  font-family: Poppins, sans-serif;
  line-height: 180%;
  display: block
}

.div-block-316 {
  flex-direction: row;
  justify-content: flex-end;
  width: auto;
  display: block
}

.text-span-1236 {
  font-size: 10px
}

.link-block-css {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
  display: none
}

.app-download {
  text-align: center;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: -30px;
  padding-top: 0;
  font-size: 21px;
  display: flex
}

.image-75 {
  cursor: pointer;
  margin-bottom: 0;
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 0;
  display: inline-block
}

.container-18 {
  color: var(--dark-slate-grey);
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  flex-flow: wrap;
  grid-template-rows: 29px auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: space-around;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-left: 0;
  padding-right: 0;
  display: block
}

.image-76 {
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 0;
  padding-bottom: 0;
  position: static
}

.heading-onechat {
  color: var(--steel-blue);
  text-align: center;
  font-family: Poppins, sans-serif;
  font-weight: 600;
  line-height: 52px
}

.pricing-table {
  display: none
}

.div-block-317 {
  background-color: var(--steel-blue);
  text-align: center;
  background-image: linear-gradient(149deg, #407bff, #003bd7 99%, #fff);
  border-radius: 20px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-end;
  width: auto;
  height: auto;
  display: block;
  position: relative;
  top: auto;
  box-shadow: 0 20px 20px 3px rgba(83, 91, 98, .25)
}

.div-block-318 {
  background-color: #e4ecf9;
  border-radius: 20px;
  width: auto;
  height: auto;
  padding-left: 31px
}

.text-span-1238 {
  color: var(--steel-blue)
}

.text-span-1239 {
  color: var(--red)
}

.text-span-1240 {
  color: var(--sea-green)
}

.text-span-1241 {
  color: var(--orange)
}

.text-span-1242 {
  color: var(--steel-blue)
}

.text-span-1243 {
  color: var(--red)
}

.text-span-1244 {
  color: var(--sea-green)
}

.text-block-1219 {
  color: var(--steel-blue);
  text-align: center;
  padding-top: 30px;
  font-family: Poppins, sans-serif;
  font-size: 21px;
  font-weight: 500;
  display: none
}

.text-block-1220 {
  text-align: center;
  padding-top: 20px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  display: none
}

.image-77 {
  object-fit: fill;
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 19px;
  display: block;
  position: static;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%
}

.div-class-onechat-1 {
  justify-content: space-between;
  align-items: center;
  width: 85%;
  margin: 30px auto 20px;
  display: flex
}

.div-block-onechat-1 {
  width: 50%;
  margin-top: 0;
  padding: 20px 20px 20px 1px
}

.heading-53-copy {
  color: var(--dark-slate-grey);
  letter-spacing: -1.5px;
  margin-top: 0;
  padding-top: 0;
  font-size: 7vh;
  font-weight: 500;
  line-height: 10vh
}

.button-onechat-cta {
  object-fit: cover;
  background-color: #007ee5;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 16px 32px;
  font-family: Poppins, sans-serif;
  display: inline-block
}

.text-block-1221 {
  color: var(--white-smoke);
  padding-top: 39px;
  padding-bottom: 20px;
  font-family: Poppins, sans-serif;
  font-size: 21px;
  font-weight: 500
}

.text-block-1222 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-left: 0;
  padding-right: 29px;
  font-family: Poppins, sans-serif;
  font-size: 21px;
  font-weight: 500;
  display: block
}

.column-52 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: inline-block
}

.text-block-1223 {
  color: var(--white-smoke);
  margin-top: 0;
  font-family: Poppins, sans-serif;
  font-size: 14px
}

.text-block-1224 {
  color: var(--white-smoke);
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Poppins, sans-serif;
  font-size: 32px;
  font-weight: 500
}

.text-span-1246 {
  color: var(--light-sky-blue);
  font-size: 21px;
  font-weight: 500;
  text-decoration: line-through
}

.text-block-1225 {
  color: var(--white-smoke);
  font-family: Poppins, sans-serif;
  font-size: 14px
}

.text-block-1226 {
  color: var(--white-smoke);
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Poppins, sans-serif
}

.text-block-1227 {
  color: var(--white-smoke);
  object-fit: cover;
  object-position: 100% 50%;
  width: 70%;
  padding-top: 0;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  display: inline-block;
  overflow: visible
}

.button-1214 {
  background-color: var(--white-smoke);
  color: var(--dark-slate-grey);
  border-radius: 5px;
  width: 80%;
  margin-top: 31px;
  margin-bottom: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: inline-block
}

.text-span-1247 {
  color: var(--dark-slate-grey);
  text-align: center;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 500
}

.text-block-1228 {
  color: var(--white-smoke);
  cursor: pointer;
  margin-bottom: 20px;
  padding-top: 20px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-style: normal;
  text-decoration: none
}

.div-block-319 {
  margin-left: auto;
  margin-right: auto;
  display: none
}

.text-block-1229 {
  text-align: center;
  padding-top: 15px;
  padding-right: 29px;
  font-family: Poppins, sans-serif
}

.text-block-1230 {
  color: var(--steel-blue);
  text-align: center;
  margin-top: 45px;
  margin-bottom: 0;
  padding-top: 15px;
  padding-bottom: 20px;
  padding-right: 29px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  display: block
}

.button-free-deal {
  background-color: var(--steel-blue);
  color: var(--white-smoke);
  text-align: center;
  border-radius: 5px;
  width: 80%;
  margin: 31px 0 50px 14px;
  padding: 10px 29px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  display: inline-block
}

.text-span-1248 {
  color: var(--steel-blue)
}

.text-span-1249 {
  color: var(--red)
}

.text-span-1250 {
  direction: ltr;
  color: var(--red);
  object-fit: fill;
  font-size: 12px;
  line-height: 0;
  text-decoration: none;
  position: relative;
  top: -6px;
  overflow: visible
}

.cta-onehash {
  background-image: url("");
  background-position: 0 0;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
  font-family: Poppins, sans-serif
}

.features-onechat {
  padding-top: 50px;
  padding-bottom: 0;
  font-family: Poppins, sans-serif
}

.cta-onechat {
  background-image: url("");
  background-position: 0 0;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
  font-family: Poppins, sans-serif
}

.navbar-onechat {
  background-color: #fff;
  width: 100%;
  font-family: Poppins, sans-serif;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%
}

.dropdown-list-7 {
  background-color: var(--white-smoke);
  width: 400px
}

.dropdown-list-7.w--open {
  background-color: var(--white);
  outline-offset: 0px;
  border-radius: 8px;
  outline: 3px #2f363f;
  width: 200px;
  padding-top: 20px;
  padding-bottom: 10px;
  box-shadow: 0 0 60px rgba(0, 0, 0, .15)
}

.dropdown-link-7 {
  color: var(--steel-blue);
  cursor: pointer;
  font-size: 18px
}

.dropdown-link-7.w--current {
  padding-top: 10px;
  padding-bottom: 0;
  font-size: 18px
}

.text-block-1231 {
  color: var(--dark-slate-grey);
  padding-left: 22px;
  padding-right: 22px;
  font-size: 10px;
  line-height: 15px;
  text-decoration: none
}

.container-20 {
  cursor: pointer;
  margin-bottom: 0;
  padding-top: 10px
}

.text-block-1232 {
  color: var(--dark-slate-grey);
  margin-bottom: 0;
  padding: 10px 36px 10px 20px;
  font-size: 10px;
  line-height: 15px
}

.container-21 {
  cursor: pointer;
  padding-top: 0
}

.dropdown-toggle-6 {
  color: var(--steel-blue);
  width: 200px;
  margin-bottom: -20px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-size: 18px;
  display: inline-block
}

.dropdown-toggle-6.w--open {
  color: var(--steel-blue)
}

.dropdown-list-8 {
  background-color: var(--white-smoke)
}

.dropdown-list-8.w--open {
  border-radius: 3px;
  margin-top: -15px;
  margin-left: 200px;
  padding-bottom: 10px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .2)
}

.heading-69-copy {
  color: var(--steel-blue);
  font-size: 8vh;
  font-weight: 500
}

.heading-69-copy.quotes {
  color: var(--steel-blue);
  margin-bottom: 20px;
  font-size: 8vh
}

.text-span-20-copy {
  color: var(--red)
}

.heading-69-copy {
  font-size: 9vh;
  font-weight: 500
}

.heading-69-copy.quotes {
  color: var(--steel-blue);
  margin-bottom: 20px
}

.text-span-21-copy {
  color: var(--orange)
}

.text-span-1251,
.text-span-1252 {
  color: var(--steel-blue)
}

.image-78 {
  object-fit: fill;
  max-width: 49%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 19px;
  padding-left: 12px;
  display: block;
  position: static;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%
}

.text-block-1220-2 {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 18px
}

.text-block-1233 {
  color: var(--steel-blue);
  text-align: center;
  font-family: Poppins, sans-serif
}

.image-77-copy {
  object-fit: fill;
  max-width: 50%;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 19px;
  display: block;
  position: static;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%
}

.monthly-features,
.monthly-features-1 {
  object-fit: fill;
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 19px;
  display: block;
  position: static;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%
}

.link-block-46 {
  text-decoration: none;
  display: inline-block
}

.text-block-1234 {
  color: var(--steel-blue);
  padding-bottom: 0;
  padding-left: 20px;
  font-size: 18px
}

.icon-5 {
  color: var(--steel-blue);
  margin-top: 10px;
  margin-left: 0;
  margin-right: 80px;
  padding-left: 0;
  display: flex;
  transform: rotate(-90deg)
}

.navbar-onehash {
  background-color: #fff;
  width: 100%;
  font-family: Poppins, sans-serif;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  box-shadow: 0 1px 15px -2px rgba(204, 204, 204, .4)
}

.link-block-47 {
  color: var(--dark-slate-grey);
  text-decoration: none
}

.button-6-copy {
  background-color: #007ee5;
  border-radius: 8px;
  display: none
}

.nav-link-6-copy {
  color: #007ee5
}

.columns-23 {
  margin-bottom: 20px;
  display: none
}

.paragraph-60-onechat {
  color: var(--dark-slate-grey);
  text-align: center;
  margin-top: 10px;
  margin-left: 20px;
  font-size: 16px;
  line-height: 28px
}

.monthly-deal-features {
  display: none
}

.link-block-48 {
  text-decoration: none
}

.link-block-49 {
  text-align: center;
  margin-bottom: 0;
  text-decoration: none;
  display: block
}

.div-block-320 {
  margin-top: 15px;
  margin-left: 15px;
  display: flex
}

.text-block-1235 {
  color: var(--dark-slate-grey);
  margin-top: 5px;
  margin-left: 15px;
  text-decoration: none;
  overflow: visible
}

.link-block-50 {
  cursor: pointer;
  text-decoration: none
}

.div-block-321 {
  margin-top: 15px;
  margin-left: 15px;
  display: flex
}

.link-block-51,
.link-block-52,
.link-block-53 {
  cursor: pointer;
  text-decoration: none
}

.image-80,
.image-81 {
  width: 30%
}

.image-82 {
  width: 27%
}

.image-83 {
  width: 35%
}

.section-buy-now {
  background-image: linear-gradient(to bottom, var(--white), #e9eff3);
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: Poppins, sans-serif
}

.div-block-293-copy {
  width: 60%;
  padding: 20px
}

.heading-108-copy {
  color: var(--steel-blue);
  font-size: 40px;
  font-weight: 600;
  line-height: 48px
}

.paragraph-66-copy {
  color: var(--dim-grey);
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 28px
}

.button-7-copy {
  background-color: #007ee5;
  border-radius: 8px;
  padding: 16px 32px
}

.div-block-322 {
  background-color: var(--steel-blue);
  height: 180px;
  padding-top: 10px;
  padding-bottom: 10px
}

.link-block-55 {
  color: var(--dark-slate-grey);
  text-decoration: none
}

.dropdown-list-11 {
  width: 500px;
  display: block
}

.dropdown-list-11.w--open {
  background-color: var(--white);
  border-radius: 12px;
  width: 600px;
  margin-top: 0;
  margin-left: -114px;
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: hidden;
  box-shadow: 0 40px 100px rgba(0, 0, 0, .2)
}

.columns-24 {
  margin-left: 0;
  padding: 0 13px
}

.column-57 {
  cursor: pointer;
  padding-left: 15px;
  padding-right: 26px;
  display: flex
}

.text-block-1237 {
  color: var(--steel-blue);
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 400
}

.link-block-56 {
  cursor: pointer;
  padding-left: 10px;
  text-decoration: none
}

.text-block-1238 {
  color: var(--dark-slate-grey);
  font-size: 9px
}

.columns-25 {
  margin-left: 0;
  padding: 13px 13px 0
}

.link-block-57,
.link-block-58 {
  cursor: pointer;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none
}

.text-block-1240 {
  color: var(--dark-slate-grey);
  font-size: 9px;
  line-height: 18px
}

.link-block-59 {
  cursor: pointer;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none
}

.text-block-1241 {
  color: var(--dark-slate-grey);
  font-size: 9px
}

.column-2-57 {
  display: flex
}

.text-block-f3 {
  color: var(--sea-green);
  margin-bottom: 5px;
  font-size: 12px
}

.text-block-f2 {
  color: var(--red);
  margin-bottom: 5px;
  font-size: 12px
}

.text-block-f4 {
  color: var(--orange);
  margin-bottom: 5px;
  font-size: 12px
}

.columns-26 {
  margin-left: 0;
  padding: 13px 13px 0
}

.text-block-f5 {
  color: var(--steel-blue);
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 400
}

.text-block-1238-26 {
  color: var(--dark-slate-grey);
  font-size: 9px
}

.text-block-f6 {
  color: var(--red);
  margin-bottom: 5px;
  font-size: 12px
}

.text-block-1240-f6 {
  color: var(--dark-slate-grey);
  font-size: 9px
}

.columns-27 {
  margin-left: 0;
  padding: 13px 13px 5px
}

.text-block-f7 {
  color: var(--sea-green);
  margin-bottom: 5px;
  font-size: 12px
}

.text-block-f8 {
  color: var(--orange);
  margin-bottom: 5px;
  font-size: 12px
}

.text-block-1238-f7,
.text-block-1241-f8 {
  color: var(--dark-slate-grey);
  font-size: 9px
}

.integration-onehash {
  background-color: #f9fafb
}

.link-block-56-f1 {
  cursor: pointer;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 0;
  text-decoration: none
}

.link-block-56-f1.w--current {
  padding-left: 20px
}

.div-block-oc-integration {
  justify-content: space-between;
  align-items: flex-end;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 10px 0;
  display: flex
}

.heading-59-i-oc {
  color: var(--dark-slate-grey);
  letter-spacing: -1px;
  font-size: 38px;
  font-weight: 500;
  line-height: 48px
}

.text-block-110-i-oc {
  color: var(--dim-grey);
  padding-top: 0;
  font-size: 18px;
  line-height: 25px
}

.text-span-1254 {
  color: var(--orange)
}

.heading-99-copy {
  color: var(--steel-blue);
  text-align: center;
  margin-bottom: 30px;
  margin-left: 20px;
  font-size: 30px;
  font-weight: 600;
  line-height: 42px
}

.paragraph-60-copy {
  color: var(--dark-slate-grey);
  text-align: center;
  margin-top: 10px;
  margin-left: 20px;
  font-size: 15px;
  line-height: 28px
}

.image-85 {
  width: 70%;
  margin-top: -50px
}

.image-86 {
  width: 70%;
  margin-top: -55px;
  margin-left: 22px;
  padding-top: 0;
  display: inline-block
}

.text-block-fd {
  color: var(--steel-blue);
  text-align: center;
  margin-top: 14px;
  margin-left: -40px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Poppins, sans-serif;
  font-size: 32px;
  font-weight: 500
}

.image-87 {
  text-align: left;
  width: 20%;
  margin: 14px auto -15px;
  display: block
}

.div-block-323 {
  display: block
}

.container-22 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 35px;
  display: block
}

.text-block-1242 {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 400
}

.text-block-1243 {
  color: var(--steel-blue);
  text-align: center;
  margin-top: 10px;
  margin-bottom: 9px;
  font-family: Poppins, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px
}

.text-block-1242-copy {
  text-align: center;
  align-items: center;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: block
}

.button-1215 {
  background-color: var(--steel-blue);
  text-align: center;
  border-radius: 5px;
  margin: 0 auto;
  font-family: Poppins, sans-serif;
  display: inline-block
}

.container-23 {
  justify-content: center;
  margin-top: 20px;
  padding-bottom: 18px;
  display: flex
}

.image-88 {
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
  display: block;
  position: static
}

.column-58,
.column-59 {
  display: flex
}

.column-2-57-copy {
  display: none
}

.column-57-copy {
  cursor: pointer;
  padding-left: 11px;
  display: flex
}

.column-57-copy-1,
.column-57-copy,
.column-57-copy-2 {
  cursor: pointer;
  padding-left: 15px;
  display: flex
}

.div-block-326 {
  width: 90%;
  margin-left: auto;
  margin-right: auto
}

.navbar-3 {
  background-color: var(--white);
  font-family: Poppins, sans-serif;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%
}

.image-90 {
  margin-top: 10px
}

.dropdown-list-12 {
  width: 500px
}

.dropdown-list-12.w--open {
  background-color: var(--white);
  border-radius: 8px;
  width: 550px;
  padding-top: 20px;
  padding-bottom: 20px;
  box-shadow: 0 30px 100px -12px rgba(47, 54, 63, .3)
}

.link-block-60 {
  text-decoration: none
}

.text-span-1255 {
  font-size: 21px
}

.image-91 {
  width: 100%;
  min-width: 50%;
  margin-top: 0;
  margin-left: -25px;
  display: block
}

.column-60 {
  justify-content: flex-start;
  display: flex
}

.column-61 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex
}

.image-92 {
  margin-left: -25px
}

.pricing-jumbo-2-jvzoo {
  margin-top: 0;
  padding-top: 50px;
  padding-bottom: 30px;
  font-family: Poppins, sans-serif
}

.column-62 {
  font-family: Poppins, sans-serif
}

.monthly-deal-features-jvzoo {
  margin-bottom: 60px
}

.button-1214-jvzoo {
  background-color: var(--white-smoke);
  color: var(--steel-blue);
  border-radius: 5px;
  width: 80%;
  margin-top: 31px;
  margin-bottom: 48px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: block
}

.button-free-deal-jvzoo {
  background-color: var(--steel-blue);
  color: var(--white-smoke);
  text-align: center;
  border-radius: 5px;
  width: 80%;
  margin: 31px 0 50px 14px;
  padding: 10px 29px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  display: none
}

.section-31-onechat-jvzoo {
  background-image: linear-gradient(#fff, #e2e5e8);
  padding-top: 30px;
  padding-bottom: 20px;
  font-family: Poppins, sans-serif;
  display: none
}

.button-9-onechat-jvzoo {
  background-color: var(--steel-blue);
  border-radius: 15px;
  margin-top: 30px;
  margin-left: 70px;
  margin-right: 45px;
  padding: 16px 32px;
  font-size: 18px;
  font-weight: 500;
  display: none
}

.div-block-327 {
  display: none
}

.heading-1219 {
  text-align: center;
  font-size: 64px;
  font-weight: 600
}

.heading-1219.quotes {
  color: var(--red)
}

.heading-1220 {
  text-align: center;
  font-size: 64px;
  font-weight: 600
}

.heading-1220.quotes {
  color: var(--orange)
}

.heading-1221 {
  text-align: center;
  font-size: 64px;
  font-weight: 600
}

.heading-1221.quotes {
  color: var(--sea-green)
}

.heading-1222 {
  text-align: center;
  font-size: 64px;
  font-weight: 600
}

.heading-1222.quotes {
  color: var(--steel-blue)
}

.container-24 {
  text-align: center
}

.image-93 {
  margin-left: auto;
  margin-right: auto
}

.career-subheading {
  margin-top: 50px;
  margin-bottom: 50px
}

.heading-1223 {
  color: var(--dim-grey);
  text-align: center;
  font-weight: 400;
  line-height: 36px
}

.text {
  background-color: #f3f8fc;
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: Poppins, sans-serif
}

.paragraph-71 {
  text-align: center;
  font-size: 18px;
  line-height: 32px
}

.heading-1224 {
  font-weight: 400
}

.heading-1225 {
  color: var(--steel-blue);
  text-align: center;
  font-weight: 400
}

.div-block-328 {
  justify-content: center;
  align-items: center;
  display: none
}

.div-block-329 {
  justify-content: center;
  align-items: center;
  display: flex
}

.container-23-thankyou {
  justify-content: center;
  margin-top: 20px;
  padding-bottom: 18px;
  display: flex
}

.button-1215-thankyou {
  background-color: var(--steel-blue);
  text-align: center;
  border-radius: 5px;
  margin: 0 auto;
  font-family: Poppins, sans-serif;
  display: inline-block
}

.link-39 {
  color: var(--steel-blue)
}

.dropdown {
  margin-top: 10px
}

.container-20-onecrm {
  cursor: pointer;
  margin-bottom: 5px;
  padding-top: 0
}

.container-14-onecrm {
  margin-top: 0
}

.figure {
  display: none
}

.text-span-1256,
.text-span-1257 {
  color: var(--steel-blue);
  font-weight: 500
}

.div-block-330 {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex
}

.div-block-331 {
  margin-top: 20px
}

.div-block-332 {
  color: var(--white)
}

.div-block-151-signup {
  border: 1px solid var(--light-sky-blue);
  background-color: var(--white);
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 20px;
  display: flex
}

.div-block-333 {
  margin-top: 50px
}

.div-block-334 {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 20px
}

.div-block-335 {
  margin-top: 20px
}

.text-block-1245 {
  color: var(--white);
  margin-top: 10px;
  font-size: 18px;
  font-weight: 400
}

.div-block-336 {
  height: 5px
}

.div-block-336.border-team {
  color: transparent
}

.container-21-onecrm {
  cursor: pointer;
  margin-bottom: 5px;
  padding-top: 0;
  display: none
}

.dropdown-toggle-7 {
  background-color: var(--steel-blue);
  border-radius: 9px;
  align-items: center;
  height: 30px;
  display: flex
}

.text-block-1246,
.icon-6 {
  color: var(--white)
}

.dropdown-list-13 {
  background-color: var(--white)
}

.dropdown-list-13.w--open {
  background-color: var(--white-smoke);
  border-radius: 6px;
  box-shadow: 0 2px 10px -4px rgba(0, 0, 0, .4)
}

.dropdown-link-8,
.dropdown-link-9 {
  color: var(--steel-blue)
}

.dropdown-toggle-7-onecrm {
  background-color: var(--steel-blue);
  border-radius: 9px;
  align-items: center;
  height: 30px;
  display: flex
}

.feature-wrap-oc1,
.feature-wrap-oc2 {
  border: 1px #000;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 90vw;
  margin: 25vh auto 10vh;
  padding-left: 0;
  padding-right: 0;
  font-family: Poppins, sans-serif;
  display: flex
}

.feature-wrap-oc2.reverse {
  flex-direction: row-reverse;
  justify-content: space-around;
  width: 90vw;
  margin-top: 10vh;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  font-family: Poppins, sans-serif
}

.feature-wrap-call {
  border: 1px #000;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 90vw;
  margin: 25vh auto 10vh;
  padding-left: 0;
  padding-right: 0;
  font-family: Poppins, sans-serif;
  display: none
}

.feature-wrap-oh1,
.feature-wrap-oh2 {
  border: 1px #000;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 90vw;
  margin: 25vh auto 10vh;
  padding-left: 0;
  padding-right: 0;
  font-family: Poppins, sans-serif;
  display: flex
}

.feature-wrap-oh2.reverse {
  flex-direction: row-reverse;
  justify-content: space-around;
  width: 90vw;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  font-family: Poppins, sans-serif
}

.div-block-337 {
  flex-direction: column;
  align-items: center;
  display: flex
}

.div-block-338 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex
}

.main-jumbotron-jvzoo {
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: 40px;
  padding-bottom: 50px;
  font-family: Poppins, sans-serif;
  display: flex;
  position: relative
}

.div-block-jvzoo {
  width: 50%;
  padding: 20px 20px 20px 0
}

.div-class-jvzoo {
  justify-content: space-between;
  align-items: center;
  width: 85%;
  margin: 30px auto 20px;
  display: flex
}

.button-onechat-cta-jvzoo {
  background-color: #007ee5;
  border-radius: 8px;
  padding: 16px 32px;
  display: block
}

.features-onechat-jvzoo {
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: Poppins, sans-serif
}

.cta-onechat-jvzoo {
  background-image: url("");
  background-position: 0 0;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
  font-family: Poppins, sans-serif
}

.div-block-98-jvzoo {
  text-align: center;
  padding: 20px 10px
}

.button-8-jvzoo {
  background-color: #007ee5;
  border-radius: 8px;
  margin-top: 30px;
  padding: 16px 32px;
  font-size: 16px
}

.div-block-306-jvzoo {
  background-color: var(--white);
  border-radius: 5px;
  margin-top: -80px;
  padding: 20px 20px 30px;
  font-family: Poppins, sans-serif;
  box-shadow: 1px 1px 7px rgba(153, 153, 153, .41)
}

.heading-115-jvzoo {
  color: var(--dark-slate-grey);
  text-align: center;
  font-weight: 500
}

.div-block-307-jvzoo {
  justify-content: space-between;
  align-items: center;
  display: flex
}

.link-block-40-jvzoo,
.link-block-39-jvzoo1,
.link-block-41-jvzoo2,
.link-block-42-jvzoo,
.link-block-43-jvzoo {
  text-decoration: none
}

.div-block-317-jvzoo {
  background-color: var(--steel-blue);
  text-align: center;
  background-image: linear-gradient(149deg, #407bff, #003bd7 99%, #fff);
  border-radius: 20px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-end;
  width: auto;
  height: auto;
  display: block;
  position: relative;
  top: auto;
  box-shadow: 0 20px 20px 3px rgba(83, 91, 98, .25)
}

.div-block-318-jvzoo {
  background-color: #e4ecf9;
  border-radius: 20px;
  width: auto;
  height: auto;
  padding-left: 31px;
  display: none
}

.text-block-1220-jvzoo {
  text-align: center;
  padding-top: 20px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  display: none
}

.div-block-319-jvzoo {
  margin-left: auto;
  margin-right: auto;
  display: none
}

.text-block-1220-2-jvzoo {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 18px
}

.text-block-1233-jvzoo {
  color: var(--steel-blue);
  text-align: center;
  font-family: Poppins, sans-serif;
  display: none
}

.days-money-gauranteed-onechat {
  margin-top: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Poppins, sans-serif;
  display: block
}

.main-jumbotron-clickbank {
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: 40px;
  padding-bottom: 50px;
  font-family: Poppins, sans-serif;
  display: flex;
  position: relative
}

.div-class-clickbank {
  justify-content: space-between;
  align-items: center;
  width: 85%;
  margin: 30px auto 20px;
  display: flex
}

.features-onechat-clickbank {
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: Poppins, sans-serif
}

.container-thankyou-clickbank {
  justify-content: center;
  margin-top: 20px;
  padding-bottom: 18px;
  display: flex
}

.button-onechat-cta-clickbank {
  background-color: #007ee5;
  border-radius: 8px;
  padding: 16px 32px;
  display: block
}

.button-1214-clickbank {
  background-color: var(--white-smoke);
  color: var(--steel-blue);
  border-radius: 5px;
  width: 80%;
  margin-top: 31px;
  margin-bottom: 48px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: block
}

.button-8-clickbank {
  background-color: #007ee5;
  border-radius: 8px;
  margin-top: 30px;
  padding: 16px 32px;
  font-size: 16px
}

.section-31-clickbank {
  background-image: linear-gradient(#e2e5e8, #fff);
  padding-top: 30px;
  padding-bottom: 41px;
  font-family: Poppins, sans-serif
}

.container-13-clickbank {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex
}

.heading-109-clickbank {
  color: var(--dark-slate-grey);
  text-align: center;
  font-weight: 600;
  line-height: 36px
}

.button-9-clickbank {
  background-color: var(--steel-blue);
  color: var(--white);
  border-radius: 8px;
  align-items: center;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 16px 32px;
  font-size: 18px;
  font-weight: 500;
  display: inline-block
}

.image-94 {
  max-width: 30%;
  margin-top: -40px;
  margin-bottom: 0;
  padding-bottom: 0
}

.text-block-1248 {
  justify-content: center;
  align-items: center;
  margin-top: -60px;
  font-weight: 500;
  display: flex
}

.section-31-clickbank-thankyou {
  background-image: linear-gradient(#fff, #e2e5e8);
  padding-top: 30px;
  padding-bottom: 41px;
  font-family: Poppins, sans-serif
}

.button-9-clickbank-thankyou {
  background-color: var(--steel-blue);
  color: var(--white);
  border-radius: 15px;
  align-items: center;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 16px 32px;
  font-size: 18px;
  font-weight: 500;
  display: none
}

.text-block-1242-copy-copy {
  text-align: center;
  align-items: center;
  margin-top: 10px;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  display: block
}

.link-40 {
  color: var(--steel-blue);
  font-weight: 500
}

.paragraph-72 {
  margin-top: 10px;
  font-size: 12px
}

.feature-wrap-oc2-thankyou {
  border: 1px #000;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 90vw;
  margin: 25vh auto 10vh;
  padding-left: 0;
  padding-right: 0;
  font-family: Poppins, sans-serif;
  display: flex
}

.feature-wrap-oc2-thankyou.reverse {
  border-radius: 0;
  flex-direction: row-reverse;
  justify-content: space-around;
  width: 90vw;
  margin-top: 10vh;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  font-family: Poppins, sans-serif
}

.text-block-1249 {
  color: var(--white);
  margin-top: 10px;
  font-size: 12px
}

.text-block-1250,
.icon-7 {
  color: var(--steel-blue)
}

.dropdown-list-14 {
  background-color: var(--white)
}

.dropdown-list-14.w--open {
  background-color: var(--white-smoke);
  border-radius: 6px;
  margin-top: -12px;
  box-shadow: 0 1px 10px -4px rgba(0, 0, 0, .4)
}

.dropdown-link-10,
.dropdown-link-11,
.dropdown-toggle-8,
.dropdown-link-12,
.dropdown-link-13 {
  color: var(--steel-blue)
}

.dropdown-list-15 {
  background-color: var(--white-smoke)
}

.dropdown-list-15.w--open {
  border-radius: 6px;
  margin-top: -12px;
  box-shadow: 0 2px 10px -4px rgba(0, 0, 0, .4)
}

.heading-1226 {
  color: var(--light-sky-blue);
  text-align: center;
  margin-top: 0;
  font-size: 28px;
  font-weight: 600;
  text-decoration: line-through
}

.image-95 {
  opacity: .65;
  mix-blend-mode: normal
}

.text-block-1251 {
  text-align: left;
  max-width: 1440px;
  font-size: 11px
}

.text-span-1258 {
  font-size: 12px;
  font-weight: 600;
  line-height: 30px
}

.link-41 {
  color: var(--steel-blue)
}

.image-96 {
  margin-left: 20px
}

.container-25 {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative
}

.body-8 {
  background-color: transparent;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll
}

.link-block-61 {
  flex: 1;
  margin-top: 30px;
  margin-bottom: 31px;
  margin-left: 22px
}

.text-block-1252 {
  text-align: center;
  margin-top: 30px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400
}

.text-span-1260,
.text-span-1261 {
  color: var(--dark-slate-grey)
}

.image-98 {
  margin: 35px auto 20px;
  display: inline-block
}

.div-block-340 {
  justify-content: center;
  align-items: center;
  display: flex
}

.section-32 {
  background-image: none;
  background-position: 0 0;
  background-size: auto
}

.columns-31 {
  margin-top: 0
}

.pricing-jumbo-2-copy {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 20px;
  font-family: Poppins, sans-serif
}

.paragraph-60-onechat-copy {
  color: var(--dark-slate-grey);
  text-align: center;
  margin-top: 10px;
  margin-left: 20px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  line-height: 28px
}

.text-span-1262 {
  color: var(--steel-blue)
}

.button-1216 {
  background-color: var(--steel-blue);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  font-family: Poppins, sans-serif;
  display: inline-block
}

.div-block-341 {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex
}

.heading-1228 {
  text-align: center;
  margin-top: 25px;
  font-family: Poppins, sans-serif;
  font-size: 28px;
  font-weight: 600;
  text-decoration: underline
}

.text-span-1263 {
  color: var(--steel-blue);
  text-decoration: underline
}

.text-span-1264 {
  color: var(--steel-blue);
  font-weight: 500
}

.button-1217 {
  background-color: var(--steel-blue);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  font-family: Poppins, sans-serif;
  display: inline-block
}

.heading-1228-copy {
  text-align: center;
  margin-top: 25px;
  font-family: Poppins, sans-serif;
  font-size: 28px;
  font-weight: 600;
  text-decoration: underline
}

.paragraph-60-onechat-copy-copy {
  color: var(--dark-slate-grey);
  text-align: center;
  margin-top: 10px;
  margin-left: 20px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  line-height: 28px
}

.text-span-1265 {
  color: var(--steel-blue);
  text-decoration: underline
}

.text-block-1253 {
  text-align: center;
  font-family: Poppins, sans-serif;
  font-size: 21px;
  font-weight: 500
}

.div-block-342 {
  margin-top: 34px
}

.monthly-features-copy,
.monthly-features-1-copy,
.image-77-copy {
  object-fit: fill;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 19px;
  display: block;
  position: static;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%
}

.image-78-copy {
  object-fit: fill;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 19px;
  padding-left: 12px;
  display: block;
  position: static;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%
}

.image-77-copy-copy {
  object-fit: fill;
  max-width: 50%;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 19px;
  display: block;
  position: static;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%
}

.image-77-copy-copy-copy {
  object-fit: fill;
  max-width: 80%;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 19px;
  display: block;
  position: static;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%
}

.div-block-343 {
  flex-direction: column;
  display: block
}

.container-26 {
  max-width: 100%
}

.footer-onehash-landing {
  background-color: var(--white);
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: Poppins, sans-serif;
  font-weight: 400
}

.image-99 {
  display: block
}

.button-1218 {
  background-color: var(--steel-blue);
  border-radius: 8px;
  margin-right: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Poppins, sans-serif
}

.column-67 {
  justify-content: flex-end;
  display: flex
}

.column-68 {
  color: var(--steel-blue);
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  font-family: Poppins, sans-serif;
  text-decoration: none;
  display: flex
}

.text-block-1254 {
  color: var(--steel-blue);
  text-align: left
}

.link-block-62 {
  color: var(--steel-blue);
  text-decoration: none
}

.columns-32 {
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  display: flex
}

.text-span-1266 {
  color: var(--steel-blue)
}

.heading-1229 {
  text-align: center;
  margin-top: 40px;
  font-family: Poppins, sans-serif;
  font-weight: 600
}

.text-span-1268,
.text-span-1269 {
  color: var(--steel-blue)
}

.text-block-1255 {
  color: var(--steel-blue);
  text-align: center;
  justify-content: flex-end;
  align-items: center;
  height: 60px;
  padding-right: 15px;
  font-family: Poppins, sans-serif;
  font-size: 28px;
  font-weight: 600;
  text-decoration: underline;
  display: flex
}

.div-block-344 {
  height: 60px;
  margin-top: 20px;
  margin-bottom: 40px;
  line-height: 20px
}

.div-block-345 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex
}

.button-7-pricing {
  background-color: #007ee5;
  border-radius: 8px;
  margin-top: 20px;
  padding: 16px 32px
}

.div-block-346 {
  justify-content: center;
  align-items: center;
  font-family: Poppins, sans-serif;
  text-decoration: none;
  display: flex
}

.text-block-1257 {
  text-align: center;
  margin-left: 40px;
  margin-right: 40px;
  font-family: Poppins, sans-serif;
  font-weight: 500
}

.div-block-347 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex
}

.features-onechat-copy {
  padding-top: 50px;
  padding-bottom: 0;
  font-family: Poppins, sans-serif
}

.div-block-87-copy {
  color: #6d4747;
  justify-content: space-between;
  align-items: center;
  width: 85%;
  margin: 10px auto 0;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex
}

.text-span-1267-copy {
  color: var(--sea-green)
}

.heading-1227-copy {
  text-align: center;
  width: 100%;
  font-family: Poppins, sans-serif;
  font-size: 32px;
  font-weight: 500;
  display: block
}

.text-span-1270 {
  color: var(--steel-blue)
}

.features-onechat-copy-copy {
  padding-top: 50px;
  padding-bottom: 0;
  font-family: Poppins, sans-serif
}

.div-block-87-copy-1,
.div-block-87-copy-2,
.div-block-87-copy-3 {
  color: #6d4747;
  justify-content: space-between;
  align-items: center;
  width: 85%;
  margin: 10px auto 0;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex
}

.cta-onechat-copy {
  background-image: url("");
  background-position: 0 0;
  background-size: cover;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Poppins, sans-serif
}

.container-27 {
  margin-top: 130px
}

.div-block-348 {
  text-align: center
}

.text-block-1258 {
  color: var(--steel-blue);
  padding-bottom: 10px;
  font-size: 18px
}

.text-block-1259 {
  color: var(--steel-blue);
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 28px;
  font-weight: 600;
  text-decoration: underline
}

.text-block-1260 {
  text-align: center;
  font-family: Poppins, sans-serif;
  font-weight: 500
}

.div-block-349 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex
}

.text-span-1271 {
  color: var(--steel-blue)
}

.faq-pricing-copy {
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: Poppins, sans-serif
}

.heading-100-copy {
  color: var(--steel-blue);
  text-align: center;
  margin-top: 10px;
  font-weight: 600
}

.div-block-252-copy {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  display: flex
}

.collection-list-wrapper {
  flex-direction: column;
  display: flex
}

.div-block-255-copy {
  flex-wrap: wrap;
  align-content: stretch;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex
}

.div-block-254-copy {
  border-left: 5px none var(--light-sky-blue);
  text-align: left;
  flex: 0 auto;
  align-self: auto;
  width: 100%;
  padding: 0 40px;
  display: block
}

.heading-102-copy {
  color: var(--dim-grey);
  text-align: center;
  margin-top: 10px;
  font-weight: 500
}

.paragraph-61-copy {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 24px
}

.columns-33 {
  margin-top: 100px
}

.body-9 {
  margin-top: 140px
}

.container-28 {
  margin-top: 40px
}

.text-block-58-copy {
  color: #535b62;
  margin-top: 2px;
  padding-top: 0;
  display: block
}

.link-block-22-copy {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  text-decoration: none;
  display: none
}

.heading-1230 {
  text-align: center;
  margin-bottom: 24px;
  font-family: Poppins, sans-serif;
  font-size: 24px;
  font-weight: 500
}

.container-29 {
  margin-top: 60px
}

.div-block-350 {
  justify-content: center;
  align-items: center;
  display: flex
}

.button-1219 {
  background-color: var(--steel-blue);
  color: var(--white);
  border-radius: 6px;
  padding: 15px 30px;
  font-family: Poppins, sans-serif
}

.div-block-351 {
  justify-content: center;
  align-items: center;
  display: flex
}

.image-100 {
  margin-top: -195px;
  margin-left: -11px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto
}

.text-span-1272 {
  color: var(--steel-blue)
}

.link-43 {
  cursor: pointer;
  text-decoration: none
}

.heading-69-copy-copy {
  color: var(--steel-blue);
  font-size: 7vh;
  font-weight: 500
}

.container-31 {
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 25px;
  display: flex
}

.div-block-87-1,
.div-block-87-2,
.div-block-87-3,
.div-block-87-4,
.div-block-87-5,
.div-block-87-6,
.div-block-87-7 {
  color: #6d4747;
  justify-content: space-between;
  align-items: center;
  width: 85%;
  margin: 10px auto 0;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex
}

.image-102 {
  max-width: 100%;
  height: 60px;
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block
}

.column-69 {
  height: 60px
}

.link-44 {
  color: var(--steel-blue);
  text-align: left;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex
}

.columns-34 {
  align-items: center;
  display: flex
}

.column-70 {
  text-align: left;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  display: flex
}

.text-span-1273,
.link-45,
.link-46,
.link-47,
.link-48,
.link-49,
.link-50 {
  color: var(--steel-blue)
}

.image-103 {
  display: none
}

.image-104 {
  max-width: 60%
}

.link-block-4 {
  width: 50%;
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: none
}

.link-block-4:hover {
  background-color: #edeff5
}

.dropdown-link-14 {
  color: #474d66
}

.div-block-3 {
  align-items: center;
  display: none
}

.dropdown-link {
  color: #474d66
}

.dropdown-link:hover,
.dropdown-list-16 {
  background-color: #edeff5
}

.dropdown-list-16.w--open {
  background-color: #fff;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 3px 5px -1px rgba(207, 206, 206, .81)
}

.dropdown-toggle-2 {
  padding-right: 20px
}

.dropdown-list-2 {
  background-color: #fff
}

.dropdown-list-2.w--open {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px
}

.div-block-21 {
  color: #696f8c;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 20px 10px 36px;
  display: block
}

.div-block-21:hover {
  background-color: transparent
}

.navbar-4 {
  background-color: #fff;
  font-family: Poppins, sans-serif;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;

}

@media (max-width:992px) {
  .navbar-4 {
    position: fixed;
    width: 100%;
    top: 0;
  }
}

.txt {
  color: #f9a400;
  text-align: center;
  background-color: #fff3dd;
  border: 1px #008c44;
  border-radius: 8px;
  flex: 1;
  width: 75px;
  margin-left: 10px;
  padding: 0 2px;
  font-size: 8px;
  font-weight: 500
}

.div-block-354 {
  align-items: flex-start;
  display: flex
}

.dropdown-list-17 {
  background-color: #fff
}

.dropdown-list-17.w--open {
  color: #696f8c;
  background-color: #fff;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 500px;
  display: flex;
  box-shadow: 0 3px 5px -1px rgba(207, 206, 206, .81)
}

.div-block-20 {
  margin-left: auto;
  /* margin-right: auto */
}

.div-block-19 {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3.125rem;
  padding-right: 3.125rem
}

.paragraph-73 {
  color: #8f95b2;
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px
}

.nav-menu-3 {
  text-align: left;
  justify-content: space-between;
  align-items: center;
  width: 85%;
  display: flex;
  font-size: 16px;
}

.link-block {
  width: 50%;
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: none;
  display: block
}

.link-block:hover {
  background-color: #edeff5
}

.dropdown-toggle-9 {
  padding: 10px;
  display: inline-block
}

.text-block-2 {
  color: #474d66;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none
}

.text-block-4 {
  font-weight: 500
}

.link-block-64 {
  color: #fff;
  background-color: #007ee5;
  border-radius: 30px;
  padding: 8px 16px 9px;
  text-decoration: none
}

.button-1220 {
  background-color: #007ee5;
  border-radius: 50px;
  margin-top: 0;
  padding: 16px 32px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px
}

.jumbotron-2 {
  justify-content: center;
  align-items: center;
  height: 80%;
  padding-top: 10px;
  padding-bottom: 20px;
  font-family: Poppins, sans-serif;
  display: flex
}

.heading {
  color: var(--heading);
  letter-spacing: -1.5px;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 6vh;
  font-weight: 600;
  line-height: 8vh
}

.div-block-22 {
  justify-content: space-between;
  align-items: center;
  width: 90%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex
}

.div-block-23 {
  width: 60%
}

.div-block-24 {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 45%;
  display: flex
}

.div-block-25 {
  color: #8f95b2;
  margin-top: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 20px;
  line-height: 28px
}

.button-5 {
  color: #007ee5;
  background-color: transparent;
  border: 1px solid #d6d6d8;
  border-radius: 30px;
  margin-left: 24px;
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px
}

.button-5:hover {
  background-color: #edeff5
}

.div-block-26 {
  margin-top: 28px;
  display: block
}

.text-block-3 {
  color: var(--para);
  font-size: 16px
}

.text-span-1278 {
  color: var(--steel-blue)
}

.button-3 {
  background-color: #007ee5;
  border-radius: 30px;
  font-weight: 500
}

.link-51,
.link-52,
.link-53 {
  color: var(--steel-blue);
  text-decoration: none
}

.div-block-356 {
  align-items: center;
  margin-bottom: 12px;
  display: flex
}

.license-notice {
  background-color: #f0f0f0;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 35px 3.125rem 20px;
  display: flex
}

.button-1221 {
  background-color: #007ee5;
  border-radius: 50px;
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px
}

.lottie-animation {
  color: #008c44
}

.heading-1232 {
  color: var(--heading);
  text-align: left;
  letter-spacing: -1.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 6vh;
  font-weight: 600;
  line-height: 8vh
}

.div-block-358 {
  justify-content: space-between;
  align-items: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex
}

.div-block-359 {
  width: 55%
}

.div-block-360 {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 45%;
  display: flex
}

.button-1222 {
  color: #007ee5;
  background-color: transparent;
  border: 1px solid #d6d6d8;
  border-radius: 30px;
  margin-left: 24px;
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px
}

.button-1222:hover {
  background-color: #edeff5
}

.div-block-361 {
  margin-top: 28px
}

.text-block-1263 {
  width: 80%;
  font-size: 16px
}

.text-block-8 {
  display: block
}

.div-block-362 {
  width: 30%;
  margin-top: 20px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 20px
}

.div-block-363 {
  margin-top: 20px
}

.image-106 {
  width: 36px;
  font-size: 14px
}

.onechat-features {
  padding-top: 80px;
  padding-bottom: 80px;
  font-family: Poppins, sans-serif
}

.paragraph-74 {
  color: #8f95b2;
  font-size: 16px;
  line-height: 28px
}

.link-block-7 {
  color: #007ee5;
  text-decoration: none
}

.div-block-364 {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex
}

.heading-95 {
  color: #474d66;
  font-size: 5vh;
  font-weight: 600;
  line-height: 7vh
}

.div-block-365 {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0
}

.div-block-366 {
  width: 70%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto
}

.lottie-animation-2 {
  position: relative
}

.pricing-hero {
  background-color: var(--white-smoke);
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: Poppins, sans-serif
}

.div-block-369 {
  justify-content: flex-start;
  align-items: stretch;
  width: 90%;
  margin-top: -25px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 51px;
  display: flex
}

.div-block-370 {
  background-color: var(--white);
  text-align: center;
  border: 1px #dedfe0;
  border-radius: 8px;
  order: 1;
  align-self: stretch;
  width: 20%;
  margin-bottom: -28px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 20px;
  box-shadow: 0 1px 11px 3px #ececec
}

.heading-1233 {
  color: var(--dim-grey);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-weight: 500
}

.text-span-1280 {
  color: var(--steel-blue)
}

.price-product {
  margin-top: 36px;
  margin-bottom: 18px
}

.text-block-1264 {
  color: var(--steel-blue);
  text-align: center;
  font-size: 24px;
  font-weight: 600
}

.text-block-1265 {
  color: var(--dim-grey);
  text-align: center;
  font-size: 16px
}

.text-block-1266 {
  color: #afafaf;
  text-align: center;
  margin-top: 20px;
  padding-bottom: 0;
  font-size: 12px
}

.div-block-371 {
  height: 5px
}

.div-block-371.border-team {
  width: 20%;
  height: 2px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto
}

.heading-1234 {
  color: var(--dim-grey);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500
}

.text-block-1267 {
  color: var(--white)
}

.div-block-372 {
  text-align: center;
  margin-top: 28px
}

.button-1223 {
  background-color: var(--steel-blue);
  border-radius: 30px;
  padding: 8px 32px
}

.div-block-373 {
  align-self: stretch;
  align-items: flex-end;
  width: 36%;
  display: flex
}

.lottie-animation-3 {
  order: -1;
  margin-top: -153px;
  margin-bottom: 10px
}

.div-block-374 {
  margin-top: 20px
}

.text-block-1268 {
  color: var(--dim-grey);
  font-size: 12px
}

.div-block-375 {
  width: 90%;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px
}

.text-block-1269 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #afafaf;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin: -112px auto auto;
  padding: 0;
  font-size: 10px;
  display: flex
}

.pricing--features {
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: Poppins, sans-serif
}

.div-block-376 {
  width: 90%;
  margin-left: auto;
  margin-right: auto
}

.heading-1235 {
  color: var(--dark-slate-grey);
  text-align: center;
  font-weight: 500
}

.div-block-377 {
  justify-content: center;
  align-items: flex-start;
  margin-top: 10px;
  display: flex
}

.div-block-378 {
  color: var(--dim-grey);
  text-align: left;
  width: 30%;
  margin-left: 10px;
  margin-right: 10px;
  padding: 20px
}

.div-block-379 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  display: block
}

.div-block-380 {
  align-items: flex-start;
  margin-bottom: 10px;
  display: flex
}

.text-block-1270 {
  margin-left: 10px;
  font-size: 14px
}

.image-107,
.image-108 {
  width: 16px
}

.heading-1236 {
  font-size: 24px;
  font-weight: 500
}

.text-span-1281 {
  color: var(--steel-blue)
}

.div-block-381 {
  height: 2px
}

.div-block-381.border-team {
  width: 20%
}

.pricing-faq {
  background-color: var(--white-smoke);
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Poppins, sans-serif;
  display: block
}

.div-block-382 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px
}

.div-block-383 {
  margin-top: 20px
}

.div-block-384 {
  background-color: var(--white);
  -webkit-text-fill-color: inherit;
  cursor: pointer;
  background-clip: border-box;
  border: 1px solid #e7e7e7;
  border-radius: 8px 8px 0 0;
  justify-content: space-between;
  padding: 10px;
  display: flex;
  overflow: hidden
}

.image-109 {
  width: 16px;
  margin-right: 10px
}

.content {
  background-color: var(--white);
  border: 1px solid #e7e7e7;
  border-radius: 0 0 8px 8px;
  padding: 10px;
  display: none;
  overflow: visible
}

.text-block-1271 {
  color: var(--dim-grey);
  font-size: 13px;
  line-height: 24px;
  display: block
}

.link-55 {
  color: var(--steel-blue)
}

.div-block-385 {
  z-index: 10000;
  width: 100%;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%
}

.div-block-386 {
  z-index: 1000;
  width: 100%;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%
}

.div-block-387 {
  width: 90%;
  margin-left: auto;
  margin-right: auto
}

.heading-1237 {
  color: #474d66;
  text-align: center;
  font-size: 4vh;
  font-weight: 500;
  line-height: 6vh
}

.collection-list-2 {
  float: none;
  clear: none;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: space-between;
  justify-content: space-between;
  align-items: start;
  display: block
}

.image-110 {
  margin-top: 10px
}

.collection-item-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: dense;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: block;
  position: relative
}

.div-block-388 {
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: dense;
  align-content: stretch;
  justify-content: space-between;
  align-items: stretch;
  display: block;
  overflow: visible
}

.collection-list-wrapper-2 {
  width: 100%;
  height: 100%
}

.div-block-389 {
  clear: none;
  column-count: 3;
  flex: 1;
  order: 0;
  justify-content: space-between;
  align-self: flex-start;
  align-items: flex-start;
  column-gap: 0;
  display: block
}

.div-block-390 {
  margin-top: 80px
}

.section-34 {
  background-color: var(--steel-blue);
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: Poppins, sans-serif
}

.text-block-1272 {
  color: var(--white);
  text-align: center;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  font-size: 3vh;
  line-height: 5vh
}

.text-span-1286 {
  color: var(--steel-blue)
}

.text-span-1287 {
  color: var(--sea-green)
}

.text-span-1288 {
  color: var(--red)
}

.text-span-1289 {
  color: var(--orange)
}

.div-block-391 {
  padding-top: 50px;
  padding-bottom: 50px
}

.bold-text-23 {
  font-weight: 600
}

.text-span-1291 {
  color: var(--sea-green);
  font-weight: 600
}

.div-block-392 {
  align-items: flex-start;
  font-family: Poppins, sans-serif;
  font-weight: 400;
  display: flex
}

.div-block-393 {
  background-color: var(--light-sky-blue);
  justify-content: center;
  align-items: center;
  width: 20%;
  height: 300px;
  padding: 0;
  display: flex
}

.div-block-394 {
  background-color: var(--white-smoke);
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 60%;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex
}

.div-block-395 {
  background-color: #ffdbd9;
  align-self: stretch;
  width: 20%;
  padding-top: 50px;
  padding-bottom: 50px
}

.heading-1238 {
  text-align: center;
  width: 100%;
  transform: rotate(270deg)
}

.text-block-1273 {
  color: var(--dim-grey);
  text-align: center;
  width: 80%;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
  line-height: 28px
}

.testimonial-slider {
  background-color: var(--white);
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: Poppins, sans-serif
}

.div-block-396 {
  justify-content: center;
  align-items: flex-start;
  width: 90%;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  display: flex
}

.div-block-397 {
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block
}

.heading-1239 {
  text-align: center;
  font-weight: 500
}

.slider-6 {
  background-color: transparent;
  background-image: url("");
  background-position: 0 -20px;
  background-repeat: no-repeat;
  background-size: 100px
}

.icon-15,
.icon-16 {
  color: var(--dim-grey)
}

.div-block-399 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex
}

.text-block-1275 {
  text-align: center;
  font-size: 18px;
  line-height: 28px
}

.div-block-400 {
  margin-top: 20px;
  font-style: italic
}

.text-block-1276 {
  color: var(--steel-blue)
}

.div-block-401 {
  margin-top: 20px
}

.testtimonials-1 {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px
}

.div-block-402 {
  flex-direction: column;
  width: 90%;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  display: flex
}

.heading-1240 {
  margin-top: 0
}

.heading-1240.quotes {
  color: var(--steel-blue);
  font-size: 6vh;
  font-weight: 600;
  line-height: 8vh
}

.heading-1241 {
  margin-top: 0;
  font-size: 48px;
  line-height: 62px
}

.heading-1241.quotes {
  color: var(--red);
  font-size: 6vh;
  line-height: 8vh
}

.text-span-1292 {
  font-weight: 600
}

.heading-1242 {
  color: var(--orange);
  margin-top: 0;
  font-size: 48px;
  font-weight: 600;
  line-height: 62px
}

.heading-1242.quotes {
  font-size: 6vh;
  line-height: 8vh
}

.div-block-404 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px
}

.image-111 {
  width: auto;
  height: 100px
}

.collection-item-4 {
  justify-content: center;
  align-items: center;
  display: flex
}

.collection-list-3 {
  flex-flow: wrap;
  align-content: space-between;
  justify-content: center;
  align-items: center;
  display: flex
}

.image-112 {
  display: none
}

.text-span-1293 {
  color: var(--sea-green)
}

.link-57 {
  color: var(--steel-blue)
}

.body-10,
.body-11,
.body-12,
.body-13 {
  height: 100%
}

.build-test-refine {
  background-color: var(--steel-blue);
  background-image: url("");
  background-position: 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding-top: 100px;
  padding-bottom: 100px;
  font-family: Poppins, sans-serif;
  display: none
}

.div-block-405 {
  width: 80%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto
}

.paragraph-75 {
  color: var(--white);
  text-align: center;
  font-size: 20px;
  line-height: 28px
}

.div-block-406 {
  margin-top: 50px
}

.heading-1243 {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  font-size: 7vh;
  font-weight: 600;
  line-height: 9vh
}

.chatbot-integration {
  text-align: left;
  background-color: #f0f4f9;
  padding-top: 0;
  padding-bottom: 100px;
  font-family: Poppins, sans-serif
}

.div-block-407 {
  text-align: center
}

.div-block-408 {
  text-align: center;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 50px
}

.heading-1244 {
  text-align: center;
  margin-top: 0;
  font-size: 6vh;
  font-weight: 600;
  line-height: 8vh
}

.text-span-1295 {
  color: var(--orange)
}

.paragraph-76 {
  text-align: center;
  margin-top: 20px;
  font-size: 18px;
  line-height: 28px
}

.text-block-1277 {
  text-align: center;
  margin-top: 20px;
  font-size: 18px
}

.link-58 {
  color: var(--steel-blue);
  font-size: 20px;
  text-decoration: none
}

.text-block-1278 {
  color: var(--para);
  text-align: center;
  margin-top: 4px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: line-through
}

.text-span-1297 {
  color: var(--steel-blue)
}

.text-span-1298,
.text-span-1299 {
  color: var(--orange)
}

.text-span-1300 {
  color: var(--red)
}

.product-popup {
  z-index: 90000;
  background-color: rgba(47, 54, 63, .86);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: Poppins, sans-serif;
  font-weight: 400;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden
}

.div-block-409 {
  background-color: var(--white);
  border-radius: 10px;
  padding: 40px;
  position: relative
}

.heading-1245 {
  color: var(--heading);
  text-align: center;
  margin-top: 0;
  margin-bottom: 35px;
  font-weight: 500
}

.div-block-410 {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex
}

.div-block-411 {
  text-align: center;
  border: 1px solid #e7e7e7;
  border-radius: 10px;
  width: 160px;
  height: 146.997px;
  margin-left: 0;
  margin-right: 0;
  padding: 10px
}

.heading-1246 {
  color: var(--heading);
  margin-top: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none
}

.link-block-65 {
  margin: 10px 20px;
  text-decoration: none
}

.link-block-65:hover {
  background-color: #f1f8ff
}

.div-block-412 {
  z-index: 0;
  margin-top: 15px;
  margin-right: 20px;
  padding: 0;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%
}

.div-block-412.close {
  cursor: pointer
}

.text-block-1279 {
  color: var(--white)
}

.section-35 {
  background-image: url("");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
  font-family: Poppins, sans-serif
}

.nav-lp {
  background-color: transparent;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Poppins, sans-serif
}

.navbar-5 {
  background-color: var(--white)
}

.image-113 {
  margin-top: 15px;
  padding-top: 0
}

.container-34 {
  justify-content: center;
  align-items: center;
  display: block
}

.brand-3 {
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  display: block
}

.jumbotron-lp {
  background-color: var(--white-smoke);
  margin-bottom: 10px;
  padding-top: 20px;
  padding-bottom: 50px;
  font-family: Poppins, sans-serif;
  display: flex
}

.div-block-413 {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: block
}

.div-block-414 {
  text-align: center;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px
}

.div-block-415 {
  width: 45%
}

.heading-1247 {
  color: var(--heading);
  margin-top: 0;
  font-size: 32px;
  font-weight: 600
}

.cta-lp {
  justify-content: center;
  margin-top: 20px;
  display: flex
}

.button-1224 {
  background-color: var(--steel-blue);
  border-radius: 30px;
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 500
}

.div-block-416 {
  text-align: center;
  margin-top: 30px
}

.feature-lp {
  background-color: var(--white-smoke);
  margin-top: 0;
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: Poppins, sans-serif
}

.heading-1248 {
  color: var(--heading);
  text-align: center;
  margin-top: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 48px
}

.div-block-417 {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 50px;
  display: flex
}

.div-block-418 {
  background-color: var(--white);
  border: 1px solid #e9e9e9;
  border-radius: 10px;
  width: 30%;
  margin: 20px 10px;
  padding: 20px
}

.heading-1249 {
  margin-top: 0;
  font-weight: 500
}

.div-block-419 {
  margin-top: 20px
}

.paragraph-78 {
  font-size: 16px;
  line-height: 24px
}

.div-block-423 {
  background-color: var(--steel-blue);
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 55%;
  padding: 80px;
  display: flex
}

.form-block-3 {
  width: 100%
}

.div-block-424 {
  background-color: #dbe5f8;
  border-radius: 20px;
  width: 100%;
  padding: 45px
}

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

.submit-button-9 {
  background-color: var(--steel-blue);
  width: 100%;
  margin-top: 20px
}

.div-block-425 {
  width: 100%
}

.section-37 {
  background-color: var(--white-smoke);
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex
}

.heading-1250 {
  color: #000;
  margin-top: -10px;
  font-size: 6vh;
  font-weight: 600;
  line-height: 8vh
}

.heading-1250 span {
  color: var(--steel-blue);
}

.paragraph-79 {
  color: var(--heading);
  font-family: Poppins, sans-serif;
  font-size: 16px
}

.div-block-426 {
  width: 45%
}

.div-block-427 {
  width: 150px
}

.text-span-1314 {
  color: var(--steel-blue)
}

.text-span-1315 {
  color: var(--orange)
}

.text-span-1316 {
  color: var(--sea-green)
}

.text-span-1317 {
  color: var(--red)
}

.heading-1251 {
  font-weight: 500
}

.paragraph-80 {
  color: var(--para);
  font-size: 16px;
  line-height: 28px
}

.pricing-lp {
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: Poppins, sans-serif
}

.div-block-428 {
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex
}

.div-block-429 {
  border-radius: 20px;
  width: 40%;
  padding: 20px;
  box-shadow: 4px 4px 20px -6px rgba(146, 143, 178, .4)
}

.div-block-430 {
  align-self: stretch;
  width: 40%;
  padding: 20px
}

.div-block-431 {
  width: 80%;
  margin-left: auto;
  margin-right: auto
}

.div-block-432 {
  flex-direction: column;
  align-self: auto;
  align-items: flex-start;
  display: flex
}

.text-span-1318,
.text-span-1319,
.text-span-1320 {
  font-weight: 600
}

.div-block-433 {
  text-align: center;
  margin-bottom: 30px
}

.button-1225 {
  background-color: var(--steel-blue);
  border-radius: 30px;
  margin-top: 20px;
  padding: 16px 32px;
  font-size: 16px
}

.link-block-66,
.link-block-67,
.link-block-68 {
  margin-bottom: 20px;
  text-decoration: none
}

.div-block-438 {
  padding-top: 20px;
  padding-bottom: 80px;
  font-family: Poppins, sans-serif
}

.heading-1255 {
  text-align: center;
  font-weight: 600
}

.header-offer {
  background-color: #0ca90c;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Poppins, sans-serif
}

.div-block-440 {
  justify-content: center;
  align-items: center;
  display: flex
}

.text-block-1280 {
  color: var(--white);
  font-size: 18px
}

.div-block-441 {
  padding-left: 10px;
  padding-right: 10px
}

.div-block-442 {
  margin-left: 10px;
  padding-right: 10px
}

.button-1227 {
  background-color: #ce0d0d;
  border-radius: 4px
}

.section-41 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 1px 1px 3px #e0dede
}

.main-heading {
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: Poppins, sans-serif
}

.heading-1256 {
  color: var(--heading);
  text-align: center;
  margin-top: 0;
  font-weight: 600
}

.heading-1257 {
  color: #535b62;
  text-align: center;
  letter-spacing: .5px;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px
}

.div-block-443 {
  text-align: center;
  margin-top: 20px
}

.button-1228 {
  background-color: #ce0d0d;
  border-radius: 4px;
  padding-left: 20px;
  padding-right: 20px
}

.text-block-1281 {
  color: #535b62;
  margin-top: 20px;
  line-height: 21px
}

.pricing-table-2 {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 10px;
  padding-bottom: 30px;
  font-family: Poppins, sans-serif
}

.heading-1259 {
  color: #007ee5;
  margin-top: 10px;
  font-size: 48px;
  font-weight: 600;
  line-height: 55px
}

.div-block-445 {
  color: #535b62;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex
}

.div-block-446 {
  background-color: #f7fbff;
  border: 1px solid #a3d1f7;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 20px
}

.button-1229 {
  background-color: #0ca90c;
  border-radius: 15px;
  margin-top: 30px;
  padding: 16px 32px;
  font-size: 18px;
  font-weight: 500
}

.div-block-447 {
  height: 30px;
  margin-left: 20px;
  margin-right: 20px
}

.text-block-1282 {
  color: #fff;
  margin-top: 5px;
  font-size: 12px
}

.text-block-1283 {
  color: #fff;
  margin-top: 30px;
  font-weight: 500
}

.text-block-93 {
  color: #fff;
  margin-left: 10px
}

.text-block-1284 {
  color: #535b62;
  margin-top: 20px;
  font-size: 21px;
  font-weight: 500
}

.text-block-1285 {
  color: #fff;
  margin-left: 5px
}

.text-block-1286 {
  text-align: center;
  margin-top: 20px;
  font-size: 12px
}

.heading-1260 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500
}

.text-span-1321 {
  color: #a3d1f7;
  font-size: 24px;
  text-decoration: line-through
}

.text-block-1287 {
  color: #535b62;
  font-size: 18px;
  font-weight: 500
}

.div-block-448 {
  text-align: center;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 20px;
  display: flex
}

.div-block-449 {
  background-color: #ce0d0d;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  align-items: center;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: flex
}

.link-59 {
  color: #007ee5;
  text-decoration: none
}

.heading-1261 {
  color: #2f363f;
  margin-top: 10px;
  font-size: 24px;
  font-weight: 500
}

.days-money-gauranteed-2 {
  padding-top: 10px;
  padding-bottom: 20px;
  font-family: Poppins, sans-serif
}

.div-block-450 {
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  padding: 30px;
  display: flex;
  box-shadow: 0 0 20px 4px rgba(207, 209, 211, .61)
}

.paragraph-85 {
  color: #535b62;
  margin-top: 20px;
  font-size: 16px;
  line-height: 28px
}

.text-block-1288 {
  color: #2f363f;
  font-size: 16px;
  font-weight: 400
}

.heading-1262 {
  color: #535b62;
  text-align: center;
  margin-top: 10px;
  font-weight: 600
}

.features-collection-2 {
  background-color: var(--white-smoke);
  padding-top: 20px;
  padding-bottom: 50px;
  font-family: Poppins, sans-serif
}

.div-block-451 {
  height: 30px;
  margin-bottom: 0
}

.section-43 {
  padding-top: 50px;
  padding-bottom: 50px
}

.html-embed-4 {
  font-family: Poppins, sans-serif;
  font-size: 16px
}

.body-15 {
  transition: opacity .2s
}

.toggle-wrapper---brix {
  justify-content: center;
  align-items: center;
  margin-top: 36px;
  margin-right: 42px;
  display: flex
}

.text-color-neutral-800 {
  color: #170f49
}

.text-color-neutral-800.mg-bottom-0px {
  margin-bottom: 0
}

.text-color-neutral-800.text-single-200 {
  font-weight: 300
}

.toggle---brix {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: pointer;
  background-color: #007ee5;
  border-radius: 100px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 74px;
  min-width: 74px;
  height: 33px;
  min-height: 33px;
  margin-left: 16px;
  margin-right: 16px;
  display: grid;
  position: relative;
  overflow: hidden
}

.toggle-bullet---brix {
  background-color: #fff;
  border-radius: 100px;
  width: 25px;
  min-width: 25px;
  height: 25px;
  min-height: 25px;
  margin-top: auto;
  margin-bottom: auto;
  transition: opacity .2s;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 6px
}

.grid-three-columns {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr
}

.grid-three-columns.annuallly,
.grid-three-columns.monthly {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: visible
}

.grid-three-columns.annuallly {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-content: stretch;
  justify-content: stretch;
  align-items: center;
  justify-items: start;
  margin: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
  overflow: visible
}

.grid-three-columns.monthly {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: space-between;
  justify-content: stretch;
  align-items: end;
  display: none
}

.grid-three-columns.annuallly {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-items: end;
  justify-items: center;
  margin-top: auto;
  margin-left: 10px;
  margin-right: 10px;
  display: grid
}

.grid-three-columns.monthly {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 10px;
  margin-right: 10px;
  display: grid
}

.text-color-neutral-400 {
  color: #d9dbe9
}

.text-single-300 {
  font-size: 20px;
  line-height: 22px
}

.text-single-300.medium {
  font-weight: 500
}

.text-single-300.medium.text-color-600 {
  color: #6f6c90
}

.text-single-300.medium.text-color-400 {
  color: #d9dbe9
}

.list-pricing {
  margin-top: 24px;
  margin-bottom: 0
}

.padding-top-80px {
  padding-top: 80px
}

.flex-horizontal {
  display: flex
}

.flex-horizontal.start-top {
  text-align: center;
  order: -1;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  margin-top: -23px;
  padding-top: 0;
  padding-bottom: 0
}

.icon-pricing---brix {
  margin-left: -25px;
  margin-right: 18px
}

.popular-badge-align---brix {
  justify-content: flex-end;
  align-items: center;
  display: flex
}

.container-660px-center {
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0
}

.text-center {
  text-align: center
}

.container-default {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px
}

.container-default._100 {
  margin-top: -110px
}

.list-item-pricing {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex
}

.mg-top-18px {
  margin-top: 18px
}

.mg-top-18px.mg-bottom-32px {
  text-align: center;
  text-align: center;
  flex: 1;
  margin-top: -1px;
  margin-bottom: 32px;
  padding-bottom: 0
}

.color-white {
  color: #fff;
  margin-bottom: 0;
  margin-left: -3px
}

.content-pricig-table {
  margin-top: 76px
}

.text-single-200 {
  font-size: 18px;
  line-height: 20px
}

.text-single-200.text-color-neutral-800 {
  text-align: left;
  margin-top: 57px;
  margin-bottom: 5px;
  margin-left: -7px;
  padding-bottom: 0
}

.text-single-200.text-color-neutral-100 {
  color: #fff;
  text-align: left;
  margin-top: 24px;
  margin-left: -3px;
  margin-right: -18px;
  padding-left: 0;
  padding-right: 0
}

.text-single-200.bold {
  font-weight: 700
}

.text-single-200.bold.color-white {
  margin-top: 48px;
  margin-bottom: 7px
}

.text-single-200.bold.text-color-neutral-800 {
  margin-left: 35px
}

.text-single-200.bold.color-white {
  margin-top: 24px;
  margin-left: 16px
}

.text-single-200.bold.text-color-neutral-800 {
  margin: -109px auto -104px -37px;
  padding-top: 14px;
  padding-right: 26px
}

.text-single-200.bold.color-white {
  color: #fff;
  text-align: center;
  margin: auto
}

.text-single-200.bold.text-color-neutral-800 {
  text-align: center;
  margin: auto
}

.text-single-200.bold.color-white {
  color: #fff;
  text-align: center
}

.text-single-200.bold.text-color-neutral-800 {
  text-align: center
}

.text-single-200.medium {
  font-weight: 500
}

.text-single-200.text-color-neutral-100 {
  color: #fff;
  margin: 13px 0 5px -7px
}

.text-single-200.text-color-neutral-800 {
  text-align: left;
  text-align: left;
  margin-top: 13px
}

.cloneable-container-default {
  border-radius: 20px;
  min-height: 624px;
  transform: translate(0)
}

.cloneable-container-default.center {
  border-radius: 0;
  align-items: center;
  min-height: auto;
  margin-top: -50px;
  padding-top: 144px;
  padding-bottom: 144px
}

.badge-popular---brix-2 {
  color: #fff;
  background-color: rgba(255, 255, 255, .2);
  border-radius: 10px;
  margin-top: -14px;
  margin-bottom: -5px;
  margin-right: -12px;
  padding: 3px 6px 7px 9px;
  font-size: 14px;
  line-height: 14px;
  display: inline-block;
  position: absolute;
  top: 20px;
  bottom: auto;
  left: auto;
  right: 20px
}

.button-primary-2 {
  background-color: var(--steel-blue);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #fff;
  text-align: center;
  cursor: pointer;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  padding: 20px 39px 21px 40px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: transform .3s, box-shadow .3s, background-color .3s;
  display: flex;
  overflow: visible;
  box-shadow: 0 3px 12px rgba(74, 58, 255, .12)
}

.button-primary-2:hover {
  background-color: #3527d8;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(74, 58, 255, .15)
}

.button-primary-2.light {
  color: var(--steel-blue);
  background-color: #fff
}

.pricing-3 {
  color: #170f49;
  text-align: center;
  margin: 11px -51px 18px -8px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 41px;
  font-size: 54px;
  font-weight: 700;
  line-height: 66px
}

.pricing-3.color-white {
  color: #fff
}

.card-pricing-3 {
  text-align: left;
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  flex-direction: column;
  margin-top: -33px;
  margin-bottom: -13px;
  margin-right: 40px;
  padding: 40px 40px 30px;
  display: block;
  box-shadow: 1px 1px 12px rgba(20, 20, 43, .08)
}

.card-pricing-3.popular {
  background-color: var(--steel-blue);
  margin-top: 32px;
  padding-top: 30px;
  position: relative
}

.heading-1265 {
  text-align: right;
  margin-top: 15px;
  padding-top: 0
}

.bold-text-27 {
  text-align: center;
  margin-top: -28px;
  margin-left: 32px;
  padding-top: 0;
  display: flex
}

.bold-text-28 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 43px;
  padding-right: 6px
}

.div-block-453 {
  margin-top: 28px
}

.bold-text-29 {
  text-align: center;
  margin-left: -31px;
  margin-right: -18px;
  padding-left: 37px;
  padding-right: 0;
  font-size: 18px
}

.text-block-1298 {
  margin-top: -13px
}

.bold-text-30 {
  margin-left: 25px
}

.bold-text-32 {
  margin-left: 40px
}

.bold-text-33 {
  margin-left: 25px
}

.text-block-1299 {
  margin-top: 73px;
  margin-left: -35px;
  margin-right: -26px
}

.column-74 {
  padding-left: 0
}

.heading-1267 {
  color: var(--steel-blue);
  margin-top: 6px;
  margin-left: -57px;
  margin-right: 153px;
  padding-left: 0;
  padding-right: 0
}

.image-122 {
  margin-left: 151px
}

.text-block-1300 {
  text-align: center;
  justify-content: space-around;
  align-items: baseline;
  font-size: 20px;
  font-weight: 700;
  display: flex
}

.bold-text-34,
.bold-text-35 {
  font-weight: 500
}

.columns-35 {
  margin-bottom: 2px
}

.pricing-4 {
  color: #170f49;
  text-align: center;
  margin: auto;
  font-size: 54px;
  font-weight: 700;
  line-height: 66px
}

.pricing-4.color-white {
  color: #fff
}

.icon-pricing---brix-2 {
  margin-left: -31px;
  margin-right: 0
}

.badge-popular---brix-3 {
  color: #fff;
  background-color: rgba(255, 255, 255, .2);
  border-radius: 10px;
  margin: -11px -9px -12px 0;
  padding: 5px 3px 4px 5px;
  font-size: 14px;
  line-height: 14px;
  display: inline-block;
  position: absolute;
  top: 20px;
  bottom: auto;
  left: auto;
  right: 20px
}

.card-pricing-4 {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  flex-direction: column;
  padding: 40px 40px 48px;
  display: flex;
  box-shadow: 1px 1px 12px rgba(20, 20, 43, .08)
}

.card-pricing-4.popular {
  background-color: var(--steel-blue);
  background-color: var(--steel-blue);
  color: #4a3aff;
  padding-top: 30px;
  position: relative
}

.text-color-neutral-801 {
  color: #d9dbe9;
  text-align: center;
  margin-right: -10px
}

.list-item-pricing-2 {
  text-align: left;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  list-style-type: none;
  display: flex
}

.button-primary-3 {
  background-color: var(--steel-blue);
  color: #fff;
  text-align: center;
  cursor: pointer;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  padding: 20px 40px 21px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: transform .3s, box-shadow .3s, background-color .3s;
  display: flex;
  box-shadow: 0 3px 12px rgba(74, 58, 255, .12)
}

.button-primary-3:hover {
  background-color: #3527d8;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(74, 58, 255, .15)
}

.button-primary-3.light {
  color: var(--steel-blue);
  background-color: #fff
}

.paragraph-88 {
  text-align: center
}

.bold-text-39 {
  text-align: left
}

.heading-1268 {
  margin-left: -2px;
  padding-left: 0;
  padding-right: 0
}

.heading-1269 {
  margin-left: -2px
}

.paragraph-89 {
  margin-top: 27px;
  margin-right: -10px
}

.pricing-5 {
  color: #170f49;
  text-align: center;
  margin-bottom: 18px;
  font-size: 54px;
  font-weight: 700;
  line-height: 66px
}

.pricing-5.color-white {
  color: #fff
}

.icon-pricing---brix-3 {
  margin-left: -31px;
  margin-right: 18px
}

.color-white-2 {
  color: #fff;
  margin-left: -18px
}

.badge-popular---brix-4 {
  color: #fff;
  background-color: rgba(255, 255, 255, .2);
  border-radius: 10px;
  margin-top: -11px;
  margin-bottom: -12px;
  margin-right: -9px;
  padding: 5px 3px 4px 5px;
  font-size: 14px;
  line-height: 14px;
  display: inline-block;
  position: absolute;
  top: 20px;
  bottom: auto;
  left: auto;
  right: 20px
}

.text-color-neutral-802 {
  color: #d9dbe9;
  margin-right: -10px
}

.list-item-pricing-3 {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
  display: flex
}

.button-primary-4 {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #4a3aff;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  padding: 20px 40px 21px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: transform .3s, box-shadow .3s, background-color .3s;
  display: flex;
  box-shadow: 0 3px 12px rgba(74, 58, 255, .12)
}

.button-primary-4:hover {
  background-color: #3527d8;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(74, 58, 255, .15)
}

.button-primary-4.light {
  color: #4a3aff;
  background-color: #fff
}

.toggle---brix-3 {
  cursor: pointer;
  background-color: #4a3aff;
  border-radius: 100px;
  width: 74px;
  min-width: 74px;
  height: 33px;
  min-height: 33px;
  margin-left: 16px;
  margin-right: 16px;
  position: relative
}

.toggle-bullet---brix-3 {
  background-color: #fff;
  border-radius: 100px;
  width: 25px;
  min-width: 25px;
  height: 25px;
  min-height: 25px;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 6px
}

.page_wrapper {
  width: 100%;
  overflow: hidden
}

.plan-section {
  background-image: url("");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 80px;
  padding-bottom: 100px
}

.primary-container---01 {
  flex-direction: column;
  align-items: center;
  max-width: 1440px;
  padding-left: 50px;
  padding-right: 50px;
  display: flex
}

.primary-container---01.relative {
  position: relative
}

.text-holder {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  align-items: center;
  display: flex
}

.pricing---heading---01 {
  color: #007ee5;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  line-height: 1.2
}

.pricing---heading---01.color-white {
  color: #fff
}

.pricing---heading---01.color-white.alignment-centre {
  text-align: center
}

.pricing---heading---01.color-grey {
  color: #535b62
}

.pricing---heading---01.alignment-center,
.pricing---heading---01.align-center {
  text-align: center
}

.pricing---text-block---01 {
  color: rgba(15, 2, 41, .4);
  font-family: Poppins, sans-serif;
  font-weight: 500
}

.pricing---text-block---01.edit-acc {
  text-align: center;
  margin-top: 20px
}

.pricing---text-block---01.edit-acc.no-margin {
  margin-top: 0
}

.blue-span {
  color: #007ee5;
  font-weight: 600
}

.pricing-tab {
  flex-direction: column;
  width: 100%;
  margin-top: 70px;
  display: flex
}

.tabs-menu-7 {
  z-index: 25;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #007ee5;
  border-radius: 32px;
  justify-content: center;
  align-self: center;
  width: auto;
  height: auto;
  padding: 8px;
  display: flex;
  box-shadow: 6px 5px 35px rgba(140, 150, 157, .2)
}

.tab-link---01 {
  color: #000;
  background-color: transparent;
  width: 20px;
  height: 20px;
  padding: 0;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5
}

.tab-link---01.w--current {
  color: #fff;
  background-color: #fff;
  border-radius: 32px
}

.tab-pricing-holder {
  justify-content: center;
  align-items: center;
  width: 925px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 70px;
  display: flex;
  position: relative;
  overflow: visible
}

.plan-showcase-box {
  z-index: 1;
  background-color: #f9fafe;
  border-radius: 30px;
  flex-direction: column;
  align-items: flex-start;
  width: 270px;
  padding: 25px;
  display: flex;
  position: relative;
  box-shadow: 0 0 15px rgba(1, 23, 142, .15)
}

.plan-showcase-box.big {
  z-index: 3;
  background-color: #007ee5;
  border: 6px solid #fff;
  width: 340px;
  padding-top: 50px;
  padding-bottom: 50px
}

.plan-showcase-box.push-side {
  right: -12px
}

.plan-showcase-box.push-side-2 {
  left: -12px
}

.plan-name-holder {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: flex-start;
  display: flex
}

.price-icon {
  border-radius: 10px;
  height: 70px
}

.vertical-holder {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  align-items: flex-start;
  display: flex
}

.plan-name {
  color: #01178e;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2
}

.plan-name.white {
  color: #fff
}

.price {
  color: #b4b6c1;
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2
}

.bold-dark-span {
  color: #0f0229;
  font-size: 26px;
  font-weight: 700
}

.superscript-2 {
  font-size: 20px
}

.divider {
  background-color: #e8e7ea;
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px
}

.perks-holder {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-bottom: 10px;
  display: flex
}

.perks-text {
  color: #656b7d;
  font-family: Poppins, sans-serif;
  font-weight: 500;
  line-height: 1.2
}

.perks-text.white {
  color: #fff
}

.perks-text.struck-price {
  margin-top: 2px;
  margin-bottom: 0;
  font-size: 16px;
  text-decoration: line-through
}

.perks-text.struck-price.white-struck {
  color: #fff
}

.get-started-button {
  width: 100%;
  text-decoration: none
}

.button-content-holder {
  background-color: #007ee5;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px 30px;
  transition: all .35s;
  display: flex
}

.button-content-holder:hover {
  transform: scale(.9)
}

.button-content-holder.white-bg {
  background-color: #fff
}

.button-text {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2
}

.button-text.blue {
  color: #007ce3
}

.bold-white-span {
  color: #fff;
  font-size: 28px;
  font-weight: 700
}

.most-popular-div {
  color: #007ee5;
  background-color: #fff;
  border-radius: 6px;
  width: 120px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  font-family: Poppins, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  position: absolute;
  top: -5%;
  bottom: auto;
  left: 0;
  right: 0
}

.absolute-div {
  z-index: 5;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: row;
  align-items: flex-start;
  margin-top: -80px;
  margin-left: 240px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto
}

.vector {
  position: static;
  top: -70px;
  bottom: auto;
  left: auto;
  right: -60px
}

.text-block-1301 {
  color: #008c44;
  font-family: Poppins, sans-serif;
  font-weight: 500;
  display: none
}

.tabs-content-7 {
  overflow: visible
}

.subscription-section {
  padding-bottom: 100px
}

.blue-bg {
  background-color: #007ee5;
  width: 100%;
  height: 450px;
  padding-top: 60px
}

.heading-holder {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  flex-direction: column;
  align-items: center;
  width: 700px;
  display: flex
}

.pricing---heading---02 {
  color: #fff
}

.pricing---heading---02.alignment-center {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 28px;
  line-height: 1.2
}

.pricing---heading---02.align-center {
  text-align: center
}

.buttton-link {
  text-decoration: none
}

.button-content {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
  display: flex
}

.button-text---01 {
  color: var(--steel-blue);
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2
}

.subscription-holder {
  width: 100%;
  margin-top: -205px
}

.subscription-upper-layer {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  display: flex
}

.subscription-box {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border: 5px solid #007ee5;
  border-radius: 35px;
  flex-direction: column;
  align-items: center;
  width: 380px;
  padding: 25px 30px 40px;
  display: flex
}

.subscription-box.view-hide {
  display: none
}

.subscription-name {
  color: #007ee5;
  font-family: Poppins, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 1
}

.onehash-logo {
  height: 50px
}

.divider---02 {
  background-color: #60aeee;
  width: 100%;
  height: 1px;
  margin-top: 5px;
  margin-bottom: 10px
}

.user-txt {
  color: #656b7d;
  background-image: url("");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2
}

.txt-holder {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex
}

.free {
  color: #007ee5;
  font-family: Poppins, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2
}

.info {
  color: #007ee5;
  font-family: Poppins, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2
}

.button-holder {
  width: 100%;
  margin-top: 25px
}

.heading-holder---02 {
  align-items: flex-start;
  width: 100%;
  display: flex
}

.pricing---heading---03 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 46px;
  font-weight: 600;
  line-height: 1.2
}

.pricing---heading---03.alignment-center {
  text-align: center
}

.text-span-1322 {
  background-image: url("");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto
}

.heading-margin {
  width: 400px
}

.tab-holder {
  width: 100%;
  margin-top: 40px;
  display: none
}

.tabs-5 {
  width: 100%;
  display: flex
}

.tabs-menu-8 {
  flex-direction: column;
  align-items: stretch;
  margin-right: 25px;
  display: flex
}

.tab-link---02 {
  color: #161616;
  background-color: rgba(221, 221, 221, 0);
  border: 1px solid #94c9f4;
  border-radius: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0
}

.tab-link---02.w--current {
  background-color: #cce5f9;
  border: 4px solid #cce5f9;
  border-radius: 24px
}

.tab-link-content {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  width: 412px;
  padding: 15px;
  display: flex
}

.logo-holder {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  align-items: flex-end;
  display: flex
}

.logo {
  height: 34px
}

.name {
  color: #007ee5;
  font-family: Poppins, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2
}

.pricing---para {
  color: #161616;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-weight: 400;
  line-height: 1.5
}

.pricing---para.alignment-center {
  color: #989a9c;
  text-align: center;
  margin-top: 10px
}

.tab-content---02 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-image: linear-gradient(130deg, #026bc0, #007ee5);
  border-radius: 24px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 30px;
  display: flex;
  position: relative
}

.tab-panel {
  width: 100%;
  height: 100%
}

.tabs-content-8 {
  width: 100%;
  overflow: visible
}

.labels-holder {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: row;
  align-items: center;
  display: flex
}

.label-icon {
  border-radius: 100px
}

.label {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-weight: 500;
  line-height: 1.2
}

.label.color-blue {
  color: #007ee5
}

.label.color-blue.alignment-center {
  text-align: center
}

.learn-more-link {
  margin-bottom: 30px;
  margin-right: 30px;
  text-decoration: none;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%
}

.learn-more-txt {
  color: #fff;
  letter-spacing: 2px;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  line-height: 1.2
}

.vector-img {
  position: absolute;
  top: -7%;
  bottom: auto;
  left: auto;
  right: -6%
}

.trouble-div {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 2px solid rgba(0, 126, 229, .42);
  border-radius: 24px;
  align-items: flex-start;
  width: 100%;
  margin-top: 70px;
  margin-bottom: 60px;
  padding: 25px;
  display: flex
}

.textual-content-holder {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: flex-start;
  width: 550px;
  display: flex
}

.trouble-text {
  color: #007ee5;
  font-family: Poppins, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2
}

.contact-button {
  width: 200px;
  margin-top: auto;
  margin-left: auto;
  text-decoration: none
}

.f-q-section {
  padding-top: 100px;
  padding-bottom: 100px;
  display: block
}

.text-span-1323 {
  color: #017de2
}

.f-q-dropdown-holder {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 50px;
  display: flex
}

.faq-dropdown {
  border: 0 solid #007ee5;
  border-radius: 12px;
  width: 80%;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, .15)
}

.text-block-1302 {
  color: var(--white);
  white-space: normal;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2
}

.dropdown-toggle-10 {
  background-color: var(--steel-blue);
  border-radius: 12px;
  align-items: center;
  width: 100%;
  height: 80px;
  padding: 20px 30px;
  display: flex
}

.dropdown-toggle-10.w--open {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.icon-17 {
  color: var(--white-smoke);
  -webkit-text-stroke-color: var(--steel-blue);
  font-family: Poppins, sans-serif;
  font-size: 20px
}

.dropdown-list-18 {
  width: 100%
}

.dropdown-list-18.w--open {
  background-color: #fff;
  border: 1px solid #007ee5;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  width: 100%;
  padding: 20px;
  position: static
}

.paragraph-90 {
  color: #161616;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 1.5
}

.banner {
  background-color: #007ee5;
  padding-top: 100px;
  padding-bottom: 75px
}

.banner.low-margin {
  z-index: 1;
  padding-top: 70px;
  position: relative
}

.banner-content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .6fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid
}

.left-side {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  display: flex
}

.left-side.alignment-center {
  align-items: center
}

.banner-sub-head {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.2
}

.get-startef-button---02 {
  margin-top: 40px;
  text-decoration: none
}

.button-content-holder---02 {
  background-color: #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 15px 20px;
  transition: all .35s;
  display: flex
}

.button-content-holder---02:hover {
  transform: scale(.9)
}

.right-side {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex
}

.perks-holder---02 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  margin-bottom: 10px;
  display: flex
}

.perks-text---02 {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-weight: 400;
  line-height: 1.2
}

.tick---02 {
  width: 20px;
  height: 28px;
  padding: 3px
}

.horizontal-flex {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: flex-start;
  display: flex
}

.heading-1270 {
  color: var(--dim-grey);
  text-align: center;
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: 600
}

.heading-1271 {
  color: var(--dark-slate-grey);
  text-align: center;
  margin-bottom: 80px;
  font-size: 52px;
  font-weight: 600;
  line-height: 60px
}

.hero-section {
  padding-top: 50px;
  padding-bottom: 75px;
  display: none
}

.blue-div {
  background-color: #007ee5;
  background-image: url("");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 70px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 350px;
  padding-top: 60px;
  display: flex
}

.heading-holder---03 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 650px;
  display: flex
}

.all-in-one {
  padding-top: 50px;
  padding-bottom: 100px
}

.all-in-one-grid {
  grid-column-gap: 25px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 50px;
  display: grid
}

.main-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: linear-gradient(rgba(255, 255, 255, 0), #ebf1f4);
  border-radius: 8px;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  display: flex
}

.icon---01 {
  height: 80px;
  margin-bottom: 10px
}

.text-span-1324 {
  color: var(--para)
}

.price-cut {
  color: rgba(51, 51, 51, .7);
  font-family: Poppins, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5
}

.price-cut.color-white {
  color: rgba(255, 255, 255, .8)
}

.text-span-1325 {
  color: #b4b6c1
}

.heading-1272 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 30px
}

.price---holder {
  width: 100%;
  margin-top: -150px
}

.primary---paragraph {
  color: #d9d9d9;
  font-family: Poppins, sans-serif;
  line-height: 1.5
}

.primary---paragraph.alignment-center {
  text-align: center
}

.timer-section {
  padding-top: 50px;
  padding-bottom: 50px
}

.heading-holder---05 {
  grid-row-gap: 15px;
  flex-direction: column;
  align-items: center;
  display: flex
}

.paragraph-91 {
  color: #656b7d;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 1.2
}

.countdown-wrap {
  border-top: 2px solid #007ee5;
  border-bottom: 2px solid #007ee5;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 50px;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex
}

.column-block {
  flex-direction: column;
  align-items: center;
  display: flex
}

.heading-2 {
  color: #007ee5;
  font-family: Poppins, sans-serif;
  font-size: 150px;
  font-weight: 700;
  line-height: 1
}

.text-block {
  color: #007ee5;
  font-family: Poppins, sans-serif;
  font-size: 26px;
  line-height: 1.2
}

.divider---03 {
  background-color: #007ee5;
  width: 2px;
  height: 120px;
  margin-left: 30px;
  margin-right: 30px
}

.button-holder---01 {
  margin-top: 100px;
  position: relative
}

.countdown-grid {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex
}

.contact---section {
  padding-top: 100px;
  padding-bottom: 50px
}

.pricing-heading---03 {
  color: var(--dark-slate-grey);
  font-family: Poppins, sans-serif;
  font-weight: 600;
  line-height: 1.3
}

.paragraph---01 {
  color: #535b62;
  margin-top: 20px;
  margin-bottom: 30px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  line-height: 1.5
}

.contact-div {
  grid-column-gap: 50px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid
}

.form-block---01 {
  background-color: #f9fafb;
  border-radius: 10px;
  padding: 25px
}

.form-heading {
  color: #535b62;
  text-align: center;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2
}

.text-span-1326 {
  color: #007ee5;
  font-weight: 700
}

.otp-button {
  background-color: #007ee5;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 90%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  font-family: Poppins, sans-serif;
  line-height: 1.5;
  transition: all .35s;
  display: flex
}

.otp-button:hover {
  transform: scale(.9)
}

.checkbox-label-4 {
  font-family: Poppins, sans-serif;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.2
}

.link-60 {
  color: #333;
  text-decoration: underline
}

.div-block-454 {
  flex-direction: column;
  align-items: center;
  display: flex
}

.feature-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 50px;
  display: grid
}

.feature-box {
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding-bottom: 15px;
  display: flex
}

.pricing-heading---04 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 1.3
}

.pricing-heading---04.alignment-center {
  text-align: center;
  font-size: 1rem
}

.onehash-logo---01 {
  height: 50px;
  margin-bottom: 50px
}

.vector---02 {
  position: absolute;
  top: -70px;
  bottom: auto;
  left: auto;
  right: -60px
}

.div-block-455 {
  justify-content: center;
  align-items: center;
  display: flex
}

.link-block-70 {
  text-decoration: none
}

.div-block-456 {
  margin-top: 28px
}

.new-pricing-hero {
  z-index: 2;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 50px;
  position: relative
}

.onehash-logo---02 {
  height: 50px;
  margin-bottom: 30px
}

.blue-bg---02 {
  background-color: var(--steel-blue);
  padding-top: 90px;
  padding-bottom: 170px
}

.grid---01 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .6fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid
}

.content-holder--03 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: flex
}

.pricing-heading---05 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 54px;
  line-height: 1.3
}

.text-span-1327 {
  background-image: url("");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain
}

.text-field---01 {
  border: 2px solid var(--light-sky-blue);
  color: #bcbcbc;
  background-color: rgba(3, 114, 205, .08);
  border-radius: 10px;
  width: 100%;
  margin-bottom: 0
}

.text-field---01::placeholder {
  color: #bcbcbc
}

.text-field---02 {
  border: 2px solid var(--light-sky-blue);
  color: #bcbcbc;
  background-color: rgba(3, 114, 205, .08);
  border-radius: 10px;
  width: 48%;
  margin-bottom: 0
}

.text-field---02::placeholder {
  color: #bcbcbc
}

.text-field---03 {
  border: 2px solid var(--light-sky-blue);
  color: #bcbcbc;
  background-color: rgba(3, 114, 205, .08);
  border-radius: 10px 0 0 10px;
  width: 100%;
  margin-bottom: 0
}

.text-field---03::placeholder {
  color: #bcbcbc
}

.banner-section {
  margin-top: -120px
}

.rating-div {
  background-color: #fff;
  border-radius: 24px;
  width: 100%;
  padding: 50px 40px;
  box-shadow: 0 2px 60px rgba(218, 218, 218, .25)
}

/* .ratings {
  padding-top: 30px;
  padding-bottom: 30px
} */

.text-holder---03 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  align-items: center;
  margin-bottom: 40px;
  display: flex
}

.pricing-heading---06 {
  color: #2f363f;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2
}

.pricing-heading---06.alignment-center {
  text-align: center
}

.paragraph---02 {
  color: #333;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  line-height: 1.3
}

.paragraph---02.alignment-center {
  text-align: center
}

.interactive-section {
  position: relative
}

.banner--02 {
  z-index: 1;
  background-color: #007ee5;
  padding-top: 100px;
  padding-bottom: 75px;
  position: relative
}

.plan-section---02 {
  z-index: 1;
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 100px;
  position: relative
}

.user-testimonial {
  z-index: 1;
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 100px;
  position: relative
}

.heading-holder---07 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex
}

.slider-holder {
  width: 100%;
  margin-top: 50px
}

.slider-7 {
  background-color: rgba(221, 221, 221, 0);
  width: 100%;
  height: auto
}

.slide---01 {
  width: auto;
  height: 100%;
  margin-right: 25px
}

.user-testimonial-div {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  width: 350px;
  height: 100%;
  padding: 30px;
  display: flex
}

.user-profile-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex
}

.user-dp {
  object-fit: cover;
  border-radius: 100%;
  height: 64px
}

.user-name-holder {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  display: flex
}

.text-block-1303 {
  color: #343434;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2
}

.para {
  color: #969696;
  line-height: 1.5
}

.rating-holder {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: stretch;
  margin-top: auto;
  display: flex
}

.slide-nav-5 {
  display: none
}

.left-arrow-4 {
  color: #c4c4c4;
  border: 1px solid rgba(12, 0, 71, .5);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  transition: all .3s;
  display: flex;
  top: -100px;
  bottom: auto;
  left: auto;
  right: 80px
}

.left-arrow-4:hover {
  transform: scale(.9)
}

.icon-18 {
  display: none
}

.right-arrow-4 {
  border: 1px solid #007ee5;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  transition: all .3s;
  display: flex;
  top: -100px;
  bottom: auto;
  left: auto;
  right: 0%
}

.right-arrow-4:hover {
  transform: scale(.9)
}

.rating-div---01 {
  justify-content: center;
  align-items: stretch;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex
}

.div---01 {
  text-align: center;
  width: 100%;
  margin: 0 0 16px;
  text-decoration: none
}

.compenent-timeline {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative
}

.progess-timeline {
  z-index: -2;
  background-color: #d9d9d9;
  flex-direction: column;
  width: 7px;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 22px;
  right: auto;
  overflow: hidden
}

.circle-timeline {
  background-color: #cccaca;
  border-radius: 100%;
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  height: 15px;
  min-height: 15px;
  max-height: 15px;
  box-shadow: 0 0 10px 5px #cccaca
}

.item-timeline {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 50px 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative
}

.time-line-container {
  width: 90vw;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto
}

.centre-of-timeline {
  justify-content: center;
  align-items: flex-start;
  display: flex
}

.right-timeline-01 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  display: grid
}

.timeline-section {
  z-index: 1;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative
}

.base-white {
  z-index: 4;
  background-color: #fff;
  width: 100%;
  height: 100px;
  position: relative
}

.upper-base {
  z-index: 2;
  background-color: #fff;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 60px;
  position: relative
}

.content-holder---04 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex
}

.heading---03 {
  color: #160f1d;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.3
}

.text-span-1328 {
  color: #007ee5
}

.paragraph---03 {
  color: #160f1d;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5
}

.image-holder---03 {
  justify-content: center;
  display: flex
}

.graph-image {
  object-fit: cover;
  border-radius: 34px
}

.text-span-1329 {
  color: #f9a400
}

.text-span-1330 {
  color: #008c44
}

.text-span-1331 {
  color: #f1352c
}

.side-vector {
  z-index: 5;
  position: absolute;
  top: 120px;
  bottom: auto;
  left: auto;
  right: 0%
}

.side-vector-2 {
  z-index: 5;
  height: 320px;
  position: absolute;
  top: -200px;
  bottom: auto;
  left: 0%;
  right: auto
}

.tag-div {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex
}

.div-block-457 {
  width: 100%
}

.div---02 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex
}

.text-block---01 {
  color: #8c8c8c;
  margin-right: 5px;
  font-family: Poppins, sans-serif;
  font-weight: 400
}

.pricing---heading---07 {
  color: #007ee5;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 34px;
  font-weight: 600;
  line-height: 1.2
}

.pricing---heading---07.colour-white {
  color: #fff
}

.pricing---heading---07.colour-white.align-center {
  text-align: center
}

.blue-line {
  background-image: linear-gradient(#007ee5, #007ee5 70%, rgba(255, 255, 255, 0));
  width: 7px;
  height: 100%
}

.red-line {
  background-image: linear-gradient(#f1352c, #f1352c 70%, rgba(255, 255, 255, 0));
  width: 7px;
  height: 100%
}

.green-line {
  background-image: linear-gradient(#008c44, #008c44 70%, rgba(255, 255, 255, 0));
  width: 7px;
  height: 100%
}

.yellow-line {
  background-image: linear-gradient(#f9a400, #f9a400 70%, rgba(255, 255, 255, 0));
  width: 7px;
  height: 100%
}

.form-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: space-between;
  display: flex
}

.link-69 {
  color: rgba(15, 2, 41, .4)
}

.form---01 {
  background-color: #fff;
  border-radius: 24px;
  padding: 25px
}

.form-heading---01 {
  color: #007ee5;
  text-align: center;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2
}

.checkbox-label-5 {
  color: #160f1d;
  font-family: Poppins, sans-serif;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.2
}

.link-70 {
  color: #160f1d
}

.onehash-text {
  border: 1px solid var(--light-sky-blue);
  background-color: #ebf4fb;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  align-items: center;
  height: 38px;
  margin-top: -10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex
}

.form-heading-holder {
  margin-bottom: 25px
}

.form-button {
  color: #000;
  text-align: center;
  background-color: #f9a400;
  border-radius: 10px;
  width: 100%;
  margin-top: 10px
}

.crm-faq {
  padding-top: 100px;
  padding-bottom: 100px
}

.heading---small {
  color: var(--white);
  font-family: Poppins, sans-serif;
  font-size: 150%;
  font-weight: 400;
  line-height: 120%
}

.mask-2 {
  height: 400px
}

.div-block-459 {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto
}

.section-44 {
  align-items: center;
  padding: 101px;
  display: flex
}

.html-embed-6 {
  width: 150px;
  margin-left: 24px
}

.captera-review {
  flex-direction: column;
  align-items: center;
  width: 20%;
  display: flex
}

.featured-section {
  padding-top: 80px;
  padding-bottom: 20px
}

.text-holder---1 {
  z-index: 2;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-left: 10px;
  display: flex;
  position: relative
}

.featured-text {
  color: #3f434a;
  font-family: Poppins, sans-serif;
  font-size: 19px;
  line-height: 1.2
}

.text-block-1305 {
  color: #007ee5;
  font-family: Poppins, sans-serif;
  font-size: 31px;
  font-weight: 700;
  line-height: 1.2
}

.blogs---featured-slider {
  background-color: transparent;
  width: 100%;
  height: auto
}

.featured-slide {
  width: 100%;
  margin-right: 100px
}

.primary-container---02 {
  flex-direction: column;
  align-items: center;
  max-width: 1440px;
  padding-left: 50px;
  padding-right: 50px;
  display: flex
}

.body-16 {
  background-image: url("");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover
}

.left-arrow-5,
.right-arrow-5 {
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 46.92px;
  height: 46.92px;
  display: flex;
  box-shadow: -8px 11px 30px rgba(152, 148, 172, .25)
}

.arrow---5.rotated {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotate(0)
}

.mask-3 {
  width: 100%;
  padding-left: 75px;
  padding-right: 75px;
  overflow: hidden
}

.featured-slide-content {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-bottom: 30px;
  display: flex;
  position: relative;
  overflow: hidden
}

.featured-content {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--white);
  -webkit-text-stroke-color: #bbb;
  border: 1px solid #bbb;
  border-radius: 1rem;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: auto;
  padding: 50px 100px 50px 50px;
  display: flex;
  box-shadow: 0 7px 25px rgba(140, 150, 157, .2)
}

.feature-heading {
  color: #007ee5;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.2
}

.heading-holder---08 {
  width: 80%
}

.paragraph-holder---1 {
  width: 90%
}

.featured-paragraph {
  color: #3f434a;
  font-family: Poppins, sans-serif;
  font-size: 15px;
  line-height: 1.5
}

.featured-paragraph.centre-align {
  text-align: center;
  margin-bottom: 0
}

.author-info-holder {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex
}

.blog---author-img {
  object-fit: scale-down;
  border-radius: 100%;
  width: 35px;
  height: 35px
}

.author-name {
  color: #000;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2
}

.slide-nav-6 {
  display: none;
  position: static
}

.category-name {
  color: #007ee5;
  background-color: rgba(0, 126, 229, .2);
  border-radius: 6px;
  padding: 5px 10px;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.7
}

.category-name.white-bg-color {
  background-color: #fff
}

.featured-blog-img {
  z-index: 1;
  object-fit: scale-down;
  background-color: #fff;
  border: 1px solid #bbb;
  border-radius: 1rem;
  width: 45%;
  height: 320px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
  box-shadow: 0 0 30px rgba(0, 0, 0, .1)
}

.sub-info {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  display: flex
}

.sub-info.less-padding {
  margin-top: 10px
}

.time-box {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: center;
  display: flex
}

.dot {
  object-fit: cover;
  border-radius: 100%;
  width: 6px;
  height: 6px
}

.time-text {
  color: #007ee5;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  line-height: 1
}

.recent-blogs-section {
  padding-top: 50px;
  padding-bottom: 50px;
  display: none
}

.blog-heading {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2
}

.blog-heading.small {
  font-size: 22px;
  font-weight: 600
}

.date-text {
  color: #007ee5;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3
}

.date-text.white-color {
  color: #fff
}

.recent-blog-wrapper-2 {
  height: 100%
}

.recent-blog-item-1 {
  width: 100%;
  height: 100%
}

.date-div {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: none
}

.date-div.zero-margin {
  margin-top: 0
}

.blog-cover-image {
  object-fit: scale-down;
  width: 100%;
  height: 100%
}

.left-div {
  grid-column-gap: 10px;
  grid-row-gap: 30px;
  flex-direction: column;
  align-items: flex-start;
  display: flex
}

.recent-blog-detail-1 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1px solid #bbb;
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 10px;
  transition: all .3s;
  display: flex
}

.recent-blog-detail-1:hover {
  box-shadow: 0 6px 30px rgba(0, 0, 0, .15)
}

.vertical-blog-content {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex
}

.blog-image-holder---03 {
  border-radius: 12px;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.recent-blogs-holder {
  grid-column-gap: 20px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid
}

.recent-blog-detail-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid #bbb;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: .8fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 12px;
  transition: all .3s;
  display: grid
}

.recent-blog-detail-2:hover {
  box-shadow: 0 6px 30px rgba(0, 0, 0, .15)
}

.content-holder---1 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 10px;
  display: flex
}

.recent-blog-list-2 {
  grid-column-gap: 35px;
  grid-row-gap: 25px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid
}

.blog-head {
  color: #007ee5;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.2
}

.blog-head.white-color {
  color: #fff
}

.right-div {
  padding-top: 75px
}

.blog-image-holder---02 {
  border-radius: 12px;
  width: 100%;
  height: 280px;
  margin-top: 5px;
  overflow: hidden
}

.recent-blog-wrapper-1,
.recent-blog-list-1 {
  width: 100%;
  height: 100%
}

.blog-paragraph {
  color: #939393;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  line-height: 1.5
}

.blog-paragraph.small {
  margin-bottom: 0;
  font-size: 14px
}

.category-and-date-holder {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex
}

.category-holder-2 {
  margin-bottom: 10px
}

.all-blogs-section {
  padding-top: 50px;
  padding-bottom: 100px
}

.blog-tab-holder {
  width: 90%
}

.blogs-tab {
  display: none;
  position: static
}

.blogs-menu {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 110px 110px 150px 140px 180px 170px 230px 170px 160px;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding-bottom: 10px;
  display: grid;
  overflow: scroll
}

.blogs-tab-link {
  color: #007ee5;
  text-align: center;
  background-color: transparent;
  border: 1px solid #007ee5;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
  padding: 10px 30px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  display: flex
}

.blogs-tab-link.w--current {
  color: #fff;
  background-color: #007ee5
}

.blogs-tab-content {
  position: static;
  overflow: visible
}

.blogs-tab-pane {
  position: static
}

.blogs-pane-content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 60px;
  display: flex;
  position: relative
}

.left-div-2 {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  flex-direction: column;
  align-items: flex-start;
  display: flex
}

.all-blogs-wrapper {
  width: 100%
}

.collection-list {
  grid-column-gap: 35px;
  grid-row-gap: 25px;
  flex-direction: column;
  display: flex
}

.blog-image-holder---04 {
  border: 1px solid #bbb;
  border-radius: 1rem;
  width: 374px;
  height: 250px;
  overflow: hidden
}

.blogs-detail-box {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  padding: 12px;
  display: grid
}

.right-div-2 {
  z-index: 20;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  padding-top: 10px;
  display: none;
  position: -webkit-sticky;
  position: sticky;
  top: 160px
}

.search-button {
  display: none
}

.search-bar {
  margin-top: 20px;
  margin-bottom: 0;
  display: none;
  position: relative
}

.search {
  color: #939393;
  border-radius: 8px;
  height: 70px;
  margin-bottom: 0;
  padding: 20px 55px 20px 20px;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  line-height: 1.2;
  box-shadow: 0 0 4px rgba(0, 0, 0, .25)
}

.search-img {
  width: 30px;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 20px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%
}

.filters-wrapper {
  width: 380px;
  position: relative
}

.news-letter {
  background-color: #007ee5;
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  display: flex
}

.current-blog-link {
  width: 100%;
  height: 100%;
  text-decoration: none
}

.news-letter-form-block {
  width: 100%;
  padding-left: 25px;
  padding-right: 25px
}

.news-letter-form {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative
}

.form-subhead {
  color: #d9d9d9;
  margin-top: 5px;
  margin-bottom: 40px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  line-height: 1.3
}

.newsletter-text-field {
  color: #d9d9d9;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 6px;
  height: 44px;
  padding: 15px;
  line-height: 1.2
}

.newsletter-text-field::placeholder {
  color: #d9d9d9
}

.newsletter-button {
  background-color: #fff;
  border-radius: 6px;
  width: 34px;
  height: 34px
}

.newsletter-button-holder {
  justify-content: center;
  align-items: center;
  margin-bottom: 15.5px;
  margin-right: 5px;
  transition: all .3s;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%
}

.newsletter-button-holder:hover {
  transform: scale(.9)
}

.news-arrow {
  transform-style: preserve-3d;
  position: absolute;
  transform: rotateX(0)rotateY(180deg)rotate(0)
}

.footer-new {
  background-color: var(--steel-blue);
  padding-top: 80px;
  font-family: Poppins, sans-serif;
  font-weight: 400
}

.footer-end {
  background-color: #b2d8f7;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex
}

.footer-license-text {
  color: #3f434a;
  text-align: left;
  margin-top: 15px;
  margin-left: 60px;
  margin-right: 60px;
  padding-left: 0;
  font-size: 11px;
  line-height: 1.7
}

.footer-license-text-head {
  color: #222;
  font-size: 12px;
  font-weight: 600;
  line-height: 2
}

.footer-container {
  flex-direction: column;
  align-items: center;
  max-width: 1440px;
  padding-left: 50px;
  padding-right: 50px;
  display: flex
}

.footer-container.side-align {
  color: #3f434a;
  align-items: flex-start
}

.footer-content-holder {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: .3fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-bottom: 80px;
  display: grid
}

.footer-content-1 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  padding-right: 50px;
  display: flex
}

.onehash-logo-footer {
  object-fit: cover;
  border-radius: 6px
}

.text-block-1306 {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5
}

.footer-paragraph {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5
}

.footer-content-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid
}

.footer-link-box {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  align-items: stretch;
  display: flex
}

.footer-link-holder {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: flex-start;
  display: flex
}

.footer-link-head {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 2
}

.footer-link {
  color: rgba(255, 255, 255, .7);
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  text-decoration: none
}

.footer-link:hover {
  color: #fff
}

.social-media-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: rgba(255, 255, 255, .7);
  align-items: center;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  text-decoration: none;
  display: flex
}

.social-media-link:hover {
  color: #fff
}

.social-media-img {
  object-fit: scale-down
}

.collection-wrapper-to-slide {
  flex-direction: column;
  align-items: center;
  width: 90%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: none
}

.c-item {
  width: auto;
  height: auto
}

.c-list {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto
}

.c-wrap {
  width: 100%;
  margin-left: auto;
  margin-right: auto
}

.current-blog-link-2 {
  width: 100%;
  text-decoration: none
}

.success-message {
  background-color: #eff4ff
}

.body-17 {
  background-image: url("");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 20px
}

.category-hero-section {
  padding-top: 80px;
  padding-bottom: 100px
}

.text-block-1307 {
  color: #3f434a;
  font-family: Poppins, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.2
}

.text-holder---04 {
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: center;
  display: flex
}

.blog-heading-2 {
  color: #007ee5;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 64px;
  line-height: 1.1
}

.blog-heading-2.color-white {
  color: #fff
}

.blog-heading-2.color-white.center-align {
  text-align: center;
  margin-left: 0
}

.paragraph-holder---2 {
  width: 450px
}

.category-blog-holder {
  width: 100%;
  margin-top: 60px
}

.category-blog-content {
  padding-top: 100px
}

.category-blog-list {
  grid-column-gap: 20px;
  grid-row-gap: 50px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid
}

.category-blog {
  grid-row-gap: 15px;
  background-color: #fff;
  border: 1px solid #bbb;
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding-bottom: 15px;
  display: flex
}

.category-blog:hover {
  transform: translateY(-10px)
}

.current-blog-link-3 {
  width: 100%;
  height: 100%;
  text-decoration: none
}

.blog-img-2 {
  object-fit: cover;
  width: 100%
}

.blog-image-holder--05 {
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden
}

.content-holder---05 {
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 15px;
  padding-right: 15px;
  display: flex
}

.newsletter-holder {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 150px;
  display: flex
}

.newsletterr {
  grid-row-gap: 10px;
  background-color: #007ee5;
  background-image: url("");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 65px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 40px 50px 50px;
  display: flex
}

.newsletter-heading {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2
}

.paragraph-holder---3 {
  width: 70%;
  margin-bottom: 50px
}

.newssletter-paragraph {
  color: #d9d9d9;
  text-align: center;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5
}

.newsletter-form-holder {
  width: 60%
}

.newsletter-form-block-2 {
  width: 100%
}

.newsletter-textfield-2 {
  color: #939393;
  border-radius: 8px;
  height: 70px;
  padding: 10px 10px 10px 20px;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2
}

.newsletter-form-2 {
  position: relative
}

.newsletter-submit-button {
  background-color: #007ee5;
  border-radius: 8px;
  height: 50px;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 10px;
  padding: 10px 35px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  transition: all .3s;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%
}

.newsletter-submit-button:hover {
  transform: scale(.9)
}

.blog-individual---hero {
  margin-top: 10px;
  padding-bottom: 50px
}

.body-18 {
  padding-top: 10px
}

.text-holder---05 {
  grid-row-gap: 35px;
  flex-direction: column;
  align-items: center;
  width: 70%;
  display: flex
}

.category-holder-3 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex
}

.blue-color-div {
  background-color: var(--steel-blue);
  background-image: url("");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 75px;
  padding-bottom: 300px
}

.image-container {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: -200px
}

.image-holder---06 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex
}

.blog-individual-cover-image {
  object-fit: scale-down;
  background-color: #fff;
  border-radius: 1rem;
  width: 90%;
  height: 480px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .15)
}

.blog-individual-content {
  padding-top: 50px;
  padding-bottom: 50px
}

.rich-text-holder {
  width: 80%
}

.blog-individual-rich-text {
  color: #727272;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3
}

.blog-individual-rich-text h1 {
  color: #131313;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.2
}

.blog-individual-rich-text h2 {
  color: #131313;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2
}

.blog-individual-rich-text h4 {
  color: #131313;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2
}

.blog-individual-rich-text h3 {
  color: #131313;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2
}

.blog-individual-rich-text-heading {
  color: #131313;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.2
}

.newsletter-section {
  padding-top: 50px;
  padding-bottom: 50px
}

.related-blog-section {
  padding-top: 50px;
  padding-bottom: 100px
}

.related-blog-holder {
  grid-row-gap: 45px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex
}

.heading-holder---09 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-left: 15px;
  display: flex
}

.related-blog-cms-holder {
  width: 100%
}

.related-cms-list {
  grid-column-gap: 15px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid
}

.related-blog-content-box {
  grid-row-gap: 10px;
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 15px;
  transition: all .25s;
  display: flex
}

.related-blog-content-box:hover {
  box-shadow: 0 6px 30px rgba(0, 0, 0, .15)
}

.blog-cover-img-holder {
  border-radius: 12px;
  width: 100%;
  height: 220px;
  overflow: hidden
}

.category-holder---02 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex
}

.blog-category-info-holder {
  flex-direction: column;
  align-items: center;
  display: flex
}

.blog-category-wrap {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex
}

.blogs-menu-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 110px 150px 140px 180px 170px 230px 170px 160px;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding-bottom: 8px;
  display: grid;
  overflow: scroll
}

.text-holder---2 {
  z-index: 10;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 20px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0
}

.blog-search-input {
  color: #939393;
  border: 1px solid #fff;
  border-bottom-color: #000;
  height: 50px;
  margin-bottom: 0;
  padding: 15px 55px 15px 15px;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  line-height: 1.2;
  position: relative
}

.search-form {
  margin-bottom: 0
}

.filter-form {
  position: relative
}

.blog-content-holder {
  border-radius: .875rem;
  width: 60%
}

.featured-content-23 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--white);
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  width: 60%;
  margin-top: auto;
  padding: 50px 100px 50px 50px;
  display: flex;
  box-shadow: 0 7px 25px rgba(140, 150, 157, .2)
}

.dropdown-3 {
  display: block
}

.heading-1273 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2px
}

.tabs-holder {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 35px;
  display: flex
}

.plan-tabs {
  width: 100%
}

.plan-tab-menu {
  justify-content: center;
  display: flex
}

.plan-tab-link {
  color: #282876;
  background-color: transparent;
  border-radius: 50px;
  padding: 12px 20px;
  font-family: Poppins, sans-serif;
  font-weight: 500;
  line-height: 1.2;
  transition: all .3s
}

.plan-tab-link.w--current {
  color: #fff;
  background-color: #007ee5
}

.plan-tab-content,
.tabs-content-9 {
  width: 100%
}

.content-part {
  z-index: 20;
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  color: #000;
  text-align: left;
  justify-content: center;
  align-items: center;
  width: 320px;
  margin-top: -30px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%
}

.blue-banner {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #007ee5;
  background-image: url("");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border: 5px solid #fff;
  border-radius: 24px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 60px;
  padding-top: 65px;
  padding-bottom: 65px;
  display: flex
}

.bold-heading {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif
}

.bold-heading.alignment-center {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 28px;
  line-height: 1.2
}

.bold-heading.align-center {
  text-align: center
}

.schedule-button {
  color: var(--steel-blue);
  background-color: #fff;
  border-radius: 100px;
  padding: 16px 44px;
  font-family: Poppins, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
  transition: all .3s
}

.schedule-button:hover {
  transform: scale(.9)
}

.plan-holder {
  flex-direction: column;
  align-items: center;
  display: flex
}

.text-holder-link {
  color: #020202;
  text-decoration: none
}

.text-block-1308 {
  padding-top: 5px;
  padding-bottom: 5px
}

.price-tab-holder {
  flex-direction: column;
  align-items: center;
  display: flex
}

.text-holder---6 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: center;
  width: 70%;
  display: flex
}

.sub-head-text {
  color: #b4b6c1;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 5px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2
}

.pointers-holder {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: flex-start;
  display: flex
}

.cal_hero---section {
  background-image: url("");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 8rem;
  padding-bottom: 6rem
}

.main-container {
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
  display: flex
}

.main-container.bg-image {
  background-image: url("");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative
}

.main-container.bg-integration {
  z-index: 100;
  background-image: linear-gradient(#b1dcff, #fff);
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  position: -webkit-sticky;
  position: sticky;
  top: 0
}

.content---holder_1 {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: .8fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  width: 100%;
  display: grid
}

.text---holder_1 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex
}

.primary-heading_1 {
  color: #474d66;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.3
}

.primary-heading_1.white-small {
  color: #fff
}

.primary-heading_1.color-black {
  color: #fff
}

.primary-heading_1.color-black.alignment-center {
  text-align: center;

}

.primary-heading_1.color-blue {
  color: var(--steel-blue)
}

.primary-heading_1.white {
  color: #fff
}

.primary-heading_1.red {
  color: #f1352c
}

.primary-heading_1.red.small_-_center {
  text-align: center;
  font-size: 1.75rem
}

.primary-heading_1.yellow {
  color: #f9a400
}

.primary-heading_1.yellow.small_-_center {
  text-align: center;
  font-size: 1.75rem
}

.primary-heading_1.green {
  color: #008c44
}

.primary-heading_1.green.small_-_center {
  text-align: center;
  font-size: 1.75rem
}

.primary-heading_1.blue {
  color: #007ee5
}

.primary-heading_1.blue.small_-_center {
  text-align: center;
  font-size: 1.75rem
}

.primary-heading_1.dark_grey {
  color: #222
}

.primary-paragraph_2 {
  color: #007ee5;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none
}

.primary-paragraph_2.color-dark_grey {
  color: #555;
  line-height: 1.2
}

.primary-paragraph_2.color-dark_grey.bg {
  border: 1px solid var(--steel-blue);
  color: var(--steel-blue);
  border-radius: 20px;
  padding: .3rem .75rem;
  font-family: Poppins, sans-serif;
  font-weight: 500;
  line-height: 1.4
}

.primary-paragraph_2.white {
  color: #fff
}

.primary-paragraph_2.white.align-center {
  text-align: center
}

.button---holder_1 {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  align-items: center;
  margin-top: 1.5rem;
  display: flex
}

.primary-button_1 {
  color: #fff;
  text-align: center;
  background-color: #007ee5;
  border-radius: 4rem;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  font-family: Poppins, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.3;
  transition: all .3s;
  display: flex
}

.primary-button_1:hover {
  transform: scale(.9)
}

.primary-button_1.blue {
  margin-top: auto
}

.primary-button_1.blue:hover {
  transform: none
}

.primary-button_1.green {
  background-color: #008c44;
  margin-top: auto
}

.primary-button_1.yellow {
  background-color: #f9a400;
  margin-top: auto
}

.primary-button_1.red {
  background-color: #f1352c;
  margin-top: auto
}

.primary-button_2 {
  color: #007ee5;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d6d6d8;
  border-radius: 4rem;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  font-family: Poppins, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.3;
  transition: all .3s;
  display: flex
}

.primary-button_2:hover {
  transform: scale(.9)
}

.primary-button_2.white-text {
  color: #fff
}

.primary-button_2.yellow {
  color: #f9a400
}

.primary-button_2.green {
  color: #008c44
}

.primary-button_2.orange {
  color: #f9a400
}

.primary-button_2.dark-green {
  color: #008c44
}

.primary-button_2.red {
  color: #f0352c
}

.hero-img-holder {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: relative
}

.cal-hero {
  object-fit: cover;
  object-position: 50% 100%;
  border-radius: 1.5rem;
  width: 100%;
  height: 20rem;
  position: relative;
  overflow: hidden
}

.cross-icons {
  margin-top: 1.25rem;
  margin-left: 1.9rem;
  display: none;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto
}

.circle-block_1 {
  margin-top: -5rem;
  margin-left: -6rem;
  display: none;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto
}

.circle-block_2 {
  margin-top: -7rem;
  margin-right: 4rem;
  display: none;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%
}

.circle-block_3 {
  margin-bottom: -3.5rem;
  margin-left: -8rem;
  display: none;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto
}

.circle-block_4 {
  margin-bottom: -7.5rem;
  margin-right: 4rem;
  display: none;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%
}

.rating---section {
  padding-top: 4rem;
  padding-bottom: 7rem
}

.rating---grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid
}

.rating---box {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  align-items: center;
  display: flex
}

.rating-brand {
  object-fit: cover;
  width: auto;
  height: 1.5rem
}

.stars {
  width: auto;
  height: 1.4rem
}

.rating-text {
  color: #1c1934;
  text-align: center;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5
}

.text---holder_2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  align-items: center;
  margin-bottom: 3.5rem;
  display: flex
}

.primary-heading_2 {
  color: #2f363f;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 1.9rem;
  font-weight: 600;
  line-height: 1.4
}

.primary-heading_2.alignment-center {
  text-align: center
}

.primary-heading_2.color-blue,
.primary-heading_2.color-black {
  color: #000;
  font-size: 1.5rem
}

.primary-paragraph_1 {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5
}

.primary-paragraph_1.alignment-center {
  text-align: center
}

.primary-paragraph_1.alignment-center.color-grey {
  color: #3f434a
}

.primary-paragraph_1.white {
  color: #fff
}

.primary-paragraph_1.color-grey {
  color: #3f434a
}

.primary-paragraph_1.black {
  color: #000
}

.tailored---section {
  padding-bottom: 9rem
}

.tailored---section.less-margin {
  padding-bottom: 6rem
}

.coloured-bg {
  background-color: #007ee5;
  padding-top: 4rem;
  padding-bottom: 13rem
}

.coloured-bg.green {
  background-color: #008c44
}

.coloured-bg.orange {
  background-color: #f9a400
}

.content---holder_2 {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  grid-template-rows: auto;
  grid-template-columns: .8fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid
}

.text---holder_3 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex
}

.image-holder {
  flex-direction: column;
  display: flex;
  position: relative
}

.tailored-img {
  z-index: 2;
  object-fit: cover;
  object-position: 0% 0%;
  border-radius: 1.5rem;
  width: 100%;
  height: 25rem;
  position: relative
}

.tailored-img.invert-img {
  filter: invert()
}

.tailored---box_holder {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex
}

.tailored-content {
  z-index: 1;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: -6.5rem;
  display: grid;
  position: relative
}

.tailored-box {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #fff;
  border-radius: .75rem;
  flex-direction: column;
  align-items: center;
  padding: 2.5rem 1.8rem;
  display: flex;
  box-shadow: 0 4px 40px rgba(144, 144, 144, .25)
}

.tailored-box-head {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  align-items: center;
  display: flex
}

.sync-icon {
  background-color: #007ee5;
  border-radius: 100%;
  width: 3.5rem;
  height: 3.5rem;
  padding: 1rem
}

.sync-icon.green {
  background-color: #008c44
}

.sync-icon.orange {
  background-color: #f9a400
}

.primary-heading_3 {
  color: #007ee5;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.3
}

.primary-heading_3.alignment-center {
  text-align: center
}

.primary-heading_3.alignment-center.color-green {
  color: #f1aaf7
}

.primary-heading_3.alignment-center.color-orange {
  color: #f9a400
}

.primary-heading_3.color-black {
  color: #222
}

.primary-heading_3.small {
  font-size: 1rem
}

.interactive---section {
  padding-top: 3.4rem;
  padding-bottom: 5rem;
  display: none
}

.content---holder_3 {
  z-index: 2;
  grid-column-gap: 2.25rem;
  grid-row-gap: 2.25rem;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-image: radial-gradient(circle, #fff, rgba(255, 255, 255, 0));
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25rem;
  height: 25rem;
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
  position: relative;
  box-shadow: 0 0 50px #fff
}

.primary-heading_4 {
  color: #12022f;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2
}

.primary-heading_4.alignment-center {
  text-align: center
}

.primary-heading_4.blue {
  color: #007ee5
}

.side-wall {
  z-index: 1;
  background-image: linear-gradient(270deg, #fff, rgba(255, 255, 255, .75) 82%, rgba(255, 255, 255, 0));
  width: 30%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%
}

.side-wall-left {
  z-index: 1;
  background-image: linear-gradient(90deg, #fff, rgba(255, 255, 255, .75) 82%, rgba(255, 255, 255, 0));
  width: 30%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto
}

.integration-section {
  text-align: left;
  padding-top: 0;
  padding-bottom: 100px;
  font-family: Poppins, sans-serif
}

.cal-faq {
  padding-top: 50px;
  padding-bottom: 100px
}

.tailored-lottie {
  z-index: 3;
  border-radius: 1.5rem;
  width: 16rem;
  height: 12rem;
  margin-bottom: -2.5rem;
  margin-left: -10rem;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
  overflow: hidden
}

.enterprise-lottie {
  z-index: 3;
  background-color: #fff;
  border-radius: 1.5rem;
  width: 12rem;
  height: 8rem;
  margin-bottom: 1rem;
  margin-left: -8rem;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
  overflow: hidden;
  box-shadow: 0 0 30px rgba(0, 0, 0, .15)
}

.enterprise-lottie.redifining {
  height: 7rem
}

.body-19 {
  padding-top: 10px
}

.blog-category-image {
  object-fit: scale-down;
  width: 100%;
  height: 300px
}

.featured-products {
  padding-top: 50px
}

.content-holder {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  align-items: flex-start;
  width: 100%;
  margin-top: 50px;
  display: flex;
  position: relative;
  top: 0
}

.side-menu-holder {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  width: 415px;
  padding-top: 40px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0
}

.tab---box {
  color: #161616;
  background-color: rgba(221, 221, 221, 0);
  border: 1px solid #94c9f4;
  border-radius: 20px;
  width: 415px;
  padding: 0
}

.tab---box.w--current {
  background-color: #cce5f9;
  border: 4px solid #cce5f9;
  border-radius: 24px
}

.left-side-content {
  flex-direction: column;
  width: 100%;
  display: flex
}

.tab-data {
  background-image: linear-gradient(130deg, #026bc0, #007ee5);
  border-radius: 24px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 570px;
  margin-top: 40px;
  padding: 30px;
  display: flex;
  position: relative
}

.tab-box_content {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 15px;
  display: flex
}

.blog-text-holder {
  z-index: 10;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  width: 90%;
  padding-top: 20px;
  padding-bottom: 10px;
  display: flex;
  overflow: hidden
}

.upper-content {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex
}

.team-info-div {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: flex-end;
  display: flex
}

.text-block-1309 {
  color: #000;
  text-transform: uppercase;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5
}

.text-span-1332 {
  color: #007ee5;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5
}

.category-text {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: flex-end;
  display: flex
}

.continue-reding-text {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: center;
  display: flex
}

.text-block-1310 {
  color: var(--steel-blue);
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5
}

.blog-menu {
  z-index: 5;
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0
}

.columns-36 {
  display: block
}

.body-20 {
  background-image: url("");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover
}

.integration_hero---section {
  padding-top: 4rem;
  padding-bottom: 6rem
}

.content_holder---1 {
  grid-column-gap: 3.8125rem;
  grid-row-gap: 3.8125rem;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex
}

.text-holder_1 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: center;
  width: 45rem;
  display: flex
}

.button_holder---1.hide {
  display: none
}

.integration_tabs---section {
  border-bottom: 1px solid #007ee5;
  position: relative
}

.tab---content_holder {
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative
}

.integration---tab_link {
  color: #8ac5f6;
  background-color: rgba(221, 221, 221, 0);
  justify-content: center;
  align-items: center;
  padding: .6rem 1rem;
  font-family: Poppins, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  display: flex;
  position: relative
}

.integration---tab_link:visited {
  font-weight: 700
}

.integration---tab_link.w--current {
  color: #fff;
  background-color: rgba(221, 221, 221, 0);
  border-bottom: 2px solid #fff;
  font-size: 1.375rem;
  font-weight: 500
}

.integration---tab_menu {
  z-index: 3;
  background-color: #fff;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0
}

.side-bar {
  background-color: rgba(63, 67, 74, .67);
  width: 2px;
  height: 70%;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%
}

.search---bar-holder {
  z-index: 6;
  width: 95%;
  margin-bottom: 20px;
  position: relative
}

.search-bar-form {
  z-index: 6;
  width: 100%;
  margin-bottom: 0;
  position: relative
}

.search-bar-fom-block {
  width: 100%;
  position: relative
}

.search-bar---text-field {
  color: #3f434a;
  border-radius: .375rem;
  width: 100%;
  height: 3rem;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2
}

.search-bar---text-field::placeholder {
  color: #3f434a
}

.search-bar-img {
  margin-top: auto;
  margin-bottom: auto;
  margin-right: .875rem;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%
}

.search-bar---container {
  justify-content: flex-end;
  width: 100%;
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%
}

.integration---tabs_content {
  padding-top: 2rem;
  overflow: visible
}

.menu {
  z-index: 5;
  background-color: #fff;
  border-bottom: 1px solid #007ee5;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0
}

.menu-content {
  z-index: 2;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #007ee5;
  border-radius: 1.125rem;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: 1.25rem 4.5rem;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 20px
}

.menu-bar {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  display: flex
}

.integration---pane_content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .35fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative
}

.search-items-container {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative
}

.search-items---holder {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-top: 3.5rem;
  padding-bottom: 2.125rem;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 4rem
}

.form---holder {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex
}

.form-block-4 {
  width: 100%;
  margin-bottom: 0
}

.form-4 {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex
}

.radio-button {
  background-color: #a1cff5
}

.radio-button:hover,
.radio-button:active {
  background-color: #007ee5
}

.checkbox {
  background-color: #007ee5;
  margin-top: 0;
  margin-left: -1rem
}

.filter-checkbox {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #222;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  display: flex
}

.cms---container {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  padding-left: 1.875rem;
  display: flex
}

.individual-integration---box {
  grid-column-gap: .813rem;
  grid-row-gap: .813rem;
  border: 1px solid #cbcbcb;
  border-radius: .75rem;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 1.25rem .938rem;
  display: flex
}

.integration---logo {
  object-fit: cover;
  border-radius: 5px;
  width: 3.125rem;
  height: 3.125rem
}

.intergration---collections {
  width: 100%
}

.integration---cms_list {
  grid-column-gap: 1.875rem;
  grid-row-gap: 2.75rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid
}

.integration---cms_items {
  width: 100%;
  height: 100%
}

.text-span-1333 {
  color: #007ee5
}

.trouble-banner {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 2px solid rgba(0, 126, 229, .42);
  border-radius: 24px;
  align-items: flex-start;
  width: 100%;
  padding: 25px;
  display: flex
}

.trouble-banner---section {
  padding-top: 7rem;
  padding-bottom: 4rem;
  display: none
}

.text-holder---99 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-right: .5rem;
  display: flex
}

.link-71 {
  color: #000;
  letter-spacing: .5px;
  font-family: Poppins, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none
}

.text-span-1334 {
  margin-left: 3px;
  font-weight: 700
}

.category-holder {
  display: none
}

.integration-content---section {
  overflow-wrap: anywhere;
  padding-bottom: 7rem
}

.integration_individual---holder {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative
}

.content-left-side {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  width: 100%;
  display: flex
}

.content-right-side {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative
}

.image---holder {
  flex-direction: column;
  display: flex
}

.indiviual-thumbnail {
  object-fit: cover;
  border-radius: 6px;
  width: 100px;
  height: 100px
}

.text-container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  display: flex
}

.description-text---box {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex
}

.overview,
.features-text---box {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex
}

.integration---rcih-text {
  color: #000;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5
}

.integration---rcih-text p {
  color: #000;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.5
}

.integration---rcih-text h2 {
  color: #000;
  margin-top: 0;
  font-size: 28px;
  line-height: 1.2
}

.integration---rcih-text h4 {
  color: var(--dark-slate-grey);
  font-family: Poppins, sans-serif;
  font-size: 1.2rem;
  line-height: 1.2
}

.integration---rcih-text h3 {
  color: #000;
  margin-top: 0;
  font-size: 24px;
  line-height: 1.2
}

.integration---rcih-text h1 {
  color: #000;
  margin-top: 0;
  font-size: 32px;
  line-height: 1.2
}

.integration---rcih-text ol,
.integration---rcih-text ul,
.integration---rcih-text a {
  font-size: 16px
}

.integration_heading---holder {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex
}

.content---holder {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  width: 100%;
  display: flex
}

.text-container---right {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 14rem
}

.head {
  color: #333;
  font-family: Poppins, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1
}

.info-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex
}

.link-box {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  align-items: center;
  display: flex
}

.icons {
  height: 1.5rem
}

.integration---link-block {
  width: 100%;
  height: 100%;
  text-decoration: none
}

.menu---blog {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 110px auto;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-bottom: 8px;
  display: grid;
  overflow: scroll
}

.blogs_menu {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 110px 150px 140px 180px 170px 230px 170px 160px;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: grid;
  overflow: visible
}

.div-block-460 {
  width: 100%
}

.hero---content_holder {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
  display: flex
}

.test-integration {
  background-color: var(--steel-blue);
  border-radius: 6px;
  padding: 12px 20px;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 500
}

.div-block-462 {
  flex-direction: column;
  align-items: flex-start;
  display: flex
}

.button_holder {
  margin-top: 20px
}

.div-block-463 {
  flex-direction: column;
  align-items: flex-start;
  display: flex
}

.div-block-423-copy {
  background-color: var(--steel-blue);
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 55%;
  padding: 80px;
  display: flex
}

.image-125 {
  object-fit: cover;
  width: 24px;
  height: 24px
}

.faq-collection---wrapper {
  width: 100%;
  margin-top: 50px
}

.faq-collection---list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex
}

.faq-collection---item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex
}

.faq---paragraph {
  color: #161616;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 1.5
}

.faq---paragraph p {
  font-weight: 400
}

.lisence-div {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto
}

.cont-oofice {
  max-width: 90%
}

.checkboxes---holder {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex
}

.line---blue {
  z-index: 10;
  width: 100vw;
  height: 1px;
  margin-top: 4.1rem;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%
}

.integration_img-holder {
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative
}

.integration-img {
  z-index: 1;
  position: relative
}

.linear-bar {
  z-index: 2;
  background-image: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0));
  width: 9rem;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto
}

.linear-bar.right {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff);
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%
}

.dropdown-4 {
  overflow: visible
}

.text---container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: flex-start;
  display: flex
}

.image---holder_integration {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex
}

.link---box_holder {
  text-decoration: none
}

.about_hero {

  padding-top: 90px;
  padding-bottom: 100px;
  background: url(../images/inner-bg.png) bottom;
  background-size: cover;

}

.about_hero---wrap {
  grid-column-gap: 150px;
  grid-row-gap: 150px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex
}

.about_hero_text---wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: center;
  display: flex
}

.heading_holder---1 {
  width: 40rem
}

.paragraph_holder---1 {
  width: 30rem
}

.about_hero_img {
  width: 43.875rem;
  display: none
}

.about_images {
 background: #eff2f7;
  padding: 60px 0px;
  margin: 40px 0px;
}

.about_img_wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid
}

.about_img {
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 1.25rem;
  width: 100%;
  height: 24rem
}

.about_onehash {
  padding: 60px 0px;
}

.about_onehash_wrap {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex
}

.about_onehash_text---wrap {
  grid-column-gap: 35px;
 
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex
}

.paragraph_holder---2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex
}

.primary-paragraph_3 {
  color: #727272;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5
}

.primary-paragraph_3.alignment-center {
  text-align: center
}

.about_onehash_grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  overflow: hidden
}

.right_side_content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #367cde;
  flex-direction: column;
  align-items: flex-start;
  padding: 65px 40px 0;
  display: flex
}

.about_list {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  color: #fff;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  margin-bottom: 0;
  display: flex
}

.about_onehash_img {
  object-fit: cover;
  width: 100%;
  height: 40rem
}

.about_mission {
  background-color: #367cde;
  padding-top: 130px;
  padding-bottom: 130px;
  display: none
}

.about_mission_wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid
}

.mission_img_holder {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex
}

.about_mission_text---wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: grid
}

.mission_box {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 25px 23px 40px;
  display: flex
}

.mission_box._2nd {
  background-color: rgba(255, 255, 255, .3)
}

.number {
  color: #367cde;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  display: none
}

.number.white {
  color: #fff
}

.mission_head {
  color: #000;
  font-family: Poppins, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3
}

.mission_head.white {
  color: #fff
}

.mission_paragraph {
  color: #727272;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5
}

.mission_paragraph.white {
  color: #fff
}

.about_products {
  padding-top: 110px;
  padding-bottom: 110px
}

.about_product_wrap {
  grid-column-gap: 110px;
  grid-row-gap: 110px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex
}

.about_product_text---wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: center;
  display: flex
}

.logo_holder {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex
}

.onehash_logo {
  height: 36px
}

.product_text {
  color: #222;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.3
}

.product_text.white-small {
  color: #fff
}

.product_text.color-black {
  color: #222
}

.product_text.color-black.alignment-center {
  text-align: center
}

.product_text.color-blue {
  color: var(--steel-blue)
}

.product_text.white {
  color: #fff
}

.product_subhead {
  color: #000;
  text-align: center;
  font-family: Poppins, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.5
}

.about_product_grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid
}

.product_box {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  border: 2px solid #f1352c;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  padding: 30px 15px;
  display: flex
}

.product_box.yellow {
  border-color: #f9a400
}

.product_box.green {
  border-color: #008c44
}

.product_box.blue {
  border-color: #0080e5
}

.product-icon {
  border-radius: 18px;
  width: 90px;
  height: 90px
}

.crm_text {
  color: #000;
  text-align: center;
  font-family: Poppins, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3
}

.about_statistics {
  background-image: url("");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 136px;
  padding-bottom: 136px
}

.statistics_content---wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid
}

.statistics_box {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  align-items: center;
  display: flex
}

.statistics_paragraph {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5
}

.about_story {
  padding-top: 60px;
  padding-bottom: 50px
}

.about_story_wrap {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex
}

.our_story_img {
  width: 100%;
  height: auto
}

.divider_line {
  background-color: #007ee5;
  width: 100%;
  height: 4px;
  margin-top: 70px;
  margin-bottom: 100px;
  display: none
}

.paragraph_holder---3 {
  width: 65%
}

.about_team {
  padding-top: 50px;
  padding-bottom: 60px
}

.about_team_wrap {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex
}

.team_holder,
.team_cms {
  width: 100%
}

.team_cms_list {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid
}

.team_info_box {
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 20rem;
  display: flex;
  position: relative;
  overflow: hidden
}

.team_img {
  z-index: 1;
  object-fit: cover;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  width: 100%;
  height: 100%;
  position: relative
}

.team_gradient {
  z-index: 2;
  background-image: linear-gradient(rgba(0, 126, 229, .05), rgba(0, 126, 229, .7));
  width: 100%;
  height: 100%;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%
}

.team_name_box {
  z-index: 3;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  overflow: hidden
}

.team_member_name {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2
}

.team_member_designation {
  color: #fff;
  text-align: center;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3
}

.about_culture {
  padding-top: 60px;
  padding-bottom: 170px
}

.about_culture_wrap {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: .8fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid
}

.about_culture_text---wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex
}

.img_grid {
  grid-column-gap: 24px;
  grid-row-gap: 28px;
  grid-template-rows: auto auto;
  grid-template-columns: .55fr 1fr;
  grid-auto-columns: 1fr;
  display: grid
}

.img_1 {
  object-fit: cover;
  border-radius: 22px;
  width: 100%;
  height: 11rem
}

.img_2 {
  object-fit: cover;
  border-radius: 22px;
  width: 100%;
  height: 23.75rem
}

.about_cta {
  background-image: url("");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 60px;
  padding-bottom: 60px
}

.about_cta_wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  align-items: center;
  width: 35rem;
  display: flex
}

.button_link {
  text-decoration: none
}

.button_content {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  background-color: #007ee5;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 22px 40px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  transition: all .3s ease-in;
  display: flex
}

.button_content:hover {
  transform: scale(.9)
}

.button_icon {
  height: 16px
}

.about_address {
  background-color: #367cde;
  padding-top: 80px;
  padding-bottom: 80px;
  overflow: hidden
}

.about_address_wrap {
  grid-column-gap: 180px;
  grid-row-gap: 180px;
  grid-template-rows: auto;
  grid-template-columns: .65fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative
}

.about_address_text---wrap {
  flex-direction: column;
  align-items: flex-start;
  display: flex
}

.banner_head {
  z-index: 2;
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 58px;
  font-weight: 600;
  line-height: 1.3;
  position: relative
}

.address_block_holder {
  z-index: 2;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative
}

.address_block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border-radius: 15px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 25px 28px 40px;
  display: flex
}

.upper_block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  display: flex
}

.location_text {
  color: #000;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.1
}

.country_text {
  color: #367cde;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.1
}

.address_paragraph {
  color: #727272;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5
}

.building_img {
  z-index: 1;
  margin-bottom: -81px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto
}

.about-hero---grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  justify-items: center;
  display: flex;
  position: relative
}

.circle---part {
  object-fit: cover;
  transition: all .25s
}

.circle---part:hover {
  transform: scale(1.1)
}

.circle---part_scalable,
.circle---part_affordable,
.circle---part_efficient {
  object-fit: cover
}

.text-img {
  z-index: 1
}

.mission_block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-color: rgba(0, 0, 0, .3);
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 50px 32px 40px;
  display: flex
}

.mission_block._2nd {
  background-color: rgba(255, 255, 255, .3)
}

.mission_paragraph-2 {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5
}

.mission_paragraph-2.white {
  color: #fff
}

.mission_head-2 {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3
}

.mission_head-2.white {
  color: #fff
}

.content---wrap {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  width: 100%;
  display: grid
}

.reason---block {
  background-color: var(--steel-blue);
  border-radius: 20px;
  flex-direction: column;
  width: 100%;
  display: flex
}

.reason---heading {
  color: #fff;
  text-align: center;
  white-space: pre-wrap;
  word-break: normal;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 50px;
  font-family: Poppins, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  transition: all .25s;
  display: flex
}

.reason---answer.w--open {
  text-align: center;
  background-color: rgba(221, 221, 221, 0);
  margin-top: -30px;
  padding-bottom: 30px;
  padding-left: 50px;
  padding-right: 50px;
  position: static
}

.grid---wrap {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex
}

.content---wrap_2 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  width: 65%;
  display: grid
}

.reason---answer-2.w--open {
  text-align: center;
  background-color: rgba(221, 221, 221, 0);
  margin-top: -30px;
  padding-bottom: 30px;
  padding-left: 40px;
  padding-right: 40px;
  position: static
}

.hero---text {
  color: #f1352c;
  font-family: Poppins, sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 1.5
}

.hero---text.yellow {
  color: #f9a400;
  margin-top: -60px;
  margin-right: -70px
}

.hero---text.red {
  margin-top: -60px;
  margin-left: -35px
}

.hero---text.blue {
  color: #007ee5;
  margin-bottom: -60px;
  margin-left: -90px
}

.hero---text.green {
  color: #008c44;
  margin-bottom: -60px;
  margin-right: -70px
}

.text---holder {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  height: 50%;
  transition: all .2s;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto
}

.text---holder:hover {
  transform: scale(1.1)
}

.text---holder._2nd {
  align-items: flex-end;
  margin-left: 0;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%
}

.text---holder._3rd {
  justify-content: flex-end;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto
}

.text---holder._4th {
  justify-content: flex-end;
  align-items: flex-end;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%
}

.text---holder-2 {
  flex-direction: column;
  align-items: flex-end;
  width: 50%;
  height: 50%;
  margin-top: -60px;
  margin-left: -35px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%
}

.reason_wrap {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex
}

.reason_content_wrapper {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: none
}

.about_gallary {
  background-image: linear-gradient(150deg, rgba(0, 126, 229, 0), rgba(0, 126, 229, .2)), linear-gradient(150deg, rgba(241, 53, 44, .2), rgba(240, 177, 50, .2) 33%, rgba(0, 140, 68, .2) 66%, rgba(0, 126, 229, .2));
  padding-top: 65px;
  padding-bottom: 65px
}

.home_hero {
  background-image: url(../images/hero-bg.svg);
  background-position: 50% 65%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0px
}


.primary-container {
  width: 100%;
  max-width: 1440px;
  padding-left: 60px;
  padding-right: 60px;
}

.home_hero_wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex
}



.home_hero_grid {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .6fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
  align-items: center;
}

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

  .home_hero {
    margin-top: 50px;
  }
}

.hero_text_wrap {
  grid-column-gap: 20px;
  grid-row-gap: 6px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex
}


.primary---heading {
  color: var(--steel-blue);
  letter-spacing: -1.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.3;
  position: relative
}

.primary---heading.center_align {
  text-align: center
}

.primary---heading.white {
  color: #fff
}

.primary---heading.big {
  font-size: 48px
}

.primary---heading.small {
  font-size: 36px
}

.primary---heading.small.center_align.blue {
  color: #1d0d47
}

.paragraph_container_1 {
  width: 90%
}


.primary---paragraph_1 {
  color: #575757;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5
}

.primary---paragraph_1.neutral_color {
  color: #697586
}

.primary---paragraph_1.center_align {
  text-align: center
}

.primary---paragraph_1.center_align.blue_grey {
  color: #697586
}

.primary---paragraph_1.grey {
  color: #7b7b7b
}

.primary---paragraph_1.testimoni {
  color: #0d0d12;
  font-size: 18px;
  font-weight: 500
}

.primary---paragraph_1.small_blue_center {
  color: #697586;
  text-align: center;
  font-size: 14px
}

.new_body {
  font-family: Poppins, sans-serif;
  font-weight: 400
}

.button---container_1 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 15px;
  display: flex
}

.primary---button_1 {
  background-color: var(--steel-blue);
  color: var(--white);
  text-align: center;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 16px 36px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  transition: all .35s;
  display: flex
}
.p-15{
  margin-top: 10px;
}
.primary---button_1:hover {
  transform: scale(.9)
}

.primary---button_1.yellow {
  background-color: var(--orange)
}

.primary---button_1.green {
  background-color: var(--steel-blue);
}

.primary---button_1.red {
  background-color: var(--steel-blue);
}

.primary---button_1.white {
  color: var(--steel-blue);
  background-color: #fff
}

.primary---button_2 {
  border: 2px solid var(--steel-blue);
  color: var(--steel-blue);
  background-color: rgba(255, 255, 255, 0);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 16px 28px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  transition: all .35s;
  display: flex
}

.primary---button_2:hover {
  transform: scale(.9)
}

.primary---button_2.yellow {
  border-color: var(--orange);
  color: var(--orange)
}

.primary---button_2.green {
  border-color: var(--steel-blue);
  color: var(--heading);
}

.primary---button_1.green:hover {
  color: var(--white);
}

.primary---button_2.red {
  border-color: var(--steel-blue);
  color: var(--heading);
}

.primary---button_1.red:hover {
  color: var(--white);
}

.primary---button_2.white {
  color: #fff;
  border-color: #fff
}

.ratings_wrap {
  margin-top: 30px
}

.rating_container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: stretch;
  display: flex
}

.rating_block {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex
}

.rating_image {
  object-fit: scale-down;
  width: 42px;
  height: 42px
}

.rating_info {
  color: #1c1934;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  display: flex
}

.rating_stars {
  width: 92px;
  height: 19px
}

.line {
  background-color: #bababa;
  width: 1.5px
}

.hero_product---wrap {
  grid-column-gap: 26px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
  justify-content: center;
}

.products_wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex
}

.product_head {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 235px 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: grid
}

.product_head_text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--steel-blue);
  color: #3f434a;
  background-color: #e6f4ff;
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 10px 18px;
  font-size: 16px;
  line-height: 1.1;
  display: flex
}

.fire_icon {
  width: 24px;
  height: 24px
}

.line_1 {
  background-color: rgba(0, 126, 229, .5);
  background-image: none;
  width: 100%;
  height: 1px
}

.products_grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-right: 30px;
  display: grid;
  position: relative
}

.product_block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  display: flex;
  box-shadow: 0 4px 50px rgba(182, 182, 182, .3)
}

.product_icon {
  border-radius: 8px;
  width: 60px;
  height: 60px
}

.product_heading {
  color: #222;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.3
}

.product-paragraph {
  color: #3f434a;
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.5
}

.start_block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  display: flex
}

.start_block.green {
  color: var(--sea-green)
}

.start_block.yellow {
  color: var(--orange)
}

.start_block.red {
  color: var(--red)
}

.polygon {
  width: 14px;
  height: 15px
}

.side_line {
  background-color: rgba(0, 126, 229, .3);
  width: 1px;
  height: 100%;
  margin-top: -63px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%
}

.brands_loop {
  background-color: #e6f4ff;
  padding-top: 7px;
  padding-bottom: 7px;
  display: flex
}

.loop_container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 312px 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: grid
}

.text_wrap {
  color: #000;
  background-color: #fff;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  width: 312px;
  padding: 40px 40px 40px 100px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5
}

.brand_loop {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
  overflow: hidden
}

.brand_loop_marquee {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  flex: none;
  justify-content: flex-start;
  align-items: stretch;
  display: flex
}

.brand_image {
  flex: none;
  height: 48px
}

.product {
  /* padding-top: 120px; */
  padding-bottom: 80px;
  position: relative;
  font-family: Poppins, sans-serif
}

.shape2 {
  position: absolute;
  right: 0;
  top: -15%;
}

.lists {
  /* padding-top: 120px; */
  padding: 40px 0px;
  font-family: Poppins, sans-serif
}

.lists .col_grid {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  flex-wrap: wrap;

  display: flex;
}

.lists .col_grid .main_head {
  transition: 0.4s ease-in-out;
  flex-direction: column;
  align-items: center;
  width: 18%;
  display: flex;
  background: linear-gradient(#fff, #fffcfc 50%, #0b5cff 50%, #094bcf);
  background-size: 100% 200%;
  /*trasition effect for background*/
  border-radius: 15px 15px 0px 0px;
  padding: 20px 15px;
  margin: 1%;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
  position: relative;
  overflow: hidden;
}

/* .lists .col_grid .main_head::before{
  position: absolute;
  content: "";
  width:100%;
  height: 5px;
  bottom: 0;
  background:  var(--steel-blue);} */


.lists .col_grid .main_head .shape12 {
  position: absolute;
  right: 0;
  bottom: 0;
}

.lists .col_grid .main_head:hover img {
  transform: translateY(10px);
}

.lists .col_grid .shape12:hover img {
  transform: translateX(10px);
}

.lists .col_grid .main_head:hover {
  background-position: 100% 100%;
}

.shape10 {
  position: absolute;
  left: 1%;
  bottom: 10%;
  z-index: 9;
}

.rotateme {
  animation-name: rotateme;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes rotateme {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.lists .col_grid .main_head img {
  width: 80px;
  transition: 0.4s ease-in-out;
}

.lists .col_grid .main_head h4 {
  color: #222;
  font-size: 1rem;
  font-weight: 600;
  margin-top: 10px;
  text-align: center;
  transition: 0.4s ease-in-out;
}



@media (max-width:767px) {
  .lists .col_grid .main_head {
    width: 47%;
  }

  .lists .col_grid .main_head h4 {
    font-size: 0.875rem;
  }

  .shape10 {
    display: none;
  }
}

@media (max-width:480px) {
  .lists .col_grid .main_head img {
    width: 40px;
  }

  .lists .col_grid .main_head {
    padding: 10px;
  }
}

.lists .col_grid .main_head:hover h4 {
  color: #fff;
}

/* .lists .col_grid .main_head:hover img {
  filter: brightness(0) saturate(100%) invert(99%) sepia(47%) saturate(2%) hue-rotate(43deg) brightness(110%) contrast(100%);
} */

.product.first {
  padding-top: 20px
}

.product_wrap {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .8fr;
  grid-auto-columns: 1fr;
  display: grid
}

.product_wrap.flip {
  grid-template-columns: .8fr 1fr
}

.product_text_wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex
}

.product_image_wrap {
  justify-content: center;
  align-items: center;
  display: flex
}

.heading_block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex
}

.popularity_bar {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--steel-blue);
  text-transform: uppercase;
  background-color: #e6f4ff;
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  display: flex
}

.popularity_bar.yellow {
  color: var(--orange);
  background-color: #fef1d9
}

.popularity_bar.green {
  color: #000;
  background-color: #cdddff
}

.popularity_bar.red {
  color: #000;
  background-color: #cdddff;
}

.popularity_icon {
  width: 24px;
  height: 25px
}

.blue_span {
  color: var(--steel-blue)
}

.blue_span.bold {
  font-weight: 600
}

.list_holder {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex
}

.number_item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex
}

.number_tag {
  border: 2px solid var(--steel-blue);
  color: var(--steel-blue);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  display: flex
}

.number_tag.yellow {
  border-color: var(--orange);
  color: var(--orange)
}

.number_tag.green {
  border-color: var(--steel-blue);

  color: var(--heading)
}

.number_tag.red {
  border-color: var(--steel-blue);
  color: var(--heading)
}

.list_paragraph {
  color: #0d121c;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2
}

.yellow_span {
  color: var(--steel-blue);
}

.yellow_span.bold {
  font-weight: 600
}

.blue {
  color: var(--steel-blue);
}

.crmclr {
  color: #ff5d99;
  position: relative;
}

.crmclr::before {
  position: absolute;
  content: url(../images/dash.svg);
  bottom: -16px;
  width: 100%;
  left: -11px;
}

.erpclr {
  color: #d9aa08;
  position: relative;
}

.erpclr::before {
  position: absolute;
  content: url(../images/dash.svg);
  bottom: -16px;
  width: 100%;
  left: -11px;
}

.green_span {
  color: var(--steel-blue);
}

.green_span.bold {
  font-weight: 600
}

.red_span {
  color: var(--steel-blue);
}

.red_span.bold {
  font-weight: 600
}

.home_testimonials {
  padding-top: 40px;
  padding-bottom: 40px
}

.content---grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative
}

.certificate_banner {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  background-color: #f7f8f6;
  border-radius: 14px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 52px 30px;
  display: flex
}

.text_div {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--steel-blue);
  color: #3f434a;
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 34px 9px;
  font-size: 16px;
  line-height: 1.2;
  display: flex
}

.text_div.green {
  border-color: var(--sea-green);
  background-color: #d9eee3
}

.text-block-1311 {
  color: #3f434a;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5
}

.emoji_icon {
  font-size: 24px;
  line-height: 1.1
}

.secondary---heading {
  color: #222;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.4;
  position: relative
}

.secondary---heading.center_align {
  text-align: center
}

.certificate_awards---1 {
  width: 100%
}

.testimonial_wrap {
  width: 400px
}

.testimonial_slider {
  background-color: rgba(221, 221, 221, 0);
  width: 400px;
  height: 100%
}

.testimonial_slide {
  width: 100%;
  height: 100%
}

.right-arrow-6,
.left-arrow-6 {
  display: none
}

.testimoial_block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  /* border: 1px solid var(--steel-blue); */
  white-space: pre-wrap;
  word-break: normal;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 400px;
  padding: 24px;
  display: flex;
  background: #f7f8f6;
}

.client_details {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex
}

.client_image {
  object-fit: cover;
  border-radius: 100%;
  width: 82px;
  height: 82px
}

.client_name_wrap {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex
}

.client {
  color: #343434;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3
}

.client_designation {
  color: #969696;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  display: none
}

.testimonial_paragraph {
  color: #969696;
  line-height: 1.5
}

.rating {
  width: 147px;
  height: 27px;
  margin-top: auto
}

.testimonial---slide_nav {
  color: var(--steel-blue);
  margin-bottom: -40px;
  margin-left: -10px;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
  transform: scale(.5)
}

.mask-4 {
  width: 100%
}

.read_link {
  margin-top: 40px;
  color: #3f434a;
  justify-content: flex-end;
  align-items: center;

  line-height: 1.2;
  text-decoration: none;
  display: flex;
  position: relative;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
  grid-column-gap: 10px;
}

@media (max-width:767px) {
  .read_link {
    justify-content: center;
  }
}

.arrow_icon {
  width: 33px;
  height: 12px
}

.integrate {
  background-image: url("65d0dc0af85f5338fb40d93d_Integrate%20-%20BG.svg");
  background-position: 50% 15%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 60px;
  padding-bottom: 80px
}

.integrate---content_wrap {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex
}

.integrate---image {
  width: 100%
}

.heading_wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex
}

.button_wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex
}

.button_head {
  color: #222;
  text-align: center;
  line-height: 1.3
}

.featured {
  padding: 40px 0;

}

.bg2 {
  background: url(../images/shape10.svg) no-repeat right top #f7f7f7;
}

.featured .testimonial_wrapper {
  margin: 0 20px;
}

.all-inner-section .testimonial_box {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  width: 100%;
  margin-bottom: 30px;
  background: #fff;
  padding: 25px;
  border-radius: 20px;
  border: 1px solid #ededed;
}

.featured .testimonial_box {
  width: 100%;
  margin-bottom: 30px;
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(232, 238, 255, 1) 100%);
  padding: 30px;
  border-radius: 20px;
  border: 1px solid #ebebeb;
}

.featured .testimonial_box .pic-img,
.all-inner-section .testimonial_box .pic-img {
  display: flex;
  margin-bottom: 15px;
  align-items: center;
}

.featured .testimonial_box .pic-img img,
.all-inner-section .testimonial_box .pic-img img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-right: 15px;
  border: 3px solid #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;

}

.featured .testimonial_box .ratings,
.all-inner-section .testimonial_box .ratings {
  margin-top: 15px;
}

.featured .testimonial_box .ratings i,
.all-inner-section .testimonial_box .ratings i {
  color: goldenrod;
  font-size: 1.2rem;
}

.featured .testimonial_box .pic-img h5,
.all-inner-section .testimonial_box .pic-img h5 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--steel-blue);
}

.featured .testimonial_box .pic-img h5 small,
.all-inner-section .testimonial_box .pic-img h5 small {
  font-weight: 400;
  color: var(--dim-grey)
}

.featured h3 {
  text-align: center;
  margin-bottom: 10px;
}

.featured_content_wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex
}

.featured_grid_wrap {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex
}

.blog_full {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  grid-column-gap: 20px;
  grid-row-gap: 20px;


}

.single_blog {
  width: 31.3%;
  background: #e7e7e7;
  padding: 15px;
}

.fullbox {
  width: 100%;
  display: flex;
}

.fullbox .left {
  width: 60%;
}

.fullbox .left .calendar {
  position: relative;
  color: var(--steel-blue);
  font-size: 1rem;
}

.fullbox .left h4 {
  font-size: 1.5rem;
  color: #000;
  margin: 20px 0px;
  font-weight: 600;
}

.fullbox .right {
  width: 40%;
}

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

  .single_blog {
    width: 48%;
  }

  .fullbox .right {
    width: 100%;
  }

  .fullbox {
    flex-direction: column;
  }

  .fullbox .left {
    width: 100%;
  }
}

@media (max-width:530px) {
  .single_blog {
    width: 100%;
    grid-column-gap: 0px;
  }
}

.featured_grid_1 {
  background: #ebf0fa;
  width: 100%;
  display: grid;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border: 1px solid #d5d4d4;

}

.featured_image {
  object-fit: cover;

  width: 100%;
  background: var(--steel-blue);
  position: relative;
  transition: 0.4s all ease-in-out;


}

.featured_image img {
  transition: 0.4s all ease-in-out;
}

.featured_image .calendar {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #37393e;
  padding: 4px 10px;
  color: var(--white);
  font-size: 0.875rem;
}



.featured_content {
  width: 100%;

  padding: 15px
}

.featured_grid_1:hover img {
  opacity: 0.5;
}

.single_blog .featured_content {
  padding: 0;
  margin-top: 0;
  padding-top: 10px;
}
.policy {
width: 100%;
}
.policy h3{
text-align: left;
}
.policy h4{
  margin-top: 20px;
   font-size:18px;
  font-weight: 600;
 margin-bottom: 5px;
  
}

.policy ul{
  width: 100%;
  padding-left: 15px;
}
.policy ol{
  
  width: 100%;
  padding-left: 12px;
}
.policy ol li{
  padding: 5px 0;
  

}


.policy ul li{
  padding: 2px 0;
  list-style: disc;

}

.featured_content .primary---button_2 {
  background: var(--steel-blue);
  display: inline-flex;
  color: var(--white);
  padding: 8px 20px;
}

.single_blog .featured_content h4 {
  height: 47px;
}

.featured_content h4 {
  font-size: 1rem;
  color: #000;
  font-weight: 600;
  text-align: left;
  display: -webkit-box;
  height: 46px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0px 0px 10px 0px;

}

.featured_grid_2 {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid
}

.just_onehash {
  padding-top: 80px;
  padding-bottom: 150px;
  font-family: Poppins, sans-serif
}

.banner_wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background: rgb(11, 92, 255);
  background: linear-gradient(180deg, rgba(11, 92, 255, 1) 0%, rgba(80, 201, 195, 1) 100%);
  /* background: url(../images/shape7.png) no-repeat bottom center #000 ; 
  background-position: 92% 100%, 6% 0; */
  position: relative;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 50px 50px 100px;
  display: flex;
  position: relative;
  overflow: hidden;
  z-index: 1;

}

.banner_wrap::before {
  content: url(../images/shape7.png);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.banner_wrap .logoftr {
  width: 200px;
}

@media (max-width:767px) {
  .banner_wrap .logoftr {
    width: 120px;
  }
}


.onehash---icon {
  width: 200px;
  height: 76px
}

.heading_wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex
}

.sub_para {
  color: #cdd5df;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.5
}

.bookmark_wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex
}

.bookmark_block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #e6f4ff;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  line-height: 1.5;
  display: flex
}

.bookmark---icon {
  width: 24px;
  height: 24px
}

.footer_section {
  display: none
}

.footer---wrap {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  flex-direction: column;
  width: 100%;
  display: flex
}

.footer_line {
  background-image: linear-gradient(90deg, rgba(34, 34, 34, .2), #222 50%, rgba(34, 34, 34, .2));
  width: 100%;
  height: 2px
}

.footer_content {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto auto;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid
}

.footer-content---grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 30px;
  display: grid
}

.footer-address---box {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex
}

.image_holder {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex
}

.onehash---image {
  width: 153px;
  height: 44px
}

.address-paragraph {
  color: #3f434a;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.5
}

.address-paragraph.blue_-_semibold {
  color: var(--steel-blue);
  font-weight: 600
}

.content_block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  display: flex
}

.footer_content_box {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex
}

.footer---head {
  color: var(--steel-blue);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5
}

.footer_link_block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex
}

.footer_text---link {
  color: #3f434a;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none
}

.footer_text---link:hover {
  color: #007ee5
}

.social_link {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #3f434a;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  display: flex
}

.social---image {
  width: 24px;
  height: 24px
}

.license_wrap {
  background-color: #e6f4ff;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px
}

.license-paragraph {
  color: #3f434a;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5
}

.awards_wrap {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex
}

.certificate_awards---2,
.certificate_awards---3,
.certificate_awards---4,
.certificate_awards---5,
.certificate_awards---6,
.certificate_awards---7,
.certificate_awards---8,
.certificate_awards---9 {
  width: 100%
}

.certificate_slider {
  background-color: rgba(221, 221, 221, 0);
  width: 100%;
  height: auto
}

.certificate_slide {
  width: 100%;
  height: auto
}

.right-arrow-7,
.left-arrow-7,
.slide-nav-7 {
  display: none
}

.integration---slider {
  background-color: rgba(221, 221, 221, 0);
  width: 100%;
  max-width: 1175px;
  height: auto;
  margin-left: auto;
  margin-right: auto
}

.inegration---slide {
  width: 100%;
  height: auto
}

.right-arrow-8,
.left-arrow-8,
.slide-nav-8 {
  display: none
}

.product_block_link {
  text-decoration: none
}

.product-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 22px;
  transition: all 0.4s ease-in-out;
  display: flex;
  box-shadow: 6px 6px 25px rgba(140, 150, 157, .16);
  border: 1px solid #c1bcbc;
}

.product-block:hover {
  background-color: #e2f2ff
}

/* .product-block.litered:hover {
  background-color: #f7bcd4
} */
.product-block.litered {
  background: rgb(247, 188, 212);
  background: linear-gradient(90deg, rgba(247, 188, 212, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.product-block.litered:hover {
  background: rgb(247, 188, 212);
  background: linear-gradient(90deg, rgba(247, 188, 212, 1) 0%, rgba(255, 255, 255, 1) 200%);
}

/* .product-block.blue:hover {
  background-color: #ffe179
} */
.product-block.blue {
  background: rgb(255, 225, 121);
  background: linear-gradient(90deg, rgba(255, 225, 121, 1) 0%, rgba(255, 255, 255, 1) 100%);

}

.product-block.blue:hover {
  background: linear-gradient(90deg, rgba(255, 225, 121, 1) 0%, rgba(255, 255, 255, 1) 200%);
}

/* .product-block.liteblue:hover {
  background-color: #afc6f9
} */
.product-block.liteblue {
  background: rgb(175, 198, 249);
  background: linear-gradient(90deg, rgba(175, 198, 249, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.product-block.liteblue:hover {
  background: rgb(175, 198, 249);
  background: linear-gradient(90deg, rgba(175, 198, 249, 1) 0%, rgba(255, 255, 255, 1) 200%);
}

/* .product-block.litegreen:hover {
  background-color: #51dfc7
} */
.product-block.litegreen {
  background: rgb(81, 223, 199);
  background: linear-gradient(90deg, rgba(81, 223, 199, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.product-block.litegreen:hover {
  background: rgb(81, 223, 199);
  background: linear-gradient(90deg, rgba(81, 223, 199, 1) 0%, rgba(255, 255, 255, 1) 200%);
}

.product_img {
  object-fit: cover;
  border-radius: 10px;
  width: 70px;
  height: 66px;
  border: 2px solid #fff;
  border-radius: 50%;
}

.product_info {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex
}

.product---head {
  color: #222;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.3
}

.heading_holder {
  max-width: 550px
}

.button_wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: stretch;
  display: flex
}

.cms_holder {
  margin-top: 50px;
  display: block
}

.testimonial---list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid
}

.paragraph-testimonial {
  color: #969696;
  line-height: 1.5
}

.span {
  font-size: 12px;
  font-weight: 400
}

.button---link {
  flex-direction: row;
  text-decoration: none;
  display: flex
}

.button---wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 10px;
  display: flex
}

.ratings_-_button_wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex
}

.ratings_-_button_wrap-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: none
}

.product---hero {
  background-image: url("65d0dabe34ce64dccbfdacf8_Hero_BG.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 80px;
  padding-bottom: 80px;
  font-family: Poppins, sans-serif
}

.product---text_wrap {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 780px;
  margin-left: auto;
  margin-right: auto;
  display: flex
}

.paragraph---wrap {
  width: 700px
}

.product---hero_wrap {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex
}

.product---grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid
}

.product---block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px;
  display: flex;
  box-shadow: 0 4px 50px rgba(182, 182, 182, .25)
}

.icon---product {
  object-fit: cover;
  object-position: 60% 50%;
  border-radius: 5px;
  width: 60px;
  height: 60px
}

.icon---product.green {
  background-color: #008c44
}

.icon---product.blue {
  background-color: #0080e5
}

.text---box {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex
}

.product---head-2 {
  color: #222;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3
}

.product---para {
  color: #222;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5
}

.product---link {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--steel-blue);
  justify-content: flex-start;
  align-items: center;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  display: flex
}

.product---link.green {
  color: var(--sea-green)
}

.product---link.yellow {
  color: var(--orange)
}

.product---link.red {
  color: var(--red)
}

.icon---play {
  width: 13px;
  height: 15px
}

.product---features {
  padding-top: 120px;
  padding-bottom: 120px;
  font-family: Poppins, sans-serif
}

.product---features.product_section_hide {
  display: none
}

.product---feature_wrap {
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: .3fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid
}

.feature---menu {
  border-right: 1px solid #e6f4ff;
  flex-flow: column;
  display: flex;
  position: relative
}

.features---blocks {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 50px
}

.feature---link {
  z-index: 2;
  color: #8a8a8a;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  transition: all .3s;
  position: relative
}

.feature---link:hover {
  color: var(--steel-blue)
}

.feature---link.w--current {
  color: var(--steel-blue);
  font-size: 20px;
  font-weight: 500
}

.feature---link.mobile,
.feature---link.mobile.w--current {
  display: none
}

.features---wrapper {
  border-top: 1px solid #e6f4ff;
  flex-flow: column;
  width: 100%;
  padding-top: 40px;
  display: flex
}

.features---div {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  border-bottom: 1px solid #e6f4ff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 40px;
  padding-bottom: 80px;
  padding-left: 50px;
  display: flex
}

.features---div.hide {
  display: none
}

.features---head {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--steel-blue);
  text-transform: uppercase;
  background-color: rgba(0, 126, 229, .15);
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 20px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  display: flex
}

.features---head.red {
  color: #f64d00;
  background-color: rgba(255, 188, 153, .2)
}

.feature---icon {
  width: 24px;
  height: 24px
}

.features---grid {
  grid-column-gap: 20px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid
}

.features---grid._2nd {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr
}

.features---box {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  transform-style: preserve-3d;
  background-color: #fff;
  border: 1px solid #e6f4ff;
  border-radius: 12px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px;
  transition: all .4s;
  display: flex;
  position: relative
}

.features---box:hover {
  border-color: var(--steel-blue);
  transform: translateZ(10px);
  box-shadow: 0 4px 50px rgba(182, 182, 182, .25)
}

.features---box.yellow {
  border-color: #fef1d9
}

.features---box.yellow:hover {
  border-color: var(--orange)
}

.features---box.red {
  border-color: #fde1df
}

.features---box.red:hover {
  border-color: var(--red)
}

.features---box.green {
  border-color: #d9eee3
}

.features---box.green:hover {
  border-color: var(--sea-green)
}

.feature---tag {
  color: var(--steel-blue);
  text-transform: uppercase;
  background-color: #e6f4ff;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 6px;
  padding: 6px 22px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%
}

.feature---tag.yellow {
  color: var(--orange);
  background-color: #fef1d9
}

.feature---tag.red {
  color: var(--red);
  background-color: #fde1df
}

.feature---tag.green {
  color: var(--sea-green);
  background-color: #d9eee3
}

.product---link_block {
  perspective: 1000px;
  text-decoration: none
}

.heading---wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 600px;
  display: flex
}

.small---heading {
  color: #222;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2
}

.block---feature {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 60px;
  display: flex;
  position: relative
}

.block---feature.hide {
  display: none
}

.feature---link_gradient {
  z-index: 1;
  border-right: 2px solid var(--steel-blue);
  background-image: linear-gradient(-90deg, #e2f2ff, rgba(255, 255, 255, 0) 80%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%
}

.img---wrapper {
  justify-content: center;
  align-items: center;
  display: flex
}

.cal---hero_grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .74fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid
}

.cal---text_wrap_1 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex
}

.cal---heading_wrap_1 {
  max-width: 550px
}

.rating_line {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  display: flex
}

.star---img {
  width: 90px;
  height: 18px
}

.rating---para {
  color: #1c1934;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5
}

.rating---img {
  width: 100px;
  height: 24px
}

.cal---img {
  width: 100%;
  height: 400px
}

.cal---hero {
  padding-top: 80px;
  padding-bottom: 90px;
  font-family: Poppins, sans-serif
}

.body---img {
  background-image: url("65d0dabe34ce64dccbfdacf8_Hero_BG.svg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 1440px 900px
}

.trusted---section {
  padding-top: 64px;
  padding-bottom: 64px;
  font-family: Poppins, sans-serif
}

.trsuted---content_wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex
}

.trusted---text_wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex
}

.trusted---grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid
}

.trusted---grid.variation {
  background-color: #e6f4ff;
  border-radius: 26px;
  align-items: center;
  justify-items: center;
  width: 100%;
  padding: 30px 50px
}

.trusted---brand_logo {
  height: 90px
}

.cal---sign_up {
  background-color: #e6f4ff;
  height: 2200px;
  padding-top: 100px;
  padding-bottom: 50px;
  font-family: Poppins, sans-serif;
  position: relative
}

.cal_sign---grid {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  justify-items: stretch;
  display: grid;
  position: relative
}

.left---content_placer {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex
}

.right---content_placer {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  display: flex
}

.sign_up---text_wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex
}

.sign_up---button_holder {
  margin-top: 15px
}

.sign_up---block {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  padding: 25px;
  display: flex
}

.siign_up---img_holder {
  width: 100%;
  height: 300px
}

.sign_up---img {
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  height: 100%
}

.sing_up---step {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 68px 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: grid
}

.sing_up---no {
  color: #000;
  border: 1px solid #dfdfdf;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 68px;
  height: 68px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  display: flex
}

.step---details {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex
}

.singup---head {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  line-height: 1.3
}

.cal---embed {
  padding-top: 130px;
  padding-bottom: 100px;
  font-family: Poppins, sans-serif
}

.cal_embed---wrap {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative
}

.cal---text_wrap_2 {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 570px;
  display: flex;
  position: relative
}

.embed---facts {
  background-color: var(--steel-blue);
  background-image: url("");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 14px;
  justify-content: space-around;
  align-items: center;
  width: 80%;
  padding: 55px;
  display: flex
}

.fact---heading {
  color: #eef2f6;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: .8
}

.small---fact {
  font-size: 14px;
  font-weight: 400
}

.fact---divider {
  background-color: #eef2f6;
  border-radius: 2px;
  width: 2px;
  height: 70px
}

.circle---1 {
  background-color: #ffc046;
  border-radius: 100%;
  width: 26px;
  height: 26px;
  margin-top: -50px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto
}

.circle---2 {
  background-color: #008eff;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  margin-top: 90px;
  margin-left: 120px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto
}

.circle---3 {
  background-color: #f64d00;
  border-radius: 100%;
  width: 9px;
  height: 9px;
  margin-top: 35px;
  margin-left: 230px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto
}

.circle---4 {
  background-color: #45c646;
  border-radius: 100%;
  width: 19px;
  height: 19px;
  margin-top: -10px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%
}

.circle---5 {
  background-color: #ffc046;
  border-radius: 100%;
  width: 18px;
  height: 18px;
  margin-top: 90px;
  margin-right: 140px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%
}

.cal---possibilities {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 120px;
  font-family: Poppins, sans-serif;
  display: flex;
  position: relative
}

.cal---possibility_wrap {
  z-index: 2;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative
}

.cal---text_wrap_3 {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 600px;
  display: flex;
  position: relative
}

.cal_possibility---grid {
  z-index: 2;
  grid-column-gap: 20px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative
}

.cal---block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  display: flex
}

.cal---block.shadow {
  box-shadow: 0 5px 50px rgba(182, 182, 182, .25)
}

.cal---icon_1 {
  border-radius: 8px;
  width: 60px;
  height: 60px
}

.cal---head {
  color: #222;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2
}

.cal---head.medium {
  font-weight: 500
}

.cal---text_block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex
}

.gradient---bg {
  filter: blur(400px);
  background-color: rgba(0, 126, 229, .3);
  border-radius: 100%;
  width: 80%;
  height: 400px;
  margin-top: 300px;
  margin-left: auto;
  margin-right: auto;
  position: absolute
}

.cal---testimonial {
  padding-top: 50px;
  padding-bottom: 130px;
  font-family: Poppins, sans-serif
}

.cal---testimonial_wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex
}

.cal--testimonial_text_wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 490px;
  display: flex
}

.testimonial---head {
  color: var(--steel-blue);
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3
}

.testimonial---grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid
}

.testimonial---block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px;
  display: flex
}

.tect---wrap_testimoni {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex
}

.head-box {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #666d80;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  display: flex
}

.image-127 {
  width: 108px;
  height: 20px
}

.client---block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  margin-top: auto;
  display: flex
}

.testimonial---img {
  border-radius: 100%;
  width: 48px;
  height: 48px;
  display: none
}

.detail---text {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex
}

.client--name_testimonial {
  color: #0e1012;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2
}

.text-block-1312 {
  color: #566171;
  font-weight: 400;
  line-height: 1.2
}

.cal---product_img {
  border: 6px solid #efefef;
  border-radius: 10px
}

.cal---product_grid {
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: Poppins, sans-serif
}

.product_grid---cal {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid
}

.cal---intergration {
  padding-top: 90px;
  padding-bottom: 90px;
  font-family: Poppins, sans-serif
}

.cal---integration_wrap {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex
}

.cal---integration_text_wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 550px;
  display: flex
}

.cal---button_wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 830px;
  display: flex
}

.cal---button_wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: stretch;
  display: flex
}

.cal---integration_holder {
  grid-column-gap: 24px;
  grid-row-gap: 64px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid
}

.cal---integration_block {
  padding-top: 24px
}

.block---content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #f8fafb;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 32px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex
}

.brand---logo {
  width: 64px;
  height: 64px;
  margin-top: -30px
}

.testimonial_grid_holder {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex
}

.more---div {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  display: none
}

.vector-arrow {
  width: 15px;
  height: 15px;
  transform: rotate(180deg)
}

.cal---preview_container {
  width: 100%;
  height: 90vh;
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
  overflow: hidden
}

.left_content_wrap {
  flex-flow: column;
  padding-top: 130px;
  display: flex
}

.login-btn {
  color: var(--white);
  background-color: #0080e5;
  border-radius: 20px;
  padding-left: 24px;
  padding-right: 24px;
  font-weight: 500
}

.account-btn {
  background-color: var(--steel-blue);
  border-radius: 20px;
  margin-right: 12px
}

.acnt-btn {
  border: 1.5px solid var(--steel-blue);
  background-color: var(--white);
  color: var(--steel-blue);
  border-radius: 100px;
  margin-right: -184px;
  font-weight: 600
}

.sso_btns {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex
}

.sso_btns.hide_navmenu {
  display: none
}

.login_btn {
  background-color: var(--steel-blue);
  border-radius: 20px;
  font-weight: 500
}

.div-block-464 {
  align-items: center;
  display: flex
}

.div-block-464.hide_navmenu {
  display: none
}

.dropdown-toggle-11 {
  padding-right: 20px
}

.dropdown-toggle-12 {
  padding: 10px
}

.dropdown-list-19 {
  background-color: #edeff5
}

.dropdown-list-19.w--open {
  background-color: #fff;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 3px 5px -1px rgba(207, 206, 206, .81)
}

.dropdown-list-20 {
  background-color: #fff
}

.dropdown-list-20.w--open {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px
}

.text-block-1313 {
  font-weight: 500
}

.link-block-71 {
  color: #fff;
  background-color: #007ee5;
  border-radius: 30px;
  padding: 8px 16px 9px;
  text-decoration: none
}

.dropdown-link-15,
.dropdown-link-6,
.dropdown-link-16 {
  color: #474d66
}

.dropdown-link-16:hover {
  background-color: #edeff5
}

.hero-feature {
  background-image: url("");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 100px;
  padding-bottom: 60px
}

.feature---content_wrap_1 {
  grid-column-gap: 75px;
  grid-row-gap: 75px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex
}

.feature---text_wrap_1 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 900px;
  display: flex
}

.feature---heading_1 {
  color: #1d1d1d;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 50px;
  font-weight: 600;
  line-height: 1.3
}

.feature---heading_1.center_align {
  text-align: center
}

.feature---paragraph_1 {
  color: rgba(35, 35, 35, .6);
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5
}

.feature---paragraph_1.center_align {
  text-align: center
}

.feature---paragraph_1.center_align.medium {
  font-weight: 500
}

.feature---paragraph_1.black {
  color: #000;
  font-size: 20px
}

.feature---para_wrap_1 {
  width: 650px
}

.feature---button {
  color: #fff;
  background-color: #007ee5;
  border-radius: 100px;
  padding: 14px 50px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  transition: all .3s
}

.feature---button:hover {
  transform: scale(.9)
}

.feature---img_holder {
  width: 673px;
  margin-top: -30px
}

.feature---hero_img {
  object-fit: cover;
  width: 100%;
  height: 450px
}

.member-feature {
  padding-top: 50px;
  padding-bottom: 100px
}

.feature---content_wrap_2 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex
}

.feature---text_wrap_2 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 950px;
  display: flex
}

.feature---heading_2 {
  color: #1d1d1d;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 46px;
  font-weight: 600;
  line-height: 1.3
}

.feature---heading_2.center_align {
  text-align: center
}

.member-grid {
  grid-column-gap: 30px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid
}

.member-box {
  background-image: url("");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #bfdff8;
  border-radius: 30px;
  flex-flow: column;
  display: flex;
  overflow: hidden
}

.img_member_holder {
  height: 300px
}

.member_img {
  object-fit: cover;
  width: 100%;
  height: 100%
}

.member-box-text {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 25px;
  display: flex
}

.block {
  color: #fff;
  text-align: center;
  background-color: #007ee5;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 14px 18px;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  display: flex
}

.feature---paragraph_2 {
  color: #000;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.5
}

.feature---paragraph_2.center_align {
  text-align: center
}

.choose-feature {
  background-image: url("");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 100px;
  padding-bottom: 100px
}

.feature---content_wrap_3 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex
}

.feature---text_wrap_3 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex
}

.text-banner {
  color: #007ee5;
  background-color: #fff;
  border: 1px solid #007ee5;
  border-radius: 14px;
  padding: 10px 50px;
  font-family: Poppins, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5
}

.reasons_wrapper {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  width: 100%;
  display: flex
}

.block-reason {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border: 1px solid rgba(0, 126, 229, .25);
  border-radius: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .6fr;
  grid-auto-columns: 1fr;
  padding: 50px;
  display: grid
}

.block-reason.flip {
  grid-template-columns: .6fr 1fr
}

.img-holder {
  justify-content: center;
  align-items: center;
  display: flex
}

.reason---text_wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex
}

.reason---head {
  color: #1d1d1d;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.3
}

.reason-img {
  box-shadow: 14px 14px 17px rgba(0, 0, 0, .04)
}

.comparision-features {
  background-image: url("");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 60px;
  padding-bottom: 50px
}

.feature---content_wrap_4 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex
}

.feature---text_wrap_4 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex
}

.comparision---div {
  background-color: #fff;
  border: 2px solid #e4e4e4;
  border-radius: 60px;
  flex-flow: column;
  width: 100%;
  display: flex;
  overflow: hidden
}

.header {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 2px solid #e4e4e4;
  grid-template-rows: auto;
  grid-template-columns: 1fr .6fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  justify-items: start;
  width: 100%;
  padding: 35px 40px 30px;
  display: grid
}

.feature---head {
  color: #000;
  font-family: Poppins, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2
}

.feature---head.light {
  font-weight: 300
}

.side-header {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  justify-items: stretch;
  display: grid
}

.comparision---features {
  flex-flow: column;
  padding: 30px 20px;
  display: flex
}

.comparision-block {
  grid-template-rows: auto;
  grid-template-columns: 1fr .3fr .3fr;
  grid-auto-columns: 1fr;
  align-items: center;
  justify-items: start;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 20px;
  display: grid
}

.comparision-block.blue {
  background-color: rgba(245, 246, 248, .6)
}

.tick-cross-img {
  width: 40px;
  height: 40px
}

.signup_btn {
  border: 1.5px solid var(--steel-blue);
  background-color: var(--white);
  color: var(--steel-blue);
  border-radius: 100px;
  font-weight: 600
}

.signup_btn.left_padding_lbtn {
  margin-right: 12px
}

.all-inner-section {
  padding-top: 50px;
  padding-bottom: 100px;
}

@media screen and (min-width:1440px) {

  .div-block-19,
  .license-notice {
    padding-left: 4rem;
    padding-right: 4rem
  }

  .div-block-433 {
    padding-top: 50px
  }

  .primary-container---01 {
    padding-left: 80px;
    padding-right: 80px
  }

  .pricing---heading---01 {
    font-size: 42px
  }

  .pricing---heading---01.alignment-center {
    font-size: 48px
  }

  .pricing---text-block---01 {
    font-size: 16px
  }

  .pricing---heading---03 {
    font-size: 56px
  }

  .trouble-text {
    font-size: 24px
  }

  .dropdown-toggle-10 {
    height: 85px
  }

  .banner-sub-head {
    font-size: 27px
  }

  .feature-div {
    margin-top: 60px
  }

  .pricing-heading---05 {
    font-size: 68px
  }

  .heading-holder---07,
  .slider-holder {
    width: 1140px
  }

  .slide---01 {
    margin-right: 30px
  }

  .user-testimonial-div {
    padding: 34px
  }

  .user-profile-div {
    grid-column-gap: 20px;
    grid-row-gap: 20px
  }

  .user-dp {
    height: 72px
  }

  .text-block-1303 {
    font-size: 18px
  }

  .heading---03 {
    font-size: 28px
  }

  .pricing---heading---07 {
    font-size: 36px
  }

  .form---01 {
    padding: 30px
  }

  .form-heading---01 {
    font-size: 20px
  }

  .heading---small {
    font-size: 22px
  }

  .mask-2 {
    height: 440px
  }

  .text-holder---1 {
    margin-bottom: 40px
  }

  .primary-container---02 {
    padding-left: 100px;
    padding-right: 100px
  }

  .featured-content {
    padding-right: 100px
  }

  .featured-blog-img {
    width: 500px;
    height: 350px
  }

  .blog-image-holder---02 {
    height: 360px
  }

  .blogs-pane-content {
    padding-top: 70px
  }

  .blog-image-holder---04 {
    height: 270px
  }

  .right-div-2 {
    padding-top: 30px
  }

  .footer-container {
    padding-left: 100px;
    padding-right: 100px
  }

  .category-blog-content {
    padding-top: 120px
  }

  .blog-individual-cover-image {
    height: 530px
  }

  .blog-cover-img-holder {
    height: 260px
  }

  .text-holder---2 {
    grid-row-gap: 50px;
    padding-bottom: 30px
  }

  .featured-content-23 {
    padding-right: 100px
  }

  .plan-tab-link {
    font-size: 16px
  }

  .bold-heading {
    font-size: 36px
  }

  .schedule-button {
    font-size: 17px
  }

  .main-container {
    padding-left: 4rem;
    padding-right: 4rem
  }

  .content---holder_1 {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem
  }

  .primary-heading_1 {
    font-size: 3rem;
    line-height: 1.3
  }

  .primary-heading_1.white-small {
    font-size: 2.625rem
  }

  .primary-paragraph_2 {
    font-size: 1.125rem
  }

  .primary-button_1,
  .primary-button_2 {
    font-size: 1rem
  }

  .cal-hero {
    height: 25rem
  }

  .rating---section {
    padding-top: 5rem;
    padding-bottom: 9rem
  }

  .primary-heading_2,
  .primary-heading_2.color-blue.large,
  .primary-heading_2.color-black.large {
    font-size: 2rem
  }

  .tailored---section {
    padding-bottom: 11.8rem
  }

  .tailored---section.less-margin {
    padding-bottom: 7rem
  }

  .coloured-bg {
    padding-top: 4rem;
    padding-bottom: 13rem
  }

  .tailored-img {
    width: 100%;
    height: 28rem
  }

  .tailored-box {
    padding-left: 2.188rem;
    padding-right: 2.188rem
  }

  .primary-heading_3,
  .primary-heading_3.small {
    font-size: 1.25rem
  }

  .interactive---section {
    padding-bottom: 6rem
  }

  .content---holder_3 {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    width: 30rem;
    height: 30rem;
    padding-left: 5rem;
    padding-right: 5rem
  }

  .primary-heading_4 {
    font-size: 2.25rem
  }

  .tailored-lottie {
    width: 16rem;
    height: 15rem;
    margin-bottom: -3rem;
    margin-left: -10rem
  }

  .enterprise-lottie {
    width: 17rem;
    height: 10rem;
    margin-left: -11rem
  }

  .enterprise-lottie.redifining {
    height: 10rem
  }

  .blog-category-image {
    height: 355px
  }

  .blog-text-holder {
    grid-row-gap: 50px;
    padding-bottom: 30px
  }

  .text-holder_1 {
    width: 53rem
  }

  .integration---tab_link {
    font-size: 1.375rem
  }

  .integration---tab_link.w--current {
    font-size: 1.5rem
  }

  .menu-content {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
  }

  .integration---pane_content {
    grid-template-columns: .4fr 1fr
  }

  .search-items---holder {
    top: 6rem
  }

  .link-71 {
    font-size: .875rem
  }

  .integration_individual---holder {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem
  }

  .integration---rcih-text p,
  .integration---rcih-text ol,
  .integration---rcih-text ul,
  .integration---rcih-text a {
    font-size: 18px
  }

  .text-container---right {
    top: 16rem
  }

  .hero---content_holder {
    padding-top: 2rem;
    padding-bottom: 2rem
  }

  .faq-collection---wrapper {
    width: 100%
  }

  .cont-oofice {
    max-width: 1440px;
    padding-left: 4rem;
    padding-right: 4rem
  }

  .linear-bar {
    width: 10rem
  }

  .heading_holder---1 {
    width: 50rem
  }

  .about_img {
    height: 28rem
  }

  .about_onehash_wrap {
    grid-column-gap: 120px;
    grid-row-gap: 120px
  }

  .primary-paragraph_3 {
    font-size: 1.25rem
  }

  .right_side_content {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 70px 71px 0 80px
  }

  .about_onehash_img {
    height: 47rem
  }

  .mission_paragraph {
    font-size: 14px
  }

  .product_text {
    font-size: 3rem;
    line-height: 1.3
  }

  .product_text.white-small {
    font-size: 2.625rem
  }

  .product_box {
    padding-left: 18px;
    padding-right: 18px
  }

  .crm_text {
    font-size: 26px
  }

  .team_cms_list {
    grid-column-gap: 24px;
    grid-row-gap: 24px
  }

  .team_info_box {
    height: 22.75rem
  }

  .team_member_name {
    font-size: 22px
  }

  .team_member_designation {
    font-size: 18px
  }

  .about_culture_wrap {
    grid-column-gap: 100px;
    grid-row-gap: 100px
  }

  .img_1 {
    height: 13.375rem
  }

  .img_2 {
    height: 28.375rem
  }

  .about_cta_wrap {
    width: 40rem
  }

  .about_address_wrap {
    grid-column-gap: 240px;
    grid-row-gap: 240px
  }

  .banner_head {
    font-size: 64px
  }

  .address_block {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px
  }

  .location_text {
    font-size: 24px
  }

  .country_text {
    font-size: 18px
  }

  .address_paragraph {
    font-size: 16px
  }

  .mission_paragraph-2 {
    font-size: 16px
  }

  .content---wrap,
  .content---wrap_2 {
    grid-column-gap: 100px;
    grid-row-gap: 100px
  }

  .image-126 {
    margin-bottom: 2px
  }

  .reason_content_wrapper {
    grid-column-gap: 120px;
    grid-row-gap: 120px
  }

  .home_hero {
    background-position: 50% 70%;
    /* min-height: 80vh */

  }

  /* .primary-container {
    padding-left: 100px;
    padding-right: 100px
  } */

  .home_hero_grid {
    grid-column-gap: 172px;
    grid-row-gap: 172px
  }

  .primary---heading {
    font-size: 48px
  }

  .primary---heading.big {
    font-size: 56px
  }

  .primary---heading.small {
    font-size: 42px
  }

  .paragraph_container_1 {
    width: 80%
  }

  .product_block {
    padding: 24px
  }

  .product_heading {
    font-size: 26px
  }

  /* 
  .product {
    padding-top: 150px
  } */

  .product_wrap {
    grid-column-gap: 120px;
    grid-row-gap: 120px
  }

  .list_paragraph {
    font-size: 22px
  }

  .certificate_banner {
    padding-left: 40px;
    padding-right: 40px
  }

  .testimonial_wrap,
  .testimonial_slider {
    width: 440px
  }

  .testimoial_block {
    height: 420px;
    padding: 35px
  }

  .integrate {
    background-position: 50% 15%
  }

  .footer_content {
    grid-column-gap: 75px;
    grid-row-gap: 75px;
    grid-auto-columns: 1fr
  }

  .footer-content---grid {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    grid-template-columns: .25fr 1fr
  }

  .product---head {
    font-size: 24px
  }

  .heading_holder {
    max-width: 600px
  }

  .product---text_wrap {
    width: 880px
  }

  .product---hero_wrap {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
  }

  .product---head-2 {
    font-size: 26px
  }

  .feature---link {
    font-size: 18px
  }

  .feature---link.w--current {
    font-size: 22px
  }

  .small---heading {
    font-size: 36px
  }

  .cal---heading_wrap_1 {
    max-width: 600px
  }

  .cal---img {
    height: 430px
  }

  .cal---hero {
    background-position: 50% 70%;
    min-height: 80vh
  }

  .trusted---brand_logo {
    height: 95px
  }

  .cal_sign---grid {
    grid-column-gap: 150px;
    grid-row-gap: 150px
  }

  .siign_up---img_holder {
    height: 335px
  }

  .sing_up---no {
    font-size: 18px
  }

  .singup---head {
    font-size: 24px
  }

  .cal---text_wrap_2 {
    width: 680px
  }

  .embed---facts {
    width: 1060px
  }

  .fact---heading {
    font-size: 42px
  }

  .circle---3 {
    margin-left: 270px
  }

  .cal---text_wrap_3 {
    width: 680px
  }

  .cal_possibility---grid {
    grid-column-gap: 24px
  }

  .cal---block {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 24px
  }

  .gradient---bg {
    width: 70%;
    height: 560px;
    margin-top: 350px
  }

  .cal--testimonial_text_wrap {
    width: 550px
  }

  .testimonial---head {
    font-size: 18px
  }

  .cal---integration_text_wrap {
    width: 600px
  }

  .feature---img_holder {
    width: 800px
  }

  .feature---hero_img {
    height: 520px
  }

  .member-grid {
    grid-column-gap: 60px;
    grid-row-gap: 80px
  }

  .img_member_holder {
    height: 320px
  }

  .block {
    font-size: 24px
  }

  .block-reason {
    grid-column-gap: 60px;
    grid-row-gap: 60px
  }
}

@media screen and (min-width:1920px) {
  .div-block-260 {
    width: 80%
  }

  .section-24 {
    margin-top: 60px;
    padding-top: 50px;
    padding-bottom: 50px
  }

  .jumbotron-career {
    background-size: cover
  }

  .buttontext-lifetime-signup {
    margin-top: 9px;
    margin-bottom: -71px;
    padding-left: 390px
  }

  .buttontext-monthly-signup {
    margin-left: -90px;
    padding-left: 0
  }

  .column-49 {
    padding-left: 0;
    padding-right: 0
  }

  .image-74 {
    width: 500px
  }

  .text-block-1216 {
    padding-left: 200px;
    padding-right: 200px
  }

  .div-block-317,
  .div-block-318 {
    flex-direction: column;
    align-items: center;
    display: flex
  }

  .text-block-1219 {
    margin-top: 40px
  }

  .text-block-1228 {
    display: block
  }

  .section-buy-now {
    margin-top: 60px;
    padding-top: 50px;
    padding-bottom: 50px
  }

  .image-86 {
    margin-top: -115px;
    margin-left: 0
  }

  .div-block-337,
  .div-block-317-jvzoo,
  .div-block-318-jvzoo {
    flex-direction: column;
    align-items: center;
    display: flex
  }

  .txt {
    width: 70px
  }

  .div-block-19,
  .license-notice {
    padding-left: 0;
    padding-right: 0
  }

  .product-popup {
    display: none
  }

  .badge-popular---brix-2,
  .badge-popular---brix-3,
  .badge-popular---brix-4 {
    padding-left: 20px;
    padding-right: 20px
  }

  .plan-section {
    padding-top: 100px;
    padding-bottom: 150px
  }

  .primary-container---01 {
    padding-left: 90px;
    padding-right: 90px
  }

  .pricing---heading---01 {
    font-size: 42px
  }

  .pricing---text-block---01 {
    font-size: 16px
  }

  .tab-link---01 {
    justify-content: center;
    align-items: center;
    display: flex
  }

  .tab-pricing-holder {
    width: 1340px
  }

  .plan-showcase-box.big {
    width: 420px;
    padding: 60px 41px
  }

  .plan-showcase-box.push-side,
  .plan-showcase-box.push-side-2 {
    width: 350px;
    padding: 40px
  }

  .plan-name {
    font-size: 22px
  }

  .price {
    font-size: 16px
  }

  .bold-dark-span {
    font-size: 35px
  }

  .divider {
    margin-top: 30px;
    margin-bottom: 30px
  }

  .perks-holder {
    grid-column-gap: 12px;
    grid-row-gap: 12px
  }

  .perks-text {
    font-size: 16px
  }

  .get-started-button {
    margin-top: 50px
  }

  .button-text {
    font-size: 18px
  }

  .most-popular-div {
    width: 129px;
    font-size: 16px
  }

  .absolute-div {
    margin-left: 445px
  }

  .text-block-1301 {
    font-size: 16px
  }

  .subscription-section {
    padding-bottom: 180px
  }

  .blue-bg {
    height: 630px;
    padding-top: 80px
  }

  .heading-holder {
    width: 600px
  }

  .pricing---heading---02.alignment-center {
    font-family: Poppins, sans-serif;
    font-size: 32px;
    line-height: 1.5
  }

  .button-content {
    padding: 15px 25px
  }

  .button-text---01 {
    font-size: 16px
  }

  .subscription-holder {
    margin-top: -290px
  }

  .subscription-upper-layer {
    grid-column-gap: 40px;
    grid-row-gap: 40px
  }

  .subscription-box {
    width: 420px;
    padding: 37px
  }

  .subscription-name {
    font-size: 30.5px
  }

  .onehash-logo {
    height: 64px
  }

  .divider---02 {
    margin-top: 25px;
    margin-bottom: 25px
  }

  .user-txt {
    font-size: 20px
  }

  .txt-holder {
    margin-bottom: 10px
  }

  .free {
    font-size: 26px
  }

  .info {
    margin-top: 5px;
    font-size: 26px
  }

  .button-holder {
    margin-top: 30px
  }

  .heading-margin {
    width: 430px
  }

  .tab-link-content {
    width: 520px;
    padding: 20px
  }

  .logo {
    height: 41px
  }

  .name {
    font-size: 30.5px
  }

  .pricing---para,
  .label {
    font-size: 16px
  }

  .learn-more-txt {
    letter-spacing: 2px;
    font-size: 16px
  }

  .trouble-div {
    margin-top: 100px;
    padding: 41px
  }

  .textual-content-holder {
    width: 650px
  }

  .contact-button {
    width: 220px
  }

  .f-q-section {
    padding-top: 150px;
    padding-bottom: 150px
  }

  .f-q-dropdown-holder {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-top: 70px
  }

  .text-block-1302 {
    font-size: 22px
  }

  .dropdown-toggle-10 {
    padding: 26px
  }

  .dropdown-list-18.w--open {
    padding: 30px
  }

  .paragraph-90 {
    font-size: 20px
  }

  .banner {
    padding-bottom: 100px
  }

  .banner-sub-head {
    font-size: 28px
  }

  .perks-text---02 {
    font-size: 16px
  }

  .tick---02 {
    width: 24px;
    height: 32px
  }

  .blue-div {
    height: 400px
  }

  .price-cut {
    font-size: 18px
  }

  .heading-2 {
    font-size: 174px
  }

  .text-block {
    font-size: 32px
  }

  .button-holder---01 {
    margin-top: 70px
  }

  .pricing-heading---03 {
    font-size: 42px
  }

  .paragraph---01 {
    font-size: 18px
  }

  .feature-div {
    justify-content: stretch
  }

  .pricing-heading---04.alignment-center {
    font-size: 18px
  }

  .onehash-logo---01 {
    height: 55px
  }

  .vector---02 {
    top: -30px
  }

  .onehash-logo---02 {
    height: 55px
  }

  .banner--02 {
    padding-bottom: 100px
  }

  .plan-section---02 {
    padding-top: 100px;
    padding-bottom: 150px
  }

  .text-block-1303 {
    font-size: 18px
  }

  .para {
    font-size: 16px
  }

  .side-vector-2 {
    height: auto;
    top: -180px
  }

  .pricing---heading---07 {
    font-size: 42px
  }

  .heading---small {
    font-size: 24px
  }

  .mask-2 {
    height: 500px
  }

  .primary-container---02,
  .footer-container {
    padding-left: 90px;
    padding-right: 90px
  }

  .bold-heading.alignment-center {
    font-family: Poppins, sans-serif;
    font-size: 32px;
    line-height: 1.5
  }

  .sub-head-text {
    font-size: 16px
  }

  .main-container {
    padding-left: 0;
    padding-right: 0
  }

  .main-container.bg-integration {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0
  }

  .tab-box_content {
    width: 520px;
    padding: 20px
  }

  .trouble-banner {
    margin-top: 100px;
    padding: 41px
  }

  .hero---content_holder {
    padding-left: 0;
    padding-right: 0
  }

  .faq-collection---list {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-top: 70px
  }

  .faq---paragraph {
    font-size: 20px
  }

  .home_hero {
    min-height: auto
  }

  .primary-container {
    padding-left: 0;
    padding-right: 0
  }

  .paragraph_container_1 {
    width: 70%
  }

  .testimoial_block {
    height: 450px
  }

  .cal---hero {
    min-height: auto
  }
}

@media screen and (max-width:991px) {
  a {
    font-size: 14px
  }

  .testimonial,
  .div-block-69 {
    display: none
  }

  .nav-menu-2 {
    background-color: var(--white-smoke)
  }

  .menu-button-2.w--open {
    color: var(--dim-grey);
    background-color: transparent
  }

  .feature-wrap {
    margin-top: 5vh;
    margin-bottom: 5vh;
    padding-left: 0;
    padding-right: 0
  }

  .body-6 {
    height: auto
  }

  .div-block-260 {
    width: 100%
  }

  .div-block-278 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
  }

  .buttontext-lifetime {
    padding-left: 208px;
    display: block
  }

  .buttontext-monthly {
    margin-left: 460px
  }

  .buttontext-lifetime-signup {
    padding-left: 290px;
    display: block
  }

  .buttontext-monthly-signup {
    margin-left: -60px
  }

  .heading-1218 {
    width: 400px;
    font-size: 30px;
    line-height: 50px
  }

  .customer-support-service-block-12 {
    margin-top: 5vh;
    margin-bottom: 5vh;
    padding-left: 0;
    padding-right: 0
  }

  .image-74 {
    margin-left: 0
  }

  .text-block-1215 {
    font-size: 30px
  }

  .text-block-1216 {
    padding-left: 30px;
    padding-right: 30px
  }

  .image-77 {
    max-width: 90%
  }

  .heading-53-copy {
    margin-bottom: 0;
    font-size: 6vh
  }

  .button-onechat-cta {
    text-align: center
  }

  .text-block-1227 {
    padding-top: 0
  }

  .button-1214 {
    margin-top: 0
  }

  .text-block-1228 {
    padding-top: 10px;
    padding-bottom: 11px
  }

  .button-free-deal {
    margin-top: 0
  }

  .image-78,
  .image-77-copy,
  .monthly-features,
  .monthly-features-1 {
    max-width: 90%
  }

  .image-91 {
    margin-top: -6px;
    margin-left: -10px
  }

  .image-92 {
    margin-left: -10px
  }

  .button-1214-jvzoo,
  .button-free-deal-jvzoo {
    margin-top: 0
  }

  .feature-wrap-oc1,
  .feature-wrap-oc2,
  .feature-wrap-call,
  .feature-wrap-oh1,
  .feature-wrap-oh2 {
    margin-top: 5vh;
    margin-bottom: 5vh;
    padding-left: 0;
    padding-right: 0
  }

  .button-1214-clickbank {
    margin-top: 0
  }

  .feature-wrap-oc2-thankyou {
    margin-top: 5vh;
    margin-bottom: 5vh;
    padding-left: 0;
    padding-right: 0
  }

  .body-8 {
    background-size: contain
  }

  .image-77-copy-copy,
  .monthly-features-copy,
  .monthly-features-1-copy,
  .image-77-copy,
  .image-78-copy,
  .image-77-copy-copy,
  .image-77-copy-copy-copy {
    max-width: 90%
  }

  .text-block-1254 {
    text-align: center
  }

  .text-block-1255 {
    line-height: 40px
  }

  .image-100 {
    max-width: 50%
  }

  .heading-69-copy-copy {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 6vh
  }

  .div-block-3 {
    display: block
  }

  .div-block-19 {
    padding-left: 3rem;
    padding-right: 3rem
  }

  .nav-menu-3 {
    background-color: #fff;
    width: 100%;
    padding: 20px;
    display: flex
  }

  .link-block-64 {
    width: 82px;
    margin-left: 0;
    margin-right: auto
  }

  .license-notice {
    padding-left: 3rem;
    padding-right: 3rem
  }

  .menu-button-3.w--open {
    background-color: #fff
  }

  .icon-8 {
    color: var(--steel-blue)
  }

  .text-block-8 {
    color: #007ee5;
    text-decoration: none
  }

  .div-block-362 {
    width: 30%;
    margin: 20px 10px;
    padding: 20px
  }

  .div-block-363 {
    margin-top: 20px
  }

  .onechat-features {
    font-family: Poppins, sans-serif
  }

  .paragraph-74 {
    color: #8f95b2;
    font-size: 16px;
    line-height: 28px
  }

  .link-block-7 {
    text-decoration: none
  }

  .div-block-364 {
    display: 3pxpx;
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px
  }

  .heading-95 {
    color: #474d66;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px
  }

  .grid-three-columns {
    grid-template-columns: 1fr
  }

  .grid-three-columns.monthly {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr
  }

  .padding-top-80px {
    padding-top: 0
  }

  .content-pricig-table {
    margin-top: 60px
  }

  .badge-popular---brix-2,
  .badge-popular---brix-3,
  .badge-popular---brix-4 {
    top: 24px;
    right: 24px
  }

  .plan-section {
    padding-top: 60px
  }

  .primary-container---01 {
    padding-left: 25px;
    padding-right: 25px
  }

  .pricing---heading---01 {
    font-size: 32px
  }

  .pricing---heading---01.color-white {
    font-size: 26px
  }

  .tab-pricing-holder {
    width: 750px
  }

  .plan-showcase-box.big {
    width: 300px
  }

  .plan-showcase-box.push-side,
  .plan-showcase-box.push-side-2 {
    width: 240px
  }

  .price-icon {
    height: 50px
  }

  .plan-name {
    font-size: 16px
  }

  .price {
    font-size: 12px
  }

  .bold-dark-span {
    font-size: 22px
  }

  .superscript-2 {
    font-size: 16px
  }

  .absolute-div {
    margin-left: 140px
  }

  .blue-bg {
    height: 430px
  }

  .pricing---heading---02.alignment-center {
    font-size: 26px
  }

  .subscription-holder {
    margin-top: -180px
  }

  .subscription-box {
    width: 340px;
    padding-left: 25px;
    padding-right: 25px
  }

  .subscription-name {
    font-size: 24px
  }

  .onehash-logo {
    height: 40px
  }

  .user-txt {
    font-size: 16px
  }

  .free,
  .info {
    font-size: 22px
  }

  .pricing---heading---03 {
    font-size: 40px
  }

  .tab-holder {
    margin-top: 20px
  }

  .tabs-5 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column
  }

  .tabs-menu-8 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: row;
    align-items: center;
    margin-right: 0;
    overflow: scroll
  }

  .vector-img {
    display: none
  }

  .trouble-div {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 20px 20px 20px 21px
  }

  .triuble-img {
    height: 70px
  }

  .textual-content-holder {
    width: 520px
  }

  .trouble-text {
    font-size: 20px
  }

  .contact-button {
    width: 180px
  }

  .text-block-1302 {
    font-size: 18px
  }

  .dropdown-toggle-10 {
    height: 70px
  }

  .left-side {
    grid-column-gap: 15px;
    grid-row-gap: 15px
  }

  .banner-sub-head {
    font-size: 22px
  }

  .get-startef-button---02 {
    margin-top: 30px
  }

  .perks-text---02 {
    font-size: 13px
  }

  .horizontal-flex {
    grid-column-gap: 10px;
    grid-row-gap: 10px
  }

  .hero-section {
    padding-top: 40px;
    padding-bottom: 50px
  }

  .blue-div {
    height: 300px;
    padding-top: 40px
  }

  .heading-holder---03 {
    width: 70%
  }

  .all-in-one-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr
  }

  .heading-2 {
    font-size: 110px
  }

  .text-block {
    font-size: 22px
  }

  .contact-div {
    grid-column-gap: 0px
  }

  .feature-div {
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr
  }

  .new-pricing-hero {
    padding-bottom: 20px
  }

  .grid---01 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr
  }

  .pricing-heading---06.alignment-center {
    font-size: 28px
  }

  .paragraph---02.alignment-center {
    font-size: 14px
  }

  .plan-section---02 {
    padding-top: 60px;
    overflow: hidden
  }

  .rating-div---01 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: grid
  }

  .div---01 {
    width: 100%
  }

  .heading---03 {
    font-size: 24px
  }

  .paragraph---03 {
    font-size: 14px
  }

  .graph-image {
    height: 270px
  }

  .side-vector {
    height: 140px
  }

  .side-vector-2 {
    height: 280px
  }

  .pricing---heading---07 {
    font-size: 32px
  }

  .form---01 {
    padding: 39px
  }

  .featured-section {
    padding-top: 50px
  }

  .text-holder---1 {
    margin-bottom: 20px
  }

  .featured-text {
    font-size: 16px
  }

  .text-block-1305 {
    font-size: 26px
  }

  .primary-container---02 {
    padding-left: 25px;
    padding-right: 25px
  }

  .body-16 {
    padding-top: 10px
  }

  .left-arrow-5,
  .right-arrow-5 {
    width: 40px;
    height: 40px
  }

  .mask-3 {
    padding-left: 40px;
    padding-right: 40px
  }

  .featured-content {
    padding: 30px 90px 30px 30px
  }

  .feature-heading {
    font-size: 22px
  }

  .featured-paragraph {
    font-size: 13px
  }

  .featured-blog-img {
    width: 50%;
    height: 250px
  }

  .blog-heading {
    font-size: 18px
  }

  .blog-heading.small {
    font-size: 20px
  }

  .date-div {
    grid-column-gap: 5px
  }

  .recent-blogs-holder {
    grid-template-columns: 1fr
  }

  .blog-head {
    font-size: 24px
  }

  .right-div {
    padding-top: 20px
  }

  .blog-paragraph {
    font-size: 14px
  }

  .blog-paragraph.small {
    font-size: 12px
  }

  .blog-tab-holder {
    width: 100%
  }

  .blogs-pane-content {
    padding-top: 50px
  }

  .blog-image-holder---04 {
    width: 100%;
    height: 100%
  }

  .blogs-detail-box {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr .6fr;
    padding: 10px
  }

  .right-div-2 {
    grid-row-gap: 20px;
    top: 125px
  }

  .search {
    height: 50px;
    font-size: 14px
  }

  .search-img {
    width: 20px
  }

  .news-letter-form-block {
    padding-left: 15px;
    padding-right: 15px
  }

  .form-subhead {
    font-size: 13px;
    line-height: 1.2
  }

  .footer-container {
    padding-left: 25px;
    padding-right: 25px
  }

  .footer-content-holder {
    grid-template-columns: .25fr 1fr
  }

  .footer-content-1 {
    padding-right: 0
  }

  .footer-content-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px
  }

  .body-17 {
    padding-top: 10px
  }

  .category-hero-section {
    padding-top: 60px
  }

  .text-block-1307 {
    font-size: 17px
  }

  .text-holder---04 {
    grid-row-gap: 15px
  }

  .blog-heading-2 {
    font-size: 48px
  }

  .paragraph-holder---2 {
    width: 400px
  }

  .category-blog-content {
    padding-top: 80px
  }

  .newsletter-holder {
    margin-top: 120px
  }

  .newsletter-heading {
    font-size: 38px
  }

  .paragraph-holder---3 {
    width: 90%;
    margin-bottom: 45px
  }

  .newssletter-paragraph {
    font-size: 12px
  }

  .newsletter-form-holder {
    width: 75%
  }

  .newsletter-textfield-2 {
    height: 60px;
    padding-left: 15px;
    font-size: 16px
  }

  .newsletter-submit-button {
    margin-right: 6px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 16px
  }

  .blog-individual---hero {
    margin-top: 0;
    padding-bottom: 40px
  }

  .text-holder---05 {
    width: 90%
  }

  .blue-color-div {
    padding-top: 65px;
    padding-bottom: 230px
  }

  .image-container {
    margin-top: -150px
  }

  .blog-individual-cover-image {
    width: 95%;
    height: 360px
  }

  .blog-individual-content {
    padding-top: 40px
  }

  .rich-text-holder {
    width: 85%
  }

  .blog-individual-rich-text h1 {
    font-size: 30px
  }

  .blog-individual-rich-text h2,
  .blog-individual-rich-text h4,
  .blog-individual-rich-text h3 {
    font-size: 26px
  }

  .blog-individual-rich-text p {
    font-size: 18px
  }

  .related-blog-holder {
    grid-row-gap: 30px
  }

  .related-cms-list {
    grid-column-gap: 0px
  }

  .blog-cover-img-holder {
    height: 200px
  }

  .text-holder---2 {
    grid-row-gap: 35px
  }

  .blog-search-input {
    height: 50px;
    font-size: 14px
  }

  .featured-content-23 {
    padding: 30px 90px 30px 30px
  }

  .content-part {
    padding-left: 0;
    left: -1%
  }

  .bold-heading.alignment-center {
    font-size: 26px
  }

  .sub-head-text {
    font-size: 12px
  }

  .cal_hero---section {
    padding-top: 2rem;
    padding-bottom: 5rem
  }

  .main-container.less-margin {
    padding-left: 2rem;
    padding-right: 2rem
  }

  .content---holder_1 {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr
  }

  .primary-heading_1 {
    font-size: 2.25rem
  }

  .cal-hero {
    height: 20rem
  }

  .circle-block_1 {
    margin-left: 2rem
  }

  .circle-block_3 {
    margin-bottom: -8rem;
    margin-left: 0
  }

  .primary-heading_2 {
    font-size: 1.75rem
  }

  .primary-paragraph_1 {
    font-size: .875rem
  }

  .tailored---section {
    padding-bottom: 8rem
  }

  .tailored---section.less-margin {
    padding-bottom: 5rem
  }

  .coloured-bg {
    padding-bottom: 25rem
  }

  .content---holder_2 {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr
  }

  .tailored-img {
    height: 25rem
  }

  .tailored-content {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem
  }

  .tailored-box {
    padding: 1.5rem 1rem
  }

  .primary-heading_3 {
    font-size: 1rem
  }

  .interactive---section {
    padding-bottom: 4rem
  }

  .content---holder_3 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    width: 20rem;
    height: 20rem;
    padding-left: 2rem;
    padding-right: 2rem
  }

  .primary-heading_4 {
    font-size: 1.75rem
  }

  .tailored-lottie {
    width: 60%;
    height: 25.5rem;
    margin-bottom: -22rem;
    margin-left: auto;
    margin-right: auto;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%
  }

  .enterprise-lottie {
    width: 60%;
    height: 15rem;
    margin-bottom: -12rem;
    margin-left: auto;
    margin-right: auto;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%
  }

  .enterprise-lottie.redifining {
    height: 15rem
  }

  .body-19 {
    padding-top: 5px
  }

  .content-holder {
    grid-column-gap: 15px;
    grid-row-gap: 15px
  }

  .side-menu-holder {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: 300px;
    padding-top: 20px
  }

  .tab---box {
    width: 300px
  }

  .tab-data {
    margin-top: 20px
  }

  .blog-text-holder {
    grid-row-gap: 35px;
    width: 100%
  }

  .team-info-div {
    grid-column-gap: 20px;
    grid-row-gap: 20px
  }

  .content_holder---1 {
    grid-column-gap: 3.25rem;
    grid-row-gap: 3.25rem
  }

  .text-holder_1 {
    width: 38rem
  }

  .integration---tab_link {
    font-size: .875rem
  }

  .search---bar-holder {
    margin-bottom: 10px
  }

  .search-bar---text-field {
    height: 2.75rem
  }

  .search-bar---text-field::placeholder {
    font-size: .875rem
  }

  .menu-content {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem
  }

  .integration---pane_content {
    grid-template-columns: .5fr 1fr
  }

  .search-items---holder {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem
  }

  .cms---container {
    padding-left: 1.5rem
  }

  .integration---cms_list {
    grid-template-columns: 1fr 1fr
  }

  .trouble-banner {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 20px 20px 20px 21px
  }

  .trouble-banner---section {
    padding-top: 5rem
  }

  .text-holder---99 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    align-items: flex-start
  }

  .integration-content---section {
    padding-bottom: 5rem
  }

  .integration_individual---holder {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr .5fr
  }

  .content-left-side {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem
  }

  .text-container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem
  }

  .description-text---box,
  .features-text---box {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem
  }

  .integration---rcih-text {
    font-size: .875rem
  }

  .integration---rcih-text p {
    font-size: 14px
  }

  .integration---rcih-text h2 {
    font-size: 26px
  }

  .integration---rcih-text h3 {
    font-size: 22px
  }

  .integration---rcih-text h1 {
    font-size: 30px
  }

  .integration---rcih-text ol,
  .integration---rcih-text ul,
  .integration---rcih-text a {
    font-size: 14px
  }

  .content---holder,
  .text-container---right {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem
  }

  .info-block {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem
  }

  .hero---content_holder {
    padding-top: 1.25rem;
    padding-bottom: 1rem
  }

  .linear-bar {
    width: 5.5rem
  }

  .dropdown-4 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
  }

  .about_hero {
    padding-top: 60px;
    padding-bottom: 80px;
    margin-top: 50px;
  }

  .heading_holder---1 {
    width: 35rem
  }

  .paragraph_holder---1 {
    width: 26rem
  }

  .about_hero_img {
    width: 95%
  }

  .about_images {
    padding: 60px 0px;
  }

  .about_img_wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr
  }

  .about_img {
    height: 20rem
  }

  .about_onehash {
    padding-top: 100px;
    padding-bottom: 100px
  }

  .about_onehash_wrap {
    grid-column-gap: 50px;
    grid-row-gap: 50px
  }

  .about_onehash_grid {
    grid-template-columns: 1fr
  }

  .right_side_content {
    padding-top: 50px;
    padding-bottom: 50px
  }

  .about_onehash_img {
    height: 30rem
  }

  .about_mission {
    padding-top: 100px;
    padding-bottom: 100px
  }

  .about_mission_wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr
  }

  .mission_img {
    align-self: center;
    width: 80%
  }

  .about_mission_text---wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr
  }

  .mission_box {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    border-radius: 14px;
    padding: 15px 15px 30px
  }

  .mission_head {
    font-size: 20px
  }

  .mission_paragraph {
    font-size: 12px
  }

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

  .about_product_wrap {
    grid-column-gap: 80px;
    grid-row-gap: 80px
  }

  .onehash_logo {
    height: 30px
  }

  .product_text {
    font-size: 2.25rem
  }

  .product_subhead {
    font-size: 28px
  }

  .about_product_grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr
  }

  .about_statistics {
    padding-top: 100px;
    padding-bottom: 100px
  }

  .statistics_content---wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px
  }

  .statistics_box {
    grid-column-gap: 20px;
    grid-row-gap: 20px
  }

  .statistics_paragraph {
    font-size: 16px
  }

  .divider_line {
    height: 3px;
    margin-top: 50px;
    margin-bottom: 60px
  }

  .paragraph_holder---3 {
    width: 80%
  }

  .about_team {
    padding-bottom: 50px
  }

  .about_team_wrap {
    grid-column-gap: 60px;
    grid-row-gap: 60px
  }

  .team_cms_list {
    grid-template-columns: 1fr 1fr 1fr
  }

  .team_info_box {
    border-radius: 15px;
    height: 16.5rem
  }

  .team_member_name {
    font-size: 18px
  }

  .team_member_designation {
    font-size: 14px
  }

  .about_culture {
    padding-top: 50px;
    padding-bottom: 120px
  }

  .about_culture_wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr
  }

  .about_cta_wrap {
    width: 30rem
  }

  .about_address {
    padding-bottom: 120px
  }

  .about_address_wrap {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr
  }

  .banner_head {
    font-size: 46px
  }

  .building_img {
    width: 80%;
    margin-bottom: -121px
  }

  .about-hero---grid {
    width: 80%
  }

  .text-img {
    width: 100%
  }

  .mission_block {
    padding: 40px 25px 30px
  }

  .mission_paragraph-2 {
    font-size: 14px
  }

  .content---wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px
  }

  .reason---block {
    border-radius: 16px
  }

  .reason---heading {
    padding: 40px 20px;
    font-size: 20px
  }

  .reason---answer.w--open {
    margin-top: -25px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px
  }

  .grid---wrap {
    grid-column-gap: 50px;
    grid-row-gap: 50px
  }

  .content---wrap_2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 80%
  }

  .reason---answer-2.w--open {
    margin-top: -25px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px
  }

  .hero---text {
    font-size: 32px
  }

  .reason_wrap,
  .reason_content_wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px
  }

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

  .primary-container {
    padding-left: 50px;
    padding-right: 50px
  }

  .home_hero_grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr
  }

  .primary---heading {
    letter-spacing: -1px;
    font-size: 36px
  }

  .primary---heading.big {
    font-size: 42px
  }

  .primary---heading.small {
    font-size: 32px
  }

  .primary---button_1,
  .primary---button_2 {
    font-size: 14px
  }

  .products_grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr
  }

  .side_line {
    background-color: rgba(0, 126, 229, .2)
  }

  .loop_container {
    grid-template-columns: 290px 1fr
  }

  .text_wrap {
    width: 292px;
    padding-left: 80px
  }

  .product {
    padding-top: 40px
  }

  .product_wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr
  }

  .product_wrap.flip {
    grid-template-columns: 1fr
  }

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

  .content---grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr
  }

  .secondary---heading {
    font-size: 24px
  }

  .testimonial_wrap,
  .testimonial_slider {
    width: 100%
  }

  .integrate {
    background-position: 50% 40%;
    background-size: auto
  }

  .featured_grid_wrap {
    width: auto
  }

  .bookmark_block {
    font-size: 14px
  }

  .footer---wrap {
    grid-column-gap: 50px;
    grid-row-gap: 50px
  }

  .footer_content {
    grid-column-gap: 20px;
    grid-row-gap: 20px
  }

  .footer-content---grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr
  }

  .footer-address---box {
    grid-column-gap: 20px;
    grid-row-gap: 20px
  }

  .footer---head {
    font-size: 14px
  }

  .heading_holder {
    max-width: 450px
  }

  .button---wrapper {
    justify-content: flex-start;
    align-items: center
  }

  /* .ratings_-_button_wrap {
    display: none
  } */

  .ratings_-_button_wrap-2 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex
  }



  .product---hero {
    padding-top: 60px;
    padding-bottom: 60px
  }

  .product---text_wrap {
    width: 650px
  }

  .paragraph---wrap {
    width: 80%
  }

  .product---hero_wrap {
    grid-column-gap: 50px;
    grid-row-gap: 50px
  }

  .product---grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr
  }

  .icon---product.small {
    width: 50px;
    height: 50px
  }

  .product---head-2.small {
    font-size: 20px
  }

  .product---link {
    font-size: 14px
  }

  .product---features {
    padding-top: 80px;
    padding-bottom: 80px
  }

  .product---feature_wrap {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    position: relative
  }

  .feature---menu {
    z-index: 5;
    background-color: #fff;
    padding-top: 20px;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 0
  }

  .features---blocks {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-bottom: 1px solid #e6f4ff;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: static
  }

  .feature---link {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 14px;
    display: flex
  }

  .feature---link.w--current {
    border-bottom: 1px solid var(--steel-blue);
    background-image: linear-gradient(rgba(255, 255, 255, 0), #e6f4ff);
    font-size: 18px
  }

  .feature---link.mobile,
  .feature---link.mobile.w--current {
    display: flex
  }

  .feature---link.hide_mobile {
    display: none
  }

  .features---wrapper {
    border-top-width: 0;
    padding-top: 0
  }

  .features---div {
    padding-left: 0
  }

  .features---box {
    padding: 20px 15px
  }

  .feature---tag {
    font-size: 12px
  }

  .small---heading {
    font-size: 28px
  }

  .block---feature {
    justify-content: center;
    align-items: center;
    height: 50px
  }

  .feature---link_gradient {
    display: none
  }

  .cal---hero_grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr
  }

  .cal---heading_wrap_1 {
    max-width: 450px
  }

  .cal---hero {
    padding-top: 80px;
    padding-bottom: 80px
  }

  .trusted---grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px
  }

  .trusted---grid.variation {
    padding: 20px 35px
  }

  .trusted---brand_logo {
    height: 70px
  }

  .cal---sign_up {
    height: auto;
    padding-bottom: 120px
  }

  .cal_sign---grid {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr
  }

  .left---content_placer {
    position: static
  }

  .right---content_placer {
    padding-top: 0
  }

  .siign_up---img_holder {
    height: 450px
  }

  .singup---head {
    font-size: 18px
  }

  .cal---embed {
    padding-top: 120px;
    padding-bottom: 100px
  }

  .cal---text_wrap_2 {
    width: 500px
  }

  .embed---facts {
    width: 100%
  }

  .cal---possibilities {
    padding-bottom: 100px
  }

  .cal---text_wrap_3 {
    width: 550px
  }

  .cal_possibility---grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr
  }

  .cal---testimonial {
    padding-bottom: 100px
  }

  .testimonial---grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr
  }

  .product_grid---cal {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr
  }

  .cal---button_wrapper {
    width: 100%
  }

  .cal---integration_holder {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr
  }

  .cal---preview_container {
    height: auto;
    position: static;
    top: 0
  }

  .left_content_wrap {
    padding-top: 0
  }

  .hero-feature {
    padding-top: 60px;
    padding-bottom: 40px
  }

  .feature---text_wrap_1 {
    width: 720px
  }

  .feature---heading_1 {
    font-size: 42px
  }

  .feature---paragraph_1 {
    font-size: 20px
  }

  .feature---para_wrap_1 {
    width: 550px
  }

  .feature---text_wrap_2 {
    width: 100%
  }

  .feature---heading_2 {
    font-size: 38px
  }

  .member-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr
  }

  .img_member_holder {
    height: 250px
  }

  .choose-feature {
    padding-bottom: 60px
  }

  .reasons_wrapper {
    grid-column-gap: 80px;
    grid-row-gap: 80px
  }

  .block-reason {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding: 40px
  }

  .block-reason.flip {
    grid-template-columns: 1fr
  }

  .feature---content_wrap_4 {
    grid-column-gap: 60px;
    grid-row-gap: 60px
  }

  .comparision---div {
    border-radius: 50px
  }

  .header {
    grid-template-columns: 1fr .7fr;
    padding: 30px 20px 20px
  }

  .feature---head {
    font-size: 18px
  }

  .comparision---features {
    padding: 20px 10px
  }

  .comparision-block {
    grid-template-columns: 1fr .35fr .35fr;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px
  }
}

@media screen and (max-width:767px) {
  .image-15 {
    display: none
  }

  .div-block-12 {
    padding-left: 0
  }

  .call-to-action {
    padding: 40px 20px
  }

  .div-block-38,
  .div-block-38._123 {
    justify-content: center
  }

  .signup-sticky {
    display: none
  }

  .text-block-40 {
    margin-top: 30px
  }

  .div-block-63 {
    display: block
  }

  .div-block-66 {
    display: none
  }

  .div-block-67 {
    width: 100%
  }

  .testimonial,
  .div-block-69 {
    display: none
  }

  .nav-menu-2 {
    background-color: var(--white-smoke)
  }

  .brand-2 {
    padding-left: 0
  }

  .div-block-80 {
    justify-content: center
  }

  .div-block-82 {
    width: 100%
  }

  .div-block-83 {
    flex-wrap: wrap;
    justify-content: space-between
  }

  .div-block-84 {
    width: 50%;
    margin-top: 10px;
    margin-bottom: 10px
  }

  .div-block-86 {
    width: 100%;
    margin-top: 20px
  }

  .div-block-87 {
    display: block
  }

  .div-block-88,
  .div-block-89 {
    width: 100%
  }

  .heading-55 {
    text-align: center
  }

  .div-block-90 {
    text-align: center;
    justify-content: center
  }

  .div-block-96 {
    display: block
  }

  .div-block-97 {
    text-align: center;
    width: 100%
  }

  .image-43 {
    margin-top: 20px
  }

  .cta {
    background-position: 50% 100%
  }

  .div-block-99 {
    flex-wrap: wrap
  }

  .div-block-100 {
    width: 40%
  }

  .div-block-205 {
    display: block
  }

  .div-block-206 {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px
  }

  .div-block-207 {
    width: 100%
  }

  .link-block-29 {
    margin-top: 20px;
    margin-bottom: 20px
  }

  .menu-button-2.w--open {
    background-color: transparent
  }

  .icon-4 {
    float: none;
    color: var(--dim-grey);
    background-color: transparent;
    border: 1px solid transparent
  }

  .div-block-246 {
    display: block
  }

  .div-block-247 {
    display: none
  }

  .feature-wrap {
    flex-direction: row
  }

  .feature-image-1218 {
    width: 50vw
  }

  .signup,
  .div-block-260 {
    display: block
  }

  .div-block-261 {
    width: 100%
  }

  .div-block-262 {
    width: 100%;
    margin-top: 50px
  }

  .image-58 {
    width: 50%
  }

  .div-block-278 {
    grid-template-columns: 1fr 1fr
  }

  .buttontext-lifetime {
    margin-top: -28px;
    margin-bottom: -40px;
    padding-left: 146px
  }

  .buttontext-monthly {
    margin-left: 220px;
    display: block
  }

  .buttontext-lifetime-signup {
    padding-left: 195px
  }

  .buttontext-monthly-signup {
    margin-top: -29px;
    margin-bottom: -17px;
    margin-left: 240px;
    padding-top: 0;
    padding-right: 0;
    display: block
  }

  .column-49 {
    display: block
  }

  .column-50 {
    margin-left: auto;
    margin-right: auto;
    display: block
  }

  .heading-1218 {
    width: 350px;
    font-size: 20px;
    line-height: 40px
  }

  .customer-support-service-block-12 {
    flex-direction: row
  }

  .image-74 {
    width: auto;
    margin-left: 0;
    padding-left: 0
  }

  .text-block-1215 {
    font-size: 30px
  }

  .text-block-1216 {
    padding-left: 24px;
    padding-right: 24px
  }

  .image-77 {
    max-width: 90%
  }

  .div-class-onechat-1 {
    width: 90%;
    display: block
  }

  .div-block-onechat-1 {
    text-align: center;
    width: 100%
  }

  .heading-53-copy {
    font-size: 5vh
  }

  .text-block-1230 {
    padding-bottom: 10px
  }

  .cta-onehash,
  .cta-onechat {
    background-position: 50% 100%
  }

  .image-78,
  .image-77-copy,
  .monthly-features,
  .monthly-features-1 {
    max-width: 90%
  }

  .div-block-oc-integration {
    display: block
  }

  .image-91,
  .image-92 {
    margin-left: 0
  }

  .heading-1223 {
    line-height: 36px
  }

  .feature-wrap-oc1,
  .feature-wrap-oc2,
  .feature-wrap-call,
  .feature-wrap-oh1,
  .feature-wrap-oh2 {
    flex-direction: row
  }

  .div-block-jvzoo {
    text-align: center;
    width: 100%
  }

  .div-class-jvzoo {
    width: 90%;
    display: block
  }

  .cta-onechat-jvzoo {
    background-position: 50% 100%
  }

  .div-class-clickbank {
    width: 90%;
    display: block
  }

  .feature-wrap-oc2-thankyou {
    flex-direction: row
  }

  .body-8 {
    background-size: contain
  }

  .image-77-copy-copy,
  .monthly-features-copy,
  .monthly-features-1-copy,
  .image-77-copy,
  .image-78-copy,
  .image-77-copy-copy,
  .image-77-copy-copy-copy {
    max-width: 90%
  }

  .div-block-87-copy,
  .div-block-87-copy-1,
  .div-block-87-copy-2,
  .div-block-87-copy-3 {
    display: block
  }

  .cta-onechat-copy {
    background-position: 50% 100%
  }

  .image-100 {
    margin: 0 0 10px
  }

  .heading-69-copy-copy {
    font-size: 5vh
  }

  .div-block-87-1,
  .div-block-87-2,
  .div-block-87-3,
  .div-block-87-4,
  .div-block-87-5,
  .div-block-87-6,
  .div-block-87-7 {
    display: block
  }

  .link-block-4 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0
  }

  .div-block-3 {
    display: block
  }

  .dropdown-list-17.w--open {
    width: 100%;
    display: block
  }

  .div-block-19 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }

  .nav-menu-3 {
    background-color: var(--white);
    width: 100%;
    display: block;
    box-shadow: 0 3px 5px -1px rgba(207, 206, 206, .81)
  }

  .link-block {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0
  }

  .license-notice {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }

  .menu-button-3.w--open {
    background-color: var(--white)
  }

  .icon-8 {
    color: var(--steel-blue)
  }

  .dropdown-2 {
    width: 100%
  }

  .container-default {
    padding-left: 20px;
    padding-right: 20px
  }

  .badge-popular---brix-2 {
    top: 26px
  }

  .button-primary-2 {
    padding: 16px 34px;
    font-size: 16px;
    line-height: 18px
  }

  .badge-popular---brix-3 {
    top: 26px
  }

  .button-primary-3 {
    padding: 16px 34px;
    font-size: 16px;
    line-height: 18px
  }

  .badge-popular---brix-4 {
    top: 26px
  }

  .button-primary-4 {
    padding: 16px 34px;
    font-size: 16px;
    line-height: 18px
  }

  .plan-section {
    padding-bottom: 60px
  }

  .primary-container---01 {
    padding-left: 15px;
    padding-right: 15px
  }

  .pricing---heading---01 {
    font-size: 26px
  }

  .pricing-tab {
    margin-top: 50px
  }

  .tabs-menu-7 {
    margin-left: auto;
    margin-right: auto
  }

  .tab-pricing-holder {
    width: 610px;
    padding-top: 50px
  }

  .plan-showcase-box.big {
    width: 260px;
    padding: 40px 15px 30px
  }

  .plan-showcase-box.push-side {
    border-radius: 20px;
    width: 200px;
    padding: 11px;
    right: -5px
  }

  .plan-showcase-box.push-side-2 {
    border-radius: 20px;
    width: 200px;
    padding: 11px;
    left: -5px
  }

  .plan-name-holder {
    grid-column-gap: 10px;
    grid-row-gap: 10px
  }

  .price-icon {
    height: 40px
  }

  .plan-name {
    font-size: 14px
  }

  .price {
    font-size: 10px
  }

  .bold-dark-span {
    font-size: 16px
  }

  .superscript-2 {
    font-size: 14px
  }

  .divider {
    margin-top: 15px;
    margin-bottom: 15px
  }

  .tick {
    height: 18px
  }

  .perks-text {
    font-size: 12px
  }

  .get-started-button.margin {
    margin-top: 20px
  }

  .button-content-holder {
    padding-top: 12px;
    padding-bottom: 12px
  }

  .button-text {
    font-size: 14px
  }

  .bold-white-span {
    font-size: 16px
  }

  .most-popular-div {
    width: 100px;
    font-size: 12px
  }

  .absolute-div {
    margin-top: -75px;
    margin-left: 85px
  }

  .vector {
    height: 60px;
    top: -50px;
    right: -40px
  }

  .subscription-section {
    padding-bottom: 80px
  }

  .blue-bg {
    height: 380px;
    padding-top: 50px
  }

  .heading-holder {
    width: 450px
  }

  .pricing---heading---02.alignment-center {
    font-size: 22px
  }

  .subscription-holder {
    margin-top: -160px
  }

  .subscription-box {
    width: auto;
    padding: 20px 20px 30px
  }

  .subscription-name {
    font-size: 20px
  }

  .user-txt {
    font-size: 15px
  }

  .free,
  .info {
    font-size: 18px
  }

  .pricing---heading---03 {
    font-size: 32px
  }

  .text-span-1322 {
    background-size: contain
  }

  .heading-margin {
    width: 250px
  }

  .tab-holder {
    display: block
  }

  .tabs-menu-8 {
    margin-right: 0
  }

  .name {
    font-size: 26px
  }

  .vector-img {
    z-index: 1;
    display: block;
    right: -4%
  }

  .trouble-div {
    flex-direction: column;
    margin-top: 60px
  }

  .textual-content-holder {
    width: 100%
  }

  .contact-button {
    width: 100%;
    margin-top: 20px
  }

  .f-q-section {
    padding-top: 60px;
    padding-bottom: 80px
  }

  .f-q-dropdown-holder {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    margin-top: 40px
  }

  .faq-dropdown {
    width: 100%
  }

  .text-block-1302 {
    font-size: 16px
  }

  .dropdown-toggle-10 {
    height: 60px
  }

  .dropdown-list-18.w--open {
    padding: 15px
  }

  .paragraph-90 {
    font-size: 14px
  }

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

  .banner-content {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
    padding-left: 25px;
    padding-right: 25px
  }

  .heading-1270 {
    margin-top: 20px;
    font-size: 34px
  }

  .hero-section {
    padding-top: 40px
  }

  .blue-div {
    border-radius: 50px;
    padding-top: 40px
  }

  .all-in-one-grid {
    grid-template-columns: 1fr 1fr
  }

  .price---holder {
    margin-top: -90px
  }

  .timer-section {
    padding-top: 30px
  }

  .divider---03 {
    display: none
  }

  .button-holder---01 {
    margin-top: 80px
  }

  .countdown-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: grid
  }

  .contact---section {
    padding-top: 60px
  }

  .contact-div {
    grid-template-columns: 1fr
  }

  .new-pricing-hero {
    padding-top: 20px;
    padding-bottom: 20px
  }

  .onehash-logo---02 {
    margin-bottom: 20px
  }

  .text-holder---03 {
    grid-column-gap: 10px;
    grid-row-gap: 10px
  }

  .pricing-heading---06.alignment-center {
    font-size: 24px
  }

  .banner--02 {
    padding-top: 60px;
    padding-bottom: 60px
  }

  .plan-section---02 {
    padding-bottom: 60px
  }

  .user-testimonial-div {
    width: 250px;
    padding: 17px
  }

  .rating-div---01 {
    flex-wrap: wrap;
    justify-content: space-between;
    justify-items: center
  }

  .div---01 {
    width: 50%;
    margin-top: 10px;
    margin-bottom: 10px
  }

  .compenent-timeline {
    grid-column-gap: 50px;
    grid-row-gap: 50px
  }

  .progess-timeline {
    left: 4px
  }

  .item-timeline {
    grid-template-rows: auto;
    width: 100%
  }

  .centre-of-timeline {
    justify-content: flex-start
  }

  .upper-base {
    padding-bottom: 40px
  }

  .heading---03 {
    font-size: 20px
  }

  .paragraph---03 {
    font-size: 12px
  }

  .graph-image {
    border-radius: 24px;
    height: 220px
  }

  .pricing---heading---07 {
    font-size: 26px
  }

  .mask-2 {
    height: 460px
  }

  .primary-container---02 {
    padding-left: 15px;
    padding-right: 15px
  }

  .left-arrow-5,
  .right-arrow-5 {
    width: 40px;
    height: 40px
  }

  .featured-slide-content {
    flex-direction: column
  }

  .featured-content {
    z-index: 2;
    width: 97%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 30px
  }

  .featured-blog-img {
    z-index: 1;
    width: 90%;
    height: 300px;
    margin-top: -20px;
    margin-left: auto;
    margin-right: auto;
    position: static
  }

  .sub-info.less-padding {
    grid-row-gap: 15px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
  }

  .blog-heading.small {
    font-size: 18px
  }

  .blog-head {
    font-size: 22px
  }

  .right-div {
    padding-top: 0
  }

  .blogs-menu {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-columns: 60px 90px 120px 110px 150px 140px 190px 140px 120px;
    padding-bottom: 5px
  }

  .blogs-tab-link {
    font-size: 14px
  }

  .blogs-pane-content {
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
    padding-top: 40px
  }

  .left-div-2 {
    padding-right: 0
  }

  .blogs-detail-box {
    grid-column-gap: 30px;
    grid-row-gap: 30px
  }

  .right-div-2 {
    position: static
  }

  .filters-wrapper {
    width: 350px
  }

  .footer-container {
    padding-left: 15px;
    padding-right: 15px
  }

  .footer-content-holder {
    grid-template-columns: 1fr
  }

  .footer-content-2 {
    grid-template-columns: 1fr 1fr 1fr
  }

  .category-hero-section {
    padding-top: 50px;
    padding-bottom: 80px
  }

  .text-holder---04 {
    grid-row-gap: 10px
  }

  .blog-heading-2 {
    font-size: 42px
  }

  .paragraph-holder---2 {
    width: 360px
  }

  .category-blog-holder {
    margin-top: 40px
  }

  .category-blog-content {
    padding-top: 60px
  }

  .category-blog {
    grid-row-gap: 10px
  }

  .content-holder---05 {
    padding-left: 10px;
    padding-right: 10px
  }

  .newsletterr {
    border-radius: 50px;
    padding: 30px
  }

  .newsletter-heading {
    font-size: 34px
  }

  .paragraph-holder---3 {
    width: 100%;
    margin-bottom: 40px
  }

  .newsletter-form-holder {
    width: 85%
  }

  .newsletter-submit-button {
    padding-left: 25px;
    padding-right: 25px
  }

  .text-holder---05 {
    width: 100%
  }

  .blue-color-div {
    padding-top: 50px;
    padding-bottom: 150px
  }

  .image-container {
    margin-top: -90px
  }

  .blog-individual-cover-image {
    height: 350px
  }

  .blog-individual-content {
    padding-top: 10px
  }

  .rich-text-holder {
    width: 90%
  }

  .blog-individual-rich-text h1 {
    font-size: 22px
  }

  .blog-individual-rich-text h2,
  .blog-individual-rich-text h4,
  .blog-individual-rich-text h3 {
    font-size: 18px
  }

  .blog-individual-rich-text p {
    font-size: 16px
  }

  .newsletter-section {
    padding-top: 20px
  }

  .related-blog-section {
    padding-top: 10px;
    padding-bottom: 80px
  }

  .related-blog-holder {
    grid-row-gap: 30px
  }

  .related-cms-list {
    grid-template-columns: 1fr
  }

  .blogs-menu-2 {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-columns: 90px 120px 110px 150px 140px 190px 140px 120px
  }

  .text-holder---2 {
    grid-row-gap: 30px
  }

  .blog-content-holder {
    align-self: center;
    width: 97%
  }

  .featured-content-23 {
    z-index: 2;
    width: 97%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 30px
  }

  .content-part {
    padding-left: 0
  }

  .blue-banner {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-top: 40px
  }

  .bold-heading {
    font-size: 28px
  }

  .bold-heading.alignment-center {
    font-size: 22px
  }

  .sub-head-text {
    font-size: 10px
  }

  .cal_hero---section {
    padding-bottom: 5rem
  }

  .main-container,
  .main-container.less-margin {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }

  .content---holder_1 {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem
  }

  .primary-heading_1 {
    font-size: 2rem
  }

  .primary-paragraph_2 {
    font-size: .875rem
  }

  .button---holder_1 {
    margin-top: 1rem
  }

  .primary-button_1,
  .primary-button_2 {
    font-size: .75rem
  }

  .cal-hero {
    height: 18rem
  }

  .rating---section {
    padding-bottom: 6rem
  }

  .rating---grid {
    grid-row-gap: 3rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr
  }

  .primary-heading_2 {
    font-size: 1.5rem
  }

  .primary-paragraph_1.color-grey.small {
    font-size: .75rem
  }

  .coloured-bg {
    padding-bottom: 20rem
  }

  .tailored-img {
    height: 20rem
  }

  .tailored-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    width: 70%;
    margin-top: -5.7rem
  }

  .interactive---section {
    padding-bottom: 3rem
  }

  .content---holder_3 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: 15rem;
    height: 15rem;
    padding-left: 1rem;
    padding-right: 1rem
  }

  .primary-heading_4 {
    font-size: 1.5rem
  }

  .tailored-lottie {
    width: 20rem;
    height: auto;
    margin-bottom: -17rem
  }

  .enterprise-lottie {
    height: 12rem;
    margin-bottom: -10rem
  }

  .enterprise-lottie.redifining {
    height: 12rem
  }

  .body-19 {
    padding-top: 0
  }

  .content-holder {
    display: none
  }

  .blog-text-holder {
    grid-row-gap: 30px
  }

  .team-info-div {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-direction: column;
    align-items: flex-start
  }

  .text-block-1309,
  .text-span-1332 {
    font-size: 14px
  }

  .integration_hero---section {
    padding-top: 3rem;
    padding-bottom: 4rem
  }

  .text-holder_1 {
    width: 100%
  }

  .integration---tab_link.w--current {
    font-size: 1rem
  }

  .search-bar---text-field::placeholder {
    font-size: .75rem
  }

  .menu-content {
    padding: .75rem 2rem
  }

  .cms---container {
    padding-left: 1rem
  }

  .individual-integration---box {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    padding: .875rem .5rem
  }

  .integration---logo {
    width: 2.5rem;
    height: 2.5rem
  }

  .integration---cms_list {
    grid-column-gap: 1rem;
    grid-row-gap: 2rem
  }

  .trouble-banner {
    flex-direction: column
  }

  .integration-content---section {
    padding-bottom: 4rem
  }

  .integration---rcih-text h2 {
    font-size: 24px
  }

  .integration---rcih-text h3 {
    font-size: 20px
  }

  .integration---rcih-text h1 {
    font-size: 28px
  }

  .menu---blog {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-columns: 60px auto
  }

  .blogs_menu {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-columns: 90px 120px 110px 150px 140px 190px 140px 120px
  }

  .hero---content_holder {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
  }

  .faq-collection---wrapper {
    margin-top: 40px
  }

  .faq-collection---list {
    grid-column-gap: 25px;
    grid-row-gap: 25px
  }

  .faq-collection---item {
    width: 100%
  }

  .faq---paragraph {
    font-size: 14px
  }

  .linear-bar {
    width: 4.4rem
  }

  .image---holder_integration {
    grid-column-gap: 15px;
    grid-row-gap: 15px
  }

  .about_hero {
    padding-top: 60px;
    padding-bottom: 70px
  }

  .about_hero---wrap {
    grid-column-gap: 100px;
    grid-row-gap: 100px
  }

  .heading_holder---1 {
    width: 90%
  }

  .about_images {
    padding-top: 120px;
    padding-bottom: 80px
  }

  .about_img_wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px
  }

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

  .about_onehash_wrap {
    grid-column-gap: 60px;
    grid-row-gap: 60px
  }

  .about_onehash_text---wrap {
    grid-column-gap: 25px;
    grid-row-gap: 25px
  }

  .primary-paragraph_3 {
    font-size: .875rem
  }

  .right_side_content {
    padding: 40px 30px
  }

  .about_list {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    padding-left: 25px
  }

  .about_onehash_img {
    height: 20rem
  }

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

  .about_products {
    padding-top: 60px;
    padding-bottom: 70px
  }

  .about_product_wrap {
    grid-column-gap: 60px;
    grid-row-gap: 60px
  }

  .product_text {
    font-size: 2rem
  }

  .product_subhead {
    font-size: 24px
  }

  .about_product_grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr
  }

  .about_statistics {
    padding-top: 80px;
    padding-bottom: 70px
  }

  .statistics_content---wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr
  }

  .about_story_wrap {
    grid-column-gap: 50px;
    grid-row-gap: 50px
  }

  .paragraph_holder---3 {
    width: 90%
  }

  .team_cms_list {
    grid-template-columns: 1fr 1fr
  }

  .team_info_box {
    height: 18rem
  }

  .about_culture {
    padding-bottom: 100px
  }

  .about_cta_wrap {
    width: 25rem
  }

  .banner_head {
    font-size: 38px
  }

  .mission_block {
    padding: 30px 20px 20px
  }

  .content---wrap_2 {
    width: 90%
  }

  .hero---text {
    font-size: 26px
  }

  .hero---text.yellow {
    margin-top: -50px;
    margin-right: -45px
  }

  .hero---text.red {
    margin-top: -50px;
    margin-left: -25px
  }

  .hero---text.blue {
    margin-bottom: -50px;
    margin-left: -55px
  }

  .hero---text.green {
    margin-bottom: -50px;
    margin-right: -45px
  }

  .reason_content_wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px
  }

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

  .primary-container {
    padding-left: 30px;
    padding-right: 30px
  }

  .primary---heading {
    letter-spacing: 0;
    font-size: 30px
  }

  .primary---heading.big {
    font-size: 36px
  }

  .primary---heading.small {
    font-size: 28px
  }

  .paragraph_container_1 {
    width: 100%
  }

  .primary---paragraph_1 {
    font-size: 14px
  }

  .button---container_1 {
    margin-top: 10px
  }

  .rating_image {
    width: 36px;
    height: 36px
  }

  .rating_info {
    font-size: 12px
  }

  .product {
    padding: 40px 0px;

  }

  .secondary---heading {
    font-size: 22px
  }

  /* .featured_image {
    height: 60px
  } */

  .just_onehash {
    padding-bottom: 100px
  }

  .banner_wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-left: 15px;
    padding-right: 15px
  }

  .bookmark_wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px
  }

  .heading_holder {
    max-width: 390px
  }

  .product---text_wrap {
    width: 100%
  }

  .product---features {
    padding-top: 60px;
    padding-bottom: 60px
  }

  .small---heading {
    font-size: 24px
  }

  .cal---heading_wrap_1 {
    max-width: 410px
  }

  .cal---hero {
    padding-top: 60px;
    padding-bottom: 60px
  }

  .siign_up---img_holder {
    height: 330px
  }

  .singup---head {
    font-size: 16px
  }

  .cal---embed {
    padding-top: 80px;
    padding-bottom: 80px
  }

  .cal---text_wrap_2 {
    width: 440px
  }

  .embed---facts {
    padding-left: 30px;
    padding-right: 30px
  }

  .fact---heading {
    font-size: 28px
  }

  .cal---possibilities {
    padding-bottom: 60px
  }

  .cal---text_wrap_3 {
    width: 440px
  }

  .cal_possibility---grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr
  }

  .cal---testimonial {
    padding-bottom: 80px
  }

  .cal--testimonial_text_wrap {
    width: 100%
  }

  .cal---integration_wrap {
    grid-column-gap: 60px;
    grid-row-gap: 60px
  }

  .cal---integration_text_wrap {
    width: 80%
  }

  .feature---text_wrap_1 {
    width: 100%
  }

  .feature---heading_1 {
    font-size: 36px
  }

  .feature---paragraph_1 {
    font-size: 18px
  }

  .feature---paragraph_1.black {
    font-size: 16px
  }

  .feature---para_wrap_1 {
    width: 85%
  }

  .feature---img_holder {
    width: 406px
  }

  .feature---hero_img {
    height: 300px
  }

  .feature---content_wrap_2 {
    grid-column-gap: 60px;
    grid-row-gap: 60px
  }

  .feature---heading_2 {
    font-size: 32px
  }

  .member-grid {
    grid-column-gap: 20px;
    grid-row-gap: 40px
  }

  .img_member_holder {
    height: 200px
  }

  .block {
    font-size: 16px
  }
}

@media screen and (max-width:479px) {
  .nav-menu {
    background-color: #fff;
    padding: 22px
  }

  .button {
    float: none;
    text-align: center;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex
  }

  .button._1 {
    justify-content: center;
    align-items: center;
    width: 200px;
    margin-left: auto;
    margin-right: auto
  }

  .container {
    background-color: #fff
  }

  .hero {
    width: 100%
  }

  .heading---02.mobile-banner {
    text-align: center;
    font-size: 40px
  }

  .paragraph {
    flex: 1;
    align-self: center
  }

  .paragraph.hero-para {
    text-align: center;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 15px;
    line-height: 23px
  }

  .container-2 {
    padding-top: 15px;
    padding-bottom: 50px;
    padding-left: 10px
  }

  .footer {
    padding-left: 25px;
    padding-right: 25px
  }

  .div-block-8 {
    text-align: left;
    margin-bottom: 20px
  }

  .brand {
    flex: 1
  }

  .brand.w--current {
    display: block
  }

  .dropdown-toggle-3 {
    padding-top: 20px
  }

  .dropdown-list.w--open {
    width: auto;
    left: 0
  }

  .centered-container {
    text-align: center
  }

  .section-6 {
    padding-top: 30px;
    padding-bottom: 30px
  }

  .image-15 {
    display: none
  }

  .section-8 {
    margin-top: 0;
    padding-top: 20px
  }

  .container-6 {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    display: flex
  }

  .div-block-11 {
    margin-bottom: 20px
  }

  .columns-2 {
    order: 0;
    display: block
  }

  .div-block-12 {
    margin-top: 30px;
    margin-left: 15px;
    margin-right: 15px
  }

  .icon {
    color: #000;
    background-color: #fff
  }

  .menu-button,
  .menu-button.w--open {
    background-color: #fff
  }

  .heading-18 {
    text-align: center;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 24px;
    line-height: 31px
  }

  .heading-19 {
    text-align: center;
    font-size: 24px;
    line-height: 32px
  }

  .product-section {
    display: none
  }

  .text-block-27 {
    font-size: 18px;
    line-height: 24px
  }

  .integration_wrapper {
    text-align: center;
    padding-top: 0;
    padding-bottom: 0
  }

  .heading-32 {
    margin-bottom: 21px;
    font-size: 32px;
    line-height: 37px
  }

  .mobile_product_section {
    padding: 50px 10px;
    display: block
  }

  .div-block-30 {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 10px
  }

  .heading-35 {
    margin-top: 0;
    font-size: 18px
  }

  .paragraph-14 {
    padding: 0
  }

  .column-8 {
    margin-top: 16px;
    margin-bottom: 16px
  }

  .columns-9 {
    margin-top: 15px
  }

  .text-block-31 {
    color: #5168ec;
    font-size: 16px
  }

  .heading-36 {
    color: #fff;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 500
  }

  .image-24 {
    display: none
  }

  .image-25 {
    margin: 0 auto;
    display: block
  }

  .div-block-32 {
    width: auto
  }

  .heading-37 {
    text-align: center
  }

  .paragraph-15 {
    padding-left: 10px;
    padding-right: 10px
  }

  .columns-10 {
    flex-direction: column-reverse
  }

  .column-10 {
    flex: 0 auto
  }

  .column-11 {
    order: -1
  }

  .paragraph-16 {
    text-align: center
  }

  .div-block-37 {
    flex-direction: column;
    justify-content: center;
    width: auto;
    margin-top: 20px;
    display: flex
  }

  .pricing-section {
    height: 220px;
    margin-top: 92px
  }

  .starter {
    width: 100%;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0
  }

  .heading-42 {
    margin-top: 0;
    font-size: 32px;
    line-height: 38px
  }

  .paragraph-18 {
    font-size: 17px
  }

  .jointeamtext-wrapper {
    text-align: center;
    align-items: center;
    padding-left: 0
  }

  .form-wrapper {
    padding-left: 4px;
    padding-right: 4px
  }

  .columns-11 {
    flex-direction: column
  }

  .download-text-wrapper {
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex
  }

  .heading-46 {
    text-align: center;
    font-size: 8vw;
    line-height: 10vw
  }

  .column-41 {
    justify-content: flex-start;
    align-items: center;
    height: auto
  }

  .image-31 {
    display: block
  }

  .signup-sticky {
    z-index: 99;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
    position: fixed;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%
  }

  .div-block-46 {
    background-color: #5168ec;
    padding: 15px 20px
  }

  .link-block-10 {
    width: 50%;
    text-decoration: none
  }

  .text-block-38 {
    color: #fff;
    text-align: center;
    font-family: Metropolis, sans-serif;
    text-decoration: none
  }

  .link-block-11 {
    width: 50%;
    text-decoration: none
  }

  .div-block-47 {
    background-color: #000;
    padding: 15px 20px
  }

  .text-block-39 {
    color: #fff;
    text-align: center
  }

  .div-block-48 {
    justify-content: space-between;
    align-items: center;
    display: flex
  }

  .body {
    font-family: Metropolis, sans-serif
  }

  .landing-main-body {
    padding-top: 30px
  }

  .div-block-51 {
    width: 100%
  }

  .text-block-40 {
    margin-top: 30px
  }

  .select-field {
    width: 25%;
    padding-left: 5px;
    padding-right: 0
  }

  .div-block-56 {
    width: 100%
  }

  .div-block-57 {
    padding-bottom: 50px;
    padding-left: 10px;
    padding-right: 10px
  }

  .div-block-63 {
    display: block
  }

  .button-4 {
    display: none
  }

  .section-13 {
    position: relative
  }

  .div-block-65 {
    display: block
  }

  .div-block-66 {
    width: 100%;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    display: none
  }

  .div-block-67 {
    width: 100%;
    height: auto;
    padding-top: 0
  }

  .testimonial {
    padding-top: 50px;
    padding-bottom: 50px;
    display: block
  }

  .slider-2 {
    background-color: #000;
    width: 90%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 8px 8px 20px 13px #e2e2e2
  }

  .right-arrow-2 {
    width: 30px;
    height: 50px
  }

  .icon-2 {
    color: #000;
    font-size: 20px
  }

  .left-arrow-2 {
    width: 30px;
    height: 50px
  }

  .icon-3 {
    color: #000;
    font-size: 20px
  }

  .image-33 {
    display: none
  }

  .slide {
    text-align: center;
    padding-left: 0;
    padding-right: 0
  }

  .slide-nav-2 {
    display: none
  }

  .div-block-68 {
    background-color: #fff;
    border-radius: 0;
    padding: 20px 30px
  }

  .paragraph-27 {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
  }

  .text-block-47 {
    color: #727272;
    margin-bottom: 10px;
    font-size: 12px;
    font-style: italic;
    font-weight: 400
  }

  .div-block-69 {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0;
    display: block;
    box-shadow: 1px 1px 3px #e2e2e2
  }

  .slide-2,
  .slide-3,
  .slide-4 {
    text-align: center
  }

  .text-block-48 {
    margin-left: 10px;
    margin-right: 10px
  }

  .tabs-menu-6 {
    text-align: center;
    justify-content: center;
    display: flex
  }

  .columns-18 {
    margin-left: auto;
    margin-right: auto
  }

  .column-42 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
  }

  .column-43 {
    margin-left: auto;
    margin-right: auto
  }

  .column-44 {
    padding-left: 15px;
    padding-right: 15px
  }

  .section-15 {
    height: 1050px
  }

  .color-holder {
    height: 410px
  }

  .heading-48 {
    font-size: 28px;
    line-height: 31px
  }

  .heading-49 {
    font-size: 19px;
    line-height: 25px
  }

  .container-10 {
    padding-top: 43px;
    padding-bottom: 43px
  }

  .columns-19 {
    margin-top: 10px
  }

  .email-id-left {
    text-align: center;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px
  }

  .email-id-right {
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex
  }

  .text-block-53 {
    text-align: center;
    align-self: center;
    padding-right: 0;
    font-size: 17px
  }

  .address-holder {
    top: 352px
  }

  .bangalore-address {
    width: 100%;
    height: 220px;
    margin-bottom: 20px
  }

  .columns-20 {
    flex-direction: column
  }

  .image-38 {
    margin-bottom: 30px
  }

  .div-block-73 {
    flex-direction: column
  }

  .column-46 {
    overflow: visible
  }

  .image-39 {
    display: inline-block
  }

  .column-47,
  .column-48 {
    margin-top: 20px
  }

  .div-block-75 {
    column-count: 1;
    display: block
  }

  .nav-link-6 {
    margin-left: 0;
    margin-right: 10px
  }

  .div-block-76 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block
  }

  .div-block-77 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex
  }

  .nav-menu-2 {
    background-color: var(--white-smoke);
    width: 100%
  }

  .div-block-78 {
    justify-content: flex-start;
    align-items: center
  }

  .button-6 {
    display: none
  }

  .heading-53 {
    color: #474d66;
    text-align: center;
    width: 100%;
    font-size: 5.5vh;
    line-height: 7vh
  }

  .div-block-80 {
    text-align: center;
    display: block
  }

  .paragraph-29 {
    text-align: center;
    width: 100%;
    margin: 30px auto;
    font-size: 16px;
    line-height: 26px
  }

  .div-block-82 {
    width: 100%;
    display: block
  }

  .link-21 {
    float: right;
    width: 100%;
    margin-bottom: 20px;
    margin-left: 0;
    font-size: 16px
  }

  .button-7 {
    text-align: center;
    width: auto;
    margin-bottom: 20px;
    font-size: 14px
  }

  .review-belt {
    margin-top: 40px
  }

  .div-block-83 {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    display: flex
  }

  .div-block-84 {
    width: 40%;
    margin: 20px 10px
  }

  .div-block-86 {
    width: 100%;
    margin-left: 0;
    margin-right: 0
  }

  .features {
    padding-bottom: 0
  }

  .paragraph-30 {
    margin-top: 20px;
    font-size: 16px;
    line-height: 26px
  }

  .div-block-87 {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 50px;
    padding: 0 20px 10px;
    display: block
  }

  .paragraph-31 {
    margin-top: 20px;
    font-size: 16px;
    line-height: 26px
  }

  .heading-54 {
    width: auto;
    font-size: 28px;
    line-height: 36px
  }

  .cta-1 {
    padding-bottom: 30px
  }

  .div-block-88,
  .div-block-89 {
    width: 100%
  }

  .heading-55 {
    text-align: center;
    margin-top: 20px;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px
  }

  .div-block-90 {
    text-align: center;
    width: 100%;
    text-decoration: none;
    display: block
  }

  .testimonials {
    margin-top: 0
  }

  .heading-58 {
    line-height: 42px
  }

  .heading-59 {
    text-align: center
  }

  .integrations-onechat {
    padding-left: 20px;
    padding-right: 20px
  }

  .div-block-96 {
    width: 100%;
    display: block
  }

  .div-block-97 {
    width: 100%
  }

  .cta {
    background-position: 50%
  }

  .div-block-98 {
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    display: block
  }

  .footer-onehash {
    padding-left: 1rem;
    padding-right: 1rem
  }

  .div-block-99 {
    flex-flow: column wrap;
    align-items: center;
    display: flex
  }

  .div-block-100 {
    text-align: left;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    margin-bottom: 20px;
  }

  .text-block-58 {
    text-align: center
  }


  .div-block-105 {
    width: 100%
  }

  .text-span-8 {
    line-height: 5.5vh
  }

  .div-block-107 {
    display: block
  }

  .heading-62 {
    font-size: 5vh;
    line-height: 7vh
  }

  .div-block-108 {
    border-radius: 10px;
    width: 100%
  }

  .div-block-109 {
    width: 100%
  }

  .div-block-110 {
    display: block
  }

  .cards {
    width: 100%;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px
  }

  .crm-analytics {
    display: block
  }

  .div-block-114 {
    width: 100%;
    padding: 30px 20px
  }

  .div-block-115 {
    padding-bottom: 6rem
  }

  .div-block-116 {
    width: 100%;
    padding: 50px 20px
  }

  .heading-64 {
    margin-top: 0
  }

  .interactive-workflow-automation {
    padding-bottom: 6rem;
    display: block
  }

  .div-block-117 {
    width: 100%;
    padding: 30px 20px
  }

  .div-block-118 {
    width: 100%;
    padding: 50px 20px
  }

  .seamless-system-configuration {
    padding-bottom: 6rem;
    display: block
  }

  .div-block-119 {
    width: 100%;
    padding: 50px 20px
  }

  .jumbotron {
    padding-top: 50px;
    padding-bottom: 50px
  }

  .div-block-121 {
    width: 100%;
    display: block
  }

  .div-block-123 {
    width: 100%;
    margin-top: 30px;
    padding-left: 10px;
    padding-right: 10px
  }

  .div-block-127 {
    width: 100%
  }

  .heading-66 {
    font-size: 28px;
    line-height: 38px
  }

  .div-block-128 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px
  }

  .div-block-130 {
    width: 100%
  }

  .heading-69.quotes {
    text-align: center;
    font-size: 5.5vh;
    line-height: 4vh
  }

  .about-jumbotron {
    padding: 30px 20px
  }

  .faas-section {
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px
  }

  .div-block-136 {
    width: 100%;
    margin-bottom: 0
  }

  .paragraph-37 {
    text-align: left;
    font-size: 18px;
    line-height: 28px
  }

  .about-section-1 {
    padding-top: 0
  }

  .onehash-team {
    display: block
  }

  .customer-onehash {
    display: none
  }

  .section-17 {
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%
  }

  .div-block-147 {
    justify-content: space-between
  }

  .div-block-148 {
    text-align: center;
    font-size: 12px
  }

  .text-span-26 {
    text-align: center
  }

  .text-span-27 {
    font-size: 12px
  }

  .pricing-table {
    margin-top: 0
  }

  .div-block-149 {
    width: 90%;
    display: block
  }

  .heading-74 {
    margin: 10px 20px 15px;
    padding-top: 0;
    font-size: 20px;
    line-height: 30px
  }

  .div-block-150 {
    width: 100%
  }

  .div-block-151 {
    border-top-right-radius: 0;
    border-bottom-left-radius: 20px;
    width: 100%
  }

  .text-block-65 {
    margin-top: 10px
  }

  .button-9 {
    align-items: center;
    margin: 20px auto;
    display: inline-block;
    overflow: visible
  }

  .text-block-67 {
    margin-top: 10px;
    font-size: 12px;
    line-height: 18px
  }

  .text-block-75 {
    font-size: 12px
  }

  .startup {
    margin-top: 120px
  }

  .div-block-162 {
    display: block
  }

  .heading-77 {
    text-align: center
  }

  .div-block-163 {
    width: 100%;
    margin-top: 30px
  }

  .div-block-164 {
    width: 100%
  }

  .paragraph-40,
  .div-block-165 {
    text-align: center
  }

  .button-10 {
    text-align: center;
    margin-left: auto;
    margin-right: auto
  }

  .link-26 {
    text-align: center
  }

  .div-block-166 {
    display: block
  }

  .div-block-167,
  .div-block-168 {
    width: 100%
  }

  .text-block-76 {
    font-size: 12px
  }

  .div-block-169 {
    padding-left: 10px;
    padding-right: 10px
  }

  .heading-79 {
    margin-top: 10px;
    font-size: 24px
  }

  .div-block-173 {
    width: 1000px;
    overflow: hidden
  }

  .div-block-177 {
    width: 100%;
    display: block
  }

  .div-block-178 {
    width: 100%
  }

  .div-block-179 {
    width: 100%;
    margin-top: 20px
  }

  .div-block-182 {
    width: 90%
  }

  .div-block-186 {
    padding-left: 10px;
    padding-right: 10px
  }

  .div-block-187 {
    width: 100%;
    display: block
  }

  .div-block-188 {
    width: 100%
  }

  .div-block-189 {
    justify-content: center;
    margin-top: auto;
    margin-left: auto
  }

  .div-block-190 {
    text-align: center;
    flex-flow: column wrap;
    align-content: center;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    width: 15%;
    height: auto;
    margin-left: 5px;
    margin-right: 5px;
    display: flex
  }

  .text-block-86 {
    margin-left: auto;
    margin-right: auto;
    display: block
  }

  .div-block-191 {
    border-top-right-radius: 30px;
    border-bottom-left-radius: 0;
    width: 100%
  }

  .text-block-87 {
    text-align: center;
    font-size: 12px
  }

  .text-span-39,
  .text-block-88 {
    font-size: 12px
  }

  .div-block-194 {
    display: block
  }

  .text-block-92 {
    text-align: left;
    font-size: 12px
  }

  .startup-qualify {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto
  }

  .div-block-197 {
    background-image: linear-gradient(transparent, transparent), url("");
    background-repeat: repeat, no-repeat;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px
  }

  .list-item-23 {
    line-height: 26px
  }

  .list-item-24 {
    font-size: 18px;
    line-height: 26px
  }

  .list-item-25,
  .list-item-26,
  .list-item-27,
  .list-item-28 {
    line-height: 26px
  }

  .list-7 {
    font-size: 18px
  }

  .div-block-200 {
    width: 100%
  }

  .div-block-203 {
    width: 100%;
    margin: 20px 0
  }

  .div-block-204 {
    padding-left: 20px;
    padding-right: 20px
  }

  .slider-3 {
    height: auto
  }

  .paragraph-47 {
    width: 80%;
    margin-top: 20px;
    font-size: 14px
  }

  .div-block-205 {
    display: block
  }

  .div-block-206 {
    width: 90%;
    margin-left: auto;
    margin-right: auto
  }

  .div-block-207 {
    width: 100%
  }

  .div-block-208 {
    min-width: auto
  }

  .div-block-210 {
    align-items: flex-start;
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px
  }

  .div-block-215 {
    width: 90%;
    margin-left: auto;
    margin-right: auto
  }

  .div-block-217 {
    width: 100%
  }

  .div-block-219 {
    display: block
  }

  .div-block-220 {
    width: 100%
  }

  .div-block-221 {
    width: 100%;
    margin-top: 20px
  }

  .div-block-232 {
    width: 100%;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0
  }

  .div-block-240 {
    width: 600px
  }

  .text-block-109 {
    font-size: 12px
  }

  .link-block-32 {
    padding-left: 10px;
    padding-right: 10px
  }

  .link-block-32.w--current,
  .link-block-33,
  .link-block-34 {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px
  }

  .div-block-241,
  .div-block-244 {
    width: 100%
  }

  .image-53 {
    display: inline-block
  }

  .menu-button-2 {
    background-color: var(--white)
  }

  .menu-button-2.w--open {
    background-color: var(--white-smoke)
  }

  .icon-4 {
    color: var(--dim-grey)
  }

  .div-block-246 {
    display: block
  }

  .div-block-247 {
    display: none
  }

  .image-54 {
    margin-top: 30px
  }

  .text-block-110 {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px
  }

  .slide-5 {
    width: 100%
  }

  .left-arrow-3,
  .right-arrow-3 {
    width: 20px;
    font-size: 12px
  }

  .feature-wrap,
  .feature-wrap.reverse {
    flex-direction: column
  }

  .feature-content {
    width: auto;
    padding-left: 5vw;
    padding-right: 5vw
  }

  .feature-image-1218 {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 30px;
    display: block
  }

  .section-21 {
    padding-top: 60px
  }

  .div-block-248,
  .div-block-249 {
    background-image: none;
    padding: 30px 20px
  }

  .text-block-111 {
    font-size: 12px
  }

  .image-56 {
    max-width: 100%
  }

  .div-block-250 {
    padding-left: 20px;
    padding-right: 20px
  }

  .div-block-251 {
    width: 40%
  }

  .slide-nav-4 {
    display: none
  }

  .pricing-jumbo-2 {
    margin-top: 100px
  }

  .text-block-113 {
    text-align: left;
    font-size: 12px
  }

  .div-block-257 {
    text-align: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: none
  }

  .div-block-258 {
    width: 100%
  }

  .image-57 {
    width: 20px
  }

  .signup {
    display: block
  }

  .body-6 {
    height: auto
  }

  .div-block-260 {
    width: 100%;
    display: block
  }

  .div-block-261 {
    width: 100%
  }

  .div-block-262 {
    width: 100%;
    margin-top: 20px
  }

  .div-block-264 {
    display: block
  }

  .div-block-265,
  .div-block-266 {
    width: 100%
  }

  .div-block-269 {
    width: 40%
  }

  .div-block-270 {
    width: 60%
  }

  .div-block-272 {
    display: block
  }

  .div-block-273 {
    width: 100%
  }

  .div-block-276 {
    display: block
  }

  .div-block-277 {
    width: 100%;
    margin-left: 0;
    margin-right: 0
  }

  .div-block-278 {
    grid-template-columns: 1fr
  }

  .div-block-279 {
    width: 100%;
    margin-left: 0;
    margin-right: 0
  }

  .div-block-283 {
    padding-left: 20px;
    padding-right: 20px
  }

  .div-block-284 {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    overflow: auto
  }

  .link-31,
  .link-31.w--current {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px
  }

  .div-block-285,
  .div-block-286,
  .div-block-287,
  .div-block-288,
  .div-block-289 {
    width: 100%;
    overflow: auto
  }

  .html-embed-3 {
    margin-left: -7px;
    padding-left: 0
  }

  .div-block-290 {
    display: block
  }

  .div-block-292 {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px
  }

  .div-block-293 {
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: flex
  }

  .heading-108 {
    text-align: center;
    font-size: 28px;
    line-height: 36px
  }

  .paragraph-66 {
    text-align: center;
    font-size: 12px;
    line-height: 21px
  }

  .div-block-294 {
    padding-left: 20px;
    padding-right: 20px
  }

  .heading-109 {
    font-size: 22px;
    line-height: 30px
  }

  .paragraph-67 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px
  }

  .jumbotron-career {
    background-image: none;
    padding-top: 50px;
    padding-bottom: 20px
  }

  .heading-111 {
    font-size: 24px
  }

  .div-block-298 {
    margin-top: 10px;
    margin-bottom: 10px
  }

  .section-30 {
    padding-left: 20px;
    padding-right: 20px
  }

  .button-13 {
    background-color: var(--steel-blue);
    border-radius: 8px;
    order: 0;
    margin-left: 100px;
    display: none
  }

  .faq {
    padding-top: 50px;
    padding-bottom: 50px
  }

  .heading-114 {
    font-size: 24px;
    line-height: 38px
  }

  .marquee--inner {
    display: block
  }

  .div-block-309 {
    width: auto
  }

  .image-67 {
    margin-top: -30px
  }

  .buttontext-lifetime {
    padding-left: 17px
  }

  .buttontext-monthly {
    margin-left: 235px
  }

  .heading-1212 {
    margin-top: auto;
    margin-bottom: auto;
    font-size: 40px
  }

  .button-1212 {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 14px
  }

  .buttontext-lifetime-signup {
    object-fit: fill;
    width: auto;
    height: auto;
    margin-left: 20px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: block
  }

  .buttontext-monthly-signup {
    margin-top: -30px;
    margin-left: 205px;
    display: block
  }

  .column-50 {
    display: block
  }

  .heading-1218 {
    text-align: center;
    width: 280px;
    font-size: 18px;
    line-height: 28px
  }

  .customer-support-service-block-12 {
    flex-direction: column;
    display: flex
  }

  .feature-content-1218 {
    width: auto;
    padding-left: 5vw;
    padding-right: 5vw
  }

  .image-74 {
    text-align: left;
    object-fit: contain;
    margin-top: -86px;
    margin-bottom: 59px;
    margin-left: 5px;
    display: block
  }

  .text-block-1215 {
    object-fit: contain;
    width: 280px;
    margin-top: 100px;
    padding-left: 0;
    font-size: 21px;
    display: block
  }

  .div-block-315 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    width: 280px;
    margin-left: auto;
    margin-right: auto;
    display: block
  }

  .text-block-1216 {
    padding-left: 13px;
    padding-right: 13px
  }

  .app-download {
    font-size: 18px
  }

  .image-75,
  .image-76 {
    max-width: none
  }

  .heading-onechat {
    padding-left: 0;
    padding-right: 0;
    font-size: 24px;
    line-height: 42px
  }

  .div-block-317 {
    position: static
  }

  .image-77 {
    max-width: 90%
  }

  .div-class-onechat-1 {
    width: 90%;
    display: block
  }

  .div-block-onechat-1 {
    width: 100%;
    padding-right: 1px
  }

  .heading-53-copy {
    text-align: center;
    margin-bottom: 0;
    font-size: 4.5vh;
    line-height: 7vh
  }

  .button-onechat-cta {
    text-align: center;
    flex: 0 auto;
    width: 100%;
    margin-bottom: 20px;
    font-size: 14px;
    display: flex
  }

  .cta-onehash,
  .cta-onechat {
    background-position: 50%
  }

  .dropdown-list-7.w--open {
    width: auto;
    margin-right: 140px;
    padding-right: 20px
  }

  .dropdown-link-7 {
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding: 10px 6px 10px 0;
    display: flex
  }

  .text-block-1231 {
    padding-right: 0
  }

  .container-20 {
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 0
  }

  .text-block-1232 {
    padding-top: 0
  }

  .dropdown-toggle-6 {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    margin-left: 20px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: flex
  }

  .dropdown-list-8.w--open {
    width: auto;
    height: auto;
    margin-top: 45px;
    margin-left: 80px;
    margin-right: auto;
    display: block
  }

  .heading-69-copy {
    color: var(--steel-blue);
    font-size: 5.5vh;
    line-height: 40px
  }

  .heading-69-copy.quotes {
    text-align: center;
    text-align: center;
    text-align: center;
    font-size: 5.5vh;
    line-height: 4vh;
    overflow: visible
  }

  .image-78,
  .image-77-copy,
  .monthly-features,
  .monthly-features-1 {
    max-width: 90%
  }

  .link-block-46.w--current {
    display: block
  }

  .icon-5 {
    margin-right: 100px
  }

  .button-6-copy {
    display: none
  }

  .nav-link-6-copy {
    margin-left: 0;
    margin-right: 10px
  }

  .paragraph-60-onechat {
    width: 80%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    line-height: 24px
  }

  .section-buy-now {
    padding-bottom: 0
  }

  .div-block-293-copy {
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: flex
  }

  .heading-108-copy {
    text-align: center;
    font-size: 28px;
    line-height: 36px
  }

  .paragraph-66-copy {
    text-align: center;
    margin-top: 10px;
    font-size: 12px;
    line-height: 21px
  }

  .button-7-copy {
    text-align: center;
    width: auto;
    margin-bottom: 20px;
    font-size: 14px;
    display: inline-block
  }

  .div-block-322 {
    height: 180px;
    margin-bottom: 0;
    padding-bottom: 20px
  }

  .dropdown-list-11.w--open {
    width: 260px;
    margin-left: 8px;
    padding-left: 0
  }

  .column-57 {
    padding-bottom: 10px;
    padding-left: 10px
  }

  .div-block-oc-integration {
    width: 100%;
    display: block
  }

  .heading-59-i-oc {
    text-align: center
  }

  .text-block-110-i-oc {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px
  }

  .heading-99-copy {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 32px;
    line-height: 42px
  }

  .paragraph-60-copy {
    width: 80%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    line-height: 24px
  }

  .text-block-1243 {
    padding-left: 10px;
    padding-right: 10px
  }

  .column-58,
  .column-57-copy,
  .column-57-copy-1,
  .column-57-copy-2 {
    padding-bottom: 10px;
    padding-left: 10px
  }

  .dropdown-list-12.w--open {
    width: 280px;
    margin-top: -14px
  }

  .image-91 {
    max-width: 50%;
    margin-top: -2px;
    margin-left: 0;
    padding-left: 0
  }

  .column-60 {
    padding-left: 29px
  }

  .image-92 {
    max-width: 50%;
    margin-left: -20px
  }

  .pricing-jumbo-2-jvzoo {
    margin-top: 100px
  }

  .button-9-onechat-jvzoo {
    margin-left: 45px
  }

  .div-block-327 {
    justify-content: center;
    align-items: center;
    display: none
  }

  .columns-28 {
    align-items: center;
    display: flex
  }

  .columns-29 {
    align-items: center;
    padding-right: 40px;
    display: flex
  }

  .column-63,
  .column-64 {
    padding-left: 20px
  }

  .heading-1219.quotes,
  .heading-1220.quotes,
  .heading-1221.quotes,
  .heading-1222.quotes {
    font-size: 36px
  }

  .heading-1223 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    line-height: 32px
  }

  .paragraph-71 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    line-height: 21px
  }

  .heading-1225 {
    font-size: 16px
  }

  .container-20-onecrm {
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 0;
    display: none
  }

  .div-block-151-signup {
    border-top-right-radius: 0;
    border-bottom-left-radius: 20px;
    width: 100%;
    padding-bottom: 20px
  }

  .container-21-onecrm {
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 0;
    display: block
  }

  .dropdown-toggle-7 {
    margin-left: -100px
  }

  .dropdown-list-13.w--open {
    margin-left: -96px
  }

  .dropdown-toggle-7-onecrm {
    margin-left: -100px
  }

  .feature-wrap-oc1,
  .feature-wrap-oc2,
  .feature-wrap-oc2.reverse,
  .feature-wrap-call,
  .feature-wrap-oh1,
  .feature-wrap-oh2,
  .feature-wrap-oh2.reverse {
    flex-direction: column
  }

  .div-block-jvzoo {
    width: 100%;
    padding-right: 1px
  }

  .div-class-jvzoo {
    width: 90%;
    display: block
  }

  .button-onechat-cta-jvzoo {
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
    font-size: 14px
  }

  .cta-onechat-jvzoo {
    background-position: 50%
  }

  .div-block-317-jvzoo {
    position: static
  }

  .div-class-clickbank {
    width: 90%;
    display: block
  }

  .button-onechat-cta-clickbank {
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
    font-size: 14px
  }

  .heading-109-clickbank {
    font-size: 24px
  }

  .button-9-clickbank,
  .button-9-clickbank-thankyou {
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: inline-block
  }

  .feature-wrap-oc2-thankyou,
  .feature-wrap-oc2-thankyou.reverse {
    flex-direction: column
  }

  .heading-1226 {
    margin-bottom: 0;
    font-size: 24px
  }

  .text-block-1251 {
    text-align: center
  }

  .body-8 {
    background-position: 50%;
    background-size: contain
  }

  .text-block-1252 {
    padding-left: 10px;
    padding-right: 10px
  }

  .columns-31 {
    margin-top: 40px
  }

  .pricing-jumbo-2-copy {
    margin-top: 100px
  }

  .paragraph-60-onechat-copy,
  .paragraph-60-onechat-copy-copy {
    width: 80%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    line-height: 24px
  }

  .text-block-1253 {
    line-height: 30px
  }

  .image-77-copy-copy,
  .monthly-features-copy,
  .monthly-features-1-copy,
  .image-77-copy,
  .image-78-copy,
  .image-77-copy-copy,
  .image-77-copy-copy-copy {
    max-width: 90%
  }

  .column-66 {
    margin-top: 0;
    padding-top: 0
  }

  .column-68 {
    justify-content: center
  }

  .text-block-1254 {
    text-align: center
  }

  .columns-32 {
    flex-direction: column
  }

  .heading-1229 {
    font-size: 24px
  }

  .text-block-1255 {
    height: 80px;
    font-size: 18px;
    line-height: 35px
  }

  .button-7-pricing {
    text-align: center;
    flex-direction: column;
    flex: 0 auto;
    align-items: center;
    width: 70%;
    margin-bottom: 20px;
    font-size: 14px;
    display: flex
  }

  .div-block-346 {
    flex-direction: column;
    align-items: center
  }

  .text-block-1257 {
    align-self: flex-start;
    margin-top: 70px;
    margin-left: auto;
    margin-right: auto
  }

  .div-block-347 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
    display: block
  }

  .div-block-87-copy {
    width: 100%;
    margin-top: auto;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: block
  }

  .text-span-1267-copy {
    padding-left: 0
  }

  .heading-1227-copy {
    line-height: 50px
  }

  .div-block-87-copy-1,
  .div-block-87-copy-2,
  .div-block-87-copy-3 {
    width: 100%;
    margin-top: auto;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: block
  }

  .cta-onechat-copy {
    background-position: 50%
  }

  .text-block-1258 {
    font-family: Poppins, sans-serif
  }

  .text-block-1259 {
    font-family: Poppins, sans-serif;
    font-size: 21px;
    line-height: 35px
  }

  .text-block-58-copy {
    text-align: center
  }

  .image-100 {
    max-width: 90%;
    margin: auto 0;
    padding-left: 0;
    padding-right: 0
  }

  .heading-69-copy-copy {
    color: var(--steel-blue);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 4.5vh;
    line-height: 40px
  }

  .container-30 {
    margin-top: 0
  }

  .div-block-87-1,
  .div-block-87-2,
  .div-block-87-3,
  .div-block-87-4,
  .div-block-87-5,
  .div-block-87-6,
  .div-block-87-7 {
    width: 100%;
    margin-top: auto;
    padding: 0 20px 10px;
    display: block
  }

  .image-102 {
    display: inline-block
  }

  .column-69 {
    justify-content: center;
    display: flex
  }

  .link-block-4 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0
  }

  .div-block-3 {
    display: block
  }

  .dropdown-list-17.w--open {
    width: 100%;
    display: block
  }

  .div-block-19 {
    width: 100%;
    padding-left: .875rem;
    padding-right: .875rem
  }

  .nav-menu-3 {
    background-color: var(--white);
    width: 100%;
    padding-left: 0
  }

  .link-block {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0
  }

  .link-block-64 {
    width: 82px;
    margin-left: 20px;
    margin-right: auto
  }

  .button-1220 {
    text-align: center;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 10px
  }

  .jumbotron-2 {
    align-items: flex-start;
    height: auto
  }

  .heading {
    text-align: center;
    font-size: 5vh;
    line-height: 6vh
  }

  .div-block-22 {
    width: 100%;
    padding-top: 50px;
    font-family: Poppins, sans-serif;
    display: block
  }

  .div-block-23 {
    width: 100%
  }

  .div-block-24 {
    width: 100%;
    margin-top: 30px
  }

  .button-5 {
    text-align: center;
    width: 100%;
    margin-left: 0
  }

  .div-block-26 {
    text-align: left
  }

  .text-block-3 {
    text-align: center
  }

  .license-notice {
    padding-left: .9rem;
    padding-right: .9rem
  }

  .menu-button-3,
  .menu-button-3.w--open {
    background-color: var(--white)
  }

  .icon-8 {
    color: var(--steel-blue)
  }

  .dropdown-2,
  .button-1221 {
    width: 100%
  }

  .heading-1232 {
    text-align: center;
    font-size: 5vh;
    line-height: 6vh
  }

  .div-block-358 {
    text-align: center;
    padding-top: 50px;
    display: block
  }

  .div-block-359 {
    width: 100%
  }

  .div-block-360 {
    width: 100%;
    margin-top: 20px
  }

  .button-1222 {
    width: 100%;
    margin-top: 10px;
    margin-left: 0
  }

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

  .div-block-362 {
    width: 100%;
    margin-left: 0;
    margin-right: 0
  }

  .onechat-features {
    padding-top: 30px;
    padding-bottom: 30px
  }

  .div-block-364 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    display: block
  }

  .heading-95 {
    margin-top: 10px
  }

  .div-block-367 {
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto
  }

  .div-block-368 {
    width: 80%;
    margin-left: auto;
    margin-right: auto
  }

  .pricing-hero {
    padding-top: 10px
  }

  .div-block-369 {
    display: block
  }

  .div-block-370 {
    width: 100%;
    margin: 20px 0 30px
  }

  .div-block-373 {
    width: 100%
  }

  .text-block-1269 {
    text-align: center;
    justify-content: center
  }

  .div-block-377 {
    display: block
  }

  .div-block-378 {
    width: 100%;
    margin: 10px 0
  }

  .div-block-387 {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px
  }

  .heading-1237 {
    font-weight: 600;
    line-height: 5vh
  }

  .div-block-389 {
    column-count: 1;
    column-gap: 0
  }

  .div-block-390 {
    margin-top: 30px
  }

  .div-block-392 {
    flex-wrap: wrap;
    display: flex
  }

  .div-block-393 {
    width: 30%
  }

  .div-block-394 {
    width: 70%
  }

  .div-block-395 {
    display: none
  }

  .div-block-396,
  .div-block-397 {
    width: 100%
  }

  .heading-1239 {
    line-height: 36px
  }

  .slider-6 {
    height: 100%
  }

  .icon-15 {
    margin-right: 0
  }

  .icon-16 {
    margin-left: 0
  }

  .div-block-399 {
    align-items: flex-start;
    height: auto;
    display: block
  }

  .div-block-400,
  .div-block-401,
  .heading-1240.quotes,
  .heading-1241.quotes,
  .heading-1242.quotes {
    text-align: center
  }

  .body-11 {
    height: auto
  }

  .paragraph-75 {
    font-size: 16px;
    line-height: 24px
  }

  .div-block-406 {
    padding-left: 20px;
    padding-right: 20px
  }

  .chatbot-integration {
    padding-bottom: 30px
  }

  .div-block-408 {
    width: 90%
  }

  .heading-1244 {
    font-size: 5vh;
    line-height: 7vh
  }

  .paragraph-76 {
    color: var(--para);
    font-size: 16px;
    line-height: 24px
  }

  .product-popup {
    overflow: scroll
  }

  .div-block-409 {
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden
  }

  .div-block-410 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    display: flex
  }

  .div-block-411 {
    width: 140px;
    height: 140px
  }

  .heading-1246 {
    font-size: 16px;
    line-height: 1.2
  }

  .link-block-65 {
    margin: 0
  }

  .section-35 {
    background-position: 50%
  }

  .nav-lp {
    padding-top: 0;
    padding-bottom: 0
  }

  .image-113 {
    margin-top: 10px
  }

  .div-block-414 {
    width: 100%
  }

  .heading-1248 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 24px;
    line-height: 32px
  }

  .div-block-417 {
    padding-left: 10px;
    padding-right: 10px;
    display: block
  }

  .div-block-418 {
    width: 100%;
    margin-left: 0;
    margin-right: 0
  }



  .section-37 {
    padding: 0;
    display: block
  }

  .heading-1250 {
    font-size: 5vh;
    line-height: 6vh
  }

  .div-block-426 {
    width: 100%
  }

  .div-block-428 {
    display: block
  }

  .div-block-429 {
    width: 90%;
    margin-left: auto;
    margin-right: auto
  }

  .div-block-430,
  .div-block-431 {
    width: 100%
  }

  .div-block-439 {
    margin-top: 20px;
    margin-bottom: 20px
  }

  .div-block-440 {
    justify-content: space-around;
    width: 100%
  }

  .text-block-1280 {
    font-size: 14px
  }

  .div-block-441 {
    width: 50%
  }

  .div-block-442 {
    text-align: center;
    width: 50%
  }

  .button-1227 {
    font-size: 12px
  }

  .pricing-table-2 {
    margin-top: 0
  }

  .div-block-445 {
    display: block
  }

  .div-block-446 {
    border-top-right-radius: 0;
    border-bottom-left-radius: 20px;
    width: 100%
  }

  .div-block-447 {
    width: 20%;
    height: auto;
    margin-left: 5px;
    margin-right: 5px
  }

  .text-block-93,
  .text-block-1285 {
    text-align: left;
    font-size: 12px
  }

  .image-115 {
    max-width: 100%
  }

  .heading-1260 {
    font-size: 24px;
    line-height: 32px
  }

  .div-block-448 {
    width: 90%;
    display: block
  }

  .div-block-449 {
    border-top-right-radius: 30px;
    border-bottom-left-radius: 0;
    width: 100%
  }

  .div-block-450 {
    text-align: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: block
  }

  .div-block-451 {
    height: 0
  }

  .popular-badge-align---brix {
    justify-content: flex-start;
    margin-bottom: 16px
  }

  .container-default {
    padding-left: 16px;
    padding-right: 16px
  }

  .badge-popular---brix-2 {
    position: static
  }

  .button-primary-2 {
    padding: 15px 34px 16px
  }

  .card-pricing-3 {
    padding-left: 30px;
    padding-right: 30px
  }

  .badge-popular---brix-3 {
    position: static
  }

  .card-pricing-4 {
    padding-left: 30px;
    padding-right: 30px
  }

  .button-primary-3 {
    padding: 15px 34px 16px
  }

  .badge-popular---brix-4 {
    position: static
  }

  .button-primary-4 {
    padding: 15px 34px 16px
  }

  .plan-section {
    padding-top: 30px
  }

  .pricing---heading---01 {
    font-size: 20px
  }

  .pricing---heading---01.color-white {
    font-size: 16px
  }

  .pricing---heading---01.alignment-center {
    font-size: 18px
  }

  .pricing---text-block---01 {
    font-size: 12px
  }

  .pricing---text-block---01.align-center {
    text-align: center
  }

  .tabs-menu-7 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-top: 5px;
    padding-bottom: 5px
  }

  .tab-link---01 {
    width: 15px;
    height: 15px;
    font-size: 14px
  }

  .tab-pricing-holder {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    width: 100%;
    padding-top: 40px
  }

  .plan-showcase-box.big {
    border-radius: 20px;
    width: 100%
  }

  .plan-showcase-box.push-side {
    width: 100%;
    right: 0
  }

  .plan-showcase-box.push-side-2 {
    width: 100%;
    left: 0
  }

  .button-text.blue {
    font-size: 12px
  }

  .most-popular-div {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0
  }

  .absolute-div {
    z-index: 5;
    flex-direction: column;
    margin-top: -70px;
    margin-left: -10px
  }

  .vector {
    height: 50px;
    top: -30px;
    right: -28px
  }

  .subscription-section {
    padding-bottom: 60px
  }

  .blue-bg {
    height: 480px;
    padding-top: 40px
  }

  .heading-holder {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    width: 100%
  }

  .pricing---heading---02.alignment-center {
    font-size: 18px
  }

  .subscription-upper-layer {
    flex-direction: column;
    width: 100%;
    margin-top: 14px
  }

  .subscription-box {
    width: 100%
  }

  .user-txt {
    font-size: 14px
  }

  .free,
  .info {
    font-size: 16px
  }

  .pricing---heading---03 {
    font-size: 22px
  }

  .heading-margin {
    width: 100%
  }

  .tabs-menu-8 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto;
    grid-template-columns: 270px 270px 270px 270px;
    grid-auto-columns: 1fr;
    align-items: stretch;
    width: 100%;
    margin-right: 0;
    display: grid;
    overflow: scroll
  }

  .tab-link---02 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0
  }

  .tab-link-content {
    border-radius: 1rem;
    width: 100%;
    padding: 10px
  }

  .logo-holder {
    width: 100%
  }

  .logo {
    height: 27px
  }

  .name {
    font-size: 20px
  }

  .pricing---para {
    white-space: normal;
    width: 100%;
    font-size: 12px
  }

  .tab-content---02 {
    grid-column-gap: 15px;
    grid-row-gap: 15px
  }

  .label-icon {
    height: 16px
  }

  .label {
    font-size: 12px
  }

  .learn-more-link {
    margin: auto 0 0 auto;
    position: static
  }

  .vector-img {
    height: 60px;
    display: none
  }

  .trouble-div {
    margin-top: 40px;
    margin-bottom: 0;
    padding: 15px
  }

  .triuble-img {
    height: 50px
  }

  .trouble-text {
    font-size: 16px
  }

  .f-q-section {
    padding-top: 50px;
    padding-bottom: 50px
  }

  .text-holder---02 {
    width: 100%
  }

  .f-q-dropdown-holder {
    grid-column-gap: 20px;
    grid-row-gap: 20px
  }

  .text-block-1302 {
    font-size: 12px
  }

  .dropdown-toggle-10 {
    height: 50px;
    padding: 15px 30px 15px 15px
  }

  .icon-17 {
    margin-right: 15px;
    font-size: 13px
  }

  .dropdown-list-18.w--open {
    padding: 10px
  }

  .paragraph-90 {
    font-size: 12px
  }

  .banner {
    padding-top: 50px;
    padding-bottom: 50px
  }

  .banner.low-margin {
    padding-top: 50px
  }

  .banner-content {
    padding-left: 0;
    padding-right: 0
  }

  .banner-sub-head {
    font-size: 14px
  }

  .get-startef-button---02 {
    margin-top: 20px
  }

  .perks-text---02 {
    font-size: 12px
  }

  .tick---02 {
    width: 17px;
    height: 22px
  }

  .horizontal-flex {
    flex-direction: column
  }

  .rupee-pricing,
  .dollar-pricing {
    width: 100%
  }

  .heading-1270 {
    font-size: 30px
  }

  .heading-1271 {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 34px;
    line-height: 46px
  }

  .hero-section {
    padding-top: 20px;
    padding-bottom: 30px
  }

  .blue-div {
    border-radius: 40px;
    height: 250px;
    padding-top: 30px
  }

  .heading-holder---03 {
    width: 90%
  }

  .all-in-one {
    padding-top: 35px;
    padding-bottom: 60px
  }

  .all-in-one-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
    margin-top: 40px
  }

  .price-cut {
    font-size: 14px
  }

  .bold-text-40 {
    font-size: 28px
  }

  .price---holder {
    width: 90%;
    margin-top: -70px
  }

  .timer-section {
    padding-bottom: 0
  }

  .countdown-wrap {
    margin-top: 30px;
    padding-top: 35px;
    padding-bottom: 35px
  }

  .heading-2 {
    font-size: 66px
  }

  .text-block {
    font-size: 16px
  }

  .button-holder---01 {
    margin-top: 40px
  }

  .countdown-grid {
    width: 90%
  }

  .contact---section {
    padding-top: 40px;
    padding-bottom: 20px
  }

  .pricing-heading---03 {
    text-align: center;
    font-size: 28px;
    line-height: 36px
  }

  .pricing-heading---03.alignment-left {
    text-align: left
  }

  .paragraph---01 {
    text-align: center;
    font-size: 12px;
    line-height: 21px
  }

  .form-block---01 {
    padding: 14px
  }

  .feature-div {
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr
  }

  .pricing-heading---04.alignment-center {
    font-size: 12px;
    font-weight: 500
  }

  .onehash-logo---01 {
    height: 40px;
    margin-bottom: 30px
  }

  .vector---02 {
    height: 50px;
    top: -30px;
    right: -30px
  }

  .link-block-69 {
    height: 100px
  }

  .div-block-455 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin-top: 20px
  }

  .new-pricing-hero {
    padding-top: 20px;
    padding-bottom: 20px
  }

  .onehash-logo---02 {
    height: 40px;
    margin-bottom: 20px
  }

  .blue-bg---02 {
    padding-top: 40px;
    padding-bottom: 150px
  }

  .grid---01 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr
  }

  .content-holder--03 {
    grid-column-gap: 0px;
    grid-row-gap: 0px
  }

  .pricing-heading---05 {
    font-size: 24px
  }

  .rating-div {
    padding: 20px
  }

  .text-holder---03 {
    margin-bottom: 20px
  }

  .pricing-heading---06.alignment-center {
    font-size: 16px
  }

  .paragraph---02.alignment-center {
    font-size: 12px
  }

  .banner--02 {
    padding-top: 50px;
    padding-bottom: 50px
  }

  .plan-section---02 {
    padding-top: 30px
  }

  .user-testimonial {
    padding-top: 0;
    padding-bottom: 60px
  }

  .slider-holder {
    margin-top: 30px
  }

  .slide---01 {
    width: 100%
  }

  .user-testimonial-div {
    width: 100%;
    padding: 17px
  }

  .left-arrow-4,
  .right-arrow-4 {
    display: none
  }

  .rating-div---01 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    justify-items: center;
    width: 100%;
    display: grid
  }

  .div---01 {
    width: 100%;
    margin: 20px 10px
  }

  .progess-timeline {
    left: 4.5px
  }

  .item-timeline {
    grid-template-columns: 35px 1fr
  }

  .right-timeline-01 {
    grid-template-columns: 1fr
  }

  .base-white {
    height: 60px
  }

  .upper-base {
    padding-bottom: 20px
  }

  .content-holder---04 {
    grid-column-gap: 10px;
    grid-row-gap: 10px
  }

  .heading---03 {
    font-size: 16px
  }

  .graph-image {
    border-radius: 20px;
    width: 100%;
    height: auto
  }

  .side-vector {
    height: 50px
  }

  .side-vector-2 {
    height: 200px
  }

  .tag-div {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    margin-top: 25px
  }

  .pricing---heading---07 {
    font-size: 20px
  }

  .image-123 {
    height: 15px
  }

  .image-124 {
    height: 17px
  }

  .form---01 {
    padding: 15px
  }

  .form-heading-holder {
    margin-bottom: 15px
  }

  .heading---small {
    font-size: 14px
  }

  .mask-2 {
    height: auto
  }

  .featured-section {
    padding-top: 40px;
    padding-bottom: 50px
  }

  .text-holder---1 {
    margin-bottom: 15px
  }

  .text-block-1305 {
    font-size: 20px
  }

  .blogs---featured-slider {
    padding-bottom: 10px
  }

  .body-16 {
    padding-top: 0
  }

  .left-arrow-5 {
    margin-bottom: -20px;
    margin-right: 50px;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%
  }

  .right-arrow-5 {
    margin-bottom: -20px;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%
  }

  .mask-3 {
    padding-left: 0;
    padding-right: 0
  }

  .featured-content {
    width: 100%;
    padding: 10px 10px 15px
  }

  .featured-paragraph.centre-align {
    font-size: 12px
  }

  .author-info-holder {
    grid-column-gap: 8px
  }

  .featured-blog-img {
    width: 90%;
    height: 220px;
    margin-top: -10px
  }

  .sub-info {
    margin-top: 15px
  }

  .recent-blogs-section {
    padding-top: 20px;
    padding-bottom: 25px
  }

  .date-text {
    font-size: 12px
  }

  .date-div {
    grid-column-gap: 5px;
    grid-row-gap: 5px
  }

  .blog-cover-image {
    width: 100%;
    height: 100%
  }

  .left-div {
    grid-row-gap: 20px
  }

  .recent-blog-detail-1 {
    border-bottom: 1px solid rgba(0, 0, 0, .2)
  }

  .recent-blog-detail-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    grid-template-columns: 1fr;
    padding: 10px
  }

  .content-holder---1 {
    margin-top: 5px
  }

  .blog-head {
    font-size: 20px
  }

  .blog-image-holder---02 {
    height: 200px
  }

  .blog-paragraph {
    font-size: 13px
  }



  .blogs-menu {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 60px 90px 120px 110px 150px 140px 180px 130px 120px;
    justify-content: flex-start;
    padding-bottom: 5px;
    overflow: scroll
  }

  .blogs-tab-link {
    padding-left: 20px;
    padding-right: 20px
  }

  .blogs-pane-content {
    padding-top: 30px
  }

  .blog-image-holder---04 {
    width: 100%;
    height: 200px
  }

  .blogs-detail-box {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    width: 100%;
    display: flex
  }

  .filters-wrapper {
    width: 100%
  }

  .footer-new {
    padding-top: 50px
  }

  .footer-content-holder {
    padding-bottom: 50px
  }

  .footer-content-2 {
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr
  }

  .collection-wrapper-to-slide {
    width: 100%
  }

  .body-17 {
    padding-top: 0
  }

  .category-hero-section {
    padding-top: 40px;
    padding-bottom: 60px
  }

  .text-block-1307 {
    font-size: 14px
  }

  .blog-heading-2 {
    font-size: 28px
  }

  .paragraph-holder---2 {
    width: 90%
  }

  .category-blog-content {
    padding-top: 30px
  }

  .category-blog-list {
    grid-row-gap: 30px;
    grid-template-columns: 1fr
  }

  .newsletter-holder {
    margin-top: 80px
  }

  .newsletterr {
    border-radius: 30px;
    padding: 20px
  }

  .newsletter-heading {
    font-size: 18px
  }

  .paragraph-holder---3 {
    margin-bottom: 35px
  }

  .newssletter-paragraph {
    font-size: 12px
  }

  .newsletter-form-holder {
    width: 100%
  }

  .newsletter-textfield-2 {
    height: 50px;
    font-size: 14px
  }

  .newsletter-submit-button {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 0;
    position: static;
    box-shadow: 0 6px 25px rgba(255, 255, 255, .2)
  }

  .blog-individual---hero {
    padding-bottom: 30px
  }

  .text-holder---05 {
    grid-row-gap: 30px
  }

  .category-holder-3 {
    grid-row-gap: 20px;
    flex-direction: column
  }

  .blue-color-div {
    padding-top: 40px;
    padding-bottom: 100px
  }

  .image-container {
    margin-top: -50px
  }

  .blog-individual-cover-image {
    height: 220px
  }

  .rich-text-holder {
    width: 93%
  }

  .blog-individual-rich-text h1 {
    font-size: 18px
  }

  .blog-individual-rich-text h2,
  .blog-individual-rich-text h4,
  .blog-individual-rich-text h3 {
    font-size: 16px
  }

  .blog-individual-rich-text p {
    font-size: 14px
  }

  .newsletter-section {
    padding-top: 10px
  }

  .related-blog-section {
    padding-bottom: 70px
  }

  .related-blog-holder {
    grid-row-gap: 20px
  }

  .heading-holder---09 {
    padding-left: 10px
  }

  .related-blog-content-box {
    padding: 10px
  }

  .blog-cover-img-holder {
    height: 200px
  }

  .blogs-menu-2 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 90px 120px 110px 150px 140px 180px 130px 120px;
    justify-content: flex-start;
    padding-bottom: 5px;
    overflow: scroll
  }

  .text-holder---2 {
    grid-row-gap: 25px
  }

  .blog-content-holder {
    width: 100%
  }

  .featured-content-23 {
    width: 100%;
    padding: 10px
  }

  .tabs-holder {
    margin-top: 30px
  }

  .plan-tab-link {
    padding: 8px 10px;
    font-size: 10px
  }

  .content-part {
    grid-column-gap: 75px;
    grid-row-gap: 75px;
    width: 261px;
    margin-top: -25px;
    padding-left: 12px;
    font-size: 13px
  }

  .blue-banner {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    margin-top: 35px;
    padding: 40px 10px 45px
  }

  .bold-heading {
    font-size: 24px
  }

  .bold-heading.alignment-center {
    font-size: 18px
  }

  .schedule-button {
    padding: 15px 35px;
    font-size: 15px
  }

  .text-holder---6 {
    width: 90%
  }

  .pointers-holder {
    width: 80%
  }

  .cal_hero---section {
    padding-bottom: 3rem
  }

  .main-container,
  .main-container.less-margin {
    padding-left: .938rem;
    padding-right: .938rem
  }

  .content---holder_1 {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem
  }

  .text---holder_1 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem
  }

  .primary-heading_1 {
    font-size: 1.75rem
  }

  .button---holder_1 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: row;
    align-self: flex-start;
    align-items: stretch;
    margin-top: .5rem
  }

  .primary-button_1,
  .primary-button_2 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }

  .hero-img-holder {
    border-radius: 1rem
  }

  .cal-hero {
    border-radius: 1rem;
    height: 12rem
  }

  .cross-icons {
    height: .4rem;
    margin-top: .7rem;
    margin-left: 1.1rem
  }

  .circle-block_1 {
    height: 3rem;
    margin-top: -3.2rem;
    margin-left: 1rem
  }

  .circle-block_2 {
    height: 4.5rem;
    margin-top: -5rem;
    margin-right: 1rem
  }

  .circle-block_3 {
    height: 5rem;
    margin-bottom: -5.5rem;
    margin-left: .5rem
  }

  .circle-block_4 {
    height: 4rem;
    margin-bottom: -4.6rem;
    margin-right: 1rem
  }

  .rating---section {
    padding-top: 3rem;
    padding-bottom: 5rem
  }

  .rating---grid {
    grid-column-gap: 3rem
  }

  .text---holder_2 {
    margin-bottom: 3rem
  }

  .primary-heading_2 {
    font-size: 1.4rem
  }

  .tailored---section {
    padding-bottom: 6rem
  }

  .tailored---section.less-margin {
    padding-bottom: 3rem
  }

  .coloured-bg {
    padding-top: 3rem;
    padding-bottom: 17rem
  }

  .tailored-img {
    height: 14rem
  }

  .tailored-content {
    width: 100%
  }

  .tailored-box {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem
  }

  .primary-heading_3.small {
    font-size: .75rem
  }

  .content---holder_3 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: 13.5rem;
    height: 9rem
  }

  .primary-heading_4 {
    font-size: 1.25rem
  }

  .side-wall,
  .side-wall-left {
    width: 15%
  }

  .integration-section {
    padding-bottom: 30px
  }

  .cal-faq {
    padding-top: 20px
  }

  .tailored-lottie {
    width: 60%;
    height: 12rem;
    margin-bottom: -10.2rem
  }

  .enterprise-lottie {
    border-radius: 1rem;
    height: 8rem;
    margin-bottom: -6.8rem
  }

  .enterprise-lottie.redifining {
    height: 8rem
  }

  .tab---box {
    width: 100%
  }

  .tab-data {
    grid-column-gap: 15px;
    grid-row-gap: 15px
  }

  .tab-box_content {
    width: 100%;
    padding: 12px
  }

  .blog-text-holder {
    grid-row-gap: 15px
  }

  .upper-content {
    grid-column-gap: 15px;
    grid-row-gap: 10px;
    flex-direction: column;
    align-items: flex-start
  }

  .text-block-1309,
  .text-span-1332 {
    font-size: 14px;
    line-height: 1.3
  }

  .integration_hero---section {
    padding-top: 2.5rem;
    padding-bottom: 3rem
  }

  .content_holder---1 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem
  }

  .integration_tabs---section {
    overflow-wrap: anywhere
  }

  .integration---tab_link {
    padding: .5rem .45rem;
    font-size: .65rem
  }

  .integration---tab_link.w--current {
    font-size: .7rem
  }

  .search---bar-holder {
    width: 100%
  }

  .integration---tabs_content {
    width: 100%;
    overflow: visible
  }

  .menu-content {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    padding: 1rem .625rem;
    top: 8px
  }

  .integration---tabs,
  .integration---tab_pane {
    width: 100%
  }

  .integration---pane_content {
    grid-template-columns: 1fr
  }

  .search-items-container {
    background-color: #fff;
    border-right-width: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 4.3rem;
    overflow: hidden
  }

  .search-items---holder {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: .5rem;
    padding-bottom: .5rem;
    position: static;
    top: 5rem;
    overflow: hidden
  }

  .form---holder {
    overflow-wrap: anywhere;
    display: flex;
    overflow: hidden
  }

  .form-block-4 {
    overflow-wrap: normal;
    overflow: hidden
  }

  .form-4 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: auto;
    grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-auto-columns: 1fr;
    justify-items: center;
    width: 100%;
    overflow: hidden
  }

  .checkbox {
    margin-left: -.5rem
  }

  .filter-checkbox {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    font-size: .7rem
  }

  .filter-checkbox.ist {
    width: 245px
  }

  .filter-checkbox._2nd,
  .filter-checkbox._3rd,
  .filter-checkbox._7th {
    width: 110px
  }

  .filter-checkbox._10th {
    width: 130px
  }

  .filter-checkbox._13th {
    width: 125px
  }

  .filter-checkbox._15th {
    width: 105px
  }

  .cms---container {
    padding-top: 2rem;
    padding-left: 0
  }

  .individual-integration---box {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    padding: .875rem .5rem
  }

  .integration---logo {
    width: 2.25rem;
    height: 2.25rem
  }

  .integration---cms_list {
    grid-column-gap: 1rem;
    grid-row-gap: 2rem
  }

  .trouble-banner {
    margin-bottom: 0;
    padding: 15px
  }

  .trouble-banner---section {
    padding-top: 4rem;
    padding-bottom: 3rem
  }

  .text-holder---99 {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
    width: auto
  }

  .link-71 {
    font-size: .625rem
  }

  .integration_individual---holder {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr
  }

  .content-left-side {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem
  }

  .indiviual-thumbnail {
    width: 60px;
    height: 60px
  }

  .integration---rcih-text h2 {
    font-size: 22px
  }

  .integration---rcih-text h3 {
    font-size: 18px
  }

  .integration---rcih-text h1 {
    font-size: 26px
  }

  .content---holder,
  .text-container---right {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem
  }

  .menu---blog {
    grid-column-gap: 15px;
    grid-row-gap: 15px
  }

  .blogs_menu {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 90px 120px 110px 150px 140px 180px 130px 120px;
    justify-content: flex-start
  }

  .hero---content_holder {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-top: 1rem;
    padding-bottom: 1rem
  }

  .test-integration {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: .8rem
  }

  .div-block-423-copy {
    width: 100%;
    padding-top: 0;
    padding-left: 15px;
    padding-right: 15px
  }

  .faq-collection---list {
    grid-column-gap: 20px;
    grid-row-gap: 20px
  }

  .faq---paragraph {
    font-size: 12px
  }

  .checkboxes---holder {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-auto-columns: 1fr;
    justify-items: center;
    width: 100%;
    height: 30px;
    display: grid;
    overflow: scroll
  }

  .linear-bar {
    width: 2.5rem
  }

  .dropdown-4 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
  }

  .text---container {
    grid-column-gap: 5px;
    grid-row-gap: 5px
  }

  .image---holder_integration {
    grid-column-gap: 10px;
    grid-row-gap: 10px
  }

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

  .about_hero---wrap {
    grid-column-gap: 60px;
    grid-row-gap: 60px
  }

  .heading_holder---1,
  .paragraph_holder---1,
  .about_hero_img {
    width: 100%
  }

  .about_images {
    padding-top: 80px;
    padding-bottom: 50px
  }

  .about_img_wrap {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr
  }

  .about_img {
    height: auto
  }

  .about_onehash {
    padding-top: 50px;
    padding-bottom: 50px
  }

  .about_onehash_wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px
  }

  .about_onehash_grid {
    border-radius: 14px
  }

  .right_side_content {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding: 25px 10px 30px
  }

  .about_list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-left: 15px
  }

  .about_onehash_img {
    height: auto
  }

  .about_mission {
    padding-top: 50px;
    padding-bottom: 50px
  }

  .mission_img {
    width: 100%
  }

  .about_mission_text---wrap {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr
  }

  .about_products {
    padding-bottom: 50px
  }

  .about_product_wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px
  }

  .logo_holder {
    grid-column-gap: 10px;
    grid-row-gap: 10px
  }

  .onehash_logo {
    height: 24px
  }

  .product_text {
    font-size: 1.5rem
  }

  .product_subhead {
    font-size: 18px
  }

  .product_box.yellow {
    grid-column-gap: 16px;
    grid-row-gap: 16px
  }

  .product-icon {
    border-radius: 10px;
    width: 70px;
    height: 70px
  }

  .crm_text {
    font-size: 22px
  }

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

  .statistics_content---wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr
  }

  .statistics_box {
    grid-column-gap: 15px;
    grid-row-gap: 15px
  }

  .statistics_paragraph {
    font-size: 14px
  }

  .about_story {
    padding-top: 50px;
    padding-bottom: 40px
  }

  .about_story_wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px
  }

  .divider_line {
    height: 2px;
    margin-top: 30px;
    margin-bottom: 30px
  }

  .paragraph_holder---3 {
    width: 100%
  }

  .about_team {
    padding-top: 40px;
    padding-bottom: 40px
  }

  .about_team_wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px
  }

  .team_cms_list {
    grid-column-gap: 10px;
    grid-row-gap: 20px
  }

  .team_info_box {
    border-radius: 12px;
    height: 14rem
  }

  .team_name_box {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-bottom: 15px
  }

  .team_member_name {
    font-size: 14px
  }

  .team_member_designation {
    font-size: 12px
  }

  .about_culture {
    padding-top: 40px;
    padding-bottom: 60px
  }

  .img_grid {
    grid-column-gap: 10px;
    grid-row-gap: 15px;
    grid-template-columns: .6fr 1fr
  }

  .img_1 {
    border-radius: 12px;
    height: 7rem
  }

  .img_2 {
    border-radius: 12px;
    height: 14.938rem
  }

  .about_cta {
    padding-top: 50px;
    padding-bottom: 50px
  }

  .about_cta_wrap {
    width: 100%
  }

  .button_content {
    padding: 20px 30px;
    font-size: 14px
  }

  .button_icon {
    height: 14px
  }

  .about_address {
    padding-top: 60px;
    padding-bottom: 100px
  }

  .about_address_wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px
  }

  .banner_head {
    font-size: 26px
  }

  .address_block_holder {
    grid-column-gap: 10px;
    grid-row-gap: 15px
  }

  .address_block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-radius: 10px;
    padding: 20px 12px
  }

  .upper_block {
    grid-column-gap: 8px;
    grid-row-gap: 8px
  }

  .location_text {
    font-size: 16px
  }

  .country_text,
  .address_paragraph {
    font-size: 12px
  }

  .building_img {
    width: 100%;
    margin-bottom: -101px
  }

  .about-hero---grid {
    width: 90%
  }

  .content---wrap {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr
  }

  .reason---heading {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 18px
  }

  .reason---answer.w--open {
    margin-top: -10px
  }

  .grid---wrap {
    grid-column-gap: 25px;
    grid-row-gap: 25px
  }

  .content---wrap_2 {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    width: 100%
  }

  .reason---answer-2.w--open {
    margin-top: -10px
  }

  .hero---text {
    font-size: 16px
  }

  .hero---text.yellow {
    margin-top: -30px;
    margin-right: -20px
  }

  .hero---text.red {
    margin-top: -30px;
    margin-left: -15px
  }

  .hero---text.blue {
    margin-bottom: -30px;
    margin-left: -20px
  }

  .hero---text.green {
    margin-bottom: -30px;
    margin-right: -20px
  }

  .reason_wrap {
    grid-column-gap: 25px;
    grid-row-gap: 25px
  }

  .reason_content_wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px
  }

  .about_gallary,
  .home_hero {
    padding-top: 50px;
    padding-bottom: 50px
  }

  .primary-container {
    padding-left: 15px;
    padding-right: 15px
  }

  .home_hero_wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px
  }

  .home_hero_grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px
  }

  .primary---heading {
    font-size: 24px
  }

  .primary---heading.big {
    font-size: 28px
  }

  .primary---heading.small {
    font-size: 24px
  }

  .primary---paragraph_1.neutral_color.center_align.small---mobile,
  .primary---paragraph_1.center_align.blue_grey.small---mobile,
  .primary---paragraph_1.small_blue_center {
    font-size: 12px
  }

  .button---container_1 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: stretch
  }

  .primary---button_1 {
    padding: 15px 20px
  }

  .primary---button_1.white {
    padding: 14px 15px
  }

  .primary---button_2 {
    padding: 15px
  }

  .primary---button_2.white {
    padding-top: 14px;
    padding-bottom: 14px
  }

  .rating_container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 0;
    display: grid
  }

  .line {
    display: none
  }

  .product_head {
    grid-template-columns: 206px 1fr
  }

  .product_head_text {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px
  }

  .fire_icon {
    width: 20px;
    height: 20px
  }

  .products_grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    padding-left: 1px;
    padding-right: 1px
  }

  .product_block {
    grid-column-gap: 20px;
    grid-row-gap: 20px
  }

  .product_heading {
    font-size: 20px
  }

  .loop_container {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-items: start
  }

  .text_wrap {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    width: auto;
    padding: 15px 40px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3
  }

  .brand_loop {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-top: 20px;
    padding-bottom: 20px
  }

  .brand_loop_marquee {
    grid-column-gap: 40px;
    grid-row-gap: 40px
  }

  .brand_image {
    height: 36px
  }

  /* .product {
    padding-top: 60px;
    padding-bottom: 40px
  } */

  .product_text_wrap {
    grid-column-gap: 25px;
    grid-row-gap: 25px
  }

  .heading_block {
    grid-column-gap: 15px;
    grid-row-gap: 15px
  }

  .popularity_bar {
    font-size: 14px
  }

  .popularity_icon {
    width: 20px;
    height: 20px
  }

  .list_holder {
    grid-column-gap: 20px;
    grid-row-gap: 20px
  }

  .number_item {
    grid-column-gap: 8px;
    grid-row-gap: 8px
  }

  .number_tag {
    width: 25px;
    height: 25px;
    font-size: 14px
  }

  .list_paragraph {
    font-size: 14px
  }

  .home_testimonials {
    padding-top: 50px;
    padding-bottom: 40px
  }

  .certificate_banner {
    padding-left: 25px;
    padding-right: 25px
  }

  .text_div.green {
    padding-left: 30px;
    padding-right: 30px
  }

  .secondary---heading {
    letter-spacing: -1px;
    font-size: 20px
  }

  .testimonial_wrap {
    width: 90vw
  }

  .testimoial_block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    height: 330px;
    padding: 15px
  }

  .client_image {
    width: 60px;
    height: 60px
  }

  .rating {
    width: 130px;
    height: 25px
  }

  .testimonial---slide_nav {
    display: block
  }

  .integrate {
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 40px
  }

  .featured {
    padding-top: 40px;
    padding-bottom: 50px
  }

  .featured_grid_wrap {
    grid-column-gap: 25px;
    grid-row-gap: 25px
  }

  .featured_grid_1 {
    grid-column-gap: 15px;
    grid-row-gap: 15px
  }

  /* .featured_image {
    border-radius: 6px;
    height: 40px
  } */

  .featured_grid_2 {
    grid-column-gap: 15px;
    grid-row-gap: 15px
  }

  .just_onehash {
    padding-top: 40px;
    padding-bottom: 70px
  }

  .banner_wrap {
    padding: 40px 10px 60px
  }

  .sub_para {
    font-size: 14px
  }

  .bookmark_wrap {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-direction: column;
    align-items: center
  }

  .footer---wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px
  }

  .footer_content {
    grid-template-rows: auto auto auto;
    grid-template-columns: auto auto
  }

  .address-paragraph {
    font-size: 14px
  }

  .content_block {
    grid-column-gap: 25px;
    grid-row-gap: 25px
  }

  .footer_content_box {
    grid-column-gap: 15px;
    grid-row-gap: 15px
  }

  .footer_link_block {
    grid-column-gap: 8px;
    grid-row-gap: 8px
  }

  .license-paragraph {
    font-size: 12px
  }

  .product-block {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-left: 16px;
    padding-right: 16px
  }

  .product-block.green:hover {
    background-color: #d9eee3
  }

  .product-block.yellow:hover {
    background-color: #fef1d9
  }

  .product_img {
    width: 60px;
    height: 56px
  }

  .product---head {
    font-size: 20px
  }

  .heading_holder {
    width: 100%;
    max-width: 320px
  }

  .button_wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px
  }

  .paragraph-testimonial {
    margin-bottom: 0;
    font-size: 12px
  }

  .button---wrapper {
    margin-top: 20px
  }

  .product---hero {
    padding-top: 30px;
    padding-bottom: 30px
  }

  .product---text_wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px
  }

  .paragraph---wrap {
    width: 100%
  }

  .product---grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr
  }

  .product---head-2 {
    font-size: 20px
  }

  .product---features {
    padding-top: 30px;
    padding-bottom: 40px
  }

  .feature---menu {
    padding-top: 10px
  }

  .features---blocks {
    grid-column-gap: 0px;
    grid-row-gap: 0px
  }

  .feature---link {
    font-size: 10px
  }

  .feature---link.w--current {
    font-size: 12px
  }

  .features---div {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-bottom: 20px
  }

  .features---head {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px
  }

  .feature---icon {
    width: 20px;
    height: 20px
  }

  .features---grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr
  }

  .features---grid._2nd {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr
  }

  .small---heading {
    font-size: 22px
  }

  .block---feature {
    height: 38px
  }

  .cal---hero_grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px
  }

  .cal---text_wrap_1 {
    grid-column-gap: 20px;
    grid-row-gap: 20px
  }

  .cal---heading_wrap_1 {
    width: 100%;
    max-width: 320px
  }

  .rating_line {
    flex-flow: column;
    width: 100%
  }

  .cal---img {
    height: 300px
  }

  .cal---hero {
    padding-top: 30px;
    padding-bottom: 30px
  }

  .trusted---section {
    padding-top: 30px;
    padding-bottom: 40px
  }

  .trsuted---content_wrap {
    grid-column-gap: 25px;
    grid-row-gap: 25px
  }

  .trusted---text_wrap,
  .trusted---grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px
  }

  .trusted---grid.variation {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-radius: 14px;
    padding: 12px 10px
  }

  .trusted---brand_logo {
    height: 35px
  }

  .cal---sign_up {
    padding-top: 60px;
    padding-bottom: 60px
  }

  .cal_sign---grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px
  }

  .sign_up---block {
    padding: 20px
  }

  .siign_up---img_holder {
    height: 230px
  }

  .sing_up---step {
    grid-template-columns: 50px 1fr
  }

  .sing_up---no {
    width: 50px;
    height: 50px
  }

  .cal---embed {
    padding-top: 60px;
    padding-bottom: 60px
  }

  .cal_embed---wrap {
    grid-column-gap: 50px;
    grid-row-gap: 50px
  }

  .cal---text_wrap_2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: 100%
  }

  .embed---facts {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 75%;
    padding: 40px 0
  }

  .fact---heading {
    font-size: 24px;
    line-height: 1
  }

  .fact---divider {
    width: 130px;
    height: 2px
  }

  .circle---1 {
    margin-top: -30px
  }

  .circle---2 {
    margin-left: 60px
  }

  .circle---3 {
    margin-top: 60px;
    margin-left: 160px
  }

  .circle---4 {
    margin-top: 40px
  }

  .circle---5 {
    margin-top: 120px;
    margin-right: 80px
  }

  .cal---possibilities {
    padding-top: 30px;
    padding-bottom: 30px
  }

  .cal---possibility_wrap {
    grid-column-gap: 50px;
    grid-row-gap: 50px
  }

  .cal---text_wrap_3 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: 100%
  }

  .cal_possibility---grid {
    grid-column-gap: 10px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr
  }

  .cal---block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    border-radius: 10px;
    padding: 15px 10px
  }

  .cal---icon_1 {
    width: 40px;
    height: 40px
  }

  .cal---head {
    font-size: 14px
  }

  .gradient---bg {
    filter: blur(250px);
    background-color: rgba(0, 126, 229, .5);
    width: 100%;
    height: 800px;
    margin-top: 100px
  }

  .cal---testimonial {
    padding-bottom: 40px
  }

  .cal---testimonial_wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px
  }

  .testimonial---grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-auto-columns: 1fr;
    align-self: flex-start;
    width: auto
  }

  .testimonial---block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 15px
  }

  .testimonial---block.last {
    margin-right: auto
  }

  .head-box {
    font-size: 14px
  }

  .image-127 {
    width: 81px;
    height: 15px
  }

  .client---block {
    grid-column-gap: 12px;
    grid-row-gap: 12px
  }

  .client--name_testimonial {
    font-size: 14px
  }

  .text-block-1312 {
    font-size: 12px
  }

  .product_grid---cal {
    grid-column-gap: 10px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr
  }

  .cal---intergration {
    padding-top: 40px;
    padding-bottom: 50px
  }

  .cal---integration_wrap {
    grid-column-gap: 50px;
    grid-row-gap: 50px
  }

  .cal---integration_text_wrap {
    width: 100%
  }

  .cal---button_wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: stretch
  }

  .cal---integration_holder {
    grid-column-gap: 15px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr
  }

  .block---content {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-bottom: 20px;
    padding-left: 12px;
    padding-right: 12px
  }

  .brand---logo {
    width: 50px;
    height: 50px;
    margin-top: -23px
  }

  .more---div {
    color: var(--steel-blue);
    margin-top: -40px;
    font-size: 12px;
    display: flex
  }

  .vector-arrow {
    width: 12px;
    height: 12px
  }

  .sso_btns {
    padding-left: 19px
  }

  .hero-feature {
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 20px;
    overflow: hidden
  }

  .feature---content_wrap_1 {
    grid-column-gap: 40px;
    grid-row-gap: 40px
  }

  .feature---text_wrap_1 {
    grid-column-gap: 20px;
    grid-row-gap: 20px
  }

  .feature---heading_1 {
    font-size: 28px
  }

  .feature---paragraph_1 {
    font-size: 16px
  }

  .feature---paragraph_1.black {
    font-size: 12px
  }

  .feature---para_wrap_1 {
    width: 100%
  }

  .feature---button {
    padding: 12px 25px;
    font-size: 12px;
    font-weight: 600
  }

  .feature---img_holder {
    width: 300px
  }

  .feature---hero_img {
    height: 250px
  }

  .member-feature {
    padding-top: 40px;
    padding-bottom: 40px
  }

  .feature---content_wrap_2 {
    grid-column-gap: 50px;
    grid-row-gap: 50px
  }

  .feature---text_wrap_2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px
  }

  .feature---heading_2 {
    font-size: 24px
  }

  .member-grid {
    grid-column-gap: 10px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr
  }

  .member-box {
    border-radius: 20px
  }

  .img_member_holder {
    height: 250px
  }

  .member-box-text {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding: 10px
  }

  .block {
    border-radius: 6px;
    padding: 12px;
    font-size: 12px;
    font-weight: 600
  }

  .feature---paragraph_2 {
    font-size: 10px
  }

  .choose-feature {
    background-size: contain;
    padding-top: 50px;
    padding-bottom: 40px
  }

  .feature---content_wrap_3 {
    grid-column-gap: 40px;
    grid-row-gap: 40px
  }

  .feature---text_wrap_3 {
    grid-column-gap: 20px;
    grid-row-gap: 20px
  }

  .text-banner {
    border-radius: 10px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 16px;
    line-height: 1.3
  }

  .reasons_wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px
  }

  .block-reason {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    border-radius: 20px;
    padding: 15px
  }

  .reason---text_wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px
  }

  .reason---head {
    font-size: 20px
  }

  .comparision-features {
    background-size: auto;
    padding-top: 50px;
    padding-bottom: 40px
  }

  .feature---content_wrap_4 {
    grid-column-gap: 50px;
    grid-row-gap: 50px
  }

  .feature---text_wrap_4 {
    grid-column-gap: 30px;
    grid-row-gap: 30px
  }

  .comparision---div {
    border-radius: 30px
  }

  .header {
    grid-template-columns: 1fr 1fr;
    padding-left: 15px;
    padding-right: 0
  }

  .feature---head {
    font-size: 12px
  }

  .side-header {
    grid-template-columns: 1fr .8fr;
    justify-items: center
  }

  .comparision---features {
    padding: 15px 7px 10px
  }

  .comparision-block {
    padding-left: 8px
  }

  .tick-cross-img {
    width: 30px;
    height: 30px
  }
}

#w-node-_2b7f7368-4d2e-f10e-c041-8ddc49687e6f-c924e070,
#w-node-_2b7f7368-4d2e-f10e-c041-8ddc49687e70-c924e070,
#w-node-_2b7f7368-4d2e-f10e-c041-8ddc49687e8c-c924e070,
#w-node-_2b7f7368-4d2e-f10e-c041-8ddc49687eae-c924e070,
#w-node-_2b7f7368-4d2e-f10e-c041-8ddc49687eaf-c924e070,
#w-node-f6c5b569-6d1a-5b44-e7a0-9a085e332be5-c924e070,
#w-node-f6c5b569-6d1a-5b44-e7a0-9a085e332be6-c924e070,
#w-node-f6c5b569-6d1a-5b44-e7a0-9a085e332bfd-c924e070,
#w-node-f6c5b569-6d1a-5b44-e7a0-9a085e332bfe-c924e070,
#w-node-f6c5b569-6d1a-5b44-e7a0-9a085e332c16-c924e070,
#w-node-f6c5b569-6d1a-5b44-e7a0-9a085e332c17-c924e070 {
  grid-area: span 1/span 1/span 1/span 1
}

#w-node-f4d4a0c3-2992-e064-5651-1a701070d7c8-f924e0d7 {
  order: -9999;
  grid-area: span 2/span 2/span 2/span 2;
  align-self: auto;
  justify-self: auto
}

#w-node-_877a617a-9f01-d0e5-c8b8-a269006b35f3-c4b994b9,
#w-node-d3cf3ee0-c7ff-bf00-b481-1c9aa88f801b-720ebd74,
#w-node-_9fc6afba-13bb-4fb3-e29b-0972485d2f80-720ebd74,
#w-node-_8fb194d0-a9c9-6a28-a74d-82d6b7793d1c-720ebd74,
#w-node-f98373d8-c5cd-f0a4-b0d9-b1c4d7e7aa53-720ebd74,
#w-node-a49f2b45-1e49-6d1e-77bc-98dd67bc23e4-720ebd74,
#w-node-b1170ce5-1d03-54e0-96c1-26f050f24f20-720ebd74,
#w-node-_84ce242a-b53e-43ea-1eba-045ab8139b25-720ebd74,
#w-node-_1a6c5bdb-49c8-3329-5326-73649225ba55-720ebd74,
#w-node-_28e606ae-cfa0-b4c2-70f0-5685b1b8a925-720ebd74,
#w-node-e3640ab7-2c48-1427-71ff-c67966454292-720ebd74,
#w-node-_94fef900-144a-ee75-5a0c-ad791b0c9a4b-720ebd74,
#w-node-_94fef900-144a-ee75-5a0c-ad791b0c9a54-720ebd74,
#w-node-baa52f9e-4d76-d7b1-de5a-628640ce1ed9-720ebd74,
#w-node-baa52f9e-4d76-d7b1-de5a-628640ce1ee2-720ebd74,
#w-node-_6e65c403-d6ec-befd-a333-5ae715c19b40-720ebd74,
#w-node-_6e65c403-d6ec-befd-a333-5ae715c19b49-720ebd74,
#w-node-c076b1a1-950a-af49-f0b2-a4d755cd44af-720ebd74,
#w-node-c076b1a1-950a-af49-f0b2-a4d755cd44b3-720ebd74,
#w-node-c076b1a1-950a-af49-f0b2-a4d755cd44b7-720ebd74,
#w-node-c076b1a1-950a-af49-f0b2-a4d755cd44bb-720ebd74,
#w-node-c076b1a1-950a-af49-f0b2-a4d755cd44bf-720ebd74,
#w-node-c076b1a1-950a-af49-f0b2-a4d755cd44c3-720ebd74,
#w-node-f0ed1289-713c-23f1-36d5-f339d28f3e5a-720ebd74,
#w-node-_7064e146-7a72-be19-b0c5-f71c723ca261-3b062775,
#w-node-_14bca562-5771-950e-4f5a-8509df1ee1c1-3b062775,
#w-node-_5c56bde4-f556-10d9-c138-d01741708b96-3fc968e3,
#w-node-_8cd861ef-0533-424b-5cd2-c19932c06b5a-3fc968e3,
#w-node-adfabe20-9f9b-fe0e-d62c-aa852e125f35-3fc968e3,
#w-node-adfabe20-9f9b-fe0e-d62c-aa852e125f83-3fc968e3,
#w-node-f4c7ac0a-0bba-7b5c-23c8-6715a1548f0d-3fc968e3,
#w-node-f4c7ac0a-0bba-7b5c-23c8-6715a1548f5b-3fc968e3,
#w-node-_3feef0cf-bb2d-4d05-aafc-d662499ff2bb-3fc968e3,
#w-node-_3feef0cf-bb2d-4d05-aafc-d662499ff309-3fc968e3,
#w-node-_4cb68b98-f700-6d31-05af-cfdba0c1c4ff-7c49eed5,
#w-node-_88359822-7a12-8dde-8abd-da58600daf2f-7c49eed5,
#w-node-_759af568-bef0-85f0-367d-9e1e33f6af20-d62463e8,
#w-node-_56433a65-620b-ab72-0b68-9662f03749a3-d62463e8,
#w-node-_61f697a1-2f4d-e611-736d-3b35ee28b5ec-d62463e8,
#w-node-c2cce9e2-8a38-2119-935c-7e0a8a0c6538-d62463e8,
#w-node-f2277a5e-cabc-f749-f3ae-3a02eed5b865-d62463e8,
#w-node-_20a67baa-609a-ab42-fecb-d6577566af6b-d62463e8,
#w-node-_7bd445eb-2dd1-d501-4a71-c91719dd6597-d62463e8,
#w-node-_068c0359-72dd-2541-3a7e-70456caf36e3-d62463e8,
#w-node-c587af0d-b2d1-b1f6-67ee-93871056c13b-d62463e8,
#w-node-c587af0d-b2d1-b1f6-67ee-93871056c158-d62463e8,
#w-node-_647c97f0-c2ab-aad0-f56d-104b9e2ba5bb-d62463e8,
#w-node-_49c0a982-be14-d1c1-2892-367983d455ef-d62463e8,
#w-node-_512f4626-011a-4b77-b97a-90e77ad3d079-d62463e8,
#w-node-_7d8e5cc9-f212-45f0-ca20-3d3a2fb6d28d-d62463e8,
#w-node-_8c0cd224-5b74-ebab-40d0-0a149e04cc60-d62463e8,
#w-node-_467de05d-7cd6-cbbf-48f9-03aca74808b6-d62463e8,
#w-node-c4001abf-c142-ae48-a4ca-f6b3ad43e0c9-d62463e8,
#w-node-_968b722d-759f-6e7d-61ff-f511b9f8e1d3-d62463e8,
#w-node-_3e93ce57-8d9c-5c9d-2e37-b721b20efd35-d62463e8,
#w-node-_95fdac14-2e1f-a97c-d842-f378484d6092-d62463e8,
#w-node-_0b676d05-8acf-3f76-0e15-461679d128a6-d62463e8,
#w-node-_65eeb043-dfd1-05b1-18d7-d9ef43f0b536-d62463e8,
#w-node-_565fae32-6900-ec5a-dac9-5a8bdbf10bcb-d62463e8,
#w-node-e935edc0-ceac-b47f-99da-8f73cc1b2cfc-d62463e8,
#w-node-_91bfc025-bcef-f76a-94ed-965ac63c3c9a-d62463e8,
#w-node-c46be2b2-a4db-188a-d6c8-5bb64d2b75d6-d62463e8 {
  grid-area: span 1/span 1/span 1/span 1
}

#w-node-_16165e79-6120-de10-48e2-121ce9c8d747-d62463e8 {
  grid-area: span 2/span 1/span 2/span 1
}

#w-node-_204b5fa3-90d7-b41f-baf4-9d98737f263c-d62463e8,
#w-node-c330165e-8171-6326-150a-75d8d3853797-d62463e8,
#w-node-_7b2f7432-4a28-a67f-fff2-cdf98868705a-d62463e8,
#w-node-d7c202c3-0797-b12d-e465-a3ec641abe96-d62463e8,
#w-node-_32e679ed-47a5-2061-7459-1c080f52d41e-d62463e8 {
  grid-area: span 1/span 1/span 1/span 1
}

#w-node-_56613978-6bc9-f426-c209-4bc30183429b-d62463e8 {
  grid-area: 2/2/3/3
}

#w-node-_42f1867d-3027-0455-ece0-1bd328097839-39c10b97,
#w-node-dcd21e30-0fbd-5c05-c20e-758e612d0917-39c10b97,
#w-node-_97a29822-0a0d-7b4e-b491-247df8debb80-39c10b97,
#w-node-d3980295-ed13-678a-b2bb-c359555cbf5b-39c10b97,
#w-node-_885d7ecd-b590-fdc1-8d48-1376f72ff96a-39c10b97 {
  grid-area: span 1/span 1/span 1/span 1
}

#w-node-_885d7ecd-b590-fdc1-8d48-1376f72ff98b-39c10b97 {
  order: -9999;
  grid-area: span 1/span 1/span 1/span 1
}

#w-node-c9819928-b0e4-ec5d-45bd-ab2a29681da3-39c10b97 {
  grid-area: span 1/span 1/span 1/span 1
}

#w-node-c9819928-b0e4-ec5d-45bd-ab2a29681dc4-39c10b97 {
  order: -9999;
  grid-area: span 1/span 1/span 1/span 1
}

#w-node-_16f1d7f0-0aac-1fb9-8c38-20109b9fe402-39c10b97,
#w-node-_5c9f2428-ee59-ab81-8cda-e217828cad91-39c10b97,
#w-node-_2f8a8dc3-07e0-0657-fadd-d0499224087a-39c10b97,
#w-node-_0027b583-5b3f-9fde-c27e-00db1899de4e-39c10b97,
#w-node-db05f4e8-51e0-77ba-92af-4d38b247dfab-39c10b97,
#w-node-_060129f8-024c-7170-0812-26c411e97308-39c10b97,
#w-node-_8e765bad-42b9-00e4-b26a-c36f798e92c4-39c10b97,
#w-node-ea2f4c16-5c48-e258-d200-d7aa4adffd3d-39c10b97,
#w-node-cea846f3-4a4a-f6c2-94bd-2975a9f878fa-39c10b97,
#w-node-_16d47b90-96e2-befa-28a7-fece22053c9b-39c10b97,
#w-node-dc7f32d7-f5b0-bf18-567c-1bb502a41f6a-ccbcd3a4,
#w-node-b9594359-6030-c478-42ad-34f0cb670b7d-ccbcd3a4,
#w-node-b9594359-6030-c478-42ad-34f0cb670b9e-ccbcd3a4 {
  grid-area: span 1/span 1/span 1/span 1
}

#w-node-_7c972bb5-b4df-e726-723f-a8435b24e665-bafc4833,
#w-node-a5713d48-6354-87dc-f2f9-251ba0dbc725-bafc4833,
#w-node-_9e901d93-481e-397d-123e-fbdc5837cea4-bafc4833,
#w-node-a00795eb-e3a3-3167-4b4c-821eee52153c-bafc4833,
#w-node-f521d04a-4e06-b691-db94-4cac8731c947-bafc4833 {
  order: -9999
}

#w-node-_58c83162-6d68-d057-1557-7b1c6daa0560-bafc4833 {
  justify-self: center
}

#w-node-_272fa66a-592d-5f2c-7123-8dfe8dde6b98-bafc4833 {
  justify-self: end
}

#w-node-dd6055f2-c61c-d383-d020-7b007c3f6143-bafc4833,
#w-node-b0c85fd8-d009-4fff-3555-da7e301d0cce-bafc4833,
#w-node-_5dadf96e-a961-7278-0f84-a394861071d1-bafc4833,
#w-node-_5dadf96e-a961-7278-0f84-a394861071d2-bafc4833,
#w-node-_198757b8-119c-f6e2-d6eb-2c6d2037d3ce-bafc4833,
#w-node-_198757b8-119c-f6e2-d6eb-2c6d2037d3cf-bafc4833,
#w-node-_13071717-59e7-c7cc-1831-2efc335829d0-bafc4833,
#w-node-_13071717-59e7-c7cc-1831-2efc335829d1-bafc4833,
#w-node-_57954320-60bd-90a0-ea7b-8f24dd9a71fc-bafc4833,
#w-node-_57954320-60bd-90a0-ea7b-8f24dd9a71fd-bafc4833,
#w-node-_7c054ca0-cd94-1c19-98b6-9bca4ec55d55-bafc4833,
#w-node-_7c054ca0-cd94-1c19-98b6-9bca4ec55d56-bafc4833,
#w-node-da6f291f-e0ab-db70-a753-68431480c6e7-bafc4833,
#w-node-da6f291f-e0ab-db70-a753-68431480c6e8-bafc4833,
#w-node-b16ffe8d-21c3-37bf-4286-9073a5ba673f-bafc4833,
#w-node-b16ffe8d-21c3-37bf-4286-9073a5ba6740-bafc4833,
#w-node-c1fa39d0-0f8d-03b4-8f29-d588b53c2451-bafc4833,
#w-node-c1fa39d0-0f8d-03b4-8f29-d588b53c2452-bafc4833,
#w-node-_86ce80ee-c191-6ff7-96a6-bbc907902e15-bafc4833,
#w-node-_86ce80ee-c191-6ff7-96a6-bbc907902e16-bafc4833,
#w-node-ef44f898-ae44-bead-76c2-156b050f88ed-bafc4833,
#w-node-ef44f898-ae44-bead-76c2-156b050f88ee-bafc4833 {
  justify-self: center
}

@media screen and (min-width:1920px) {

  #w-node-_8fb194d0-a9c9-6a28-a74d-82d6b7793d1c-720ebd74,
  #w-node-_94fef900-144a-ee75-5a0c-ad791b0c9a4b-720ebd74 {
    grid-area: span 1/span 1/span 1/span 1
  }
}

@media screen and (min-width:1440px) {

  #w-node-_8cd861ef-0533-424b-5cd2-c19932c06b5a-3fc968e3,
  #w-node-adfabe20-9f9b-fe0e-d62c-aa852e125f83-3fc968e3,
  #w-node-f4c7ac0a-0bba-7b5c-23c8-6715a1548f5b-3fc968e3,
  #w-node-_3feef0cf-bb2d-4d05-aafc-d662499ff309-3fc968e3 {
    grid-area: span 1/span 1/span 1/span 1
  }
}

@media screen and (max-width:991px) {

  #w-node-_61f697a1-2f4d-e611-736d-3b35ee28b5ec-d62463e8,
  #w-node-_20a67baa-609a-ab42-fecb-d6577566af6b-d62463e8 {
    grid-area: span 1/span 2/span 1/span 2
  }

  #w-node-_56613978-6bc9-f426-c209-4bc30183429b-d62463e8 {
    grid-area: 2/1/3/3
  }

  #w-node-_885d7ecd-b590-fdc1-8d48-1376f72ff98b-39c10b97,
  #w-node-_6eb8f57a-7e1e-ebc6-67b4-d390399faf74-39c10b97,
  #w-node-c9819928-b0e4-ec5d-45bd-ab2a29681dc4-39c10b97 {
    order: 9999
  }

  #w-node-_48cf9c33-37c6-06c0-25ae-14a96d0d7b76-ccbcd3a4 {
    grid-area: span 1/span 1/span 1/span 1
  }

  #w-node-_59624e56-dcf4-0f02-1daa-54fb18bae5ac-bafc4833,
  #w-node-a9ed1d35-8d16-453d-22aa-3ee4022c54d4-bafc4833,
  #w-node-a223a4af-b223-6663-b3a6-2ba9640e81f8-bafc4833,
  #w-node-fe84129b-97c1-42a6-cc88-ff23dfa12669-bafc4833,
  #w-node-_58f742be-4406-77d8-32fd-b47c09891229-bafc4833,
  #w-node-f521d04a-4e06-b691-db94-4cac8731c947-bafc4833 {
    order: -9999
  }

  #w-node-_58c83162-6d68-d057-1557-7b1c6daa0560-bafc4833 {
    justify-self: center
  }

  #w-node-_272fa66a-592d-5f2c-7123-8dfe8dde6b98-bafc4833 {
    justify-self: end
  }
}

@media screen and (max-width:767px) {
  #w-node-ee9e6271-6e36-41f8-d10e-b03fa1e20f5c-720ebd74 {
    grid-area: 1/1/3/2
  }

  #w-node-ee9e6271-6e36-41f8-d10e-b03fa1e20f5e-720ebd74 {
    grid-area: span 1/span 1/span 1/span 1
  }

  #w-node-ee9e6271-6e36-41f8-d10e-b03fa1e20f66-720ebd74,
  #w-node-ee9e6271-6e36-41f8-d10e-b03fa1e20f71-720ebd74,
  #w-node-ee9e6271-6e36-41f8-d10e-b03fa1e20f7c-720ebd74,
  #w-node-_94fef900-144a-ee75-5a0c-ad791b0c9a46-720ebd74 {
    grid-area: 1/1/3/2
  }

  #w-node-_94fef900-144a-ee75-5a0c-ad791b0c9a4a-720ebd74 {
    grid-area: span 1/span 1/span 1/span 1
  }

  #w-node-baa52f9e-4d76-d7b1-de5a-628640ce1ed4-720ebd74,
  #w-node-_6e65c403-d6ec-befd-a333-5ae715c19b3b-720ebd74 {
    grid-area: 1/1/3/2
  }
}

@media screen and (max-width:479px) {
  #w-node-_20a67baa-609a-ab42-fecb-d6577566af6b-d62463e8 {
    grid-area: span 1/span 1/span 1/span 1
  }

  #w-node-_56613978-6bc9-f426-c209-4bc30183429b-d62463e8 {
    grid-area: 2/1/3/3
  }

  #w-node-_5c9f2428-ee59-ab81-8cda-e217828cad91-39c10b97 {
    justify-self: center
  }

  #w-node-_272fa66a-592d-5f2c-7123-8dfe8dde6b98-bafc4833 {
    justify-self: end
  }
}

@font-face {
  font-family: 'Material design iconic font';
  src: url("") format('woff2'), url("") format('embedded-opentype'), url("") format('woff'), url("") format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url("5e53d841678f9f3f7b21dfe0_Poppins-Regular.ttf") format('truetype'), url("5e53d841069700a4dda7132d_Poppins-Regular.otf") format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url("5e53d841dfb713862117e938_Poppins-Medium.otf") format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url("5e53d8415fae0a0aa1624f15_Poppins-Thin.otf") format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url("5e53d8412bce24577ccc2751_Poppins-SemiBold.otf") format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url("5e53d84164688e5da960b692_Poppins-Bold.otf") format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url("5e53d841ba84b4e5cab44911_Poppins-Light.otf") format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Metropolis';
  src: url("") format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Metropolis';
  src: url("") format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Metropolis';
  src: url("") format('opentype'), url("") format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Metropolis';
  src: url("") format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Metropolis';
  src: url("") format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* owl */
/*owl theme start */

.owl-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto !important;
}

.owl-carousel {
  position: relative;
  width: 100%;
  float: left;
  margin: 30px 0 0;
  -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height .5s ease-in-out;
  -moz-transition: height .5s ease-in-out;
  -ms-transition: height .5s ease-in-out;
  -o-transition: height .5s ease-in-out;
  transition: height .5s ease-in-out
}

.owl-carousel .owl-item {
  float: left;
  padding: 0
}

.owl-controls .owl-buttons div,
.owl-controls .owl-page {
  cursor: pointer;
  display: none;
}

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent
}

.carousel-control-prev {
  left: 0;
  font-size: 50px
}

.carousel-control-next {
  right: 0;
  font-size: 50px
}

.grabbing {
  cursor: url(grabbing.png) 8 8, move
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.owl-theme .owl-controls {
  margin-top: 35px;
  text-align: center
}

.owl-prev::before {
  font-family: Flaticon;
  content: "\f103"
}

.owl-next::before {
  font-family: Flaticon;
  content: "\f100";
}



.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1
}

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 15px;
  height: 15px;
  margin: 5px 2px;
  background: #3497d2;
  border-radius: 50%
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  background: var(--steel-blue);
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #fff;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px
}



.owl-theme .owl-controls {
  margin: 0 0 0;
  width: 100%;
  float: left
}

/* close owl */


/* menu */
#activator {
  display: block;
  position: absolute;
  width: 24px;
  height: 20px;
  top: 20px;
  right: 15px;
  cursor: pointer;
  z-index: 100;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#activator .menu-icon,
#activator .menu-icon::before,
#activator .menu-icon::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--steel-blue);
  border-radius: 1px;
  cursor: pointer;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#activator .menu-icon {
  top: 8px;
}

#activator .menu-icon::before {
  top: -8px;
}

#activator .menu-icon::after {
  bottom: -8px;
}

#activator.active .menu-icon {
  background: none;
}

#activator.active .menu-icon::before {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#activator.active .menu-icon::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#activate-menu {
  z-index: 90;
  padding: 20px;
  position: fixed;
  top: 0;
  bottom: 0;
  right: -50%;
  width: 50%;
  list-style-type: none;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  background: var(--white);
  overflow: hidden;
  overflow-y: auto;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#activate-menu ul {
  width: 100%;
  padding-left: 0;
}

#activate-menu ul li {
  padding: 10px 0px;
  font-size: 1rem;
  list-style: none;
  text-decoration: none;
  color: var(--heading);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#activate-menu ul li a {
  color: var(--heading);
  text-decoration: none;
}

#activate-menu ul li a:hover {
  color: var(--steel-blue);
}

@media (max-width:480px) {
  #activate-menu {
    right: -80%;
    width: 80%;
  }
}

#activate-menu.visible {
  right: 0;
}

#fade-bg {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 80;
  background: rgba(0, 0, 0, 0.2);
}

/* menu */
.map {
  width: 100%;
}

/* pricing */

#pricing-table {

  text-align: center;
  width: 100%;
  display: flex;

  /* total computed width = 222 x 3 + 226 */
}


#pricing-table .plan {
  background: #fff;
  border: 1px solid #ddd;
  color: #333;
  padding: 20px;
  width: 100%;
  /* plan width = 180 + 20 + 20 + 1 + 1 = 222px */
  float: left;
  position: relative;
}


#pricing-table #most-popular {
  z-index: 2;
  top: -13px;
  background: var(--steel-blue);
  border-width: 3px;
  padding: 30px 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
  -webkit-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
  box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
}

#pricing-table .plan:nth-child(1) {
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}

#pricing-table .plan:nth-child(4) {
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}

/* --------------- */

#pricing-table h3 {
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--steel-blue);
  padding: 20px;
  margin: -20px -20px 50px -20px;
  background-color: #eee;
}

#most-popular h3 {
  background-color: var(--steel-blue);
  font-weight: 700;
  color: #fff;
  margin-top: -30px;
  padding-top: 30px;
  padding-bottom: 30px;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

#pricing-table .plan:nth-child(1) h3 {
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
}

#pricing-table .plan:nth-child(4) h3 {
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;
}

#pricing-table h3 .round {
  display: block;
  font: bold 25px/100px;
  color: #000;
  font-size: 1.4rem;
  background: #ffe038;
  border-radius: 20px;
  border: 2px solid #fff;
  height: 60px;
  width: 200px;
  margin: 10px auto -65px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#pricing-table h3 .round span {
  font-weight: 400;
  font-size: 12px;
  padding-left: 10px;
  color: #7f6c06;
}

/* --------------- */

#pricing-table ul {
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none;
}

#pricing-table li {

  padding: 10px 0;
}

#pricing-table li i {
  color: var(--steel-blue);
}

#pricing-table #most-popular li {
  color: #fff;
}

#pricing-table #most-popular li i {
  color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  #pricing-table {
    flex-wrap: wrap;
  }

  #pricing-table .plan {
    width: 50%;
  }

  #pricing-table #most-popular {
    top: 0px;
  }
}

@media (max-width:767px) {
  #pricing-table {
    flex-direction: column;
  }

  #pricing-table #most-popular {
    top: 0px;
  }
}

/* close pricing */

/* tab style */
.tab-slider--container {
  width: 100%;
}

.tab-slider--nav {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}

.tab-slider--tabs {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  border-radius: 35px;
  overflow: hidden;
  background: #fff;
  height: 35px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.tab-slider--tabs:after {
  content: "";
  width: 50%;
  background: var(--steel-blue);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 250ms ease-in-out;
  border-radius: 35px;
}

.tab-slider--tabs.slide:after {
  left: 50%;
}

.tab-slider--trigger {
  font-size: 1.2rem;
  line-height: 1;
  font-weight: bold;
  color: var(--steel-blue);
  text-transform: uppercase;
  text-align: center;
  padding: 8px 20px;
  position: relative;
  z-index: 2;
  cursor: pointer;
  display: inline-block;
  transition: color 250ms ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.tab-slider--trigger.active {
  color: #fff;
}

.tab-slider--body {
  margin-bottom: 20px;
}

@media (max-width:480px) {
  #pricing-table h3 .round {

    font-size: 1rem;
  }

  #pricing-table h3 {
    font-size: 1.4rem;
  }

  .tab-slider--trigger {
    font-size: 1rem;
  }
}