@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i&display=swap);


@media (max-width: 1024px) {
    .our_tab_flex {
        display: flex !important;
        justify-content: space-between;
        flex-wrap: wrap;
    }


    .tabs-slide__img img {
        width: 100% !important;
    }
    .tabs-slide__img {
        width: 100% !important;
    }
}


.tabs-slide__img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    overflow: hidden;
}

#aslider .tab_main_body {
    overflow: hidden;
  }
  

  #aslider .tabs-wrapper {
    display: flex;
    overflow:scroll !important;
  }


  #aslider .tabs-wrapper {
    display: flex;
    overflow: scroll;
}

#aslider .tabs-wrapper::-webkit-scrollbar {
    width: 0;  /* Hide scrollbar width */
}

#aslider .tabs-wrapper::-webkit-scrollbar-thumb {
    display: none;  /* Hide scrollbar thumb */
}
  
  #aslider .tab_main_part {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px;
  }
  
  #aslider .tab_main {
      cursor: pointer;
      border-bottom: none;
      user-select: none;
      background: var(--color-light);
      border: 1.5px solid var(--color-deep-blue-50);
      border-radius: 20px;
      color: var(--color-deep-blue);
      font-size: 16px;
      font-weight: 500;
      line-height: 21px;
      padding: 8px 20px;
      transition: all 0.15s;
      white-space: nowrap;
  }
  #aslider .tab_main:hover {
    background-color: #ddd;
  }
  
  #aslider .tab_main.active {
    background-color: #0166cc;
    color: white;
  }

 
  
   .arrow {
    cursor: pointer;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    user-select: none;
  }
  .tab_content_part {
    background: linear-gradient(102.29deg, #f9fafc, #f0f4fa), #f7f9fc;
    border-radius: 8px;
    overflow: hidden;
    /* padding: 40px; */
    margin-top: 30px;
}


.our_tab_flex{
    display: flex !important;
    justify-content:space-between;
}

.icon-list li {
    align-items: flex-start;
    display: flex;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 10px;
}

.ftab_content{
    padding:40px;
}

.bizprocure .default-section:not(.default-section--no-offset) {
    padding-bottom: 50px !important;
    padding-top: 120px;
}




@media only screen and (max-width: 768px) {
      .new-tabs{
        justify-content: flex-start;
      }

      .bottom-tabs {
        display: flex;
        list-style: none;
        padding: 0;
        margin: 0;
        justify-content: flex-start !important;
        gap: 10px;
        overflow: auto;
    }


    .new-tabs {
        display: flex;
        list-style: none;
        padding: 0;
        margin: 0;
        gap: 10px;
        justify-content: flex-start !important;
        overflow: auto;
    }



    } 

    .tab_main {
      width: 100%; /* Make buttons take up full width on smaller screens */
      box-sizing: border-box; /* Include padding in width calculation */
    }
  
  @media only screen and (max-width: 575px) {
    .fg{
        width: 50%;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    }

    .solutions-item__icon .icon {
        height: 40px;
        width: 40px;
    }

    h3.h5.solutions-item__title {
        font-size: 14px;
        line-height: 22px;
    }


  }
  @media only screen and (max-width: 400px) {
    /* Adjust styles for screens up to 400px wide */
    .arrow {
      display: none; /* Hide the right arrow button on smaller screens */
    }
  }


/* -----------industry_business------------------------------- */

.bottom-tabs {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: center;
    gap: 10px;
    overflow: auto;
}

.bottom-tabs::-webkit-scrollbar {
    width: 0; /* Hide the scrollbar */
}

.new-tabs {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 10px;
    justify-content: center;
    overflow: auto;
}

.new-tabs::-webkit-scrollbar {
    width: 0; /* Hide the scrollbar */
}

.bottom-tab {
    cursor: pointer;
    margin: 0;
    background: var(--color-light);
    border: 1.5px solid var(--color-deep-blue-50);
    border-radius: 20px;
    color: var(--color-deep-blue);
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    padding: 8px 20px;
    transition: all 0.15s;
    white-space: nowrap;
}

.bottom-tab.active {
    background-color: var(--color-deep-blue);
    color: #ffffff;
}

.bottom-tab-content {
    display: none;
    padding: 20px;
    background: linear-gradient(102.29deg, #f9fafc, #f0f4fa), #f7f9fc;
    border-radius: 8px;
    overflow: hidden;
    padding: 40px;
    margin-top: 30px;
}

.bottom-tab-content.active {
    display: block;
}

.column {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* -----------industry_business------------------------------- */

/* ---------------------Business problem------------- */

/* .new-tabs {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 10px;
    justify-content: center;
} */

.new-tab {
    cursor: pointer;
    margin: 0;
    background: var(--color-light);
    border: 1.5px solid var(--color-deep-blue-50);
    border-radius: 20px;
    color: var(--color-deep-blue);
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    padding: 8px 20px;
    transition: all 0.15s;
    white-space: nowrap;
}

.new-tab.active {
    background-color: #ddd;
}

.new-tab-content {
    display: none;
    background: linear-gradient(102.29deg, #f9fafc, #f0f4fa), #f7f9fc;
    border-radius: 8px;
    overflow: hidden;
    padding: 40px;
    margin-top: 30px;
}

.new-tab-content.active {
    display: block;
}

.bizprocure .header .icons-row {
    row-gap: 16px;
    padding-right: 0;
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: column;
}
/* ---------------------Business problem------------- */

.row.tabs-slide__explore {
    width: 100%;
    justify-content: center;
}










/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
img.imgzz_icon {
    width: 80%;
    height:100%;
    object-fit:cover;
}

html {
    -ms-text-size-adjust: 100%;
    font-family: sans-serif;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[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 {
    font-size: 2em;
    margin: 0.67em 0;
}
mark {
    background: #ff0;
    color: #000;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    box-sizing: content-box;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
}
button,
input,
optgroup,
select,
textarea {
    font: inherit;
}
button {
    overflow: visible;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -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: textfield;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: 700;
}
td,
th {
    padding: 0;
}
.bx-wrapper {
    zoom:1;
    position: relative;
    width: 100%;
}

.bx-wrapper,
.bx-wrapper .bx-viewport {
    height: inherit;
}
.bx-wrapper .bx-controls {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
    width: 100%;
    z-index: 51;
}
.bx-wrapper .bx-loading {
    background: transparent;
    height: 100%;
    left: 0;
    min-height: 50px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000;
}
.bx-wrapper .bx-pager {
    height: 10px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #d8d8d8;
    border-radius: 5px;
    display: block;
    height: 10px;
    outline: 0;
    text-indent: -9999px;
    width: 10px;
}
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #476cff;
}
.bx-wrapper .bx-pager .bx-pager-item {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    height: 10px;
    margin: 0 10px 0 0;
    width: 10px;
}

ul.tabs-dots.pb-\[2px\].hide-before.hide-after {
    text-align: center;
    align-items: center;
    justify-content: center;
}
.bx-wrapper .bx-prev {
    left: 10px;
}
.bx-wrapper .bx-next {
    right: 10px;
}
.bx-wrapper .bx-controls-direction a {
    display: block;
    height: 32px;
    outline: 0;
    position: absolute;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
    top: 0;
    transform: translateY(-50%);
    width: 32px;
}
.bx-wrapper .bx-controls-direction a.bx-prev:before {
    content: "";
    display: block;
    height: 1px;
    left: 5px;
    position: absolute;
    top: 50%;
    transform: rotate(225deg) translate(-50%, -50%);
    width: 12px;
}
.bx-wrapper .bx-controls-direction a.bx-prev:after {
    content: "";
    display: block;
    height: 1px;
    left: 5px;
    position: absolute;
    top: 50%;
    transform: rotate(-225deg) translate(-50%, -50%);
    width: 12px;
}
.bx-wrapper .bx-controls-direction a.bx-next:before {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: rotate(45deg) translate(-50%, -50%);
    width: 12px;
}
.bx-wrapper .bx-controls-direction a.bx-next:after {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: rotate(-45deg) translate(-50%, -50%);
    width: 12px;
}
.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}
.bx-wrapper .bx-controls-auto {
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
}
.bx-wrapper .bx-caption {
    background: rgba(80, 80, 80, 0.75);
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100% span;
}
.bx-wrapper #bx-pager {
    bottom: 30px;
    position: relative;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
    z-index: 3;
}
.bx-wrapper #bx-pager,
.bx-wrapper #bx-pager:after {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    width: 100%;
}
.bx-wrapper #bx-pager:after {
    content: "";
}
.bx-wrapper #bx-pager a {
    zoom: 1;
    background: #fcf7f4;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    height: 8px;
    margin: 0 5px;
    position: relative;
    text-decoration: none;
    width: 8px;
}
.bx-wrapper #bx-pager a.active {
    background: #d2513b;
}
.slick-slide {
    display: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
html {
    line-height: 1;
}
ol,
ul {
    list-style: none;
}
caption,
td,
th {
    font-weight: 400;
    text-align: left;
    vertical-align: middle;
}
blockquote,
q {
    quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none;
}
a img {
    border: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-appearance: none;
    box-sizing: border-box;
    text-rendering: auto;
    word-break: break-word;
}
:focus {
    -moz-outline-style: none;
    outline: none !important;
}
section {
    position: relative;
}
iframe {
    display: block;
}
table {
    border-spacing: 0;
    width: 100%;
}
td {
    vertical-align: middle;
}
nav li,
nav ul {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
button {
    border: none;
}
img {
    -ms-interpolation-mode: bicubic;
    display: block;
}
a {
    cursor: pointer;
    text-decoration: none;
}
html {
    width: 100%;
}
body,
html {
    position: relative;
}
body {
    background: #fff;
    color: #7b7e8b;
    font-stretch: normal;
    font:
        400 1rem/1.38 Open Sans,
        sans-serif;
    min-width: 62.5rem;
    text-align: left;
}
body.overflow {
    height: 100%;
    overflow-y: hidden;
    padding-right: 1.0625rem;
}
.clearfix:after {
    clear: both;
    content: "";
    display: table;
}
.all-wrapper {
    min-height: 100%;
}
.wrapper {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    font-size: 0;
    height: inherit;
    letter-spacing: -0.25rem;
    line-height: 0;
    text-align: justify;
    -moz-text-align-last: justify;
    text-align-last: justify;
    text-justify: newspaper;
    vertical-align: top;
    width: 100%;
}
.wrapper:after {
    content: "";
    display: inline-block;
    width: 100%;
}
.wrapper > * {
    letter-spacing: normal;
}
.wrapper-helper {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    vertical-align: top;
}
.content {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 62.5rem;
    z-index: 1;
}
.list-item {
    color: #7b7e8b;
    font:
        400 1rem/2 Open Sans,
        sans-serif;
    padding-left: 1.875rem;
    position: relative;
}
.list-item:before {
    background: #7b7e8b;
    border-radius: 4px;
    content: "";
    display: block;
    height: 0.25rem;
    left: 0.625rem;
    position: absolute;
    top: 1rem;
    width: 0.25rem;
}
.h1 {
    color: #333d66;
    font:
        700 2.5rem/1.13 Inter,
        sans-serif;
}
.h1 span {
    display: block;
}
.h1__intro {
    position: relative;
}
.h1__intro span:first-child {
    display: block;
}
.h1__intro span:last-child {
    display: none;
    left: 0;
    position: absolute;
    top: 2.8125rem;
}
.h1__center {
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
.h2 {
    color: #333d66;
    font:
        700 1.75rem/1.18 Inter,
        sans-serif;
}
.h2 span {
    display: block;
}
.h2__center {
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
.h3 {
    color: #333d66;
    font:
        500 1.25rem/1.5 Inter,
        sans-serif;
}
.h3__center {
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
.h3__reset-password + p {
    padding-top: 3.125rem;
}
.h5 {
    color: #525666;
    font:
        600 1.0625rem/1.35 Inter,
        sans-serif;
}
.h6 {
    color: #333d66;
    font:
        500 1rem/1.75 Inter,
        sans-serif;
}
.fieldset {
    margin-top: 1.25rem;
    position: relative;
    text-align: left;
    -moz-text-align-last: left;
    text-align-last: left;
}
.fieldset:first-child {
    margin-top: 0;
}
.fieldset__center {
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
.fieldset__flex {
    display: flex;
    justify-content: center;
}
.label {
    color: #7b7e8b;
    display: block;
    font:
        400 0.6875rem/1.36 Open Sans,
        sans-serif;
    padding-bottom: 0.3125rem;
    text-transform: uppercase;
}
.label a {
    color: #476cff;
}
.input {
    -webkit-text-fill-color: #7b7e8b;
    zoom: 1;
    border: 0.0625rem solid #e1e1e6;
    border-radius: 4px;
    color: #7b7e8b;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    font:
        400 1rem/1.25 Open Sans,
        sans-serif;
    padding: 0.75rem 0.9375rem;
    transition:
        color 0.3s linear,
        border 0.3s linear;
    vertical-align: top;
    width: 100%;
}
.input.placeholder {
    -webkit-text-fill-color: #e1e1e6;
    color: #e1e1e6;
}
.input:-moz-placeholder,
.input::-moz-placeholder {
    -webkit-text-fill-color: #e1e1e6;
    color: #e1e1e6;
}
.input:-ms-input-placeholder {
    -webkit-text-fill-color: #e1e1e6;
    color: #e1e1e6;
}
.input::-webkit-input-placeholder {
    -webkit-text-fill-color: #e1e1e6;
    color: #e1e1e6;
}
.input:focus {
    border-color: #476cff;
}
.input:focus.placeholder {
    color: transparent;
}
.input:focus:-moz-placeholder,
.input:focus::-moz-placeholder {
    color: transparent;
}
.input:focus:-ms-input-placeholder {
    color: transparent;
}
.input:focus::-webkit-input-placeholder {
    color: transparent;
}
.input-checkbox {
    background: none;
    border: 0.0625rem solid #e1e1e6;
    border-radius: 4px;
    cursor: pointer;
    display: block;
    height: 1rem;
    left: 0;
    position: absolute;
    top: 0.3125rem;
    transition: border 0.3s linear;
    width: 1rem;
}
.input-checkbox:checked {
    border-color: #476cff;
}
.input-checkbox:checked + .label + .checkbox-checked-icon,
.input-checkbox:hover + .label + .checkbox-checked-icon + .tooltip {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}
.input-checkbox:hover + .label + .checkbox-checked-icon + .tooltip {
    top: -4.375rem;
}
.input-checkbox + .label {
    color: #7b7e8b;
    cursor: pointer;
    font:
        400 1rem/1.44 Open Sans,
        sans-serif;
    padding-bottom: 0;
    padding-left: 1.875rem;
    text-transform: none;
}
.input__error {
    -webkit-text-fill-color: #ff264a;
    border-color: #ff264a;
    color: #ff264a;
}
.input__error.placeholder {
    color: #ff264a;
}
.input__error:-moz-placeholder,
.input__error::-moz-placeholder {
    color: #ff264a;
}
.input__error:-ms-input-placeholder {
    color: #ff264a;
}
.input__error::-webkit-input-placeholder {
    color: #ff264a;
}
.input__error:focus {
    border-color: #ff264a;
}
.input__error:focus.placeholder {
    color: #ff264a;
}
.input__error:focus:-moz-placeholder,
.input__error:focus::-moz-placeholder {
    color: #ff264a;
}
.input__error:focus:-ms-input-placeholder {
    color: #ff264a;
}
.input__error:focus::-webkit-input-placeholder {
    color: #ff264a;
}
.input__login-form,
.input__reset-password-form {
    width: 100%;
}
.login-form-password {
    padding-right: 3.125rem;
}
.intro-form__email {
    width: 13.25rem;
}
.button {
    zoom: 1;
    background: #476cff;
    border-radius: 4px;
    border-width: 0;
    color: #fff;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    font:
        600 1rem/1.38 Open Sans,
        sans-serif;
    padding: 0.75rem 1.875rem;
    transition: background 0.3s linear;
    vertical-align: top;
}
.button:hover {
    background: #315aff;
}
.button-gray {
    zoom: 1;
    background: #fafafa;
    border-radius: 4px;
    border-width: 0;
    color: #476cff;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    font:
        600 1rem/1.38 Open Sans,
        sans-serif;
    padding: 0.75rem 1.875rem;
    transition: background 0.3s linear;
    vertical-align: top;
}
.button-gray:hover {
    background: #f4f4f4;
}
.main {
    padding-top: 4.5rem;
    position: relative;
}
.main:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSIuNSIgeTE9IjAiIHgyPSIuNSIgeTI9IjEiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZmEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjYSkiLz48L3N2Zz4=);
    background-image: linear-gradient(180deg, #f7f7fa, hsla(0, 0%, 100%, 0));
    background-size: 100%;
    content: "";
    display: block;
    height: 31.25rem;
    left: 0;
    position: absolute;
    right: 0;
    top: 4.5rem;
    z-index: 0;
}
.main__custom {
    padding-top: 0;
}
.main__custom:before {
    top: 0;
}
.icon-love {
    zoom: 1;
    fill: #476cff;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    height: 1.3125rem;
    vertical-align: middle;
    width: 1.5625rem;
}
.intro {
    margin-top: 5.3125rem;
}
.intro-wrapper {
    background: url(images/intro.76cd5e5b.svg) no-repeat 100%;
    background-size: 30.1875rem 22.25rem;
    min-height: 22.25rem;
    padding-right: 33.125rem;
}
.intro-wrapper p {
    color: #7b7e8b;
    font:
        400 1.0625rem/1.76 Open Sans,
        sans-serif;
    padding-top: 1.25rem;
}
.intro-form {
    margin-top: 2.25rem;
}
.intro-form-submit {
    margin-left: 1.375rem;
}
.trusted {
    padding-top: 5.375rem;
}
.trusted-title {
    color: #bababf;
    font:
        500 1.25rem/1.5 Inter,
        sans-serif;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
.trusted-list {
    margin-top: 1.25rem;
}
.trusted-list-item {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    vertical-align: middle;
}
.trusted-list-item + .trusted-list-item {
    margin-left: 5.75rem;
}
.trusted-list-item-icon {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    vertical-align: middle;
}
.review {
    padding-top: 6.25rem;
}
.review .blockquote {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.6875rem;
    width: 50rem;
}
.review .h6 {
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
.review-avatar {
    border-radius: 50%;
    height: 4.125rem;
    margin-left: auto;
    margin-right: auto;
    width: 4.125rem;
}
.review-author {
    padding-top: 1.4375rem;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
.review-author-link {
    color: #476cff;
    font:
        600 1rem/1.38 Open Sans,
        sans-serif;
}
.advantages {
    padding-top: 7.125rem;
}
.advantages-list {
    background: url(images/advantages.cfb28b14.svg) no-repeat 0;
    background-size: 30.375rem 19.8125rem;
    padding-left: 34.75rem;
}
.advantages-list-item + .advantages-list-item {
    margin-top: 1.875rem;
}
.advantages-list-item .h3 + p {
    padding-top: 0.625rem;
}
.advantages-list-item p {
    color: #7b7e8b;
    font:
        400 1rem/1.75 Open Sans,
        sans-serif;
}
.advantages-list-item p + p {
    padding-top: 0.3125rem;
}
.stats {
    margin-top: 7.125rem;
}
.stats-list {
    background: #476cff;
    padding-bottom: 3.125rem;
    padding-top: 3.125rem;
}
.stats-list-item {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
    vertical-align: top;
    width: 33.33%;
}
.stats-list-item div {
    color: #fff;
    font:
        700 2.1rem/1.16 Inter,
        sans-serif;
}
.stats-list-item div span {
    font-size: 1.68125rem;
}
.stats-list-item p {
    color: #fff;
    font:
        400 1rem/1.38 Inter,
        sans-serif;
    padding-top: 0.8125rem;
}
.stats-after {
    color: #bababf;
    font:
        400 0.8125rem/1.38 Open Sans,
        sans-serif;
    font-style: italic;
    margin-top: 1.25rem;
}
.features,
.stats-after {
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
.features {
    padding-top: 6.25rem;
}
.features-images {
    border-bottom: 0.0625rem solid hsla(240, 4%, 74%, 0.5);
    margin-top: 3.125rem;
    position: relative;
}
.features-images-item {
    background-repeat: no-repeat;
}
.features-images-item__left {
    background-image: url(images/features-image-left%401x.81a9c97f.png);
    background-position: 0 100%;
    background-size: 39.125rem 19.5625rem;
    bottom: 0;
    height: 19.5625rem;
    left: 0;
    position: absolute;
    width: 39.125rem;
    z-index: 1;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi),
    only screen and (min-resolution: 2dppx) {
    .features-images-item__left {
        background-image: url(images/features-image-left%402x.e98ca21c.png);
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3),
    only screen and (min-device-pixel-ratio: 3),
    only screen and (min-resolution: 288dpi),
    only screen and (min-resolution: 3dppx) {
    .features-images-item__left {
        background-image: url(images/features-image-left%403x.a8523a83.png);
    }
}
.features-images-item__center {
    background-image: url(images/features-image-center%401x.83e5cc89.png);
    background-position: bottom;
    background-size: 41rem 25.4375rem;
    height: 25.4375rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 41rem;
    z-index: 2;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi),
    only screen and (min-resolution: 2dppx) {
    .features-images-item__center {
        background-image: url(images/features-image-center%402x.b8aa854d.png);
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3),
    only screen and (min-device-pixel-ratio: 3),
    only screen and (min-resolution: 288dpi),
    only screen and (min-resolution: 3dppx) {
    .features-images-item__center {
        background-image: url(images/features-image-center%403x.09625090.png);
    }
}
.features-images-item__right {
    background-image: url(images/features-image-right%401x.6ae1aee5.png);
    background-position: 100% 100%;
    background-size: 39.125rem 19.5625rem;
    bottom: 0;
    height: 19.5625rem;
    position: absolute;
    right: 0;
    width: 39.125rem;
    z-index: 1;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi),
    only screen and (min-resolution: 2dppx) {
    .features-images-item__right {
        background-image: url(images/features-image-right%402x.7d673cae.png);
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3),
    only screen and (min-device-pixel-ratio: 3),
    only screen and (min-resolution: 288dpi),
    only screen and (min-resolution: 3dppx) {
    .features-images-item__right {
        background-image: url(images/features-image-right%403x.076976f3.png);
    }
}
.features-list {
    margin-top: 1.25rem;
}
.features-list-item {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    margin-top: 3.75rem;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
    vertical-align: top;
    width: 20%;
}
.features-list-item p {
    color: #7b7e8b;
    font:
        400 1rem/1.38 Open Sans,
        sans-serif;
    padding-top: 0.9375rem;
}
.features-list-item-icon {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    height: 4.5rem;
    vertical-align: top;
    width: 4.5rem;
}
.features-button {
    margin-top: 4.375rem;
}
.solution {
    padding-top: 6.25rem;
}
.solution-list {
    background: url(images/solution.8a7a7ea1.svg) 100% 0 no-repeat;
    background-size: 32.4375rem 29.375rem;
    margin-top: 3.75rem;
    min-height: 32.4375rem;
    padding-right: 35rem;
}
.solution-list-item {
    margin-top: 1.875rem;
}
.solution-list-item:first-child {
    margin-top: 0;
}
.solution-list-item .h3 + p {
    padding-top: 0.625rem;
}
.solution-list-item p {
    color: #7b7e8b;
    font:
        400 1rem/1.75 Open Sans,
        sans-serif;
}
.solution-list-item p + p {
    padding-top: 0.3125rem;
}
.reviews {
    padding-top: 6.25rem;
}
.reviews-list {
    margin-top: 4.375rem;
}
.reviews-list-item {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    position: relative;
    text-align: left;
    -moz-text-align-last: left;
    text-align-last: left;
    vertical-align: top;
    width: 23%;
}
.review-list-item-award {
    background: #fafafa;
    border-radius: 4px;
    min-height: 13.5625rem;
    padding: 2.625rem 1.875rem 2.3125rem;
    position: relative;
    width: 100%;
}
.review-list-item-award + .reviews-list-item-body {
    margin-top: 1.875rem;
}
.review-list-item-award-icon {
    fill: #fc3;
    display: block;
}
.review-list-item-award-icon__star {
    fill: #fc3;
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    height: 1.125rem;
    vertical-align: top;
    width: 1.1875rem;
}
.review-list-item-award-icon__star + .review-list-item-award-icon__star {
    margin-left: 0.3125rem;
}
.review-list-item-award-icon__star + .review-list-item-award-link {
    margin-top: 2rem;
}
.review-list-item-award-icon__cup {
    height: 1.875rem;
    margin-top: -0.375rem;
    width: 2.25rem;
}
.review-list-item-award-icon__cup + .review-list-item-award-link {
    margin-top: 1.625rem;
}
.reviews-list-item-body {
    border: 0.0625rem solid #f2f2f2;
    border-radius: 4px;
    padding: 1.875rem 1.875rem 3.75rem;
}
.reviews-list-item-body > .wrapper {
    height: auto;
    min-height: 2.375rem;
}
.reviews-list-item-body p {
    color: #7b7e8b;
    font:
        400 1rem/1.88 Open Sans,
        sans-serif;
    padding-top: 1.25rem;
}
.reviews-list-item-asset-01 {
    zoom: 1;
    background-color: transparent;
    background-image: url(images/sprites-s3214dd6740.f3f8221a.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    height: 20px;
    overflow: hidden;
    vertical-align: top;
    width: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi),
    only screen and (min-resolution: 2dppx) {
    .reviews-list-item-asset-01 {
        background-image: url(images/sprites%402x-s006c660f6b.d0ffd7e6.png);
        background-position: 0 0;
        background-size: 20px 52px;
        height: 20px;
        width: 20px;
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3),
    only screen and (min-device-pixel-ratio: 3),
    only screen and (min-resolution: 288dpi),
    only screen and (min-resolution: 3dppx) {
    .reviews-list-item-asset-01 {
        background-image: url(images/sprites%403x-s1ea77967a1.9b209312.png);
        background-position: 0 0;
        background-size: 20px 52px;
        height: 20px;
        width: 20px;
    }
}
.reviews-list-item-asset-02 {
    zoom: 1;
    background-color: transparent;
    background-image: url(images/sprites-s3214dd6740.f3f8221a.png);
    background-position: 0 -30px;
    background-repeat: no-repeat;
    display: block;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    height: 22px;
    overflow: hidden;
    vertical-align: top;
    width: 14px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi),
    only screen and (min-resolution: 2dppx) {
    .reviews-list-item-asset-02 {
        background-image: url(images/sprites%402x-s006c660f6b.d0ffd7e6.png);
        background-position: 0 -30px;
        background-size: 20px 52px;
        height: 22px;
        width: 14px;
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3),
    only screen and (min-device-pixel-ratio: 3),
    only screen and (min-resolution: 288dpi),
    only screen and (min-resolution: 3dppx) {
    .reviews-list-item-asset-02 {
        background-image: url(images/sprites%403x-s1ea77967a1.9b209312.png);
        background-position: 0 -30px;
        background-size: 20px 52px;
        height: 22px;
        width: 14px;
    }
}
.reviews-list-item-avatar {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    max-height: 2.375rem;
    max-width: 100%;
    vertical-align: top;
}
.reviews-list-item-name {
    padding-top: 1.25rem;
}
.reviews-list-item-name span {
    display: block;
}
.more-reviews {
    color: #7b7e8b;
    font:
        400 1rem/1.88 Open Sans,
        sans-serif;
    margin-top: 3.125rem;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
.more-reviews-link {
    color: #476cff;
}
.cta {
    background-color: #476cff;
    background-image: url(images/pattern.51bcbc8b.svg);
    background-position: top;
    background-repeat: repeat;
    margin-top: 6.25rem;
    position: relative;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
.cta .content {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSIwIiB5MT0iLjUiIHgyPSIxIiB5Mj0iLjUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0NzZjZmYiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjNDc2Y2ZmIi8+PHN0b3Agb2Zmc2V0PSI1NCUiIHN0b3AtY29sb3I9IiM0NzZjZmYiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzQ3NmNmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ3NmNmZiIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNhKSIvPjwvc3ZnPg==);
    background-image: linear-gradient(
        90deg,
        rgba(71, 108, 255, 0) 0,
        #476cff 20%,
        #476cff 54%,
        #476cff 80%,
        rgba(71, 108, 255, 0)
    );
    background-size: 100%;
    padding-bottom: 5rem;
    padding-top: 5rem;
}
.cta-title {
    color: #fff;
    font:
        700 2.5rem/1.13 Inter,
        sans-serif;
}
.cta-title span {
    display: block;
}
.cta-link {
    color: #476cff;
    margin-top: 2.5rem;
}
.cta-link,
.cta-link:hover {
    background: #fff;
}
.press {
    padding-top: 6.25rem;
}
.press-list {
    margin-top: 2.5rem;
}
.press-list-item {
    zoom: 1;
    background: #fafafa;
    box-shadow: 0 0 0.1875rem 0 rgba(0, 0, 0, 0.1);
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    margin-top: 1.875rem;
    padding: 2.5rem 1.875rem;
    position: relative;
    text-align: left;
    -moz-text-align-last: left;
    text-align-last: left;
    vertical-align: top;
    width: 19.5625rem;
}
.press-list-item-image {
    color: #404040;
    font:
        600 1.75rem/1.36 Open Sans,
        sans-serif;
    left: 1.875rem;
    max-height: 6.25rem;
    max-width: 100%;
    position: absolute;
    top: 2.5rem;
}
.press-list-item-title {
    color: #333d66;
    font:
        600 1rem/1.63 Open Sans,
        sans-serif;
    height: 4.875rem;
    margin-top: 7.5625rem;
    overflow: hidden;
}
.press-list-item-preview {
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    color: #7b7e8b;
    display: -webkit-box;
    font:
        400 1rem/1.75 Open Sans,
        sans-serif;
    height: 8.75rem;
    margin-top: 1.25rem;
    overflow: hidden;
}
.press-list-item-more {
    margin-top: 0.625rem;
}
.press-list-item-more-link {
    border-bottom: 0.0625rem solid #7b7e8b;
    color: #7b7e8b;
    font:
        600 1rem/1.75 Open Sans,
        sans-serif;
}
.pager,
.press-list-item-more-link {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    vertical-align: top;
}
.pager {
    left: 50%;
    margin-top: 3.125rem;
    position: relative;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
    transform: translateX(-50%);
}
.pager-item {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    margin-left: 0.3125rem;
    margin-right: 0.3125rem;
    vertical-align: top;
}
.pager-item-link {
    background: #fafafa;
    border-radius: 4px;
    color: #7b7e8b;
    display: block;
    font:
        600 0.9375rem/1.47 Open Sans,
        sans-serif;
    height: 1.5rem;
    position: relative;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
    width: 1.5rem;
}
.pager-item-link__back {
    background: none;
    color: #476cff;
    margin-right: 1.6875rem;
    padding-left: 0.8125rem;
    white-space: nowrap;
    width: auto;
}
.pager-item-link__back:before {
    border: 0.3125rem solid transparent;
    border-left: none;
    border-right: 0.375rem solid #476cff;
    left: 0;
    top: 0.4375rem;
}
.pager-item-link__back:after,
.pager-item-link__back:before {
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    z-index: 2;
}
.pager-item-link__back:after {
    border: 0.25rem solid transparent;
    border-left: none;
    border-right-color: #fff;
    left: 0.125rem;
    top: 0.5rem;
}
.pager-item-link__next {
    background: none;
    color: #476cff;
    margin-left: 1.6875rem;
    padding-right: 0.8125rem;
    white-space: nowrap;
    width: auto;
}
.pager-item-link__next:before {
    border: 0.3125rem solid transparent;
    border-left: 0.375rem solid #476cff;
    border-right: none;
    right: 0;
    top: 0.4375rem;
}
.pager-item-link__next:after,
.pager-item-link__next:before {
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    z-index: 2;
}
.pager-item-link__next:after {
    border: 0.25rem solid transparent;
    border-left: 0.25rem solid #fff;
    border-right: none;
    right: 0.125rem;
    top: 0.5rem;
}
.pager-item-link__active {
    background: #476cff;
    color: #fff;
}
.press-contact {
    background: #476cff;
    font-size: 0;
    line-height: 0;
    margin-top: 6.25rem;
    padding-bottom: 1.875rem;
    padding-top: 1.875rem;
}
.press-contact-item {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    text-align: left;
    -moz-text-align-last: left;
    text-align-last: left;
    vertical-align: top;
}
.press-contact-item:first-child {
    width: 66.66%;
}
.press-contact-item:last-child {
    width: 33.33%;
}
.press-contact-item__h3 {
    color: #fff;
}
.press-contact-list {
    margin-top: 2.25rem;
}
.press-contact-list-item {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    margin-left: 2.25rem;
    vertical-align: top;
}
.press-contact-list-item:first-child {
    margin-left: 0;
}
.press-contact-list-item-link {
    color: #fff;
    font:
        400 1rem/1.38 Open Sans,
        sans-serif;
}
.press-contact-list-item-link-icon {
    fill: #fff;
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    margin-right: 0.375rem;
    vertical-align: top;
}
.press-contact-list-item-link-icon__user {
    height: 1.4375rem;
    margin-top: -0.25rem;
    width: 1rem;
}
.press-contact-list-item-link-icon__phone {
    height: 1.25rem;
    width: 1.125rem;
}
.press-contact-list-item-link-icon__email {
    height: 0.875rem;
    margin-top: 0.3125rem;
    width: 1.125rem;
}
.press-contact-item-link {
    background: #fff;
    color: #476cff;
    margin-top: 1.5rem;
}
.not-found {
    padding-bottom: 6.25rem;
    padding-top: 6.25rem;
    position: relative;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
.not-found-block {
    background-image: url(images/404.149fa2aa.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 50.9375rem 19.5625rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3.75rem;
    max-width: 51rem;
    padding-top: 24.3125rem;
}
@media only screen and (max-height: 49.9375rem) {
    .not-found-block {
        background-size: 30.5625rem 11.75rem;
        padding-top: 16.5rem;
    }
}
.thank-you {
    padding-bottom: 6.25rem;
    padding-top: 6.25rem;
    position: relative;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
.thank-you p {
    color: #7b7e8b;
    font:
        400 1.25rem/1.5 Open Sans,
        sans-serif;
    padding-top: 0.625rem;
}
.thank-you-block {
    background-image: url(images/thank-you.99f9cb5c.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 27.5rem 16.875rem;
    margin-top: 3.0625rem;
    padding-top: 19.375rem;
}
.thank-you-block-link {
    margin-top: 1.25rem;
}
.login {
    padding-bottom: 3.125rem;
    position: relative;
}
.login + .hFooter {
    height: 0;
}
.login-logo {
    padding-bottom: 2.5rem;
    padding-top: 3.125rem;
}
.login-logo-link {
    background: url(images/logo-precoro.54d58996.svg) no-repeat;
    background-size: 8.125rem 1.25rem;
    display: block;
    height: 1.25rem;
    width: 8.125rem;
}
.login-form,
.login-logo-link {
    margin-left: auto;
    margin-right: auto;
}
.login-form {
    margin-top: 1.875rem;
    width: 17.6875rem;
}
.login-form-submit {
    margin-top: 2.5rem;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
    width: 100%;
}
.reset-password {
    padding-bottom: 3.125rem;
    position: relative;
}
.reset-password p {
    color: #7b7e8b;
    font:
        400 1rem/1.76 Open Sans,
        sans-serif;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
.reset-password .fieldset {
    margin-top: 1.875rem;
}
.reset-password + .hFooter {
    height: 0;
}
.reset-password-form {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.875rem;
    width: 17.6875rem;
}
.reset-password-form-submit {
    margin-top: 2.5rem;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
    width: 100%;
}
.password-icon-wrapper {
    cursor: pointer;
    position: absolute;
    right: 0.9375rem;
    top: 2.3125rem;
    z-index: 2;
}
.fieldset__active .password-icon {
    fill: #7b7e8b;
}
.password-icon {
    fill: #e1e1e6;
    display: block;
    height: 0.5625rem;
    transition: fill 0.3s linear;
    width: 1rem;
}
.forgot-password {
    color: #476cff;
    font:
        400 1rem/1.38 Open Sans,
        sans-serif;
}
.customers {
    padding-top: 6.25rem;
    z-index: 2;
}
.customers-list {
    margin-top: 4.375rem;
}
.customers-list-item {
    background: #fafafa;
    box-shadow: 0 0 0.1875rem 0 rgba(0, 0, 0, 0.1);
    float: left;
    position: relative;
    width: 100%;
}
.customers-list-item:before {
    background: #476cff;
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 38%;
    z-index: 0;
}
.customers-list-item + .customers-list-item {
    margin-top: 1.875rem;
}
.customers-list-item:nth-child(odd) .customers-list-item-company {
    float: left;
}
.customers-list-item:nth-child(odd) .customers-list-item-review {
    float: right;
}
.customers-list-item:nth-child(odd):before {
    left: 0;
}
.customers-list-item:nth-child(2n) .customers-list-item-company {
    float: right;
}
.customers-list-item:nth-child(2n) .customers-list-item-review {
    float: left;
}
.customers-list-item:nth-child(2n):before {
    right: 0;
}
.customers-list-item-company {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    padding: 2.5rem 1.875rem;
    position: relative;
    vertical-align: top;
    width: 38%;
    z-index: 1;
}
.customers-list-item-company-description {
    padding-top: 1.875rem;
}
.customers-list-item-company-description p {
    color: #fff;
    font:
        400 1rem/1.63 Open Sans,
        sans-serif;
}
.customers-list-item-company-image {
    display: block;
    max-height: 3.375rem;
    max-width: 100%;
    position: relative;
}
.customers-list-item-company-image:before {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.customers-list-item-review {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    padding: 2.5rem 2.5rem 2.5rem 7.625rem;
    position: relative;
    vertical-align: top;
    width: 62%;
}
.customers-list-item-review p {
    color: #7b7e8b;
    font:
        400 1rem/1.63 Open Sans,
        sans-serif;
    padding-top: 1.5625rem;
}
.customers-list-item-review-avatar {
    border-radius: 50%;
    height: 3.75rem;
    left: 2.5rem;
    position: absolute;
    top: 2.5rem;
    width: 3.75rem;
}
.customers-list-item-review-position {
    color: #bababf;
    font:
        600 1rem/1.88 Open Sans,
        sans-serif;
}
.customers-trusted {
    margin-top: 6.25rem;
}
.customers-trusted-logos {
    margin-top: 4.375rem;
    position: relative;
}
.customers-trusted-logos-dropdown {
    display: none;
}
.customers-trusted-departments {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    vertical-align: top;
    width: 15.625rem;
}
.customers-trusted-departments-item {
    margin-top: 1.0625rem;
    text-align: left;
    -moz-text-align-last: left;
    text-align-last: left;
}
.customers-trusted-departments-item__active .h3 {
    color: #476cff;
}
.customers-trusted-departments-item:first-child {
    margin-top: 0;
}
[data-department] {
    cursor: pointer;
}
.customers-trusted-logos-by-department-wrapper {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    vertical-align: top;
    width: 50.875rem;
}
.customers-trusted-logos-by-department {
    display: none;
}
.customers-trusted-logos-by-department:first-child {
    display: block;
}
.customers-trusted-logos-by-department-item {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    height: 8.8125rem;
    position: relative;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
    vertical-align: top;
    width: 15.625rem;
}
.about-item {
    width: 13.625rem;
}
.customers-trusted-logos-by-department-item-image {
    left: 50%;
    max-height: 65%;
    max-width: 65%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
.about-image {
    max-width: 100%;
}
.about-content {
    margin-top: 2.375rem;
}
.roadmap {
    display: table;
    margin: auto;
    max-width: 49.875rem;
}
.roadmap .roadmap-item {
    margin-top: 2.375rem;
}
.roadmap-item .roadmap-year-item {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 13%;
}
.roadmap-item .roadmap-text-item {
    display: table-cell;
    margin-left: 13%;
    text-align: left;
    vertical-align: middle;
}
.approach {
    margin-left: auto;
    margin-right: auto;
    max-width: 80%;
}
.customer-success {
    padding-top: 6.25rem;
}
.customer-success p {
    color: #7b7e8b;
    font:
        400 1rem/1.75 Open Sans,
        sans-serif;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4.375rem;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
    width: 62.6%;
}
.customer-success-list-wrapper {
    background: #fafafa;
    margin-top: 6.25rem;
    padding-bottom: 6.25rem;
    padding-top: 6.25rem;
}
.customer-success-list-item {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    padding-left: 1%;
    padding-right: 1%;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
    vertical-align: top;
    width: 20%;
}
.customer-success-list-item-avatar {
    border-radius: 50%;
    height: 4.8125rem;
    margin-left: auto;
    margin-right: auto;
    width: 4.8125rem;
}
.customer-success-list-item-name {
    color: #333d66;
    font:
        600 1rem/1.38 Open Sans,
        sans-serif;
    margin-top: 1.5625rem;
}
.customer-success-list-item-position {
    color: #7b7e8b;
    font:
        400 1rem/1.38 Open Sans,
        sans-serif;
    margin-top: 0.5rem;
}
.customer-success-checklist {
    padding-top: 6.25rem;
}
.checklist {
    margin-top: 4.375rem;
}
.checklist-item {
    zoom: 1;
    color: #7b7e8b;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    font:
        400 1.125rem/1.3 Open Sans,
        sans-serif;
    margin-top: 1.875rem;
    padding-left: 2.5rem;
    position: relative;
    text-align: left;
    -moz-text-align-last: left;
    text-align-last: left;
    vertical-align: top;
    width: 50%;
}
.checklist-item:first-child,
.checklist-item:nth-child(2) {
    margin-top: 0;
}
.checklist-item-icon {
    fill: #476cff;
    display: block;
    height: 1.3125rem;
    left: 0;
    position: absolute;
    top: 0.25rem;
    width: 1.5rem;
}
.checklist-item-icon__white {
    fill: #fff;
}
.faq {
    padding-top: 6.25rem;
}
.faq-wrapper {
    font-size: 0;
    line-height: 0;
    margin-top: 4.375rem;
}
.faq-menu-wrapper {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    vertical-align: top;
    width: 16rem;
}
.faq-menu {
    opacity: 1;
    transition: opacity 0.3s linear;
}
.faq-menu__fixed {
    left: 50%;
    position: fixed;
    top: 4.5rem;
    transform: translateX(-31.25rem);
    width: inherit;
}
.faq-menu-item {
    border-top: 0.0625rem solid #e1e1e6;
    color: #525666;
    cursor: pointer;
    font:
        600 0.9375rem/1.47 Open Sans,
        sans-serif;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
    text-align: left;
    -moz-text-align-last: left;
    text-align-last: left;
    transition: color 0.3s linear;
}
.faq-menu-item:first-child {
    border-top: none;
}
.faq-menu-item__active {
    color: #476cff;
}
.faq-body {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    padding-left: 5.375rem;
    vertical-align: top;
    width: 46.5rem;
}
.faq-category {
    margin-top: 3.125rem;
    text-align: left;
    -moz-text-align-last: left;
    text-align-last: left;
}
.faq-category:first-child {
    margin-top: 0;
}
.faq-category-column {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    vertical-align: top;
    width: 19.9375rem;
}
.faq-category-list {
    margin-top: 1.875rem;
}
.faq-category-list-item {
    background: #fafafa;
    margin-top: 1.25rem;
    text-align: left;
    -moz-text-align-last: left;
    text-align-last: left;
}
.faq-category-list-item:first-child {
    margin-top: 0;
}
.faq-category-list-item-question {
    color: #525666;
    cursor: pointer;
    font:
        600 1rem/1.38 Open Sans,
        sans-serif;
    padding: 1.875rem 3.9375rem 1.875rem 1.875rem;
    position: relative;
}
.faq-category-list-item-question-icon {
    fill: #e1e1e6;
    display: block;
    height: 0.625rem;
    position: absolute;
    right: 1.875rem;
    top: 2.375rem;
    transform: rotate(-90deg);
    transition: transform 0.3s linear;
    width: 1rem;
}
.faq-category-list-item-question__active .faq-category-list-item-question-icon {
    transform: rotate(0);
}
.faq-category-list-item-answer {
    color: #7b7e8b;
    display: none;
    font:
        400 1rem/1.88 Open Sans,
        sans-serif;
    padding: 0 1.875rem 0.9375rem;
    transform: translateY(-0.9375rem);
}
.pricing {
    padding-top: 6.25rem;
}
.pricing-column {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    vertical-align: top;
    width: 46%;
}
.pricing-list {
    background: #fff;
    border: 0.0625rem solid #e1e1e6;
    border-radius: 4px;
    box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.1);
    margin-top: 1.875rem;
}
.pricing-list-item {
    border-top: 0.0625rem solid #e1e1e6;
    padding: 1.875rem 1.875rem 1.875rem 1.25rem;
}
.pricing-list-item:first-child {
    border-top: none;
}
.pricing-list-item > .wrapper-helper > .wrapper-helper {
    width: 8.8rem;
}
.pricing-list-item-name {
    color: #333d66;
    font:
        500 1.0625rem/1.18 Inter,
        sans-serif;
}
.pricing-list-item-name,
.pricing-list-item-name + p {
    text-align: left;
    -moz-text-align-last: left;
    text-align-last: left;
}
.pricing-list-item-name + p {
    color: #bababf;
    font:
        400 0.8125rem/1.38 Open Sans,
        sans-serif;
    padding-top: 0.3125rem;
}
.pricing-list-item-price {
    font:
        400 1rem/1.38 Open Sans,
        sans-serif;
}
.pricing-list-item-price,
.pricing-list-item-price + p {
    color: #7b7e8b;
    text-align: left;
    -moz-text-align-last: left;
    text-align-last: left;
}
.pricing-list-item-price + p {
    font:
        400 0.8125rem/1.38 Open Sans,
        sans-serif;
    padding-top: 0.125rem;
}
.pricing-list-item-price span {
    font-weight: 700;
}
.pricing-list-item-link {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
    width: 8.75rem;
}
.plan-list {
    margin-top: 2.875rem;
}
.plan-list-item {
    margin-top: 2.25rem;
    padding-left: 3.75rem;
    position: relative;
    text-align: left;
    -moz-text-align-last: left;
    text-align-last: left;
}
.plan-list-item:first-child {
    margin-top: 0;
}
.plan-list-item p {
    color: #7b7e8b;
    font:
        400 1rem/1.38 Open Sans,
        sans-serif;
    padding-top: 0.625rem;
}
.plan-list-item-icon {
    fill: #476cff;
    height: 2.25rem;
    left: 0;
    position: absolute;
    top: 0.8125rem;
    width: 2.25rem;
}
.pricing-bloquote-wrapper {
    margin-top: 2.5rem;
}
.pricing-bloquote-list-item-text {
    color: #bababf;
    font:
        500 0.9375rem/1.2 Inter,
        sans-serif;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
.pricing-bloquote-list-item-logo {
    display: block;
    height: 1.3125rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.8125rem;
}
.about-intro {
    padding-top: 6.25rem;
}
.about-intro-block {
    margin-top: 4.375rem;
}
.about-intro-text {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    padding-right: 5%;
    vertical-align: top;
    width: 50%;
}
.about-intro-list-item {
    margin-top: 1.875rem;
    text-align: left;
    -moz-text-align-last: left;
    text-align-last: left;
}
.about-intro-list-item:first-child {
    margin-top: 0;
}
.about-intro-list-item p {
    color: #7b7e8b;
    font:
        400 1rem/1.75 Open Sans,
        sans-serif;
    padding-top: 0.9375rem;
}
.about-intro-slider-wrapper {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    height: 22.5rem;
    overflow: hidden;
    vertical-align: top;
    width: 50%;
}
.about-intro-slider-item-image {
    border-radius: 4px;
    max-height: 20.625rem;
    max-width: 100%;
}
.values {
    padding-top: 6.25rem;
}
.values-list {
    margin-top: 4.375rem;
}
.values-list-item {
    zoom: 1;
    border: 0.0625rem solid #f2f2f2;
    border-radius: 4px;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    vertical-align: top;
    width: 23%;
}
.values-list-item p {
    color: #7b7e8b;
    font:
        400 1rem/1.75 Open Sans,
        sans-serif;
    padding: 1.875rem;
}
.values-list-item p,
.values-list-item-name {
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
.values-list-item-name {
    background: #fafafa;
    border-radius: 4px 4px 0 0;
    color: #476cff;
    font:
        500 1.25rem/1.5 Inter,
        sans-serif;
    padding: 1.25rem;
}
.vacancies {
    padding-top: 6.25rem;
}
.vacancy-list {
    margin-top: 4.375rem;
}
.vacancy-list-item {
    background: #fafafa;
    border-radius: 4px;
    margin-top: 1.25rem;
    position: relative;
}
.vacancy-list-item:first-child {
    margin-top: 0;
}
.vacancy-list-item:before {
    height: 0.125rem;
    right: 1.875rem;
    top: 2rem;
    width: 1.125rem;
}
.vacancy-list-item:after,
.vacancy-list-item:before {
    background: #476cff;
    content: "";
    display: block;
    position: absolute;
    transition: transform 0.3s linear;
}
.vacancy-list-item:after {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    height: 1.125rem;
    opacity: 1;
    right: 2.375rem;
    top: 1.5rem;
    width: 0.125rem;
}
.vacancy-list-item__active:before {
    transform: rotate(1turn);
}
.vacancy-list-item__active:after {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    transform: rotate(1turn);
}
.vacancy-list-item-name {
    color: #333d66;
    cursor: pointer;
    font:
        600 1rem/1.63 Open Sans,
        sans-serif;
    padding: 1.25rem 1.875rem;
}
.vacancy-list-item-body {
    display: none;
    padding: 0 1.875rem 1.25rem;
}
.vacancy-list-item-body p {
    color: #7b7e8b;
    font:
        400 1rem/1.75 Open Sans,
        sans-serif;
    padding-top: 1.25rem;
}
.vacancy-list-item-body p:first-child {
    padding-top: 0;
}
.vacancy-list-item-body p span {
    font-weight: 600;
}
.vacancy-list-item-body-link {
    margin-top: 1.25rem;
}
.contacts {
    padding-bottom: 6.25rem;
    padding-top: 6.25rem;
}
.contacts-map {
    background: #fafafa;
    height: 15rem;
    margin: 2.25rem 20px 0;
    width: 25%;
}
.contactus {
    justify-content: center !important;
}
.contacts-address {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    height: inherit;
    padding: 1.875rem;
    position: relative;
    text-align: left;
    -moz-text-align-last: left;
    text-align-last: left;
    vertical-align: top;
    width: 100%;
}
.contacts-address p {
    color: #7b7e8b;
    font:
        400 1rem/1.75 Open Sans,
        sans-serif;
    padding-top: 0.9375rem;
}
.contacts-address p + p {
    padding-top: 0;
}
.contacts-address p span {
    display: block;
}
.contacts-address-link {
    color: inherit;
}
#map {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    height: inherit;
    vertical-align: top;
    width: 66.66%;
}
.contacts-us {
    margin-top: 4.375rem;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
.suppliers {
    background: #fcfcfc;
    padding-bottom: 6.25rem;
    padding-top: 6.25rem;
}
.suppliers-block {
    padding-top: 1.25rem;
}
.suppliers-item {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    vertical-align: top;
    width: 42.125rem;
}
.suppliers-item:first-child {
    padding-right: 3.5rem;
    width: 20.375rem;
}
.suppliers-item p {
    color: #7b7e8b;
    font:
        400 1.125rem/1.67 Open Sans,
        sans-serif;
    text-align: left;
    -moz-text-align-last: left;
    text-align-last: left;
}
.suppliers-list,
.suppliers-list-item {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    vertical-align: top;
}
.suppliers-list-item {
    color: #7b7e8b;
    font:
        400 1rem/1.63 Open Sans,
        sans-serif;
    margin-top: 1.5625rem;
    padding-left: 1.625rem;
    position: relative;
    text-align: left;
    -moz-text-align-last: left;
    text-align-last: left;
    width: 19.6875rem;
}
.suppliers-list-item:first-child,
.suppliers-list-item:nth-child(2) {
    margin-top: 0;
}
.suppliers-list-item-icon {
    fill: #476cff;
    display: block;
    height: 0.875rem;
    left: 0;
    position: absolute;
    top: 0.4375rem;
    width: 1rem;
}
.properties {
    padding-top: 6.25rem;
}
.properties-list-item {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    padding-top: 3.5rem;
    position: relative;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
    vertical-align: top;
    width: 32%;
}
.properties-list-item p {
    color: #7b7e8b;
    font:
        400 1rem/1.63 Open Sans,
        sans-serif;
    padding-top: 0.9375rem;
}
.properties-list-item-link {
    color: #476cff;
}
.properties-list-item-icon {
    fill: #476cff;
    display: block;
    height: 2.25rem;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
}
.properties-list-item-icon__mobile {
    width: 1.4375rem;
}
.properties-list-item-icon__security {
    width: 1.875rem;
}
.properties-list-item-icon__puzzle {
    width: 2.25rem;
}
.features-intro {
    padding-bottom: 6.25rem;
    padding-top: 6.25rem;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
.features-intro p {
    color: #7b7e8b;
    font:
        400 1.0625rem/1.76 Open Sans,
        sans-serif;
    padding-top: 0.9375rem;
}
.features-intro-link {
    margin-top: 2.5rem;
}
.features-blocks-item {
    padding-bottom: 6.25rem;
    padding-top: 6.25rem;
}
.features-blocks-item:first-child {
    margin-top: 0;
}
.features-blocks-item:first-child .features-blocks-list {
    background-image: url(images/features-blocks-list-item-01.f5d8c517.svg);
    background-size: 29.875rem 32rem;
    min-height: 32rem;
}
.features-blocks-item:nth-child(2) .features-blocks-list {
    background-image: url(images/features-blocks-list-item-02.67a5bc22.svg);
    background-size: 30rem 40rem;
    min-height: 40rem;
}
.features-blocks-item:nth-child(3) .features-blocks-list {
    background-image: url(images/features-blocks-list-item-03.3653804c.svg);
    background-size: 30rem 45.25rem;
    min-height: 45.25rem;
}
.features-blocks-item:nth-child(2n) {
    background: #fcfcfc;
}
.features-blocks-item:nth-child(2n) .features-blocks-list {
    background-position: 100% 0;
    padding-right: 32.25rem;
}
.features-blocks-item:nth-child(odd) .features-blocks-list {
    background-position: 0 0;
    padding-left: 32.25rem;
}
.features-blocks-item-subtitle {
    color: #7b7e8b;
    font:
        400 1.125rem/1.67 Open Sans,
        sans-serif;
    padding-top: 0.5625rem;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
.features-blocks-list {
    background-repeat: no-repeat;
    margin-top: 4.375rem;
}
.features-blocks-list-item {
    margin-top: 1.875rem;
    padding-left: 2.625rem;
    position: relative;
}
.features-blocks-list-item:first-child {
    margin-top: 0;
}
.features-blocks-list-item p {
    color: #7b7e8b;
    font:
        400 1rem/1.75 Open Sans,
        sans-serif;
    padding-top: 0.5625rem;
}
.features-blocks-list-item-question {
    color: #333d66;
    font:
        400 1rem/1.63 Open Sans,
        sans-serif;
}
.features-blocks-list-item-link {
    color: #476cff;
    font:
        700 0.9375rem/1.73 Open Sans,
        sans-serif;
}
.features-blocks-list-item-icon {
    fill: #476cff;
    display: block;
    height: 1.5rem;
    left: 0;
    position: absolute;
    top: 0.1875rem;
    width: 1.5rem;
}
.signup {
    height: 100vh;
    position: relative;
}
.signup + .hFooter {
    height: 0;
}
.signup-item_form {
    width: 60% !important;
}
.signup-item_picture {
    width: 40% !important;
}
.signup-item {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    min-height: 100vh;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 50%;
    z-index: 2;
}
.signup-item-wrapper-form {
    top: 55.2% !important;
}
.signup-item:first-child {
    background: #476cff;
}
.signup-item:first-child:before {
    background-image: url(images/pattern-blue.0fe88000.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 20vw 20vw;
    bottom: -7vw;
    content: "";
    display: block;
    height: 20vw;
    position: absolute;
    right: -7vw;
    width: 20vw;
    z-index: 0;
}
.signup-item-wrapper {
    left: 50%;
    position: absolute;
    text-align: left;
    -moz-text-align-last: left;
    text-align-last: left;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 26.25rem;
}
.signup-item-wrapper .h1,
.signup-item-wrapper .h3 {
    color: #fff;
}
.signup-list {
    margin-top: 2.5rem;
}
.signup-list-item {
    margin-top: 2rem;
    padding-left: 2.125rem;
    position: relative;
}
.signup-list-item:first-child {
    margin-top: 0;
}
.signup-list-item p {
    color: hsla(0, 0%, 100%, 0.8);
    font:
        400 1rem/1.38 Open Sans,
        sans-serif;
    padding-top: 0.75rem;
}
.signup-logo {
    padding-bottom: 0;
}
.signup-logo-link {
    background-image: url(images/logo-precoro-white.d7f5a542.svg);
    background-repeat: no-repeat;
    background-size: 8.125rem 1.25rem;
    display: block;
    height: 1.25rem;
    width: 8.125rem;
}
.fieldset__signup-form {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    margin-top: 0;
    vertical-align: top;
    width: 12.5rem;
}
.required-icon {
    color: #ff264a;
    display: block;
    font:
        400 0.6875rem/1.36 Open Sans,
        sans-serif;
    letter-spacing: 0.0625rem;
    position: absolute;
    right: 0;
    top: 0;
}
.checkbox-checked-icon {
    fill: #476cff;
    height: 0.5rem;
    left: 0.25rem;
    top: 0.5625rem;
    transition: opacity 0.3s linear;
    width: 0.5rem;
}
.checkbox-checked-icon,
.tooltip {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
    position: absolute;
}
.tooltip {
    background: #fcfbfb;
    border-radius: 4px;
    box-shadow: 0 0 0.1875rem 0 rgba(0, 0, 0, 0.1);
    color: #7b7e8b;
    font:
        400 0.8125rem/1.38 Open Sans,
        sans-serif;
    left: 1.875rem;
    padding: 0.875rem;
    top: -1.875rem;
    transition:
        top 0.3s linear,
        opacity 0.3s linear;
}
.patterned {
    position: relative;
}
.patterned:before {
    background-image: url(images/pattern-left.3f9f9a04.svg);
    background-size: 20.5rem 23.5625rem;
    height: 23.5625rem;
    left: 0;
    top: -4.5rem;
    width: 20.5rem;
    z-index: 0;
}
.patterned:after,
.patterned:before {
    background-position: top;
    background-repeat: no-repeat;
    content: "";
    display: block;
    position: absolute;
}
.patterned:after {
    background-image: url(images/pattern-right.6b00aaed.svg);
    background-size: 17.625rem 16.6875rem;
    height: 16.6875rem;
    right: 0;
    top: 4.8125rem;
    width: 17.625rem;
    z-index: -1;
}
.list-item-helper {
    zoom: 1;
    background: none;
    box-shadow: none;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    margin-top: 0;
    padding: 0;
    vertical-align: top;
}
.static {
    padding-bottom: 6.25rem;
    padding-top: 6.25rem;
    position: relative;
}
.static-content {
    margin-top: 4.375rem;
}
.static-content .list-item:first-child {
    margin-top: 0.9375rem;
}
.static-content > p:first-child {
    padding-top: 0;
}
.static-content .h3 {
    padding-top: 2.8125rem;
}
.static-content .h5 {
    padding-top: 1.875rem;
}
.static-content p {
    padding-top: 0.9375rem;
}
.static-content p:first-child {
    padding-top: 0;
}
.static-content strong {
    font-weight: 700;
}
.static-content a {
    color: #476cff;
}
.static-content ol {
    background: #476cff;
    counter-reset: li;
    margin-top: 1.875rem;
    padding: 1.875rem 3.75rem;
}
.static-content ol:before {
    zoom: 1;
    color: #fff;
    content: "Contents";
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    font:
        700 1.25rem/2 Open Sans,
        sans-serif;
    vertical-align: top;
}
.static-content ol li {
    color: #fff;
    font:
        400 1rem/3 Open Sans,
        sans-serif;
    position: relative;
}
.static-content ol li:before {
    zoom: 1;
    content: counter(li) ".";
    counter-increment: li;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    margin-right: 0.25rem;
    vertical-align: top;
}
.static-content ol li a {
    color: #fff;
}
@media only screen and (min-width: 320px) and (max-width: 1023px) {
    body,
    html {
        height: auto;
    }
    body {
        font-size: 0.8125rem;
        min-width: 20rem;
    }
    .h1 {
        font-size: 1.5rem;
    }
    .h1 span {
        display: inline;
    }
    .h2 {
        font-size: 1.25rem;
    }
    .h2 span {
        display: inline;
    }
    .h3 {
        font-size: 0.9375rem;
    }
    .h5 {
        line-height: 1.15385;
    }
    .h5,
    .h6 {
        font-size: 0.8125rem;
    }
    .h6 {
        line-height: 1.53846;
    }
    .button,
    .button-gray {
        line-height: 1.125rem;
        padding-bottom: 0.5rem;
    }
    .button,
    .button-gray,
    .input {
        font-size: 0.8125rem;
        padding-top: 0.375rem;
    }
    .input {
        line-height: 1.38462;
        padding-bottom: 0.375rem;
    }
    .label {
        font-size: 0.6875rem;
        line-height: 1.36364;
        padding-bottom: 0.3125rem;
    }
    .input-checkbox {
        height: 1.5rem;
        width: 1.5rem;
    }
    .input-checkbox:hover + .label + .checkbox-checked-icon + .tooltip {
        top: -6.25rem;
    }
    .input-checkbox + .label {
        font-size: 0.8125rem;
        line-height: 1.25rem;
        padding-left: 2.5rem;
    }
    .checkbox-checked-icon {
        left: 0.5rem;
        top: 0.8125rem;
    }
    .fieldset {
        margin-top: 0;
    }
    .fieldset + .fieldset {
        margin-top: 0.75rem;
    }
    .fieldset + .fieldset__checkbox-item {
        margin-top: 1.875rem;
    }
    .fieldset + .fieldset__submit-item {
        margin-top: 2rem;
    }
    .content {
        padding-left: 4.6875%;
        padding-right: 4.6875%;
        width: 100%;
    }
    .main {
        padding-top: 3.5rem;
    }
    .main:before {
        top: 3.5rem;
    }
    .main__custom {
        padding-top: 0;
    }
    .main__custom:before {
        top: 0;
    }
    .intro {
        margin-top: 4.375rem;
    }
    .intro-wrapper {
        background-position: top;
        background-size: 75vw 50vw;
        padding-right: 0;
        padding-top: calc(50vw + 1.875rem);
    }
    .intro-wrapper p {
        font-size: 0.8125rem;
        line-height: 1.53846;
        padding-top: 0.75rem;
    }
    .h1__intro span:last-child {
        top: 1.6875rem;
    }
    .intro-form {
        margin-left: auto;
        margin-right: auto;
        margin-top: 1.875rem;
        text-align: center;
        -moz-text-align-last: center;
        text-align-last: center;
        width: 14.375rem;
    }
    .intro-form__email {
        padding-bottom: 0.5625rem;
        padding-top: 0.5625rem;
        width: 100%;
    }
    .intro-form-submit {
        margin-left: 0;
        margin-top: 0.5rem;
        padding-bottom: 0.6875rem;
        padding-top: 0.6875rem;
        width: 100%;
    }
    .trusted {
        padding-top: 2.75rem;
    }
    .trusted .bx-controls {
        height: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .trusted .bx-controls-direction a {
        display: block;
        position: absolute;
        text-indent: -624.9375rem;
        top: 50%;
        transform: translateY(-50%);
    }
    .trusted .bx-controls-direction a.bx-prev {
        left: 0;
    }
    .trusted .bx-controls-direction a.bx-prev:before {
        border: 0.4375rem solid transparent;
        border-left: none;
        border-right: 0.5rem solid #476cff;
        left: 0.625rem;
    }
    .trusted .bx-controls-direction a.bx-prev:after,
    .trusted .bx-controls-direction a.bx-prev:before {
        content: "";
        display: block;
        height: 0;
        position: absolute;
        top: 0.5625rem;
        transform: none;
        width: 0;
        z-index: 2;
    }
    .trusted .bx-controls-direction a.bx-prev:after {
        border: 0.4375rem solid transparent;
        border-left: none;
        border-right: 0.5rem solid #fff;
        left: 0.8125rem;
    }
    .trusted .bx-controls-direction a.bx-next {
        right: 0;
    }
    .trusted .bx-controls-direction a.bx-next:before {
        border: 0.4375rem solid transparent;
        border-left: 0.5rem solid #476cff;
        border-right: none;
        right: 0.625rem;
    }
    .trusted .bx-controls-direction a.bx-next:after,
    .trusted .bx-controls-direction a.bx-next:before {
        content: "";
        display: block;
        height: 0;
        position: absolute;
        top: 0.5625rem;
        transform: none;
        width: 0;
        z-index: 2;
    }
    .trusted .bx-controls-direction a.bx-next:after {
        border: 0.4375rem solid transparent;
        border-left: 0.5rem solid #fff;
        border-right: none;
        right: 0.8125rem;
    }
    .trusted-title {
        font-size: 0.9375rem;
        line-height: 2;
        padding-bottom: 0.9375rem;
    }
    .trusted-list {
        margin-top: 0;
    }
    .trusted-list,
    .trusted-list-item {
        text-align: center;
        -moz-text-align-last: center;
        text-align-last: center;
    }
    .trusted-list-item {
        height: 2.5rem;
    }
    .trusted-list-item + .trusted-list-item {
        margin-left: 0;
    }
    .trusted-list-item-icon {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .review {
        padding-top: 4.375rem;
    }
    .review .blockquote {
        margin-top: 1.25rem;
        width: 100%;
    }
    .review-avatar {
        height: 4.375rem;
        width: 4.375rem;
    }
    .review-author {
        padding-top: 0.75rem;
    }
    .review-author-link {
        font-size: 0.8125rem;
        line-height: 1.38462;
    }
    .advantages {
        padding-top: 5.625rem;
    }
    .advantages-list {
        background-position: top;
        background-size: 75vw 50vw;
        padding-left: 0;
        padding-top: calc(50vw + 2.5rem);
    }
    .advantages-list-item + .advantages-list-item {
        margin-top: 1.125rem;
    }
    .advantages-list-item p {
        font-size: 0.8125rem;
        line-height: 1.53846;
        padding-top: 0.25rem;
    }
    .advantages-list-item .h3 + p {
        padding-top: 0.25rem;
    }
    .stats {
        margin-top: 2.6875rem;
    }
    .stats-list {
        padding-bottom: 2.125rem;
        padding-top: 1.625rem;
    }
    .stats-list-item {
        width: 100%;
    }
    .stats-list-item + .stats-list-item {
        margin-top: 1.375rem;
    }
    .stats-list-item div {
        font-size: 2rem;
        line-height: 1.1875;
    }
    .stats-list-item div span {
        font-size: 1.5rem;
    }
    .stats-list-item p {
        padding-top: 0.125rem;
    }
    .stats-after,
    .stats-list-item p {
        font-size: 0.8125rem;
        line-height: 1.38462;
    }
    .stats-after {
        margin-top: 1.125rem;
    }
    .features {
        padding-top: 4.0625rem;
    }
    .features-images {
        margin-top: 1.5625rem;
    }
    .features-images-item__left,
    .features-images-item__right {
        background-size: 64.0625vw 38.125vw;
        height: 38.125vw;
        width: 64.0625vw;
    }
    .features-images-item__center {
        background-size: 81.25vw 50.625vw;
        height: 50.625vw;
        width: 81.25vw;
    }
    .features-list {
        margin-top: 0.625rem;
    }
    .features-list-item {
        margin-top: 2.25rem;
        padding-left: 1.5%;
        padding-right: 1.5%;
        width: 33.33%;
    }
    .features-list-item:nth-child(10) {
        display: none;
    }
    .features-list-item p {
        font-size: 0.8125rem;
        line-height: 0.9375rem;
        padding-top: 0;
    }
    .features-button {
        margin-top: 1.875rem;
        padding-bottom: 0.6875rem;
        padding-top: 0.6875rem;
        width: 14.375rem;
    }
    .solution {
        padding-top: 3.5625rem;
    }
    .solution-list {
        background-position: top;
        background-size: 87.5vw 81.25vw;
        margin-top: 2.25rem;
        padding-right: 0;
        padding-top: calc(81.25vw + 2.5rem);
    }
    .solution-list-item + .solution-list-item {
        margin-top: 1.25rem;
    }
    .solution-list-item p {
        font-size: 0.8125rem;
        line-height: 1.53846;
        padding-top: 0.25rem;
    }
    .solution-list-item .h3 + p {
        padding-top: 0.25rem;
    }
    .reviews {
        padding-top: 3.5rem;
    }
    .reviews .content {
        padding-left: 0;
        padding-right: 0;
    }
    .icon-love {
        display: block;
        margin: 0.25rem auto 0;
    }
    .reviews-list {
        margin-top: 1.6875rem;
    }
    .reviews-list-item {
        margin-left: 0.9375rem;
        margin-right: 0.9375rem;
        width: 14.375rem;
    }
    .review-list-item-award {
        min-height: 10.0625rem;
        padding: 2rem 1rem;
        text-align: center;
        -moz-text-align-last: center;
        text-align-last: center;
    }
    .review-list-item-award + .reviews-list-item-body {
        margin-top: 1.5rem;
    }
    .review-list-item-award-icon {
        margin-left: auto;
        margin-right: auto;
    }
    .review-list-item-award-icon__cup + .review-list-item-award-link {
        margin-top: 1.5625rem;
    }
    .review-list-item-award-icon__star + .review-list-item-award-link {
        margin-left: auto;
        margin-right: auto;
        margin-top: 1.5625rem;
    }
    .reviews-list-item-body {
        padding: 1.375rem 1.25rem;
    }
    .reviews-list-item-body p {
        font-size: 0.8125rem;
        line-height: 1.25rem;
        padding-top: 1rem;
    }
    .reviews-list-item-name {
        padding-top: 0.75rem;
    }
    .features-intro {
        padding-bottom: 6.25rem;
        padding-top: 1.25rem;
    }
    .features-intro-link {
        margin-top: 1.4375rem;
    }
    .features-blocks-item-subtitle {
        padding-top: 0.75rem;
    }
    .features-blocks-item {
        padding-top: 2.3125rem;
    }
    .features-blocks-item:first-child .features-blocks-list {
        background-size: 87.5vw 93.25vw;
        min-height: 0;
        padding-top: calc(93.25vw + 2.25rem);
    }
    .features-blocks-item:nth-child(2) .features-blocks-list {
        background-size: 87.5vw 116.78125vw;
        min-height: 0;
        padding-top: calc(116.78125vw + 2.6875rem);
    }
    .features-blocks-item:nth-child(3) .features-blocks-list {
        background-size: 87.5vw 132.15625vw;
        min-height: 0;
        padding-top: calc(132.15625vw + 2.1875rem);
    }
    .features-blocks-item:nth-child(2n) {
        background: #fff;
    }
    .features-blocks-item:nth-child(2n) .features-blocks-list {
        padding-right: 0;
    }
    .features-blocks-item:nth-child(odd) .features-blocks-list {
        padding-left: 0;
    }
    .features-blocks-list {
        margin-top: 2rem;
        padding-left: 0;
    }
    .features-blocks-list-item {
        margin-top: 1.25rem;
    }
    .features-blocks-list-item:last-child {
        margin-top: 1.875rem;
        padding-left: 0;
    }
    .features-blocks-list-item p {
        padding-top: 0.25rem;
    }
    .features-blocks-list-item-question {
        line-height: 2;
        text-align: center;
        -moz-text-align-last: center;
        text-align-last: center;
    }
    .features-blocks-list-item-link {
        line-height: 2;
    }
    .features-blocks-list-item-link:before {
        content: "";
        display: block;
    }
    .suppliers {
        background: #fff;
        padding-top: 0;
    }
    .suppliers .h2 {
        text-align: center;
        -moz-text-align-last: center;
        text-align-last: center;
    }
    .suppliers-block {
        padding-top: 0.75rem;
    }
    .suppliers-item,
    .suppliers-item:first-child {
        padding-right: 0;
        width: 100%;
    }
    .suppliers-item p {
        padding-left: 12.5%;
        padding-right: 12.5%;
        text-align: center;
        -moz-text-align-last: center;
        text-align-last: center;
    }
    .suppliers-list {
        margin-top: 2.25rem;
    }
    .suppliers-list-item {
        font-size: 0.8125rem;
        margin-top: 0.75rem;
        padding-left: 1.875rem;
        width: 100%;
    }
    .suppliers-list-item:first-child {
        margin-top: 0;
    }
    .suppliers-list-item:nth-child(2) {
        margin-top: 0.75rem;
    }
    .suppliers-list-item-icon {
        top: 0.25rem;
    }
    .properties {
        padding-top: 1.75rem;
    }
    .properties-list-item {
        margin-top: 1.625rem;
        padding-top: 3.3125rem;
        width: 100%;
    }
    .properties-list-item:first-child {
        margin-top: 0;
    }
    .properties-list-item p {
        font-size: 0.8125rem;
        padding-top: 0;
    }
    .customer-success {
        padding-top: 1.125rem;
    }
    .customer-success p {
        padding-top: 1.5625rem;
        width: 100%;
    }
    .customer-success-list-wrapper {
        margin-top: 2.6875rem;
        padding-bottom: 2.25rem;
        padding-top: 0;
    }
    .customer-success-list-item {
        margin-top: 2.25rem;
        padding-left: 0;
        padding-right: 0;
        width: 8.75rem;
    }
    .customer-success-list-item-avatar {
        height: 5rem;
        width: 5rem;
    }
    .customer-success-list-item-name {
        font-size: 0.8125rem;
        line-height: 1.38462;
        margin-top: 1.125rem;
    }
    .customer-success-list-item-position {
        font-size: 0.8125rem;
        line-height: 1.38462;
        margin-top: 0.375rem;
    }
    .customer-success-checklist {
        padding-top: 2.5rem;
    }
    .checklist {
        margin-top: 2rem;
    }
    .checklist-item {
        font-size: 0.8125rem;
        line-height: 1.54;
        margin-top: 0.75rem;
        width: 100%;
    }
    .checklist-item:first-child {
        margin-top: 0;
    }
    .checklist-item:nth-child(2) {
        margin-top: 0.75rem;
    }
    .checklist-item-icon {
        height: 0.875rem;
        width: 1rem;
    }
    .not-found {
        padding-bottom: 2.6875rem;
        padding-top: 1.125rem;
    }
    .not-found-block {
        background-size: 91.875vw 34.53125vw;
        padding-top: calc(34.53125vw + 4.5625rem);
    }
    .customers {
        padding-top: 1.125rem;
    }
    .customers-list {
        margin-top: 2.125rem;
    }
    .customers-list-item {
        float: none;
    }
    .customers-list-item + .customers-list-item {
        margin-top: 1rem;
    }
    .customers-list-item:before {
        display: none;
    }
    .customers-list-item:nth-child(2n) .customers-list-item-company,
    .customers-list-item:nth-child(2n) .customers-list-item-review,
    .customers-list-item:nth-child(odd) .customers-list-item-company,
    .customers-list-item:nth-child(odd) .customers-list-item-review {
        float: none;
    }
    .customers-list-item-company__active .customers-list-item-company-image-wrapper:after {
        transform: translateY(-50%) rotate(0);
    }
    .customers-list-item-company-image-wrapper {
        cursor: pointer;
        padding: 1.25rem;
        position: relative;
    }
    .customers-list-item-company-image-wrapper:after {
        background-image: url(images/white-arrow-on-blue-background.f1ab0bb0.svg);
        background-repeat: no-repeat;
        background-size: 0.875rem 0.5rem;
        content: "";
        display: block;
        height: 0.5rem;
        position: absolute;
        right: 1.25rem;
        top: 50%;
        transform: translateY(-50%) rotate(180deg);
        transition: transform 0.3s linear;
        width: 0.875rem;
    }
    .customers-list-item-company-description {
        display: none;
        padding: 0 1.25rem 1.25rem;
    }
    .customers-list-item-company-description p {
        font-size: 0.8125rem;
        line-height: 1.53846;
    }
    .customers-list-item-company {
        background: #476cff;
        padding: 0;
        width: 100%;
    }
    .customers-list-item-review {
        float: none;
        padding: 1.25rem;
        width: 100%;
    }
    .customers-list-item-review .h3 {
        padding-left: 3.125rem;
    }
    .customers-list-item-review p {
        font-size: 0.8125rem;
        line-height: 1.53846;
        padding-top: 1.25rem;
    }
    .customers-list-item-review-avatar {
        height: 2.5rem;
        left: 1.25rem;
        top: 1.25rem;
        width: 2.5rem;
    }
    .customers-list-item-review-position {
        font-size: 0.8125rem;
        line-height: 1.53846;
        padding-left: 3.125rem;
        padding-top: 0.0625rem;
    }
    .customers-trusted {
        margin-top: 3.75rem;
    }
    .customers-trusted-logos {
        margin-top: 1.5rem;
    }
    .customers-trusted-logos-dropdown {
        border-bottom: 0.0625rem solid #e1e1e6;
        color: #476cff;
        display: block;
        font-size: 0.8125rem;
        font-weight: 700;
        line-height: 1.69231;
        margin-left: auto;
        margin-right: auto;
        margin-top: 1.5rem;
        overflow: hidden;
        padding-bottom: 0.375rem;
        padding-right: 0.875rem;
        position: relative;
        text-align: left;
        -moz-text-align-last: left;
        text-align-last: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 71.875vw;
        z-index: 2;
    }
    .customers-trusted-logos-dropdown:before {
        border: 0.4375rem solid transparent;
        border-bottom: none;
        border-top: 0.5rem solid #476cff;
        right: 0;
        top: 0.5rem;
    }
    .customers-trusted-logos-dropdown:after,
    .customers-trusted-logos-dropdown:before {
        content: "";
        display: block;
        height: 0;
        position: absolute;
        transform: rotate(0);
        transition: transform 0.3s linear;
        width: 0;
        z-index: 2;
    }
    .customers-trusted-logos-dropdown:after {
        border: 0.3125rem solid transparent;
        border-bottom: none;
        border-top: 0.375rem solid #fff;
        right: 0.125rem;
        top: 0.4375rem;
    }
    .customers-trusted-logos-dropdown__active:before {
        top: 0.4375rem;
        transform: rotate(-180deg);
    }
    .customers-trusted-logos-dropdown__active:after {
        top: 0.625rem;
        transform: rotate(-180deg);
    }
    .customers-trusted-logos-by-department-item-image {
        max-height: 2.5rem;
    }
    .customers-trusted-departments {
        width: 100%;
    }
    .customers-trusted-logos-by-department-wrapper {
        min-height: 11.25rem;
        padding-left: 4.6875vw;
        padding-right: 4.6875vw;
        width: 100%;
    }
    .customers-trusted-logos-by-department-item {
        height: 3.75rem;
        width: 40%;
    }
    .customers-trusted-departments {
        background: #fff;
        border: 0.0625rem solid #e1e1e6;
        box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.15);
        display: none;
        left: 50%;
        padding: 1.5rem 1rem;
        position: absolute;
        right: 0;
        top: -1.0625rem;
        transform: translateX(-50%);
        width: 75vw;
        z-index: 2;
    }
    .customers-trusted-departments-item {
        border-top: none;
        padding-bottom: 0;
        padding-top: 0;
        text-align: center;
        -moz-text-align-last: center;
        text-align-last: center;
    }
    .customers-trusted-departments-item + .customers-trusted-departments-item {
        margin-top: 1.25rem;
    }
    .customers-trusted-departments-item .h3 {
        font-size: 0.9375rem;
        font-weight: 400;
        line-height: 1.33333;
    }
    .more-reviews {
        font-size: 0.8125rem;
        line-height: 2.30769;
        margin-top: 2.25rem;
        padding-left: 4.6875%;
        padding-right: 4.6875%;
    }
    .press {
        padding-top: 1.125rem;
    }
    .press-list {
        margin-top: 2.1875rem;
    }
    .press-list-item {
        margin-top: 1rem;
        padding: 1.375rem 1.25rem 1.5625rem;
        width: 100%;
    }
    .press-list-item:first-child {
        margin-top: 0;
    }
    .press-list-item-image {
        font-size: 1.25rem;
        left: auto;
        line-height: 1.85;
        max-height: 5.625rem;
        position: relative;
        right: auto;
        top: auto;
    }
    .press-list-item-title {
        font-size: 0.8125rem;
        height: auto;
        margin-top: 1.0625rem;
        max-height: 3.75rem;
    }
    .press-list-item-preview {
        font-size: 0.8125rem;
        height: 6.25rem;
        line-height: 1.54;
        margin-top: 0.5rem;
    }
    .press-list-item-more-link {
        font-size: 0.8125rem;
        line-height: 1.53;
    }
    .pager {
        padding-bottom: 3.5rem;
    }
    .pager-item-link {
        font-size: 0.8125rem;
        height: 2rem;
        line-height: 2.46;
        width: 2rem;
    }
    .pager-item-link__back,
    .pager-item-link__next {
        background: #fafafa;
        bottom: 0;
        position: absolute;
        width: auto;
    }
    .pager-item-link__back {
        left: 0.8125rem;
        padding-left: 2rem;
        padding-right: 0.625rem;
    }
    .pager-item-link__back:before {
        border: 0.4375rem solid transparent;
        border-left: none;
        border-right: 0.5rem solid #476cff;
        left: 0.625rem;
    }
    .pager-item-link__back:after,
    .pager-item-link__back:before {
        content: "";
        display: block;
        height: 0;
        position: absolute;
        top: 0.5625rem;
        width: 0;
        z-index: 2;
    }
    .pager-item-link__back:after {
        border: 0.4375rem solid transparent;
        border-left: none;
        border-right: 0.5rem solid #fff;
        left: 0.8125rem;
    }
    .pager-item-link__next {
        padding-left: 0.625rem;
        padding-right: 2rem;
        right: 0.8125rem;
    }
    .pager-item-link__next:before {
        border: 0.4375rem solid transparent;
        border-left: 0.5rem solid #476cff;
        border-right: none;
        right: 0.625rem;
    }
    .pager-item-link__next:after,
    .pager-item-link__next:before {
        content: "";
        display: block;
        height: 0;
        position: absolute;
        top: 0.5625rem;
        width: 0;
        z-index: 2;
    }
    .pager-item-link__next:after {
        border: 0.4375rem solid transparent;
        border-left: 0.5rem solid #fff;
        border-right: none;
        right: 0.8125rem;
    }
    .press-contact {
        margin-top: 5rem;
        padding-bottom: 2.5rem;
        padding-top: 1.25rem;
    }
    .press-contact-item {
        text-align: center;
        -moz-text-align-last: center;
        text-align-last: center;
    }
    .press-contact-item:first-child {
        width: 100%;
    }
    .press-contact-item:last-child {
        margin-top: 2.5rem;
        width: 100%;
    }
    .press-contact-list {
        margin-top: 1.1875rem;
    }
    .press-contact-list-item {
        margin-left: 0;
        margin-top: 1.125rem;
        width: 100%;
    }
    .press-contact-list-item:first-child {
        margin-top: 0;
    }
    .press-contact-list-item-link {
        font-size: 0.9375rem;
        line-height: 1.33;
    }
    .press-contact-list-item-link span {
        display: block;
        padding-top: 0.3125rem;
    }
    .press-contact-list-item-link-icon {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .press-contact-item-link {
        padding-bottom: 0.6875rem;
        padding-top: 0.6875rem;
        width: 14.375rem;
    }
    .about-intro {
        padding-top: 1.125rem;
    }
    .about-intro-block {
        margin-top: 2rem;
    }
    .about-intro-text {
        padding-right: 0;
        width: 100%;
    }
    .about-intro-list-item {
        margin-top: 1.25rem;
    }
    .about-intro-list-item p {
        font-size: 0.8125rem;
        line-height: 1.53846;
        padding-top: 0.3125rem;
    }
    .about-intro-slider-wrapper {
        height: auto;
        padding-bottom: 2rem;
        width: 100%;
    }
    .about-intro-slider-item-image {
        max-height: none;
        width: 100%;
    }
    .bx-wrapper .bx-controls {
        bottom: -1.25rem;
    }
    .values {
        padding-top: 2.25rem;
    }
    .values-list {
        margin-top: 1.875rem;
    }
    .values-list-item {
        width: 100%;
    }
    .values-list-item + .values-list-item {
        margin-top: 1rem;
    }
    .values-list-item-name {
        font-size: 0.9375rem;
        line-height: 1.2;
        padding-bottom: 0.6875rem;
        padding-top: 0.6875rem;
    }
    .values-list-item p {
        font-size: 0.8125rem;
        line-height: 1.53846;
        padding: 0.625rem 1.25rem;
    }
    .vacancies {
        padding-top: 3.625rem;
    }
    .vacancy-list {
        margin-top: 1.6875rem;
    }
    .vacancy-list-item:before {
        right: 0.9375rem;
        top: 1.1875rem;
        width: 0.75rem;
    }
    .vacancy-list-item:after {
        height: 0.75rem;
        right: 1.25rem;
        top: 0.875rem;
    }
    .vacancy-list-item + .vacancy-list-item {
        margin-top: 0.5rem;
    }
    .vacancy-list-item-name {
        font-size: 0.8125rem;
        line-height: 2;
        padding: 0.4375rem 2.5rem 0.4375rem 1.25rem;
    }
    .vacancy-list-item-body {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        padding-top: 0.625rem;
    }
    .vacancy-list-item-body p {
        font-size: 0.8125rem;
        line-height: 1.53846;
    }
    .list-item {
        font-size: 0.8125rem;
        line-height: 1.54;
    }
    .list-item:before {
        top: 0.5625rem;
    }
    .vacancy-list-item-body-link {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 1.875rem;
        padding-bottom: 0.6875rem;
        padding-top: 0.6875rem;
        text-align: center;
        -moz-text-align-last: center;
        text-align-last: center;
        width: 14.375rem;
    }
    .contacts {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem;
    }
    .contacts-map {
        height: auto;
        margin-top: 2.875rem;
    }
    .contacts-address {
        padding: 5.25rem 0 1.25rem;
        text-align: center;
        -moz-text-align-last: center;
        text-align-last: center;
        width: 100%;
    }
    .contacts-address:before {
        left: 50%;
        top: -1rem;
        transform: translateX(-50%);
    }
    .contacts-address p {
        font-size: 0.8125rem;
        line-height: 1.53846;
        padding-top: 0.625rem;
    }
    #map {
        height: 15rem;
        width: 100%;
    }
    .contacts-us {
        margin-top: 2.5rem;
    }
    .contacts-us-link {
        width: 14.375rem;
    }
    .thank-you {
        padding-bottom: 4rem;
        padding-top: 1.125rem;
    }
    .thank-you p {
        font-size: 0.8125rem;
        line-height: 1.53846;
        padding-top: 0.75rem;
    }
    .thank-you-block {
        background-size: 90.625vw 56.25vw;
        margin-top: 1.875rem;
        padding-top: calc(56.25vw + 1.875rem);
    }
    .thank-you-block-link {
        padding-bottom: 0.6875rem;
        padding-top: 0.6875rem;
        width: 14.375rem;
    }
    .pricing {
        padding-top: 1.3125rem;
    }
    .pricing-column {
        width: 100%;
    }
    .pricing-column + .pricing-column {
        margin-top: 2.25rem;
    }
    .pricing-list {
        margin-top: 1.25rem;
    }
    .pricing-list-item {
        padding: 1.625rem 1.875rem 1.5rem;
    }
    .pricing-list-item > .wrapper-helper {
        width: 100%;
    }
    .pricing-list-item > .wrapper-helper > .wrapper-helper {
        width: 35.625vw;
    }
    .pricing-list-item-name {
        font-size: 0.9375rem;
        line-height: 1.2;
    }
    .pricing-list-item-name + p {
        padding-top: 0.125rem;
    }
    .pricing-list-item-price {
        font-size: 0.9375rem;
        line-height: 1.33333;
    }
    .pricing-list-item-price + p {
        padding-top: 0.125rem;
    }
    .pricing-list-item-link {
        margin-top: 1rem;
        padding-bottom: 0.6875rem;
        padding-top: 0.6875rem;
        width: 100%;
    }
    .plan-list {
        margin-top: 1.5rem;
    }
    .plan-list-item {
        padding-left: 0;
        padding-top: 3.125rem;
        text-align: center;
        -moz-text-align-last: center;
        text-align-last: center;
    }
    .plan-list-item p {
        font-size: 0.8125rem;
        line-height: 1.53846;
        padding-top: 0.25rem;
    }
    .plan-list-item-icon {
        left: 50%;
        top: 0;
        transform: translateX(-50%);
    }
    .pricing-bloquote-list-item-text {
        font-size: 0.8125rem;
        line-height: 1.53846;
    }
    .faq {
        padding-top: 3.125rem;
    }
    .faq-wrapper {
        margin-top: 1.5rem;
        position: relative;
    }
    .faq-menu-wrapper {
        background: #fff;
        border: 0.0625rem solid #e1e1e6;
        box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.15);
        display: none;
        left: 50%;
        padding: 1.5rem 1rem;
        position: absolute;
        right: 0;
        top: 2.1875rem;
        transform: translateX(-50%);
        width: 75vw;
        z-index: 2;
    }
    .faq-menu-item {
        border-top: none;
        font-size: 0.9375rem;
        font-weight: 400;
        line-height: 1.33333;
        padding-bottom: 0;
        padding-top: 0;
        text-align: center;
        -moz-text-align-last: center;
        text-align-last: center;
    }
    .faq-menu-item + .faq-menu-item {
        margin-top: 1.25rem;
    }
    .faq-body {
        padding-left: 0;
        width: 100%;
    }
    .faq-category {
        display: none;
        margin-top: 0;
    }
    .faq-category:first-child {
        display: block;
    }
    .faq-category .h3 {
        border-bottom: 0.0625rem solid #e1e1e6;
        color: #476cff;
        font-size: 0.8125rem;
        line-height: 1.69231;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        padding-bottom: 0.375rem;
        padding-right: 0.875rem;
        position: relative;
        text-align: left;
        -moz-text-align-last: left;
        text-align-last: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 71.875vw;
        z-index: 2;
    }
    .faq-category .h3:before {
        border: 0.4375rem solid transparent;
        border-bottom: none;
        border-top: 0.5rem solid #476cff;
        right: 0;
        top: 0.5rem;
    }
    .faq-category .h3:after,
    .faq-category .h3:before {
        content: "";
        display: block;
        height: 0;
        position: absolute;
        transform: rotate(0);
        transition: transform 0.3s linear;
        width: 0;
        z-index: 2;
    }
    .faq-category .h3:after {
        border: 0.3125rem solid transparent;
        border-bottom: none;
        border-top: 0.375rem solid #fff;
        right: 0.125rem;
        top: 0.4375rem;
    }
    .faq-category .h3__active:before {
        top: 0.4375rem;
        transform: rotate(-180deg);
    }
    .faq-category .h3__active:after {
        top: 0.625rem;
        transform: rotate(-180deg);
    }
    .faq-category-column {
        width: 100%;
    }
    .faq-category-list-item-question {
        font-size: 0.9375rem;
        line-height: 1.6;
        padding: 1.375rem 2.1875rem 1.1875rem 1.875rem;
    }
    .faq-category-list-item-answer {
        font-size: 0.8125rem;
        line-height: 1.53846;
        padding: 0 2.1875rem 1.6875rem 1.875rem;
        transform: none;
    }
    .faq-category-list-item-question-icon {
        right: 1.1875rem;
        top: 1.9375rem;
    }
    .faq-category-list {
        margin-top: 1rem;
    }
    .signup {
        height: auto;
        padding-bottom: 3.125rem;
    }
    .signup-item {
        min-height: 0;
        width: 100%;
    }
    .signup-item_form,
    .signup-item_picture {
        min-height: 0;
        width: 100% !important;
    }
    .signup-item:first-child {
        background: none;
    }
    .signup-item:first-child:before {
        display: none;
    }
    .signup-logo {
        padding-bottom: 1.875rem;
        padding-top: 3.125rem;
    }
    .signup-logo-link {
        background-image: url(images/logo-precoro.54d58996.svg);
        background-repeat: no-repeat;
        background-size: 8.125rem 1.25rem;
        height: 1.25rem;
        margin-left: auto;
        margin-right: auto;
        width: 8.125rem;
    }
    .signup-list {
        display: none;
    }
    .signup-item-wrapper {
        left: auto;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: auto;
        transform: none;
        width: 18.375rem;
    }
    .signup-item-wrapper .h1 {
        color: #333d66;
        font-size: 1.25rem;
        line-height: 1.5;
        padding-bottom: 1.25rem;
    }
    .fieldset__signup-form {
        width: 100%;
    }
    .fieldset__signup-form:last-child {
        margin-bottom: 1.875rem;
    }
    .fieldset__signup-form + .fieldset__signup-form {
        margin-top: 0.75rem;
    }
    .fieldset__checkbox-item {
        margin-top: 1.875rem;
    }
    .fieldset__checkbox-item + .fieldset__checkbox-item {
        margin-top: 1rem;
    }
    .fieldset__checkbox-item + .fieldset__submit-item,
    .fieldset__submit-item {
        margin-top: 2rem;
    }
    .login-form,
    .reset-password-form {
        width: 14.375rem;
    }
    .password-icon-wrapper {
        top: 2rem;
    }
    .login .h3 {
        font-size: 1.25rem;
        line-height: 1.5;
    }
    .reset-password p {
        font-size: 0.8125rem;
        line-height: 1.53846;
    }
    .reset-password .fieldset {
        margin-top: 1.25rem;
    }
    .h3__reset-password + p {
        padding-top: 1.875rem;
    }
    .login-logo {
        padding-bottom: 2rem;
    }
    .login-form-submit,
    .reset-password-form-submit {
        margin-bottom: 1.5625rem;
        margin-top: 2rem;
        padding-bottom: 0.6875rem;
        padding-top: 0.6875rem;
    }
    .forgot-password {
        font-size: 0.8125rem;
        line-height: 1.53846;
    }
    .static {
        padding-bottom: 2.6875rem;
        padding-top: 1.125rem;
    }
    .static-content {
        margin-top: 1.125rem;
    }
    .static-content .h3 {
        padding-top: 1.875rem;
    }
    .static-content .h5 {
        padding-top: 1.25rem;
    }
    .static-content .list-item:first-child {
        margin-top: 0.625rem;
    }
    .static-content p {
        padding-top: 0.625rem;
    }
    .static-content ol {
        margin-top: 1.25rem;
        padding: 0.625rem 1.25rem;
    }
    .list-item:before {
        top: 0.75rem;
    }
    .cta {
        background-image: url(images/pattern-mobile.32765e91.svg);
        margin-top: 3.125rem;
    }
    .cta .content {
        padding-bottom: 3rem;
        padding-top: 2.125rem;
    }
    .cta-title {
        font-size: 1.5rem;
    }
    .cta-link {
        margin-top: 1.8125rem;
    }
    .patterned:before {
        background-image: url(images/pattern-left-mobile.64246284.svg);
        background-size: 7.8125rem 21rem;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        height: 21rem;
        opacity: 0.4;
        top: -3.5rem;
        width: 7.8125rem;
    }
    .patterned:after {
        background-image: url(images/pattern-right-mobile.afe6584e.svg);
        background-size: 6.5625rem 26.4375rem;
        height: 26.4375rem;
        top: 3.5rem;
        width: 6.5625rem;
    }
    .list-item-helper {
        zoom: 1;
        background: none;
        box-shadow: none;
        display: -moz-inline-stack;
        display: inline-block;
        display: inline;
        margin-top: 0;
        padding: 0;
        vertical-align: top;
    }
    .about-item {
        display: block;
        margin: auto;
    }
}
.hide {
    display: none;
}
.landing-intro {
    background-image: radial-gradient(circle at 50% 50%, #476cff, #3454d6);
    padding-bottom: 6.25rem;
    padding-top: 9.5rem;
    position: relative;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
.landing-intro:before {
    background-image: url(images/landing-intro-left.fc8651a7.svg);
    background-size: 14.5625rem 13.75rem;
    height: 13.75rem;
    left: 0;
    top: 4.5rem;
    width: 14.5625rem;
    z-index: 1;
}
.landing-intro:after,
.landing-intro:before {
    background-position: top;
    background-repeat: no-repeat;
    content: "";
    display: block;
    opacity: 0.4;
    position: absolute;
}
.landing-intro:after {
    background-image: url(images/landing-intro-right.5abd6dd6.svg);
    background-size: 14.5rem 17.6875rem;
    bottom: 0;
    height: 17.6875rem;
    right: 0;
    width: 14.5rem;
    z-index: 0;
}
.landing-intro-title {
    color: #fff;
    font:
        700 2.5rem/2.8125rem Inter,
        sans-serif;
}
.landing-intro-text {
    color: #e9e9e9;
    font-size: 1.0625rem;
    line-height: 1.875rem;
    margin-top: 1.875rem;
    padding-left: 13%;
    padding-right: 13%;
}
.things {
    background: #fff;
    padding-top: 6.25rem;
}
.things-wrapper {
    background: #476cff;
    border-radius: 4px;
    box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.1);
    position: relative;
}
.things-left {
    border-radius: 4px 0 0 4px;
    padding: 2.5rem;
    width: 26.75rem;
}
.things-left,
.things-right {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    font-size: 1rem;
    line-height: 1.25rem;
    text-align: left;
    -moz-text-align-last: left;
    text-align-last: left;
    vertical-align: top;
}
.things-right {
    background: #fff;
    border-radius: 0 4px 4px 0;
    width: 35.75rem;
}
.things-table_fixed .things-thead {
    background: #fcfcfc;
    box-shadow: 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.1);
    display: block;
    height: 3.625rem;
    left: 0;
    position: fixed;
    right: 0;
    top: 4.5rem;
}
.things-table_fixed .things-th {
    padding-bottom: 0.875rem;
    padding-top: 0.875rem;
    position: absolute;
    top: 0;
}
.things-table_fixed .things-tr:first-child .things-td div {
    margin-top: 6.75rem;
}
.things-tr:first-child .things-td {
    padding-top: 0;
}
.things-tr:first-child .things-td > div {
    margin-top: 1.875rem;
}
.things-tr:last-child .things-td {
    padding-bottom: 1.625rem;
}
.things-th {
    padding-top: 3rem;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
.things-th > div {
    zoom: 1;
    background-position: 0;
    background-repeat: no-repeat;
    color: #333d66;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    font:
        500 1.25rem/1.875rem Inter,
        sans-serif;
    padding-left: 1.875rem;
    vertical-align: top;
}
.things-th:nth-child(2n) {
    background: #fcfcfc;
}
.things-th:nth-child(2) > div {
    background-image: url(images/precoro.7f41dcd3.svg);
    background-size: 1.25rem 1.25rem;
}
.things-th:nth-child(3) > div {
    background-image: url(images/procurify.eca9afbf.svg);
    background-size: 1.3125rem 1.25rem;
}
.things-td {
    padding: 0;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
.things-td:first-child {
    color: #333d66;
    line-height: 1.375rem;
    text-align: left;
    -moz-text-align-last: left;
    text-align-last: left;
    width: 14.25rem;
}
.things-td:first-child > div {
    padding-left: 1.875rem;
}
.things-td:nth-child(2n) {
    background: #fcfcfc;
}
.things-td > div {
    margin-top: 1.5625rem;
    padding: 0.875rem;
}
.things-positive {
    font-weight: 600;
}
.things-positive_type1 {
    color: #20c747;
}
.things-positive_type2 {
    color: #476cff;
}
.things-negative_type1 {
    color: #e3215a;
}
.things-negative_type2 {
    color: #e1e1e6;
}
.positive-icon {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    height: 1rem;
    vertical-align: top;
    width: 1.1875rem;
}
.positive-icon_type1 {
    fill: #20c747;
}
.positive-icon_type2 {
    fill: #476cff;
}
.negative-icon {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    height: 1rem;
    vertical-align: top;
    width: 1rem;
}
.negative-icon_type1 {
    fill: #e3215a;
}
.negative-icon_type2 {
    fill: #e1e1e6;
}
.things-title {
    color: #fff;
    font:
        700 1.75rem/2.5rem Inter,
        sans-serif;
}
.things-list {
    margin-top: 2.125rem;
    padding-right: 2.5rem;
}
.things-list-item {
    background-image: url(images/check-white.a9df43f3.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 1.5rem 1.3125rem;
    color: #fff;
    font-weight: 600;
    line-height: 1.75rem;
    margin-top: 0;
    padding-left: 2.8125rem;
}
.things-list-item + .things-list-item {
    margin-top: 1.1875rem;
}
.things-text {
    color: #7b7e8b;
    font-size: 1.0625rem;
    line-height: 1.875rem;
    margin-top: 1.875rem;
    padding-left: 13%;
    padding-right: 13%;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
.cta-aux {
    background: #476cff;
    margin-top: 6.25rem;
    padding-bottom: 3.125rem;
    padding-top: 3.125rem;
}
.cta-aux-button {
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
.cta-aux-button-link {
    zoom: 1;
    background: #fff;
    border-radius: 4px;
    color: #476cff;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    font-weight: 700;
    line-height: 1.375rem;
    padding: 0.75rem 2.3125rem;
    vertical-align: top;
}
.cta-aux-text {
    color: #fff;
    line-height: 1.375rem;
    padding-top: 1.25rem;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
.feedback {
    padding-top: 6.25rem;
}
.feedback-quote {
    border-radius: 0.25rem;
    box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.1);
    margin-top: 4.375rem;
    min-height: 19.0625rem;
    padding: 2.8125rem 2.5rem 2.8125rem 29.875rem;
    position: relative;
}
.feedback-quote:before {
    background-image: url(images/quote-top.5e63e4c0.svg);
    left: 29.875rem;
    top: 0;
}
.feedback-quote:after,
.feedback-quote:before {
    background-position: top;
    background-repeat: no-repeat;
    background-size: 4.75rem 3.5625rem;
    content: "";
    display: block;
    height: 3.5625rem;
    position: absolute;
    width: 4.75rem;
    z-index: -1;
}
.feedback-quote:after {
    background-image: url(images/quote-bottom.f4779372.svg);
    bottom: 0;
    right: 2.5rem;
}
.feedback-quote-image {
    display: block;
    left: 2.5rem;
    position: absolute;
    top: 2.8125rem;
    width: 25.4375rem;
}
.feedback-quote-text {
    color: #7b7e8b;
    line-height: 1.625rem;
}
.feedback-quote-author {
    font-weight: 600;
    margin-top: 0.9375rem;
}
.feedback-quote-author,
.feedback-quote-company {
    color: #333d66;
    line-height: 1.875rem;
}
.feedback-quote-company-link {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    margin-top: 0.75rem;
    vertical-align: top;
}
.feedback-quote-company-link-image {
    display: block;
}
.recommended {
    padding-top: 6.25rem;
}
.recommended .h2 {
    padding-bottom: 4.375rem;
}
.grunted {
    background-color: #fcfcfc;
    background-image: url(images/medal.e35a4304.svg);
    background-position: center calc(100% - 6.25rem);
    background-repeat: no-repeat;
    background-size: 8.125rem 8.125rem;
    margin-top: 6.25rem;
    padding-bottom: 16.875rem;
    padding-top: 6.25rem;
}
.grunted .h3 {
    padding-left: 20%;
    padding-right: 20%;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
.grunted + .cta {
    margin-top: 0;
}
.reviews-list-item-link {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    vertical-align: top;
}
.reviews-list-item-link-image {
    display: block;
}
.cta-subtitle {
    color: #e9e9e9;
    font-size: 1.0625rem;
    line-height: 1.875rem;
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 1.25rem;
}
.cta-subtitle + .cta-link {
    margin-top: 1.875rem;
}
.landing .reviews .h2 span,
.landing .reviews .h2 svg {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    display: inline;
    vertical-align: middle;
}
form[name="create_user_password"] ul label {
    line-height: 1.3;
}
@media only screen and (min-width: 320px) and (max-width: 1023px) {
    .landing-intro {
        padding-bottom: 3.125rem;
        padding-top: 5.625rem;
    }
    .landing-intro:before {
        background-image: url(images/landing-intro-mobile.b07c3100.svg);
        background-size: 16.25rem 14.0625rem;
        bottom: 0;
        height: 14.0625rem;
        left: 50%;
        opacity: 1;
        top: auto;
        transform: translateX(-50%);
        width: 16.25rem;
    }
    .landing-intro:after {
        display: none;
    }
    .landing-intro-title {
        font-size: 1.875rem;
        line-height: 2.5rem;
    }
    .landing-intro-text {
        font-size: 0.9375rem;
        line-height: 1.625rem;
        margin-top: 1.25rem;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
    }
    .things {
        padding-top: 3.125rem;
    }
    .things-wrapper {
        background: none;
    }
    .things-table_fixed .things-thead {
        top: 3.5rem;
    }
    .things-table_fixed .things-tr:first-child .things-td div {
        margin-top: 5.375rem;
    }
    .things-left {
        background: #476cff;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        width: 100%;
    }
    .things-right {
        border-bottom: 0.0625rem solid #f2f2f2;
        margin-left: -4.6875vw;
        margin-top: 3.125rem;
        width: 100vw;
    }
    .things-title {
        font-size: 1.25rem;
        line-height: 1.875rem;
    }
    .things-list {
        margin-top: 1.875rem;
        padding-right: 0;
    }
    .things-list-item {
        background-size: 1.1875rem 1.0625rem;
        font-size: 1rem;
        line-height: 1.3125rem;
        padding-left: 2.1875rem;
    }
    .things-list-item + .things-list-item {
        margin-top: 1.25rem;
    }
    .things-wrapper {
        box-shadow: none;
    }
    .things-thead {
        background: #fcfcfc;
        box-shadow: 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.1);
    }
    .things-tr:first-child .things-td > div {
        margin-top: 1.25rem;
    }
    .things-th {
        padding-bottom: 1.125rem;
        padding-top: 1.125rem;
    }
    .things-th:nth-child(2) > div,
    .things-th:nth-child(3) > div {
        background-size: 0.75rem 0.75rem;
    }
    .things-th > div {
        font-size: 0.9375rem;
        padding-left: 1.25rem;
    }
    .things-td > div {
        font-size: 0.9375rem;
        margin-top: 1.25rem;
        padding: 0.3125rem;
    }
    .things-td:first-child {
        width: 34.375vw;
    }
    .things-td:first-child > div {
        padding-left: 0.9375rem;
    }
    .things-td:last-child {
        width: 34.375vw;
    }
    .things-td:nth-child(2n) {
        background: none;
        border-left: 0.0625rem solid #f2f2f2;
        border-right: 0.0625rem solid #f2f2f2;
    }
    .things-text {
        font-size: 1rem;
        line-height: 1.625rem;
        padding-left: 0;
        padding-right: 0;
    }
    .cta-aux {
        font-size: 1rem;
        line-height: 1.375rem;
        margin-top: 2.5rem;
        padding-bottom: 2.5rem;
        padding-top: 2.5rem;
    }
    .cta-aux-button-link {
        width: 18.125rem;
    }
    .cta-title {
        font-size: 1.5625rem;
        line-height: 2.1875rem;
    }
    .cta-link {
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.375rem;
        margin-top: 1.875rem;
        padding-bottom: 0.75rem;
        padding-top: 0.75rem;
        width: 18.125rem;
    }
    .feedback {
        margin-top: 3.125rem;
        padding-top: 0;
    }
    .feedback-quote {
        background: #fafafa;
        border-radius: 0;
        margin-left: -4.6875vw;
        margin-top: 1.875rem;
        min-height: 0;
        padding: 0 0 1.875rem;
        width: 100vw;
    }
    .feedback-quote:after,
    .feedback-quote:before {
        display: none;
    }
    .feedback-quote-image {
        border-radius: 0;
        height: auto;
        left: auto;
        position: relative;
        top: auto;
        width: 100%;
    }
    .feedback-quote-text {
        font-size: 1rem;
        line-height: 1.625rem;
        padding-left: 4.6875%;
        padding-right: 4.6875%;
        padding-top: 1.875rem;
    }
    .feedback-quote-author {
        margin-top: 1.25rem;
    }
    .feedback-quote-author,
    .feedback-quote-company {
        font-size: 1rem;
        line-height: 1.875rem;
        padding-left: 4.6875%;
        padding-right: 4.6875%;
    }
    .feedback-quote-company-link {
        margin-left: 4.6875%;
        margin-right: 4.6875%;
        margin-top: 0.625rem;
    }
    .recommended {
        padding-top: 3.125rem;
    }
    .recommended .h2 {
        padding-bottom: 1.875rem;
    }
    .recommended .bx-controls {
        height: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .recommended .bx-controls-direction a {
        display: block;
        position: absolute;
        text-indent: -624.9375rem;
        top: 50%;
        transform: translateY(-50%);
    }
    .recommended .bx-controls-direction a.bx-prev {
        left: 0;
    }
    .recommended .bx-controls-direction a.bx-prev:before {
        border: 0.4375rem solid transparent;
        border-left: none;
        border-right: 0.5rem solid #476cff;
        content: "";
        display: block;
        height: 0;
        left: 0.625rem;
        position: absolute;
        top: 0.5625rem;
        transform: none;
        width: 0;
        z-index: 2;
    }
    .recommended .bx-controls-direction a.bx-prev:after {
        border: 0.4375rem solid transparent;
        border-left: none;
        border-right: 0.5rem solid #fff;
        content: "";
        display: block;
        height: 0;
        left: 0.8125rem;
        position: absolute;
        top: 0.5625rem;
        transform: none;
        width: 0;
        z-index: 2;
    }
    .recommended .bx-controls-direction a.bx-next {
        right: 0;
    }
    .recommended .bx-controls-direction a.bx-next:before {
        border: 0.4375rem solid transparent;
        border-left: 0.5rem solid #476cff;
        border-right: none;
        content: "";
        display: block;
        height: 0;
        position: absolute;
        right: 0.625rem;
        top: 0.5625rem;
        transform: none;
        width: 0;
        z-index: 2;
    }
    .recommended .bx-controls-direction a.bx-next:after {
        border: 0.4375rem solid transparent;
        border-left: 0.5rem solid #fff;
        border-right: none;
        content: "";
        display: block;
        height: 0;
        position: absolute;
        right: 0.8125rem;
        top: 0.5625rem;
        transform: none;
        width: 0;
        z-index: 2;
    }
    .grunted {
        background-position: center calc(100% - 2.5rem);
        margin-top: 3.125rem;
        padding-bottom: 12.5rem;
        padding-top: 2.5rem;
    }
    .grunted .h3 {
        font-size: 1rem;
        line-height: 1.625rem;
        padding-left: 0;
        padding-right: 0;
    }
    .landing .h2 {
        line-height: 1.875rem;
    }
    .landing .reviews .h2 span {
        zoom: 1;
        display: -moz-inline-stack;
        display: inline-block;
        display: inline;
        vertical-align: middle;
    }
    .landing .reviews .h2 span:first-child {
        display: block;
    }
    .landing .reviews .h2 svg {
        zoom: 1;
        display: -moz-inline-stack;
        display: inline-block;
        display: inline;
        vertical-align: middle;
    }
    .landing .reviews-list-item {
        margin-left: 0.625rem;
        margin-right: 0.625rem;
    }
    .landing .reviews-list-item-avatar {
        zoom: 1;
        display: -moz-inline-stack;
        display: inline-block;
        display: inline;
    }
    .landing .h5 {
        font-size: 1.0625rem;
        line-height: 1.4375rem;
    }
    .landing .reviews-list-item-body p {
        font-size: 1rem;
        line-height: 1.875rem;
        padding-top: 1.25rem;
    }
    .landing .cta-subtitle {
        padding-left: 0;
        padding-right: 0;
    }
}
.iti {
    display: inline-block;
    position: relative;
}
.iti * {
    box-sizing: border-box;
}
.iti__hide {
    display: none;
}
.iti__v-hide {
    visibility: hidden;
}
.iti input,
.iti input[type="tel"],
.iti input[type="text"] {
    margin-bottom: 0 !important;
    margin-right: 0;
    margin-top: 0 !important;
    padding-right: 36px;
    position: relative;
    z-index: 0;
}
.iti__flag-container {
    bottom: 0;
    padding: 1px;
    position: absolute;
    right: 0;
    top: 0;
}
.iti__selected-flag {
    align-items: center;
    display: flex;
    height: 100%;
    padding: 0 6px 0 8px;
    position: relative;
    z-index: 1;
}
.iti__arrow {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555;
    height: 0;
    margin-left: 6px;
    width: 0;
}
[dir="rtl"] .iti__arrow {
    margin-left: 0;
    margin-right: 6px;
}
.iti__arrow--up {
    border-bottom: 4px solid #555;
    border-top: none;
}
.iti__country-list {
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    list-style: none;
    margin: 0 0 0 -1px;
    max-height: 200px;
    overflow-y: scroll;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    z-index: 2;
}
.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px;
}
@media (max-width: 500px) {
    .iti__country-list {
        white-space: normal;
    }
}
.iti__flag-box {
    display: inline-block;
    width: 20px;
}
.iti__divider {
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.iti__country {
    align-items: center;
    display: flex;
    outline: none;
    padding: 5px 10px;
}
.iti__dial-code {
    color: #999;
}
.iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, 0.05);
}
.iti__country-name,
.iti__flag-box {
    margin-right: 6px;
}
[dir="rtl"] .iti__country-name,
[dir="rtl"] .iti__flag-box {
    margin-left: 6px;
    margin-right: 0;
}
.iti--allow-dropdown input,
.iti--allow-dropdown input[type="tel"],
.iti--allow-dropdown input[type="text"],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type="tel"],
.iti--separate-dial-code input[type="text"] {
    margin-left: 0;
    padding-left: 52px;
    padding-right: 6px;
}
[dir="rtl"] .iti--allow-dropdown input,
[dir="rtl"] .iti--allow-dropdown input[type="tel"],
[dir="rtl"] .iti--allow-dropdown input[type="text"],
[dir="rtl"] .iti--separate-dial-code input,
[dir="rtl"] .iti--separate-dial-code input[type="tel"],
[dir="rtl"] .iti--separate-dial-code input[type="text"] {
    margin-right: 0;
    padding-left: 6px;
    padding-right: 52px;
}
.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
    left: 0;
    right: auto;
}
[dir="rtl"] .iti--allow-dropdown .iti__flag-container,
[dir="rtl"] .iti--separate-dial-code .iti__flag-container {
    left: auto;
    right: 0;
}
.iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
    cursor: default;
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent;
}
.iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
}
.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
    margin-left: 6px;
}
[dir="rtl"] .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
    margin-left: 0;
    margin-right: 6px;
}
.iti--container {
    left: -1000px;
    padding: 1px;
    position: absolute;
    top: -1000px;
    z-index: 1060;
}
.iti--container:hover {
    cursor: pointer;
}
.iti-mobile .iti--container {
    bottom: 30px;
    left: 30px;
    position: fixed;
    right: 30px;
    top: 30px;
}
.iti-mobile .iti__country-list {
    max-height: 100%;
}
.iti-mobile .iti__country {
    line-height: 1.5em;
    padding: 10px;
}
.iti__flag {
    width: 20px;
}
.iti__flag.iti__be {
    width: 18px;
}
.iti__flag.iti__ch {
    width: 15px;
}
.iti__flag.iti__mc {
    width: 19px;
}
.iti__flag.iti__ne {
    width: 18px;
}
.iti__flag.iti__np {
    width: 13px;
}
.iti__flag.iti__va {
    width: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-size: 5762px 15px;
    }
}
.iti__flag.iti__ac {
    background-position: 0 0;
    height: 10px;
}
.iti__flag.iti__ad {
    background-position: -22px 0;
    height: 14px;
}
.iti__flag.iti__ae {
    background-position: -44px 0;
    height: 10px;
}
.iti__flag.iti__af {
    background-position: -66px 0;
    height: 14px;
}
.iti__flag.iti__ag {
    background-position: -88px 0;
    height: 14px;
}
.iti__flag.iti__ai {
    background-position: -110px 0;
    height: 10px;
}
.iti__flag.iti__al {
    background-position: -132px 0;
    height: 15px;
}
.iti__flag.iti__am {
    background-position: -154px 0;
    height: 10px;
}
.iti__flag.iti__ao {
    background-position: -176px 0;
    height: 14px;
}
.iti__flag.iti__aq {
    background-position: -198px 0;
    height: 14px;
}
.iti__flag.iti__ar {
    background-position: -220px 0;
    height: 13px;
}
.iti__flag.iti__as {
    background-position: -242px 0;
    height: 10px;
}
.iti__flag.iti__at {
    background-position: -264px 0;
    height: 14px;
}
.iti__flag.iti__au {
    background-position: -286px 0;
    height: 10px;
}
.iti__flag.iti__aw {
    background-position: -308px 0;
    height: 14px;
}
.iti__flag.iti__ax {
    background-position: -330px 0;
    height: 13px;
}
.iti__flag.iti__az {
    background-position: -352px 0;
    height: 10px;
}
.iti__flag.iti__ba {
    background-position: -374px 0;
    height: 10px;
}
.iti__flag.iti__bb {
    background-position: -396px 0;
    height: 14px;
}
.iti__flag.iti__bd {
    background-position: -418px 0;
    height: 12px;
}
.iti__flag.iti__be {
    background-position: -440px 0;
    height: 15px;
}
.iti__flag.iti__bf {
    background-position: -460px 0;
    height: 14px;
}
.iti__flag.iti__bg {
    background-position: -482px 0;
    height: 12px;
}
.iti__flag.iti__bh {
    background-position: -504px 0;
    height: 12px;
}
.iti__flag.iti__bi {
    background-position: -526px 0;
    height: 12px;
}
.iti__flag.iti__bj {
    background-position: -548px 0;
    height: 14px;
}
.iti__flag.iti__bl {
    background-position: -570px 0;
    height: 14px;
}
.iti__flag.iti__bm {
    background-position: -592px 0;
    height: 10px;
}
.iti__flag.iti__bn {
    background-position: -614px 0;
    height: 10px;
}
.iti__flag.iti__bo {
    background-position: -636px 0;
    height: 14px;
}
.iti__flag.iti__bq {
    background-position: -658px 0;
    height: 14px;
}
.iti__flag.iti__br {
    background-position: -680px 0;
    height: 14px;
}
.iti__flag.iti__bs {
    background-position: -702px 0;
    height: 10px;
}
.iti__flag.iti__bt {
    background-position: -724px 0;
    height: 14px;
}
.iti__flag.iti__bv {
    background-position: -746px 0;
    height: 15px;
}
.iti__flag.iti__bw {
    background-position: -768px 0;
    height: 14px;
}
.iti__flag.iti__by {
    background-position: -790px 0;
    height: 10px;
}
.iti__flag.iti__bz {
    background-position: -812px 0;
    height: 12px;
}
.iti__flag.iti__ca {
    background-position: -834px 0;
    height: 10px;
}
.iti__flag.iti__cc {
    background-position: -856px 0;
    height: 10px;
}
.iti__flag.iti__cd {
    background-position: -878px 0;
    height: 15px;
}
.iti__flag.iti__cf {
    background-position: -900px 0;
    height: 14px;
}
.iti__flag.iti__cg {
    background-position: -922px 0;
    height: 14px;
}
.iti__flag.iti__ch {
    background-position: -944px 0;
    height: 15px;
}
.iti__flag.iti__ci {
    background-position: -961px 0;
    height: 14px;
}
.iti__flag.iti__ck {
    background-position: -983px 0;
    height: 10px;
}
.iti__flag.iti__cl {
    background-position: -1005px 0;
    height: 14px;
}
.iti__flag.iti__cm {
    background-position: -1027px 0;
    height: 14px;
}
.iti__flag.iti__cn {
    background-position: -1049px 0;
    height: 14px;
}
.iti__flag.iti__co {
    background-position: -1071px 0;
    height: 14px;
}
.iti__flag.iti__cp {
    background-position: -1093px 0;
    height: 14px;
}
.iti__flag.iti__cq {
    background-position: -1115px 0;
    height: 12px;
}
.iti__flag.iti__cr {
    background-position: -1137px 0;
    height: 12px;
}
.iti__flag.iti__cu {
    background-position: -1159px 0;
    height: 10px;
}
.iti__flag.iti__cv {
    background-position: -1181px 0;
    height: 12px;
}
.iti__flag.iti__cw {
    background-position: -1203px 0;
    height: 14px;
}
.iti__flag.iti__cx {
    background-position: -1225px 0;
    height: 10px;
}
.iti__flag.iti__cy {
    background-position: -1247px 0;
    height: 14px;
}
.iti__flag.iti__cz {
    background-position: -1269px 0;
    height: 14px;
}
.iti__flag.iti__de {
    background-position: -1291px 0;
    height: 12px;
}
.iti__flag.iti__dg {
    background-position: -1313px 0;
    height: 10px;
}
.iti__flag.iti__dj {
    background-position: -1335px 0;
    height: 14px;
}
.iti__flag.iti__dk {
    background-position: -1357px 0;
    height: 15px;
}
.iti__flag.iti__dm {
    background-position: -1379px 0;
    height: 10px;
}
.iti__flag.iti__do {
    background-position: -1401px 0;
    height: 14px;
}
.iti__flag.iti__dz {
    background-position: -1423px 0;
    height: 14px;
}
.iti__flag.iti__ea {
    background-position: -1445px 0;
    height: 14px;
}
.iti__flag.iti__ec {
    background-position: -1467px 0;
    height: 14px;
}
.iti__flag.iti__ee {
    background-position: -1489px 0;
    height: 13px;
}
.iti__flag.iti__eg {
    background-position: -1511px 0;
    height: 14px;
}
.iti__flag.iti__eh {
    background-position: -1533px 0;
    height: 10px;
}
.iti__flag.iti__er {
    background-position: -1555px 0;
    height: 10px;
}
.iti__flag.iti__es {
    background-position: -1577px 0;
    height: 14px;
}
.iti__flag.iti__et {
    background-position: -1599px 0;
    height: 10px;
}
.iti__flag.iti__eu {
    background-position: -1621px 0;
    height: 14px;
}
.iti__flag.iti__ez {
    background-position: -1643px 0;
    height: 14px;
}
.iti__flag.iti__fi {
    background-position: -1665px 0;
    height: 12px;
}
.iti__flag.iti__fj {
    background-position: -1687px 0;
    height: 10px;
}
.iti__flag.iti__fk {
    background-position: -1709px 0;
    height: 10px;
}
.iti__flag.iti__fm {
    background-position: -1731px 0;
    height: 11px;
}
.iti__flag.iti__fo {
    background-position: -1753px 0;
    height: 15px;
}
.iti__flag.iti__fr {
    background-position: -1775px 0;
    height: 14px;
}
.iti__flag.iti__fx {
    background-position: -1797px 0;
    height: 14px;
}
.iti__flag.iti__ga {
    background-position: -1819px 0;
    height: 15px;
}
.iti__flag.iti__gb {
    background-position: -1841px 0;
    height: 10px;
}
.iti__flag.iti__gd {
    background-position: -1863px 0;
    height: 12px;
}
.iti__flag.iti__ge {
    background-position: -1885px 0;
    height: 14px;
}
.iti__flag.iti__gf {
    background-position: -1907px 0;
    height: 14px;
}
.iti__flag.iti__gg {
    background-position: -1929px 0;
    height: 14px;
}
.iti__flag.iti__gh {
    background-position: -1951px 0;
    height: 14px;
}
.iti__flag.iti__gi {
    background-position: -1973px 0;
    height: 10px;
}
.iti__flag.iti__gl {
    background-position: -1995px 0;
    height: 14px;
}
.iti__flag.iti__gm {
    background-position: -2017px 0;
    height: 14px;
}
.iti__flag.iti__gn {
    background-position: -2039px 0;
    height: 14px;
}
.iti__flag.iti__gp {
    background-position: -2061px 0;
    height: 14px;
}
.iti__flag.iti__gq {
    background-position: -2083px 0;
    height: 14px;
}
.iti__flag.iti__gr {
    background-position: -2105px 0;
    height: 14px;
}
.iti__flag.iti__gs {
    background-position: -2127px 0;
    height: 10px;
}
.iti__flag.iti__gt {
    background-position: -2149px 0;
    height: 13px;
}
.iti__flag.iti__gu {
    background-position: -2171px 0;
    height: 11px;
}
.iti__flag.iti__gw {
    background-position: -2193px 0;
    height: 10px;
}
.iti__flag.iti__gy {
    background-position: -2215px 0;
    height: 12px;
}
.iti__flag.iti__hk {
    background-position: -2237px 0;
    height: 14px;
}
.iti__flag.iti__hm {
    background-position: -2259px 0;
    height: 10px;
}
.iti__flag.iti__hn {
    background-position: -2281px 0;
    height: 10px;
}
.iti__flag.iti__hr {
    background-position: -2303px 0;
    height: 10px;
}
.iti__flag.iti__ht {
    background-position: -2325px 0;
    height: 12px;
}
.iti__flag.iti__hu {
    background-position: -2347px 0;
    height: 10px;
}
.iti__flag.iti__ic {
    background-position: -2369px 0;
    height: 14px;
}
.iti__flag.iti__id {
    background-position: -2391px 0;
    height: 14px;
}
.iti__flag.iti__ie {
    background-position: -2413px 0;
    height: 10px;
}
.iti__flag.iti__il {
    background-position: -2435px 0;
    height: 15px;
}
.iti__flag.iti__im {
    background-position: -2457px 0;
    height: 10px;
}
.iti__flag.iti__in {
    background-position: -2479px 0;
    height: 14px;
}
.iti__flag.iti__io {
    background-position: -2501px 0;
    height: 10px;
}
.iti__flag.iti__iq {
    background-position: -2523px 0;
    height: 14px;
}
.iti__flag.iti__ir {
    background-position: -2545px 0;
    height: 12px;
}
.iti__flag.iti__is {
    background-position: -2567px 0;
    height: 15px;
}
.iti__flag.iti__it {
    background-position: -2589px 0;
    height: 14px;
}
.iti__flag.iti__je {
    background-position: -2611px 0;
    height: 12px;
}
.iti__flag.iti__jm {
    background-position: -2633px 0;
    height: 10px;
}
.iti__flag.iti__jo {
    background-position: -2655px 0;
    height: 10px;
}
.iti__flag.iti__jp {
    background-position: -2677px 0;
    height: 14px;
}
.iti__flag.iti__ke {
    background-position: -2699px 0;
    height: 14px;
}
.iti__flag.iti__kg {
    background-position: -2721px 0;
    height: 12px;
}
.iti__flag.iti__kh {
    background-position: -2743px 0;
    height: 13px;
}
.iti__flag.iti__ki {
    background-position: -2765px 0;
    height: 10px;
}
.iti__flag.iti__km {
    background-position: -2787px 0;
    height: 12px;
}
.iti__flag.iti__kn {
    background-position: -2809px 0;
    height: 14px;
}
.iti__flag.iti__kp {
    background-position: -2831px 0;
    height: 10px;
}
.iti__flag.iti__kr {
    background-position: -2853px 0;
    height: 14px;
}
.iti__flag.iti__kw {
    background-position: -2875px 0;
    height: 10px;
}
.iti__flag.iti__ky {
    background-position: -2897px 0;
    height: 10px;
}
.iti__flag.iti__kz {
    background-position: -2919px 0;
    height: 10px;
}
.iti__flag.iti__la {
    background-position: -2941px 0;
    height: 14px;
}
.iti__flag.iti__lb {
    background-position: -2963px 0;
    height: 14px;
}
.iti__flag.iti__lc {
    background-position: -2985px 0;
    height: 10px;
}
.iti__flag.iti__li {
    background-position: -3007px 0;
    height: 12px;
}
.iti__flag.iti__lk {
    background-position: -3029px 0;
    height: 10px;
}
.iti__flag.iti__lr {
    background-position: -3051px 0;
    height: 11px;
}
.iti__flag.iti__ls {
    background-position: -3073px 0;
    height: 14px;
}
.iti__flag.iti__lt {
    background-position: -3095px 0;
    height: 12px;
}
.iti__flag.iti__lu {
    background-position: -3117px 0;
    height: 12px;
}
.iti__flag.iti__lv {
    background-position: -3139px 0;
    height: 10px;
}
.iti__flag.iti__ly {
    background-position: -3161px 0;
    height: 10px;
}
.iti__flag.iti__ma {
    background-position: -3183px 0;
    height: 14px;
}
.iti__flag.iti__mc {
    background-position: -3205px 0;
    height: 15px;
}
.iti__flag.iti__md {
    background-position: -3226px 0;
    height: 10px;
}
.iti__flag.iti__me {
    background-position: -3248px 0;
    height: 10px;
}
.iti__flag.iti__mf {
    background-position: -3270px 0;
    height: 14px;
}
.iti__flag.iti__mg {
    background-position: -3292px 0;
    height: 14px;
}
.iti__flag.iti__mh {
    background-position: -3314px 0;
    height: 11px;
}
.iti__flag.iti__mk {
    background-position: -3336px 0;
    height: 10px;
}
.iti__flag.iti__ml {
    background-position: -3358px 0;
    height: 14px;
}
.iti__flag.iti__mm {
    background-position: -3380px 0;
    height: 14px;
}
.iti__flag.iti__mn {
    background-position: -3402px 0;
    height: 10px;
}
.iti__flag.iti__mo {
    background-position: -3424px 0;
    height: 14px;
}
.iti__flag.iti__mp {
    background-position: -3446px 0;
    height: 10px;
}
.iti__flag.iti__mq {
    background-position: -3468px 0;
    height: 14px;
}
.iti__flag.iti__mr {
    background-position: -3490px 0;
    height: 14px;
}
.iti__flag.iti__ms {
    background-position: -3512px 0;
    height: 10px;
}
.iti__flag.iti__mt {
    background-position: -3534px 0;
    height: 14px;
}
.iti__flag.iti__mu {
    background-position: -3556px 0;
    height: 14px;
}
.iti__flag.iti__mv {
    background-position: -3578px 0;
    height: 14px;
}
.iti__flag.iti__mw {
    background-position: -3600px 0;
    height: 14px;
}
.iti__flag.iti__mx {
    background-position: -3622px 0;
    height: 12px;
}
.iti__flag.iti__my {
    background-position: -3644px 0;
    height: 10px;
}
.iti__flag.iti__mz {
    background-position: -3666px 0;
    height: 14px;
}
.iti__flag.iti__na {
    background-position: -3688px 0;
    height: 14px;
}
.iti__flag.iti__nc {
    background-position: -3710px 0;
    height: 10px;
}
.iti__flag.iti__ne {
    background-position: -3732px 0;
    height: 15px;
}
.iti__flag.iti__nf {
    background-position: -3752px 0;
    height: 10px;
}
.iti__flag.iti__ng {
    background-position: -3774px 0;
    height: 10px;
}
.iti__flag.iti__ni {
    background-position: -3796px 0;
    height: 12px;
}
.iti__flag.iti__nl {
    background-position: -3818px 0;
    height: 14px;
}
.iti__flag.iti__no {
    background-position: -3840px 0;
    height: 15px;
}
.iti__flag.iti__np {
    background-position: -3862px 0;
    height: 15px;
}
.iti__flag.iti__nr {
    background-position: -3877px 0;
    height: 10px;
}
.iti__flag.iti__nu {
    background-position: -3899px 0;
    height: 10px;
}
.iti__flag.iti__nz {
    background-position: -3921px 0;
    height: 10px;
}
.iti__flag.iti__om {
    background-position: -3943px 0;
    height: 10px;
}
.iti__flag.iti__pa {
    background-position: -3965px 0;
    height: 14px;
}
.iti__flag.iti__pe {
    background-position: -3987px 0;
    height: 14px;
}
.iti__flag.iti__pf {
    background-position: -4009px 0;
    height: 14px;
}
.iti__flag.iti__pg {
    background-position: -4031px 0;
    height: 15px;
}
.iti__flag.iti__ph {
    background-position: -4053px 0;
    height: 10px;
}
.iti__flag.iti__pk {
    background-position: -4075px 0;
    height: 14px;
}
.iti__flag.iti__pl {
    background-position: -4097px 0;
    height: 13px;
}
.iti__flag.iti__pm {
    background-position: -4119px 0;
    height: 14px;
}
.iti__flag.iti__pn {
    background-position: -4141px 0;
    height: 10px;
}
.iti__flag.iti__pr {
    background-position: -4163px 0;
    height: 14px;
}
.iti__flag.iti__ps {
    background-position: -4185px 0;
    height: 10px;
}
.iti__flag.iti__pt {
    background-position: -4207px 0;
    height: 14px;
}
.iti__flag.iti__pw {
    background-position: -4229px 0;
    height: 13px;
}
.iti__flag.iti__py {
    background-position: -4251px 0;
    height: 11px;
}
.iti__flag.iti__qa {
    background-position: -4273px 0;
    height: 8px;
}
.iti__flag.iti__re {
    background-position: -4295px 0;
    height: 14px;
}
.iti__flag.iti__ro {
    background-position: -4317px 0;
    height: 14px;
}
.iti__flag.iti__rs {
    background-position: -4339px 0;
    height: 14px;
}
.iti__flag.iti__ru {
    background-position: -4361px 0;
    height: 14px;
}
.iti__flag.iti__rw {
    background-position: -4383px 0;
    height: 14px;
}
.iti__flag.iti__sa {
    background-position: -4405px 0;
    height: 14px;
}
.iti__flag.iti__sb {
    background-position: -4427px 0;
    height: 10px;
}
.iti__flag.iti__sc {
    background-position: -4449px 0;
    height: 10px;
}
.iti__flag.iti__sd {
    background-position: -4471px 0;
    height: 10px;
}
.iti__flag.iti__se {
    background-position: -4493px 0;
    height: 13px;
}
.iti__flag.iti__sg {
    background-position: -4515px 0;
    height: 14px;
}
.iti__flag.iti__sh {
    background-position: -4537px 0;
    height: 10px;
}
.iti__flag.iti__si {
    background-position: -4559px 0;
    height: 10px;
}
.iti__flag.iti__sj {
    background-position: -4581px 0;
    height: 15px;
}
.iti__flag.iti__sk {
    background-position: -4603px 0;
    height: 14px;
}
.iti__flag.iti__sl {
    background-position: -4625px 0;
    height: 14px;
}
.iti__flag.iti__sm {
    background-position: -4647px 0;
    height: 15px;
}
.iti__flag.iti__sn {
    background-position: -4669px 0;
    height: 14px;
}
.iti__flag.iti__so {
    background-position: -4691px 0;
    height: 14px;
}
.iti__flag.iti__sr {
    background-position: -4713px 0;
    height: 14px;
}
.iti__flag.iti__ss {
    background-position: -4735px 0;
    height: 10px;
}
.iti__flag.iti__st {
    background-position: -4757px 0;
    height: 10px;
}
.iti__flag.iti__su {
    background-position: -4779px 0;
    height: 10px;
}
.iti__flag.iti__sv {
    background-position: -4801px 0;
    height: 12px;
}
.iti__flag.iti__sx {
    background-position: -4823px 0;
    height: 14px;
}
.iti__flag.iti__sy {
    background-position: -4845px 0;
    height: 14px;
}
.iti__flag.iti__sz {
    background-position: -4867px 0;
    height: 14px;
}
.iti__flag.iti__ta {
    background-position: -4889px 0;
    height: 10px;
}
.iti__flag.iti__tc {
    background-position: -4911px 0;
    height: 10px;
}
.iti__flag.iti__td {
    background-position: -4933px 0;
    height: 14px;
}
.iti__flag.iti__tf {
    background-position: -4955px 0;
    height: 14px;
}
.iti__flag.iti__tg {
    background-position: -4977px 0;
    height: 13px;
}
.iti__flag.iti__th {
    background-position: -4999px 0;
    height: 14px;
}
.iti__flag.iti__tj {
    background-position: -5021px 0;
    height: 10px;
}
.iti__flag.iti__tk {
    background-position: -5043px 0;
    height: 10px;
}
.iti__flag.iti__tl {
    background-position: -5065px 0;
    height: 10px;
}
.iti__flag.iti__tm {
    background-position: -5087px 0;
    height: 14px;
}
.iti__flag.iti__tn {
    background-position: -5109px 0;
    height: 14px;
}
.iti__flag.iti__to {
    background-position: -5131px 0;
    height: 10px;
}
.iti__flag.iti__tr {
    background-position: -5153px 0;
    height: 14px;
}
.iti__flag.iti__tt {
    background-position: -5175px 0;
    height: 12px;
}
.iti__flag.iti__tv {
    background-position: -5197px 0;
    height: 10px;
}
.iti__flag.iti__tw {
    background-position: -5219px 0;
    height: 14px;
}
.iti__flag.iti__tz {
    background-position: -5241px 0;
    height: 14px;
}
.iti__flag.iti__ua {
    background-position: -5263px 0;
    height: 14px;
}
.iti__flag.iti__ug {
    background-position: -5285px 0;
    height: 14px;
}
.iti__flag.iti__uk {
    background-position: -5307px 0;
    height: 10px;
}
.iti__flag.iti__um {
    background-position: -5329px 0;
    height: 11px;
}
.iti__flag.iti__un {
    background-position: -5351px 0;
    height: 14px;
}
.iti__flag.iti__us {
    background-position: -5373px 0;
    height: 11px;
}
.iti__flag.iti__uy {
    background-position: -5395px 0;
    height: 14px;
}
.iti__flag.iti__uz {
    background-position: -5417px 0;
    height: 10px;
}
.iti__flag.iti__va {
    background-position: -5439px 0;
    height: 15px;
}
.iti__flag.iti__vc {
    background-position: -5456px 0;
    height: 14px;
}
.iti__flag.iti__ve {
    background-position: -5478px 0;
    height: 14px;
}
.iti__flag.iti__vg {
    background-position: -5500px 0;
    height: 10px;
}
.iti__flag.iti__vi {
    background-position: -5522px 0;
    height: 14px;
}
.iti__flag.iti__vn {
    background-position: -5544px 0;
    height: 14px;
}
.iti__flag.iti__vu {
    background-position: -5566px 0;
    height: 12px;
}
.iti__flag.iti__wf {
    background-position: -5588px 0;
    height: 14px;
}
.iti__flag.iti__ws {
    background-position: -5610px 0;
    height: 10px;
}
.iti__flag.iti__xk {
    background-position: -5632px 0;
    height: 15px;
}
.iti__flag.iti__ye {
    background-position: -5654px 0;
    height: 14px;
}
.iti__flag.iti__yt {
    background-position: -5676px 0;
    height: 14px;
}
.iti__flag.iti__za {
    background-position: -5698px 0;
    height: 14px;
}
.iti__flag.iti__zm {
    background-position: -5720px 0;
    height: 14px;
}
.iti__flag.iti__zw {
    background-position: -5742px 0;
    height: 10px;
}
.iti__flag {
    background-color: #dbdbdb;
    background-image: url(images/flags.1952df89.png);
    background-position: 20px 0;
    background-repeat: no-repeat;
    box-shadow: 0 0 1px 0 #888;
    height: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-image: url(images/flags%402x.276410ff.png);
    }
}
.iti__flag.iti__np {
    background-color: transparent;
}
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before {
    background: #fff;
    box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
    content: " ";
    display: block;
    position: absolute;
    z-index: 30;
}
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-horizontal .twentytwenty-handle:before {
    height: 9999px;
    left: 50%;
    margin-left: -1.5px;
    width: 3px;
}
.twentytwenty-vertical .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before {
    height: 3px;
    margin-top: -1.5px;
    top: 50%;
    width: 9999px;
}
.twentytwenty-after-label,
.twentytwenty-before-label,
.twentytwenty-overlay {
    height: 100%;
    position: absolute;
    top: 0;
    transition-duration: 0.5s;
    width: 100%;
}
.twentytwenty-after-label,
.twentytwenty-before-label {
    transition-property: opacity;
}
.twentytwenty-after-label:before,
.twentytwenty-before-label:before {
    background: hsla(0, 0%, 100%, 0.2);
    border-radius: 2px;
    color: #fff;
    font-size: 13px;
    letter-spacing: 0.1em;
    line-height: 38px;
    padding: 0 20px;
    position: absolute;
}
.twentytwenty-horizontal .twentytwenty-after-label:before,
.twentytwenty-horizontal .twentytwenty-before-label:before {
    margin-top: -19px;
    top: 50%;
}
.twentytwenty-vertical .twentytwenty-after-label:before,
.twentytwenty-vertical .twentytwenty-before-label:before {
    left: 50%;
    margin-left: -45px;
    text-align: center;
    width: 90px;
}
.twentytwenty-down-arrow,
.twentytwenty-left-arrow,
.twentytwenty-right-arrow,
.twentytwenty-up-arrow {
    border: 6px inset transparent;
    height: 0;
    position: absolute;
    width: 0;
}
.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
    margin-top: -6px;
    top: 50%;
}
.twentytwenty-down-arrow,
.twentytwenty-up-arrow {
    left: 50%;
    margin-left: -6px;
}
.twentytwenty-container {
    box-sizing: content-box;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    z-index: 0;
}
.twentytwenty-container img {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
}
.twentytwenty-container.active .twentytwenty-overlay,
.twentytwenty-container.active :hover.twentytwenty-overlay {
    background: transparent;
}
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label {
    opacity: 0;
}
.twentytwenty-container * {
    box-sizing: content-box;
}
.twentytwenty-before-label {
    opacity: 0;
}
.twentytwenty-before-label:before {
    content: attr(data-content);
}
.twentytwenty-after-label {
    opacity: 0;
}
.twentytwenty-after-label:before {
    content: attr(data-content);
}
.twentytwenty-horizontal .twentytwenty-before-label:before {
    left: 10px;
}
.twentytwenty-horizontal .twentytwenty-after-label:before {
    right: 10px;
}
.twentytwenty-vertical .twentytwenty-before-label:before {
    top: 10px;
}
.twentytwenty-vertical .twentytwenty-after-label:before {
    bottom: 10px;
}
.twentytwenty-overlay {
    background: transparent;
    transition-property: background;
    z-index: 25;
}
.twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5);
}
.twentytwenty-overlay:hover .twentytwenty-after-label,
.twentytwenty-overlay:hover .twentytwenty-before-label {
    opacity: 1;
}
.twentytwenty-before {
    z-index: 20;
}
.twentytwenty-after {
    z-index: 10;
}
.twentytwenty-handle {
    border: 3px solid #fff;
    border-radius: 1000px;
    box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
    cursor: pointer;
    height: 38px;
    left: 50%;
    margin-left: -22px;
    margin-top: -22px;
    position: absolute;
    top: 50%;
    width: 38px;
    z-index: 40;
}
.twentytwenty-horizontal .twentytwenty-handle:before {
    bottom: 50%;
    box-shadow:
        0 3px 0 #fff,
        0 0 12px rgba(51, 51, 51, 0.5);
    margin-bottom: 22px;
}
.twentytwenty-horizontal .twentytwenty-handle:after {
    box-shadow:
        0 -3px 0 #fff,
        0 0 12px rgba(51, 51, 51, 0.5);
    margin-top: 22px;
    top: 50%;
}
.twentytwenty-vertical .twentytwenty-handle:before {
    box-shadow:
        3px 0 0 #fff,
        0 0 12px rgba(51, 51, 51, 0.5);
    left: 50%;
    margin-left: 22px;
}
.twentytwenty-vertical .twentytwenty-handle:after {
    box-shadow:
        -3px 0 0 #fff,
        0 0 12px rgba(51, 51, 51, 0.5);
    margin-right: 22px;
    right: 50%;
}
.twentytwenty-left-arrow {
    border-right: 6px solid #fff;
    left: 50%;
    margin-left: -17px;
}
.twentytwenty-right-arrow {
    border-left: 6px solid #fff;
    margin-right: -17px;
    right: 50%;
}
.twentytwenty-up-arrow {
    border-bottom: 6px solid #fff;
    margin-top: -17px;
    top: 50%;
}
.twentytwenty-down-arrow {
    border-top: 6px solid #fff;
    bottom: 50%;
    margin-bottom: -17px;
}
/*
! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
*/
*,
:after,
:before {
    border: 0 solid #e5e7eb;
}
:after,
:before {
    --tw-content: "";
}
html {
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    font-family:
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        Segoe UI,
        Roboto,
        Helvetica Neue,
        Arial,
        Noto Sans,
        sans-serif,
        Apple Color Emoji,
        Segoe UI Emoji,
        Segoe UI Symbol,
        Noto Color Emoji;
    font-variation-settings: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
}
body {
    line-height: inherit;
}
hr {
    border-top-width: 1px;
    color: inherit;
    height: 0;
}
abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}
a {
    text-decoration: inherit;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
pre,
samp {
    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Monaco,
        Consolas,
        Liberation Mono,
        Courier New,
        monospace;
    font-size: 1em;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0;
}
button,
input,
optgroup,
select,
textarea {
    font-feature-settings: inherit;
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
}
button,
select {
    text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
}
:-moz-focusring {
    outline: auto;
}
:-moz-ui-invalid {
    box-shadow: none;
}
progress {
    vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
summary {
    display: list-item;
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0;
}
fieldset {
    margin: 0;
}
fieldset,
legend {
    padding: 0;
}
menu,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
dialog {
    padding: 0;
}
textarea {
    resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #9ca3af;
    opacity: 1;
}
input::placeholder,
textarea::placeholder {
    color: #9ca3af;
    opacity: 1;
}
[role="button"],
button {
    cursor: pointer;
}
:disabled {
    cursor: default;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle;
}
img,
video {
    height: auto;
    max-width: 100%;
}
[hidden] {
    display: none;
}
.tw-pretitle {
    --tw-text-opacity: 1;
    color: rgb(69 69 245 / var(--tw-text-opacity));
    display: inline-block;
    font-family: var(--main-font);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}
.tw-h1 {
    --tw-text-opacity: 1;
    color: rgb(29 36 82 / var(--tw-text-opacity));
    font-family: Literata, var(--main-font);
    font-size: 52px;
    font-weight: 700;
    line-height: 56px;
}
@media not all and (min-width: 1024px) {
    .tw-h1 {
        font-size: 36px;
        line-height: 44px;
    }
}
@media not all and (min-width: 768px) {
    .tw-h1 {
        font-size: 32px;
        line-height: 40px;
    }
}
.tw-h2 {
    --tw-text-opacity: 1 !important;
    color: rgb(29 36 82 / var(--tw-text-opacity)) !important;
    font-family: Literata, var(--main-font) !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    line-height: 44px !important;
}
@media not all and (min-width: 1024px) {
    .tw-h2 {
        font-size: 32px !important;
        line-height: 40px !important;
    }
}
@media not all and (min-width: 768px) {
    .tw-h2 {
        font-size: 28px !important;
        line-height: 36px !important;
    }
}
.tw-h2-light {
    --tw-text-opacity: 1 !important;
    color: rgb(248 248 252 / var(--tw-text-opacity)) !important;
    font-family: Literata, var(--main-font) !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    line-height: 44px !important;
}
@media not all and (min-width: 1024px) {
    .tw-h2-light {
        font-size: 32px !important;
        line-height: 40px !important;
    }
}
@media not all and (min-width: 768px) {
    .tw-h2-light {
        font-size: 28px !important;
        line-height: 36px !important;
    }
}
.tw-h3 {
    --tw-text-opacity: 1;
    color: rgb(29 36 82 / var(--tw-text-opacity));
    font-family: var(--main-font);
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
}
@media not all and (min-width: 1024px) {
    .tw-h3 {
        font-size: 18px;
        line-height: 28px;
    }
}
.tw-p-18 {
    --tw-text-opacity: 1;
    color: rgb(85 91 125 / var(--tw-text-opacity));
    font-family: var(--main-font);
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 0;
}
@media not all and (min-width: 768px) {
    .tw-p-18 {
        font-size: 16px;
        line-height: 24px;
    }
}
.tw-p-16 {
    --tw-text-opacity: 1;
    color: rgb(85 91 125 / var(--tw-text-opacity));
    font-family: var(--main-font);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 0;
}
*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
}
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
}
@media (min-width: 360px) {
    .container {
        max-width: 360px;
    }
}
@media (min-width: 480px) {
    .container {
        max-width: 480px;
    }
}
@media (min-width: 640px) {
    .container {
        max-width: 640px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}
@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}
@media (min-width: 1440px) {
    .container {
        max-width: 1440px;
    }
}
@media (min-width: 1920px) {
    .container {
        max-width: 1920px;
    }
}
.tw-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1080px;
    padding-bottom: 120px;
    padding-top: 120px;
}
@media not all and (min-width: 1200px) {
    .tw-container {
        padding-left: 32px;
        padding-right: 32px;
    }
}
@media not all and (min-width: 1024px) {
    .tw-container {
        padding-bottom: 100px;
        padding-top: 100px;
    }
}
@media not all and (min-width: 768px) {
    .tw-container {
        padding: 60px 20px;
    }
}
.tw-block-head {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    max-width: 712px;
}
.tw-button {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(69 69 245 / var(--tw-bg-opacity));
    border-radius: 20px;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    display: inline-block;
    font-family: var(--main-font);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding: 8px 16px 8px 20px;
    transition-duration: 0.2s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: linear;
}
.tw-button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(29 29 243 / var(--tw-bg-opacity));
}
.tw-control {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(227 227 254 / var(--tw-bg-opacity)) !important;
    border-radius: 50% !important;
    height: 48px !important;
    transition-duration: 0.3s !important;
    transition-property:
        color,
        background-color,
        border-color,
        text-decoration-color,
        fill,
        stroke,
        opacity,
        box-shadow,
        transform,
        filter,
        -webkit-backdrop-filter !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow,
        transform, filter, backdrop-filter !important;
    transition-property:
        color,
        background-color,
        border-color,
        text-decoration-color,
        fill,
        stroke,
        opacity,
        box-shadow,
        transform,
        filter,
        backdrop-filter,
        -webkit-backdrop-filter !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    width: 48px !important;
}
.tw-control:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(208 208 253 / var(--tw-bg-opacity)) !important;
}
.tw-control:active {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(162 162 250 / var(--tw-bg-opacity)) !important;
}
.tw-control i {
    font-size: 16px;
}
.tw-endorsal.ndrsl-widget #ndrsl-carousel {
    display: flex;
    flex-direction: column;
}
.tw-endorsal.ndrsl-widget .ndrsl-carousel-item-inner .ndrsl-live-testimonial {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(245 246 250 / var(--tw-bg-opacity)) !important;
    border-radius: 16px !important;
    padding: 32px !important;
}
.tw-endorsal.ndrsl-widget #ndrsl-carousel #ndrsl-carousel-controls {
    height: 56px !important;
    margin: 0 auto !important;
    max-width: 208px !important;
    order: 2 !important;
    position: relative !important;
    top: calc(100% - 56px) !important;
}
#seo-po-software .even\:mix-order:nth-child(2n) .tw-endorsal.ndrsl-widget #ndrsl-carousel #ndrsl-carousel-controls {
    order: 1 !important;
}
.tw-endorsal.ndrsl-widget #ndrsl-carousel #ndrsl-carousel-controls .ndrsl-carousel-controller {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(227 227 254 / var(--tw-bg-opacity)) !important;
    background-size: 16px 16px !important;
    border-radius: 50% !important;
    height: 56px !important;
    transition-duration: 0.3s !important;
    transition-property:
        color,
        background-color,
        border-color,
        text-decoration-color,
        fill,
        stroke,
        opacity,
        box-shadow,
        transform,
        filter,
        -webkit-backdrop-filter !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow,
        transform, filter, backdrop-filter !important;
    transition-property:
        color,
        background-color,
        border-color,
        text-decoration-color,
        fill,
        stroke,
        opacity,
        box-shadow,
        transform,
        filter,
        backdrop-filter,
        -webkit-backdrop-filter !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    width: 56px !important;
}
.tw-endorsal.ndrsl-widget #ndrsl-carousel #ndrsl-carousel-controls .ndrsl-carousel-controller:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(208 208 253 / var(--tw-bg-opacity)) !important;
}
.tw-endorsal.ndrsl-widget #ndrsl-carousel #ndrsl-carousel-controls .ndrsl-carousel-controller:active {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(162 162 250 / var(--tw-bg-opacity)) !important;
}
.visible {
    visibility: visible;
}
.fixed {
    position: fixed;
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
.sticky {
    position: sticky;
}
.left-0 {
    left: 0;
}
.right-\[-180px\] {
    right: -180px;
}
.top-0 {
    top: 0;
}
.top-\[120px\] {
    top: 120px;
}
.z-10 {
    z-index: 10;
}
.order-1 {
    order: 1;
}
.order-2 {
    order: 2;
}
.m-0 {
    margin: 0;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.\!mt-auto {
    margin-top: auto !important;
}
.mb-0 {
    margin-bottom: 0;
}
.mb-40 {
    margin-bottom: 10rem;
}
.mb-\[-32px\] {
    margin-bottom: -32px;
}
.mb-\[12px\] {
    margin-bottom: 12px;
}
.mb-\[16px\] {
    margin-bottom: 16px;
}
.mb-\[24px\] {
    margin-bottom: 24px;
}
.mb-\[32px\] {
    margin-bottom: 32px;
}
.mb-\[40px\] {
    margin-bottom: 40px;
}
.mb-\[52px\] {
    margin-bottom: 52px;
}
.mb-\[60px\] {
    margin-bottom: 60px;
}
.mb-\[80px\] {
    margin-bottom: 80px;
}
.mb-\[8px\] {
    margin-bottom: 8px;
}
.ml-\[4px\] {
    margin-left: 4px;
}
.ml-auto {
    margin-left: auto;
}
.mr-\[8px\] {
    margin-right: 8px;
}
.mt-\[40px\] {
    margin-top: 40px;
}
.mt-\[60px\] {
    margin-top: 60px;
}
.block {
    display: block;
}
.inline-block {
    display: inline-block;
}
.flex {
    display: flex;
}
.table {
    display: table;
}
.grid {
    display: grid;
}
.hidden {
    display: none;
}
.h-\[100\%\] {
    height: 100%;
}
.h-\[112px\] {
    height: 112px;
}
.h-\[24px\] {
    height: 24px;
}
.h-\[28px\] {
    height: 28px;
}
.h-\[405px\] {
    height: 405px;
}
.h-\[80px\] {
    height: 80px;
}
.h-auto {
    height: auto;
}
.max-h-0 {
    max-height: 0;
}
.w-\[100\%\] {
    width: 100%;
}
.w-\[151px\] {
    width: 151px;
}
.w-\[160px\] {
    width: 160px;
}
.w-\[24px\] {
    width: 24px;
}
.w-\[252px\] {
    width: 252px;
}
.w-\[268px\] {
    width: 268px;
}
.w-\[304px\] {
    width: 304px;
}
.w-\[324px\] {
    width: 324px;
}
.w-\[331px\] {
    width: 331px;
}
.w-\[80px\] {
    width: 80px;
}
.w-fit {
    width: -moz-fit-content;
    width: fit-content;
}
.min-w-\[160px\] {
    min-width: 160px;
}
.max-w-\[1080px\] {
    max-width: 1080px;
}
.max-w-\[436px\] {
    max-width: 436px;
}
.max-w-\[460px\] {
    max-width: 460px;
}
.max-w-\[480px\] {
    max-width: 480px;
}
.max-w-\[528px\] {
    max-width: 528px;
}
.max-w-\[564px\] {
    max-width: 564px;
}
.max-w-\[720px\] {
    max-width: 720px;
}
.max-w-\[896px\] {
    max-width: 896px;
}
.max-w-\[980px\] {
    max-width: 980px;
}
.flex-1 {
    flex: 1 1 0%;
}
.basis-\[100\%\] {
    flex-basis: 100%;
}
.resize {
    resize: both;
}
.flex-col {
    flex-direction: column;
}
.items-center {
    align-items: center;
}
.justify-between {
    justify-content: space-between;
}
.gap-\[12px\] {
    gap: 12px;
}
.gap-\[24px\] {
    gap: 24px;
}
.gap-\[32px\] {
    gap: 32px;
}
.gap-\[72px\] {
    gap: 72px;
}
.gap-\[92px\] {
    gap: 92px;
}
.overflow-hidden {
    overflow: hidden;
}
.rounded-\[12px\] {
    border-radius: 12px;
}
.rounded-\[16px\] {
    border-radius: 16px;
}
.rounded-\[20px\] {
    border-radius: 20px;
}
.rounded-\[8px\] {
    border-radius: 8px;
}
.rounded-t-\[8px\] {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.border {
    border-width: 1px;
}
.border-t-\[1px\] {
    border-top-width: 1px;
}
.border-solid {
    border-style: solid;
}
.border-color-night-blue-200 {
    --tw-border-opacity: 1;
    border-color: rgb(221 222 229 / var(--tw-border-opacity));
}
.\!bg-color-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.bg-color-deep-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(69 69 245 / var(--tw-bg-opacity));
}
.bg-color-deep-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(227 227 254 / var(--tw-bg-opacity));
}
.bg-color-green-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(205 241 218 / var(--tw-bg-opacity));
}
.bg-color-light-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(247 249 252 / var(--tw-bg-opacity));
}
.bg-color-night-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(29 36 82 / var(--tw-bg-opacity));
}
.bg-color-turquoise {
    --tw-bg-opacity: 1;
    background-color: rgb(211 243 255 / var(--tw-bg-opacity));
}
.bg-color-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-gradient-dark {
    background-image: linear-gradient(135deg, #f9fafc, #f0f4fa);
}
.object-contain {
    -o-object-fit: contain;
    object-fit: contain;
}
.\!p-0 {
    padding: 0 !important;
}
.p-\[32px\] {
    padding: 32px;
}
.px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px;
}
.py-0 {
    padding-bottom: 0;
    padding-top: 0;
}
.py-\[120px\] {
    padding-bottom: 120px;
    padding-top: 120px;
}
.py-\[16px\] {
    padding-bottom: 16px;
    padding-top: 16px;
}
.py-\[32px\] {
    padding-bottom: 32px;
    padding-top: 32px;
}
.py-\[8px\] {
    padding-bottom: 8px;
    padding-top: 8px;
}
.pb-\[120px\] {
    padding-bottom: 120px;
}
.pb-\[2px\] {
    padding-bottom: 2px;
}
.pl-\[20px\] {
    padding-left: 20px;
}
.pl-\[36px\] {
    padding-left: 36px;
}
.pr-\[16px\] {
    padding-right: 16px;
}
.pt-\[212px\] {
    padding-top: 212px;
}
.font-\[\'Inter\'\] {
    font-family: Inter;
}
.font-\[\'icomoon\'\] {
    font-family: icomoon;
}
.font-inter {
    font-family: var(--main-font);
}
.font-literata {
    font-family: Literata, var(--main-font);
}
.text-\[14px\]\/\[20px\] {
    font-size: 14px;
    line-height: 20px;
}
.text-\[16px\]\/\[24px\] {
    font-size: 16px;
    line-height: 24px;
}
.text-\[18px\]\/\[28px\] {
    font-size: 18px;
    line-height: 28px;
}
.text-\[22px\]\/\[32px\] {
    font-size: 22px;
    line-height: 32px;
}
.text-\[36px\]\/\[44px\] {
    font-size: 36px;
    line-height: 44px;
}
.font-\[500\] {
    font-weight: 500;
}
.font-\[600\] {
    font-weight: 600;
}
.font-bold {
    font-weight: 700;
}
.font-medium {
    font-weight: 500;
}
.font-semibold {
    font-weight: 600;
}
.capitalize {
    text-transform: capitalize;
}
.text-color-deep-blue {
    --tw-text-opacity: 1;
    color: rgb(69 69 245 / var(--tw-text-opacity));
}
.text-color-night-blue {
    --tw-text-opacity: 1;
    color: rgb(29 36 82 / var(--tw-text-opacity));
}
.text-color-night-blue-400 {
    --tw-text-opacity: 1;
    color: rgb(142 146 168 / var(--tw-text-opacity));
}
.text-color-night-blue-75 {
    --tw-text-opacity: 1;
    color: rgb(85 91 125 / var(--tw-text-opacity));
}
.text-color-purple-navy {
    --tw-text-opacity: 1;
    color: rgb(86 91 125 / var(--tw-text-opacity));
}
.text-color-quartz-blue {
    --tw-text-opacity: 1;
    color: rgb(215 219 245 / var(--tw-text-opacity));
}
.text-color-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.shadow-\[0_4px_4px_rgba\(0\2c 4\2c 98\2c 0\.04\)\] {
    --tw-shadow: 0 4px 4px rgba(0, 4, 98, 0.04);
    --tw-shadow-colored: 0 4px 4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline {
    outline-style: solid;
}
.blur {
    --tw-blur: blur(8px);
}
.blur,
.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate)
        var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
    transition-duration: 0.15s;
    transition-property:
        color,
        background-color,
        border-color,
        text-decoration-color,
        fill,
        stroke,
        opacity,
        box-shadow,
        transform,
        filter,
        -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow,
        transform, filter, backdrop-filter;
    transition-property:
        color,
        background-color,
        border-color,
        text-decoration-color,
        fill,
        stroke,
        opacity,
        box-shadow,
        transform,
        filter,
        backdrop-filter,
        -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.duration-150,
.transition-all {
    transition-duration: 0.15s;
}
.duration-300 {
    transition-duration: 0.3s;
}
.ease-linear {
    transition-timing-function: linear;
}
* {
    -moz-text-align-last: auto !important;
    text-align-last: auto !important;
}
.all-wrapper {
    display: flex;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}
.main {
    flex: 1 1 auto;
}
@media (-ms-high-contrast: none) {
    .main,
    ::-ms-backdrop {
        overflow: hidden;
    }
}
@media (max-width: 1023px) {
    .header-actions-item {
        height: auto;
        margin: 0 !important;
        padding: 0 10px !important;
    }
}
@media only screen and (max-width: 767px) {
    .header-actions-item {
        display: block !important;
        height: auto;
        margin: 0 0 10px !important;
        padding: 0 10px !important;
    }
    .header-actions-item .btn {
        box-sizing: border-box;
        display: block;
        width: 100%;
    }
}
.content {
    max-width: 1196px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}
@media only screen and (max-width: 767px) {
    .content {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.text-center {
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
.section-title {
    color: #333d66;
    font-family: Inter, sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 45px;
}
@media only screen and (min-width: 1024px) {
    .section-title.title-russian {
        font-size: 32px;
    }
}
@media only screen and (max-width: 767px) {
    .section-title {
        font-size: 22px;
        line-height: 28px;
    }
    .section-title.text-center {
        text-align: left;
        -moz-text-align-last: left;
        text-align-last: left;
    }
}
.section-promo {
    background: url(images/promo-bg.e771878f.svg) no-repeat 50% 50%;
    padding-bottom: 187px;
    padding-top: 159px;
}
@media (max-width: 1023px) {
    .section-promo {
        padding-bottom: 80px;
        padding-top: 50px;
    }
}
@media only screen and (max-width: 767px) {
    .section-promo {
        padding-bottom: 78px;
        padding-top: 40px;
    }
}
.section-promo__row {
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
}
@media (max-width: 1023px) {
    .section-promo__row {
        -moz-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
}
.section-promo__row--center {
    -ms-align-items: center;
    align-items: center;
}
.section-promo__col {
    box-sizing: border-box;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 10px;
    padding-right: 10px;
}
@media (max-width: 1023px) {
    .section-promo__col {
        flex: 0 1 auto;
        max-width: 100%;
    }
    .section-promo__visual {
        margin-bottom: 45px;
        margin-left: 20px;
        order: -1;
    }
}
@media only screen and (max-width: 767px) {
    .section-promo__visual {
        margin-left: 11px;
    }
}
@media (max-width: 1023px) {
    .section-promo__wrap {
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .section-promo__wrap {
        margin-bottom: 17px;
    }
}
.section-promo__info {
    max-width: 470px;
    padding: 23px 0 0;
}
@media (max-width: 1023px) {
    .section-promo__info {
        max-width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .section-promo__info {
        padding-top: 0;
    }
}
.section-promo__title {
    margin: 0 0 8px;
}
@media only screen and (max-width: 767px) {
    .section-promo__title {
        margin: 0 0 4px;
    }
}
.section-promo__text {
    font-size: 18px;
    line-height: 28px;
}
@media only screen and (max-width: 767px) {
    .section-promo__text {
        font-size: 16px;
        line-height: 26px;
    }
}
.section-promo__buttons {
    padding-top: 33px;
}
@media only screen and (max-width: 767px) {
    .section-promo__buttons {
        padding-top: 17px;
    }
}
.section-promo__img {
    display: inline-block;
    max-width: 100%;
    min-width: 0;
    position: relative;
    vertical-align: top;
}
.section-promo__img:before {
    background: #476cff;
    border-radius: 12px;
    content: "";
    height: 100%;
    position: absolute;
    right: 20px;
    top: 28px;
    width: 100%;
}
@media (max-width: 1023px) {
    .section-promo__img:before {
        border-radius: 8px;
    }
}
@media only screen and (max-width: 767px) {
    .section-promo__img:before {
        right: 10px;
        top: 10px;
    }
}
.section-promo__img-item {
    border-radius: 12px;
    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.16),
        0 4px 4px rgba(0, 0, 0, 0.05);
    height: auto;
    max-width: 100%;
    position: relative;
}
@media (max-width: 1023px) {
    .section-promo__img-item {
        border-radius: 8px;
    }
}
.section-promo__buttons {
    max-width: 280px;
}
@media (max-width: 1023px) {
    .section-promo__buttons {
        margin-left: auto;
        margin-right: auto;
        max-width: 340px;
    }
}
.section-promo__help {
    color: #7b7e8b;
    font-size: 16px;
    line-height: 28px;
    padding: 3px 0 0;
}
.btn,
.section-promo__help {
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
.btn {
    -webkit-appearance: none;
    border-radius: 6px;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    padding: 19px 20px;
    transition:
        background 0.3s linear,
        color 0.3s linear,
        border 0.3s linear;
    vertical-align: top;
}
.btn--sm {
    padding: 8px 30px;
}
@media only screen and (max-width: 1180px) {
    .btn--sm {
        padding-left: 20px;
        padding-right: 20px;
    }
}
.btn--block {
    box-sizing: border-box;
    display: block;
    width: 100%;
}
.btn--gray {
    background-color: #f9f9fb;
    color: #2eb66e;
}
.btn--gray:hover {
    background-color: #eaeaf1;
}
.btn--outline-green {
    background: none;
    box-shadow: inset 0 0 0 2px #2eb66e;
    color: #2eb66e;
}
.btn--green,
.btn--outline-green:hover {
    background: #2eb66e;
    color: #fff;
}
.btn--green:hover {
    background: #248d55;
}
.btn--white {
    background: #fff;
    color: #476cff;
}
.btn--white:hover {
    background: #e6e6e6;
}
.section-companies {
    background: #eff0f6;
    padding-bottom: 118px;
    padding-top: 150px;
}
@media (max-width: 1023px) {
    .section-companies {
        padding-bottom: 80px;
        padding-top: 80px;
    }
}
@media only screen and (max-width: 767px) {
    .section-companies {
        padding-top: 81px;
    }
}
.section-companies__title {
    margin-bottom: 45px;
}
@media only screen and (max-width: 767px) {
    .section-companies__title {
        margin-bottom: 18px;
    }
}
.section-companies .companies-list {
    grid-gap: 30px 20px;
    display: grid;
    grid-template-columns: repeat(7, minmax(60px, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}
@media (max-width: 1023px) {
    .section-companies .companies-list {
        grid-template-columns: repeat(3, minmax(60px, 1fr));
    }
}
@media only screen and (max-width: 767px) {
    .section-companies .companies-list {
        grid-gap: 20px;
    }
}
.section-companies .companies-list__item {
    display: flex;
    height: 100px;
    position: relative;
}
@media only screen and (max-width: 767px) {
    .section-companies .companies-list__item {
        height: 50px;
    }
}
.section-companies .companies-list__item img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
    .section-companies .companies-list__item img {
        transform: translate(-50%, -50%) scale(0.6);
    }
}
@media (-ms-high-contrast: none) {
    .section-companies .companies-list,
    ::-ms-backdrop {
        display: block;
        text-align: center;
    }
    .companies-list__item,
    ::-ms-backdrop {
        display: inline-block;
        margin-bottom: 20px;
        margin-right: 1%;
        vertical-align: top;
        width: 13%;
    }
}
.section-img {
    display: inline-block;
    max-width: 100%;
    position: relative;
    vertical-align: top;
}
@media (max-width: 1023px) {
    .section-img {
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .section-img {
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 26px;
    }
}
.section-img:before {
    background: #476cff;
    border-radius: 8px;
    content: "";
    height: 56%;
    left: -20px;
    opacity: 0.1;
    position: absolute;
    top: -20px;
    width: 28%;
    z-index: 1;
}
@media only screen and (max-width: 767px) {
    .section-img:before {
        left: -10px;
        top: -10px;
        width: 45%;
    }
}
.section-img:after {
    background: #476cff;
    border-radius: 8px;
    bottom: -20px;
    content: "";
    height: 80%;
    opacity: 0.1;
    position: absolute;
    right: -20px;
    width: 83%;
    z-index: 1;
}
@media only screen and (max-width: 767px) {
    .section-img:after {
        bottom: -10px;
        right: -10px;
    }
}
.section-img__item {
    border-radius: 8px;
    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.16),
        0 4px 4px rgba(0, 0, 0, 0.05);
    height: auto;
    max-width: 100%;
    position: relative;
    z-index: 2;
}
.section-subtitle {
    color: #333d66;
    font-family: Inter, sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 33px;
    margin: 0 0 10px;
}
@media only screen and (max-width: 767px) {
    .section-subtitle {
        font-size: 20px;
        line-height: 28px;
        margin: 0 0 2px;
    }
}
.section-text {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
    .section-text {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 14px;
    }
}
.section-num-list {
    color: #333d66;
    counter-reset: item;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    list-style: none;
    margin: 0;
    padding: 0;
}
@media only screen and (max-width: 767px) {
    .section-num-list {
        font-size: 16px;
        margin-top: 8px;
    }
}
.section-num-list li {
    margin-bottom: 12px;
    padding-left: 36px;
    position: relative;
}
@media only screen and (max-width: 767px) {
    .section-num-list li {
        margin-bottom: 10px;
    }
}
.section-num-list li:before {
    background: #476cff;
    border-radius: 50%;
    color: #fff;
    content: counters(item, ".") " ";
    counter-increment: item;
    float: left;
    font-size: 14px;
    font-weight: 700;
    height: 26px;
    line-height: 26px;
    margin: 0 0 0 -36px;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
    width: 26px;
}
.section-information {
    padding-bottom: 100px;
    padding-top: 150px;
}
@media (max-width: 1023px) {
    .section-information {
        padding-bottom: 80px;
        padding-top: 80px;
    }
}
@media only screen and (max-width: 767px) {
    .section-information {
        padding-bottom: 60px;
    }
}
.section-information--inner {
    padding-top: 50px;
}
@media (max-width: 1023px) {
    .section-information--inner {
        padding-top: 0;
    }
}
@media only screen and (max-width: 767px) {
    .section-information--inner {
        padding-top: 0;
    }
}
.section-information--inner .try-free-block {
    margin-bottom: 80px;
    margin-top: 100px;
}
@media (max-width: 1023px) {
    .section-information--inner .try-free-block {
        margin-bottom: 40px;
        margin-top: 60px;
    }
}
.section-information__row {
    padding-bottom: 70px;
    padding-top: 100px;
}
@media (max-width: 1023px) {
    .section-information__row {
        padding-bottom: 30px;
        padding-top: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .section-information__row {
        padding-bottom: 30px;
        padding-top: 40px;
    }
}
.section-trusted {
    background: #eff0f6;
    padding-bottom: 120px;
    padding-top: 155px;
}
@media (max-width: 1023px) {
    .section-trusted {
        padding-bottom: 80px;
        padding-top: 80px;
    }
}
.logo-list {
    grid-gap: 12px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    list-style: none;
    margin: 40px 0 0;
    padding: 0;
}
@media (max-width: 1023px) {
    .logo-list {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media only screen and (max-width: 767px) {
    .logo-list {
        grid-template-columns: repeat(2, 1fr);
        margin: 20px 0 0;
    }
}
.logo-list__text {
    color: #7b7e8b;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
@media (-ms-high-contrast: none) {
    .logo-list,
    ::-ms-backdrop {
        display: flex;
        margin-left: -6px;
        margin-right: -6px;
    }
    .logo-list__item,
    ::-ms-backdrop {
        box-sizing: border-box;
        flex: 0 0 20%;
        max-width: 20%;
        min-width: 0;
        padding-left: 6px;
        padding-right: 6px;
    }
}
.logo-list-item {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    display: block;
    padding-bottom: 100%;
    position: relative;
}
.logo-list-item--unactive {
    background: none;
    box-shadow: none;
}
.logo-list-item--unactive:before {
    border: 3px solid #476cff;
    border-radius: 8px;
    box-sizing: border-box;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.2;
    position: absolute;
    top: 0;
    width: 100%;
}
.logo-list-item img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
    .logo-list-item img {
        width: 70%;
    }
}
.try-free-block {
    background: #476cff;
    border-radius: 8px;
    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.16),
        0 4px 4px rgba(0, 0, 0, 0.05);
    color: #fff;
    margin-bottom: 170px;
    margin-top: 170px;
    position: relative;
}
@media (max-width: 1023px) {
    .try-free-block {
        margin-bottom: 80px;
        margin-top: 80px;
    }
}
@media only screen and (max-width: 767px) {
    .try-free-block {
        border-radius: 0;
        margin-left: -15px;
        margin-right: -15px;
    }
}
.try-free-block:before {
    background: #476cff;
    border-radius: 8px;
    bottom: -20px;
    content: "";
    height: 70%;
    left: -20px;
    opacity: 0.2;
    position: absolute;
    width: 49%;
}
@media only screen and (max-width: 767px) {
    .try-free-block:before {
        display: none;
    }
}
.try-free-block:after {
    background: #476cff;
    border-radius: 8px;
    content: "";
    height: 70%;
    opacity: 0.2;
    position: absolute;
    right: -20px;
    top: -20px;
    width: 49%;
}
@media only screen and (max-width: 767px) {
    .try-free-block:after {
        display: none;
    }
}
.try-free-block__frame {
    padding: 80px 50px 75px;
    position: relative;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
    z-index: 2;
}
@media only screen and (max-width: 767px) {
    .try-free-block__frame {
        padding: 113px 15px 112px;
    }
}
.try-free-block__frame:before {
    background: url(images/try-free-bg-left.4fa887e8.svg) no-repeat;
    content: "";
    height: 299px;
    left: 10px;
    position: absolute;
    top: 15px;
    width: 168px;
    z-index: -1;
}
.try-free-block__frame:after {
    background: url(images/try-free-bg-right.ed4d5dd6.svg) no-repeat;
    bottom: 12px;
    content: "";
    height: 126px;
    position: absolute;
    right: 12px;
    width: 126px;
    z-index: -1;
}
.try-free-block__title {
    color: #fff;
}
.try-free-block__text {
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
}
@media only screen and (max-width: 767px) {
    .try-free-block__text {
        font-size: 16px;
        line-height: 24px;
        margin: 2px 0 0;
    }
}
.try-free-block__button {
    margin-left: auto;
    margin-right: auto;
    margin-top: 26px;
    max-width: 280px;
}
@media only screen and (max-width: 767px) {
    .try-free-block__button {
        margin-top: 20px;
        max-width: 290px;
    }
}
.section-company {
    background-color: #f9f9fb;
    padding-bottom: 150px;
    padding-top: 150px;
}
@media (max-width: 1023px) {
    .section-company {
        padding-bottom: 80px;
        padding-top: 80px;
    }
}
.section-company__head {
    margin: 0 0 40px;
}
@media only screen and (max-width: 767px) {
    .section-company__head {
        margin: 0 0 16px;
    }
}
.section-company__title {
    margin-bottom: 8px;
}
@media only screen and (max-width: 767px) {
    .section-company__title {
        margin-left: 10px;
        margin-right: 10px;
        text-align: center !important;
        -moz-text-align-last: center !important;
        text-align-last: center !important;
    }
}
.section-company__subtitle {
    color: #333d66;
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
@media only screen and (max-width: 767px) {
    .section-company__subtitle {
        font-size: 16px;
        line-height: 24px;
    }
}
.join-company-list {
    grid-gap: 56px 40px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    list-style: none;
    margin: 0;
    padding: 0;
}
@media only screen and (max-width: 767px) {
    .join-company-list {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (-ms-high-contrast: none) {
    .join-company-list,
    ::-ms-backdrop {
        display: flex;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: -40px;
        margin-left: -20px;
        margin-right: -20px;
    }
    .join-company-list__item,
    ::-ms-backdrop {
        box-sizing: border-box;
        flex: 0 0 50%;
        margin-bottom: 40px;
        max-width: 50%;
        min-width: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
}
.join-company-item {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    display: flex;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
.join-company-item__main {
    display: flex;
    flex: 1 1 auto;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    padding: 30px;
}
@media only screen and (max-width: 767px) {
    .join-company-item__main {
        padding: 15px;
    }
}
.join-company-item__logo {
    margin-bottom: 75px;
}
@media only screen and (max-width: 767px) {
    .join-company-item__logo {
        margin-bottom: 52px;
    }
}
.join-company-item__text {
    color: #7b7e8b;
    font-size: 18px;
    line-height: 28px;
    margin-top: auto;
}
@media only screen and (max-width: 767px) {
    .join-company-item__text {
        font-size: 16px;
        line-height: 26px;
    }
}
.join-company-item__footer {
    background: #476cff;
    border-radius: 0 0 8px 8px;
    color: #fff;
    padding: 12px 30px;
}
@media only screen and (max-width: 767px) {
    .join-company-item__footer {
        padding: 16px;
    }
}
.join-company-user {
    -ms-align-items: center;
    align-items: center;
    display: flex;
}
.join-company-user__avatar {
    flex: 0 0 68px;
    margin: 0 15px 0 0;
}
@media only screen and (max-width: 767px) {
    .join-company-user__avatar {
        align-self: flex-start;
        flex: 0 0 50px;
    }
}
.join-company-user__avatar img {
    border-radius: 50%;
    height: auto;
    max-width: 100%;
}
.join-company-user__frame {
    flex: 1 1 auto;
    min-width: 0;
}
.join-company-user__name {
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
}
@media only screen and (max-width: 767px) {
    .join-company-user__name {
        font-size: 16px;
        line-height: 24px;
    }
}
.join-company-user__post {
    font-size: 18px;
    line-height: 28px;
}
@media only screen and (max-width: 767px) {
    .join-company-user__post {
        font-size: 16px;
        line-height: 26px;
    }
}
.footer {
    background: #eff0f6;
    height: auto;
    margin: 0;
}
.main-section {
    background: url(images/main-section-bg.2abda88c.svg) no-repeat 50% 0;
    padding-bottom: 20px;
    padding-top: 136px;
}
@media (max-width: 1023px) {
    .main-section {
        padding-top: 70px;
    }
}
@media only screen and (max-width: 767px) {
    .page-nav-wrap {
        display: flex;
        margin-top: 60px;
        overflow-x: auto;
    }
}
.page-nav {
    grid-gap: 20px;
    display: grid;
    font-size: 16px;
    font-weight: 600;
    grid-template-columns: repeat(10, 1fr);
    line-height: 20px;
    margin: 130px 0 0;
    padding: 0 30px;
}
@media only screen and (max-width: 1400px) {
    .page-nav {
        grid-template-columns: repeat(5, 1fr);
    }
}
@media only screen and (max-width: 767px) {
    .page-nav {
        flex: 1 1 auto;
        grid-template-columns: repeat(10, 1fr);
        margin: 0;
        padding: 20px;
    }
}
.page-nav__item {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    color: #333d66;
    display: flex;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
@media only screen and (max-width: 767px) {
    .page-nav__item {
        min-width: 120px;
    }
}
.page-nav__visual {
    -ms-align-items: center;
    align-items: center;
    display: flex;
    height: 100px;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
.page-nav__visual svg {
    fill: #333d66;
    height: auto;
    width: 60px;
}
.page-nav__text {
    margin-bottom: auto;
    margin-top: auto;
    padding: 10px 5px;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
@media (-ms-high-contrast: none) {
    .page-nav,
    ::-ms-backdrop {
        display: flex;
        margin-left: -10px;
        margin-right: -10px;
    }
    .page-nav__item,
    ::-ms-backdrop {
        flex: 1 1 10%;
        margin: 0 10px;
        min-width: 0;
    }
}
.wistia_responsive_wrapper {
    border-radius: 8px;
    overflow: hidden;
}
@media (max-width: 1023px) {
    .footer-menu {
        padding-bottom: 0;
        padding-top: 80px;
    }
    .footer-menu-item {
        margin-bottom: 30px;
        width: 50%;
    }
}
@media only screen and (max-width: 767px) {
    .footer-menu-item {
        width: 100%;
    }
}
.footer-menu-title {
    color: #476cff;
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 30px;
    text-transform: none;
}
.footer-copyright,
.footer-pages-item-link {
    color: #7b7e8b;
}
@media (max-width: 1023px) {
    .footer-global {
        border: none;
        padding: 0 0 12px;
    }
    .footer-global .wrapper {
        display: flex;
        -moz-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .footer-language {
        display: none;
    }
    .footer-global-item {
        display: flex;
    }
    .footer-global-item--copyright {
        -moz-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        order: 2;
        text-align: center;
    }
    .footer-phone {
        padding: 0;
        text-align: left;
        width: auto;
    }
    .footer-social {
        display: flex;
        margin-left: auto;
        margin-right: -10px;
        margin-top: 0;
        text-align: right;
        width: auto;
    }
    .footer-social-item {
        margin: 0 10px !important;
    }
    .footer-copyright {
        border-top: 1px solid rgba(51, 61, 102, 0.2);
        font-size: 16px;
        line-height: 26px;
        order: 3;
        padding-top: 10px;
        text-align: center;
    }
    .footer-copyright span {
        display: inline;
    }
}
.max-height {
    max-height: 55px;
    overflow: hidden;
}
.touched.invalid {
    border-color: #fd5757 !important;
}
.validation_error {
    color: #fd5757;
    font-size: 15px;
}
.validation_error.hidden {
    display: none;
}
:root {
    --color-light: #fff;
    --color-night-blue: #1d2452;
    --color-night-blue-75: rgba(29, 36, 82, 0.75);
    --color-night-blue-50: rgba(29, 36, 82, 0.5);
    --color-night-blue-25: rgba(29, 36, 82, 0.25);
    --color-night-blue-15: rgba(29, 36, 82, 0.15);
    --color-deep-blue: #4545f5;
    --color-deep-blue-75: rgba(69, 69, 245, 0.75);
    --color-deep-blue-50: rgba(69, 69, 245, 0.5);
    --color-deep-blue-25: rgba(69, 69, 245, 0.25);
    --color-deep-blue-15: rgba(69, 69, 245, 0.15);
    --color-turquoise: #4ed0ff;
    --color-turquoise-75: rgba(78, 208, 255, 0.75);
    --color-turquoise-50: rgba(78, 208, 255, 0.5);
    --color-turquoise-25: rgba(78, 208, 255, 0.25);
    --color-turquoise-15: rgba(78, 208, 255, 0.15);
    --color-ash-grey: #676f8f;
    --color-ash-grey-75: rgba(103, 111, 143, 0.75);
    --color-ash-grey-50: rgba(103, 111, 143, 0.5);
    --color-ash-grey-25: rgba(103, 111, 143, 0.25);
    --color-ash-grey-15: rgba(103, 111, 143, 0.15);
    --color-ash-grey-05: rgba(103, 111, 143, 0.05);
    --color-purple-navy: #565b7d;
    --color-purple-navy-75: rgba(86, 91, 125, 0.75);
    --color-purple-navy-50: rgba(86, 91, 125, 0.5);
    --color-purple-navy-25: rgba(86, 91, 125, 0.25);
    --color-purple-navy-15: rgba(86, 91, 125, 0.15);
    --color-purple-navy-05: rgba(86, 91, 125, 0.05);
    --color-light-blue: #d7dbf5;
    --color-light-blue-75: rgba(215, 219, 245, 0.75);
    --color-light-blue-50: rgba(215, 219, 245, 0.5);
    --color-light-blue-25: rgba(215, 219, 245, 0.25);
    --color-light-blue-15: rgba(215, 219, 245, 0.15);
    --color-light-grey: #e6e7eb;
    --color-light-grey-75: rgba(230, 231, 235, 0.75);
    --color-light-grey-50: rgba(230, 231, 235, 0.5);
    --color-light-grey-25: rgba(230, 231, 235, 0.25);
    --color-light-grey-15: rgba(230, 231, 235, 0.15);
    --color-success: #00b849;
    --color-warning: #fb0;
    --color-danger: #df0916;
    --main-font: Inter, Arial, Helvetica, sans-serif;
    --sub-font: Literata, Inter, Arial, Helvetica, sans-serif;
}
.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    display: block;
    position: relative;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.slick-slider:not(.slick-initialized) .slick-slide {
    display: none;
}
.slick-list {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0);
}
.slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0;
}
.slick-track:after,
.slick-track:before {
    content: "";
    display: table;
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-arrow.slick-hidden {
    display: none;
}
@font-face {
    font-display: swap;
    font-family: Literata;
    font-style: italic;
    font-weight: 700;
    src:
        url(fonts/Literata-BoldItalic.fd7a8a5d.woff2) format("woff2"),
        url(fonts/Literata-BoldItalic.3ddceb89.woff) format("woff");
}
@font-face {
    font-display: swap;
    font-family: Literata;
    font-style: normal;
    font-weight: 700;
    src:
        url(fonts/Literata-Bold.a956369f.woff2) format("woff2"),
        url(fonts/Literata-Bold.a0d763ff.woff) format("woff");
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    src:
        url(fonts/Inter-Bold.07cea5a3.woff2) format("woff2"),
        url(fonts/Inter-Bold.5acf0813.woff) format("woff");
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    src:
        url(fonts/Inter-SemiBold.8c664a8b.woff2) format("woff2"),
        url(fonts/Inter-SemiBold.945e781b.woff) format("woff");
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    src:
        url(fonts/Inter-Medium.6be01ed1.woff2) format("woff2"),
        url(fonts/Inter-Medium.80d47904.woff) format("woff");
}
@font-face {
    font-display: block;
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/icomoon.b3707fc1.eot);
    src:
        url(fonts/icomoon.b3707fc1.eot#iefix) format("embedded-opentype"),
        url(fonts/icomoon.0777b4ff.ttf) format("truetype"),
        url(fonts/icomoon.31d7ff35.woff) format("woff"),
        url(images/icomoon.4fd646f2.svg#icomoon) format("svg");
}
[class*=" icon-"],
[class^="icon-"] {
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none;
}
.icon-trust:before {
    content: "\e942";
}
.icon-files-setting:before {
    content: "\e943";
}
.icon-cloud-sync:before {
    content: "\e944";
}
.icon-two-way:before {
    content: "\e945";
}
.icon-msg-bubble:before {
    content: "\e93f";
}
.icon-flash:before {
    content: "\e940";
}
.icon-credit-card:before {
    content: "\e941";
}
.icon-warning-filled:before {
    content: "\e93d";
}
.icon-cancel-filled:before {
    content: "\e93e";
}
.icon-bulb:before {
    content: "\e93c";
}
.icon-cloud:before {
    content: "\e93b";
}
.icon-flag:before {
    content: "\e938";
}
.icon-code:before {
    content: "\e939";
}
.icon-check-filled:before {
    content: "\e93a";
}
.icon-help-center:before {
    content: "\e90a";
}
.icon-supporting-non-profits:before {
    content: "\e90f";
}
.icon-smile:before {
    content: "\e937";
}
.icon-sync:before {
    content: "\e935";
}
.icon-automated:before {
    content: "\e936";
}
.icon-play:before {
    content: "\e930";
}
.icon-secure:before {
    content: "\e931";
}
.icon-configurable:before {
    content: "\e932";
}
.icon-purchase-requisitions:before {
    content: "\e933";
}
.icon-three-way:before {
    content: "\e934";
}
.icon-slider-prev:before {
    content: "\e92e";
}
.icon-slider-next:before {
    content: "\e92f";
}
.icon-worldwide:before {
    content: "\e92c";
}
.icon-customer-success:before {
    content: "\e900";
}
.icon-twitter:before {
    content: "\e901";
}
.icon-in:before {
    content: "\e902";
}
.icon-f:before {
    content: "\e903";
}
.icon-star:before {
    content: "\e904";
}
.icon-check:before {
    content: "\e905";
}
.icon-arrow-up:before {
    content: "\e906";
}
.icon-arrow-left:before {
    content: "\e907";
}
.icon-arrow-down:before {
    content: "\e908";
}
.icon-arrow-right:before {
    content: "\e909";
}
.icon-product-updates:before {
    content: "\e90b";
}
.icon-blog:before {
    content: "\e90c";
}
.icon-security:before {
    content: "\e90d";
}
.icon-partnerships:before {
    content: "\e90e";
}
.icon-press:before {
    content: "\e910";
}
.icon-contact:before {
    content: "\e911";
}
.icon-about-us:before {
    content: "\e912";
}
.icon-testimonials:before {
    content: "\e913";
}
.icon-case-studies:before {
    content: "\e914";
}
.icon-hospitality:before {
    content: "\e915";
}
.icon-healthcare:before {
    content: "\e916";
}
.icon-construction:before {
    content: "\e917";
}
.icon-manufacturing:before {
    content: "\e918";
}
.icon-technology:before {
    content: "\e919";
}
.icon-biotech:before {
    content: "\e91a";
}
.icon-api:before {
    content: "\e91b";
}
.icon-sso:before {
    content: "\e91c";
}
.icon-way-match:before {
    content: "\e91d";
}
.icon-inventory:before {
    content: "\e91e";
}
.icon-supplier-management:before {
    content: "\e91f";
}
.icon-budget-management:before {
    content: "\e920";
}
.icon-reporting:before {
    content: "\e921";
}
.icon-approval-workflow:before {
    content: "\e922";
}
.icon-purchase-orders:before {
    content: "\e923";
}
.icon-purchase-requests:before {
    content: "\e924";
}
.icon-triangle-right:before {
    content: "\e925";
}
.icon-triangle-up:before {
    content: "\e926";
}
.icon-triangle-left:before {
    content: "\e927";
}
.icon-angle-up:before {
    content: "\e928";
}
.icon-angle-left:before {
    content: "\e929";
}
.icon-angle-down:before {
    content: "\e92a";
}
.icon-angle-right:before {
    content: "\e92b";
}
.icon-triangle-down:before {
    content: "\e92d";
}
.col-row {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -12px;
    margin-right: -12px;
}
.col-row.align-center {
    align-items: center;
}
.col-row.align-end {
    align-items: flex-end;
}
.col-row.justify-center {
    justify-content: center;
}
.col-row.justify-end {
    justify-content: flex-end;
}
.col-row.justify-between {
    justify-content: space-between;
}
@media (min-width: 1024px) {
    .col-row--t-reverse {
        flex-direction: row-reverse;
    }
}
.col-row > .col {
    padding-left: 12px;
    padding-right: 12px;
}
.col-row > .col.l-1 {
    width: 8.33%;
}
.col-row > .col.l-2 {
    width: 16.66%;
}
.col-row > .col.l-2_5 {
    width: 20%;
}
.col-row > .col.l-2_75 {
    width: 22.5%;
}
.col-row > .col.l-3 {
    width: 25%;
}
.col-row > .col.l-3_75 {
    width: 32.5%;
}
.col-row > .col.l-4 {
    width: 33.3%;
}
.col-row > .col.l-5 {
    width: 41.66%;
}
.col-row > .col.l-6 {
    width: 50%;
}
.col-row > .col.l-7 {
    width: 58.33%;
}
.col-row > .col.l-8 {
    width: 66.66%;
}
.col-row > .col.l-9 {
    width: 75%;
}
.col-row > .col.l-10 {
    width: 83.33%;
}
.col-row > .col.l-11 {
    width: 91.66%;
}
.col-row > .col.l-12 {
    width: 100%;
}
.col-row > .col.l-auto {
    width: auto;
}
@media (min-width: 1024px) {
    .col-row--offset-48 {
        margin-left: -24px;
        margin-right: -24px;
    }
    .col-row--offset-48 > .col {
        padding-left: 24px;
        padding-right: 24px;
    }
}
@media (max-width: 1439px) {
    .col-row > .col.laptop-1 {
        width: 8.33%;
    }
    .col-row > .col.laptop-2 {
        width: 16.66%;
    }
    .col-row > .col.laptop-3 {
        width: 25%;
    }
    .col-row > .col.laptop-4 {
        width: 33.3%;
    }
    .col-row > .col.laptop-5 {
        width: 41.66%;
    }
    .col-row > .col.laptop-6 {
        width: 50%;
    }
    .col-row > .col.laptop-7 {
        width: 58.33%;
    }
    .col-row > .col.laptop-8 {
        width: 66.66%;
    }
    .col-row > .col.laptop-9 {
        width: 75%;
    }
    .col-row > .col.laptop-10 {
        width: 83.33%;
    }
    .col-row > .col.laptop-11 {
        width: 91.66%;
    }
    .col-row > .col.laptop-12 {
        width: 100%;
    }
    .col-row > .col.laptop-auto {
        width: auto;
    }
}
@media (max-width: 1023px) {
    .col-row > .col.t-1 {
        width: 8.33%;
    }
    .col-row > .col.t-2 {
        width: 16.66%;
    }
    .col-row > .col.t-3 {
        width: 25%;
    }
    .col-row > .col.t-4 {
        width: 33.3%;
    }
    .col-row > .col.t-5 {
        width: 41.66%;
    }
    .col-row > .col.t-6 {
        width: 50%;
    }
    .col-row > .col.t-7 {
        width: 58.33%;
    }
    .col-row > .col.t-8 {
        width: 66.66%;
    }
    .col-row > .col.t-9 {
        width: 75%;
    }
    .col-row > .col.t-10 {
        width: 83.33%;
    }
    .col-row > .col.t-11 {
        width: 91.66%;
    }
    .col-row > .col.t-12 {
        width: 100%;
    }
    .col-row > .col.t-auto {
        width: auto;
    }
}
@media (max-width: 768px) {
    .col-row > .col.m-1 {
        width: 8.33%;
    }
    .col-row > .col.m-2 {
        width: 16.66%;
    }
    .col-row > .col.m-3 {
        width: 25%;
    }
    .col-row > .col.m-4 {
        width: 33.3%;
    }
    .col-row > .col.m-5 {
        width: 41.66%;
    }
    .col-row > .col.m-6 {
        width: 50%;
    }
    .col-row > .col.m-7 {
        width: 58.33%;
    }
    .col-row > .col.m-8 {
        width: 66.66%;
    }
    .col-row > .col.m-9 {
        width: 75%;
    }
    .col-row > .col.m-10 {
        width: 83.33%;
    }
    .col-row > .col.m-11 {
        width: 91.66%;
    }
    .col-row > .col.m-12 {
        width: 100%;
    }
    .col-row > .col.m-auto {
        width: auto;
    }
}
@media (max-width: 480px) {
    .col-row > .col.ms-1 {
        width: 8.33%;
    }
    .col-row > .col.ms-2 {
        width: 16.66%;
    }
    .col-row > .col.ms-3 {
        width: 25%;
    }
    .col-row > .col.ms-4 {
        width: 33.3%;
    }
    .col-row > .col.ms-5 {
        width: 41.66%;
    }
    .col-row > .col.ms-6 {
        width: 50%;
    }
    .col-row > .col.ms-7 {
        width: 58.33%;
    }
    .col-row > .col.ms-8 {
        width: 66.66%;
    }
    .col-row > .col.ms-9 {
        width: 75%;
    }
    .col-row > .col.ms-10 {
        width: 83.33%;
    }
    .col-row > .col.ms-11 {
        width: 91.66%;
    }
    .col-row > .col.ms-12 {
        width: 100%;
    }
    .col-row > .col.ms-auto {
        width: auto;
    }
}
.res-m {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: -9999px;
    width: 1px;
}
@media (max-width: 480px) {
    .hide-on-ms {
        display: none !important;
    }
}
@media (min-width: 481px) {
    .show-on-ms {
        display: none !important;
    }
}
@media (max-width: 768px) {
    .hide-on-m {
        display: none !important;
    }
}
@media (min-width: 769px) {
    .show-on-m {
        display: none !important;
    }
}
@media (max-width: 1023px) {
    .hide-on-t {
        display: none !important;
    }
}
@media (min-width: 1024px) {
    .show-on-t {
        display: none !important;
    }
}
@media (max-width: 1199px) {
    .hide-on-ls {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .show-on-ls {
        display: none !important;
    }
}
@media (max-width: 1439px) {
    .hide-on-l {
        display: none !important;
    }
}
@media (min-width: 1441px) {
    .show-on-l {
        display: none !important;
    }
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--color-night-blue);
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
    font-family: Literata, Inter, Arial, Helvetica, sans-serif;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    display: block;
}
.h1,
h1 {
    font-size: 52px;
    line-height: 1.0769230769;
    margin: 0 0 24px;
}
@media (max-width: 1439px) {
    .h1,
    h1 {
        font-size: 48px;
    }
}
@media (max-width: 1023px) {
    .h1,
    h1 {
        font-size: 32px;
        line-height: 1.25;
        margin-bottom: 12px;
    }
}
.h2,
h2 {
    font-size: 36px;
    line-height: 1.2222222222;
    margin: 0 0 24px;
}
@media (max-width: 1439px) {
    .h2,
    h2 {
        font-size: 32px;
    }
}
@media (max-width: 768px) {
    .h2,
    h2 {
        font-size: 28px;
        line-height: 1.2857142857;
        margin-bottom: 20px;
    }
}
.h3,
h3 {
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 40px;
}
.h4,
h4 {
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    margin: 0 0 12px;
}
@media (max-width: 1439px) {
    .h4,
    h4 {
        font-size: 20px;
    }
}
@media (max-width: 768px) {
    .h4,
    h4 {
        font-size: 18px;
    }
}
.h5,
h5 {
    font-size: 18px;
    line-height: 28px;
}
.h5,
.h6,
h5,
h6 {
    font-weight: 500;
    margin: 0 0 24px;
}
.h6,
h6 {
    font-size: 16px;
    line-height: 24px;
}
@media (max-width: 1023px) {
    .h6,
    h6 {
        margin-bottom: 20px;
    }
}
p {
    margin: 0 0 1.3333333333em;
}
p a {
    color: var(--color-deep-blue);
}
p a:active,
p a:focus,
p a:hover {
    text-decoration: underline;
}
.color-night-blue {
    color: var(--color-night-blue);
}
.color-deep-blue {
    color: #ff3434;
}
.color-turquoise {
    color: var(--color-turquoise);
}
.color-ash-grey {
    color: var(--color-ash-grey);
}
.color-purple-navy {
    color: var(--color-purple-navy);
}
.color-light-blue {
    color: var(--color-light-blue);
}
.quote {
    margin-top: 60px;
}
@media (max-width: 768px) {
    .quote {
        margin-top: 28px;
    }
}
.quote > span {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4545454545;
    margin: 0;
}
@media (max-width: 768px) {
    .quote > span {
        font-size: 16px;
        line-height: 1.5;
    }
}
.quote .author {
    margin-top: 24px;
}
.author {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: flex-start;
    line-height: 1.5;
}
@media (max-width: 768px) {
    .author {
        font-size: 14px;
        line-height: 1.4285714286;
    }
}
.author__img {
    border-radius: 50%;
    flex-shrink: 0;
    font-size: 32px;
    height: 1em;
    line-height: 1;
    margin-right: 12px;
    overflow: hidden;
    width: 1em;
}
.author__img img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.new-btn {
    align-items: center;
    -webkit-appearance: none;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    height: auto;
    justify-content: center;
    line-height: 24px;
    margin: 0;
    min-height: 40px;
    padding: 8px 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition-duration: 0.35s;
    transition-property: opacity, background-color, border-color, box-shadow;
    transition-timing-function: ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    z-index: 10;
}
.new-btn--block {
    width: 100%;
}
@media (max-width: 768px) {
    .new-btn--m-block {
        width: 100%;
    }
}
.new-btn--rounded {
    border-radius: 20px;
}
.new-btn.disabled,
.new-btn:disabled {
    cursor: default;
}
.new-btn--primary {
    background: var(--color-deep-blue);
    color: var(--color-light);
}
.new-btn--primary.new-btn--clear {
    color: var(--color-deep-blue);
}
.new-btn--primary.new-btn--clear:hover {
    color: #1515f2;
}
.new-btn--primary.new-btn--clear.disabled,
.new-btn--primary.new-btn--clear:disabled {
    color: #7575f8;
}
.new-btn--primary:not(.new-btn--clear):not(:disabled):not(.disabled):active,
.new-btn--primary:not(.new-btn--clear):not(:disabled):not(.disabled):focus,
.new-btn--primary:not(.new-btn--clear):not(:disabled):not(.disabled):hover {
    background: #1515f2;
}
.new-btn--primary:not(.new-btn--clear).disabled,
.new-btn--primary:not(.new-btn--clear):disabled {
    background: #7575f8;
}
.new-btn--secondary {
    background: var(--color-turquoise);
    color: var(--color-night-blue);
}
.new-btn--secondary.new-btn--clear {
    color: var(--color-turquoise);
}
.new-btn--secondary.new-btn--clear:hover {
    color: #1bc2ff;
}
.new-btn--secondary.new-btn--clear.disabled,
.new-btn--secondary.new-btn--clear:disabled {
    color: #81deff;
}
.new-btn--secondary:not(.new-btn--clear):not(:disabled):not(.disabled):active,
.new-btn--secondary:not(.new-btn--clear):not(:disabled):not(.disabled):focus,
.new-btn--secondary:not(.new-btn--clear):not(:disabled):not(.disabled):hover {
    background: #1bc2ff;
}
.new-btn--secondary:not(.new-btn--clear).disabled,
.new-btn--secondary:not(.new-btn--clear):disabled {
    background: #81deff;
}
.new-btn--light {
    background: var(--color-light);
    color: var(--color-night-blue);
}
.new-btn--light.new-btn--clear {
    color: var(--color-light);
}
.new-btn--transparent {
    background: transparent;
    border: 1.5px solid #a2a2fa;
    border-radius: 20px;
    color: #4545f5;
    transition: 0.3s;
}
.new-btn--transparent:hover {
    background: #e3e3fd;
    border-color: #7474f7;
}
.new-btn--transparent .new-btn__icon {
    transition: 0.3s;
}
.new-btn--transparent.less .new-btn__icon {
    transform: rotate(180deg);
}
.new-btn--clear {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
}
.new-btn__icon {
    line-height: 1;
}
.new-btn__icon:first-child {
    font-size: 24px;
    line-height: 1;
    margin-right: 8px;
}
.new-btn__text + .new-btn__icon {
    margin-left: 4px;
}
.new-btn:not(.new-btn--clear) .new-btn__icon:last-child {
    margin-right: -4px;
}
.new-btn:not(.new-btn--clear) .new-btn__icon:first-child {
    margin-left: -12px;
}
.new-btn__icon img {
    display: block;
    height: 1em;
    -o-object-fit: contain;
    object-fit: contain;
    width: 1em;
}
@media (min-width: 1440px) {
    .new-btn-holder {
        margin-bottom: 20px;
    }
}
@media (min-width: 769px) {
    .new-btn-holder--center {
        text-align: center;
    }
}
.section-head {
    margin-bottom: 24px;
}
@media (max-width: 1023px) {
    .section-head {
        margin-bottom: 12px;
    }
}
.section-head .h1,
.section-head .h2,
.section-head h1,
.section-head h2 {
    margin-bottom: 0;
}
.section-head--center {
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    text-align: center;
}
@media (max-width: 1439px) {
    .section-head--center {
        max-width: 640px;
    }
}
.section-head--center .h1,
.section-head--center .h2,
.section-head--center h1,
.section-head--center h2 {
    margin-bottom: 0;
}
@media (max-width: 480px) {
    .section-head--m-small .h2,
    .section-head--m-small h2 {
        font-size: 26px;
        line-height: 1.2307692308;
    }
}
.section-head--narrow {
    max-width: 528px;
}
.section-head__topic {
    margin-bottom: 16px;
}
@media (max-width: 1439px) {
    .section-head__topic {
        margin-bottom: 12px;
    }
}
@media (max-width: 1023px) {
    .section-head__topic {
        margin-bottom: 8px;
    }
}
.section-head__badge {
    margin-bottom: 24px;
}
@media (max-width: 1023px) {
    .section-head__badge {
        margin-bottom: 16px;
    }
}
@media (max-width: 768px) {
    .section-head__badge {
        margin-bottom: 8px;
    }
}
@media (min-width: 769px) {
    .section-head__badge {
        margin-top: -40px;
    }
}
@media (min-width: 769px) and (max-width: 1023px) {
    .section-head__badge {
        margin-top: -24px;
    }
}
.section-head__badge .badge {
    margin-left: 0;
}
.companies-list {
    margin-bottom: -32px;
}
.section-head + .companies-list {
    margin-top: 80px;
}
@media (max-width: 1439px) {
    .section-head + .companies-list {
        margin-top: 64px;
    }
}
@media (max-width: 1023px) {
    .section-head + .companies-list {
        margin-top: 40px;
    }
}
.company {
    color: var(--color-purple-navy);
    margin-bottom: 32px;
}
@media (min-width: 1024px) {
    .company--inline {
        align-items: flex-start;
        display: flex;
        justify-content: flex-start;
    }
}
.company p {
    margin-bottom: 1.5em;
}
.company__logo {
    border-radius: 50%;
    box-shadow:
        0 1px 4px rgba(55, 61, 82, 0.08),
        0 8px 24px rgba(55, 61, 82, 0.08);
    flex-shrink: 0;
    font-size: 56px;
    height: 1em;
    margin-bottom: 16px;
    overflow: hidden;
    width: 1em;
}
@media (min-width: 1024px) {
    .company--inline .company__logo {
        margin-right: 20px;
    }
}
.company__logo img {
    display: block;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
@media (min-width: 1024px) {
    .company__content {
        max-width: 252px;
    }
}
.company__name {
    color: var(--color-night-blue);
    font-weight: 600;
    margin-bottom: 12px;
}
.company__more {
    align-items: center;
    color: var(--color-deep-blue);
    display: inline-flex;
    font-weight: 700;
    justify-content: flex-start;
    text-decoration: none;
    transition: color 0.35s ease;
}
.company__more:hover {
    color: #1515f2;
}
.company__more__arrow {
    font-size: 16px;
    line-height: 1;
    margin-left: 4px;
}
.badge {
    background: var(--color-deep-blue-15);
    border-radius: 14px;
    display: inline-block;
    font-size: 11px;
    line-height: 12px;
    margin-left: 8px;
    padding: 8px 12px;
    vertical-align: top;
}
.badge,
.slick-arrow {
    color: var(--color-deep-blue);
}
.slick-arrow {
    align-items: center;
    -webkit-appearance: none;
    background: none;
    border: none;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    font-size: 32px;
    height: 1em;
    justify-content: center;
    line-height: 1;
    margin: -0.5em 0 0;
    padding: 0;
    position: absolute;
    top: 50%;
    transition-duration: 0.35s;
    transition-property: opacity, transform;
    transition-timing-function: ease;
    width: 1em;
    z-index: 15;
}
@media (max-width: 768px) {
    .slick-arrow {
        font-size: 16px;
    }
}
.slick-arrow.slick-disabled {
    opacity: 0.5;
}
.slick-arrow:not(.slick-disabled) {
    cursor: pointer;
}
.slick-arrow:not(.slick-disabled):hover {
    transform: scale(1.2);
}
.slick-arrow.slick-prev {
    left: 0;
}
@media (max-width: 768px) {
    .slick-arrow.slick-prev {
        left: -16px;
    }
}
.slick-arrow.slick-next {
    right: 0;
}
@media (max-width: 768px) {
    .slick-arrow.slick-next {
        right: -16px;
    }
}
html.remodal-is-locked {
    overflow: hidden;
    touch-action: none;
}
.remodal,
[data-remodal-id] {
    display: none;
}
.remodal-overlay {
    bottom: -5000px;
    display: none;
    left: -5000px;
    position: fixed;
    right: -5000px;
    top: -5000px;
    z-index: 9999;
}
.remodal-wrapper {
    -webkit-overflow-scrolling: touch;
    bottom: 0;
    display: none;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 10000;
}
.remodal-wrapper:after {
    content: "";
    display: inline-block;
    height: 100%;
    margin-left: -0.05em;
}
.remodal-overlay,
.remodal-wrapper {
    backface-visibility: hidden;
}
.remodal {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    outline: none;
    position: relative;
}
.remodal-is-initialized {
    display: inline-block;
}
.remodal-bg.remodal-is-opened,
.remodal-bg.remodal-is-opening {
    filter: blur(3px);
}
.remodal-overlay {
    background: rgba(43, 46, 56, 0.9);
}
.remodal-overlay.remodal-is-closing,
.remodal-overlay.remodal-is-opening {
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
}
.remodal-overlay.remodal-is-opening {
    animation-name: remodal-overlay-opening-keyframes;
}
.remodal-overlay.remodal-is-closing {
    animation-name: remodal-overlay-closing-keyframes;
}
.remodal-wrapper {
    padding: 10px 10px 0;
}
.remodal {
    background: #fff;
    box-sizing: border-box;
    color: #2b2e38;
    margin-bottom: 10px;
    padding: 35px;
    transform: translateZ(0);
    width: 100%;
}
.remodal.remodal-is-closing,
.remodal.remodal-is-opening {
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
}
.remodal.remodal-is-opening {
    animation-name: remodal-opening-keyframes;
}
.remodal.remodal-is-closing {
    animation-name: remodal-closing-keyframes;
}
.remodal,
.remodal-wrapper:after {
    vertical-align: middle;
}
.remodal-close {
    background: transparent;
    border: 0;
    color: #95979c;
    cursor: pointer;
    display: block;
    height: 35px;
    margin: 0;
    outline: 0;
    overflow: visible;
    padding: 0;
    position: absolute;
    right: -35px;
    text-decoration: none;
    top: -35px;
    transition: color 0.2s;
    width: 35px;
}
.remodal-close:focus,
.remodal-close:hover {
    color: #2b2e38;
}
.remodal-close:before {
    content: "×";
    display: block;
    font-family:
        Arial,
        Helvetica CY,
        Nimbus Sans L,
        sans-serif !important;
    font-size: 25px;
    left: 0;
    line-height: 35px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 35px;
}
.remodal-cancel,
.remodal-confirm {
    border: 0;
    cursor: pointer;
    display: inline-block;
    font: inherit;
    margin: 0;
    min-width: 110px;
    outline: 0;
    overflow: visible;
    padding: 12px 0;
    text-align: center;
    text-decoration: none;
    transition: background 0.2s;
    vertical-align: middle;
}
.remodal-confirm {
    background: #81c784;
    color: #fff;
}
.remodal-confirm:focus,
.remodal-confirm:hover {
    background: #66bb6a;
}
.remodal-cancel {
    background: #e57373;
    color: #fff;
}
.remodal-cancel:focus,
.remodal-cancel:hover {
    background: #ef5350;
}
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner,
.remodal-confirm::-moz-focus-inner {
    border: 0;
    padding: 0;
}
@keyframes remodal-opening-keyframes {
    0% {
        opacity: 0;
        transform: scale(1.05);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@keyframes remodal-closing-keyframes {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(0.95);
    }
}
@keyframes remodal-overlay-opening-keyframes {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes remodal-overlay-closing-keyframes {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@media only screen and (min-width: 641px) {
    .remodal {
        max-width: 700px;
    }
}
.lt-ie9 .remodal-overlay {
    background: #2b2e38;
}
.lt-ie9 .remodal {
    width: 700px;
}
.remodal {
    background: transparent !important;
    max-width: 1250px;
}
@media only screen and (max-width: 600px) {
    .remodal {
        padding: 2px;
    }
    .remodal-close {
        left: -9px;
        top: -31px;
    }
}
.remodal-wrapper {
    padding: 45px 50px;
    width: 100vw;
}
.remodal {
    padding: 0;
}
@media (min-width: 1025px) {
    .remodal,
    .remodal iframe {
        height: 100%;
        width: 100%;
    }
}
.socials {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    list-style: none;
    margin: 0 -6px;
    padding: 0;
}
.socials__item {
    margin: 0 6px;
}
.social-link {
    background: var(--color-deep-blue);
    border-radius: 50%;
    color: var(--color-light);
    display: block;
    font-size: 32px;
    padding: 13px;
    width: 40px;
    height: 40px;
}


li.socials__item i {
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.steps-list {
    align-items: flex-start;
    counter-reset: counter;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin: 80px -12px -20px;
    padding: 0;
}
@media (max-width: 1439px) {
    .steps-list {
        margin-top: 64px;
    }
}
@media (max-width: 1023px) {
    .steps-list {
        margin-left: -12px;
        margin-right: -12px;
    }
}
@media (max-width: 768px) {
    .steps-list {
        display: block;
        margin-left: 0;
        margin-right: 0;
        margin-top: 40px;
    }
}
.step-item {
    color: var(--color-purple-navy);
    counter-increment: counter;
    flex: 0 0 33.3333%;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5555555556;
    margin: 0 0 40px;
    padding: 0 44px;
    position: relative;
    text-align: center;
}
@media (max-width: 1023px) and (min-width: 769px) {
    .step-item {
        font-size: 16px;
        padding-left: 12px;
        padding-right: 12px;
    }
}
@media (max-width: 768px) {
    .step-item {
        margin: 0 auto 22px;
        max-width: 320px;
        padding-left: 0;
        padding-right: 0;
    }
    .step-item:not(:first-child) {
        padding-top: 86px;
    }
}
.step-item:not(:first-child):before {
    content: "";
    pointer-events: none;
    position: absolute;
}
@media (min-width: 769px) {
    .step-item:not(:first-child):before {
        border-top: 4px dotted var(--color-deep-blue);
        right: calc(50% + 92px);
        top: 30px;
        width: calc(100% - 184px);
    }
}
@media (min-width: 769px) and (max-width: 1023px) {
    .step-item:not(:first-child):before {
        right: calc(50% + 88px);
        top: 26px;
        width: calc(100% - 176px);
    }
}
@media (max-width: 768px) {
    .step-item:not(:first-child):before {
        border-left: 4px dotted var(--color-deep-blue);
        height: 64px;
        left: 50%;
        margin-left: -2px;
        top: 0;
    }
}
.step-item__number {
    align-items: center;
    background: var(--color-deep-blue-15);
    border-radius: 50%;
    color: var(--color-deep-blue);
    display: flex;
    flex-direction: column;
    font-size: 64px;
    height: 1em;
    justify-content: center;
    line-height: 1;
    margin: 0 auto 28px;
    width: 1em;
}
@media (max-width: 1023px) and (min-width: 769px) {
    .step-item__number {
        font-size: 56px;
    }
}
.step-item__number:before {
    content: counter(counter);
    display: block;
    font-size: 0.5em;
}
.step-item__title {
    margin-bottom: 8px;
}
@media (max-width: 768px) {
    .step-item__title {
        font-size: 22px;
        line-height: 1.4545454545;
    }
}
.step-item p:last-child {
    margin-bottom: 0;
}
.advantages {
    margin-bottom: -20px;
    margin-top: 80px;
}
@media (max-width: 1439px) {
    .advantages {
        margin-top: 64px;
    }
}
@media (max-width: 1023px) {
    .advantages {
        margin-top: 48px;
    }
}
@media (max-width: 768px) {
    .advantages {
        margin-bottom: 6px;
    }
}
.advantage-item {
    color: var(--color-purple-navy);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5555555556;
    margin-bottom: 60px;
    max-width: 436px;
}
@media (max-width: 1199px) {
    .advantage-item {
        font-size: 16px;
    }
}
@media (max-width: 768px) {
    .advantage-item {
        line-height: 1.5555555556;
        margin-bottom: 32px;
        max-width: none;
    }
}
.advantage-item__icon {
    align-items: center;
    background: var(--color-deep-blue-15);
    border-radius: 50%;
    color: var(--color-deep-blue);
    display: flex;
    flex-direction: column;
    font-size: 64px;
    height: 1em;
    justify-content: center;
    line-height: 1;
    margin-bottom: 28px;
    text-align: center;
    width: 1em;
}
@media (max-width: 768px) {
    .advantage-item__icon {
        margin-bottom: 16px;
    }
}
.advantage-item__icon i {
    font-size: 0.5em;
    line-height: 1;
}
@media (max-width: 768px) {
    .advantage-item__title {
        font-size: 22px;
        line-height: 1.4545454545;
        margin-bottom: 12px;
    }
}
.advantage-item p:last-child {
    margin-bottom: 0;
}
.benefits-list {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin: 80px -12px -20px;
    padding: 0;
}
@media (max-width: 1439px) {
    .benefits-list {
        margin-top: 64px;
    }
}
@media (max-width: 1023px) {
    .benefits-list {
        margin-left: -12px;
        margin-right: -12px;
    }
}
@media (max-width: 768px) {
    .benefits-list {
        display: block;
        margin: 40px 0 -32px;
    }
}
.benefits-list--inline {
    justify-content: flex-start;
    margin-left: -13px;
    margin-right: -13px;
}
.benefit-item {
    color: var(--color-purple-navy);
    flex: 0 0 33.3333%;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5555555556;
    margin: 0 0 40px;
    padding: 0 24px;
    position: relative;
    text-align: center;
}
.default-section--dark .benefit-item {
    color: var(--color-light-blue);
}
@media (max-width: 1023px) and (min-width: 769px) {
    .benefit-item {
        font-size: 16px;
        padding-left: 12px;
        padding-right: 12px;
    }
}
@media (max-width: 768px) {
    .benefit-item {
        margin: 0 auto 32px;
        max-width: 320px;
        padding-left: 0;
        padding-right: 0;
    }
}
.benefit-item--small {
    font-size: 16px;
    line-height: 1.5;
}
@media (max-width: 768px) {
    .benefit-item--m-small {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.5;
    }
}
.benefit-item--inline {
    align-items: flex-start;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: flex-start;
    line-height: 1.5;
    max-width: none;
    padding-left: 13px;
    padding-right: 13px;
    text-align: left;
}
@media (max-width: 1023px) {
    .benefit-item--inline {
        flex: 0 0 50%;
    }
}
.benefit-item--inline .h5,
.benefit-item--inline h5 {
    font-weight: 600;
    margin-bottom: 12px;
}
@media (max-width: 768px) {
    .benefits-list--striped .benefit-item:not(:first-child) {
        padding-top: 86px;
    }
}
.benefits-list--striped .benefit-item:not(:first-child):before {
    content: "";
    pointer-events: none;
    position: absolute;
}
@media (min-width: 769px) {
    .benefits-list--striped .benefit-item:not(:first-child):before {
        border-top: 4px dotted var(--color-deep-blue);
        right: calc(50% + 92px);
        top: 30px;
        width: calc(100% - 184px);
    }
}
@media (min-width: 769px) and (max-width: 1023px) {
    .benefits-list--striped .benefit-item:not(:first-child):before {
        right: calc(50% + 88px);
        top: 26px;
        width: calc(100% - 176px);
    }
}
@media (max-width: 768px) {
    .benefits-list--striped .benefit-item:not(:first-child):before {
        border-left: 4px dotted var(--color-deep-blue);
        height: 64px;
        left: 50%;
        margin-left: -2px;
        top: 0;
    }
}
.benefit-item__icon {
    align-items: center;
    background: var(--color-deep-blue-15);
    border-radius: 50%;
    color: var(--color-deep-blue);
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    font-size: 64px;
    height: 1em;
    justify-content: center;
    line-height: 1;
    margin: 0 auto 28px;
    width: 1em;
}
.default-section--dark .benefit-item__icon {
    background-color: var(--color-turquoise-15);
    color: var(--color-turquoise);
}
@media (max-width: 1023px) and (min-width: 769px) {
    .benefit-item__icon {
        font-size: 56px;
    }
}
@media (max-width: 768px) {
    .benefit-item--m-small .benefit-item__icon {
        margin-bottom: 16px;
    }
}
.benefit-item--inline .benefit-item__icon {
    font-size: 56px;
    margin: 0 20px 0 0;
}
@media (max-width: 480px) {
    .benefit-item--inline .benefit-item__icon {
        margin-right: 12px;
    }
}
.benefit-item__icon i,
.benefit-item__icon img {
    display: block;
    font-size: 0.5em;
    line-height: 1;
}
.benefit-item--inline .benefit-item__icon i,
.benefit-item--inline .benefit-item__icon img {
    font-size: 0.4285714286em;
}
.benefit-item__icon img {
    height: 1em;
    -o-object-fit: contain;
    object-fit: contain;
    width: 1em;
}
.benefit-item__content {
    flex: 1 1 100%;
}
@media (min-width: 1024px) {
    .benefit-item--inline .benefit-item__content {
        max-width: 252px;
    }
}
.benefit-item__title {
    margin-bottom: 8px;
}
@media (max-width: 768px) {
    .benefit-item__title.h4 {
        font-size: 22px;
        line-height: 1.4545454545;
    }
}
.default-section--dark .benefit-item__title,
.default-section--dark .benefit-item__title.h4 {
    color: #f8f8fc;
}
@media (max-width: 768px) {
    .benefit-item--m-small .benefit-item__title {
        font-size: 18px;
        font-weight: 600;
        line-height: 1.5555555556;
    }
}
.benefit-item__more {
    height: auto;
    margin-top: 3px;
    padding-bottom: 0;
    padding-top: 0;
}
.benefit-item p:last-child {
    margin-bottom: 0;
}
.benefit-item p strong {
    color: var(--color-night-blue);
    font-weight: 600;
}
.benefit-item p strong a {
    color: inherit;
    text-decoration: none;
    transition: color 0.35s ease;
}
.benefit-item p strong a:hover {
    color: var(--color-deep-blue);
}
.benefit-section {
    color: var(--color-purple-navy);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5555555556;
    padding-bottom: 50px;
}
.benefit-section:first-child {
    padding: 100px 0 50px;
}
@media (min-width: 769px) {
    .benefit-section {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }
}
@media (max-width: 768px) {
    .benefit-section {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.5;
        padding-bottom: 32px;
        padding-top: 32px;
    }
}
@media (min-width: 769px) {
    .benefit-section:nth-child(2n) {
        flex-direction: row-reverse;
    }
}
.benefit-section__visual {
    flex: 0 0 50%;
    max-width: 528px;
    position: relative;
}
@media (max-width: 480px) {
    .benefit-section__visual {
        margin: 0 -20px;
        max-width: none;
    }
}
.benefit-section__visual:before {
    content: "";
    display: block;
    padding-top: 77.2727272727%;
}
.benefit-section__visual img {
    height: 100%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%;
}
@media (min-width: 769px) {
    .benefit-section:nth-child(odd) .benefit-section__visual {
        margin-right: 24px;
    }
    .benefit-section:nth-child(2n) .benefit-section__visual {
        margin-left: 24px;
    }
    .benefit-section__main {
        width: calc(70% - 24px);
    }
    .benefit-section:nth-child(odd) .benefit-section__main {
        max-width: 436px;
    }
    .benefit-section:nth-child(2n) .benefit-section__main {
        max-width: 528px;
    }
    .benefit-section:last-child .benefit-section__main {
        max-width: 460px;
    }
    .benefit-section__content {
        margin-bottom: 20px;
        max-width: 436px;
    }
}
@media (max-width: 768px) {
    .benefit-section__title {
        margin-bottom: 12px;
    }
}
.tab-body {
    position: relative;
}
.tab {
    transition: opacity 0.35s ease;
}
.tab:not(.tab--active) {
    left: -9999px;
    opacity: 0;
    position: absolute;
    right: 9999px;
    top: -9999px;
    transition:
        all 0s ease 0.35s,
        opacity 0.35s ease;
}
.tab-controls {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
    margin: 80px -20px 24px;
    padding: 0;
}
@media (max-width: 768px) {
    .tab-controls {
        -webkit-overflow-scrolling: touch;
        margin-top: 0;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
    }
}
.tab-controls__item {
    margin: 0 20px 16px;
}
.tab-controls__item:not(:first-child) .new-btn:not(.new-btn--clear) {
    margin-left: -20px;
}
.tab-controls__item:not(:last-child) .new-btn:not(.new-btn--clear) {
    margin-right: -20px;
}
.tab-controls .new-btn {
    transition-property: opacity, background-color, border-color, box-shadow, margin, padding;
}
.tags-list {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
    margin: 40px -4px 32px;
    max-width: 426px;
    padding: 0;
}
@media (max-width: 768px) {
    .tags-list {
        margin-bottom: 20px;
        margin-top: 28px;
    }
}
.tags-list__item {
    margin: 0 4px 8px;
}
.tags-list--center {
    margin: 24px auto 16px;
    max-width: 376px;
}
@media (max-width: 768px) {
    .tags-list--center {
        margin-bottom: 12px;
        margin-top: 20px;
        max-width: 312px;
    }
}
.tags-list--centered {
    justify-content: center;
    max-width: 480px;
}
@media (max-width: 768px) {
    .tags-list--centered {
        max-width: 360px;
    }
}
.tag {
    border-radius: 20px;
    box-shadow:
        0 1px 4px rgba(55, 61, 82, 0.08),
        0 8px 24px rgba(55, 61, 82, 0.08);
    display: inline-block;
    font-family: inherit;
    font-size: 11px;
    font-weight: 600;
    line-height: 12px;
    padding: 8px 12px;
    vertical-align: top;
}
@media (min-width: 769px) {
    .tag--big {
        font-size: 14px;
    }
}
.tag--light {
    background: var(--color-light);
}
.tag--light,
.tag--light-grey {
    color: var(--color-night-blue);
}
.tag--light-grey {
    background: var(--color-light-grey);
}
.comparison-table {
    -webkit-overflow-scrolling: touch;
    color: var(--color-purple-navy);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    margin: 40px auto 60px;
    max-width: 896px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
}
@media (max-width: 768px) {
    .comparison-table {
        margin-bottom: 30px;
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .comparison-table + .new-btn-holder {
        text-align: center;
    }
}
.comparison-table table {
    border-collapse: collapse;
    min-width: 768px;
    width: 100%;
}
.comparison-table tbody tr:nth-child(odd) {
    background: var(--color-purple-navy-05);
}
.comparison-table td,
.comparison-table th {
    padding-left: 20px;
    padding-right: 20px;
}
.comparison-table th {
    color: var(--color-night-blue);
    font-size: 18px;
    font-weight: 600;
    height: 92px;
    line-height: 28px;
    padding-bottom: 28px;
    padding-top: 28px;
    text-align: left;
}
.comparison-table th img {
    display: block;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: auto;
}
.comparison-table td {
    padding-bottom: 16px;
    padding-top: 16px;
}
.comparison-table__option {
    align-items: flex-start;
    color: var(--color-night-blue);
    display: flex;
    justify-content: flex-start;
}
.comparison-table__option__icon {
    flex-shrink: 0;
    font-size: 24px;
    height: 1em;
    margin-right: 8px;
    width: 1em;
}
.comparison-table__option__icon--primary {
    color: var(--color-success);
}
.comparison-table__option__icon--warning {
    color: var(--color-warning);
}
.comparison-table__option__icon--danger {
    color: var(--color-danger);
}
@media (min-width: 1024px) {
    .track-item:not(:first-child) {
        margin-top: 40px;
    }
}
@media (max-width: 1023px) {
    .track-item {
        margin-top: 40px;
    }
}
.track-item__head {
    margin-bottom: 34px;
}
@media (max-width: 768px) {
    .track-item__head {
        margin-bottom: 22px;
    }
}
.track-item__title {
    margin-bottom: 12px;
}
.track-item__report {
    height: auto;
    padding-bottom: 0;
    padding-top: 0;
}
.track-item__body {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
    margin: 0 -20px -18px;
}
@media (max-width: 1439px) and (min-width: 769px) {
    .track-item__body {
        margin-left: -10px;
        margin-right: -10px;
    }
}
@media (max-width: 768px) {
    .track-item__body {
        flex-wrap: wrap;
        margin-left: -17px;
        margin-right: -17px;
    }
}
.track-item__info {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    margin: 0 20px 18px;
    padding: 0;
}
@media (max-width: 1439px) and (min-width: 769px) {
    .track-item__info {
        margin-left: 10px;
        margin-right: 10px;
    }
}
@media (max-width: 768px) {
    .track-item__info {
        margin-left: 17px;
        margin-right: 17px;
    }
}
.track-item__info__data {
    color: var(--color-night-blue-50);
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
.track-item__info__data__num {
    color: var(--color-night-blue);
    display: inline-block;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2222222222;
    margin-right: 4px;
    position: relative;
    top: 4px;
    vertical-align: bottom;
}
.track-item__info__title {
    color: var(--color-might-blue);
    margin: 12px 0 0;
    padding: 0;
}
.default-section {
    padding-bottom: 100px;
    padding-top: 100px;
}
@media (max-width: 1439px) {
    .default-section {
        padding-bottom: 80px;
        padding-top: 80px;
    }
}
@media (max-width: 1023px) {
    .default-section {
        padding-bottom: 60px;
        padding-top: 60px;
    }
}
.default-section:first-child {
    margin-top: 112px;
}
@media (max-width: 1439px) {
    .default-section:first-child {
        margin-top: 88px;
    }
}
@media (max-width: 1023px) {
    .default-section:first-child {
        margin-top: 72px;
    }
}
@media (max-width: 768px) {
    .default-section:first-child {
        margin-top: 60px;
    }
}
.hero-section + .default-section:not(.default-section--dark):not(.default-section--purple-navy) {
    margin-top: 20px;
}
@media (max-width: 1023px) {
    .hero-section + .default-section:not(.default-section--dark):not(.default-section--purple-navy) {
        margin-top: 4px;
    }
}
.default-section--no-offset {
    padding-bottom: 0;
    padding-top: 0;
}
.default-section:not(.default-section--dark):not(.default-section--purple-navy)
    + .default-section:not(.default-section--dark):not(.default-section--purple-navy) {
    border-top: 1px solid rgba(29, 36, 82, 0.08);
}
.default-section--dark {
    background: linear-gradient(98.24deg, var(--color-night-blue) 0, #2d3466 100%), var(--color-night-blue);
    color: #f8f8fc;
}
.default-section--dark .h1,
.default-section--dark .h2,
.default-section--dark .h3,
.default-section--dark .h4,
.default-section--dark .h5,
.default-section--dark h1,
.default-section--dark h2,
.default-section--dark h3,
.default-section--dark h4,
.default-section--dark h5 {
    color: inherit;
}
.default-section--purple-navy {
    background:
        url(images/bg-frame.108f564a.svg) calc(50% + 165px) calc(50% - 17px) / 133% auto no-repeat,
        linear-gradient(102.29deg, #f9fafc, #f0f4fa),
        #f7f9fc;
    color: var(--color-purple-navy);
}
@media (max-width: 768px) {
    .default-section--purple-navy {
        background:
            url(images/bg-frame_m.7f70a05f.svg) calc(50% + 165px) calc(50% - 17px) / 1354px auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
.default-section--grey {
    background:
        url(images/bg-frame.108f564a.svg) calc(50% + 165px) calc(50% - 17px) / 133% auto no-repeat,
        linear-gradient(102.29deg, #f9fafc, #f0f4fa),
        #f7f9fc;
    color: var(--color-ash-grey);
}
@media (max-width: 768px) {
    .default-section--grey {
        background:
            url(images/bg-frame_m.7f70a05f.svg) calc(50% + 165px) calc(50% - 17px) / 1354px auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
@media (min-width: 769px) {
    .default-section--dark,
    .default-section--grey,
    .default-section--purple-navy {
        padding-bottom: 120px;
        padding-top: 120px;
    }
}
@media (min-width: 769px) and (max-width: 1439px) {
    .default-section--dark,
    .default-section--grey,
    .default-section--purple-navy {
        padding-bottom: 100px;
        padding-top: 100px;
    }
}
.default-section--full-height {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;
}
@media (max-width: 768px) {
    .default-section--full-height {
        background-position: 50% 50%;
        background-size: 1132px auto;
        padding-bottom: 20px;
    }
}
.default-section__content {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5555555556;
    max-width: 446px;
}
@media (max-width: 1199px) {
    .default-section__content {
        font-size: 16px;
        line-height: 1.5;
    }
}
@media (max-width: 768px) {
    .default-section__content:not(.default-section__content--center) {
        max-width: none;
    }
}
.default-section__content .h6,
.default-section__content h6 {
    color: var(--color-purple-navy-75);
}
.default-section__content p {
    font-size: 18px;
}
@media (max-width: 1024px) {
    .default-section__content p {
        font-size: 16px;
    }
}
.default-section__content p + .h6,
.default-section__content p + h6 {
    margin-top: -8px;
}
.default-section--dark .default-section__content {
    color: var(--color-light-blue);
}
.default-section__content--center {
    margin-left: auto;
    margin-right: auto;
    max-width: 528px;
    text-align: center;
}
.hero-section .default-section__content:not(.default-section__content--center) {
    max-width: 436px;
}
.default-section__content__btn {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin: 40px -12px -16px;
}
.default-section__content--center .default-section__content__btn {
    justify-content: center;
}
@media (max-width: 1023px) {
    .default-section__content__btn {
        margin-top: 28px;
    }
}
.default-section__content__btn .new-btn {
    margin-bottom: 16px;
    margin-left: 12px;
    margin-right: 12px;
}
@media (max-width: 1439px) and (min-width: 769px) {
    .col-row .default-section__visual {
        margin-left: auto;
        max-width: 500px;
    }
}
@media (max-width: 768px) {
    .default-section__visual {
        margin-left: auto;
        margin-right: auto;
        max-width: 500px;
    }
}
@media (max-width: 480px) {
    .default-section__visual--m-full {
        margin-left: -20px;
        margin-right: -20px;
        max-width: none;
    }
}
.default-section__visual img {
    display: block;
    height: auto;
    width: 100%;
}
.default-section__visual--from-top {
    margin-bottom: -72px;
    margin-top: -120px;
}
@media (max-width: 1439px) {
    .default-section__visual--from-top {
        margin-bottom: -80px;
        margin-top: -100px;
    }
}
@media (max-width: 768px) {
    .default-section__visual--from-top {
        margin-bottom: -60px;
        margin-top: 0;
        position: relative;
    }
    .default-section__visual--from-top:before {
        content: "";
        display: block;
        padding-top: 82.5%;
    }
    .default-section__visual--from-top img {
        height: 100%;
        left: 0;
        -o-object-fit: contain;
        object-fit: contain;
        position: absolute;
        top: 0;
    }
}
.default-section__visual--from-bottom {
    margin-bottom: -120px;
    margin-top: -72px;
}
@media (max-width: 1439px) {
    .default-section__visual--from-bottom {
        margin-bottom: -100px;
        margin-top: -80px;
    }
}
@media (max-width: 1023px) {
    .default-section__visual--from-bottom {
        margin-top: -60px;
    }
}
@media (max-width: 768px) {
    .default-section__visual--from-bottom {
        margin-bottom: -60px;
        margin-top: -40px;
    }
}
.default-section__visual--full-height {
    margin-bottom: -100px;
    margin-top: -100px;
}
@media (max-width: 1439px) {
    .default-section__visual--full-height {
        margin-bottom: -80px;
        margin-top: -80px;
    }
}
@media (max-width: 1024px) {
    .default-section__visual--full-height {
        margin: -60px auto -60px 0;
    }
}
@media (max-width: 768px) {
    .default-section__visual--full-height {
        margin-top: 0;
        position: relative;
    }
    .default-section__visual--full-height:before {
        content: "";
        display: block;
        padding-top: 82.5%;
    }
    .default-section__visual--full-height img {
        height: 100%;
        left: 0;
        -o-object-fit: contain;
        object-fit: contain;
        position: absolute;
        top: 0;
    }
}
@media (min-width: 769px) {
    .default-section--dark .default-section__visual--full-height,
    .default-section--grey .default-section__visual--full-height,
    .default-section--purple-navy .default-section__visual--full-height {
        margin-bottom: -120px;
        margin-top: -120px;
    }
}
@media (min-width: 769px) and (max-width: 1439px) {
    .default-section--dark .default-section__visual--full-height,
    .default-section--grey .default-section__visual--full-height,
    .default-section--purple-navy .default-section__visual--full-height {
        margin-bottom: -100px;
        margin-top: -100px;
    }
}
.default-section .tab-body {
    max-width: 372px;
}
.marked-list {
    list-style: none;
    margin: 0 0 40px;
    padding: 0;
}
@media (max-width: 768px) {
    .marked-list {
        margin-bottom: 28px;
    }
}
.marked-item {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 16px;
}
@media (max-width: 768px) {
    .marked-item {
        font-size: 14px;
        line-height: 20px;
    }
}
.marked-item__icon {
    background: var(--color-deep-blue);
    border-radius: 50%;
    color: var(--color-light);
    display: inline-block;
    font-size: 24px;
    height: 1em;
    line-height: 1;
    margin-right: 8px;
    vertical-align: top;
    width: 1em;
}
.default-section--dark .marked-item__icon {
    background: var(--color-turquoise);
    color: var(--color-night-blue);
}
.visual--integration {
    margin: 40px auto -120px;
    max-width: 896px;
}
@media (max-width: 1439px) {
    .visual--integration {
        margin-bottom: -100px;
        margin-top: 32px;
        max-width: 820px;
    }
}
@media (max-width: 1023px) {
    .visual--integration {
        max-width: 760px;
    }
}
@media (max-width: 768px) {
    .visual--integration {
        margin: -24px auto -60px;
        max-width: 420px;
    }
}
@media (max-width: 480px) {
    .visual--integration {
        margin-left: -8px;
        margin-right: -8px;
    }
}
.visual--integration img {
    display: block;
    height: auto;
    width: 100%;
}
.default-content .h5,
.default-content h5 {
    margin-bottom: 8px;
}
.default-content p .h5,
.default-content p + h5 {
    margin-top: 32px;
}
@media (max-width: 768px) {
    .procurement-section {
        background-position: calc(50% - 190px) calc(100% + 430px);
        background-size: 882px auto;
    }
}
@media (max-width: 1023px) {
    body.mobile-menu-open {
        overflow: hidden;
    }
}
.header {
    left: 0;
    padding: 36px 0;
    position: fixed;
    right: 0;
    top: 0;
    transition-duration: 0.35s;
    transition-property: background-color, box-shadow;
    transition-timing-function: ease;
    z-index: 1001;
}
@media (max-width: 1439px) {
    .header {
        padding-bottom: 24px;
        padding-top: 24px;
    }
}
@media (max-width: 768px) {
    .header {
        padding-bottom: 18px;
        padding-top: 18px;
    }
}
.header--fixed,
.header:hover {
    background: var(--color-light);
}
.header--fixed {
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.1);
}
.header > .container {
    align-items: center;
}
.header > .container,
.header__main {
    display: flex;
    justify-content: space-between;
}
.header__main {
    /* flex: 1 1 100%; */
    min-height: 40px;
}
@media (min-width: 1024px) {
    .header__main {
        align-items: center;
        gap: 312px;
    }
}
@media (max-width: 1023px) {
    .header__main {
        -webkit-overflow-scrolling: touch;
        background: var(--color-light);
        border-top: 1px solid var(--color-light-grey);
        bottom: 0;
        flex-direction: column;
        left: 0;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 36px 24px 24px;
        position: fixed;
        right: 0;
        scroll-behavior: smooth;
        top: 72px;
        transition: opacity 0.35s ease;
    }
    body:not(.mobile-menu-open) .header__main {
        bottom: 9999px;
        left: -9999px;
        opacity: 0;
        right: 9999px;
        top: -9999px;
        transition:
            all 0s ease 0.35s,
            opacity 0.35s ease;
    }
}
@media (max-width: 768px) {
    .header__main {
        padding: 32px 20px 20px;
        top: 60px;
    }
}
.header__controls {
    align-items: center;
    display: flex;
    justify-content: flex-start;
}
@media (min-width: 1024px) {
    .header__controls {
        margin-left: auto;
    }
}
@media (max-width: 1023px) {
    .header__controls {
        flex-wrap: wrap;
        margin-bottom: -20px;
        margin-top: auto;
    }
    .header__controls .new-btn {
        margin-bottom: 20px;
    }
}
.header__controls-list {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    list-style: none;
    margin: 0 12px;
    padding: 0;
}
@media (max-width: 1439px) and (min-width: 1024px) {
    .header__controls-list {
        margin-left: 8px;
        margin-right: 8px;
    }
}
@media (max-width: 1023px) {
    .header__controls-list {
        margin-bottom: 20px;
    }
}
.header__controls-list__item {
    margin: 0 12px;
}
@media (max-width: 1439px) and (min-width: 1024px) {
    .header__controls-list__item {
        margin-left: 8px;
        margin-right: 8px;
    }
}
@media (max-width: 1023px) {
    .header__controls-list__item {
        margin: 0 24px 0 0;
    }
    .header__controls-list__item:last-child {
        margin: 0;
    }
}
.header__controls-list__link {
    text-decoration: none;
    transition: color 0.35s ease;
}
.header__controls-list__link:hover {
    color: var(--color-deep-blue);
}
.logo {
    display: block;
    flex-shrink: 0;
    /*height: 25px;*/
    margin-right: 40px;
    /*width: 160px;*/
}
@media (max-width: 1439px) {
    .logo {
        height: 22px;
        margin-right: 20px;
        width: 124px;
    }
}
@media (max-width: 768px) {
    .logo {
        height: 20px;
        width: 112px;
    }
}
.logo img {
    display: block;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 0 50%;
    object-position: 0 50%;
    width: 100%;
}
@media (max-width: 1023px) {
    .nav {
        margin-bottom: 36px;
    }
}

.main-menu {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    list-style: none;
    margin: 0 -12px;
    padding: 0;
}

@media (max-width: 1439px) {
    .main-menu {
        margin-left: -8px;
        margin-right: -8px;
    
    }
}
@media (max-width: 1023px) {
    .main-menu {
        align-items: stretch;
        flex-direction: column;
        margin-left: 0;
        margin-right: 0;
    }
}
.main-menu__item {
    margin: 0 12px;
}
@media (max-width: 1439px) {
    .main-menu__item {
        margin-left: 8px;
        margin-right: 8px;
    }
}
@media (max-width: 1023px) {
    .main-menu__item {
        margin-bottom: 16px;
        margin-left: 0;
        margin-right: 0;
    }
}
.main-menu__link {
    align-items: center;
    display: flex;
    font-weight: 500;
    justify-content: flex-start;
    position: relative;
    text-decoration: none;
    transition: color 0.35s ease;
}
@media (min-width: 1024px) {
    .main-menu__link {
        margin: -36px 0;
        min-height: 112px;
        padding: 36px 0;
    }
}
@media (min-width: 1024px) and (max-width: 1439px) {
    .main-menu__link {
        margin-bottom: -24px;
        margin-top: -24px;
        min-height: 88px;
        padding-bottom: 24px;
        padding-top: 24px;
    }
}
@media (min-width: 1024px) {
    .main-menu__link:hover {
        color: var(--color-deep-blue);
    }
    .main-menu__link:before {
        border-bottom: 2px solid;
        bottom: -1px;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        transition: transform 0.35s ease;
        z-index: 150;
    }
    .main-menu__item--has-drop .main-menu__link:before {
        right: 20px;
    }
    .main-menu__item:not(:hover) .main-menu__link:before {
        border-bottom-color: transparent;
        transform: scaleX(0);
    }
}
@media (max-width: 1023px) {
    .main-menu__link {
        font-size: 22px;
        line-height: 28px;
        padding: 8px 32px 8px 0;
        position: relative;
    }
    .main-menu__item--open .main-menu__link {
        color: var(--color-deep-blue);
    }
}
.main-menu__link__icon {
    font-size: 16px;
    line-height: 1;
    margin-left: 4px;
}
@media (max-width: 1439px) {
    .main-menu__link__icon {
        font-size: 14px;
        margin-left: 2px;
    }
}
@media (max-width: 1023px) {
    .main-menu__link__icon {
        font-size: 16px;
        position: absolute;
        right: 0;
        top: 14px;
        transform-origin: 50% 54%;
        transition: transform 0.35s ease;
    }
    .main-menu__item--open .main-menu__link__icon {
        transform: scaleY(-1);
    }
}
@media (min-width: 1024px) {
    .main-menu__dropdown {
        background: var(--color-light);
        border-top: 1px solid var(--color-light-grey);
        box-shadow: 0 17px 16px -16px rgba(0, 0, 0, 0.1);
        display: block !important;
        left: 0;
        padding-bottom: 40px;
        padding-top: 39px;
        position: absolute;
        right: 0;
        top: 100%;
        transition: opacity 0.35s ease;
        z-index: 100;
    }
    .main-menu__item:not(:hover) .main-menu__dropdown {
        left: -9999px;
        opacity: 0;
        right: 9999px;
        top: -9999px;
        transition:
            all 0s ease 0.35s,
            opacity 0.35s ease;
    }
}
@media (max-width: 1023px) {
    .main-menu__dropdown {
        font-size: 18px;
        font-weight: 500;
        line-height: 28px;
        padding-bottom: 2px;
        padding-top: 16px;
    }
    .main-menu__dropdown .container {
        padding-left: 0;
        padding-right: 0;
    }
}
.main-menu__dropdown .h6,
.main-menu__dropdown h6 {
    color: var(--color-purple-navy);
}
.main-menu__dropdown .h6 a,
.main-menu__dropdown h6 a {
    align-items: center;
    color: var(--color-deep-blue);
    display: inline-flex;
    font-weight: 700;
    justify-content: flex-start;
    margin-left: 8px;
    text-decoration: none;
}
.main-menu__dropdown .h6 a i,
.main-menu__dropdown h6 a i {
    font-size: 1em;
    line-height: 1;
    margin-left: 4px;
}
.main-menu__dropdown-links {
    margin-left: -59px;
    margin-right: -59px;
    overflow: scroll !important;
    height: 50vh !important;
}

/* Hide scrollbar */
.main-menu__dropdown-links::-webkit-scrollbar {
    display: none;
}


@media (max-width: 1439px) {
    .main-menu__dropdown__main {
        margin-left: -32px;
        margin-right: -32px;
    }
}
@media (max-width: 1023px) {
    .main-menu__dropdown__main {
        margin-left: 0;
        margin-right: 0;
    }
}
.main-menu__dropdown__main > .col {
    padding-left: 51px;
    padding-right: 51px;
}
@media (min-width: 1024px) {
    .main-menu__dropdown__main > .col {
        padding-bottom: 20px;
    }
}
@media (max-width: 1439px) {
    .main-menu__dropdown__main > .col {
        padding-left: 32px;
        padding-right: 32px;
    }
}
@media (max-width: 1023px) {
    .main-menu__dropdown__main > .col {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (min-width: 1024px) {
    .main-menu__dropdown__main > .col:not(:first-child) {
        border-left: 1px solid var(--color-light-grey);
    }
}
@media (max-width: 1023px) {
    .main-menu__dropdown__main > .col:not(:first-child) {
        border-top: 1px solid var(--color-light-grey);
        margin-top: 16px;
        padding-top: 32px;
    }
}
.main-menu__dropdown-links {
    margin-left: -59px;
    margin-right: -59px;
}
@media (max-width: 1439px) {
    .main-menu__dropdown-links {
        margin-left: -40px;
        margin-right: -40px;
    }
}
.main-menu__dropdown-links > .col {
    padding-left: 59px;
    padding-right: 59px;
}
@media (max-width: 1439px) {
    .main-menu__dropdown-links > .col {
        padding-left: 40px;
        padding-right: 40px;
    }
}
.main-menu__dropdown-link {
    align-items: center;
    color: var(--color-night-blue);
    display: inline-flex;
    font-size: 18px;
    font-weight: 500;
    justify-content: flex-start;
    line-height: 28px;
    margin-bottom: 20px;
    text-decoration: none;
    transition: color 0.35s ease;
}
@media (max-width: 1439px) {
    .main-menu__dropdown-link {
        font-size: 16px;
        margin-bottom: 16px;
    }
}
@media (max-width: 1023px) {
    .main-menu__dropdown-link {
        display: flex;
    }
}
.main-menu__dropdown-link:hover {
    color: var(--color-deep-blue);
}
.main-menu__dropdown-link__icon {
    border-radius: 50%;
    color: var(--color-deep-blue);
    flex-shrink: 0;
    font-size: 28px;
    height: 1em;
    line-height: 1;
    margin-right: 12px;
    width: 1em;
}
.main-menu__dropdown-link__icon:not(.main-menu__dropdown-link__icon--img) {
    background: var(--color-deep-blue-15);
    transition-duration: 0.35s;
    transition-property: background-color, color;
    transition-timing-function: ease;
}
.main-menu__dropdown-link:hover .main-menu__dropdown-link__icon:not(.main-menu__dropdown-link__icon--img) {
    background: var(--color-deep-blue);
    color: var(--color-light);
}
.main-menu__dropdown-link__icon--img {
    overflow: hidden;
}
.main-menu__dropdown-link__icon--img img {
    display: block;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
.main-menu__more {
    align-items: center;
    display: inline-flex;
    justify-content: flex-start;
}
@media (max-width: 1023px) {
    .main-menu__more {
        font-size: 16px;
        line-height: 24px;
    }
}
.main-menu__more:not(:hover) {
    text-decoration: none;
}
.main-menu__more__icon {
    font-size: 16px;
    line-height: 1;
    margin-left: 8px;
}
.lang {
    border-right: 1px solid var(--color-night-blue);
    padding-right: 24px;
    position: relative;
    display: none;
}
@media (max-width: 1439px) and (min-width: 1024px) {
    .lang {
        padding-right: 16px;
    }
}
@media (max-width: 1023px) {
    .lang {
        margin-bottom: 20px;
    }
}
.lang__active-lang {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-weight: 500;
    justify-content: flex-start;
    transition: color 0.35s ease;
}
@media (max-width: 1023px) {
    .lang__active-lang {
        color: #4545f5;
    }
}
@media (min-width: 1024px) {
    .lang:hover .lang__active-lang {
        color: var(--color-deep-blue);
    }
}
@media (max-width: 1023px) {
    .lang--open .lang__active-lang {
        color: var(--color-deep-blue);
    }
}
.lang__active-lang__icon {
    font-size: 1.5em;
    line-height: 1;
    margin-right: 4px;
}
.lang__active-lang__arrow {
    font-size: 1em;
    line-height: 1;
    margin-left: 4px;
    transform-origin: 50% 54%;
    transition: transform 0.35s ease;
}
@media (max-width: 1023px) {
    .lang--open .lang__active-lang__arrow {
        transform: scaleY(-1);
    }
}
@media (min-width: 1024px) {
    .lang:hover .lang__active-lang__arrow {
        transform: scaleY(-1);
    }
}
.lang__dropdown {
    background: var(--color-light);
    left: 0;
    padding: 8px 0;
    position: absolute;
    transition: opacity 0.35s ease;
    width: 189px;
    z-index: 150;
}
@media (min-width: 1024px) {
    .lang__dropdown {
        padding-top: 13px;
        top: 100%;
        z-index: 10;
    }
    .lang__dropdown:before {
        background: var(--color-light);
        border-radius: 8px;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 13px;
        z-index: -10;
    }
}
@media (max-width: 1023px) {
    .lang__dropdown {
        border-radius: 8px;
        bottom: 100%;
        box-shadow: 0 1px 16px rgba(0, 0, 0, 0.1);
        margin-bottom: 14px;
    }
}
@media (min-width: 1024px) {
    .lang:not(:hover) .lang__dropdown {
        left: -9999px;
        opacity: 0;
        top: -9999px;
        transition:
            all 0s ease 0.35s,
            opacity 0.35s ease;
    }
}
@media (max-width: 1023px) {
    .lang:not(.lang--open) .lang__dropdown {
        bottom: 9999px;
        left: -9999px;
        opacity: 0;
        transition:
            all 0s ease 0.35s,
            opacity 0.35s ease;
    }
}
.lang__lang-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.lang__lang-list__option {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 12px 16px;
    text-decoration: none;
    transition-duration: 0.35s;
    transition-property: background-color, color;
    transition-timing-function: ease;
}
.lang__lang-list__item:not(.lang__lang-list__item--active) .lang__lang-list__option:hover {
    color: var(--color-deep-blue);
}
.lang__lang-list__item--active .lang__lang-list__option {
    background-color: var(--color-deep-blue-15);
}
.burger {
    background: none;
    color: var(--color-night-blue);
    font-size: 24px;
    height: 1em;
    margin: 0;
    min-height: 0;
    padding: 0;
    position: relative;
    width: 1em;
}
.burger i {
    border-top: 2px solid;
    font-size: 0.75;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    transition: border-color 0.35s ease;
    width: 1em;
}
body.mobile-menu-open .burger i {
    border-color: transparent;
}
.burger i:after,
.burger i:before {
    border-color: #1d2452;
    border-style: solid;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    transition-duration: 0.35s;
    transition-property: transform, top, bottom;
    transition-timing-function: ease;
}
.burger i:before {
    border-width: 2px 0 0;
    top: -8px;
}
body.mobile-menu-open .burger i:before {
    top: -2px;
    transform: rotate(-45deg);
}
.burger i:after {
    border-width: 0 0 2px;
    bottom: -6px;
}
body.mobile-menu-open .burger i:after {
    bottom: 0;
    transform: rotate(45deg);
}
.footer {
    background: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 100px 0 44px;
}
@media (max-width: 1439px) {
    .footer {
        padding-bottom: 32px;
        padding-top: 80px;
    }
}
@media (max-width: 1023px) {
    .footer {
        padding-bottom: 24px;
        padding-top: 60px;
    }
}
@media (max-width: 768px) {
    .footer {
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 20px;
        padding-top: 52px;
    }
}
.footer--small {
    padding-top: 0;
}
.footer__title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}
@media (max-width: 1439px) and (min-width: 769px) {
    .footer__title {
        font-size: 18px;
        margin-bottom: 16px;
    }
}
@media (max-width: 768px) {
    .footer__title {
        margin-bottom: 12px;
    }
}
.footer__title a {
    display: inline-block;
    text-decoration: none;
    transition: color 0.35s ease;
    vertical-align: top;
}
.footer__title a:hover {
    color: var(--color-deep-blue);
}
.footer__info {
    align-items: center;
    border-top: 1px solid var(--color-light-grey);
    color: var(--color-purple-navy);
    display: flex;
    justify-content: space-between;
    padding-top: 43px;
}
@media (max-width: 1439px) {
    .footer__info {
        padding-top: 31px;
    }
}
@media (max-width: 1023px) {
    .footer__info {
        padding-top: 23px;
    }
}
@media (max-width: 768px) {
    .footer__info {
        display: block;
        padding-top: 20px;
    }
}
.footer__info:not(:first-child) {
    margin-top: 52px;
}
@media (max-width: 1439px) {
    .footer__info:not(:first-child) {
        margin-top: 32px;
    }
}
@media (max-width: 1023px) {
    .footer__info:not(:first-child) {
        margin-top: 24px;
    }
}
@media (max-width: 768px) {
    .footer__info:not(:first-child) {
        margin-top: 16px;
    }
}
@media (min-width: 1024px) {
    .footer__info__main {
        align-items: center;
        display: flex;
        justify-content: flex-start;
    }
}
@media (max-width: 768px) {
    .footer__info__main {
        margin-bottom: 20px;
    }
}
.footer__socials {
    align-items: center;
    display: flex;
    justify-content: flex-start;
}
@media (max-width: 768px) {
    .footer__socials {
        flex-direction: row-reverse;
        justify-content: flex-end;
    }
}
.footer__uptime {
    font:
        500 14px/20px Inter,
        Arial,
        Helvetica,
        sans-serif;
}
@media (min-width: 769px) {
    .footer__uptime {
        margin-right: 24px;
    }
}
@media (max-width: 768px) {
    .footer__uptime {
        margin-left: 15px;
    }
}
.footer-list {
    font-size: 14px;
    list-style: none;
    margin: 0;
    padding: 0;
}
@media (max-width: 768px) {
    .footer-list {
        line-height: 24px;
    }
    .col:not(:last-child) .footer-list {
        margin-bottom: 18px;
    }
}
.footer-list li {
    margin-bottom: 8px;
}
@media (max-width: 1439px) and (min-width: 769px) {
    .footer-list li {
        margin-bottom: 6px;
    }
}
.footer-list a {
    display: inline-block;
    text-decoration: none;
    transition: color 0.35s ease;
    vertical-align: top;
}
.footer-list a:hover {
    color: var(--color-deep-blue);
}
.copyright {
    display: block;
    font:
        500 14px/20px Inter,
        Arial,
        Helvetica,
        sans-serif;
    margin-right: 8px;
}
@media (max-width: 1023px) {
    .copyright {
        margin: 0 0 8px;
    }
}
.footer-info-list {
    display: flex;
    list-style: none;
    padding: 0;
}
.footer-info-list li {
    line-height: 100%;
    margin-right: 16px;
}
@media (max-width: 480px) {
    .footer-info-list li {
        margin-right: 20px;
    }
}
.footer-info-list a {
    display: inline-block;
    font:
        500 14px/20px Inter,
        Arial,
        Helvetica,
        sans-serif;
    text-decoration: none;
    transition: color 0.35s ease;
    vertical-align: top;
}
.footer-info-list a:hover {
    color: var(--color-deep-blue);
}
.hero-section {
    background:
        url(images/bg-frame.108f564a.svg) calc(50% + 165px) calc(50% - 17px) / 133% auto no-repeat,
        linear-gradient(102.29deg, #f9fafc, #f0f4fa),
        #f7f9fc;
    color: var(--color-purple-navy);
    padding: 212px 0 120px;
}
@media (max-width: 1439px) {
    .hero-section {
        padding-bottom: 100px;
        padding-top: 164px;
    }
}
@media (max-width: 1023px) {
    .hero-section {
        padding-bottom: 80px;
        padding-top: 128px;
    }
}
@media (max-width: 768px) {
    .hero-section {
        background:
            url(images/bg-frame_m.7f70a05f.svg) calc(50% - 10px) calc(50% + 210px) / 1354px auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
        padding-bottom: 68px;
        padding-top: 112px;
    }
}
.hero-section--center {
    text-align: center;
}
.hero-section--center .section-head {
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
}
@media (max-width: 1023px) {
    .hero-section--center .section-head {
        max-width: 600px;
    }
}
@media (min-width: 1024px) {
    .hero-section--wide .section-head {
        margin-right: -32px;
    }
}
.hero-section .inline-form {
    margin-top: 40px;
}
@media (max-width: 768px) {
    .hero-section .inline-form {
        margin-top: 28px;
    }
}
.hero-section__visual {
    flex: 0 0 50%;
    margin: -40px 0 -40px 64px;
    max-width: 528px;
    position: relative;
    top: 4px;
}
@media (max-width: 1439px) {
    .hero-section__visual {
        margin-bottom: -32px;
        margin-left: 48px;
        margin-top: -32px;
        max-width: 500px;
    }
}
@media (max-width: 768px) {
    .hero-section__visual {
        margin: 0 auto -68px;
        top: 0;
    }
}
.hero-section--wide .hero-section__visual {
    margin-left: auto;
    max-width: 528px;
}
.hero-section__visual img {
    display: block;
    height: auto;
    min-height: 264px;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative;
    width: 100%;
}
.hero-section__full-img {
    margin-bottom: -120px;
    margin-top: -24px;
}
@media (max-width: 1439px) {
    .hero-section__full-img {
        margin-bottom: -100px;
    }
}
@media (max-width: 1023px) {
    .hero-section__full-img {
        margin-bottom: -80px;
    }
}
@media (max-width: 768px) {
    .hero-section__full-img {
        margin: -20px auto -68px;
        max-width: 560px;
        padding-left: 10px;
        padding-right: 15px;
    }
}
.hero-section__full-img img {
    display: block;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
@media (min-width: 769px) {
    .hero-section__full-img img {
        min-height: 180px;
    }
}
.hero-section__wide-img {
    position: relative;
}
.hero-section__wide-img__img {
    left: 50%;
    margin-left: -356px;
    margin-top: -260px;
    position: absolute;
    top: 50%;
    width: 800px;
}
@media (max-width: 1439px) {
    .hero-section__wide-img__img {
        margin-left: -360px;
        margin-top: -232px;
        width: 720px;
    }
}
@media (max-width: 1023px) {
    .hero-section__wide-img__img {
        margin-left: -264px;
        margin-top: -180px;
        width: 580px;
    }
}
@media (max-width: 768px) {
    .hero-section__wide-img__img {
        margin: 40px auto -60px;
        max-width: 500px;
        position: static;
        width: auto;
    }
}
@media (max-width: 480px) {
    .hero-section__wide-img__img {
        margin-left: -20px;
        margin-right: -20px;
        max-width: none;
    }
}
.hero-section__wide-img__img:before {
    content: "";
    display: block;
    padding-top: 59.5%;
}
@media (max-width: 768px) {
    .hero-section__wide-img__img:before {
        padding-top: 69.1666666667%;
    }
}
.hero-section__wide-img__img img {
    height: 100%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%;
}
.hero-section .default-section__content + .h2,
.hero-section .default-section__content + h2 {
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
    max-width: 720px;
}
@media (max-width: 1439px) {
    .hero-section .default-section__content + .h2,
    .hero-section .default-section__content + h2 {
        margin-top: 48px;
    }
}
@media (max-width: 1023px) {
    .hero-section .default-section__content + .h2,
    .hero-section .default-section__content + h2 {
        font-size: 28px;
        margin-top: 40px;
    }
}
.reviews-slider {
    position: relative;
}
.reviews-slider__reviews {
    margin: 0 auto;
    max-width: 984px;
    padding: 0 48px;
    position: static;
}
@media (max-width: 768px) {
    .reviews-slider__reviews {
        padding-left: 4px;
        padding-right: 4px;
    }
}
.reviews-slider__reviews .slick-arrow {
    top: calc(50% - 7px);
}
.reviews-slider__switcher {
    justify-content: center;
    margin: 60px -12px 20px;
}
@media (max-width: 1439px) {
    .reviews-slider__switcher {
        margin-top: 48px;
    }
}
@media (max-width: 768px) {
    .reviews-slider__switcher {
        margin: 40px -8px 0;
    }
}
@media (max-width: 480px) {
    .reviews-slider__switcher {
        margin-left: -2px;
        margin-right: -2px;
    }
}
.reviews-slider__switcher:not(.slick-slider) {
    display: flex;
}
@media (max-width: 1023px) and (min-width: 769px) {
    .reviews-slider__switcher .slick-slide {
        width: 252px;
    }
}
@media (max-width: 768px) {
    .reviews-slider__switcher .slick-slide {
        width: 190px;
    }
}
@media (max-width: 480px) {
    .reviews-slider__switcher .slick-slide {
        width: 128px;
    }
}
.reviews-slider__company {
    cursor: pointer;
    flex-shrink: 0;
    margin: 0 12px;
    position: relative;
    transition: filter 0.35s ease;
    will-change: filter;
}
@media (min-width: 1024px) {
    .reviews-slider__company {
        width: calc(25% - 24px);
    }
    .slick-slide:not(.slick-current) .reviews-slider__company:not(:hover) {
        filter: grayscale(1);
    }
    .reviews-slider__switcher:not(.slick-slider) .reviews-slider__company:nth-child(4) ~ .reviews-slider__company {
        display: none;
    }
}
@media (max-width: 1023px) and (min-width: 769px) {
    .reviews-slider__company {
        width: 252px;
    }
    .reviews-slider__switcher:not(.slick-slider) .reviews-slider__company:nth-child(3) ~ .reviews-slider__company {
        display: none;
    }
}
@media (max-width: 1023px) {
    .slick-slide:not(.slick-current) .reviews-slider__company {
        filter: grayscale(1);
    }
}
@media (max-width: 768px) {
    .reviews-slider__company {
        margin-left: 8px;
        margin-right: 8px;
        width: 190px;
    }
}
@media (max-width: 480px) {
    .reviews-slider__company {
        margin-left: 2px;
        margin-right: 2px;
        width: 128px;
    }
}
.reviews-slider__company:before {
    content: "";
    display: block;
    padding-top: 14.2857142857%;
}
@media (max-width: 480px) {
    .reviews-slider__company:before {
        padding-top: 16.40625%;
    }
}
.reviews-slider__company img {
    height: 100%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%;
}
.review-item {
    font-size: 22px;
    line-height: 1.4545454545;
    text-align: center;
}
@media (max-width: 1439px) {
    .review-item {
        font-size: 20px;
    }
}
@media (max-width: 768px) {
    .review-item {
        font-size: 16px;
        line-height: 1.5;
    }
}
.reviews-slider__reviews:not(.slick-slider) .review-item:not(:first-child) {
    display: none;
}
.review-item__main {
    margin: 0 auto;
    max-width: 714px;
}
@media (max-width: 1439px) {
    .review-item__main {
        max-width: 648px;
    }
}
.review-item__text {
    display: block;
}
.review-item__text:before {
    content: "“";
}
.review-item__text:after {
    content: "”";
}
.review-item__author {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 24px;
}
@media (max-width: 768px) {
    .review-item__author {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.4285714286;
        margin-top: 20px;
    }
}
.review-item__author__post {
    color: var(--color-purple-navy);
}
.customers {
    align-items: flex-start;
    justify-content: flex-start;
    margin: 72px -12px 20px;
}
@media (max-width: 1439px) {
    .customers {
        margin-bottom: 0;
        margin-top: 56px;
    }
}
@media (min-width: 481px) and (max-width: 1023px) {
    .customers {
        width: calc(100% - 50px);
    }
}
@media screen and (min-width: 481px) and (max-width: 640px) {
    .customers {
        width: calc(100% - 64px);
    }
}
@media (max-width: 768px) {
    .customers {
        margin-top: 40px;
    }
}
.customers:not(.slick-slider) {
    display: flex;
}
.customers .slick-list {
    overflow: visible;
}
.customer-col {
    flex: 0 0 calc(16.66667% - 24px);
    margin: 0 12px;
    transition: opacity 0.35s ease;
}
@media (max-width: 1023px) {
    .customer-col {
        flex: 0 0 calc(20% - 24px);
    }
}
@media screen and (max-width: 980px) {
    .customer-col {
        flex: 0 0 calc(25% - 24px);
    }
}
@media (max-width: 768px) {
    .customer-col {
        flex: 0 0 calc(33.33333% - 24px);
    }
}
@media screen and (max-width: 640px) {
    .customer-col {
        flex: 0 0 calc(50% - 24px);
    }
}
@media (max-width: 480px) {
    .customer-col {
        flex: 0 0 160px;
        width: 160px;
    }
}
@media (min-width: 481px) {
    .customers.slick-slider .slick-slide:not(.slick-active) .customer-col {
        opacity: 0.3;
    }
}
@media (max-width: 480px) {
    .slick-slide:not(.slick-current) .customer-col {
        opacity: 0.3;
    }
}
.customer-col__head {
    margin-bottom: 24px;
    min-width: 160px;
    text-align: center;
}
@media (max-width: 1439px) and (min-width: 769px) {
    .customer-col__head {
        margin-bottom: 16px;
    }
}
.customer-col__title {
    background: var(--color-deep-blue-15);
    border-radius: 1.25em;
    color: var(--color-deep-blue);
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    padding: 0.5em 1.25em;
    vertical-align: top;
}
@media (max-width: 1439px) and (min-width: 1024px) {
    .customer-col__title {
        font-size: 14px;
    }
}
.customer-col__companies {
    list-style: none;
    margin: 0;
    padding: 0;
}
.customer-col__company {
    margin: 0 auto;
    max-width: 160px;
    position: relative;
}
.customer-col__company:before {
    content: "";
    display: block;
    padding-top: 42.5%;
}
.customer-col__company img {
    height: 100%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%;
}
.customer-col__company img[src*=".svg"] {
    padding: 16px;
}
.book-section {
    background:
        url(images/bg-frame-light.008c8bc7.svg) calc(50% + 44px) calc(50% - 60px) / 120% auto no-repeat,
        linear-gradient(98.24deg, var(--color-night-blue) 0, #2d3466 100%),
        var(--color-night-blue);
}
.book-section .marked-list {
    margin-top: 40px;
}
@media (max-width: 768px) {
    .book-section .marked-list {
        margin-top: 28px;
    }
}
@media (min-width: 769px) {
    .book-section .default-section__content {
        max-width: 436px;
    }
}
@media (max-width: 768px) {
    .book-section .default-section__content:last-child p:last-child {
        margin-bottom: 0;
    }
}
@media (min-width: 769px) {
    .book-section .section-head {
        max-width: 436px;
    }
}
@media (max-width: 768px) {
    .book-section .section-head {
        margin-bottom: 28px;
    }
}
.rating-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.rating-item {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 16px;
}
@media (max-width: 768px) {
    .rating-item {
        font-size: 14px;
        line-height: 20px;
    }
    .rating-item:last-child {
        margin-bottom: 0;
    }
}
.rating-item__icon {
    display: inline-block;
    font-size: 24px;
    line-height: 1;
    margin-right: 8px;
    vertical-align: top;
}
@media (max-width: 768px) {
    .rating-item__icon {
        vertical-align: middle;
    }
}
.rating-item__icon img {
    display: block;
    height: 1em;
    -o-object-fit: contain;
    object-fit: contain;
    width: 1em;
}
.rating-item__stars {
    display: inline-flex;
    font-size: 24px;
    justify-content: flex-start;
    line-height: 1;
    list-style: none;
    margin: 0 0 0 8px;
    padding: 0;
    vertical-align: top;
}
.book-form {
    background: var(--color-light);
    border-radius: 8px;
    box-shadow:
        0 2px 8px rgba(55, 61, 82, 0.08),
        0 0 0 1px var(--color-light-grey);
    margin-bottom: -20px;
    margin-left: auto;
    margin-top: -20px;
    max-width: 438px;
    padding: 32px;
}
.book-form--partnership {
    display: flex;
    flex-direction: column;
    gap: 16px 12px;
}
.book-form--partnership .form-row--company {
    width: 100%;
}
@media (max-width: 1439px) {
    .book-form {
        margin-bottom: -32px;
        margin-top: -32px;
        max-width: 420px;
        padding: 24px;
    }
}
@media (max-width: 768px) {
    .book-form {
        margin: 40px auto 0;
    }
}
@media (max-width: 480px) {
    .book-form {
        padding: 20px;
    }
}
.book-form__acception {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
}
.book-form__acception-gcaptcha,
.book-form__acception-terms {
    background-color: #f5f6f8;
    border-radius: 8px;
    color: #555b7d;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    padding: 12px 12px 12px 48px;
    position: relative;
}
.book-form__acception-gcaptcha:before,
.book-form__acception-terms:before {
    background-repeat: no-repeat;
    content: "";
    height: 24px;
    left: 12px;
    position: absolute;
    top: 12px;
    width: 24px;
}
.book-form__acception-terms:before {
    background: url(images/click.57b31997.svg);
}
.book-form__acception-gcaptcha:before {
    background: url(images/lock.7d29ef55.svg);
}
@media (max-width: 480px) {
    .book-form__acception {
        margin-top: 0;
    }
}
.book-form__acception a {
    color: #555b7d;
    text-decoration: underline;
    transition: 0.35s ease;
}
.book-form__acception a:hover {
    color: var(--color-deep-blue);
    text-decoration: none;
}
.book-form__submit {
    margin-top: 24px;
}
@media (min-width: 769px) {
    .book-form__submit {
        text-align: right;
    }
}
@media (max-width: 480px) {
    .book-form__submit {
        margin-top: 20px;
    }
}
.partners-section .h2,
.partners-section h2 {
    margin-left: auto;
    margin-right: auto;
    max-width: 896px;
    text-align: center;
}
.partners-list {
    margin: 62px -10px -16px;
    padding: 0 0 16px;
}
.partners-list:not(.slick-slider) {
    align-items: flex-start;
    display: flex;
}
@media (max-width: 768px) {
    .partners-list {
        margin-left: -2px;
        margin-right: -2px;
        margin-top: 40px;
    }
}
@media (max-width: 480px) {
    .partners-list .slick-list {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}
.partner-item {
    flex: 0 0 calc(20% - 20px);
    margin: 0 10px;
    position: relative;
    vertical-align: top;
}
@media (max-width: 1023px) {
    .partner-item {
        flex: 0 0 calc(25% - 20px);
    }
}
@media (max-width: 768px) {
    .partner-item {
        flex: 0 0 calc(33.3333% - 4px);
        margin-left: 2px;
        margin-right: 2px;
    }
}
@media (max-width: 480px) {
    .partner-item {
        flex: 0 0 calc(50% - 4px);
    }
}
.partner-item:before {
    content: "";
    display: block;
    padding-top: 38%;
}
.partner-item img {
    display: block;
    height: 76px;
    left: 0;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 150px;
}
.free-trial-section {
    color: var(--color-purple-navy);
}
@media (min-width: 769px) {
    .free-trial-section {
        background: #41486f url(images/free-trial-section-bg.db70523b.jpg) 50% 0/100% auto no-repeat;
        padding-bottom: 120px;
        padding-top: 120px;
    }
}
@media (min-width: 769px) and (max-width: 1439px) {
    .free-trial-section {
        padding-bottom: 100px;
        padding-top: 100px;
    }
}
@media (max-width: 768px) {
    .free-trial-section {
        background: linear-gradient(102.29deg, #f9fafc, #f0f4fa), #f7f9fc;
    }
}
@media (min-width: 1440px) {
    .free-trial-section__inner {
        border-radius: 13px;
    }
}
@media (min-width: 769px) {
    .free-trial-section__inner {
        background: var(--color-light);
        margin-left: -48px;
        margin-right: -48px;
    }
}
@media (min-width: 769px) and (max-width: 1439px) {
    .free-trial-section__inner {
        margin-left: -32px;
        margin-right: -32px;
    }
}
@media (min-width: 769px) and (max-width: 1023px) {
    .free-trial-section__inner {
        margin-left: -24px;
        margin-right: -24px;
    }
}
@media (min-width: 769px) {
    .free-trial-section__inner > .col {
        padding: 48px;
    }
}
@media (min-width: 769px) and (max-width: 1439px) {
    .free-trial-section__inner > .col {
        padding: 32px;
    }
}
@media (min-width: 769px) and (max-width: 1023px) {
    .free-trial-section__inner > .col {
        padding: 24px;
    }
}
@media (min-width: 769px) {
    .free-trial-section__form {
        background: #f7f9fc;
        max-width: 532px;
    }
}
@media (min-width: 769px) and (min-width: 1440px) {
    .free-trial-section__form {
        border-radius: 0 13px 13px 0;
    }
}
@media (min-width: 769px) {
    .free-trial-section__form .book-form {
        margin-bottom: 0;
        margin-top: 0;
        max-width: none;
    }
}
.free-trial-section__form__info {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4285714286;
    margin-top: 24px;
}
@media (min-width: 481px) {
    .free-trial-section__form__info {
        text-align: center;
    }
}
@media (max-width: 768px) {
    .free-trial-section__form__info {
        margin-top: 20px;
    }
}
.free-trial-section__form__link {
    display: inline-block;
    text-decoration: underline;
    vertical-align: top;
}
.free-trial-section__form__link:hover {
    text-decoration: none;
}
.calendar-section {
    min-height: calc(100vh - 232px);
}
@media (min-width: 1440px) {
    .calendar-section {
        padding-bottom: 100px;
        padding-top: 100px;
    }
}
.calendar {
    margin: 24px auto 0;
    max-width: 850px;
    min-height: 695px;
}
@media (min-width: 769px) {
    .calendar--wide {
        max-width: 846px;
        min-height: 500px;
    }
    .calendar--narrow {
        max-width: 446px;
        min-height: 500px;
    }
}
@media (max-width: 768px) {
    .calendar {
        max-width: 400px;
        min-height: 630px;
    }
}
@media (max-width: 359px) {
    .calendar {
        margin-left: -20px;
        margin-right: -20px;
    }
}
.calendar iframe,
.calendar img {
    display: block;
    height: auto;
    width: 100%;
}
.calendar iframe {
    min-width: 100% !important;
}
.footer-info-list li a,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    word-wrap: normal;
    -webkit-hyphens: none;
    hyphens: none;
    line-break: auto;
    overflow-wrap: anywhere;
    word-break: normal;
}
body {
    font-weight: 500;
}
.h5,
.header__controls,
h5 {
    font-weight: 600;
}
.login .h3,
.reset-password .h3 {
    font-family: Inter;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: -15px;
}
.login .login-form-submit,
.login .reset-password-form-submit,
.reset-password .login-form-submit,
.reset-password .reset-password-form-submit {
    background: var(--color-deep-blue);
    color: var(--color-light);
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-weight: 500;
}
.login .login-form-submit:hover,
.login .reset-password-form-submit:hover,
.reset-password .login-form-submit:hover,
.reset-password .reset-password-form-submit:hover {
    background: #1515f2;
}
.login .company__more,
.reset-password .company__more {
    font-weight: 500;
}
.login-2fa .fieldset {
    margin-top: 1.25rem;
}
.login-2fa .fieldset-errors {
    margin-bottom: 20px;
    margin-top: 20px;
}
.login-2fa .login-form {
    margin-top: 0;
}
.login-2fa .login-form .login-form-submit,
.login-2fa .login-form .submit,
.login-2fa .login-form .widget {
    margin-bottom: 0;
}
.password-requirements__title {
    margin-bottom: 0;
    margin-top: 20px;
}
.password-requirements__list {
    margin-bottom: -20px;
}
.main-menu__dropdown-link {
    align-items: flex-start;
}
.customer-col__title {
    max-width: calc(100% - 20px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (max-width: 768px) {
    .reviews-slider__switcher .slick-list {
        overflow: visible;
    }
}
.footer__info {
    flex-wrap: wrap;
}
.footer__info > * {
    margin-bottom: 5px;
    margin-top: 5px;
}
@media (max-width: 600px) {
    .footer-info-list {
        flex-wrap: wrap;
    }
    .footer-info-list li {
        margin-bottom: 5px;
    }
}
.customers.slick-slider {
    padding-top: 0;
}
.lang__active-lang,
.main-menu__link,
.new-btn__text {
    white-space: nowrap;
}
.reviews#industries {
    z-index: 2;
}
html {
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body,
html {
    height: 100%;
}
body {
    word-wrap: break-word;
    background: var(--color-light);
    color: var(--color-night-blue);
    font:
        500 16px/24px Inter,
        Arial,
        Helvetica,
        sans-serif;
    margin: 0;
    min-width: 320px;
    padding: 0;
}
body .grecaptcha-badge {
    visibility: hidden;
}
@media (max-width: 1439px) and (min-width: 1024px) {
    body {
        font-size: 14px;
        line-height: 20px;
    }
}
body.fixed {
    overflow: hidden;
}
iframe,
img {
    border: none;
}
img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
[data-lazy],
img.lazy:not([data-was-processed="true"]) {
    opacity: 0;
}
*,
:after,
:before {
    box-sizing: border-box;
    outline: none;
}
a {
    color: inherit;
}
input,
textarea {
    -webkit-appearance: none;
    border-radius: 0;
}
input::-ms-clear,
textarea::-ms-clear {
    display: none;
}
input::-webkit-calendar-picker-indicator,
input::-webkit-clear-button,
input::-webkit-inner-spin-button,
textarea::-webkit-calendar-picker-indicator,
textarea::-webkit-clear-button,
textarea::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}
[class*=" icon-"],
[class^="icon-"] {
    display: inline-block;
    line-height: 1;
    vertical-align: top;
}
[class*=" icon-"]:before,
[class^="icon-"]:before {
    display: inline-block;
    margin: 0;
    vertical-align: top;
    width: auto;
}
input[type="checkbox"],
input[type="radio"] {
    cursor: pointer;
}
.clear:after {
    clear: both;
    content: "";
    display: block;
}
#wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    overflow: hidden;
}
#main {
    flex: 5000 1 auto;
}
.container {
    display: block;
    margin: 0 auto;
    max-width: 1168px;
    padding: 0 44px;
    width: 100%;
}
@media (max-width: 1439px) {
    .container {
        max-width: 1128px;
        padding-left: 24px;
        padding-right: 24px;
    }
}
@media (max-width: 1023px) {
    .container {
        max-width: none;
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (min-width: 1024px) {
    .container--wide {
        max-width: 1600px;
    }
}
@media (max-width: 1024px) {
    .bizprocure .h1,
    .bizprocure h1 {
        font-size: 36px;
    }
}
@media (max-width: 767px) {
    .bizprocure .h1,
    .bizprocure h1 {
        font-size: 32px;
    }
}
@media (max-width: 1023px) {
    .bizprocure .h2:not(.section-head--m-small),
    .bizprocure h2:not(.section-head--m-small) {
        font-size: 26px;
    }
}
@media (max-width: 1024px) and (min-width: 769px) {
    .bizprocure .h2.section-head--m-small,
    .bizprocure h2.section-head--m-small {
        font-size: 30px;
    }
}
@media (max-width: 768px) {
    .bizprocure .h2.section-head--m-small,
    .bizprocure h2.section-head--m-small {
        font-size: 28px;
        line-height: 36px;
    }
}
@media (min-width: 1440px) {
    .bizprocure .half-container {
        max-width: 496px;
    }
}
@media (max-width: 1439px) {
    .bizprocure .half-container {
        max-width: 516px;
    }
}
@media (max-width: 1023px) {
    .bizprocure .half-container {
        margin: 0 auto;
    }
}
@media (min-width: 1024px) {
    .bizprocure .half-container:first-child {
        margin-left: auto;
    }
    .bizprocure .half-container:last-child {
        margin-right: auto;
    }
}
.bizprocure .link--arrow {
    align-items: center;
    color: var(--color-deep-blue);
    display: inline-flex;
    font-weight: 700;
    justify-content: flex-start;
    text-decoration: none;
    transition: color 0.1s ease;
}
.bizprocure .link--arrow i {
    font-size: 1em;
    line-height: 1;
    margin-left: 4px;
}
.bizprocure .link--arrow:hover {
    color: #1d1df3;
    text-decoration: none;
}
.bizprocure .link--icon {
    align-items: center;
    color: var(--color-night-blue);
    display: inline-flex;
    font-size: 18px;
    font-weight: 500;
    justify-content: center;
    line-height: 28px;
    text-decoration: none;
    transition: color 0.1s ease;
}
@media (max-width: 768px) {
    .bizprocure .link--icon {
        font-size: 16px;
        line-height: 24px;
    }
}
.bizprocure .link--icon img,
.bizprocure .link--icon svg {
    color: var(--color-night-blue);
    height: 24px;
    margin-right: 16px;
    width: 24px;
}
@media (max-width: 768px) {
    .bizprocure .link--icon img,
    .bizprocure .link--icon svg {
        margin-right: 12px;
    }
}
.bizprocure .link--icon:hover {
    color: var(--color-deep-blue);
}
.bizprocure .link--icon:active {
    color: #1d1df3;
}
.bizprocure .new-btn {
    transition: all 0.1s ease;
}
.bizprocure .new-btn--primary:not(.new-btn--clear) {
    background: #0166cc;
}
.bizprocure .new-btn--primary:not(.new-btn--clear):active:not(.new-btn--clear):not(:disabled):not(.disabled),
.bizprocure .new-btn--primary:not(.new-btn--clear):hover:not(.new-btn--clear):not(:disabled):not(.disabled) {
    background: #ff3434;
}
.bizprocure .new-btn--secondary:not(.new-btn--clear) {
    background: var(--color-turquoise);
}
.bizprocure .new-btn--secondary:not(.new-btn--clear):active:not(.new-btn--clear):not(:disabled):not(.disabled),
.bizprocure .new-btn--secondary:not(.new-btn--clear):hover:not(.new-btn--clear):not(:disabled):not(.disabled) {
    background: var(--color-turquoise-75);
}
.bizprocure .new-btn:not(.new-btn--clear) .new-btn__icon:first-child {
    display: flex;
    justify-content: center;
    margin-left: -4px;
}
.bizprocure .section-head__topic {
    font-weight: 600;
}
@media (max-width: 1023px) {
    .bizprocure .default-section__content__btn {
        margin-top: 32px;
    }
}
@media (max-width: 767px) {
    .bizprocure .hero-section + .default-section:not(.default-section--dark):not(.default-section--purple-navy) {
        margin-top: 0;
    }
}
.bizprocure .link--simple,
.bizprocure p a:not(.link--arrow):not(.link--icon) {
    border-bottom: 1px solid;
    color: #4545f5;
    font-weight: 500;
    position: relative;
    text-decoration: unset;
    transition: all 0.3s;
}
.bizprocure .link--simple:is(:hover, :active, :focus, :visited),
.bizprocure p a:not(.link--arrow):not(.link--icon):is(:hover, :active, :focus, :visited) {
    border: 0;
    color: #1d1df3;
}
.bizprocure .link--simple:visited,
.bizprocure p a:not(.link--arrow):not(.link--icon):visited {
    border-style: dashed;
}
@media (min-width: 769px) {
    .bizprocure .hero-section--simple {
        background:
            url(images/bg-frame.108f564a.svg) 50% calc(50% + 100px) / 130% auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
@media (max-width: 767px) {
    .bizprocure .hero-section--simple {
        background:
            url(images/bg-frame-dark--mobile.b18f31fa.svg) calc(50% - 30px) calc(50% + 30px) / 240% auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
.bizprocure .hero-section--simple .section-head {
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .bizprocure .hero-section--simple .section-head {
        margin-bottom: -8px;
    }
}
.bizprocure .default-section:not(.default-section--no-offset) {
    padding-bottom: 120px;
    padding-top: 120px;
}
@media (max-width: 1023px) {
    .bizprocure .default-section:not(.default-section--no-offset) {
        padding-bottom: 80px;
        padding-top: 80px;
    }
}
@media (max-width: 767px) {
    .bizprocure .default-section:not(.default-section--no-offset) {
        padding-bottom: 60px;
        padding-top: 60px;
    }
}
.bizprocure svg {
    backface-visibility: hidden;
}
@media (min-width: 768px) {
    .bizprocure .slick-arrow {
        font-size: 32px;
    }
}
@media (max-width: 1439px) {
    .bizprocure .benefit-section__content {
        font-size: 16px;
        line-height: 1.5;
    }
}
.check-list {
    margin-top: 24px;
}
.check-list li {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyIDMuNzVBOC4yNSA4LjI1IDAgMCAwIDMuNzUgMTIgOC4yNSA4LjI1IDAgMCAwIDEyIDIwLjI1IDguMjUgOC4yNSAwIDAgMCAyMC4yNSAxMiA4LjI1IDguMjUgMCAwIDAgMTIgMy43NVpNMi4yNSAxMkE5Ljc1IDkuNzUgMCAwIDEgMTIgMi4yNSA5Ljc1IDkuNzUgMCAwIDEgMjEuNzUgMTIgOS43NSA5Ljc1IDAgMCAxIDEyIDIxLjc1IDkuNzUgOS43NSAwIDAgMSAyLjI1IDEyWm0xNC4yOC0yLjUzYS43NS43NSAwIDAgMSAwIDEuMDZsLTUgNWEuNzUuNzUgMCAwIDEtMS4wNiAwbC0zLTNhLjc1Ljc1IDAgMSAxIDEuMDYtMS4wNkwxMSAxMy45NGw0LjQ3LTQuNDdhLjc1Ljc1IDAgMCAxIDEuMDYgMFoiIGZpbGw9IiMxRDI0NTIiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDI0djI0SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 24px;
    font-size: 16px;
    line-height: 24px;
    padding-left: 36px;
}
.check-list li:not(:last-child) {
    margin-bottom: 12px;
}
.icon-list {
    display: block;
}
.icon-list li {
    align-items: flex-start;
    display: flex;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
@media (max-width: 767px) {
    .icon-list li {
        font-size: 14px;
        line-height: 20px;
    }
}
.icon-list li:not(:last-child) {
    margin-bottom: 12px;
}
.icon-list svg {
    color: var(--color-night-blue);
    height: 24px;
    margin-right: 12px;
    min-width: 24px;
    width: 24px;
}
.number-list {
    display: flex;
    flex-wrap: wrap;
    gap: 32px 72px;
}
.number-list li {
    width: calc(50% - 36px);
}
@media (max-width: 767px) {
    .number-list li {
        width: 100%;
    }
}
.number-list li > :last-child {
    margin-bottom: 0;
}
.number-list__label {
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 12px;
}
.number-list__text {
    margin-bottom: 8px;
}
.number-list .list-label {
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 52px;
    font-weight: 600;
    line-height: 56px;
    margin-bottom: 8px;
}
@media (max-width: 768px) {
    .number-list .list-label {
        font-size: 36px;
        line-height: 44px;
        margin-bottom: 4px;
    }
}
.number-list .list-title {
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 16px;
}
@media (max-width: 768px) {
    .number-list .list-title {
        font-size: 18px;
        line-height: 28px;
    }
}
.number-list .list-text {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    max-width: 360px;
}
@media (max-width: 768px) {
    .number-list .list-text {
        font-size: 16px;
        line-height: 24px;
    }
}
.checkbox-list li:not(:last-child) {
    margin-bottom: 12px;
}
.checkbox-list .checkbox-wrp {
    cursor: pointer;
    display: block;
    font-size: 16px;
    line-height: 24px;
    padding: 0 15px 0 30px;
    position: relative;
}
.checkbox-list .checkbox-field {
    height: 18px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 18px;
}
.checkbox-list .checkbox-field:after,
.checkbox-list .checkbox-field:before {
    content: "";
    height: 18px;
    position: absolute;
    transition: all 0.15s;
    width: 18px;
}
.checkbox-list .checkbox-field:before {
    background: var(--color-light);
    border: 1px solid rgba(29, 36, 82, 0.1);
    border-radius: 4px;
}
.checkbox-list .checkbox-field:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none'%3E%3Cpath fill='%23fff' d='M3.83 8.736a.51.51 0 0 1-.723 0L.224 5.852a.766.766 0 0 1 0-1.083l.361-.36c.3-.3.784-.3 1.083 0l1.8 1.8 4.864-4.864c.299-.3.784-.3 1.083 0l.36.36c.3.3.3.785 0 1.084L3.83 8.736Z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 10px;
    opacity: 0;
}
.checkbox-list .checkbox-input {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.checkbox-list .checkbox-input:hover:not(:checked) ~ .checkbox-field:before {
    border-color: rgba(29, 36, 82, 0.2);
}
.checkbox-list .checkbox-input:checked ~ .checkbox-field:before {
    background: var(--color-deep-blue);
    border-color: var(--color-deep-blue);
}
.checkbox-list .checkbox-input:checked ~ .checkbox-field:after {
    opacity: 1;
}
.checkbox-list .checkbox-tooltip {
    background: #f1c34c;
    border-radius: 8px;
    bottom: 30px;
    color: var(--color-night-blue);
    font-size: 16px;
    font-weight: 500;
    left: 50%;
    line-height: 19px;
    padding: 10px 16px;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: -moz-max-content;
    width: max-content;
}
@media (max-width: 1199px) {
    .checkbox-list .checkbox-tooltip {
        display: none;
    }
}
.checkbox-list .checkbox-tooltip:before {
    border-color: #f1c34c transparent transparent;
    border-style: solid;
    border-width: 6px 4px 0;
    bottom: -6px;
    content: "";
    height: 0;
    left: calc(50% - 4px);
    position: absolute;
    width: 0;
}
.dot-list {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
.dot-list li {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='4' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2v60' stroke='%23676F8F' stroke-width='4' stroke-linecap='round' stroke-dasharray='0.05 12'/%3E%3C/svg%3E");
    background-position: 10px 11px;
    background-repeat: no-repeat;
    background-size: 4px;
    padding-left: 24px;
}
.blockquote {
    display: flex;
    flex-direction: column;
    padding-left: 28px;
    position: relative;
}
@media (max-width: 767px) {
    .blockquote {
        padding-left: 24px;
    }
}
.blockquote:before {
    background: var(--color-deep-blue);
    border-radius: 10px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px;
}
.blockquote blockquote p {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 12px;
}
.blockquote figcaption {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
.blockquote cite {
    color: var(--color-night-blue-50);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.link-img-bg {
    align-items: center;
    background-color: var(--color-night-blue);
    background-position: center 50%;
    background-size: cover;
    background-size: auto calc(100% + 10px);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    height: 80px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    transition: all 0.35s;
}
@media (max-width: 767px) {
    .link-img-bg {
        height: 112px;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .link-img-bg {
        background-size: cover;
    }
}
.link-img-bg.biotech {
    background-image: url(images/Biotech\ .jpg);
}
.link-img-bg.technology {
    background-image: url(images/Technology.jpg);
}
.link-img-bg.construction {
    background-image: url(images/Construction.jpg);
}
.link-img-bg.education {
    background-image: url(images/Education.jpg);
}
.link-img-bg.healthcare {
    background-image: url(images/Healthcare.jpg);
}
.link-img-bg.hospitality {
    background-image: url(images/Hospitality.jpg);
}
.link-img-bg.nonprofit {
    background-image: url(images/Non-profit.jpg);
}
.link-img-bg:before {
    background-image: linear-gradient(0deg, rgba(29, 36, 82, 0.5), rgba(29, 36, 82, 0.5));
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.35s;
    width: 100%;
}
@media (max-width: 1199px) {
    .link-img-bg:before {
        background-image: linear-gradient(0deg, rgba(29, 36, 82, 0.8), rgba(29, 36, 82, 0.8));
    }
}
.link-img-bg .link--arrow,
.link-img-bg .title {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
}
.link-img-bg .title {
    color: var(--color-light);
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    transition: all 0.35s;
}
@media (max-width: 767px) {
    .link-img-bg .title {
        font-size: 22px;
        line-height: 32px;
    }
}
.link-img-bg .link--arrow {
    color: var(--color-turquoise);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    pointer-events: none;
    transition: all 0.35s;
}
@media (min-width: 1200px) {
    .link-img-bg .link--arrow {
        height: 0;
        overflow: hidden;
        transform: translateY(24px);
    }
}
.link-img-bg:hover {
    background-position: center -10px;
}
@media (min-width: 768px) and (max-width: 1023px) {
    .link-img-bg:hover {
        background-position: center calc(50% - 10px);
    }
}
.link-img-bg:hover:before {
    background-image: linear-gradient(0deg, rgba(29, 36, 82, 0.8), rgba(29, 36, 82, 0.8));
}
@media (min-width: 1200px) {
    .link-img-bg:hover .link--arrow {
        height: 24px;
        transform: translateY(0);
    }
}
@media (max-width: 1024px) {
    .remodal {
        margin: 0;
        max-width: -moz-max-content;
        max-width: max-content;
    }
}
.remodal-wrapper {
    height: 100vh;
    height: var(--app-height);
    transition: all 0.15s ease;
}
@media (max-width: 767px) {
    .remodal-wrapper {
        padding: 45px 20px;
    }
}
@media (max-width: 1024px) {
    .remodal iframe {
        margin: 0 auto;
        max-width: 100%;
    }
}
@media (max-width: 639px) {
    .remodal iframe {
        height: 53vw;
        width: 100vw;
    }
}
@media (max-width: 1024px) {
    .remodal .remodal-close {
        left: unset;
        right: -35px;
        top: -35px;
    }
}
@media (max-width: 639px) {
    .remodal .remodal-close {
        right: -12px;
    }
}
.slider-web .slick-arrow {
    background-size: 100% 100%;
    font-size: 32px;
    height: 32px;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
    width: 32px;
}
@media (max-width: 1023px) {
    .slider-web .slick-arrow {
        margin: 0;
    }
    .slider-web .slick-arrow.slick-prev {
        left: 0;
    }
    .slider-web .slick-arrow.slick-next {
        right: 0;
    }
}
.slider-web .slick-arrow:not(.slick-disabled):hover {
    transform: translateY(-50%) scale(1.2);
}
@media (max-width: 1023px) {
    .slider-web .slick-arrow:not(.slick-disabled):hover {
        transform: translateY(-100%);
    }
}
.slider-web .slick-arrow.slick-disabled {
    opacity: 0.5;
}
@media (min-width: 768px) {
    .slider-web#scalability .tabs-slide-wrp {
        padding: 68px 40px 40px;
    }
}
.twentytwenty-horizontal .twentytwenty-overlay {
    display: none;
}
.twentytwenty-horizontal .twentytwenty-container .twentytwenty-handle {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='50' fill='none'%3E%3Cpath fill='%231D2452' d='M7 0h4v50H7z'/%3E%3Cpath fill='%231D2452' d='m17.838 24.301-3.33-4.098a.494.494 0 0 0-.798 0c-.22.272-.212.737-.212 1.185v2.07H4.501v-2.07c0-.448.009-.913-.212-1.185a.494.494 0 0 0-.798 0L.16 24.301a.783.783 0 0 0-.16.526.783.783 0 0 0 .16.527l3.33 4.098c.22.271.578.271.799 0 .22-.271.211-.892.211-1.164v-2.07h9v2.07c0 .448-.01.893.211 1.164.22.27.578.271.799 0l3.33-4.098a.783.783 0 0 0 .16-.527.79.79 0 0 0-.16-.526Z'/%3E%3C/svg%3E");
    background-position: calc(50% + 2px);
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    height: 50px;
    top: 49.6%;
    width: 40px;
}
.twentytwenty-horizontal .twentytwenty-container .twentytwenty-handle:after,
.twentytwenty-horizontal .twentytwenty-container .twentytwenty-handle:before {
    background: #1d2452;
    box-shadow: none;
    left: calc(50% + 1px);
    margin: 0;
    width: 2px;
}
.twentytwenty-horizontal .twentytwenty-container .twentytwenty-handle span {
    display: none;
}
.slider-logos {
    display: flex;
    gap: 60px;
    justify-content: center;
}
.slider-logos.slick-initialized {
    height: auto !important;
}
.slider-logos .slick-list {
    margin: 0 -30px;
}
@media (max-width: 480px) {
    .slider-logos .slick-list {
        margin: 0 -16px;
    }
}
.slider-logos .slick-slide {
    margin: 0 30px;
}
@media (max-width: 480px) {
    .slider-logos .slick-slide {
        margin: 0 16px;
    }
}
.slider-logos .slick-slide > div {
    display: flex;
}
.slider-logos .slide {
    height: 0;
    padding-bottom: 40%;
    position: relative;
}
@media (max-width: 480px) {
    .slider-logos .slide {
        padding-bottom: 41.7%;
    }
}
.slider-logos .slide svg {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative;
    width: 100%;
}
@media (max-width: 480px) {
    .slider-logos .slide svg {
        height: 100%;
        left: 0;
        -o-object-position: center;
        object-position: center;
        position: absolute;
        top: 0;
        width: 100%;
    }
}
@media (min-width: 768px) {
    .simple-section {
        background:
            url(images/bg-frame.108f564a.svg) 50% 50%/133% auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
@media (max-width: 767px) {
    .simple-section {
        background:
            url(images/bg-frame-light--mobile.89635ce5.svg) calc(50% + 150px) calc(50% - 60px) / 310% auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
.simple-section .default-section__content p {
    margin: 0;
}
.ndrsl-widget {
    margin-bottom: 3px;
}
@media (max-width: 768px) {
    .ndrsl-widget {
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px) !important;
    }
}
.ndrsl-widget > .do-not-remove {
    height: 0;
    opacity: 0;
    padding-bottom: 38%;
}
.ndrsl-widget .ndrsl-carousel-item-inner .ndrsl-live-testimonial {
    border-radius: 8px;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    padding: 32px !important;
}
@media (max-width: 767px) {
    .ndrsl-widget .ndrsl-carousel-item-inner .ndrsl-live-testimonial {
        padding: 20px !important;
    }
}
.ndrsl-widget .ndrsl-carousel-item-inner .ndrsl-live-testimonial > .ndrsl-live-row:first-child {
    justify-content: flex-end;
    position: absolute;
    right: 30px;
    top: 30px;
    width: auto;
}
@media (max-width: 767px) {
    .ndrsl-widget .ndrsl-carousel-item-inner .ndrsl-live-testimonial > .ndrsl-live-row:first-child {
        right: 20px;
        top: 20px;
    }
}
.ndrsl-widget .ndrsl-carousel-item-inner .ndrsl-live-testimonial > .ndrsl-live-row:nth-child(2) {
    order: 2;
    padding-bottom: 32px;
}
@media (max-width: 767px) {
    .ndrsl-widget .ndrsl-carousel-item-inner .ndrsl-live-testimonial > .ndrsl-live-row:nth-child(2) {
        padding-bottom: 26px;
    }
}
.ndrsl-widget .ndrsl-carousel-item-inner .ndrsl-live-testimonial > br {
    display: none;
}
.ndrsl-widget .ndrsl-live-user-rating-inner {
    display: flex;
}
.ndrsl-widget .ndrsl-live-star {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%234545F5' d='M11.045 4.927c.3-.92 1.603-.92 1.902 0l1.07 3.292a1 1 0 0 0 .95.69h3.462c.97 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 0 0-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 0 0-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 0 0-.364-1.118L4.976 10.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 0 0 .951-.69l1.07-3.292Z'/%3E%3C/svg%3E");
    background-size: 24px;
    display: inline-block;
    height: 24px;
    margin: 0;
    max-width: unset;
    opacity: 0.15;
    width: 24px;
}
.ndrsl-widget .ndrsl-live-star.set {
    opacity: 1;
}
.ndrsl-widget .ndrsl-live-star svg {
    display: none;
}
.ndrsl-widget .ndrsl-live-user-comments {
    color: var(--color-purple-navy) !important;
    font-size: 16px !important;
    font-weight: 500;
    line-height: 24px;
    margin: 24px 0 !important;
    position: relative;
    white-space: normal !important;
}
@media (max-width: 767px) {
    .ndrsl-widget .ndrsl-live-user-comments {
        font-size: 14px !important;
        line-height: 20px;
        margin: 16px 0 18px !important;
    }
}
.ndrsl-widget .ndrsl-live-user-comments:has(.ndrsl-read-more) {
    padding-bottom: 36px;
}
.ndrsl-widget .ndrsl-live-user-comments .ndrsl-read-more {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 3 5 5-5 5' stroke='%234545F5' stroke-width='2'/%3E%3C/svg%3E");
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 16px;
    border: 0;
    bottom: 0;
    color: var(--color-deep-blue);
    cursor: pointer;
    font-size: 16px !important;
    left: 0;
    line-height: 24px;
    opacity: 1;
    padding: 0 20px 0 0;
    position: absolute;
    text-transform: capitalize;
}
.ndrsl-widget .ndrsl-live-user-comments .ndrsl-read-more:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 3 5 5-5 5' stroke='%231D1DF3' stroke-width='2'/%3E%3C/svg%3E");
    border: 0;
    color: #1d1df3;
    opacity: 1;
    transform: unset;
}
.ndrsl-widget .ndrsl-live-user-container .ndrsl-live-user-contents .ndrsl-live-user-name {
    font-size: 16px;
    line-height: 24px;
    margin-top: 0 !important;
    padding-right: 120px;
}
.ndrsl-widget .ndrsl-live-user-container .ndrsl-live-user-contents .ndrsl-live-user-company {
    color: var(--color-purple-navy-75) !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 4px !important;
    opacity: 1 !important;
    text-transform: unset !important;
}
.ndrsl-widget .ndrsl-live-user-container .ndrsl-live-user-contents .ndrsl-testimonial-source {
    bottom: 30px;
    left: 30px;
    margin-top: 12px;
    position: absolute;
}
@media (max-width: 767px) {
    .ndrsl-widget .ndrsl-live-user-container .ndrsl-live-user-contents .ndrsl-testimonial-source {
        bottom: 20px;
        left: 20px;
        margin-top: 18px;
    }
}
.ndrsl-widget .ndrsl-live-user-container .ndrsl-live-user-contents .ndrsl-testimonial-source a {
    border: 0;
    color: var(--color-purple-navy-75) !important;
    display: inline-block;
    font-size: 12px;
    line-height: 24px;
    margin-left: 32px;
    position: relative;
}
.ndrsl-widget .ndrsl-live-user-container .ndrsl-live-user-contents .ndrsl-testimonial-source a:hover {
    color: var(--color-purple-navy) !important;
    text-decoration: none;
}
.ndrsl-widget .ndrsl-live-user-container .ndrsl-live-user-contents .ndrsl-testimonial-source img {
    height: 24px;
    left: -32px;
    position: absolute;
    top: 0;
    width: auto;
}
.ndrsl-widget #ndrsl-carousel #ndrsl-carousel-inner .ndrsl-carousel-item .ndrsl-carousel-item-inner {
    margin: 0 20px;
    max-width: calc(100% - 40px);
    padding: 0 0 30px !important;
    width: 100%;
}
.ndrsl-widget #ndrsl-carousel #ndrsl-carousel-controls {
    height: 32px;
    margin: 3px auto 0;
    max-width: 230px;
    top: calc(100% - 32px);
    width: 100%;
}
@media (max-width: 767px) {
    .ndrsl-widget #ndrsl-carousel #ndrsl-carousel-controls {
        max-width: calc(100% - 40px);
    }
}
.ndrsl-widget #ndrsl-carousel #ndrsl-carousel-controls .ndrsl-carousel-controller {
    background: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 32px;
    border-radius: 0;
    box-shadow: none;
    height: 32px;
    top: 0;
    transform: none;
    width: 32px;
}
.ndrsl-widget #ndrsl-carousel #ndrsl-carousel-controls .ndrsl-carousel-controller:is(:hover, :active) {
    transform: none;
}
.ndrsl-widget #ndrsl-carousel #ndrsl-carousel-controls .ndrsl-carousel-controller.right {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath stroke='%234545F5' stroke-width='3' d='m10 3 13 13-13 13'/%3E%3C/svg%3E");
    right: 0;
}
.ndrsl-widget #ndrsl-carousel #ndrsl-carousel-controls .ndrsl-carousel-controller.left {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath stroke='%234545F5' stroke-width='3' d='M22 29 9 16 22 3'/%3E%3C/svg%3E");
    left: 0;
}
.ndrsl-widget #ndrsl-carousel #ndrsl-carousel-controls .ndrsl-carousel-controller svg {
    display: none !important;
    opacity: 0;
}
@media (max-width: 1023px) {
    .hide-t {
        display: none !important;
    }
}
@media (min-width: 1024px) {
    .show-t {
        display: none !important;
    }
}
@media (max-width: 767px) {
    .hide-m {
        display: none !important;
    }
}
@media (min-width: 768px) {
    .show-m {
        display: none !important;
    }
}
.header .menu-cards {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -24px 24px;
}
@media (max-width: 1023px) {
    .header .menu-cards {
        gap: 16px;
        margin-bottom: 40px;
        margin-left: 40px;
        margin-right: 40px;
        padding-left: 0;
        padding-right: 0;
    }
}
.header .menu-card-wrapper {
    max-width: 280px;
    width: 25%;
}
@media (max-width: 1023px) {
    .header .menu-card-wrapper {
        background: #edeef3;
        border-radius: 8px;
        max-width: unset;
        width: calc(50% - 8px);
    }
}
@media (max-width: 639px) {
    .header .menu-card-wrapper {
        width: 100%;
    }
}
.header .menu-card-wrapper:last-child .menu-card {
    border: 0;
}
.header .menu-card {
    border-right: 1px solid var(--color-light-grey);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    padding: 24px;
    transition: all 0.1s;
}
@media (max-width: 1023px) {
    .header .menu-card {
        border: 0;
    }
}
@media (max-width: 639px) {
    .header .menu-card {
        padding: 16px;
    }
}
.header .menu-card__link {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}
.header .menu-card__text {
    color: var(--color-purple-navy);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 8px;
}
@media (max-width: 768px) {
    .header .menu-card__text {
        margin-bottom: 0;
    }
    .header .menu-card__tags {
        display: none;
    }
}
.header .menu-card__tags p {
    display: flex;
    margin-bottom: 8px;
}
.header .menu-card__tags p:last-child {
    margin-bottom: 0;
}
.header .menu-card__tag {
    background: rgba(218, 224, 255, 0.5);
    border-radius: 32px;
    color: #0052b4;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 130%;
    padding: 5px 8px;
}
@media (min-width: 769px) and (max-width: 1023px) {
    .header .menu-card__tag {
        background: rgba(65, 90, 218, 0.2);
    }
}
@media (min-width: 1024px) {
    .header .menu-card:hover {
        background: #edeef3;
        border-right-color: #edeef3;
    }
    .header .menu-card:hover .menu-card__tag {
        background: rgba(65, 90, 218, 0.2);
    }
}
.overview-item {
    align-items: center;
    border-bottom: 1px solid var(--color-light-grey);
    display: flex;
    gap: 24px;
    padding: 24px 0 23px;
}
@media (max-width: 768px) {
    .overview-item {
        flex-wrap: wrap;
        gap: 12px;
    }
}
.overview-item__icon {
    align-items: center;
    display: flex;
    gap: 12px;
    max-width: 344px;
    min-width: 344px;
}
@media (max-width: 768px) {
    .overview-item__icon {
        max-width: 100%;
        min-width: 100%;
    }
}
.overview-item__icon .icon {
    color: var(--color-deep-blue);
    height: 32px;
    width: 32px;
}
.overview-item__icon .h4 {
    font-size: 22px;
    margin: 0;
}
@media (max-width: 768px) {
    .overview-item__icon .h4 {
        font-size: 18px;
        line-height: 28px;
    }
}
.overview-item__title-wrp {
    max-width: 320px;
    min-width: 320px;
}
@media (max-width: 1023px) {
    .overview-item__title-wrp {
        max-width: 250px;
        min-width: 250px;
    }
}
@media (max-width: 768px) {
    .overview-item__title-wrp {
        max-width: 100%;
        min-width: 100%;
    }
}
.overview-item__title {
    margin: 0;
}
@media (min-width: 769px) {
    .overview-item__content {
        font-size: 18px;
        line-height: 28px;
    }
}
.overview-item__content p {
    margin: 0;
}
.promo-banner {
    display: flex;
    left: 0;
    padding: 12px 44px;
    position: absolute;
    top: -64px;
    transition: 0.3s;
    width: 100%;
    display: none;
}
@media (max-width: 1440px) {
    .promo-banner {
        padding: 12px 24px;
    }
}
@media (max-width: 1024px) {
    .promo-banner {
        bottom: 136px;
        top: auto;
    }
}
.promo-banner-is-active .promo-banner {
    top: 0;
}
@media (max-width: 1024px) {
    .promo-banner-is-active .promo-banner {
        bottom: 0;
        top: auto;
    }
}
.promo-banner__content {
    align-items: center;
    background: linear-gradient(135deg, #cae4f8, #d2e3f9 25.15%, #c0ccf2 49.96%, #cee9fb);
    border-radius: 24px;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-width: 1512px;
    padding: 8px 0;
    position: relative;
    transition: 0.3s;
    width: 100%;
}
.promo-banner__content:hover {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.4), hsla(0, 0%, 100%, 0)),
        linear-gradient(135deg, #cae4f8, #d2e3f9 25.15%, #c0ccf2 49.96%, #cee9fb);
}
@media (max-width: 768px) {
    .promo-banner__content {
        border-radius: 12px;
        padding: 20px 40px;
    }
}
.promo-banner__label {
    background-color: #7474f7;
    border-radius: 21px;
    color: #fff;
    font:
        600 14px/20px Inter,
        Arial,
        Helvetica,
        sans-serif;
    margin-right: 12px;
    padding: 4px 8px;
    text-transform: uppercase;
}
.product-page .promo-banner__label {
    display: none;
}
.promo-banner__text {
    color: #1d2452;
    font:
        600 16px/24px Inter,
        Arial,
        Helvetica,
        sans-serif;
    margin: 0;
}
@media (max-width: 768px) {
    .promo-banner__text {
        font-size: 12px;
        line-height: 18px;
        max-width: 320px;
        text-align: center;
    }
}
.promo-banner__link {
    color: #1d2452;
    font:
        500 16px/24px Inter,
        Arial,
        Helvetica,
        sans-serif;
    margin-left: 16px;
    text-decoration-line: underline;
}
@media (max-width: 768px) {
    .promo-banner__link {
        font-size: 12px;
        line-height: 18px;
        margin-left: 7px;
    }
}
.promo-banner__close {
    background: transparent;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 56px;
}
@media (max-width: 768px) {
    .promo-banner__close {
        height: 32px;
        width: 32px;
    }
}
.promo-banner__close:after,
.promo-banner__close:before {
    background-color: #1d2452;
    content: "";
    height: 1.8px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 14px;
}
@media (max-width: 768px) {
    .promo-banner__close:after,
    .promo-banner__close:before {
        width: 16px;
    }
}
.promo-banner__close:before {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.promo-banner__close:after {
    transform: translate(-50%, -50%) rotate(45deg);
}
.form-control {
    background: var(--color-light);
    border: 1px solid #c6c8d4;
    border-radius: 8px;
    color: #1d2452;
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 1.2;
    margin: 0;
    padding-left: 12px;
    padding-right: 12px;
    transition: 0.3s ease;
    width: 100%;
}
.form-control:focus,
.form-control:hover {
    border-color: #1d2452;
}
.form-row--inline .form-control {
    padding-left: 24px;
    padding-right: 24px;
}
.form-control--rounded {
    border-radius: 24px;
}
.form-control::-moz-placeholder {
    color: var(--color-purple-navy-50);
    opacity: 1;
}
.form-control::placeholder {
    color: var(--color-purple-navy-50);
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: var(--color-purple-navy-50);
    opacity: 1;
}
.form-control::-ms-input-placeholder {
    color: var(--color-purple-navy-50);
    opacity: 1;
}
textarea.form-control {
    padding-bottom: 16px;
    padding-top: 16px;
    right: none;
}
select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(images/arrow-down.724e2f45.svg);
    background-position: calc(100% - 16px) 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px;
}
select.form-control option:first-child {
    color: #ccc;
}
.inline-form {
    max-width: 466px;
}
.inline-form__title {
    color: var(--color-purple-navy-75);
    max-width: 436px;
}
@media (max-width: 768px) {
    .inline-form__title {
        font-size: 14px;
        font-weight: 600;
        line-height: 24px;
        margin-bottom: 12px;
    }
}
@media (min-width: 481px) {
    .inline-form__main {
        align-items: center;
        display: flex;
        justify-content: flex-start;
    }
    .inline-form__btn-holder {
        margin-left: 12px;
    }
}
@media (max-width: 480px) {
    .inline-form__btn-holder {
        margin-top: 12px;
    }
}
.inline-form__btn-holder .new-btn {
    height: 48px;
    min-width: 140px;
}
.email_validation_block .book-form__acception {
    margin-bottom: 0;
    margin-top: 10px;
}
.coloader {
    z-index: 10 !important;
}
.form-row {
    margin-bottom: 0;
    position: relative;
    width: 100%;
}
.form-row--inline {
    flex: 1 1 100%;
    margin-bottom: 0;
}
.form-row__title {
    color: var(--color-night-blue);
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 8px;
}
.form-row__title span {
    color: #8e92a8;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}
.form-row.error label {
    color: #e32038;
}
.form-row.error input {
    border-color: #e32038;
}
@media (min-width: 768px) {
    .form-row--company {
        width: calc(55.5% - 6px);
    }
    .form-row--select {
        width: calc(44.5% - 6px);
    }
}
.form-row .email_validation_block,
.form-row .error-message {
    background: #fee3e6;
    border-radius: 8px;
    color: #e32038;
    font:
        500 12px/14px Inter,
        Arial,
        Helvetica,
        sans-serif;
    margin-top: 8px;
    padding: 7px 10px 7px 34px;
    position: relative;
}
.form-row .email_validation_block p,
.form-row .error-message p {
    color: inherit;
    margin: 0;
}
.form-row .email_validation_block:before,
.form-row .error-message:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='M12 13.12V9.38M11.999 16.125a.25.25 0 1 0 .002.5.25.25 0 0 0-.002-.5' stroke='%23E32038' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath clip-rule='evenodd' d='m14.029 4.139 7.659 13.404c.89 1.558-.235 3.497-2.029 3.497H4.341c-1.795 0-2.92-1.94-2.029-3.497L9.971 4.139c.897-1.571 3.161-1.571 4.058 0Z' stroke='%23E32038' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    content: "";
    height: 16px;
    left: 10px;
    position: absolute;
    top: 6px;
    width: 16px;
}
.spinner {
    animation: spinner-loading 0.4s linear infinite;
    height: 24px;
    position: absolute;
    right: 8px;
    top: 32px;
    width: 24px;
}
.form__loader .spinner {
    height: 45px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 45px;
}
.spinner-icon {
    border: 2px solid transparent;
    border-left-color: #c7c8d4 !important;
    border-radius: 50%;
    border-top-color: #c7c8d4 !important;
    height: 100%;
    width: 100%;
}
.form__loader .spinner-icon {
    border-left-color: #4545f5 !important;
    border-top-color: #4545f5 !important;
}
@keyframes spinner-loading {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}
.iti {
    color: #1d2452;
    width: 100%;
}
.iti__flag-container:hover .iti__selected-flag {
    background-color: #edeef2 !important;
}
.iti__selected-flag {
    background: #f5f6f8;
    border-radius: 8px 0 0 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 0 8px 0 12px;
    transition: 0.3s;
}
.iti__selected-flag[aria-expanded="true"] {
    background-color: #edeef2 !important;
}
.iti__selected-flag .iti__flag {
    background: transparent;
    box-shadow: none;
    height: auto;
    text-transform: uppercase;
    width: auto;
}
.iti__selected-flag .iti__arrow {
    align-items: center;
    border: 0;
    display: flex;
    font-family: icomoon !important;
    height: auto;
    justify-content: center;
    position: relative;
    transition: 0.3s;
    width: -moz-fit-content;
    width: fit-content;
}
.iti__selected-flag .iti__arrow:before {
    content: "\e92a";
    font-size: 12px;
}
.iti__selected-flag .iti__arrow--up {
    transform: rotate(-180deg);
}
.iti input[type="tel"] {
    padding-left: 112px;
}
.iti__country-list {
    background: #fff;
    border: 1px solid #1d2452;
    border-radius: 8px;
    margin-top: 10px;
    max-height: 248px;
    max-width: 372px;
    min-width: 372px;
    z-index: 100;
}
.iti__country-list::-webkit-scrollbar {
    width: 16px;
}
.iti__country-list::-webkit-scrollbar-track {
    background-color: #edeef3;
    border-radius: 8px;
}
.iti__country-list::-webkit-scrollbar-thumb {
    background: #b3b7c7;
    border-radius: 8px;
    height: 28px;
    width: 16px;
}
.iti__country-name {
    display: flex;
    flex-wrap: wrap;
    padding-left: 40px;
}
.iti__country-name span:first-child {
    margin-right: 6px;
}
.iti__dial-code {
    margin-left: auto;
    word-break: keep-all;
}
.iti__flag-box {
    display: none;
}
.iti__country {
    align-items: baseline;
}
.iti__country:before {
    content: attr(data-country-code);
    left: 12px;
    position: absolute;
    text-transform: uppercase;
}
.iti__country.iti__highlight {
    background-color: #edeef2;
    color: #4545f5;
}
.iti-mobile .iti--container {
    bottom: auto;
    height: calc(100vh - 60px);
    left: 20px;
    max-width: 368px;
    min-width: 320px;
    right: auto;
    top: 40px;
    width: calc(100% - 80px);
}
.iti-mobile .iti__country-list {
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    min-width: auto;
    top: 0;
    width: 100%;
}
.bizprocure .header {
    transition: 0.3s;
}
@media (min-width: 1440px) {
    .bizprocure .header {
        transition-property: background-color, box-shadow, padding;
    }
}
.promo-banner-is-active .bizprocure .header {
    /* padding-top: 0px; */
}
@media (max-width: 1024px) {
    .promo-banner-is-active .bizprocure .header {
        padding-bottom: 88px;
        padding-top: 24px;
    }
}
@media (max-width: 768px) {
    .promo-banner-is-active .bizprocure .header {
        padding-bottom:19px;
        padding-top: 18px;
    }
}
@media (min-width: 1440px) {
    .bizprocure .header--fixed {
        padding: 24px 0;
    }
    .bizprocure .header--fixed .main-menu__link {
        margin: -32px 0;
        min-height: 88px;
        padding: 32px 0;
    }
}
.bizprocure .header-text {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}
@media (min-width: 1024px) {
    .bizprocure .header .col-row > .col.l-3_75 + .col.l-auto {
        width: 67.5%;
    }
    .bizprocure .header .pl-100 {
        padding-left: 100px;
    }
}
.bizprocure .header .mb-40 {
    margin-bottom: 40px;
}
@media (max-width: 1023px) {
    .bizprocure .header .mb-40 {
        margin-bottom: 16px;
    }
}
@media (max-width: 1024px) {
    .bizprocure .header .logo {
        height: 25px;
        width: 128px;
    }
}
.bizprocure .header .logo img {
    height: 100%;
    object-fit: cover !important;
    width:250px !important;
}
.bizprocure .header .main-menu__item--has-drop .main-menu__link__icon {
    transition: transform 0.35s ease;
}
@media (min-width: 1024px) {
    .bizprocure .header .main-menu__item--has-drop:hover .main-menu__link__icon {
        transform: scaleY(-1) translateY(-2px);
    }
}
.bizprocure .header .main-menu__dropdown {
    transition: opacity 0.15s;
}
.bizprocure .header .main-menu__dropdown__main > .col > :last-child {
    margin-bottom: 20px;
}
@media (max-width: 480px) {
    .bizprocure .header .main-menu__dropdown__main > .col > .col-row > .col + .col {
        margin-top: 16px;
    }
}
.bizprocure .header .main-menu__dropdown-link__icon {
    color: #1d2452;
}
@media (max-width: 1023px) {
    .bizprocure .header .main-menu__dropdown .h6,
    .bizprocure .header .main-menu__dropdown h6 {
        display: inline-flex;
        flex-wrap: wrap;
        gap: 8px 12px;
        margin-bottom: 24px;
    }
    .bizprocure .header .main-menu__dropdown .h6 a,
    .bizprocure .header .main-menu__dropdown h6 a {
        margin: 0;
    }
    .bizprocure .header .main-menu__dropdown .mb-32--mob {
        margin-bottom: 32px;
    }
}
@media (max-width: 768px) {
    .bizprocure .header .main-menu__dropdown .mb-12--mob {
        margin-bottom: 12px;
    }
}
.bizprocure .header .main-menu__dropdown-link {
    margin-bottom: 0;
}
@media (max-width: 768px) {
    .bizprocure .header .main-menu__dropdown-link {
        line-height: 24px;
    }
}
.bizprocure .header .main-menu__dropdown-link__icon {
    border-radius: 0;
}
@media (max-width: 768px) {
    .bizprocure .header .main-menu__dropdown-link__icon {
        font-size: 24px;
    }
}
@media (max-width: 1024px) and (min-width: 769px) {
    .bizprocure .header .menu-resources .main-menu__dropdown__main > .col:not(:first-child) {
        border-left: 1px solid var(--color-light-grey);
        border-top: 0;
        margin-top: 0;
        padding-left: 80px;
        padding-top: 0;
    }
}
@media (max-width: 639px) {
    .bizprocure .header .nav-list {
        flex-direction: column;
        gap: 16px;
    }
}
.bizprocure .header .nav-list .nav-link {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}
.bizprocure .header .nav-link {
    color: var(--color-night-blue);
    transition: all 0.1s;
}
.bizprocure .header .nav-link:hover {
    color: var(--color-deep-blue);
}
.bizprocure .header .nav-link:active {
    color: #1d1df3;
}
.bizprocure .header .icons-row {
    row-gap: 16px;
}
.bizprocure .header .icons-row > .col {
    display: flex;
}
@media (max-width: 1023px) {
    .bizprocure .header .main-menu__item {
        margin-bottom: 10px;
    }
}
.bizprocure .header .main-menu__link {
    transition: all 0.35s ease;
}
@media (max-width: 1023px) {
    .bizprocure .header .main-menu__link {
        font-weight: 600;
    }
    .bizprocure .header .lang {
        margin-bottom: 24px;
        margin-top: 4px;
    }
    .bizprocure .header .header__controls-list {
        margin: 0 0 24px;
        width: 100%;
    }
}
.bizprocure .header .lang__dropdown {
    transition: opacity 0.15s;
}
@media (min-width: 1024px) {
    .bizprocure .header .lang__dropdown {
        border-radius: 8px;
        filter: drop-shadow(0 12px 26px rgba(0, 4, 98, 0.04)) drop-shadow(0 40px 80px rgba(0, 4, 98, 0.04));
        padding: 8px 0;
        top: calc(100% + 13px);
    }
}
@media (max-width: 1023px) {
    .bizprocure .header .lang__dropdown {
        margin-bottom: 16px;
    }
}
.bizprocure .header .lang__dropdown:before {
    background: transparent;
    top: -13px;
}
.bizprocure .header .lang__lang-list__item--active .lang__lang-list__option {
    background: var(--color-light);
    color: var(--color-deep-blue);
}
.bizprocure .header a.lang__lang-list__option:hover {
    background: #edeef3;
    color: var(--color-deep-blue);
}
@media (min-width: 1025px) and (max-width: 1199px) {
    .bizprocure .header .header__controls .new-btn {
        padding: 8px 15px;
    }
}
.bizprocure .header .burger i {
    left: calc(50% - 9px);
    width: 18px;
}
@media (max-width: 768px) {
    .bizprocure .footer {
        padding-bottom: 15px;
    }
    .bizprocure .footer__title {
        font-weight: 700;
    }
    .bizprocure .footer .col:not(:last-child) .footer-list {
        margin-bottom: 24px;
    }
}
@media (min-width: 769px) {
    .bizprocure .footer__info:not(:first-child) {
        padding-top: 36px;
    }
}
@media (max-width: 768px) {
    .bizprocure .footer__info:not(:first-child) {
        margin-top: 24px;
    }
    .bizprocure .footer__info__main {
        margin-bottom: 20px;
    }
}
.bizprocure .footer__socials {
    align-self: flex-end;
}
.bizprocure .footer__uptime {
    transition: all 0.1s;
}
.bizprocure .footer__uptime:hover {
    color: var(--color-deep-blue);
}
@media (max-width: 768px) {
    .bizprocure .footer .footer-list li {
        display: inline-block;
        position: relative;
        vertical-align: middle;
        width: 80%;
    }
}
@media (max-width: 360px) {
    .bizprocure .footer .footer-list li {
        width: 100%;
    }
}
.hero-section__visual {
    margin-left: auto;
    top: 8px;
}
.hero-section__visual img {
    min-height: 260px;
}
.workflow-section {
    margin: 0 !important;
}
@media (max-width: 1024px) {
    .workflow-section .section-head {
        max-width: 490px;
    }
}
@media (max-width: 768px) {
    .workflow-section .section-head {
        max-width: 100%;
    }
}
@media (max-width: 479px) {
    .workflow-section .section-head {
        max-width: 330px;
    }
}
.workflow-section .section-head__topic {
    margin-bottom: 16px;
}
@media (max-width: 1023px) {
    .workflow-section .section-head__topic {
        margin-bottom: 8px;
    }
}
.workflow-section .default-section__content {
    color: var(--color-purple-navy);
    max-width: 420px;
}
@media (max-width: 1024px) {
    .workflow-section .default-section__content {
        max-width: 390px;
    }
}
@media (max-width: 479px) {
    .workflow-section .default-section__content {
        max-width: 330px;
    }
}
.workflow-section .slick-slider.slick-initialized {
    display: flex;
    position: relative;
}
.workflow-section .slick-slide {
    padding: 0 12px;
}
.workflow-section .slick-slide:first-child {
    padding-left: 0;
}
.workflow-section .slick-slide:last-child {
    padding-right: 0;
}
.workflow-section .slick-arrow {
    background-color: var(--color-light);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    font-size: 0;
    height: 40px;
    margin: 0;
    text-indent: -9999px;
    top: calc(50% - 20px);
    width: 40px;
}
@media (max-width: 768px) {
    .workflow-section .slick-arrow {
        background-size: 13px;
        width: 20px;
    }
}
.workflow-section .slick-arrow:not(.slick-disabled):hover {
    transform: unset;
}
.workflow-section .slick-arrow:after {
    content: "";
    height: 40px;
    position: absolute;
    top: calc(50% - 20px);
    width: 20px;
}
.workflow-section .slick-prev {
    left: -12px;
}
.workflow-section .slick-prev:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%234545F5' stroke-width='1.5' d='M5 1.5 11.5 8 5 14.5'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 13px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: rotate(180deg);
    width: 100%;
}
@media (max-width: 768px) {
    .workflow-section .slick-prev {
        left: -6px;
    }
}
.workflow-section .slick-prev:after {
    background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
    left: 40px;
}
@media (max-width: 768px) {
    .workflow-section .slick-prev:after {
        left: 19px;
    }
}
.workflow-section .slick-next {
    right: -12px;
}
.workflow-section .slick-next:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%234545F5' stroke-width='1.5' d='M5 1.5 11.5 8 5 14.5'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 13px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
@media (max-width: 768px) {
    .workflow-section .slick-next {
        right: -6px;
    }
}
.workflow-section .slick-next:after {
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff);
    right: 40px;
}
@media (max-width: 768px) {
    .workflow-section .slick-next:after {
        right: 19px;
    }
}
.workflow-section .slick-disabled {
    display: none !important;
}
.workflow-section .companies {
    margin: 80px 0 0;
    min-height: 380px;
}
@media (max-width: 1439px) {
    .workflow-section .companies {
        margin: 40px 0 0;
    }
}
.workflow-section .companies-list {
    margin: -12px;
}
.workflow-section .companies-filter {
    color: var(--color-purple-navy);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0 0 32px;
    max-height: 24px;
    overflow: hidden;
}
.workflow-section .companies-filter__all:after {
    color: #d9dbe3;
    content: "|";
    margin-left: 24px;
}
.workflow-section .companies-filter span {
    cursor: pointer;
    transition: all 0.1s ease;
}
.workflow-section .companies-filter span.active,
.workflow-section .companies-filter span:hover {
    color: var(--color-deep-blue);
}
.workflow-section .companies-view {
    margin-top: 40px;
    text-align: center;
}
@media (max-width: 1024px) and (min-width: 480px) {
    .workflow-section .companies-view {
        display: none;
    }
}
.workflow-section .companies-view .cta i {
    transition: all 0.1s;
}
.workflow-section .companies-view .cta.less i {
    transform: rotate(180deg);
}
.workflow-section .company {
    background: var(--color-light);
    border: 1.5px solid #edeef3;
    border-radius: 8px;
    box-shadow: 0 4px 4px rgba(0, 4, 98, 0.04);
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
    padding: 18px;
    position: relative;
    transition: all 0.1s ease;
}
.workflow-section .company__icon {
    display: inline-flex;
    margin-bottom: 16px;
}
.workflow-section .company__icon svg {
    height: 40px;
    width: auto;
}
.workflow-section .company__content {
    margin-bottom: 12px;
    max-width: 100%;
}
@media (max-width: 1023px) {
    .workflow-section .company__content {
        margin-bottom: 36px;
    }
}
.workflow-section .company__content p:last-child {
    margin-bottom: 0;
}
.workflow-section .company__name {
    margin-bottom: 6px;
}
.workflow-section .company__tags {
    display: flex;
    gap: 8px;
    margin-top: auto;
}
.workflow-section .company__tag {
    background: #f5f6fa;
    border-radius: 20px;
    color: #565b7d;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 4px 12px;
}
.workflow-section .company-wrp.col {
    padding: 12px;
    width: 25%;
}
@media (max-width: 1024px) {
    .workflow-section .company-wrp.col {
        width: 33.33%;
    }
}
@media (max-width: 768px) {
    .workflow-section .company-wrp.col {
        width: 50%;
    }
}
@media (max-width: 479px) {
    .workflow-section .company-wrp.col {
        width: 100%;
    }
}
.workflow-section .company-wrp.col-33 {
    width: 33.33%;
}
@media (max-width: 768px) {
    .workflow-section .company-wrp.col-33 {
        width: 50%;
    }
}
@media (max-width: 479px) {
    .workflow-section .company-wrp.col-33 {
        width: 100%;
    }
}
.workflow-section .company-wrp.col-50 {
    width: 50%;
}
@media (max-width: 768px) {
    .workflow-section .company-wrp.col-50 {
        width: 50%;
    }
}
@media (max-width: 479px) {
    .workflow-section .company-wrp.col-50 {
        width: 100%;
    }
}
.workflow-section a.company:hover {
    box-shadow:
        0 12px 26px rgba(0, 4, 98, 0.04),
        0 40px 80px rgba(0, 4, 98, 0.04);
}
.reviews-section__title {
    text-align: center;
}
@media (max-width: 1023px) {
    .reviews-section__title strong {
        margin-bottom: 16px;
    }
}
.reviews-section .review-item__text {
    font-weight: 600;
}
@media (max-width: 768px) {
    .reviews-section .review-item__author {
        margin-top: 24px;
    }
}
.reviews-section .reviews-slider__reviews {
    position: relative;
}
@media (max-width: 480px) {
    .reviews-section .reviews-slider__reviews .slick-arrow {
        top: calc(50% - 57px);
    }
}
@media (min-width: 1440px) {
    .reviews-section .reviews-slider__reviews .slick-next {
        right: -48px;
    }
    .reviews-section .reviews-slider__reviews .slick-prev {
        left: -48px;
    }
}
.reviews-section .reviews-slider__switcher {
    margin-bottom: 0;
    margin-top: 28px;
}
@media (max-width: 767px) {
    .reviews-section .reviews-slider__switcher {
        margin-top: -11px;
    }
}
@media (max-width: 480px) {
    .reviews-section .reviews-slider__switcher {
        margin-top: 0;
    }
}
.reviews-section .reviews-slider__switcher .slick-slide > div {
    display: flex;
    justify-content: center;
}
@media (min-width: 768px) {
    .reviews-section .reviews-slider__company:before {
        padding-top: 13%;
    }
}
@media (max-width: 767px) {
    .reviews-section .reviews-slider__company:before {
        padding-top: 18%;
    }
}
.reviews-section .slick-slide:not(.slick-current) .reviews-slider__company:not(:hover) {
    opacity: 0.4;
}
.reviews-section .tw-control:hover {
    --tw-scale-x: 1 !important;
    --tw-scale-y: 1 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
        skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
@media not all and (min-width: 1024px) {
    .reviews-section .tw-control {
        top: calc(100% + 110px) !important;
    }
}
@media not all and (min-width: 768px) {
    .reviews-section .tw-control {
        top: calc(100% + 62px) !important;
    }
}
@media (min-width: 1440px) {
    .reviews-section .tw-control {
        height: 56px !important;
        width: 56px !important;
    }
}
@media not all and (min-width: 768px) {
    .reviews-section .tw-control.slick-next {
        right: 0;
    }
    .reviews-section .tw-control.slick-prev {
        left: 0;
    }
}
.reviews-endorsal-section {
    background: linear-gradient(102.29deg, #f9fafc, #f0f4fa), #f7f9fc;
    border: 0 !important;
    padding-bottom: 100px;
    padding-top: 120px;
}
@media (max-width: 1439px) {
    .reviews-endorsal-section {
        padding-bottom: 60px;
        padding-top: 80px;
    }
}
@media (max-width: 1023px) {
    .reviews-endorsal-section {
        padding-bottom: 60px;
        padding-top: 60px;
    }
}
.reviews-endorsal-section .reviews-section__title {
    margin: 0 auto 80px;
    max-width: 720px;
}
@media (max-width: 1023px) {
    .reviews-endorsal-section .reviews-section__title {
        margin-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .reviews-endorsal-section .reviews-section__title {
        margin-bottom: 40px;
    }
}
.reviews-endorsal-section .ndrsl-widget .ndrsl-carousel-item-inner .ndrsl-live-testimonial {
    background-color: var(--color-light) !important;
}
@media (max-width: 767px) {
    .custom-integration-section {
        padding-bottom: 25px;
    }
    .custom-integration-section .default-section__visual--from-top {
        margin-bottom: -26px;
    }
    .custom-integration-section .default-section__visual--from-top:before {
        padding-top: 81.2%;
    }
    .customers-section {
        padding-bottom: 25px;
    }
}
.customers-section .customers {
    margin-bottom: 0;
}
@media (min-width: 768px) {
    .customers-section .customers {
        margin-top: 79px;
    }
}
@media (max-width: 767px) {
    .customers-section .customers {
        margin-left: -20px;
        margin-right: -20px;
    }
}
.customers-section .customers .slick-slide > div {
    display: flex;
    justify-content: center;
    width: 184px;
}
@media (max-width: 480px) {
    .customers-section .customers .slick-slide:not(.slick-current) .customer-col {
        opacity: 1;
    }
}
@media (min-width: 481px) {
    .customers-section .customers .slick-slide:not(.slick-current) .customer-col {
        opacity: 1;
    }
}
@media (max-width: 767px) {
    .customers-section .customer-col {
        margin: 0;
    }
}
.customers-section .customer-col__title {
    max-width: 100%;
}
.customers-section .customer-col__company svg {
    height: 100%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    padding: 16px;
    position: absolute;
    top: 0;
    width: 100%;
}
@media (min-width: 769px) {
    .customers-section .customers-button {
        margin: 40px 0 0;
    }
}
@media (max-width: 768px) {
    .customers-section .customers-button {
        margin: 35px 0 0;
    }
}
.demo-section {
    border-bottom: 1px solid rgba(29, 36, 82, 0.08);
    border-top: 1px solid rgba(29, 36, 82, 0.08);
    display: flex;
    flex-wrap: wrap;
}
.demo-section .t-center {
    text-align: center;
}
.demo-section .half-section {
    padding: 120px 44px;
    width: 50%;
}
@media (max-width: 1439px) {
    .demo-section .half-section {
        padding: 100px 24px;
    }
}
@media (max-width: 1023px) {
    .demo-section .half-section {
        padding: 60px 20px;
        width: 100%;
    }
}
@media (min-width: 1440px) {
    .demo-section .left-section .half-container {
        margin-right: 0;
    }
    .demo-section .left-section .book-form,
    .demo-section .left-section .demo-section__content,
    .demo-section .left-section .demo-section__head {
        margin-left: 0;
    }
}
.demo-section .right-section {
    position: relative;
}
.demo-section .right-section:before {
    background-image: url(images/bg-frame-light.008c8bc7.svg);
    background-position: 25% 90%;
    background-repeat: no-repeat;
    background-size: 230%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
@media (max-width: 1199px) {
    .demo-section .right-section:before {
        background-size: 220%;
    }
}
@media (max-width: 1439px) {
    .demo-section .right-section:before {
        background-size: 150%;
    }
}
@media (max-width: 767px) {
    .demo-section .right-section:before {
        content: none;
    }
}
.demo-section .right-section > div {
    position: relative;
    z-index: 1;
}
@media (min-width: 1440px) {
    .demo-section .right-section .half-container {
        margin-left: 0;
    }
    .demo-section .right-section .demo-section__head,
    .demo-section .right-section .demo-section__image {
        margin-right: 0;
    }
}
.demo-section__head {
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 22px !important;
    font-weight: 600;
    line-height: 32px !important;
    margin: 0 auto 12px;
    max-width: 360px;
}
.demo-section__content {
    color: var(--color-purple-navy);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0 auto;
    max-width: 370px;
}
.demo-section__form {
    margin-top: 24px;
}
@media (max-width: 767px) {
    .demo-section__form {
        margin-top: 16px;
    }
}
.demo-section__form .book-form {
    box-shadow: none;
    display: flex;
    flex-wrap: wrap;
    gap: 16px 12px;
    margin: 0 auto;
    max-width: 372px;
    padding: 0;
}
@media (min-width: 1440px) {
    .demo-section__form .book-form {
        margin-left: 0;
    }
}
@media (max-width: 767px) {
    .demo-section__form .book-form {
        gap: 12px;
    }
}
.demo-section__form .book-form__submit {
    margin-top: 8px;
    width: 100%;
}
@media (max-width: 767px) {
    .demo-section__form .book-form__submit {
        margin-top: 12px;
    }
}
.demo-section__form .book-form__submit .cta {
    width: 100%;
}
.demo-section__image {
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    max-width: 360px;
    position: relative;
}
.demo-section__image:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='96' fill='none'%3E%3Cpath fill='%237474F7' d='M.75 4.578a.75.75 0 1 0 0 1.5v-1.5zm248.664 90.43a.75.75 0 0 0 .962.446l6.338-2.322a.75.75 0 1 0-.516-1.409l-5.634 2.065-2.064-5.634a.75.75 0 0 0-1.409.516l2.323 6.338zM.75 6.078c14.572 0 41.116-2.2 71.68-3.548 30.611-1.35 65.332-1.85 96.416 1.535 31.124 3.388 58.434 10.657 74.368 24.715 7.941 7.006 13.051 15.692 14.417 26.452 1.369 10.778-1.01 23.71-8.193 39.203l1.361.63c7.258-15.654 9.736-28.876 8.32-40.022-1.417-11.164-6.731-20.17-14.913-27.388-16.31-14.389-44.037-21.689-75.198-25.082-31.201-3.397-66.014-2.892-96.644-1.542C41.69 2.384 15.287 4.578.75 4.578v1.5z'/%3E%3Cpath stroke='%237474F7' stroke-linecap='round' stroke-width='1.5' d='M17.75 15.451c23-3.201 66-6.201 113-6.201'/%3E%3C/svg%3E");
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 94px;
    position: absolute;
    right: -43px;
    top: -36px;
    width: 258px;
}
@media (min-width: 1024px) and (max-width: 1199px) {
    .demo-section__image:before {
        right: -18px;
    }
}
@media (max-width: 1023px) {
    .demo-section__image:before {
        height: 60px;
        right: -13px;
        top: -35px;
        width: 167px;
    }
}
.demo-section__image lottie-player {
    max-width: 100%;
}
.demo-section__image img {
    height: auto;
    width: 100%;
}
.integration_process-section {
    margin: 0 !important;
}
@media (max-width: 767px) {
    .integration_process-section .section-head h2 {
        padding: 0 5px;
    }
    .integration_process-section .section-head h2 br {
        display: none;
    }
}
.integration_process-section .steps-list {
    margin-bottom: -40px;
}
@media (max-width: 768px) {
    .integration_process-section .steps-list {
        margin-bottom: -24px;
    }
    .integration_process-section .step-item {
        margin-bottom: 24px;
    }
    .integration_process-section .step-item:not(:first-child) {
        padding-top: 84px;
    }
}
.integration_process-section .step-item:not(:first-child):before {
    border: 0;
    color: var(--color-deep-blue);
    content: ".................................................";
    font-size: 30px;
    letter-spacing: 5px;
    line-height: 0;
    overflow: hidden;
    top: 22px;
    white-space: nowrap;
}
@media (min-width: 769px) {
    .integration_process-section .step-item:not(:first-child):before {
        height: 14px;
    }
}
@media (max-width: 768px) {
    .integration_process-section .step-item:not(:first-child):before {
        height: 18px;
        left: calc(50% - 28px);
        transform: rotate(90deg);
        transform-origin: center;
        width: 61px;
    }
}
.integration_process-section .step-item__number {
    margin-bottom: 24px;
}
@media (max-width: 768px) {
    .integration_process-section .step-item__number {
        margin-bottom: 16px;
    }
    .integration_process-section .step-item__title {
        font-size: 18px;
        line-height: 28px;
    }
}
.integration_process-section .step-item__text {
    color: var(--color-purple-navy);
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 0;
}
@media (max-width: 768px) {
    .integration_process-section .step-item__text {
        font-size: 16px;
        line-height: 24px;
    }
}
.integration-features-section {
    margin: 0 !important;
}
@media (max-width: 768px) {
    .integration-features-section .default-section__content {
        margin-bottom: 24px;
    }
}
.integration-features-section .default-section__visual {
    margin-top: -24px;
}
@media (max-width: 768px) {
    .integration-features-section .default-section__visual {
        margin-left: -13px;
        margin-right: -13px;
        margin-top: 0;
    }
}
.integration-features-section .advantages {
    margin-bottom: -60px;
    padding-top: 0;
}
@media (max-width: 768px) {
    .integration-features-section .advantages {
        margin-bottom: -32px;
        margin-top: 40px;
    }
}
.integration-features-section .advantage-item__icon {
    padding: 16px;
}
@media (min-width: 769px) {
    .integration-features-section .advantage-item__icon {
        margin-bottom: 24px;
    }
}
.integration-features-section .advantage-item__title {
    font-family: Inter, Arial, Helvetica, sans-serif;
    margin: 0;
}
@media (max-width: 768px) {
    .integration-features-section .advantage-item__title strong {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 8px;
    }
    .integration-features-section .advantage-item p {
        font-size: 16px;
        line-height: 24px;
    }
}
.benefits-section {
    margin: 0 !important;
}
@media (min-width: 769px) {
    .benefits-section .benefits-list {
        margin-bottom: -40px;
    }
}
@media (max-width: 768px) {
    .benefits-section .benefits-list {
        margin-bottom: -24px;
    }
}
.benefits-section .benefit-item__icon {
    padding: 16px;
}
@media (min-width: 769px) {
    .benefits-section .benefit-item__icon {
        margin-bottom: 24px;
    }
}
@media (max-width: 768px) {
    .benefits-section .benefit-item__icon {
        margin-bottom: 16px;
    }
}
.benefits-section .benefit-item__title {
    font-family: Inter, Arial, Helvetica, sans-serif;
}
@media (max-width: 768px) {
    .benefits-section .benefit-item__title {
        font-size: 18px;
        line-height: 28px;
    }
    .benefits-section .benefit-item__content p {
        font-size: 16px;
        line-height: 24px;
    }
}
@media (min-width: 769px) {
    .benefits-section .benefits-list--striped {
        margin-bottom: -40px;
    }
}
@media (max-width: 768px) {
    .benefits-section .benefits-list--striped {
        margin-bottom: -24px;
    }
    .benefits-section .benefits-list--striped .benefit-item {
        margin-bottom: 24px;
    }
}
.benefits-section .benefits-list--striped .benefit-item:not(:first-child):before {
    border: 0;
    color: var(--color-deep-blue);
    content: ".................................................";
    font-size: 30px;
    letter-spacing: 5px;
    line-height: 0;
    overflow: hidden;
    top: 22px;
    white-space: nowrap;
}
@media (min-width: 769px) {
    .benefits-section .benefits-list--striped .benefit-item:not(:first-child):before {
        height: 14px;
    }
}
@media (max-width: 768px) {
    .benefits-section .benefits-list--striped .benefit-item:not(:first-child):before {
        height: 18px;
        left: calc(50% - 28px);
        transform: rotate(90deg);
        transform-origin: center;
        width: 61px;
    }
}
.benefits-section .benefits-list--inline .benefit-item__icon {
    margin-right: 16px;
}
.benefits-section .benefits-list--inline .benefit-item__content p {
    margin-bottom: 0;
}
.benefits-section .benefits-list--inline .benefit-item__more {
    margin-top: 24px;
    min-height: unset;
}
.benefits-section .benefits-list--left .benefit-item {
    text-align: left;
}
.benefits-section .benefits-list--left .benefit-item__icon {
    margin-left: 0;
}
@media (max-width: 767px) {
    .benefits-section.reasons-section .benefits-list {
        margin-bottom: -32px;
    }
}
.supporter-section .default-section__visual {
    margin-bottom: -120px;
    margin-left: auto;
    margin-top: -120px;
    max-width: 436px;
}
@media (max-width: 1439px) {
    .supporter-section .default-section__visual {
        margin-bottom: -100px;
        margin-right: auto;
        margin-top: -100px;
        max-width: 34vw;
    }
}
@media (max-width: 1024px) {
    .supporter-section .default-section__visual {
        max-width: 37vw;
    }
}
@media (max-width: 768px) {
    .supporter-section .default-section__visual {
        margin: 0 auto -60px;
        max-width: 60%;
    }
}
@media (max-width: 480px) {
    .supporter-section .default-section__visual {
        max-width: 269px;
    }
}
@media (max-width: 768px) {
    .supporter-section .default-section__visual__visual--from-top:before {
        padding-top: 106%;
    }
}
@media (min-width: 769px) {
    .intro-section {
        background:
            url(images/bg-frame.108f564a.svg) calc(50% + 285px) calc(50% - 17px) / 133% auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
@media (max-width: 768px) {
    .intro-section {
        background:
            url(images/bg-frame-light--mobile.89635ce5.svg) calc(50% + 45px) calc(50% + 170px) / 860px auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
@media (min-width: 1440px) {
    .intro-section .default-section__visual {
        max-width: 528px;
    }
}
@media (max-width: 768px) {
    .intro-section .default-section__visual {
        margin-left: auto;
        padding: 0 21px;
    }
}
.intro-section .default-section__content p:last-child {
    margin-bottom: 0;
}
@media (min-width: 769px) {
    .intro-section--center {
        background:
            url(images/bg-frame.108f564a.svg) 50% calc(50% - 30px) / 170% auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
@media (max-width: 768px) {
    .intro-section--center {
        background:
            url(images/bg-frame-light--mobile.89635ce5.svg) calc(50% - 50px) calc(50% + 210px) / 680px auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
.intro-section--center .tags-list--center {
    justify-content: center;
}
@media (max-width: 768px) {
    .intro-section--center .tags-list--center {
        margin-bottom: 24px;
        margin-top: 24px;
    }
}
@media (max-width: 767px) {
    .intro-section--center .tags-list--center .tags-list__item {
        margin: 0 4px 6px;
    }
    .intro-section--center .tags-list--center .tag {
        padding: 6px 11px;
    }
}
@media (min-width: 769px) {
    .comparison-section {
        background:
            url(images/bg-frame.108f564a.svg) calc(50% + 255px) calc(50% - 20px) / 155% auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
@media (max-width: 768px) {
    .comparison-section {
        background:
            url(images/bg-frame-light--mobile.89635ce5.svg) calc(50% + 50px) calc(50% + 360px) / 800px auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
@media (min-width: 1024px) {
    .comparison-section > .container > .col-row {
        row-gap: 64px;
    }
}
@media (max-width: 1023px) {
    .comparison-section > .container > .col-row .col:nth-child(2) {
        order: 2;
    }
    .comparison-section > .container > .col-row .col:nth-child(4) {
        order: 3;
    }
}
.comparison-section .track-item__report {
    min-height: unset;
}
.comparison-section .new-btn__icon {
    display: flex;
    font-size: unset;
    line-height: 24px;
    margin-right: 12px;
}
.comparison-section .new-btn__icon .icon {
    height: 24px;
    width: 24px;
}
.comparison-section .default-section__content p {
    margin-bottom: 0;
}
.key-features .benefit-section {
    padding-bottom: 120px;
    padding-top: 120px;
}
@media (max-width: 1439px) {
    .key-features .benefit-section {
        padding-bottom: 80px;
        padding-top: 80px;
    }
}
@media (max-width: 1023px) {
    .key-features .benefit-section {
        padding-bottom: 60px;
        padding-top: 60px;
    }
}
@media (max-width: 768px) {
    .key-features .benefit-section:first-child {
        padding-top: 60px;
    }
}
.key-features .benefit-section__visual {
    max-width: 528px;
}
@media (min-width: 769px) {
    .key-features .benefit-section__visual {
        margin-bottom: -10px;
    }
}
@media (max-width: 768px) {
    .key-features .benefit-section__visual {
        left: -14px;
        width: calc(100% + 28px);
    }
    .key-features .benefit-section__visual:before {
        padding-top: 74%;
    }
}
.key-features .benefit-section__content {
    margin-bottom: 0;
}
@media (min-width: 769px) {
    .key-features .custom-fields .benefit-section__visual {
        left: -22px;
        margin: -18px 0 -2px;
        top: 28px;
    }
}
@media (max-width: 768px) {
    .key-features .custom-fields .benefit-section__visual {
        margin: -5px auto 3px;
    }
}
@media (min-width: 769px) {
    .key-features .warehouse .benefit-section__visual {
        left: 22px;
        margin: 12px 0 -4px;
        top: 1px;
    }
}
@media (max-width: 768px) {
    .key-features .warehouse .benefit-section__visual {
        margin: -22px auto 18px;
    }
}
@media (min-width: 769px) {
    .key-features .steps .benefit-section__visual {
        left: -22px;
        margin: 22px 0 -11px;
        max-width: 528px;
        top: -12px;
    }
}
@media (max-width: 768px) {
    .key-features .steps .benefit-section__visual {
        margin: -4px auto 8px;
    }
}
.key-features .steps .benefit-section__content p {
    margin-bottom: 0;
}
.bizprocure .partners-section .partners-list {
    height: 80px;
    margin: 60px 0 0;
    opacity: 0;
    padding: 0;
}
@media (max-width: 767px) {
    .bizprocure .partners-section .partners-list {
        height: 68px;
        margin-top: 40px;
    }
}
.bizprocure .partners-section .partners-list.slick-initialized {
    opacity: 1;
}
.bizprocure .partners-section .partners-list .slick-list {
    margin: 0;
    padding: 0;
}
.bizprocure .partners-section .partners-btn {
    margin-top: 40px;
}
@media (min-width: 481px) {
    .bizprocure .partners-section .slick-slide {
        margin: 0 8px;
    }
}
.bizprocure .partners-section .partner-item {
    margin: 0;
}
.bizprocure .partners-section .partner-item:before {
    padding-top: 80px;
}
@media (max-width: 767px) {
    .bizprocure .partners-section .partner-item:before {
        padding-top: 68px;
    }
}
.bizprocure .partners-section .partner-item svg {
    display: block;
    height: 48px;
    left: 50%;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 160px;
}
@media (max-width: 767px) {
    .bizprocure .partners-section .partner-item svg {
        height: 36px;
        width: 120px;
    }
}
.contacts-section {
    margin: 0 !important;
}
@media (max-width: 1023px) {
    .contacts-section-wrp {
        margin-bottom: -32px;
    }
}
.contacts-section .col-row > .col {
    display: flex;
}
.contacts-section .contacts-item {
    align-items: flex-start;
    background: transparent;
    display: flex;
    flex-direction: column;
    text-align: left;
    transition: all 0.15s;
}
.contacts-section .contacts-item:hover {
    box-shadow:
        0 12px 26px rgba(0, 4, 98, 0.04),
        0 40px 80px rgba(0, 4, 98, 0.04);
}
@media (min-width: 1024px) {
    .contacts-section .contacts-item {
        border: 1.5px solid rgba(188, 194, 218, 0.25);
        border-radius: 8px;
        box-shadow: 0 4px 4px rgba(0, 4, 98, 0.04);
        padding: 32px;
    }
}
@media (max-width: 1023px) {
    .contacts-section .contacts-item {
        margin-bottom: 32px;
        padding: 20px 40px 20px 0;
    }
}
.contacts-section .contacts-item__icon {
    display: inline-flex;
    margin-bottom: 16px;
}
.contacts-section .contacts-item__icon .icon {
    height: 32px;
    width: 32px;
}
.contacts-section .contacts-item .contacts-item__title {
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 12px;
}
@media (max-width: 1023px) {
    .contacts-section .contacts-item .contacts-item__title {
        font-size: 18px;
        line-height: 28px;
    }
}
.contacts-section .contacts-item__description {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 24px;
}
@media (min-width: 1440px) {
    .contacts-section .contacts-item__description {
        margin-right: -3px;
    }
}
.contacts-section .contacts-item__btn {
    margin-top: auto;
    min-height: unset;
    padding: 0;
}
@media (max-width: 1023px) {
    .contacts-section--pure .contacts-section-wrp {
        margin-bottom: -32px;
        padding-bottom: 0;
    }
}
.contacts-section--pure .contacts-item {
    background: var(--color-light);
    border: 0;
}
@media (max-width: 1023px) {
    .contacts-section--pure .contacts-item {
        border-radius: 8px;
        padding: 20px;
    }
}
@media (max-width: 768px) {
    .contacts-section--pure .contacts-item {
        box-shadow: 0 4px 4px rgba(0, 4, 98, 0.04);
    }
}
.contacts-section--pure .contacts-item__icon {
    color: var(--color-night-blue);
}
.contacts-section--pure .contacts-item__btn .new-btn__text:after {
    content: none;
}
.addons-section {
    margin: 0 !important;
}
.addons-section .section-head__topic {
    font-weight: 600;
}
.addons-section .default-section__content {
    max-width: 528px;
}
@media (min-width: 769px) {
    .addons-section .default-section__content {
        font-size: 18px;
        line-height: 28px;
    }
}
.addons-section .default-section__content p {
    margin: 0;
}
.addons-section .overview-list {
    margin-top: 60px;
}
@media (max-width: 768px) {
    .addons-section .overview-list {
        margin-top: 40px;
    }
}
.book-demo-section {
    border: 0;
}
@media (min-width: 769px) {
    .book-demo-section {
        background:
            url(images/bg-frame-blue.e8174635.svg) calc(50% + 5px) calc(50% + 5px) / 124% auto no-repeat,
            linear-gradient(98.24deg, #1d2452, #2d3466),
            #1d2452;
    }
}
@media (max-width: 768px) {
    .book-demo-section {
        background: linear-gradient(98.24deg, #1d2452, #2d3466), #1d2452;
    }
}
.book-demo-section .section-head--center {
    max-width: 720px;
}
.book-demo-section .default-section__content p a:not(.link--arrow):not(.link--icon) {
    color: var(--color-turquoise);
}
.book-demo-section .default-section__content p a:not(.link--arrow):not(.link--icon):is(:hover, :active) {
    color: var(--color-turquoise-75);
}
@media (max-width: 768px) {
    .book-demo-section .default-section__content__btn {
        margin-top: 28px;
    }
}
@media (min-width: 769px) {
    .accordion-section .accordion {
        margin-top: 60px;
    }
}
@media (max-width: 768px) {
    .accordion-section .accordion {
        margin-top: 40px;
    }
}
.accordion-section .accordion-item__name {
    -webkit-tap-highlight-color: transparent;
    background-position: calc(100% - 30px);
    background-repeat: no-repeat;
    background-size: 22px 12px;
    border-bottom: 1px solid var(--color-light-grey);
    cursor: pointer;
    padding: 24px 160px 23px 24px;
    position: relative;
    transition: all 0.1s;
}
@media (max-width: 768px) {
    .accordion-section .accordion-item__name {
        background-position: calc(100% - 13px);
        background-size: 16px 8px;
        padding: 24px 56px 23px 8px;
    }
    .accordion-section .accordion-item__name:active {
        background-color: #edeef3;
    }
    .accordion-section .accordion-item__name .icon {
        color: inherit;
    }
}
.accordion-section .accordion-item__label {
    color: var(--color-purple-navy);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    opacity: 0;
    position: absolute;
    right: 80px;
    top: calc(50% - 12px);
    transition: all 0.1s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
@media (max-width: 768px) {
    .accordion-section .accordion-item__label {
        display: none;
    }
}
.accordion-section .accordion-item__content {
    display: none;
}
.accordion-section .accordion-item__content .overview-item {
    align-items: flex-start;
    padding: 24px;
    transition: all 0.1s;
}
@media (max-width: 768px) {
    .accordion-section .accordion-item__content .overview-item {
        padding: 24px 8px;
    }
}
@media (min-width: 769px) {
    .accordion-section .accordion-item__content .overview-item:hover {
        background: #edeef3;
    }
}
@media (max-width: 767px) {
    .accordion-section .accordion-item__content .overview-item__title {
        margin-bottom: 0;
    }
}
.accordion-section .accordion-item:not(.active) .accordion-item__name {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='12' fill='none'%3E%3Cpath stroke='%231D2452' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='m1 1 10 10L21 1'/%3E%3C/svg%3E");
}
.accordion-section .accordion-item:not(.active) .accordion-item__name:hover .label-show {
    opacity: 1;
}
.accordion-section .accordion-item:not(.active) .icon {
    color: inherit;
}
.accordion-section .accordion-item.active .accordion-item__name {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='12' fill='none'%3E%3Cpath stroke='%231D2452' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M1 11 11 1l10 10'/%3E%3C/svg%3E");
}
.accordion-section .accordion-item.active .accordion-item__name:hover .label-hide {
    opacity: 1;
}
.hero-section + .section-policy:not(.default-section--dark):not(.default-section--purple-navy) {
    margin: 0;
}
@media (max-width: 768px) {
    .section-privacy-policy .container {
        padding: 0;
    }
}
.section-policy {
    padding: 0;
}
.section-policy-wrp {
    border-bottom: 1px solid var(--color-light-grey);
    display: flex;
    justify-content: space-between;
    padding: 120px 0;
}
@media (max-width: 1439px) {
    .section-policy-wrp {
        padding: 100px 0;
    }
}
@media (max-width: 1023px) {
    .section-policy-wrp {
        padding: 80px 0;
    }
}
@media (max-width: 767px) {
    .section-policy-wrp {
        flex-direction: column;
        padding: 60px 0;
    }
}
@media (min-width: 768px) {
    .section-policy-sidebar {
        width: 252px;
    }
}
.section-policy-sidebar .sidebar-list {
    list-style: decimal inside;
}
@media (min-width: 768px) {
    .section-policy-sidebar .sidebar-list {
        max-height: calc(100vh - 130px);
        overflow-y: auto;
    }
}
.section-policy-sidebar .sidebar-list a {
    border-bottom: 1px solid var(--color-light-grey);
    color: var(--color-purple-navy);
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 15px 5px 16px;
    transition: color 0.15s;
}
.section-policy-sidebar .sidebar-list a:first-child {
    border-top: 1px solid var(--color-light-grey);
}
@media (min-width: 1025px) {
    .section-policy-sidebar .sidebar-list a:hover {
        color: var(--color-night-blue);
        font-weight: 600;
    }
}
@media (min-width: 768px) {
    .section-policy-sidebar .sidebar-list a.active {
        color: var(--color-night-blue);
        font-weight: 600;
    }
}
.section-policy-sidebar .sidebar-partial:not(.section-policy-sidebar .sidebar-partial:first-child) .sidebar-title {
    margin-top: 40px;
}
@media (min-width: 768px) {
    .section-policy-sidebar.fixedToTop {
        position: fixed;
        top: 130px;
    }
    .section-policy-sidebar.fixedToBottom {
        align-items: flex-end;
        display: flex;
    }
    .section-policy-content {
        margin-left: auto;
        max-width: 712px;
        width: calc(100% - 252px);
    }
}
@media (min-width: 768px) and (max-width: 1439px) {
    .section-policy-content {
        padding-left: 40px;
    }
}
@media (max-width: 767px) {
    .section-policy-content {
        padding-top: 30px;
    }
}
.section-policy-update {
    margin: 10px 0 40px;
}
.section-policy-update:not(:first-child) {
    margin-top: 60px;
}
.section-policy-wrp--dpa .section-policy-update {
    margin-bottom: 24px;
}
.section-policy-update .h3 {
    margin-bottom: 8px;
}
@media (max-width: 767px) {
    .section-policy-update .h3 {
        line-height: 28px;
    }
    .section-policy-update .date {
        font-size: 14px;
        line-height: 20px;
    }
}
.section-policy-about {
    margin-bottom: 40px;
}
.section-policy-about p {
    color: var(--color-purple-navy);
    font-size: 18px;
    line-height: 28px;
}
@media (max-width: 767px) {
    .section-policy-about p {
        font-size: 16px;
        line-height: 24px;
    }
}
.section-policy-about p strong {
    color: var(--color-night-blue);
    font-weight: 600;
}
.section-policy-text .anex-title {
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    margin: 0;
}
.section-policy-text .anex-title span {
    display: inline-block;
    margin-top: 24px;
    width: 100%;
}
.section-policy-text .h4 {
    font-family: Inter, Arial, Helvetica, sans-serif;
    margin-bottom: 24px;
    margin-top: 40px;
}
@media (max-width: 1024px) {
    .section-policy-text .h4 {
        margin-bottom: 16px;
        margin-top: 32px;
    }
    .section-policy-text .h4:not(.section-head--m-small) {
        font-size: 24px;
        line-height: 28px;
    }
}
@media (max-width: 767px) {
    .section-policy-text .h4:not(.section-head--m-small) {
        font-size: 18px;
        line-height: 28px;
    }
}
.section-policy-text div {
    color: var(--color-purple-navy);
    font-size: 18px;
    line-height: 28px;
}
@media (max-width: 767px) {
    .section-policy-text div {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 16px;
    }
}
.section-policy-text div strong {
    color: var(--color-night-blue);
    font-weight: 600;
}
.section-policy-text div li {
    margin-bottom: 24px;
}
.section-policy-text div li ul {
    margin-top: 12px;
}
.section-policy-text div li > ul {
    margin-left: 16px;
}
.section-policy-text div li:last-child {
    margin-bottom: 0;
}
.section-policy-text div > ul {
    margin-bottom: 24px;
    margin-top: 16px;
}
.section-policy-text div > ul > strong {
    display: inline-block;
    margin-bottom: 24px;
}
.section-policy-text div.contact-info li {
    margin: 0;
}
.section-policy-text div .text-list {
    display: inline-block;
    padding-left: 30px;
    position: relative;
}
@media (max-width: 767px) {
    .section-policy-text div .text-list {
        padding-left: 24px;
    }
}
.section-policy-text div .text-list:before {
    content: "•";
    left: 10px;
    position: absolute;
    top: 0;
}
@media (max-width: 767px) {
    .section-policy-text div .text-list:before {
        left: 8px;
    }
}
.section-policy-text > :first-child {
    margin-top: 10px;
}
.section-policy-text > :last-child {
    margin-bottom: 0;
}
.slider-tabs {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 80px;
    position: relative;
}
@media (max-width: 1024px) {
    .slider-tabs {
        margin-top: 40px;
    }
}
.slider-tabs:not(.slick-initialized) {
    flex-direction: column;
}
.slider-tabs:not(.slick-initialized):before {
    content: "";
    height: 40px;
    margin-bottom: 40px;
}
@media (max-width: 767px) {
    .slider-tabs:not(.slick-initialized):before {
        margin-bottom: 24px;
    }
    .slider-tabs {
        margin-top: 40px;
    }
}
.slider-tabs .slick-slide > div {
    display: flex;
}
.slider-tabs.slick-initialized:after {
    content: "";
}
.slider-tabs.slick-initialized .slick-slide {
    display: block !important;
}
.slider-tabs-status {
    color: #8e92a8;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 40px;
    padding: 6px 0;
    text-align: center;
}
@media (min-width: 768px) {
    .slider-tabs-status {
        display: none;
    }
}
.slider-tabs .tabs-slide-wrp {
    display: flex;
}
@media (min-width: 768px) {
    .slider-tabs .tabs-slide-wrp {
        gap: 40px;
        padding-right: 68px;
    }
}
@media (min-width: 1024px) {
    .slider-tabs .tabs-slide-wrp {
        gap: 68px;
    }
}
@media (max-width: 767px) {
    .slider-tabs .tabs-slide-wrp {
        flex-wrap: wrap;
    }
}
.slider-tabs .tabs-slide__img {
    width: 54.55%;
}
@media (max-width: 767px) {
    .slider-tabs .tabs-slide__img {
        max-width: 525px;
        order: 1;
        width: 100%;
    }
}
.slider-tabs .tabs-slide__img img {
    height: auto;
    width: 100%;
}
.slider-tabs .tabs-slide__img img.lazy {
    height: 604px !important;
    width: 528px !important;
}
.slider-tabs .tabs-slide__content {
    margin-top: 40px;
    width: calc(45.45% - 68px);
}
@media (max-width: 1023px) {
    .slider-tabs .tabs-slide__content {
        margin-top: 24px;
        width: calc(45.45% - 40px);
    }
}
@media (max-width: 767px) {
    .slider-tabs .tabs-slide__content {
        order: 2;
        width: 100%;
    }
}
.slider-tabs .tabs-slide__content .h4 {
    font-family: Inter, Arial, Helvetica, sans-serif;
}
@media (max-width: 767px) {
    .slider-tabs .tabs-slide__content .h4 {
        font-size: 22px;
    }
    .slider-tabs .tabs-slide__content .check-list {
        margin-top: 12px;
    }
}
.slider-tabs .slick-arrow {
    margin: 23px 0 0;
    transform: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
    .slider-tabs .slick-arrow {
        top: 166px;
    }
}
@media (max-width: 767px) {
    .slider-tabs .slick-arrow {
        margin: 0;
        top: calc(100% + 72px);
        transform: translateY(-100%);
    }
}
@media (min-width: 1200px) {
    .slider-tabs .slick-arrow:not(.slick-disabled):hover {
        transform: scale(1.2) !important;
    }
}
@media (max-width: 1023px) and (min-width: 768px) {
    .slider-tabs .slick-arrow:not(.slick-disabled):hover {
        transform: none;
    }
}
.slider-tabs .tabs-dots {
    -ms-overflow-style: none;
    display: flex;
    flex-direction: row;
    gap: 8px;
    margin-bottom: 40px;
    overflow-x: auto;
    scrollbar-width: none;
}
.slider-tabs .tabs-dots::-webkit-scrollbar {
    display: none;
}
@media (max-width: 767px) {
    .slider-tabs .tabs-dots {
        margin-bottom: 24px;
    }
}
.slider-tabs .tabs-dots .slick-active .tabs-dot {
    background: #0166cc;
    border-color: var(--color-deep-blue);
    color: var(--color-light);
    text-shadow: 0 0 1px var(--color-light);
}
.slider-tabs .tabs-dot {
    background: var(--color-light);
    border: 1.5px solid var(--color-deep-blue-50);
    border-radius: 20px;
    color: var(--color-deep-blue);
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    padding: 8px 20px;
    transition: all 0.15s;
    white-space: nowrap;
}
.slider-tabs .tabs-dot:hover {
    background: var(--color-deep-blue-15);
}
.slider-tabs--grey .tabs-slide-wrp {
    gap: 24px 48px;
}
@media (min-width: 768px) {
    .slider-tabs--grey .tabs-slide-wrp {
        background: linear-gradient(102.29deg, #f9fafc, #f0f4fa), #f7f9fc;
        border-radius: 8px;
        overflow: hidden;
        padding: 40px;
    }
}
@media (max-width: 1023px) {
    .slider-tabs--grey .tabs-slide-wrp {
        flex-wrap: wrap;
        gap: 24px;
    }
}
@media (max-width: 767px) {
    .slider-tabs--grey .tabs-slide-wrp {
        flex-direction: column;
    }
}
.slider-tabs--grey .tabs-slide-wrp + .tabs-slide-wrp {
    margin-top: 16px;
}
.slider-tabs--grey .tabs-slide__content {
    margin-top: 0;
}
@media (min-width: 1024px) {
    .slider-tabs--grey .tabs-slide__content {
        flex: 1 0 calc(100% - 508px);
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .slider-tabs--grey .tabs-slide__content {
        width: calc(50% - 12px);
    }
}
@media (max-width: 1199px) and (min-width: 1024px) {
    .slider-tabs--grey .tabs-slide__img {
        height: auto;
        max-width: 53%;
        width: 100%;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .slider-tabs--grey .tabs-slide__img {
        width: calc(50% - 12px);
    }
}
@media (min-width: 1200px) {
    .slider-tabs--grey .tabs-slide__img {
        flex: 0 1 100%;
        height: auto;
        margin: -68px -68px -68px 0;
    }
}
@media (max-width: 767px) {
    .slider-tabs--grey .tabs-slide__img {
        margin: 0 auto;
    }
}
@media (max-width: 1199px) {
    .slider-tabs--grey .tabs-slide__img img {
        border-radius: 8px;
        overflow: hidden;
    }
}
@media (min-width: 1200px) {
    .slider-tabs--grey .tabs-slide__img img {
        height: auto;
        width: 100%;
    }
}
@media (max-width: 1023px) {
    .slider-tabs--grey .tabs-slide__img img {
        height: auto;
        width: 100%;
    }
}
.slider-tabs--grey .tabs-slide__quote {
    display: flex;
    flex-direction: column;
    width: 368px;
}
@media (max-width: 1023px) {
    .slider-tabs--grey .tabs-slide__quote {
        width: calc(40% - 12px);
        width: 100%;
    }
}
@media (max-width: 767px) {
    .slider-tabs--grey .tabs-slide__quote {
        width: 100%;
    }
}
.slider-tabs--grey .tabs-slide__quote-text {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}
.slider-tabs--grey .tabs-slide__quote .blockquote {
    margin-top: 20px;
    max-width: 360px;
}
.slider-tabs--grey .tabs-slide__links {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    width: calc(100% - 418px);
}
@media (max-width: 1023px) {
    .slider-tabs--grey .tabs-slide__links {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .slider-tabs--grey .tabs-slide__links {
        gap: 20px;
        width: 100%;
    }
}
.slider-tabs--grey .tabs-slide__links .column {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: calc(50% - 12px);
}
@media (max-width: 768px) {
    .slider-tabs--grey .tabs-slide__links .column {
        gap: 20px;
    }
}
@media (max-width: 479px) {
    .slider-tabs--grey .tabs-slide__links .column {
        width: 100%;
    }
}
.slider-tabs--grey .tabs-slide__explore {
    margin: 0 -12px;
    width: calc(100% - 418px);
}
@media (min-width: 1024px) {
    .slider-tabs--grey .tabs-slide__explore {
        position: relative;
        right: -24px;
    }
}
@media (max-width: 1023px) {
    .slider-tabs--grey .tabs-slide__explore {
        width: calc(100% + 22px);
    }
}
.slider-tabs--grey .tabs-slide__explore > .col:not(:last-child) {
    margin-bottom: 24px;
}
@media (max-width: 768px) {
    .slider-tabs--grey .tabs-slide__explore > .col:not(:last-child) {
        margin-bottom: 20px;
    }
}
.slider-tabs--grey .tabs-slide__explore .explore-item {
    background: var(--color-light);
    border: 1px solid var(--color-light-grey-15);
    border-radius: 8px;
    box-shadow: 0 4px 4px rgba(0, 4, 98, 0.04);
    display: block;
    margin: 0;
    padding: 24px;
    transition: all 0.15s;
}
.slider-tabs--grey .tabs-slide__explore .explore-item:hover {
    box-shadow:
        0 12px 26px rgba(0, 4, 98, 0.04),
        0 40px 80px rgba(0, 4, 98, 0.04);
}
.slider-tabs--grey .tabs-slide__explore .explore-item__title {
    margin: 3px 0 7px;
}
.slider-tabs--grey .tabs-slide__explore .explore-item .new-btn__icon {
    margin-left: 0;
}
.slider-tabs--grey .tabs-slide__columns .tabs-slide-wrp {
    flex-wrap: wrap;
    gap: 32px 72px;
}
@media (max-width: 1023px) and (min-width: 768px) {
    .slider-tabs--grey .tabs-slide__columns .tabs-slide-wrp {
        gap: 32px;
    }
}
.slider-tabs--grey .tabs-slide__columns .column {
    width: calc(50% - 36px);
}
@media (max-width: 1023px) and (min-width: 768px) {
    .slider-tabs--grey .tabs-slide__columns .column {
        width: calc(50% - 16px);
    }
}
@media (max-width: 767px) {
    .slider-tabs--grey .tabs-slide__columns .column {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
}
@media (min-width: 768px) {
    .slider-tabs--grey .tabs-slide__columns .img + .text,
    .slider-tabs--grey .tabs-slide__columns .text + .img {
        margin-top: 32px;
    }
}
@media (max-width: 767px) {
    .slider-tabs--grey .tabs-slide__columns .text {
        display: flex;
        flex-direction: column;
        margin-top: 24px;
        order: 2;
    }
}
.slider-tabs--grey .tabs-slide__columns .text .h4 {
    margin-bottom: 12px;
}
@media (max-width: 767px) {
    .slider-tabs--grey .tabs-slide__columns .img {
        display: flex;
        margin-left: auto;
        margin-right: auto;
        max-width: 400px;
        order: 1;
    }
}
.slider-tabs--grey .tabs-slide__columns .check-list,
.slider-tabs--grey .tabs-slide__columns .icon-list {
    margin-top: 0;
}
.slider-tabs--grey .tabs-slide .column img {
    height: auto;
    width: 100%;
}
.slider-tabs--grey .h4,
.slider-tabs--grey .slide-title {
    font-family: Inter, Arial, Helvetica, sans-serif;
    margin-bottom: 16px;
}
.slider-tabs--grey .slide-title {
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    width: 100%;
}
@media (max-width: 767px) {
    .slider-tabs--grey .slide-title {
        margin-bottom: 12px;
    }
}
.slider-tabs--grey .slide-title.column {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 0;
}
.slider-tabs--grey .slide-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
}
.slider-tabs--grey .slide-btn {
    margin-top: 40px;
}
@media (max-width: 767px) {
    .slider-tabs--grey .slide-btn {
        margin-top: 32px;
    }
}
.slider-tabs--grey .slide-row {
    width: 100%;
}
.slider-tabs--grey .icon-list {
    margin-top: 32px;
}
.slider-tabs--grey .icon-list span {
    font-size: 16px;
    line-height: 24px;
}
@media (max-width: 767px) {
    .slider-tabs--grey .icon-list {
        margin-top: 24px;
    }
    .slider-tabs--grey .checkbox-list .checkbox-wrp {
        font-size: 16px;
        pointer-events: none;
    }
}
@media (min-width: 768px) {
    .slider-tabs--grey .number-list li {
        padding-right: 30px;
    }
    .slider-tabs--grey .number-list p {
        font-size: 16px;
        line-height: 24px;
    }
    .slider-tabs--grey .slick-arrow {
        display: none !important;
    }
}
@media (max-width: 768px) {
    .slider-tabs--grey .slick-list {
        overflow: visible;
    }
}
@media (min-width: 769px) {
    .slider-tabs--grey .tabs-dots {
        justify-content: flex-start;
    }
}
.slider-tabs--grey .lottie {
    aspect-ratio: 1.245;
    margin-top: 32px;
    position: relative;
    width: 100%;
}
@media (max-width: 767px) {
    .slider-tabs--grey .lottie {
        display: none;
    }
}
.slider-tabs--grey .lottie .lottie-preview {
    height: 100%;
    width: 100%;
}
.slider-tabs--grey .lottie .lottie-preview img {
    height: auto;
    width: 100%;
}
.slider-tabs--grey .lottie lottie-player {
    height: auto !important;
    left: 0;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100% !important;
}
.slider-tabs--grey .lottie-not {
    border-radius: 8px;
    margin: 0 auto 24px;
    overflow: hidden;
}
@media (max-width: 767px) {
    .slider-tabs--grey .lottie-not {
        height: auto;
        width: 100%;
    }
}
@media (min-width: 768px) {
    .slider-tabs--grey .lottie-not {
        display: none;
    }
}
@media (max-width: 767px) {
    .slider-tabs--grey.slider-connectivity .tabs-slide-wrp,
    .slider-tabs--grey.slider-functionality .tabs-slide-wrp {
        flex-direction: column;
    }
}
@media (max-width: 1023px) {
    .slider-tabs--grey .growing-slide .tabs-slide-wrp {
        gap: 24px;
    }
}
@media (max-width: 1023px) and (min-width: 768px) {
    .slider-tabs--grey .growing-slide .column {
        width: calc(50% - 12px);
    }
}
@media (max-width: 1023px) {
    .slider-tabs--grey .extending-slide .tabs-slide-wrp {
        gap: 24px;
    }
}
@media (max-width: 1023px) and (min-width: 768px) {
    .slider-tabs--grey .extending-slide .column {
        width: calc(50% - 12px);
    }
}
@media (min-width: 768px) {
    .slider-tabs--grey .extending-slide img {
        margin-top: 32px;
    }
}
@media (max-width: 767px) {
    .slider-tabs--grey .extending-slide img {
        margin-bottom: 24px;
    }
    .slider-tabs--grey .extending-slide picture {
        display: flex;
        margin: 0 auto;
        max-width: 400px;
        order: 1;
    }
    .slider-tabs--grey .extending-slide .slide-text,
    .slider-tabs--grey .extending-slide .slide-title {
        order: 2;
    }
}
@media (max-width: 1023px) {
    .slider-tabs--grey .migrating-slide .tabs-slide-wrp:first-child {
        flex-direction: column;
        gap: 24px;
    }
    .slider-tabs--grey .migrating-slide .tabs-slide-wrp:first-child .column {
        width: 100%;
    }
    .slider-tabs--grey .migrating-slide .tabs-slide-wrp:nth-child(2) {
        gap: 40px;
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .slider-tabs--grey .migrating-slide .tabs-slide-wrp .icon-list li {
        font-size: 16px;
        line-height: 24px;
    }
}
.explore-list {
    margin-bottom: -32px;
    margin-top: 80px;
}
@media (max-width: 768px) {
    .explore-list {
        margin-top: 40px;
    }
}
.explore-item {
    margin-bottom: 32px;
}
.explore-item__icon {
    display: flex;
    justify-content: center;
}
.explore-item__icon .icon {
    height: 64px;
    width: 64px;
}
.explore-item__title {
    font-family: Inter, Arial, Helvetica, sans-serif;
    margin: 16px 0;
}
@media (max-width: 768px) {
    .explore-item__title {
        margin: 8px 0 4px;
    }
}
.awards-section {
    margin: 0 !important;
}
.awards-section .section-head--center {
    max-width: 100%;
}
.awards-section .awards-list {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 80px;
    display: none;
}
@media (max-width: 768px) {
    .awards-section .awards-list {
        gap: 32px;
        margin-top: 40px;
    }
}
.awards-section .awards-item {
    background: #f7f9fc;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    max-height: 264px;
    min-height: 264px;
    padding: 32px 25px;
    transition: none;
    width: calc(25% - 18px);
}
@media (max-width: 991px) {
    .awards-section .awards-item {
        min-height: unset;
        width: calc(50% - 12px);
    }
}
@media (max-width: 768px) {
    .awards-section .awards-item {
        padding: 32px;
        width: calc(50% - 16px);
    }
}
@media (max-width: 479px) {
    .awards-section .awards-item {
        margin-left: auto;
        margin-right: auto;
        max-width: 252px;
        width: 100%;
    }
}
.awards-section .awards-item__img {
    height: 0;
    margin-bottom: 40px;
    padding-bottom: 96px;
    position: relative;
    transition: all 0.15s;
}
@media (max-width: 1024px) {
    .awards-section .awards-item__img {
        margin-bottom: 19px;
    }
}
.awards-section .awards-item__img img {
    height: 100%;
    left: 50%;
    margin: 0 auto;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.15s;
    width: 100%;
}
.awards-section .awards-item__title {
    margin-bottom: 0;
    transition: all 0.15s;
}
@media (min-width: 480px) {
    .awards-section .awards-item__title {
        margin-top: auto;
    }
}
@media (max-width: 768px) {
    .awards-section .awards-item__title {
        line-height: 28px;
    }
}
.awards-section .awards-item__link {
    transition: all 0.15s;
}
@media (min-width: 1025px) {
    .awards-section .awards-item__link {
        height: 0;
        overflow: hidden;
    }
}
@media (max-width: 1024px) {
    .awards-section .awards-item__link {
        margin-top: 8px;
    }
}
@media (min-width: 1025px) {
    .awards-section .awards-item:hover .awards-item__img {
        margin-bottom: 24px;
        padding-bottom: 80px;
    }
    .awards-section .awards-item:hover .awards-item__link {
        height: auto;
        margin-top: 8px;
    }
}
.awards-section .awards-button {
    margin-top: 40px;
}
.solutions-section .section-head {
    margin-bottom: 20px;
}
@media (max-width: 768px) {
    .solutions-section .section-head {
        margin-bottom: 8px;
    }
}
.solutions-list {
    margin: 20px 0 0;
}
@media (max-width: 768px) {
    .solutions-list {
        margin: 0;
    }
}
.solutions-list .col {
    padding: 0;
}
.solutions-item {
    margin-top: 60px;
}
@media (max-width: 768px) {
    .solutions-item {
        margin-top: 32px;
    }
}
.solutions-item__icon {
    display: flex;
    justify-content: center;
}
.solutions-item__icon .icon {
    height: 64px;
    width: 64px;
}
.solutions-item__title {
    margin: 0;
   width: 100%;
}
@media (max-width: 768px) {
    .solutions-item__title {
        margin: 0;
    }
}
.locations-section {
    margin: 0 !important;
}
.locations-section .locations-list {
    display: flex;
    flex-wrap: wrap;
    gap: 32px 24px;
    margin-top: 60px;
}
@media (max-width: 768px) {
    .locations-section .locations-list {
        margin-top: 40px;
    }
}
.locations-section .locations-item {
    align-items: flex-end;
    background-position: 50%;
    background-size: cover;
    border-radius: 8px;
    display: flex;
    min-height: 320px;
    overflow: hidden;
    width: calc(25% - 18px);
}
@media (max-width: 1023px) {
    .locations-section .locations-item {
        width: calc(50% - 12px);
    }
}
@media (max-width: 640px) {
    .locations-section .locations-item {
        width: 100%;
    }
}
.locations-section .locations-item.new-york {
    background-image: url(images/rsz_new_york.a7d330a5.jpg);
}
.locations-section .locations-item.berlin {
    background-image: url(images/rsz_berlin.d83c8ac5.jpg);
}
.locations-section .locations-item.warsaw {
    background-image: url(images/rsz_warsaw.828ccdf0.jpg);
}
.locations-section .locations-item.vilnius {
    background-image: url(images/rsz_vilnius.8f31a2e5.jpg);
}
.locations-section .locations-item address {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: var(--color-night-blue-75);
    border-radius: 0 0 8px 8px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px;
    width: 100%;
}
.locations-section .locations-item__city {
    color: var(--color-light);
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
}
.locations-section .locations-item__address {
    color: #d7dbf5;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
.locations-section .locations-btn {
    display: flex;
    flex-wrap: wrap;
    gap: 0 24px;
    margin-top: 120px;
}
@media (max-width: 768px) {
    .locations-section .locations-btn {
        gap: 24px 0;
        margin-top: 60px;
    }
}
.locations-section .locations-btn__title {
    font:
        700 32px/40px Literata,
        Inter,
        Arial,
        Helvetica,
        sans-serif;
    margin: 0 auto 60px;
    max-width: 712px;
    text-align: center;
}
@media (max-width: 768px) {
    .locations-section .locations-btn__title {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 16px;
    }
}
.locations-section .locations-btn .btn {
    align-items: center;
    background-color: rgba(188, 194, 218, 0.25);
    border-radius: 12px;
    color: var(--color-night-blue);
    display: inline-flex;
    font-size: 18px;
    font-weight: 600;
    gap: 8px;
    justify-content: center;
    line-height: 28px;
    padding: 16px 24px;
    transition: all 0.15s;
    width: calc(50% - 12px);
}
@media (max-width: 768px) {
    .locations-section .locations-btn .btn {
        font-size: 16px;
        gap: 12px;
        line-height: 24px;
        padding: 16px;
        width: 100%;
    }
}
.locations-section .locations-btn .btn:hover {
    background-color: rgba(188, 194, 218, 0.5);
}
.locations-section .locations-btn .btn:hover svg {
    animation: iconShake 0.7s linear infinite;
}
.locations-section .locations-btn .btn svg {
    height: 24px;
    width: 24px;
}
@keyframes iconShake {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(35deg);
    }
    to {
        transform: rotate(0deg);
    }
}
.team-section {
    margin: 0 !important;
}
@media (min-width: 1440px) {
    .team-section {
        padding: 120px 0;
    }
}
.team-section .team-list {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: space-between;
    margin-top: 60px;
    padding: 0 8px;
}
@media (max-width: 1199px) {
    .team-section .team-list {
        justify-content: space-evenly;
    }
}
@media (max-width: 768px) {
    .team-section .team-list {
        margin-top: 40px;
        padding: 0 4px;
    }
}
.team-section .team-item {
    display: flex;
    flex-direction: column;
    width: 144px;
}
@media (max-width: 1199px) {
    .team-section .team-item {
        width: 25%;
    }
}
@media (max-width: 639px) {
    .team-section .team-item {
        width: calc(50% - 12px);
    }
}
.team-section .team-item__img img {
    border-radius: 50%;
    margin: 0 auto;
    overflow: hidden;
}
.team-section .team-item__name {
    color: var(--color-night-blue);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-top: 12px;
    text-align: center;
}
.team-section .team-item__position {
    color: var(--color-purple-navy);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 4px;
    text-align: center;
}
.team-section .team-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 40px;
}
@media (max-width: 1023px) {
    .team-section .team-gallery {
        border-radius: 8px;
        margin-top: 60px;
    }
}
.team-section .team-gallery__item {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}
@media (min-width: 1024px) {
    .team-section .team-gallery__item {
        height: 0;
        padding-bottom: 312px;
        width: calc(41.4% - 12px);
    }
    .team-section .team-gallery__item:nth-child(4n + 2),
    .team-section .team-gallery__item:nth-child(4n + 3) {
        width: calc(58.6% - 12px);
    }
}
.team-section .team-gallery__item img {
    height: auto;
    width: 100%;
}
@media (min-width: 1024px) {
    .team-section .team-gallery__item img {
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        position: absolute;
        top: 0;
    }
}
.team-section .team-gallery .slider-dots {
    display: none !important;
}
.team-section .team-gallery .slick-arrow {
    margin: 0;
    top: calc(100% + 56px);
    transform: translateY(-100%);
}
.team-section .team-gallery .slick-slide > div {
    display: flex;
}
.team-section .team-gallery-wrp .slider-tabs-status {
    margin-top: 24px;
}
@media (max-width: 1023px) {
    .team-section .team-gallery-wrp .slider-tabs-status {
        display: block;
    }
}
.news-section {
    margin: 0 !important;
}
@media (max-width: 767px) {
    .news-section .section-head {
        padding: 0 12px;
    }
}
.news-section .news-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 80px;
}
@media (max-width: 1023px) {
    .news-section .news-cards {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .news-section .news-cards {
        gap: 32px;
    }
}
.news-section .news-card {
    background: var(--color-light);
    border: 1px solid rgba(188, 194, 218, 0.25);
    border-radius: 8px;
    box-shadow: 0 4px 4px rgba(0, 4, 98, 0.04);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: all 0.15s;
    width: calc(33.33% - 16px);
}
@media (max-width: 1023px) {
    .news-section .news-card {
        width: calc(50% - 12px);
    }
}
@media (max-width: 639px) {
    .news-section .news-card {
        width: 100%;
    }
}
.news-section .news-card-img {
    height: 0;
    padding-bottom: 52.7%;
    position: relative;
    width: 100%;
}
@media (max-width: 767px) {
    .news-section .news-card-img {
        padding-bottom: 50.2%;
    }
}
.news-section .news-card-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    width: 100%;
}
.news-section .news-card-text {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 32px;
}
@media (max-width: 768px) {
    .news-section .news-card-text {
        padding: 20px;
    }
}
.news-section .news-card__category {
    color: var(--color-deep-blue);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}
.news-section .news-card__title {
    color: var(--color-night-blue);
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin: 8px 0 24px;
}
@media (max-width: 768px) {
    .news-section .news-card__title {
        margin: 4px 0 12px;
    }
}
.news-section .news-card__date {
    color: var(--color-purple-navy-75);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-top: auto;
}
.news-section .news-card:hover {
    box-shadow:
        0 12px 26px rgba(0, 4, 98, 0.04),
        0 40px 80px rgba(0, 4, 98, 0.04);
}
.badges-section .badges {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: space-between;
    margin-bottom: 10px;
    margin-top: 90px;
}
@media (max-width: 1023px) {
    .badges-section .badges {
        justify-content: center;
        margin-top: 40px;
    }
}
.badges-section .badges-item {
    align-items: center;
    display: flex;
    height: 140px;
    justify-content: center;
    position: relative;
    width: 160px;
}
@media (max-width: 1023px) {
    .badges-section .badges-item {
        height: 120px;
        width: 120px;
    }
}
.badges-section .badges-item a {
    display: inline-block;
    height: 0;
    padding-bottom: 100%;
    width: 100%;
}
.badges-section .badges-item img {
    height: 100%;
    left: 50%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
@media (min-width: 768px) {
    .badges-section .badges-item--g2 img {
        height: 125px;
    }
}
@media (min-width: 1024px) {
    .badges-section .badges-item--g2 img {
        height: 160px;
    }
}
@media (min-width: 768px) {
    .badges-section .badges-item--captera img {
        height: 130px;
    }
    .badges-section .badges-item--sg img {
        height: 160px;
    }
    .badges-section .badges-item--crozdesk img {
        height: 110px;
    }
}
@media (min-width: 1024px) {
    .badges-section .badges-item--crozdesk img {
        height: 100%;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .badges-section .badges-item--slashdot img,
    .badges-section .badges-item--sourceforge img {
        height: 110px;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .text-image-section .col-row > .col.l-6 {
        width: 50%;
    }
}
@media (max-width: 767px) {
    .text-image-section .text-image-wrp .img-wrp {
        margin-bottom: 32px;
        order: 1;
    }
    .text-image-section .text-image-wrp .txt-wrp {
        order: 2;
    }
}
@media (min-width: 1200px) {
    .text-image-section .col + .col .default-section__main {
        padding-left: 92px;
    }
}
@media (min-width: 768px) {
    .text-image-section .default-section__content {
        max-width: 440px;
    }
}
.text-image-section .default-section__content > :last-child {
    margin-bottom: 0;
}
.text-image-section .default-section__content .check-list {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 40px;
}
@media (max-width: 767px) {
    .text-image-section .default-section__content .check-list {
        margin-top: 28px;
    }
}
.text-image-section .default-section__content .check-list li:not(:last-child) {
    margin-bottom: 16px;
}
@media (max-width: 767px) {
    .text-image-section .default-section__title {
        margin-bottom: 12px;
    }
}
.text-image-section .default-section__visual {
    position: relative;
}
@media (max-width: 767px) {
    .text-image-section .default-section__visual {
        max-width: 400px;
    }
}
.text-image-section .default-section__visual img {
    display: block;
    height: auto;
    min-height: 260px;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative;
    width: 100%;
}
.text-image-section .default-section__button {
    margin-top: 40px;
}
@media (max-width: 767px) {
    .text-image-section .default-section__button {
        margin-top: 32px;
    }
}
.slider-filter-wrp .slider-filter-buttons {
    display: flex;
    margin-bottom: 32px;
    margin-top: -3px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
@media (max-width: 767px) {
    .slider-filter-wrp .slider-filter-buttons {
        margin-bottom: 25px;
    }
}
.slider-filter-wrp .slider-filter-buttons .divider {
    display: flex;
}
.slider-filter-wrp .slider-filter-buttons .divider:after {
    color: var(--color-purple-navy-25);
    content: "|";
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 0 12px;
}
.slider-filter-wrp .slider-filter-buttons .filter-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--color-light);
    border: 0;
    color: var(--color-purple-navy);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    outline: none;
    padding: 0 12px;
    transition: all 0.15s;
    white-space: nowrap;
}
.slider-filter-wrp .slider-filter-buttons .filter-btn.active,
.slider-filter-wrp .slider-filter-buttons .filter-btn:is(:hover, :active) {
    color: var(--color-deep-blue);
}
.slider-filter-wrp .slider-filter-buttons .swiper-wrapper {
    display: flex;
    position: relative;
}
.slider-filter-wrp .slider-filter-buttons .swiper-wrapper::-webkit-scrollbar {
    display: none;
}
.slider-filter-wrp .slider-filter-buttons .swiper-slide {
    width: auto;
}
.slider-filter-wrp .slider-filter-buttons .swiper-button-disabled {
    opacity: 0;
    pointer-events: none;
}
.slider-filter-wrp .slider-filter-buttons .slick-arrow {
    background: var(--color-light);
    border-radius: 0;
    font-size: 16px;
    height: 32px;
    width: 16px;
}
.slider-filter-wrp .slider-filter-buttons .slick-arrow:not(.slick-disabled):hover {
    transform: translateY(-50%) scale(1.2);
}
.slider-filter-wrp .slider-filter-buttons .slick-prev {
    left: -3px;
}
.slider-filter-wrp .slider-filter-buttons .slick-next {
    right: -3px;
}
.slider-filter-wrp .slider-filter:not(.slick-initialized) {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.slider-filter-wrp .slider-filter .slick-list {
    margin: -24px;
}
.slider-filter-wrp .slider-filter .slick-slide:not(.filter-slide) {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
}
@media (max-width: 767px) {
    .slider-filter-wrp .slider-filter .slick-slide:not(.filter-slide) {
        gap: 33px;
    }
}
.slider-filter-wrp .slider-filter .slick-slide:not(.filter-slide) > div {
    display: flex;
    gap: 24px;
}
@media (max-width: 767px) {
    .slider-filter-wrp .slider-filter .slick-slide:not(.filter-slide) > div {
        justify-content: center;
    }
}
.slider-filter-wrp .slider-filter .slick-arrow {
    bottom: -48px;
    top: unset;
    transform: none;
}
@media (max-width: 767px) {
    .slider-filter-wrp .slider-filter .slick-arrow {
        bottom: -33px;
    }
}
.slider-filter-wrp .slider-filter .slick-arrow:hover {
    transform: none !important;
}
@media (min-width: 768px) {
    .slider-filter-wrp .slider-filter .slick-arrow.slick-next {
        left: calc(50% + 135px);
    }
    .slider-filter-wrp .slider-filter .slick-arrow.slick-prev {
        left: unset;
        right: calc(50% + 135px);
    }
}
.slider-filter-wrp .filter-slide {
    background: var(--color-light);
    border: 1px solid rgba(188, 194, 218, 0.25);
    border-radius: 8px;
    box-shadow: 0 4px 4px rgba(0, 4, 98, 0.04);
    display: flex !important;
    flex-direction: column;
    overflow: hidden;
    transition: all 0.15s;
    width: 100% !important;
}
@media (min-width: 768px) {
    .slider-filter-wrp .filter-slide {
        max-width: calc(50% - 12px);
    }
}
@media (max-width: 767px) {
    .slider-filter-wrp .filter-slide {
        max-width: 450px;
    }
}
.slider-filter-wrp .filter-slide-linkimg {
    position: relative;
}
.slider-filter-wrp .filter-slide-img {
    height: 245px;
    position: relative;
}
@media (max-width: 768px) {
    .slider-filter-wrp .filter-slide-img {
        height: 166px;
    }
}
.slider-filter-wrp .filter-slide__img {
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%;
}
.slider-filter-wrp .filter-slide__img:after {
    background: linear-gradient(180deg, rgba(29, 36, 82, 0.7), transparent 100%, rgba(29, 36, 82, 0.609) 0);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.slider-filter-wrp .filter-slide__img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
}
.slider-filter-wrp .filter-slide__logo {
    left: 32px;
    position: absolute;
    top: 32px;
    z-index: 3;
}
@media (max-width: 767px) {
    .slider-filter-wrp .filter-slide__logo {
        left: 20px;
        top: 20px;
    }
}
.slider-filter-wrp .filter-slide__logo .icon {
    height: 36px;
    width: auto;
}
.slider-filter-wrp .filter-slide-content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%;
    padding: 32px;
    position: relative;
}
@media (max-width: 767px) {
    .slider-filter-wrp .filter-slide-content {
        padding: 20px;
    }
}
.slider-filter-wrp .filter-slide__buttons {
    max-width: 100%;
    position: relative;
    width: 100%;
}
.slider-filter-wrp .filter-slide__buttons .filter-btn-wrp {
    -ms-overflow-style: none;
    align-items: center;
    display: flex;
    gap: 4px;
    margin-left: -32px;
    margin-right: -32px;
    overflow-x: auto;
    padding: 0 32px 12px;
    position: relative;
    scrollbar-width: none;
    width: calc(100% + 64px);
}
.slider-filter-wrp .filter-slide__buttons .filter-btn-wrp::-webkit-scrollbar {
    display: none;
}
.slider-filter-wrp .filter-slide__buttons .filter-btn {
    background-color: var(--color-purple-navy-15);
    border-radius: 20px;
    color: var(--color-purple-navy);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 4px 12px;
    transition: all 0.15s;
    white-space: nowrap;
}
.slider-filter-wrp .filter-slide__buttons .filter-btn:hover {
    background-color: var(--color-purple-navy-25);
}
.slider-filter-wrp .filter-slide__buttons .filter-btn.tag--green {
    background-color: rgba(0, 163, 56, 0.15);
    color: #00a338;
}
.slider-filter-wrp .filter-slide__buttons .filter-btn.tag--green:hover {
    background-color: rgba(0, 163, 56, 0.25);
}
.slider-filter-wrp .filter-slide__buttons .filter-btn.tag--violet {
    background-color: var(--color-deep-blue-15);
    color: var(--color-deep-blue);
}
.slider-filter-wrp .filter-slide__buttons .filter-btn.tag--violet:hover {
    background-color: var(--color-deep-blue-25);
}
.slider-filter-wrp .filter-slide__buttons .filter-btn.tag--blue {
    background-color: rgba(0, 163, 222, 0.15);
    color: #00a3de;
}
.slider-filter-wrp .filter-slide__buttons .filter-btn.tag--blue:hover {
    background-color: rgba(0, 163, 222, 0.25);
}
.slider-filter-wrp .filter-slide__buttons .reading-time {
    color: var(--color-purple-navy-50);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-left: 4px;
    white-space: nowrap;
}
.slider-filter-wrp .filter-slide__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 24px;
}
.slider-filter-wrp .filter-slide__title:hover {
    text-decoration: underline;
}
@media (max-width: 767px) {
    .slider-filter-wrp .filter-slide__title {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        display: block;
        display: -webkit-box;
        margin-bottom: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
.slider-filter-wrp .filter-slide-bottom {
    align-items: end;
    display: flex;
    justify-content: space-between;
    margin-top: auto;
    width: 100%;
}
@media (max-width: 1023px) {
    .slider-filter-wrp .filter-slide-bottom {
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-start;
    }
}
.slider-filter-wrp .filter-slide__author {
    align-items: center;
    display: inline-flex;
    gap: 12px;
    margin-top: auto;
    max-width: 320px;
    width: calc(100% - 117px);
}
@media (max-width: 1023px) {
    .slider-filter-wrp .filter-slide__author {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .slider-filter-wrp .filter-slide__author {
        gap: 8px;
    }
}
.slider-filter-wrp .filter-slide__author .author-photo {
    align-self: flex-start;
    border: 1px solid var(--color-night-blue-25);
    border-radius: 50%;
    height: 56px;
    min-width: 56px;
    overflow: hidden;
    position: relative;
    width: 56px;
}
@media (max-width: 767px) {
    .slider-filter-wrp .filter-slide__author .author-photo {
        height: 48px;
        min-width: 48px;
        width: 48px;
    }
}
.slider-filter-wrp .filter-slide__author .author-photo img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
}
.slider-filter-wrp .filter-slide .author-title__name {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}
.slider-filter-wrp .filter-slide .author-title__position {
    color: var(--color-purple-navy);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 4px;
}
.slider-filter-wrp .filter-slide__link {
    display: inline-block;
}
@media (max-width: 1023px) {
    .slider-filter-wrp .filter-slide__link {
        margin-top: 24px;
    }
}
@media (max-width: 767px) {
    .case-study-section {
        background: linear-gradient(102.29deg, #f9fafc, #f0f4fa), #f7f9fc;
    }
}
.case-study-section .section-head {
    max-width: 540px;
}
@media (max-width: 1199px) and (min-width: 1024px) {
    .case-study-section .section-head {
        max-width: 400px;
    }
}
.cs-slider-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 80px;
}
@media (max-width: 1023px) {
    .cs-slider-wrapper {
        margin-top: 60px;
    }
}
@media (max-width: 767px) {
    .cs-slider-wrapper {
        flex-direction: column-reverse;
        gap: 32px;
        margin-top: 40px;
        position: relative;
    }
}
.cs-slider-content {
    width: calc(38.15% - 12px);
}
@media (max-width: 767px) {
    .cs-slider-content {
        width: 100%;
    }
    .cs-slider-content.slick-initialized {
        padding-bottom: 63px;
    }
}
.cs-slider-content .cs-slide-wrapper,
.cs-slider-content .list-wrapper {
    display: flex;
    flex-direction: column;
}
.cs-slider-content .cs-slide-wrapper {
    gap: 60px;
}
@media (max-width: 767px) {
    .cs-slider-content .cs-slide-wrapper {
        gap: 24px;
    }
}
@media (max-width: 767px) and (min-width: 481px) {
    .cs-slider-content .cs-slide-wrapper {
        flex-direction: row;
    }
}
.cs-slider-content .list-wrapper {
    gap: 16px;
}
@media (min-width: 768px) {
    .cs-slider-content .list-wrapper {
        max-width: 350px;
    }
}
.cs-slider-content .list-label {
    color: var(--color-night-blue);
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    margin: 0;
}
@media (max-width: 767px) {
    .cs-slider-content .list-label {
        font-size: 18px;
        line-height: 28px;
    }
    .cs-slider-content .icon-list li {
        font-size: 16px;
        line-height: 24px;
    }
}
.cs-slider-content .slick-arrow {
    top: calc(100% - 32px);
    transform: none !important;
}
.cs-slider-card-wrapper {
    margin-left: auto;
    width: calc(60.85% - 12px);
}
@media (max-width: 767px) {
    .cs-slider-card-wrapper {
        width: 100%;
    }
}
.cs-slider-cards {
    border-radius: 8px;
    box-shadow: 0 8px 16px rgba(54, 62, 113, 0.24);
    overflow: hidden;
    z-index: 9;
}
.cs-slider-cards .cs-slide {
    background: var(--color-light);
    display: flex;
    min-height: 332px;
    padding: 32px;
    position: relative;
}
@media (max-width: 767px) {
    .cs-slider-cards .cs-slide {
        padding: 20px;
    }
}
.cs-slider-cards .cs-slide:before,
.cs-slider-cards .cs-slide__img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease;
    width: 100%;
}
.cs-slider-cards .cs-slide:before {
    background: linear-gradient(
        180deg,
        rgba(31, 38, 85, 0.2),
        rgba(31, 38, 85, 0.25) 28.7%,
        rgba(31, 38, 85, 0.8) 82.49%
    );
    content: "";
    z-index: 1;
}
.cs-slider-cards .cs-slide__img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    z-index: 0;
}
@media (min-width: 1200px) {
    .cs-slider-cards .cs-slide__img {
        transform: scale(1.05) translateY(5px);
    }
}
.cs-slider-cards .cs-slide-content {
    display: flex;
    flex-direction: column;
    position: relative;
    transform: translateX(100%);
    transition: all 0.3s ease;
    z-index: 2;
}
.cs-slider-cards .cs-slide__logo {
    margin-bottom: auto;
}
.cs-slider-cards .cs-slide__logo .icon {
    height: 36px;
    width: auto;
}
.cs-slider-cards .cs-slide__title {
    color: #f8f8fc;
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    max-width: 380px;
}
@media (max-width: 767px) {
    .cs-slider-cards .cs-slide__title {
        font-size: 18px;
        line-height: 28px;
    }
}
.cs-slider-cards .cs-slide__link {
    overflow: hidden;
    padding-top: 12px;
    position: relative;
    transition: all 0.3s ease-out;
    z-index: 2;
}
@media (min-width: 1200px) {
    .cs-slider-cards .cs-slide__link {
        margin-bottom: -36px;
        opacity: 0;
        transform: translateY(100%);
    }
}
.cs-slider-cards .cs-slide__link .link--arrow {
    color: var(--color-turquoise);
}
@media (min-width: 1200px) {
    .cs-slider-cards .cs-slide:hover:before {
        height: 140%;
        top: -40%;
    }
    .cs-slider-cards .cs-slide:hover .cs-slide__img {
        transform: scale(1) translateY(0);
    }
    .cs-slider-cards .cs-slide:hover .cs-slide__link {
        margin-bottom: 0;
        opacity: 1;
        transform: translateY(0);
    }
}
.cs-slider-cards .slick-active .cs-slide-content,
.cs-slider-cards:not(.slick-initialized) .cs-slide-content {
    transform: translateX(0);
}
.cs-slider-nav {
    margin-top: 40px;
}
.cs-slider-nav .slick-track {
    margin-left: 0;
}
.cs-slider-nav .cs-slide-wrapper {
    cursor: pointer;
    display: flex;
    position: relative;
}
.cs-slider-nav .cs-slide-wrapper .icon {
    height: 36px;
    width: auto;
}
.cs-slider-nav .cs-slide-wrapper .icon--hover {
    height: auto;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.15s ease;
    width: 100%;
}
.cs-slider-nav .slick-slide {
    display: flex;
    margin: 0 20px;
}
.cs-slider-nav .slick-slide > div {
    display: flex;
}
.cs-slider-nav .slick-current .icon--hover {
    opacity: 1;
}
.cs-slider-status {
    bottom: 0;
    color: var(--color-purple-navy-50);
    font-size: 14px;
    font-weight: 500;
    left: 50%;
    line-height: 32px;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    width: 100%;
}
.procurement-section .procurement-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 80px;
}
@media (max-width: 1024px) {
    .procurement-section .procurement-grid {
        margin-top: 60px;
    }
}
@media (max-width: 768px) {
    .procurement-section .procurement-grid {
        margin-top: 40px;
    }
}
@media (max-width: 480px) {
    .procurement-section .procurement-grid {
        gap: 32px;
    }
}
.procurement-section .grid-item {
    background: #f7f9fc;
    border-radius: 8px;
    -khtml-border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    min-height: 344px;
    overflow: hidden;
    width: calc(33.33% - 16px);
}
@media (min-width: 769px) and (max-width: 1023px) {
    .procurement-section .grid-item {
        min-height: 320px;
    }
}
@media (max-width: 768px) {
    .procurement-section .grid-item {
        width: calc(50% - 16px);
    }
}
@media (max-width: 480px) {
    .procurement-section .grid-item {
        min-height: 320px;
        width: 100%;
    }
}
.procurement-section .grid-item-lottie {
    border-radius: 8px;
    -khtml-border-radius: 8px;
    height: 0;
    overflow: hidden;
    padding-bottom: 43.2%;
    position: relative;
}
@media (max-width: 480px) {
    .procurement-section .grid-item-lottie {
        padding-bottom: 40.4%;
    }
}
.procurement-section .grid-item-lottie lottie-player {
    border-radius: 8px;
    -khtml-border-radius: 8px;
    height: 100%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
@media (max-width: 480px) {
    .procurement-section .grid-item-lottie lottie-player {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}
.procurement-section .grid-item-text {
    padding: 30px 32px 32px;
}
@media (max-width: 1023px) {
    .procurement-section .grid-item-text {
        padding: 20px;
    }
}
.procurement-section .grid-item__title {
    font-weight: 600;
    margin-bottom: 8px;
}
.procurement-section .grid-item__text {
    color: var(--color-purple-navy);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 0;
}
.procurement-section .grid-item__btn {
    margin-top: 24px;
}
@media (max-width: 768px) {
    .procurement-section .grid-item__btn {
        margin-top: 16px;
    }
}
.procurement-section .grid-item--wide {
    background-color: rgba(188, 194, 218, 0.25);
    width: calc(66.66% - 8px);
}
@media (max-width: 768px) {
    .procurement-section .grid-item--wide {
        width: 100%;
    }
}
.procurement-section .grid-item--wide .grid-item-lottie {
    padding-bottom: 20.9%;
}
@media (max-width: 480px) {
    .procurement-section .grid-item--wide .grid-item-lottie {
        padding-bottom: 46%;
    }
    .procurement-section .grid-item--wide .grid-item-lottie lottie-player {
        width: calc(100% + 400px);
    }
}
.procurement-section .grid-item--wide .grid-item-text {
    margin: 0 auto;
    max-width: 620px;
}
@media (max-width: 480px) {
    .procurement-section .grid-item--wide .grid-item-text {
        padding-bottom: 40px;
    }
}
.satisfaction-section .satisfaction-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
@media (max-width: 767px) {
    .satisfaction-section .satisfaction-list {
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
}
.satisfaction-section .satisfaction-item {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 32px;
    max-width: 280px;
    width: 33.33%;
}
@media (max-width: 767px) {
    .satisfaction-section .satisfaction-item {
        width: 100%;
    }
}
.satisfaction-section .satisfaction-item__stars {
    display: inline-block;
    height: 24px;
    margin-bottom: 12px;
    position: relative;
}
.satisfaction-section .satisfaction-item__stars:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%234545F5' d='M11.045 4.927c.3-.92 1.603-.92 1.902 0l1.07 3.292a1 1 0 0 0 .95.69h3.462c.97 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 0 0-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 0 0-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 0 0-.364-1.118L4.976 10.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 0 0 .951-.69l1.07-3.292Z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: space no-repeat;
    background-size: 24px;
    content: "";
    display: inline-block;
    height: 24px;
    position: relative;
    width: 120px;
}
.satisfaction-section .satisfaction-item__title {
    font-size: 52px;
    font-weight: 700;
    line-height: 56px;
    margin-bottom: 16px;
}
@media (max-width: 1024px) {
    .satisfaction-section .satisfaction-item__title {
        font-size: 36px;
        line-height: 40px;
        margin-bottom: 8px;
    }
}
.satisfaction-section .satisfaction-item__text {
    color: var(--color-purple-navy);
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
}
@media (max-width: 1024px) {
    .satisfaction-section .satisfaction-item__text {
        font-size: 18px;
        line-height: 28px;
    }
}
.satisfaction-section .satisfaction-divider {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='793' height='52' fill='none'%3E%3Cpath stroke='url(%23a)' stroke-width='3' d='M2 1s2.996 11.012 47.94 20.792c44.942 9.78 192.798 5.94 282.142 5.94C379.522 27.733 397 51 397 51'/%3E%3Cpath stroke='url(%23b)' stroke-width='3' d='M791 1s-2.996 11.012-47.939 20.792c-44.943 9.78-192.799 5.94-282.143 5.94C413.478 27.733 396 51 396 51'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='2' x2='397' y1='26' y2='26' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2370CFFF'/%3E%3Cstop offset='1' stop-color='%235A63E0'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='791' x2='396' y1='26' y2='26' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2370CFFF'/%3E%3Cstop offset='1' stop-color='%235A63E0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-size: 100% 100%;
    height: 0;
    margin: 0 auto;
    max-width: 789px;
    padding-bottom: 4.6%;
}
@media (max-width: 767px) {
    .satisfaction-section .satisfaction-divider {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='284' height='22' fill='none'%3E%3Cpath stroke='url(%23a)' stroke-linecap='round' stroke-width='3' d='M2 2s1.063 3.964 17.013 7.485c15.95 3.521 68.42 2.139 100.126 2.139 16.836 0 23.038 8.376 23.038 8.376'/%3E%3Cpath stroke='url(%23b)' stroke-linecap='round' stroke-width='3' d='M282 2s-1.063 3.964-17.013 7.485c-15.949 3.521-68.42 2.139-100.126 2.139-16.836 0-23.038 8.376-23.038 8.376'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='2' x2='142.177' y1='11' y2='11' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2370CFFF'/%3E%3Cstop offset='1' stop-color='%235A63E0'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='282' x2='141.823' y1='11' y2='11' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2370CFFF'/%3E%3Cstop offset='1' stop-color='%235A63E0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
        max-width: 280px;
        padding-bottom: 6%;
    }
}
.satisfaction-section .satisfaction-main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 40px;
}
@media (max-width: 767px) {
    .satisfaction-section .satisfaction-main {
        margin-top: 32px;
    }
}
.integrations-capabilities .container {
    align-items: center;
    display: flex;
    gap: 100px;
}
@media (max-width: 1200px) {
    .integrations-capabilities .container {
        gap: 80px;
    }
}
@media (max-width: 1024px) {
    .integrations-capabilities .container {
        gap: 60px;
    }
}
@media (max-width: 768px) {
    .integrations-capabilities .container {
        flex-direction: column;
        gap: 12px;
    }
}
.integrations-capabilities__visual {
    flex: 0 0 470px;
}
@media (max-width: 1200px) {
    .integrations-capabilities__visual {
        flex: 0 0 450px;
    }
}
@media (max-width: 1024px) {
    .integrations-capabilities__visual {
        flex: 0 0 390px;
    }
}
@media (max-width: 768px) {
    .integrations-capabilities__visual {
        flex: 0 0 auto;
        min-width: 320px;
    }
}
.integrations-capabilities__visual img {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
.integrations-capabilities__content {
    margin-bottom: 40px;
}
@media (max-width: 768px) {
    .integrations-capabilities__content {
        margin-bottom: 32px;
    }
}
.integrations-capabilities__content p {
    color: #565b7d;
    font:
        500 18px/28px Inter,
        Arial,
        Helvetica,
        sans-serif;
    margin: 0;
}
@media (max-width: 768px) {
    .integrations-capabilities__title {
        font-size: 28px !important;
        line-height: 36px;
        margin-bottom: 12px;
    }
}
@media (min-width: 769px) {
    .bizprocure-overview-hero.hero-section {
        background:
            url(images/bg-frame.108f564a.svg) calc(50% + 5px) calc(50% - 195px) / 132% auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
@media (max-width: 768px) {
    .bizprocure-overview-hero.hero-section {
        background:
            url(images/bg-frame-light--mobile.89635ce5.svg) calc(50% - 2px) calc(50% + 60px) / 810px auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
    .integration-hero .default-section__content:not(.default-section__content--center) {
        max-width: 100%;
    }
    .integration-hero .hero-section__visual {
        max-width: 300px;
        top: 0;
    }
}
@media (max-width: 480px) {
    .integration-hero .hero-section__visual {
        max-width: 236px;
        top: 4px;
    }
}
.integration-custom .default-section__visual {
    margin: -40px auto 0;
    max-width: 416px;
}
@media (max-width: 768px) {
    .integration-custom .default-section__visual {
        margin-bottom: -38px;
        margin-top: 24px;
        padding: 0 28px;
    }
}
@media (min-width: 769px) {
    .integrations-hero {
        padding-bottom: 94px;
    }
}
@media (max-width: 768px) {
    .integrations-hero {
        padding-bottom: 35px;
    }
}
@media (min-width: 769px) {
    .integrations-hero .hero-section__full-img {
        margin: 94px auto 0;
        max-width: 889px;
    }
}
@media (min-width: 769px) and (max-width: 1023px) {
    .integrations-hero .hero-section__full-img {
        padding: 0 24px;
    }
}
@media (max-width: 768px) {
    .integrations-hero .hero-section__full-img {
        margin: 29px auto 0;
        max-width: 321px;
        padding: 0;
    }
}
@media (max-width: 767px) {
    .integrations-hero .hero-section__full-img {
        margin-bottom: -17px;
    }
}
.integrations-hero .hero-section__full-img img {
    margin-bottom: -7px;
    min-height: auto;
}
@media (min-width: 769px) {
    .integrations-features .default-section__visual {
        margin: -63px -79px 0 -37px;
    }
}
@media (max-width: 768px) {
    .integrations-features .default-section__visual {
        margin-left: -4px;
        margin-right: -4px;
        margin-top: 18px;
    }
}
@media (min-width: 1025px) {
    .integrations-features .advantages {
        margin-top: 93px;
    }
}
@media (min-width: 769px) {
    .integrations-demo .visual--integration {
        margin: 63px auto 0;
        max-width: 832px;
    }
}
@media (max-width: 768px) {
    .integrations-demo .visual--integration {
        margin: 28px auto 0;
        max-width: 289px;
    }
}
@media (max-width: 767px) {
    .integrations-demo .visual--integration {
        margin-bottom: -6px;
    }
}
@media (min-width: 769px) {
    .netsuite-hero .hero-section__full-img {
        margin: 68px auto -14px;
    }
}
@media (min-width: 1025px) {
    .netsuite-hero .hero-section__full-img {
        max-width: 1004px;
    }
}
@media (max-width: 768px) {
    .netsuite-hero .hero-section__full-img {
        margin-bottom: 26px;
    }
}
@media (min-width: 1024px) {
    .netsuite-features .default-section__visual {
        left: 50px;
        margin: -26px -30px 17px 5px;
        position: relative;
    }
}
@media (max-width: 1023px) and (min-width: 769px) {
    .netsuite-features .default-section__visual {
        margin-left: -50px;
        margin-right: -50px;
    }
}
@media (max-width: 768px) {
    .netsuite-features .default-section__visual {
        left: -4px;
        margin: 14px auto 16px 0;
        position: relative;
        width: calc(100% + 8px);
    }
}
@media (max-width: 767px) {
    .netsuite-features .advantages {
        margin-bottom: -34px;
    }
}
@media (min-width: 769px) {
    .quickbooks-hero .hero-section__full-img {
        margin: 68px auto -14px;
        position: relative;
    }
}
@media (min-width: 1025px) {
    .quickbooks-hero .hero-section__full-img {
        left: -6px;
        max-width: 1038px;
    }
}
@media (max-width: 768px) {
    .quickbooks-hero .hero-section__full-img {
        left: -3px;
        margin: 27px auto 17px;
        max-width: 325px;
        position: relative;
    }
}
@media (min-width: 769px) {
    .quickbooks-demo .visual--integration {
        margin-top: 84px;
    }
}
@media (max-width: 768px) {
    .quickbooks-demo .visual--integration {
        margin: 30px auto 0;
    }
}
@media (max-width: 1023px) {
    .quickbooks-features .default-section__content br {
        display: none;
    }
}
@media (min-width: 1025px) {
    .quickbooks-features .default-section__visual {
        margin: 16px -79px 0 -37px;
        position: relative;
        top: -65px;
    }
}
@media (max-width: 1023px) and (min-width: 769px) {
    .quickbooks-features .default-section__visual {
        margin-left: -50px;
        margin-right: -50px;
    }
}
@media (max-width: 768px) {
    .quickbooks-features .default-section__visual {
        left: -4px;
        margin: 14px auto 16px 0;
        position: relative;
        width: calc(100% + 8px);
    }
}
@media (min-width: 769px) {
    .quickbooks-features .advantages {
        margin-top: 56px;
    }
}
@media (max-width: 767px) {
    .xero-hero .hero-section__full-img {
        margin-bottom: 0;
    }
}
@media (max-width: 1199px) {
    .xero-hero.hero-section .default-section__content + .h2,
    .xero-hero.hero-section .default-section__content + h2 {
        max-width: 590px;
    }
}
@media (max-width: 767px) {
    .xero-demo .visual--integration {
        margin-bottom: 0;
    }
}
@media (min-width: 1025px) {
    .xero-features .default-section__visual {
        margin-top: 16px;
        position: relative;
        top: -38px;
    }
}
@media (max-width: 1023px) and (min-width: 769px) {
    .xero-features .default-section__visual {
        margin-left: -50px;
        margin-right: -50px;
    }
}
@media (max-width: 768px) {
    .xero-features .default-section__visual {
        left: -4px;
        margin: 14px auto 16px 0;
        position: relative;
        width: calc(100% + 8px);
    }
}
@media (min-width: 1025px) {
    .xero-features .advantages {
        margin-top: 55px;
    }
}
@media (min-width: 769px) {
    .sso-hero {
        background:
            url(images/bg-frame.108f564a.svg) calc(50% + 310px) calc(50% + 46px) / 155% auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
@media (max-width: 768px) {
    .sso-hero {
        background:
            url(images/bg-frame-light--mobile.89635ce5.svg) calc(50% + 100px) calc(50% + 220px) / 860px auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
.sso-hero .hero-section__visual {
    max-width: 485px;
}
@media (min-width: 769px) {
    .sso-hero .hero-section__visual {
        margin: -56px 24px -60px auto;
        max-width: 480px;
        top: 0;
    }
}
@media (max-width: 768px) {
    .sso-hero .hero-section__visual {
        margin-bottom: -7px;
        max-width: 308px;
        padding: 0 18px;
        top: 15px;
    }
}
@media (max-width: 1023px) {
    .sso-hero .default-section__content:not(.default-section__content--center) {
        max-width: 100%;
    }
}
@media (max-width: 767px) {
    .sso-benefits .benefits-list {
        margin-bottom: -32px;
    }
}
.sso-supporter .default-section__visual {
    max-width: 292px;
}
@media (min-width: 769px) {
    .sso-supporter .default-section__visual {
        margin: 28px 80px 0 auto;
    }
}
@media (max-width: 768px) {
    .sso-supporter .default-section__visual {
        margin: 20px auto 0;
        padding: 0 22px;
    }
}
.sso-intro .col-row {
    align-items: center;
}
.sso-intro .default-section__visual {
    max-width: 368px;
}
@media (min-width: 769px) {
    .sso-intro .default-section__visual {
        margin: 0 auto -10px;
    }
}
@media (max-width: 768px) {
    .sso-intro .default-section__visual {
        margin: 24px auto -5px;
        padding: 0 28px;
    }
    .sso-intro .default-section__visual:before {
        padding-top: 57%;
    }
}
@media (min-width: 769px) {
    .api-hero {
        background:
            url(images/bg-frame-api.f1fff7e0.svg) calc(50% + 282px) calc(50% - 30px) / 130% auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
@media (max-width: 768px) {
    .api-hero {
        background:
            url(images/bg-frame_m.7f70a05f.svg) calc(50% + 5px) calc(50% + 220px) / 1050px auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
.api-hero .hero-section__visual {
    margin-bottom: 0;
    margin-right: auto;
    margin-top: -20px;
    max-width: 376px;
    top: 0;
}
@media (max-width: 768px) {
    .api-hero .hero-section__visual {
        margin: 20px auto -34px;
        padding: 0;
    }
}
@media (max-width: 767px) {
    .api-hero .hero-section__visual {
        margin-top: -6px;
        max-width: 214px;
    }
}
@media (max-width: 1439px) and (min-width: 1024px) {
    .api-custom-integration {
        padding: 80px 0;
    }
}
.api-custom-integration .default-section__visual {
    margin-left: auto;
    margin-top: 76px;
    max-width: 436px;
}
@media (max-width: 768px) {
    .api-custom-integration .default-section__visual {
        margin: 47px auto 48px;
        max-width: 250px;
    }
}
.api-custom-integration .tab-controls {
    gap: 4px;
    margin: 80px 0 40px;
}
@media (max-width: 768px) {
    .api-custom-integration .tab-controls {
        -ms-overflow-style: none;
        flex-wrap: nowrap;
        margin: 0 0 32px;
        scrollbar-width: none;
        width: 100%;
    }
    .api-custom-integration .tab-controls::-webkit-scrollbar {
        display: none;
    }
}
.api-custom-integration .tab-controls__item {
    margin: 0;
}
.api-custom-integration .tab-controls__item:not(:first-child) .new-btn:not(.new-btn--clear),
.api-custom-integration .tab-controls__item:not(:last-child) .new-btn:not(.new-btn--clear) {
    font-weight: 500;
    margin: 0;
    text-shadow: 0 0 var(--color-night-blue);
}
.api-custom-integration .tab-controls__item button {
    border: 1.5px solid rgba(78, 208, 255, 0.75);
    border-radius: 20px;
    line-height: 21px;
    padding: 8px 20px;
    white-space: nowrap;
}
.api-custom-integration .tab-controls__item button.new-btn--light {
    font-weight: 500;
}
.api-custom-integration .tab-controls__item button.new-btn--light:hover {
    background-color: rgba(78, 208, 255, 0.15);
    color: #fff;
}
.api-custom-integration
    .tab-controls__item
    button:not(.new-btn--light):not(.new-btn--clear):not(.new-btn--clear):not(:disabled):not(.disabled):hover {
    background: #4ed0ff;
}
.api-custom-integration .tab {
    opacity: 1;
    transition: all 0.35s;
}
.api-custom-integration .tab:not(.tab--active) {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.1s;
}
.api-custom-integration .tab .default-content p {
    margin-bottom: 32px;
}
@media (max-width: 768px) {
    .api-custom-integration .tab .default-content p {
        margin-bottom: 24px;
    }
}
.api-custom-integration .tab .default-content > :last-child {
    margin: 0;
}
@media (min-width: 769px) {
    .api-use-case {
        background:
            url(images/bg-frame.108f564a.svg) calc(50% + 295px) calc(50% - 40px) / 133% auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
@media (max-width: 768px) {
    .api-use-case {
        background:
            url(images/bg-frame-light--mobile.89635ce5.svg) calc(50% + 55px) calc(50% + 190px) / 810px auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
.api-use-case .default-section__visual {
    max-width: 594px;
    position: relative;
}
@media (min-width: 769px) {
    .api-use-case .default-section__visual {
        margin: 0 -66px -40px 0;
        right: -13px;
    }
}
@media (min-width: 769px) and (max-width: 1199px) {
    .api-use-case .default-section__visual {
        right: 10px;
    }
}
@media (max-width: 768px) {
    .api-use-case .default-section__visual {
        left: -19px;
        margin-bottom: -60px;
        margin-top: 2px;
        width: 112%;
    }
}
@media (max-width: 480px) {
    .api-use-case .section-head__title {
        padding-right: 20px;
    }
}
@media (min-width: 769px) {
    .slack-hero.hero-section {
        background:
            url(images/bg-frame.108f564a.svg) calc(50% + 3px) calc(50% - 73px) / 135% auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
@media (max-width: 768px) {
    .slack-hero.hero-section {
        background:
            url(images/bg-frame-light--mobile.89635ce5.svg) calc(50% - 2px) calc(50% + 192px) / 790px auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
.slack-hero .hero-section__full-img {
    margin: 58px auto -41px;
    max-width: 488px;
}
@media (max-width: 768px) {
    .slack-hero .hero-section__full-img {
        margin: 40px auto 13px;
        padding-left: 20px;
        padding-right: 20px;
    }
}
.slack-features .advantages {
    margin-top: 56px;
}
@media (max-width: 768px) {
    .slack-features .advantages {
        margin-top: 28px;
    }
    .slack-features .advantage-item p {
        font-size: 16px;
        line-height: 24px;
    }
    .slack-integration .steps-list {
        margin-bottom: -25px;
    }
}
.slack-demo .visual--integration {
    margin: 69px auto -3px;
    max-width: 838px;
}
@media (max-width: 768px) {
    .slack-demo .visual--integration {
        margin: 32px auto 2px;
        max-width: 292px;
    }
}
@media (min-width: 769px) {
    .amazon-hero.hero-section {
        background:
            url(images/bg-frame.108f564a.svg) calc(50% + 3px) calc(50% - 100px) / 134% auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
@media (max-width: 768px) {
    .amazon-hero.hero-section {
        background:
            url(images/bg-frame-light--mobile.89635ce5.svg) 50% calc(50% + 173px) / 780px auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
.amazon-hero .hero-section__full-img {
    margin: 58px auto -38px;
    max-width: 488px;
}
@media (max-width: 768px) {
    .amazon-hero .hero-section__full-img {
        margin: 40px auto 8px;
        padding-left: 18px;
        padding-right: 18px;
    }
}
.amazon-solutions {
    margin: 0 !important;
}
.amazon-solutions .section-head {
    margin-bottom: 24px;
}
@media (max-width: 768px) {
    .amazon-solutions .section-head {
        margin-bottom: 12px;
    }
}
.amazon-solutions .default-section__content p {
    margin-bottom: 20px;
}
.amazon-solutions .solutions-list {
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1104px;
}
@media (min-width: 1440px) {
    .amazon-solutions .solutions-list {
        margin: 0 -36px;
        max-width: 1152px;
    }
}
@media (max-width: 1023px) {
    .amazon-solutions .solutions-list {
        justify-content: center;
    }
}
@media (max-width: 767px) {
    .amazon-solutions .solutions-list {
        margin: -12px auto 0;
    }
}
.amazon-solutions .solutions-item {
    width: 20%;
}
@media (max-width: 1023px) {
    .amazon-solutions .solutions-item {
        width: 33.33%;
    }
}
@media (max-width: 639px) {
    .amazon-solutions .solutions-item {
        width: 50%;
    }
}
@media (max-width: 360px) {
    .amazon-solutions .solutions-item {
        width: 100%;
    }
}
.amazon-integration {
    margin: 0 !important;
}
@media (max-width: 767px) {
    .amazon-integration .section-head h2 {
        padding: 0;
    }
}
@media (max-width: 360px) {
    .amazon-integration .step-item__title {
        margin-left: auto;
        margin-right: auto;
        max-width: 300px;
    }
}
.amazon-demo .visual--integration {
    margin: 71px auto -5px;
}
@media (max-width: 768px) {
    .amazon-demo .visual--integration {
        margin: 50px auto 0;
    }
}
.amazon-features .default-section__visual {
    margin: -37px 35px 14px auto;
    max-width: 467px;
}
@media (min-width: 1440px) {
    .amazon-features .default-section__visual {
        margin: -58px 35px 14px auto;
        position: relative;
        top: 22px;
    }
}
@media (max-width: 768px) {
    .amazon-features .default-section__visual {
        margin: 15px auto 0;
    }
}
.amazon-features .advantages {
    margin-top: 35px;
}
@media (min-width: 1440px) {
    .amazon-features .advantages {
        margin-top: 56px;
    }
}
@media (max-width: 768px) {
    .amazon-features .advantages {
        margin-top: 50px;
    }
}
.power-bi__hero {
    padding-bottom: 58px;
}
.power-bi__hero .hero-section__head {
    max-width: 896px;
}
.power-bi__hero .hero-section__full-img {
    margin-top: 58px;
}
.power-bi__hero .hero-section__full-img img {
    margin: 0 auto;
    max-width: 488px;
}
.power-bi__connection-points {
    margin-top: 0 !important;
}
.power-bi__connection-points .connection-points-section__wrapper {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
}
@media (max-width: 768px) {
    .power-bi__connection-points .connection-points-section__wrapper {
        flex-wrap: wrap;
    }
    .power-bi__connection-points .connection-points-section__description {
        margin-bottom: 40px;
    }
}
.power-bi__connection-points .connection-points-section__text {
    color: #1d2452;
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 40px;
}
@media (max-width: 1024px) {
    .power-bi__connection-points .connection-points-section__text {
        line-height: 32px;
    }
}
.power-bi__connection-points .connection-points-section__image {
    margin-left: 40px;
}
@media (max-width: 768px) {
    .power-bi__connection-points .connection-points-section__image {
        margin: 0 auto;
    }
}
.power-bi__connection-points .connection-points-section__image img {
    height: auto;
    width: 515px;
}
@media (max-width: 1024px) {
    .power-bi__connection-points .connection-points-section__image img {
        width: 400px;
    }
}
@media (max-width: 768px) {
    .power-bi__connection-points .connection-points-section__image img {
        max-width: 450px;
        width: 100%;
    }
}
.power-bi__benefits {
    background-color: #f7f9fc;
}
.power-bi__benefits .benefits-section__head {
    max-width: 712px;
}
.power-bi__benefits .benefits-section__list {
    justify-content: space-between;
    margin-left: 0;
    margin-right: 0;
}
.power-bi__benefits .benefits-section__list .benefit-item {
    flex: auto;
    max-width: 320px;
    padding: 0;
}
@media (max-width: 768px) {
    .power-bi__benefits .benefits-section__list .benefit-item {
        max-width: 320px;
        width: 100%;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .power-bi__benefits .benefits-section__list .benefit-item {
        max-width: calc(33.33333% - 26.66667px);
    }
}
.power-bi__benefits .benefits-section__list .benefit-item__icon svg {
    height: 32px;
    width: 32px;
}
.power-bi__integration .integration-section__head {
    max-width: 712px;
}
@media (max-width: 768px) {
    .power-bi__integration .integration-section__steps-list {
        margin-bottom: 0;
    }
}
.power-bi__integration .integration-section__steps-list .step-item {
    flex: 0 0 25%;
    padding: 0 12px;
}
@media (max-width: 768px) {
    .power-bi__integration .integration-section__steps-list .step-item {
        margin-bottom: 0;
        padding: 54px 0;
    }
    .power-bi__integration .integration-section__steps-list .step-item:first-child {
        padding-top: 0;
    }
    .power-bi__integration .integration-section__steps-list .step-item:last-child {
        padding-bottom: 0;
    }
}
.power-bi__integration .integration-section__steps-list .step-item:before {
    right: calc(50% + 63px);
    width: calc(100% - 120px);
}
@media (max-width: 768px) {
    .power-bi__integration .integration-section__steps-list .step-item:before {
        height: 18px;
        left: calc(50% - 37px);
        top: 0;
        width: 80px;
    }
}
.power-bi__integration .integration-section__steps-list .step-item__icon {
    display: inline-block;
}
.power-bi__integration .integration-section__steps-list .step-item__icon svg {
    height: 64px;
    width: 64px;
}
.power-bi__integration .integration-section__steps-list .step-item__title {
    font-family: Inter, Arial, Helvetica, sans-serif;
}
.power-bi__integration .integration-section__steps-list .step-item__title .h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin: 0;
}
.power-bi__integration .integration-section__steps-list .step-item__text {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
@media (max-width: 1024px) {
    .emapp-hero {
        padding-bottom: 60px;
        padding-top: 100px;
    }
    .emapp-hero .section-head {
        margin-bottom: 24px;
        max-width: 704px;
    }
}
@media (max-width: 768px) {
    .emapp-hero .section-head {
        margin-bottom: 12px;
    }
}
@media (max-width: 1440px) {
    .emapp-hero .section-head h1 {
        font-size: 52px;
        line-height: 56px;
    }
}
@media (max-width: 1024px) {
    .emapp-hero .section-head h1 {
        font-size: 36px;
        line-height: 44px;
    }
}
@media (max-width: 768px) {
    .emapp-hero .section-head h1 {
        font-size: 32px;
        line-height: 40px;
    }
}
@media (max-width: 1024px) {
    .emapp-hero .default-section__content p {
        font-size: 18px;
        line-height: 28px;
    }
}
@media (max-width: 768px) {
    .emapp-hero .default-section__content p {
        font-size: 16px;
        line-height: 24px;
    }
}
@media (max-width: 1024px) {
    .emapp-hero .default-section__content__btn {
        margin: 40px 0 0;
    }
}
@media (max-width: 768px) {
    .emapp-hero .default-section__content__btn {
        margin: 32px 0 0;
    }
}
@media (max-width: 1024px) {
    .emapp-hero .default-section__content__btn .new-btn {
        margin-bottom: 0;
    }
}
.emapp-hero .hero-section__full-img {
    margin-top: 60px;
}
@media (max-width: 768px) {
    .emapp-hero .hero-section__full-img {
        margin-top: 42px;
        max-width: 500px;
        padding: 0 20px;
        width: 100%;
    }
}
.emapp-hero .hero-section__full-img img {
    height: 180px;
    margin: 0 auto;
    width: 500px;
}
@media (max-width: 768px) {
    .emapp-hero .hero-section__full-img img {
        height: auto;
        width: 100%;
    }
}
@media (min-width: 769px) {
    .emapp-process .section-head__topic {
        margin-bottom: 16px;
    }
    .emapp-process .section-head h2 {
        margin-bottom: 24px;
    }
}
@media (max-width: 1024px) and (min-width: 769px) {
    .emapp-process .default-section__content p {
        font-size: 18px;
        line-height: 28px;
    }
}
.emapp-process__list {
    display: flex;
    flex-wrap: wrap;
    gap: 60px 24px;
    margin-top: 80px;
}
@media (max-width: 1024px) {
    .emapp-process__list {
        gap: 40px 24px;
    }
}
@media (max-width: 768px) {
    .emapp-process__list {
        gap: 32px 0;
        justify-content: center;
        margin-top: 40px;
    }
}
.emapp-process__item {
    flex: 0 0 calc(50% - 12px);
}
@media (max-width: 768px) {
    .emapp-process__item {
        flex: 0 0 100%;
        max-width: 340px;
    }
}
.emapp-process__image {
    margin-bottom: 24px;
}
.emapp-process__image img,
.emapp-process__image svg {
    height: auto;
    width: 100%;
}
.emapp-process__text {
    font:
        600 22px/32px Inter,
        Arial,
        Helvetica,
        sans-serif;
    margin: 0;
    text-align: center;
}
@media (max-width: 1024px) {
    .emapp-process__text {
        font-size: 18px;
        line-height: 28px;
    }
}
.emapp-benefits {
    background: linear-gradient(135deg, #f9fafc, #f0f4fa);
}
.emapp-benefits__content {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
}
@media (max-width: 1024px) {
    .emapp-benefits__content {
        flex-wrap: wrap;
    }
}
@media (max-width: 768px) {
    .emapp-benefits__content {
        margin-bottom: 40px;
    }
}
.emapp-benefits .section-head {
    flex: 0 0 436px;
}
@media (max-width: 1024px) {
    .emapp-benefits .section-head {
        flex: 0 0 100%;
        margin-bottom: 53px;
        max-width: 704px;
    }
}
@media (max-width: 768px) {
    .emapp-benefits .section-head {
        margin-bottom: 40px;
    }
}
.emapp-benefits .section-head h2 {
    font-size: 36px !important;
    line-height: 44px !important;
}
@media (max-width: 768px) {
    .emapp-benefits .section-head h2 {
        font-size: 28px !important;
        line-height: 36px !important;
    }
}
@media (max-width: 1024px) {
    .emapp-benefits .default-section__visual {
        margin: 0 auto;
    }
}
@media (max-width: 768px) {
    .emapp-benefits .default-section__visual {
        flex: 0 0 100%;
        height: auto;
        max-width: 591px;
    }
}
.emapp-benefits .default-section__visual img {
    height: 393px;
    width: 559px;
}
@media (max-width: 768px) {
    .emapp-benefits .default-section__visual img {
        height: auto;
        width: 100%;
    }
}
.emapp-benefits__list {
    display: flex;
    flex-wrap: wrap;
    gap: 88px 117px;
    justify-content: space-between;
}
@media (max-width: 1024px) {
    .emapp-benefits__list {
        gap: 60px 24px;
    }
}
@media (max-width: 768px) {
    .emapp-benefits__list {
        gap: 32px;
    }
}
.emapp-benefits__item {
    flex: 0 0 calc(50% - 58.5px);
}
@media (max-width: 1024px) {
    .emapp-benefits__item {
        flex: 0 0 calc(50% - 12px);
    }
}
@media (max-width: 768px) {
    .emapp-benefits__item {
        flex: 0 0 100%;
    }
}
.emapp-benefits__icon {
    align-items: center;
    background-color: #e3e3fd;
    border-radius: 50%;
    display: flex;
    height: 64px;
    justify-content: center;
    margin-bottom: 24px;
    width: 64px;
}
@media (max-width: 768px) {
    .emapp-benefits__icon {
        margin-bottom: 16px;
    }
}
.emapp-benefits__icon svg {
    height: 32px;
    width: 32px;
}
.emapp-benefits__title {
    font:
        600 22px/32px Inter,
        Arial,
        Helvetica,
        sans-serif;
    margin-bottom: 12px;
}
@media (max-width: 768px) {
    .emapp-benefits__title {
        margin-bottom: 8px;
    }
}
.emapp-benefits__text {
    color: #565b7d;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0;
}
@media (max-width: 768px) {
    .emapp-benefits__text {
        font-size: 16px;
        line-height: 24px;
    }
}
@media (max-width: 1024px) {
    .emapp-implementation .step-item {
        flex: 0 0 100%;
        margin-bottom: 0;
        max-width: 520px;
    }
}
@media (max-width: 768px) {
    .emapp-implementation .step-item {
        max-width: 320px;
    }
}
@media (max-width: 1024px) {
    .emapp-implementation .step-item:not(:first-child) {
        padding-top: 86px;
    }
}
.emapp-implementation .step-item:not(:first-child):before {
    border: 0;
    color: #4ed0ff;
    content: ".................................................";
    font-size: 30px;
    height: 14px;
    letter-spacing: 5px;
    line-height: 0;
    overflow: hidden;
    top: 22px;
    white-space: nowrap;
}
@media (max-width: 1024px) {
    .emapp-implementation .step-item:not(:first-child):before {
        height: 18px;
        left: calc(50% - 28px);
        transform: rotate(90deg);
        transform-origin: center;
        width: 61px;
    }
}
.emapp-implementation .step-item__number {
    background: rgba(78, 208, 255, 0.15);
    color: #4ed0ff;
}
.emapp-implementation .step-item__text {
    margin: 0;
}
@media (max-width: 1024px) {
    .emapp-implementation .step-item__text {
        margin-bottom: 24px;
    }
}
.emapp-implementation .step-item__title {
    color: #e6e7eb;
    font:
        600 22px/32px Inter,
        Arial,
        Helvetica,
        sans-serif;
}
@media (max-width: 768px) {
    .emapp-implementation .step-item__title {
        font-size: 18px;
        line-height: 28px;
    }
}
.emapp-implementation .step-item p {
    color: #d7dbf5;
    font:
        500 18px/28px Inter,
        Arial,
        Helvetica,
        sans-serif;
}
@media (max-width: 768px) {
    .emapp-implementation .step-item p {
        font-size: 16px;
        line-height: 24px;
    }
}
@media (min-width: 769px) {
    .compare-security-hero {
        background:
            url(images/bg-frame-api.f1fff7e0.svg) calc(50% + 280px) calc(50% - 50px) / 135% auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
@media (max-width: 768px) {
    .compare-security-hero {
        background:
            url(images/bg-frame_m.7f70a05f.svg) calc(50% + 5px) calc(50% + 210px) / 950px auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
@media (min-width: 769px) {
    .compare-security-hero .hero-section__visual {
        margin: -92px -40px -140px auto;
        top: 0;
    }
}
@media (max-width: 1024px) {
    .compare-security-hero .hero-section__visual {
        margin-right: auto;
        max-width: 576px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .compare-security-hero .hero-section__visual {
        margin-bottom: -68px;
        margin-top: -36px;
        max-width: 360px;
        top: 0;
        width: calc(100% + 40px);
    }
}
@media (max-width: 360px) {
    .compare-security-hero .hero-section__visual {
        margin-left: -20px;
        margin-right: -20px;
    }
}
.compare-security-benefits {
    margin: 0 !important;
}
@media (max-width: 767px) {
    .compare-security-benefits .section-head--m-small {
        padding: 0 7px;
    }
}
@media (min-width: 769px) {
    .compare-security-benefits .benefits-list {
        margin-bottom: -40px;
        margin-top: 60px;
    }
}
@media (max-width: 768px) {
    .compare-security-benefits .benefits-list {
        margin-bottom: -32px;
    }
}
@media (min-width: 769px) {
    .compare-security-hosting {
        background:
            url(images/bg-frame-api.f1fff7e0.svg) calc(50% + 263px) calc(50% - 45px) / 160% auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
@media (max-width: 768px) {
    .compare-security-hosting {
        background:
            url(images/bg-frame_m.7f70a05f.svg) calc(50% - 105px) calc(50% + 424px) / 1340px auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
.compare-security-hosting .default-section__visual {
    margin-left: auto;
    margin-right: auto;
    max-width: 463px;
}
@media (min-width: 769px) {
    .compare-security-hosting .default-section__visual {
        margin-bottom: 0;
        margin-top: 0;
    }
}
@media (max-width: 768px) {
    .compare-security-hosting .default-section__visual {
        margin-bottom: -41px;
        margin-left: auto;
        margin-top: 34px;
    }
    .compare-security-hosting .default-section__visual:before {
        padding-top: 69.7%;
    }
}
.compare-security-uptime .default-section__content,
.compare-security-uptime .section-head {
    position: relative;
    z-index: 9;
}
@media (min-width: 768px) {
    .compare-security-uptime .default-section__visual {
        margin-left: auto;
        margin-right: auto;
        margin-top: 64px;
        max-width: 424px;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .compare-security-uptime .default-section__visual {
        margin-bottom: -80px;
    }
}
@media (max-width: 767px) {
    .compare-security-uptime .default-section__visual {
        margin-bottom: -61px;
        margin-top: 35px;
        max-width: 172px;
    }
}
@media (min-width: 1440px) {
    .compare-security-privacy .default-section__visual {
        margin: -81px auto -21px;
        max-width: 458px;
    }
}
@media (max-width: 768px) {
    .compare-security-privacy .default-section__visual {
        margin-bottom: -50px;
        margin-left: auto;
        margin-top: 10px;
        max-width: 260px;
    }
    .compare-security-privacy .default-section__visual:before {
        padding-top: 100%;
    }
}
@media (max-width: 479px) {
    .compare-security-privacy .new-btn {
        padding-left: 11.5px;
        padding-right: 11.5px;
    }
}
@media (min-width: 769px) {
    .compare-hero {
        background:
            url(images/bg-frame-api.f1fff7e0.svg) calc(50% + 285px) calc(50% + 50px) / 140% auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
@media (max-width: 768px) {
    .compare-hero {
        background:
            url(images/bg-frame-light--mobile.89635ce5.svg) calc(50% + 55px) calc(50% + 210px) / 780px auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
.compare-hero .hero-section__visual {
    max-width: 552px;
}
@media (max-width: 768px) {
    .compare-hero .hero-section__visual {
        margin-bottom: -60px;
        margin-top: -21px;
    }
}
@media (max-width: 480px) {
    .compare-hero .hero-section__visual {
        margin-left: 5px;
        margin-right: -20px;
    }
}
.compare-table {
    margin: 0 !important;
}
.compare-table .default-section__content {
    color: var(--color-purple-navy);
}
@media (max-width: 768px) {
    .compare-table .comparison-table {
        margin-bottom: 32px;
    }
}
.compare-table .comparison-table__option__icon {
    line-height: 24px;
}
.compare-table .new-btn-holder {
    margin-bottom: 0;
}
@media (max-width: 768px) {
    .compare-procurify-hero {
        background: linear-gradient(102.29deg, #f9fafc, #f0f4fa), #f7f9fc;
    }
}
@media (min-width: 1440px) {
    .compare-procurify-hero .hero-section__visual {
        margin-right: -30px;
        margin-top: -72px;
        right: -21px;
        top: -20px;
    }
    .compare-tipalti-hero .hero-section__visual {
        margin-right: -60px;
        margin-top: -150px;
        right: -20px;
        top: 0;
    }
}
.compare-key-features .benefit-section {
    padding-bottom: 50px;
    padding-top: 50px;
}
@media (max-width: 767px) {
    .compare-reasons .benefits-list {
        margin-bottom: -32px;
    }
}
@media (min-width: 769px) {
    .partnerhsips-hero {
        background:
            url(images/bg-frame-api.f1fff7e0.svg) calc(50% + 340px) calc(50% - 100px) / 160% auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
@media (max-width: 768px) {
    .partnerhsips-hero {
        background:
            url(images/bg-frame-light--mobile.89635ce5.svg) calc(50% + 30px) calc(50% + 220px) / 890px auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
.partnerhsips-hero .hero-section__visual {
    top: 0;
}
@media (min-width: 769px) {
    .partnerhsips-hero .hero-section__visual {
        margin-bottom: -120px;
        margin-top: -40px;
    }
}
@media (max-width: 768px) {
    .partnerhsips-hero .hero-section__visual {
        padding: 0 22px;
    }
}
@media (max-width: 480px) {
    .partnerhsips-hero .default-section__content__btn {
        gap: 8px;
        margin-left: 0;
        margin-right: -15px;
    }
    .partnerhsips-hero .default-section__content__btn .new-btn {
        margin-left: 0;
        margin-right: 0;
    }
}
@media (min-width: 769px) {
    .partnerhsips-demo {
        background:
            url(images/bg-frame-full.f9c3ae83.svg) calc(50% - 30px) calc(50% - 110px) / 120% auto no-repeat,
            linear-gradient(98.24deg, var(--color-night-blue) 0, #2d3466 100%),
            var(--color-night-blue);
    }
}
.partnerhsips-demo .tag {
    background: #f8f8fc;
}
@media (max-width: 480px) {
    .partnerhsips-demo .book-form__submit {
        margin-top: 24px;
    }
}
.header-demo {
    box-shadow: none;
    position: absolute;
}
@media (min-width: 1024px) {
    .header-demo {
        width: 50%;
    }
}
@media (max-width: 1023px) {
    .header-demo {
        background: transparent !important;
    }
    .header-demo .header__controls {
        margin-bottom: 0;
        min-height: 28px;
    }
}
.header-demo .header__main {
    min-height: 64px;
}
.header-demo .header__controls__link {
    align-items: center;
    color: rgba(29, 36, 82, 0.75);
    display: inline-flex;
    font-size: 16px;
    font-weight: 500;
    gap: 4px;
    line-height: 24px;
    transition: all 0.1s;
}
.header-demo .header__controls__link:hover {
    color: #1d2452;
}
.header-trial {
    box-shadow: none;
    position: absolute;
    width: -moz-fit-content;
    width: fit-content;
}
@media (max-width: 1919px) {
    .header-trial {
        left: 0;
    }
}
@media (min-width: 1921px) {
    .header-trial {
        left: 160px;
    }
}
@media (max-width: 1439px) and (min-width: 1024px) {
    .header-trial {
        left: auto;
        margin-top: 10px;
        right: 0;
    }
}
@media (min-width: 1024px) {
    .header-trial {
        color: var(--color-light);
    }
    .header-trial,
    .header-trial:hover {
        background: transparent;
    }
}
.header-trial .header__controls {
    min-height: 40px;
}
@media (min-width: 1440px) {
    .header-trial .header__controls {
        margin-left: 0;
        margin-right: auto;
    }
}
@media (max-width: 1439px) and (min-width: 1024px) {
    .header-trial .header__controls {
        margin-left: 40px;
    }
}
@media (max-width: 1439px) and (min-width: 1025px) {
    .header-trial .header__controls {
        margin-left: auto;
    }
}
@media (max-width: 1023px) {
    .header-trial .header__controls {
        margin-bottom: 0;
        min-height: 28px;
    }
}
.header-trial .header__controls__link {
    align-items: center;
    display: inline-flex;
    font-size: 16px;
    font-weight: 500;
    gap: 4px;
    line-height: 24px;
    transition: all 0.1s;
}
@media (max-width: 1023px) {
    .header-trial .header__controls__link {
        color: #1d2452;
    }
    .content-demo .logo {
        margin: 64px auto 24px;
        padding-top: 0;
    }
}
.content-demo .demo-section {
    border-top: 0;
}
@media (min-width: 1024px) {
    .content-demo .demo-section .half-section {
        padding-top: 112px;
    }
}
@media (max-width: 1023px) {
    .content-demo .demo-section .half-section.left-section {
        padding-top: 0;
    }
}
@media (max-width: 767px) {
    .content-demo .demo-section__content {
        display: none;
    }
}
@media (min-width: 1024px) {
    .content-trial .trial-section.default-section {
        margin-top: 0;
        overflow: hidden;
        padding-top: 0;
        position: relative;
    }
}
@media (max-width: 1023px) {
    .content-trial .trial-section.default-section {
        padding-bottom: 0;
        padding-top: 4px;
    }
}
@media (min-width: 1024px) {
    .content-trial .trial-section:after,
    .content-trial .trial-section:before {
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .content-trial .trial-section:before {
        background: url(images/trial-hero-bg.24a0ced5.png);
        background-repeat: no-repeat;
        background-size: cover;
        filter: blur(4px);
        z-index: -2;
    }
    .content-trial .trial-section:after {
        background: linear-gradient(90deg, rgba(46, 57, 133, 0.9), rgba(22, 27, 64, 0.9));
        z-index: -1;
    }
}
.content-trial .trial-section__form form {
    box-shadow: none;
    display: flex;
    flex-wrap: wrap;
    gap: 16px 12px;
    max-width: 372px;
    padding: 0;
}
@media (min-width: 1024px) {
    .content-trial .trial-section__form form {
        border-radius: 0 0 8px 8px;
        margin-bottom: 0;
        margin-left: 0;
        margin-top: 0;
        max-width: 528px;
        padding: 44px 60px 60px;
    }
}
@media (max-width: 767px) {
    .content-trial .trial-section__form form {
        gap: 12px;
    }
}
@media (max-width: 1023px) {
    .content-trial .trial-section__form form {
        margin: 0 auto 60px;
    }
}
.content-trial .trial-section__form form .t-center {
    text-align: center;
}
.content-trial .trial-section__form form .logo {
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 1023px) {
    .content-trial .trial-section__form form .logo {
        margin-bottom: 20px;
    }
}
@media (max-width: 767px) {
    .content-trial .trial-section__form form .logo {
        margin-bottom: 12px;
    }
}
.content-trial .trial-section__form form .logo img {
    -o-object-fit: cover;
    object-fit: cover;
}
.content-trial .trial-section__form form .demo-section__head {
    margin-bottom: 0;
}
@media (max-width: 768px) {
    .content-trial .trial-section__form form .demo-section__head {
        margin-bottom: 12px;
    }
}
.content-trial .trial-section__form form .demo-section__content {
    max-width: 100%;
}
.content-trial .trial-section__form form .demo-section__content p {
    margin-bottom: 16px;
}
@media (max-width: 768px) {
    .content-trial .trial-section__form form .demo-section__content p {
        margin-bottom: 20px;
    }
}
.content-trial .trial-section__form form .form-row {
    margin-bottom: 0;
    width: 100%;
}
@media (min-width: 640px) {
    .content-trial .trial-section__form form .form-row--company {
        width: calc(55.5% - 6px);
    }
    .content-trial .trial-section__form form .form-row--select {
        width: calc(44.5% - 6px);
    }
}
.content-trial .trial-section__form form .form__submit {
    margin-top: 8px;
    width: 100%;
}
@media (max-width: 767px) {
    .content-trial .trial-section__form form .form__submit {
        margin-top: 12px;
    }
}
.content-trial .trial-section__form form .form__submit .cta {
    width: 100%;
}
.content-trial .trial-section .trial-section__endorsal {
    align-items: center;
    color: var(--color-light);
    display: flex;
}
@media (max-width: 1023px) {
    .content-trial .trial-section .trial-section__endorsal {
        display: flex;
        justify-content: center;
        padding-bottom: 60px;
        padding-top: 60px;
        position: relative;
    }
    .content-trial .trial-section .trial-section__endorsal:before {
        background: linear-gradient(98.24deg, #1d2452, #2d3466), #1d2452;
        content: "";
        height: 100%;
        left: calc(50% - 50vw);
        position: absolute;
        top: 0;
        width: 100vw;
        z-index: -1;
    }
}
.content-trial
    .trial-section
    .trial-section__endorsal
    .ndrsl-widget
    .ndrsl-carousel-item-inner
    .ndrsl-live-testimonial
    > .ndrsl-live-row:first-child {
    justify-content: flex-start;
    left: 0;
    order: 1;
    position: relative;
    right: unset;
    top: 0;
}
.content-trial
    .trial-section
    .trial-section__endorsal
    .ndrsl-widget
    .ndrsl-carousel-item-inner
    .ndrsl-live-testimonial
    > .ndrsl-live-row:nth-child(2) {
    order: 2;
    padding: 0;
}
.content-trial
    .trial-section
    .trial-section__endorsal
    .ndrsl-widget
    .ndrsl-carousel-item-inner
    .ndrsl-live-testimonial
    > .ndrsl-live-row:last-child {
    order: 3;
    padding-bottom: 32px;
}
.content-trial .trial-section .trial-section__endorsal .ndrsl-widget .ndrsl-live-testimonial {
    background: transparent !important;
    padding-right: 0 !important;
}
@media (max-width: 1023px) {
    .content-trial .trial-section .trial-section__endorsal .ndrsl-widget .ndrsl-live-testimonial {
        padding: 0 !important;
    }
}
.content-trial
    .trial-section
    .trial-section__endorsal
    .ndrsl-widget
    #ndrsl-carousel
    #ndrsl-carousel-inner
    .ndrsl-carousel-item
    .ndrsl-carousel-item-inner {
    padding: 0 !important;
}
@media (min-width: 1024px) {
    .content-trial
        .trial-section
        .trial-section__endorsal
        .ndrsl-widget
        #ndrsl-carousel
        #ndrsl-carousel-inner
        .ndrsl-carousel-item
        .ndrsl-carousel-item-inner {
        margin: 0 0 0 auto;
        max-width: calc(100% - 60px);
    }
}
.content-trial .trial-section .trial-section__endorsal .ndrsl-widget .ndrsl-live-user-company,
.content-trial .trial-section .trial-section__endorsal .ndrsl-widget .ndrsl-live-user-name {
    color: var(--color-light) !important;
}
.content-trial .trial-section .trial-section__endorsal .ndrsl-widget .ndrsl-live-user-comments {
    color: var(--color-light) !important;
    font-size: 18px !important;
    font-weight: 600;
    line-height: 28px;
    margin-top: 0 !important;
}
.content-trial .trial-section .trial-section__endorsal .ndrsl-widget .ndrsl-live-user-comments .ndrsl-read-more {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 3 5 5-5 5' stroke='%23FFFFFF80' stroke-width='2'/%3E%3C/svg%3E");
    color: hsla(0, 0%, 100%, 0.5) !important;
}
.content-trial .trial-section .trial-section__endorsal .ndrsl-widget .ndrsl-live-user-comments .ndrsl-read-more:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 3 5 5-5 5' stroke='%23FFF' stroke-width='2'/%3E%3C/svg%3E");
    color: var(--color-light) !important;
}
.content-trial .trial-section .trial-section__endorsal .ndrsl-widget .ndrsl-live-user-rating {
    margin-bottom: 8px;
}
@media (max-width: 1023px) {
    .content-trial
        .trial-section
        .trial-section__endorsal
        .ndrsl-widget
        .ndrsl-live-user-container
        .ndrsl-live-user-contents
        .ndrsl-testimonial-source {
        bottom: 0;
        left: 0;
    }
}
.content-trial
    .trial-section
    .trial-section__endorsal
    .ndrsl-widget
    .ndrsl-live-user-container
    .ndrsl-live-user-contents
    .ndrsl-testimonial-source
    a {
    color: var(--color-light) !important;
}
.content-trial .trial-section .trial-section__endorsal .ndrsl-widget .ndrsl-live-star.set {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%234ED0FF' d='M11.045 4.927c.3-.92 1.603-.92 1.902 0l1.07 3.292a1 1 0 0 0 .95.69h3.462c.97 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 0 0-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 0 0-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 0 0-.364-1.118L4.976 10.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 0 0 .951-.69l1.07-3.292Z'/%3E%3C/svg%3E");
}
@media (min-width: 1024px) {
    .content-trial .trial-section .trial-section__endorsal #ndrsl-carousel-controls {
        display: none;
    }
}
.content-trial
    .trial-section
    .trial-section__endorsal
    #ndrsl-carousel
    #ndrsl-carousel-controls
    .ndrsl-carousel-controller.left {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath stroke='%234ED0FF' stroke-width='3' d='M22 29 9 16 22 3'/%3E%3C/svg%3E");
}
.content-trial
    .trial-section
    .trial-section__endorsal
    #ndrsl-carousel
    #ndrsl-carousel-controls
    .ndrsl-carousel-controller.right {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath stroke='%234ED0FF' stroke-width='3' d='m10 3 13 13-13 13'/%3E%3C/svg%3E");
}
@media (min-width: 769px) {
    .error-hero {
        background:
            url(images/bg-frame-api.f1fff7e0.svg) calc(50% + 290px) calc(50% - 20px) / 145% auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
@media (max-width: 768px) {
    .error-hero {
        padding-bottom: 60px;
    }
}
@media (max-width: 480px) {
    .error-hero {
        background: linear-gradient(102.29deg, #f9fafc, #f0f4fa), #f7f9fc;
    }
}
.error-hero .hero-section__visual {
    max-width: 525px;
}
@media (min-width: 1440px) {
    .error-hero .hero-section__visual {
        margin: -54px -80px -72px auto;
    }
}
@media (max-width: 1439px) and (min-width: 769px) {
    .error-hero .hero-section__visual {
        margin: -70px -24px -56px auto;
    }
}
@media (max-width: 768px) {
    .error-hero .hero-section__visual {
        margin: 40px auto -60px;
        top: 0;
    }
}
@media (max-width: 480px) {
    .error-hero .hero-section__visual {
        margin: 40px -20px -60px;
        max-width: unset;
    }
}
@media (max-width: 1023px) {
    .error-contacts .contacts-item:hover {
        box-shadow: none;
    }
}
@media (min-width: 769px) {
    .error-blog {
        background:
            url(images/bg-frame-light.008c8bc7.svg) calc(50% + 295px) calc(50% + 55px) / 100% auto no-repeat,
            linear-gradient(98.24deg, var(--color-night-blue) 0, #2d3466 100%),
            var(--color-night-blue);
    }
}
@media (min-width: 769px) and (max-width: 1023px) and (min-width: 769px) {
    .error-blog {
        background:
            url(images/bg-frame-light.008c8bc7.svg) calc(50% + 200px) calc(50% + 55px) / 125% auto no-repeat,
            linear-gradient(98.24deg, var(--color-night-blue) 0, #2d3466 100%),
            var(--color-night-blue);
    }
}
.error-blog .default-section__visual {
    margin: -59px 0 -49px auto;
    max-width: 519px;
}
@media (max-width: 1023px) and (min-width: 769px) {
    .error-blog .default-section__visual {
        align-items: center;
        display: flex;
        height: 100%;
        margin: 0 0 0 auto;
    }
}
@media (max-width: 768px) {
    .error-blog .default-section__visual {
        margin: 40px auto 1px;
    }
}
.section-sitemap-wrp {
    border-bottom: 1px solid var(--color-light-grey);
    padding: 120px 0;
}
@media (max-width: 1439px) {
    .section-sitemap-wrp {
        padding: 100px 0;
    }
}
@media (max-width: 1023px) {
    .section-sitemap-wrp {
        padding: 80px 0;
    }
}
@media (max-width: 767px) {
    .section-sitemap-wrp {
        flex-direction: column;
        padding: 60px 0;
    }
}
.section-sitemap .link-wrapper:not(:last-child) {
    margin-bottom: 24px;
}
.section-sitemap .link-wrapper a {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
}
@media (max-width: 767px) {
    .section-sitemap .link-wrapper a {
        font-size: 16px;
        line-height: 24px;
    }
}
.pricing-hero {
    background:
        url(images/bg-frame.108f564a.svg) calc(50% + 25px) calc(50% - 280px) / 145% auto no-repeat,
        linear-gradient(102.29deg, #f9fafc, #f0f4fa),
        #f7f9fc;
}
@media (max-width: 768px) {
    .pricing-hero {
        padding-bottom: 60px;
    }
}
.pricing-block {
    background: var(--color-light);
    border-radius: 8px;
    margin: 40px -40px 0;
    padding: 40px;
}
@media (max-width: 1439px) {
    .pricing-block {
        margin: 40px 0 0;
    }
}
@media (max-width: 768px) {
    .pricing-block {
        padding: 20px;
    }
}
.pricing-block-content,
.pricing-block-head {
    display: flex;
    gap: 32px;
    justify-content: space-between;
}
@media (max-width: 768px) {
    .pricing-block-head {
        flex-wrap: wrap;
        gap: 0;
        justify-content: center;
    }
}
.pricing-block-content {
    margin-top: 60px;
}
@media (max-width: 1023px) {
    .pricing-block-content {
        flex-direction: column-reverse;
        margin-top: 40px;
    }
}
.pricing-block__title {
    max-width: 300px;
    width: auto;
}
@media (max-width: 768px) {
    .pricing-block__title {
        max-width: 100%;
        width: 100%;
    }
}
.pricing-block__title .h3 {
    margin: 0 auto;
}
@media (max-width: 768px) {
    .pricing-block__title .h3 {
        font-size: 26px;
        font-weight: 700;
        line-height: 32px;
        text-align: center;
    }
}
@media (min-width: 769px) {
    .pricing-block__price-bar,
    .pricing-block__tablets {
        max-width: 57.5%;
        width: 620px;
    }
}
@media (max-width: 768px) {
    .pricing-block__price-bar {
        width: 100%;
    }
}
.pricing-block__currency {
    margin-top: -3px;
    text-align: right;
}
@media (max-width: 768px) {
    .pricing-block__currency {
        text-align: center;
    }
}
.pricing-block__select {
    margin-top: 40px;
}
@media (min-width: 769px) {
    .pricing-block__list {
        margin-top: 32px;
    }
}
.pricing-block__list .h4 {
    font-family: Inter, Arial, Helvetica, sans-serif;
}
@media (max-width: 768px) {
    .pricing-block__list .h4 {
        line-height: 28px;
    }
}
.pricing-block__list .check-list {
    margin: 24px 0;
}
.pricing-block__tablets {
    display: flex;
}
@media (max-width: 1023px) {
    .pricing-block__tablets {
        max-width: 100%;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .pricing-block__tablets {
        flex-wrap: wrap;
        gap: 20px;
    }
}
.pricing-block .infotablet {
    background: #f7f9fc;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    padding: 32px 24px;
    width: 50%;
}
@media (max-width: 1023px) and (min-width: 768px) {
    .pricing-block .infotablet {
        width: calc(50% - 10px);
    }
}
@media (max-width: 767px) {
    .pricing-block .infotablet {
        padding: 24px;
        width: 100%;
    }
}
@media (max-width: 359px) {
    .pricing-block .infotablet {
        padding: 24px 10px;
    }
}
.pricing-block .infotablet__name {
    margin-bottom: 4px;
}
@media (max-width: 768px) {
    .pricing-block .infotablet__name {
        line-height: 28px;
    }
}
.pricing-block .infotablet__name-description {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 24px;
}
@media (max-width: 768px) {
    .pricing-block .infotablet__name-description {
        font-size: 16px;
        line-height: 24px;
    }
}
.pricing-block .infotablet__price {
    margin-bottom: 12px;
}
@media (max-width: 1439px) {
    .pricing-block .infotablet__price.h1 {
        font-size: 52px;
        font-weight: 700;
        line-height: 56px;
    }
}
@media (max-width: 768px) {
    .pricing-block .infotablet__price.h3 {
        font-size: 26px;
        font-weight: 700;
        line-height: 32px;
    }
}
.pricing-block .infotablet__price span {
    font-family: Literata, Inter, Arial, Helvetica, sans-serif;
}
.pricing-block .infotablet__price-description {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 40px;
}
@media (max-width: 768px) {
    .pricing-block .infotablet__price-description {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 32px;
    }
}
.pricing-block .infotablet__btn {
    margin-top: auto;
}
.pricing-block .infotablet__img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 140px;
    margin: 34px auto 0;
    max-width: 140px;
    width: 100%;
}
@media (max-width: 768px) {
    .pricing-block .infotablet__img {
        height: 142px;
        margin-top: 18px;
        max-width: 142px;
    }
}
.pricing-block .infotablet__img--small {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='142' height='142' fill='none'%3E%3Cpath fill='%23D2DEEE' fill-rule='evenodd' d='M121.961 57.408c-4.088-4.089-10.717-4.089-14.806 0l-1.06-1.06 1.06 1.06c-4.088 4.088-4.088 10.717 0 14.806 4.089 4.088 10.718 4.088 14.806 0 4.089-4.089 4.089-10.718 0-14.806Zm2.121-2.123c-5.261-5.259-13.788-5.258-19.048.001-5.26 5.26-5.26 13.789 0 19.049s13.788 5.26 19.049 0c5.26-5.26 5.26-13.788 0-19.049h-.001ZM82.97 36.042c-6.611-6.612-17.331-6.612-23.943 0-6.612 6.612-6.612 17.332 0 23.943 6.612 6.612 17.332 6.612 23.943 0 6.612-6.611 6.612-17.33.001-23.942v-.001Zm2.122-2.121c-7.784-7.784-20.403-7.784-28.186 0-7.783 7.783-7.783 20.402 0 28.186 7.783 7.783 20.402 7.783 28.186 0 7.783-7.784 7.783-20.403 0-28.186ZM34.846 57.408c-4.088-4.089-10.717-4.089-14.806 0-4.088 4.088-4.088 10.717 0 14.806 4.089 4.088 10.718 4.088 14.806 0 4.089-4.089 4.089-10.718 0-14.806Zm2.121-2.122c-5.26-5.26-13.788-5.26-19.048 0-5.26 5.26-5.26 13.789 0 19.049s13.788 5.26 19.048 0c5.26-5.26 5.26-13.788 0-19.049Zm78.087 35.854a1.5 1.5 0 0 1 1.5-1.5h4.739c8.999 0 16.292 7.293 16.292 16.292v6.485a1.5 1.5 0 0 1-3 0v-6.485c0-7.342-5.95-13.291-13.292-13.291h-4.739a1.5 1.5 0 0 1-1.5-1.5Zm-94.345 1.5c-7.343 0-13.292 5.95-13.292 13.292v6.485a1.5 1.5 0 0 1-3 0v-6.485c0-8.999 7.292-16.291 16.292-16.291h4.739a1.5 1.5 0 0 1 0 3h-4.74Zm17.197 10.304c0-12.266 9.943-22.209 22.209-22.209h21.767c12.265 0 22.208 9.943 22.208 22.209v9.472a1.5 1.5 0 1 1-3 0v-9.472c0-10.609-8.6-19.209-19.208-19.209H60.115c-10.609 0-19.209 8.6-19.209 19.209v9.472a1.5 1.5 0 1 1-3 0v-9.472Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.pricing-block .infotablet__img--large {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='142' height='142' fill='none'%3E%3Cpath fill='%23D2DEEE' fill-rule='evenodd' d='M35.484 31.057a4.43 4.43 0 0 0-4.43 4.43v10.348h20.698V35.486a4.43 4.43 0 0 0-4.43-4.43H35.484Zm-7.409 4.43a7.409 7.409 0 0 1 7.409-7.41h11.838a7.409 7.409 0 0 1 7.409 7.41v11.837a1.49 1.49 0 0 1-1.49 1.49H29.565a1.49 1.49 0 0 1-1.49-1.49V35.486Z' clip-rule='evenodd'/%3E%3Cpath fill='%23D2DEEE' fill-rule='evenodd' d='M41.406 16.238a1.49 1.49 0 0 1 1.489 1.49v11.838a1.49 1.49 0 1 1-2.979 0V17.728c0-.823.667-1.49 1.49-1.49ZM23.645 48.814a4.43 4.43 0 0 0-4.43 4.43v71.029a1.49 1.49 0 1 1-2.979 0v-71.03a7.409 7.409 0 0 1 7.409-7.408H59.16a7.409 7.409 0 0 1 7.408 7.409V71a1.49 1.49 0 0 1-2.979 0V53.244a4.43 4.43 0 0 0-4.43-4.43H23.646ZM90.312 25.42a4.43 4.43 0 0 0-5.984 4.146V71a1.49 1.49 0 0 1-2.98 0V29.566a7.41 7.41 0 0 1 10.01-6.935l29.595 11.098a7.409 7.409 0 0 1 4.809 6.942v83.601a1.49 1.49 0 1 1-2.979 0V40.67a4.431 4.431 0 0 0-2.875-4.151L90.312 25.42Z' clip-rule='evenodd'/%3E%3Cpath fill='%23D2DEEE' fill-rule='evenodd' d='M53.24 72.49a4.43 4.43 0 0 0-4.429 4.43v47.352a1.49 1.49 0 1 1-2.979 0V76.919a7.409 7.409 0 0 1 7.409-7.409h35.514a7.409 7.409 0 0 1 7.409 7.41v47.352a1.49 1.49 0 1 1-2.979 0V76.919a4.43 4.43 0 0 0-4.43-4.43H53.241Z' clip-rule='evenodd'/%3E%3Cpath fill='%23D2DEEE' fill-rule='evenodd' d='M60.629 104.74c0-.823.667-1.49 1.49-1.49h17.757a1.49 1.49 0 0 1 0 2.98H62.118a1.49 1.49 0 0 1-1.49-1.49Zm0-15.982c0-.822.667-1.49 1.49-1.49h17.757a1.49 1.49 0 1 1 0 2.98H62.118a1.49 1.49 0 0 1-1.49-1.49ZM10.32 124.272a1.49 1.49 0 0 1 1.49-1.489h118.382a1.49 1.49 0 1 1 0 2.979H11.81a1.49 1.49 0 0 1-1.49-1.49Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
@media (min-width: 769px) {
    .pricing-block .infotablet.disabled {
        opacity: 0.25;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }
}
.pricing-block .small-text {
    color: var(--color-purple-navy);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.pricing-block .currency-wrp {
    cursor: pointer;
    position: relative;
    transition: all 0.1s;
}
.pricing-block .currency-wrp:not(:last-child) {
    margin-right: 17px;
}
.pricing-block .currency-wrp:not(:last-child):after {
    color: var(--color-night-blue-15);
    content: "|";
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 0 8px;
    position: absolute;
    right: -17px;
    top: 2px;
}
.pricing-block .currency:is(:hover, .active) {
    color: var(--color-deep-blue);
}
.pricing-block .range-slider {
    background: var(--color-night-blue-15);
    border-radius: 40px;
    height: 6px;
    margin: 46px 0 43px;
    position: relative;
    z-index: 1;
}
.pricing-block .range-slider:before {
    background: var(--color-light);
    content: "";
    height: 100%;
    left: calc(50% - 2px);
    position: absolute;
    top: 0;
    width: 4px;
    z-index: 2;
}
.pricing-block .range-slider__input {
    -webkit-appearance: none;
    bottom: 0;
    cursor: grab;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}
.pricing-block .range-slider__fulfill {
    background: var(--color-deep-blue);
    border-radius: 40px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 1;
}
.pricing-block .range-slider .range-mark {
    color: var(--color-purple-navy-50);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    position: absolute;
    top: calc(100% + 9px);
}
.pricing-block .range-slider .range-mark.left {
    left: 0;
}
.pricing-block .range-slider .range-mark.middle {
    left: 50%;
    transform: translateX(-50%);
}
.pricing-block .range-slider .range-mark.right {
    right: 3px;
}
.pricing-block .range-slider .range-counter {
    color: var(--color-night-blue);
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}
.pricing-block .range-slider .range-price {
    color: var(--color-night-blue);
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
}
.pricing-block .range-slider__marks {
    height: 0;
    pointer-events: none;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 3;
}
.pricing-block .range-slider .range-counter--unlimited,
.pricing-block .range-slider .range-link--unlimited {
    background: var(--color-light);
    left: 50%;
    padding: 3px 0;
    position: absolute;
    transform: translateX(-50%);
    z-index: 4;
}
.pricing-block .range-slider .range-counter--unlimited {
    bottom: 12px;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.pricing-block .range-slider .range-link--unlimited {
    top: 12px;
}
.pricing-block .range-slider .thumb {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}
.pricing-block .range-slider .thumb:after {
    background-color: #4545f5;
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 50%;
    opacity: 0.1;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: 0.3s;
    visibility: hidden;
    width: 100%;
}
.pricing-block .range-slider .thumb.hoverIn:after {
    height: 60px;
    visibility: visible;
    width: 60px;
}
.pricing-block .range-slider .thumb-button {
    background: var(--color-deep-blue);
    border-radius: 50%;
    height: 24px;
    position: relative;
    width: 24px;
    z-index: 1;
}
.pricing-block .range-slider .thumb-button svg {
    height: 100%;
    width: 100%;
}
.pricing-block .range-slider .thumb-labels {
    left: 50%;
    position: absolute;
    top: 50%;
}
.pricing-block .range-slider .thumb-labels .range-counter,
.pricing-block .range-slider .thumb-labels .range-price {
    background: var(--color-light);
    left: 50%;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: -moz-max-content;
    width: max-content;
}
.pricing-block .range-slider .thumb-labels .range-counter {
    bottom: 10px;
    padding-bottom: 8px;
}
.pricing-block .range-slider .thumb-labels .range-price {
    padding-top: 8px;
    top: 10px;
}
.pricing-block .select-box {
    margin: 11px auto 0;
    max-width: 340px;
    position: relative;
}
.pricing-block .select-box .select-board {
    background: var(--color-light);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%231D2452' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='m4.5 8.25 7.5 7.5 7.5-7.5'/%3E%3C/svg%3E");
    background-position: calc(100% - 16px);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border: 1px solid var(--color-night-blue-15);
    border-radius: 8px;
    cursor: pointer;
    padding: 11px 16px;
}
.pricing-block .select-box .select-board .option-user {
    min-width: unset;
}
.pricing-block .select-box .select-options {
    background: var(--color-light);
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
    height: 0;
    left: 0;
    opacity: 0;
    overflow-y: hidden;
    padding-top: 8px;
    position: absolute;
    top: calc(100% + 8px);
    transition: all 0.15s;
    width: 100%;
}
.pricing-block .select-box .select-options::-webkit-scrollbar {
    width: 2px;
}
.pricing-block .select-box .select-options::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: unset;
}
.pricing-block .select-box .select-options::-webkit-scrollbar-thumb {
    background: var(--color-night-blue-25);
    border-radius: 50px;
}
.pricing-block .select-box .option {
    cursor: pointer;
    padding: 12px 16px;
}
.pricing-block .select-box .option:is(:hover, .active) {
    background-color: #edeef3;
}
.pricing-block .select-box .option:is(:hover, .active) .option-price,
.pricing-block .select-box .option:is(:hover, .active) .option-user {
    color: var(--color-deep-blue);
}
.pricing-block .select-box .option-price,
.pricing-block .select-box .option-user {
    color: var(--color-night-blue);
    font-size: 16px;
    line-height: 24px;
}
.pricing-block .select-box .option-user {
    display: inline-block;
    font-weight: 500;
    min-width: 104px;
}
.pricing-block .select-box .option-price {
    font-weight: 600;
}
.pricing-block .select-box .option-divider {
    color: var(--color-night-blue-15);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 0 3px;
}
.pricing-block .select-box .option-unlimited {
    background-color: #edeef3;
    padding: 16px;
}
.pricing-block .select-box .option-unlimited .link--arrow {
    margin-top: 4px;
    position: relative;
    z-index: 3;
}
.pricing-block .select-box.open .select-board {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%234545F5' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='m4.5 15.75 7.5-7.5 7.5 7.5'/%3E%3C/svg%3E");
    border: 2px solid var(--color-deep-blue-50);
    padding: 11px 15px;
}
.pricing-block .select-box.open .select-options {
    height: 195px;
    opacity: 1;
    overflow-y: auto;
}
@media (max-width: 768px) {
    .faq-section .accordion-item__name:active {
        background-color: transparent;
    }
}
.product-hero {
    background: linear-gradient(102.29deg, #f9fafc, #f0f4fa), #f7f9fc;
    transition: 0.3s;
}
.promo-banner-is-active .product-hero {
    padding-top: 276px;
}
@media (max-width: 1024px) {
    .promo-banner-is-active .product-hero {
        padding-top: 196px;
    }
}
@media (max-width: 768px) {
    .product-hero {
        padding-bottom: 60px;
    }
}
.product-hero .section-head {
    position: relative;
    z-index: 9;
}
.product-hero__title {
    margin: 0 auto;
    max-width: 900px;
}
@media (max-width: 1023px) {
    .product-hero__title {
        max-width: 600px;
    }
}
.product-hero__text {
    font-size: 18px;
    line-height: 28px;
    margin: 24px auto 40px;
    max-width: 520px;
}
@media (max-width: 767px) {
    .product-hero__text {
        font-size: 16px;
        line-height: 24px;
        margin: 12px auto 32px;
    }
}
.product-hero .arrow-spiral {
    position: relative;
}
@media (min-width: 769px) {
    .product-hero .arrow-spiral:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='87' fill='none'%3E%3Cpath fill='url(%23a)' d='M1.061 2.998a1 1 0 0 1-.12-1.996l.12 1.996Zm39.63 11.079-.68.734.68-.735Zm6.545 19.943.992.127-.992-.127Zm-23.768 8.07-1-.035 1 .036ZM38.502 32v-1 1Zm28.751 10.773-.739.674.74-.674Zm2.412 43.714a1 1 0 0 1-1.151-.822l-1.479-8.878a1 1 0 1 1 1.973-.329l1.315 7.892 7.89-1.315a1 1 0 0 1 .33 1.973l-8.878 1.479ZM1 2l-.059-.998a.11.11 0 0 1 .006 0 7.78 7.78 0 0 1 .075-.004A40.867 40.867 0 0 1 2.084.963a62.788 62.788 0 0 1 3.08.014 78.33 78.33 0 0 1 10.335.982c8.168 1.336 18.317 4.4 25.87 11.382l-1.357 1.469C32.877 8.216 23.18 5.243 15.176 3.934A76.266 76.266 0 0 0 5.11 2.977a62.552 62.552 0 0 0-2.985-.015 38.859 38.859 0 0 0-1.06.036H1.06L1 2Zm40.37 11.342c3.107 2.872 5.135 5.829 6.222 9.234 1.084 3.393 1.206 7.148.637 11.571l-1.983-.255c.546-4.255.405-7.69-.559-10.708-.96-3.006-2.762-5.68-5.674-8.373l1.357-1.469Zm6.86 20.805c-.452 3.516-1.922 7.314-4.139 10.551-2.214 3.234-5.227 5.983-8.814 7.285l-.682-1.88c3.085-1.12 5.793-3.537 7.846-6.535 2.051-2.995 3.396-6.497 3.805-9.675l1.983.254ZM35.275 51.983c-3.43 1.247-6.723.552-9.115-1.386-2.379-1.927-3.817-5.036-3.692-8.541l1.998.07c-.103 2.916 1.09 5.409 2.953 6.917 1.847 1.496 4.402 2.067 7.174 1.06l.682 1.88ZM22.47 42.056c.149-4.215 2.484-7.023 5.606-8.73C31.153 31.643 35.027 31 38.502 31v2c-3.276 0-6.784.613-9.468 2.081-2.64 1.444-4.447 3.681-4.567 7.045l-1.998-.07ZM38.502 31c6.295 0 11.631.522 16.42 2.181 4.809 1.667 9.01 4.462 13.07 8.919l-1.478 1.347c-3.861-4.238-7.787-6.83-12.247-8.376C49.785 33.518 44.707 33 38.502 33v-2Zm29.49 11.1c5.159 5.66 7.641 13.977 7.908 22.139.268 8.158-1.67 16.362-5.586 21.843l-1.627-1.163c3.586-5.02 5.472-12.75 5.214-20.615-.257-7.86-2.65-15.658-7.387-20.857l1.479-1.347Z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='179.449' x2='-1.095' y1='36.182' y2='17.677' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2370CFFF'/%3E%3Cstop offset='1' stop-color='%234545F5'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: "";
        height: 85px;
        position: absolute;
        right: -97px;
        top: 5px;
        width: 80px;
    }
}
.product-hero .section-content {
    margin-top: 80px;
    position: relative;
    z-index: 1;
}
@media (max-width: 768px) {
    .product-hero .section-content {
        margin-top: 40px;
    }
}
.product-hero__img {
    background: linear-gradient(90deg, #70cfff, #5a63e0);
    border-radius: 16px;
    padding: 40px;
}
@media (max-width: 1023px) {
    .product-hero__img {
        padding: 20px;
    }
}
@media (max-width: 767px) {
    .product-hero__img {
        border-radius: 0;
        margin-left: -20px;
        margin-right: -20px;
        padding: 20px 0;
    }
}
.product-hero__img .hero-img {
    overflow-x: auto;
    position: relative;
}
.product-hero__img .hero-img img {
    height: auto;
    margin: 0 auto;
    width: 100%;
}
@media (max-width: 767px) {
    .product-hero__img .hero-img img {
        padding: 0 20px;
        width: 573px;
    }
}
.product-hero .float-images {
    height: 0;
    margin: 0 auto;
    position: relative;
    top: 100px;
    width: 0;
}
.product-hero .float-img {
    max-width: none;
    position: absolute;
    transform: translate(-50%, -50%);
    transition: all 0.15s;
}
.product-hero .float-calendar {
    left: -526px;
    top: -401px;
}
@media (max-width: 1439px) {
    .product-hero .float-calendar {
        left: -425px;
    }
}
.product-hero .float-excel {
    left: -461px;
    top: -275px;
}
@media (max-width: 1439px) {
    .product-hero .float-excel {
        left: -375px;
    }
}
.product-hero .float-slack {
    left: 486px;
    top: -303px;
}
@media (max-width: 1439px) {
    .product-hero .float-slack {
        left: 430px;
    }
}
.product-slider {
    margin: 0 !important;
}
.product-slider .default-section__content {
    max-width: 528px;
}
@media (max-width: 1439px) {
    .product-slider .default-section__content {
        font-size: 16px;
        line-height: 24px;
    }
}
.product-workflow {
    background: #f7f9fc;
}
@media (min-width: 769px) {
    .product-integration .default-section__visual {
        margin-top: 10px;
    }
}
@media (max-width: 768px) {
    .product-integration .default-section__visual {
        margin: 40px auto -12px;
    }
}
@media (max-width: 360px) {
    .product-integration .default-section__visual {
        margin: 50px -36px 2px;
    }
}
.product-secure {
    background: linear-gradient(102.29deg, #f9fafc, #f0f4fa), #f7f9fc;
}
@media (max-width: 768px) {
    .product-secure-wrp {
        flex-direction: column-reverse;
    }
}
@media (min-width: 769px) {
    .product-secure .hero-section__visual {
        margin: -66px auto -95px -81px;
        max-width: 533px;
    }
}
@media (max-width: 768px) {
    .product-secure .hero-section__visual {
        margin: 10px auto -14px;
    }
}
@media (max-width: 360px) {
    .product-secure .hero-section__visual {
        margin-left: -30px;
        margin-right: -30px;
    }
}
@media (max-width: 480px) {
    .product-secure .section-head .h2 {
        max-width: 300px;
    }
}
.product-secure .default-section__content__btn .new-btn {
    margin-bottom: 0;
}
@media (min-width: 769px) {
    .product-explore .explore-list {
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        max-width: 1020px;
    }
}
.product-reasons .section-head--center {
    max-width: 710px;
}
@media (max-width: 767px) {
    .product-reasons .benefits-list {
        margin-bottom: -32px;
    }
}
@media not all and (min-width: 1024px) {
    .product-page .slider-web .tw-control {
        --tw-translate-y: -100% !important;
        display: flex !important;
        margin: 0 !important;
        top: calc(100% + 72px) !important;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
            skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    }
}
@media (min-width: 1024px) {
    .product-page .slider-web .tw-control {
        height: 40px !important;
        margin: 0 !important;
        right: 0 !important;
        top: 0 !important;
        transform: none !important;
        width: 40px !important;
    }
}
.product-page .tabs-dots:before {
    --tw-rotate: 180deg;
    left: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
        skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.product-page .tabs-dots:after,
.product-page .tabs-dots:before {
    --tw-content: "";
    background-image: linear-gradient(90deg, rgba(2, 0, 36, 0), #fff 55%);
    content: var(--tw-content);
    height: 42px;
    position: absolute;
    top: -1px;
    width: 110px;
}
.product-page .tabs-dots:after {
    right: 0;
}
@media not all and (min-width: 1024px) {
    .product-page .tabs-dots:after,
    .product-page .tabs-dots:before {
        content: var(--tw-content);
        display: none;
    }
}
.product-page .tabs-dots.hide-after:after,
.product-page .tabs-dots.hide-before:before {
    content: var(--tw-content);
    display: none;
}
.home-hero {
    background: linear-gradient(102.29deg, #f9fafc, #f0f4fa), #f7f9fc;
    position: relative;
    transition: 0.3s;
}
.promo-banner-is-active .home-hero {
    padding-top: 276px;
}
@media (max-width: 1024px) {
    .promo-banner-is-active .home-hero {
        padding-top: 196px;
    }
}
.home-hero:after,
.home-hero:before {
    background-size: 100% 100%;
    border-radius: 100%;
    content: "";
    filter: blur(60px);
    position: absolute;
    z-index: 0;
}
.home-hero:before {
    background: linear-gradient(90deg, #70cfff, #5a63e0);
    opacity: 0.2;
}
@media (min-width: 769px) {
    .home-hero:before {
        height: 516px;
        right: -178px;
        top: -97px;
        width: 516px;
    }
}
@media (max-width: 768px) {
    .home-hero:before {
        bottom: 128px;
        height: 236px;
        right: -66px;
        width: 236px;
    }
}
.home-hero:after {
    background: var(--color-turquoise);
    height: 359px;
    opacity: 0.1;
    width: 359px;
}
@media (min-width: 769px) {
    .home-hero:after {
        left: -42px;
        top: 104px;
    }
}
@media (max-width: 768px) {
    .home-hero:after {
        bottom: 145px;
        left: -138px;
    }
}
.home-hero .container {
    position: relative;
    z-index: 1;
}
.home-hero__title {
    margin: 0 auto;
    max-width: 900px;
}
.home-hero__text {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    margin: 24px auto 40px;
    max-width: 530px;
}
@media (max-width: 768px) {
    .home-hero__text {
        font-size: 16px;
        line-height: 24px;
        margin: 12px auto 32px;
    }
}
.home-hero__review {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 40px;
    justify-content: center;
    margin-top: 60px;
}
.home-hero__review .review-link {
    color: var(--color-night-blue);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 8px 25px 8px 20px;
    transition: all 0.15s;
}
@media (max-width: 1024px) {
    .home-hero__review .review-link {
        padding-right: 16px;
    }
}
.home-hero__review .review-link:after,
.home-hero__review .review-link:before {
    background-position: 50%;
    background-size: 24px;
    content: "";
    height: 24px;
    transition: all 0.15s;
}
.home-hero__review .review-link:before {
    background-repeat: no-repeat;
    margin-right: 12px;
    width: 24px;
}
.home-hero__review .review-link--g2:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 25'%3E%3Cpath fill='%23280802' d='M21.442 7.278h-3.684c.099-.578.457-.902 1.182-1.268l.677-.345c1.212-.622 1.86-1.325 1.86-2.472 0-.72-.28-1.29-.837-1.7-.557-.41-1.213-.613-1.98-.613a3.054 3.054 0 0 0-1.679.479c-.505.31-.88.712-1.113 1.212l1.066 1.07c.414-.837 1.014-1.247 1.803-1.247.669 0 1.079.346 1.079.824 0 .402-.199.734-.967 1.122l-.436.212c-.944.478-1.6 1.026-1.98 1.648-.38.62-.565 1.402-.565 2.346v.26h5.574V7.277Zm-.492 3.288h-6.1l-3.05 5.28h6.1l3.05 5.285L24 15.846l-3.05-5.28Z'/%3E%3Cpath fill='%23280802' d='M12.326 19.37c-3.883 0-7.045-3.162-7.045-7.044 0-3.883 3.162-7.045 7.045-7.045L14.737.237A12.357 12.357 0 0 0 12.326 0C5.518 0 0 5.518 0 12.326 0 19.134 5.518 24.65 12.326 24.65a12.248 12.248 0 0 0 7.256-2.364l-2.666-4.625a7.023 7.023 0 0 1-4.59 1.709Z'/%3E%3C/svg%3E");
}
@media (max-width: 1024px) {
    .home-hero__review .review-link--g2:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 25'%3E%3Cpath fill='%23EC573C' d='M21.442 7.278h-3.684c.099-.578.457-.902 1.182-1.268l.677-.345c1.212-.622 1.86-1.325 1.86-2.472 0-.72-.28-1.29-.837-1.7-.557-.41-1.213-.613-1.98-.613a3.054 3.054 0 0 0-1.679.479c-.505.31-.88.712-1.113 1.212l1.066 1.07c.414-.837 1.014-1.247 1.803-1.247.669 0 1.079.346 1.079.824 0 .402-.199.734-.967 1.122l-.436.212c-.944.478-1.6 1.026-1.98 1.648-.38.62-.565 1.402-.565 2.346v.26h5.574V7.277Zm-.492 3.288h-6.1l-3.05 5.28h6.1l3.05 5.285L24 15.846l-3.05-5.28Z'/%3E%3Cpath fill='%23EC573C' d='M12.326 19.37c-3.883 0-7.045-3.162-7.045-7.044 0-3.883 3.162-7.045 7.045-7.045L14.737.237A12.357 12.357 0 0 0 12.326 0C5.518 0 0 5.518 0 12.326 0 19.134 5.518 24.65 12.326 24.65a12.248 12.248 0 0 0 7.256-2.364l-2.666-4.625a7.023 7.023 0 0 1-4.59 1.709Z'/%3E%3C/svg%3E");
    }
}
.home-hero__review .review-link--g2:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 25'%3E%3Cpath fill='%23EC573C' d='M21.442 7.278h-3.684c.099-.578.457-.902 1.182-1.268l.677-.345c1.212-.622 1.86-1.325 1.86-2.472 0-.72-.28-1.29-.837-1.7-.557-.41-1.213-.613-1.98-.613a3.054 3.054 0 0 0-1.679.479c-.505.31-.88.712-1.113 1.212l1.066 1.07c.414-.837 1.014-1.247 1.803-1.247.669 0 1.079.346 1.079.824 0 .402-.199.734-.967 1.122l-.436.212c-.944.478-1.6 1.026-1.98 1.648-.38.62-.565 1.402-.565 2.346v.26h5.574V7.277Zm-.492 3.288h-6.1l-3.05 5.28h6.1l3.05 5.285L24 15.846l-3.05-5.28Z'/%3E%3Cpath fill='%23EC573C' d='M12.326 19.37c-3.883 0-7.045-3.162-7.045-7.044 0-3.883 3.162-7.045 7.045-7.045L14.737.237A12.357 12.357 0 0 0 12.326 0C5.518 0 0 5.518 0 12.326 0 19.134 5.518 24.65 12.326 24.65a12.248 12.248 0 0 0 7.256-2.364l-2.666-4.625a7.023 7.023 0 0 1-4.59 1.709Z'/%3E%3C/svg%3E");
}
.home-hero__review .review-link--capterra:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23505050' d='m0 8.824 10.137.002 6.164.001V2.831L0 8.824Z'/%3E%3Cpath fill='%23555' d='M16.302 2.831V24L24 0l-7.698 2.831Z'/%3E%3Cpath fill='%231b1b1b' d='M16.3 8.827h-6.163L16.3 24V8.827Z'/%3E%3Cpath fill='%23313131' d='m0 8.824 11.718 3.896-1.58-3.894L0 8.824Z'/%3E%3C/svg%3E");
}
@media (max-width: 1024px) {
    .home-hero__review .review-link--capterra:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FF9D28' d='m0 8.824 10.137.002 6.164.001V2.831L0 8.824Z'/%3E%3Cpath fill='%2368C5ED' d='M16.302 2.831V24L24 0l-7.698 2.831Z'/%3E%3Cpath fill='%23044D80' d='M16.3 8.827h-6.163L16.3 24V8.827Z'/%3E%3Cpath fill='%23E54747' d='m0 8.824 11.718 3.896-1.58-3.894L0 8.824Z'/%3E%3C/svg%3E");
    }
}
.home-hero__review .review-link--capterra:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FF9D28' d='m0 8.824 10.137.002 6.164.001V2.831L0 8.824Z'/%3E%3Cpath fill='%2368C5ED' d='M16.302 2.831V24L24 0l-7.698 2.831Z'/%3E%3Cpath fill='%23044D80' d='M16.3 8.827h-6.163L16.3 24V8.827Z'/%3E%3Cpath fill='%23E54747' d='m0 8.824 11.718 3.896-1.58-3.894L0 8.824Z'/%3E%3C/svg%3E");
}
.home-hero__review .review-link:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%231D2452' d='M11.045 4.927c.3-.92 1.603-.92 1.902 0l1.07 3.292a1 1 0 0 0 .95.69h3.462c.97 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 0 0-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 0 0-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 0 0-.364-1.118L4.976 10.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 0 0 .951-.69l1.07-3.292Z'/%3E%3C/svg%3E");
    background-repeat: space no-repeat;
    margin-left: 12px;
    width: 120px;
}
@media (max-width: 1024px) {
    .home-hero__review .review-link:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23F1C34C' d='M11.045 4.927c.3-.92 1.603-.92 1.902 0l1.07 3.292a1 1 0 0 0 .95.69h3.462c.97 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 0 0-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 0 0-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 0 0-.364-1.118L4.976 10.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 0 0 .951-.69l1.07-3.292Z'/%3E%3C/svg%3E");
    }
}
.home-hero__review .review-link:hover:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23F1C34C' d='M11.045 4.927c.3-.92 1.603-.92 1.902 0l1.07 3.292a1 1 0 0 0 .95.69h3.462c.97 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 0 0-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 0 0-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 0 0-.364-1.118L4.976 10.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 0 0 .951-.69l1.07-3.292Z'/%3E%3C/svg%3E");
}
.home-hero__img {
    border-radius: 8px;
    height: 560px;
    margin: 40px auto 0;
    max-width: 1010px;
}
@media (max-width: 768px) {
    .home-hero__img {
        border-radius: 0;
        height: auto;
        margin-left: -20px;
        margin-right: -20px;
        overflow-x: auto;
        position: relative;
    }
}
.home-hero__img img {
    height: auto;
    width: 100%;
}
@media (max-width: 768px) {
    .home-hero__img img {
        padding: 0 20px;
    }
}
@media (max-width: 480px) {
    .home-hero__img img {
        width: 572px;
    }
}
.home-hero__logos {
    margin-top: 60px;
}
@media (max-width: 768px) {
    .home-hero__logos {
        margin-top: 40px;
    }
}
.home-solutions {
    margin-top: 0 !important;
}
.home-sticky {
    border-bottom: 1px solid rgba(29, 36, 82, 0.08);
    position: relative;
}
@media (min-width: 768px) {
    .home-sticky {
        margin-top: -41px;
        padding-top: 56px;
    }
    .home-sticky .slider-tabs {
        margin-top: 60px;
    }
}
.home-sticky .slider-tabs .tabs-dots {
    margin-bottom: 24px;
}
.home-bar {
    background: var(--color-light);
    border-bottom: 1px solid #e6e7eb;
    border-top: 1px solid #e6e7eb;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
}
@media (max-width: 767px) {
    .home-bar {
        display: none;
    }
}
.home-bar.sticky {
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 88px;
    transition: 0.3s;
    width: 100%;
    z-index: 1000;
}
.promo-banner-is-active .home-bar.sticky {
    top: 164px;
}
@media (max-width: 1023px) {
    .promo-banner-is-active .home-bar.sticky {
        top: 136px;
    }
}
@media (max-width: 1439px) {
    .home-bar.sticky {
        top: 88px;
    }
}
@media (max-width: 1023px) {
    .home-bar.sticky {
        top: 71px;
    }
}
@media (max-width: 768px) {
    .home-bar.sticky {
        top: 59px;
    }
}
.home-bar .fixed-bar {
    display: flex;
    gap: 120px;
    justify-content: center;
}
@media (max-width: 1023px) {
    .home-bar .fixed-bar {
        gap: 80px;
    }
}
.home-bar .fixed-bar__anchor {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 54px;
    min-width: 99px;
    text-align: center;
}
.home-bar .fixed-bar__anchor:is(:hover, :active, .active) {
    color: var(--color-deep-blue);
}
.mobile-menu-open .home-bar {
    z-index: 999;
}
@media (min-width: 769px) {
    .contact-hero {
        background:
            url(images/bg-frame.108f564a.svg) calc(50% + 29px) calc(50% - 60px) / 145% auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
@media (max-width: 768px) {
    .contact-hero {
        background: linear-gradient(102.29deg, #f9fafc, #f0f4fa), #f7f9fc;
        padding-bottom: 60px;
    }
}
.contact-hero__text {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    margin-top: 24px;
}
@media (max-width: 768px) {
    .contact-hero__text {
        font-size: 16px;
        line-height: 24px;
        margin-top: 12px;
    }
}
.contact-hero .section-head {
    margin-bottom: 40px;
}
@media (min-width: 768px) {
    .press-hero {
        background:
            url(images/bg-frame-rotate.081f60f3.svg) calc(50% + 270px) calc(100% - 320px) / 135% auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
@media (max-width: 767px) {
    .press-hero {
        background: linear-gradient(102.29deg, #f9fafc, #f0f4fa), #f7f9fc;
    }
}
.press-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 80px;
}
@media (max-width: 1023px) {
    .press-cards {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .press-cards {
        gap: 32px;
    }
}
@media (min-width: 768px) {
    .press-cards--mobile {
        display: none;
    }
}
@media (max-width: 767px) {
    .press-cards--mobile {
        margin-bottom: -8px;
    }
}
@media (min-width: 768px) {
    .press-cards--desktop {
        display: flex !important;
        flex-wrap: nowrap;
        margin-bottom: -24px;
    }
}
.press-cards .column {
    display: inline-block;
    vertical-align: top;
    width: calc(33.33% - 3px);
}
.press-cards .column .press-card {
    margin-bottom: 24px;
}
.press-card {
    background: var(--color-light);
    border-radius: 8px;
    box-shadow: 0 4px 4px rgba(0, 4, 98, 0.04);
    display: inline-block;
    padding: 32px;
    transition: all 0.15s;
    width: 100%;
}
@media (max-width: 768px) {
    .press-card {
        padding: 20px;
    }
}
.press-card__logo {
    position: relative;
}
.press-card__logo .img {
    height: 24px;
    transition: all 0.15s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: auto;
}
@media (min-width: 1200px) {
    .press-card__logo .img-hover {
        display: block !important;
        opacity: 1;
    }
    .press-card__logo .img-color {
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        width: auto;
    }
}
.press-card__title {
    color: var(--color-night-blue);
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin: 16px 0 24px;
}
@media (max-width: 767px) {
    .press-card__title {
        margin: 12px 0 22px;
    }
}
.press-card:hover {
    box-shadow:
        0 12px 26px rgba(0, 4, 98, 0.04),
        0 40px 80px rgba(0, 4, 98, 0.04);
}
@media (min-width: 1200px) {
    .press-card:hover .img-hover {
        opacity: 0;
    }
    .press-card:hover .img-color {
        opacity: 1;
    }
}
.nonprofit-hero {
    background: linear-gradient(102.29deg, #f9fafc, #f0f4fa), #f7f9fc;
}
.nonprofit-hero .hero-section__visual {
    max-width: 456px;
}
@media (min-width: 769px) {
    .nonprofit-hero .hero-section__visual {
        margin: 0 7px -30px auto;
        top: 2px;
    }
}
@media (max-width: 768px) {
    .nonprofit-hero .hero-section__visual {
        left: 10px;
        margin: 4px auto -46px;
        width: calc(100% + 23px);
    }
}
@media (max-width: 480px) {
    .nonprofit-hero .hero-section__visual {
        left: -3px;
    }
}
.nonprofit-customers {
    margin-top: 0 !important;
}
.nonprofit-features .benefit-section {
    margin: 0;
}
@media (max-width: 768px) {
    .nonprofit-features .benefit-section {
        display: flex;
        flex-direction: column-reverse;
    }
}
.nonprofit-features .benefit-section__content p {
    margin: 0;
}
.nonprofit-features .benefit-section__visual {
    flex: unset;
    width: 100%;
}
@media (max-width: 767px) {
    .nonprofit-features .benefit-section__visual:before {
        padding-top: 94%;
    }
    .nonprofit-features .benefit-section__visual img {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}
@media (max-width: 768px) {
    .nonprofit-features .benefit-section .benefit-section__content,
    .nonprofit-features .benefit-section .benefit-section__main {
        max-width: 100%;
        width: 100%;
    }
}
@media (min-width: 1200px) {
    .nonprofit-features .nonprofit-features-section1 .benefit-section__title {
        margin-right: -30px;
    }
}
@media (min-width: 769px) {
    .nonprofit-features .nonprofit-features-section1 .benefit-section__visual {
        margin: 0;
        max-width: 528px;
    }
}
@media (min-width: 1025px) {
    .nonprofit-features .nonprofit-features-section1 .benefit-section__visual {
        height: 416px;
        width: 528px;
    }
}
@media (max-width: 768px) {
    .nonprofit-features .nonprofit-features-section1 .benefit-section__visual {
        left: 0;
        margin: 0 auto;
        max-width: 450px;
    }
}
@media (max-width: 360px) {
    .nonprofit-features .nonprofit-features-section1 .benefit-section__visual {
        left: -20px;
        width: calc(100% + 40px);
    }
}
@media (min-width: 769px) {
    .nonprofit-features .nonprofit-features-section2 .benefit-section__main {
        max-width: 436px;
    }
    .nonprofit-features .nonprofit-features-section2 .benefit-section__visual {
        margin: -44px auto -22px -22px;
        max-width: 580px;
    }
}
@media (max-width: 768px) {
    .nonprofit-features .nonprofit-features-section2 .benefit-section__visual {
        left: 10px;
        margin: -98px auto 18px;
        max-width: 450px;
    }
}
@media (max-width: 360px) {
    .nonprofit-features .nonprofit-features-section2 .benefit-section__visual {
        left: -2px;
        width: calc(100% + 22px);
    }
}
@media (min-width: 769px) {
    .nonprofit-features .nonprofit-features-section3 .benefit-section__visual {
        margin: -60px -65px -60px auto;
        max-width: 660px;
        top: 10px;
    }
}
@media (max-width: 768px) {
    .nonprofit-features .nonprofit-features-section3 .benefit-section__visual {
        left: 0;
        margin: -78px auto 40px;
        max-width: 450px;
    }
}
@media (max-width: 360px) {
    .nonprofit-features .nonprofit-features-section3 .benefit-section__visual {
        left: -18px;
        width: calc(100% + 36px);
    }
}
.nonprofit-procurement .benefit-section {
    margin: 0;
}
@media (max-width: 767px) {
    .nonprofit-procurement .benefit-section {
        display: flex;
        flex-direction: column-reverse;
    }
    .nonprofit-procurement .benefit-section .benefit-section__content,
    .nonprofit-procurement .benefit-section .benefit-section__main {
        max-width: 100%;
        width: 100%;
    }
}
.nonprofit-procurement .benefit-section .benefit-section__content p {
    margin: 0;
}
.nonprofit-procurement .benefit-section .benefit-section__visual {
    max-width: 660px;
}
@media (max-width: 767px) {
    .nonprofit-procurement .benefit-section .benefit-section__visual:before {
        padding-top: 94%;
    }
}
@media (min-width: 1024px) {
    .nonprofit-procurement .benefit-section .benefit-section__visual {
        flex: unset;
        margin: 15px -84px -60px auto;
        width: 100%;
    }
}
@media (max-width: 1023px) {
    .nonprofit-procurement .benefit-section .benefit-section__visual {
        margin: 0 auto 22px;
        max-width: 450px;
        width: calc(100% + 92px);
    }
}
@media (max-width: 768px) {
    .nonprofit-procurement .benefit-section .benefit-section__visual {
        left: 0;
        margin: 0 auto 23px;
        width: 100%;
    }
}
@media (max-width: 360px) {
    .nonprofit-procurement .benefit-section .benefit-section__visual {
        left: -2px;
        width: calc(100% + 4px);
    }
}
@media (min-width: 769px) {
    .success-team-hero {
        background:
            url(images/bg-frame.108f564a.svg) calc(50% + 394px) calc(50% - 3px) / 162% auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
        padding-bottom: 50px;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .success-team-hero .col-row > .col.l-6 {
        width: 50%;
    }
}
.success-team-hero .hero-section__visual {
    max-width: 465px;
    top: 0;
}
@media (min-width: 768px) {
    .success-team-hero .hero-section__visual {
        margin: -62px -15px 10px auto;
    }
}
@media (max-width: 767px) {
    .success-team-hero .hero-section__visual {
        margin: 20px auto -10px;
        max-width: 350px;
    }
}
@media (max-width: 1023px) and (min-width: 768px) {
    .success-team-benefits .benefits-list {
        display: flex;
    }
}
@media (max-width: 768px) {
    .success-team-benefits .benefits-list {
        margin-bottom: -32px;
    }
}
.success-team-benefits .benefit-item {
    flex: 0 0 25%;
    padding: 0 10px;
}
@media (max-width: 1023px) and (min-width: 768px) {
    .success-team-benefits .benefit-item {
        flex: 0 0 50%;
        padding: 0 30px;
    }
}
@media (max-width: 767px) {
    .success-team-benefits .benefit-item {
        padding: 0;
    }
}
.success-team-benefits .benefit-item__content p {
    font-size: 16px;
    line-height: 24px;
}
@media (min-width: 769px) {
    .success-team-badges {
        background:
            url(images/bg-frame-blue.e8174635.svg) 50% calc(50% + 68px) / 120% auto no-repeat,
            linear-gradient(98.24deg, var(--color-night-blue) 0, #2d3466 100%),
            var(--color-night-blue);
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .success-team-badges .badges {
        gap: 0;
    }
}
@media (max-width: 767px) {
    .success-team-badges .badges {
        margin-bottom: 0;
    }
}
@media (min-width: 1024px) and (max-width: 1199px) {
    .success-team-badges .badges-item {
        height: 140px;
        width: 140px;
    }
}
@media (max-width: 1199px) and (min-width: 768px) {
    .success-team-partners .default-section__main {
        margin: 0 auto;
        max-width: 385px;
    }
    .success-team-services .default-section__main {
        margin-right: auto;
        max-width: 385px;
    }
}
@media (min-width: 1025px) {
    .success-team-services .default-section__visual {
        margin: -33px -15px 0 20px;
    }
}
@media (min-width: 1025px) and (max-width: 1199px) {
    .success-team-services .default-section__visual {
        margin: -20px auto -25px;
    }
}
@media (max-width: 767px) {
    .success-team-services .default-section__visual {
        margin-bottom: -15px;
        margin-top: -36px;
    }
}
@media (max-width: 360px) {
    .success-team-services .default-section__visual {
        margin-bottom: -35px;
        margin-top: -22px;
    }
}
@media (min-width: 768px) {
    .case-study-hero {
        background:
            url(images/bg-frame.108f564a.svg) calc(50% + 4px) calc(50% - 34px) / 135% auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
@media (max-width: 767px) {
    .case-study-hero {
        background:
            url(images/bg-frame-light--mobile.89635ce5.svg) calc(50% + 5px) calc(50% + 225px) / 255% auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
        padding-bottom: 60px;
    }
}
.case-study-hero .section-head {
    max-width: 900px;
}
@media (min-width: 1025px) {
    .case-study-hero .partners-section .partners-list {
        margin-top: 80px;
    }
}
.case-study-slider {
    margin-top: 0 !important;
}
.case-study-slider .default-section__content,
.case-study-slider .section-head {
    max-width: 440px;
}
.case-study-slider .slider-tabs:not(.slick-initialized):before {
    margin-bottom: 24px;
}
.case-study-slider .slider-tabs {
    display: flex;
    flex-direction: column-reverse;
}
@media (min-width: 768px) {
    .case-study-slider .slider-tabs .slick-arrow {
        top: calc(50% - 14px);
    }
}
.case-study-slider .slider-tabs-wrp {
    position: relative;
}
@media (min-width: 768px) {
    .case-study-slider .slider-tabs-wrp:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='261' height='212' fill='none'%3E%3Cpath fill='url(%23a)' d='m147.21 64.848.919-.395-.919.395Zm-61.877 73.267.156-.987-.156.987ZM41.42 88.733l.986.167-.986-.167Zm181.639 33.42-.816.577.816-.577Zm29.263 89.582a1 1 0 0 0 1.413-.057l6.101-6.616a1 1 0 1 0-1.47-1.356l-5.423 5.881-5.881-5.423a1 1 0 1 0-1.356 1.47l6.616 6.101ZM1 1l-.084.996H.92l.016.002a44.786 44.786 0 0 1 .327.03 259.153 259.153 0 0 1 4.964.52c3.405.39 8.297 1.005 14.24 1.911 11.888 1.812 27.972 4.782 44.764 9.414 16.8 4.634 34.27 10.92 48.952 19.35 14.694 8.436 26.491 18.96 32.108 32.02l1.838-.79c-5.861-13.626-18.079-24.427-32.95-32.965-14.884-8.546-32.532-14.886-49.416-19.543-16.89-4.659-33.056-7.643-44.995-9.463C14.798 1.572 9.88.952 6.455.561a261.055 261.055 0 0 0-5.01-.525 80.354 80.354 0 0 0-.359-.032L1 1Zm145.291 64.243c10.835 25.193 8.018 45.062-3.472 57.644-11.531 12.629-32.071 18.23-57.33 14.241l-.312 1.975c25.639 4.05 46.971-1.563 59.119-14.867 12.191-13.351 14.863-34.136 3.833-59.783l-1.838.79Zm-60.802 71.885c-9.859-1.558-21.65-7.905-30.48-16.793-8.836-8.894-14.523-20.133-12.603-31.435l-1.972-.335c-2.072 12.201 4.092 24.056 13.157 33.18 9.071 9.13 21.233 15.723 31.586 17.358l.312-1.975ZM42.406 88.9c2.51-14.783 12.224-23.736 26.202-27.973 14.037-4.256 32.329-3.727 51.7.557 38.759 8.573 81.326 32.059 101.935 61.246l1.633-1.154c-20.982-29.716-64.06-53.402-103.136-62.044-19.547-4.323-38.22-4.913-52.712-.52-14.55 4.412-24.931 13.876-27.594 29.553l1.972.335Zm179.837 33.83c13.871 19.646 21.316 41.722 25.292 58.913 1.986 8.591 3.103 15.951 3.723 21.158.311 2.604.496 4.669.605 6.081.054.706.088 1.248.109 1.613l.023.411.004.103.002.025v.006L253 211c.999-.04.999-.041.999-.042v-.01l-.002-.029-.005-.111-.023-.429a91.741 91.741 0 0 0-.112-1.65c-.11-1.437-.299-3.53-.613-6.164-.627-5.267-1.755-12.699-3.761-21.372-4.009-17.338-11.533-39.685-25.607-59.617l-1.633 1.154Z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='-27' x2='253' y1='49' y2='106' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff'/%3E%3Cstop offset='.499' stop-color='%2370CFFF'/%3E%3Cstop offset='1' stop-color='%235A63E0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
        background-size: 100% 100%;
        bottom: calc(100% + 5px);
        content: "";
        height: 212px;
        left: 49%;
        position: absolute;
        width: 260px;
        z-index: -1;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .case-study-slider .slider-tabs-wrp:before {
        bottom: calc(100% - 40px);
        height: 140px;
        left: 50%;
        width: 160px;
    }
}
.case-study-slider .slide-row {
    background: linear-gradient(102.29deg, #f9fafc, #f0f4fa), #f7f9fc;
    border-radius: 8px;
    padding: 68px;
    position: relative;
}
@media (max-width: 1199px) {
    .case-study-slider .slide-row {
        padding: 40px;
    }
}
@media (max-width: 1023px) {
    .case-study-slider .slide-row {
        padding: 20px;
    }
}
@media (min-width: 1025px) {
    .case-study-slider .slider-tabs {
        margin-top: 60px;
    }
}
@media (min-width: 768px) {
    .case-study-slider .slick-arrow {
        margin-top: 30px;
    }
}
.case-study-slider .tabs-dots {
    gap: 7px;
    margin-bottom: 24px;
}
.case-study-slider .number-list {
    gap: 60px 72px;
    justify-content: space-between;
}
@media (max-width: 1023px) {
    .case-study-slider .number-list {
        gap: 32px;
    }
}
.case-study-slider .number-list li {
    width: calc(50% - 46px);
}
@media (max-width: 1023px) {
    .case-study-slider .number-list li {
        width: calc(50% - 16px);
    }
}
@media (max-width: 767px) {
    .case-study-slider .number-list li {
        width: 100%;
    }
}
@media (max-width: 1024px) and (min-width: 769px) {
    .case-study-slider .number-list .list-label {
        font-size: 40px;
        line-height: 44px;
    }
}
@media (max-width: 767px) {
    .case-study-slider .number-list .list-title {
        margin-bottom: 8px;
    }
}
.case-study-stories .slider-filter-wrp {
    margin-top: 80px;
}
@media (max-width: 767px) {
    .case-study-stories .slider-filter-wrp {
        margin-top: 40px;
    }
}
.case-study-stories .slider-tabs-status {
    display: block;
}
@media (max-width: 767px) {
    .case-study-stories .slider-tabs-status {
        margin-top: 24px;
    }
}
.about-hero {
    background: linear-gradient(102.29deg, #f9fafc, #f0f4fa), #f7f9fc;
    overflow: hidden;
    position: relative;
}
@media (min-width: 768px) {
    .about-hero {
        height: 0;
        padding-bottom: 40.84%;
    }
}
@media (min-width: 1441px) {
    .about-hero {
        padding-bottom: 588px;
    }
}
.about-hero-wrp {
    width: 100%;
}
@media (min-width: 768px) {
    .about-hero-wrp {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .about-hero-wrp {
        max-width: 500px;
    }
}
.about-hero .section-head {
    max-width: 800px;
}
@media (min-width: 768px) {
    .about-hero .section-head {
        margin-top: 12px;
    }
}
.about-hero .default-section__content .text {
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    margin: 0;
}
@media (max-width: 767px) {
    .about-hero .default-section__content .text {
        font-size: 16px;
        line-height: 24px;
    }
}
@media (min-width: 768px) {
    .about-hero .hero-section__img {
        height: 100%;
        left: 50%;
        max-width: 1288px;
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        width: 100%;
    }
}
@media (max-width: 767px) {
    .about-hero .hero-section__img {
        margin: 40px auto -10px;
        max-width: 350px;
    }
}
@media (min-width: 768px) {
    .about-hero .hero-section__img--mobile {
        display: none;
    }
}
.about-hero .hero-section__img--desktop {
    display: none;
}
@media (min-width: 768px) {
    .about-hero .hero-section__img--desktop {
        display: block;
    }
    .about-hero .hero-section__img img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        position: relative;
        width: 100%;
    }
}
@media (min-width: 1440px) {
    .about-hero .hero-section__img img {
        top: 17px;
    }
}
@media (max-width: 767px) {
    .about-hero .hero-section__img img {
        height: auto;
        width: 100%;
    }
}
.about-hero .float-points {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
}
.about-hero .float-point {
    animation: 6s infinite;
    background-color: var(--color-light);
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    transition: all 0.15s;
}
.about-hero .float-point:before {
    background-position: 50%;
    background-size: cover;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    transition: all 0.15s;
    width: 100%;
}
.about-hero .float-point_1 {
    animation-name: blink;
    height: 24px;
    left: calc(50% - 614px);
    top: calc(50% - 229px);
    width: 24px;
    z-index: 1;
}
@media (max-width: 1439px) {
    .about-hero .float-point_1 {
        left: calc(50% - 42.6vw);
        top: calc(50% - 16.3vw);
    }
}
.about-hero .float-point_1:before {
    background-color: var(--color-deep-blue-15);
}
.about-hero .float-point_2 {
    animation-name: blink;
    height: 56px;
    left: calc(50% - 658px);
    top: calc(50% + 109px);
    width: 56px;
    z-index: 1;
}
@media (max-width: 1439px) {
    .about-hero .float-point_2 {
        left: calc(50% - 45.6vw);
        top: calc(50% + 7.3vw);
    }
}
.about-hero .float-point_2:before {
    background-color: var(--color-purple-navy-15);
}
.about-hero .float-point_3 {
    animation-name: outIn;
    height: 128px;
    left: calc(50% - 568px);
    top: calc(50% - 174px);
    width: 128px;
    z-index: 2;
}
@media (max-width: 1439px) {
    .about-hero .float-point_3 {
        height: 9.9vw;
        left: calc(50% - 43.8vw);
        top: calc(50% - 14.9vw);
        width: 9.9vw;
    }
}
.about-hero .float-point_3:before {
    background-color: var(--color-deep-blue-15);
    background-image: url(images/bw_01.b810b930.png);
}
.about-hero .float-point_4 {
    animation-name: inOut;
    height: 128px;
    left: calc(50% - 458px);
    top: calc(50% - 234px);
    width: 128px;
    z-index: 2;
}
@media (max-width: 1439px) {
    .about-hero .float-point_4 {
        height: 9.9vw;
        left: calc(50% - 35.2vw);
        top: calc(50% - 19.4vw);
        width: 9.9vw;
    }
}
.about-hero .float-point_4:before {
    background-color: var(--color-night-blue-15);
    background-image: url(images/bw_02.e28ffd09.png);
}
.about-hero .float-point_5 {
    animation-name: blink;
    height: 40px;
    left: calc(50% - 434px);
    top: calc(50% + 9px);
    width: 40px;
    z-index: 1;
}
@media (max-width: 1439px) {
    .about-hero .float-point_5 {
        left: calc(50% - 30vw);
        top: calc(50% + 0.3vw);
    }
}
.about-hero .float-point_5:before {
    background-color: var(--color-turquoise-25);
}
.about-hero .float-point_6 {
    animation-name: inOut;
    height: 208px;
    left: calc(50% - 448px);
    top: calc(50% + 167px);
    width: 208px;
    z-index: 2;
}
@media (max-width: 1439px) {
    .about-hero .float-point_6 {
        height: 16vw;
        left: calc(50% - 34.5vw);
        top: calc(50% + 11.7vw);
        width: 16vw;
    }
}
.about-hero .float-point_6:before {
    background-color: var(--color-purple-navy-15);
    background-image: url(images/bw_03.a470f9f4.png);
}
.about-hero .float-point_7 {
    animation-name: outIn;
    height: 208px;
    left: calc(50% - 519px);
    top: calc(50% + 146px);
    width: 208px;
    z-index: 2;
}
@media (max-width: 1439px) {
    .about-hero .float-point_7 {
        height: 16vw;
        left: calc(50% - 40vw);
        top: calc(50% + 10vw);
        width: 16vw;
    }
}
.about-hero .float-point_7:before {
    background-color: var(--color-purple-navy-15);
    background-image: url(images/bw_04.87a68fdd.png);
}
.about-hero .float-point_8 {
    animation-name: outIn;
    height: 96px;
    left: calc(50% - 267px);
    top: calc(50% - 242px);
    width: 96px;
    z-index: 2;
}
@media (max-width: 1439px) {
    .about-hero .float-point_8 {
        height: 7.5vw;
        left: calc(50% - 20.6vw);
        top: calc(50% - 20.1vw);
        width: 7.5vw;
    }
}
.about-hero .float-point_8:before {
    background-color: var(--color-night-blue-15);
    background-image: url(images/bw_05.11368e05.png);
}
.about-hero .float-point_9 {
    animation-name: outIn;
    height: 64px;
    left: calc(50% - 164px);
    top: calc(50% + 262px);
    width: 64px;
    z-index: 2;
}
@media (max-width: 1439px) {
    .about-hero .float-point_9 {
        height: 5vw;
        left: calc(50% - 12.6vw);
        min-height: 50px;
        min-width: 50px;
        top: calc(50% + 18.9vw);
        width: 5vw;
    }
}
.about-hero .float-point_9:before {
    background-color: var(--color-turquoise-25);
    background-image: url(images/bw_06.1ccdba3c.png);
}
.about-hero .float-point_10 {
    animation-name: inOut;
    height: 64px;
    left: calc(50% + 259px);
    top: calc(50% + 290px);
    width: 64px;
    z-index: 2;
}
@media (max-width: 1439px) {
    .about-hero .float-point_10 {
        height: 5vw;
        left: calc(50% + 20vw);
        min-height: 50px;
        min-width: 50px;
        top: calc(50% + 21vw);
        width: 5vw;
    }
}
.about-hero .float-point_10:before {
    background-color: var(--color-turquoise-25);
    background-image: url(images/bw_07.2740cfdb.png);
}
.about-hero .float-point_11 {
    animation-name: outIn;
    height: 64px;
    left: calc(50% + 188px);
    top: calc(50% - 221px);
    width: 64px;
    z-index: 2;
}
@media (max-width: 1439px) {
    .about-hero .float-point_11 {
        height: 5vw;
        left: calc(50% + 14.4vw);
        min-height: 50px;
        min-width: 50px;
        top: calc(50% - 18.5vw);
        width: 5vw;
    }
}
.about-hero .float-point_11:before {
    background-color: var(--color-turquoise-25);
    background-image: url(images/bw_08.5f628e31.png);
}
.about-hero .float-point_12 {
    animation-name: inOut;
    height: 96px;
    left: calc(50% + 180px);
    top: calc(50% - 218px);
    width: 96px;
    z-index: 2;
}
@media (max-width: 1439px) {
    .about-hero .float-point_12 {
        height: 7.5vw;
        left: calc(50% + 14vw);
        top: calc(50% - 18.1vw);
        width: 7.5vw;
    }
}
.about-hero .float-point_12:before {
    background-color: var(--color-purple-navy-15);
    background-image: url(images/bw_09.17ad8f13.png);
}
.about-hero .float-point_13 {
    animation-name: blink;
    height: 56px;
    left: calc(50% + 240px);
    top: calc(50% + 123px);
    width: 56px;
    z-index: 1;
}
@media (max-width: 1439px) {
    .about-hero .float-point_13 {
        left: calc(50% + 17vw);
        top: calc(50% + 8vw);
    }
}
.about-hero .float-point_13:before {
    background-color: var(--color-purple-navy-15);
}
.about-hero .float-point_14 {
    animation-name: outIn;
    height: 120px;
    left: calc(50% + 215px);
    top: calc(50% + 253px);
    width: 120px;
    z-index: 2;
}
@media (max-width: 1439px) {
    .about-hero .float-point_14 {
        height: 9.2vw;
        left: calc(50% + 16.8vw);
        top: calc(50% + 18.3vw);
        width: 9.2vw;
    }
}
.about-hero .float-point_14:before {
    background-color: var(--color-night-blue-15);
    background-image: url(images/bw_10.2ccda941.png);
}
.about-hero .float-point_15 {
    animation-name: blink;
    height: 24px;
    left: calc(50% + 331px);
    top: calc(50% - 218px);
    width: 24px;
    z-index: 1;
}
@media (max-width: 1439px) {
    .about-hero .float-point_15 {
        left: calc(50% + 23.8vw);
        top: calc(50% - 15.5vw);
    }
}
.about-hero .float-point_15:before {
    background-color: var(--color-purple-navy-15);
}
.about-hero .float-point_16 {
    animation-name: outIn;
    height: 208px;
    left: calc(50% + 392px);
    top: calc(50% - 242px);
    width: 208px;
    z-index: 2;
}
@media (max-width: 1439px) {
    .about-hero .float-point_16 {
        height: 16vw;
        left: calc(50% + 30.5vw);
        top: calc(50% - 20vw);
        width: 16vw;
    }
}
.about-hero .float-point_16:before {
    background-color: var(--color-deep-blue-15);
    background-image: url(images/bw_11.0cbbc7df.png);
}
.about-hero .float-point_17 {
    animation-name: inOut;
    height: 208px;
    left: calc(50% + 397px);
    top: calc(50% - 70px);
    width: 208px;
    z-index: 2;
}
@media (max-width: 1439px) {
    .about-hero .float-point_17 {
        height: 16vw;
        left: calc(50% + 31vw);
        top: calc(50% - 6.7vw);
        width: 16vw;
    }
}
.about-hero .float-point_17:before {
    background-color: var(--color-night-blue-15);
    background-image: url(images/bw_12.07089275.png);
}
.about-hero .float-point_18 {
    animation-name: outIn;
    height: 64px;
    left: calc(50% + 476px);
    top: calc(50% + 123px);
    width: 64px;
    z-index: 2;
}
@media (max-width: 1439px) {
    .about-hero .float-point_18 {
        height: 5vw;
        left: calc(50% + 36.9vw);
        min-height: 50px;
        min-width: 50px;
        top: calc(50% + 8.1vw);
        width: 5vw;
    }
}
.about-hero .float-point_18:before {
    background-color: var(--color-turquoise-25);
    background-image: url(images/bw_13.93151865.png);
}
.about-hero .float-point_19 {
    animation-name: blink;
    height: 40px;
    left: calc(50% + 500px);
    top: calc(50% + 365px);
    width: 40px;
    z-index: 1;
}
@media (max-width: 1439px) {
    .about-hero .float-point_19 {
        left: calc(50% + 35vw);
        top: calc(50% + 25vw);
    }
}
.about-hero .float-point_19:before {
    background-color: var(--color-turquoise-25);
}
.about-hero .float-point_20 {
    animation-name: blink;
    height: 24px;
    left: calc(50% + 630px);
    top: calc(50% + 31px);
    width: 24px;
    z-index: 1;
}
@media (max-width: 1439px) {
    .about-hero .float-point_20 {
        left: calc(50% + 43.9vw);
        top: calc(50% + 1.9vw);
    }
}
.about-hero .float-point_20:before {
    background-color: var(--color-deep-blue-15);
}
.about-hero .float-point_21 {
    animation-name: inOut;
    height: 64px;
    left: calc(50% - 573px);
    top: calc(50% + 17px);
    width: 64px;
    z-index: 2;
}
@media (max-width: 1439px) {
    .about-hero .float-point_21 {
        height: 5vw;
        left: calc(50% - 44.2vw);
        min-height: 50px;
        min-width: 50px;
        top: 50%;
        width: 5vw;
    }
}
.about-hero .float-point_21:before {
    background-color: var(--color-turquoise-25);
    background-image: url(images/bw_14.39f012f1.png);
}
@keyframes outIn {
    0% {
        transform: scale(1);
        z-index: 3;
    }
    33% {
        transform: scale(1);
        z-index: 3;
    }
    50% {
        transform: scale(0);
        z-index: 2;
    }
    83% {
        transform: scale(0);
        z-index: 2;
    }
    to {
        transform: scale(1);
        z-index: 3;
    }
}
@keyframes inOut {
    0% {
        transform: scale(0);
        z-index: 2;
    }
    33% {
        transform: scale(0);
        z-index: 2;
    }
    50% {
        transform: scale(1);
        z-index: 3;
    }
    83% {
        transform: scale(1);
        z-index: 3;
    }
    to {
        transform: scale(0);
        z-index: 2;
    }
}
@keyframes blink {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    to {
        transform: scale(1);
    }
}
.about-numbers {
    margin: 0 !important;
}
.about-numbers .about-numbers-alltime {
    display: flex;
    gap: 120px;
    justify-content: center;
    margin-top: 80px;
}
@media (max-width: 768px) {
    .about-numbers .about-numbers-alltime {
        gap: 60px;
        margin-top: 40px;
    }
}
@media (max-width: 639px) {
    .about-numbers .about-numbers-alltime {
        gap: 32px;
    }
}
@media (max-width: 479px) {
    .about-numbers .about-numbers-alltime {
        flex-direction: column;
    }
}
.about-numbers .about-numbers-alltime .alltime-column {
    align-items: center;
    display: flex;
    flex-direction: column;
}
.about-numbers .about-numbers-alltime .title {
    font-family: Inter, Arial, Helvetica, sans-serif;
    margin-bottom: 8px;
}
@media (max-width: 768px) {
    .about-numbers .about-numbers-alltime .title {
        margin-bottom: 4px;
    }
}
.about-numbers .about-numbers-alltime .title span {
    display: inline-block;
}
.about-numbers .about-numbers-alltime .text {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
.about-numbers .about-numbers-yearly {
    background:
        url(images/hero-vector-bg.8d93e31b.svg) calc(50% + 184px) calc(50% + 100px) / 98% auto no-repeat,
        linear-gradient(102.29deg, #f9fafc, #f0f4fa),
        #f7f9fc;
    border-radius: 8px;
    display: flex;
    justify-content: space-evenly;
    margin-top: 40px;
    padding: 60px;
}
@media (max-width: 767px) {
    .about-numbers .about-numbers-yearly {
        background:
            url(images/bg-frame-light--mobile.89635ce5.svg) calc(50% + 394px) calc(50% - 3px) / 162% auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
        padding: 40px;
    }
}
@media (max-width: 639px) {
    .about-numbers .about-numbers-yearly {
        flex-direction: column;
        gap: 40px;
    }
}
.about-numbers .about-numbers-yearly .yearly-column {
    align-items: center;
    display: flex;
    flex-direction: column;
}
@media (min-width: 768px) {
    .about-numbers .about-numbers-yearly .yearly-column {
        width: 320px;
    }
}
.about-numbers .about-numbers-yearly .title {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(90.7deg, #70cfff -121.82%, #4545f5 99.39%);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 43px;
    font-weight: 700;
    line-height: 60px;
    margin-bottom: 16px;
    text-align: center;
}
@media (max-width: 1023px) {
    .about-numbers .about-numbers-yearly .title {
        font-size: 36px;
        line-height: 52px;
    }
}
@media (max-width: 767px) {
    .about-numbers .about-numbers-yearly .title {
        margin-bottom: 6px;
    }
}
.about-numbers .about-numbers-yearly .text {
    font-size: 19px;
    font-weight: 600;
    line-height: 120%;
    text-align: center;
}
@media (max-width: 1023px) {
    .about-numbers .about-numbers-yearly .text {
        font-size: 18px;
        line-height: 28px;
    }
}
@media (max-width: 767px) {
    .about-text-image .text-image-wrp .img-wrp {
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
        max-width: 400px;
    }
}
.about-text-image .default-section__visual {
    border-radius: 8px;
    height: 0;
    overflow: hidden;
    padding-bottom: 125%;
    position: relative;
}
@media (max-width: 767px) {
    .about-text-image .default-section__visual {
        max-width: unset;
    }
}
.about-text-image .default-section__visual img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}
.about-text-image .text-strong {
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 24px;
}
@media (max-width: 767px) {
    .about-text-image .text-strong {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 12px;
    }
    .about-how-we-work {
        border: 0 !important;
        padding-top: 0 !important;
    }
}
.about-how-we-work .new-btn__text {
    white-space: normal;
}
.about-principles {
    background: linear-gradient(102.29deg, #f9fafc, #f0f4fa), #f7f9fc;
    border: 0 !important;
}
.about-principles .number-list {
    gap: 40px 60px;
    justify-content: space-between;
    margin-top: 80px;
}
@media (max-width: 1023px) {
    .about-principles .number-list {
        gap: 32px;
    }
}
@media (max-width: 767px) {
    .about-principles .number-list {
        margin-top: 40px;
    }
}
.about-principles .number-list li {
    width: calc(33.33% - 48px);
}
@media (max-width: 1199px) {
    .about-principles .number-list li {
        width: calc(33.33% - 40px);
    }
}
@media (max-width: 1023px) {
    .about-principles .number-list li {
        width: calc(50% - 16px);
    }
}
@media (max-width: 767px) {
    .about-principles .number-list li {
        width: 100%;
    }
}
.about-principles .number-list li .list-label {
    margin-bottom: 16px;
}
@media (min-width: 769px) {
    .about-principles .number-list li .list-label {
        line-height: 62px;
    }
}
@media (max-width: 767px) {
    .about-principles .number-list li .list-label {
        margin-bottom: 12px;
    }
}
.about-principles .number-list li .list-title {
    margin-bottom: 8px;
}
@media (max-width: 767px) {
    .about-principles .number-list li .list-text {
        max-width: 100%;
    }
}
.about-journey {
    border: 0 !important;
}
.about-journey-slider {
    margin-top: 60px;
}
@media (max-width: 767px) {
    .about-journey-slider {
        display: flex;
        flex-direction: column;
        margin-top: 40px;
    }
}
.about-journey-slider.slick-initialized .about-journey-slide {
    display: flex !important;
}
.about-journey-slider:not(.slick-initialized) {
    display: flex;
    gap: 72px;
    padding-bottom: 96px;
}
@media (max-width: 1023px) {
    .about-journey-slider:not(.slick-initialized) {
        gap: 24px;
    }
}
@media (max-width: 767px) {
    .about-journey-slider:not(.slick-initialized) {
        gap: 0;
        padding-bottom: 0;
        padding-top: 56px;
    }
}
.about-journey-slider:not(.slick-initialized) .about-journey-slide {
    width: 33.33%;
}
@media (max-width: 767px) {
    .about-journey-slider:not(.slick-initialized) .about-journey-slide {
        width: 100%;
    }
    .about-journey .slick-list {
        order: 2;
    }
}
.about-journey .slick-slide {
    display: flex;
    flex-direction: row;
    gap: 72px;
}
@media (max-width: 1023px) {
    .about-journey .slick-slide {
        gap: 24px;
    }
}
@media (max-width: 767px) {
    .about-journey .slick-slide {
        gap: 0;
    }
}
@media (min-width: 768px) {
    .about-journey .slick-slide > div {
        width: 33.33%;
    }
}
.about-journey .slick-slide:last-child > div:first-child .about-journey-slide__divider,
.about-journey .slick-slide > div:last-child .about-journey-slide__divider {
    width: 100%;
}
.about-journey .slick-slide:last-child > div:first-child .about-journey-slide__divider:after,
.about-journey .slick-slide > div:last-child .about-journey-slide__divider:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cpath d='M33.11 15.184a3.884 3.884 0 0 0-2 1.609c-.65 1.055-.665 2.727-.047 3.828.125.227 5.375 5.531 14.703 14.856l14.496 14.515-14.496 14.504c-7.977 7.98-14.57 14.637-14.664 14.785-.641 1.094-.657 2.75-.032 3.828.274.477.813 1.04 1.274 1.336 1.14.727 2.906.735 4.031 0 .547-.343 32.293-32.144 32.543-32.582.312-.554.445-1.125.445-1.902 0-.813-.203-1.516-.61-2.086-.327-.469-32.089-32.191-32.433-32.395-.883-.515-2.234-.64-3.21-.296Zm0 0' fill='%23dddee5'/%3E%3C/svg%3E");
    background-size: 18px;
    border-radius: 50%;
    content: "";
    height: 18px;
    pointer-events: none;
    position: absolute;
    right: -6px;
    top: calc(50% - 9px);
    width: 18px;
}
.about-journey .slick-slide:last-child {
    gap: 0;
}
.about-journey .slick-slide:last-child > div {
    width: 0;
}
.about-journey .slick-slide:last-child > div:first-child {
    width: 100%;
}
@media (min-width: 769px) {
    .about-journey .slick-slide:last-child > div:first-child .slide-wrapper {
        align-items: center;
        flex-direction: unset;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .about-journey .slick-slide:last-child > div:first-child .about-journey-slide__text {
        height: auto;
        width: 312px;
    }
    .about-journey .slick-slide:last-child > div:first-child .slide-description {
        margin-bottom: 0;
    }
    .about-journey .slick-slide:last-child > div:first-child .about-journey-slide__img {
        margin-top: 0;
        padding-bottom: 38.7%;
        width: calc(100% - 384px);
    }
}
.about-journey .slick-arrow {
    bottom: 0;
    top: unset;
    transform: none;
}
@media (max-width: 767px) {
    .about-journey .slick-arrow {
        bottom: -56px;
    }
}
.about-journey .slick-arrow:hover {
    transform: none !important;
}
.about-journey .slick-prev {
    left: calc(50% - 214px);
}
.about-journey .slick-next {
    right: calc(50% - 214px);
}
.about-journey-slide {
    height: 100%;
}
.about-journey-slide .slide-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}
.about-journey-slide__date {
    font-weight: 600;
    margin-bottom: 16px;
}
@media (max-width: 767px) {
    .about-journey-slide__date {
        margin-bottom: 8px;
        order: 1;
    }
}
.about-journey-slide__divider {
    border: 1px solid #dddee5;
    height: 0;
    margin-bottom: 24px;
    position: relative;
    width: calc(100% + 72px);
}
@media (max-width: 1023px) {
    .about-journey-slide__divider {
        width: calc(100% + 24px);
    }
}
.about-journey-slide__divider:before {
    background-color: #c7c8d4;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: -1px;
    pointer-events: none;
    position: absolute;
    top: -3px;
    width: 6px;
}
@media (max-width: 767px) {
    .about-journey-slide__text {
        order: 1;
    }
}
.about-journey-slide__text .slide-title {
    margin-bottom: 8px;
}
@media (max-width: 767px) {
    .about-journey-slide__text .slide-title {
        margin-bottom: 12px;
    }
}
.about-journey-slide__text .slide-description {
    margin-bottom: 24px;
}
@media (max-width: 767px) {
    .about-journey-slide__text .slide-description {
        margin-bottom: 0;
    }
}
.about-journey-slide__img {
    border-radius: 8px;
    height: 0;
    margin-top: auto;
    overflow: hidden;
    padding-bottom: 59%;
    position: relative;
    width: 100%;
}
@media (max-width: 767px) {
    .about-journey-slide__img {
        margin-bottom: 24px;
        order: 0;
        padding-bottom: 63%;
    }
}
@media (max-width: 767px) and (min-width: 481px) {
    .about-journey-slide__img {
        max-width: 440px;
    }
}
.about-journey-slide__img img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
}
.about-journey .journey-dots {
    align-items: center;
    display: flex;
    gap: 24px;
    height: 32px;
    justify-content: center;
    margin-top: 64px;
}
@media (max-width: 767px) {
    .about-journey .journey-dots {
        flex-wrap: wrap;
        gap: 8px;
        height: auto;
        justify-content: flex-start;
        margin-bottom: 24px;
        margin-top: 0;
        order: 1;
        position: relative;
    }
}
.about-journey .journey-dots .slick-active button {
    color: var(--color-deep-blue);
}
@media (max-width: 767px) {
    .about-journey .journey-dots .slick-active button {
        background-color: var(--color-deep-blue);
        border-color: var(--color-deep-blue);
        color: var(--color-light);
    }
}
.about-journey .journey-dot {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    color: var(--color-purple-navy-50);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 0;
    transition: all 0.15s;
}
@media (max-width: 767px) {
    .about-journey .journey-dot {
        background-color: var(--color-light);
        border: 1px solid var(--color-deep-blue-25);
        border-radius: 20px;
        color: var(--color-deep-blue);
        padding: 7px 18px;
    }
}
@media (min-width: 768px) {
    .about-journey .journey-dot:hover {
        color: var(--color-deep-blue);
    }
}
.about-journey .slider-journey-status {
    color: var(--color-purple-navy-50);
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    margin-top: 24px;
    text-align: center;
}
@media (min-width: 768px) {
    .about-commitments .benefits-list {
        display: flex;
    }
}
.about-commitments .benefit-item {
    padding: 0 12px;
    text-align: left;
}
@media (max-width: 767px) {
    .about-commitments .benefit-item {
        max-width: 100%;
        padding: 0;
    }
}
.about-commitments .benefit-item__icon {
    margin-left: 0;
}
@media (min-width: 768px) {
    .about-commitments .benefit-item__content {
        max-width: 315px;
    }
}
.about-commitments .benefit-item__title {
    margin-bottom: 12px;
}
@media (max-width: 767px) {
    .about-commitments .benefit-item__title {
        margin-bottom: 8px;
    }
}
@media (min-width: 768px) {
    .about-contact .default-section__content {
        max-width: 430px;
    }
}
.about-contact .default-section__content p span {
    color: var(--color-light);
    font-weight: 600;
}
.about-contact .default-section__visual {
    height: 0;
    padding-bottom: 109.1%;
}
@media (max-width: 1023px) and (min-width: 768px) {
    .about-contact .default-section__visual {
        max-width: calc(100% - 60px);
    }
}
@media (max-width: 767px) {
    .about-contact .default-section__visual {
        padding-bottom: 110%;
    }
}
.about-contact__copy-container {
    align-items: center;
    background: rgba(78, 208, 255, 0.1);
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    max-width: 430px;
    padding: 16px 20px;
    transition: 0.3s;
    width: 100%;
}
.about-contact__copy-container:hover {
    background: rgba(78, 208, 255, 0.2);
}
@media (max-width: 768px) {
    .about-contact__copy-container {
        justify-content: center;
        margin: 32px auto 0;
    }
}
.about-contact__email {
    color: #e4f8ff;
    font:
        500 18px/28px Inter,
        Arial,
        Helvetica,
        sans-serif;
}
@media (max-width: 768px) {
    .about-contact__email {
        display: none;
    }
}
.about-contact__text {
    align-items: center;
    background: transparent;
    color: #e4f8ff;
    display: flex;
    font:
        500 16px/24px Inter,
        Arial,
        Helvetica,
        sans-serif;
    margin: 0;
    padding: 0;
}
.about-contact__text svg {
    height: 24px;
    margin-right: 8px;
    width: 24px;
}
.about-contact .text-image-wrp .img-wrp {
    margin: 0 auto;
    max-width: 440px;
}
@media (max-width: 767px) {
    .about-contact .text-image-wrp .img-wrp {
        margin-bottom: 70px;
        max-width: 310px;
    }
}
.about-contact .gallery-cards {
    cursor: pointer;
    left: -10px;
    position: relative;
    top: -7px;
}
@media (max-width: 1023px) and (min-width: 768px) {
    .about-contact .gallery-cards {
        left: -5px;
        top: 25px;
    }
}
@media (max-width: 767px) {
    .about-contact .gallery-cards {
        left: -5px;
        top: 15px;
    }
}
.about-contact .gallery-cards__img {
    border-radius: 8px;
    height: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding-bottom: 109.1%;
    position: absolute;
    top: 0;
    transform-origin: left bottom;
    transition: all 0.3s;
    width: 100%;
    z-index: -1;
}
.about-contact .gallery-cards__img img {
    height: calc(100% + 2px);
    left: -1px;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: -1px;
    width: calc(100% + 2px);
}
.about-contact .gallery-cards__img.galleryCardsFirst {
    opacity: 1;
    transform: rotate(-3deg);
    z-index: 3;
}
@media (max-width: 767px) {
    .about-contact .gallery-cards__img.galleryCardsFirst {
        transform: rotate(-2deg);
    }
}
.about-contact .gallery-cards__img.galleryCardsSecond {
    opacity: 1;
    transform: rotate(1deg);
    z-index: 2;
}
.about-contact .gallery-cards__img.galleryCardsSecond img {
    filter: blur(1px);
}
.about-contact .gallery-cards__img.galleryCardsThird {
    opacity: 1;
    transform: rotate(4deg);
    z-index: 1;
}
.about-contact .gallery-cards__img.galleryCardsThird img {
    filter: blur(1px);
}
.about-contact .gallery-cards:hover .galleryCardsFirst {
    transform: rotate(-4deg);
}
.about-contact .gallery-cards:hover .galleryCardsSecond {
    transform: rotate(1deg);
}
.about-contact .gallery-cards:hover .galleryCardsThird {
    transform: rotate(6deg);
}
.copied-toast {
    background-color: #222;
    border-radius: 8px;
    bottom: 24px;
    color: #fff;
    left: 24px;
    padding: 16px 32px;
    position: fixed;
    transition: 0.3s;
}
@media (max-width: 768px) {
    .copied-toast {
        bottom: 20px;
        justify-content: center;
        left: 50%;
        margin: 0 auto;
        max-width: 320px;
        text-align: center;
        transform: translateX(-50%);
        width: 100%;
    }
}
.copied-toast.hidden {
    bottom: -80px;
}
.testimonials-hero {
    background: linear-gradient(102.29deg, #f9fafc, #f0f4fa), #f7f9fc;
    position: relative;
}
@media (min-width: 768px) {
    .testimonials-hero {
        height: 0;
        padding-bottom: 40.84%;
    }
}
@media (min-width: 1441px) {
    .testimonials-hero {
        padding-bottom: 588px;
    }
}
.testimonials-hero-wrp {
    width: 100%;
}
@media (min-width: 768px) {
    .testimonials-hero-wrp {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .testimonials-hero-wrp {
        max-width: 500px;
    }
}
.testimonials-hero .section-head {
    max-width: 800px;
}
@media (min-width: 768px) {
    .testimonials-hero .section-head {
        margin-top: 12px;
    }
}
.testimonials-hero .default-section__content p {
    margin: 0;
}
@media (min-width: 768px) {
    .testimonials-hero .hero-section__img {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .testimonials-hero .hero-section__img {
        margin: 40px auto 0;
        max-width: 350px;
        padding: 0 13px;
    }
}
@media (min-width: 768px) {
    .testimonials-hero .hero-section__img img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        position: relative;
        width: 100%;
    }
}
@media (min-width: 1441px) {
    .testimonials-hero .hero-section__img img {
        -o-object-fit: contain;
        object-fit: contain;
    }
}
@media (max-width: 767px) {
    .testimonials-hero .hero-section__img img {
        height: auto;
        width: 100%;
    }
}
@media (min-width: 769px) {
    .testimonials-blog {
        background:
            url(images/bg-frame-blue.e8174635.svg) calc(50% + 265px) calc(50% + 5px) / 120% auto no-repeat,
            linear-gradient(98.24deg, #1d2452, #2d3466),
            #1d2452;
    }
    .testimonials-blog .section-head {
        max-width: 450px;
    }
}
@media (min-width: 1024px) {
    .testimonials-blog .default-section__visual {
        margin: -58px 0 -100px 7px;
    }
}
@media (max-width: 1023px) {
    .testimonials-blog .default-section__visual {
        margin: 0 0 -5px 7px;
    }
}
@media (max-width: 768px) {
    .testimonials-blog .default-section__visual {
        margin: 40px auto 0;
    }
}
.testimonials-explore {
    background: linear-gradient(102.29deg, #f9fafc, #f0f4fa), #f7f9fc;
}
@media (max-width: 768px) {
    .testimonials-explore .section-head .h2 {
        font-size: 28px;
        line-height: 36px;
    }
}
@media (min-width: 768px) {
    .testimonials-explore .explore-list {
        margin-left: auto;
        margin-right: auto;
        max-width: 830px;
    }
}
.testimonials-explore .explore-item__icon {
    background: var(--color-light);
    border-radius: 50%;
    box-shadow:
        0 1px 4px rgba(55, 61, 82, 0.08),
        0 8px 24px rgba(55, 61, 82, 0.08);
    display: inline-block;
    height: 64px;
    padding: 12px;
    width: 64px;
}
.testimonials-explore .explore-item__icon .icon {
    height: 100%;
    position: relative;
    width: auto;
}
.testimonials-explore .explore-item__title {
    margin: 24px 0 12px;
}
@media (max-width: 768px) {
    .testimonials-explore .explore-item__title {
        font-size: 22px;
        font-weight: 600;
        line-height: 32px;
        margin-top: 16px;
    }
}
.use-cases-hero {
    background: linear-gradient(102.29deg, #f9fafc, #f0f4fa), #f7f9fc;
}
@media (min-width: 769px) {
    .use-cases-hero .hero-section__visual {
        max-width: 454px;
    }
}
@media (max-width: 768px) {
    .use-cases-hero .hero-section__visual {
        max-width: 320px;
    }
}
.use-cases-hero .default-section__content p {
    font-size: 18px;
}
.use-cases-customers {
    margin-top: 0 !important;
}
@media (max-width: 768px) {
    .use-cases-features .benefit-section {
        display: flex;
        flex-direction: column;
    }
    .use-cases-features .benefit-section__main {
        order: 2;
    }
    .use-cases-features .benefit-section__visual {
        max-width: 440px;
        order: 1;
    }
    .use-cases-features .benefit-section__visual:before {
        content: none;
    }
    .use-cases-features .benefit-section__visual img {
        position: relative;
    }
    .use-cases-features:not(.key-features) .benefit-section:last-child .benefit-section__content p {
        margin-bottom: 52px;
    }
    .use-cases-features.key-features .benefit-section:last-child .benefit-section__content p {
        margin-bottom: 0;
    }
    .use-cases-reasons .benefits-list {
        margin-bottom: -32px;
    }
}
@media (min-width: 769px) {
    .hospitality-hero .hero-section__visual {
        margin: -10px 6px -12px auto;
    }
}
@media (min-width: 769px) and (max-width: 1199px) {
    .hospitality-hero .hero-section__visual {
        max-width: 400px;
    }
}
@media (max-width: 768px) {
    .hospitality-hero .hero-section__visual {
        margin: 32px auto 0;
    }
}
@media (min-width: 1200px) {
    .hospitality-features .hospitality-features-section1 .benefit-section__visual {
        flex: 0 0 60%;
    }
}
@media (min-width: 769px) {
    .hospitality-features .hospitality-features-section1 .benefit-section__visual {
        margin: 5px -55px -20px auto;
        max-width: 560px;
        position: relative;
        top: -22px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .hospitality-features .hospitality-features-section1 .benefit-section__visual {
        margin-right: -25px;
    }
}
@media (max-width: 768px) {
    .hospitality-features .hospitality-features-section1 .benefit-section__visual {
        margin: 39px auto -10px;
        width: 106%;
    }
}
@media (max-width: 360px) {
    .hospitality-features .hospitality-features-section1 .benefit-section__visual {
        margin: 26px 0 6px -5px;
        width: 105%;
    }
}
@media (min-width: 1200px) {
    .hospitality-features .hospitality-features-section2 .benefit-section__visual {
        flex: 0 0 60%;
    }
}
@media (min-width: 769px) {
    .hospitality-features .hospitality-features-section2 .benefit-section__visual {
        margin: -3px auto 14px -10px;
        max-width: 519px;
    }
}
@media (max-width: 768px) {
    .hospitality-features .hospitality-features-section2 .benefit-section__visual {
        left: 3px;
        margin: 25px auto;
    }
}
@media (min-width: 769px) {
    .hospitality-features .hospitality-features-section2 .benefit-section__main {
        flex: 0 0 40%;
    }
}
@media (min-width: 1200px) {
    .hospitality-features .hospitality-features-section3 .benefit-section__visual {
        flex: 0 0 60%;
    }
}
@media (min-width: 769px) {
    .hospitality-features .hospitality-features-section3 .benefit-section__visual {
        margin: -49px -93px -14px auto;
        max-width: 590px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .hospitality-features .hospitality-features-section3 .benefit-section__visual {
        margin-right: -40px;
    }
}
@media (max-width: 768px) {
    .hospitality-features .hospitality-features-section3 .benefit-section__visual {
        margin: 3px auto 29px;
        width: calc(100% + 45px);
    }
}
@media (min-width: 769px) {
    .hospitality-features .hospitality-features-section3 .benefit-section__main {
        margin-top: 26px;
        max-width: 100%;
    }
    .hospitality-key-features .hospitality-key-features-section1 .benefit-section__visual {
        margin: -43px auto -53px 0;
        max-width: 484px;
    }
}
@media (max-width: 768px) {
    .hospitality-key-features .hospitality-key-features-section1 .benefit-section__visual {
        left: 0;
        margin: 9px auto 19px;
        width: 100%;
    }
}
@media (max-width: 1199px) and (min-width: 1024px) {
    .hospitality-key-features .hospitality-key-features-section2 .benefit-section__title {
        max-width: 430px;
    }
}
@media (min-width: 769px) {
    .hospitality-key-features .hospitality-key-features-section2 .benefit-section__visual {
        margin: -93px -3px -14px auto;
        max-width: 532px;
    }
}
@media (max-width: 768px) {
    .hospitality-key-features .hospitality-key-features-section2 .benefit-section__visual {
        left: -18px;
        margin: -50px auto 36px;
        width: calc(100% + 41px);
    }
}
@media (min-width: 769px) {
    .hospitality-key-features .hospitality-key-features-section3 .benefit-section__visual {
        margin: -104px auto -74px -4px;
        max-width: 517px;
    }
}
@media (max-width: 768px) {
    .hospitality-key-features .hospitality-key-features-section3 .benefit-section__visual {
        left: -4px;
        margin: -30px auto 31px;
        width: calc(100% + 6px);
    }
}
@media (min-width: 769px) {
    .hospitality-key-features .hospitality-key-features-section3 .benefit-section__main {
        margin: -29px 0 -25px;
    }
    .construction-hero .hero-section__visual {
        margin: -10px 0 -12px auto;
    }
}
@media (min-width: 769px) and (max-width: 1199px) {
    .construction-hero .hero-section__visual {
        max-width: 400px;
    }
}
@media (max-width: 768px) {
    .construction-hero .hero-section__visual {
        margin: 42px auto -8px;
    }
}
@media (min-width: 1200px) {
    .construction-features .construction-features-section1 .benefit-section__visual {
        flex: 0 0 55%;
    }
}
@media (min-width: 769px) {
    .construction-features .construction-features-section1 .benefit-section__visual {
        margin: -3px -9px 25px auto;
        max-width: 547px;
    }
}
@media (max-width: 768px) {
    .construction-features .construction-features-section1 .benefit-section__visual {
        margin: 47px auto 32px;
    }
}
@media (min-width: 1200px) {
    .construction-features .construction-features-section2 .benefit-section__visual {
        flex: 0 0 60%;
    }
}
@media (min-width: 769px) {
    .construction-features .construction-features-section2 .benefit-section__visual {
        margin: -41px auto 24px -34px;
        max-width: 594px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .construction-features .construction-features-section2 .benefit-section__visual {
        margin-left: -10px;
    }
}
@media (max-width: 768px) {
    .construction-features .construction-features-section2 .benefit-section__visual {
        margin: 0 auto 30px;
        width: calc(100% + 30px);
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .construction-features .construction-features-section2 .benefit-section__visual:before {
        content: none;
    }
    .construction-features .construction-features-section2 .benefit-section__visual img {
        position: relative;
    }
}
@media (min-width: 769px) {
    .construction-features .construction-features-section2 .benefit-section__main {
        flex: 0 0 40%;
    }
}
@media (min-width: 769px) and (max-width: 1199px) {
    .construction-features .construction-features-section2 .benefit-section__main {
        flex: 0 0 51%;
    }
}
@media (min-width: 1200px) {
    .construction-features .construction-features-section3 .benefit-section__visual {
        flex: 0 0 60%;
    }
}
@media (min-width: 769px) {
    .construction-features .construction-features-section3 .benefit-section__visual {
        margin: 0 -55px -13px auto;
        max-width: 560px;
    }
}
@media (min-width: 769px) and (max-width: 1199px) {
    .construction-features .construction-features-section3 .benefit-section__visual {
        margin-right: -45px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .construction-features .construction-features-section3 .benefit-section__visual {
        margin-right: -15px;
    }
}
@media (max-width: 768px) {
    .construction-features .construction-features-section3 .benefit-section__visual {
        left: -5px;
        margin: 15px auto;
        width: calc(100% + 15px);
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .construction-features .construction-features-section3 .benefit-section__visual:before {
        content: none;
    }
    .construction-features .construction-features-section3 .benefit-section__visual img {
        position: relative;
    }
}
@media (min-width: 769px) {
    .construction-features .construction-features-section3 .benefit-section__main {
        margin-top: 26px;
        max-width: 100%;
    }
}
@media (max-width: 1199px) and (min-width: 1024px) {
    .construction-features .construction-features-section3 .benefit-section__title {
        max-width: 430px;
    }
}
@media (min-width: 769px) {
    .construction-key-features .construction-key-features-section1 .benefit-section__visual {
        flex: 0 0 45%;
        margin: -70px auto -53px 11px;
        max-width: 506px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .construction-key-features .construction-key-features-section1 .benefit-section__visual {
        margin-left: 0;
    }
}
@media (max-width: 768px) {
    .construction-key-features .construction-key-features-section1 .benefit-section__visual {
        left: 0;
        margin: -1px auto 32px;
        width: 100%;
    }
}
@media (min-width: 769px) and (max-width: 1199px) {
    .construction-key-features .construction-key-features-section1 .benefit-section__main {
        flex: 0 0 51%;
    }
}
@media (min-width: 769px) {
    .construction-key-features .construction-key-features-section2 .benefit-section__visual {
        margin: -66px -14px -40px auto;
        max-width: 532px;
    }
}
@media (max-width: 768px) {
    .construction-key-features .construction-key-features-section2 .benefit-section__visual {
        left: -37px;
        margin: -50px auto 30px;
        width: calc(100% + 62px);
    }
}
@media (min-width: 769px) {
    .construction-key-features .construction-key-features-section3 .benefit-section__visual {
        flex: 0 0 45%;
        margin: -62px auto -59px -4px;
        max-width: 517px;
    }
}
@media (max-width: 768px) {
    .construction-key-features .construction-key-features-section3 .benefit-section__visual {
        left: -3px;
        margin: -30px auto 31px;
        width: calc(100% + 6px);
    }
}
@media (min-width: 769px) {
    .construction-key-features .construction-key-features-section3 .benefit-section__main {
        margin: 0 0 -25px;
    }
}
@media (min-width: 769px) and (max-width: 1199px) {
    .construction-key-features .construction-key-features-section3 .benefit-section__main {
        flex: 0 0 51%;
    }
}
.construction-reasons .section-head {
    max-width: 750px;
}
@media (min-width: 769px) {
    .technology-hero .hero-section__visual {
        margin: -24px 9px -42px auto;
    }
}
@media (min-width: 769px) and (max-width: 1199px) {
    .technology-hero .hero-section__visual {
        max-width: 400px;
    }
}
@media (max-width: 768px) {
    .technology-hero .hero-section__visual {
        margin: 32px auto -2px;
    }
}
@media (min-width: 1200px) {
    .technology-features .technology-features-section1 .benefit-section__visual {
        flex: 0 0 55%;
    }
}
@media (min-width: 769px) {
    .technology-features .technology-features-section1 .benefit-section__visual {
        margin: 31px -31px -25px auto;
        max-width: 587px;
    }
}
@media (min-width: 769px) and (max-width: 1199px) {
    .technology-features .technology-features-section1 .benefit-section__visual {
        margin-bottom: 0;
        margin-top: 0;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .technology-features .technology-features-section1 .benefit-section__visual {
        margin-right: -10px;
    }
}
@media (max-width: 768px) {
    .technology-features .technology-features-section1 .benefit-section__visual {
        left: -20px;
        margin: 28px auto 12px;
        width: calc(100% + 40px);
    }
}
@media (min-width: 1024px) {
    .technology-features .technology-features-section1 .benefit-section__visual {
        margin: 0 0 0 auto;
        max-width: 500px;
    }
}
@media (min-width: 769px) {
    .technology-features .technology-features-section1 .benefit-section__main {
        max-width: 470px;
    }
}
@media (min-width: 1200px) {
    .technology-features .technology-features-section2 .benefit-section__visual {
        flex: 0 0 60%;
    }
}
@media (min-width: 769px) {
    .technology-features .technology-features-section2 .benefit-section__visual {
        margin: 12px auto 38px -24px;
        max-width: 531px;
    }
}
@media (max-width: 768px) {
    .technology-features .technology-features-section2 .benefit-section__visual {
        left: -34px;
        margin: 8px auto 31px;
        width: calc(100% + 46px);
    }
}
@media (min-width: 1201px) {
    .technology-features .technology-features-section2 .benefit-section__main {
        margin-right: -50px;
    }
}
@media (min-width: 769px) {
    .technology-features .technology-features-section2 .benefit-section__main {
        flex: 0 0 45%;
    }
}
@media (min-width: 1200px) {
    .technology-features .technology-features-section3 .benefit-section__visual {
        flex: 0 0 60%;
    }
}
@media (min-width: 769px) {
    .technology-features .technology-features-section3 .benefit-section__visual {
        margin: -32px -79px 8px auto;
        max-width: 595px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .technology-features .technology-features-section3 .benefit-section__visual {
        margin-right: -40px;
    }
}
@media (max-width: 768px) {
    .technology-features .technology-features-section3 .benefit-section__visual {
        left: -1px;
        margin: 0 auto 30px;
        width: calc(100% + 54px);
    }
}
@media (min-width: 769px) {
    .technology-features .technology-features-section3 .benefit-section__main {
        max-width: 100%;
    }
    .technology-features .benefit-section__main {
        max-width: 460px !important;
    }
    .technology-key-features .technology-key-features-section1 .benefit-section__visual {
        flex: 0 0 60%;
        margin: -88px auto -94px -38px;
        max-width: 593px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .technology-key-features .technology-key-features-section1 .benefit-section__visual {
        margin-left: -30px;
    }
}
@media (max-width: 768px) {
    .technology-key-features .technology-key-features-section1 .benefit-section__visual {
        left: -6px;
        margin: -19px auto -20px;
        width: 120%;
    }
    .technology-key-features .technology-key-features-section1 .benefit-section__main {
        margin-right: 10px;
    }
}
@media (min-width: 769px) {
    .technology-key-features .technology-key-features-section2 .benefit-section__visual {
        margin: -73px 11px -66px auto;
        max-width: 500px;
    }
}
@media (max-width: 768px) {
    .technology-key-features .technology-key-features-section2 .benefit-section__visual {
        left: 0;
        margin: -39px auto 31px;
        width: 100%;
    }
    .technology-key-features .technology-key-features-section2 .benefit-section__main {
        margin-right: 3px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .technology-key-features .technology-key-features-section2 .benefit-section__main {
        padding-right: 40px;
    }
}
@media (min-width: 769px) {
    .technology-key-features .technology-key-features-section3 .benefit-section__visual {
        margin: -89px auto -90px -4px;
        max-width: 517px;
    }
}
@media (min-width: 769px) and (max-width: 1199px) {
    .technology-key-features .technology-key-features-section3 .benefit-section__visual {
        margin-bottom: -30px;
        max-width: 500px;
    }
}
@media (max-width: 768px) {
    .technology-key-features .technology-key-features-section3 .benefit-section__visual {
        left: -3px;
        margin: -30px auto 31px;
        width: calc(100% + 6px);
    }
}
@media (min-width: 769px) {
    .technology-key-features .technology-key-features-section3 .benefit-section__main {
        margin: 0 0 -25px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .technology-key-features .technology-key-features-section3 .benefit-section__main {
        padding-left: 30px;
    }
}
@media (min-width: 769px) {
    .healthcare-hero .section-head {
        margin-right: -20px;
    }
    .healthcare-hero .hero-section__visual {
        margin: -51px 2px -55px auto;
    }
}
@media (min-width: 769px) and (max-width: 1199px) {
    .healthcare-hero .hero-section__visual {
        max-width: 400px;
    }
}
@media (max-width: 768px) {
    .healthcare-hero .hero-section__visual {
        margin: 33px auto 0;
    }
}
.healthcare-features .healthcare-features-section1 {
    padding-bottom: 120px;
}
@media (min-width: 1200px) {
    .healthcare-features .healthcare-features-section1 .benefit-section__visual {
        flex: 0 0 60%;
    }
}
@media (min-width: 769px) {
    .healthcare-features .healthcare-features-section1 .benefit-section__visual {
        margin: 22px -40px -17px auto;
        max-width: 605px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .healthcare-features .healthcare-features-section1 .benefit-section__visual {
        margin: -10px -20px 0 auto;
    }
}
@media (max-width: 768px) {
    .healthcare-features .healthcare-features-section1 .benefit-section__visual {
        left: -20px;
        margin: 28px auto 12px;
        width: calc(100% + 40px);
    }
}
@media (min-width: 769px) {
    .healthcare-features .healthcare-features-section1 .benefit-section__main {
        max-width: 470px;
    }
}
.healthcare-features .healthcare-features-section2 {
    padding-bottom: 120px;
}
@media (min-width: 1200px) {
    .healthcare-features .healthcare-features-section2 .benefit-section__visual {
        flex: 0 0 60%;
    }
}
@media (min-width: 1024px) {
    .healthcare-features .healthcare-features-section2 .benefit-section__visual {
        height: 438px;
    }
}
@media (min-width: 769px) {
    .healthcare-features .healthcare-features-section2 .benefit-section__visual {
        margin: -3px auto 24px -19px;
        max-width: 566px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .healthcare-features .healthcare-features-section2 .benefit-section__visual {
        flex: 0 0 48%;
    }
}
@media (max-width: 768px) {
    .healthcare-features .healthcare-features-section2 .benefit-section__visual {
        left: -19px;
        margin: 6px auto 12px;
        width: calc(100% + 40px);
    }
}
@media (min-width: 769px) {
    .healthcare-features .healthcare-features-section2 .benefit-section__main {
        flex: 0 0 45%;
        margin-right: -8px;
        max-width: 460px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .healthcare-features .healthcare-features-section2 .benefit-section__main {
        flex: 0 0 52%;
    }
}
@media (min-width: 1200px) {
    .healthcare-features .healthcare-features-section3 .benefit-section__visual {
        flex: 0 0 60%;
    }
}
@media (min-width: 769px) {
    .healthcare-features .healthcare-features-section3 .benefit-section__visual {
        margin: -50px -72px 20px auto;
        max-width: 582px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .healthcare-features .healthcare-features-section3 .benefit-section__visual {
        flex: 0 0 55%;
        margin: 0 -45px -20px auto;
    }
}
@media (max-width: 768px) {
    .healthcare-features .healthcare-features-section3 .benefit-section__visual {
        left: -1px;
        margin: 7px auto 30px;
        width: calc(100% + 54px);
    }
}
@media (min-width: 769px) {
    .healthcare-features .healthcare-features-section3 .benefit-section__main {
        margin-top: 56px;
        max-width: 445px;
    }
    .healthcare-key-features .healthcare-key-features-section1 .benefit-section__visual {
        margin: -65px auto -94px 20px;
        max-width: 484px;
    }
}
@media (min-width: 769px) and (max-width: 1199px) {
    .healthcare-key-features .healthcare-key-features-section1 .benefit-section__visual {
        max-width: 440px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .healthcare-key-features .healthcare-key-features-section1 .benefit-section__visual {
        margin-left: 0;
    }
}
@media (max-width: 768px) {
    .healthcare-key-features .healthcare-key-features-section1 .benefit-section__visual {
        left: 0;
        margin: 9px auto 23px;
        width: 100%;
    }
    .healthcare-key-features .healthcare-key-features-section1 .benefit-section__title {
        margin-right: 30px;
    }
}
@media (min-width: 769px) {
    .healthcare-key-features .healthcare-key-features-section2 .benefit-section__visual {
        margin: -67px 19px -66px auto;
        max-width: 486px;
    }
}
@media (min-width: 769px) and (max-width: 1199px) {
    .healthcare-key-features .healthcare-key-features-section2 .benefit-section__visual {
        max-width: 440px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .healthcare-key-features .healthcare-key-features-section2 .benefit-section__visual {
        margin-right: 0;
    }
}
@media (max-width: 768px) {
    .healthcare-key-features .healthcare-key-features-section2 .benefit-section__visual {
        left: 0;
        margin: -30px auto 33px;
        width: 100%;
    }
    .healthcare-key-features .healthcare-key-features-section2 .benefit-section__main {
        margin-right: 3px;
    }
}
@media (min-width: 769px) {
    .healthcare-key-features .healthcare-key-features-section3 .benefit-section__visual {
        margin: -89px auto -90px -4px;
        max-width: 517px;
    }
}
@media (min-width: 769px) and (max-width: 1199px) {
    .healthcare-key-features .healthcare-key-features-section3 .benefit-section__visual {
        margin-bottom: -40px;
        max-width: 480px;
    }
}
@media (max-width: 768px) {
    .healthcare-key-features .healthcare-key-features-section3 .benefit-section__visual {
        left: -3px;
        margin: -30px auto 31px;
        width: calc(100% + 6px);
    }
}
@media (min-width: 769px) {
    .healthcare-key-features .healthcare-key-features-section3 .benefit-section__main {
        margin: 0 0 -25px;
    }
    .education-hero .hero-section__visual {
        margin: -21px 2px -55px auto;
    }
}
@media (min-width: 769px) and (max-width: 1199px) {
    .education-hero .hero-section__visual {
        max-width: 390px;
    }
}
@media (max-width: 768px) {
    .education-hero .hero-section__visual {
        margin: 39px auto 0;
    }
}
@media (min-width: 1200px) {
    .education-features .education-features-section1 .benefit-section__visual {
        flex: 0 0 60%;
    }
}
@media (min-width: 769px) {
    .education-features .education-features-section1 .benefit-section__visual {
        margin: -3px -55px 42px auto;
        max-width: 560px;
    }
}
@media (min-width: 769px) and (max-width: 1199px) {
    .education-features .education-features-section1 .benefit-section__visual {
        margin: 0;
        max-width: 459px;
    }
}
@media (max-width: 768px) {
    .education-features .education-features-section1 .benefit-section__visual {
        left: -5px;
        margin: 28px auto 3px;
        width: calc(100% + 15px);
    }
}
@media (min-width: 769px) {
    .education-features .education-features-section1 .benefit-section__main {
        max-width: 470px;
    }
}
@media (min-width: 1200px) {
    .education-features .education-features-section2 .benefit-section__visual {
        flex: 0 0 60%;
    }
}
@media (min-width: 769px) {
    .education-features .education-features-section2 .benefit-section__visual {
        margin: 16px auto 43px -4px;
        max-width: 496px;
    }
}
@media (min-width: 769px) and (max-width: 1199px) {
    .education-features .education-features-section2 .benefit-section__visual {
        margin: 0;
        max-width: 459px;
    }
}
@media (max-width: 768px) {
    .education-features .education-features-section2 .benefit-section__visual {
        left: 0;
        margin: 27px auto 31px;
        width: 100%;
    }
}
@media (min-width: 769px) {
    .education-features .education-features-section2 .benefit-section__main {
        flex: 0 0 45%;
        margin-right: -8px;
        max-width: 445px;
    }
}
@media (min-width: 1200px) {
    .education-features .education-features-section3 .benefit-section__visual {
        flex: 0 0 60%;
    }
}
@media (min-width: 769px) {
    .education-features .education-features-section3 .benefit-section__visual {
        margin: -25px -78px 14px auto;
        max-width: 594px;
    }
}
@media (min-width: 769px) and (max-width: 1199px) {
    .education-features .education-features-section3 .benefit-section__visual {
        margin: 0;
        max-width: 459px;
    }
}
@media (max-width: 768px) {
    .education-features .education-features-section3 .benefit-section__visual {
        left: -1px;
        margin: 0 auto 30px;
        width: calc(100% + 54px);
    }
}
@media (min-width: 769px) {
    .education-features .education-features-section3 .benefit-section__main {
        margin-top: 25px;
        max-width: 445px;
    }
}
@media (max-width: 768px) {
    .education-features .education-features-section3 .benefit-section__main {
        margin: 0 0 -25px;
    }
}
@media (min-width: 769px) {
    .education-key-features .education-key-features-section1 .benefit-section__visual {
        margin: -66px auto -94px 30px;
        max-width: 484px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .education-key-features .education-key-features-section1 .benefit-section__visual {
        flex: 0 0 45%;
        margin-left: 0;
        max-width: 360px;
    }
}
@media (min-width: 769px) and (max-width: 1440px) {
    .education-key-features .education-key-features-section1 .benefit-section__visual {
        max-width: 420px;
    }
}
@media (max-width: 768px) {
    .education-key-features .education-key-features-section1 .benefit-section__visual {
        left: 0;
        margin: 9px auto 30px;
        width: 100%;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .education-key-features .education-key-features-section1 .benefit-section__main {
        flex: 0 1 51%;
    }
}
@media (min-width: 1025px) and (max-width: 1440px) {
    .education-key-features .education-key-features-section1 .benefit-section__main {
        max-width: 475px;
    }
}
@media (max-width: 768px) {
    .education-key-features .education-key-features-section1 .benefit-section__title {
        margin-right: 30px;
    }
}
@media (min-width: 769px) {
    .education-key-features .education-key-features-section2 .benefit-section__visual {
        margin: -47px 0 -66px auto;
        max-width: 486px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .education-key-features .education-key-features-section2 .benefit-section__visual {
        flex: 0 0 45%;
        max-width: 360px;
    }
}
@media (min-width: 769px) and (max-width: 1440px) {
    .education-key-features .education-key-features-section2 .benefit-section__visual {
        max-width: 420px;
    }
}
@media (max-width: 768px) {
    .education-key-features .education-key-features-section2 .benefit-section__visual {
        left: 0;
        margin: -30px auto 33px;
        width: 100%;
    }
    .education-key-features .education-key-features-section2 .benefit-section__main {
        margin-right: 3px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .education-key-features .education-key-features-section2 .benefit-section__main {
        flex: 0 1 51%;
    }
}
@media (min-width: 1025px) and (max-width: 1440px) {
    .education-key-features .education-key-features-section2 .benefit-section__main {
        max-width: 475px;
    }
}
@media (min-width: 769px) {
    .education-key-features .education-key-features-section3 .benefit-section__visual {
        margin: -89px auto -90px -4px;
        max-width: 517px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .education-key-features .education-key-features-section3 .benefit-section__visual {
        flex: 0 0 45%;
        max-width: 380px;
    }
}
@media (min-width: 769px) and (max-width: 1440px) {
    .education-key-features .education-key-features-section3 .benefit-section__visual {
        max-width: 420px;
    }
}
@media (max-width: 768px) {
    .education-key-features .education-key-features-section3 .benefit-section__visual {
        left: -3px;
        margin: -30px auto 31px;
        width: calc(100% + 6px);
    }
}
@media (min-width: 769px) {
    .education-key-features .education-key-features-section3 .benefit-section__main {
        margin: 0 0 -25px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .education-key-features .education-key-features-section3 .benefit-section__main {
        flex: 0 1 51%;
    }
}
@media (min-width: 1025px) and (max-width: 1440px) {
    .education-key-features .education-key-features-section3 .benefit-section__main {
        max-width: 475px;
    }
}
.education-reasons .section-head {
    max-width: 710px;
}
@media (min-width: 769px) {
    .biotechnology-hero .hero-section__visual {
        margin: -24px 9px -42px auto;
    }
}
@media (min-width: 769px) and (max-width: 1199px) {
    .biotechnology-hero .hero-section__visual {
        max-width: 400px;
    }
}
@media (min-width: 769px) and (max-width: 1023px) {
    .biotechnology-hero .hero-section__visual {
        height: 100%;
        margin-top: 0;
    }
    .biotechnology-hero .hero-section__visual img {
        height: 100%;
    }
}
@media (max-width: 768px) {
    .biotechnology-hero .hero-section__visual {
        margin: 42px auto -6px;
    }
}
@media (min-width: 1200px) {
    .biotechnology-features .biotechnology-features-section1 .benefit-section__visual {
        flex: 0 0 60%;
    }
}
@media (min-width: 769px) {
    .biotechnology-features .biotechnology-features-section1 .benefit-section__visual {
        margin: 50px -82px -34px auto;
        max-width: 610px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .biotechnology-features .biotechnology-features-section1 .benefit-section__visual {
        flex: 0 0 55%;
        margin-right: -30px;
    }
}
@media (max-width: 768px) {
    .biotechnology-features .biotechnology-features-section1 .benefit-section__visual {
        left: -20px;
        margin: 14px auto 13px;
        width: calc(100% + 40px);
    }
}
@media (min-width: 769px) {
    .biotechnology-features .biotechnology-features-section1 .benefit-section__main {
        max-width: 485px;
    }
}
@media (min-width: 1200px) {
    .biotechnology-features .biotechnology-features-section2 .benefit-section__visual {
        flex: 0 0 60%;
    }
}
@media (min-width: 769px) {
    .biotechnology-features .biotechnology-features-section2 .benefit-section__visual {
        margin: 51px auto 80px 21px;
        max-width: 485px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .biotechnology-features .biotechnology-features-section2 .benefit-section__visual {
        max-width: 370px;
    }
}
@media (max-width: 768px) {
    .biotechnology-features .biotechnology-features-section2 .benefit-section__visual {
        left: 0;
        margin: 26px auto 22px;
        width: 100%;
    }
}
@media (min-width: 769px) {
    .biotechnology-features .biotechnology-features-section2 .benefit-section__main {
        flex: 0 0 45%;
        margin-right: -8px;
        max-width: 445px;
    }
}
@media (min-width: 1200px) {
    .biotechnology-features .biotechnology-features-section3 .benefit-section__visual {
        flex: 0 0 60%;
    }
}
@media (min-width: 769px) {
    .biotechnology-features .biotechnology-features-section3 .benefit-section__visual {
        margin: -40px -77px 0 auto;
        max-width: 592px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .biotechnology-features .biotechnology-features-section3 .benefit-section__visual {
        flex: 0 0 55%;
        margin-right: -40px;
    }
}
@media (max-width: 768px) {
    .biotechnology-features .biotechnology-features-section3 .benefit-section__visual {
        left: -1px;
        margin: 0 auto 17px;
        width: calc(100% + 54px);
    }
}
@media (min-width: 769px) {
    .biotechnology-features .biotechnology-features-section3 .benefit-section__main {
        margin-top: 22px;
        max-width: 505px;
    }
    .biotechnology-key-features .biotechnology-key-features-section1 .benefit-section__visual {
        margin: -118px auto -94px 20px;
        max-width: 484px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .biotechnology-key-features .biotechnology-key-features-section1 .benefit-section__visual {
        flex: 0 1 45%;
        margin-left: 5px;
        margin-right: 40px;
    }
}
@media (max-width: 768px) {
    .biotechnology-key-features .biotechnology-key-features-section1 .benefit-section__visual {
        left: 0;
        margin: 11px auto 13px;
        width: 100%;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .biotechnology-key-features .biotechnology-key-features-section1 .benefit-section__main {
        flex: 0 0 55%;
    }
}
@media (min-width: 769px) {
    .biotechnology-key-features .biotechnology-key-features-section2 .benefit-section__visual {
        margin: -87px -13px -66px auto;
        max-width: 530px;
    }
}
@media (max-width: 768px) {
    .biotechnology-key-features .biotechnology-key-features-section2 .benefit-section__visual {
        left: -35px;
        margin: -51px auto 31px;
        width: calc(100% + 59px);
    }
}
@media (min-width: 769px) {
    .biotechnology-key-features .biotechnology-key-features-section2 .benefit-section__title {
        margin-right: -10px;
    }
}
@media (max-width: 768px) {
    .biotechnology-key-features .biotechnology-key-features-section2 .benefit-section__main {
        margin-right: 3px;
    }
}
@media (min-width: 769px) {
    .biotechnology-key-features .biotechnology-key-features-section3 .benefit-section__visual {
        margin: -47px auto -44px -4px;
        max-width: 517px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .biotechnology-key-features .biotechnology-key-features-section3 .benefit-section__visual {
        flex: 0 1 45%;
        margin-right: 40px;
    }
}
@media (max-width: 768px) {
    .biotechnology-key-features .biotechnology-key-features-section3 .benefit-section__visual {
        left: -3px;
        margin: -30px auto 31px;
        width: calc(100% + 6px);
    }
}
@media (min-width: 769px) {
    .biotechnology-key-features .biotechnology-key-features-section3 .benefit-section__main {
        margin: 0 0 -52px;
    }
}
@media (min-width: 769px) and (max-width: 1023px) {
    .biotechnology-key-features .biotechnology-key-features-section3 .benefit-section__main {
        flex: 0 0 55%;
    }
}
.smb-hero {
    background: linear-gradient(102.29deg, #f9fafc, #f0f4fa), #f7f9fc;
}
@media (min-width: 769px) {
    .smb-hero .hero-section__visual {
        margin: -48px 2px -115px auto;
        max-width: 468px;
    }
}
@media (min-width: 769px) and (max-width: 1200px) {
    .smb-hero .hero-section__visual {
        max-width: 400px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .smb-hero .hero-section__visual {
        max-width: 325px;
    }
}
@media (max-width: 768px) {
    .smb-hero .hero-section__visual {
        left: -21px;
        margin: -11px auto -60px;
        width: calc(100% + 21px);
    }
}
.smb-partners {
    margin: 0 !important;
}
.smb-procurement,
.smb-workflow {
    border: 0 !important;
}
.smb-workflow {
    background: linear-gradient(102.29deg, #f9fafc, #f0f4fa), #f7f9fc;
}
.smb-secure {
    border: 0 !important;
}
@media (min-width: 769px) {
    .smb-secure .hero-section__visual {
        margin: -59px 0 -102px -80px;
        max-width: 531px;
        top: 0;
    }
}
@media (max-width: 768px) {
    .smb-secure .hero-section__visual {
        left: -30px;
        margin: -8px auto -15px;
        width: calc(100% + 60px);
    }
    .smb-secure .section-head {
        margin-right: 5px;
    }
}
.fgb-hero {
    background: linear-gradient(102.29deg, #f9fafc, #f0f4fa), #f7f9fc;
}
@media (min-width: 769px) {
    .fgb-hero .section-head {
        margin-right: -40px;
    }
    .fgb-hero .hero-section__visual {
        margin: -70px -60px -75px 27px;
        max-width: 565px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .fgb-hero .hero-section__visual {
        max-width: 380px;
    }
}
@media (max-width: 768px) {
    .fgb-hero .hero-section__visual {
        left: 0;
        margin: 30px auto -60px;
        width: calc(100% + 20px);
    }
}
.fgb-satisfaction {
    margin: 0 !important;
}
.fgb-benefits {
    background: linear-gradient(102.29deg, #f9fafc, #f0f4fa), #f7f9fc;
    border: 0 !important;
}
.fgb-benefits .benefits-list {
    display: flex;
    margin-left: -12px;
    margin-right: -12px;
}
@media (max-width: 768px) {
    .fgb-benefits .benefits-list {
        margin-bottom: -32px;
    }
}
.fgb-benefits .benefits-list .benefit-item {
    flex: 0 0 25%;
    padding: 0 12px;
}
@media (max-width: 1024px) {
    .fgb-benefits .benefits-list .benefit-item {
        flex: 0 0 50%;
        max-width: 100%;
    }
}
@media (max-width: 480px) {
    .fgb-benefits .benefits-list .benefit-item {
        flex: 0 0 100%;
    }
}
.fgb-benefits .benefits-list .benefit-item__title {
    font-size: 18px;
    line-height: 28px;
}
.fgb-benefits .benefits-list .benefit-item__content p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
.fgb-partners {
    border: 0 !important;
}
@media (min-width: 769px) {
    .fgb-simple {
        background:
            url(images/bg-frame-light.008c8bc7.svg) calc(50% + 35px) calc(50% + 108px) / 135% auto no-repeat,
            linear-gradient(98.24deg, #1d2452, #2d3466),
            #1d2452;
    }
}
@media (max-width: 768px) {
    .fgb-simple {
        background: linear-gradient(98.24deg, #1d2452, #2d3466), #1d2452;
    }
}
.fgb-simple .default-section__content p {
    margin-bottom: 0;
}
@media (min-width: 1200px) {
    .fgb-features .fgb-features-section1 .benefit-section__visual {
        flex: 0 0 60%;
    }
}
@media (min-width: 769px) {
    .fgb-features .fgb-features-section1 .benefit-section__visual {
        margin: -3px -31px 24px auto;
        max-width: 531px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .fgb-features .fgb-features-section1 .benefit-section__visual {
        margin-right: auto;
    }
}
@media (max-width: 768px) {
    .fgb-features .fgb-features-section1 .benefit-section__visual {
        margin: 0 auto;
        padding-bottom: 24px;
        width: 100%;
    }
}
@media (min-width: 1201px) {
    .fgb-features .fgb-features-section1 .benefit-section__title {
        margin-right: -90px;
    }
}
@media (min-width: 769px) {
    .fgb-features .fgb-features-section2 {
        padding-bottom: 70px;
    }
}
@media (min-width: 1200px) {
    .fgb-features .fgb-features-section2 .benefit-section__visual {
        flex: 0 0 60%;
    }
}
@media (min-width: 769px) {
    .fgb-features .fgb-features-section2 .benefit-section__visual {
        margin: 0 auto 0 -50px;
        max-width: 532px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .fgb-features .fgb-features-section2 .benefit-section__visual {
        margin-left: auto;
    }
}
@media (max-width: 768px) {
    .fgb-features .fgb-features-section2 .benefit-section__visual {
        margin: 0 auto;
        padding-bottom: 24px;
        width: 100%;
    }
}
@media (min-width: 1200px) {
    .fgb-features .fgb-features-section2 .benefit-section__main {
        flex: 0 0 40%;
    }
    .fgb-features .fgb-features-section3 .benefit-section__visual {
        flex: 0 0 60%;
    }
}
@media (min-width: 769px) {
    .fgb-features .fgb-features-section3 .benefit-section__visual {
        margin: 0 -47px 0 auto;
        max-width: 579px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .fgb-features .fgb-features-section3 .benefit-section__visual {
        margin-right: auto;
    }
}
@media (max-width: 768px) {
    .fgb-features .fgb-features-section3 .benefit-section__visual {
        margin: 0 auto;
        padding-bottom: 24px;
        width: 100%;
    }
}
.fgb-features .fgb-features-section4 .benefit-section__visual {
    margin-left: -24px;
}
@media (min-width: 1200px) {
    .fgb-features .fgb-features-section4 .benefit-section__visual {
        flex: 0 0 63%;
        height: 434px;
        width: 528px;
    }
}
@media (min-width: 769px) {
    .fgb-features .fgb-features-section4 .benefit-section__visual {
        max-width: 528px;
    }
}
@media (min-width: 769px) and (max-width: 1200px) {
    .fgb-features .fgb-features-section4 .benefit-section__visual {
        flex: 0 0 53%;
        margin-left: auto;
    }
}
@media (max-width: 768px) {
    .fgb-features .fgb-features-section4 .benefit-section__visual {
        margin: 0 auto;
        padding-bottom: 24px;
        width: 100%;
    }
}
@media (min-width: 769px) and (max-width: 1200px) {
    .fgb-features .fgb-features-section4 .benefit-section__visual:before {
        padding-top: 90%;
    }
}
@media (min-width: 1200px) {
    .fgb-features .fgb-features-section4 .benefit-section__main {
        flex: 0 0 40%;
    }
}
.fgb-features .fgb-features-section5 .benefit-section__visual {
    margin-right: -24px;
}
@media (min-width: 1200px) {
    .fgb-features .fgb-features-section5 .benefit-section__visual {
        flex: 0 0 60%;
        height: 443px;
        width: 528px;
    }
}
@media (min-width: 769px) {
    .fgb-features .fgb-features-section5 .benefit-section__visual {
        max-width: 528px;
    }
}
@media (min-width: 769px) and (max-width: 1200px) {
    .fgb-features .fgb-features-section5 .benefit-section__visual {
        flex: 0 0 55%;
        left: 30px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .fgb-features .fgb-features-section5 .benefit-section__visual {
        margin-right: auto;
        padding-bottom: 24px;
    }
}
@media (max-width: 768px) {
    .fgb-features .fgb-features-section5 .benefit-section__visual {
        margin: 0 auto;
        width: 100%;
    }
}
@media (min-width: 769px) and (max-width: 1200px) {
    .fgb-features .fgb-features-section5 .benefit-section__visual:before {
        padding-top: 90%;
    }
}
@media (min-width: 1201px) {
    .fgb-features .fgb-features-section5 .benefit-section__title {
        margin-right: -40px;
    }
}
.enterprise-hero {
    background: linear-gradient(102.29deg, #f9fafc, #f0f4fa), #f7f9fc;
}
@media (min-width: 769px) {
    .enterprise-hero .hero-section__visual {
        margin: -60px 0 -114px 18px;
        max-width: 510px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .enterprise-hero .hero-section__visual {
        margin: -24px 0 -77px 18px;
    }
}
@media (max-width: 768px) {
    .enterprise-hero .hero-section__visual {
        left: 0;
        margin: 32px auto 1px;
        width: 100%;
    }
}
.enterprise-satisfaction {
    margin: 0 !important;
}
.enterprise-benefits .benefits-list {
    justify-content: flex-start;
    margin-left: -28px;
    margin-right: -28px;
}
@media (max-width: 768px) {
    .enterprise-benefits .benefits-list {
        margin-bottom: -32px;
        margin-left: -24px;
        margin-right: -24px;
    }
}
.enterprise-benefits .benefit-item {
    max-width: 368px;
    padding: 0 28px;
}
@media (max-width: 768px) {
    .enterprise-benefits .benefit-item {
        max-width: 100%;
        padding: 0 24px;
    }
    .enterprise-features .enterprise-features-section0 {
        flex-direction: column-reverse;
    }
}
@media (min-width: 1200px) {
    .enterprise-features .enterprise-features-section0 .benefit-section__visual {
        flex: 0 0 60%;
    }
}
@media (min-width: 769px) {
    .enterprise-features .enterprise-features-section0 .benefit-section__visual {
        margin: -3px -56px 2px auto;
        max-width: 562px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .enterprise-features .enterprise-features-section0 .benefit-section__visual {
        flex: 0 0 53%;
        margin-right: auto;
    }
}
@media (max-width: 768px) {
    .enterprise-features .enterprise-features-section0 .benefit-section__visual {
        left: -5px;
        margin: -20px auto 20px;
        width: calc(100% + 16px);
    }
}
@media (min-width: 1201px) {
    .enterprise-features .enterprise-features-section0 .benefit-section__main {
        margin-top: 26px;
        max-width: 460px;
    }
}
@media (max-width: 768px) {
    .enterprise-features .enterprise-features-section0 .benefit-section__main {
        margin-top: 28px;
    }
}
@media (min-width: 1200px) {
    .enterprise-features .enterprise-features-section1 .benefit-section__visual {
        flex: 0 0 60%;
    }
}
@media (min-width: 769px) {
    .enterprise-features .enterprise-features-section1 .benefit-section__visual {
        margin: 1px -22px 24px auto;
        max-width: 577px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .enterprise-features .enterprise-features-section1 .benefit-section__visual {
        margin-right: auto;
    }
}
@media (max-width: 768px) {
    .enterprise-features .enterprise-features-section1 .benefit-section__visual {
        left: -20px;
        margin: 28px auto 11px;
        width: calc(100% + 40px);
    }
}
@media (min-width: 1200px) {
    .enterprise-features .enterprise-features-section2 .benefit-section__visual {
        flex: 0 0 60%;
    }
}
@media (min-width: 769px) {
    .enterprise-features .enterprise-features-section2 .benefit-section__visual {
        margin: -5px auto 5px -43px;
        max-width: 614px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .enterprise-features .enterprise-features-section2 .benefit-section__visual {
        margin-left: 0;
    }
}
@media (max-width: 768px) {
    .enterprise-features .enterprise-features-section2 .benefit-section__visual {
        margin: 0 auto 25px;
        width: 100%;
    }
}
@media (min-width: 1200px) {
    .enterprise-features .enterprise-features-section2 .benefit-section__main {
        flex: 0 0 40%;
    }
    .enterprise-features .enterprise-features-section3 .benefit-section__visual {
        flex: 0 0 60%;
    }
}
@media (min-width: 769px) {
    .enterprise-features .enterprise-features-section3 .benefit-section__visual {
        margin: -14px -51px 4px auto;
        max-width: 583px;
    }
}
@media (min-width: 769px) and (max-width: 1200px) {
    .enterprise-features .enterprise-features-section3 .benefit-section__visual {
        margin-right: auto;
    }
}
@media (max-width: 768px) {
    .enterprise-features .enterprise-features-section3 .benefit-section__visual {
        left: -20px;
        margin: 13px auto 12px;
        width: calc(100% + 40px);
    }
}
@media (min-width: 1200px) {
    .enterprise-features .enterprise-features-section4 .benefit-section__visual {
        flex: 0 0 60%;
    }
}
@media (min-width: 769px) {
    .enterprise-features .enterprise-features-section4 .benefit-section__visual {
        margin-left: 0;
        max-width: 545px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .enterprise-features .enterprise-features-section4 .benefit-section__visual {
        flex: 0 0 45%;
        margin-right: 5%;
    }
}
@media (min-width: 769px) and (max-width: 1200px) {
    .enterprise-features .enterprise-features-section4 .benefit-section__visual {
        margin-right: 45px;
    }
}
@media (max-width: 768px) {
    .enterprise-features .enterprise-features-section4 .benefit-section__visual {
        left: -20px;
        margin: 6px auto 12px;
        width: calc(100% + 40px);
    }
}
@media (min-width: 1200px) {
    .enterprise-features .enterprise-features-section4 .benefit-section__main {
        flex: 0 0 40%;
    }
    .enterprise-features .enterprise-features-section5 .benefit-section__visual {
        flex: 0 0 60%;
    }
}
@media (min-width: 769px) {
    .enterprise-features .enterprise-features-section5 .benefit-section__visual {
        margin: 16px -94px -50px auto;
        max-width: 640px;
    }
}
@media (min-width: 769px) and (max-width: 1200px) {
    .enterprise-features .enterprise-features-section5 .benefit-section__visual {
        flex: 0 0 60%;
        margin-right: -60px;
    }
}
@media (max-width: 768px) {
    .enterprise-features .enterprise-features-section5 .benefit-section__visual {
        left: -20px;
        margin: 6px auto 13px;
        width: calc(100% + 40px);
    }
}
@media (min-width: 769px) {
    .enterprise-features .enterprise-features-section5 .benefit-section__main {
        margin-top: 22px;
    }
}
@media (min-width: 1201px) {
    .enterprise-features .enterprise-features-section5 .benefit-section__title {
        margin-right: -40px;
    }
}
.enterprise-partners {
    border: 0 !important;
}
.enterprise-partners,
.enterprise-workflow {
    background: linear-gradient(102.29deg, #f9fafc, #f0f4fa), #f7f9fc;
}
@media (max-width: 768px) {
    .enterprise-secure .section-head {
        padding-right: 5px;
    }
}
@media (min-width: 769px) {
    .enterprise-secure .hero-section__visual {
        margin: -88px -20px -143px -90px;
        max-width: 604px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .enterprise-secure .hero-section__visual {
        margin: -45px 0 -103px -60px;
        max-width: 480px;
    }
}
@media (max-width: 768px) {
    .enterprise-secure .hero-section__visual {
        margin: 0 auto;
        width: 100%;
    }
}
@media (min-width: 769px) {
    .industry-hero {
        background:
            url(images/bg-rounds.4916f2b3.svg) 50% 54.3%/89.6% auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
@media (max-width: 768px) {
    .industry-hero {
        background:
            url(images/bg-rounds--mobile.0ca4e09c.svg) 50% calc(50% - 30px) / 740px auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
.industry-hero .switch-text {
    display: block;
}
@media (max-width: 767px) {
    .industry-hero .switch-text {
        margin-top: -4px;
    }
}
.industry-hero .switch-text.slick-initialized span {
    display: block !important;
}
.industry-hero .switch-text span {
    border: 0;
    line-height: normal;
}
.industry-hero .default-section__content {
    margin-top: -10px;
}
@media (max-width: 767px) {
    .industry-hero .default-section__content {
        margin-bottom: -24px;
        margin-top: -4px;
    }
}
.industry-explore {
    margin: 0 !important;
}
.industry-explore .explore-list {
    margin-left: auto;
    margin-right: auto;
    max-width: 1020px;
}
@media (max-width: 767px) {
    .industry-explore .explore-item__title {
        margin-bottom: 4px;
    }
}
.industry-use-cases .links {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 80px;
}
@media (max-width: 1023px) {
    .industry-use-cases .links {
        margin-top: 60px;
    }
}
@media (max-width: 768px) {
    .industry-use-cases .links {
        margin-top: 40px;
    }
}
@media (max-width: 480px) {
    .industry-use-cases .links {
        gap: 20px;
    }
}
.industry-use-cases .links .link-img-bg {
    height: 110px;
    width: calc(25% - 18px);
}
@media (max-width: 1023px) {
    .industry-use-cases .links .link-img-bg {
        width: calc(50% - 12px);
    }
}
@media (max-width: 480px) {
    .industry-use-cases .links .link-img-bg {
        height: 112px;
        width: 100%;
    }
}
.industry-use-cases .links .title {
    font-size: 22px;
    line-height: 32px;
}
@media (min-width: 768px) {
    .industry-case-study {
        background:
            url(images/bg-frame.108f564a.svg) calc(50% + 390px) calc(50% - 70px) / 162% auto no-repeat,
            linear-gradient(102.29deg, #f9fafc, #f0f4fa),
            #f7f9fc;
    }
}
.calculator__container {
    border: 1px solid #dee0ed;
    border-radius: 6px;
    margin-top: 60px;
    padding: 32px;
    position: relative;
}
@media (max-width: 768px) {
    .calculator__container {
        margin-top: 40px;
        padding: 20px;
    }
}
.calculator__container:before {
    background: linear-gradient(90deg, #2e3985, #161b40);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.calculator__form {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: space-between;
}
@media (max-width: 1024px) {
    .calculator__form {
        gap: 20px;
    }
}
.calculator__field {
    flex: 0 0 calc(50% - 24px);
}
@media (max-width: 1024px) {
    .calculator__field {
        flex: 0 0 100%;
    }
}
.calculator__field--footer {
    align-items: center;
    background: #f2f6fb;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    display: flex;
    flex: 0 0 calc(100% + 64px);
    justify-content: space-between;
    margin: 0 -32px -32px;
    padding: 32px;
}
@media (max-width: 1024px) {
    .calculator__field--footer {
        flex-wrap: wrap;
        justify-content: center;
    }
}
@media (max-width: 768px) {
    .calculator__field--footer {
        flex: 0 0 calc(100% + 40px);
        margin: 0 -20px -20px;
    }
}
.calculator__input-label {
    color: #555b7d;
    display: inline-block;
    font:
        600 14px/144% Inter,
        Arial,
        Helvetica,
        sans-serif;
    margin-bottom: 16px;
}
@media (max-width: 1024px) {
    .calculator__input-label {
        line-height: 24px;
        margin-bottom: 12px;
    }
}
.calculator__input {
    border: 1px solid #c6c8d4;
    border-radius: 4px;
    color: #1d2452;
    font:
        600 18px/144% Inter,
        Arial,
        Helvetica,
        sans-serif;
    padding: 16px;
    transition: 0.3s;
    width: 100%;
}
.calculator__input:hover {
    border: 1px solid var(--color-night-blue-75);
}
.calculator__result {
    color: #1d2452;
    display: flex;
    flex-direction: column;
    font:
        700 32px/44px Inter,
        Arial,
        Helvetica,
        sans-serif;
    max-width: 50%;
}
@media (max-width: 1024px) {
    .calculator__result {
        align-items: center;
        justify-content: center;
        margin-bottom: 24px;
        max-width: none;
        width: 100%;
    }
}
.calculator__result span {
    color: #555b7d;
    font:
        500 18px/144% Inter,
        Arial,
        Helvetica,
        sans-serif;
}
.calculator__buttons {
    align-items: center;
    display: flex;
    gap: 8px;
}
@media (max-width: 1024px) {
    .calculator__buttons {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 16px;
        justify-content: center;
        width: 100%;
    }
}
.calculator__buttons button {
    background: transparent;
    border: 1.5px solid #cdd1e3;
    border-radius: 20px;
    color: #1d2452;
    font:
        600 16px/24px Inter,
        Arial,
        Helvetica,
        sans-serif;
    padding: 8px 20px 8px 48px;
    position: relative;
    transition: 0.3s;
}
.calculator__buttons button:hover {
    background-color: #fff;
}
.calculator__buttons button svg {
    height: 24px;
    left: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
}
.calculator__buttons .new-btn__text {
    white-space: normal;
}
.ap-roi__hero {
    background: linear-gradient(102.29deg, #f9fafc, #f0f4fa), #f7f9fc;
}
.ap-roi__hero .container {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}
@media (max-width: 768px) {
    .ap-roi__hero .container {
        align-items: baseline;
    }
}
.ap-roi__hero .hero-section__content {
    width: 640px;
}
@media (max-width: 1024px) {
    .ap-roi__hero .hero-section__content {
        width: calc(100% - 402px);
    }
}
@media (max-width: 768px) {
    .ap-roi__hero .hero-section__content {
        margin-bottom: 40px;
        width: 100%;
    }
}
.ap-roi__hero .hero-section__content .default-section__content {
    max-width: 440px;
}
@media (max-width: 768px) {
    .ap-roi__hero .hero-section__content .default-section__content {
        max-width: none;
        width: 100%;
    }
    .ap-roi__hero .hero-section__content .default-section__content__btn {
        margin-bottom: 0;
    }
}
.ap-roi__hero .hero-section__image {
    margin-left: auto;
    width: calc(100% - 662px);
}
@media (max-width: 1024px) {
    .ap-roi__hero .hero-section__image {
        width: 380px;
    }
}
@media (max-width: 768px) {
    .ap-roi__hero .hero-section__image {
        width: 100%;
    }
}
.ap-roi__hero .hero-section__visual {
    height: 100%;
    margin: 0;
    position: static;
    width: 100%;
}
@media (max-width: 768px) {
    .ap-roi__hero .hero-section__visual {
        margin: 0 auto;
    }
    .ap-roi__hero .new-btn {
        margin-bottom: 0;
    }
}
.ap-roi__faq .accordion {
    margin-top: 80px;
}
.ap-roi__faq .accordion-item__content {
    overflow: hidden;
    transition: height 0.25s ease;
}
.ap-roi__faq .overview-item__title {
    max-width: 564px;
}
.ap-roi__transform {
    background:
        url(images/bg-rounds-x3.951d5edd.svg) 50% 56%/74% auto no-repeat,
        linear-gradient(102.29deg, #f9fafc, #f0f4fa),
        #f7f9fc;
}
@media (max-width: 1023px) {
    .ap-roi__transform {
        background: linear-gradient(102.29deg, #f9fafc, #f0f4fa), #f7f9fc;
    }
}
.ap-roi__transform .integrations__list {
    height: 100%;
    left: 50%;
    max-width: 1080px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
@media (max-width: 1023px) {
    .ap-roi__transform .integrations__list {
        left: auto;
        margin-top: 40px;
        position: static;
        top: auto;
        transform: none;
    }
}
.ap-roi__transform .integrations__image {
    display: none;
}
@media (max-width: 1023px) {
    .ap-roi__transform .integrations__image {
        display: block;
    }
    .ap-roi__transform .integrations__image img {
        height: auto;
        margin: 0 auto;
        width: 320px;
    }
}
@media (max-width: 767px) {
    .ap-roi__transform .integrations__image img {
        height: auto;
        margin: 0 auto;
        width: 280px;
    }
}
.ap-roi__transform .integrations__item {
    position: absolute;
}
@media (max-width: 1023px) {
    .ap-roi__transform .integrations__item {
        display: none;
    }
}
.ap-roi__transform .integrations__item img {
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
}
.ap-roi__transform .integrations__item:nth-child(2) {
    right: 70px;
    top: 92px;
}
.ap-roi__transform .integrations__item:nth-child(3) {
    right: -55px;
    top: 247px;
}
@media (max-width: 1439px) {
    .ap-roi__transform .integrations__item:nth-child(3) {
        right: 20px;
    }
}
.ap-roi__transform .integrations__item:nth-child(4) {
    right: 114px;
    top: 402px;
}
.ap-roi__transform .integrations__item:nth-child(5) {
    left: 110px;
    top: 363px;
}
.ap-roi__transform .integrations__item:nth-child(6) {
    left: -40px;
    top: 224px;
}
@media (max-width: 1439px) {
    .ap-roi__transform .integrations__item:nth-child(6) {
        left: 20px;
    }
}
.ap-roi__transform .integrations__item:nth-child(7) {
    left: 45px;
    top: 78px;
}
.ap-roi__popup {
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: 0.3s;
    visibility: hidden;
    width: 100%;
    z-index: 0;
}
.ap-roi__popup.active {
    opacity: 1;
    visibility: visible;
    z-index: 100000;
}
.ap-roi__popup .popup__overlay {
    background: #1d2452;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
}
.ap-roi__popup .popup__content {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(54, 62, 113, 0.1);
    left: 50%;
    min-width: 520px;
    padding: 24px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: 0.3s;
}
@media (max-width: 768px) {
    .ap-roi__popup .popup__content {
        bottom: 20px;
        min-width: auto;
        padding: 20px;
        top: auto;
        transform: translateX(-50%);
        transform: translateX(-50%) translateY(0);
        width: calc(100% - 40px);
    }
    .ap-roi__popup .popup__content.hide-content {
        transform: translateX(-50%) translateY(200px);
    }
}
.ap-roi__popup .popup__text {
    color: #1d2452;
    font:
        600 18px/28px Inter,
        Arial,
        Helvetica,
        sans-serif;
    margin-bottom: 24px;
}
.ap-roi__popup .popup__close {
    background: transparent;
    cursor: pointer;
    height: 32px;
    padding: 0;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 32px;
}
.ap-roi__popup .popup__close:after,
.ap-roi__popup .popup__close:before {
    background-color: #1d2452;
    content: "";
    height: 1.8px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 14px;
}
.ap-roi__popup .popup__close:after {
    transform: translate(-50%, -50%) rotate(45deg);
}
.ap-roi__popup .popup__close:before {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.ap-roi__popup .popup__input-field {
    position: relative;
}
.ap-roi__popup .popup__input-field:after {
    background: linear-gradient(90deg, rgba(2, 0, 36, 0), #fff 85%);
    content: "";
    height: calc(100% - 2px);
    position: absolute;
    right: 165px;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
}
.ap-roi__popup .popup__input {
    border: 1px solid #c6c8d4;
    border-radius: 4px;
    color: #1d2452;
    font:
        500 18px/28px Inter,
        Arial,
        Helvetica,
        sans-serif;
    padding: 14px 165px 14px 14px;
    width: 100%;
}
@media (max-width: 768px) {
    .ap-roi__popup .popup__input {
        font-size: 14px;
        line-height: 24px;
    }
}
.ap-roi__popup .popup__copy {
    min-width: 113px;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
}
.ap-roi__copied-tooltip {
    background-color: #222;
    border-radius: 8px;
    bottom: -100px;
    color: #fff;
    font:
        500 16px/24px Inter,
        Arial,
        Helvetica,
        sans-serif;
    left: 24px;
    padding: 16px 32px;
    position: fixed;
    transition: 0.3s;
    z-index: 100001;
}
.ap-roi__copied-tooltip.active {
    bottom: 24px;
}
@media (max-width: 768px) {
    .ap-roi__copied-tooltip {
        left: 50%;
        text-align: center;
        transform: translateX(-50%);
        width: calc(100% - 64px);
    }
}
.ap-automation-hero {
    background: linear-gradient(102.29deg, #f9fafc, #f0f4fa), #f7f9fc;
}
@media (max-width: 768px) {
    .ap-automation-hero {
        padding-bottom: 0;
    }
}
.ap-automation-hero .section-head {
    margin-bottom: 80px;
}
@media (max-width: 1024px) {
    .ap-automation-hero .section-head {
        margin-bottom: 40px;
    }
}
.ap-automation-hero__title {
    margin-bottom: 24px !important;
    margin: 0 auto;
    max-width: 896px;
}
@media (max-width: 768px) {
    .ap-automation-hero__title {
        margin-bottom: 12px !important;
    }
}
.ap-automation-hero__text {
    font-size: 18px;
    margin-bottom: 40px !important;
    margin: 0 auto;
    max-width: 528px;
}
@media (max-width: 768px) {
    .ap-automation-hero__text {
        margin-bottom: 32px !important;
    }
}
.ap-automation-hero__img {
    height: 381px;
    width: 1080px;
}
@media (max-width: 1024px) {
    .ap-automation-hero__img {
        height: auto;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .ap-automation-hero__img {
        margin-left: -30px;
        overflow-x: auto;
        width: calc(100% + 60px);
    }
}
.ap-automation-hero__img img {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
@media (max-width: 768px) {
    .ap-automation-hero__img img {
        min-width: 725px;
    }
}
.ap-automation-numbers__list {
    display: flex;
    gap: 24px;
    justify-content: center;
}
@media (max-width: 1024px) {
    .ap-automation-numbers__list {
        flex-wrap: wrap;
    }
}
@media (max-width: 768px) {
    .ap-automation-numbers__list {
        align-items: center;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 32px;
    }
}
.ap-automation-numbers__item {
    flex: 0 0 252px;
}
@media (max-width: 1024px) {
    .ap-automation-numbers__item {
        flex: 0 0 calc(50% - 24px);
    }
}
@media (max-width: 768px) {
    .ap-automation-numbers__item {
        flex: 0 0 auto;
        max-width: 320px;
    }
}
.ap-automation-numbers__number {
    color: #4545f5;
    display: inline-block;
    font:
        700 52px/56px Inter,
        Arial,
        Helvetica,
        sans-serif;
    margin-bottom: 16px;
    text-align: center;
    width: 100%;
}
@media (max-width: 768px) {
    .ap-automation-numbers__number {
        font-size: 36px;
        line-height: 44px;
        margin-bottom: 8px;
    }
}
.ap-automation-numbers__description {
    color: #555b7d;
    font:
        500 18px/28px Inter,
        Arial,
        Helvetica,
        sans-serif;
    margin: 0;
    text-align: center;
}
.ap-automation-benefits {
    background: linear-gradient(102.29deg, #f9fafc, #f0f4fa), #f7f9fc;
}
.ap-automation-benefits .container {
    display: flex;
    flex-direction: column;
}
.ap-automation-benefits .section-head {
    margin-bottom: 80px;
    max-width: 528px;
}
@media (max-width: 768px) {
    .ap-automation-benefits .section-head {
        margin-bottom: 40px;
    }
}
.ap-automation-benefits__list {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    margin-bottom: 60px;
}
@media (max-width: 768px) {
    .ap-automation-benefits__list {
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 32px;
        margin-bottom: 40px;
    }
}
.ap-automation-benefits__item {
    flex: 0 0 calc(33.33333% - 40px);
}
@media (max-width: 768px) {
    .ap-automation-benefits__item {
        flex: 0 0 auto;
        max-width: 528px;
    }
}
.ap-automation-benefits__number {
    color: #1d2452;
    display: inline-block;
    font:
        600 52px/62px Inter,
        Arial,
        Helvetica,
        sans-serif;
    margin-bottom: 16px;
}
@media (max-width: 768px) {
    .ap-automation-benefits__number {
        font-size: 36px;
        line-height: 34px;
        margin-bottom: 12px;
    }
}
.ap-automation-benefits__title {
    color: #1d2452;
    font:
        600 18px/28px Inter,
        Arial,
        Helvetica,
        sans-serif;
    margin-bottom: 8px;
}
.ap-automation-benefits__description {
    color: #565b7d;
    font:
        500 16px/144% Inter,
        Arial,
        Helvetica,
        sans-serif;
    margin: 0;
}
.ap-automation-benefits__link {
    margin: 0 auto;
}
.ap-automation-platform-capabilities .container {
    display: flex;
    flex-direction: column;
}
.ap-automation-platform-capabilities .section-head {
    margin-bottom: 80px;
    max-width: 528px;
}
@media (max-width: 768px) {
    .ap-automation-platform-capabilities .section-head {
        margin-bottom: 40px;
    }
}
.ap-automation-platform-capabilities__list {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
}
@media (max-width: 768px) {
    .ap-automation-platform-capabilities__list {
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 32px;
    }
}
.ap-automation-platform-capabilities__item {
    flex: 0 0 calc(33.33333% - 40px);
}
@media (max-width: 768px) {
    .ap-automation-platform-capabilities__item {
        flex: 0 0 auto;
        max-width: 528px;
    }
}
.ap-automation-platform-capabilities__icon {
    align-items: center;
    background: rgba(78, 208, 255, 0.15);
    border-radius: 100px;
    display: flex;
    height: 64px;
    justify-content: center;
    margin-bottom: 24px;
    width: 64px;
}
@media (max-width: 768px) {
    .ap-automation-platform-capabilities__icon {
        margin-bottom: 12px;
    }
}
.ap-automation-platform-capabilities__icon svg {
    height: 32px;
    width: 32px;
}
.ap-automation-platform-capabilities__title {
    color: #1d2452;
    font:
        600 18px/28px Inter,
        Arial,
        Helvetica,
        sans-serif;
    margin-bottom: 8px;
}
.ap-automation-platform-capabilities__description {
    color: #d7dbf5;
    font:
        500 18px/144% Inter,
        Arial,
        Helvetica,
        sans-serif;
}
.ap-automation-platform-capabilities__link {
    margin: 0 auto;
}
.ap-automation-calculator .container {
    align-items: center;
    display: flex;
    gap: 108px;
    justify-content: space-between;
}
@media (max-width: 1024px) {
    .ap-automation-calculator .container {
        gap: 60px;
    }
}
@media (max-width: 768px) {
    .ap-automation-calculator .container {
        flex-direction: column;
        gap: 37px;
    }
    .ap-automation-calculator__content {
        order: 2;
    }
    .ap-automation-calculator__content .h2 {
        font-size: 28px !important;
        line-height: 36px;
    }
}
.ap-automation-calculator__visual {
    flex: 0 0 444px;
}
@media (max-width: 1024px) {
    .ap-automation-calculator__visual {
        flex: 0 0 420px;
    }
}
@media (max-width: 768px) {
    .ap-automation-calculator__visual {
        flex: 0 0 auto;
        max-width: 320px;
        order: 1;
    }
}
.ap-automation-calculator__visual img {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
.supplier-management-hero {
    background: transparent;
    position: relative;
}
@media (max-width: 1024px) {
    .supplier-management-hero {
        padding-bottom: 100px;
        padding-top: 160px;
    }
}
@media (max-width: 768px) {
    .supplier-management-hero {
        padding-bottom: 60px;
        padding-top: 112px;
    }
}
.supplier-management-hero:after {
    background-color: #f7f9fc;
    border-bottom-right-radius: 32px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: 0.3s;
    width: 62%;
    z-index: 0;
}
@media (max-width: 1024px) {
    .supplier-management-hero:after {
        width: 100%;
    }
}
.supplier-management-hero.active-video {
    z-index: 1002;
}
.supplier-management-hero.active-video:after {
    background-color: transparent;
}
.supplier-management-hero__overlay {
    background: linear-gradient(135deg, rgba(29, 36, 82, 0.9), rgba(45, 52, 102, 0.9));
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: 0.3s;
    visibility: hidden;
    width: 100%;
    z-index: 11;
}
.active-video .supplier-management-hero__overlay {
    opacity: 1;
    visibility: visible;
}
.supplier-management-hero .container {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 56px;
    position: relative;
    z-index: 10;
}
@media (max-width: 1024px) {
    .supplier-management-hero .container {
        flex-wrap: wrap;
        gap: 40px;
    }
}
.supplier-management-hero__content {
    align-items: baseline;
    display: flex;
    flex: 0 0 564px;
    flex-direction: column;
}
@media (max-width: 1200px) {
    .supplier-management-hero__content {
        flex: 0 0 500px;
    }
}
@media (max-width: 1024px) {
    .supplier-management-hero__content {
        flex: 0 0 100%;
        order: 1;
    }
}
.supplier-management-hero__title {
    text-align: left;
}
.supplier-management-hero__text {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 40px;
    max-width: 436px;
    text-align: left;
}
@media (max-width: 768px) {
    .supplier-management-hero__text {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 32px;
        max-width: none;
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .supplier-management-hero__logos {
        order: 2;
        padding-bottom: 485px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .supplier-management-hero__logos {
        padding-bottom: 0;
    }
}
@media (min-width: 769px) {
    .supplier-management-hero__logos .slick-track {
        width: -moz-fit-content !important;
        width: fit-content !important;
    }
}
.supplier-management-hero__logos .slick-list {
    margin: 0;
}
.supplier-management-hero__logos .slick-slide {
    margin: 0 24px 0 0;
    width: 140px;
}
@media (max-width: 1024px) {
    .supplier-management-hero__logos .slick-slide {
        width: 158px;
    }
}
@media (max-width: 768px) {
    .supplier-management-hero__logos .slick-slide {
        width: 140px;
    }
}
.supplier-management-hero__logos .slick-slide:last-child {
    margin: 0;
}
.supplier-management-hero__logos .slide {
    height: 56px;
    padding: 0;
}
@media (max-width: 1024px) {
    .supplier-management-hero__logos .slide {
        height: 48px;
    }
}
@media (max-width: 768px) {
    .supplier-management-hero__logos .slide {
        height: 68px;
    }
}
.supplier-management-hero__logos .slide svg {
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
}
.supplier-management-hero__video {
    cursor: pointer;
    flex: 0 0 calc(100% - 620px);
    height: 405px;
    left: 664px;
    position: absolute;
    top: -45px;
    transition: 0.3s;
    width: 720px;
}
@media (max-width: 1200px) {
    .supplier-management-hero__video {
        left: 564px;
    }
}
@media (max-width: 1024px) {
    .supplier-management-hero__video {
        bottom: 0;
        flex: 0 0 100%;
        height: -moz-fit-content;
        height: fit-content;
        left: 50%;
        order: 3;
        top: auto;
        transform: translateX(-50%);
    }
}
@media (max-width: 768px) {
    .supplier-management-hero__video {
        position: relative;
        width: calc(100% - 40px);
    }
}
.active-video .supplier-management-hero__video {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 101;
}
@media (max-width: 1024px) {
    .active-video .supplier-management-hero__video {
        bottom: 0;
        top: auto;
    }
}
@media (max-width: 768px) {
    .active-video .supplier-management-hero__video {
        position: relative;
    }
}
.supplier-management-hero__close-video {
    background-color: transparent;
    display: flex;
    padding: 0;
    position: absolute;
    right: -40px;
    top: -40px;
}
@media (max-width: 768px) {
    .supplier-management-hero__close-video {
        right: 0;
        top: -50px;
    }
}
.supplier-management-hero__close-video svg {
    height: 100%;
    width: 100%;
}
.supplier-management-hero__close-video rect {
    transition: 0.3s;
}
.supplier-management-hero__close-video:hover rect {
    fill-opacity: 0.2;
}
.supplier-management-hero__player {
    border-radius: 16px;
    opacity: 0;
    transition: 0.3s;
    visibility: hidden;
}
@media (max-width: 1024px) {
    .supplier-management-hero__player {
        margin: 0 auto;
    }
}
@media (max-width: 768px) {
    .supplier-management-hero__player {
        display: none;
        height: 400px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
}
.active-video .supplier-management-hero__player {
    opacity: 1;
    visibility: visible;
}
@media (max-width: 768px) {
    .active-video .supplier-management-hero__player {
        display: block;
    }
}
.supplier-management-hero__image {
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: 0.3s;
    visibility: visible;
    width: auto;
}
@media (max-width: 1024px) {
    .supplier-management-hero__image {
        height: 100%;
        left: 50%;
        transform: translateX(-50%);
        width: auto;
    }
}
@media (max-width: 768px) {
    .supplier-management-hero__image {
        height: auto;
        position: static;
        transform: none;
        width: 100%;
    }
}
.active-video .supplier-management-hero__image {
    opacity: 0;
    visibility: hidden;
}
.supplier-management-capabilities {
    margin-top: 0 !important;
}
.supplier-management-capabilities.dark-bg {
    background: linear-gradient(135deg, #f9fafc, #f0f4fa);
}
.supplier-management-capabilities__head {
    margin: 0 auto 80px;
    max-width: 712px;
}
@media (max-width: 768px) {
    .supplier-management-capabilities__head {
        margin-bottom: 40px;
    }
}
.supplier-management-capabilities__pretitle {
    display: block;
    font:
        600 16px/24px Inter,
        Arial,
        Helvetica,
        sans-serif;
    margin-bottom: 16px;
    text-align: center;
}
.supplier-management-capabilities__title {
    font:
        700 36px/44px Literata,
        Inter,
        Arial,
        Helvetica,
        sans-serif !important;
    text-align: center;
}
@media (max-width: 1024px) {
    .supplier-management-capabilities__title {
        font-size: 32px !important;
        line-height: 40px !important;
    }
}
@media (max-width: 768px) {
    .supplier-management-capabilities__title {
        font-size: 28px !important;
        line-height: 36px !important;
    }
}
.supplier-management-capabilities__description {
    color: #555b7d;
    font:
        500 18px/28px Inter,
        Arial,
        Helvetica,
        sans-serif;
    margin: 0 auto;
    max-width: 528px;
    text-align: center;
}
@media (max-width: 768px) {
    .supplier-management-capabilities__description {
        font-size: 16px;
        line-height: 24px;
        margin: 0;
    }
}
.supplier-management-capabilities__content {
    display: flex;
    gap: 24px;
    position: relative;
    transition: 0.5s;
}
@media (max-width: 768px) {
    .supplier-management-capabilities__content {
        flex-wrap: wrap;
        gap: 32px;
    }
}
.supplier-management-capabilities__content.fade-in {
    top: 0;
}
.supplier-management-capabilities__column {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
@media (max-width: 1200px) {
    .supplier-management-capabilities__column {
        flex: 0 0 calc(50% - 16px);
    }
}
@media (max-width: 768px) {
    .supplier-management-capabilities__column {
        flex: 0 0 100%;
    }
}
.supplier-management-capabilities--first
    .supplier-management-capabilities__column:first-child
    .supplier-management-capabilities__item:first-child {
    min-height: 442px;
}
@media (max-width: 1200px) {
    .supplier-management-capabilities--first
        .supplier-management-capabilities__column:first-child
        .supplier-management-capabilities__item:first-child
        .supplier-management-capabilities__image {
        height: auto;
        width: 100%;
    }
}
.supplier-management-capabilities--first
    .supplier-management-capabilities__column:first-child
    .supplier-management-capabilities__item:nth-child(2) {
    min-height: 216px;
}
.supplier-management-capabilities--first
    .supplier-management-capabilities__column:nth-child(2)
    .supplier-management-capabilities__item:first-child {
    min-height: 214px;
}
@media (max-width: 1200px) {
    .supplier-management-capabilities--first
        .supplier-management-capabilities__column:nth-child(2)
        .supplier-management-capabilities__item:first-child
        .supplier-management-capabilities__image {
        height: auto;
        width: 100%;
    }
}
.supplier-management-capabilities--first
    .supplier-management-capabilities__column:nth-child(2)
    .supplier-management-capabilities__item:nth-child(2) {
    min-height: 216px;
}
.supplier-management-capabilities--first
    .supplier-management-capabilities__column:nth-child(2)
    .supplier-management-capabilities__item:nth-child(3) {
    min-height: 196px;
}
.supplier-management-capabilities--first
    .supplier-management-capabilities__column:nth-child(2)
    .supplier-management-capabilities__item:nth-child(3)
    .supplier-management-capabilities__image {
    bottom: 0;
    position: absolute;
    right: 0;
}
@media (max-width: 1200px) {
    .supplier-management-capabilities--first
        .supplier-management-capabilities__column:nth-child(2)
        .supplier-management-capabilities__item:nth-child(3)
        .supplier-management-capabilities__image {
        bottom: -32px;
        position: relative;
        right: -32px;
    }
}
@media (max-width: 768px) {
    .supplier-management-capabilities--first
        .supplier-management-capabilities__column:nth-child(2)
        .supplier-management-capabilities__item:nth-child(3)
        .supplier-management-capabilities__image {
        bottom: -20px;
        right: -20px;
    }
}
.supplier-management-capabilities--second
    .supplier-management-capabilities__column:first-child
    .supplier-management-capabilities__item:first-child {
    min-height: 216px;
}
.supplier-management-capabilities--second
    .supplier-management-capabilities__column:first-child
    .supplier-management-capabilities__item:nth-child(2) {
    min-height: 462px;
}
@media (max-width: 1200px) {
    .supplier-management-capabilities--second
        .supplier-management-capabilities__column:first-child
        .supplier-management-capabilities__item:nth-child(2)
        .supplier-management-capabilities__image {
        height: auto;
        width: 100%;
    }
}
.supplier-management-capabilities--second
    .supplier-management-capabilities__column:nth-child(2)
    .supplier-management-capabilities__item:first-child {
    min-height: 192px;
}
@media (max-width: 1200px) {
    .supplier-management-capabilities--second
        .supplier-management-capabilities__column:nth-child(2)
        .supplier-management-capabilities__item:first-child
        .supplier-management-capabilities__image {
        height: auto;
        width: 100%;
    }
}
.supplier-management-capabilities--second
    .supplier-management-capabilities__column:nth-child(2)
    .supplier-management-capabilities__item:nth-child(2) {
    min-height: 238px;
}
.supplier-management-capabilities--second
    .supplier-management-capabilities__column:nth-child(2)
    .supplier-management-capabilities__item:nth-child(2)
    .supplier-management-capabilities__image {
    bottom: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}
@media (max-width: 1200px) {
    .supplier-management-capabilities--second
        .supplier-management-capabilities__column:nth-child(2)
        .supplier-management-capabilities__item:nth-child(2)
        .supplier-management-capabilities__image {
        bottom: -32px;
        height: auto;
        left: auto;
        margin: 0 auto;
        position: relative;
        transform: none;
        width: 80%;
    }
}
@media (max-width: 768px) {
    .supplier-management-capabilities--second
        .supplier-management-capabilities__column:nth-child(2)
        .supplier-management-capabilities__item:nth-child(2)
        .supplier-management-capabilities__image {
        bottom: -20px;
    }
}
.supplier-management-capabilities--second
    .supplier-management-capabilities__column:nth-child(2)
    .supplier-management-capabilities__item:nth-child(3) {
    min-height: 216px;
}
.supplier-management-capabilities--third
    .supplier-management-capabilities__column:first-child
    .supplier-management-capabilities__item:first-child {
    min-height: 240px;
}
.supplier-management-capabilities--third
    .supplier-management-capabilities__column:first-child
    .supplier-management-capabilities__item:nth-child(2) {
    min-height: 495px;
}
@media (max-width: 1200px) {
    .supplier-management-capabilities--third
        .supplier-management-capabilities__column:first-child
        .supplier-management-capabilities__item:nth-child(2)
        .supplier-management-capabilities__image {
        height: auto;
        width: 100%;
    }
}
.supplier-management-capabilities--third
    .supplier-management-capabilities__column:nth-child(2)
    .supplier-management-capabilities__item:first-child {
    min-height: 249px;
}
.supplier-management-capabilities--third
    .supplier-management-capabilities__column:nth-child(2)
    .supplier-management-capabilities__item:first-child
    .supplier-management-capabilities__image {
    bottom: 0;
    position: absolute;
    right: 0;
}
@media (max-width: 1200px) {
    .supplier-management-capabilities--third
        .supplier-management-capabilities__column:nth-child(2)
        .supplier-management-capabilities__item:first-child
        .supplier-management-capabilities__image {
        bottom: -32px;
        height: auto;
        position: relative;
        right: -32px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .supplier-management-capabilities--third
        .supplier-management-capabilities__column:nth-child(2)
        .supplier-management-capabilities__item:first-child
        .supplier-management-capabilities__image {
        bottom: -20px;
        position: relative;
        right: -20px;
    }
}
.supplier-management-capabilities--third
    .supplier-management-capabilities__column:nth-child(2)
    .supplier-management-capabilities__item:nth-child(2) {
    min-height: 214px;
}
.supplier-management-capabilities--third
    .supplier-management-capabilities__column:nth-child(2)
    .supplier-management-capabilities__item:nth-child(2)
    .supplier-management-capabilities__image {
    bottom: 0;
    position: absolute;
    right: 32px;
}
@media (max-width: 1200px) {
    .supplier-management-capabilities--third
        .supplier-management-capabilities__column:nth-child(2)
        .supplier-management-capabilities__item:nth-child(2)
        .supplier-management-capabilities__image {
        bottom: -32px;
        position: relative;
    }
}
@media (max-width: 768px) {
    .supplier-management-capabilities--third
        .supplier-management-capabilities__column:nth-child(2)
        .supplier-management-capabilities__item:nth-child(2)
        .supplier-management-capabilities__image {
        bottom: -20px;
    }
}
.supplier-management-capabilities--third
    .supplier-management-capabilities__column:nth-child(2)
    .supplier-management-capabilities__item:nth-child(3) {
    min-height: 240px;
}
@media (max-width: 768px) {
    .supplier-management-capabilities--third
        .supplier-management-capabilities__column:nth-child(2)
        .supplier-management-capabilities__item:nth-child(3) {
        min-height: auto;
    }
}
.supplier-management-capabilities__item {
    border-radius: 12px;
    padding: 32px;
    position: relative;
}
@media (max-width: 1200px) {
    .supplier-management-capabilities__item {
        min-height: auto !important;
    }
}
@media (max-width: 768px) {
    .supplier-management-capabilities__item {
        padding: 20px;
    }
}
.supplier-management-capabilities__item--blue {
    background: #d3f3ff;
}
.supplier-management-capabilities__item--gray {
    background: linear-gradient(135deg, #f9fafc, #f0f4fa), #f7f9fc;
}
.supplier-management-capabilities__item--purple {
    background: #e3e3fd;
}
.supplier-management-capabilities__item--green {
    background: #cdf1da;
}
.supplier-management-capabilities__item--white {
    background: #fff;
}
.supplier-management-capabilities__text {
    color: #565b7d;
    font:
        500 16px/24px Inter,
        Arial,
        Helvetica,
        sans-serif;
    margin-bottom: 24px;
}
.supplier-management-capabilities__image {
    margin-left: auto;
}
@media (max-width: 1024px) and (min-width: 769px) {
    .supplier-management-platform-capabilities {
        padding: 100px 0 !important;
    }
}
.supplier-management-platform-capabilities .container {
    display: flex;
    flex-direction: column;
}
@media (max-width: 1024px) {
    .supplier-management-platform-capabilities .container {
        padding: 0 32px;
    }
}
.supplier-management-platform-capabilities .section-head {
    margin-bottom: 80px;
    max-width: 989px;
}
@media (max-width: 1024px) {
    .supplier-management-platform-capabilities .section-head .h2 {
        font:
            700 32px/40px Literata,
            Inter,
            Arial,
            Helvetica,
            sans-serif;
    }
}
@media (max-width: 768px) {
    .supplier-management-platform-capabilities .section-head .h2 {
        font-size: 28px;
        line-height: 32px;
    }
    .supplier-management-platform-capabilities .section-head {
        margin-bottom: 40px;
    }
}
.supplier-management-platform-capabilities__list {
    display: flex;
    flex-wrap: wrap;
    gap: 60px 114px;
}
@media (max-width: 1024px) {
    .supplier-management-platform-capabilities__list {
        gap: 60px 24px;
    }
}
@media (max-width: 768px) {
    .supplier-management-platform-capabilities__list {
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 32px;
    }
}
.supplier-management-platform-capabilities__item {
    flex: 0 0 calc(50% - 57px);
}
@media (max-width: 1024px) {
    .supplier-management-platform-capabilities__item {
        flex: 0 0 calc(50% - 12px);
    }
}
@media (max-width: 768px) {
    .supplier-management-platform-capabilities__item {
        flex: 0 0 auto;
        max-width: 528px;
    }
}
.supplier-management-platform-capabilities__icon {
    align-items: center;
    background: rgba(78, 208, 255, 0.15);
    border-radius: 100px;
    display: flex;
    height: 64px;
    justify-content: center;
    margin-bottom: 24px;
    width: 64px;
}
@media (max-width: 768px) {
    .supplier-management-platform-capabilities__icon {
        margin-bottom: 12px;
    }
}
.supplier-management-platform-capabilities__icon svg {
    height: 32px;
    width: 32px;
}
.supplier-management-platform-capabilities__title {
    color: #1d2452;
    font:
        600 18px/28px Inter,
        Arial,
        Helvetica,
        sans-serif;
    margin-bottom: 8px;
}
.supplier-management-platform-capabilities__description {
    color: #d7dbf5;
    font:
        500 18px/144% Inter,
        Arial,
        Helvetica,
        sans-serif;
}
@media (max-width: 768px) {
    .supplier-management-platform-capabilities__description {
        font-size: 16px;
        line-height: 24px;
    }
}
.supplier-management-platform-capabilities__link {
    margin: 0 auto;
}
.supplier-management-faq .accordion {
    margin-top: 80px;
}
.supplier-management-faq .accordion-item__content {
    overflow: hidden;
    transition: height 0.25s ease;
}
.supplier-management-faq .overview-item__title {
    max-width: 640px;
}
@media (max-width: 1024px) {
    .integrations-capabilities .container {
        flex-wrap: wrap;
    }
}
@media (max-width: 768px) {
    .integrations-capabilities .container {
        gap: 40px;
    }
}
@media (max-width: 1024px) {
    .integrations-capabilities__visual {
        flex: 0 0 522px;
        margin: 0 auto;
    }
}
@media (max-width: 768px) {
    .integrations-capabilities__visual {
        flex: 0 0 100%;
        margin: 0;
    }
}
@media (max-width: 1024px) {
    .integrations-capabilities__content {
        max-width: 613px;
    }
}
@media (max-width: 768px) {
    .integrations-capabilities__content {
        max-width: none;
    }
    .integrations-capabilities__content p {
        font-size: 16px;
        line-height: 24px;
    }
}
@media (max-width: 1024px) {
    .integrations-capabilities__title {
        font:
            700 32px/40px Literata,
            Inter,
            Arial,
            Helvetica,
            sans-serif !important;
        margin-bottom: 24px;
    }
}
@media (max-width: 768px) {
    .integrations-capabilities__title {
        font-size: 28px !important;
        line-height: 36px !important;
        margin-bottom: 12px;
    }
}
#seo-po-software .even\:mix-order:nth-child(2n) .order-1 {
    order: 2;
}
#seo-po-software .even\:mix-order:nth-child(2n) .order-2 {
    order: 1;
}
#seo-po-software .accordion-item__content {
    overflow: hidden;
    transition: height 0.25s ease;
}
#seo-po-software .list-disc {
    list-style: disc;
}
#seo-po-software .mt-20 {
    margin-top: 20px;
}
#seo-po-software .ml-24 {
    margin-left: 24px;
}
.before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
}
.before\:left-0:before {
    content: var(--tw-content);
    left: 0;
}
.before\:top-0:before {
    content: var(--tw-content);
    top: 0;
}
.before\:z-0:before {
    content: var(--tw-content);
    z-index: 0;
}
.before\:h-\[100\%\]:before {
    content: var(--tw-content);
    height: 100%;
}
.before\:w-\[100\%\]:before {
    content: var(--tw-content);
    width: 100%;
}
.before\:bg-precoro-image:before {
    background-image: url(images/bg-frame.108f564a.svg);
    content: var(--tw-content);
}
.before\:bg-\[length\:113\%\]:before {
    background-size: 113%;
    content: var(--tw-content);
}
.before\:bg-\[138\%_50\%\]:before {
    background-position: 138% 50%;
    content: var(--tw-content);
}
.before\:bg-no-repeat:before {
    background-repeat: no-repeat;
    content: var(--tw-content);
}
.before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content);
}
.before\:content-\[\'\\e92b\'\]:before {
    --tw-content: "\e92b";
    content: var(--tw-content);
}
.odd\:bg-color-night-blue-50:nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(245 246 248 / var(--tw-bg-opacity));
}
.hover\:bg-color-blue-active:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(29 29 243 / var(--tw-bg-opacity));
}
.hover\:shadow-\[0px_12px_26px_rgba\(0\2c 4\2c 98\2c 0\.04\)\]:hover {
    --tw-shadow: 0px 12px 26px rgba(0, 4, 98, 0.04);
    --tw-shadow-colored: 0px 12px 26px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media not all and (min-width: 1200px) {
    .max-laptop-small\:px-\[25px\] {
        padding-left: 25px;
        padding-right: 25px;
    }
}
@media not all and (min-width: 1024px) {
    .max-tablet\:right-\[120px\] {
        right: 120px;
    }
    .max-tablet\:top-\[-112px\] {
        top: -112px;
    }
    .max-tablet\:order-1 {
        order: 1;
    }
    .max-tablet\:order-2 {
        order: 2;
    }
    .max-tablet\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }
    .max-tablet\:\!mt-0 {
        margin-top: 0 !important;
    }
    .max-tablet\:mb-\[-20px\] {
        margin-bottom: -20px;
    }
    .max-tablet\:mb-\[150px\] {
        margin-bottom: 150px;
    }
    .max-tablet\:mb-\[24px\] {
        margin-bottom: 24px;
    }
    .max-tablet\:mb-\[80px\] {
        margin-bottom: 80px;
    }
    .max-tablet\:\!block {
        display: block !important;
    }
    .max-tablet\:block {
        display: block;
    }
    .max-tablet\:hidden {
        display: none;
    }
    .max-tablet\:h-\[453px\] {
        height: 453px;
    }
    .max-tablet\:\!w-\[100\%\] {
        width: 100% !important;
    }
    .max-tablet\:w-\[100\%\] {
        width: 100%;
    }
    .max-tablet\:w-\[588px\] {
        width: 588px;
    }
    .max-tablet\:w-\[calc\(50\%-12px\)\] {
        width: calc(50% - 12px);
    }
    .max-tablet\:\!max-w-\[100\%\] {
        max-width: 100% !important;
    }
    .max-tablet\:max-w-\[160px\] {
        max-width: 160px;
    }
    .max-tablet\:max-w-\[519px\] {
        max-width: 519px;
    }
    .max-tablet\:max-w-\[522px\] {
        max-width: 522px;
    }
    .max-tablet\:max-w-\[552px\] {
        max-width: 552px;
    }
    .max-tablet\:max-w-none {
        max-width: none;
    }
    .max-tablet\:grow {
        flex-grow: 1;
    }
    .max-tablet\:flex-col {
        flex-direction: column;
    }
    .max-tablet\:flex-wrap {
        flex-wrap: wrap;
    }
    .max-tablet\:items-baseline {
        align-items: baseline;
    }
    .max-tablet\:gap-\[40px\] {
        gap: 40px;
    }
    .max-tablet\:gap-\[60px\] {
        gap: 60px;
    }
    .max-tablet\:p-\[20px\] {
        padding: 20px;
    }
    .max-tablet\:py-0 {
        padding-bottom: 0;
        padding-top: 0;
    }
    .max-tablet\:py-\[100px\] {
        padding-bottom: 100px;
        padding-top: 100px;
    }
    .max-tablet\:pb-\[100px\] {
        padding-bottom: 100px;
    }
    .max-tablet\:pt-\[100px\] {
        padding-top: 100px;
    }
    .max-tablet\:pt-\[160px\] {
        padding-top: 160px;
    }
    .max-tablet\:\!text-\[32px\]\/\[40px\] {
        font-size: 32px !important;
        line-height: 40px !important;
    }
}
@media not all and (min-width: 768px) {
    .max-mobile\:right-0 {
        right: 0;
    }
    .max-mobile\:top-\[-90px\] {
        top: -90px;
    }
    .max-mobile\:\!mb-\[16px\] {
        margin-bottom: 16px !important;
    }
    .max-mobile\:\!mb-\[40px\] {
        margin-bottom: 40px !important;
    }
    .max-mobile\:\!mt-\[40px\] {
        margin-top: 40px !important;
    }
    .max-mobile\:mb-\[120px\] {
        margin-bottom: 120px;
    }
    .max-mobile\:mb-\[12px\] {
        margin-bottom: 12px;
    }
    .max-mobile\:mb-\[32px\] {
        margin-bottom: 32px;
    }
    .max-mobile\:mb-\[40px\] {
        margin-bottom: 40px;
    }
    .max-mobile\:mb-\[8px\] {
        margin-bottom: 8px;
    }
    .max-mobile\:mt-\[40px\] {
        margin-top: 40px;
    }
    .max-mobile\:h-\[180px\] {
        height: 180px;
    }
    .max-mobile\:h-auto {
        height: auto;
    }
    .max-mobile\:\!w-\[100\%\] {
        width: 100% !important;
    }
    .max-mobile\:w-\[100\%\] {
        width: 100%;
    }
    .max-mobile\:w-\[134px\] {
        width: 134px;
    }
    .max-mobile\:w-\[728px\] {
        width: 728px;
    }
    .max-mobile\:max-w-\[320px\] {
        max-width: 320px;
    }
    .max-mobile\:max-w-none {
        max-width: none;
    }
    .max-mobile\:flex-wrap {
        flex-wrap: wrap;
    }
    .max-mobile\:\!gap-\[40px\] {
        gap: 40px !important;
    }
    .max-mobile\:gap-\[32px\] {
        gap: 32px;
    }
    .max-mobile\:gap-\[40px\] {
        gap: 40px;
    }
    .max-mobile\:overflow-x-auto {
        overflow-x: auto;
    }
    .max-mobile\:rounded-\[8px\] {
        border-radius: 8px;
    }
    .max-mobile\:px-\[20px\] {
        padding-left: 20px;
        padding-right: 20px;
    }
    .max-mobile\:py-\[60px\] {
        padding-bottom: 60px;
        padding-top: 60px;
    }
    .max-mobile\:pb-\[60px\] {
        padding-bottom: 60px;
    }
    .max-mobile\:pt-\[112px\] {
        padding-top: 112px;
    }
    .max-mobile\:pt-\[60px\] {
        padding-top: 60px;
    }
    .max-mobile\:\!text-\[28px\]\/\[36px\] {
        font-size: 28px !important;
        line-height: 36px !important;
    }
    .max-mobile\:text-\[16px\]\/\[24px\] {
        font-size: 16px;
        line-height: 24px;
    }
    .max-mobile\:text-\[18px\]\/\[28px\] {
        font-size: 18px;
        line-height: 28px;
    }
}
@media not all and (min-width: 480px) {
    .max-mobile-small\:\!w-\[100\%\] {
        width: 100% !important;
    }
}
@media (min-width: 768px) {
    .mobile\:\!flex {
        display: flex !important;
    }
    .mobile\:\!hidden {
        display: none !important;
    }
}
@media (min-width: 1024px) {
    .tablet\:\!w-\[460px\] {
        width: 460px !important;
    }
    .tablet\:\!w-\[calc\(100\%-68px-460px\)\] {
        width: calc(100% - 528px) !important;
    }
}