@charset "UTF-8";

/*!
 * Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
dl,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
ul {
    margin-top: 0
}

address,
dl,
ol,
pre,
ul {
    margin-bottom: 1rem
}

button,
hr,
input {
    overflow: visible
}

pre,
textarea {
    overflow: auto
}

dd,
h1,
h2,
h3,
h4,
h5,
h6,
label,
legend {
    margin-bottom: .5rem
}

address,
legend {
    line-height: inherit
}

progress,
sub,
sup {
    vertical-align: baseline
}

.about-container,
.blog-container,
.career-container,
.container,
.text-container {
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.footer__social-link:first-child,
.tags__item:first-child,
dd {
    margin-left: 0
}

.customer-review .container .review-box .info a svg path,
.customer-review .container .review-box .info a svg rect,
.header__menu li a .icon svg,
.header__menu li a .icon svg path,
a {
    transition: .3s linear
}

.header__toggle,
.pillar-hero__link,
.toggle__header,
.toggle__header-text,
html {
    -webkit-tap-highlight-color: transparent
}

.comparison-table .btn-box a:hover span svg rect,
.customer-review .container .review-box .info a:hover svg rect,
.customer-story__box-half-desc a:hover span svg g path:nth-child(2),
.l-block__btn-container a:hover svg rect,
.lms__btn-box a:hover svg rect,
.promotional__item-link:hover svg rect,
.story .link-story a:hover .text-icon svg rect,
.use-case-overview__item-link:hover svg rect {
    fill: #af360f
}

.comparison-table table,
table {
    border-collapse: collapse
}

*,
::after,
::before {
    box-sizing: border-box
}

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

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

body {
    margin: 0;
    font-family: -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-size: 1rem;
    line-height: 1.5;
    text-align: left
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

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

.select-menu .box-lang li:last-child,
ol ol,
ol ul,
p,
ul ol,
ul ul {
    margin-bottom: 0
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    font-style: normal
}

dt {
    font-weight: 700
}

blockquote,
figure {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

#basicSlider .MS-content .item,
#basicSlider .MS-content .item a,
.features-optional-cta a,
.footer__col .desc,
.full-timer-countdown,
.new-feature-ribbon,
.new-features-btn,
.pricing-card-cta,
.vertical-align-middle,
img,
svg {
    vertical-align: middle
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    text-decoration: none;
    background-color: transparent;
    color: #f0754d
}

a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

.author .authtor-box .authtor-box__detail .authtor-box__link:focus,
.button:focus,
.detail__info .link:focus,
.learn .right .btn-box .link:focus,
.quote .quote-box .detail-info a:focus,
a:not([href]):not([tabindex]):focus {
    outline: 0
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

img {
    border-style: none
}

svg {
    overflow: hidden
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block
}

.form-event .hbspt-form form .hs-form-field .input select option,
button {
    border-radius: 0
}

button:focus {
    outline: -webkit-focus-ring-color auto 5px
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
select {
    text-transform: none
}

select {
    word-wrap: normal
}

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

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

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

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

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    font-size: 1.5rem;
    color: inherit;
    white-space: normal
}

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

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

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

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

.search__close,
.search__open,
.tags .button__text,
body {
    font-family: QanelasSoft, sans-serif
}

.listing .listing__item-description,
.listing .listing__item-title,
.listing__description,
.listing__title {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal
}

.list-link-mob>div,
output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

.download-second .second-form .hs_error_rollup,
.gform_wrapper .gform_validation_errors>h2 .gform-icon,
[hidden] {
    display: none !important
}

@font-face {
    font-display: swap
}



@font-face {
    font-family: IowanOldStyle;
    src: local("Iowan Old Style Roman"), local("Iowan-Old-Style-Roman"), url(../fonts/IowanOldStyle-Roman.woff2) format("woff2"), url(../fonts/IowanOldStyle-Roman.woff) format("woff"), url(../fonts/IowanOldStyle-Roman.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: IowanOldStyle;
    src: local("Iowan Old Style Italic"), local("Iowan-Old-Style-Italic"), url(../fonts/IowanOldStyle-Italic.woff2) format("woff2"), url(../fonts/IowanOldStyle-Italic.woff) format("woff"), url(../fonts/IowanOldStyle-Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: IowanOldStyle;
    src: local("Iowan Old Style Bold"), local("Iowan-Old-Style-Bold"), url(../fonts/IowanOldStyle-Bold.woff2) format("woff2"), url(../fonts/IowanOldStyle-Bold.woff) format("woff"), url(../fonts/IowanOldStyle-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: IowanOldStyle;
    src: local("Iowan Old Style Bold Italic"), local("Iowan-Old-Style-Bold-Italic"), url(../fonts/IowanOldStyle-BoldItalic.woff2) format("woff2"), url(../fonts/IowanOldStyle-BoldItalic.woff) format("woff"), url(../fonts/IowanOldStyle-BoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

body {
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    color: #363e4e;
    background-color: #fff
}

.container {
    max-width: 1160px
}

@media (max-width:1279px) {
    .container {
        max-width: 864px
    }
}

@media (max-width:1023px) {
    .container {
        max-width: calc(100% - 160px)
    }
}

@media (max-width:767px) {
    .container {
        max-width: calc(100% - 80px)
    }

    .text-container {
        padding-left: 40px;
        padding-right: 40px
    }
}

.text-container {
    max-width: 750px
}

@media (max-width:1279px) {
    .text-container {
        max-width: 670px
    }
}

.blog-container,
.career-container {
    max-width: 1120px
}

@media (max-width:1279px) {
    .blog-container {
        max-width: 865px
    }
}

@media (max-width:991px) {
    .blog-container {
        max-width: 735px
    }
}

.about-container {
    max-width: 910px
}

.author .authtor-box .authtor-box__detail .authtor-box__link,
.button,
.detail__info .link,
.learn .right .btn-box .link,
.quote .quote-box .detail-info a {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 16px 50px 15px;
    border-radius: 30px;
    transition: .3s ease-in;
    border: 1px solid #c3cad7;
    outline: 0;
    -webkit-tap-highlight-color: transparent
}

.tags,
.toggle__header {
    display: -webkit-flex;
    display: -ms-flexbox
}

.button__text {
    font-size: 18px;
    color: #363e4e
}

.author .authtor-box .authtor-box__detail .authtor-box__link:hover,
.button:hover,
.detail__info .link:hover,
.learn .right .btn-box .link:hover,
.quote .quote-box .detail-info a:hover {
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #363e4e
}

.button--gradient,
.detail__info .link,
.header--on-background.header--top .header__main .header__box-button .button--border-gradient,
.learn .right .btn-box .link {
    background: linear-gradient(to left, #65c86d, #2cbd9a);
    border: 1px solid transparent
}

.button--gradient .button__text,
.detail__info .link .button__text,
.header--on-background.header--top .header__main .header__box-button .button--border-gradient .button__text,
.learn .right .btn-box .link .button__text {
    color: #fff;
    background: 0 0;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #fff
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {

    .button--gradient .button__text,
    .detail__info .link .button__text,
    .header--on-background.header--top .header__main .header__box-button .button--border-gradient .button__text,
    .learn .right .btn-box .link .button__text {
        color: #fff;
        background: 0 0
    }
}

.button--gradient:hover,
.detail__info .link:hover,
.header--on-background.header--top .header__main .header__box-button .button--border-gradient:hover,
.learn .right .btn-box .link:hover {
    border: 1px solid transparent;
    background-image: linear-gradient(to bottom, rgba(25, 30, 40, .2), rgba(25, 30, 40, .2)), linear-gradient(to left, #65c86d, #2cbd9a)
}

.toggle--tooltip .toggle__body:after,
.toggle--tooltip .toggle__body:before {
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px;
    margin: auto;
    left: 0;
    content: ''
}

.button--white {
    border: 1px solid transparent;
    background-color: #fff;
    box-shadow: 0 20px 60px 0 rgba(54, 62, 78, .3)
}

.button--white:hover {
    border: 1px solid transparent
}

.button--border-gradient {
    border: 1px solid transparent;
    position: relative;
    top: 1px;
    background: #fff;
    border-radius: 25px;
    padding: 11px 30px 13px
}

.button--border-gradient:before {
    position: absolute;
    top: -2px;
    left: -2px;
    bottom: -2px;
    content: '';
    background: linear-gradient(to left, #65c86d, #2cbd9a);
    width: calc(100% + 4px);
    border-radius: 25px;
    z-index: -1
}

.adwords-animated-header .text .cta .cta-line,
.button--border-gradient:hover {
    border: 1px solid transparent
}

.button--border-gradient .button__text {
    background: linear-gradient(to left, #65c86d, #2cbd9a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 14px
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .button--border-gradient .button__text {
        color: #49c382;
        background: 0 0
    }
}

.button--small {
    padding: 12px 30px 14px
}

.button--small .button__text,
.inspire .slider .item .photo a span,
.lang-br .teams .box-btn-text .link {
    font-size: 14px
}

.button--transparent,
.header--on-background.header--top .header__main .header__box-button .button--small {
    border-color: #fff
}

.button--transparent .button__text,
.header--on-background.header--top .header__main .header__box-button .button--small .button__text {
    color: #fff
}

.footer .toggle__icon-wrap {
    top: 2px
}

.toggle__header {
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer
}

.toggle__header-text {
    padding: 0 34px 0 0;
    background: 0 0;
    border: none;
    cursor: pointer;
    outline: 0
}

.integration-bg,
.upp-block {
    background-image: linear-gradient(to bottom, #fff, #fff9f7)
}

.toggle__header-text:focus {
    outline: 0
}

.toggle__icon-wrap {
    position: relative;
    top: 6px;
    right: 2px;
    -webkit-transform: scale(1, .75) rotate(180deg);
    transform: scale(1, .75) rotate(180deg);
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.tags__item,
.tags__item-more {
    color: #363e4e;
    transition: color .3s
}

.toggle__icon,
.toggle__icon:after,
.toggle__icon:before {
    width: 6px;
    height: 6px;
    border-top-right-radius: 30%
}

.toggle__icon {
    position: relative;
    background-color: #c3cad7;
    -webkit-transform: rotate(-60deg) skewX(-30deg) scale(1, .866);
    transform: rotate(-60deg) skewX(-30deg) scale(1, .866);
    text-align: left
}

.toggle__icon:after,
.toggle__icon:before {
    content: '';
    position: absolute;
    background-color: inherit
}

.toggle__icon:before {
    -webkit-transform: rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%);
    transform: rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%)
}

.toggle__icon:after {
    -webkit-transform: rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%);
    transform: rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%)
}

.toggle--opened .toggle__icon-wrap {
    -webkit-transform: scale(1, .75) rotate(0);
    transform: scale(1, .75) rotate(0)
}

.toggle--tooltip {
    position: relative;
    cursor: pointer
}

.toggle--tooltip .toggle__body {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    background-color: #fff;
    border: 1px solid #e3e7ed;
    box-shadow: rgba(0, 0, 0, .06) 0 20px 40px 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 99
}

.toggle--tooltip .toggle__body:before {
    position: absolute;
    top: -9px;
    right: 0;
    width: 0;
    border-color: transparent transparent #e3e7ed
}

.toggle--tooltip .toggle__body:after {
    position: absolute;
    top: -8px;
    right: 0;
    width: 0;
    border-color: transparent transparent #fff
}

.tags {
    display: flex
}

.search,
.tags__content {
    display: -webkit-flex;
    display: -ms-flexbox
}

.tags__content {
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tags__item {
    margin-left: 20px;
    margin-right: 20px
}

.tags__item:hover {
    color: #f0754d;
    text-decoration: none
}

.downlaod-three .container .box:nth-child(3n),
.footer__social-link:last-child,
.tags__item:last-child {
    margin-right: 0
}

.tags__item.active {
    padding: 6px 20px;
    border-radius: 30px;
    color: #848fa3;
    background-color: #f5f7fb;
    margin-left: 0;
    margin-right: 0;
    cursor: default
}

.tags__item.active:hover {
    color: #848fa3;
    text-decoration: none
}

.tags__item.hidden {
    display: none
}

.tags__item-more {
    line-height: 32px
}

.tags__item-more:hover {
    color: #f0754d;
    text-decoration: none
}

.author .authtor-box .authtor-box__detail .tags .authtor-box__link,
.detail__info .tags .link,
.learn .right .btn-box .tags .link,
.quote .quote-box .detail-info .tags a,
.tags .author .authtor-box .authtor-box__detail .authtor-box__link,
.tags .button,
.tags .detail__info .link,
.tags .learn .right .btn-box .link,
.tags .quote .quote-box .detail-info a {
    background-color: #fff;
    padding: 5px 28px 8px;
    border-color: #c3cad7
}

.search__icon:after,
.tags .toggle__icon {
    background-color: #848FA3
}

.tags .button__text {
    font-weight: 500;
    font-size: 14px;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tags .toggle__header {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.tags .toggle__icon-wrap {
    position: relative;
    top: 0;
    left: -25px;
    -webkit-transform: scale(.75, .5) rotate(180deg);
    transform: scale(.75, .5) rotate(180deg)
}

.tags .toggle.toggle--opened .toggle__icon-wrap {
    -webkit-transform: scale(.75, .5) rotate(0);
    transform: scale(.75, .5) rotate(0)
}

.search {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.header,
.search__field {
    display: -webkit-flex;
    display: -ms-flexbox
}

.search__field {
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 0;
    background-color: #fff;
    transition: width .7s;
    overflow: hidden;
    -webkit-transform: translateX(55px);
    transform: translateX(55px)
}

.search__field form {
    width: 100%
}

.search__field input {
    width: 0;
    height: 36px;
    font-size: 20px;
    border: none;
    margin-left: 15px;
    margin-right: 15px
}

.search__field input:focus {
    outline: 0
}

.search__field input::-webkit-input-placeholder {
    color: #c3cad7;
    padding-left: 4px
}

.search__field input::-moz-placeholder {
    color: #c3cad7;
    padding-left: 4px
}

.search__field input:-ms-input-placeholder {
    color: #c3cad7;
    padding-left: 4px
}

.search__field input::placeholder {
    color: #c3cad7;
    padding-left: 4px
}

.search__close,
.search__open {
    font-weight: 500;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    background-color: #fff;
    padding-top: 5px;
    padding-bottom: 8px;
    position: relative;
    z-index: 3
}

.post__tag,
.post__title {
    font-weight: 700;
    font-family: QanelasSoft, sans-serif
}

.search__open {
    padding-left: 20px;
    padding-right: 17px
}

.customer-review .container .review-box .info a svg,
.search__open .search__icon,
.webinar-video-main .breadcrumb-custom svg {
    margin-left: 10px
}

.search__close {
    display: none;
    padding-left: 12.5px;
    padding-right: 12.5px
}

.search__close .search__icon-close {
    position: relative;
    display: inline-block;
    width: 9px;
    height: 9px;

}

.search__close .search__icon-close:after,
.search__close .search__icon-close:before {
    content: '';
    position: absolute;
    top: 0;
    width: 15px;
    height: 2px;
    background-color: #848FA3;
    border-radius: 1px
}

.search__close .search__icon-close:before {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 0
}

.search__close .search__icon-close:after {
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 0
}

.search__icon {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 2px solid #848FA3;
    border-radius: 100%
}

.search__icon:after {
    content: '';
    position: absolute;
    bottom: -2px;
    right: -4px;
    width: 5px;
    height: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 1px
}

.search--opened {
    width: 100%
}

.search--opened .search__field {
    width: 100%;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.search--opened .search__field input {
    width: calc(100% - 30px)
}

.calculator span[data-ref="#10"],
.calculator span[data-ref="#11"],
.calculator span[data-ref="#16"],
.calculator span[data-ref="#6"],
.calculator span[data-ref="#7"],
.calculator span[data-ref="#8"],
.calculator span[data-ref="#9"],
.search--opened .search__open {
    display: none
}

.search--opened .search__close {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.post {
    width: 310px;
    text-decoration: none
}

.footer__social-link:hover,
.post:hover,
.select-menu .box-lang a.active:hover,
.select-menu.open,
.select-menu.open .current,
.select-menu:hover,
.select-menu:hover .current {
    text-decoration: none
}

.page-blog .first-items .info:hover .info__tag,
.page-blog .first-items .info:hover .info__title,
.post:hover .post__tag,
.post:hover .post__title {
    text-decoration: underline
}

.post__photo {
    width: 100%;
    position: relative;
    height: 230px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px
}

@media (max-width:1279px) {
    .post {
        width: 340px
    }

    .post__photo {
        height: 270px
    }
}

.gate .container .gate-items .gate-item .photo img,
.post__photo img {
    position: absolute;
    height: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto
}

.post__tag {
    font-size: 12px;
    color: #f0754d;
    margin-bottom: 16px
}

.post__title {
    font-size: 26px;
    line-height: 1.23;
    color: #363e4e;
    margin-bottom: 17px
}

.post__description,
.post__time {
    font-family: IowanOldStyle, serif;
    font-weight: 400
}

.post__description {
    color: #363e4e;
    line-height: 1.75;
    font-size: 16px;
    margin-bottom: 16px
}

.post__time {
    font-size: 16px;
    color: #848fa3;
    line-height: 1.38
}

@media (max-width:768px) {
    .blog-container {
        max-width: 705px
    }

    .post {
        width: calc(50% - 20px)
    }

    .post__photo {
        height: 220px
    }

    .post__title {
        font-size: 24px
    }

    .post__description,
    .post__time {
        font-size: 14px
    }
}

.tooltip {
    position: relative;
    z-index: 10
}

.tooltip__button {
    display: inline-block;
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    margin: 0
}

.inspire .slider .owl-dots .owl-dot:focus,
.single-post-related .owl-nav button,
.single-post-related .owl-nav button:focus,
.tooltip__button:focus {
    outline: 0
}

.tooltip__content {
    display: none;
    position: absolute;
    z-index: 99
}

.header,
body.scroll-locked {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

body.scroll-locked {
    height: 100%;
    overflow: hidden;
    -webkit-overflow-scrolling: touch
}

.header {
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1001
}

.header__main {
    width: 100%;
    transition: background-color .3s linear, padding .15s, box-shadow .3s;
    background-color: #fff;
    padding: 20px 50px;
    box-shadow: rgba(0, 0, 0, .06) 0 20px 40px 0;
    z-index: 1
}

.header__main .container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    max-width: 1340px
}

.header__menu li a,
.header__menu li a .icon {
    -webkit-align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox
}

.header__logo img,
.header__logo svg {
    width: 152px;
    height: 54px
}

.header__menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.header__menu li {
    margin: 0 36px 0 0;
    transition: color .3s linear;
    position: relative
}

.header__menu li.active a .icon svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header__menu li.active a .icon svg path,
.select-menu.open .current .svg-ar svg path {
    stroke: #363e4e
}

.header--on-background.header--top .header__menu li a:hover .icon svg path,
.header--on-background.header--top .select-menu:hover .current .svg-ar svg path,
.header__menu li a:hover .icon svg path,
.select-menu:hover .current .svg-ar svg path {
    stroke: #f0754d
}

.header__menu li.active.sub-items ul.sub-menu {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1
}

.header__menu li a {
    font-size: 16px;
    color: #363e4e;
    display: flex;
    transition: color .3s;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:1279px) {
    .header__main {
        padding-left: 30px;
        padding-right: 30px
    }

    .header__menu {
        display: none
    }

    .header__menu li a {
        padding: 0
    }

    .author .authtor-box .authtor-box__detail .header__box-button .authtor-box__link:nth-child(2),
    .detail__info .header__box-button .link:nth-child(2),
    .header__box-button .author .authtor-box .authtor-box__detail .authtor-box__link:nth-child(2),
    .header__box-button .button:nth-child(2),
    .header__box-button .detail__info .link:nth-child(2),
    .header__box-button .learn .right .btn-box .link:nth-child(2),
    .header__box-button .quote .quote-box .detail-info a:nth-child(2),
    .learn .right .btn-box .header__box-button .link:nth-child(2),
    .quote .quote-box .detail-info .header__box-button a:nth-child(2) {
        margin-right: 30px
    }
}

.header__menu li a:hover {
    color: #f0754d;
    text-decoration: none;
    cursor: pointer
}

.download-second .key-insight .overflow svg.second,
.download-second .ready-create-box .overflow svg.second,
.form-box .right .box-select .select-styled.active:after,
.form-box .right .box-select .select-styled:active:after,
.header__menu li a:hover .icon svg,
.inspire .overflow svg.second,
.matrix .matrix-btns-container .matrix-btns .matrix-btns-show-arrow svg,
.price-three-column .line svg,
.pricing-des-block .overflow.lst,
.quote .overflow svg.second,
.select-menu.open .current .svg-ar svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.comparison-table .btn-box a:hover span svg path,
.customer-review .container .review-box .info a:hover svg path,
.l-block__btn-container a:hover svg path,
.lms__btn-box a:hover svg path,
.promotional__item-link:hover svg path,
.story .link-story a:hover .text-icon svg path,
.use-case-overview__item-link:hover svg path {
    stroke: #af360f
}

.header__menu li a .icon {
    width: 16px;
    height: 16px;
    margin-left: 5px;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.header__menu li ul {
    list-style-type: none;
    text-align: left;
    padding: 20px;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    visibility: hidden;
    opacity: 0;
    position: absolute;
    border-radius: 6px;
    box-shadow: 0 2px 4px 0 rgba(54, 62, 78, .18), 0 0 8px 0 rgba(54, 62, 78, .08);
    top: 47px;
    left: -28px;
    background-color: #fff;
    transition: .3s ease-in
}

.header__menu li ul li {
    border: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2px;
    margin-right: 0
}

.header__menu li ul li.current-menu-item a {
    color: #f0754d
}

.header__menu li ul li:hover {
    border: none
}

.header__menu li ul li:hover a {
    color: #f0754d;
    background: 0 0
}

.header__menu li ul li a {
    color: #363e4e;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    padding: 8px;
    transition: .3s
}

.header__box-button,
.listing__detail,
.text-photo .cont {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.header__box-button .standard-link {
    font-size: 16px;
    color: #363e4e;
    font-family: QanelasSoft, sans-serif;
    transition: .3s ease-in;
    font-weight: 500;
    margin-right: 28px
}

.header__box-button .standard-link:hover {
    color: #f0754d;
    text-decoration: none
}

.header__box-button .button__gr {
    line-height: 1;
    background: linear-gradient(to left, #65c86d, #2cbd9a);
    border: 1px solid transparent;
    display: table;
    padding: 13px 33px;
    border-radius: 30px;
    transition: .3s ease-in;
    color: #fff;
    margin: 0 auto;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    position: relative;
    z-index: 1000
}

.header__box-button .button__gr:hover {
    background: linear-gradient(to left, #5bb762, #25987c);
    text-decoration: none
}

.header__box-button .button__gr span {
    position: relative;
    z-index: 4;
    color: #fff;
    font-size: 16px
}

.header__box-button .button--border-gradient {
    line-height: 1;
    padding: 12px 30px 10px;
    font-size: 14px;
    min-height: 42px;
    transition: .3s ease-in
}

.comparison-table .btn-box a span svg path,
.comparison-table .btn-box a span svg rect,
.header__box-button .button--border-gradient span,
.select-menu .current .svg-ar svg,
.story .link-story a .text-icon,
.story .link-story a .text-icon svg,
.story .link-story a .text-icon svg path,
.story .link-story a .text-icon svg rect {
    transition: .3s ease-in
}

.header__box-button .button--border-gradient:hover span {
    opacity: .7
}

@media (max-width:767px) {
    .blog-container {
        max-width: 295px
    }

    .hidden-mob {
        display: none !important
    }

    .tags__content {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-top: 20px
    }

    .header__box-button .button__gr,
    .header__box-button .standard-link,
    .tags .toggle__body {
        display: none
    }

    .post {
        width: 295px
    }

    .post__title {
        font-size: 26px
    }

    .header__menu li ul li a,
    .post__description,
    .post__time {
        font-size: 16px
    }

    #app {
        padding-top: 79px
    }

    .header__main {
        padding: 20px
    }

    .header__logo img,
    .header__logo svg {
        width: 108px;
        height: 39px
    }

    .header__box-button .button--border-gradient {
        border: 1px solid #65c86d;
        border-radius: 25px;
        line-height: 16px
    }

    .header__box-button .button--border-gradient:before {
        display: none
    }

    .author .authtor-box .authtor-box__detail .header__box-button .authtor-box__link,
    .detail__info .header__box-button .link,
    .header__box-button .author .authtor-box .authtor-box__detail .authtor-box__link,
    .header__box-button .button,
    .header__box-button .detail__info .link,
    .header__box-button .learn .right .btn-box .link,
    .header__box-button .quote .quote-box .detail-info a,
    .learn .right .btn-box .header__box-button .link,
    .quote .quote-box .detail-info .header__box-button a {
        width: 137px;
        line-height: 1.1
    }
}

.header__box-button .button--small {
    padding: 10px 30px 14px;
    border-radius: 25px
}

.author .authtor-box .authtor-box__detail .header__box-button .authtor-box__link,
.detail__info .header__box-button .link,
.header__box-button .author .authtor-box .authtor-box__detail .authtor-box__link,
.header__box-button .button,
.header__box-button .detail__info .link,
.header__box-button .learn .right .btn-box .link,
.header__box-button .quote .quote-box .detail-info a,
.learn .right .btn-box .header__box-button .link,
.quote .quote-box .detail-info .header__box-button a {
    text-align: center;
    height: 44px
}

.header__toggle .line:after,
.header__toggle .line:before,
.header__toggle:before {
    position: absolute;
    height: 2px;
    background-color: #888;
    transition: .3s;
    -webkit-backface-visibility: hidden;
    border-radius: 2px;
    left: 0;
    content: ''
}

.author .authtor-box .authtor-box__detail .header__box-button .authtor-box__link:first-child,
.detail__info .header__box-button .link:first-child,
.header__box-button .author .authtor-box .authtor-box__detail .authtor-box__link:first-child,
.header__box-button .button:first-child,
.header__box-button .detail__info .link:first-child,
.header__box-button .learn .right .btn-box .link:first-child,
.header__box-button .quote .quote-box .detail-info a:first-child,
.learn .right .btn-box .header__box-button .link:first-child,
.podcast-return svg,
.price-allft-ft svg,
.quote .quote-box .detail-info .header__box-button a:first-child {
    margin-right: 10px
}

.header__toggle {
    display: none;
    width: 18px;
    height: 14px;
    position: relative;
    cursor: pointer;
    margin-left: 28px
}

.header__toggle:before {
    top: 6px;
    width: 100%;
    backface-visibility: hidden
}

.header__toggle .line {
    position: relative;
    display: block
}

.header__toggle .line:after,
.header__toggle .line:before {
    top: 0;
    width: 100%;
    backface-visibility: hidden
}

.header__toggle .line:after {
    top: 12px
}

.growth-pod-form .gform-body .gform_fields #field_submit,
.header__toggle.open,
.use-case-overview .owl-theme .owl-nav .owl-next,
.use-case-overview .owl-theme .owl-nav .owl-prev {
    background-color: transparent
}

.header--white .header__main,
.header__mob-menu {
    background-color: #fff
}

.header__toggle.open:before {
    opacity: 0
}

.header__toggle.open span:before {
    -webkit-transform: rotate(45deg) translate(3px, 5px);
    transform: rotate(45deg) translate(3px, 5px)
}

.header__toggle.open span:after {
    -webkit-transform: rotate(-45deg) translate(3px, -6px);
    transform: rotate(-45deg) translate(3px, -6px)
}

.header__mob-menu {
    display: none;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 0;
    z-index: 1000;
    overflow-y: auto
}

.footer,
.get-started,
.inspire,
.quote {
    background-color: #f5f7fb
}

.header__mob-menu .list-link-mob {
    border-top: 1px solid #e9ecf4;
    padding: 23px 20px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.header__mob-menu .list-link-mob .st-link {
    font-size: 20px;
    color: #363e4e;
    font-family: QanelasSoft, sans-serif;
    font-weight: 500;
    transition: .3s ease-in;
    margin-right: 0;
    margin-bottom: 28px
}

.header__mob-menu .list-link-mob .button__gr,
.menu-select {
    display: -webkit-flex;
    display: -ms-flexbox;
    margin-right: auto
}

.header__mob-menu .list-link-mob .button__gr {
    line-height: 1;
    background: linear-gradient(to left, #65c86d, #2cbd9a);
    border: 1px solid transparent;
    display: flex;
    padding: 13px 33px;
    border-radius: 30px;
    transition: .3s ease-in;
    color: #fff;
    margin-bottom: 30px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    position: relative;
    z-index: 1000
}

.detail__photo,
.quote .quote-box .quote-box__photo,
.text-photo .cont .photo {
    background-position: center center;
    background-repeat: no-repeat
}

.header__mob-menu .list-link-mob .button__gr:hover {
    background: linear-gradient(to left, #5bb762, #25987c);
    text-decoration: none
}

.calculator .info-box div a:hover,
.detail__info .link:hover,
.download-second .ready-create-box .ready-create .ready-create-text-box .btn-box .btn-trial:hover,
.upp-block .link:hover {
    background-image: linear-gradient(to bottom, rgba(25, 30, 40, .2), rgba(25, 30, 40, .2)), linear-gradient(to left, #65c86d, #2cbd9a)
}

.header__mob-menu .list-link-mob .button__gr span {
    position: relative;
    z-index: 4;
    color: #fff;
    font-size: 16px
}

.header__mob-menu .header__menu {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.get-started .overflow svg,
.header__mob-menu .header__menu-wrap {
    width: 100%
}

.capterra .bottom-line-round,
.download-second .key-insight .overflow,
.download-second .ready-create-box .overflow,
.form-box-line-round,
.inspire .overflow,
.line-round,
.quote .overflow,
.usp .overflow {
    overflow: hidden
}

.header__mob-menu .header__box-button {
    padding-left: 40px;
    padding-right: 40px;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.author .authtor-box .authtor-box__detail .header__mob-menu .header__box-button .authtor-box__link,
.detail__info .header__mob-menu .header__box-button .link,
.header__mob-menu .header__box-button .author .authtor-box .authtor-box__detail .authtor-box__link,
.header__mob-menu .header__box-button .button,
.header__mob-menu .header__box-button .detail__info .link,
.header__mob-menu .header__box-button .learn .right .btn-box .link,
.header__mob-menu .header__box-button .quote .quote-box .detail-info a,
.learn .right .btn-box .header__mob-menu .header__box-button .link,
.quote .quote-box .detail-info .header__mob-menu .header__box-button a {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 12px 30px
}

.ebook-wide .ebook-content span,
.header__mob-menu .header__box-button .button__text,
.team .grid .item .pop-info a span {
    font-size: 16px
}

.header--top .header__main {
    background-color: transparent;
    box-shadow: 0 0 0 0 transparent;
    padding: 40px 50px
}

.header--open {
    height: 100%;
    z-index: 9999
}

.header--on-background.header--top .select-menu:before,
.header--open .header__main,
.hor-tab.withoutGrDes,
.page-id-11460 .header__main,
.page-id-11622 .header__main,
.page-id-16506 .header__main,
.page-id-7225 .download-second .ready-create-box,
.page-id-7225 .header__main,
.post-type-archive-course-library .header__main,
.post-type-archive-webinar .header__main {
    background-color: #fff
}

@media (min-width:768px) {
    .header__mob-menu .header__box-button {
        display: none
    }

    .header--on-background.header--top .header__main .header__menu a {
        color: #fff
    }

    .header--on-background.header--top .header__logo svg .text {
        fill: #fff
    }

    .header--on-background.header--top .header__toggle .line:after,
    .header--on-background.header--top .header__toggle .line:before,
    .header--on-background.header--top .header__toggle:before {
        background-color: #fff
    }

    .footer__col .toggle__header {
        pointer-events: none;
        cursor: default
    }
}

.header--on-background.header--top .header__toggle.open .line:after,
.header--on-background.header--top .header__toggle.open .line:before,
.header--on-background.header--top .header__toggle.open:before,
.lists .btn-center a:hover div .toggle__icon,
.select-menu:before {
    background-color: #363e4e
}

.menu-select {
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 48px
}

.ask-block,
.awards,
.bg-detail,
.calculator .calconic-calculator #lumi-calculator-5fd88df087472b001ed215b1__wrapper #ref-r13,
.calculator .calconic-input,
.download-second .hbspt-form-second .hs_numemployees,
.interested__own-link,
.learn-price,
.partner-ship .custom-hbspt .field,
.partner-ship .hs_company,
.pillar-nav__item,
.rw-sentence,
.select-menu,
.teams,
.what-will-i-learn .container {
    position: relative
}

.select-menu:before {
    position: absolute;
    top: 0;
    right: 25px;
    bottom: 0;
    content: '';
    width: 1px;
    z-index: 3
}

.select-menu .current .gloab svg.svg-gl,
.select-menu.open .current .gloab .svg-gl,
.select-menu:hover .current .gloab .svg-gl-hov {
    opacity: 1
}

.header--on-background.header--top .select-menu .current .gloab svg.svg-gl,
.js-logoPost,
.select-menu .current .gloab svg.svg-gl-hov,
.select-menu.open .current .gloab .svg-gl-hov,
.select-menu:hover .current .gloab .svg-gl {
    opacity: 0
}

.header--on-background.header--top .select-menu:hover .current .symbol,
.select-menu:hover .current .symbol {
    color: #f0754d
}

.article-container .left .info .details .person span,
.breadcrumb ul li:last-child a,
.form-box .right .box-select .select-styled.check,
.gate .container .gate-items .gate-item .name:active,
.header--on-background.header--top .header__main .header__menu li ul li a,
.items-course .item .info .position span,
.partner-ship.web-head .partner-ship__title,
.select-menu.open .current .symbol,
.text-container a:active {
    color: #363e4e
}

.select-menu .current {
    margin-right: 62px;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.select-menu .current .gloab {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 3px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 18px;
    height: 17px
}

.select-menu .current .gloab svg {
    width: 15px;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    transition: .3s ease-in;
    position: absolute;
    top: 0;
    left: 0
}

.select-menu .current .symbol {
    transition: .3s ease-in;
    text-transform: uppercase;
    color: #363e4e;
    font-size: 16px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 500
}

.detail__info h1,
.get-started .started-box .started-box__title {
    font-size: 60px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 600
}

.select-menu .current .svg-ar {
    position: absolute;
    top: 45%;
    right: -15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .3s ease-in
}

.select-menu .current .svg-ar svg path {
    transition: .3s ease-in;
    stroke: #363e4e
}

.select-menu .box-lang {
    border-radius: 5px;
    border: 1px solid #e4e8f0;
    background-color: #fff;
    padding: 15px;
    list-style-type: none;
    text-align: center;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 9999;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    transition: .3s ease-in;
    opacity: 0;
    visibility: hidden;
    min-width: 112px
}

.select-menu .box-lang.open {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.select-menu .box-lang li {
    text-align: left;
    margin-bottom: 6px
}

.select-menu .box-lang a {
    font-size: 16px;
    line-height: normal;
    font-family: QanelasSoft, sans-serif;
    font-weight: 500;
    transition: .3s ease-in;
    text-align: left;
    color: #363e4e;
    display: block;
    padding: 5px
}

.select-menu .box-lang a:hover {
    text-decoration: none;
    color: #f0754d;
    background-color: rgba(252, 121, 75, .05)
}

.header--on-background.header--top .header__main .header__menu li a,
.header--on-background.header--top .select-menu .current .symbol,
.header--on-background.header--top .select-menu.open .current .symbol {
    color: #fff
}

.header--on-background.header--top .header__menu li a .icon svg path,
.header--on-background.header--top .select-menu .current .svg-ar svg path,
.header--on-background.header--top .select-menu.open .current .svg-ar svg path {
    stroke: #fff
}

.header--on-background.header--top .header__main .header__menu li a:hover,
.header--on-background.header--top .header__main .header__menu li ul li.current-menu-item a {
    color: #f0754d
}

#podcast_search_query,
.header--on-background.header--top .header__main .header__menu li ul li:hover {
    border: none
}

.header--on-background.header--top .header__main .header__menu li ul li:hover a {
    color: #f0754d;
    background-color: rgba(252, 121, 75, .05)
}

.header--on-background.header--top .header__main .header__box-button .standard-link {
    color: #fff;
    font-weight: 500
}

.get-started {
    position: relative;
    margin-top: 75px;
    width: 100%
}

.character:before,
.get-started:before {
    position: absolute;
    left: 0;
    right: 0;
    height: 40px;
    content: '';
    z-index: 1;
    background-color: #fff;
    top: 0
}

.character .overflow,
.ebook-bottom-form-corrections .line,
.get-started .overflow {
    overflow: hidden;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    position: relative;
    z-index: 3
}

.get-started .started-box {
    padding-top: 79px
}

.get-started .started-box .started-box__title {
    line-height: 1.02;
    color: #363e4e;
    letter-spacing: .4px;
    text-align: center
}

.get-started .started-box .started-box__link {
    text-align: center;
    max-width: 240px;
    position: relative
}

.form-box .right .custom-hbspt-btn:before,
.get-started .started-box .started-box__link:before,
.learn-price .container .link:before,
.teams .box-btn-text .link:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    content: '';
    z-index: 2;
    background-image: linear-gradient(to bottom, rgba(25, 30, 40, .2), rgba(25, 30, 40, .2)), linear-gradient(to left, #65c86d, #2cbd9a);
    transition: .3s linear;
    opacity: 0
}

.form-box .right .custom-hbspt-btn span,
.get-started .started-box .started-box__link span,
.learn-price .container .link span,
.price-three-column .container .box.green .link span,
.teams .box-btn-text .link span {
    position: relative;
    z-index: 3
}

.form-box .right .custom-hbspt-btn:hover,
.get-started .started-box .started-box__link:hover {
    background: linear-gradient(to left, #65c86d, #2cbd9a)
}

.form-box .right .custom-hbspt-btn:hover:before,
.get-started .started-box .started-box__link:hover:before,
.inspire .slider .item .photo:hover .shadow,
.inspire .slider .item .photo:hover a,
.inspire .slider .owl-item.active,
.integration .bun.notHover.hover img,
.js-logoPost.active,
.learn-price .container .link:hover:before,
.price-three-column .container .box.green .link:hover:before,
.support .search-form .box-input .esc:hover svg,
.teams .box-btn-text .link:hover:before {
    opacity: 1
}

.get-started .started-box .started-box__description {
    font-size: 20px;
    line-height: 2;
    color: #363e4e;
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    max-width: 810px;
    margin: 66px auto 3px;
    padding-left: 30px
}

.get-started .started-box .started-box__second-link {
    display: table
}

.get-started .started-box .line {
    height: 1px;
    width: 100%;
    margin-top: 120px;
    background-color: rgba(195, 202, 215, .3)
}

.footer {
    width: 100%
}

.footer__logo {
    display: block;
    margin-bottom: 16px
}

.footer__main {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:1279px) {
    .header__toggle {
        display: inline-block
    }

    .header--top .header__main {
        padding: 40px 30px
    }

    .get-started .started-box {
        padding-top: 83px
    }

    .get-started .started-box .started-box__title {
        font-size: 56px
    }

    .footer__main {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 506px;
        padding-bottom: 50px;
        max-width: 864px
    }
}

.footer__col {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.footer__col:first-child {
    -webkit-flex: initial;
    -ms-flex: initial;
    flex: initial
}

@media (min-width:1280px) {
    .hidden-pc {
        display: none !important
    }

    .footer__col:first-child {
        width: 190px
    }

    .page-blog .grid-items .post:nth-child(3n) {
        margin-right: 0
    }
}

.footer__col .toggle {
    margin-top: 8px
}

@media (max-width:1023px) and (min-width:768px) {
    .footer__main {
        max-width: calc(100% - 160px);
        padding-top: 50px;
        padding-bottom: 50px
    }

    .footer__col {
        width: auto !important;
        padding-left: 10px;
        padding-right: 10px
    }

    .footer__col .toggle {
        margin-bottom: 18px
    }
}

.fixed-slide .nav-line:hover,
.go-top:hover,
.page-blog .first-items .info:hover,
.resource-free .container .head-nav .box-select .checkobox-list div .checkobox-a:hover,
.resource-free .container .head-nav .box-select .checkobox-list div.btn label:hover,
.share__link,
.tabs-block .tabs .tabs__caption li:hover,
.tour_video .abs-icons .play:hover {
    cursor: pointer
}

.footer__links-title {
    color: #363e4e;
    line-height: 40px
}

.footer__links {
    list-style: none;
    padding-left: 0;
    line-height: 20px;
    margin-bottom: 0
}

@media (max-width:1279px) and (min-width:768px) {
    .hidden-tab {
        display: none !important
    }

    .footer__links-title {
        font-size: 14px;
        line-height: 18px
    }

    .footer__links {
        font-size: 14px
    }
}

.footer__links li {
    margin-top: 20px;
    margin-bottom: 20px
}

.footer__links li:first-child {
    margin-top: 10px
}

.footer__links li:last-child {
    margin-bottom: 10px
}

.footer__links a {
    color: #848fa3;
    transition: color .3s;
    letter-spacing: .15px
}

.footer__links a:hover {
    text-decoration: none;
    color: #485060
}

.footer__contact {
    color: #848fa3;
    font-size: 14px;
    line-height: 40px
}

.footer__phone {
    display: block;
    margin-top: 40px;
    color: #f0754d
}

.footer__phone:hover,
.page-blog .pagination .links a.active,
.page-blog .pagination .linkss .page-numbers.current,
.price-three-column .container .box .more span,
.price-three-column .container .box.yellow .other-price span,
.price-three-column .container .box.yellow .price,
.resource-free .container .items .box a:hover .name,
.table-price .container table thead th:nth-child(2),
.text-container a,
body.page-template-default #breadcrumbs a {
    color: #f0754d
}

.footer__bottom {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid rgba(195, 202, 215, .3)
}

.detail,
.footer__bottom-wrap {
    display: -webkit-flex;
    display: -ms-flexbox
}

.footer__bottom-wrap {
    display: flex;
    width: 100%;
    margin-top: -10px
}

.footer__copywriting {
    justify-self: flex-start;
    color: #c3cad7
}

.detail,
.lists .btn-center {
    -webkit-align-items: center
}

.footer__term-link {
    color: #848fa3;
    transition: color .3s
}

.footer__term-link:hover {
    color: #111317;
    text-decoration: none
}

.footer__social-links {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
}

.footer__social-link svg {
    fill: #848fa3;
    transition: fill .3s
}

.footer__social-link:hover svg {
    fill: #111317
}

.detail {
    padding-top: 35px;
    padding-bottom: 42px;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.counters .counters-box,
.photo-box {
    display: -webkit-flex;
    display: -ms-flexbox
}

.detail__info {
    margin-top: 90px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 4
}

.detail__info h1 {
    color: #363e4e;
    line-height: 1;
    margin-bottom: 30px;
    letter-spacing: .4px;
    font-style: normal;
    font-weight: 700;
    font-size: 54.4014px;
    line-height: 60px;
}

.detail__info .subtitle {
    font-size: 24px;
    margin: 32px 0 19px;
    line-height: 1.67;
    padding-right: 45px;
    color: #363e4e;
    font-family: IowanOldStyle, serif;
    font-weight: 400
}

.detail__info .link {
    color: #fff;
    margin-top: 17px;
    margin-bottom: 7px;
    font-size: 18px;
    font-family: QanelasSoft, sans-serif;
    position: relative;
    z-index: 1000
}

.detail__info .link:hover,
.download-second .ready-create-box .ready-create .ready-create-text-box .btn-box .btn-trial:hover {
    opacity: 1
}

.detail__info p {
    margin-top: 8px;
    line-height: 1.67;
    color: #848fa3;
    margin-bottom: 0;
    margin-left: 10px;
    font-family: QanelasSoft, sans-serif
}

.detail__photo {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transform: translateX(27px);
    transform: translateX(27px);
    background-size: contain
}

.photo-box {
    display: flex;
    padding: 63px 37px 70px
}

.photo-box .photo-box__item {
    margin: 0 47px
}

.awards .overflow svg,
.interested .overflow svg,
.photo-box .photo-box__item img,
.story .overflow svg,
.what-will-i-learn .container .laptop-placeholder img {
    width: 100%
}

.line-round {
    padding-top: 38px
}

.lists,
.text-photo {
    padding-top: 39px
}

.author .line-round svg,
.capterra .line-round svg,
.line-round svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    width: calc(100% + 4px);
    margin-left: -2px
}

.counters .counters-box {
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 78px 42px 115px
}

.counters .counters-box .counter {
    text-align: center;
    width: 260px
}

.counters .counters-box .counter__number {
    font-size: 70px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 300
}

.counters .counters-box .counter__title {
    font-size: 16px;
    margin-bottom: 28px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    margin-top: -4px
}

.counters .counters-box .counter__link {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
    color: #f0754d;
    padding: 0 10px;
    display: block;
    text-decoration: underline;
    transition: .3s linear
}

.inspire .inspire__title,
.lists .lists-box .lists-item__tag,
.lists .lists-box .lists-item__title,
.text-photo .cont .text {
    font-weight: 700;
    font-family: QanelasSoft, sans-serif
}

.comparison-table .btn-box a:hover,
.counters .counters-box .counter__link:hover,
.download-second .ready-create-box .ready-create .ready-create-text-box .btn-box .btn:hover,
.learn-price .container .link:hover,
.matrix .matrix-btns-container .matrix-btns:hover,
.price-three-column .container .box .more:hover,
.resource-free .container .items .box a:hover,
.similar-article a:hover,
.star-question a:hover,
.story .link-story a,
.teams .box-btn-text .link:hover {
    text-decoration: none
}

.quote {
    margin-bottom: 78px
}

.capterra .bottom-line-round svg,
.download-second .key-insight .overflow svg,
.download-second .ready-create-box .overflow svg,
.form-box-line-round svg,
.line-rounds svg,
.line-rounds-team svg,
.promotional .overflow svg,
.quote .overflow svg,
.studies .line svg,
.studies .line-second svg,
.teams-bg-gray .overflow svg,
.usp .overflow svg {
    width: calc(100% + 4px);
    margin-left: -2px
}

.quote .quote-box {
    margin-top: 110px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 105px
}

.quote .quote-box .quote-box__photo {
    width: 447px;
    height: 406px;
    background-size: cover;
    margin-left: -32px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.quote .quote-box .detail-info {
    text-align: justify;
    padding-left: 115px
}

.quote .quote-box .detail-info h3 {
    font-size: 30px;
    line-height: 1.3;
    color: #363e4e;
    padding-right: 50px;
    margin-bottom: 32px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 500
}

.quote .quote-box .detail-info p {
    font-size: 20px;
    line-height: 1.1;
    color: #848fa3;
    margin-bottom: 47px;
    font-family: IowanOldStyle, serif;
    font-weight: 400
}

.quote .quote-box .detail-info a {
    color: #363e4e;
    font-size: 18px;
    letter-spacing: .1px
}

.text-photo {
    padding-bottom: 30px
}

.text-photo .cont .text {
    width: 520px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 60px;
    line-height: 1;
    color: #363e4e;
    margin-top: -142px
}

.text-photo .cont .photo {
    height: 584px;
    width: 915px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transform: translateX(52px);
    transform: translateX(52px);
    background-size: cover
}

.calculator .container,
.customer-review .container,
.howUpload_container,
.lists .lists-box,
.teams .container .items .box,
.what-will-i-learn .container .info-box .listing-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.lists .btn-center,
.lists .btn-center a {
    display: -webkit-flex;
    display: -ms-flexbox
}

.lists .lists-box .lists-item:first-child {
    width: 317px
}

.lists .lists-box .lists-item:first-child .lists-item__ul li:before {
    position: absolute;
    left: -36px;
    top: 9px;
    content: '';
    height: 17px;
    width: 17px;
    background-image: url(../images/bullet-orange.svg)
}

.lists .lists-box .lists-item:nth-child(2) {
    width: 316px
}

.lists .lists-box .lists-item:nth-child(2) .lists-item__ul li:before {
    position: absolute;
    left: -36px;
    top: 9px;
    content: '';
    height: 17px;
    width: 17px;
    background-image: url(../images/bullet-green.svg)
}

.lists .lists-box .lists-item:nth-child(3) {
    width: 340px
}

.lists .lists-box .lists-item:nth-child(3) .lists-item__ul li:before {
    position: absolute;
    left: -36px;
    top: 9px;
    content: '';
    height: 17px;
    width: 17px;
    background-image: url(../images/bullet-blue.svg)
}

.lists .lists-box .lists-item__tag {
    margin-bottom: 15px
}

.lists .lists-box .lists-item__tag.yellow {
    background: linear-gradient(to top, #ffa246, #e14a53);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.lists .lists-box .lists-item__tag.green {
    background: linear-gradient(to top, #65c86d, #2cbd9a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.lists .lists-box .lists-item__tag.blue {
    background: linear-gradient(to top, #5ebeff, #4e82fb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .lists .lists-box .lists-item__tag.yellow {
        color: #f0754d;
        background: 0 0
    }

    .lists .lists-box .lists-item__tag.green {
        color: #49c382;
        background: 0 0
    }

    .lists .lists-box .lists-item__tag.blue {
        color: #75cdf6;
        background: 0 0
    }
}

.ask .box-info .photo-man,
.author .authtor-box .authtor-box__photo,
.capterra .capterra-box__logo,
.inspire .slider .item .photo {
    background-repeat: no-repeat;
    background-position: center center
}

.lists .lists-box .lists-item__title {
    font-size: 38px;
    line-height: 1.11;
    color: #363e4e;
    letter-spacing: .3px;
    margin-bottom: 52px;
    min-height: 86px
}

.lists .lists-box .lists-item__ul {
    list-style-type: none;
    padding-left: 36px
}

.lists .lists-box .lists-item__ul li {
    font-size: 22px;
    color: #363e4e;
    line-height: 1.55;
    letter-spacing: .1px;
    margin-bottom: 26px;
    position: relative
}

.lists .btn-center {
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: flex;
    padding-bottom: 65px
}

.lists .btn-center a {
    font-size: 18px;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 47px;
    padding: 15px 50px 16px;
    color: #363e4e
}

.lists .btn-center a div.toggle__icon-wrap {
    margin-left: 15px;
    position: relative;
    top: 0;
    right: -8px;
    -webkit-transform: scale(1, .75) rotate(180deg);
    transform: scale(1, .75) rotate(180deg);
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.lists .btn-center a div .toggle__icon,
.lists .btn-center a div .toggle__icon:after,
.lists .btn-center a div .toggle__icon:before {
    width: 6px;
    height: 6px;
    border-top-right-radius: 30%
}

.lists .btn-center a div .toggle__icon {
    position: relative;
    background-color: #c3cad7;
    transition: .3s ease-in;
    -webkit-transform: rotate(-60deg) skewX(-30deg) scale(1, .866);
    transform: rotate(-60deg) skewX(-30deg) scale(1, .866);
    text-align: left
}

.lists .btn-center a div .toggle__icon:after,
.lists .btn-center a div .toggle__icon:before {
    content: '';
    position: absolute;
    background-color: inherit
}

.lists .btn-center a div .toggle__icon:before {
    -webkit-transform: rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%);
    transform: rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%)
}

.lists .btn-center a div .toggle__icon:after {
    -webkit-transform: rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%);
    transform: rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%)
}

.inspire {
    margin-top: 65px;
    position: relative;
    padding-bottom: 68px
}

.inspire:before {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 135px;
    content: '';
    background-color: #fff;
    z-index: 1
}

.inspire .container {
    max-width: 100%
}

.hor-tab .overflow svg,
.inspire .overflow svg,
.pricing-des-block .overflow svg {
    width: calc(100% + 4px);
    margin-left: -2px;
    position: relative;
    z-index: 4
}

.inspire .inspire__title {
    font-size: 40px;
    line-height: 1.1;
    text-align: center;
    margin-top: 90px
}

.inspire .inspire__description {
    font-size: 20px;
    line-height: 1.1;
    color: #363e4e;
    text-align: center;
    margin-top: 19px;
    font-family: IowanOldStyle, serif;
    font-weight: 400
}

.inspire .slider {
    width: 1180px;
    margin: 0 auto
}

@media (min-width:769px) {
    .inspire .slider .js-slider {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 35px;
        padding-bottom: 50px
    }

    .inspire .slider .item .photo {
        margin: 30px 15px
    }
}

@media (max-width:1279px) {
    .detail {
        padding-top: 30px;
        padding-bottom: 38px
    }

    .detail__info {
        margin-top: -4px;
        width: 473px
    }

    .detail__info h1 {
        font-size: 56px;
        letter-spacing: .1px;
        line-height: 1.07
    }

    .detail__info .subtitle {
        padding-right: 34px
    }

    .detail__photo {
        height: 493px;
        -webkit-transform: translateX(-17px);
        transform: translateX(-17px)
    }

    .photo-box {
        padding: 63px 0 57px;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .photo-box .photo-box__item {
        margin: 0 31px
    }

    .photo-box .photo-box__item img {
        width: 94%
    }

    .line-round {
        padding-top: 28px
    }

    .counters .counters-box {
        padding: 37px 0 80px
    }

    .counters .counters-box .counter__number {
        font-size: 60px
    }

    .counters .counters-box .counter__title,
    .inspire {
        margin-top: 0
    }

    .quote {
        margin-bottom: 23px
    }

    .quote .quote-box .quote-box__photo {
        width: 349px;
        height: 318px;
        margin-left: 0
    }

    .quote .quote-box .detail-info {
        padding-left: 67px
    }

    .quote .quote-box .detail-info h3 {
        padding-right: 0;
        letter-spacing: -1.6px
    }

    .quote .quote-box .detail-info p {
        padding-left: 5px
    }

    .quote .quote-box .detail-info a {
        letter-spacing: .4px
    }

    .text-photo {
        padding-bottom: 0
    }

    .text-photo .cont .text {
        font-size: 56px;
        line-height: 1.07;
        width: 475px;
        margin-top: -138px
    }

    .text-photo .cont .photo {
        -webkit-transform: translateX(-17px);
        transform: translateX(-17px)
    }

    .lists {
        padding-top: 17px
    }

    .lists .lists-box .lists-item:first-child {
        width: 251px
    }

    .lists .lists-box .lists-item:first-child .lists-item__ul li:before,
    .lists .lists-box .lists-item:nth-child(2) .lists-item__ul li:before,
    .lists .lists-box .lists-item:nth-child(3) .lists-item__ul li:before {
        top: 4px
    }

    .lists .lists-box .lists-item:nth-child(2) {
        width: 239px
    }

    .lists .lists-box .lists-item:nth-child(3) {
        width: 245px
    }

    .lists .lists-box .lists-item__tag {
        margin-bottom: 22px
    }

    .lists .lists-box .lists-item__title {
        font-size: 32px;
        line-height: 1;
        letter-spacing: 0;
        margin-bottom: 42px;
        min-height: 96px
    }

    .lists .lists-box .lists-item__ul li {
        font-size: 20px;
        line-height: 1.2
    }

    .lists .btn-center a {
        margin-top: 31px
    }

    .inspire .overflow svg {
        margin-top: -10px
    }

    .inspire .inspire__title {
        font-size: 36px;
        margin-top: 79px
    }

    .inspire .slider {
        width: 856px
    }
}

.inspire .slider .owl-stage-outer {
    padding: 66px 0 125px;
    overflow: visible
}

.inspire .slider .owl-item {
    opacity: 0;
    transition: opacity .5s;
    width: 560px
}

.inspire .slider .owl-dots .owl-dot span {
    width: 6px;
    height: 6px
}

.inspire .slider .item .photo {
    width: 560px;
    height: 346px;
    border-radius: 4px;
    box-shadow: 0 50px 50px 0 rgba(54, 62, 78, .1);
    background-size: cover;
    position: relative
}

.inspire .slider .item .photo .shadow {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: '';
    background-color: rgba(54, 62, 78, .4);
    opacity: 0;
    transition: opacity .5s;
    z-index: 3;
    border-radius: 4px
}

.inspire .slider .item .photo a {
    position: absolute;
    z-index: 4;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    top: 50%;
    opacity: 0;
    transition: opacity .5s;
    padding: 11px 39px 13px
}

.ask {
    padding-bottom: 86px
}

.ask__title {
    text-align: center;
    font-size: 40px;
    line-height: 1.3;
    color: #363e4e;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    margin-top: 46px
}

.ask__description {
    text-align: center;
    font-size: 20px;
    line-height: 1.1;
    color: #363e4e;
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    margin-top: 16px;
    position: relative;
    padding-bottom: 58px;
    margin-bottom: 88px
}

.elearning-event-partnership-container .steps ul li .step-content .step-header .count-icon img,
.tabs-block {
    margin-bottom: 44px
}

.ask__description:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    content: '';
    height: 1px;
    width: 60px;
    background-color: #848fa3
}

.article-container,
.ask .box-info,
.ask .box-info .details,
.download-first .header-extra-form .container,
.download-second .ready-create-box .ready-create,
.items-course .item .info .photos,
.learn .container,
.pillar-hero .container,
.story-wrap .story-quote__head {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ask .box-info .photo-man {
    background-size: cover;
    width: 351px;
    height: 353px;
    margin-top: 25px;
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.ask .box-info .details .first {
    width: 320px;
    margin-left: 64px
}

.ask .box-info .details .first:nth-child(2n) {
    margin-left: 104px
}

.ask .box-info .details .first:nth-child(2n) .btn {
    margin-top: 43px
}

.ask .box-info .details .first .qoute {
    line-height: 1.67;
    color: #363e4e;
    font-family: QanelasSoft, sans-serif;
    font-weight: 500;
    font-size: 30px
}

.ask .box-info .details .first .who {
    font-size: 20px;
    line-height: 1.5;
    color: #848fa3;
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    margin-top: 18px
}

.ask .box-info .details .first .btn {
    margin-top: 76px
}

.ask .box-info .details .first .tag {
    background-color: #f5f7fb;
    border-radius: 30px;
    font-size: 11px;
    color: #848fa3;
    text-align: center;
    padding: 5px 17px;
    display: inline-block;
    margin: 0 auto 13px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700
}

.ask .box-info .details .first .link {
    display: block;
    color: #363e4e;
    font-size: 20px;
    line-height: 1.5;
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    margin-bottom: 23px;
    text-decoration: underline;
    transition: .3s ease-in
}

.ask .box-info .details .first .link:hover {
    color: #f0754d;
    text-decoration: underline
}

.capterra {
    margin-top: 86px;
    padding-bottom: 70px
}

.author .line-round,
.capterra .line-round,
.download-second .quote-box .line-round {
    overflow: hidden;
    padding-top: 0;
    margin-top: -17px
}

.capterra .capterra-box {
    margin-top: 98px
}

.capterra .capterra-box__logo {
    background-size: contain;
    height: 34px;
    width: 148px;
    margin: 0 auto
}

.capterra .capterra-box__title {
    text-align: center;
    margin-top: 40px;
    font-size: 40px;
    line-height: 1;
    color: #363e4e;
    font-family: QanelasSoft, sans-serif;
    font-weight: 600
}

.capterra .capterra-box__description {
    text-align: center;
    font-size: 20px;
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    line-height: 1.5;
    color: #363e4e;
    max-width: 760px;
    margin: 27px auto 101px
}

.tabs-block {
    margin-top: 47px
}

.tabs-block .tabs .tabs__caption {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0
}

.tabs-block .tabs .tabs__caption li {
    list-style-type: none;
    margin: 0 4px;
    font-size: 16px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 500;
    color: #363e4e;
    padding: 7px 21px;
    border-radius: 30px;
    transition: .3s linear
}

.adwords-main .cta-block .adwords-secondary-cta,
.tabs-block .tabs .tabs__caption li:first-child {
    margin-left: 24px
}

.tabs-block .tabs .tabs__caption li.active {
    background-color: #f5f7fb;
    color: #848fa3
}

.tabs-block .tabs__content {
    opacity: 0;
    visibility: hidden;
    height: 0;
    transition: .3s ease-in
}

.tabs-block .tabs__content .content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 57px 0 0;
    color: #363e4e
}

.tabs-block .tabs__content .content .colunm-three {
    width: 30%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.tabs-block .tabs__content .content .colunm-two {
    width: 45%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.tabs-block .tabs__content .content .colunm-one {
    width: 50%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.tabs-block .tabs__content .content h2,
.tabs-block .tabs__content .content h3,
.tabs-block .tabs__content .content h4,
.tabs-block .tabs__content .content h5,
.tabs-block .tabs__content .content h6 {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    margin-bottom: 0;
    letter-spacing: .2px
}

@media (max-width:1279px) {
    .inspire .slider .owl-stage-outer {
        padding: 56px 0 81px
    }

    .inspire .slider .owl-item {
        width: 398px
    }

    .inspire .slider .item .photo {
        width: 398px;
        height: 246px
    }

    .ask {
        padding-bottom: 65px
    }

    .ask__title {
        font-size: 36px;
        margin-top: 22px
    }

    .ask__description {
        margin-bottom: 56px
    }

    .ask .box-info .photo-man {
        width: 231px;
        height: 231px;
        margin-top: 13px;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .ask .box-info .details .first {
        margin-left: 85px;
        width: 243px
    }

    .ask .box-info .details .first:nth-child(2n) {
        margin-left: 61px;
        margin-top: 7px
    }

    .ask .box-info .details .first .qoute {
        font-size: 28px;
        line-height: 1.64
    }

    .ask .box-info .details .first .who {
        line-height: 1.3
    }

    .ask .box-info .details .first .btn {
        margin-top: 44px
    }

    .capterra {
        margin-top: 63px;
        padding-bottom: 30px
    }

    .capterra .capterra-box {
        margin-top: 74px
    }

    .capterra .capterra-box__title {
        font-size: 36px
    }

    .tabs-block {
        display: none
    }

    .tabs-block .tabs__content .content h2 {
        font-size: 36px;
        line-height: 40px
    }

    .tabs-block .tabs__content .content h3 {
        font-size: 34px
    }
}

.pillar-text,
.tabs-block .tabs__content .content p {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 36px;
    color: #363e4e
}

.pillar-text h2,
.tabs-block .tabs__content .content h2 {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 0;
    line-height: 1.3
}

.pillar-text h3,
.tabs-block .tabs__content .content h3 {
    font-family: QanelasSoft, sans-serif;
    margin-bottom: 0;
    font-size: 26px;
    line-height: 1.31;
    font-weight: 600
}

@media (max-width:1023px) {
    .text-container {
        max-width: 600px
    }

    .footer__bottom-wrap {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .footer__copywriting {
        text-align: center;
        margin: 0 auto 10px
    }

    .footer__term-link {
        margin-right: 30px;
        margin-left: 30px
    }

    .footer__social-links {
        -webkit-transform: translateY(13px);
        transform: translateY(13px)
    }

    .inspire .slider .js-slider {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .inspire .slider {
        width: 700px
    }

    .tabs-block .tabs__content .content h2 {
        font-size: 20px
    }

    .tabs-block .tabs__content .content h3 {
        margin-bottom: 40px;
        font-size: 20px
    }
}

.tabs-block .tabs__content.active {
    opacity: 1;
    visibility: visible;
    height: auto
}

.author {
    padding-top: 82px;
    padding-bottom: 50px
}

.author .authtor-box {
    padding-top: 100px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.author .authtor-box .authtor-box__photo {
    width: 440px;
    height: 446px;
    background-size: cover;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.author .authtor-box .authtor-box__detail {
    padding-left: 90px;
    padding-top: 103px
}

.author .authtor-box .authtor-box__detail .authtor-box__title {
    font-size: 40px;
    line-height: 1.05;
    color: #363e4e;
    margin-bottom: 30px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 600
}

.author .authtor-box .authtor-box__detail .authtor-box__description {
    font-size: 20px;
    line-height: 2;
    color: #363e4e;
    font-family: IowanOldStyle, serif;
    font-weight: 400
}

.author .authtor-box .authtor-box__detail .authtor-box__link {
    font-size: 18px;
    color: #363e4e;
    margin-top: 38px
}

.author.download-scroll {
    padding-bottom: 120px;
    padding-top: 120px
}

.author.download-scroll .authtor-box,
.author.download-scroll .authtor-box__detail,
.page-blog,
.partnership-benefits-container .partnership-benefits-steps-container .partnership-benefit-steps:first-child,
.single-post .pillar-text .img+h2,
.single-post .pillar-text img+h2,
.teams .container .items {
    padding-top: 0
}

.author.download-scroll .authtor-box__photo {
    width: 261px;
    height: 387px;
    background-size: contain
}

.author.download-scroll .authtor-box__detail .authtor-box__sub {
    color: #848fa3;
    font-size: 16px;
    margin-bottom: 20px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 600
}

.author.download-scroll .authtor-box__detail .authtor-box__title {
    font-size: 60px;
    margin-bottom: 45px
}

.author.download-scroll .authtor-box__detail .authtor-box__description {
    line-height: 30px;
    max-width: 610px
}

.author.download-scroll .authtor-box .authtor-box__detail .authtor-box__link,
.author.download-scroll .authtor-box__detail .authtor-box__link.button,
.author.download-scroll .authtor-box__detail .detail__info .authtor-box__link.link,
.author.download-scroll .authtor-box__detail .learn .right .btn-box .authtor-box__link.link,
.author.download-scroll .authtor-box__detail .quote .quote-box .detail-info a.authtor-box__link,
.detail__info .author.download-scroll .authtor-box__detail .authtor-box__link.link,
.learn .right .btn-box .author.download-scroll .authtor-box__detail .authtor-box__link.link,
.quote .quote-box .detail-info .author.download-scroll .authtor-box__detail a.authtor-box__link {
    font-weight: 500;
    padding: 16px 31px 15px;
    border: 1px solid transparent
}

.rw-words {
    display: inline
}

.rw-words span {
    position: absolute;
    opacity: 0;
    overflow: hidden;
    width: 9999px;
    padding-left: 10px;
    color: #6b969d
}

@media (max-width:1279px) {
    .author {
        padding-top: 32px;
        padding-bottom: 46px
    }

    .author .line-round {
        display: none
    }

    .author .authtor-box {
        padding-top: 25px
    }

    .author .authtor-box .authtor-box__photo {
        width: 338px;
        height: 343px;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .author .authtor-box .authtor-box__detail {
        padding-left: 83px;
        padding-top: 42px
    }

    .author .authtor-box .authtor-box__detail .authtor-box__title {
        font-size: 36px;
        margin-bottom: 32px
    }

    .author .authtor-box .authtor-box__detail .authtor-box__description {
        padding-right: 30px
    }

    .author.download-scroll {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .author.download-scroll .authtor-box__detail .authtor-box__title {
        font-size: 40px;
        margin-bottom: 25px
    }

    .rw-words span {
        width: 450px
    }
}

.rw-words-1 span {
    -webkit-animation: 18s linear .01s infinite rotateWordsFirst;
    animation: 18s linear .01s infinite rotateWordsFirst;
    margin-left: -2px
}

.rw-words-2 span {
    -webkit-animation: 18s linear infinite rotateWordsSecond;
    animation: 18s linear infinite rotateWordsSecond;
    height: 70px;
    margin-left: 2px
}

@media (max-width:768px) {
    .detail {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding-top: 7px
    }

    .detail__info {
        width: 100%;
        overflow: hidden
    }

    .detail__info h1 {
        font-size: 38px;
        margin-top: 37px;
        line-height: 1.11;
        margin-bottom: 21px;
        text-align: center
    }

    .detail__info .subtitle {
        font-size: 20px;
        margin-top: 23px;
        padding-right: 0;
        line-height: 1.54
    }

    .detail__info .link {
        font-size: 16px;
        width: 295px;
        text-align: center;
        display: block;
        margin: 32px auto 0
    }

    .detail__info p {
        margin-top: 14px;
        text-align: center;
        margin-left: 0
    }

    .detail__photo {
        width: 320px;
        height: 275px;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .photo-box {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 46px 0 18px;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .photo-box .photo-box__item {
        margin: 0 auto 48px;
        text-align: center
    }

    .photo-box .photo-box__item img {
        width: 50%
    }

    .line-round {
        padding-top: 10px
    }

    .capterra .bottom-line-round svg,
    .inspire .overflow svg,
    .line-round svg,
    .quote .overflow svg {
        height: 40px
    }

    .counters .counters-box {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 36px 0 30px;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .counters .counters-box .counter__number {
        font-size: 50px
    }

    .counters .counters-box .counter__title {
        margin-top: -8px;
        margin-bottom: 21px
    }

    .counters .counters-box .counter__title.last {
        margin-top: 4px
    }

    .counters .counters-box .counter__link {
        font-size: 18px;
        margin-bottom: 35px
    }

    .quote .quote-box {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 69px;
        margin-bottom: 62px
    }

    .quote .quote-box .quote-box__photo {
        width: 245px;
        height: 223px;
        margin: 0 auto
    }

    .quote .quote-box .detail-info {
        padding-left: 0;
        margin-top: 37px
    }

    .quote .quote-box .detail-info h3 {
        font-size: 28px;
        letter-spacing: normal;
        line-height: 1.43;
        margin-bottom: 22px;
        text-align: center
    }

    .quote .quote-box .detail-info p {
        padding-left: 0;
        font-size: 18px;
        line-height: 1.45;
        margin-bottom: 34px;
        text-align: center
    }

    .quote .quote-box .detail-info a {
        font-size: 16px;
        width: 295px;
        display: table;
        margin: 0 auto
    }

    .ask .box-info,
    .ask .box-info .details,
    .author .authtor-box,
    .lists .lists-box,
    .text-photo .cont {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .text-photo .cont .text {
        font-size: 38px;
        width: 100%;
        margin-top: 0;
        line-height: 1.1;
        text-align: center
    }

    .text-photo .cont .photo {
        width: 410px;
        height: 259px;
        margin-top: 63px;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .lists {
        padding-top: 24px
    }

    .lists .lists-box .lists-item:first-child {
        width: 100%;
        margin-bottom: 31px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .lists .lists-box .lists-item:first-child .lists-item__ul,
    .lists .lists-box .lists-item:nth-child(2) .lists-item__ul,
    .lists .lists-box .lists-item:nth-child(3) .lists-item__ul {
        width: 300px
    }

    .lists .lists-box .lists-item:first-child .lists-item__ul li:before {
        left: -33px;
        top: 5px;
        height: 13px;
        width: 13px;
        background-size: contain;
        background-repeat: no-repeat
    }

    .lists .lists-box .lists-item:nth-child(2) {
        width: 100%;
        margin-bottom: 29px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .lists .lists-box .lists-item:nth-child(2) .lists-item__ul li:before {
        left: -33px;
        top: 5px;
        height: 13px;
        width: 13px;
        background-size: contain;
        background-repeat: no-repeat
    }

    .lists .lists-box .lists-item:nth-child(3) {
        width: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .lists .lists-box .lists-item:nth-child(3) .lists-item__ul li:before {
        left: -33px;
        top: 5px;
        height: 13px;
        width: 13px;
        background-size: contain;
        background-repeat: no-repeat
    }

    .lists .lists-box .lists-item__tag {
        margin-bottom: 9px;
        text-align: center
    }

    .lists .lists-box .lists-item__title {
        font-size: 26px;
        line-height: 1.1;
        min-height: auto;
        margin-bottom: 31px;
        text-align: center
    }

    .lists .lists-box .lists-item__ul {
        padding-left: 32px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .lists .lists-box .lists-item__ul li {
        font-size: 18px;
        margin-bottom: 19px
    }

    .lists .btn-center {
        padding-bottom: 61px
    }

    .lists .btn-center a {
        margin-top: 42px;
        font-size: 16px
    }

    .inspire:before {
        height: 95px
    }

    .inspire .inspire__title {
        font-size: 28px;
        margin-top: 63px
    }

    .inspire .inspire__description {
        font-size: 18px;
        margin-top: 20px;
        line-height: 1.4;
        padding: 0 30px
    }

    .inspire .slider {
        width: 620px
    }

    .inspire .slider .owl-stage-outer {
        padding: 35px 0 104px
    }

    .inspire .slider .owl-item {
        width: 295px
    }

    .inspire .slider .owl-dots {
        position: absolute;
        bottom: 46px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .inspire .slider .item .photo {
        width: 295px;
        height: 182px
    }

    .inspire .slider .item .photo a {
        display: block;
        line-height: 1;
        width: 160px;
        text-align: center
    }

    .inspire .slider .item .photo a span {
        font-size: 12px
    }

    .ask {
        padding-bottom: 19px
    }

    .ask__title {
        font-size: 28px;
        margin-top: -2px
    }

    .ask__description {
        font-size: 18px;
        margin-top: 16px;
        line-height: 1.5;
        padding-bottom: 34px;
        margin-bottom: 48px
    }

    .ask .box-info .photo-man {
        margin: 0 auto;
        -webkit-transform: translateX(7px);
        transform: translateX(7px)
    }

    .ask .box-info .details .first {
        width: 100%;
        margin-left: 0;
        margin-top: 49px
    }

    .ask .box-info .details .first:nth-child(2n),
    .rw-words-1 span {
        margin-left: 0
    }

    .ask .box-info .details .first:nth-child(2n) .btn {
        margin-top: 33px;
        margin-bottom: 20px
    }

    .ask .box-info .details .first .qoute {
        line-height: 1.47;
        text-align: center
    }

    .ask .box-info .details .first .who {
        margin-top: 24px;
        font-size: 18px;
        text-align: center
    }

    .ask .box-info .details .first .btn {
        margin: 34px auto 54px;
        display: table
    }

    .ask .box-info .details .first .btn a {
        padding: 16px 41px 15px
    }

    .ask .box-info .details .first .btn .button__text {
        font-size: 14px;
        letter-spacing: .8px
    }

    .ask .box-info .details .first .tag {
        display: table
    }

    .ask .box-info .details .first .link {
        text-align: center
    }

    .capterra .capterra-box {
        margin-top: 58px
    }

    .capterra .capterra-box__logo {
        width: 140px;
        height: 28px
    }

    .capterra .capterra-box__title {
        font-size: 28px
    }

    .capterra .capterra-box__description {
        font-size: 18px;
        line-height: 1.7;
        margin: 22px auto 70px
    }

    .author {
        padding-top: 20px
    }

    .author .authtor-box .authtor-box__photo {
        width: 231px;
        height: 234px;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        margin: -4px auto 0
    }

    .author .authtor-box .authtor-box__detail {
        padding-left: 0;
        padding-top: 57px;
        text-align: center
    }

    .author .authtor-box .authtor-box__detail .authtor-box__title {
        font-size: 28px;
        margin-bottom: 17px;
        text-align: center
    }

    .author .authtor-box .authtor-box__detail .authtor-box__description {
        font-size: 18px;
        line-height: 1.67;
        padding-right: 0
    }

    .author .authtor-box .authtor-box__detail .authtor-box__link {
        margin-top: 30px;
        font-size: 14px;
        padding: 16px 40px 15px;
        letter-spacing: 1px
    }

    .rw-sentence span:first-child+br,
    .rw-sentence span>br {
        display: none
    }

    .rw-words {
        display: block
    }

    .rw-words span {
        padding-left: 0
    }

    @-moz-document url-prefix() {
        .rw-words-1 span {
            margin-left: 1px
        }
    }

    .rw-words-1 span:first-child,
    .rw-words-2 span:first-child {
        opacity: 1
    }
}

.rw-words span:nth-child(2) {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    color: #6b889d
}

.rw-words span:nth-child(3) {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    color: #6b739d
}

.rw-words span:nth-child(4) {
    -webkit-animation-delay: 9s;
    animation-delay: 9s;
    color: #7a6b9d
}

.rw-words span:nth-child(5) {
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
    color: #8d6b9d
}

.rw-words span:nth-child(6) {
    -webkit-animation-delay: 15s;
    animation-delay: 15s;
    color: #9b6b9d
}

@-webkit-keyframes rotateWordsFirst {
    0% {
        opacity: 1;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        height: 0
    }

    12%,
    5% {
        opacity: 1;
        height: 100%
    }

    18% {
        opacity: 0;
        height: 100%
    }

    100% {
        opacity: 0
    }
}

@keyframes rotateWordsFirst {
    0% {
        opacity: 1;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        height: 0
    }

    12%,
    5% {
        opacity: 1;
        height: 100%
    }

    18% {
        opacity: 0;
        height: 100%
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes rotateWordsSecond {
    0% {
        opacity: 1;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        width: 0
    }

    10% {
        opacity: .3;
        width: 0
    }

    20% {
        opacity: 1;
        width: 100%
    }

    27% {
        opacity: 0;
        width: 100%
    }

    100% {
        opacity: 0
    }
}

@keyframes rotateWordsSecond {
    0% {
        opacity: 1;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        width: 0
    }

    10% {
        opacity: .3;
        width: 0
    }

    20% {
        opacity: 1;
        width: 100%
    }

    27% {
        opacity: 0;
        width: 100%
    }

    100% {
        opacity: 0
    }
}

@media screen and (max-width:768px) {
    .rw-sentence {
        font-size: 18px;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width:320px) {
    .rw-sentence {
        font-size: 9px
    }
}

.awards .awards-box .description h3,
.listing__title {
    font-size: 40px;
    font-family: QanelasSoft, sans-serif;
    color: #363e4e
}

.awards .path-left {
    position: absolute;
    top: 179px;
    z-index: -10
}

.awards .path-right {
    position: absolute;
    right: 0;
    top: 315px;
    z-index: -10
}

.awards .overflow {
    z-index: 10;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.awards .awards-box {
    padding: 29px 0 79px
}

.awards .awards-box .badges .badge-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 850px;
    margin: 0 auto
}

.awards .awards-box .badges .badge,
.hor-tab .tabs__caption,
.hor-tab__detail,
.listing__item {
    display: -webkit-flex;
    display: -ms-flexbox
}

.awards .awards-box .badges .badge {
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 150px;
    height: 150px;
    margin: 15px
}

.awards .awards-box .badges .badge img {
    max-height: 100%;
    max-width: 100%
}

.awards .awards-box .description {
    text-align: center
}

.awards .awards-box .description h3 {
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 0
}

.awards .awards-box .description p {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    font-size: 20px;
    color: #000;
    max-width: 776px;
    margin: 15px auto 0
}

.listing {
    padding: 45px 0
}

.listing .wrap,
.partner-ship__bottom,
.use-case-overview__container {
    width: 1160px;
    margin: 0 auto
}

@media (max-width:1279px) {
    .listing .wrap {
        width: 864px
    }

    .listing__title {
        font-size: 32px
    }
}

.listing__title {
    font-weight: 700;
    line-height: 1.15;
    margin-bottom: 32px;
    text-align: center
}

.listing__description {
    font-family: IowanOldStyle, serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    color: #363e4e;
    margin-bottom: 60px;
    padding: 0 68px
}

.listing__left {
    width: calc(100% - 609px)
}

@media (max-width:1279px) {
    .listing__description {
        font-size: 18px
    }

    .listing__left {
        width: calc(100% - 400px)
    }
}

.listing__item {
    display: flex;
    position: relative;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 50px;
    margin-bottom: 50px
}

.article-container .right .download-collection .list-box .list:last-child,
.listing__item:nth-child(3),
.main-content-article .sidebar .download-collection .list-box .list:last-child,
.teams .container .items .box:nth-child(2) {
    margin-bottom: 0
}

.listing .listing__item-icon {
    position: absolute;
    left: 0;
    top: 0
}

.listing .listing__item-title {
    margin: 0 0 8px;
    padding-right: 45px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.18;
    color: #363e4e
}

.listing .listing__item-description {
    font-family: IowanOldStyle, serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    color: #363e4e;
    padding-right: 45px
}

.listing__photo {
    width: 609px;
    height: 659px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.hor-tab .hor-tab__detail-photo,
.upp-block {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.hor-tab {
    background-color: #f5f7fb;
    position: relative;
    margin: 45px 0;
    padding-bottom: 30px
}

.hor-tab.withoutGrDes .hor-tab__detail-photo {
    background-size: contain;
    width: 505px;
    height: 320px
}

.competitor-main-cta,
.hor-tab.withoutGrDes .tabs__caption,
.learn-price .container .photo-box,
.partnership-header .header-content .cta-btn,
div.matrix-btns-container a.active {
    margin-top: 40px
}

.hor-tab .hor-tab__detail-left .name,
.hor-tab__title {
    margin: 0 0 32px;
    line-height: 1.15;
    font-family: QanelasSoft, sans-serif;
    font-size: 40px;
    font-weight: 700;
    color: #363e4e;
    letter-spacing: normal;
    font-stretch: normal;
    font-style: normal
}

.hor-tab.withoutGrDes .tabs__caption li.active {
    background-color: #f5f7fb;
    border-color: #f5f7fb;
    color: #848fa3
}

.hor-tab.withoutGrDes .tabs__caption li:hover {
    color: #848fa3
}

.hor-tab.withoutGrDes .hor-tab__detail-left {
    width: calc(100% - 505px)
}

.hor-tab .overflow.lst {
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}

.hor-tab .wrap {
    width: 1070px;
    margin: 0 auto
}

@media (max-width:1279px) {
    .listing__item {
        margin-bottom: 40px
    }

    .listing .listing__item-title {
        font-size: 20px
    }

    .listing__photo {
        width: 400px;
        height: 500px
    }

    .hor-tab.withoutGrDes .hor-tab__detail-left {
        width: 100%
    }

    .hor-tab .overflow.lst {
        -webkit-transform: translateY(75px);
        transform: translateY(75px)
    }

    .hor-tab .wrap {
        width: 864px
    }
}

.hor-tab__title {
    text-align: center;
    padding-top: 100px
}

.hor-tab__description {
    padding: 0 14px;
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #363e4e;
    max-width: 640px;
    margin: 0 auto
}

.hor-tab .tabs__caption {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none;
    padding-left: 0;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
    margin-top: 80px
}

.hor-tab .tabs__caption li {
    margin: 0 0 10px;
    font-family: QanelasSoft, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #363e4e;
    border: 1px solid transparent;
    padding: 9px 16px;
    border-radius: 18px;
    transition: .3s
}

.hor-tab .tabs__caption li.active {
    color: #f16f41;
    border: 1px solid #f16f41
}

.hor-tab .tabs__caption li:hover {
    color: #f16f41;
    cursor: pointer
}

.hor-tab .tabs__content {
    display: none;
    padding-top: 65px
}

.hor-tab .tabs__content.active,
.matrix .matrix-btns-container .matrix-btns.active .matrix-btns-show-text-hide,
.resource-free .container .head-nav .box-select .checkobox-list.opn {
    display: block
}

.hor-tab__detail {
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.hor-tab .hor-tab__detail-photo {
    width: 412px;
    height: 346px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.hor-tab .hor-tab__detail-left {
    width: calc(100% - 412px);
    -webkit-transform: translateX(-80px);
    transform: translateX(-80px)
}

.hor-tab .hor-tab__detail-left .name {
    padding-right: 105px
}

.hor-tab .hor-tab__detail-left .info {
    font-family: QanelasSoft, sans-serif;
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #363e4e;
    padding-right: 105px
}

@media (max-width:1279px) {
    .hor-tab__title {
        padding-top: 70px
    }

    .hor-tab .tabs__caption {
        margin-top: 40px
    }

    .hor-tab__detail {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .hor-tab .hor-tab__detail-left {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        width: 100%
    }

    .hor-tab .hor-tab__detail-left .name {
        padding-right: 0;
        font-size: 32px;
        text-align: center;
        margin-top: 25px
    }

    .hor-tab .hor-tab__detail-left .info {
        padding-right: 0;
        font-size: 18px;
        text-align: center
    }
}

.customer-review .container .review-box,
.partner__left {
    max-width: 400px
}

.customer-review .container .review-box h3 {
    margin-top: 39px;
    margin-bottom: 64px;
    font-size: 40px;
    font-weight: 700;
    line-height: 1
}

.calculator .info-box h3,
.what-will-i-learn .container .info-box h3 {
    margin-bottom: 32px;
    line-height: 1.15;
    font-weight: 700;
    font-family: QanelasSoft, sans-serif;
    font-size: 40px
}

.customer-review .container .review-box .info .logo-placeholder {
    width: 80px;
    height: 80px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 49px
}

.customer-review .container .review-box .info .rating {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 21px
}

.customer-review .container .review-box .info .rating .stars {
    font-size: 20px;
    line-height: 1;
    letter-spacing: 1px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.customer-review .container .review-box .info .rating .info {
    margin-left: 10px;
    line-height: 24px;
    font-size: 20px;
    font-weight: 600
}

.customer-review .container .review-box .info p {
    font-size: 20px;
    margin-bottom: 48px
}

.customer-review .container .review-box .info a {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 23px;
    font-size: 18px;
    font-weight: 700;
    color: #fc794b;
    text-decoration: none;
    transition: .3s linear
}

.customer-review .container .review-box .info a:hover {
    color: #af360f
}

.customer-review .container .comments-placeholder {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    max-width: 612px;
    height: 590px
}

@media (max-width:1023px) {

    .hor-tab .wrap,
    .listing .wrap {
        width: calc(100% - 160px)
    }

    .listing__title {
        margin-bottom: 20px
    }

    .listing__description {
        padding: 0 20px;
        margin-bottom: 30px
    }

    .listing__detail {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .listing__left {
        width: 100%
    }

    .customer-review {
        padding: 50px 0 0
    }

    .customer-review .container {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .customer-review .container .review-box {
        text-align: center;
        margin-bottom: 30px;
        max-width: initial
    }

    .customer-review .container .review-box h3 {
        margin: 30px 0
    }

    .customer-review .container .review-box .info .logo-placeholder {
        margin: 0 auto 30px
    }

    .customer-review .container .review-box .info .rating {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .customer-review .container .comments-placeholder {
        margin: 0 auto
    }

    .calculator .calconic-calculator #lumi-calculator-5fd88df087472b001ed215b1__wrapper #lumi-calculator-5fd88df087472b001ed215b1 .calconic-element-label label,
    .calculator .calconic-calculator #lumi-calculator-5fd88df087472b001ed215b1__wrapper #lumi-calculator-5fd88df087472b001ed215b1 .calconic-form-item-label label,
    .calculator .calconic-calculator #lumi-calculator-5fd88df087472b001ed215b1__wrapper #lumi-calculator-5fd88df087472b001ed215b1 .calconic-formula#ref-r17 .calconic-element-label label {
        font-size: 18px !important
    }
}

@media (max-width:767px) {

    .author .authtor-box .authtor-box__detail .header__box-button .authtor-box__link:first-child,
    .detail__info .header__box-button .link:first-child,
    .header__box-button .author .authtor-box .authtor-box__detail .authtor-box__link:first-child,
    .header__box-button .button:first-child,
    .header__box-button .detail__info .link:first-child,
    .header__box-button .learn .right .btn-box .link:first-child,
    .header__box-button .quote .quote-box .detail-info a:first-child,
    .learn .right .btn-box .header__box-button .link:first-child,
    .quote .quote-box .detail-info .header__box-button a:first-child {
        margin-right: 0
    }

    .author .authtor-box .authtor-box__detail .header__box-button .authtor-box__link:nth-child(2),
    .detail__info .header__box-button .link:nth-child(2),
    .header__box-button .author .authtor-box .authtor-box__detail .authtor-box__link:nth-child(2),
    .header__box-button .button:nth-child(2),
    .header__box-button .detail__info .link:nth-child(2),
    .header__box-button .learn .right .btn-box .link:nth-child(2),
    .header__box-button .quote .quote-box .detail-info a:nth-child(2),
    .learn .right .btn-box .header__box-button .link:nth-child(2),
    .quote .quote-box .detail-info .header__box-button a:nth-child(2) {
        margin-right: 0;
        margin-left: 21px
    }

    .author .authtor-box .authtor-box__detail .header__box-button .authtor-box__link,
    .detail__info .header__box-button .link,
    .header__box-button .author .authtor-box .authtor-box__detail .authtor-box__link,
    .header__box-button .button,
    .header__box-button .detail__info .link,
    .header__box-button .learn .right .btn-box .link,
    .header__box-button .quote .quote-box .detail-info a,
    .learn .right .btn-box .header__box-button .link,
    .quote .quote-box .detail-info .header__box-button a,
    .select-menu:before {
        display: none
    }

    .header__mob-menu .header__menu-wrap {
        overflow-y: auto
    }

    .header--top .header__main {
        padding: 20px
    }

    .select-menu .current {
        margin-right: 22px
    }

    .get-started {
        margin-top: 45px
    }

    .get-started .overflow svg {
        height: 40px
    }

    .get-started .started-box {
        padding-top: 58px
    }

    .get-started .started-box .started-box__title {
        font-size: 38px
    }

    .get-started .started-box .started-box__link {
        margin: 25px auto 0;
        width: 100%;
        text-align: center;
        max-width: 295px
    }

    .get-started .started-box .started-box__link span {
        font-size: 16px
    }

    .get-started .started-box .started-box__description {
        font-size: 18px;
        margin: 50px auto 3px;
        padding-left: 0;
        line-height: 30px;
        text-align: center
    }

    .get-started .started-box .started-box__second-link {
        margin: 32px auto 0;
        width: 295px;
        text-align: center
    }

    .customer-review .container .review-box .info .rating .info,
    .customer-review .container .review-box .info .rating .stars,
    .get-started .started-box .started-box__second-link span {
        font-size: 16px
    }

    .get-started .started-box .line {
        margin-top: 79px
    }

    .footer__logo svg {
        width: 54px;
        height: 55px
    }

    .footer__main {
        max-width: calc(100% - 80px);
        min-height: 400px;
        padding-top: 60px;
        padding-bottom: 77px;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer__col,
    .inspire .slider {
        width: 100%
    }

    .footer__col .toggle {
        margin-top: 10px
    }

    .footer__col .toggle__body {
        display: none
    }

    .footer__phone {
        margin-top: 0
    }

    .ask .box-info .details .first .btn,
    .detail__info .link,
    .footer__bottom,
    .lists .lists-box .lists-item__ul {
        display: block
    }

    .footer__bottom-wrap {
        margin-top: 0;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer__copywriting {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: auto;
        margin-top: 20px
    }

    .footer__term-link {
        display: table;
        margin: 6px auto 0
    }

    .footer__social-links {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
        margin: 0 auto;
        display: table
    }

    .footer__social-link svg {
        width: 18px;
        height: 18px
    }

    .ask .box-info .details .first .link,
    .ask .box-info .details .first .qoute,
    .ask .box-info .details .first .who,
    .author .authtor-box .authtor-box__detail,
    .author .authtor-box .authtor-box__detail .authtor-box__title,
    .detail__info .subtitle,
    .detail__info h1,
    .lists .lists-box .lists-item__tag,
    .lists .lists-box .lists-item__title,
    .quote .quote-box .detail-info h3,
    .quote .quote-box .detail-info p,
    .text-photo .cont .text {
        text-align: left
    }

    .photo-box .photo-box__item {
        width: 50%
    }

    .photo-box .photo-box__item img {
        width: 70%
    }

    .text-photo .cont .photo {
        width: 420px;
        height: 260px;
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }

    .lists .lists-box .lists-item:first-child,
    .lists .lists-box .lists-item:nth-child(2),
    .lists .lists-box .lists-item:nth-child(3) {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .inspire .slider .owl-stage-outer {
        padding: 35px 0 104px 40px
    }

    .ask .box-info .details .first .tag {
        display: inline-block
    }

    .author .authtor-box .authtor-box__photo {
        -webkit-transform: translateX(33px);
        transform: translateX(33px);
        margin-left: 0
    }

    .author.download-scroll .authtor-box__photo {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        margin: 0 auto
    }

    .author.download-scroll .authtor-box__detail .authtor-box__sub {
        font-size: 14px
    }

    .author.download-scroll .authtor-box__detail .authtor-box__title,
    .hor-tab .hor-tab__detail-left .name {
        font-size: 22px;
        margin-bottom: 15px
    }

    .author.download-scroll .authtor-box__detail .authtor-box__description {
        font-size: 16px;
        line-height: 22px;
        max-width: 100%
    }

    .rw-words span {
        width: 767px
    }

    .awards .awards-box .badges .badge {
        width: 140px;
        height: 140px;
        margin: 4px 0
    }

    .listing {
        padding: 25px 0
    }

    .hor-tab .wrap,
    .listing .wrap {
        width: calc(100% - 40px)
    }

    .listing__title {
        font-size: 22px
    }

    .listing__description {
        font-size: 16px;
        padding: 0
    }

    .listing .listing__item-description,
    .listing .listing__item-title {
        padding-right: 0
    }

    .listing__photo {
        width: 280px;
        height: 300px;
        margin-bottom: 40px
    }

    .hor-tab.withoutGrDes .hor-tab__detail-photo {
        width: 290px
    }

    .hor-tab__title {
        font-size: 24px;
        padding-top: 40px;
        margin: 0 0 15px
    }

    .hor-tab__description {
        padding: 0 10px;
        font-size: 16px
    }

    .hor-tab .tabs__caption {
        margin-top: 25px
    }

    .hor-tab .tabs__caption li {
        margin: 0 0 5px;
        font-size: 14px
    }

    .hor-tab .tabs__content {
        padding-top: 35px
    }

    .hor-tab .hor-tab__detail-photo {
        width: 280px;
        background-size: contain;
        height: 240px
    }

    .customer-review {
        padding: 30px 0 0
    }

    .customer-review .container .review-box h3 {
        font-size: 24px;
        margin: 20px 0
    }

    .customer-review .container .review-box .info .logo-placeholder {
        margin: 0 auto 20px
    }

    .customer-review .container .review-box .info p {
        font-size: 18px
    }

    .customer-review .container .comments-placeholder {
        height: 400px
    }
}

@media (max-width:375px) {
    .customer-review .container .comments-placeholder {
        height: 300px
    }
}

.calculator {
    padding: 75px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.calculator .react-grid-layout.calconic-elements.with-animation {
    height: 575px !important
}

.story .story-grid .item__head .border1,
.story .story-grid .item__head .border2 {
    height: 2px;
    background-size: 5px 7px, 100% 4px;
    right: -40px;
    width: 200px;
    position: absolute;
    top: 10px
}

.calculator #ref-r21 .calconic--controled_input {
    padding-top: 70px
}

.calculator .calconic-input .currency-icon {
    position: absolute;
    top: -6px;
    left: 9px
}

.calculator .calconic-input .user-icon {
    position: absolute;
    top: 64px;
    left: 4px
}

.calculator .calconic--controled_input input {
    padding-left: 30px
}

.calculator .calconic-calculator {
    max-width: 500px;
    padding: 40px 0 0;
    box-shadow: 0 6px 34px 0 rgba(0, 0, 0, .06);
    border-radius: 20px;
    border: 5px solid #fff;
    width: 100%;
    float: left;
    position: relative
}

.calculator .calconic-calculator #lumi-calculator-5fd88df087472b001ed215b1__wrapper .calconic-slider__wrapper {
    padding: 0;
    width: 260px
}

.calculator .calconic-calculator #lumi-calculator-5fd88df087472b001ed215b1__wrapper .built-with-calconic,
.calculator .calconic-calculator #lumi-calculator-5fd88df087472b001ed215b1__wrapper .calconic-slider__wrapper .rc-slider-dot,
.calculator .calconic-calculator #lumi-calculator-5fd88df087472b001ed215b1__wrapper .calconic-slider__wrapper .rc-slider-mark-text,
.comparison-table .wrap-table .item .line-box .line-progress .line-second .show-mob,
.download-first .hbspt-form .custom-hbspt .hs_company_size_picklist .custom-selector ul.custom-select-option li:first-child,
.download-first .hbspt-form .custom-hbspt .hs_easygenerator_content_checkbox,
.download-first .hbspt-form .custom-hbspt .hs_numemployees .custom-selector ul.custom-select-option li:first-child,
.download-second .hbspt-form .custom-hbspt .hs_easygenerator_content_checkbox,
.matrix .matrix-btns-container .matrix-btns.active .matrix-btns-show-text-show {
    display: none
}

.calculator .calconic-calculator #lumi-calculator-5fd88df087472b001ed215b1__wrapper .calconic-slider__wrapper .rc-slider-with-marks,
.teams {
    padding-bottom: 0
}

.calculator .calconic-calculator #lumi-calculator-5fd88df087472b001ed215b1__wrapper .calconic-slider {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.calculator .calconic-calculator #lumi-calculator-5fd88df087472b001ed215b1__wrapper .calconic-slider__counter {
    font-family: QanelasSoft, sans-serif !important;
    color: #363e4e !important;
    font-weight: 700;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px !important;
    max-width: 107px;
    display: inline-block;
    border: 1px solid #c3cad7;
    border-radius: 4px;
    padding: 10px 30px 10px 20px;
    margin-left: 20px;
    margin-bottom: 0
}

.calculator .calconic-calculator #lumi-calculator-5fd88df087472b001ed215b1__wrapper #ref-r17 {
    padding-top: 23px;
    padding-bottom: 58px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position: relative
}

.calculator .calconic-calculator #lumi-calculator-5fd88df087472b001ed215b1__wrapper #ref-r17::before {
    content: '';
    position: absolute;
    bottom: 70px;
    left: 40px;
    height: 1px;
    width: calc(100% - 80px);
    background-color: #ffd0c1
}

.calculator .calconic-calculator #lumi-calculator-5fd88df087472b001ed215b1__wrapper #ref-r17::after {
    content: '*All calculated data are approximate';
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center;
    font-family: QanelasSoft, sans-serif;
    font-size: 12px;
    color: #ee997e
}

.calculator .calconic-calculator #lumi-calculator-5fd88df087472b001ed215b1__wrapper #ref-r17 .p-p-fix,
.calculator .calconic-calculator #lumi-calculator-5fd88df087472b001ed215b1__wrapper #ref-r17 .result {
    font-family: QanelasSoft, sans-serif !important;
    font-size: 26px
}

.calculator .calconic-calculator #lumi-calculator-5fd88df087472b001ed215b1__wrapper #ref-r13::before {
    content: '';
    position: absolute;
    bottom: 40px;
    left: 40px;
    height: 1px;
    width: calc(100% - 80px);
    background-color: #e4e8f0
}

.calculator .calconic-calculator #lumi-calculator-5fd88df087472b001ed215b1__wrapper #ref-r17::before,
.career-application_process .steps ul li:last-child::after,
.elearning-event-partnership-container .steps ul li:last-child::after,
.pillar-nav__item.active:before {
    content: none
}

.calculator .calconic-calculator #lumi-calculator-5fd88df087472b001ed215b1__wrapper span.result {
    font-family: QanelasSoft, sans-serif !important;
    white-space: nowrap;
    font-size: 22px;
    font-weight: 600
}

.calculator .calconic-calculator #lumi-calculator-5fd88df087472b001ed215b1__wrapper .calconic-element-controls {
    font-size: 26px
}

.calculator .calconic-calculator #lumi-calculator-5fd88df087472b001ed215b1__wrapper #ref-r18 .currency-icon,
.calculator .calconic-calculator #lumi-calculator-5fd88df087472b001ed215b1__wrapper #ref-r19 .user-icon {
    height: 24px;
    width: 24px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-right: 10px
}

.calculator .calconic-calculator #lumi-calculator-5fd88df087472b001ed215b1__wrapper #ref-r19 .user-icon {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px)
}

.calculator .calconic-calculator #lumi-calculator-5fd88df087472b001ed215b1__wrapper #lumi-calculator-5fd88df087472b001ed215b1 .calconic-element-label label,
.calculator .calconic-calculator #lumi-calculator-5fd88df087472b001ed215b1__wrapper #lumi-calculator-5fd88df087472b001ed215b1 .calconic-form-item-label label,
.calculator .calconic-calculator #lumi-calculator-5fd88df087472b001ed215b1__wrapper #lumi-calculator-5fd88df087472b001ed215b1 .calconic-formula#ref-r17 .calconic-element-label label {
    font-family: QanelasSoft, sans-serif !important
}

.calculator .info-box {
    width: 100%;
    max-width: 520px;
    margin-left: 30px
}

.calculator .info-box h3 {
    margin-top: 85px
}

.calculator .info-box p {
    font-family: IowanOldStyle, serif;
    font-size: 20px;
    line-height: 1.5
}

.calculator .info-box div a {
    margin-top: 40px;
    display: inline-block;
    background-image: linear-gradient(to left, #65c86d, #2cbd9a);
    border-radius: 30px;
    padding: 14px 48px;
    font-family: QanelasSoft, sans-serif;
    font-size: 18px;
    color: #fff
}

.calculator .info-box div a:hover {
    text-decoration: none
}

.what-will-i-learn {
    padding: 75px 0
}

.what-will-i-learn .container .laptop-placeholder {
    position: absolute;
    left: 0;
    -webkit-transform: translateX(-34%);
    transform: translateX(-34%);
    max-width: 900px;
    width: 100%
}

.what-will-i-learn .container .info-box {
    padding-top: 25px;
    margin-left: auto;
    max-width: 520px;
    width: 100%
}

.what-will-i-learn .container .info-box p {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 60px;
    font-family: IowanOldStyle, serif;
    font-weight: 400
}

.what-will-i-learn .container .info-box .listing-box ul {
    padding-left: 0;
    list-style: none;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0
}

.what-will-i-learn .container .info-box .listing-box ul li {
    line-height: 20px;
    font-size: 18px;
    margin-bottom: 28px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    display: flex
}

.what-will-i-learn .container .info-box .listing-box ul li::before {
    content: url(../images/bullet-orange.svg);
    vertical-align: middle;
    margin-right: 14px;
    display: none
}

.what-will-i-learn .container .info-box .listing-box ul:first-child {
    max-width: 259px;
    width: 100%
}

.download-second .key-insight,
.download-second .ready-create-box,
.resource-free .container .head-nav .page-blog .search__close,
.resource-free .container .head-nav .page-blog .search__field,
.resource-free .container .head-nav .page-blog .search__field input,
.story {
    background-color: #f5f7fb
}

.character .overflow-second,
.story .overflow {
    overflow: hidden;
    position: relative;
    z-index: 3
}

.story .head-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 65px;
    padding-top: 100px
}

@media (max-width:1279px) {
    .what-will-i-learn .container .laptop-placeholder {
        -webkit-transform: translateX(-60%);
        transform: translateX(-60%)
    }

    .story .head-box {
        margin-bottom: 35px;
        padding-top: 60px
    }
}

.story .head-box .icon-story {
    margin-right: 40px
}

.story .head-box .detail-story__title {
    font-family: QanelasSoft, sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: #363e4e
}

@media (max-width:1279px) {
    .story .head-box .detail-story__title {
        font-size: 28px
    }
}

.story .head-box .detail-story__description {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: normal;
    color: #363e4e
}

@media (max-width:1279px) {
    .story .head-box .detail-story__description {
        font-size: 18px
    }
}

.download-first .header-extra-form .container .author .author-box,
.gate .container .gate-items,
.page-blog .grid-items,
.promotional__inner,
.story .story-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.story .story-grid .item__head {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 36px;
    position: relative
}

.story .story-grid .item__head .border1 {
    background-image: linear-gradient(90deg, transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(90deg, #848fa3, #848fa3, #e0e4cc, #f38630, #fa6900);
    border: none
}

.story .story-grid .item__head .border2 {
    background-image: linear-gradient(90deg, transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(90deg, #fc794b, #fc794b, #e0e4cc, #48c283, #48c283);
    border: none
}

.story .story-grid .item__head-icon {
    height: 26px
}

.story .story-grid .item__head-icon svg {
    width: 20px
}

.story .story-grid .item__head-text {
    font-family: QanelasSoft, sans-serif;
    font-weight: 500;
    font-size: 24px;
    color: #848fa3;
    margin-left: 20px;
    background-color: #f5f7fb;
    position: relative;
    z-index: 4
}

.story .story-grid .item__title,
.upp-block__title {
    font-family: QanelasSoft, sans-serif;
    font-weight: 600
}

@media (max-width:1279px) {
    .story .story-grid .item__head-text {
        font-size: 22px
    }
}

.story .story-grid .item__title {
    color: #363e4e;
    font-size: 24px;
    margin-bottom: 16px
}

@media (max-width:1279px) {
    .story .story-grid .item__title {
        font-size: 22px;
        line-height: 26px
    }
}

.story .story-grid .item .orange {
    color: #fc794b
}

.story .story-grid .item .green {
    color: #48c283
}

.story .story-grid .item__text {
    font-size: 20px;
    line-height: 1.6;
    color: #363e4e;
    font-family: IowanOldStyle, serif;
    font-weight: 400
}

@media (max-width:1279px) {
    .story .story-grid .item__text {
        font-size: 18px
    }
}

.story .link-story {
    font-family: QanelasSoft, sans-serif;
    font-weight: 500;
    margin-top: 40px;
    margin-bottom: 100px;
    font-size: 18px;
    color: #fc794b
}

.learn .right .main-img,
.upp-block .link,
.upp-block__img img {
    margin: 0 auto;
    display: table
}

.story .link-story a:hover .text-icon svg {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

.upp-block {
    background-color: #fff9f8
}

.upp-block__img {
    margin-top: -40px;
    -webkit-transform: translateY(78px);
    transform: translateY(78px)
}

.upp-block__title {
    font-size: 40px;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: center;
    color: #363e4e;
    margin-top: 40px
}

.upp-block__description {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: center;
    color: #363e4e;
    max-width: 765px;
    margin: 10px auto 40px
}

.upp-block .link {
    color: #fff;
    font-size: 18px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 500;
    z-index: 1000;
    background: linear-gradient(to left, #65c86d, #2cbd9a);
    border: 1px solid transparent;
    padding: 16px 50px 15px;
    border-radius: 30px;
    transition: .3s ease-in
}

.upp-block .link:hover {
    text-decoration: none;
    opacity: 1
}

.upp-block.second {
    margin-top: 100px;
    background-color: #f6f7fb;
    background-size: contain
}

.interested,
.pricing-des-block,
.trust.bg-grey {
    background-color: #f5f7fb
}

.bg-detail .img-bg,
.partner-ship,
.pricing-des-block__image {
    background-size: cover;
    background-repeat: no-repeat
}

.upp-block.second .upp-block__title {
    font-size: 50px;
    padding-top: 60px
}

.upp-block.second .upp-block__description {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 665px
}

.upp-block.second .upp-block__description svg {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16px;
    margin-top: 6px
}

.upp-block.second .upp-block__description span {
    text-align: left;
    font-size: 16px
}

.interested {
    margin-top: 140px;
    padding-bottom: 170px
}

.interested .overflow {
    overflow: hidden;
    -webkit-transform: rotate(180deg) translateY(60px);
    transform: rotate(180deg) translateY(60px);
    position: relative;
    z-index: 3
}

.interested__title {
    font-size: 60px;
    line-height: 1.02;
    text-align: center;
    color: #363e4e;
    padding-top: 20px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    margin-bottom: 32px
}

@media (max-width:1279px) {
    .story .link-story {
        font-size: 16px;
        margin-bottom: 60px
    }

    .upp-block.second .upp-block__title {
        font-size: 42px;
        padding-top: 50px
    }

    .interested__title {
        font-size: 50px
    }

    .text-pic__wrap-left {
        padding-right: 45px
    }
}

.interested__description {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 2;
    text-align: center;
    color: #363e4e;
    max-width: 776px;
    margin: 0 auto 40px
}

.interested__own-link.right a,
.interested__text-abs,
.text-pic__title {
    font-family: QanelasSoft, sans-serif
}

.character .box-group .groups,
.interested__btns {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.interested__own-link.right,
.page-blog .pagination .linkss .next.page-numbers {
    margin-left: 32px
}

.interested__own-link.right a {
    font-weight: 700;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    transition: .3s ease-in;
    border: 1px solid #c3cad7;
    outline: 0;
    padding: 17px 50px;
    border-radius: 35px;
    color: #363e4e;
    text-decoration: none
}

.download-second .ready-create-box .ready-create .ready-create-text-box .btn-box .btn-demo:hover,
.interested__own-link.right a:hover {
    border: 1px solid #363e4e
}

.interested__text-abs {
    position: absolute;
    font-weight: 300;
    color: #848fa3;
    line-height: 1.67;
    font-size: 12px;
    white-space: nowrap;
    top: calc(100% + 11px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.text-pic__wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.text-pic__wrap-left {
    width: 440px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.text-pic__title {
    font-weight: 700;
    font-size: 38px;
    line-height: 1.21;
    color: #363e4e;
    margin-bottom: 32px
}

.text-pic__description {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: normal;
    color: #363e4e;
    font-family: IowanOldStyle, serif;
    font-weight: 400
}

.text-pic__wrap-right img {
    width: 100%
}

.custom-block {
    padding-top: 30px;
    padding-bottom: 70px
}

.custom-block.reverse .custom-block__wrap {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.custom-block.reverse .custom-block__left img {
    -webkit-transform: translateX(25px);
    transform: translateX(25px)
}

.block-text-img__wrap,
.custom-block__wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.custom-block__left {
    width: 700px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width:1279px) {
    .custom-block__left {
        width: 400px
    }
}

.custom-block__left img {
    width: 840px;
    -webkit-transform: translateX(-165px);
    transform: translateX(-165px)
}

@media (max-width:1279px) {
    .custom-block__left img {
        width: 500px;
        -webkit-transform: translateX(-95px);
        transform: translateX(-95px)
    }
}

.custom-block__right {
    max-width: 398px
}

.custom-block__title {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    font-size: 38px;
    line-height: normal;
    letter-spacing: normal;
    color: #363e4e;
    margin-bottom: 32px
}

.custom-block__item {
    position: relative;
    margin-bottom: 24px
}

.custom-block__item-text {
    font-family: IowanOldStyle, serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: normal;
    color: #363e4e;
    padding-left: 36px
}

.custom-block__item-text.without-padding {
    padding-left: 0
}

.custom-block__item-icon {
    position: absolute;
    top: 2px;
    left: 0
}

.custom-block-center {
    padding-top: 40px;
    padding-bottom: 60px
}

.custom-block-center__wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: -15px;
    width: calc(100% + 15px);
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

@media (max-width:1279px) {
    .custom-block-center__wrap {
        margin-left: -10px;
        width: calc(100% + 10px)
    }
}

.custom-block-center__title {
    font-size: 38px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    margin-bottom: 40px;
    text-align: center;
    color: #363e4e
}

.block-text-img__text,
.custom-block-center__item .text {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    color: #363e4e
}

@media (max-width:1279px) {
    .custom-block-center__title {
        margin-bottom: 30px
    }
}

.custom-block-center__item {
    margin: 0 15px;
    position: relative
}

@media (max-width:1279px) {
    .custom-block-center__item {
        margin: 0 10px
    }
}

.block-text-img__img,
.custom-block-center__item.image {
    width: 530px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.custom-block-center__item.image img {
    width: 100%
}

.custom-block-center__item .text {
    font-size: 16px;
    line-height: 1.75;
    padding-left: 36px
}

.custom-block-center__item .icon {
    position: absolute;
    left: 0;
    top: 3px
}

.block-text-img {
    padding-top: 40px;
    padding-bottom: 50px
}

.pricing-des-block__images,
.pricing-des-block__wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-align-items: center
}

.block-text-img__img img,
.character .overflow svg,
.character .overflow-second svg,
.download-first .form-upper .hbspt-form .hs-input,
.download-first .hbspt-form .hs_company input,
.download-first .hbspt-form .hs_firstname input,
.download-second.webinar-formss .hbspt-form,
.pillar-tags {
    width: 100%
}

.block-text-img__text {
    max-width: 520px;
    font-size: 20px;
    line-height: 1.5
}

@media (max-width:1279px) {
    .custom-block-center__item.image {
        width: 370px
    }

    .custom-block-center__item .text {
        padding-left: 30px
    }

    .block-text-img__img {
        width: 400px
    }

    .block-text-img__text {
        max-width: 410px;
        font-size: 18px
    }
}

.pricing-des-block {
    margin-top: 60px;
    margin-bottom: 80px;
    position: relative
}

.pillar-banner .curved-line svg .area,
.pricing-des-block .overflow.lst svg {
    fill: #fff
}

.pricing-des-block__wrap {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 100px;
    padding-bottom: 40px
}

.pricing-des-block__wrap.reverse,
.teams .container .items .box.reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.pricing-des-block__image {
    width: 550px;
    height: 396px;
    background-position: center center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.pricing-des-block__detail {
    max-width: 500px
}

.pricing-des-block__title {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    line-height: 1.77;
    color: #363e4e;
    margin-bottom: 12px;
    font-size: 26px
}

.pricing-des-block__description {
    font-size: 20px;
    line-height: 1.5;
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    color: #363e4e
}

.integration__subTitle,
.integration__title {
    font-family: QanelasSoft, sans-serif;
    font-weight: 600
}

.pricing-des-block__images {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 24px
}

.pricing-des-block__images img {
    width: auto;
    margin-right: 32px;
    max-width: 50px
}

.integration-bg {
    overflow: hidden
}

.integration {
    min-height: 552px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    max-width: 1440px;
    margin: 0 auto
}

.integration .container,
.trust__container,
.trust__item {
    display: -webkit-flex;
    display: -ms-flexbox
}

.integration .container {
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.integration__title {
    color: #f0754d;
    font-size: 60px;
    line-height: 62px
}

.integration__subTitle {
    margin-bottom: 34px;
    color: #363e4e;
    font-size: 30px
}

.integration__description {
    max-width: 476px;
    text-align: center;
    line-height: 1.5;
    color: #363e4e;
    font-size: 20px;
    font-family: IowanOldStyle, serif;
    font-weight: 400
}

.trust__description,
.trust__title {
    font-family: QanelasSoft, sans-serif;
    text-align: center
}

.integration .bun {
    position: absolute;
    display: block;
    transition: 3s linear;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    overflow: hidden;
    border-radius: 50%
}

.integration .bun.notHover img {
    opacity: .3
}

.integration .bun:hover img {
    -webkit-transform: scale(1.2) translateX(0) translateY(0) !important;
    transform: scale(1.2) translateX(0) translateY(0) !important
}

.integration .bun img {
    transition: .3s ease-in;
    object-fit: contain
}

.form-box .right .hs-fieldtype-select,
.trust {
    margin-top: 30px
}

.trust.bg-grey {
    margin-bottom: 0;
    margin-top: 85px
}

.trust__description {
    color: #848fa3;
    line-height: 1.1;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 60px;
    padding-top: 60px;
    padding-left: 40px;
    padding-right: 40px
}

.trust__title {
    color: #363e4e;
    font-weight: 700
}

.trust__container {
    width: 1130px;
    margin: 0 auto;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:1279px) {
    .pricing-des-block__wrap {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 80px;
        padding-bottom: 20px
    }

    .pricing-des-block__wrap.reverse {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .pricing-des-block__description,
    .pricing-des-block__title {
        text-align: center
    }

    .integration {
        max-width: 864px
    }

    .trust__container {
        width: 900px
    }
}

.trust__item {
    width: 226px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 45px
}

.partner,
.partner__item {
    display: -webkit-flex;
    display: -ms-flexbox
}

@media (max-width:1279px) {
    .trust__item {
        width: 180px
    }
}

.partner {
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1160px;
    margin: 50px auto
}

@media (max-width:1279px) {
    .partner {
        width: 960px
    }
}

.partner__item {
    display: flex;
    margin-bottom: 30px
}

.partner__item-icon {
    margin-right: 18px
}

.partner__item-text {
    line-height: 1.32;
    font-size: 20px;
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    color: #363e4e
}

.partner__title {
    line-height: 1.54;
    color: #363e4e;
    font-size: 26px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    margin-bottom: 32px
}

.partner__right {
    width: 560px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.partner__group {
    background-color: #f7f9fd;
    padding: 40px 45px;
    border-radius: 10px
}

.partner__group img,
.support .search-form .search-list li:last-child {
    margin-bottom: 28px
}

.partner__quote {
    font-size: 18px;
    line-height: 1.91;
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    color: #363e4e;
    margin-bottom: 21px
}

.partner__author {
    font-size: 24px;
    line-height: 1.33;
    color: #363e4e;
    margin-bottom: 4px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 500
}

.partner__details {
    font-size: 16px;
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    line-height: 1.25;
    color: #848fa3
}

.why-partner {
    margin-top: 120px;
    margin-bottom: 80px
}

.why-partner__title {
    font-size: 40px;
    font-weight: 700;
    color: #363e4e;
    margin-bottom: 60px;
    text-align: center
}

.why-partner__container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 1160px;
    margin: 0 auto
}

@media (max-width:1279px) {
    .partner__right {
        width: 480px
    }

    .why-partner__container {
        width: 960px
    }
}

.why-partner__item {
    width: 340px;
    margin: 0 28px 30px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width:1279px) {
    .why-partner__item {
        width: 280px;
        margin: 0 20px 30px
    }
}

.why-partner__item img,
.why-partner__item svg {
    margin-right: 22px
}

.why-partner__item-photo {
    margin-bottom: 26px;
    min-height: 105px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.why-partner__item-name {
    line-height: 1.38;
    color: #363e4e;
    font-size: 26px;
    margin-bottom: 16px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 600
}

.why-partner__item-description {
    font-size: 18px;
    line-height: 1.67;
    color: #363e4e;
    font-family: IowanOldStyle, serif;
    font-weight: 400
}

.why-partner__wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 58px);
    margin-left: -28px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:1279px) {
    .why-partner__wrap {
        width: calc(100% + 40px);
        margin-left: -20px
    }
}

.partner-ship .download-second .hbspt-form .custom-hbspt .hs_company_size_picklist {
    margin: 0;
    width: 100%
}

.partner-ship {
    position: relative;
    margin-top: -134px;
    padding-top: 158px;
    padding-bottom: 84px;
    background-position: center;
    background-color: #2a2e39
}

.partner-ship.web-head {
    margin-bottom: 185px
}

.partner-ship.web-head .partner-ship__breadcrumbs,
.webinar-past .webinar-past__breadcrumbs {
    margin-bottom: 35px;
    list-style-type: none;
    padding-left: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 600px
}

.partner-ship.web-head .partner-ship__breadcrumbs li {
    margin-right: 24px;
    position: relative
}

.partner-ship.web-head .partner-ship__breadcrumbs li:last-child span {
    color: #f0754d;
    white-space: nowrap
}

.partner-ship.web-head .partner-ship__breadcrumbs li svg {
    position: absolute;
    top: 10px;
    right: -13px
}

.partner-ship.web-head .partner-ship__breadcrumbs li a {
    color: #848fa3;
    transition: .3s ease-in;
    white-space: nowrap
}

.page-blog .pagination .links a:hover,
.page-blog .pagination .linkss .page-numbers:hover,
.partner-ship.web-head .partner-ship__breadcrumbs li a:hover {
    color: #f0754d;
    text-decoration: none
}

.partner-ship.web-head .partner-ship__label {
    color: #363e4e;
    letter-spacing: 1px;
    font-size: 12px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    padding: 2px 3px;
    display: inline-block;
    margin-bottom: 16px;
    border-radius: 4px;
    background-color: rgba(54, 62, 78, .08);
    text-transform: uppercase
}

.partner-ship.web-head .partner-ship__card-date {
    margin-bottom: 25px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.comparison-table .wrap-table .item .line-box .line-progress .line-first,
.matrix .matrix-btns-container .matrix-btns,
.partner-ship.web-head .partner-ship__card-date .svg-name {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.partner-ship.web-head .partner-ship__card-date .svg-name .webinar-time {
    margin-left: 6px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #363e4e;
    margin-right: 24px
}

.partner-ship.web-head .partner-ship__description {
    color: #363e4e;
    margin-bottom: 48px
}

.partner-ship.web-head .partner-ship__authors {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 580px
}

.partner-ship.web-head .partner-ship__author {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 48px;
    margin-bottom: 20px
}

.partner-ship.web-head .partner-ship__author-photo {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin-right: 12px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.partner-ship.web-head .partner-ship__author-name {
    font-size: 17px;
    color: #363e4e;
    font-family: QanelasSoft, sans-serif;
    font-weight: 600
}

.partner-ship.web-head .partner-ship__author-position {
    font-family: QanelasSoft, sans-serif;
    font-weight: 500;
    font-size: 17px;
    color: #363e4e
}

.partner-ship__container {
    width: 1160px;
    margin: 0 auto;
    position: relative
}

@media (max-width:1279px) {
    .partner-ship__container {
        width: 960px
    }
}

.partner-ship__form-title {
    font-size: 26px;
    color: #363e4e;
    font-family: QanelasSoft, sans-serif;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 36px
}

.partner-ship__form {
    position: absolute;
    top: 0;
    right: 0;
    width: 400px;
    background-color: #fff;
    box-shadow: 0 15px 30px 0 rgba(54, 62, 78, .1);
    padding: 48px 48px 20px
}

.partner-ship__title {
    line-height: 1.3;
    color: #fff;
    font-size: 40px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    max-width: 590px;
    margin-bottom: 32px
}

.partner-ship__description {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    line-height: 1.67;
    font-size: 18px;
    color: #fff;
    max-width: 620px
}

@media (max-width:1279px) {
    .partner-ship__form {
        width: 380px;
        padding: 40px
    }

    .partner-ship__description,
    .partner-ship__title {
        max-width: 530px
    }

    .partner-ship__bottom {
        width: 960px
    }
}

.partner-ship__bottom-title {
    font-family: QanelasSoft, sans-serif;
    padding-top: 64px;
    font-size: 26px;
    font-weight: 700;
    color: #363e4e
}

.partner-ship__bottom-img {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 643px;
    height: 252px;
    -webkit-transform: translateY(-28px);
    transform: translateY(-28px)
}

.partner-ship .custom-hbspt-btn-field {
    font-size: 18px;
    color: #fff;
    margin: 0 auto;
    border-radius: 46px;
    border: 1px solid transparent;
    background-image: linear-gradient(to right, #2cbd9a, #65c86d);
    padding: 15px 60px;
    transition: .2s linear;
    outline: 0
}

.download-first .hbspt-form .custom-hbspt .custom-hbspt-btn:hover,
.download-second .hbspt-form .custom-hbspt .custom-hbspt-btn:hover,
.partner-ship .custom-hbspt-btn-field:hover,
.pillar-hero__link:hover {
    background-image: linear-gradient(to bottom, rgba(25, 30, 40, .2), rgba(25, 30, 40, .2)), linear-gradient(to left, #65c86d, #2cbd9a)
}

.comparison-table .btn-box,
.partner-ship .hs_submit.hs-submit,
.team .grid .item .tooltip {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.partner-ship .hs_firstname,
.partner-ship .hs_lastname {
    width: 100% !important;
    margin-bottom: 24px;
    position: relative
}

.partner-ship .form-columns-1 label span,
.partner-ship .hs_firstname label span,
.partner-ship .hs_lastname label span {
    color: #848fa3;
    font-family: QanelasSoft, sans-serif;
    font-size: 16px;
    font-weight: 600
}

.partner-ship .hs_firstname .input input,
.partner-ship .hs_lastname .input input {
    border: none;
    border-bottom: 1px solid #848fa3;
    padding: 0 !important;
    outline: 0;
    width: 100%
}

.partner-ship .form-columns-1 {
    margin-bottom: 24px;
    position: relative
}

.partner-ship .form-columns-1 .input input {
    border: none;
    border-bottom: 1px solid #848fa3;
    padding: 0 !important;
    outline: 0
}

.partner-ship .hs_error_rollup .no-list.hs-error-msgs.inputs-list {
    top: 95%
}

.partner-ship .hs-error-msgs {
    position: absolute;
    top: 100%;
    list-style-type: none;
    padding: 0
}

.partner-ship .hs-error-msgs.inputs-list,
.partner-ship .hs_email .hs-error-msgs.inputs-list {
    top: calc(94% - 16px)
}

.page-blog .filter .tags,
.pillar-hero__link {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox
}

.partner-ship .hs-error-msgs label {
    color: red;
    font-size: 12px
}

.bg-detail .img-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-position: top;
    width: 100%;
    height: calc(100% + 170px)
}

.pillar-hero {
    padding-top: 156px
}

@media (max-width:1279px) {
    .partner-ship__bottom-img {
        width: 540px
    }

    .partner-ship .custom-hbspt-btn-field {
        padding: 10px 40px
    }

    .pillar-hero {
        padding-top: 64px
    }
}

.pillar-hero__data {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 578px;
    color: #363e4e
}

.pillar-hero__title,
.single-post-hero__title {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    font-size: 60px;
    line-height: 60px
}

@media (max-width:1279px) {
    .pillar-hero__data {
        width: 498px
    }

    .pillar-hero__title {
        font-size: 56px
    }
}

.pillar-hero__desc {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    margin-top: 40px;
    font-size: 24px;
    line-height: 40px;
    letter-spacing: .05px
}

.pillar-hero__sub {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #f0754d;
    margin-bottom: 35px
}

.pillar-hero__link {
    color: #fff;
    margin-top: 17px;
    margin-bottom: 7px;
    font-size: 18px;
    font-weight: 500;
    background: linear-gradient(to left, #65c86d, #2cbd9a);
    border: 1px solid transparent;
    font-family: QanelasSoft, sans-serif;
    display: inline-flex;
    padding: 16px 50px 15px;
    border-radius: 30px;
    transition: .3s ease-in;
    outline: 0
}

.pillar-banner h2,
.pillar-hero__bottomer {
    font-weight: 700;
    font-family: QanelasSoft, sans-serif
}

.pillar-hero__link:hover {
    text-decoration: none;
    color: #fff;
    opacity: 1
}

.pillar-hero__bottomer {
    font-size: 18px;
    line-height: 1.22;
    color: #848fa3;
    text-align: center;
    padding-top: 29px;
    margin-bottom: 30px
}

.manta .title-manta,
.page-blog .title,
.pillar-banner,
.pillar-start,
.pillar-text--headers-centered h2,
.pillar-text--headers-centered h3,
.pillar-text--headers-centered h4,
.pillar-text--headers-centered h5,
.pillar-text--headers-centered h6,
.share__icon {
    text-align: center
}

.pillar-hero__author,
.single-post-hero__author {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    margin-top: 34px;
    font-size: 18px;
    line-height: 22px;
    color: #848fa3
}

.pillar-hero__image-wrap {
    height: 490px
}

.pillar-hero__image {
    width: 600px;
    height: 600px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform: translateX(146px) translateY(-88px);
    transform: translateX(146px) translateY(-88px)
}

@media (max-width:1279px) {
    .pillar-hero__image {
        width: 562px;
        height: 495px;
        -webkit-transform: translateX(20px) translateY(-15px);
        transform: translateX(20px) translateY(-15px)
    }
}

@media (max-width:1023px) {
    .calculator .container {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .calculator .info-box {
        max-width: initial;
        text-align: center;
        margin-bottom: 40px;
        margin-left: 0
    }

    .calculator .info-box h3 {
        margin: 20px 0;
        font-size: 24px
    }

    .calculator .info-box p {
        font-size: 18px
    }

    .calculator .info-box div a {
        margin-top: 20px
    }

    .what-will-i-learn .container .laptop-placeholder {
        top: 40px
    }

    .what-will-i-learn .container .info-box {
        max-width: 600px;
        margin: 0 auto;
        padding: 0 40px;
        background-color: rgba(255, 255, 255, .75);
        border-radius: 30px
    }

    .custom-block__title,
    .text-pic__title,
    .what-will-i-learn .container .info-box h3 {
        text-align: center
    }

    .story .head-box {
        padding-top: 40px
    }

    .story .head-box .icon-story {
        margin-right: 30px
    }

    .story .head-box .detail-story__title {
        font-size: 24px
    }

    .story .head-box .detail-story__description,
    .story .story-grid .item__text {
        font-size: 16px
    }

    .story .story-grid {
        width: calc(100% + 15px);
        margin-left: -15px
    }

    .story .story-grid .item {
        padding-left: 15px;
        padding-right: 15px
    }

    .story .story-grid .item__head {
        margin-bottom: 20px
    }

    .integration .js-logoPost,
    .story .story-grid .item__head .border1,
    .story .story-grid .item__head .border2 {
        display: none
    }

    .story .story-grid .item__head-icon svg {
        width: 18px
    }

    .story .story-grid .item__head-text,
    .story .story-grid .item__title {
        font-size: 20px
    }

    .partner-ship__container,
    .upp-block__img img,
    .why-partner__container {
        width: 100%
    }

    .interested__title {
        font-size: 42px
    }

    .block-text-img__wrap,
    .text-pic__wrap {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .text-pic__wrap-left {
        padding-right: 0
    }

    .text-pic__description {
        text-align: center;
        margin-bottom: 20px
    }

    .text-pic__wrap-right img {
        width: 400px
    }

    .custom-block.reverse .custom-block__wrap {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .custom-block.reverse .custom-block__left img {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .custom-block__wrap {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .custom-block__left {
        width: 500px
    }

    .custom-block__left img {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .custom-block-center__wrap {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: auto;
        width: 100%
    }

    .custom-block-center__title {
        margin-bottom: 20px;
        font-size: 32px
    }

    .custom-block-center__item {
        margin: 0 0 25px
    }

    .custom-block-center__item.image {
        margin: 0 auto 30px
    }

    .block-text-img__text {
        text-align: center;
        padding-top: 40px;
        max-width: 100%
    }

    .integration {
        min-height: 450px
    }

    .trust__container {
        width: 700px
    }

    .trust__item {
        width: 140px
    }

    .trust__item img {
        max-width: 120px
    }

    .partner {
        width: calc(100% - 40px);
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .partner__right,
    .pillar-hero__author {
        margin-top: 30px
    }

    .why-partner__item {
        width: 310px
    }

    .why-partner__item img,
    .why-partner__item svg {
        margin-right: 18px
    }

    .why-partner__item-name {
        font-size: 22px
    }

    .why-partner__wrap {
        width: 100%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: 0
    }

    .partner-ship.web-head {
        margin-bottom: 70px
    }

    .partner-ship.web-head .partner-ship__breadcrumbs {
        max-width: 100%;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .partner-ship.web-head .partner-ship__label {
        margin: 0 auto 16px;
        display: table
    }

    .partner-ship.web-head .partner-ship__card-date {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .partner-ship.web-head .partner-ship__card-date .svg-name {
        margin-bottom: 4px
    }

    .partner-ship.web-head .partner-ship__authors {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 auto
    }

    .partner-ship__form {
        position: relative;
        top: auto;
        right: auto;
        margin: 0 auto
    }

    .partner-ship__description,
    .partner-ship__title {
        text-align: center;
        margin: 0 auto 32px
    }

    .partner-ship__bottom {
        width: 768px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .pillar-hero {
        padding-top: 30px
    }

    .pillar-hero .container {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .pillar-hero__data {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 50px
    }

    .pillar-hero__title {
        font-size: 38px;
        line-height: 42px
    }

    .pillar-hero__desc {
        margin-top: 24px;
        font-size: 20px;
        line-height: 30px
    }

    .pillar-hero__image-wrap {
        height: 400px
    }

    .pillar-hero__image {
        width: 454px;
        height: 400px;
        margin-left: auto;
        margin-right: auto;
        -webkit-transform: none;
        transform: none
    }
}

@media (max-width:767px) {
    .what-will-i-learn {
        padding: 40px 0
    }

    .what-will-i-learn .container .laptop-placeholder {
        position: initial;
        top: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .what-will-i-learn .container .laptop-placeholder img {
        -webkit-transform: translateX(-35%);
        transform: translateX(-35%)
    }

    .what-will-i-learn .container .info-box {
        padding: 0;
        background-color: initial
    }

    .what-will-i-learn .container .info-box h3 {
        font-size: 24px;
        margin-bottom: 20px
    }

    .what-will-i-learn .container .info-box p {
        font-size: 18px;
        text-align: center;
        margin-bottom: 30px
    }

    .what-will-i-learn .container .info-box .listing-box {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .what-will-i-learn .container .info-box .listing-box ul li {
        margin-bottom: 15px
    }

    .story .head-box {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .story .head-box .icon-story {
        margin-right: 0
    }

    .story .head-box .detail-story__title {
        font-size: 20px;
        text-align: center;
        margin-top: 10px
    }

    .story .head-box .detail-story__description {
        font-size: 14px;
        text-align: center
    }

    .story .story-grid {
        width: 100%;
        margin-left: 0;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .story .story-grid .item {
        width: 100%;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-bottom: 30px
    }

    .story .link-story {
        margin-top: 10px;
        margin-left: 15px
    }

    .upp-block__title {
        font-size: 28px;
        line-height: 1.2
    }

    .upp-block__description {
        font-size: 18px;
        line-height: 1.4;
        margin: 10px auto 20px
    }

    .upp-block.second .upp-block__title {
        font-size: 28px;
        line-height: 1.2;
        padding-top: 30px
    }

    .partner__right,
    .text-pic__wrap-left,
    .trust__item,
    .upp-block.second .upp-block__description {
        width: 100%
    }

    .upp-block.second .upp-block__description svg {
        margin-top: 0
    }

    .custom-block-center__item .text,
    .partner__details,
    .pillar-hero__link,
    .upp-block.second .upp-block__description span {
        font-size: 14px
    }

    .interested {
        padding-bottom: 80px
    }

    .interested .overflow {
        -webkit-transform: rotate(180deg) translateY(45px);
        transform: rotate(180deg) translateY(45px)
    }

    .interested__title {
        font-size: 26px;
        margin-bottom: 20px
    }

    .interested__description {
        margin: 0 auto 30px
    }

    .interested__btns {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .interested__own-link.right {
        margin-left: 0;
        margin-bottom: 20px
    }

    .custom-block-center__title,
    .custom-block__title,
    .partner-ship__title,
    .text-pic__title {
        font-size: 24px
    }

    .pricing-des-block__description,
    .text-pic__description {
        font-size: 18px
    }

    .block-text-img__img,
    .text-pic__wrap-right img {
        width: 290px
    }

    .custom-block-center__item.image,
    .custom-block__left,
    .custom-block__left img {
        width: 280px
    }

    .custom-block-center {
        padding-top: 30px;
        padding-bottom: 40px
    }

    .block-text-img {
        padding-top: 25px;
        padding-bottom: 40px
    }

    .block-text-img__text {
        padding-top: 30px;
        font-size: 16px
    }

    .pricing-des-block__wrap {
        margin-top: 40px
    }

    .pricing-des-block__image {
        width: 280px;
        height: 240px
    }

    .pricing-des-block__title {
        font-size: 20px;
        line-height: 1.2
    }

    .pricing-des-block__images img {
        max-width: 50px
    }

    .trust__description {
        padding-right: 20px;
        font-size: 18px;
        padding-left: 20px
    }

    .partner-ship__bottom,
    .partner-ship__container,
    .trust__container,
    .why-partner__container {
        width: calc(100% - 40px)
    }

    .trust__item img {
        max-width: none
    }

    .partner__item-icon {
        height: 20px
    }

    .partner__item-icon svg {
        width: 20px;
        height: 20px
    }

    .partner-ship__description,
    .partner__item-text,
    .partner__quote {
        font-size: 16px
    }

    .partner__title {
        font-size: 20px;
        line-height: 1
    }

    .partner__group {
        padding: 20px 25px
    }

    .partner__author {
        font-size: 20px
    }

    .why-partner__title {
        font-size: 24px;
        margin-bottom: 30px
    }

    .why-partner__item {
        width: 100%;
        margin: 0 0 40px
    }

    .why-partner__item-photo {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: auto
    }

    .why-partner__item-name {
        font-size: 18px;
        text-align: center
    }

    .why-partner__item-description {
        font-size: 16px;
        text-align: center
    }

    .partner-ship {
        padding-bottom: 50px
    }

    .partner-ship.web-head .partner-ship__breadcrumbs {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: end;
        -ms-flex-pack: end;
        justify-content: end
    }

    .partner-ship.web-head .partner-ship__breadcrumbs li {
        margin-right: 0
    }

    .partner-ship.web-head .partner-ship__breadcrumbs li:last-child span {
        white-space: normal
    }

    .partner-ship.web-head .partner-ship__card-date {
        margin-bottom: 15px;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .partner-ship.web-head .partner-ship__card-date .svg-name .webinar-time {
        margin-right: 0
    }

    .partner-ship__form {
        width: 280px;
        padding: 20px
    }

    .partner-ship__bottom-img {
        width: 280px;
        height: 150px;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .partner-ship .custom-hbspt-btn-field {
        padding: 10px 50px
    }

    .partner-ship .hs-error-msgs.inputs-list,
    .partner-ship .hs_error_rollup {
        display: none
    }

    .pillar-hero {
        padding-top: 5px
    }

    .pillar-hero__data {
        width: 100%;
        margin-top: 34px
    }

    .pillar-hero__bottomer {
        font-size: 14px;
        text-align: left;
        width: calc(100% - 80px);
        margin: 0 auto 30px
    }

    .pillar-hero__image-wrap {
        height: 289px
    }

    .pillar-hero__image {
        width: 335px;
        height: 305px;
        -webkit-transform: none;
        transform: none
    }
}

.pillar-hero--with-background {
    position: relative;
    margin-top: -134px;
    padding-top: 191px;
    padding-bottom: 165px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.pillar-author__image,
.pillar-tip__icon {
    background-repeat: no-repeat;
    background-size: contain
}

.pillar-hero--with-background .pillar-hero__data {
    z-index: 2
}

.pillar-hero--with-background .pillar-hero__author,
.pillar-hero--with-background .pillar-hero__desc,
.pillar-hero--with-background .pillar-hero__title {
    color: #fff
}

.pillar-hero--with-background:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #363e4e;
    opacity: .4
}

@media (max-width:1023px) {
    .pillar-hero--with-background {
        padding-top: 121px
    }

    .pillar-tags {
        margin-top: 37px
    }
}

@media (max-width:767px) {
    .pillar-hero--with-background {
        margin-top: -79px;
        padding-top: 101px;
        padding-bottom: 100px
    }

    .pillar-tags {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 82px
    }
}

.pillar-tags .tags__item {
    margin: 9px 20px
}

.pillar-tags--with-background {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 205px;
    margin-top: -20px;
    margin-bottom: 150px;
    background-color: #f5f7fb
}

.pillar-tags--with-background .tags__item {
    margin-top: 8px;
    margin-bottom: 8px
}

.pillar-tags--with-background .tags__item.active {
    background-color: #fff;
    color: #848fa3
}

.pillar-banner .curved-line,
.pillar-tags--with-background .curved-line {
    position: absolute;
    left: 0;
    right: 0
}

.pillar-tags--with-background .curved-line:first-child {
    top: -20px
}

.pillar-tags--with-background .curved-line:last-child {
    bottom: -20px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.pillar-banner .curved-line svg,
.pillar-tags--with-background .curved-line svg {
    display: block;
    width: 100%;
    height: 20px
}

.pillar-tags--with-background .curved-line svg .area {
    fill: #f5f7fb;
    stroke: transparent
}

.pillar-banner {
    position: relative;
    width: 100%;
    margin-top: 80px;
    margin-bottom: 80px;
    padding-top: 122px;
    padding-bottom: 122px;
    background-color: rgba(73, 195, 130, .08)
}

.pillar-banner h2 {
    font-size: 60px;
    line-height: 60px;
    color: #363e4e
}

@media (max-width:1279px) {
    .pillar-banner h2 {
        font-size: 56px
    }
}

.pillar-banner__desc {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    margin-top: 20px;
    font-size: 24px;
    line-height: 40px;
    color: #363e4e
}

.pillar-banner .curved-line:first-child {
    top: -1px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.features-nl,
.pillar-banner .curved-line:last-child {
    bottom: -1px
}

@media (max-width:767px) {
    .pillar-tags--with-background {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: initial;
        padding: 20px 0
    }

    .pillar-tags--with-background .curved-line:first-child {
        top: -10px
    }

    .pillar-tags--with-background .curved-line:last-child {
        bottom: -10px
    }

    .pillar-banner .curved-line svg,
    .pillar-tags--with-background .curved-line svg {
        height: 10px
    }

    .pillar-banner {
        margin-top: 59px;
        margin-bottom: 59px;
        padding-top: 69px;
        padding-bottom: 76px
    }
}

.pillar-banner--blue {
    background-color: rgba(117, 205, 246, .1)
}

.pillar-banner--in-content {
    margin-top: 160px
}

.pillar-text p {
    margin-top: 14px;
    margin-bottom: 14px;
    padding-top: 11px;
    padding-bottom: 11px
}

.pillar-text .img,
.pillar-text img {
    width: 100%;
    height: auto;
    margin-top: 70px;
    margin-bottom: 70px;
    border-radius: 10px;
    background: linear-gradient(to left, #65c86d, #2cbd9a)
}

.pillar-text h6 {
    font-family: QanelasSoft, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 2
}

.pillar-quotes__author,
.pillar-text h4,
.pillar-text h5 {
    font-family: IowanOldStyle, serif;
    font-weight: 400
}

.pillar-text h5 {
    font-size: 20px;
    line-height: 1.1
}

.pillar-text h4 {
    line-height: 1.67;
    font-size: 24px
}

.pillar-text h1 {
    font-family: QanelasSoft, sans-serif;
    font-weight: 500;
    line-height: 1;
    font-size: 60px
}

.pillar-text--with-big-header h2,
.price-three-column .container .box .price .count {
    font-size: 60px
}

@media (max-width:1023px) {
    .pillar-tags--with-background {
        margin-bottom: 100px
    }

    .pillar-banner h2 {
        font-size: 38px;
        line-height: 42px
    }

    .pillar-banner__desc {
        margin-top: 16px;
        font-size: 20px;
        line-height: 30px
    }

    .pillar-text .img,
    .pillar-text img {
        height: 360px;
        margin-top: 50px;
        margin-bottom: 50px
    }

    .pillar-text h2 {
        font-size: 20px
    }

    .pillar-text h3 {
        margin-bottom: 40px;
        font-size: 20px
    }

    .pillar-text--with-big-header h2 {
        font-size: 48px
    }
}

.pillar-quotes {
    margin-top: 70px;
    margin-bottom: 70px;
    padding-left: 90px;
    padding-right: 90px
}

.pillar-quotes__text {
    color: #f0754d;
    font-size: 40px;
    line-height: 46px
}

.pillar-quotes__text:before {
    content: '“'
}

.pillar-quotes__text:after {
    content: '”'
}

.pillar-quotes__author {
    margin-top: 26px;
    font-size: 18px;
    line-height: 22px;
    color: #848fa3
}

.pillar-tip {
    position: relative;
    margin-top: 68px;
    margin-bottom: 68px;
    padding: 44px 90px 50px 109px;
    border-radius: 10px;
    background-color: #f5f7fb
}

.pillar-tip__icon {
    position: absolute;
    top: 50px;
    left: 50px;
    width: 30px;
    height: 41px
}

@media (max-width:1279px) {
    .pillar-quotes {
        padding-left: 60px;
        padding-right: 60px
    }

    .pillar-tip {
        padding-left: 102px
    }

    .pillar-tip__icon {
        top: 49px;
        left: 43px
    }
}

.pillar-tip__title {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 52px
}

.pillar-tip__desc {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    margin-top: 2px;
    font-size: 18px;
    line-height: 36px
}

.page-blog .first-items .info__tag,
.page-blog .first-items .info__title,
.page-blog .title,
.pillar-author__title,
.pillar-start__title {
    font-family: QanelasSoft, sans-serif;
    font-weight: 600
}

.pillar-tip__desc a {
    color: #f0754d;
    text-decoration: underline;
    transition: color .3s
}

.pillar-tip__desc a:hover,
.webinar .wrap-nav .custom-select-webinar .options li:hover {
    color: #af360f
}

.pillar-start {
    margin-top: 100px;
    margin-bottom: 100px
}

.pillar-start__title {
    margin-bottom: 32px;
    font-size: 26px;
    line-height: 52px;
    letter-spacing: .2px
}

.author .authtor-box .authtor-box__detail .pillar-start .authtor-box__link,
.detail__info .pillar-start .link,
.learn .right .btn-box .pillar-start .link,
.pillar-start .author .authtor-box .authtor-box__detail .authtor-box__link,
.pillar-start .button,
.pillar-start .detail__info .link,
.pillar-start .learn .right .btn-box .link,
.pillar-start .quote .quote-box .detail-info a,
.quote .quote-box .detail-info .pillar-start a {
    margin-left: 10px;
    margin-right: 10px
}

@media (max-width:767px) {
    .pillar-banner--in-content {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .pillar-text {
        font-size: 16px;
        line-height: 30px
    }

    .pillar-text p {
        padding-top: 0;
        padding-bottom: 0
    }

    .pillar-text .img,
    .pillar-text img {
        height: 200px;
        margin-top: 40px;
        margin-bottom: 40px
    }

    .pillar-text--with-big-header h2 {
        font-size: 42px
    }

    .pillar-quotes {
        margin-top: 42px;
        margin-bottom: 42px;
        padding-left: 0;
        padding-right: 0
    }

    .pillar-quotes__text {
        font-size: 28px;
        line-height: 38px
    }

    .pillar-quotes__author {
        margin-top: 17px
    }

    .pillar-tip {
        margin-top: 55px;
        margin-bottom: 55px;
        padding: 85px 30px 49px
    }

    .pillar-tip__icon {
        top: 30px;
        left: 30px
    }

    .pillar-tip__title {
        font-size: 22px;
        line-height: 52px
    }

    .pillar-tip__desc {
        margin-top: 4px;
        font-size: 16px;
        line-height: 30px
    }

    .pillar-start {
        margin-top: 53px;
        margin-bottom: 53px
    }

    .pillar-start__title {
        margin-bottom: 13px;
        font-size: 22px;
        line-height: 30px
    }

    .author .authtor-box .authtor-box__detail .pillar-start .authtor-box__link,
    .detail__info .pillar-start .link,
    .learn .right .btn-box .pillar-start .link,
    .pillar-start .author .authtor-box .authtor-box__detail .authtor-box__link,
    .pillar-start .button,
    .pillar-start .detail__info .link,
    .pillar-start .learn .right .btn-box .link,
    .pillar-start .quote .quote-box .detail-info a,
    .quote .quote-box .detail-info .pillar-start a {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 295px;
        margin: 9px auto
    }

    .pillar-start .button__text {
        font-size: 16px
    }
}

.pillar-author {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 68px;
    margin-bottom: 68px;
    padding-top: 80px;
    padding-bottom: 80px;
    border-top: 1px solid rgba(195, 202, 215, .3)
}

.page-blog .filter,
.page-blog .first-items,
.pillar-nav {
    display: -webkit-flex;
    display: -ms-flexbox
}

.pillar-author__image {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 240px;
    height: 243px
}

.pillar-author__info {
    padding-left: 78px
}

.pillar-author__title {
    padding-top: 14px;
    font-size: 26px;
    line-height: 52px
}

.pillar-author__desc {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 36px
}

.pillar-nav {
    z-index: 999;
    position: fixed;
    top: 50%;
    left: -178px;
    -webkit-transform: translateY(-50%) translateX(-300px);
    transform: translateY(-50%) translateX(-300px);
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    transition: transform .3s ease-in;
    transition: transform .3s ease-in, -webkit-transform .3s ease-in
}

.pillar-nav.active {
    -webkit-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0);
    left: 0
}

.pillar-nav__item.active,
.promotional .abs-gr-bottom,
.promotional .abs-gr-top {
    background: 0 0
}

.header-home .photo,
.page-blog .first-items .photo,
.team .grid .item .photo {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.pillar-nav__item:before,
.webinar-nav a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -60px;
    width: 40px;
    height: 2px;
    background-color: #f5f7fb;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.page-blog .title {
    font-size: 80px;
    line-height: .75;
    color: #363e4e;
    margin-bottom: 37px
}

.page-blog .filter {
    position: relative;
    display: flex;
    margin-bottom: 80px;
    z-index: 10
}

.page-blog .filter .tags {
    display: inline-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    max-width: 1160px;
    flex-direction: column;
    /* max-width: calc(100% - 100px) */
}

.page-blog .filter .tags__item {
    margin-left: 24px;
    margin-right: 24px;
    margin-bottom: 5px
}

.breadcrumb ul li:first-child,
.page-blog .filter .tags__item:first-child {
    margin-left: 0
}

.page-blog .filter .tags .toggle__body .content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 200px;
    padding: 10px 20px
}

.page-blog .filter .tags .toggle__body {
    transition: .2s ease-in
}

.page-blog .filter .search {
    height: 38px;
}

.search--opened {
    border-bottom: 1px solid #848FA3;
}

.page-blog .first-items {
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 100px
}

.page-blog .first-items .info {
    width: 310px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-top: 43px;
    text-decoration: none;
    transition: .3s ease-in
}

.page-blog .first-items .info__title {
    font-size: 41px;
    line-height: .92;
    color: #363e4e;
    margin-bottom: 20px
}

.page-blog .first-items .info__tag {
    font-size: 12px;
    color: #f0754d;
    margin-bottom: 17px
}

.gate .container .gate-items .gate-item .description,
.page-blog .first-items .info__description {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.75;
    color: #363e4e;
    margin-bottom: 16px
}

.page-blog .first-items .info__time {
    font-size: 16px;
    line-height: 1.38;
    color: #848fa3;
    font-family: IowanOldStyle, serif;
    font-weight: 400
}

.page-blog .first-items .photo {
    width: 699px;
    height: 420px;
    border-radius: 10px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.page-blog .grid-items .post {
    margin-bottom: 79px;
    margin-right: 95px
}

@media (max-width:1279px) {
    .pillar-author__info {
        padding-left: 80px
    }

    .pillar-nav {
        display: none
    }

    .page-blog {
        padding-top: 44px
    }

    .page-blog .title {
        font-size: 70px;
        margin-bottom: 47px
    }

    .page-blog .filter {
        margin-bottom: 60px
    }

    .page-blog .first-items {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding-bottom: 82px
    }

    .page-blog .first-items .info {
        width: 100%
    }

    .page-blog .first-items .info__title {
        margin-bottom: 22px
    }

    .page-blog .first-items .info__description {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .page-blog .first-items .photo {
        width: 100%;
        height: 507px
    }

    .page-blog .grid-items .post {
        margin-right: 185px
    }

    .page-blog .grid-items .post:nth-child(2n) {
        margin-right: 0
    }
}

@media (max-width:991px) {
    .page-blog .grid-items .post {
        margin-right: 32px
    }
}

@media (max-width:768px) {
    .page-blog .first-items .info__title {
        font-size: 40px
    }

    .page-blog .first-items .info__description,
    .page-blog .first-items .info__time {
        font-size: 14px
    }

    .page-blog .first-items .photo {
        height: 375px
    }

    .page-blog .grid-items .post {
        margin-bottom: 59px
    }
}

.page-blog .pagination {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.page-blog .pagination .linkss {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -5px
}

.share-icons,
.single-post-related .owl-nav,
.single-post-related__items {
    display: -webkit-flex;
    display: -ms-flexbox
}

.page-blog .pagination .linkss .prev.page-numbers,
.page-blog .pagination .prev {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #c3cad7;
    transition: .3s linear;
    margin-right: 32px
}

.download-second.webinar-formss .hbspt-form .custom-hbspt .custom-selector .custom-select-option ul li.active,
.page-blog .pagination .linkss .prev.page-numbers:hover,
.page-blog .pagination .next:hover,
.page-blog .pagination .prev:hover {
    border-color: #363e4e
}

.article-container .right .suggest .list a:hover:after,
.article-container .right .suggest .list a:hover:before,
.author .authtor-box .authtor-box__detail .single-post-related .owl-nav .authtor-box__link:hover .icon,
.detail__info .single-post-related .owl-nav .link:hover .icon,
.footer:not(.archiveWebinar),
.learn .right .btn-box .single-post-related .owl-nav .link:hover .icon,
.page-blog .pagination .linkss .prev.page-numbers:hover div.toggle__icon-wrap .toggle__icon,
.page-blog .pagination .next:hover div.toggle__icon-wrap .toggle__icon,
.page-blog .pagination .prev:hover div.toggle__icon-wrap .toggle__icon,
.quote .quote-box .detail-info .single-post-related .owl-nav a:hover .icon,
.single-post-related .owl-nav .author .authtor-box .authtor-box__detail .authtor-box__link:hover .icon,
.single-post-related .owl-nav .button:hover .icon,
.single-post-related .owl-nav .detail__info .link:hover .icon,
.single-post-related .owl-nav .learn .right .btn-box .link:hover .icon,
.single-post-related .owl-nav .quote .quote-box .detail-info a:hover .icon {
    background-color: #363e4e
}

.page-blog .pagination .linkss .prev.page-numbers div.toggle__icon-wrap,
.page-blog .pagination .prev div.toggle__icon-wrap {
    position: relative;
    top: 0;
    right: 1px;
    -webkit-transform: scale(.75, 1) rotate(-90deg);
    transform: scale(.75, 1) rotate(-90deg);
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.page-blog .pagination .linkss .prev.page-numbers div.toggle__icon-wrap .toggle__icon,
.page-blog .pagination .linkss .prev.page-numbers div.toggle__icon-wrap .toggle__icon:after,
.page-blog .pagination .linkss .prev.page-numbers div.toggle__icon-wrap .toggle__icon:before {
    width: 6px;
    height: 6px;
    border-top-right-radius: 30%
}

.page-blog .pagination .linkss .prev.page-numbers div.toggle__icon-wrap .toggle__icon {
    position: relative;
    background-color: #363e4e;
    transition: .3s ease-in;
    -webkit-transform: rotate(-60deg) skewX(-30deg) scale(1, .866);
    transform: rotate(-60deg) skewX(-30deg) scale(1, .866);
    text-align: left
}

.author .authtor-box .authtor-box__detail .single-post-related .owl-nav .authtor-box__link .icon:after,
.author .authtor-box .authtor-box__detail .single-post-related .owl-nav .authtor-box__link .icon:before,
.detail__info .single-post-related .owl-nav .link .icon:after,
.detail__info .single-post-related .owl-nav .link .icon:before,
.learn .right .btn-box .single-post-related .owl-nav .link .icon:after,
.learn .right .btn-box .single-post-related .owl-nav .link .icon:before,
.page-blog .pagination .linkss .prev.page-numbers div.toggle__icon-wrap .toggle__icon:after,
.page-blog .pagination .linkss .prev.page-numbers div.toggle__icon-wrap .toggle__icon:before,
.page-blog .pagination .next div.toggle__icon-wrap .toggle__icon:after,
.page-blog .pagination .next div.toggle__icon-wrap .toggle__icon:before,
.page-blog .pagination .prev div.toggle__icon-wrap .toggle__icon:after,
.page-blog .pagination .prev div.toggle__icon-wrap .toggle__icon:before,
.quote .quote-box .detail-info .single-post-related .owl-nav a .icon:after,
.quote .quote-box .detail-info .single-post-related .owl-nav a .icon:before,
.single-post-related .owl-nav .author .authtor-box .authtor-box__detail .authtor-box__link .icon:after,
.single-post-related .owl-nav .author .authtor-box .authtor-box__detail .authtor-box__link .icon:before,
.single-post-related .owl-nav .button .icon:after,
.single-post-related .owl-nav .button .icon:before,
.single-post-related .owl-nav .detail__info .link .icon:after,
.single-post-related .owl-nav .detail__info .link .icon:before,
.single-post-related .owl-nav .learn .right .btn-box .link .icon:after,
.single-post-related .owl-nav .learn .right .btn-box .link .icon:before,
.single-post-related .owl-nav .quote .quote-box .detail-info a .icon:after,
.single-post-related .owl-nav .quote .quote-box .detail-info a .icon:before {
    background-color: inherit;
    position: absolute;
    content: ''
}

.page-blog .pagination .linkss .prev.page-numbers div.toggle__icon-wrap .toggle__icon:before {
    -webkit-transform: rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%);
    transform: rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%)
}

.page-blog .pagination .linkss .prev.page-numbers div.toggle__icon-wrap .toggle__icon:after {
    -webkit-transform: rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%);
    transform: rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%)
}

.page-blog .pagination .linkss .page-numbers {
    font-size: 18px;
    color: #363e4e;
    line-height: 1.78;
    margin: -2px 11px 0
}

.page-blog .pagination .prev div.toggle__icon-wrap .toggle__icon,
.page-blog .pagination .prev div.toggle__icon-wrap .toggle__icon:after,
.page-blog .pagination .prev div.toggle__icon-wrap .toggle__icon:before {
    width: 6px;
    height: 6px;
    border-top-right-radius: 30%
}

.page-blog .pagination .prev div.toggle__icon-wrap .toggle__icon {
    position: relative;
    background-color: #363e4e;
    transition: .3s ease-in;
    -webkit-transform: rotate(-60deg) skewX(-30deg) scale(1, .866);
    transform: rotate(-60deg) skewX(-30deg) scale(1, .866);
    text-align: left
}

.page-blog .pagination .prev div.toggle__icon-wrap .toggle__icon:before {
    -webkit-transform: rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%);
    transform: rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%)
}

.page-blog .pagination .prev div.toggle__icon-wrap .toggle__icon:after {
    -webkit-transform: rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%);
    transform: rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%)
}

.page-blog .pagination .links a {
    font-size: 18px;
    color: #363e4e;
    line-height: 1.78;
    margin: 0 8px
}

.page-blog .pagination .next {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #c3cad7;
    transition: .3s linear;
    margin-left: 32px
}

.page-blog .pagination .next div.toggle__icon-wrap {
    position: relative;
    top: 41px;
    right: -1px;
    -webkit-transform: scale(.75, 1) rotate(90deg);
    transform: scale(.75, 1) rotate(90deg);
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.author .authtor-box .authtor-box__detail .single-post-related .owl-nav .authtor-box__link .icon,
.author .authtor-box .authtor-box__detail .single-post-related .owl-nav .authtor-box__link .icon:after,
.author .authtor-box .authtor-box__detail .single-post-related .owl-nav .authtor-box__link .icon:before,
.detail__info .single-post-related .owl-nav .link .icon,
.detail__info .single-post-related .owl-nav .link .icon:after,
.detail__info .single-post-related .owl-nav .link .icon:before,
.learn .right .btn-box .single-post-related .owl-nav .link .icon,
.learn .right .btn-box .single-post-related .owl-nav .link .icon:after,
.learn .right .btn-box .single-post-related .owl-nav .link .icon:before,
.page-blog .pagination .next div.toggle__icon-wrap .toggle__icon,
.page-blog .pagination .next div.toggle__icon-wrap .toggle__icon:after,
.page-blog .pagination .next div.toggle__icon-wrap .toggle__icon:before,
.quote .quote-box .detail-info .single-post-related .owl-nav a .icon,
.quote .quote-box .detail-info .single-post-related .owl-nav a .icon:after,
.quote .quote-box .detail-info .single-post-related .owl-nav a .icon:before,
.single-post-related .owl-nav .author .authtor-box .authtor-box__detail .authtor-box__link .icon,
.single-post-related .owl-nav .author .authtor-box .authtor-box__detail .authtor-box__link .icon:after,
.single-post-related .owl-nav .author .authtor-box .authtor-box__detail .authtor-box__link .icon:before,
.single-post-related .owl-nav .button .icon,
.single-post-related .owl-nav .button .icon:after,
.single-post-related .owl-nav .button .icon:before,
.single-post-related .owl-nav .detail__info .link .icon,
.single-post-related .owl-nav .detail__info .link .icon:after,
.single-post-related .owl-nav .detail__info .link .icon:before,
.single-post-related .owl-nav .learn .right .btn-box .link .icon,
.single-post-related .owl-nav .learn .right .btn-box .link .icon:after,
.single-post-related .owl-nav .learn .right .btn-box .link .icon:before,
.single-post-related .owl-nav .quote .quote-box .detail-info a .icon,
.single-post-related .owl-nav .quote .quote-box .detail-info a .icon:after,
.single-post-related .owl-nav .quote .quote-box .detail-info a .icon:before {
    width: 6px;
    height: 6px;
    border-top-right-radius: 30%
}

.page-blog .pagination .next div.toggle__icon-wrap .toggle__icon {
    position: relative;
    background-color: #363e4e;
    transition: .3s ease-in;
    -webkit-transform: rotate(-60deg) skewX(-30deg) scale(1, .866);
    transform: rotate(-60deg) skewX(-30deg) scale(1, .866);
    text-align: left
}

.author .authtor-box .authtor-box__detail .single-post-related .owl-nav .authtor-box__link .icon:before,
.detail__info .single-post-related .owl-nav .link .icon:before,
.learn .right .btn-box .single-post-related .owl-nav .link .icon:before,
.page-blog .pagination .next div.toggle__icon-wrap .toggle__icon:before,
.quote .quote-box .detail-info .single-post-related .owl-nav a .icon:before,
.single-post-related .owl-nav .author .authtor-box .authtor-box__detail .authtor-box__link .icon:before,
.single-post-related .owl-nav .button .icon:before,
.single-post-related .owl-nav .detail__info .link .icon:before,
.single-post-related .owl-nav .learn .right .btn-box .link .icon:before,
.single-post-related .owl-nav .quote .quote-box .detail-info a .icon:before {
    -webkit-transform: rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%);
    transform: rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%)
}

.author .authtor-box .authtor-box__detail .single-post-related .owl-nav .authtor-box__link .icon:after,
.detail__info .single-post-related .owl-nav .link .icon:after,
.learn .right .btn-box .single-post-related .owl-nav .link .icon:after,
.page-blog .pagination .next div.toggle__icon-wrap .toggle__icon:after,
.quote .quote-box .detail-info .single-post-related .owl-nav a .icon:after,
.single-post-related .owl-nav .author .authtor-box .authtor-box__detail .authtor-box__link .icon:after,
.single-post-related .owl-nav .button .icon:after,
.single-post-related .owl-nav .detail__info .link .icon:after,
.single-post-related .owl-nav .learn .right .btn-box .link .icon:after,
.single-post-related .owl-nav .quote .quote-box .detail-info a .icon:after {
    -webkit-transform: rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%);
    transform: rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%)
}

.gate .container .gate-items .gate-item .name:hover,
.text-container a:hover {
    text-decoration: none;
    color: #af360f
}

.single-post .pillar-author {
    padding-bottom: 0;
    margin-bottom: 82px
}

.single-post .pillar-text .img,
.single-post .pillar-text img {
    margin-top: 68px;
    margin-bottom: 80px;

}

.single-post-hero {
    margin-top: 105px;
    margin-bottom: 89px
}

.single-post-hero__desc {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    margin-top: 41px;
    font-size: 24px;
    line-height: 40px
}

.header-home .text h3,
.manta .title-manta,
.single-post-related__title {
    font-family: QanelasSoft, sans-serif;
    font-weight: 600
}

.single-post-hero__image {
    height: 480px;
    margin-top: 75px;
    margin-left: -140px;
    background: linear-gradient(to left, #65c86d, #2cbd9a);
    border-radius: 10px
}

@media (max-width:1279px) {
    .page-blog .pagination .linkss {
        margin-left: 0
    }

    .single-post .pillar-author {
        margin-bottom: 78px
    }

    .single-post-hero {
        margin-top: 95px
    }

    .single-post-hero__image {
        height: 410px;
        margin-left: -105px
    }
}

@media (max-width:1023px) {
    .single-post-hero__image {
        margin-left: -70px
    }
}

@media (max-width:767px) {
    .pillar-author {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 60px;
        margin-bottom: 60px;
        padding-top: 60px
    }

    .pillar-author__image {
        width: 230px;
        height: 232px
    }

    .pillar-author__info {
        margin-top: 27px;
        padding-left: 0
    }

    .pillar-author__title {
        padding-top: 0;
        font-size: 22px;
        line-height: 42px
    }

    .pillar-author__desc {
        margin-top: 8px;
        font-size: 16px;
        line-height: 30px
    }

    .page-blog {
        padding-top: 47px
    }

    .page-blog .title {
        font-size: 42px;
        margin-bottom: 38px
    }

    .page-blog .filter {
        margin-bottom: 39px
    }

    .page-blog .filter .tags__item {
        margin: 5px 20px
    }

    .page-blog .first-items {
        width: 295px;
        margin: 0 auto
    }

    .page-blog .first-items .info {
        position: relative;
        padding-top: 59px
    }

    .page-blog .first-items .info__title {
        font-size: 26px
    }

    .page-blog .first-items .info__tag {
        position: absolute;
        left: 0;
        top: 20px
    }

    .page-blog .first-items .info__description {
        overflow: visible;
        white-space: normal;
        font-size: 16px
    }

    .page-blog .first-items .info__time {
        font-size: 16px
    }

    .page-blog .first-items .photo {
        width: 100%;
        height: 210px
    }

    .page-blog .grid-items .post {
        margin-right: 0;
        margin-bottom: 70px
    }

    .page-blog .pagination .linkss .prev.page-numbers,
    .page-blog .pagination .prev {
        width: 40px;
        height: 40px;
        margin-right: 26px
    }

    .page-blog .pagination .links a {
        font-size: 16px;
        margin: 0 6px
    }

    .page-blog .pagination .next {
        width: 40px;
        height: 40px;
        margin-left: 26px
    }

    .page-blog .pagination .next div.toggle__icon-wrap {
        top: 32px
    }

    .single-post .pillar-author {
        margin-top: 51px;
        margin-bottom: 60px
    }

    .single-post .pillar-start {
        margin-bottom: 51px
    }

    .single-post-hero {
        margin-top: 55px;
        margin-bottom: 59px
    }

    .single-post-hero__title {
        font-size: 38px;
        line-height: 42px
    }

    .single-post-hero__desc {
        margin-top: 23px;
        font-size: 20px;
        line-height: 34px
    }

    .single-post-hero__author {
        margin-top: 26px
    }

    .single-post-hero__image {
        width: calc(100% + 80px);
        height: auto;
        object-fit: contain;
        margin-top: 63px;
        margin-left: -40px;
        border-radius: 0
    }
}

@media (max-width:374px) {
    .container {
        max-width: calc(100% - 25px)
    }

    .text-container {
        padding-left: 20px;
        padding-right: 20px
    }

    .awards .path-left,
    .awards .path-right {
        display: none
    }

    .awards .awards-box .description h3 {
        font-size: 32px
    }

    .author .authtor-box .authtor-box__detail .pillar-start .authtor-box__link,
    .detail__info .pillar-start .link,
    .learn .right .btn-box .pillar-start .link,
    .pillar-start .author .authtor-box .authtor-box__detail .authtor-box__link,
    .pillar-start .button,
    .pillar-start .detail__info .link,
    .pillar-start .learn .right .btn-box .link,
    .pillar-start .quote .quote-box .detail-info a,
    .quote .quote-box .detail-info .pillar-start a {
        width: 100%
    }

    .single-post-hero__image {
        width: calc(100% + 40px);
        margin-left: -20px
    }
}

.single-post-related {
    position: relative;
    margin-top: 80px;
    margin-bottom: 132px;
    padding-top: 100px;
    padding-left: 20px;
    padding-right: 20px
}

.single-post-related:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 750px;
    border-top: 1px solid rgba(195, 202, 215, .3)
}

.single-post-related__title {
    font-size: 40px;
    line-height: 52px;
    text-align: center
}

.single-post-related__items {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 60px
}

.single-post-related .post {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 310px;
    margin-left: 47.5px;
    margin-right: 47.5px;
    margin-bottom: 60px
}

@media (max-width:1279px) {
    .single-post-related {
        margin-top: 78px;
        margin-bottom: 122px;
        padding-left: 0;
        padding-right: 0
    }

    .single-post-related__items {
        margin-top: 49px
    }

    .single-post-related .post {
        width: 390px;
        margin-left: 42px;
        margin-right: 42px
    }

    .single-post-related .post:nth-child(2n-1) {
        margin-left: 0
    }

    .single-post-related .post:nth-child(2n) {
        margin-right: 0
    }
}

.single-post-hero__image,
.single-post-related .post__photo img {
    width: auto
}

@media (max-width:767px) and (orientation:landscape) {
    .single-post-related .post__photo img {
        width: 100%;
        height: auto;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.single-post-related .owl-nav {
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px
}

.author .authtor-box .authtor-box__detail .single-post-related .owl-nav .authtor-box__link,
.detail__info .single-post-related .owl-nav .link,
.learn .right .btn-box .single-post-related .owl-nav .link,
.quote .quote-box .detail-info .single-post-related .owl-nav a,
.single-post-related .owl-nav .author .authtor-box .authtor-box__detail .authtor-box__link,
.single-post-related .owl-nav .button,
.single-post-related .owl-nav .detail__info .link,
.single-post-related .owl-nav .learn .right .btn-box .link,
.single-post-related .owl-nav .quote .quote-box .detail-info a {
    width: 40px;
    height: 40px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 7px 15px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff
}

.author .authtor-box .authtor-box__detail .single-post-related .owl-nav .authtor-box__link .icon-wrap,
.detail__info .single-post-related .owl-nav .link .icon-wrap,
.learn .right .btn-box .single-post-related .owl-nav .link .icon-wrap,
.quote .quote-box .detail-info .single-post-related .owl-nav a .icon-wrap,
.single-post-related .owl-nav .author .authtor-box .authtor-box__detail .authtor-box__link .icon-wrap,
.single-post-related .owl-nav .button .icon-wrap,
.single-post-related .owl-nav .detail__info .link .icon-wrap,
.single-post-related .owl-nav .learn .right .btn-box .link .icon-wrap,
.single-post-related .owl-nav .quote .quote-box .detail-info a .icon-wrap {
    position: relative;
    top: 0;
    -webkit-transform: scale(1, .75) rotate(180deg);
    transform: scale(1, .75) rotate(180deg);
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.author .authtor-box .authtor-box__detail .single-post-related .owl-nav .authtor-box__link .icon,
.detail__info .single-post-related .owl-nav .link .icon,
.learn .right .btn-box .single-post-related .owl-nav .link .icon,
.quote .quote-box .detail-info .single-post-related .owl-nav a .icon,
.single-post-related .owl-nav .author .authtor-box .authtor-box__detail .authtor-box__link .icon,
.single-post-related .owl-nav .button .icon,
.single-post-related .owl-nav .detail__info .link .icon,
.single-post-related .owl-nav .learn .right .btn-box .link .icon,
.single-post-related .owl-nav .quote .quote-box .detail-info a .icon {
    position: relative;
    background-color: #c3cad7;
    -webkit-transform: rotate(-60deg) skewX(-30deg) scale(1, .866);
    transform: rotate(-60deg) skewX(-30deg) scale(1, .866);
    text-align: left;
    transition: background-color .3s ease-in
}

.author .authtor-box .authtor-box__detail .single-post-related .owl-nav .next.authtor-box__link .icon-wrap,
.detail__info .single-post-related .owl-nav .next.link .icon-wrap,
.learn .right .btn-box .single-post-related .owl-nav .next.link .icon-wrap,
.quote .quote-box .detail-info .single-post-related .owl-nav a.next .icon-wrap,
.single-post-related .owl-nav .author .authtor-box .authtor-box__detail .next.authtor-box__link .icon-wrap,
.single-post-related .owl-nav .button.next .icon-wrap,
.single-post-related .owl-nav .detail__info .next.link .icon-wrap,
.single-post-related .owl-nav .learn .right .btn-box .next.link .icon-wrap,
.single-post-related .owl-nav .quote .quote-box .detail-info a.next .icon-wrap {
    right: -1px;
    -webkit-transform: scale(.75, 1) rotate(90deg);
    transform: scale(.75, 1) rotate(90deg)
}

.author .authtor-box .authtor-box__detail .single-post-related .owl-nav .prev.authtor-box__link .icon-wrap,
.detail__info .single-post-related .owl-nav .prev.link .icon-wrap,
.learn .right .btn-box .single-post-related .owl-nav .prev.link .icon-wrap,
.quote .quote-box .detail-info .single-post-related .owl-nav a.prev .icon-wrap,
.single-post-related .owl-nav .author .authtor-box .authtor-box__detail .prev.authtor-box__link .icon-wrap,
.single-post-related .owl-nav .button.prev .icon-wrap,
.single-post-related .owl-nav .detail__info .prev.link .icon-wrap,
.single-post-related .owl-nav .learn .right .btn-box .prev.link .icon-wrap,
.single-post-related .owl-nav .quote .quote-box .detail-info a.prev .icon-wrap {
    left: -1px;
    -webkit-transform: scale(.75, 1) rotate(-90deg);
    transform: scale(.75, 1) rotate(-90deg)
}

.share {
    position: fixed;
    bottom: 41px;
    left: 39px;
    padding-left: 53px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    z-index: 120
}

.share.position {
    position: absolute;
    bottom: auto
}

.share__icon {
    display: none;
    width: 100%;
    border: none;
    background-color: transparent
}

.character,
.download-form,
.resource-free {
    background-color: #f5f7fb
}

.share__link {
    transition: opacity .3s;
    margin-top: 9px;
    margin-bottom: 9px
}

.share__link svg {
    width: 22px;
    height: 22px;
    fill: #000
}

.prev.opacity,
.share__link:hover {
    opacity: .5
}

.share-icons {
    position: absolute;
    top: -99px;
    left: 85px;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    padding-left: 10px;
    padding-right: 10px
}

.character .box-group .first-group .group,
.character .box-group .second-group .group,
.header-home,
.manta .item-box,
.manta .item-box .item,
.team .grid {
    display: -webkit-flex;
    display: -ms-flexbox
}

@media (max-width:1420px) {
    .share {
        left: -10px
    }
}

.header-home {
    padding-top: 67px;
    display: flex
}

@media (max-width:1279px) {
    .header-home {
        padding-top: 30px
    }
}

.header-home .photo {
    width: 680px;
    height: 672px;
    -webkit-transform: translateX(-240px);
    transform: translateX(-240px);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width:1279px) {
    .header-home .photo {
        height: 493px;
        width: 495px;
        -webkit-transform: translateX(-120px);
        transform: translateX(-120px)
    }
}

.header-home .text {
    margin-left: -54px;
    padding-top: 115px;
    padding-right: 70px
}

@media (max-width:1279px) {
    .header-home .text {
        padding-top: 65px;
        padding-right: 0
    }
}

.header-home .text h3 {
    line-height: 1;
    color: #363e4e;
    font-size: 60px;
    margin-bottom: 40px
}

@media (max-width:1279px) {
    .header-home .text h3 {
        font-size: 56px;
        letter-spacing: .1px;
        line-height: 1.07
    }
}

.header-home .text p {
    font-size: 24px;
    line-height: 1.67;
    color: #363e4e;
    font-family: IowanOldStyle, serif;
    font-weight: 400
}

.line-rounds {
    overflow: hidden;
    padding-top: 72px
}

.line-rounds-team {
    overflow: hidden;
    padding-top: 28px
}

.manta {
    padding-bottom: 90px
}

.manta .title-manta {
    font-size: 18px;
    line-height: 1.22;
    color: #848fa3;
    padding-top: 102px
}

.character .title,
.team .title {
    line-height: 1.3;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    text-align: center
}

.manta .item-box {
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 67px;
    margin-left: -15px;
    width: calc(100% + 35px)
}

.manta .item-box .item {
    width: 375px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.manta .item-box .item:nth-child(3) .icon {
    margin-top: -16px;
    margin-bottom: 16px
}

.manta .item-box .item:first-child .icon {
    margin-top: -8px;
    margin-bottom: 8px
}

.manta .item-box .item .icon {
    height: 100px
}

.manta .item-box .item .name {
    max-width: 375px;
    line-height: 1;
    font-size: 40px;
    color: #f0754d;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    text-align: center
}

.character {
    margin-top: 75px;
    position: relative;
    margin-bottom: 60px
}

@media (max-width:1279px) {

    .line-rounds,
    .line-rounds-team {
        padding-top: 28px
    }

    .manta {
        padding-bottom: 60px
    }

    .manta .title-manta {
        padding-top: 72px
    }

    .manta .item-box {
        margin-left: 0;
        width: 100%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .manta .item-box .item {
        margin-bottom: 65px
    }

    .manta .item-box .item:nth-child(3) {
        margin-bottom: 0
    }

    .character {
        margin-top: 55px
    }
}

.character:after {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 65px;
    content: '';
    background-color: #fff;
    z-index: 1
}

.character .title {
    font-size: 40px;
    color: #363e4e;
    padding-top: 66px
}

@media (max-width:1279px) {
    .character .title {
        padding-top: 46px;
        font-size: 36px
    }
}

.character .box-group {
    padding-top: 155px
}

.single-webinar.logged-in #app,
.team .grid {
    padding-top: 98px
}

.character .box-group .second-group {
    -webkit-transform: translateX(241px);
    transform: translateX(241px);
    margin-bottom: 133px
}

@media (max-width:1279px) {
    .character .box-group {
        padding-top: 125px
    }

    .character .box-group .second-group {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        margin-bottom: 80px
    }
}

.character .box-group .second-group .group:first-child .counter .icon.first {
    left: -116px;
    top: -55px
}

.character .box-group .second-group .group:nth-child(2) .counter .icon.second {
    left: -96px
}

.character .box-group .first-group {
    -webkit-transform: translateX(-13px);
    transform: translateX(-13px);
    margin-bottom: 117px
}

.character .box-group .first-group .group,
.character .box-group .second-group .group {
    width: 50%;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.character .box-group .first-group .group:first-child .counter .icon,
.character .box-group .second-group .group:first-child .counter .icon {
    left: -91px;
    top: -65px
}

.character .box-group .first-group .group:nth-child(2),
.character .box-group .second-group .group:nth-child(2) {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.character .box-group .first-group .group .counter,
.character .box-group .second-group .group .counter {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.character .box-group .first-group .group .counter .icon,
.character .box-group .second-group .group .counter .icon {
    position: absolute;
    left: -81px;
    top: -61px
}

.character .box-group .first-group .group .counter div,
.character .box-group .second-group .group .counter div {
    font-size: 120px;
    color: #363e4e;
    position: relative;
    z-index: 3;
    font-family: QanelasSoft, sans-serif;
    font-weight: 300;
    line-height: 1
}

@media (max-width:1279px) {

    .character .box-group .first-group,
    .character .box-group .first-group .group:nth-child(2),
    .character .box-group .second-group .group:nth-child(2) {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .character .box-group .first-group .group,
    .character .box-group .second-group .group {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .character .box-group .first-group .group .counter div,
    .character .box-group .second-group .group .counter div {
        font-size: 100px
    }
}

.character .box-group .first-group .group .text,
.character .box-group .second-group .group .text {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    font-size: 18px;
    max-width: 185px;
    line-height: 1.22;
    color: #363e4e;
    padding-left: 21px;
    margin-bottom: 11px
}

.team {
    padding-top: 57px
}

@media (max-width:1279px) {
    .team {
        padding-top: 47px
    }
}

.team .title {
    font-size: 40px;
    color: #363e4e;
    margin-bottom: 10px
}

.team .description {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    max-width: 825px;
    font-size: 20px;
    line-height: 1.5;
    color: #363e4e;
    text-align: center;
    margin: 0 auto
}

.downlaod-three .container .box__title,
.team .grid .item .name,
.texts .left {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    color: #363e4e
}

.team .grid {
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.download-second .key-insight .container,
.team .grid .item .info,
.texts {
    display: -webkit-flex;
    display: -ms-flexbox
}

.team .grid .item {
    width: 310px;
    position: relative;
    margin-right: 95px
}

@media (max-width:1279px) {
    .team .title {
        font-size: 36px
    }

    .team .description {
        font-size: 18px
    }

    .team .grid .item {
        margin-right: 204px
    }

    .team .grid .item:nth-child(2n) {
        margin-right: 0
    }
}

@media (max-width:991px) {
    .team .grid .item {
        margin-right: 114px
    }
}

.team .grid .item .photo {
    width: 310px;
    height: 310px;
    border-radius: 10px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.team .grid .item .name {
    font-size: 26px;
    text-align: center;
    margin-top: 20px
}

.team .grid .item .pop-info p,
.team .grid .item .position,
.texts .right p {
    font-family: IowanOldStyle, serif;
    font-weight: 400
}

.team .grid .item .position {
    text-align: center;
    font-size: 18px
}

.team .grid .item .info {
    width: 50px;
    height: 50px;
    border: 1px solid #c3cad7;
    border-radius: 50%;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 22px auto 50px
}

.matrix__item-box-cont,
.texts {
    -webkit-justify-content: space-between
}

.team .grid .item .info svg {
    margin-top: -5px
}

.team .grid .item .tooltip__content {
    left: 10px;
    top: -34px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.team .grid .item .pop-info {
    width: 310px;
    border-radius: 4px;
    box-shadow: 0 30px 60px 0 rgba(54, 62, 78, .15);
    background-color: #fff;
    padding: 32px 40px 42px
}

.download-second .hs-button.primary.large,
.resource-hero a {
    background: linear-gradient(to left, #65c86d, #2cbd9a);
    transition: .3s ease-in;
    -webkit-tap-highlight-color: transparent;
    outline: 0
}

.team .grid .item .pop-info p {
    line-height: 1.88;
    font-size: 16px;
    color: #363e4e
}

.team .grid .item .pop-info a {
    padding: 11px 40px 10px;
    margin-top: 21px
}

.texts {
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 106px;
    padding-left: 22px;
    padding-bottom: 59px
}

.texts .left {
    width: 510px;
    line-height: 1.2;
    font-size: 50px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width:1279px) {
    .texts {
        padding-top: 86px;
        padding-bottom: 49px
    }

    .texts .left {
        font-size: 46px;
        width: 390px
    }
}

.texts .right {
    padding-left: 119px
}

@media (max-width:1279px) {
    .texts .right {
        padding-left: 79px
    }
}

.texts .right p {
    font-size: 24px;
    line-height: 1.67;
    color: #363e4e;
    padding-top: 9px;
    padding-right: 55px;
    padding-bottom: 49px
}

@media (max-width:1279px) {
    .texts .right p {
        font-size: 22px;
        padding-right: 45px
    }
}

@media (max-width:1023px) and (min-width:768px) {
    .header-home {
        padding-top: 0;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header-home .photo {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        width: 320px;
        height: 320px
    }

    .header-home .text {
        padding-top: 37px;
        margin-left: 0
    }

    .header-home .text h3 {
        font-size: 38px;
        line-height: 1.11;
        text-align: center;
        margin-bottom: 23px
    }

    .header-home .text p {
        font-size: 20px;
        line-height: 1.57;
        text-align: center;
        padding-bottom: 20px
    }

    .manta .item-box .item {
        width: 300px
    }

    .manta .item-box .item .name {
        font-size: 24px
    }

    .character {
        margin-top: 35px
    }

    .character .title {
        font-size: 38px
    }

    .character .box-group .second-group {
        margin-bottom: 55px
    }

    .character .box-group .second-group .group:first-child {
        margin-left: 30px;
        margin-right: -30px
    }

    .character .box-group .first-group .group .counter .icon,
    .character .box-group .first-group .group:first-child .counter .icon,
    .character .box-group .second-group .group .counter .icon,
    .character .box-group .second-group .group:first-child .counter .icon,
    .character .box-group .second-group .group:first-child .counter .icon.first,
    .character .box-group .second-group .group:nth-child(2) .counter .icon.second {
        left: -61px;
        top: -41px
    }

    .character .box-group .first-group .group .counter .icon svg,
    .character .box-group .first-group .group:first-child .counter .icon svg,
    .character .box-group .second-group .group .counter .icon svg,
    .character .box-group .second-group .group:first-child .counter .icon svg {
        width: 80px;
        height: 80px
    }

    .character .box-group .first-group .group .counter div,
    .character .box-group .second-group .group .counter div {
        font-size: 60px
    }

    .character .box-group .first-group .group .text,
    .character .box-group .second-group .group .text {
        font-size: 16px
    }

    .team {
        padding-top: 37px
    }

    .team .grid {
        padding-top: 78px;
        padding-left: 0;
        padding-right: 0;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .team .grid .item,
    .team .grid .item .photo {
        width: 270px
    }

    .texts {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0
    }

    .texts .left {
        width: 100%;
        text-align: center;
        font-size: 38px;
        margin-bottom: 20px
    }

    .texts .right {
        padding-left: 0
    }

    .texts .right p {
        font-size: 22px;
        text-align: center;
        padding-right: 0
    }

    .texts .right a {
        display: table;
        margin: 0 auto
    }
}

.comparison-table,
.download-hero {
    padding-top: 120px
}

.download-hero .pillar-hero__desc {
    width: 400px
}

.downlaod-three .container,
.download-form .container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto
}

@media (max-width:1279px) {
    .downlaod-three .container {
        max-width: 864px
    }
}

.downlaod-three .container .box {
    width: 33.333%;
    margin-right: 115px
}

@media (max-width:1279px) {
    .downlaod-three .container .box {
        margin-right: 65px
    }
}

.downlaod-three .container .box .icon {
    margin-top: 25px;
    position: relative;
    margin-bottom: 34px
}

.downlaod-three .container .box .icon:before {
    position: absolute;
    top: 33px;
    left: 26px;
    content: '';
    width: 3px;
    border-radius: 20px;
    height: 10px;
    background-color: #f0754d;
    -webkit-transform: rotate(-46deg);
    transform: rotate(-46deg)
}

.downlaod-three .container .box .icon:after {
    position: absolute;
    top: 26px;
    left: 34px;
    content: '';
    width: 3px;
    border-radius: 20px;
    height: 16px;
    background-color: #f0754d;
    -webkit-transform: rotate(41deg);
    transform: rotate(41deg)
}

.downlaod-three .container .box__title {
    line-height: 1.23;
    font-size: 26px;
    margin-bottom: 25px
}

.downlaod-three .container .box__desc {
    color: #363e4e;
    line-height: 1.75;
    font-size: 16px;
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    padding-bottom: 100px
}

.download-form {
    position: relative;
    padding-top: 7px;
    padding-bottom: 25px
}

.download-form .line,
.resource-free .line {
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    z-index: 3
}

@media (max-width:1279px) {
    .download-form .line {
        top: -6px
    }

    .download-form .container {
        max-width: 864px
    }
}

.download-form .line svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    fill: #f5f7fb
}

.download-form .form-box {
    width: 400px;
    margin: 0 auto;
    padding-top: 120px
}

.download-form .form-box .title {
    line-height: 1;
    color: #363e4e;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    font-size: 40px;
    text-align: center;
    margin-bottom: 48px
}

.download-form .form-box .hbspt-form {
    width: 390px
}

.download-form .form-box .hbspt-form iframe {
    width: 390px !important
}

.download-form .container .lin {
    margin-top: 120px;
    height: 1px;
    width: 100%;
    background-color: #c3cad7;
    opacity: .3
}

.download-second .hbspt-form-second .hs_numemployees .hs-error-msgs {
    top: 58px
}

.download-second .hs-button.primary.large {
    font-weight: 500;
    padding: 16px 41px 15px;
    border: 1px solid transparent;
    font-size: 18px;
    color: #fff;
    margin-top: 38px;
    font-family: QanelasSoft, sans-serif;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 30px
}

.download-second .download-resourse-form h2,
.download-second .hbspt-form .custom-hbspt {
    font-weight: 700;
    font-family: QanelasSoft, sans-serif
}

.download-second .download-resourse-form {
    padding: 50px 0;
    margin: 0 auto
}

.download-second .download-resourse-form h2 {
    font-size: 40px;
    text-align: center
}

.download-second .hbspt-form {
    width: 597px;
    margin: 30px auto 40px
}

.download-second .hbspt-form .custom-hbspt fieldset {
    margin: 0 auto
}

.download-second .hbspt-form .custom-hbspt .hs-input {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    color: #363e4e;
    border: 0;
    border-bottom: 1px solid #848fa3;
    outline: 0;
    padding-left: 0 !important;
    transition: .2s linear;
    width: 100%
}

.download-first .hbspt-form .custom-hbspt .hs-input:focus,
.download-second .hbspt-form .custom-hbspt .hs-input:focus {
    border-bottom: 1px solid #b9554d
}

.download-second .hbspt-form .custom-hbspt .hs-email input::-webkit-input-placeholder {
    font-weight: 400
}

.download-second .hbspt-form .custom-hbspt .hs-email input::-moz-placeholder {
    font-weight: 400
}

.download-second .hbspt-form .custom-hbspt .hs-email input:-ms-input-placeholder {
    font-weight: 400
}

.download-second .hbspt-form .custom-hbspt .hs-email input::placeholder {
    font-weight: 400
}

.download-first .hbspt-form .custom-hbspt .hs-error-msgs,
.download-second .hbspt-form .custom-hbspt .hs-error-msgs {
    font-size: 12px;
    color: #f85d67;
    padding-left: 3px;
    list-style: none;
    position: absolute
}

.download-first .hbspt-form .custom-hbspt .field,
.download-second .hbspt-form .custom-hbspt .field {
    height: 80px;
    margin-bottom: 18px
}

.download-second .hbspt-form .custom-hbspt .hs_company_size_picklist {
    width: 241px;
    position: relative
}

.download-second .hbspt-form .custom-hbspt .hs_company_size_picklist .hs-error-msgs {
    top: 59px
}

.download-second .hbspt-form .custom-hbspt .custom-hbspt-btn {
    font-family: QanelasSoft, sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    border-radius: 46px;
    border: 1px solid transparent;
    background-image: linear-gradient(to right, #2cbd9a, #65c86d);
    padding: 18px 58px;
    transition: .2s linear;
    outline: 0
}

.download-first .hbspt-form .custom-hbspt .hs_submit .actions,
.download-second .hbspt-form .custom-hbspt .hs_submit .actions {
    padding-top: 20px;
    text-align: center
}

.download-first .hbspt-form .custom-hbspt .hs_submit .actions input,
.download-second .hbspt-form .custom-hbspt .hs_submit .actions input {
    text-transform: capitalize
}

.download-second .hbspt-form .custom-hbspt .hs_numemployees select {
    margin-top: 4px;
    background-color: transparent !important
}

.download-second .hbspt-form .custom-hbspt .hs_numemployees select:focus {
    border-bottom: 1px solid #848fa3
}

.download-second .hbspt-form .custom-hbspt .hs_numemployees select option {
    padding: 10px
}

.download-second .hbspt-form .custom-hbspt .custom-selector {
    width: 100%;
    height: 27px;
    border-bottom: 1px solid #848fa3;
    position: relative
}

.download-second .hbspt-form .custom-hbspt .custom-selector .placeholder,
.form-box .right .custom-selector .placeholder {
    color: #848fa3;
    font-weight: 400;
    cursor: default
}

.download-second .hbspt-form .custom-hbspt .custom-selector .selected,
.form-box .right .custom-selector .selected {
    color: #363e4e;
    font-weight: 600
}

.download-second .hbspt-form .custom-hbspt .custom-selector .arrow_box,
.form-box .right .custom-selector .arrow_box {
    position: absolute;
    right: 20px;
    bottom: 15px
}

.download-second .hbspt-form .custom-hbspt .custom-selector .arrow_box:after,
.form-box .right .custom-selector .arrow_box:after {
    border: 4px solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-bottom-color: #848fa3
}

.download-second .hbspt-form .custom-hbspt .custom-selector .custom-select-option,
.form-box .right .custom-selector .custom-select-option {
    display: none;
    position: absolute;
    width: 100%;
    top: 27px
}

.download-second .hbspt-form .custom-hbspt .custom-selector .custom-select-option ul,
.form-box .right .custom-selector .custom-select-option ul {
    list-style: none;
    padding-left: 0;
    background-color: #fff;
    box-shadow: -5px 5px 10px 0 rgba(0, 0, 0, .1)
}

.download-second .hbspt-form .custom-hbspt .custom-selector .custom-select-option ul li:first-child,
.form-box .right .custom-selector .custom-select-option ul li:first-child,
.template .new-box .template-title,
.template .new-box svg {
    pointer-events: none
}

.download-second .hbspt-form .custom-hbspt .custom-selector .custom-select-option ul li,
.form-box .right .custom-selector .custom-select-option ul li {
    cursor: pointer;
    padding: 7px 15px;
    transition: .2s linear
}

.download-second .hbspt-form .custom-hbspt .custom-selector .custom-select-option ul li:hover,
.form-box .right .custom-selector .custom-select-option ul li:hover {
    background-color: #c3cad7
}

.download-second .key-insight .container {
    display: flex;
    padding: 100px 0
}

.download-second .key-insight .container .insights,
.download-second .ready-create-box .ready-create .ready-create-text-box,
[data-star^="2.5"]::after,
body .partnership-form fieldset>div {
    width: 50%
}

.download-second .key-insight .container .insights .insight {
    margin-bottom: 48px
}

.download-second .key-insight .container .insights .insight .title {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    font-size: 26px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px
}

.download-second .key-insight .container .insights .insight .check-placeholder {
    margin-right: 25px
}

.download-second .key-insight .container .insights .insight .description {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.67;
    max-width: 558px
}

@media (max-width:1279px) {
    .download-second .key-insight .container .insight-images {
        padding-left: 30px
    }

    .download-second .quote-box .line-round {
        display: none
    }
}

.download-second .key-insight .container .insight-images .image-placeholder {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    height: 537px
}

.adwords-main .cta-block,
.download-second .quote-box,
.full-width-layout .listing__title {
    margin: 40px 0
}

.download-second .quote-box .quote-variation {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 50px 0 80px
}

.download-second .quote-box .quote-variation .img-placeholder {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 363px;
    height: 334px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.download-second .quote-box .quote-variation .qoute-text-box {
    padding-left: 70px;
    margin-left: auto
}

.download-second .quote-box .quote-variation .qoute-text-box .text {
    font-family: QanelasSoft, sans-serif;
    font-weight: 500;
    max-width: 654px;
    font-size: 40px;
    line-height: 1.3;
    margin-bottom: 10px
}

.download-second .quote-box .quote-variation .qoute-text-box .sub-text {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    color: #848fa3;
    font-size: 26px
}

.download-second .quote-box .line-round svg {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    width: calc(100% + 4px);
    margin-left: -2px
}

.download-second .quote-box .join-businesses {
    padding-top: 80px
}

.download-second .quote-box .join-businesses p {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #848fa3;
    text-align: center;
    margin: 0 auto;
    max-width: 883px
}

.download-second .quote-box .join-businesses .photo-box {
    padding: 30px 0 70px
}

.download-second .quote-box .join-businesses .photo-box .photo-box__item {
    margin: 0 60px 0 0
}

.courses .content .small-container .elem:nth-child(3n),
.customer-stories .customer-stories-cards .customer-story-card:nth-child(3n),
.download-second .quote-box .join-businesses .photo-box .photo-box__item:last-child,
.gate .container .gate-items .gate-item:nth-child(3n),
.items-course .item:nth-child(3n),
.resource-free .container .items .box:nth-child(3n),
.similar-article .field:nth-child(2n) {
    margin-right: 0
}

@media (max-width:768px) {

    .line-rounds,
    .line-rounds-team {
        padding-top: 10px
    }

    .download-second .key-insight .overflow svg,
    .download-second .ready-create-box .overflow svg,
    .line-rounds svg,
    .line-rounds-team svg {
        height: 40px
    }

    .character:after {
        height: 75px
    }

    .download-second .quote-box .join-businesses .photo-box .photo-box__item,
    .download-second .quote-box .join-businesses .photo-box .photo-box__item:last-child {
        margin: 0 auto 48px
    }
}

.download-second .ready-create-box .container {
    padding: 60px 0
}

.download-second .ready-create-box .ready-create .ready-create-text-box h2 {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.25;
    margin-bottom: 40px;
    max-width: 374px
}

.download-second .ready-create-box .ready-create .ready-create-text-box .text {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 27px;
    max-width: 519px;
    line-height: 1.5
}

.download-second .ready-create-box .ready-create .ready-create-text-box .sub-text {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    font-size: 18px;
    color: #848fa3;
    margin-bottom: 20px
}

.download-second .ready-create-box .ready-create .ready-create-text-box .btn-box {
    margin-top: 42px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.download-second .ready-create-box .ready-create .ready-create-text-box .btn-box .btn {
    padding: 16px 52px;
    margin-right: 40px;
    font-size: 18px;
    min-width: 238px;
    text-align: center
}

.download-second .ready-create-box .ready-create .ready-create-text-box .btn-box .btn-trial {
    color: #fff;
    background-image: linear-gradient(to right, #2cbd9a, #65c86d);
    border-radius: 30px
}

.download-second .ready-create-box .ready-create .ready-create-text-box .btn-box .btn-demo {
    color: #363e4e;
    border-radius: 30px;
    border: 1px solid #c3cad7
}

.download-second .ready-create-box .ready-create .img-placeholder {
    background-size: contain;
    background-repeat: no-repeat;
    width: 50%;
    height: 474px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.download-first .header-extra-form,
.features-video-container,
.train-template__btn,
div.matrix {
    margin-top: 60px
}

.download-first .header-extra-form .container .author {
    width: 50%;
    padding-top: 82px;
    padding-bottom: 50px
}

.download-first .header-extra-form .container .author .author-box .author-photo-box {
    width: 100%;
    margin: 50px auto 0
}

.download-first .header-extra-form .container .author .author-box .author-photo-box .author-box__photo {
    margin: 0 auto;
    height: 494px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    -webkit-transform: translateX(-60px);
    transform: translateX(-60px)
}

.download-first .header-extra-form .container .author .author-box .author-box__detail {
    padding-left: 0;
    padding-top: 0
}

.download-first .header-extra-form .container .author .author-box .author-box__detail .author-box__sub {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    color: #848fa3;
    margin-bottom: 20px
}

.download-first .header-extra-form .container .author .author-box .author-box__detail .author-box__title {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.05;
    color: #363e4e;
    margin-bottom: 30px
}

.download-first .header-extra-form .container .author .author-box .author-box__detail .author-box__description {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 2;
    color: #363e4e
}

@media (max-width:1279px) {
    .download-second .ready-create-box .ready-create .ready-create-text-box .btn-box .btn {
        padding: 13px 36px;
        margin-top: 10px
    }

    .download-second .ready-create-box .ready-create .img-placeholder {
        width: 45%;
        margin-left: auto
    }

    .download-first .header-extra-form .container .author .author-box .author-photo-box {
        margin-top: 25px
    }

    .download-first .header-extra-form .container .author .author-box .author-box__detail .author-box__description {
        max-width: 320px
    }

    .resource-free .line {
        top: -6px
    }
}

.download-first .download-resourse-form {
    width: 520px;
    margin: 0 auto;
    box-shadow: 0 25px 30px 0 rgba(0, 0, 0, .1);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-top: 60px
}

.download-first .download-resourse-form h2 {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    font-size: 26px;
    text-align: center
}

.download-first .download-resourse-form .case {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    color: #848fa3;
    text-align: center
}

.download-first .form-upper .hbspt-form .custom-hbspt .hs_company_size_picklist .hs-error-msgs,
.download-first .form-upper .hbspt-form .custom-hbspt .hs_numemployees .hs-error-msgs {
    top: 73px
}

.download-first .hbspt-form {
    width: 100%;
    margin-top: 30px;
    padding: 0 90px 30px
}

.download-first .hbspt-form .hs_company,
.download-first .hbspt-form .hs_firstname,
.download-first .hbspt-form .hs_lastname {
    width: 100% !important
}

.download-first .hbspt-form .custom-hbspt {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    color: #848fa3
}

.download-first .hbspt-form .custom-hbspt .hs-input {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    color: #363e4e;
    border: 0;
    border-bottom: 1px solid #848fa3;
    outline: 0;
    padding-left: 0 !important;
    transition: .2s linear
}

.download-first .hbspt-form .custom-hbspt .hs-form-required {
    color: #b9554d
}

.download-first .hbspt-form .custom-hbspt .hs-email input::-webkit-input-placeholder {
    font-weight: 400
}

.download-first .hbspt-form .custom-hbspt .hs-email input::-moz-placeholder {
    font-weight: 400
}

.download-first .hbspt-form .custom-hbspt .hs-email input:-ms-input-placeholder {
    font-weight: 400
}

.download-first .hbspt-form .custom-hbspt .hs-email input::placeholder {
    font-weight: 400
}

.download-first .hbspt-form .custom-hbspt .custom-hbspt-btn {
    font-family: QanelasSoft, sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    border-radius: 46px;
    border: 1px solid transparent;
    background-image: linear-gradient(to right, #2cbd9a, #65c86d);
    padding: 15px 60px;
    transition: .2s linear;
    outline: 0
}

.download-first .hbspt-form .custom-hbspt .hs_company_size_picklist,
.download-first .hbspt-form .custom-hbspt .hs_numemployees {
    width: 100%;
    position: relative
}

.download-first .hbspt-form .custom-hbspt .hs_company_size_picklist .custom-selector ul.custom-select-option,
.download-first .hbspt-form .custom-hbspt .hs_numemployees .custom-selector ul.custom-select-option {
    list-style: none;
    padding-left: 0
}

.download-first .hbspt-form .custom-hbspt .hs_company_size_picklist .custom-selector ul.custom-select-option li,
.download-first .hbspt-form .custom-hbspt .hs_numemployees .custom-selector ul.custom-select-option li {
    color: #363e4e;
    border: 1px solid #c3cad7;
    border-radius: 16px;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    transition: .2s linear;
    font-weight: 400;
    margin-top: 10px
}

.download-first .hbspt-form .custom-hbspt .hs_company_size_picklist .custom-selector ul.custom-select-option li.active,
.download-first .hbspt-form .custom-hbspt .hs_company_size_picklist .custom-selector ul.custom-select-option li:hover,
.download-first .hbspt-form .custom-hbspt .hs_numemployees .custom-selector ul.custom-select-option li.active,
.download-first .hbspt-form .custom-hbspt .hs_numemployees .custom-selector ul.custom-select-option li:hover {
    border: 1px solid #49c382;
    color: #49c382
}

.margin-r {
    margin-left: 15px
}

.resource-hero.pillar-hero {
    padding-top: 128px;
    padding-bottom: 5px
}

.resource-hero a {
    color: #fff;
    margin-top: 37px;
    margin-bottom: 7px;
    font-size: 18px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 500;
    border: 1px solid transparent;
    display: inline-block;
    padding: 16px 50px 15px;
    border-radius: 30px
}

.resource-hero a:hover {
    text-decoration: none;
    opacity: .9
}

.resource-free {
    position: relative
}

.resource-free .line svg {
    fill: #f5f7fb;
    width: calc(100% + 4px);
    margin-left: -2px
}

.resource-free .container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width:1279px) {
    .resource-free .line svg {
        height: 40px
    }

    .resource-free .container {
        max-width: 864px
    }

    .resource-free .container .head-nav {
        padding: 0 45px
    }
}

.resource-free .container .title {
    color: #363e4e;
    font-size: 40px;
    line-height: 1.3;
    text-align: center;
    margin-top: 128px;
    width: 100%;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    margin-bottom: 47px
}

.resource-free .container .head-nav {
    height: 46px;
    margin-bottom: 35px;
    -webkit-animation-fill-mode: inherit;
    animation-fill-mode: inherit
}

.resource-free .container .head-nav .box-select {
    position: relative;
    display: inline-block
}

.resource-free .container .head-nav .box-select:first-child {
    margin-right: 15px
}

.resource-free .container .head-nav .box-select .select-a {
    font-size: 14px;
    color: #363e4e;
    font-family: QanelasSoft, sans-serif;
    font-weight: 500;
    border-radius: 30px;
    border: 1px solid #c3cad7;
    display: inline-block;
    padding: 10px 0 10px 18px;
    width: 238px;
    transition: border .3s ease-in;
    position: relative
}

@media (max-width:1023px) {
    .single-post-related .post {
        width: calc(50% - 42px)
    }

    .downlaod-three .container,
    .download-form .container,
    .resource-free .container {
        max-width: calc(100% - 160px)
    }

    .downlaod-three .container .box {
        margin-right: 35px
    }

    .downlaod-three .container .box .icon {
        margin: 35px auto
    }

    .downlaod-three .container .box__title {
        font-size: 22px
    }

    .downlaod-three .container .box__desc {
        font-size: 14px
    }

    .download-form .line,
    .resource-free .line {
        top: -8px
    }

    .download-first .header-extra-form .container,
    .download-second .key-insight .container {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .download-second .key-insight .container .insights {
        width: 100%
    }

    .download-second .key-insight .container .insight-images {
        width: 100%;
        padding-left: 0
    }

    .download-second .key-insight .container .insight-images .image-placeholder {
        margin-right: 50px
    }

    .download-second .quote-box .quote-variation .img-placeholder {
        width: 300px;
        height: 271px
    }

    .download-first .header-extra-form {
        margin-bottom: 60px
    }

    .download-first .header-extra-form .container .author {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0
    }

    .download-first .header-extra-form .container .author .author-box .author-photo-box .author-box__photo {
        -webkit-transform: translateX(-12px);
        transform: translateX(-12px)
    }

    .download-first .header-extra-form .container .author .author-box .author-box__detail .author-box__title {
        font-size: 26px;
        margin-bottom: 15px
    }

    .download-first .header-extra-form .container .author .author-box .author-box__detail .author-box__description {
        font-size: 16px;
        max-width: initial
    }

    .resource-free .container .head-nav {
        padding: 0;
        width: 600px;
        margin: 0 auto
    }

    .resource-free .container .head-nav .box-select .select-a {
        width: 180px
    }

    .resource-free .container .items {
        width: 610px;
        margin: 0 auto
    }
}

.resource-free .container .head-nav .box-select .select-a:hover,
.studies .items .box .download:hover,
.table-price .style-btn:hover {
    text-decoration: none;
    border-color: #363e4e
}

.resource-free .container .head-nav .box-select .select-a .tags {
    display: block;
    width: 9px;
    position: absolute;
    top: 20px;
    right: 20px
}

.price-switcher #first_toggle:checked~.toggle_option_slider::after,
.resource-free .container .head-nav .box-select .select-a .tags .toggle__icon-wrap {
    left: 0
}

.resource-free .container .head-nav .box-select .select-a div:first-child {
    line-height: 24px
}

.resource-free .container .head-nav .box-select .checkobox-list {
    background-color: #fff;
    position: absolute;
    top: 15px;
    left: 15px;
    box-shadow: 0 30px 60px 0 rgba(54, 62, 78, .15);
    border-radius: 4px;
    width: 300px;
    padding: 30px;
    z-index: 3;
    display: none
}

@media (max-width:767px) {
    .single-post-related {
        margin-top: 60px;
        margin-bottom: 87px;
        padding-top: 44px
    }

    .download-second .ready-create-box .ready-create .ready-create-text-box,
    .resource-free .container .head-nav .box-select .select-a,
    .single-post-related:before {
        width: 100%
    }

    .single-post-related__title {
        font-size: 28px
    }

    .single-post-related__items {
        margin-top: 25px
    }

    .single-post-related .post {
        width: 100%;
        margin: 0
    }

    .single-post-related .post__photo {
        height: 210px
    }

    .share__link svg {
        width: 16px;
        height: 16px
    }

    .share {
        left: -14px
    }

    .header-home {
        padding-top: 7px;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header-home .photo {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        width: 320px;
        height: 320px
    }

    .header-home .text {
        padding-top: 37px;
        margin-left: 0
    }

    .header-home .text h3 {
        font-size: 38px;
        line-height: 1.11;
        margin-bottom: 23px
    }

    .header-home .text p {
        font-size: 20px;
        line-height: 1.54;
        padding-bottom: 20px
    }

    .manta {
        padding-bottom: 40px
    }

    .manta .item-box .item .icon,
    .manta .item-box .item:first-child .icon,
    .manta .item-box .item:nth-child(3) .icon {
        height: 65px
    }

    .manta .item-box .item .icon svg,
    .manta .item-box .item:first-child .icon svg,
    .manta .item-box .item:nth-child(3) .icon svg {
        width: 55px;
        height: 55px
    }

    .manta .item-box .item .name {
        font-size: 24px;
        max-width: 260px
    }

    .character {
        margin-top: 35px
    }

    .character .overflow svg,
    .character .overflow-second svg,
    .character:after {
        height: 40px
    }

    .character .title {
        font-size: 38px
    }

    .character .box-group {
        padding-top: 75px
    }

    .character .box-group .groups,
    .download-second .quote-box .quote-variation {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .character .box-group .first-group,
    .character .box-group .second-group {
        margin-bottom: 0
    }

    .character .box-group .first-group .group .counter .icon,
    .character .box-group .first-group .group:first-child .counter .icon,
    .character .box-group .second-group .group .counter .icon,
    .character .box-group .second-group .group:first-child .counter .icon,
    .character .box-group .second-group .group:first-child .counter .icon.first,
    .character .box-group .second-group .group:nth-child(2) .counter .icon.second {
        top: -40px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .character .box-group .first-group .group,
    .character .box-group .second-group .group {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .character .box-group .first-group .group .counter .icon svg,
    .character .box-group .first-group .group:first-child .counter .icon svg,
    .character .box-group .second-group .group .counter .icon svg,
    .character .box-group .second-group .group:first-child .counter .icon svg {
        width: 80px;
        height: 80px
    }

    .character .box-group .first-group .group .counter,
    .character .box-group .second-group .group .counter {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .character .box-group .first-group .group .counter div,
    .character .box-group .second-group .group .counter div {
        font-size: 70px;
        text-align: center
    }

    .character .box-group .first-group .group .text,
    .character .box-group .second-group .group .text {
        font-size: 16px;
        text-align: center;
        margin-bottom: 95px
    }

    .team .grid {
        padding-top: 78px;
        padding-left: 0;
        padding-right: 0
    }

    .team .grid .item:nth-child(2n) {
        margin-right: auto
    }

    .team .grid .item {
        width: 270px;
        margin: 0 auto
    }

    .team .grid .item .photo,
    .team .grid .item .pop-info {
        width: 270px
    }

    .texts {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0
    }

    .texts .left {
        width: 100%;
        text-align: center;
        font-size: 38px;
        margin-bottom: 20px
    }

    .download-second .quote-box .quote-variation .qoute-text-box,
    .texts .right {
        padding-left: 0
    }

    .texts .right p {
        font-size: 22px;
        text-align: center;
        padding-right: 0
    }

    .texts .right a {
        display: table;
        margin: 0 auto
    }

    .download-hero .pillar-hero__desc {
        width: auto
    }

    .downlaod-three .container {
        max-width: calc(100% - 80px);
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 40px
    }

    .downlaod-three .container .box {
        width: 100%;
        margin-right: 0
    }

    .downlaod-three .container .box .icon {
        display: table;
        margin: 0 auto 30px
    }

    .downlaod-three .container .box__title {
        font-size: 18px;
        text-align: center;
        margin-bottom: 10px
    }

    .downlaod-three .container .box__desc {
        text-align: center;
        padding-bottom: 40px
    }

    .download-form .line {
        top: -12px
    }

    .download-form .form-box {
        width: 290px;
        padding-top: 70px
    }

    .download-form .form-box .hbspt-form {
        width: 290px
    }

    .download-form .form-box .hbspt-form iframe {
        width: 290px !important
    }

    .download-form .container,
    .resource-free .container {
        max-width: calc(100% - 80px)
    }

    .download-form .container .lin {
        margin-top: 80px
    }

    .download-second .download-resourse-form,
    .download-second .key-insight .container {
        padding: 50px 0
    }

    .download-second .hbspt-form {
        max-width: 400px;
        width: auto
    }

    .download-second .key-insight .container .insights .insight .title {
        font-size: 22px
    }

    .download-second .key-insight .container .insights .insight .check-placeholder {
        margin-right: 15px
    }

    .download-second .key-insight .container .insight-images .image-placeholder {
        height: 250px;
        margin-right: 25px
    }

    .download-second .quote-box .quote-variation .img-placeholder {
        margin: 0 auto
    }

    .download-second .quote-box .quote-variation .qoute-text-box .text {
        margin-top: 20px;
        font-size: 28px;
        text-align: center
    }

    .download-second .quote-box .quote-variation .qoute-text-box .sub-text {
        font-size: 18px;
        text-align: center
    }

    .download-second .quote-box .join-businesses {
        padding-top: 0
    }

    .download-second .ready-create-box .ready-create {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .download-second .ready-create-box .ready-create .ready-create-text-box h2 {
        max-width: initial;
        text-align: center;
        font-size: 28px
    }

    .download-second .ready-create-box .ready-create .ready-create-text-box .text {
        max-width: initial;
        text-align: center;
        font-size: 18px
    }

    .download-second .ready-create-box .ready-create .ready-create-text-box .sub-text {
        text-align: center
    }

    .download-second .ready-create-box .ready-create .ready-create-text-box .btn-box {
        margin-top: 10px;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .download-second .ready-create-box .ready-create .ready-create-text-box .btn-box .btn {
        margin-right: 10px
    }

    .download-second .ready-create-box .ready-create .img-placeholder {
        width: 100%;
        height: 270px
    }

    .download-first .header-extra-form .container .author .author-box .author-photo-box .author-box__photo {
        height: 350px
    }

    .download-first .download-resourse-form {
        width: 100%;
        padding-top: 30px
    }

    .download-first .hbspt-form {
        padding: 0 30px 30px
    }

    .download-first .hbspt-form .custom-hbspt .custom-hbspt-btn {
        padding: 10px 50px
    }

    .resource-free {
        padding-bottom: 15px
    }

    .resource-free .line {
        top: -10px
    }

    .resource-free .container .title {
        margin-top: 60px;
        font-size: 30px;
        margin-bottom: 10px
    }

    .resource-free .container .head-nav {
        width: 100%;
        height: auto;
        padding-top: 65px
    }

    .resource-free .container .head-nav .box-select {
        width: 100%;
        margin-bottom: 15px
    }

    .resource-free .container .head-nav .box-select .checkobox-list {
        left: -3px;
        width: 300px;
        top: -2px
    }

    .resource-free .container .head-nav .page-blog .search {
        bottom: auto;
        top: -55px;
        height: 45px;
        width: 100%
    }
}

.resource-free .container .head-nav .box-select .checkobox-list div.btn {
    position: relative;
    padding-left: 28px
}

.resource-free .container .head-nav .box-select .checkobox-list div.btn.disble:before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    content: '';
    z-index: 999
}

.resource-free .container .head-nav .box-select .checkobox-list div .styled-checkbox:checked+label:before,
.resource-free .container .head-nav .box-select .checkobox-list div.btn.active .checkobox-a {
    border: 1px solid #f0754d;
    background-color: #f0754d
}

.resource-free .container .head-nav .box-select .checkobox-list div.btn.active .checkobox-a:before {
    content: '';
    position: absolute;
    left: 4px;
    top: 8px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.resource-free .container .head-nav .box-select .checkobox-list div .checkobox-a {
    position: absolute;
    top: 1px;
    left: -8px;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #c3cad7;
    border-radius: 3px
}

.resource-free .container .head-nav .box-select .checkobox-list div .styled-checkbox {
    position: absolute;
    opacity: 0
}

.resource-free .container .head-nav .box-select .checkobox-list div .styled-checkbox+label {
    position: relative;
    cursor: pointer;
    padding: 0;
    font-size: 16px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 500;
    color: #363e4e
}

.resource-free .container .head-nav .box-select .checkobox-list div .styled-checkbox+label:before {
    content: '';
    margin-right: 15px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #c3cad7;
    border-radius: 3px
}

.resource-free .container .head-nav .box-select .checkobox-list div .styled-checkbox:disabled+label {
    color: #b8b8b8;
    cursor: auto
}

.resource-free .container .head-nav .box-select .checkobox-list div .styled-checkbox:disabled+label:before {
    box-shadow: none;
    background: #ddd
}

.resource-free .container .head-nav .box-select .checkobox-list div .styled-checkbox:checked+label:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 11px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.resource-free .container .head-nav .page-blog {
    padding-top: 0;
    position: relative;
    height: 100%
}

.resource-free .container .head-nav .page-blog .search__open {
    padding-left: 25px;
    padding-right: 23px;
    background-color: #f5f7fb
}

.resource-free .container .head-nav .page-blog .search__close {
    padding-right: 18px;
    padding-left: 18px
}

.resource-free .container .items {
    padding-top: 25px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:767px) {
    .resource-free .container .items {
        width: 100%
    }
}

@media (max-width:320px) {
    .resource-free .container .items {
        width: 210px
    }
}

.resource-free .container .items.grid-anim {
    margin-left: -25px;
    width: calc(100% + 50px)
}

@media (max-width:1279px) {
    .resource-free .container .items {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .resource-free .container .items.grid-anim {
        width: 755px;
        margin: 0 auto
    }
}

.resource-free .container .items .box {
    width: calc(33.333% - 50px);
    margin-right: 25px;
    margin-left: 25px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 95px
}

@media (max-width:1279px) {
    .resource-free .container .items .box {
        width: 340px;
        margin-right: 0
    }

    .comparison-table {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

.resource-free .container .items .box .name {
    padding: 23px 30px;
    font-size: 26px;
    line-height: 1.23;
    color: #363e4e;
    font-family: QanelasSoft, sans-serif;
    font-weight: 500;
    min-height: 170px;
    display: block;
    transition: color .3s ease-in
}

.resource-free .container .items .box .name:hover,
.tour_more a:hover {
    text-decoration: none;
    color: #f0754d
}

.resource-free .container .items .box .photo {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: block
}

.resource-free .container .items .box .tag {
    font-size: 12px;
    color: #f0754d;
    margin-left: 30px;
    margin-bottom: 36px;
    display: block
}

.comparison-table .btn-box a,
.comparison-table .wrap-table,
.matrix__item-head {
    display: -webkit-flex;
    display: -ms-flexbox
}

.page-blog.resource-page {
    padding-top: 0;
    margin-top: -35px;
    padding-bottom: 105px
}

.quote.white-line {
    background-color: #fff;
    position: relative;
    padding-top: 38px;
    margin-bottom: 153px
}

.quote.white-line .overflow {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
    top: -45px
}

.comparison-table .wrap-table {
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    height: 100%;
    border-radius: 20px;
    margin-bottom: 48px
}

.comparison-table .wrap-table .item {
    width: 33.333%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    box-shadow: 0 12px 44px 0 rgba(0, 0, 0, .1);
    overflow: hidden
}

.comparison-table .wrap-table .item:first-child {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px
}

.comparison-table .wrap-table .item:last-child {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px
}

.comparison-table .wrap-table .item.main {
    padding-top: 11px;
    padding-bottom: 11px;
    border-radius: 10px;
    background-color: #fff;
    border: 2px solid rgba(252, 121, 75, .5)
}

.comparison-table .wrap-table .item .line-box .line-box-title {
    background-color: #fff;
    font-size: 22px;
    line-height: 1.45;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    letter-spacing: normal;
    color: #363e4e;
    padding: 19px 40px;
    border-bottom: 2px solid rgba(195, 202, 215, .2)
}

@media (max-width:1279px) {
    .comparison-table .wrap-table .item .line-box .line-box-title {
        padding: 13px 40px 18px
    }
}

.comparison-table .wrap-table .item .line-box .line-box-name {
    font-size: 18px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    line-height: 1.56;
    color: #363e4e;
    padding: 19px 40px;
    border-bottom: 2px solid rgba(195, 202, 215, .2);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (max-width:1279px) {
    .comparison-table .wrap-table .item .line-box .line-box-name {
        font-size: 14px;
        padding: 17px 40px
    }
}

.comparison-table .wrap-table .item .line-box .line-box-name.last,
.partnership-benefits-container .partnership-benefits-steps-container .partnership-benefit-steps:last-child {
    border-bottom: none
}

.comparison-table .wrap-table .item .line-box .line-box-logo {
    background-color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 40px 14px;
    border-bottom: 2px solid rgba(195, 202, 215, .2)
}

@media (max-width:1279px) {
    .comparison-table .wrap-table .item .line-box .line-box-logo {
        padding: 11px 40px
    }
}

.comparison-table .wrap-table .item .line-box .line-box-logo img {
    width: 42px
}

.comparison-table .wrap-table .item .line-box .line-box-logo span {
    margin-left: 10px;
    font-size: 22px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    line-height: 1.45;
    color: #363e4e
}

.comparison-table .wrap-table .item .line-box .line-progress {
    background-color: #fff;
    padding: 7px 40px 8px;
    border-bottom: 2px solid rgba(195, 202, 215, .2)
}

@media (max-width:1279px) {
    .comparison-table .wrap-table .item .line-box .line-progress {
        padding: 6px 40px 7px
    }
}

.comparison-table .wrap-table .item .line-box .line-progress.gray .line-first .progress {
    border: 1px solid #ced4e1
}

.comparison-table .wrap-table .item .line-box .line-progress.gray .line-first .progress .bg {
    background-color: #ced4e1
}

.comparison-table .wrap-table .item .line-box .line-progress.gray .line-first .progress-count {
    color: #ced4e1
}

.comparison-table .wrap-table .item .line-box .line-progress.last {
    border-color: transparent
}

.comparison-table .wrap-table .item .line-box .line-progress .line-first .progress {
    border: 1px solid #fc794b;
    border-radius: 3px;
    height: 16px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.comparison-table .wrap-table .item .line-box .line-progress .line-first .progress .bg {
    background-color: #fc794b;
    height: 100%
}

.comparison-table .wrap-table .item .line-box .line-progress .line-first .progress-count {
    margin-left: 20px;
    color: #fc794b;
    font-size: 14px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 600
}

.comparison-table .wrap-table .item .line-box .line-progress .line-second {
    color: #363e4e;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 6px
}

.comparison-table .wrap-table .item .line-box .line-progress .line-second span {
    font-family: QanelasSoft, sans-serif;
    font-weight: 300;
    margin-left: auto
}

.comparison-table .wrap-table .item .line-box .line-progress .line-second .line-second-count {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    margin-left: 20px
}

.comparison-table__title {
    font-size: 40px;
    line-height: 1.3;
    text-align: center;
    color: #363e4e;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    margin-bottom: 16px
}

.comparison-table__description {
    font-size: 18px;
    line-height: 1.91;
    text-align: center;
    color: #363e4e;
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    margin-bottom: 48px
}

.matrix .link,
.matrix__item-first {
    font-weight: 500;
    font-family: QanelasSoft, sans-serif
}

.comparison-table .btn-box a {
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none
}

.comparison-table .btn-box a:hover span svg {
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

.comparison-table .btn-box a span svg {
    transition: .3s ease-in;
    margin-left: 10px
}

.matrix .matrix-btns-container {
    margin: 0 auto 60px;
    display: table
}

.matrix .matrix-btns-container .matrix-btns.active .matrix-btns-show-arrow svg {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.matrix .matrix-btns-container .matrix-btns .matrix-btns-show-text-show {
    font-size: 22px;
    color: #fc794b;
    margin-right: 6px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 600
}

.matrix .matrix-btns-container .matrix-btns .matrix-btns-show-text-hide {
    font-size: 22px;
    color: #fc794b;
    margin-right: 6px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    display: none
}

.matrix__container {
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

.matrix__container.fx {
    padding-top: 35px
}

.matrix__container:before {
    position: absolute;
    top: 43px;
    left: 0;
    right: 0;
    content: ''
}

.matrix__container.active {
    height: auto
}

.breadcrumb ul li:first-child:before,
.download-second.webinar-formss .hbspt-form .custom-hbspt .custom-selector .custom-select-option ul li:first-child,
.form-box .right .box-select .select-options li[rel=hide],
.matrix__container.active:before,
.teams .overflow,
.use-case-overview .owl-theme .owl-nav .owl-next.disabled,
.use-case-overview .owl-theme .owl-nav .owl-prev.disabled {
    display: none
}

.matrix__item-head {
    border-bottom: 1px solid #d9dfea;
    margin-bottom: 16px;
    padding-bottom: 10px;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 50px
}

.event-card-button svg,
.matrix__item-head span {
    margin-left: 12px
}

.matrix .brd {
    height: 1px;
    width: 100%;
    background-color: #d9dfea
}

.matrix__item {
    width: 100%;
    margin-bottom: 10px;
    padding: 3px 0;
    transition: background-color .3s ease-in
}

.form-box .right .box-select .select-options li:hover,
.matrix__item:hover,
.teams-bg-gray,
.tour_bg,
.tour_grid {
    background-color: #f5f7fb
}

.matrix__item.btn-item-row {
    background-color: transparent;
    margin-bottom: -70px;
    min-height: 110px
}

.matrix__item.btn-item-row.active {
    position: fixed;
    top: 95px;
    z-index: 3;
    left: 0;
    right: 0;
    margin: 0 auto
}

.matrix__item-first {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #363e4e;
    font-size: 18px;
    line-height: 1.67
}

.matrix__item-box-cont {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.matrix__item-box {
    width: 208px;
    text-align: center;
    font-family: QanelasSoft, sans-serif
}

.matrix .name {
    color: #363e4e;
    font-size: 22px;
    margin-bottom: 10px
}

.matrix .link {
    border-radius: 30px;
    border: 2px solid #fc794b;
    font-size: 16px;
    text-align: center;
    color: #fc794b;
    display: table;
    margin: 0 auto;
    padding: 12px 23px;
    transition: .3s linear;
    min-width: 202px;
    background-image: none
}

.matrix .link.active,
.matrix .link:hover,
.price-three-column .container .box .link.active,
.price-three-column .container .box .link:hover {
    text-decoration: none;
    background-image: linear-gradient(to right, #ffa246, #e14a53);
    color: #fff;
    border-color: #fff
}

.pr-banner {
    margin: 100px auto
}

.pr-banner__container {
    padding: 40px 64px 40px 66px;
    border-radius: 10px;
    box-shadow: 0 10px 190px 0 rgba(0, 0, 0, .08);
    width: 1280px;
    margin: 0 auto;
    background-color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.banner,
.studies,
.table-price,
.webinar__subscribe {
    background-color: #f5f7fb
}

@media (max-width:1279px) {

    .comparison-table .wrap-table .item .line-box .line-progress .line-first .progress-count,
    .comparison-table .wrap-table .item .line-box .line-progress .line-second {
        font-size: 12px
    }

    .comparison-table__title {
        font-size: 36px;
        margin-bottom: 10px
    }

    .matrix__container {
        width: calc(100% - 40px);
        overflow-x: scroll
    }

    .matrix__item-head {
        border-bottom: none
    }

    .matrix__item-box {
        width: 238px
    }

    .matrix .link {
        font-size: 14px
    }

    .pr-banner__container {
        width: 864px;
        padding: 30px 44px
    }
}

.pr-banner__left-title {
    font-size: 26px;
    line-height: 2.08;
    color: #363e4e;
    font-family: QanelasSoft, sans-serif;
    font-weight: 600
}

.pr-banner__left-decription {
    font-size: 18px;
    line-height: 2.22;
    color: #363e4e;
    font-family: IowanOldStyle, serif;
    font-weight: 400
}

.price-three-column .container .box .abs-text,
.price-three-column .container .box .name,
.price-title {
    font-weight: 700;
    font-family: QanelasSoft, sans-serif;
    text-align: center
}

.l-block .right,
.pr-banner__right {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.pr-banner__right a {
    display: block;
    padding: 14px 48px;
    border-radius: 30px;
    color: #fff;
    background-image: linear-gradient(to right, #2cbd9a 0, #65c86d 100%)
}

.pr-banner__right a:hover {
    text-decoration: none;
    color: #fff
}

.pricing-gr {
    background-image: linear-gradient(to top, #fff, #f8f9fc, #f8f9fc)
}

.price-title {
    margin: 0 auto 60px;
    padding-top: 190px;
    font-size: 60px;
    color: #363e4e;
    width: 700px;
    line-height: 1
}

@media (max-width:1279px) {
    .price-title {
        font-size: 52px;
        padding-top: 160px
    }
}

.price-three-column {
    margin-top: -134px;
    position: relative;
    padding-bottom: 49px
}

.price-three-column__img {
    position: absolute;
    top: -134px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    width: 100%;
    height: 633px
}

@media (min-width:1990px) {
    .price-three-column__img {
        height: 100%
    }
}

.price-three-column .line {
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0
}

.price-three-column .container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1280px;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:1279px) {
    .price-three-column .line {
        bottom: -15px
    }

    .price-three-column .container {
        max-width: 864px
    }
}

@media (max-width:1023px) {
    .resource-free .container .items.grid-anim {
        width: 630px;
        margin-left: -25px
    }

    .resource-free .container .items .box {
        width: 290px;
        margin-bottom: 55px
    }

    .resource-free .container .items .box .name {
        min-height: 140px;
        font-size: 22px
    }

    .comparison-table .wrap-table .item .line-box .line-progress .line-second,
    .page-blog.resource-page {
        margin-top: 0
    }

    .quote.white-line .overflow {
        top: -40px
    }

    .comparison-table .wrap-table .item.main {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .comparison-table .wrap-table .item .line-box .line-box-title {
        font-size: 16px;
        padding: 17px 15px 18px
    }

    .comparison-table .wrap-table .item .line-box .line-box-name {
        padding: 15px;
        font-size: 12px
    }

    .comparison-table .wrap-table .item .line-box .line-box-logo {
        padding: 11px 15px 7px;
        min-height: 62px
    }

    .comparison-table .wrap-table .item .line-box .line-box-logo svg {
        width: 26px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .comparison-table .wrap-table .item .line-box .line-box-logo img {
        width: 26px
    }

    .comparison-table .wrap-table .item .line-box .line-box-logo span {
        font-size: 16px
    }

    .comparison-table .wrap-table .item .line-box .line-progress {
        padding: 6px 15px
    }

    .matrix__item-first {
        width: 340px
    }

    .pr-banner__container {
        width: calc(100% - 160px);
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .pr-banner__left-title {
        line-height: 1.2;
        margin-bottom: 10px
    }

    .pr-banner__right a {
        margin-top: 20px
    }

    .price-title {
        width: calc(100% - 160px);
        padding-top: 160px;
        font-size: 42px
    }

    .price-three-column .container {
        max-width: calc(100% - 160px);
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:767px) {
    .resource-free .container .items.grid-anim {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .resource-free .container .items .box {
        width: 100%;
        margin-bottom: 35px;
        margin-left: 0
    }

    .resource-free .container .items .box .name {
        min-height: 100px;
        font-size: 20px
    }

    .page-blog.resource-page {
        margin-top: 10px
    }

    .comparison-table {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .comparison-table .wrap-table {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 10px
    }

    .comparison-table .wrap-table .item {
        width: 100%;
        margin-bottom: 20px
    }

    .comparison-table .wrap-table .item:first-child {
        display: none
    }

    .comparison-table .wrap-table .item:last-child {
        border-radius: 10px
    }

    .comparison-table .wrap-table .item.main {
        padding-top: 0;
        padding-bottom: 0
    }

    .comparison-table .wrap-table .item .line-box .line-progress {
        padding: 13px 15px
    }

    .comparison-table .wrap-table .item .line-box .line-progress .line-second {
        margin-top: 3px
    }

    .comparison-table .wrap-table .item .line-box .line-progress .line-second .show-mob {
        display: block;
        font-size: 12px;
        font-family: QanelasSoft, sans-serif;
        font-weight: 700;
        color: #363e4e
    }

    .comparison-table__title {
        font-size: 26px
    }

    .comparison-table__description {
        margin-bottom: 30px;
        font-size: 14px
    }

    .matrix__item-first {
        width: 190px
    }

    .pr-banner {
        margin: 40px auto
    }

    .pr-banner__container {
        width: calc(100% - 40px);
        padding: 20px 34px
    }

    .pr-banner__left-title {
        font-size: 20px
    }

    .price-title {
        font-size: 28px;
        padding-top: 56px;
        width: calc(100% - 100px);
        margin: 0 auto 20px
    }

    .price-three-column {
        margin-top: 0
    }

    .price-three-column .line {
        bottom: -13px
    }

    .price-three-column .container {
        max-width: calc(100% - 20px)
    }
}

.price-three-column .container .box {
    border-radius: 8px;
    background-color: #fff;
    width: 406px;
    padding: 45px 65px;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width:1279px) {
    .price-three-column .container .box {
        width: 290px;
        padding: 42px 25px 50px
    }
}

.price-three-column .container .box.active {
    box-shadow: 0 10px 190px 0 rgba(0, 0, 0, .08);
    margin: 0 31px
}

.price-three-column .container .box.yellow .different {
    padding-left: 72px
}

.price-three-column .container .box.yellow .different li:before {
    background-image: url(../images/bullet-orange.svg)
}

.price-three-column .container .box.yellow .link {
    background-image: linear-gradient(to right, #ffa246, #e14a53)
}

.price-three-column .container .box.green .more span,
.price-three-column .container .box.green .other-price span,
.price-three-column .container .box.green .price {
    color: #49c382
}

.price-three-column .container .box.green .different {
    padding-left: 70px
}

.price-three-column .container .box.green .different li:before {
    background-image: url(../images/bullet-green.svg)
}

.price-three-column .container .box.green .link {
    background-image: linear-gradient(to right, #65c86d, #2cbd9a);
    position: relative
}

.price-three-column .container .box.green .link:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background-image: linear-gradient(to bottom, rgba(25, 30, 40, .2), rgba(25, 30, 40, .2)), linear-gradient(to left, #65c86d, #2cbd9a);
    content: '';
    z-index: 2;
    opacity: 0;
    transition: .3s linear
}

.price-three-column .container .box.green .more .toggle__icon-wrap .toggle__icon {
    background-color: #49c382
}

.price-three-column .container .box .abs-text {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    left: 0;
    top: -19px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 4px 32px;
    background: #fc794b
}

.price-three-column .container .box .icon,
.studies .items .box .photo,
.table-price .container table tbody td .icon {
    background-repeat: no-repeat;
    background-position: center center
}

.price-three-column .container .box .icon {
    width: 255px;
    height: 165px;
    background-size: cover;
    margin: 0 auto 43px
}

.price-three-column .container .box .name {
    color: #363e4e;
    font-size: 40px;
    line-height: .8;
    margin-bottom: 8px
}

.price-three-column .container .box .descr {
    color: #848fa3;
    font-size: 18px;
    text-align: center;
    font-family: QanelasSoft, sans-serif;
    font-weight: 500
}

.price-three-column .container .box .contacts {
    font-size: 32px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    text-align: center;
    color: #363e4e;
    margin-top: 42px
}

.price-three-column .container .box .price {
    font-family: QanelasSoft, sans-serif;
    font-weight: 500;
    color: #363e4e;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 25px;
    line-height: 1;
    margin-bottom: 5px
}

.price-three-column .container .box .price .symbol {
    font-size: 16px;
    position: relative;
    top: 9px;
    left: -6px
}

.price-three-column .container .box .price .month {
    font-size: 16px;
    position: relative;
    top: 39px;
    left: 2px
}

.price-three-column .container .box .other-price {
    text-align: center;
    margin-bottom: 35px;
    color: #848fa3
}

.price-three-column .container .box .other-price span {
    color: #569ffe
}

.price-three-column .container .box .different {
    list-style-type: none;
    padding-left: 90px;
    margin-bottom: 40px
}

.price-three-column .container .box .different li {
    position: relative;
    line-height: 1.88;
    color: #363e4e;
    font-size: 16px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 500
}

.price-three-column .container .box .different li:before {
    position: absolute;
    content: '';
    background-image: url(../images/bullet-orange.svg);
    background-size: cover;
    width: 10px;
    height: 10px;
    left: -22px;
    top: 8px
}

.price-three-column .container .box .box-det {
    width: 250px;
    margin: 0 auto;
    padding-top: 16px;
    border-top: 1px solid #e7ebf2;
    position: relative
}

.price-three-column .container .box .box-det:before {
    position: absolute;
    top: -1px;
    left: -78px;
    width: 90px;
    height: 1px;
    background-color: #e7ebf2;
    content: ''
}

.price-three-column .container .box .box-det:after {
    position: absolute;
    top: -1px;
    right: -78px;
    width: 90px;
    height: 1px;
    background-color: #e7ebf2;
    content: ''
}

.support .search-form .box-input.active:before,
.support .search-form .box-input:hover:before {
    background: linear-gradient(to right, #65c86d 0, #2cbd9a 100%)
}

.price-three-column .container .box .box-det__title {
    height: 30px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #fc794b;
    margin-bottom: 15px
}

.form-box .right .hs-error-msgs,
.price-three-column .container .box .box-det ul {
    list-style-type: none;
    padding-left: 0
}

.price-three-column .container .box .box-det ul li {
    font-size: 16px;
    line-height: 1.88;
    color: #848fa3;
    font-family: QanelasSoft, sans-serif;
    font-weight: 500;
    position: relative
}

.price-three-column .container .box .box-det ul li:before {
    position: absolute;
    left: -25px;
    top: 5px;
    background-image: url(../images/done-black.svg);
    width: 18px;
    height: 18px;
    content: ''
}

.price-three-column .container .box .link {
    border-radius: 30px;
    border: 2px solid #fc794b;
    font-size: 16px;
    text-align: center;
    color: #fc794b;
    display: table;
    margin: 0 auto 40px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 500;
    padding: 12px 40px;
    transition: .3s linear;
    min-width: 202px;
    background-image: none
}

.price-three-column .container .box .more {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 14px
}

.price-three-column .container .box .more .toggle__icon-wrap {
    top: -6px;
    right: -9px
}

.price-three-column .container .box .more .toggle__icon-wrap .toggle__icon {
    background-color: #f0754d
}

.table-price {
    padding-top: 94px;
    padding-bottom: 20px
}

.table-price .btn-box {
    display: none;
    position: relative
}

.table-price .style-btn {
    border: 1px solid #c3cad7;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    top: -60px;
    left: 25px
}

.learn-price .container .link,
.teams .box-btn-text .link {
    border-radius: 30px;
    background-image: linear-gradient(to left, #65c86d, #2cbd9a);
    transition: .3s linear
}

.table-price .style-btn .triangle {
    position: absolute;
    top: 14px;
    left: 14px;
    width: 0;
    height: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #363e4e
}

.table-price .style-btn.next {
    left: 75px
}

.table-price .style-btn.next .triangle {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 17px
}

.table-price .container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1200px
}

@media (max-width:1279px) {
    .price-three-column .container .box.yellow .different {
        padding-left: 62px
    }

    .price-three-column .container .box.green .different {
        padding-left: 60px
    }

    .price-three-column .container .box .icon {
        width: 225px
    }

    .price-three-column .container .box .different {
        margin: 0 auto 40px;
        display: table;
        padding-left: 0
    }

    .price-three-column .container .box .box-det {
        width: 100%
    }

    .price-three-column .container .box .box-det ul li:before,
    .price-three-column .container .box .box-det:after,
    .price-three-column .container .box .box-det:before {
        display: none
    }

    .price-three-column .container .box .link {
        font-size: 14px
    }

    .table-price .container {
        max-width: 864px
    }
}

@media (max-width:1023px) {
    .price-three-column .container .box {
        width: 300px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-bottom: 35px
    }

    .price-three-column .container .box.active {
        margin: 0 31px 35px
    }

    .table-price .container {
        max-width: calc(100% - 160px)
    }
}

@media (max-width:767px) {
    .price-three-column .container .box {
        width: 335px;
        padding: 42px 25px 60px
    }

    .price-three-column .container .box .icon {
        width: 260px
    }

    .table-price {
        width: 100%
    }

    .table-price .btn-box {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .table-price .container {
        width: 100%;
        overflow-y: scroll;
        display: block;
        max-width: 100%;
        padding-left: 30px
    }
}

.table-price .container table {
    table-layout: fixed;
    width: 100%;
    text-align: center;
    margin-left: -4px;
    margin-bottom: 120px;
    font-family: IowanOldStyle, serif;
    font-weight: 400
}

.table-price .container table thead th {
    font-size: 24px;
    padding-bottom: 5px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    border-right: 1px solid #e6e9f0
}

.table-price .container table thead th:first-child {
    color: #75cdf6
}

.table-price .container table thead th:nth-child(3) {
    color: #49c382;
    border-right: none
}

#breadcrumbs a,
.table-price .container table tbody {
    font-size: 16px;
    color: #848fa3
}

.table-price .container table tbody .title.up td {
    padding-top: 5px
}

.table-price .container table tbody .title td {
    color: #191e28;
    font-size: 11px;
    padding-top: 40px;
    padding-bottom: 8px;
    line-height: normal;
    text-transform: uppercase;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    position: relative
}

.table-price .container table tbody td {
    line-height: 1.8;
    border-right: 1px solid #e6e9f0
}

.table-price .container table tbody td:nth-child(3) {
    border-right: none
}

.table-price .container table tbody td .icon {
    background-size: cover;
    width: 8px;
    height: 8px;
    margin: 0 auto;
    background-image: url(../images/close.svg)
}

.learn-price .line {
    position: absolute;
    left: 0;
    right: 0;
    top: -55px
}

.learn-price .line svg {
    width: calc(100% + 4px);
    margin-left: -2px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.learn-price .container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1200px;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width:1279px) {
    .learn-price .container {
        max-width: 864px
    }
}

@media (max-width:1023px) {
    .table-price .container table {
        margin-left: 0;
        margin-bottom: 100px
    }

    .learn-price .container {
        max-width: calc(100% - 160px)
    }
}

@media (max-width:767px) {
    .table-price .container table {
        width: 800px;
        text-align: left
    }

    .table-price .container table thead th {
        border-right: none
    }

    .table-price .container table tbody .title.up td {
        padding-top: 40px
    }

    .table-price .container table tbody .title td:before {
        position: absolute;
        left: 0;
        width: 100%;
        top: 20px;
        height: 1px;
        background: #e6e9f0;
        content: ''
    }

    .table-price .container table tbody td {
        border-right: none;
        padding-right: 25px
    }

    .table-price .container table tbody td .icon {
        margin: 0
    }

    .learn-price .line {
        top: -35px
    }

    .learn-price .line svg {
        height: 40px
    }

    .learn-price .container {
        max-width: calc(100% - 80px)
    }
}

.learn-price .container .name {
    font-size: 40px;
    line-height: 50px;
    color: #363e4e;
    text-align: center;
    padding-top: 125px;
    margin: 0 auto;
    display: table;
    max-width: 950px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 600
}

.learn-price .container .descr {
    text-align: center;
    line-height: 1.67;
    font-size: 24px;
    color: #363e4e;
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    padding-top: 28px
}

.learn-price .container .link {
    display: table;
    margin: 39px auto 0;
    color: #fff;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    padding: 16px 47px;
    font-size: 18px;
    position: relative
}

.pricing-page .capterra {
    margin-top: 82px;
    padding-bottom: 20px
}

.pricing-page .capterra .capterra-box {
    margin-top: 67px
}

.pricing-page .quote .quote-box {
    margin-bottom: 115px
}

.pricing-page .quote .quote-box .detail-info h3 {
    padding-right: 0;
    font-size: 32px;
    margin-top: 4px;
    line-height: 1.5;
    margin-bottom: 38px
}

.teams-bg-gray .overflow {
    overflow: hidden;
    display: block
}

.studies .items,
.teams .box-btn-text {
    display: -webkit-flex;
    display: -ms-flexbox
}

.teams-bg-gray .overflow svg.second {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.teams .container.second-items {
    margin-top: 120px
}

.teams .container.second-items .descr {
    max-width: 1000px
}

.teams .container.second-items .items .box:first-child .info .title {
    margin-top: 33px
}

.teams .container.second-items .items .box:nth-child(3) .info .title {
    margin-top: 49px
}

.teams .container .name {
    text-align: center;
    color: #363e4e;
    font-family: QanelasSoft, sans-serif;
    font-weight: 600
}

.teams .container .descr {
    text-align: center;
    font-size: 24px;
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    padding-top: 13px;
    line-height: 1.67;
    color: #848fa3;
    max-width: 800px;
    margin: 0 auto
}

.studies .items .box .name,
.studies .title,
.teams .box-btn-text .link,
.teams .box-btn-text .text,
.teams .container .items .box .info .title {
    font-family: QanelasSoft, sans-serif;
    font-weight: 600
}

@media (max-width:1279px) {
    .teams .container.second-items {
        margin-top: 80px
    }

    .teams .container .items {
        padding-top: 87px
    }

    .teams .container .items .box {
        margin-bottom: 90px
    }
}

.teams .container .items .box.reverse .info {
    margin-right: 30px
}

.customer-stories .customer-stories-cards .customer-story-card .story-card-hover .story-card-description,
.teams .container .items .box.reverse .info .title,
body .webinar {
    margin-top: 0
}

.teams .container .items .box .info {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 470px
}

.teams .container .items .box .info .title {
    font-size: 40px;
    color: #363e4e;
    line-height: 1.05;
    margin-top: 63px
}

@media (max-width:1279px) {

    .teams .container .items .box.reverse .info .title,
    .teams .container .items .box:nth-child(3) .info .title {
        margin-top: 30px
    }

    .teams .container .items .box:nth-child(2),
    .teams .container .items .box:nth-child(3) {
        margin-bottom: 90px
    }

    .teams .container .items .box .info {
        max-width: 420px
    }

    .teams .container .items .box .info .title {
        margin-top: 30px;
        font-size: 36px
    }

    .teams .container .items .box .info .description {
        line-height: 1.5
    }
}

.teams .container .items .box .info .description {
    font-size: 20px;
    color: #363e4e;
    margin-top: 30px
}

.teams .container .items .box .photo {
    margin-right: 100px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.teams .box-btn-text {
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 107px
}

.teams .box-btn-text .text {
    font-size: 26px;
    line-height: 2;
    color: #363e4e;
    margin-right: 38px
}

.teams .box-btn-text .link {
    font-size: 18px;
    color: #fff;
    padding: 17px 45px;
    position: relative
}

.teams .line-round {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    padding: 0
}

.studies {
    position: relative;
    padding-bottom: 140px
}

@media (max-width:1279px) {
    .teams .container .items .box .photo {
        margin-right: 0
    }

    .teams .box-btn-text {
        margin-bottom: 60px
    }

    .studies {
        padding-bottom: 100px
    }
}

.studies .line {
    position: absolute;
    left: 0;
    right: 0;
    top: -40px
}

.studies .line-second {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -40px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.studies .title {
    font-size: 40px;
    color: #363e4e;
    line-height: 1.3;
    text-align: center;
    padding-top: 115px;
    padding-bottom: 60px
}

.studies .items {
    max-width: 1120px;
    display: flex;
    margin: 0 auto;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.studies .items .box {
    width: 310px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.studies .items .box .photo {
    width: 100%;
    height: 230px;
    background-size: cover;
    margin-bottom: 27px;
    border-radius: 10px;
    overflow: hidden
}

.studies .items .box .name {
    color: #363e4e;
    font-size: 32px
}

@media (max-width:1279px) {
    .studies .items .box {
        width: 275px
    }

    .studies .items .box .photo {
        height: 180px
    }

    .studies .items .box .name {
        font-size: 28px
    }
}

.studies .items .box .descr {
    line-height: 1.75;
    color: #363e4e;
    font-size: 16px;
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    margin-top: 9px;
    margin-bottom: 22px
}

.ask-block .container .items .item .title,
.ask-block .container .name,
.studies .items .box .download {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    color: #363e4e
}

.studies .items .box .download {
    font-size: 14px;
    border-radius: 30px;
    border: 1px solid #c3cad7;
    padding: 10px 31px;
    display: inline-block;
    transition: .3s linear
}

.ask-block .line-round {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    padding-bottom: 78px;
    padding-top: 0
}

.ask-block .container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1160px;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width:1279px) {
    .ask-block .line-round {
        padding-bottom: 50px
    }

    .ask-block .container {
        max-width: 864px
    }
}

@media (max-width:1023px) {
    .learn-price .container .name {
        padding-top: 80px;
        font-size: 32px
    }

    .learn-price .container .descr {
        padding-top: 20px;
        font-size: 22px
    }

    .pricing-page .capterra {
        margin-top: 32px
    }

    .teams .container .name {
        font-size: 42px
    }

    .teams .container .descr {
        font-size: 18px
    }

    .teams .container .items {
        padding-top: 65px
    }

    .teams .container .items .box {
        margin-bottom: 70px;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .teams .container .items .box.reverse {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .teams .container .items .box .info .title {
        text-align: center;
        font-size: 32px
    }

    .teams .container .items .box .info .description {
        text-align: center;
        font-size: 18px
    }

    .studies {
        padding-bottom: 70px
    }

    .studies .title {
        font-size: 38px;
        padding-top: 90px
    }

    .studies .items {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .studies .items .box {
        margin: 0 10px 50px
    }

    .studies .items .box .name {
        font-size: 24px;
        text-align: center
    }

    .studies .items .box .descr {
        font-size: 14px;
        text-align: center
    }

    .studies .items .box .download {
        display: table;
        margin: 0 auto
    }

    .ask-block .container {
        max-width: calc(100% - 160px)
    }
}

@media (max-width:767px) {
    .learn-price .container .name {
        padding-top: 45px;
        font-size: 28px;
        line-height: 36px
    }

    .learn-price .container .descr {
        font-size: 18px
    }

    .pricing-page .quote {
        position: relative
    }

    .pricing-page .quote svg.second {
        position: absolute;
        bottom: -2px
    }

    .pricing-page .quote .quote-box .detail-info h3 {
        font-size: 24px
    }

    .studies .line svg,
    .studies .line-second svg,
    .teams-bg-gray .overflow svg {
        height: 40px
    }

    .teams .container .items .box,
    .teams .container .items .box:nth-child(2),
    .teams .container .items .box:nth-child(3),
    .teams .container.second-items {
        margin-bottom: 45px
    }

    .teams .container .name {
        line-height: 42px
    }

    .teams .container .items .box .info .title {
        font-size: 26px
    }

    .teams .container .items .box .info .description {
        margin-top: 15px;
        font-size: 16px
    }

    .teams .container .items .box .photo {
        width: 320px;
        height: 240px
    }

    .teams .box-btn-text {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .teams .box-btn-text .text {
        margin-right: 0;
        margin-bottom: 10px
    }

    .studies .line {
        top: -20px
    }

    .studies .line-second {
        bottom: -20px
    }

    .studies .title {
        font-size: 32px;
        padding-bottom: 40px
    }

    .ask-block .container {
        max-width: calc(100% - 80px)
    }
}

@media (max-width:374px) {
    .download-first .header-extra-form {
        margin-bottom: 30px
    }

    .resource-free .container .head-nav .box-select .checkobox-list {
        width: 245px
    }

    .ask-block .container,
    .learn-price .container,
    .price-three-column .container,
    .table-price .container {
        max-width: calc(100% - 25px)
    }
}

.ask-block .container .name {
    font-size: 40px;
    line-height: 1.05;
    text-align: center;
    padding-top: 112px;
    padding-bottom: 80px
}

.ask-block .container .items {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.breadcrumb ul,
.form-box,
.items-course,
.items-course .item .info,
.similar-article {
    display: -webkit-flex;
    display: -ms-flexbox
}

.ask-block .container .items .item {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 460px
}

.ask-block .container .items .item:nth-child(2n) {
    margin-right: 49px
}

.ask-block .container .items .item .title {
    font-size: 22px;
    line-height: 1.91;
    margin-bottom: 5px
}

.ask-block .container .items .item .descr {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    font-size: 16px;
    color: #848fa3;
    line-height: 2.13;
    margin-bottom: 14px
}

@media (max-width:1279px) {
    .ask-block .container .items .item {
        width: calc(50% - 26px)
    }

    .ask-block .container .items .item:nth-child(2n) {
        margin-right: 0
    }

    .ask-block .container .items .item:nth-child(2n-1) {
        margin-right: 45px
    }

    .star-question {
        padding: 50px 0 3px
    }
}

.star-question a {
    text-decoration: underline;
    color: #848fa3;
    font-size: 16px
}

.footer__terms-links,
.gate {
    padding-top: 25px
}

.gate .container .title {
    font-size: 40px;
    line-height: 1.3;
    color: #363e4e;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
    padding-bottom: 45px
}

.gate .container .gate-items .gate-item {
    width: 323px;
    position: relative;
    margin-right: 95px;
    margin-bottom: 75px
}

@media (max-width:1279px) {
    .gate .container .title {
        font-size: 36px
    }

    .gate .container .gate-items .gate-item {
        width: 260px;
        margin-right: 42px
    }
}

@media (min-width:1280px) {
    .single-post-related .post:nth-child(3n-2) {
        margin-left: 0
    }

    .gate .container .gate-items .gate-item:nth-child(3n),
    .single-post-related .post:nth-child(3n),
    .team .grid .item:nth-child(3n) {
        margin-right: 0
    }
}

.gate .container .gate-items .gate-item .photo {
    width: 100%;
    position: relative;
    height: 230px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
    display: block
}

@media (max-width:1279px) {
    .gate .container .gate-items .gate-item .photo {
        height: 190px
    }
}

.gate .container .gate-items .gate-item .subtitle {
    font-size: 12px;
    font-family: QanelasSoft, sans-serif;
    color: #f0754d;
    margin-bottom: 17px;
    font-weight: 600
}

.gate .container .gate-items .gate-item .name {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 1.23;
    color: #363e4e;
    margin-bottom: 17px;
    display: block;
    transition: .3s ease-in
}

@media (max-width:768px) {
    .gate .container .gate-items .gate-item .name {
        font-size: 40px
    }

    .gate .container .gate-items .gate-item .description {
        font-size: 14px
    }
}

.support .title {
    text-align: center;
    font-size: 60px;
    padding-top: 58px;
    letter-spacing: .5px;
    margin-left: -14px;
    font-weight: 700
}

.support .search-form {
    padding-top: 24px;
    padding-bottom: 73px
}

@media (max-width:1279px) {
    .gate .container .gate-items .gate-item .name {
        margin-bottom: 22px
    }

    .support .title {
        font-size: 48px;
        margin-left: 0
    }

    .support .search-form {
        padding-top: 0;
        padding-bottom: 40px
    }
}

@media (max-width:1279px) and (max-width:767px) {
    .support .search-form {
        padding-top: 10px
    }
}

.support .search-form .box-input {
    height: 64px;
    width: 775px;
    margin: 0 auto;
    position: relative
}

.support .search-form .box-input:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(to right, #c3cad7 0, #c3cad7 100%);
    content: ''
}

.support .search-form .box-input.active:before {
    height: 2px
}

.support .search-form .box-input.active button:after,
.support .search-form .box-input:hover button:after {
    background: #363e4e
}

.support .search-form .box-input.active button:before,
.support .search-form .box-input:hover button:before {
    border: 2px solid #363e4e
}

.form-box .left .photo,
.items-course .item .info .photos .picture,
.items-course .item .photo {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.support .search-form .box-input .esc {
    position: absolute;
    top: 26px;
    right: 6px;
    width: 13px;
    height: 13px;
    display: none
}

.support .search-form .box-input .esc svg {
    fill: #363e4e;
    opacity: .5;
    transition: opacity .3s ease-in
}

.support .search-form .search-list {
    border-radius: 20px;
    box-shadow: 0 6px 4px 0 rgba(33, 33, 102, .02), 0 20px 40px 0 rgba(33, 33, 102, .16);
    background-color: #fff;
    padding: 0;
    list-style-type: none;
    margin: 0;
    max-height: 0;
    overflow-x: scroll;
    position: absolute;
    transition: .2s ease-in;
    z-index: 8;
    top: 70px;
    right: 0;
    left: 0
}

.support .search-form .search-list::-webkit-scrollbar {
    width: 0;
    height: 0;
    background-color: #f5f5f5
}

.support .search-form .search-list.open {
    max-height: 450px
}

.lang-br .features-details-static-cta,
.support .search-form .search-list li:first-child {
    margin-top: 28px
}

.support .search-form .search-list li a {
    color: #363e4e;
    padding: 17px 37px;
    font-size: 18px;
    display: block;
    transition: .3s ease-in;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.support .search-form .search-list li a:hover {
    background-color: #f5f7fb;
    text-decoration: none
}

.support .search-form input {
    height: 100%;
    border: none;
    outline: 0;
    width: 100%;
    padding-left: 30px;
    font-weight: 700;
    letter-spacing: .9px
}

.support .search-form input::-webkit-input-placeholder {
    color: #848fa3;
    font-weight: 700
}

.support .search-form input::-moz-placeholder {
    color: #848fa3;
    font-weight: 700
}

.support .search-form input:-ms-input-placeholder {
    color: #848fa3;
    font-weight: 700
}

.support .search-form input:-moz-placeholder {
    color: #848fa3;
    font-weight: 700
}

.support .search-form button {
    position: absolute;
    width: 19px;
    height: 19px;
    padding: 0;
    border: none;
    outline: 0;
    top: 26px;
    left: 0;
    background: 0 0
}

.banner .left .banner__btn a:before,
.banner .left .banner__btn a:hover,
.train-template__btn a:before,
.train-template__btn a:hover {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)), linear-gradient(to left, #ffa246, #e14a53)
}

.support .search-form button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 13px;
    height: 13px;
    border: 2px solid #848fa3;
    border-radius: 50%;
    transition: .3s linear;
    content: ''
}

.support .search-form button:after {
    position: absolute;
    top: 11px;
    left: 9px;
    content: '';
    width: 7px;
    height: 2px;
    border-radius: 100px;
    -webkit-transform: rotate(-315deg);
    transform: rotate(-315deg);
    background: #848fa3;
    transition: .3s linear
}

.breadcrumb .name {
    color: #848fa3;
    font-size: 18px;
    line-height: .89;
    font-weight: 600
}

.breadcrumb ul {
    padding: 0;
    list-style-type: none;
    margin: 0;
    display: flex
}

.breadcrumb ul li {
    margin-left: 36px;
    font-size: 18px;
    font-weight: 700;
    position: relative
}

.breadcrumb ul li:before {
    position: absolute;
    top: 5px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    left: -26px;
    content: '';
    background-image: url(../images/arrow-down.svg);
    width: 15px;
    height: 15px
}

.breadcrumb ul li a {
    color: #848fa3;
    display: block
}

.items-course {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 42px;
    padding-bottom: 42px
}

.items-course .item {
    box-shadow: 0 6px 4px 0 rgba(33, 33, 102, .02), 0 10px 20px 0 rgba(33, 33, 102, .16);
    border-radius: 40px;
    width: 340px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 40px 40px;
    margin-right: 70px;
    margin-bottom: 39px;
    transition: .3s ease-in
}

.items-course .item:hover {
    box-shadow: 0 6px 4px 0 rgba(33, 33, 102, .02), 0 30px 50px 0 rgba(33, 33, 102, .2);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    text-decoration: none
}

.form-box .right .box-select .select-options,
.items-course .item:active {
    box-shadow: 0 6px 4px 0 rgba(33, 33, 102, .02), 0 20px 40px 0 rgba(33, 33, 102, .16)
}

.items-course .item .photo {
    height: 80px;
    width: 76px;
    margin: 53px auto 0
}

.items-course .item .name {
    font-size: 26px;
    font-weight: 700;
    margin-top: 45px;
    color: #363e4e
}

.items-course .item .tag {
    color: #848fa3;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    margin-top: 5px;
    letter-spacing: normal
}

.items-course .item .description {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.56;
    color: #363e4e;
    margin-top: 17px
}

.items-course .item .info {
    margin-top: 24px;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.items-course .item .info .photos .picture {
    width: 34px;
    height: 34px;
    margin-right: 12px;
    -webkit-mask-image: url(../images/mask-1.png);
    mask-image: url(../images/mask-1.png);
    margin-left: -17px
}

.items-course .item .info .photos .picture:first-child {
    -webkit-mask-image: url(../images/mask.png);
    mask-image: url(../images/mask.png);
    margin-left: 0
}

.items-course .item .info .position {
    line-height: 1.29;
    font-size: 14px;
    color: #848fa3
}

.form-box,
.similar-article {
    display: flex;
    padding-bottom: 120px
}

.form-box .form-integration {
    margin-left: -10px;
    margin-top: 20px
}

.form-box .left {
    width: 358px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.form-box .left .photo {
    width: 358px;
    height: 322px;
    margin-top: 106px;
    -webkit-transform: translateX(23px);
    transform: translateX(23px)
}

.form-box .right {
    padding-left: 141px
}

.form-box .right .title {
    color: #363e4e;
    font-size: 40px;
    line-height: 40px;
    padding-top: 100px;
    letter-spacing: -.2px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700
}

.form-box .right .description {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #848fa3;
    max-width: 566px;
    padding-top: 24px;
    -webkit-transform: translateX(-11px);
    transform: translateX(-11px)
}

.form-box .right .form-bottomer {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    padding-top: 29px
}

.form-box .right .hs-error-msg {
    font-size: 12px;
    line-height: .92;
    font-weight: 500;
    color: #f85d67
}

.form-box .right input,
.form-box .right textarea {
    height: 45px;
    border: none;
    font-size: 18px;
    outline: 0;
    padding: 16px 0 10px;
    width: 100%;
    border-bottom: 1px solid #c3cad7;
    transition: .3s ease-in;
    color: #363e4e
}

.form-box .right input:focus,
.form-box .right textarea:focus {
    border-bottom-color: #65c86d
}

.form-box .right input::-webkit-input-placeholder,
.form-box .right textarea::-webkit-input-placeholder {
    color: #848fa3
}

.form-box .right input::-moz-placeholder,
.form-box .right textarea::-moz-placeholder {
    color: #848fa3
}

.form-box .right input:-ms-input-placeholder,
.form-box .right textarea:-ms-input-placeholder {
    color: #848fa3
}

.form-box .right input:-moz-placeholder,
.form-box .right textarea:-moz-placeholder {
    color: #848fa3
}

.form-box .right textarea {
    min-height: 115px;
    border: 1px solid #c3cad7;
    resize: none;
    border-radius: 10px;
    padding: 15px 21px
}

.form-box .right .box-textarea textarea:focus,
.form-box .right .box-textarea textarea:hover,
.form-box .right textarea:focus,
.similar-article a:hover .field {
    border-color: #65c86d
}

.form-box .right .custom-selector {
    width: 100%;
    height: 27px;
    border-bottom: 1px solid #c3cad7;
    position: relative;
    margin-bottom: 30px;
    z-index: 3
}

.form-box .right.active label {
    -webkit-transform: translate(0, -3px) scale(.65);
    transform: translate(0, -3px) scale(.65)
}

.form-box .right .box-textarea textarea {
    border: 1px solid #c3cad7;
    min-height: 115px;
    max-height: 195px;
    outline: 0;
    resize: none;
    width: 100%;
    border-radius: 10px;
    padding: 15px 21px;
    font-size: 18px;
    color: #363e4e;
    transition: .3s ease-in;
    margin-bottom: 33px
}

.form-box .right .box-textarea textarea::-webkit-input-placeholder {
    color: #848fa3
}

.form-box .right .box-textarea textarea::-moz-placeholder {
    color: #848fa3
}

.form-box .right .box-textarea textarea:-ms-input-placeholder {
    color: #848fa3
}

.form-box .right .box-textarea textarea:-moz-placeholder {
    color: #848fa3
}

.form-box .right .box-select {
    height: 45px;
    margin-bottom: 40px
}

.form-box .right .box-select .select-hidden,
.vacancy_gate-filters .select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px
}

.form-box .right .box-select .select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 18px;
    color: #848fa3;
    width: 100%;
    font-weight: 400;
    height: 45px
}

.form-box .right .box-select .select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 8px 15px 8px 0;
    border-bottom: 1px solid #c3cad7;
    transition: .3s ease-in
}

.form-box .right .box-select .select-styled:after {
    content: '';
    width: 15px;
    height: 15px;
    background-image: url(../images/arrow-down-grey.svg);
    position: absolute;
    top: 16px;
    right: 4px
}

.form-box .right .box-select .select-styled.active,
.form-box .right .box-select .select-styled:active,
.form-box .right .box-select .select-styled:hover {
    border-bottom: 1px solid #65c86d
}

.form-box .right .box-select .select-options {
    display: none;
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 28px 0;
    list-style: none;
    background-color: #fff;
    border-radius: 20px
}

.form-box .right .box-select .select-options li {
    margin: 0;
    padding: 17px 38px;
    color: #363e4e;
    font-size: 18px;
    line-height: 1;
    font-weight: 600
}

.form-box .right .custom-hbspt-btn {
    margin-top: 40px;
    text-align: center;
    max-width: 240px;
    display: block;
    position: relative;
    outline: 0;
    border: none;
    border-radius: 30px;
    height: 60px;
    font-weight: 700;
    color: #fff;
    font-size: 18px;
    padding: 0 40px;
    background: linear-gradient(to left, #65c86d, #2cbd9a)
}

.main-content-article {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 40px
}

.main-content-article .box .name {
    font-size: 40px;
    font-weight: 700;
    color: #363e4e;
    padding-top: 32px
}

.main-content-article .box .text {
    color: #848fa3;
    font-size: 20px;
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    padding-top: 16px
}

.main-content-article .box .list-container {
    margin-top: 50px
}

.main-content-article .box .list-container .item {
    border: 1px solid #c3cad7;
    display: block;
    padding: 26px 40px 32px;
    position: relative;
    margin-bottom: 22px;
    transition: .3s ease-in
}

.main-content-article .box .list-container .item:hover {
    text-decoration: none;
    border-color: #65c86d
}

.main-content-article .box .list-container .item:hover .arrow,
.similar-article a:hover .arrow {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    opacity: 1
}

.main-content-article .box .list-container .item_title {
    font-size: 26px;
    color: #363e4e
}

.main-content-article .box .list-container .item_description {
    font-size: 20px;
    color: #363e4e;
    line-height: 1.6;
    padding-top: 7px;
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    min-height: 70px
}

.main-content-article .box .list-container .item_detail {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    color: #848fa3;
    padding-top: 24px
}

.main-content-article .box .list-container .item .arrow {
    width: 16px;
    height: 2px;
    opacity: .5;
    border-radius: 1px;
    background-color: #363e4e;
    position: absolute;
    bottom: 39px;
    right: 48px;
    transition: .3s ease-in
}

.article-container .right .download-collection .list-box .list .icon:before,
.main-content-article .box .list-container .item .arrow:before,
.main-content-article .sidebar .download-collection .list-box .list .icon:before,
.similar-article .field .arrow:before {
    position: absolute;
    right: 0;
    width: 2px;
    height: 6px;
    background: #363e4e;
    content: '';
    border-radius: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.article-container .right .download-collection .list-box .list .icon:after,
.main-content-article .box .list-container .item .arrow:after,
.main-content-article .sidebar .download-collection .list-box .list .icon:after,
.similar-article .field .arrow:after {
    position: absolute;
    right: 0;
    top: -4px;
    width: 2px;
    height: 6px;
    background: #363e4e;
    content: '';
    border-radius: 1px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.banner .right,
.courses .content .big-item__photo,
.courses .content .big-item__photo-mobile,
.l-block__photo,
.main-content-article .sidebar .book .photo,
.template .wrap .elem__photo,
.train-template__photo {
    background-position: center center
}

.main-content-article .sidebar {
    width: 360px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 73px;
    padding-top: 41px
}

.main-content-article .sidebar .book {
    background-color: rgba(245, 247, 251, .7);
    border-radius: 20px;
    padding-top: 27px;
    padding-bottom: 40px;
    margin-bottom: 8px
}

.main-content-article .sidebar .book .photo {
    background-repeat: no-repeat;
    background-size: cover;
    width: 189px;
    height: 249px;
    margin: 0 auto 24px
}

.main-content-article .sidebar .book .started-box__link {
    text-align: center;
    max-width: 155px;
    display: block;
    position: relative;
    outline: 0;
    border: none;
    border-radius: 30px;
    height: 44px;
    line-height: 44px;
    font-weight: 700;
    color: #363e4e;
    font-size: 14px;
    background: linear-gradient(to left, #fff, #fff);
    margin: 0 auto;
    transition: .3s linear
}

.l-block__photo,
.train-template__photo {
    background-repeat: no-repeat;
    background-size: contain
}

.main-content-article .sidebar .book .started-box__link:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    content: '';
    z-index: 2;
    background-image: linear-gradient(to left, #65c86d 100%, #2cbd9a 0);
    transition: .3s linear;
    opacity: 0
}

.main-content-article .sidebar .book .started-box__link span {
    position: relative;
    z-index: 3
}

.main-content-article .sidebar .book .started-box__link:hover {
    text-decoration: none;
    color: #fff
}

.article-container .right .download-collection .list-box .list:hover .icon,
.customer-stories .customer-stories-cards .customer-story-card:hover .story-card-hover,
.main-content-article .sidebar .book .started-box__link:hover:before,
.main-content-article .sidebar .download-collection .list-box .list:hover .icon {
    opacity: 1
}

.article-container .right .download-collection,
.main-content-article .sidebar .download-collection {
    background-color: rgba(245, 247, 251, .7);
    border-radius: 20px;
    padding: 27px 24px 40px
}

.article-container .right .download-collection_title,
.article-container .right .suggest_title,
.main-content-article .sidebar .download-collection_title {
    font-size: 18px;
    font-weight: 700;
    line-height: .89;
    color: #363e4e;
    padding-top: 11px;
    padding-bottom: 33px
}

.article-container .right .download-collection .list-box .list,
.main-content-article .sidebar .download-collection .list-box .list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 14px;
    color: #363e4e
}

.article-container .right .download-collection .list-box .list .icon,
.main-content-article .sidebar .download-collection .list-box .list .icon {
    width: 8px;
    height: 2px;
    opacity: .5;
    border-radius: 1px;
    background-color: #363e4e;
    position: relative;
    transition: .3s ease-in;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-top: 6px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.article-container .right .download-collection .list-box .list .icon .line,
.main-content-article .sidebar .download-collection .list-box .list .icon .line {
    position: absolute;
    bottom: 0;
    left: 6px;
    background-color: #363e4e;
    width: 9px;
    height: 2px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    border-radius: 2px
}

.article-container .right .download-collection .list-box .list .name,
.main-content-article .sidebar .download-collection .list-box .list .name {
    margin-left: 12px;
    line-height: 1.4;
    color: #363e4e;
    font-size: 14px;
    font-weight: 600
}

.article-container .right .download-collection .list-box .list .name span,
.main-content-article .sidebar .download-collection .list-box .list .name span {
    color: rgba(54, 62, 78, .5)
}

.article-container .left {
    width: calc(100% - 410px)
}

.article-container .left .info .name {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    color: #363e4e;
    padding-top: 43px
}

.article-container .left .info .description {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.6;
    color: #848fa3;
    padding-top: 24px;
    padding-right: 30px
}

.article-container .left .info .details {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 11px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.article-container .left .info .details .photo {
    width: 34px;
    height: 34px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-mask-image: url(../images/mask.png);
    mask-image: url(../images/mask.png)
}

.article-container .left .info .details .person {
    font-size: 14px;
    line-height: 1.29;
    color: #848fa3;
    margin-left: 12px
}

.article-container .left .text {
    color: #363e4e;
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 2;
    padding-top: 50px;
    position: relative;
    padding-bottom: 140px
}

.article-container .left .text p {
    margin-bottom: 40px
}

.article-container .left .text img {
    width: 100%;
    height: auto;
    margin-bottom: 25px
}

.article-container .left .text:before {
    content: '';
    position: absolute;
    bottom: 90px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url(../images/dots.svg);
    width: 64px;
    height: 8px
}

.article-container .right {
    width: 410px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 123px
}

.article-container .right .suggest {
    background-color: rgba(245, 247, 251, .7);
    border-radius: 20px;
    padding: 27px 24px 19px;
    margin-top: 98px;
    margin-bottom: 8px
}

.article-container .right .suggest .list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.learn .right .btn-box .btn-demo,
.webinar .wrap-btn-more a {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    line-height: 1.78
}

.article-container .right .suggest .list a {
    font-size: 14px;
    color: #363e4e;
    line-height: 1;
    padding-left: 25px;
    margin-bottom: 20px;
    position: relative
}

.article-container .right .suggest .list a:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 2px;
    width: 2px;
    border-radius: 3px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #848fa3;
    transition: .3s ease-in
}

.article-container .right .suggest .list a:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 2px;
    border-radius: 3px;
    height: 6px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #848fa3;
    transition: .3s ease-in
}

#app,
.customer-stories,
.tour_grid {
    padding-top: 50px
}

.similar-article .field {
    border: 1px solid rgba(195, 202, 215, .3);
    padding-left: 20px;
    width: 560px;
    margin-right: 40px;
    position: relative;
    transition: .3s ease-in;
    height: 100%
}

.similar-article .field legend {
    color: #848fa3;
    line-height: 1;
    font-weight: 700;
    font-size: 16px;
    padding: 0 14px;
    width: auto
}

.similar-article .field .main-title {
    font-size: 26px;
    font-weight: 700;
    color: #363e4e;
    padding-top: 24px;
    padding-left: 19px;
    line-height: 28px
}

.similar-article .field .description {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.6;
    color: #363e4e;
    padding: 17px 40px 80px 19px
}

.similar-article .field .info {
    padding-top: 24px;
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    font-size: 16px;
    color: #848fa3;
    line-height: 1;
    left: 39px;
    bottom: 32px;
    position: absolute
}

.customer-stories h2,
.learn .left .title-box {
    font-size: 40px;
    font-family: QanelasSoft, sans-serif
}

.similar-article .field .arrow {
    width: 16px;
    height: 2px;
    opacity: .5;
    border-radius: 1px;
    background-color: #363e4e;
    position: absolute;
    bottom: 35px;
    right: 40px;
    transition: .3s ease-in
}

.learn .left {
    width: calc(100% - 345px);
    padding-right: 80px
}

.learn .left .box-add {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px;
    margin-top: 23px
}

.learn .left .box-add .name {
    font-family: QanelasSoft, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.78;
    color: #569ffe;
    margin-left: 15px
}

.learn .left .title-box {
    font-weight: 700;
    line-height: 1;
    letter-spacing: normal;
    color: #363e4e;
    margin-bottom: 16px
}

.learn .left .description-box {
    font-family: IowanOldStyle, serif;
    font-size: 24px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #848fa3;
    margin-bottom: 40px
}

.learn .left .info .info-title {
    font-family: QanelasSoft, sans-serif;
    font-size: 26px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #569ffe;
    margin-bottom: 16px
}

.learn .left .info .info-content {
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #363e4e
}

.learn .right {
    width: 345px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 1px solid #e6e9f0;
    border-radius: 8px;
    padding: 40px 47px 48px;
    position: relative
}

.learn .right .label {
    position: absolute;
    right: 0;
    top: 0
}

.learn .right .btn-box {
    width: 251px;
    margin-top: 48px
}

.learn .right .btn-box .link {
    color: #fff;
    margin-top: 17px;
    margin-bottom: 7px;
    font-size: 18px;
    font-family: QanelasSoft, sans-serif;
    position: relative;
    z-index: 1000;
    padding: 16px 0 15px;
    width: 100%;
    text-align: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.learn .right .btn-box .btn-demo {
    width: 100%;
    border-radius: 30px;
    border: 1px solid #c3cad7;
    font-family: QanelasSoft, sans-serif;
    font-size: 18px;
    margin-top: 9px;
    font-weight: 700;
    text-align: center;
    color: #363e4e;
    display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 13px 0;
    transition: .3s ease-in
}

.learn .right .btn-box .btn-demo:hover {
    border: 1px solid #363e4e;
    text-decoration: none
}

.customer-stories h2 {
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 19px
}

.content-info p,
.courses .content .description,
.customer-stories p,
.train-template__description {
    font-family: IowanOldStyle, serif
}

.customer-stories p {
    font-weight: 400;
    text-align: center
}

.customer-stories .customer-stories-cards {
    margin-top: 87px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.customer-stories .customer-stories-cards .customer-story-card {
    color: #363e4e;
    text-decoration: none;
    width: 360px;
    border-radius: 10px;
    box-shadow: 0 4px 16px 0 rgba(54, 62, 78, .1);
    background-color: #fff;
    margin-right: 40px;
    margin-bottom: 80px;
    position: relative
}

@media (max-width:1279px) {
    .support .search-form .box-input {
        width: 580px
    }

    .article-container .left,
    .breadcrumb,
    .items-course {
        width: 608px;
        margin: 0 auto
    }

    .breadcrumb ul li,
    .learn .right .btn-box .btn-demo,
    .learn .right .btn-box .link {
        font-size: 16px
    }

    .items-course .item {
        margin-right: 20px;
        width: 294px;
        padding: 0 30px 30px
    }

    .items-course .item:nth-child(3n) {
        margin-right: auto
    }

    .items-course .item:nth-child(2n) {
        margin-right: 0
    }

    .items-course .item .photo {
        margin: 30px auto 0
    }

    .article-container,
    .form-box {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .form-box .form-integration {
        margin-left: 10px
    }

    .form-box .left {
        margin: 0 auto
    }

    .form-box .left .photo,
    .form-box .right .form-bottomer {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .form-box .right {
        padding-left: 0;
        width: 608px;
        margin: 0 auto
    }

    .form-box .right .description {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        text-align: center;
        margin: 0 auto
    }

    .main-content-article {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 608px;
        margin: 0 auto
    }

    .main-content-article .box .list-container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .main-content-article .sidebar {
        padding-left: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        width: auto
    }

    .main-content-article .sidebar .book {
        padding-left: 40px;
        padding-right: 40px;
        margin-right: 40px
    }

    .article-container .left .text {
        padding-bottom: 0
    }

    .article-container .left .text:before {
        bottom: -60px
    }

    .article-container .right {
        padding-left: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 608px;
        margin: 0 auto 75px
    }

    .article-container .right .suggest {
        padding-left: 40px;
        padding-right: 40px;
        margin-right: 40px;
        margin-bottom: 0
    }

    .article-container .right .download-collection {
        margin-top: 98px
    }

    .similar-article {
        width: 608px;
        margin: 0 auto;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .similar-article .field {
        width: 100%;
        margin-bottom: 40px
    }

    .learn .left {
        padding-right: 40px;
        width: calc(100% - 300px)
    }

    .learn .right {
        width: 300px
    }

    .learn .right .btn-box {
        width: 100%
    }

    .customer-stories .customer-stories-cards .customer-story-card {
        margin-left: 36px;
        margin-right: 36px
    }

    .customer-stories .customer-stories-cards .customer-story-card:nth-child(3n) {
        margin-right: 36px
    }
}

.customer-stories .customer-stories-cards .customer-story-card .story-card-hover {
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background-color: #fff;
    transition: .2s linear
}

.customer-stories .customer-stories-cards .customer-story-card:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.customer-stories .customer-stories-cards .customer-story-card .story-card-image {
    width: 100%;
    height: 195px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.customer-stories .customer-stories-cards .customer-story-card .story-card-image-hover {
    height: 150px;
    background-size: auto;
    background-position: center
}

.customer-stories .customer-stories-cards .customer-story-card .story-card-description {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    padding: 20px 32px 45px;
    margin-top: 33px
}

.customer-stories .customer-stories-cards .customer-story-card .story-card-description .description {
    font-family: QanelasSoft, sans-serif;
    font-weight: 500;
    text-align: left;
    font-size: 26px;
    line-height: 1.23;
    margin-bottom: 78px
}

.customer-stories .customer-stories-cards .customer-story-card .story-card-description .description-hover {
    font-size: 20px;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 40px;
    overflow: hidden
}

.customer-stories .customer-stories-cards .customer-story-card .story-card-description .case-btn {
    text-align: center;
    margin-bottom: 50px
}

.customer-stories .customer-stories-cards .customer-story-card .story-card-description .case-btn .view-case-button {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #2cbd9a;
    border-radius: 30px;
    border: 1px solid #2cbd9a;
    display: inline-block;
    background-color: transparent;
    padding: 10px 40px;
    transition: .2s ease-in;
    outline: 0
}

.customer-stories .customer-stories-cards .customer-story-card .story-card-description .case-btn .view-case-button:hover,
.customer-video-card-container .card-csv .hover-card button:hover {
    background-color: #2cbd9a;
    color: #fff
}

.customer-stories .customer-stories-cards .customer-story-card .story-card-description .conversion {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    position: absolute;
    bottom: 37px
}

.customer-stories .customer-stories-cards .customer-story-card .story-card-description .conversion .arrow-icon {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-right: 12px
}

.customer-stories .customer-stories-cards .customer-story-card .story-card-description .conversion .conversion-rate {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    color: #2cbd9a;
    font-size: 26px
}

.customer-stories .customer-stories-cards .customer-story-card .story-card-description .conversion .percent-sign {
    color: #2cbd9a;
    font-size: 16px
}

.customer-stories .customer-stories-cards .customer-story-card .story-card-description .conversion .conversion-text {
    text-indent: 10px
}

.course-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-align-items: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    max-width: 1450px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 55px
}

.courses {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 59px;
    width: 100%
}

.courses .positon {
    position: fixed
}

.courses .sidebar {
    width: 310px
}

.courses .sidebar__search-form {
    max-width: 200px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 5px;
    transition: .3s;
    margin-bottom: 40px;
    position: relative
}

.courses .sidebar__search-form:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200px;
    height: 1px;
    background-color: #c3cad7;
    transition: .3s
}

.courses .sidebar__search-form.focus:before,
.courses .sidebar__search-form.val:before,
.webinar .wrap-nav .search-form.focus:before,
.webinar .wrap-nav .search-form.val:before {
    bottom: -10px;
    height: 2px;
    background-color: #65c86d
}

.courses .sidebar__search-form.val .sidebar__submit-svg path,
.courses .sidebar__search-form:hover .sidebar__submit-svg path {
    fill: #363e4e;
    transition: .3s
}

.courses .sidebar__search-form.val .sidebar__submit-svg circle,
.courses .sidebar__search-form:hover .sidebar__submit-svg circle {
    stroke: #363e4e;
    transition: .3s
}

.courses .sidebar__search-form:hover:before,
.webinar .wrap-nav .search-form:hover:before {
    bottom: -10px;
    background-color: #65c86d
}

.courses .sidebar__search-form button,
.webinar .wrap-nav .search-form button {
    border: none;
    background-color: transparent;
    padding: 0;
    width: 16px;
    height: 24px
}

.courses .sidebar__search-form button.focus svg path,
.webinar .wrap-nav .search-form button.focus svg path,
.webinar .wrap-nav .search-form.val .search-form__submit-svg path,
.webinar .wrap-nav .search-form:hover .search-form__submit-svg path {
    fill: #363e4e;
    transition: .3s
}

.courses .sidebar__search-form button.focus svg circle,
.webinar .wrap-nav .search-form button.focus svg circle,
.webinar .wrap-nav .search-form.val .search-form__submit-svg circle,
.webinar .wrap-nav .search-form:hover .search-form__submit-svg circle {
    stroke: #363e4e;
    transition: .3s
}

.courses .sidebar__search-form .field-group,
.ebook-bottom-form-corrections,
.use-case-overview-owl {
    position: relative
}

.courses .sidebar__search-form .field-group:before,
.webinar .wrap-nav .search-form .field-group:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 29px;
    background: linear-gradient(to left, #fff 1%, rgba(255, 255, 255, 0) 100%);
    left: 131px
}

.courses .sidebar__search-form .field-group__esc,
.webinar .wrap-nav .search-form .field-group__esc {
    display: none;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: .5
}

.banner .left .banner__btn a:hover:before,
.courses .sidebar__links li a.active:before,
.courses .sidebar__search-form .field-group__esc:hover,
.train-template__btn a:hover:before,
.webinar .wrap-nav .search-form .field-group__esc:hover {
    opacity: 1
}

.courses .sidebar__search-form .field-group__esc.active {
    display: inline
}

.courses .sidebar__search-form .field-group__esc svg path {
    fill: #363e4e
}

.courses .sidebar__search-form .field-group input,
.webinar .wrap-nav .search-form .field-group input {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    border: none;
    padding-left: 15px;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.78;
    color: #363e4e;
    letter-spacing: normal;
    width: 100%;
    padding-right: 39px
}

.banner .left .banner__btn a,
.train-template__btn a {
    background-image: linear-gradient(to left, #ffa246, #e14a53);
    padding: 18px 48px;
    z-index: 1;
    display: table;
    text-decoration: none
}

.courses .sidebar__search-form .field-group input:focus,
.gallery-sliders .tabcontent .owl-nav button,
.use-case-overview .owl-theme .owl-nav .owl-next:focus,
.use-case-overview .owl-theme .owl-nav .owl-prev:focus,
.webinar .wrap-nav .search-form .field-group input:focus {
    outline: 0
}

.courses .sidebar__search-form .field-group input::-webkit-input-placeholder {
    color: #848fa3
}

.courses .sidebar__search-form .field-group input::-moz-placeholder {
    color: #848fa3
}

.courses .sidebar__search-form .field-group input:-ms-input-placeholder {
    color: #848fa3
}

.courses .sidebar__search-form .field-group input::placeholder {
    color: #848fa3
}

.courses .sidebar__featured-categories {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    max-width: 144px;
    height: 20px;
    border-radius: 10px;
    background-color: rgba(252, 121, 75, .2);
    font-size: 11px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: uppercase;
    color: #fc794b;
    padding: 2px 10px
}

.courses .sidebar__featured-categories:hover {
    background-color: rgba(252, 121, 75, .3)
}

.courses .sidebar__links {
    list-style: none;
    padding: 0;
    margin-top: 24px
}

.courses .sidebar__links li a {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    text-decoration: none;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #363e4e;
    transition: .3s;
    position: relative
}

.courses .sidebar__links li a.active,
.courses .sidebar__links li a:hover {
    color: #fc794b
}

.courses .sidebar__links li a:before {
    position: absolute;
    top: 50%;
    left: -45px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    height: 2px;
    width: 30px;
    background-color: #fc794b;
    opacity: 0;
    transition: .3s
}

.courses .sidebar__links li:not(:last-child) {
    margin-bottom: 16px
}

.courses .sidebar__categories-toggle {
    display: none;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    padding: 13px 32px;
    border-radius: 30px;
    border: 1px solid #c3cad7;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 44px;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #363e4e;
    text-decoration: none
}

.courses .sidebar__categories-toggle.active {
    border: 1px solid #363e4e
}

.courses .sidebar__categories-toggle .arrow-down {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #363e4e;
    margin-left: 8px;
    transition: .3s
}

.courses .sidebar__categories-toggle .arrow-down.active,
.promotional .overflow svg.second,
.usp .overflow svg.second {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.courses .content-second {
    width: 1055px
}

@media (max-width:1320px) {
    .courses .content-second {
        width: 925px
    }
}

.courses .content {
    max-width: 970px;
    padding-right: 30px;
    width: 100%
}

.courses .content .title {
    font-size: 60px;
    line-height: 60px;
    color: #363e4e;
    font-weight: 600
}

.courses .content .description {
    font-size: 20px;
    font-weight: 700;
    padding-top: 25px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #848fa3
}

.courses .content .big-item {
    border-radius: 10px;
    background-color: #fff5f1;
    margin-top: 33px;
    padding-left: 24px;
    min-height: 250px;
    position: relative;
    padding-bottom: 45px;
    margin-bottom: 32px;
    display: block;
    text-decoration: none
}

.courses .content .big-item__photo {
    background-size: cover;
    background-repeat: no-repeat;
    width: 513px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0
}

.courses .content .big-item__photo-mobile {
    display: none;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 172px
}

.courses .content .big-item__name {
    font-size: 24px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #363e4e;
    padding-top: 24px;
    max-width: 350px
}

.courses .content .big-item__description {
    padding-top: 16px;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #363e4e;
    max-width: 350px
}

.banner,
.courses .content .small-container,
.template .wrap,
.train-template {
    display: -webkit-flex;
    display: -ms-flexbox
}

.courses .content .big-item__link {
    position: absolute;
    bottom: 23px;
    left: 24px
}

.courses .content .big-item__link:hover {
    text-decoration: none
}

.courses .content .big-item__link:hover .icon svg,
.template .wrap .elem:hover .icon svg {
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

.courses .content .big-item__link .name,
.template .wrap .elem__link .name {
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: center;
    color: #fc794b
}

.courses .content .big-item__link .icon svg,
.l-block__btn-container a svg path,
.l-block__btn-container a svg rect,
.lms__btn-box a svg path,
.lms__btn-box a svg rect,
.template .wrap .elem__link .icon svg {
    transition: .3s ease-in
}

.courses .content .small-container {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 95px
}

.courses .content .small-container .elem {
    width: calc(33.333% - 22px);
    margin-right: 32px;
    border-radius: 10px;
    background-color: #fff5f1;
    position: relative;
    padding: 24px 24px 78px;
    text-decoration: none
}

.banner .left .banner__title,
.courses .content .small-container .elem__title {
    font-size: 22px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #363e4e
}

.resource-free,
.template {
    padding-bottom: 80px
}

.template .template-title {
    font-size: 40px;
    font-weight: 700;
    color: #363e4e;
    margin-bottom: 19px
}

.template .wrap {
    width: calc(100% + 32px);
    margin-left: -16px;
    margin-right: -16px;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.template .wrap .elem {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 292px;
    margin: 16px;
    border-radius: 10px;
    border: 1px solid #eaedf4;
    background-color: #fff;
    padding-bottom: 24px;
    height: 334px;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    transition: .3s ease-in
}

.banner .left .banner__btn a,
.banner .left .banner__btn a:before,
.train-template__btn a,
.train-template__btn a:before {
    border-radius: 29px;
    transition: .3s ease-in
}

.banner .left .banner__btn a:before,
.banner .right:before,
.template .wrap .elem .btn-cont,
.train-template__btn a:before {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

.template .wrap .elem:hover {
    text-decoration: none;
    border-color: transparent;
    box-shadow: 0 4px 16px 0 rgba(54, 62, 78, .14)
}

.template .wrap .elem:hover .elem__con-text {
    -webkit-transform: translateY(-172px);
    transform: translateY(-172px)
}

.template .wrap .elem:hover .elem__name {
    height: 117px
}

.template .wrap .elem__con-text {
    background-color: #fff;
    transition: .3s ease-in
}

.template .wrap .elem__photo {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 172px;
    margin-top: -1px
}

.template .wrap .elem__name {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: normal;
    color: #2b323f;
    padding: 24px 24px 0;
    background-color: #fff;
    height: 87px;
    overflow: hidden;
    transition: .3s ease-in
}

.template .wrap .elem__description,
.train-template__title {
    color: #363e4e;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal
}

.template .wrap .elem__description {
    font-family: QanelasSoft, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.63;
    padding: 16px 24px
}

.template .wrap .elem .btn-cont {
    background-color: #fff;
    padding: 24px
}

.train-template {
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 45px
}

.train-template__info {
    max-width: 430px
}

.train-template__photo {
    width: 563px;
    height: 470px
}

.train-template__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.3
}

.train-template__description {
    font-size: 20px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #848fa3;
    margin-top: 24px
}

.train-template__btn a {
    position: relative
}

.content-info h2,
.related-template__title {
    margin-bottom: 40px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    color: #363e4e
}

.train-template__btn a:active {
    text-decoration: none
}

.train-template__btn a:before {
    content: '';
    top: 0;
    opacity: 0;
    z-index: 3
}

.train-template__btn a span {
    font-size: 18px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    position: relative;
    z-index: 4
}

.content-info {
    max-width: 750px
}

.content-info h2 {
    font-size: 36px;
    line-height: 1.44;
    letter-spacing: normal
}

.content-info p {
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #363e4e;
    font-weight: 400;
    margin-bottom: 30px
}

.content-info img {
    margin-top: 30px;
    margin-bottom: 60px;
    max-width: 100%
}

.related-template {
    padding-top: 100px;
    border-top: 1px solid #f5f7fb;
    margin-top: 50px
}

.related-template__title {
    font-size: 40px;
    line-height: 1.5;
    letter-spacing: normal
}

.banner .left .banner__btn a span,
.lms__title {
    font-weight: 700;
    line-height: normal;
    font-stretch: normal;
    letter-spacing: normal;
    font-style: normal
}

.container-banner {
    max-width: 750px;
    padding-top: 70px;
    padding-bottom: 50px
}

.banner {
    border-radius: 10px;
    padding: 32px 32px 0;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.lms,
.lms__container {
    display: -webkit-flex;
    display: -ms-flexbox
}

.banner .right {
    background-repeat: no-repeat;
    background-size: cover;
    height: 220px;
    width: 350px;
    position: relative
}

.banner .right:before {
    height: 78px;
    background-image: linear-gradient(to bottom, rgba(245, 247, 251, 0), #f5f7fb);
    content: ''
}

.banner .left .banner__sub {
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #363e4e;
    font-family: QanelasSoft, sans-serif;
    font-weight: 300;
    margin-bottom: 4px
}

.banner .left .banner__btn {
    padding-top: 72px;
    padding-bottom: 36px
}

.banner .left .banner__btn a {
    position: relative
}

.banner .left .banner__btn a:active,
.l-block__btn-container a:hover,
.lms__btn-box a:hover {
    text-decoration: none
}

.banner .left .banner__btn a:before {
    content: '';
    top: 0;
    opacity: 0;
    z-index: 3
}

.banner .left .banner__btn a span {
    font-size: 18px;
    color: #fff;
    position: relative;
    z-index: 4
}

.lms {
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 70px 0
}

.lms.bigger .lms__container {
    width: 1380px
}

.lms.bigger .lms__elem {
    width: 305px;
    height: 191px
}

.lms.bigger .lms__title {
    max-width: 900px
}

.lms__container {
    width: 1114px;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.lms__elem,
.lms__partner-box {
    display: -webkit-flex;
    display: -ms-flexbox
}

.lms__title {
    font-family: +QanelasSoftBold;
    font-size: 32px;
    text-align: center;
    color: #363e4e;
    margin-bottom: 32px;
    max-width: 415px
}

.lms__description {
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: center;
    color: #363e4e;
    max-width: 800px;
    margin-bottom: 32px
}

.lms__partner-box {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 44px
}

.lms__elem {
    width: 182px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 110px;
    border: 1px solid #f5f7fb;
    border-radius: 16px;
    margin: 12px 20px
}

.l-block,
.webinar .wrap-nav {
    display: -webkit-flex;
    display: -ms-flexbox
}

.l-block {
    display: flex;
    width: 1340px;
    margin: 40px auto;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.l-block .left {
    padding-right: 113px
}

@media (max-width:1439px) {
    .lms.bigger .lms__container {
        width: 1000px
    }

    .lms.bigger .lms__elem {
        width: 210px;
        border: none
    }

    .lms.bigger .lms__elem img {
        width: 100%
    }

    .l-block {
        width: 1100px
    }

    .l-block .right {
        width: 580px
    }
}

.l-block__title {
    font-size: 60px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #363e4e;
    margin-bottom: 32px
}

.l-block__description {
    font-family: IowanOldStyle, serif;
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.8;
    letter-spacing: normal;
    color: #363e4e;
    margin-bottom: 24px
}

.webinar .wrap-btn-more a,
.webinar__subscribe .webinar__subscribe-title,
.webinar__title {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    color: #363e4e
}

.l-block__photo {
    width: 100%;
    display: block
}

.webinar {
    margin-top: -120px
}

.webinar .wrap-nav {
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 64px
}

.webinar .wrap-nav .custom-select-webinar .s-hidden {
    visibility: hidden;
    padding-right: 10px
}

.webinar .wrap-nav .custom-select-webinar .select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    border: 1px solid #c3cad7;
    border-radius: 30px;
    padding: 9px 19px;
    margin-right: 14px
}

.webinar .wrap-nav .custom-select-webinar .styledSelect {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 19px;
    font-size: 14px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 500;
    color: #363e4e
}

.webinar .wrap-nav .custom-select-webinar .styledSelect:after {
    content: "";
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-color: #000 transparent transparent;
    position: absolute;
    top: 19px;
    right: 22px
}

.webinar .wrap-nav .custom-select-webinar .options {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    list-style: none;
    border: 1px solid #c3cad7;
    padding: 20px 10px;
    background-color: #fff;
    box-shadow: 0 30px 60px 0 rgba(54, 62, 78, .15);
    border-radius: 4px
}

.webinar .wrap-nav .custom-select-webinar .options li {
    padding: 0 10px;
    margin: 0
}

.webinar .wrap-nav .search-form {
    width: 366px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 5px;
    transition: .3s ease-in;
    position: relative
}

.webinar .wrap-nav .search-form:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 366px;
    height: 1px;
    background-color: #c3cad7;
    transition: .3s
}

.webinar .wrap-nav .search-form .field-group {
    position: relative;
    width: 100%
}

.webinar .wrap-nav .search-form .field-group__esc.active {
    display: inline
}

.webinar .wrap-nav .search-form .field-group__esc svg path {
    fill: #363e4e
}

.webinar .wrap-nav .search-form .field-group input::-webkit-input-placeholder {
    color: #848fa3
}

.webinar .wrap-nav .search-form .field-group input::-moz-placeholder {
    color: #848fa3
}

.webinar .wrap-nav .search-form .field-group input:-ms-input-placeholder {
    color: #848fa3
}

.webinar .wrap-nav .search-form .field-group input::placeholder {
    color: #848fa3
}

.webinar .wrap-btn-more {
    margin: 30px auto 120px;
    display: table
}

.webinar .wrap-btn-more a {
    font-size: 18px;
    padding: 14px 48px;
    border-radius: 30px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    display: inline-flex;
    transition: .3s ease-in
}

.webinar .wrap-btn-more a:hover {
    text-decoration: none;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2)
}

.webinar__subscribe {
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 32px;
    width: 366px;
    min-height: 287px;
    position: relative;
    border-radius: 10px;
    padding: 36px 24px
}

.webinar__card .webinar__card-man .webinar-author .author-photo,
.webinar__speakers-item-icon {
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media (max-width:1279px) {
    .course-container {
        max-width: 864px;
        padding: 0
    }

    .courses {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 auto
    }

    .courses .positon {
        position: relative;
        width: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .courses .sidebar {
        width: 620px;
        margin: 0 auto 60px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-left: 0;
        position: relative
    }

    .courses .sidebar__categories {
        display: none;
        width: 280px;
        height: 429px;
        border-radius: 5px;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08);
        background-color: #fff;
        padding: 24px;
        position: absolute;
        top: 48px;
        right: 0;
        z-index: 1;
        overflow-x: auto
    }

    .courses .sidebar__categories.active {
        display: block
    }

    .courses .sidebar__search-form,
    .webinar .wrap-nav .search-form {
        margin-bottom: 0
    }

    .courses .sidebar__categories-toggle {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .courses .content-second {
        width: 100%;
        max-width: 620px;
        margin: 0 auto;
        padding-right: 0
    }

    .courses .content {
        max-width: 620px;
        margin: 0 auto;
        padding-right: 0
    }

    .courses .content .title {
        font-size: 38px;
        line-height: 1.58;
        text-align: center
    }

    .courses .content .description {
        padding-top: 16px;
        text-align: center
    }

    .courses .content .big-item__photo {
        width: 306px
    }

    .courses .content .big-item__name {
        max-width: 250px;
        font-size: 20px;
        line-height: 28px
    }

    .courses .content .big-item__description {
        max-width: 250px;
        font-size: 16px;
        line-height: 1.63
    }

    .courses .content .small-container .elem {
        width: calc(50% - 16px)
    }

    .courses .content .small-container .elem:nth-child(2n) {
        margin-right: 0
    }

    .courses .content .small-container .elem:nth-child(3n) {
        display: none
    }

    .courses .content .small-container .elem__title {
        font-size: 20px;
        line-height: 1.5
    }

    .template .template-title {
        font-size: 30px
    }

    .banner .left .banner__title,
    .template .wrap .elem__name {
        font-size: 20px
    }

    .train-template {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .train-template__info {
        max-width: 475px
    }

    .train-template__photo {
        width: 395px;
        height: 330px;
        margin-bottom: 40px
    }

    .train-template__title {
        font-size: 38px;
        text-align: center;
        line-height: 1.58
    }

    .train-template__description {
        text-align: center;
        margin-top: 16px
    }

    .train-template__btn {
        margin-top: 40px
    }

    .train-template__btn a {
        padding: 17px 48px;
        margin: 0 auto
    }

    .content-info {
        padding-top: 35px;
        max-width: 620px
    }

    .content-info h2 {
        font-size: 26px;
        margin-bottom: 24px
    }

    .banner .left .banner__sub,
    .content-info p {
        font-size: 16px
    }

    .content-info img {
        margin-top: 10px;
        margin-bottom: 20px
    }

    .related-template {
        margin-top: 0;
        padding-top: 30px;
        border-top: none
    }

    .related-template__title {
        font-size: 38px;
        margin-bottom: 20px
    }

    .container-banner {
        padding-top: 50px;
        padding-bottom: 30px
    }

    .banner {
        padding: 24px 24px 0
    }

    .banner .right {
        height: 180px;
        width: 287px
    }

    .banner .left .banner__btn {
        padding-top: 36px;
        padding-bottom: 28px
    }

    .banner .left .banner__btn a {
        padding: 17px 48px
    }

    .lms__container {
        width: 666px;
        margin-left: 0
    }

    .l-block {
        width: 700px;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .l-block .left {
        padding-right: 0
    }

    .l-block .right {
        width: 400px
    }

    .l-block__title {
        font-size: 36px;
        margin-bottom: 28px
    }

    .l-block__description {
        font-size: 18px
    }

    .l-block__photo {
        height: 370px
    }

    .webinar__subscribe {
        width: 416px
    }
}

.webinar__subscribe .webinar__subscribe-title {
    font-size: 26px
}

.webinar__head {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 96px
}

.webinar__title {
    font-size: 60px;
    line-height: 1.2;
    margin-bottom: 24px;
    padding-top: 190px
}

.webinar__description {
    font-size: 18px;
    line-height: 1.67;
    color: #363e4e;
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    max-width: 465px;
    padding-bottom: 154px
}

.webinar__title-block {
    color: #363e4e;
    line-height: 1.2;
    font-size: 40px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    margin-bottom: 36px
}

.webinar__title-block.past {
    margin-top: 64px
}

.webinar__wrap {
    width: 1162px;
    margin: 0 auto
}

@media (max-width:1279px) {
    .webinar__wrap {
        width: 864px
    }
}

.webinar .wrap-card {
    width: calc(100% + 32px);
    margin-left: -16px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.webinar__card .abs-fire-text,
.webinar__card .abs-register {
    display: none;
    font-weight: 700;
    font-family: QanelasSoft, sans-serif;
    background-color: #fff;
    position: absolute
}

.webinar__card {
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 32px;
    width: 366px;
    min-height: 287px;
    position: relative
}

@media (max-width:1279px) {
    .webinar__card {
        width: 416px
    }
}

.webinar__card.hot {
    width: 763px
}

@media (max-width:1279px) {
    .webinar__card.hot {
        width: 864px
    }
}

.webinar__card.hot .abs-fire-text {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.webinar__card.hot .abs-register {
    display: block
}

.webinar__card.hot .webinar__card-title {
    max-width: 490px;
    color: #fff
}

.webinar__card.hot .webinar__card-date .svg-name svg path {
    fill: #fff
}

.webinar__card.hot .webinar__card-date .svg-name .webinar-time,
.webinar__card.hot .webinar__card-man .webinar-author .author-detail {
    color: #fff
}

.webinar__card.hot:hover .bg-hover,
.webinar__card:hover .webinar__card-bg {
    opacity: 0
}

.tns-slide-active,
.webinar__card.hot:hover .webinar__card-bg,
.webinar__card:hover .bg-hover {
    opacity: 1
}

.webinar__card .abs-fire-text {
    top: 17px;
    right: 0;
    padding: 6px 24px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    color: #ec6b4e;
    font-size: 14px
}

.webinar__card .abs-fire-text svg {
    margin-right: 8px
}

.webinar__card .abs-register {
    bottom: 24px;
    right: 24px;
    border-radius: 22px;
    padding: 10px 29px;
    font-size: 16px;
    color: #191e28;
    z-index: 4;
    transition: .3s ease-in
}

.webinar__card .abs-register:hover {
    text-decoration: none;
    box-shadow: 0 4px 16px 0 rgba(54, 62, 78, .14)
}

.webinar__card .webinar__card-bg {
    transition: .3s ease-in;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    padding: 24px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 10px
}

.webinar-past .webinar-past__card-date,
.webinar__card .webinar__card-date {
    margin-bottom: 25px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.webinar__card .webinar__card-date .svg-name {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.webinar__card .webinar__card-date .svg-name .webinar-time {
    margin-left: 6px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #363e4e
}

.webinar__card .webinar__card-title {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 1.23;
    color: #363e4e
}

.webinar__card .webinar__card-man {
    margin-top: auto
}

.webinar__card .webinar__card-man .webinar-author {
    margin-top: 24px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.webinar__card .bg-hover,
.webinar__card .bg-hover .btn-register,
.webinar__learn-item,
.webinar__learn-wrap {
    display: -webkit-flex;
    display: -ms-flexbox
}

.webinar__card .webinar__card-man .webinar-author .author-photo {
    width: 32px;
    height: 32px;
    margin-right: 10px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.partnership-how-much .items .number,
.partnership-how-much .items .text,
.webinar__card .webinar__card-man .webinar-author .author-detail {
    color: #363e4e
}

.webinar__card .webinar__card-man .webinar-author .author-detail .author-detail-name {
    font-size: 12px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 600
}

.webinar__card .webinar__card-man .webinar-author .author-detail .author-detail-description {
    font-family: QanelasSoft, sans-serif;
    font-weight: 500;
    font-size: 12px
}

.webinar__card .bg-hover {
    opacity: 0;
    position: absolute;
    top: 0;
    text-decoration: none;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background-color: #fff;
    transition: .3s ease-in;
    padding: 24px;
    border-radius: 10px;
    box-shadow: 0 4px 16px 0 rgba(54, 62, 78, .14);
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 3
}

.webinar__card .bg-hover .text-hover {
    font-size: 16px;
    line-height: 1.63;
    color: #23232d;
    font-family: IowanOldStyle, serif;
    font-weight: 400
}

.webinar__card .bg-hover .btn-register {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: auto;
    margin-bottom: 50px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    color: #4dc481;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 44px;
    width: 125px;
    border-radius: 22px;
    border-style: solid;
    border-width: 2px;
    border-image-source: linear-gradient(to left, #65c86d 100%, #2cbd9a 0);
    border-image-slice: 1;
    background-image: linear-gradient(to bottom, #fff, #fff), linear-gradient(to left, #65c86d 100%, #2cbd9a 0);
    background-origin: border-box;
    background-clip: content-box, border-box
}

.webinar-nav a:hover,
.webinar__card .bg-hover .btn-register:hover {
    text-decoration: none
}

.webinar__learn {
    margin-top: 10px;
    padding-bottom: 45px
}

.webinar__learn-title {
    color: #363e4e;
    font-size: 40px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    margin-bottom: 24px
}

.webinar__learn-wrap {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -40px;
    width: calc(100% + 90px)
}

.webinar__learn-item {
    width: 336px;
    margin: 0 40px 40px;
    display: flex
}

@media (max-width:1279px) {
    .webinar__learn-title {
        margin-bottom: 17px;
        font-size: 36px
    }

    .webinar__learn-wrap {
        margin-left: -20px;
        width: calc(100% + 40px)
    }

    .webinar__learn-item {
        width: 261px;
        margin: 0 20px 30px
    }
}

.webinar__learn-item-icon {
    margin-right: 16px;
    margin-top: 4px
}

.webinar__learn-item-text {
    font-size: 18px;
    line-height: 1.89;
    color: #363e4e;
    font-family: IowanOldStyle, serif;
    font-weight: 400
}

.webinar__speakers-item-detail-name,
.webinar__speakers-title {
    font-weight: 700;
    color: #363e4e;
    font-family: QanelasSoft, sans-serif
}

.webinar__speakers {
    margin-top: 45px
}

.webinar__speakers-title {
    font-size: 40px;
    margin-bottom: 32px
}

.webinar__speakers-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -34px;
    width: calc(100% + 68px)
}

.webinar__speakers-item {
    width: 546px;
    margin: 0 34px 40px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.webinar__speakers-item-icon {
    width: 140px;
    height: 140px;
    margin-right: 36px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width:1279px) {
    .webinar__learn-item-icon {
        margin-right: 10px
    }

    .webinar__learn-item-text {
        font-size: 16px;
        line-height: 1.51
    }

    .webinar__speakers-title {
        margin-bottom: 17px;
        font-size: 36px
    }

    .webinar__speakers-item {
        width: calc(50% - 68px)
    }

    .webinar__speakers-item-icon {
        width: 100px;
        height: 100px;
        margin-right: 20px
    }
}

.webinar__speakers-item-detail {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.webinar__speakers-item-detail-name {
    font-size: 16px;
    margin-top: 4px
}

.webinar__speakers-item-detail-position {
    font-size: 16px;
    color: #363e4e;
    font-family: QanelasSoft, sans-serif;
    font-weight: 500;
    margin-bottom: 10px
}

.webinar__speakers-item-detail-description {
    line-height: 1.91;
    font-size: 18px;
    font-family: IowanOldStyle, serif;
    font-weight: 400
}

.webinar-past .text-group-title,
.webinar__simple-text-title {
    font-size: 40px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    color: #363e4e
}

.webinar__simple-text {
    margin-top: 57px;
    margin-bottom: 50px
}

.webinar__simple-text-title {
    margin-bottom: 10px
}

.webinar__simple-text-description {
    font-size: 18px;
    line-height: 1.91;
    color: #363e4e;
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    max-width: 738px
}

.webinar-past .wrap-head-past-webinar {
    width: 750px;
    padding-top: 22px;
    margin: 0 auto 44px
}

.webinar-past .text-group-name {
    font-size: 26px;
    line-height: 1.23;
    color: #363e4e;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    margin-bottom: 16px;
    margin-top: 45px
}

.webinar-past .text-group-info {
    font-size: 18px;
    line-height: 1.91;
    color: #363e4e;
    font-family: IowanOldStyle, serif;
    font-weight: 400
}

.webinar-past .webinar-past__breadcrumbs li {
    margin-right: 24px;
    position: relative
}

.webinar-past .webinar-past__breadcrumbs li:last-child span {
    color: #f0754d;
    white-space: nowrap
}

.webinar-past .webinar-past__breadcrumbs li svg {
    position: absolute;
    top: 10px;
    right: -13px
}

.webinar-past .webinar-past__breadcrumbs li a {
    color: #848fa3;
    transition: .3s ease-in;
    white-space: nowrap
}

.webinar-past .webinar-past__breadcrumbs li a:hover {
    color: #f0754d;
    text-decoration: none
}

.webinar-past .webinar-past__label {
    color: #363e4e;
    letter-spacing: 1px;
    font-size: 12px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    padding: 2px 3px;
    display: inline-block;
    margin-bottom: 16px;
    border-radius: 4px;
    background-color: rgba(54, 62, 78, .08)
}

.usp__title,
.webinar-past .webinar-past__title {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #363e4e
}

.webinar-past .webinar-past__title {
    line-height: 1.3;
    max-width: 750px;
    margin-bottom: 32px
}

.webinar-past .webinar-past__card-date .svg-name {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.webinar-past .webinar-past__card-date .svg-name .webinar-time {
    margin-left: 6px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #363e4e;
    margin-right: 24px
}

.webinar-past .webinar-past__authors {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%
}

.webinar-past .webinar-past__author {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 48px;
    margin-bottom: 20px
}

.webinar-past .webinar-past__author-photo {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin-right: 12px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.webinar-past .webinar-past__author-name {
    font-size: 17px;
    color: #363e4e;
    font-family: QanelasSoft, sans-serif;
    font-weight: 600
}

.webinar-past .webinar-past__author-position {
    font-family: QanelasSoft, sans-serif;
    font-weight: 500;
    font-size: 17px;
    color: #363e4e
}

.web-video iframe {
    height: 640px
}

.webinar-nav {
    z-index: 999;
    position: fixed;
    top: 50%;
    left: 40px;
    -webkit-transform: translateY(-50%) translateX(-700px);
    transform: translateY(-50%) translateX(-700px);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    transition: transform .3s ease-in;
    transition: transform .3s ease-in, -webkit-transform .3s ease-in
}

.webinar-nav.active {
    -webkit-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0)
}

.webinar-nav a {
    color: #363e4e;
    margin-left: 20px;
    margin-right: 20px;
    transition: color .3s;
    position: relative
}

.fixed-slide .nav-line,
.fixed-slide .nav-line>div,
.fixed-slide__images img,
.promotional__item-link-arrow svg,
.promotional__item-link-arrow svg path,
.promotional__item-link-arrow svg rect,
.tour_more a .icon,
.use-case-overview__item-link-arrow svg,
.use-case-overview__item-link-arrow svg path,
.use-case-overview__item-link-arrow svg rect {
    transition: .3s ease-in
}

.download-second.webinar-formss .hbspt-form .custom-hbspt .custom-selector .custom-select-option {
    display: block;
    position: relative;
    top: auto
}

.download-second.webinar-formss .hbspt-form .custom-hbspt .field.hs_company_size_picklist {
    height: 85px
}

.download-second.webinar-formss .hbspt-form .custom-hbspt .custom-selector {
    height: 55px;
    border-bottom: none
}

.download-second.webinar-formss .hbspt-form .custom-hbspt .custom-selector .custom-select-option ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-shadow: none
}

.download-second.webinar-formss .hbspt-form .custom-hbspt .custom-selector .custom-select-option ul li {
    display: block;
    margin: 8px 7px 10px 0;
    font-size: 13px;
    padding: 4px 10px;
    border-radius: 16px;
    border: 1px solid #c3cad7
}

.download-second.webinar-formss .hbspt-form .custom-hbspt .hs_company_size_picklist .hs-error-msgs {
    top: 70px;
    z-index: 6
}

.usp {
    margin-top: 80px;
    margin-bottom: 120px
}

.usp__container {
    padding: 140px 0;
    width: 1130px;
    margin: 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:1279px) {
    .webinar__speakers-item-detail-description {
        font-size: 16px
    }

    .webinar__simple-text-title {
        font-size: 36px
    }

    .webinar-past .webinar-past__title {
        max-width: 100%
    }

    .webinar-nav {
        left: 20px
    }

    .webinar-nav a {
        margin-left: 0
    }

    .webinar-nav a:before {
        width: 50px
    }

    .usp__container {
        width: 864px;
        padding: 80px 0
    }
}

.usp__title {
    line-height: 1.2;
    width: 540px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width:1279px) {
    .usp__title {
        width: 390px;
        font-size: 34px
    }
}

.usp__description {
    padding-left: 87px;
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.64;
    color: #363e4e
}

.use-case-overview {
    margin-top: 85px;
    margin-bottom: 60px
}

.use-case-overview__title {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.2;
    color: #363e4e;
    margin-bottom: 16px;
    text-align: center
}

.use-case-overview__description {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.61;
    color: #363e4e;
    text-align: center;
    margin-bottom: 38px
}

@media (max-width:1279px) {
    .usp__description {
        font-size: 20px
    }

    .use-case-overview__container {
        width: 864px
    }
}

.use-case-overview__item {
    border-radius: 10px;
    border: 1px solid #eaedf4;
    background-color: #fff;
    width: 272px;
    padding: 24px
}

.use-case-overview__item-icon {
    width: 40px;
    height: 40px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 16px
}

.use-case-overview__item-title {
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    line-height: 1.46;
    font-size: 26px;
    color: #2b323f;
    margin-bottom: 8px
}

.use-case-overview__item-description {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    line-height: 1.75;
    color: #363e4e;
    font-size: 16px;
    margin-bottom: 16px;
    min-height: 140px
}

.use-case-overview__item-link {
    color: #fc794b;
    line-height: 1.63;
    font-size: 16px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: QanelasSoft, sans-serif;
    font-weight: 600
}

.use-case-overview__item-link:hover {
    text-decoration: none
}

.use-case-overview__item-link:hover svg {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.use-case-overview__item-link-arrow {
    margin-left: 10px;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

.use-case-overview .owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.use-case-overview .owl-theme .owl-nav .owl-prev {
    left: -66px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.use-case-overview .owl-theme .owl-nav .owl-prev svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.use-case-overview .owl-theme .owl-nav .owl-next {
    right: -66px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.use-case-overview .owl-theme .owl-nav .owl-next svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.quote-block-v2 {
    margin-top: 53px;
    margin-bottom: 70px
}

.quote-block-v2__container {
    width: 1134px;
    margin: 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:1279px) {
    .quote-block-v2__container {
        width: 864px
    }
}

.quote-block-v2__photo {
    width: 415px;
    height: 462px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.quote-block-v2__info {
    padding-left: 190px;
    position: relative
}

@media (max-width:1279px) {
    .quote-block-v2__photo {
        width: 375px;
        height: 422px
    }

    .quote-block-v2__info {
        padding-left: 80px
    }
}

.quote-block-v2__image {
    position: absolute;
    left: 173px;
    top: -46px
}

.quote-block-v2__info-text {
    font-size: 22px;
    line-height: 1.64;
    color: #363e4e;
    margin-bottom: 40px;
    font-family: IowanOldStyle, serif;
    font-weight: 400
}

.button--gradient,
.detail__info .link,
.header--on-background.header--top .header__main .header__box-button .button--border-gradient,
.header__menu li.active>a,
.learn .right .btn-box .link,
.quote-block-v2__info-text a {
    font-weight: 700
}

.quote-block-v2__name {
    line-height: 1.45;
    font-size: 22px;
    color: #363e4e;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    margin-bottom: 4px
}

.quote-block-v2__position {
    line-height: 1.25;
    font-size: 16px;
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    color: #848fa3
}

.promotional__info-title b,
.promotional__item-link {
    color: #fc794b;
    font-weight: 600
}

.promotional {
    background-color: #f5f7fb;
    overflow: hidden
}

.promotional__container {
    margin: 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:1279px) {
    .quote-block-v2__image {
        left: 60px
    }

    .quote-block-v2__info-text {
        font-size: 20px
    }

    .promotional__container {
        width: 864px
    }
}

.promotional .overflow {
    overflow: hidden;
    z-index: 4;
    position: relative
}

.promotional .abs-gr-bottom,
.promotional .abs-gr-top {
    position: absolute;
    left: 0;
    height: 260px;
    z-index: 3;
    right: 0
}

.promotional__info {
    width: 520px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.promotional__info-title {
    font-family: QanelasSoft, sans-serif;
    margin-bottom: 16px
}

.promotional__info-description {
    font-family: IowanOldStyle, serif;
    margin-bottom: 32px
}

.promotional__item-link {
    line-height: 1.63;
    font-size: 16px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: QanelasSoft, sans-serif
}

.add-on-cta a,
.customer-story-card-competitor .customer-story-link a:hover,
.feature-summary-block-cubes .ft-cube a:hover,
.features-details-static-cta a:hover,
.features-optional-cta a:hover,
.integration-eg-card .hover-cta:hover,
.integrations-main-featured-card .text-link:hover,
.promotional__item-link:hover,
.tour_item:hover,
.vacancy-card-list ul li a {
    text-decoration: none
}

.promotional__item-link:hover svg {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.promotional__item-link-arrow {
    margin-left: 10px;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

.promotional__pictures {
    height: 580px;
    -webkit-transform: translateX(70px);
    position: relative
}

.promotional__wrap {
    -webkit-animation: 35s linear infinite scrollUp;
    animation: 35s linear infinite scrollUp;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.promotional__card {
    width: 114px;
    height: 83px;
    border-radius: 9px;
    background-color: #fff;
    margin: 5px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.promotional__card img {
    max-width: 82px
}

.promotional .abs-gr-top {
    top: -40px
}

.promotional .abs-gr-bottom {
    bottom: -40PX
}

@-webkit-keyframes scrollUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-33.33%);
        transform: translateY(-33.33%)
    }
}

@keyframes scrollUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-33.33%);
        transform: translateY(-33.33%)
    }
}

.fixed-slide__container {
    width: 1160px;
    margin: 0 auto;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

@media (max-width:1279px) {
    .promotional__info {
        width: 430px
    }

    .fixed-slide__container {
        width: 864px
    }
}

.fixed-slide__content {
    height: 100%;
    width: 400px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    z-index: 4
}

.fixed-slide__content-item {
    height: 100vh;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fixed-slide__content-item-icon {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background-color: rgba(252, 121, 75, .1);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 16px
}

.fixed-slide__content-item-icon img {
    max-width: 22px
}

.fixed-slide__content-item-title {
    line-height: 1.2;
    color: #363e4e;
    font-size: 40px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    margin-bottom: 16px
}

.fixed-slide__content-item-description {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.67;
    color: #363e4e
}

.faq-page .faq__title,
.faq-page__title {
    color: #363e4e;
    font-family: QanelasSoft, sans-serif;
    font-weight: 600
}

.feature-download-btn-mobile,
.fixed-slide__content-item-image,
.gate .container .gate-items .gate-item .text-image,
.modal,
.page-id-11393 .download-second .ready-create-box .hide,
.page-id-11516 .download-second .ready-create-box .hide,
.page-id-16392 .download-second .ready-create-box .hide,
.page-id-7538 .download-second .ready-create-box .hide,
body .partnership-form .hs_error_rollup {
    display: none
}

.fixed-slide__images-content {
    height: 100vh;
    width: 1160px;
    position: relative
}

.fixed-slide__images {
    position: absolute;
    top: 50%;
    right: 0;
    width: 720px;
    height: 477px;
    -webkit-transform: translateY(-50%) translateX(40px);
    transform: translateY(-50%) translateX(40px)
}

.fixed-slide__images img {
    opacity: 0;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width:1279px) {
    .fixed-slide__content-item-title {
        font-size: 28px
    }

    .fixed-slide__images-content {
        width: 864px
    }

    .fixed-slide__images {
        width: 460px;
        height: auto
    }

    .fixed-slide__images img {
        width: 460px
    }
}

.fixed-slide__navigation {
    height: 100vh;
    right: 0
}

.fixed-slide__navigation-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.fixed-slide .nav-line {
    width: 20px;
    height: 2px;
    padding: 5px 0;
    margin: 0 0 30px 20px
}

.fixed-slide .nav-line>div {
    background-color: #c3cad7;
    height: 2px
}

.fixed-slide .nav-line.active {
    width: 40px
}

.fixed-slide .nav-line.active div {
    background-color: #fc794b
}

.faq-page {
    margin: 80px 0
}

.faq-page__title {
    font-size: 40px;
    line-height: 1.35;
    margin-bottom: 40px;
    text-align: center
}

.faq-page .faq {
    padding: 0 24px;
    border-bottom: 1px solid #c3cad7
}

.accordian-item-faq:first-child,
.faq-page .faq:first-child {
    border-top: 1px solid #c3cad7
}

.faq-page .faq__head {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 0;
    cursor: pointer;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.faq-page .faq__head.toggle .faq__icon:after {
    background-color: transparent;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.faq-page .faq__head.toggle .faq__icon:before {
    background-color: #fc794b
}

.faq-page .faq__title {
    font-size: 18px;
    line-height: 1.67
}

.faq-page .faq__text,
.faq-page__bottom {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    color: #848fa3;
    font-size: 16px
}

.faq-page .faq__text {
    padding-right: 76px
}

.faq-page .faq__body {
    display: none;
    padding-bottom: 16px
}

.faq-page .faq__icon {
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    margin-left: 64px
}

.faq-page__bottom {
    line-height: 2.13;
    width: 800px;
    margin: 0 auto
}

.customer-story {
    margin-top: -134px
}

.customer-story__box,
.features-video-section-main-text-row,
.integration-details-content-secondary-container {
    margin-bottom: 60px
}

.customer-story__box-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 142px;
    -webkit-align-items: end;
    -ms-flex-align: end;
    align-items: end
}

.customer-story__box-nav {
    padding-left: 0;
    list-style-type: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.customer-story__box-nav li {
    margin-right: 12px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.customer-story__box-half-container,
.customer-story__box-half-desc a,
.story-wrap {
    display: -webkit-flex;
    display: -ms-flexbox
}

.customer-story__box-nav li svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.customer-story__box-nav li a {
    color: #848fa3;
    font-size: 16px;
    margin-right: 12px
}

.customer-story__box-nav li a,
.customer-story__box-nav li span {
    display: block;
    overflow: hidden;
    max-width: 255px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.customer-story__box-nav li span,
.tour_title span {
    color: #fc794b
}

.customer-story__box-title {
    font-size: 40px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    line-height: 1.3;
    color: #363e4e;
    margin-top: 32px;
    margin-bottom: 24px
}

.customer-story__box-description {
    font-size: 18px;
    line-height: 1.89;
    color: #363e4e;
    padding-bottom: 85px;
    font-family: IowanOldStyle, serif;
    font-weight: 400
}

.customer-story__box-right {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 366px;
    margin-left: 59px;
    background: linear-gradient(to bottom, #fdebf4, #fff);
    border-radius: 10px;
    box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .03)
}

.customer-story__box-right img {
    margin-bottom: 36px;
    max-width: 150px
}

.customer-story__box-half {
    width: 50%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.customer-story__box-half:nth-child(3),
.customer-story__box-half:nth-child(4) {
    margin-top: 34px
}

.customer-story__box-half-container {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.customer-story__box-half-title {
    color: #848fa3;
    font-size: 12px;
    margin-bottom: 6px;
    letter-spacing: 1px
}

.customer-story__box-half-desc {
    color: #363e4e;
    font-size: 16px
}

.customer-story__box-half-desc a {
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.customer-story__box-half-desc a span,
.tour_more a span {
    display: block
}

.customer-story__box-half-desc a span svg {
    -webkit-transform: translate(4px, -1px);
    transform: translate(4px, -1px)
}

.customer-story__box-half-desc a span svg path {
    transition: .3s linear
}

.story-wrap {
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: end;
    -ms-flex-align: end;
    align-items: end
}

.go-top,
.story-wrap .story-content h1,
.story-wrap .story-content h1 .mor {
    display: -webkit-flex;
    display: -ms-flexbox
}

.story-wrap__right {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 366px;
    margin-left: 54px
}

@media (max-width:1023px) {
    .star-question {
        padding-top: 78px
    }

    .gate .container .gate-items {
        width: 608px;
        margin: 0 auto
    }

    .gate .container .gate-items .gate-item {
        width: 283px
    }

    .gate .container .gate-items .gate-item:nth-child(3n) {
        margin-right: 42px
    }

    .gate .container .gate-items .gate-item:nth-child(2n),
    .webinar .wrap-nav .custom-select-webinar .select:nth-child(2) {
        margin-right: 0
    }

    .gate .container .gate-items .gate-item .photo {
        height: 215px
    }

    .customer-stories .customer-stories-cards .customer-story-card {
        margin-bottom: 32px;
        margin-left: 12px;
        margin-right: 12px
    }

    .customer-stories .customer-stories-cards .customer-story-card:nth-child(3n) {
        margin-right: 12px
    }

    .customer-stories .customer-stories-cards .customer-story-card .story-card-image {
        background-position: top center
    }

    .customer-stories .customer-stories-cards .customer-story-card .story-card-description .conversion .conversion-rate,
    .customer-stories .customer-stories-cards .customer-story-card .story-card-description .description {
        font-size: 20px
    }

    .lms.bigger .lms__container {
        width: 600px
    }

    .lms.bigger .lms__elem {
        width: 260px
    }

    .l-block .right {
        margin: 0 auto;
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px)
    }

    .webinar .wrap-nav {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .webinar .wrap-nav .custom-select-webinar {
        margin-top: 25px
    }

    .webinar__subscribe {
        width: calc(50% - 32px);
        padding: 24px
    }

    .webinar__subscribe .webinar__subscribe-title {
        font-size: 20px
    }

    .webinar__title {
        padding-top: 140px;
        font-size: 46px;
        margin-bottom: 14px
    }

    .webinar__description {
        padding-bottom: 95px;
        font-size: 16px
    }

    .webinar__title-block {
        font-size: 28px;
        margin-bottom: 27px
    }

    .fixed-slide__container,
    .promotional__container,
    .use-case-overview__container,
    .webinar__wrap {
        width: calc(100% - 160px)
    }

    .webinar__card {
        width: calc(50% - 32px)
    }

    .fixed-slide__content,
    .webinar__card.hot {
        width: 100%
    }

    .webinar__card .webinar__card-date {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .webinar__card .webinar__card-date .svg-name {
        margin-bottom: 4px
    }

    .webinar__card .webinar__card-title {
        font-size: 20px
    }

    .webinar__learn-item {
        width: calc(50% - 40px)
    }

    .story-wrap,
    .webinar__speakers-item {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .webinar__speakers-item-icon {
        margin: 0 auto
    }

    .webinar__speakers-item-detail-description,
    .webinar__speakers-item-detail-name,
    .webinar__speakers-item-detail-position {
        text-align: center
    }

    .webinar-past .text-group {
        max-width: 700px;
        margin: 0 auto
    }

    .webinar-past .webinar-past__breadcrumbs {
        max-width: 100%;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .webinar-past .webinar-past__label {
        margin: 0 auto 16px;
        display: table
    }

    .webinar-past .webinar-past__title {
        text-align: center;
        margin: 0 auto 32px
    }

    .webinar-past .webinar-past__card-date {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .webinar-past .webinar-past__card-date .svg-name {
        margin-bottom: 4px
    }

    .webinar-past .webinar-past__authors {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 auto
    }

    .web-video iframe {
        height: 460px
    }

    .fixed-slide__images-content,
    .fixed-slide__navigation,
    .quote-block-v2__image,
    .webinar-nav {
        display: none
    }

    .usp__container {
        width: calc(100% - 160px);
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 65px 0
    }

    .usp__title {
        text-align: center;
        width: 100%;
        margin-bottom: 25px
    }

    .usp__description {
        padding-left: 0;
        text-align: center
    }

    .use-case-overview__item {
        width: 290px
    }

    .use-case-overview .owl-theme .owl-nav .owl-next {
        right: -60px
    }

    .quote-block-v2__container {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: calc(100% - 160px)
    }

    .quote-block-v2__info {
        padding-left: 0;
        margin-top: 25px;
        text-align: center;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .quote-block-v2__name {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .quote-block-v2__position {
        margin-bottom: 30px
    }

    .fixed-slide__content-item {
        height: auto
    }

    .fixed-slide__content-item-image {
        display: block;
        margin-bottom: 45px;
        margin-top: 15px
    }

    .faq-page__bottom {
        width: 650px
    }

    .customer-story__box-container {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .customer-story__box-description {
        padding-bottom: 30px
    }

    .customer-story__box-right {
        margin-left: 0;
        margin-bottom: 70px
    }

    .story-wrap__right {
        width: 100%;
        margin-left: 0;
        margin-bottom: 40px
    }
}

.story-wrap .story-content h1 {
    margin-bottom: 16px;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.story-wrap .story-content h1 .mor {
    display: flex;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.story-wrap .story-content h1 .mor svg {
    margin-left: 24px;
    margin-right: 12px;
    -webkit-transform: translate(0, -6px);
    transform: translate(0, -6px)
}

.story-wrap .story-content h1 .mor__text {
    font-size: 16px;
    color: #363e4e;
    margin-left: 10px
}

.story-wrap .story-content h1 .mor__number {
    font-size: 26px;
    line-height: 1.23;
    color: #2cbd9a
}

.story-wrap .story-content p {
    font-size: 18px;
    color: #363e4e;
    line-height: 1.91;
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    margin-bottom: 80px
}

.story-wrap .story-content p a {
    color: #2cbd9a
}

.story-wrap .story-quote {
    background-color: #f7f9fd;
    padding: 26px 32px 32px;
    border-radius: 10px;
    margin-bottom: 40px
}

@media (max-width:767px) {
    .ask-block .container .name {
        font-size: 32px;
        padding-top: 70px;
        padding-bottom: 20px
    }

    .ask-block .container .items .item,
    .gate .container .gate-items,
    .promotional__info,
    .train-template__info,
    .webinar .wrap-nav .search-form,
    .webinar .wrap-nav .search-form:before,
    .webinar-past .wrap-head-past-webinar {
        width: 100%
    }

    .ask-block .container .items .item:nth-child(2n-1) {
        margin-right: 0
    }

    .ask-block .container .items .item:nth-child(4n) .title {
        margin-top: 30px
    }

    .ask-block .container .items .item .title {
        margin-top: 30px;
        line-height: 1.2
    }

    .ask-block .container .items .item .descr {
        line-height: 1.8
    }

    .star-question {
        padding: 35px 20px 0
    }

    .gate .container .gate-items .gate-item .name,
    .gate .container .title,
    .learn .left .title-box,
    .template .template-title,
    .use-case-overview__title {
        font-size: 26px
    }

    .gate .container .gate-items .gate-item:nth-child(2n),
    .gate .container .gate-items .gate-item:nth-child(3n),
    .items-course .item:nth-child(2n) {
        margin-right: auto
    }

    .gate .container .gate-items .gate-item {
        width: 270px;
        margin: 0 auto 40px
    }

    .gate .container .gate-items .gate-item .description {
        overflow: visible;
        white-space: normal;
        font-size: 16px
    }

    .support .title {
        padding-top: 28px;
        font-size: 38px;
        line-height: 1.11
    }

    .article-container .left,
    .breadcrumb,
    .form-box .left,
    .form-box .right,
    .items-course .item,
    .main-content-article,
    .support .search-form .box-input {
        width: 295px
    }

    .breadcrumb ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .items-course {
        padding-top: 40px;
        padding-bottom: 20px;
        width: 295px
    }

    .customer-story__box-description,
    .items-course .item .description,
    .learn .left .box-add .name,
    .learn .left .info .info-content,
    .main-content-article .box .list-container .item_description,
    .webinar-past .text-group-info {
        font-size: 16px
    }

    .form-box-line-round {
        border-top: 1px solid #e3e7ed
    }

    .courses .content .big-item__description,
    .courses .content .big-item__photo,
    .form-box-line-round svg,
    .promotional .abs-gr-bottom,
    .promotional .abs-gr-top {
        display: none
    }

    .form-box .form-integration,
    .story-wrap .story-content h1 .mor svg {
        margin-left: 0
    }

    .form-box .left .photo {
        margin-top: 40px;
        width: 295px;
        height: 268px
    }

    .form-box .right .title {
        padding-top: 40px;
        font-size: 38px
    }

    .form-box .right .custom-hbspt-btn,
    .main-content-article .sidebar .book .started-box__link {
        font-size: 16px;
        width: 100%;
        max-width: 100%
    }

    .article-container .left .info .name,
    .main-content-article .box .name {
        font-size: 38px
    }

    .main-content-article .box .list-container {
        margin-top: 40px
    }

    .main-content-article .box .list-container .item {
        padding: 20px 30px 32px
    }

    .main-content-article .box .list-container .item:hover .arrow,
    .similar-article a:hover .arrow {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    .main-content-article .box .list-container .item .arrow,
    .similar-article .field .arrow {
        right: 20px
    }

    .main-content-article .sidebar {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 21px
    }

    .main-content-article .sidebar .book {
        width: 100%;
        margin-right: 0
    }

    .article-container .left .info .details {
        padding-top: 24px
    }

    .article-container .left .text {
        font-size: 16px;
        line-height: 1.88;
        padding-top: 40px
    }

    .article-container .left .text p,
    .webinar .wrap-nav {
        margin-bottom: 25px
    }

    .article-container .right {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .article-container .right .suggest {
        width: 100%;
        padding: 27px 24px 19px;
        max-width: 295px;
        margin: 98px auto 0
    }

    .article-container .right .download-collection {
        max-width: 295px;
        margin: 8px auto 0
    }

    .similar-article {
        border-top: 1px solid #e3e7ed;
        padding-top: 31px;
        width: 100%;
        max-width: 295px
    }

    .similar-article .field .main-title {
        line-height: 1
    }

    .similar-article .field .description {
        font-size: 16px;
        padding-right: 5px
    }

    .courses .positon,
    .learn .container {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .learn .left {
        padding-right: 0;
        width: 100%
    }

    .learn .left .description-box {
        font-size: 18px;
        margin-bottom: 20px
    }

    .learn .left .info {
        margin-bottom: 30px
    }

    .learn .left .info .info-title {
        font-size: 20px
    }

    .learn .right {
        width: 100%;
        padding: 40px 27px 48px
    }

    .customer-stories .customer-stories-cards .customer-story-card .story-card-description {
        padding: 15px 32px 120px
    }

    .courses .sidebar {
        width: 100%;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 auto 43px;
        padding-left: 20px;
        padding-right: 20px;
        position: relative
    }

    .courses .sidebar__categories {
        top: 128px;
        left: 20px
    }

    .courses .sidebar__categories-toggle {
        margin-top: 40px;
        max-width: 151px
    }

    .courses .content-second,
    .webinar-past .text-group {
        max-width: 100%;
        padding: 0 20px
    }

    .courses .content {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }

    .courses .content .title {
        font-size: 32px;
        line-height: 1.31;
        text-align: center
    }

    .courses .content .description {
        font-size: 16px;
        line-height: 1.63;
        text-align: center
    }

    .courses .content .big-item {
        margin-top: 61px;
        width: 100%;
        padding-left: 0;
        margin-bottom: 20px
    }

    .courses .content .big-item__photo-mobile {
        display: block
    }

    .courses .content .big-item__name {
        max-width: 100%;
        font-size: 20px;
        line-height: 1.5;
        padding: 24px
    }

    .courses .content .small-container {
        margin-bottom: 45px
    }

    .courses .content .small-container .elem {
        width: 100%;
        margin-right: 0;
        min-height: 188px;
        margin-bottom: 20px
    }

    .template .wrap {
        width: 100%;
        margin: 0
    }

    .template .wrap .elem {
        width: 100%;
        margin: 0 0 25px
    }

    .train-template {
        padding-top: 17px;
        padding-bottom: 30px
    }

    .train-template__photo {
        width: 280px;
        height: 235px;
        margin-bottom: 60px
    }

    .train-template__title {
        font-size: 32px;
        line-height: 1.31
    }

    .train-template__description {
        font-size: 16px;
        line-height: 1.63;
        padding: 0 20px
    }

    .train-template__btn a {
        font-size: 16px;
        padding: 17px 46px
    }

    .container-banner,
    .content-info {
        max-width: 100%
    }

    .banner {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 16px 16px 0;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .banner .right {
        width: 248px;
        height: 156px
    }

    .banner .left .banner__sub {
        text-align: center
    }

    .banner .left .banner__btn {
        display: table;
        margin: 0 auto
    }

    .banner .left .banner__btn a {
        font-size: 16px;
        padding: 17px 46px
    }

    .lms.bigger .lms__elem {
        margin-bottom: 0;
        height: auto
    }

    .lms__container {
        width: calc(100% - 36px);
        margin-left: 0
    }

    .lms__title {
        font-size: 28px;
        margin-bottom: 28px
    }

    .lms__description {
        font-size: 16px;
        margin-bottom: 28px
    }

    .lms__partner-box {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .l-block {
        width: calc(100% - 36px)
    }

    .l-block .right {
        width: 100%;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    .l-block__title,
    .usp__title,
    .webinar-past .text-group-title {
        font-size: 28px
    }

    .l-block__photo {
        height: 240px
    }

    .webinar {
        margin-top: -80px
    }

    .webinar .container {
        max-width: calc(100% - 25px)
    }

    .webinar .wrap-nav .custom-select-webinar {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .webinar .wrap-nav .custom-select-webinar .select {
        margin-right: 0;
        margin-bottom: 15px
    }

    .webinar .wrap-btn-more {
        margin: 20px auto 70px
    }

    .webinar .wrap-btn-more a {
        font-size: 16px;
        padding: 12px 40px
    }

    .webinar__subscribe {
        padding: 16px;
        width: 100%;
        margin: 0 0 32px
    }

    .webinar__subscribe .webinar__subscribe-title {
        font-size: 18px
    }

    .webinar__head {
        margin-bottom: 60px
    }

    .webinar__title {
        font-size: 32px;
        padding-top: 90px
    }

    .webinar__description {
        font-size: 14px;
        padding-bottom: 60px
    }

    .webinar__title-block {
        font-size: 20px
    }

    .webinar__title-block.past {
        margin-top: 24px
    }

    .webinar__wrap {
        width: calc(100% - 25px)
    }

    .webinar .wrap-card {
        width: 100%;
        margin-left: 0
    }

    .webinar__card {
        width: 100%;
        margin: 0 0 30px
    }

    .webinar__card.hot .webinar__card-bg {
        padding-top: 60px
    }

    .webinar__card .abs-fire-text {
        font-size: 12px;
        top: 9px
    }

    .webinar__card .abs-register {
        font-size: 13px;
        padding: 6px 20px;
        bottom: auto;
        top: 46px;
        right: 0;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .webinar__card .webinar__card-bg {
        padding: 16px
    }

    .webinar__card .webinar__card-date {
        margin-bottom: 15px
    }

    .quote-block-v2__info-text,
    .usp__description,
    .webinar__card .webinar__card-title {
        font-size: 18px
    }

    .webinar__card .webinar__card-man .webinar-author {
        margin-top: 14px
    }

    .webinar__card .bg-hover .btn-register {
        border-image-source: none;
        border-image-slice: 100%;
        background-image: none;
        background-clip: inherit;
        border-color: #65c86d
    }

    .webinar__learn-title,
    .webinar__simple-text-title,
    .webinar__speakers-title {
        font-size: 20px;
        text-align: center
    }

    .webinar__learn-wrap,
    .webinar__speakers-wrap {
        margin-left: 0;
        width: 100%
    }

    .webinar__learn-item {
        width: 100%;
        margin: 0 15px 30px
    }

    .webinar__learn-item-text {
        font-size: 14px
    }

    .webinar__speakers-item {
        width: 100%;
        margin: 0 15px 40px
    }

    .customer-story__box-half-desc,
    .webinar__speakers-item-detail-description {
        font-size: 14px
    }

    .webinar__simple-text-description {
        font-size: 16px;
        text-align: center
    }

    .webinar-past .text-group-name {
        font-size: 20px;
        margin-top: 30px
    }

    .webinar-past .webinar-past__breadcrumbs {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: end;
        -ms-flex-pack: end;
        justify-content: end;
        padding: 0 20px
    }

    .webinar-past .webinar-past__breadcrumbs li {
        margin-right: 0
    }

    .webinar-past .webinar-past__breadcrumbs li:last-child span {
        white-space: normal
    }

    .customer-story__box-title,
    .faq-page__title,
    .promotional__info-title,
    .webinar-past .webinar-past__title {
        font-size: 24px
    }

    .webinar-past .webinar-past__card-date {
        margin-bottom: 15px;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .webinar-past .webinar-past__card-date .svg-name .webinar-time {
        margin-right: 0
    }

    .web-video iframe {
        height: 190px
    }

    .usp__container {
        width: calc(100% - 40px);
        padding: 45px 0
    }

    .use-case-overview {
        margin-top: 45px;
        margin-bottom: 30px
    }

    .use-case-overview__description {
        font-size: 16px;
        padding: 0 15px
    }

    .fixed-slide__container,
    .quote-block-v2__container,
    .use-case-overview__container {
        width: calc(100% - 40px)
    }

    .use-case-overview__item {
        width: 100%;
        padding: 20px
    }

    .use-case-overview__item-title {
        font-size: 20px
    }

    .use-case-overview__item-description {
        font-size: 14px;
        min-height: 110px
    }

    .quote-block-v2__photo {
        width: 270px;
        height: 300px
    }

    .promotional__container {
        width: calc(100% - 40px);
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .promotional__info-description {
        font-size: 16px;
        margin-bottom: 25px
    }

    .promotional__pictures {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        height: auto
    }

    .promotional__wrap {
        -webkit-animation-name: none;
        animation-name: none;
        margin-top: 25px
    }

    .promotional__inner {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .fixed-slide__content-item-title {
        font-size: 22px
    }

    .faq-page .faq {
        padding: 0 10px
    }

    .faq-page .faq__head {
        padding: 12px 0
    }

    .faq-page .faq__text {
        padding-right: 20px
    }

    .faq-page__bottom {
        width: 280px
    }

    .customer-story__box-right {
        width: 100%;
        padding: 28px 25px 40px
    }

    .story-wrap .story-content h1 {
        font-size: 24px;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: end;
        -ms-flex-align: end;
        align-items: end
    }

    .story-wrap .story-content p {
        font-size: 16px;
        margin-bottom: 60px
    }

    .story-wrap .story-quote__head {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .story-wrap .story-quote__head--group {
        text-align: center;
        margin-top: 10px
    }
}

.story-wrap .story-quote__head--img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-right: 16px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.story-wrap .story-quote__head--name {
    font-size: 24px;
    line-height: 1.33;
    color: #363e4e;
    margin-bottom: 4px
}

.story-wrap .story-quote__head--positiion {
    font-size: 16px;
    line-height: 1.25;
    color: #848fa3;
    font-family: IowanOldStyle, serif;
    font-weight: 400
}

.story-wrap .story-quote__head--text {
    margin-top: 26px;
    font-size: 18px;
    line-height: 1.91;
    color: #363e4e
}

.story-wrap .link-head {
    font-size: 16px;
    color: #848fa3;
    margin-bottom: 16px;
    padding-left: 32px
}

.story-wrap .story-link-box {
    padding-right: 85px;
    padding-left: 32px
}

.story-wrap .story-link-box a {
    margin-bottom: 16px;
    display: block
}

.ebook-content a.button,
.ebook-wide .ebook-content a.button {
    margin: 16.7px 7px 30.7px 0;
    height: 35.8px;
    background-color: #fff
}

.go-top {
    position: fixed;
    bottom: 140px;
    right: 30px;
    width: 40px;
    height: 40px;
    background-color: #f7f9fd;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.go-top svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 20px;
    height: 20px
}

.tour_container {
    max-width: 750px;
    margin: -134px auto 0;
    text-align: center;
    padding-top: 190px;
    position: relative
}

.tour_title {
    font-size: 60px;
    line-height: 1.2;
    color: #363e4e;
    margin-bottom: 32px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 600
}

.tour_description {
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    padding-bottom: 410px;
    font-size: 18px;
    line-height: 1.67
}

.tour .svg-green {
    position: absolute;
    top: -350px;
    left: -760px
}

.tour .svg-red {
    position: absolute;
    top: 0;
    right: 0
}

.tour_grid-container {
    width: 1115px;
    margin: 0 auto
}

@media (max-width:1279px) {
    .tour_title {
        font-size: 48px
    }

    .tour_grid-container {
        width: 970px
    }
}

.tour_grid-wrap {
    margin-left: -73px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:1279px) {
    .tour_grid-wrap {
        margin-left: -44px
    }
}

.tour_item {
    margin: 0 73px 60px;
    display: block;
    width: 250px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width:1279px) {
    .tour_item {
        margin: 0 44px 60px
    }
}

.tour_item-title {
    margin-top: 12px;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.46;
    color: #2b323f;
    padding-left: 12px;
    margin-bottom: 4px;
    display: block
}

.tour_item-description {
    font-size: 16px;
    line-height: 1.75;
    color: #363e4e;
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    padding-left: 12px;
    display: block
}

.ebook__title,
.howUpload_title {
    font-family: QanelasSoft, sans-serif
}

.tour_more {
    padding-top: 20px;
    padding-bottom: 80px;
    margin: 0 auto;
    display: table
}

.howUpload_box,
.tour_more a {
    display: -webkit-flex;
    display: -ms-flexbox
}

.tour_more a {
    font-size: 16px;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.tour_more a .icon {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tour_more a:hover .icon {
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

.tour_video-cont {
    width: calc(100% - 92px);
    margin: 0 auto -230px
}

.tour_video {
    width: 930px;
    height: 524px;
    margin: 0 auto;
    position: relative
}

.tour_video .abs-icons {
    position: absolute;
    top: 0;
    left: 0;
    width: 930px;
    height: 524px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 4;
    -webkit-transform: translateY(-350px);
    transform: translateY(-350px)
}

@media (max-width:1279px) {
    .tour_video .abs-icons {
        height: 560px
    }
}

.tour_video .abs-icons .play {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #fc794b;
    border: none;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    outline: 0;
    position: absolute
}

.tour_video .abs-icons .play .arrow-right {
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 35px solid #fff;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-39%) translateY(-51%);
    transform: translateX(-39%) translateY(-51%)
}

.tour_video iframe {
    border: none;
    display: none
}

.tour_video .my-video-dimensions,
.tour_video iframe {
    box-shadow: 0 24px 95px 0 rgba(0, 0, 0, .19);
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-350px);
    transform: translateY(-350px)
}

@media (max-width:1279px) {

    .tour_video .my-video-dimensions,
    .tour_video iframe {
        height: 560px
    }

    .howUpload_title {
        text-align: center
    }
}

@media (max-width:1023px) {
    .go-top {
        display: none
    }

    .tour_grid-container {
        width: 620px
    }

    .tour_grid-wrap {
        margin-left: -40px
    }

    .tour_item {
        margin: 0 40px 50px
    }

    .tour_item svg {
        width: 250px
    }

    .tour_video-cont {
        margin: 0 auto -270px
    }

    .tour_video .abs-icons,
    .tour_video .my-video-dimensions,
    .tour_video iframe {
        height: 420px
    }
}

.tour_video .my-video-dimensions .vjs-big-play-button,
.tour_video iframe .vjs-big-play-button {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #fc794b;
    border: none;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    outline: 0
}

.tour_video .my-video-dimensions .vjs-big-play-button .vjs-icon-placeholder:before,
.tour_video iframe .vjs-big-play-button .vjs-icon-placeholder:before {
    font-size: 60px;
    top: 27px
}

.howUpload {
    background: #fff2ed;
    padding: 72px 0 85px
}

.howUpload_title {
    font-size: 50px;
    color: #363e4e;
    font-weight: 700;
    margin-bottom: 45px
}

.howUpload_right {
    width: 600px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.howUpload_right img {
    width: 100%;
    box-shadow: 4px 4px 36px 0 rgba(197, 196, 196, .25);
    border-radius: 8px;
    overflow: hidden
}

.howUpload_box {
    margin-bottom: 40px;
    position: relative;
    padding-right: 95px;
    display: flex;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.howUpload_box img {
    margin-right: 8px;
    position: relative;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.howUpload_box-title {
    margin-bottom: 5px;
    font-size: 21px;
    color: #363e4e
}

.howUpload_box-description {
    font-size: 16px;
    line-height: 1.75;
    color: #363e4e
}

.delay-05s {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.delay-07s {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.delay-09s {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.delay-11s {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s
}

a:hover {
    color: #af360f;
    text-decoration: none
}

a:active {
    color: #af360f;
    text-decoration: underline
}
/* auto margins */
.page-margins {
    margin: 0 380px
}

.page-paddings {
    padding: 0 380px
}

.page-margin-left {
    padding: 0 0 0 380px
}
.page-padding-left {
    padding: 0 0 0 380px
}
.page-margin-right {
    padding: 0 380px 0 0
}

@media (max-width:1820px) {
    .page-margins {
        margin: 0 300px
    }

    .page-paddings {
        padding: 0 300px
    }

    .page-margin-left {
        padding: 0 0 0 300px
    }

    .page-margin-right {
        padding: 0 300px 0 0
    }
    .page-padding-left {
        padding: 0 0 0 300px
    }
}

@media (max-width:1720px) {
    .page-margins {
        margin: 0 240px
    }

    .page-paddings {
        padding: 0 240px
    }

    .page-margin-left {
        padding: 0 0 0 240px
    }

    .page-margin-right {
        padding: 0 240px 0 0
    }
    .page-padding-left {
        padding: 0 0 0 240px
    }
}

@media (max-width:1620px) {
    .page-margins {
        margin: 0 180px
    }

    .page-paddings {
        padding: 0 180px
    }

    .page-margin-left {
        padding: 0 0 0 180px
    }

    .page-margin-right {
        padding: 0 180px 0 0
    }
    .page-padding-left {
        padding: 0 0 0 180px
    }
}

@media (max-width:1536px) {
    .page-margins {
        margin: 0 188px
    }

    .page-paddings {
        padding: 0 188px
    }

    .page-margin-left {
        padding: 0 0 0 188px
    }

    .page-margin-right {
        padding: 0 188px 0 0
    }
    .page-padding-left {
        padding: 0 0 0 188px
    }
}

@media (max-width:1440px) {
    .page-margins {
        margin: 0 140px
    }

    .page-paddings {
        padding: 0 140px
    }

    .page-margin-left {
        padding: 0 0 0 140px
    }

    .page-margin-right {
        padding: 0 140px 0 0
    }
    .page-padding-left {
        padding: 0 0 0 140px
    }
}

@media (max-width:1390px) {
    .page-margins {
        margin: 0 120px
    }

    .page-margin-left,
    .page-paddings {
        padding: 0 120px
    }

    .page-margin-left {
        padding: 0 0 0 120px
    }

    .page-margin-right {
        padding: 0 120px 0 0
    }
    .page-padding-left {
        padding: 0 0 0 120px
    }
}

@media (max-width:1370px) {
    .page-margins {
        margin: 0 100px
    }

    .page-margin-left,
    .page-paddings {
        padding: 0 100px
    }

    .page-margin-left {
        padding: 0 0 0 100px
    }

    .page-margin-right {
        padding: 0 100px 0 0
    }
    .page-padding-left {
        padding: 0 0 0 100px
    }
}



.center,
.lms__container {
    margin: 0 auto
}

.flex,
.inspire .slider>div {
    display: flex
}

.blue,
.light-blue {
    color: #569ffe !important
}

.orange {
    color: #fc794b !important
}

.white {
    color: #fff !important
}

.green {
    color: #2cbd9a !important
}

.dark {
    color: #363e4e !important
}

#footer-gf-form p,
.cta-btn,
.cta-btn-orange,
.footer:not(.archiveWebinar) .footer__links a:hover,
.footer:not(.archiveWebinar) .footer__term-link:hover,
.get-started-container .heading,
.hp-cta:hover,
.subscribe__banner {
    color: #fff
}

.bg-blue {
    background: linear-gradient(90deg, #4e82fb 1.81%, #5ebeff 100%) !important
}

.bg-green {
    background: linear-gradient(to left, #65c86d, #2cbd9a) !important
}

.bg-orange {
    background: linear-gradient(90deg, #e14a53 1.81%, #ffa246 100%) !important
}

.bg-white {
    background: #fff !important
}

.bg-transparent {
    background: 0 0 !important
}

.border-white {
    border-color: #fff !important
}

.border-dark {
    border-color: #363e4e !important
}

.detail__info .category {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.promotional__pictures {
    overflow: hidden;
    padding-bottom: 40px
}

.learn {
    margin-top: 30px;
    margin-bottom: 80px
}

.fullwidth__head {
    margin-top: 65px
}

.about-us-news-container .press-release-container img,
.ai-waitlist .ginput_container input,
.block-header-use-cases .image img,
.fullwidth__head .line svg,
.story-wrap .story-wrap__left,
[data-star^="5"]::after,
body .partnership-form fieldset.form-columns-1 .hs-input,
body .partnership-form fieldset.form-columns-1>div {
    width: 100%
}

.fullwidth__head .line svg path {
    fill: #fff
}

.post-type-archive-ebook .fullwidth__head .line svg path {
    fill: #f5f7fb
}

.upp-block {
    margin-bottom: 250px;
    position: relative
}

.upp-block .link {
    position: absolute;
    bottom: -180px;
    left: 50%;
    transform: translateX(-50%)
}

.footer:not(.archiveWebinar) .footer__copywriting,
.footer:not(.archiveWebinar) .footer__links-title,
.footer:not(.archiveWebinar) .footer__term-link {
    color: #c3c5ca
}

.footer:not(.archiveWebinar) .footer__links a {
    color: #c3c5ca;
    font-weight: 300
}

.footer:not(.archiveWebinar) .footer__social-link:hover svg {
    fill: #ffffff;
    transition: fill .3s
}

.train-template__info {
    padding-top: 60px
}

.customer-stories p {
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 40px
}

.quote .quote-box .detail-info {
    margin-top: auto;
    margin-bottom: auto
}

.header__logo img {
    width: 152px;
    height: 54px
}

.webinar__breadcrumbs-mobile {
    display: none;
    margin-bottom: 16px
}

.webinar__breadcrumbs-mobile a {
    color: #848fa3;
    transition: .3s ease-in;
    white-space: nowrap;
    margin-left: 4px;
    text-decoration: none
}

.webinar-listing__buttons {
    display: flex;
    align-items: flex-end;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin-top: 50px
}

.faq__head .faq__title:hover,
.faq__head.toggle .faq__title,
.webinar__breadcrumbs-mobile a:hover {
    color: #fc794b
}

.faq-page .faq__text {
    line-height: 22px
}

.faq-page .faq.active,
.faq-page .faq:last-child {
    border-bottom: 1px solid #c3cad7;
    margin-bottom: 16px
}

.faq-page .faq__icon:after {
    content: "";
    background: url(/wp-content/themes/easygenerator/assets/images/+.png) center center no-repeat;
    width: 15px;
    height: 15px
}

.faq__head.toggle .faq__icon:after {
    background: url(/wp-content/themes/easygenerator/assets/images/-.png) center center no-repeat
}

.partner-ship .download-second .hbspt-form {
    width: 100%;
    margin: 0
}

.trust__title {
    line-height: 36px
}

.teams .container .name {
    font-size: 30px;
    line-height: 1.2
}

.faq__icon {
    width: 14px;
    height: 14px
}

.calculator .calconic-calculator #lumi-calculator-5fd88df087472b001ed215b1__wrapper #ref-r17::after {
    content: "*Approximate values are calculated considering the average time and costs saved with Easygenerator when compared to external vendors"
}

.story-wrap {
    align-items: flex-start
}

@media (min-width:769px) {
    .mobile {
        display: none
    }

    .detail__info .buttons .mobile {
        display: none !important
    }
}

.cta-btn {
    font-size: 16px;
    font-weight: 700;
    padding: 12px 46px;
    margin-right: 20px;
    border-radius: 48px;
    text-decoration: none;
    border: none
}

#main-modal {
    position: fixed;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

#main-modal .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(54, 62, 78, .3);
    backdrop-filter: blur(8px)
}

#main-modal .modal-window {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 50px 70px;
    background: #fff;
    box-shadow: 4px 4px 28px rgba(192, 192, 192, .25);
    border-radius: 4px;
    max-width: 1160px
}

#main-modal .modal-window .close_btn {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 25px;
    right: 25px;
    cursor: pointer
}

#main-modal .heading {
    font-size: 32px;
    line-height: 48px;
    color: #363e4e;
    text-align: left;
    font-weight: 500;
    margin-bottom: 25px
}

.partnership-form {
    display: flex;
    flex-direction: column;
    gap: 30px
}

body #cta-form-place .hbspt-form {
    width: 577px
}

body .partnership-form .hs-input {
    border: none;
    outline: 0;
    border-bottom: 1px solid #848fa3;
    width: 100%;
    padding: 0 !important
}

body .partnership-form fieldset {
    display: flex;
    justify-content: space-between;
    gap: 32px
}

body .partnership-form fieldset.form-columns-2 .hs-input {
    width: 255px
}

.get-started .started-box .started-box__second-link,
body .partnership-form label {
    margin: 0
}

body .partnership-form label span {
    font-size: 16px;
    color: #848fa3;
    font-weight: 700
}

body .partnership-form .hs-form-required {
    color: #df6c6d
}

body .partnership-form ul.hs-error-msgs {
    list-style: none;
    padding: 0;
    margin: 0
}

body .partnership-form label.hs-error-msg {
    font-size: 10px
}

body .partnership-form input[type=submit] {
    background: linear-gradient(90deg, #e14a53 1.81%, #ffa246 100%);
    border-radius: 36px;
    border: none;
    font-weight: 700;
    font-size: 16px;
    padding: 12px 48px;
    color: #fff
}

body .partnership-form .hs_submit.hs-submit {
    text-align: right
}

.cta-btn-orange {
    background: #fc794b;
    border: none;
    border-radius: 30px;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 700;
    padding: 15px 40px
}

button:focus {
    outline: 0;
    border: none
}

div.ebook-container {
    height: 270px;
    padding: 43px;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    margin: 40px auto
}

.ebook-content {
    font-size: 14px;
    max-width: 380px
}

.ebook-content h3 {
    font-size: 31px;
    max-width: 300px;
    line-height: 35.6px
}

.ebook-content span {
    font-size: 13px
}

.ebook-content a.button {
    flex-grow: 0;
    padding: 7px 35px
}

.ebook-wide .ebook-content {
    font-size: 14px;
    max-width: 600px
}

.ebook-wide .ebook-content h3 {
    font-size: 37px;
    font-weight: 700;
    line-height: 35.6px;
    max-width: 600px
}

.ebook-wide .ebook-content div.description {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    font-family: IowanOldStyle;
    max-width: 500px
}

.ebook-wide .ebook-content a.button {
    flex-grow: 0;
    padding: 5px 35px;
    border: none
}

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

    .ebook-button,
    .ebook-content {
        text-align: center
    }

    div.ebook-container {
        padding: 30px;
        height: 310px
    }

    .ebook-content div.description {
        display: none
    }

    .ebook-content h3 {
        font-size: 17px;
        line-height: 1.5
    }

    .ebook-button {
        width: 100%
    }
}

.download-first .hbspt-form .custom-hbspt .hs_company_size_picklist .custom-selector ul.custom-select-option li,
.download-first .hbspt-form .custom-hbspt .hs_numemployees .custom-selector ul.custom-select-option li {
    padding: 1px 8px
}

.subscribe__banner {
    width: 100%;
    height: 190px;
    border-radius: 10px;
    background: linear-gradient(180deg, #2cbd9a 0, #65c86d 100%);
    position: relative;
    padding: 50px 60px;
    margin-bottom: 30px;
    background-repeat: no-repeat;
    background-position: top left 40%
}

.subscribe__banner .hs-input {
    width: 300px !important;
    color: #fff !important;
    border-bottom: 1px solid #fff !important
}

.subscribe__banner .hs-input::placeholder {
    color: #fff !important
}

.subscribe__banner .hs_email {
    padding: 0 !important;
    margin: 15px 0 10px !important;
    color: #fff
}

.subscribe__banner .hs-button {
    position: absolute !important;
    top: calc(50% - 20px);
    right: 60px;
    color: #51c79e !important;
    background: #fff !important;
    padding: 8px 50px
}

p.subscribe__banner-heading {
    font-size: 26px;
    font-weight: 700;
    color: #fff
}

.subscribe__banner-underline {
    color: #fff;
    font-size: 12px !important
}

@media (min-width:1090px) {
    .subscribe__banner .hs_submit.hs-submit .actions input {
        padding: 8px 50px !important
    }
}

@media (max-width:1090px) {
    .subscribe__banner {
        padding: 25px
    }

    p.subscribe__banner-heading {
        font-size: 18px
    }

    .subscribe__banner .hs-button {
        position: absolute;
        bottom: 10px;
        padding: 4px 50px !important;
        left: calc(50% - 90px);
        top: auto
    }
}

.ebook__head {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 96px;
    height: 410px;
    text-align: center;
    position: relative;
    margin-top: 50px
}

.ebook__title {
    font-size: 76px;
    color: #fff;
    font-weight: 700;
    text-shadow: 3px 4px 4px rgba(0, 0, 0, .2);
    position: absolute;
    left: 0;
    right: 0;
    top: 45%;
    transform: translateY(-50%);
    z-index: 4
}

.ebook__subtitle {
    font-size: 30px;
    color: #fff;
    font-weight: 500;
    top: 50%;
    position: absolute;
    text-align: center;
    left: 50%;
    transform: translateY(50%) translateX(-50%);
    line-height: 30px;
    min-width: 300px
}

.ebook__head .line {
    position: absolute;
    bottom: -35px;
    left: 0;
    right: 0;
    z-index: 3;
    transform: rotate(180deg)
}

.ebook__head .line path,
.page-id-11393 .download-second .ready-create-box .overflow path,
.page-id-11516 .download-second .ready-create-box .overflow path,
.page-id-16392 .download-second .ready-create-box .overflow path,
.page-id-7538 .download-second .ready-create-box .overflow path,
.story .overflow:last-child path {
    fill: #f5f7fb
}

.ebook-bottom-form-corrections .text-container {
    max-width: 1120px
}

.ebook-bottom-form-corrections .pillar-start__title,
.faq-accordian-container .accordion_head .plusminus {
    font-size: 40px
}

.ebook-bottom-form-corrections .pillar-start__description {
    margin: 0 auto 32px;
    max-width: 770px;
    font-size: 20px
}

.show-more-btn {
    padding: 10px 35px;
    text-align: center;
    color: #363e4e;
    background: #fff;
    border: .5px solid rgba(0, 0, 0, .1);
    border-radius: 72px;
    box-shadow: 0 15px 30px rgb(54 62 78 / 10%);
    margin: 0 auto
}

.page-id-11393 .download-second .ready-create-box .overflow,
.page-id-11516 .download-second .ready-create-box .overflow,
.page-id-16392 .download-second .ready-create-box .overflow,
.page-id-7538 .download-second .ready-create-box .overflow {
    transform: rotate(180deg);
    background-color: #fff
}

.ebook-bottom-form-corrections::before {
    position: absolute;
    left: 0;
    right: 0;
    height: 40px;
    content: "";
    z-index: 1;
    background-color: #f5f7fb;
    top: 0
}

.ebook-bottom-form-corrections svg {
    width: 100%;
    height: 40px
}

.download-second .key-insight .container {
    align-items: center;
    justify-content: space-between
}

.download-second .key-insight .container .insight-images {
    width: 100%;
    padding-left: 0;
    height: auto;
    max-width: 500px
}

.download-second .key-insight .container .insight-images img {
    margin-bottom: 10px;
    height: auto;
    max-width: 100%;
    display: block;
    object-fit: contain
}

.download-first .header-extra-form .container .author .author-box .author-photo-box .author__photo,
.l-block .right .l-block__photo img {
    margin-bottom: 10px;
    height: auto;
    max-width: 100%;
    display: block;
    object-fit: contain;
    max-height: 450px
}

.download-second .ready-create-box .ready-create .img-placeholder {
    background-position: unset
}

.ebook-slider .item {
    height: 315px;
    position: relative
}

.ebook-slider .item-image {
    background-repeat: no-repeat;
    background-position: right center;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2
}

.ebook-slider .item-content {
    height: 260px;
    padding: 30px 0 30px 40px;
    background: linear-gradient(90deg, #4e82fb 0, #5ebeff 100%);
    opacity: .7;
    border-radius: 12px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1
}

.ebook-slider .featured-ebook {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 20px;
    padding-top: 35px
}

.ebook-slider .featured-title {
    color: #fff;
    font-size: 34px;
    font-weight: 700;
    line-height: 33px;
    padding-top: 10px;
    max-width: 670px
}

.ebook-slider .feature-download-btn a,
.feature-download-btn-mobile a {
    background: #fff;
    color: #569ffe;
    box-shadow: 4px 4px 13px rgba(28, 28, 28, .16);
    border-radius: 70px;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    padding: 10px 45px;
    position: absolute;
    bottom: 35px;
    text-decoration: none
}

.interested__btns {
    gap: 25px
}

@media (max-width:1024px) {
    .header__menu {
        padding: 0 20px
    }

    .header__menu li {
        margin-right: 0;
        margin-bottom: 25px
    }

    .header__menu li.active.sub-items ul.sub-menu {
        display: block
    }

    .header__menu li a {
        font-size: 20px
    }

    .header__menu li ul {
        position: relative;
        top: 0;
        left: -7px;
        display: none;
        padding: 0;
        box-shadow: none
    }

    .download-second .quote-box .join-businesses {
        padding-top: 0
    }

    #main-modal .modal-window {
        padding: 35px;
        width: calc(100% - 80px)
    }

    #main-modal .modal-window .close_btn {
        top: 10px;
        right: 15px
    }

    #main-modal .heading {
        font-size: 24px;
        font-weight: 400
    }

    body .hbspt-form,
    body .partnership-form input[type=submit] {
        width: 100%
    }

    body .partnership-form fieldset {
        flex-direction: column;
        gap: 15px
    }

    body .partnership-form {
        gap: 20px
    }

    body .partnership-form fieldset>div {
        padding: 0
    }

    .ebook-slider .featured-title {
        font-size: 25px;
        line-height: 25px
    }

    .ebook-slider .item-content {
        z-index: 2
    }

    .ebook-slider .item-image {
        z-index: 1
    }
}

.lms.bigger .lms__container {
    margin: 0 auto
}

.bg-detail {
    margin-bottom: 70px
}

.add_on_feature {
    margin-top: 50px;
    margin-bottom: 64px
}

.add_on_feature .flex {
    gap: 30px;
    padding: 0 45px
}

.add_on_feature .heading {
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

.add_on_feature .content {
    max-width: 756px;
    color: #363e4e
}

.add_on_feature .container {
    padding: 25px 0;
    background: #fff;
    box-shadow: 0 10px 190px rgba(0, 0, 0, .08);
    border-radius: 10px
}

.add_on_feature .ribbon {
    padding-bottom: 20px
}

.add_on_feature .ribbon div {
    position: relative;
    height: 45px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 18px;
    width: 350px;
    align-items: center;
    padding: 12px 0 0 20px;
    background-position: -5px top;
    background-image: url(/wp-content/themes/easygenerator/assets/images/ribbon.svg);
    background-repeat: no-repeat
}

.lang-es .add_on_feature .ribbon div {
    padding: 15px 0 0 37px;
    line-height: 17px
}

.lang-es .add_on_feature .primary-btn a {
    padding: 14px 20px;
    margin-right: 20px
}

.lang-br .add_on_feature .ribbon div,
.lang-es .add_on_feature .ribbon div,
.lang-fr .add_on_feature .ribbon div {
    background-image: url(/wp-content/uploads/2023/02/Rectangle-13-1.svg)
}

.lang-br .add_on_feature .ribbon div {
    font-size: 17px
}

.add_on_feature .text {
    font-size: 26px;
    line-height: 26px;
    font-weight: 700;
    font-family: QanelasSoft
}

.add_on_feature .content .tag {
    font-size: 18px;
    font-weight: 700;
    background: rgba(80, 207, 112, .2);
    color: #50cf70;
    padding: 0 9px;
    margin-left: 15px;
    text-transform: uppercase
}

.features a.button__gr.features-btn span,
.footer_row2 .toggle__body .footer__links li:hover a,
.sub-menu-ft .button__gr .button__text {
    color: #fc794b
}

.add_on_feature .content .description {
    font-size: 18px;
    font-weight: 400;
    font-family: IowanOldStyle
}

.add_on_feature .cta-buttons {
    display: flex;
    align-items: flex-start;
    width: 345px
}

.price-three-column .container .box .box-det__title {
    line-height: 1.1
}

.add_on_feature .primary-btn a {
    padding: 14px 48px;
    border-radius: 30px;
    margin-right: 25px;
    font-weight: 700
}

.add_on_feature .second-btn a {
    color: #50cf70;
    font-weight: 600
}

.single-webinar #app {
    padding-top: 130px
}

.webinar__card .webinar__card-date .svg-name .webinar-time {
    margin-right: 0
}

.webinar__card .webinar__card-date {
    gap: 20px
}

.story .story-grid {
    gap: 40px;
    margin-left: 0;
    width: 100%
}

.story .story-grid .item {
    width: auto;
    padding: 0;
    flex: 1 1 30%
}

.story .story-grid .item__text {
    padding-bottom: 30px
}

.no-posts {
    display: none;
    min-height: 200px
}

@media (min-width:767px) {
    .courses .sidebar__categories-toggle {
        display: none !important
    }
}

.features-en,
a.button__gr.features-btn {
    display: block !important;
    position: absolute
}

@media (min-width:768px) {

    .footer__col .toggle__icon-wrap,
    .mobile {
        display: none
    }

    .page-blog .filter .tags .toggle__header {
        margin-left: 24px
    }

    .mobile-important,
    .tabs__content.mobile {
        display: none !important
    }

    .comments-placeholder img {
        width: 100%
    }

    .customer-review .container .comments-placeholder {
        display: flex;
        flex-wrap: wrap
    }

    .customer-review .container .comments-placeholder>div {
        width: 50%
    }

    .customer-review .container .comments-placeholder>div:nth-child(2) {
        margin-top: 50px
    }

    .customer-review .container .comments-placeholder>div:nth-child(3) {
        margin-top: -50px
    }

    .courses .sidebar {
        position: relative
    }

    .courses .positon {
        position: absolute;
        top: 0
    }

    .owl-carousel-2 {
        display: flex;
        gap: 20px;
        background: 0 0
    }
}

#app {
    overflow-x: hidden;
    position: relative
}

.background-fff {
    background: #fff
}

.list-link-mob>div a {
    padding: 13px 0 !important;
    display: block !important;
    width: calc(50% - 10px);
    float: left;
    text-align: center;
    margin: 0 5px;
    line-height: 1
}

.button_without_bg {
    border-radius: 200px;
    border: 1px solid #c2c2c2
}

.button_without_bg span {
    position: relative;
    z-index: 4;
    font-size: 16px
}

.megamenu-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, .3);
    transition: opacity .3s ease-in;
    opacity: 0;
    visibility: hidden;
    z-index: 1000
}

.header .header__menu>li>ul,
.header__menu li.active.sub-items.tabs li.menu-item-has-children ul.sub-menu {
    padding-left: 226px
}

.header .header__mob-menu .header__menu>li>ul,
.header__menu li.active.sub-items.tabs li.menu-item-has-children ul.sub-menu {
    padding-left: 7px
}

.about_us_header_container .about-us-content .about_us_stars img,
a.button__gr.features-btn svg {
    height: 20px
}

.features-en {
    bottom: 1px
}

.features-br,
.features-fr {
    bottom: 5px
}

.lang-br .header__menu li {
    margin-right: 20px
}

.lang-br .header__box-button .button__gr,
.lang-br .header__box-button .standard-link,
.lang-br .header__menu li a {
    font-size: 15px
}

.features-de,
.features-es {
    bottom: -2px
}

@media (min-width:1280px) {
    .top-menu-overlay {
        position: absolute;
        left: 0;
        right: 0;
        top: 90px;
        border-radius: 6px;
        box-shadow: 0 2px 4px 0 rgb(54 62 78 / 18%), 0 0 8px 0 rgb(54 62 78 / 8%);
        background-color: #fff;
        transition: opacity .3s ease-in, top .1s, visibility .3s ease-in;
        opacity: 0;
        visibility: hidden;
        height: 550px;
        z-index: -1
    }

    .header--top .top-menu-overlay {
        top: 130px
    }

    .header__menu>li {
        position: initial
    }

    .header__menu ul.sub-menu {
        box-shadow: none;
        padding: 0;
        height: 317px
    }

    .header .header__menu>li>ul,
    .header__menu li.active.sub-items.tabs li.menu-item-has-children ul.sub-menu {
        top: 110px;
        left: 0;
        right: 0;
        border-radius: 0;
        padding-left: 75px
    }

    .header__menu li.active.tabs ul.sub-menu:before {
        content: "";
        top: 10px;
        height: 265px;
        position: absolute;
        border-left: 1px solid #fc794b;
        width: 1px;
        left: 0
    }

    .header__menu li.sub-items ul.sub-menu {
        transition: top .1s, opacity .3s ease-in;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: baseline;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        column-count: 2
    }

    .header--top .header__menu li.active.sub-items ul.sub-menu,
    .header--top .header__menu li.sub-items ul.sub-menu {
        top: 165px
    }

    .header__menu>li>ul>li {
        width: 33%;
        margin: 10px 0;
        height: 75px;
        display: inline-block
    }

    .header__menu>li>ul>li a {
        padding: 0;
        margin-right: 16px
    }

    .header__menu li.has-tabs>ul {
        left: -300px;
        border-radius: 0;
        border-right: 1px solid #000;
        box-shadow: none
    }

    .header__menu li.active.sub-items div.sub-menu ul {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        visibility: visible;
        opacity: 1
    }

    .menu-icon {
        display: block;
        float: left;
        margin-right: 15px
    }

    .menu-icon img {
        height: 75px;
        width: 75px
    }

    .menu-description span,
    ul.tab-links li span.active,
    ul.tab-links li span:hover {
        font-weight: 700
    }

    .menu-description p {
        white-space: break-spaces;
        font-size: 13px;
        margin-top: 5px;
        line-height: 1.3
    }

    .tab-links {
        width: 100px !important;
        border: none !important;
        position: absolute !important;
        padding-left: 0 !important;
        background: 0 0 !important;
        z-index: 2;
        box-shadow: none !important
    }

    ul.tab-links li {
        width: auto !important;
        height: auto !important;
        margin: 0 !important
    }

    ul.tab-links li span.active {
        color: #fc794b
    }

    ul.tab-links li span {
        color: #363e4e;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        padding: 8px;
        transition: .3s;
        cursor: pointer
    }

    .footer_row:first-child .footer__col:first-child {
        width: 100%
    }

    .footer_row2>.footer__col {
        width: 30%;
        float: left
    }

    .footer_row2>.footer__col:first-child {
        width: 70%
    }

    .footer_row2 .footer__col .form p {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .16px;
        text-align: right;
        color: #fff
    }

    .footer__logo {
        margin-right: 25px
    }
}

@media (max-width:1279px) {
    .howUpload_container {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .howUpload_box {
        width: 480px;
        padding-right: 0
    }

    .header__menu .tabs li.menu-item-has-children>a .mega-menu-item .menu-icon,
    .menu-description p {
        display: none
    }

    .features a.button__gr.features-btn {
        position: absolute;
        bottom: 14px;
        color: #fc794b;
        display: block !important
    }

    .features a.button__gr.features-btn span {
        color: #fc794b
    }

    .lang-fr .features a.button__gr.features-btn {
        bottom: 0
    }

    .features ul.sub-menu {
        padding-bottom: 70px
    }

    .header__menu li a .icon {
        position: absolute;
        right: 0
    }

    .header__menu li a .icon svg {
        width: 14px;
        height: 8px
    }

    .menu-icon {
        float: left
    }

    .menu-icon img {
        width: 32px;
        height: 32px
    }

    .header__menu {
        padding: 0 21px 40px
    }

    .header__menu li ul {
        left: 0
    }

    .header__menu li ul li a {
        padding: 8px 8px 8px 0
    }

    .menu-description {
        padding-top: 2px
    }

    .menu-description span {
        padding-left: 16px;
        font-size: 18px
    }

    .header__menu .tabs li.menu-item-has-children ul.sub-menu {
        margin-bottom: 25px;
        margin-top: 15px
    }

    .header__menu .tabs li.menu-item-has-children>a {
        border-bottom: 1px solid #c3cad7;
        padding-left: 0
    }

    .header__menu .tabs li.menu-item-has-children>a span {
        padding: 0
    }

    .header__menu li.tabs ul li:hover a {
        color: inherit;
        background: inherit
    }

    .header__menu li.tabs ul li ul li:hover a {
        color: #f0754d;
        background-color: rgba(252, 121, 75, .08)
    }
}

.webinar__head {
    margin-top: 40px;
    padding-top: 60px
}

.block-header-use-cases {
    height: auto;
    width: 100%;
    margin-bottom: 0;
    margin-top: -230px
}

.block-header-use-cases .header_wave {
    position: absolute;
    z-index: -1;
    height: 850px;
    width: 100%;
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat
}

.block-header-use-cases .image {
    max-width: 620px;
    overflow: hidden;
    margin-top: 200px;
    float: left;
    margin-left: 120px
}

.block-header-use-cases .text {
    float: left;
    margin-top: 350px
}

.block-header-use-cases .text span.shape {
    font-size: 90px;
    color: #fff;
    opacity: .5;
    display: block;
    text-align: center;
    line-height: 0
}

.block-header-use-cases .shape-text-center {
    text-align: left;
    max-width: 650px
}

.block-header-use-cases div.shape {
    font-size: 90px;
    color: #fff;
    opacity: .5;
    display: block;
    font-weight: 700;
    line-height: 0
}

.block-header-use-cases div.heading {
    color: #363e4e;
    font-size: 44px;
    font-weight: 700;
    max-width: 520px;
    margin: 0 0 0 82px;
    position: absolute;
    line-height: 50px
}

.block-header-industry .block-content,
.block-header-use-cases .heading>div,
.customer-review .container .comments-placeholder>div {
    float: left
}

.block-header-use-cases .heading span {
    font-size: 18px;
    display: block;
    font-weight: 400;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 32px;
    font-family: IowanOldStyle
}

.block-header-use-cases .heading a {
    font-size: 18px;
    padding: 12px 46px 11px 47px;
    border: none;
    border-radius: 210px;
    line-height: initial;
    font-weight: 700;
    text-decoration: none
}

.block-header-industry {
    background-repeat: no-repeat;
    background-size: auto 640px;
    background-position: top right;
    margin-top: -120px;
    margin-bottom: 160px;
    height: 640px;
    padding-top: 270px;
    padding-left: 140px
}

.career-header,
.career-header .career-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.block-header-industry img {
    width: 100%;
    height: auto
}

.block-header-industry .image {
    float: right;
    margin-right: 50px;
    width: 480px;
    height: auto
}

.block-header-industry .image-mobile {
    display: none;
    width: 100%;
    height: auto;
    margin-top: -60px;
    padding-bottom: 40px
}

.block-header-industry .category {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 16px;
    color: #fc794b
}

.block-header-industry .heading {
    max-width: 600px;
    font-size: 46px;
    font-weight: 700;
    line-height: 52px;
    padding-bottom: 10px;
    color: #363e4e
}

.block-header-industry .text {
    font-size: 18px;
    font-weight: 400;
    max-width: 540px;
    color: #363e4e;
    padding-bottom: 35px
}

.navigation>div {
    display: block;
    float: left
}

.block-header-industry .navigation .cta-btn {
    font-size: 16px;
    font-weight: 700;
    padding: 12px 46px;
    margin-right: 20px;
    border-radius: 48px;
    text-decoration: none
}

.block-header-industry .navigation .demo-link {
    font-size: 16px;
    font-weight: 400;
    text-decoration: none
}

@media (min-width:1024px) and (max-width:1279px) {
    .block-header-industry .image {
        width: 420px;
        margin-right: 0
    }

    .block-header-industry .block-content {
        max-width: 450px
    }
}

.gform_confirmation_message {
    color: #c3cad7
}

footer .hbspt-form {
    float: right;
    width: 285px;
    margin-top: 15px
}

footer.footer {
    max-height: 700px;
    text-align: center
}

.customer-review,
.faq-page__bottom,
.footer__col,
.text-pic {
    padding: 0
}

.footer__main {
    display: inline-block;
    text-align: left;
    min-height: auto;
    width: 100%;
    max-width: 100%;
    padding: 75px 160px 0
}

.footer__bottom {
    max-width: 100%;
    width: 100%;
    padding-left: 160px;
    padding-right: 160px;
    border: none;
    height: auto
}

.footer__col .desc,
.footer__col .logo {
    display: inline-block;
    margin: 0 auto
}

.footer_row2 .toggle__body .footer__links {
    line-height: 1px
}

.footer_row2 .toggle__body .footer__links li {
    display: inline-block;
    margin: 37px 20px 0
}

.footer_row2 .toggle__body .footer__links li:first-child {
    margin-left: 0
}

.footer_row2 .toggle__body .footer__links a {
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: .4;
    letter-spacing: normal;
    text-align: left;
    color: #fff
}

.footer__col .desc {
    color: #fff;
    font-weight: 400;
    font-size: 15px
}

.footer__term-link {
    margin-right: 32px
}

.footer__copywriting {
    margin-right: 0;
    margin-left: auto;
    padding-top: 25px
}

.features-video-section-main-container-gradient,
.footer_row3 {
    margin-top: 100px
}

.footer_row3 a img {
    width: 212px
}

.footer__social-links {
    float: right;
    margin-bottom: 35px
}

.footer__social-link {
    margin-left: 24px;
    margin-right: 0
}

.to-top {
    position: absolute;
    right: -80px;
    top: -15px
}

.to-top a {
    border-radius: 4px;
    margin-left: 25px
}

.footer__social-link svg path {
    fill: #c3cad7
}

.footer__bottom-wrap {
    border-top: 1px solid rgba(195, 202, 215, .3)
}

@media (max-width:767px) {

    .add_on_feature .content .description,
    .story-wrap .story-quote__head--text {
        font-size: 16px
    }

    .tour_container {
        max-width: 100%;
        padding: 160px 20px 10px
    }

    .howUpload_title,
    .tour_title {
        font-size: 24px;
        margin-bottom: 20px
    }

    .tour_description {
        font-size: 14px;
        padding-bottom: 10px
    }

    .footer__logo svg,
    .howUpload_box,
    .lms.bigger .lms__elem,
    .tour_grid-container {
        width: 100%
    }

    .tour_grid-wrap {
        margin-left: 0
    }

    .tour_item {
        margin: 0 auto 40px
    }

    .tour_item-title {
        font-size: 22px;
        margin-top: 0;
        margin-bottom: 0
    }

    .footer__col .desc,
    .howUpload_box-description,
    .tour_item-description,
    .tour_more a {
        font-size: 14px
    }

    .tour_more {
        padding-top: 10px;
        padding-bottom: 40px
    }

    .detail__info .buttons .bg-transparent,
    .feature-download-btn,
    .howUpload_box img,
    .to-top,
    .tour_more a .icon {
        display: none
    }

    .tour_video-cont {
        width: calc(100% - 50px);
        margin: 0 auto;
        padding-bottom: 40px;
        padding-top: 40px
    }

    .tour_video {
        width: 100%;
        margin: 0 auto 40px;
        padding-top: 40px;
        height: 204px
    }

    .tour_video .abs-icons {
        height: 240px;
        width: 100%;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .tour_video .abs-icons .play {
        width: 55px;
        height: 55px
    }

    .tour_video .abs-icons .play .arrow-right {
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 25px solid #fff
    }

    .tour_video .my-video-dimensions,
    .tour_video iframe {
        height: 160px;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .howUpload {
        padding: 30px 0 45px
    }

    .howUpload_right {
        width: auto
    }

    .add_on_feature .text,
    .howUpload_box-title {
        font-size: 18px
    }

    .bg-detail .buttons a.desktop,
    .desktop-important,
    .tabs__content.desktop {
        display: none !important
    }

    .block-header-industry .image-mobile,
    .block-header-industry .navigation .cta-btn,
    .feature-download-btn-mobile,
    .webinar__breadcrumbs-mobile {
        display: block
    }

    .add_on_feature {
        margin-top: 0
    }

    .price-three-column .container .box {
        padding: 42px 25px 0
    }

    .add_on_feature .cta-buttons {
        width: 100%;
        flex-direction: column;
        gap: 30px;
        align-items: center
    }

    .add_on_feature .primary-btn {
        width: 100%;
        text-align: center
    }

    .add_on_feature .primary-btn a {
        margin: 0;
        display: block
    }

    .add_on_feature .flex {
        flex-direction: column;
        padding: 0 20px 20px
    }

    .inspire {
        padding-top: 5px !important;
        padding-bottom: 50px !important
    }

    .awards .awards-box .description {
        text-align: left
    }

    .single-post-related {
        margin-top: 0;
        padding-top: 20px;
        margin-bottom: 0
    }

    .comparison-table__title {
        font-size: 24px;
        width: 100%;
        text-align: left
    }

    .comparison-table__description {
        font-size: 16px;
        text-align: left;
        line-height: 24px
    }

    .lms__btn-box,
    .lms__description,
    .lms__title {
        width: 100%;
        text-align: left
    }

    .faq-page .faq__text p,
    .faq-page .faq__title {
        line-height: 22px
    }

    .ebook-bottom-form-corrections .pillar-start__title {
        font-size: 24px;
        line-height: 29.35px
    }

    .ebook-bottom-form-corrections .pillar-start__description {
        font-size: 16px;
        line-height: 24px;
        font-weight: 400
    }

    .header__menu .mega-menu-item {
        display: flex;
        align-items: center
    }

    .header__menu .menu-description span {
        white-space: normal;
        display: inline-block
    }

    .interested__text-abs {
        position: relative;
        transform: none;
        width: 100%;
        text-align: center;
        left: 0
    }

    .lms__container {
        margin: 0 auto
    }

    .lms__partner-box {
        gap: 8px
    }

    .lms__elem {
        border-radius: 4px;
        height: 50px;
        flex: 1 1 30%;
        margin: 0;
        padding: 8px;
        min-height: auto;
        overflow: hidden
    }

    .lms__elem img {
        width: 100%;
        object-fit: contain;
        height: 100%
    }

    .download-second.webinar-formss .hbspt-form .custom-hbspt .custom-selector,
    .download-second.webinar-formss .hbspt-form .custom-hbspt .field.hs_company_size_picklist {
        height: 85px;
        margin-bottom: 18px
    }

    .partner-ship label span {
        color: #848fa3;
        font-family: QanelasSoft, sans-serif;
        font-size: 16px;
        font-weight: 600
    }

    .download-second.webinar-formss .hbspt-form .custom-hbspt .hs_company_size_picklist .hs-error-msgs {
        top: 60px
    }

    .webinar__speakers-wrap {
        gap: 50px
    }

    .ebook__head {
        margin-bottom: 0
    }

    .ebook__head .line {
        bottom: -30px
    }

    .ebook-free-corrections .line svg {
        width: 100%;
        height: auto
    }

    .ebook-slider .featured-ebook {
        padding-top: 10px
    }

    .feature-download-btn-mobile a {
        left: 50%;
        transform: translate(-50%, -50%);
        bottom: -5px;
        z-index: 3
    }

    .download-first .header-extra-form .container .author .author-box .author-photo-box .author__photo {
        max-height: 300px
    }

    .ebook-slider .featured-title {
        font-size: 20px;
        line-height: 26px
    }

    .ebook-slider .item-content {
        height: 326px;
        padding: 25px
    }

    .ebook-slider .item {
        margin-top: 45px
    }

    .ebook-slider .item-image {
        z-index: 2
    }

    .block-header-industry {
        padding: 100px 0 0;
        background-size: cover;
        margin-bottom: 0;
        height: auto;
        background-image: none !important
    }

    .block-header-industry .block-content {
        float: none;
        text-align: left;
        padding: 0 25px
    }

    .block-header-industry .navigation {
        display: inline-block;
        text-align: center;
        margin: 0 auto;
        width: 100%
    }

    .block-header-industry .navigation>div {
        width: 100%;
        display: block;
        text-align: center;
        float: left;
        margin: 12px auto
    }

    .block-header-industry .navigation a {
        margin: 0
    }

    footer.footer {
        height: auto
    }

    .footer__main {
        padding: 50px 32px 0
    }

    .footer__bottom {
        padding: 0 32px
    }

    footer .hbspt-form {
        float: none;
        width: 100%
    }

    .footer__copywriting {
        margin: 0 auto;
        padding-top: 0
    }

    .footer__term-link {
        float: right;
        font-size: 14px;
        margin: 0 auto
    }

    .footer__term-link:first-child,
    .footer_row3 {
        float: left
    }

    #footer-gf-form p {
        margin-top: 30px
    }

    .footer__social-links,
    .footer_row3 {
        margin: 35px 0
    }

    .footer__social-links,
    .lang-es .footer_row3 {
        margin: 25px 0
    }

    .footer__social-link {
        margin: 0 5px
    }

    .footer_row3 a img {
        width: 165px
    }

    .footer__terms-links {
        width: 100%;
        padding: 20px 0
    }
}

@media (max-width:1279px) and (min-width:1024px) {
    .footer__col:first-child {
        width: 140px
    }

    .footer__main {
        padding: 100px 100px 0;
        height: auto
    }

    .footer_row .footer__col:first-child,
    footer .hbspt-form {
        width: 100%
    }

    .footer_row2 .footer__col:first-child {
        width: 65%;
        float: left
    }

    .footer_row2 .footer__col {
        width: 35%;
        float: right
    }

    .footer_row2 .toggle__body .footer__links li {
        margin: 15px 10px 0
    }

    .footer__bottom {
        padding: 0 100px
    }
}

.career-page>div.career-container {
    margin: 75px auto
}

.career-page h2 {
    font-size: 48px;
    font-weight: 700;
    text-align: center;
    padding: 25px 0;
    line-height: 30px
}

.career-header {
    margin-bottom: 100px;
    width: 100%;
    height: 772px;
    margin-top: -120px;
    position: relative
}

.career-header .career-bg {
    width: 100%;
    height: 100%;
    padding: 0;
    position: absolute
}

.career-header .career-container {
    position: relative;
    height: 100%;
    display: flex;
    padding-top: 30px;
    max-width: none
}

.career-header .career-container .career--left-side {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    padding-left: 160px;
    max-width: 680px
}

.career-header .career-container .career--left-side .top-title {
    display: flex;
    align-items: flex-end;
    max-width: 600px;
    flex: 0.7
}

.career-header .career-container .career--left-side .top-title h1,
.career-header .desc-box h1 {
    font-size: 48px;
    font-weight: 700;
    color: #4079c2;
    line-height: 1
}

.career-header .career-container .career--left-side .top-subtitle {
    max-width: 600px;
    flex: 1
}

.career-header .career-container .career--left-side .top-subtitle p,
.career-header .desc-box p {
    font-size: 18px;
    font-weight: 400;
    color: #4079c2;
    padding-bottom: 45px;
    font-family: IowanOldStyle, serif
}

.career-header .career-container .career--left-side .top-subtitle a {
    background: linear-gradient(90deg, #2cbd9a 0, #65c86d 100%);
    border-radius: 48px;
    padding: 12px 55px;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    border: none;
    font-size: 16px
}

@media (min-width:1440px) {
    .career-header {
        height: calc(100vw / 2881 * 1544)
    }
}

.career--left-side,
.career--right-side {
    display: inline-block;
    width: 50%;
    float: right;
    text-align: center
}

.career-header .desc-box {
    max-width: 520px;
    text-align: left;
    margin: 0 auto
}

.career-header .desc-box .cta-btn {
    background: linear-gradient(90deg, #2cbd9a 0, #65c86d 100%);
    border-radius: 48px;
    padding: 15px 25px;
    color: #fff;
    text-decoration: none;
    font-weight: 700
}

.career--right-side {
    padding-top: 16%;
    margin-left: auto
}

.header-image-wrapper {
    max-width: 500px;
    margin: 0 auto
}

#basicSlider,
.career--right-side .header-image-wrapper,
.story,
.tour_bg {
    position: relative
}

.career--right-side .stats {
    position: absolute;
    background: #fff;
    padding: 15px;
    border-radius: 4px;
    top: 0;
    right: -30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 5px
}

.career--right-side .stats .item {
    font-size: 16px
}

.career--right-side .stats .item span.number {
    font-size: 21px;
    font-weight: 700;
    color: #f4844a;
    padding-right: 5px
}

.career--right-side img {
    width: 100%;
    max-width: 500px
}

@media (max-width:768px) {
    .faq-page {
        margin: 50px 0
    }

    .comparison-table .btn-box {
        margin-top: 10px
    }

    .bg-detail .detail {
        padding-top: 50px
    }

    .logged-in .bg-detail .detail {
        padding-top: 0
    }

    .inspire .slider>div {
        flex-direction: column
    }

    .header__logo img {
        width: 108px;
        height: 39px
    }

    .webinar-listing__buttons a {
        width: 100% !important;
        max-width: 100% !important;
        margin: 16px 0 0 !important
    }

    .desktop {
        display: none
    }

    .mobile {
        display: block
    }

    .faq-page__list {
        width: 100%;
        padding: 0 30px
    }

    .faq-page .faq__head {
        padding: 20px 0
    }

    .faq-page__bottom {
        width: 100%;
        line-height: 25px;
        margin-top: 25px
    }

    .career-header .career-container {
        flex-direction: column-reverse
    }

    .header-image-wrapper {
        max-width: calc(100% - 32px)
    }

    body .career--right-side {
        padding: 25% 0 0
    }

    .career--right-side .stats {
        right: -25px;
        top: 0
    }

    .career--right-side .stats .item {
        font-size: 12px
    }

    .career--right-side .stats .item span.number {
        font-size: 17px
    }

    .career--left-side,
    .career--right-side {
        width: 100%;
        padding: 0
    }

    .career-header .desc-box h1 {
        font-size: 32px;
        margin-top: 25px
    }

    .career-header .desc-box p {
        font-size: 16px
    }

    .career-header .desc-box .cta-btn {
        display: block;
        width: 100%;
        text-align: center
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .career--right-side img {
        max-width: 300px
    }
}

.career-vacancy_gate h2 {
    width: 100%;
    text-align: center;
    padding: 30px 0 60px;
    font-size: 48px;
    font-weight: 600
}

#features_tab2,
#footer-gf-form .gform_validation_errors,
#pd-error-container,
.adwords-animated-header .text .cta .mobile,
.banner .right .banner__btn.mob,
.career-vacancy_gate .vacancy_gate-filters select,
.filter-tag-mobile,
.find-position .train-template__btn.mob,
.gfield--has-description .gfield_description,
.gform_heading p,
.growth-pod-form body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label,
.growth-pod-form-input label,
.homepage-logo-slider-mobile,
.lang-br #footer-gf-form,
.mobile,
.page-id-7225 .download-second .ready-create-box .overflow,
.partnership-benefits-container .heading-mobile,
.partnership-steps-list .step .no .line,
.pd-partnership-form_wrapper .gform_heading,
.price-switcher .toggle_radio input[type=radio],
.pricing-logo-slider-container .tns-nav,
.pricing-logo-slider-container button,
.template .new-box svg,
.vacancy_gate-filters,
.vacancy_gate-filters .select-options li[rel="0"],
.vacancy_mobile,
.webinar__speakers-item.mob,
body.blog #breadcrumbs,
body.page-parent #breadcrumbs {
    display: none
}

.vacancy_gate-filters .select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #fff;
    width: 240px
}

.vacancy_gate-filters .select-styled {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
    transition: .2s ease-in;
    border: 1px solid #9a9fa9;
    border-radius: 45px;
    padding: 13px 20.2px 14px 20.5px;
    font-size: 14px;
    background: #fff;
    color: #363e4e;
    font-weight: 500
}

.vacancy_gate-filters .select-styled:after {
    content: url("/wp-content/themes/easygenerator/assets/images/arrow-select.svg");
    width: 0;
    height: 0;
    position: absolute;
    top: 12px;
    right: 30px
}

.select-styled.active,
.vacancy_gate-filters .select-styled:active,
.vacancy_gate-filters .select-styled:hover {
    border-color: #9a9fa9ff
}

.select-styled.active:after,
.vacancy_gate-filters .select-styled:active:after {
    transform: rotate(180deg);
    top: 37px;
    right: 21px
}

.vacancy_gate-filters .select-options {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    list-style: none;
    border: 1px solid #c3cad7;
    padding: 20px 10px;
    background-color: #fff;
    box-shadow: 0 30px 60px 0 rgb(54 62 78 / 15%);
    border-radius: 4px
}

.vacancy_gate-filters .select-options li {
    margin: 0;
    padding: 5px 10px;
    color: #363e4e;
    -moz-transition: .15s ease-in;
    -o-transition: .15s ease-in;
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in
}

.vacancy_gate-filters .select-options li:hover {
    color: #af360f;
    background: #fff
}

.career-vacancy_gate .separator {
    height: 1px;
    margin: 32px auto;
    background-color: #c3cad7
}

.vacancy-card-list ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0
}

.vacancy-card-list ul li {
    width: calc(33.333% - 20px);
    text-align: -webkit-center;
    margin: 0 15px 33px
}

.career-application_process .steps ul li:first-child,
.key-features-row-wd-btn-rbn a,
.vacancy-card-list ul li:first-child,
ul li:nth-child(3n+1) {
    margin-left: 0
}

.career-application_process .steps ul li:last-child,
.elearning-event-partnership-container .steps ul li:last-child,
.vacancy-card-list ul li:nth-child(3n+3) {
    margin-right: 0
}

.vacancy-card {
    width: 100%;
    height: 200px;
    padding: 32.2px 24.4px 33px 23.6px;
    border-radius: 4px;
    box-shadow: 4px 4px 28px 0 rgba(192, 192, 192, .25);
    background-color: #fff;
    text-align: left;
    position: relative
}

.vacancy-card .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.15;
    color: #363e4e
}

.vacancy-card .department,
.vacancy-card .location {
    opacity: .7;
    font-size: 16px;
    color: #363e4e;
    position: absolute
}

.vacancy-card .location {
    bottom: 55px
}

.vacancy-card .location::before {
    background-image: url("/wp-content/themes/easygenerator/assets/images/location.png");
    background-size: 12px 16px;
    display: inline-block;
    width: 12px;
    height: 16px;
    content: "";
    margin-right: 19px
}

.vacancy-card .department {
    bottom: 25px
}

.vacancy-card .department::before {
    background-image: url(/wp-content/themes/easygenerator/assets/images/department.svg);
    background-size: 19px 13px;
    display: inline-block;
    width: 19px;
    height: 13px;
    content: "";
    margin-right: 15px;
    margin-left: -3px;
    background-repeat: no-repeat
}

.vacancy-card-list .view-all {
    width: 100%;
    text-align: center;
    margin-top: 50px
}

.vacancy-card-list a.btn {
    margin: 0 auto;
    text-decoration: none;
    color: #363e4e;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid #363e4e;
    padding: 12px 70px;
    border-radius: 48px
}

.ai-postlaunch-main,
.career-application_process,
.customer-review .container .comments-placeholder .owl-dots,
.event-schedule-speaker-profile,
.pricing-card-head {
    text-align: center
}

.career-application_process>div.description {
    font-size: 18px;
    font-weight: 400;
    font-family: IowanOldStyle, serif
}

.career-application_process .steps {
    margin-top: 70px
}

.career-application_process .steps ul {
    list-style: none;
    counter-reset: section;
    padding: 0;
    display: flex;
    gap: 30px
}

.career-application_process .steps ul li {
    width: min(95%, 45rem);
    text-align: center;
    position: relative
}

.career-application_process .steps ul li .step-content {
    width: auto;
    margin: 0 auto
}

.career-application_process .steps ul li::after {
    content: "";
    width: 50%;
    height: 1px;
    position: absolute;
    background: #ececec;
    top: 44px;
    left: 80%
}

.career-application_process .steps .count-icon {
    text-align: center;
    position: relative;
    margin-bottom: 45px
}

.career-application_process .steps .count-icon::before {
    counter-increment: section;
    content: counters(section, "");
    color: #fff;
    font-size: 40px;
    position: absolute;
    left: calc(50% - 7px);
    top: calc(50% - 30px)
}

.career-application_process .steps ul li .step-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.15;
    display: inline-block;
    float: left;
    margin: 0 auto;
    width: 100%
}

.career-application_process .steps .step-content .step-description {
    text-align: justify;
    padding-top: 100px
}

.career-application_process .heading {
    font-size: 40px;
    font-family: QanelasSoft, sans-serif;
    font-weight: 600
}

[data-star] i,
div.stars::after {
    height: 28px;
    background: linear-gradient(to right, #2cbd9a 0, #65c86d 100%)
}

.career-reviews {
    width: 100%;
    height: 220px;
    background: rgba(80, 207, 112, .1);
    padding: 0 55px;
    border-radius: 3px;
    display: flex;
    align-items: center
}

.career-reviews .info .description,
.career-reviews .info .title {
    width: 535px;
    line-height: 1.12
}

.career-reviews .info .title {
    font-size: 28px;
    font-weight: 600
}

.career-reviews .info .description {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.38
}

.career-reviews .rating {
    width: 100%;
    text-align: right
}

.career-reviews .rating .frame {
    width: 295px;
    height: 93px;
    border: 2px solid rgba(54, 62, 78, .5);
    border-radius: 4px;
    margin-left: auto;
    display: flex;
    align-items: center;
    text-align: center;
    position: relative
}

.career-reviews .rating .frame>a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

.stars span {
    font-size: 13px;
    line-height: 1
}

.career-reviews .rating .frame .logo {
    border-right: 2px solid rgba(54, 62, 78, .5);
    height: 100%;
    width: 100px;
    text-align: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center
}

.career-reviews .rating .frame .logo img {
    height: 65px;
    width: 80px
}

.vertical-align-middle {
    display: inline-block;
    height: 100%
}

[data-star] i {
    position: relative;
    width: 115px;
    -webkit-mask: url(/wp-content/themes/easygenerator/assets/images/reviews-star.svg) repeat-x
}

div.stars::after {
    content: "";
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-mask: url(/wp-content/themes/easygenerator/assets/images/reviews-star-2.svg) repeat-x;
    -webkit-mask-size: 23px
}

[data-star^=".1"]::after,
[data-star^="0.1"]::after {
    width: 2%
}

[data-star^=".2"]::after,
[data-star^="0.2"]::after {
    width: 4%
}

[data-star^=".3"]::after,
[data-star^="0.3"]::after {
    width: 6%
}

[data-star^=".4"]::after,
[data-star^="0.4"]::after {
    width: 8%
}

[data-star^=".5"]::after,
[data-star^="0.5"]::after {
    width: 10%
}

[data-star^=".6"]::after,
[data-star^="0.6"]::after {
    width: 12%
}

[data-star^=".7"]::after,
[data-star^="0.7"]::after {
    width: 14%
}

[data-star^=".8"]::after,
[data-star^="0.8"]::after {
    width: 16%
}

[data-star^=".9"]::after,
[data-star^="0.9"]::after {
    width: 18%
}

[data-star^="1"]::after {
    width: 20%
}

[data-star^="1.1"]::after {
    width: 22%
}

[data-star^="1.2"]::after {
    width: 24%
}

[data-star^="1.3"]::after {
    width: 26%
}

[data-star^="1.4"]::after {
    width: 28%
}

[data-star^="1.5"]::after {
    width: 30%
}

[data-star^="1.6"]::after {
    width: 32%
}

[data-star^="1.7"]::after {
    width: 34%
}

[data-star^="1.8"]::after {
    width: 36%
}

[data-star^="1.9"]::after {
    width: 38%
}

[data-star^="2"]::after {
    width: 40%
}

[data-star^="2.1"]::after {
    width: 42%
}

[data-star^="2.2"]::after {
    width: 44%
}

[data-star^="2.3"]::after {
    width: 46%
}

[data-star^="2.4"]::after {
    width: 48%
}

[data-star^="2.6"]::after {
    width: 52%
}

[data-star^="2.7"]::after {
    width: 54%
}

[data-star^="2.8"]::after {
    width: 56%
}

[data-star^="2.9"]::after {
    width: 58%
}

[data-star^="3"]::after {
    width: 60%
}

[data-star^="3.1"]::after {
    width: 62%
}

[data-star^="3.2"]::after {
    width: 64%
}

[data-star^="3.3"]::after {
    width: 66%
}

[data-star^="3.4"]::after {
    width: 68%
}

[data-star^="3.5"]::after {
    width: 70%
}

[data-star^="3.6"]::after {
    width: 72%
}

[data-star^="3.7"]::after {
    width: 74%
}

[data-star^="3.8"]::after {
    width: 76%
}

[data-star^="3.9"]::after {
    width: 78%
}

[data-star^="4"]::after {
    width: 80%
}

[data-star^="4.1"]::after {
    width: 82%
}

[data-star^="4.2"]::after {
    width: 84%
}

[data-star^="4.3"]::after {
    width: 86%
}

[data-star^="4.4"]::after {
    width: 88%
}

[data-star^="4.5"]::after {
    width: 90%
}

[data-star^="4.6"]::after {
    width: 92%
}

[data-star^="4.7"]::after {
    width: 94%
}

[data-star^="4.8"]::after {
    width: 96%
}

[data-star^="4.9"]::after {
    width: 98%
}

.stars {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    background-image: linear-gradient(90deg, #ffac3c calc(90%), silver calc(90%))
}

.career-reviews .stars {
    margin: 0 auto
}

.career-gallery .flex {
    display: flex;
    margin-top: 50px
}

.career-gallery .tab {
    z-index: 2
}

.career-gallery .tab button {
    display: block;
    border: 1px solid rgba(195, 202, 215, .41);
    height: 90px;
    width: 435px;
    outline: 0;
    text-align: left;
    cursor: pointer;
    transition: .3s;
    background: 0 0;
    margin: 6px 0;
    padding-left: 32px;
    font-size: 24px;
    color: #363e4e;
    font-weight: 700;
    line-height: 1.12;
    position: relative;
    border-radius: 4px
}

.gallery-sliders,
.gallery-sliders .owl-carousel img {
    width: 675px;
    height: 490px
}

.career-gallery .tab button:first-child {
    margin-top: 1px
}

#breadcrumbs .breadcrumb_last,
.career-gallery .tab button:hover,
.filter-tags-columns .active-filter-tag {
    color: #fc794b
}

.career-gallery .tab button.active {
    color: #fc794b;
    font-size: 32px;
    border: none;
    box-shadow: 4px 4px 28px 0 rgba(192, 192, 192, .24)
}

.career-gallery .tab button.active::after {
    content: "";
    position: absolute;
    width: 53px;
    top: -1px;
    bottom: -1px;
    right: -50px;
    background: #fff;
    box-shadow: 4px 4px 28px 0 rgb(192 192 192 / 24%);
    clip-path: inset(-1px -1px -1px 0px);
    border-left: none;
    border-radius: 4px
}

.career-gallery .tabcontent {
    float: left;
    margin: 0 12px;
    border-left: none;
    display: none;
    position: relative
}

.career-gallery .tabcontent:first-child,
.pricing-page-cards-container.box:nth-child(2) .most-popular-ribbon,
.vacancy_desktop {
    display: block
}

.gallery-sliders {
    display: flex;
    overflow: hidden
}

.gallery-sliders .tabcontent .owl-nav {
    position: absolute;
    right: 20px;
    bottom: 0
}

.gallery-sliders .tabcontent .owl-nav button.disabled,
.mobile .tabcontent .owl-nav button.disabled {
    opacity: .3;
    cursor: auto
}

.gallery-nav {
    width: 40px;
    height: 40px;
    background-image: url("/wp-content/themes/easygenerator/assets/images/gallery_navigation.png");
    background-repeat: no-repeat;
    background-size: cover
}

.gallery-nav.prev {
    background-position: left center
}

.gallery-nav.next {
    background-position: right center;
    margin-left: 5px
}

.mobile .gallery-item button {
    width: 100%;
    color: #363e4e;
    border: 1px solid rgba(195, 202, 215, .41);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: normal;
    padding: 9px 20px;
    margin: 4.4px 0;
    background: #fff;
    text-align: left;
    border-radius: 4px;
    outline: 0
}

.mobile .gallery-item.active button.tablinks {
    color: #fc794b;
    border: none;
    box-shadow: 4px 4px 28px 0 rgba(192, 192, 192, .24);
    margin-left: -35px;
    position: relative;
    padding-bottom: 0
}

.mobile .tabcontent .owl-nav {
    position: absolute;
    right: 0;
    left: 0;
    top: calc(50% - 25px);
    display: flex;
    justify-content: space-between;
    padding: 0 10px
}

.mobile .tabcontent {
    margin: 0;
    height: 226px;
    overflow: hidden
}

.mobile .gallery-item.active button.tablinks::after {
    content: "";
    position: absolute;
    height: 17px;
    width: 100%;
    background: #fff;
    z-index: 3;
    left: 0;
    border-radius: 4px;
    bottom: -12px
}

.mobile .tabcontent .owl-nav button {
    outline: 0;
    width: 25px;
    height: 25px
}

.mobile .gallery-nav {
    width: 25px;
    height: 25px
}

.career-our_values .content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 38px;
    margin-top: 40px
}

.career-our_values .content .item {
    width: 250px;
    height: 250px;
    background-image: url(/wp-content/themes/easygenerator/assets/images/our_values_item_bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 30px;
    padding-right: 25px
}

.career-our_values .content .item .icon .item-icon img {
    height: 55px
}

.career-our_values .content .item .item-title {
    color: #fc794b;
    font-size: 24px;
    font-weight: 600
}

.career-our_values .bottom_link {
    width: 100%;
    text-align: center;
    margin-top: 75px
}

.career-our_values .bottom_link a {
    font-size: 20px;
    font-weight: 500;
    text-decoration: underline;
    color: #fc794b
}

.benefits-background {
    background-repeat: no-repeat;
    background-position: right;
    background-size: 640px auto;
    height: 670px;
    padding: 50px 88px 0
}

.career-benefits h2 {
    padding: 50px 0
}

.ai-prelaunch-main .cta,
.career-benefits .content,
.my-slider-custom {
    display: flex
}

.career-benefits .content ul {
    max-width: 513px
}

.career-benefits .image-right,
.homepage-features-text-col .cta,
.webinar__speakers-item-speaker {
    display: flex;
    align-items: center
}

.career-benefits .image-left img {
    width: 370px
}

.career-benefits ul li {
    font-size: 20px;
    font-weight: 500;
    margin: 12px 0
}

.partnership-header .header-container {
    height: 650px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.header-links {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 40px;
    z-index: 10000;
    margin-top: 80px
}

.header-links a {
    font-size: 16px;
    font-weight: 400;
    color: #363e4e;
    text-decoration: none;
    transition: color .3s
}

.header-links a.active {
    font-weight: 700;
    text-decoration: underline
}

.header-links a:hover {
    text-decoration: underline;
    color: #f0754d
}

.partnership-header .header-content {
    max-width: 540px
}

.partnership-header .header-content .sub-heading {
    color: #fc794b;
    font-size: 16px;
    font-weight: 700;
    margin: 8px 0;
    text-transform: uppercase
}

.partnership-header .header-content .heading {
    color: #363e4e;
    font-size: 48px;
    font-weight: 700;
    line-height: 54px;
    margin: 8px 0
}

.partnership-header .header-content .text {
    color: #363e4e;
    font-size: 18px;
    font-weight: 400;
    padding: 8px 0;
    font-family: IowanOldStyle, serif
}

.partnership-header .header-image img {
    width: 450px
}

.partnership-inner-navigation {
    margin-top: 75px
}

.partnership-inner-navigation .container .heading {
    color: #fc794b;
    font-size: 20px;
    text-align: center
}

.partnership-inner-navigation .item-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    text-align: center;
    margin-top: 20px
}

.partnership-inner-navigation .nav-item {
    width: 339px;
    height: 165px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
    box-shadow: 4px 4px 28px rgba(192, 192, 192, .25);
    border-radius: 4px
}

.partnership-inner-navigation .nav-item:hover {
    box-shadow: 4px 4px 28px rgba(252, 121, 75, .2)
}

.partnership-inner-navigation .nav-item .title {
    font-size: 24px;
    color: #363e4e;
    margin-top: 15px;
    font-weight: 500
}

.partnership-inner-navigation .nav-item:active .ico path,
.partnership-inner-navigation .nav-item:active .title {
    color: #fff;
    fill: #fff
}

.partnership-inner-navigation .nav-item:active {
    background: rgba(252, 121, 75, .8);
    box-shadow: none
}

.partnership-inner-navigation .nav-item .link a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.trusted-modal .trusted-logo,
.webinar-past .web-video {
    margin-bottom: 50px
}

.home .trust__container {
    justify-content: center;
    gap: 0 15px
}

.trust {
    margin-bottom: 130px;
    padding: 0 32px
}

.trust__title {
    font-size: 40px;
    margin-bottom: 60px
}

.trust__subtitle {
    font-size: 18px;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 75px;
    font-family: IowanOldStyle, serif
}

a.trust__item {
    margin: 0 0 45px;
    cursor: pointer;
    width: 16.6%
}

.partnership-steps-container .partnership-steps-top,
.use-case-overview-new_type {
    display: flex;
    justify-content: space-between
}

.use-case-overview-new_type .use-case-overview__item {
    width: 370px;
    min-height: 234px
}

.partnership-how-much {
    text-align: center;
    margin: 70px 0
}

.partnership-how-much .heading {
    font-size: 40px;
    text-align: left;
    font-weight: 600
}

.partnership-how-much .container-bg {
    height: 193px;
    position: relative;
    display: flex;
    align-items: center
}

.partnership-how-much .container-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .2;
    z-index: -1;
    background: linear-gradient(51.62deg, #e14a53 -.58%, #ffa246 92.25%);
    border-radius: 4px
}

.partnership-how-much .items {
    display: flex;
    justify-content: space-around;
    width: 100%
}

.partnership-how-much .items .number {
    font-size: 52px
}

.partnership-how-much .items .text {
    font-size: 20px
}

.get-started-container .heading .title,
.tour_grid .heading {
    font-size: 40px;
    font-weight: 600
}

.partnership-how-much .cta-btn-orange {
    margin: 25px 0
}

.customer-review {
    margin-bottom: 136px
}

.get-started-container {
    background: linear-gradient(270deg, #65c86d 0, #2cbd9a 100%);
    box-shadow: 0 2px 4px rgb(0 0 0 / 4%);
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    height: 175px;
    align-items: center;
    padding: 0 90px;
    margin-bottom: 100px
}

.get-started-container .heading .subtitle {
    font-size: 20px;
    font-family: IowanOldStyle, serif
}

.get-started-container .cta button {
    border: none;
    box-sizing: border-box;
    border-radius: 30px;
    color: #363e4e;
    background-color: #fff;
    padding: 15px 40px;
    font-size: 18px;
    font-weight: 600
}

.customer-review .container .comments-placeholder {
    z-index: 0
}

.customer-review .container .comments-placeholder .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s;
    border-radius: 30px
}

.customer-review .container .comments-placeholder .owl-dots .owl-dot.active span,
.customer-review .container .comments-placeholder .owl-dots .owl-dot:hover span {
    background: #869791
}

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

@media screen and (min-width:769px) {
    .customer-review .container .comments-placeholder .owl-item.cloned {
        display: none !important
    }

    .customer-review .container .comments-placeholder .owl-stage {
        transform: none !important;
        transition: none !important;
        width: auto !important
    }

    .customer-review .container .comments-placeholder .owl-item {
        width: auto !important
    }

    .detail__info .buttons .link:nth-child(2) {
        margin-left: 16px
    }
}

@media (max-width:1024px) {
    .block-header-industry .heading {
        font-size: 27px;
        line-height: 35px
    }

    .block-header-industry .image {
        display: none
    }

    .career-application_process h2,
    .career-page h2 {
        font-size: 24px;
        text-align: left;
        padding: 15px 0
    }

    .career-header .career-container .career--left-side {
        padding-left: 80px
    }

    .career-application_process .steps {
        margin-top: 35px
    }

    .career-application_process .heading {
        text-align: left;
        font-size: 24px;
        line-height: 28px
    }

    .career-application_process>div.description {
        text-align: left;
        font-size: 18px;
        line-height: 22px;
        margin-top: 8px
    }

    .career-application_process .steps ul,
    .tour_grid-wrap,
    .use-case-overview-new_type {
        flex-direction: column
    }

    .career-application_process .steps ul li,
    .career-reviews .info .description,
    .career-reviews .info .title,
    .get-started-container .cta,
    .partnership-header .header-content .cta-btn,
    .partnership-header .header-image img {
        width: 100%
    }

    .career-application_process .steps li:last-child .step-description::before,
    .career-application_process .steps ul li::after {
        content: none
    }

    .step-header {
        display: flex;
        align-items: center
    }

    .step-header svg {
        width: 49px;
        height: 49px
    }

    .career-application_process .steps .count-icon {
        margin-bottom: 0
    }

    .career-application_process .steps .count-icon::before {
        font-size: 18px;
        left: calc(50% - 2px);
        top: calc(50% - 15px)
    }

    .career-application_process .steps ul li .step-title {
        text-align: left;
        padding-left: 17px;
        font-size: 18px
    }

    .career-application_process .steps .step-content .step-description {
        padding-top: 10px;
        font-size: 14px;
        text-align: left;
        margin-left: 66px;
        position: relative
    }

    .career-application_process .steps .step-content .step-description::before {
        content: "";
        width: 1px;
        bottom: -15px;
        top: 25px;
        left: -40px;
        background: #ececec;
        position: absolute
    }

    .career-reviews {
        align-items: baseline;
        flex-direction: column;
        padding: 40px 15px;
        height: 330px
    }

    .career-reviews .rating {
        margin-top: 25px
    }

    .career-reviews .rating .frame {
        margin: 0 auto
    }

    .career-reviews .info .title {
        font-size: 20px
    }

    .career-our_values .content {
        gap: 30px 0;
        flex-wrap: wrap
    }

    .career-our_values .content .item {
        width: 145px;
        height: 145px;
        flex: 50%;
        gap: 8px;
        padding-right: 15px
    }

    .career-our_values .content .item .icon .item-icon img {
        height: 35px
    }

    .career-our_values .content .item .item-title,
    .get-started-container .heading .subtitle,
    .partnership-header .header-content .text,
    .trust__subtitle {
        font-size: 16px
    }

    .benefits-container {
        padding: 0 !important
    }

    .benefits-background {
        height: auto;
        background-position: top center;
        background-size: auto 75%;
        padding: 0 32px
    }

    .career-benefits h2 {
        padding: 15px 0
    }

    .career-benefits .content {
        display: flex;
        flex-direction: column-reverse;
        padding-top: 20px;
        padding-bottom: 70px
    }

    .career-benefits .content ul {
        max-width: 311px;
        margin: 0 auto
    }

    .career-benefits ul li {
        font-size: 16px;
        line-height: 22px
    }

    .career-benefits .image-left {
        text-align: right
    }

    .career-benefits .image-left img {
        max-width: 250px
    }

    .customer-review .container .review-box,
    .partnership-inner-navigation .container .heading {
        text-align: left
    }

    .customer-review .container .review-box .info .logo-placeholder {
        margin: 0
    }

    .customer-review .container .review-box .info .rating {
        margin-top: 21px;
        justify-content: flex-start
    }

    .partnership-how-much .container {
        max-width: 100%;
        padding: 0 35px
    }

    .partnership-inner-navigation .item-list {
        flex-direction: column;
        gap: 16px
    }

    .partnership-inner-navigation .nav-item {
        width: 100%;
        height: 90px;
        flex-direction: row;
        justify-content: flex-start;
        align-content: center;
        padding: 0 25px
    }

    .partnership-inner-navigation .nav-item .title {
        margin-top: 0;
        margin-left: 25px;
        font-size: 20px
    }

    .partnership-header .header-links {
        gap: 32px;
        order: 1
    }

    .partnership-header .header-image {
        order: 2;
        margin-top: 70px
    }

    .partnership-header .header-content {
        order: 3
    }

    .trust__title {
        font-size: 24px;
        line-height: 30px;
        color: #363e4e;
        font-weight: 600
    }

    .partnership-how-much .cta-btn-orange {
        width: calc(100% - 70px)
    }

    .partnership-header .header-content .heading {
        font-size: 32px;
        line-height: 39px
    }

    .partnership-header .header-container,
    .partnership-how-much .container-bg {
        height: auto
    }

    .partnership-how-much .heading {
        font-size: 24px;
        margin-bottom: 5px
    }

    .use-case-overview {
        padding: 0 40px
    }

    .use-case-overview__description,
    .use-case-overview__title {
        text-align: left;
        padding: 0
    }

    .use-case-overview__title {
        margin-bottom: 8px;
        font-size: 24px
    }

    .use-case-overview__container {
        width: 100%;
        margin: 0
    }

    .use-case-overview-new_type .use-case-overview__item {
        width: 100%;
        margin: 8px 0;
        min-height: auto
    }

    .use-case-overview__item-description {
        min-height: auto;
        margin-bottom: 0
    }

    .career-container {
        padding: 0 32px
    }

    a.trust__item {
        flex: 50%
    }

    .trust__item img {
        max-width: 120px !important;
        max-height: 32px
    }

    .partnership-how-much .items {
        flex-direction: column;
        height: 240px;
        padding: 17px
    }

    .partnership-how-much .items .number {
        font-size: 36px;
        font-weight: 600
    }

    .partnership-how-much .items .text,
    .tour_item-title {
        font-size: 18px
    }

    .partnership-how-much .items .item {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center
    }

    .get-started-container {
        height: 200px;
        flex-direction: column;
        padding: 16px;
        gap: 25px;
        text-align: center;
        justify-content: center
    }

    .get-started-container .heading .title {
        font-size: 24px
    }

    .get-started-container .cta button {
        padding: 10px;
        width: 100%;
        font-size: 16px
    }

    .tour_grid {
        padding: 0 30px
    }

    .tour_grid .heading {
        font-size: 24px;
        text-align: left
    }

    .tour_item {
        display: flex;
        margin: 0 0 45px
    }

    .tour_item-description {
        margin-top: 8px;
        line-height: 20px
    }

    .tour_item div:first-child img {
        width: 88px
    }
}

.price-switcher {
    padding-bottom: 80px;
    text-align: center;
    margin: 0 auto
}

.price-switcher form {
    border-radius: 56px;
    box-shadow: inset 4px 4px 11px 0 rgba(0, 0, 0, .1);
    border: 1px solid rgba(255, 255, 255, .6);
    background-color: #fff
}

.price-switcher .toggle_radio {
    position: relative;
    margin: 4px auto;
    overflow: hidden;
    padding: 0 !important;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    height: 40px;
    display: inline-block
}

.price-switcher .toggle_radio label {
    color: #363e4e;
    padding-top: 7px;
    display: inline-block;
    width: 56px;
    height: 40px;
    margin: 0;
    border-radius: 86px;
    cursor: pointer;
    text-align: center;
    background: 0 0;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    z-index: 1;
    opacity: 0
}

.price-switcher .toggle_option_slider {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: .35s
}

.price-switcher .toggle_option_slider::after {
    content: attr(data-after);
    width: 56px;
    height: 40px;
    border-radius: 86px;
    position: absolute;
    transition: .2s;
    background-image: radial-gradient(circle at 50% 48%, rgba(255, 255, 255, .27), rgba(255, 255, 255, 0) 44%), radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0), rgba(0, 0, 0, .09) 102%), linear-gradient(to right, #ffa246 0, #e14a53 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #fff
}

.price-switcher #second_toggle:checked~.toggle_option_slider::after {
    left: calc(100% - 56px)
}

body.single-ebook #breadcrumbs {
    margin-bottom: 20px
}

body.page-template-default #breadcrumbs {
    margin-bottom: 15px;
    margin-top: 50px
}

body.page-template-default #breadcrumbs svg path {
    stroke: #ffffff;
    stroke: #f0754d
}

#breadcrumbs svg {
    margin: 0 10px;
    width: 6px
}

#breadcrumbs a:hover {
    color: #363e4e;
    text-decoration: underline
}

.single-post-hero #breadcrumbs {
    margin-bottom: 25px
}

@media only screen and (max-width:768px) {
    .customer-review .container .comments-placeholder {
        height: 270px
    }

    .customer-review .container .comments-placeholder>div {
        float: none
    }

    .customer-review .container .comments-placeholder>div:nth-child(2),
    .customer-review .container .comments-placeholder>div:nth-child(3) {
        margin-top: 0
    }

    #breadcrumbs {
        display: none
    }

    .detail__info .buttons .link:nth-child(2) {
        margin-top: 20px
    }
}

.ebook-cards {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 60px;
    padding: 60px 0
}

.ebook-cards .ebook-cards__item {
    position: relative;
    width: calc(33.333% - 40px);
    background: #fff;
    border-radius: 4px;
    box-shadow: 4px 4px 30px 4px rgba(209, 217, 230, .55)
}

.ebook-cards .ebook-cards__item .non-hover {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.ebook-cards .ebook-cards__item .non-hover .title {
    font-size: 24px;
    line-height: 30px;
    color: #363e4e;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    text-align: left;
    transition: color .3s ease-in;
    margin: 0;
    padding: 50px 30px
}

.ebook-cards .ebook-cards__item:hover .title {
    visibility: hidden
}

.ebook-cards .ebook-cards__item .hover {
    background: rgba(255, 255, 255, .3);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transition: filter .1s, visibility .2s, opacity .2s linear
}

.ebook-cards .ebook-cards__item .hover .excerpt {
    position: absolute;
    top: 50px;
    left: 30px;
    right: 30px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px
}

.ebook-cards .ebook-cards__item:hover .non-hover {
    filter: blur(10px)
}

.ebook-cards .ebook-cards__item:hover .hover {
    visibility: visible;
    opacity: 1;
    transition: filter .1s, visibility .2s, opacity .2s linear
}

.ebook-cards .ebook-cards__item .hover .link {
    position: absolute;
    bottom: 70px;
    text-align: center;
    width: 100%
}

.ebook-cards .ebook-cards__item .hover .link a {
    color: #fff;
    background: linear-gradient(90deg, #e14a53 1.81%, #ffa246 100%);
    border-radius: 70px;
    padding: 15px 50px;
    border: none
}

.ebook-cards .ebook-cards__item .non-hover .ebook-card {
    min-height: 300px;
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    background-position: top
}

.owl-carousel {
    display: flex;
    margin-top: 30px
}

.l-block .left .l-block__title {
    font-size: 45px;
    line-height: 44px
}

.l-block .left .l-block__description {
    font-size: 18px;
    line-height: 27px
}

.integrations-filter-main,
.l-block .left {
    margin-bottom: 80px
}

.l-block__photo {
    height: auto
}

.l-block .right {
    display: inline;
    width: 580px
}

.teams .container .name {
    padding: 80px 0
}

.teams .container .items .box,
.teams .container .items .box:nth-child(3) {
    margin-bottom: 00px
}

.teams .container .items .box .photo {
    max-height: 470px;
    height: 320px;
    width: 378px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

.btn-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px
}

.get-started .started-box .btn-box {
    gap: 150px
}

.get-started .started-box .started-box__link {
    width: auto;
    max-width: initial;
    margin: 0;
    display: block
}

.gate .container {
    text-align: center;
    padding-bottom: 50px
}

.gate .container .gate-items .gate-item,
.pd-partnership-form .gform_wrapper .gform_body .gform_fields .gfield .gfield_label,
.pd-partnership-form_wrapper .pd-partnership-form .gform_body .gform_fields .gfield,
.podcast-partnership-popup {
    text-align: left
}

.star-question {
    text-align: center;
    line-height: 2.13;
    padding: 0 32px 80px;
    color: #fc794b;
    font-size: 18px;
    font-family: IowanOldStyle, serif;
    font-weight: 600
}

.star-question div {
    margin-top: -160px
}

.story .overflow {
    transform: rotate(0)
}

.story .overflow:last-child {
    position: absolute;
    bottom: -50px;
    width: 100%
}

.page-id-7225 .customer-story .customer-story__box-container .customer-story__box-right {
    background-size: cover !important
}

.page-id-7225 .download-second .ready-create-box .container {
    padding: 70px 0 0
}

.page-id-7225 .download-second .ready-create-box .ready-create .img-placeholder {
    height: 350px
}

.customer-story__box {
    padding-top: 100px;
    margin-right: -2px;
    background-size: cover
}

.customer-story__box-container {
    align-items: center
}

.story-wrap .story-wrap__left .story-content .story-wrap__left img {
    height: 100%;
    width: 100%;
    max-width: 700px;
    max-height: 400px
}

.webinar-past .web-video video {
    box-shadow: 0 4px 16px 0 rgb(54 62 78 / 10%)
}

.banner .right img,
.find-position .train-template__photo img {
    object-fit: contain
}

@media (min-width:1024px) {
    .header--top .header__main {
        padding: 40px 100px
    }

    .webinar-single .trust {
        padding: 0 34px 80px
    }

    .webinar-single .trust .trust__description {
        font-size: 16px;
        margin-bottom: 50px;
        padding-top: 50px
    }

    .webinar-single .trust .trust__container {
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        padding: 20px 0;
        gap: 30px
    }

    .webinar-single .trust .trust__container a.trust__item {
        margin: 0
    }

    .webinar-single .trust .trust__container a.trust__item img {
        width: 130px
    }
}

.detail__info p {
    font-size: 16px;
    color: #363e4ecc;
    font-weight: 400
}

.tour_bg .overflow {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -40px;
    width: 100%;
    max-width: 100%;
    transform: rotate(180deg)
}

.page-id-11640 .listing__item:first-child .listing__item-description,
.page-id-12035 .listing__item:first-child .listing__item-description,
.page-id-19141 .listing__item:first-child .listing__item-description,
.page-id-9241 .listing__item:first-child .listing__item-description {
    font-size: 24px;
    font-weight: 700;
    font-family: QanelasSoft
}

.what-will-i-learn .container .info-box .listing-box ul li span {
    font-size: 18px;
    font-weight: 400;
    font-family: QanelasSoft;
    margin-left: 15px
}

.tour .tour_video iframe {
    display: block;
    aspect-ratio: 16/9;
    height: auto
}

.customer-story__box-right {
    padding: 16px 36px
}

@media (min-width:1280px) {
    .story .item:first-child .item__head::before {
        margin-left: 50px
    }

    .story .item:nth-child(2) .item__head::before {
        margin-left: 55px
    }

    .trust__container {
        justify-content: center;
        gap: 45px;
        width: auto
    }
}

@media (max-width:767px) {

    .detail__info h1,
    .integration__subTitle,
    .started-box__description,
    .use-case-overview__description,
    .use-case-overview__title {
        text-align: center
    }

    .story .item {
        position: relative;
        overflow: hidden
    }

    .customer-story__box {
        padding-top: 30px;
        margin-right: 0
    }

    .customer-story__box-right {
        padding-bottom: 25px
    }

    .story .item::before {
        content: "";
        height: 420px;
        width: 3px;
        left: 7px;
        top: 40px;
        position: absolute
    }

    .story .item:first-child::before {
        background-image: url("./line.png")
    }

    .story .item:nth-child(2)::before {
        background-image: url("./line2.png")
    }

    .ask-block .container,
    .bg-detail .container,
    .container,
    .custom-block .container,
    .fixed-slide__container,
    .hor-tab .wrap,
    .integration-bg .container,
    .listing .wrap,
    .tour .container,
    .tour_grid-container,
    .upp-block .container {
        width: calc(100% - 64px);
        max-width: calc(100% - 64px)
    }

    .hor-tab {
        margin: 0 0 45px
    }

    .hor-tab .tabs__content,
    .hor-tab.withoutGrDes .wrap {
        padding-top: 0
    }

    .page.pillar .texts,
    .tour_grid-container {
        padding-top: 50px
    }

    .full-width-layout .listing__title,
    .hor-tab.withoutGrDes .hor-tab__detail-photo,
    .pillar-hero__bottomer {
        margin: 0 auto
    }

    .detail__info h1 {
        font-size: 27px
    }

    .detail__info .subtitle,
    .fixed-slide__content-item-description,
    .quote-block-v2__name,
    .tour_more a,
    .usp__description,
    .what-will-i-learn .container .info-box p {
        font-size: 16px
    }

    .detail__info .link {
        margin: 55px auto 0;
        padding: 12px;
        width: 100%;
        font-weight: 700;
        color: #fff
    }

    .detail__info p {
        margin-top: 5px
    }

    .home .usp {
        margin-bottom: 0
    }

    .usp .overflow svg {
        width: calc(100% + 150px);
        margin-left: -75px;
        height: 81px
    }

    .usp__container {
        width: 100%;
        padding: 45px 35px
    }

    .usp__title {
        font-size: 24px
    }

    .fixed-slide__content-item-title {
        font-size: 20px
    }

    .fixed-slide__content-item-icon {
        background-color: transparent;
        margin-bottom: 8px
    }

    .fixed-slide__content-item-icon img {
        max-width: 32px;
        width: 32px;
        height: 32px
    }

    .home .trust__container>* {
        flex: 1 1 30%
    }

    .home .trust {
        margin-bottom: 50px
    }

    .home .trust__title {
        margin-bottom: 33px
    }

    .use-case-overview {
        padding: 0 35px
    }

    .promotional__container {
        padding-top: 30px
    }

    .promotional__container .promotional__card {
        width: 143px;
        height: 77px;
        overflow: hidden
    }

    .promotional__wrap .owl-stage .owl-item>div {
        display: flex;
        flex-direction: column;
        gap: 8px
    }

    .promotional__wrap.mobile .promotional__inner>div {
        display: flex;
        flex-direction: column
    }

    .promotional__wrap.mobile .promotional__inner {
        width: auto;
        height: 100%;
        margin: 0;
        text-align: left;
        -moz-animation: 30s linear infinite scrollLeft;
        -webkit-animation: 30s linear infinite scrollLeft;
        animation: 30s linear infinite scrollLeft
    }

    @-moz-keyframes scrollLeft {
        0% {
            -moz-transform: translateX(50%)
        }

        100% {
            -moz-transform: translateX(-50%)
        }
    }

    @-webkit-keyframes scrollLeft {
        0% {
            -webkit-transform: translateX(50%)
        }

        100% {
            -webkit-transform: translateX(-50%)
        }
    }

    @keyframes scrollLeft {
        0% {
            -moz-transform: translateX(50%);
            -webkit-transform: translateX(50%);
            transform: translateX(50%)
        }

        100% {
            -moz-transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%)
        }
    }

    .promotional__inner {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100vw;
        justify-content: flex-start;
        overflow-x: scroll
    }

    .quote-block-v2 {
        background: #fff;
        position: relative;
        margin-top: 100px
    }

    .quote-block-v2 svg.first,
    .quote-block-v2 svg.second {
        width: 100%;
        position: absolute;
        transform: rotate(180deg)
    }

    .quote-block-v2 svg.first {
        position: absolute;
        top: -75px
    }

    .quote-block-v2 .photo {
        background: 0 0
    }

    .pricing-des-block .overflow.lst svg path,
    .quote-block-v2 svg.second path {
        fill: #f5f7fb
    }

    .quote-block-v2 svg.second {
        bottom: -80px
    }

    .quote-block-v2__container {
        padding-bottom: 70px
    }

    .quote-block-v2__photo {
        width: auto;
        height: auto;
        display: flex;
        align-items: flex-end
    }

    .quote-block-v2__info {
        margin-top: 10px
    }

    .quote-block-v2__photo .photo {
        margin-right: 16px
    }

    .quote-block-v2__photo img {
        width: 104px
    }

    .quote-block-v2__position {
        font-size: 14px
    }

    .quote-block-v2__info-text {
        font-size: 16px;
        text-align: left;
        background-image: url(/wp-content/themes/easygenerator/assets/images/quote.svg);
        background-repeat: no-repeat;
        padding-top: 25px
    }

    .home .interested .overflow,
    .hor-tab__description,
    .page-id-11640 .quote .overflow,
    .page-id-12035 .quote .overflow,
    .page-id-19141 .quote .overflow,
    .page-id-9241 .quote .overflow {
        display: none
    }

    .custom-block.reverse .container,
    .page.pillar .container {
        max-width: calc(100% - 64px)
    }

    .download-hero {
        padding-top: 5px
    }

    .pillar-hero__title {
        font-size: 32px;
        text-align: center
    }

    .pillar-hero__desc,
    .upp-block.second .upp-block__description span {
        font-size: 16px;
        line-height: 24px
    }

    .pillar-hero__data {
        margin-top: 0
    }

    .page.pillar .texts .left {
        font-size: 24px;
        text-align: left
    }

    .page.pillar .texts .right p {
        text-align: left;
        padding-bottom: 35px
    }

    .page.pillar .texts .right a {
        display: inline-block;
        margin: 0
    }

    .texts {
        padding-bottom: 0;
        padding-top: 0
    }

    .texts .left {
        font-size: 24px;
        font-weight: 700;
        line-height: 30px;
        text-align: left
    }

    .texts .right p,
    .tour_description,
    .upp-block__description {
        font-size: 16px;
        line-height: 24px;
        text-align: left
    }

    .texts .right a {
        margin: 0;
        display: initial
    }

    .hor-tab .wrap {
        padding-top: 60px
    }

    .hor-tab__description,
    .hor-tab__title {
        text-align: left;
        padding: 0
    }

    .hor-tab .tabs__caption {
        flex-direction: column;
        align-items: stretch;
        flex-wrap: nowrap
    }

    .hor-tab .tabs__caption li {
        border: none;
        font-size: 18px;
        font-weight: 700;
        position: relative;
        margin: 16px 0;
        padding: 0
    }

    .hor-tab .tabs__caption li::after {
        position: absolute;
        content: "";
        width: 9px;
        height: 5px;
        background: url(/wp-content/themes/easygenerator/assets/images/arrow-accordion.svg) bottom center no-repeat;
        top: 10px;
        right: 0;
        transition: .2s linear
    }

    .hor-tab .tabs__caption li.active::after {
        transform: rotate(180deg)
    }

    .hor-tab .tabs__caption li .info {
        font-size: 16px;
        font-weight: 400;
        color: #363e4e;
        margin-top: 8px;
        display: none
    }

    .ask-block .container .items .item.active .descr,
    .hor-tab .tabs__caption li.active .info,
    .tour_more a .icon {
        display: block
    }

    .hor-tab .tabs__caption li:hover {
        color: inherit
    }

    .hor-tab .tabs__caption li.active {
        border: none;
        color: #f16f41
    }

    .hor-tab .overflow.lst {
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }

    .custom-block.reverse .custom-block__wrap .custom-block__left,
    .custom-block__left img {
        transform: translateX(65px)
    }

    .hor-tab .overflow svg {
        height: 27px
    }

    .full-width-layout .listing__title {
        font-size: 24px;
        margin-bottom: 24px;
        text-align: left
    }

    .block-text-img__text,
    .custom-block-center__title,
    .custom-block__title,
    .listing__description,
    .pricing-des-block__title,
    .tabs__content .mobile p,
    .text-pic__description,
    .what-will-i-learn .container .info-box h3,
    .what-will-i-learn .container .info-box p {
        text-align: left
    }

    .listing__photo {
        width: 250px;
        height: 277px
    }

    .listing__item {
        padding: 0
    }

    .listing .listing__item-icon {
        position: initial;
        margin-bottom: 8px
    }

    .listing .listing__item-icon img {
        height: 24px;
        width: auto
    }

    .listing .listing__item-description {
        line-height: 24px
    }

    .upp-block {
        margin-bottom: 200px;
        position: relative
    }

    .upp-block__title {
        font-size: 32px;
        line-height: 39px
    }

    .upp-block__img img {
        width: 323px
    }

    .upp-block .link {
        border: 1px solid #fff;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        width: calc(100% - 64px);
        text-align: center;
        padding: 11px;
        position: absolute;
        bottom: -150px;
        overflow: hidden
    }

    .custom-block__item-text {
        padding-left: 30px
    }

    .ask-block .container .name,
    .upp-block.second .upp-block__title {
        font-size: 24px;
        text-align: left
    }

    .integration {
        min-height: 387px
    }

    .integration__description {
        font-size: 16px;
        text-align: left
    }

    .block-text-img__text p {
        padding-bottom: 35px
    }

    .hor-tab.withoutGrDes {
        margin: 0;
        padding: 0
    }

    .integration-bg {
        background: linear-gradient(1.8deg, rgba(252, 121, 75, .2) -21.8%, rgba(196, 196, 196, 0) 87.25%)
    }

    .integration__title {
        margin-bottom: 6px;
        font-size: 40px
    }

    .integration__subTitle {
        font-size: 28px;
        line-height: 34px
    }

    .hor-tab.withoutGrDes .tabs__caption li.active {
        background: 0 0;
        border: none;
        color: #f16f41
    }

    .pricing-des-block__image {
        width: 311px;
        height: 230px
    }

    .bg-detail .detail__info h1,
    .pricing-des-block__detail {
        margin-top: 35px
    }

    .pricing-des-block__description {
        font-size: 16px;
        text-align: left;
        line-height: 24px
    }

    .pricing-des-block .overflow.lst {
        transform: none;
        position: absolute;
        bottom: -65px
    }

    .pricing-des-block__images {
        justify-content: center
    }

    .pricing-des-block__images img {
        margin: 0 16px
    }

    .ask-block .container .items .item .title {
        position: relative;
        padding-right: 15px;
        font-size: 16px;
        line-height: 20px
    }

    .ask-block .container .items .item.active .title {
        color: #fc794b
    }

    .ask-block .container .items .item .title::after {
        position: absolute;
        content: "";
        width: 11px;
        height: 11px;
        background: url(/wp-content/themes/easygenerator/assets/images/ask-plus.svg) bottom center no-repeat;
        top: 6px;
        right: 0;
        transition: .2s linear
    }

    .ask-block .container .items .item.active .title::after {
        background: url(/wp-content/themes/easygenerator/assets/images/ask-minus.svg) bottom center no-repeat;
        top: 1px
    }

    .ask-block .container .items .item .descr {
        font-size: 16px;
        line-height: 24px;
        color: #363e4e;
        margin-top: 16px;
        display: none;
        transition: .2s linear
    }

    .interested__own-link a,
    .interested__own-link.right a {
        width: 100%;
        justify-content: center;
        align-items: center;
        padding: 12px 25px 11px;
        font-weight: 700;
        font-size: 16px
    }

    .tour_title {
        font-size: 32px
    }

    .tour_container {
        padding: 190px 0 10px
    }

    .tour_grid {
        padding: 0;
        position: relative
    }

    .tour_video {
        margin-top: -100px
    }

    .tour_video-cont {
        width: 100%;
        padding-bottom: 0
    }

    .tour_video,
    .tour_video .abs-icons {
        height: 175px
    }

    .tour_grid .overflow.lst {
        position: absolute;
        transform: rotate(180deg);
        bottom: -35px
    }

    .header__main .container,
    .page-id-19799 .tour_grid .overflow svg {
        width: 100%
    }

    .page-id-19799 .tour_grid .overflow svg path {
        fill: #fff
    }

    .custom-block__left,
    .what-will-i-learn .container .laptop-placeholder img {
        width: 500px
    }

    .page-id-11640 .listing__photo,
    .page-id-12035 .listing__photo,
    .page-id-19141 .listing__photo,
    .page-id-9241 .listing__photo {
        width: 359px
    }

    .page-id-11640 .listing__item:first-child .listing__item-description,
    .page-id-12035 .listing__item:first-child .listing__item-description,
    .page-id-19141 .listing__item:first-child .listing__item-description,
    .page-id-9241 .listing__item:first-child .listing__item-description {
        font-size: 24px
    }

    .page-id-11640 .l-block,
    .page-id-12035 .l-block,
    .page-id-19141 .l-block,
    .page-id-9241 .l-block {
        flex-direction: column-reverse
    }

    .page-id-11640 .quote,
    .page-id-12035 .quote,
    .page-id-19141 .quote,
    .page-id-9241 .quote {
        background-color: #fff
    }

    .listing__item:nth-child(3) {
        margin-bottom: 40px
    }

    .tour_more {
        padding-bottom: 55px;
        margin: 0;
        text-align: center;
        width: 100%
    }

    .tour_more a span:first-child {
        max-width: 70%
    }

    .fullwidth__head .line {
        bottom: 2px
    }

    .fullwidth__head .ebook__title {
        font-size: 32px;
        transform: translateY(-100%)
    }

    .ebook__subtitle {
        font-size: 14px;
        top: 40%;
        line-height: 16px
    }

    .fullwidth__head {
        margin-top: 40px;
        height: 300px
    }

    body.admin-bar .fullwidth__head {
        margin-top: -17px;
        height: 300px
    }

    .custom-block__left img {
        width: 100%
    }

    .text-pic__description ul {
        padding-left: 0
    }

    .pricing-des-block {
        margin-top: 0
    }

    .story-wrap .story-content img {
        width: 100%;
        height: auto
    }
}

@media (max-width:1030px) {

    .inspire .slider .owl-carousel,
    .inspire .slider .owl-carousel-2 {
        flex-direction: column;
        align-items: center;
        position: relative
    }
}

@media (max-width:1280px) {
    .page-margins {
        margin: 0 60px
    }

    .page-paddings {
        padding: 0 60px
    }

    .page-margin-left {
        padding: 0 0 0 60px
    }

    .page-margin-right {
        padding: 0 60px 0 0
    }

    .block-header-use-cases .shape-text-center {
        text-align: center;
        max-width: 100%
    }

    .block-header-use-cases div.heading {
        max-width: 100%;
        text-align: left;
        margin: 0 auto;
        width: 100%;
        padding: 34px 24px;
        position: static
    }

    .block-header-use-cases .image {
        float: none;
        margin: 0 auto;
        padding-top: 200px
    }

    .block-header-use-cases div.shape,
    .owl-nav.disabled {
        display: none
    }

    .block-header-use-cases .text {
        margin: 0 auto;
        float: none;
        width: 100%
    }

    .block-header-use-cases .heading>div {
        float: none;
        text-align: center
    }

    .block-header-use-cases .heading a {
        display: block
    }

    .ebook-cards .ebook-cards__item {
        width: calc(50% - 30px)
    }

    .download-second .key-insight .container .insight-images {
        max-width: fit-content
    }

    .download-second .key-insight .container .insight-images img {
        max-height: 550px
    }

    .page-id-20878 .l-block,
    .page-id-20901 .l-block,
    .page-id-20906 .l-block,
    .page-id-20912 .l-block {
        flex-direction: column-reverse
    }

    .l-block {
        flex-direction: column;
        margin: 65px auto
    }

    .l-block .left {
        margin-bottom: 50px
    }

    .teams .container .items {
        padding-top: none
    }

    .star-question div {
        margin-top: -120px
    }

    .inspire .slider .item .photo {
        width: 398px;
        height: 246px
    }

    .inspire .slider .owl-stage {
        display: flex;
        align-items: center;
        flex-direction: row
    }

    .inspire {
        padding-bottom: 0
    }

    .inspire .container .slider .owl-carousel .owl-stage-outer {
        padding: 43px 0 0
    }

    .inspire .slider .owl-item {
        width: 100%
    }

    .inspire .slider .owl-theme .owl-dots .owl-dot {
        border: none;
        background: 0 0
    }

    .inspire .slider .owl-item .owl-dots .owl-dot.active span,
    .inspire .slider .owl-item .owl-dots .owl-dot.hover span {
        background: #869791
    }

    .inspire .slider .owl-carousel-2 .owl-stage-outer {
        padding: 35px 0 80px
    }

    .inspire:before {
        content: none
    }

    .l-block .right {
        margin-bottom: 15px;
        -webkit-transform: none;
        transform: none;
        width: 100%
    }

    .story .story-grid .item__head-text {
        padding-right: 5px
    }
}

@media (min-width:768px) {
    .customer-review {
        margin-bottom: 170px
    }

    .customer-review .container .review-box {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .customer-review .container .review-box h3 {
        margin-bottom: 24px
    }

    .teams .container .items .box {
        display: flex;
        align-items: center
    }

    .quote .quote-box .quote-box__photo .hide {
        display: none
    }

    .story .container {
        padding: 0 32px
    }

    .story .head-box {
        align-items: center
    }

    .story .item .item__head {
        overflow: hidden;
        position: relative
    }

    .story .item .item__head::before {
        content: "";
        height: 175px;
        max-height: 320px;
        width: 3px;
        transform: rotate(90deg);
        position: absolute;
        margin-left: 30px
    }

    .story .item:first-child .item__head::before {
        background-image: url("./line.png");
        left: 190px
    }

    .story .item:nth-child(2) .item__head::before {
        background-image: url("./line2.png");
        left: 170px
    }
}

@media (max-width:768px) {
    .career-vacancy_gate h2 {
        padding: 26.5px 0 60px;
        font-size: 24px;
        text-align: left
    }

    .vacancy_gate-filters .select {
        width: calc(50% - 4px)
    }

    .vacancy-card-list ul li {
        width: 100%;
        text-align: -webkit-center;
        margin: 8px 0
    }

    .vacancy-card-list ul li:first-child {
        margin-top: 0
    }

    .vacancy_gate-filters .select-options li {
        padding: 3px 10px
    }

    .career-reviews .rating .frame,
    .interested__own-link,
    .l-block .right {
        width: 100%
    }

    .customer-stories .container,
    .interested .container,
    .l-block {
        max-width: 768px
    }

    .star-question,
    .teams .container .name {
        font-family: QanelasSoft;
        font-weight: 600
    }

    .owl-carousel .owl-stage-outer {
        overflow: visible
    }

    .customer-review .container .comments-placeholder {
        display: block;
        height: auto;
        width: 100%;
        max-width: 3000px
    }

    .customer-review .container .comments-placeholder .owl-stage-outer .owl-stage .owl-item {
        right: 30px
    }

    .customer-review .container .comments-placeholder .owl-stage-outer .owl-stage .owl-item>div {
        height: 100%
    }

    .customer-review .container .comments-placeholder .owl-stage-outer {
        float: none;
        overflow: visible
    }

    .customer-review .container .comments-placeholder .owl-stage-outer .owl-stage {
        width: 100%;
        display: flex
    }

    .customer-stories .container .customer-stories-cards .story-card-description .conversion,
    .ebook-cards .ebook-cards__item:hover .hover,
    .gate .container .gate-items .gate-item .description,
    .gate .container .gate-items .gate-item .name,
    .gate .container .title,
    .get-started .started-box .line,
    .inspire .container .slider .owl-carousel .owl-dots,
    .inspire .slider .item .photo:hover .shadow,
    .inspire a.desktop,
    .page-blog .filter,
    .page-blog .first-items .info__description,
    .page-blog .grid-items .post__description,
    .post__description,
    .quote .quote-box .detail-info p,
    .story-card-hover,
    .vacancy_desktop {
        display: none
    }

    .block-header-use-cases div.heading {
        font-size: 32px;
        line-height: 39px;
        font-family: QanelasSoft, sans-serif
    }

    .block-header-use-cases .heading span {
        font-family: "IowanOldSt BT";
        font-size: 16px;
        line-height: 24px
    }

    .banner .left .banner__title,
    .block-header-use-cases .heading a,
    .career-header .career-container .career--left-side .top-subtitle p,
    .download-second .ready-create-box .ready-create .ready-create-text-box .btn-box .btn-demo,
    .download-second .ready-create-box .ready-create .ready-create-text-box .btn-box .btn-trial,
    .download-second .ready-create-box .ready-create .ready-create-text-box .text {
        font-size: 16px
    }

    .block-header-use-cases .image img {
        padding: 0 20px
    }

    .story .container .story-grid .item,
    .teams .container .items {
        padding: 0
    }

    .teams .box-btn-text .link {
        text-align: center;
        width: 100%;
        font-size: 16px;
        padding: 10px 45px
    }

    .customer-stories .customer-stories-cards .customer-story-card:nth-child(3n),
    .teams .container .items .box.reverse .info {
        margin-right: 0
    }

    .teams .box-btn-text .text {
        font-size: 20px;
        line-height: 24.46px;
        margin-bottom: 16px
    }

    .teams .container .items .box .info .title {
        text-align: left;
        font-size: 24px;
        line-height: 28px
    }

    .teams .container .items .box .info .description {
        text-align: left;
        font-size: 16px;
        line-height: 24px
    }

    .teams .container .items .box .photo {
        width: 330px;
        height: 252px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        margin-top: 56px
    }

    .container__logo .photo-box .photo-box__item {
        margin: 0 auto 35px
    }

    .star-question {
        color: #fc794b;
        text-align: center;
        line-height: 24px;
        font-size: 18px;
        padding: 60px 32px
    }

    .star-question div {
        margin: 60px 0
    }

    .inspire {
        padding-bottom: 40px
    }

    .inspire .container .inspire__title {
        font-size: 20px;
        line-height: 23px;
        margin-top: 40px
    }

    .inspire .container .inspire__description {
        margin-top: 10px;
        font-size: 16px;
        line-height: 24px
    }

    .inspire .slider .item .photo a.mobile {
        width: 100%;
        height: 100%
    }

    .inspire .container .slider .owl-carousel .owl-stage-outer {
        padding: 43px 0 0
    }

    .inspire .slider .item:first-child,
    .partner-ship.web-head .partner-ship__author,
    .webinar-past .webinar-past__author {
        margin-bottom: 16px
    }

    .inspire .slider .item .photo {
        width: 100%;
        height: 217px;
        background-size: contain
    }

    .get-started .container a {
        width: 100%;
        margin: 32px auto;
        display: block;
        border-radius: 36px
    }

    .get-started .container .started-box .started-box__title {
        font-size: 24px;
        line-height: 28px
    }

    .get-started .container .started-box .started-box__description {
        font-size: 16px;
        line-height: 24px;
        margin: 24px 0 32px;
        text-align: left
    }

    .quote .container {
        max-width: 768px;
        padding: 0 32px
    }

    .block-header-industry .text,
    .download-second .key-insight .container .insights .insight .description,
    .quote .container .quote-box .detail-info h3 {
        font-size: 16px;
        line-height: 24px
    }

    .quote .quote-box {
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 0
    }

    .quote .quote-box .quote-box__photo {
        height: 150px
    }

    .quote .container .quote-box .quote-box__photo {
        display: flex;
        align-items: center;
        margin: 0;
        width: 100%
    }

    .quote .container .quote-box .quote-box__photo img {
        height: 100px;
        width: 100px
    }

    .quote .container .quote-box .quote-box__photo video {
        width: 104px;
        height: 101px;
        margin-right: 15px
    }

    .quote .quote-box .quote-box__photo .hide {
        padding-left: 17px
    }

    .quote .container .quote-box .quote-box__photo span {
        font-weight: 700;
        font-size: 18px;
        line-height: 24px
    }

    .quote .container .quote-box .quote-box__photo p {
        font-family: IowanOldSt BT;
        font-size: 16px;
        line-height: 24px;
        color: #848fa3
    }

    .story .container .head-box,
    .story-wrap .story-content h1 {
        align-items: flex-start
    }

    .story .container .head-box .detail-story__title {
        margin: 20px 0 14px;
        font-size: 24px;
        line-height: 28px;
        text-align: left
    }

    .story .container .head-box .detail-story__description {
        text-align: left;
        font-size: 16px;
        line-height: 24px;
        font-family: "IowanOldSt BT"
    }

    .story .container .story-grid .item .item__head .item__head-text {
        margin-left: 10px
    }

    .story .container .story-grid .item .item__title {
        margin-left: 30px;
        margin-bottom: 8px
    }

    .story .container .story-grid .item .item__text {
        margin-left: 30px;
        font-family: "IowanOldSt BT";
        line-height: 24px
    }

    .customer-stories .container h2 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 24px
    }

    .customer-stories .container .customer-stories-cards {
        margin-top: 0
    }

    .customer-stories .container .customer-stories-cards a {
        margin-right: 0;
        margin-left: 0
    }

    .customer-stories .container .customer-stories-cards .story-card-description {
        padding: 0 16px 24px;
        margin-top: 24px
    }

    .customer-stories .container .customer-stories-cards .story-card-description .description {
        margin-bottom: 0;
        font-size: 16px;
        line-height: 22px
    }

    .customer-stories .customer-stories-cards .customer-story-card:hover,
    .template .wrap .elem:hover .elem__con-text {
        transform: none
    }

    .customer-stories .customer-stories-cards .customer-story-card {
        max-width: 360px
    }

    .ebook-template-default .customer-stories .customer-stories-cards .customer-story-card .story-card-image,
    .page-id-7538 .customer-stories .customer-stories-cards .customer-story-card .story-card-image {
        width: 100%;
        height: 133px;
        background-position: right;
        background-repeat: no-repeat;
        background-size: contain
    }

    .ebook-template-default .customer-stories .container .customer-stories-cards .story-card-description,
    .page-id-7538 .customer-stories .container .customer-stories-cards .story-card-description {
        margin-top: 0;
        padding: 8px 16px 16px
    }

    .btn-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .get-started .started-box {
        padding-bottom: 35px
    }

    .get-started .started-box .started-box__link {
        width: 100%;
        justify-content: center;
        margin: 0
    }

    .get-started .started-box .started-box__link:last-child {
        margin-top: 16px
    }

    .teams .container .name {
        color: #363e4e;
        text-align: center;
        line-height: 26px;
        font-size: 24px;
        padding: 40px 0
    }

    .block-header-industry .heading {
        font-size: 32px;
        width: auto;
        margin: 0;
        line-height: 39px
    }

    .block-header-industry .category,
    .webinar__learn {
        padding-bottom: 0
    }

    .l-block {
        padding: 0 32px;
        width: auto;
        align-items: flex-start
    }

    .l-block .left .l-block__title {
        font-size: 24px;
        line-height: 29px
    }

    .l-block .left .l-block__description {
        font-size: 16px;
        line-height: 24px;
        font-family: "IowanOldSt BT";
        margin-bottom: 16px
    }

    .interested {
        margin-top: 80px
    }

    .interested .container .interested__title {
        font-size: 24px;
        line-height: 29px;
        margin: 0 0 24px;
        padding-top: 0
    }

    .interested .container .interested__description {
        font-family: IowanOldStyle, serif;
        font-size: 16px;
        line-height: 1.61;
        text-align: left
    }

    .interested__btns {
        gap: 20px
    }

    .interested__own-link a {
        width: 100%;
        justify-content: center;
        align-items: center
    }

    .career-header {
        height: auto
    }

    .career-header .career-bg {
        height: 774px
    }

    .career-header .career-container .career--left-side .top-title h1 {
        font-size: 32px
    }

    .career-header .career-container .career--left-side .top-subtitle a {
        display: block;
        width: 100%;
        text-align: center
    }

    .career-header .career-container .career--left-side {
        padding-left: unset;
        align-items: center;
        padding-top: 15px;
        max-width: 470px;
        text-align: left;
        margin: 0 auto
    }

    .customer-review .container .review-box .info p,
    .template .new-box .template-title {
        font-size: 16px;
        margin-bottom: 0
    }

    .download-first .header-extra-form {
        margin-top: 0;
        margin-bottom: 80px
    }

    .download-first .header-extra-form .container {
        padding: 0 24px;
        max-width: 768px
    }

    .download-first .header-extra-form .container .author .author-box {
        flex-direction: column-reverse
    }

    .download-first .header-extra-form .container .author .author-box .author-photo-box {
        margin: 0 0 24px
    }

    .download-first .header-extra-form .container .author .author-box .author-box__detail .author-box__title {
        font-size: 24px;
        font-family: QanelasSoft;
        font-weight: 700;
        line-height: 29.35px;
        margin-bottom: 16px
    }

    .download-first .header-extra-form .container .author .author-box .author-box__detail .author-box__description {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 50px
    }

    .download-first .download-resourse-form h2,
    .pillar-text h2 {
        font-size: 24px
    }

    .download-first .hbspt-form {
        padding: 24px 17px 50px;
        margin-top: 0
    }

    .download-first .hbspt-form .custom-hbspt .hs_submit .actions {
        padding-top: 44px
    }

    .download-first .hbspt-form .custom-hbspt .custom-hbspt-btn {
        width: 100%;
        max-width: 295px;
        font-size: 16px;
        padding: 12px
    }

    .download-second .key-insight .container {
        padding: 50px 0
    }

    .download-second .key-insight .container .insights:last-of-type {
        margin-bottom: 30px
    }

    .download-second .key-insight .container .insights .insight .check-placeholder {
        padding-bottom: 8px
    }

    .download-second .key-insight .container .insights .insight .title__heading {
        font-size: 20px;
        line-height: 24px
    }

    .download-second .key-insight .container .insights .insight .title {
        flex-direction: column;
        align-items: flex-start
    }

    .pillar-text .img,
    .pillar-text img {
        height: 240px;
        object-fit: cover;
        margin: 0
    }

    .courses .content,
    .page-id-7538 .text-container,
    .webinar-single .trust {
        padding: 0 24px
    }

    .download-second .ready-create-box .container {
        max-width: 768px;
        padding: 80px 24px 50px
    }

    .download-second .ready-create-box .ready-create .img-placeholder {
        background-position: center;
        background-size: contain
    }

    .download-second .ready-create-box .ready-create .ready-create-text-box h2,
    .webinar__title-block,
    .webinar__title-block.past {
        font-size: 24px;
        margin-bottom: 16px
    }

    .download-second .ready-create-box .ready-create .ready-create-text-box .btn-box .btn {
        min-width: 311px
    }

    body.page-template-default #breadcrumbs a {
        color: #f0754d
    }

    body.page-template-default #breadcrumbs svg path {
        stroke: #f0754d
    }

    .page-blog .blog-container {
        max-width: 768px;
        padding: 0 24px
    }

    .page-blog .first-items {
        padding: 0;
        border-radius: 10px;
        margin-bottom: 25px;
        box-shadow: 0 15px 30px rgba(54, 62, 78, .1);
        max-width: 450px;
        width: 100%
    }

    .page-blog .first-items .info {
        padding: 32px 16px 20px;
        width: 100%
    }

    .page-blog .first-items .info__title {
        font-size: 18px;
        margin-bottom: 11px;
        line-height: 22px
    }

    .page-blog .first-items .info__tag {
        font-size: 14px;
        position: static;
        margin-bottom: 8px
    }

    .page-blog .first-items .photo {
        width: 100%;
        height: 200px
    }

    .page-blog .grid-items {
        max-width: 450px;
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .page-blog .grid-items .post:last-child {
        margin-bottom: 60px
    }

    .page-blog .grid-items .post {
        width: 100%;
        margin-bottom: 40px
    }

    .single-post-related .post {
        width: 100%;
        box-shadow: 0 15px 30px rgb(54 62 78 / 10%);
        margin: 8px 0
    }

    .post__tag {
        margin: 24px 0 8px;
        font-size: 14px
    }

    .post__title {
        font-size: 16px;
        margin-bottom: 8px;
        font-weight: 500;
        padding: 0 15px;
        line-height: 19.3px
    }

    .post__photo {
        height: 220px;
        max-height: 126px;
        border-radius: 5px 5px 0 0
    }

    .courses .sidebar__search-form:before,
    .single-post-related .post__photo img,
    .webinar .wrap-nav .search-form:before {
        width: 100%
    }

    .post__photo img {
        object-fit: cover
    }

    .gate,
    .single-webinar.logged-in #app {
        padding-top: 40px
    }

    .gate .container {
        max-width: 768px;
        padding: 0 32px;
        display: flex;
        flex-direction: column
    }

    .gate .container .gate-items .gate-item .photo {
        position: relative;
        max-width: 400px;
        width: 100%;
        max-height: 126px
    }

    .gate .container .gate-items .gate-item .photo img {
        position: absolute;
        height: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%
    }

    .gate .container .gate-items .gate-item .text-image {
        position: absolute;
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
        z-index: 5;
        top: 16px;
        right: 16px;
        left: 16px;
        color: #fff;
        width: 200px
    }

    .find-position .train-template__btn.mob,
    .template .new-box svg,
    .vacancy_mobile,
    .webinar__speakers-item.mob {
        display: block
    }

    .gate .container .gate-items {
        width: 100%;
        max-width: 400px
    }

    .gate .container .gate-items .gate-item {
        margin: 0 0 16px;
        width: 100%;
        max-width: 400px;
        max-height: 126px
    }

    .ebook-cards {
        gap: 24px
    }

    .ebook-cards .ebook-cards__item .hover .excerpt {
        position: absolute;
        left: 15px;
        top: 15px;
        right: 15px;
        font-size: 12px;
        line-height: 20px
    }

    .ebook-cards .ebook-cards__item .hover .link a {
        padding: 10px 40px
    }

    .ebook-cards .ebook-cards__item .hover .link {
        bottom: 10px
    }

    .ebook-cards .ebook-cards__item:hover .non-hover {
        filter: none
    }

    .ebook-cards .ebook-cards__item a {
        text-decoration: unset
    }

    .ebook-cards .ebook-cards__item {
        width: calc(50% - 12px);
        height: auto;
        min-height: 300px
    }

    .ebook-cards .ebook-cards__item .non-hover .title {
        font-size: 14px;
        padding: 24px 14px 0;
        line-height: normal;
        visibility: visible;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .ebook-cards .ebook-cards__item .non-hover .ebook-card {
        flex: 1;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
        max-height: 200px;
        min-height: 130px
    }

    .page-id-7225 .download-second .ready-create-box .ready-create {
        flex-direction: column
    }

    .page-id-7225 .download-second .ready-create-box .container {
        padding: 70px 24px 40px
    }

    .page-id-7225 .download-second .ready-create-box .ready-create .img-placeholder {
        height: 270px
    }

    .webinar .container,
    .webinar-past .web-video,
    .webinar-single .container,
    .webinar__wrap {
        width: 100%;
        max-width: 768px;
        padding: 0 24px
    }

    .webinar .wrap-card .abs-fire-text {
        top: 16px
    }

    .webinar__card {
        min-height: auto
    }

    .webinar__card:hover .bg-hover {
        opacity: 0
    }

    .webinar__card:hover .webinar__card-bg {
        opacity: 1
    }

    .webinar__card .webinar__card-date {
        flex-direction: row
    }

    .webinar__card .webinar__card-date .svg-name .webinar-time {
        font-weight: 700;
        margin-right: 0
    }

    .partner-ship.web-head .partner-ship__card-date .svg-name,
    .webinar-past .webinar-past__card-date .svg-name,
    .webinar__card .webinar__card-date .svg-name:first-child {
        margin-right: 24px
    }

    .courses .content .big-item,
    .webinar__card .webinar__card-man,
    .webinar__learn .webinar__learn-item-icon {
        margin-top: 0
    }

    .webinar__card.hot .webinar__card-bg {
        padding-top: 70px
    }

    .webinar__card .webinar__card-bg {
        padding: 32px 10px 32px 16px
    }

    .webinar-past .wrap-head-past-webinar {
        padding: 22px 24px 0;
        margin: 0 auto 24px
    }

    .banner .left .banner__btn,
    .banner .right:before,
    .course-library-template-default .courses .sidebar,
    .courses .content .big-item__link,
    .courses .content .small-container,
    .find-position .train-template__btn,
    .partner-ship.web-head .partner-ship__breadcrumbs,
    .partner-ship.web-head .partner-ship__label,
    .related-template .wrap::before,
    .template .wrap .elem .btn-cont,
    .template .wrap .elem .elem__con-text .elem__description,
    .webinar-past .webinar-past__breadcrumbs,
    .webinar-past .webinar-past__label,
    .webinar__speakers-item,
    .webinar__wrap .wrap-card .webinar__card .abs-register {
        display: none
    }

    .get-started .started-box .started-box__second-link {
        margin: 25px
    }

    .partner-ship.web-head .partner-ship__title,
    .webinar-past .webinar-past__title {
        text-align: left;
        margin: 0 auto 16px
    }

    .partner-ship.web-head .partner-ship__card-date,
    .webinar-past .webinar-past__card-date {
        flex-direction: row;
        justify-content: flex-start;
        margin-bottom: 24px
    }

    .partner-ship.web-head .partner-ship__description {
        font-size: 14px;
        text-align: left;
        margin-bottom: 33px
    }

    .partner-ship.web-head .partner-ship__author-name,
    .partner-ship.web-head .partner-ship__author-position,
    .webinar-past .webinar-past__author-name,
    .webinar-past .webinar-past__author-position {
        font-size: 14px
    }

    .partner-ship.web-head .partner-ship__card-date .svg-name .webinar-time,
    .webinar-past .webinar-past__card-date .svg-name .webinar-time {
        font-size: 12px
    }

    .partner-ship.web-head .partner-ship__authors,
    .webinar-past .webinar-past__authors {
        justify-content: flex-start
    }

    .partner-ship__form {
        width: 100%;
        max-width: 450px;
        margin-top: 40px;
        border-radius: 4px
    }

    .partner-ship__form-title {
        margin: 28px 38px 24px;
        text-align: center;
        font-size: 24px;
        font-weight: 600
    }

    .find-position .content-info p,
    .webinar-past .text-group-info,
    .webinar__simple-text-description {
        line-height: 24px
    }

    .find-position .train-template__description,
    .find-position .train-template__title,
    .webinar__learn .webinar__learn-title,
    .webinar__simple-text-description,
    .webinar__simple-text-title,
    .webinar__speakers .webinar__speakers-title {
        text-align: left
    }

    .webinar__learn .webinar__learn-item {
        margin: 0 0 16px
    }

    .webinar__speakers .webinar__speakers-item {
        margin: 0
    }

    .webinar-single .trust .trust__description {
        padding: 60px 0 0;
        font-size: 16px;
        line-height: 24px
    }

    .download-second .hbspt-form .custom-hbspt .hs_submit .actions {
        padding: 0 0 40px;
        text-align: center;
        width: 100%;
        max-width: 350px
    }

    .download-second .hbspt-form .custom-hbspt .custom-hbspt-btn {
        font-size: 16px;
        padding: 11px;
        width: 100%
    }

    .webinar__wrap .subscribe__banner {
        height: 270px;
        width: 100%
    }

    .webinar__wrap .subscribe__banner.submitted {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-weight: 700;
        height: 170px;
        width: 100%;
        background-position: left 40% top;
        background-repeat: no-repeat
    }

    .webinar__wrap .subscribe__banner .hs_submit.hs-submit .actions input {
        width: calc(100% - 40px);
        left: 20px;
        font-size: 16px;
        margin-bottom: 15px;
        padding: 8px !important
    }

    .webinar__speakers-item.mob .webinar__speakers-item-speaker {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 16px
    }

    .webinar__speakers-item.mob .webinar__speakers-item-info {
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    .webinar__speakers-item.mob .webinar__speakers-item-detail-description {
        text-align: left;
        line-height: 24px;
        font-size: 16px
    }

    .webinar__speakers-item.mob .webinar__speakers-item-icon {
        margin: 0 16px 0 0
    }

    .single-webinar #app {
        padding-top: 72px
    }

    .courses,
    .find-position .train-template__info {
        padding-top: 0
    }

    .find-position .train-template {
        flex-direction: column
    }

    .find-position .train-template__title,
    .subscribe__banner-success {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 8px
    }

    .find-position .train-template__description {
        color: #363e4e;
        line-height: 24px;
        font-weight: 400;
        margin: 10px 0 32px;
        padding: 0
    }

    .related-template .related-template__title {
        font-size: 24px;
        text-align: center
    }

    .banner {
        flex-direction: column;
        padding: 42px 24px 24px
    }

    .banner .right {
        height: auto;
        width: 100%;
        margin-top: 24px
    }

    .banner .left {
        text-align: center
    }

    .banner .right .banner__btn.mob {
        display: block;
        position: absolute;
        bottom: 45px;
        width: 100%
    }

    .banner .right .banner__btn.mob a,
    .find-position .train-template__btn.mob a {
        border-radius: 29px;
        background-image: linear-gradient(to left, #ffa246, #e14a53);
        padding: 12px;
        font-size: 16px;
        text-align: center;
        text-decoration: none;
        transition: .3s ease-in;
        position: relative;
        z-index: 1;
        color: #fff;
        display: block
    }

    .find-position .train-template__btn.mob a span,
    .subscribe__banner-text {
        font-size: 16px;
        font-weight: 500;
        line-height: 19px
    }

    .find-position .train-template__photo {
        width: 100%;
        height: 100%;
        margin-bottom: 0;
        max-width: 550px
    }

    .template .wrap::before {
        content: "";
        width: 100%;
        margin-bottom: 20px;
        border-bottom: 1px solid rgba(54, 62, 78, .5)
    }

    .template .new-box svg {
        transform: rotate(-180deg);
        transition: .25s ease-out
    }

    .courses .positon {
        flex-direction: row-reverse;
        justify-content: space-between;
        position: static
    }

    .courses .sidebar__categories {
        top: 50px;
        height: auto
    }

    .courses .sidebar__links {
        margin-bottom: 0
    }

    .webinar .wrap-nav {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        height: 40px
    }

    .webinar .wrap-nav .custom-select-webinar .s-hidden {
        padding-right: 80px
    }

    .courses .sidebar,
    .courses .sidebar__search-form {
        height: 40px
    }

    .webinar .wrap-nav .custom-select-webinar .select {
        margin-bottom: 0;
        white-space: nowrap
    }

    .courses .sidebar__categories-toggle {
        display: flex;
        white-space: nowrap;
        overflow: hidden;
        transition: none
    }

    .courses .sidebar__categories-toggle,
    .webinar .wrap-nav .custom-select-webinar {
        max-width: 250px;
        margin-top: 5px
    }

    .courses .sidebar__categories-toggle span {
        margin-right: 80px
    }

    .courses .sidebar__search-form.full,
    .webinar .wrap-nav .search-form.full {
        width: 100%;
        margin-right: 0
    }

    .webinar .wrap-nav .search-form {
        margin-left: auto
    }

    .courses .sidebar__search-form,
    .webinar .wrap-nav .search-form {
        width: 0;
        max-width: 450px;
        margin-right: 20px
    }

    .courses .sidebar__search-form .field-group input,
    .webinar .wrap-nav .search-form .field-group input {
        font-size: 14px;
        padding-right: 0
    }

    .courses .sidebar__search-form:hover:before,
    .webinar .wrap-nav .search-form:hover:before {
        bottom: 0
    }

    .template .wrap .elem {
        box-shadow: 0 4px 16px 0 rgb(54 62 78 / 14%)
    }

    .courses .content .big-item,
    .template .wrap .elem {
        display: flex;
        align-items: center;
        padding-bottom: 0;
        height: 100px;
        border-radius: 5px;
        border: none;
        min-height: auto
    }

    .orange-title {
        margin-top: 40px;
        font-size: 20px;
        line-height: 24px;
        color: #fc794b;
        margin-bottom: 16px
    }

    .courses .content .big-item__photo-mobile,
    .template .wrap .elem .elem__photo {
        clip-path: circle(100% at left);
        max-width: 100px;
        height: 100px;
        border-radius: 5px 0 0 5px
    }

    .courses .content .big-item__name,
    .template .wrap .elem .elem__con-text .elem__name {
        display: flex;
        align-items: center;
        font-size: 16px;
        padding: 10px 10px 10px 16px;
        height: auto
    }

    .template .new-box {
        padding-bottom: 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 16px
    }
}

.customer-review .container .review-box .info p,
.quote .container .quote-box .quote-box__photo p,
.teams .container .items .box .info .description {
    font-family: IowanOldStyle, serif;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.quote .container .quote-box .detail-info h3,
.quote .container .quote-box .quote-box__photo span {
    font-family: QanelasSoft
}

@media (max-width:480px) {
    .ebook-cards .ebook-cards__item {
        min-height: 213px
    }

    .ebook-cards .ebook-cards__item .non-hover .ebook-card {
        max-height: 130px
    }

    .ebook-cards .ebook-cards__item .non-hover .title {
        font-size: 12px
    }

    .career-header .career-bg {
        height: 750px
    }

    .career-header .career-container .career--left-side {
        padding-top: 15px
    }

    .career-header .career-container .career--left-side .top-subtitle {
        margin-top: 10px
    }

    .quote .container .quote-box .quote-box__photo span {
        font-size: 16px;
        line-height: 24px
    }

    .quote .container .quote-box .quote-box__photo p {
        font-size: 14px;
        line-height: 24px;
        color: #848fa3
    }

    .download-first .header-extra-form .container .author .author-box .author-photo-box .author__photo {
        max-height: 226px
    }

    .page-id-7225 .download-second .ready-create-box .ready-create .ready-create-text-box .text,
    .page-id-7225 .download-second .ready-create-box .ready-create .ready-create-text-box h2 {
        text-align: left
    }
}

@media (max-width:374px) {
    .customer-review .container .comments-placeholder .owl-stage-outer .owl-stage .owl-item {
        right: 30px
    }

    .inspire .slider .item .photo {
        width: 300px;
        height: 190px
    }
}

.solutions-bg {
    margin-top: -134px;
    overflow: hidden
}

@media (max-width:2921px) {
    .solutions-logo-line-container {
        padding: 10px 0;
        margin: -15px 380px 82px
    }

    .solutions-logo-line {
        background: linear-gradient(90deg, rgba(54, 62, 78, .1) 0, rgba(54, 62, 78, 0) 96.37%);
        border-radius: 4px;
        padding: 16px 20px 25px;
        max-width: 850px;
        display: grid;
        grid-template-rows: 0.7fr 1fr;
        align-items: center
    }

    .usp-statistics-gradient,
    .usp-statistics-gradient-new {
        grid-template-rows: 1fr;
        display: grid
    }

    .solutions-logo-line-tagline {
        font-weight: 400;
        font-size: 20px;
        line-height: 32px;
        text-align: center;
        color: rgba(54, 62, 78, .56);
        padding: 5px 0
    }

    .solutions-logo-line-logos {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        align-items: end
    }

    .solutions-logo-line-logos img {
        max-width: 150px;
        margin-right: 10px
    }

    .solutions-usp-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 55px;
        margin: 62px 380px;
        grid-template-areas: "left right";
        align-items: center;
        justify-content: space-evenly
    }

    .solutions-usp-right {
        grid-area: right
    }

    .solutions-usp-left {
        grid-area: left
    }

    .solutions-usp-container .image-block img {
        max-width: 527px
    }

    .usp-img-right {
        padding-left: 2px
    }

    .solutions-usp-container .text-block .heading {
        font-style: normal;
        font-weight: 700;
        font-size: 38px;
        line-height: 48px;
        color: #363e4e
    }

    .solutions-usp-container .text-block .subheading {
        font-family: IowanOldStyle;
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 32px;
        color: #363e4e;
        margin-top: 11px
    }

    .usp-statistics-block-container {
        display: grid;
        grid-template-columns: 0.3fr 0.3fr;
        margin-top: 48px
    }

    .usp-blur-bg {
        grid-area: 1/1/span 1/span 2;
        grid-area: 1/1/span 1/span 1
    }

    .usp-statistics-gradient-new {
        grid-template-columns: 1fr;
        align-items: center
    }

    .gradient-rainbow {
        grid-area: 1/1/span 1/span 1;
        height: 143px;
        width: -webkit-fill-available
    }

    .usp-statistics-block-container-new {
        grid-area: 1/1/span 1/span 1;
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .usp-statistics-block-col {
        display: grid;
        grid-template-columns: 0.5fr 0.5fr;
        margin-right: 18px
    }

    .lang-de .page .solutions-usp-container .text-block .usp-statistics-block-container-new .usp-statistics-block-col2,
    .usp-statistics-block-col2 {
        grid-area: 1/2/span 1/span 2;
        grid-template-columns: 0.1fr 0.1fr
    }

    .lang-es .page .solutions-usp-container .text-block .usp-statistics-block-container-new .usp-statistics-block-col1,
    .lang-es .page .solutions-usp-container .text-block .usp-statistics-block-container-new .usp-statistics-block-col2 {
        grid-template-columns: 1fr 0.1fr;
        margin-right: 0;
        text-align: center
    }

    .lang-de .page .solutions-usp-container .text-block .usp-statistics-block-container-new .usp-statistics-block-col1 {
        grid-area: 1/1/span 1/span 1;
        grid-template-columns: 1fr 0.3fr
    }

    .usp-statistics-block-col1 {
        grid-area: 1/1/span 1/span 1;
        grid-template-columns: 0.1fr 0.1fr
    }

    .usp-statistic-number {
        margin-right: 20px;
        font-weight: 700;
        font-size: 42px;
        line-height: 48px;
        color: #363e4e
    }

    .usp-statistic-description {
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 20px;
        color: #363e4e
    }

    .usp-cta a {
        font-weight: 700;
        font-size: 20px;
        line-height: 20px
    }

    .resources-block-container .cards-container .card-cta a:hover,
    .usp-cta a:hover {
        text-decoration: none
    }

    .usp-cta {
        margin: 20px 0
    }

    .resources-block-container {
        margin: 90px 380px;
        text-align: center
    }

    .recources-block {
        background: #fff;
        box-shadow: 6px 6px 44px #e5e4e2;
        border-radius: 8px;
        padding: 70px 42px 25px;
        display: grid;
        grid-template-rows: 0.3fr 0.7fr
    }

    .resources-text-area {
        display: grid;
        grid-template-rows: 0.2fr 0.5fr;
        justify-items: center;
        align-items: center
    }

    .cards-container .card,
    .resources-media-query .card {
        border-radius: 4px;
        grid-template-rows: 0.2fr 0.2fr 0.5fr 0.5fr;
        justify-items: center;
        display: grid
    }

    .resources-text-area .resources-heading {
        font-weight: 700;
        font-size: 38px;
        line-height: 45px;
        text-align: center;
        color: #363e4e;
        margin-bottom: 8px
    }

    .resources-text-area .resources-description {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 26px;
        text-align: center;
        color: #363e4e;
        width: 715px
    }

    .cards-container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 32px;
        margin-top: 40px
    }

    .cards-container .card {
        padding: 23px 15px 20px;
        align-items: center
    }

    .resources-media-query .card {
        padding: 35px 30px 30px;
        align-items: center
    }

    .cards-container .card .wrap-link {
        display: grid;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        justify-items: center
    }

    .resources-block-container .cards-container .card img {
        max-width: 104px;
        margin-bottom: 19px
    }

    .resources-block-container .cards-container .card .card-title {
        font-weight: 500;
        font-size: 24px;
        line-height: 27px;
        text-align: center;
        margin-bottom: 8px;
        color: #363e4e
    }

    .resources-block-container .cards-container .card-description {
        font-weight: 400;
        font-size: 16px;
        line-height: 122%;
        text-align: center;
        color: #363e4e;
        margin-bottom: 24px
    }

    .resources-block-container .cards-container .card-cta {
        min-width: 140px;
        height: 48px;
        padding: 19px 15px;
        border-radius: 67px;
        font-weight: 500;
        font-size: 16px;
        line-height: 20%
    }

    .interested-cta-button-fill:active,
    .interested-cta-button-orange:active,
    .orange-btn-state:active {
        background: #fc794b
    }

    .interested-cta-button-purple:active,
    .purple-btn-state:active {
        background: #cd5cbf
    }

    .orange-btn-state {
        background: linear-gradient(90deg, #e14a53 1.81%, #ffa246 100%)
    }

    .blue-btn-state {
        background: linear-gradient(90deg, #4e82fb 0, #5ebeff 100%)
    }

    .blue-btn-state:active {
        background: #569ffe
    }

    .green-btn-state {
        background: linear-gradient(90deg, #2cbd9a 0, #65c86d 100%)
    }

    .green-btn-state:active {
        background: #50cf70
    }

    .purple-btn-state {
        background: linear-gradient(90deg, #8640d1 0, #df70bc 100%)
    }

    .interested-cta-button-fill:hover,
    .interested-cta-button-transparents:hover {
        color: #fff
    }
}

@media (max-width:1820px) {
    .solutions-logo-line-container {
        margin: -15px 300px 82px
    }

    .resources-block-container {
        margin: 90px 300px
    }

    .solutions-usp-container {
        margin: 62px 300px
    }
}

@media (max-width:1801px) {
    .interested-cta-column .intereseted-cta-heading {
        margin-bottom: 43px;
        font-size: 40.1973px;
        line-height: 50px
    }
}

@media (max-width:1720px) {
    .solutions-logo-line-container {
        margin: -15px 240px 82px
    }

    .cards-container .card {
        grid-template-rows: 0.2fr 0.2fr 0.6fr 0.5fr
    }

    .solutions-usp-container {
        margin: 62px 240px
    }

    .resources-block-container {
        margin: 90px 240px
    }
}

@media (max-width:1620px) {
    .solutions-logo-line-container {
        margin: -15px 180px 82px
    }

    .solutions-usp-container {
        margin: 52px 180px
    }

    .resources-block-container {
        margin: 90px 180px
    }
}

@media (max-width:1537px) {
    .solutions-logo-line-container {
        margin-top: -15px;
        margin-left: 188px
    }

    .solutions-usp-container {
        margin: 52px 188px
    }

    .resources-block-container {
        margin: 90px 188px
    }
}

@media (max-width:1440px) {
    .solutions-usp-container {
        margin: 52px 140px
    }

    .interested-cta-column {
        padding: 10px 6px 0 20px
    }

    .solutions-logo-line-container {
        margin-left: 140px
    }

    .resources-block-container {
        margin: 90px 140px
    }
}

@media (max-width:1391px) {
    .solutions-logo-line-container {
        margin-left: 120px
    }

    .solutions-usp-container {
        margin: 52px 120px
    }

    .resources-block-container {
        margin: 90px 120px
    }
}

.competitor-main-block-container {
    background-color: #f8f4f1;
    margin-top: -112px
}

.competitor-main-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-top: 174px;
    padding-bottom: 50px;
    align-items: center;
    overflow-y: clip;
    column-gap: 20px
}

.lang-de .competitor-main-block,
.lang-es .competitor-main-block,
.lang-fr .competitor-main-block,
.lang-nl .competitor-main-block {
    padding-top: 150px
}

.competitor-main-block-right {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 0.5fr 1fr 1fr;
    align-items: center
}

.competitors-blur-bg {
    grid-area: 1/1/span 4/span 4;
    margin-bottom: -272px;
    width: 546px
}

.quick-wins {
    width: 414px;
    grid-area: 2/2/span 2/span 3
}

.lang-de .competitor-main-block-left .competitor-main-black-text,
.lang-es .competitor-main-block-left .competitor-main-black-text,
.lang-fr .competitor-main-block-left .competitor-main-black-text,
.lang-nl .competitor-main-block-left .competitor-main-black-text {
    font-size: 36px;
    line-height: 46px
}

.lang-de .competitor-main-block-left .competitor-main-orange-text,
.lang-es .competitor-main-block-left .competitor-main-orange-text,
.lang-fr .competitor-main-block-left .competitor-main-orange-text,
.lang-nl .competitor-main-block-left .competitor-main-orange-text {
    font-size: 52px;
    line-height: 62px
}

.competitor-main-block-left {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center
}

.competitor-main-block-left .competitor-main-black-text {
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    line-height: 46px;
    color: #363e4e
}

.competitor-main-block-left .competitor-main-orange-text {
    font-weight: 700;
    font-size: 54px;
    line-height: 65px;
    margin-bottom: 21px;
    color: #fc794b
}

.all-features-main-block-description,
.competitor-main-block-left .competitor-main-description {
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    color: #363e4e
}

.lang-de .competitor-main-block-left .competitor-main-description,
.lang-es .competitor-main-block-left .competitor-main-description,
.lang-fr .competitor-main-block-left .competitor-main-description,
.lang-nl .competitor-main-block-left .competitor-main-description {
    font-size: 18px;
    line-height: 133%
}

.competitor-main-cta a {
    min-width: 239px;
    width: fit-content;
    height: 52px;
    padding: 16px 56px;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 96px
}

.lang-de .competitor-main-cta a,
.lang-es .competitor-main-cta a,
.lang-fr .competitor-main-cta a,
.lang-nl .competitor-main-cta a {
    padding: 16px 25px;
    margin-right: 0;
    white-space: nowrap;
}

.competitor-main-cta .competitor-main-cta-filled {
    background: linear-gradient(90deg, #2cbd9a 0, #65c86d 100%);
    color: #fff;
    margin-right: 24px
}

.competitor-main-cta .competitor-main-cta-outline {
    color: #363e4e;
    font-weight: 700;
    font-size: 24px;
    line-height: 18px;
    padding-left: 0;
    padding-right: 10px
}

.competitor-main-cta .competitor-main-cta-outline svg {
    padding-left: 10px
}

.competitor-logo-line {
    margin-top: 30px;
    margin-bottom: 10px
}

.competitor-logo-line .competitor-logo-line-text {
    color: rgba(54, 62, 78, .5);
    font-weight: 500;
    line-height: 35px;
    width: fit-content;
    border-bottom: 1px solid rgba(54, 62, 78, .3);
    font-size: 20px
}

.competitor-logo-line .competitor-logo-line-logos {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 16px;
    align-items: center
}

.competitor-logo-line .competitor-logo-line-logos .logo {
    margin-right: 45px;
    width: 114px
}

.comparison-table {
    background: #fff;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "left right";
    align-items: center;
    padding-bottom: 20px;
    column-gap: 50px
}

.usp-feature-main-element .head-text,
.usp-feature-main-element-left .head-text {
    grid-template-rows: 0.3fr 0.4fr 0.2fr;
    align-items: center;
    width: 497px;
    align-self: center
}

.comparison-table-left,
.image-left-col .two-column-image {
    grid-area: left
}

.comparison-table-right,
.image-right-col .two-column-image {
    grid-area: right
}

.comparison-table .heading {
    max-width: 486px;
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    line-height: 48px;
    color: #363e4e
}

.comparison-table .description {
    font-family: IowanOldStyle;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #363e4e;
    margin: 8px 0 33px
}

.comparison-table .comparison-table-link {
    text-decoration: none;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 122.4%;
    color: #fc794b
}

.comparison-table table {
    background: #fff;
    box-shadow: 0 1px 24px rgba(0, 0, 0, .08), 0 12px 48px rgba(0, 0, 0, .06);
    border-radius: 8px
}

.feature-image-element img,
.ft-img img {
    background: #fff;
    box-shadow: 0 16.1082px 48.3246px rgba(0, 0, 0, .1)
}

.comparison-table table tr {
    border-bottom: 1px solid rgba(132, 143, 163, .1)
}

.comparison-table table td,
.comparison-table table th {
    width: 246px;
    text-align: center;
    border-collapse: collapse;
    padding: 8px
}

.comparison-table table tbody td:nth-child(2),
.comparison-table table tbody td:nth-child(3) {
    text-align: center;
    min-width: 178px;
    border-spacing: 50px 0
}

.adwords-logo-line .logo-container img,
.comparison-table table tbody tr,
.homepage-logo-line-container .logo-container img,
.pricing-logo-img {
    height: 48px
}

.usp-feature-main-element .head-text a,
.usp-feature-main-element-left .head-text a {
    padding: 10.6524px 30px;
    height: 44.98px;
    margin-top: 30px;
    font-weight: 700;
    width: fit-content;
    text-align: center;
    font-style: normal;
    line-height: 23px
}

.comparison-table table tr td:first-child {
    padding: 0 0 0 28px;
    min-width: 214px;
    font-weight: 500;
    font-size: 11.62px;
    line-height: 17px;
    color: #363e4e;
    text-align: left
}

.comparison-table table th:nth-child(2) {
    background: rgba(252, 121, 75, .8)
}

.comparison-table table tr td:nth-child(2),
.podcast-question-form .gform_footer input:hover {
    background: rgba(252, 121, 75, .1)
}

.comparison-table table th:nth-child(3) {
    background: rgba(110, 187, 239, .8);
    border-radius: 0 8px 0 0
}

.comparison-table-right thead img {
    width: 90px
}

.competitor-uspbg-row,
.competitor-uspbg-row-left {
    padding: 50px 240px
}

.usp-feature-main-element,
.usp-feature-main-element-left {
    background: rgba(252, 121, 75, .1);
    padding: 75px 130px;
    display: grid
}

.usp-feature-main-block {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: 0.5fr 1fr 1fr 0.5fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 0.5fr 1fr 1fr 1fr 1fr 1fr
}

.usp-feature-main-element {
    border-radius: 7.1016px;
    grid-area: 1/1/span 4/span 8;
    align-self: center;
    height: 613.31px
}

.feature-image-element {
    grid-area: 2/6/span 2/span 10
}

.usp-feature-main-element .head-text {
    display: grid
}

.usp-feature-main-element .head-text .heading,
.usp-feature-main-element-left .head-text .heading {
    font-weight: 700;
    font-size: 37.8752px;
    line-height: 46px;
    margin-bottom: 12px;
    color: #fc794b
}

.usp-feature-main-element .head-text .desc,
.usp-feature-main-element-left .head-text .desc {
    font-family: IowanOldStyle;
    font-style: normal;
    font-weight: 400;
    font-size: 18.9376px;
    line-height: 31px;
    color: #363e4e;
    margin-bottom: 10px
}

.usp-feature-main-element .head-text a {
    font-size: 18.9376px;
    color: #363e4e;
    min-width: 185.83px;
    border: 1.1836px solid #363e4e;
    border-radius: 75.7504px
}

.ft-img img {
    height: 392px
}

.usp-feature-main-block-left {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: 0.5fr 2fr 2fr 0.6fr;
    height: 613.31px;
    margin-bottom: 40px
}

.usp-feature-main-element-left {
    border-radius: 7.1016px;
    grid-area: 1/3/span 4/span 10;
    grid-template-columns: 0.6fr 1fr
}

.usp-feature-main-element-left .head-text {
    display: grid;
    grid-area: 1/2/span 1/span 2;
    padding-left: 60px
}

.feature-image-element-left {
    grid-area: 2/1/span 2/span 6
}

.usp-feature-main-element-left .head-text a {
    font-size: 18.9376px;
    color: #363e4e;
    border: 1.1836px solid #363e4e;
    border-radius: 75.7504px
}

.customer-story-block {
    margin-top: 40px;
    margin-bottom: 70px
}

.customer-story-card-competitor {
    display: grid;
    grid-template-columns: 0.7fr 0.3fr;
    align-items: center;
    background: #fff;
    box-shadow: 0 12px 48px rgba(0, 0, 0, .06);
    border-radius: 4px;
    padding: 48px 65px
}

.customer-story-preheading {
    color: #fc794b;
    font-weight: 700;
    font-size: 20px;
    line-height: 18px;
    margin-bottom: 8px
}

.customer-story-desc {
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #363e4e
}

.customer-story-link {
    justify-self: end;
    border: 1px solid #363e4e;
    border-radius: 72px;
    width: fit-content;
    height: 58px;
    padding: 20px;
    text-align: center
}

.customer-story-card-competitor .customer-story-link a {
    text-align: center;
    color: #363e4e;
    font-weight: 500;
    font-size: 24px;
    line-height: 18px
}

@media (max-width:1537px) {
    .competitor-uspbg-row {
        padding: 30px 200px
    }

    .usp-feature-main-element .head-text .heading {
        font-size: 30px;
        line-height: 40px
    }

    .usp-feature-main-element .head-text .desc {
        font-weight: 400;
        font-size: 18.9376px;
        line-height: 31px
    }

    .feature-image-element img {
        max-width: 582px
    }

    .usp-feature-main-element .head-text {
        width: 473px;
        padding-right: 36px
    }

    .usp-feature-main-block {
        grid-template-rows: 0.1fr 2fr 2fr 0.1fr;
        grid-template-rows: 0.1fr 1fr 1fr 0.1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr
    }

    .feature-image-element {
        grid-area: 2/6/span 2/span 10;
        align-self: center
    }

    .usp-feature-main-element {
        height: 513.31px;
        padding: 0 80px
    }

    .competitor-uspbg-row-left {
        padding: 0 200px
    }

    .usp-feature-main-block-left {
        grid-template-rows: 0.1fr 2fr 2fr 0.1fr;
        height: 513px;
        margin-top: 40px
    }

    .feature-image-element-left {
        grid-area: 2/1/span 2/span 6;
        align-self: center
    }

    .feature-image-element-left img {
        max-width: 554px;
        width: 554px
    }

    .usp-feature-main-element-left {
        padding: 75px 0 75px 00px
    }

    .usp-feature-main-element-left .head-text {
        padding-left: 35px
    }

    .usp-feature-main-element-left .head-text .heading {
        font-size: 33.5px;
        line-height: 43px
    }

    .customer-story-preheading {
        font-size: 18px;
        line-height: 16px
    }

    .customer-story-card-competitor .customer-story-link a {
        font-size: 22px;
        line-height: 18px
    }
}

@media (max-width:1368px) {
    .quick-wins {
        width: 340px;
        grid-area: 2/2/span 2/span 3
    }

    .competitors-blur-bg {
        grid-area: 1/1/span 4/span 4;
        margin-bottom: -192px;
        width: 477px
    }

    .feature-image-element img {
        max-width: 500px
    }

    .usp-feature-main-element {
        height: 492.31px;
        padding: 0 60px;
        margin-bottom: 55px
    }

    .usp-feature-main-element .head-text {
        width: 407px
    }

    .usp-feature-main-element .head-text .heading,
    .usp-feature-main-element-left .head-text .heading {
        font-size: 26px;
        line-height: 36px
    }

    .usp-feature-main-element .head-text .desc,
    .usp-feature-main-element-left .head-text .desc {
        font-size: 14.5px;
        line-height: 24px
    }

    .usp-feature-main-element .head-text a,
    .usp-feature-main-element-left .head-text a {
        font-size: 16px;
        line-height: 20px;
        padding: 10px 25px
    }

    .usp-feature-main-block-left {
        height: 492.31px
    }

    .usp-feature-main-element-left .head-text {
        padding-left: 258px;
        width: 599px
    }

    .feature-image-element-left img {
        width: 500px;
        max-width: 500px
    }

    .competitor-uspbg-row {
        padding: 30px 150px
    }

    .interested-cta-column .intereseted-cta-heading {
        font-size: 28px;
        line-height: 36px
    }

    .interested-cta-button-filled,
    .interested-cta-button-transparent {
        font-size: 14px;
        line-height: 12px;
        height: 39px
    }

    .testimonial-card-text {
        font-size: 15px;
        line-height: 17px
    }

    .customer-profile-data .name {
        font-weight: 700;
        font-size: 16px;
        line-height: 14px
    }
}

@media (max-width:1289px) {
    .competitor-uspbg-row {
        padding: 30px 100px
    }

    .usp-feature-main-element-left .head-text {
        padding-left: 221px;
        width: 615px
    }

    .competitor-uspbg-row-left {
        padding: 0 100px
    }

    .usp-feature-main-block-left,
    .usp-feature-main-element {
        height: 461.31px;
        padding: 0 60px;
        margin: 55px 0
    }

    .usp-feature-main-element-left {
        grid-area: 1/2/span 4/span 10;
        grid-template-columns: 1fr 1fr
    }

    .customer-story-desc {
        font-size: 24px;
        line-height: 22px
    }

    .customer-story-preheading {
        font-size: 16px;
        line-height: 14px
    }

    .customer-story-link {
        justify-self: end;
        border: 1px solid #363e4e;
        border-radius: 72px;
        width: 170px;
        height: 54px;
        padding: 17px 20px;
        text-align: center
    }

    .customer-story-card-competitor .customer-story-link a {
        font-size: 20px;
        line-height: 22px
    }

    .customer-profile {
        display: grid;
        grid-template-columns: 0.3fr 0.7fr;
        display: grid;
        grid-template-columns: 1fr;
        max-width: 424px
    }
}

@media (max-width:800px) {
    .competitor-main-block {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
        grid-template-areas: "img" "text";
        padding-top: 20px;
        margin: 10px 24px
    }

    .lang-de .competitor-main-block,
    .lang-es .competitor-main-block,
    .lang-fr .competitor-main-block,
    .lang-nl .competitor-main-block {
        padding-top: 250px
    }

    .competitor-main-block-left {
        grid-area: text;
        grid-template-rows: 0.2fr 0.1fr 0.3fr 0.4fr;
        margin-top: 0
    }

    .competitor-main-block-right {
        grid-area: img;
        max-width: 414px;
        margin-bottom: 0;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        align-items: center
    }

    .competitors-blur-bg {
        margin-bottom: 0;
        grid-area: 1/1/span 4/span 4;
        width: 366px;
        justify-self: center
    }

    .competitor-main-block-right img {
        max-width: 300px;
        height: auto;
        max-width: inherit
    }

    .competitor-main-block-right .quick-wins {
        grid-area: 2/1/span 3/span 3;
        margin-left: 34px
    }

    .competitor-main-block-left .competitor-main-black-text {
        font-weight: 700;
        font-size: 26px;
        line-height: 34px;
        max-width: fit-content;
        width: 366px
    }

    .lang-de .competitor-main-block-left .competitor-main-black-text,
    .lang-es .competitor-main-block-left .competitor-main-black-text,
    .lang-fr .competitor-main-block-left .competitor-main-black-text,
    .lang-nl .competitor-main-block-left .competitor-main-black-text {
        font-size: 26px;
        line-height: 34px
    }

    .lang-de .competitor-main-block-left .competitor-main-orange-text,
    .lang-es .competitor-main-block-left .competitor-main-orange-text,
    .lang-fr .competitor-main-block-left .competitor-main-orange-text,
    .lang-nl .competitor-main-block-left .competitor-main-orange-text {
        font-size: 30px;
        line-height: 37px
    }

    .competitor-main-block-left .competitor-main-orange-text {
        font-weight: 700;
        font-size: 30px;
        line-height: 37px;
        max-width: fit-content
    }

    .competitor-main-block-left .competitor-main-description {
        font-weight: 400;
        font-size: 18px;
        line-height: 150%;
        max-width: fit-content;
        width: 366px;
        padding-top: 10px
    }

    .competitor-main-cta {
        display: grid;
        grid-template-rows: 1fr 1fr;
        padding-top: 20px
    }

    .competitor-main-cta a {
        width: 366px;
        height: 49px
    }

    .competitor-logo-line {
        display: none
    }

    .usp-feature-main-element,
    .usp-feature-main-element-left {
        display: grid;
        align-self: center;
        height: auto;
        max-width: 366px
    }

    .competitor-main-cta .competitor-main-cta-filled {
        margin-right: 0
    }

    .comparison-table {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 0.5fr;
        grid-template-areas: "left" "right";
        padding-top: 0;
        padding-bottom: 0;
        margin: 50px 0 0
    }

    .comparison-table table,
    .comparison-table table th:nth-child(3) {
        border-radius: 0
    }

    .comparison-table-left {
        grid-area: right;
        padding: 25px 24px 20px
    }

    .comparison-table-right {
        grid-area: left
    }

    .comparison-table table td,
    .comparison-table table th {
        padding: 5px;
        width: 170px;
        height: 46px
    }

    .comparison-table table td,
    .comparison-table table th img {
        max-width: 66px
    }

    .comparison-table table tr td:first-child {
        width: 186px
    }

    .comparison-table table tbody td:nth-child(2),
    .comparison-table table tbody td:nth-child(3) {
        max-width: 110px;
        min-width: 114px
    }

    .comparison-table .heading {
        font-size: 26px;
        line-height: 32px
    }

    .comparison-table .description,
    .usp-feature-main-element .head-text .desc,
    .usp-feature-main-element-left .head-text .desc {
        font-size: 18px;
        line-height: 26px
    }

    .competitor-uspbg-row {
        padding: 15px 24px
    }

    .usp-feature-main-block {
        grid-template-rows: 0.2fr 0.5fr 1fr 0.5fr;
        grid-template-columns: 0.1fr 1fr 0.1fr
    }

    .usp-feature-main-element {
        background: rgba(252, 121, 75, .1);
        border-radius: 7.1016px;
        padding: 75px 16px;
        grid-area: 2/1/span 4/span 3;
        grid-template-rows: 0.2fr 1fr
    }

    .feature-image-element,
    .feature-image-element-left {
        grid-area: 1/2/span 2/span 2;
        align-self: center
    }

    .feature-image-element img,
    .feature-image-element-left img {
        max-width: 300px
    }

    .usp-feature-main-element .head-text {
        width: auto;
        grid-area: 2/1/span 2/span 1;
        margin-top: 0
    }

    .usp-feature-main-element .head-text .heading,
    .usp-feature-main-element-left .head-text .heading {
        font-size: 24px;
        line-height: 29px
    }

    .usp-feature-main-element .head-text a,
    .usp-feature-main-element-left .head-text a {
        width: auto;
        height: 49px
    }

    .competitor-uspbg-row-left {
        margin-top: 69px;
        padding: 15px 24px
    }

    .usp-feature-main-block-left {
        grid-template-rows: 0.5fr 0.5fr 1fr 0.5fr;
        grid-template-columns: 0.1fr 1fr 0.1fr;
        height: auto;
        padding: 0
    }

    .usp-feature-main-element-left {
        padding: 75px 16px;
        grid-area: 2/1/span 4/span 3;
        grid-template-rows: 0.2fr 1fr;
        grid-template-columns: 1fr;
        margin: 0
    }

    .usp-feature-main-element-left .head-text {
        width: auto;
        grid-area: 2/1/span 2/span 1;
        padding-left: 0
    }

    .customer-story-block {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .customer-story-card-competitor {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 0.6fr;
        padding: 21px 16px
    }

    .customer-story-link {
        justify-self: center;
        width: -webkit-fill-available;
        height: 49px;
        padding: 9px 20px
    }

    .customer-story-card-competitor .customer-story-link a {
        font-size: 18px;
        line-height: 161%
    }

    .customer-story-desc {
        font-weight: 700;
        font-size: 20px;
        line-height: 28px
    }

    .customer-story-preheading {
        font-weight: 700;
        font-size: 16px;
        line-height: 20px
    }

    .usp-feature-main-block-left,
    .usp-feature-main-element {
        margin: 55px 0 0
    }
}

@media screen and (min-width:360px) {
    .customer-profile {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr
    }
}

@media (min-width:360px) and (max-width:400px) {

    .comparison-table table tbody td:nth-child(2),
    .comparison-table table tbody td:nth-child(3) {
        max-width: 46pxpx;
        width: 46px;
        min-width: 46px;
        font-size: 16px
    }

    .comparison-table table td,
    .comparison-table table th {
        width: 97px;
        height: 48px
    }

    .comparison-table table tr td:first-child {
        max-width: 174px;
        min-width: 174px
    }

    .competitor-main-block-left,
    .competitor-main-block-left .competitor-main-description,
    .competitor-main-cta a,
    .usp-feature-main-element-left {
        max-width: 312px
    }

    .competitor-main-block-left .competitor-main-black-text {
        font-size: 24px;
        line-height: 29px;
        width: 312px
    }

    .competitor-main-block {
        padding-bottom: 30px
    }

    .feature-image-element img,
    .feature-image-element-left img {
        max-width: 280px
    }

    .usp-feature-main-element {
        max-width: 312px;
        grid-template-rows: 0.1fr 0.8fr
    }

    .usp-feature-main-block,
    .usp-feature-main-block-left {
        grid-template-rows: 0.5fr 0.5fr 1fr 0.5fr;
        grid-template-columns: 0.1fr 2fr 0.1fr
    }

    .usp-feature-main-element .head-text .heading,
    .usp-feature-main-element-left .head-text .heading {
        font-size: 24px;
        line-height: 29px
    }

    .usp-feature-main-element .head-text .desc,
    .usp-feature-main-element-left .head-text .desc {
        font-size: 16px;
        line-height: 24px
    }

    .usp-feature-main-element .head-text a,
    .usp-feature-main-element-left .head-text a {
        width: auto;
        height: 49px;
        margin-top: 24px;
        font-size: 16px
    }

    .competitor-uspbg-row-left,
    .usp-feature-main-element .head-text {
        margin-top: 0
    }

    .comparison-table-left {
        grid-area: right;
        padding: 25px 0 20px;
        min-width: 300px;
        width: 312px;
        margin: 0 24px
    }

    .usp-feature-main-element-left .head-text {
        padding-left: 0
    }

    .customer-story-card-competitor {
        grid-template-rows: 1fr 0.7fr
    }

    .customer-story-preheading {
        font-size: 14px;
        line-height: 18px
    }

    .customer-story-desc {
        font-weight: 700;
        font-size: 20px;
        line-height: 28px
    }

    .customer-story-card-competitor .customer-story-link {
        padding: 11px 10px
    }

    .customer-story-card-competitor .customer-story-link a {
        font-size: 16px;
        line-height: 161%
    }
}

@media screen and (max-width:1920px) and (min-width:900px) {
    .texts .left {
        width: 563px
    }

    .texts .right p {
        width: 640px
    }

    .texts {
        align-items: center
    }

    .teams .container .items .box .info .title {
        font-size: 48px;
        line-height: 56px
    }

    .customer-review .container .review-box .info p,
    .quote .container .quote-box .quote-box__photo p,
    .teams .container .items .box .info .description {
        font-size: 20px;
        line-height: 32px
    }

    .teams .container .items .box .photo {
        height: 470px;
        width: 696px;
        margin-top: 209px
    }

    .fadeInLeft .photo {
        margin-right: 0 !important;
        margin-left: 100px
    }

    .teams .container .items .box .info .description {
        width: 590px
    }
}

@media screen and (max-width:1536px) {
    .texts .left {
        width: 463px;
        font-size: 40px
    }

    .texts .right p {
        font-size: 20px;
        line-height: 1.45
    }
}

@media (max-width:1280px) {
    .solutions-logo-line-container {
        margin-left: 60px
    }

    .solutions-usp-container {
        margin: 52px 100px
    }

    .solutions-usp-container .image-block img {
        width: 500px
    }

    .solutions-usp-container .text-block .heading {
        font-size: 32px;
        line-height: 40px
    }

    .solutions-usp-container .text-block .subheading {
        font-size: 18px;
        line-height: 30px;
        margin-top: 5px
    }

    .solutions-usp-right {
        padding-left: 66px
    }

    .usp-statistic-number {
        font-size: 38px
    }

    .resources-block-container {
        margin: 60px 100px
    }

    .resources-text-area .resources-heading {
        font-size: 42px;
        line-height: 43px
    }

    .resources-text-area .resources-description {
        font-size: 16px;
        line-height: 24px
    }

    .resources-block-container .cards-container .card img {
        max-width: 104px;
        margin-bottom: 18px
    }

    .cards-container .card {
        grid-template-rows: 0.1fr 0.1fr auto 0.3fr;
        align-items: baseline
    }

    .resources-block-container .cards-container .card-cta {
        margin-top: 14px
    }

    .resources-block-container .cards-container .card .card-title {
        font-size: 24px
    }

    .customer-profile-data .prof {
        font-weight: 400;
        font-size: 13px;
        line-height: 13px
    }

    .usp-feature-main-element-left .head-text {
        padding-left: 96px;
        padding-right: 25px;
        width: 513px
    }
}

@media (max-width:700px) {
    .page-margins {
        margin: 0 24px
    }
    .page-padding-left{
        padding: 0px 0px 0px 24px
    }
    .page-paddings {
        padding: 0 24px
    }

    .page-margin-left {
        padding: 0 0 0 24px
    }

    .page-margin-right {
        padding: 0 24px 0 0
    }

    .header__menu li ul li a {
        font-size: 16px
    }

    .header__menu {
        padding: 0 21px
    }

    .header__mob-menu .header__menu-wrap ul li:last-child {
        border-bottom: 0 solid #fff
    }

    .header__mob-menu .header__menu-wrap ul .active {
        border-bottom: 1px solid #c3cad7;
        padding-bottom: 20px
    }

    .features .header__mob-menu .header__menu-wrap ul .active {
        padding-bottom: 2px
    }

    .features ul.sub-menu,
    .header__menu li.active.sub-items ul.sub-menu-nl,
    .sub-menu-ft {
        padding-bottom: 56px
    }

    .features-fr {
        bottom: 6px
    }

    .features-de,
    .features-nl {
        bottom: 10px
    }

    .header__menu li.active.sub-items ul.sub-menu-fr {
        padding-bottom: 30px
    }

    .header__menu li.active.sub-items ul.sub-menu-de {
        padding-bottom: 49px
    }

    .solutions-bg {
        margin-top: -50px;
        overflow: hidden
    }

    .solutions-logo-line {
        background: linear-gradient(180deg, rgba(54, 62, 78, .1) 0, rgba(54, 62, 78, 0) 96.23%)
    }

    .solutions-logo-line-logos {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        align-items: center
    }

    .solutions-logo-line-container {
        padding: 10px 15px;
        margin: 40px 9px 60px
    }

    .solutions-logo-line-logos img {
        max-width: 128px;
        margin-right: 10px
    }

    .solutions-logo-line-tagline {
        font-weight: 400;
        font-size: 20px;
        line-height: 32px;
        text-align: center;
        color: rgba(54, 62, 78, .56);
        padding: 5px 0
    }

    .solutions-usp-container {
        grid-template-columns: 1fr;
        grid-template-rows: 0.6fr 1fr;
        padding: 0;
        grid-template-areas: "right" "left";
        align-items: center;
        margin: 20px 24px
    }

    .solutions-usp-container .image-block,
    .solutions-usp-container .image-block img {
        max-width: 360px;
        margin-top: 20px
    }

    .solutions-usp-right {
        grid-area: right;
        padding-left: 0
    }

    .solutions-usp-container .text-block .heading {
        font-weight: 700;
        font-size: 28px;
        line-height: 38px
    }

    .gradient-rainbow {
        max-width: 360px
    }

    .solutions-usp-container .text-block .subheading {
        font-size: 20px;
        line-height: 28px;
        margin-top: 10px
    }

    .usp-statistic-number {
        font-size: 42px;
        line-height: 48px
    }

    .usp-statistic-description {
        font-size: 13px;
        line-height: 20px
    }

    .usp-statistics-block-col {
        grid-template-columns: 0.3fr 0.3fr;
        margin-right: 10px
    }

    .image-block {
        grid-area: left
    }

    .solutions-usp-container .text-block {
        grid-area: right;
        max-width: 414px
    }

    .resources-block-container {
        margin: 20px 24px 60px;
        text-align: left
    }

    .usp-cta a {
        font-weight: 700;
        font-size: 16px;
        line-height: 18px
    }

    .recources-block {
        background: #fff;
        box-shadow: 6px 6px 44px #e5e4e2;
        border-radius: 8px;
        padding: 15px;
        display: grid;
        grid-template-rows: 0.3fr 1fr;
        margin-top: 60px
    }

    .resources-text-area .resources-heading {
        font-size: 28px;
        line-height: 32px;
        text-align: left;
        max-width: 100%
    }

    .resources-text-area {
        display: grid;
        grid-template-rows: 0.2fr 0.5fr;
        justify-items: flex-start;
        align-items: center
    }

    .resources-text-area .resources-description {
        text-align: left;
        font-weight: 400;
        font-size: 20px;
        line-height: 28px;
        width: 100%
    }

    .cards-container {
        grid-template-columns: auto !important;
        grid-template-rows: 1fr 1fr 1fr;
        margin-top: 30px
    }

    .resources-media-query {
        grid-template-rows: 1fr 1fr
    }

    .cards-container .card {
        margin-right: 0;
        margin-top: 8px;
        grid-template-rows: 1fr;
        grid-template-columns: 0.4fr 0.8fr;
        padding: 18px 15px 16px;
        text-align: left;
        justify-items: flex-start;
        align-items: center
    }

    .resources-block-container .cards-container .card img {
        max-width: 60px;
        margin-bottom: 0;
        margin-left: 20px
    }

    .card-cta,
    .cards-container .card-description {
        display: none
    }

    .resources-block-container .cards-container .card .card-title {
        font-size: 20px
    }

    .solutions-logo-line {
        max-width: 414px
    }
}

@media screen and (max-width:391px) {
    .solutions-usp-container {
        justify-content: normal
    }

    .gradient-rainbow,
    .solutions-usp-container .text-block {
        max-width: 342px
    }
}

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

    .gradient-rainbow,
    .interested-cta-column .intereseted-cta-heading,
    .solutions-usp-container .text-block {
        max-width: 327px
    }

    .lang-es .interested-cta-column {
        grid-template-rows: 0.9fr 1fr
    }

    .lang-es .interested-cta-column .intereseted-cta-heading {
        font-size: 20px;
        line-height: 28px
    }
}

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

    .gradient-rainbow,
    .interested-cta-column .intereseted-cta-heading,
    .solutions-usp-container .text-block {
        max-width: 312px
    }

    .resources-text-area .resources-description {
        text-align: left;
        font-size: 16px;
        line-height: 24px
    }

    .cards-container {
        margin-top: 25px
    }

    .cards-container .card {
        padding: 18px 20px;
        grid-template-columns: 0.2fr 0.8fr
    }

    .resources-block-container .cards-container .card .card-title {
        font-size: 16px;
        grid-template-rows: 0.5fr 1fr
    }

    .resources-block-container .cards-container .card img {
        max-width: 38px;
        margin-bottom: 0;
        margin-left: 0
    }

    .solutions .solutions-main-text .heading {
        font-weight: 700;
        font-size: 31px;
        line-height: 38px
    }

    .solutions .solutions-main-text .subtext {
        font-size: 16px;
        line-height: 24px
    }

    .solutions .solutions-cta .free-trial-cta {
        font-size: 16px;
        text-align: center
    }

    .solutions .solutions-cta .demo-link {
        font-size: 16px;
        line-height: 18px
    }

    .solutions-logo-line-container {
        margin: 20px 9px 60px
    }

    .solutions-logo-line-tagline {
        font-size: 16px;
        line-height: 19px
    }

    .solutions-logo-line {
        max-width: 360px;
        padding: 16px 20px 0
    }

    .solutions-logo-line-logos {
        margin-top: 18px
    }

    .solutions-logo-line-logos img {
        max-width: 120px;
        margin-right: 10px;
        padding: 10px
    }

    .gradient-rainbow {
        max-width: 310px
    }

    .resources-text-area .resources-heading,
    .solutions-usp-container .text-block .heading {
        font-size: 24px;
        line-height: 29px
    }

    .solutions-usp-container .text-block .subheading {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px
    }

    .solutions-usp-container {
        margin: 0;
        padding: 12px 24px
    }

    .solutions-usp-container .image-block,
    .solutions-usp-container .image-block img {
        max-width: 312px;
        margin-top: 10px
    }

    .usp-statistic-number {
        margin-right: 4px
    }

    .usp-statistics-block-col2 {
        margin-left: 8px
    }

    .customer-profile-data .prof {
        font-weight: 300;
        font-size: 16px;
        line-height: 22px
    }

    .customer-profile-picture {
        margin-bottom: 10px
    }

    .usp-feature-main-block {
        grid-template-rows: 0.3fr 0.5fr 1fr 0.5fr
    }
}

.elearning-bg {
    background-image: url(/wp-content/uploads/2022/10/Blur.png);
    background-size: 1920px 841px;
    background-repeat: no-repeat
}

.elearning-event-form-container {
    justify-self: end;
    margin-top: 65px
}

.elearning-event-main-section {
    display: grid;
    margin: 148px 380px 0;
    grid-template-columns: 1fr 1fr
}

.elearning-event-main-text-side {
    max-width: 620px;
    align-self: center
}

.event-status-label {
    background: rgba(255, 255, 255, .3);
    width: fit-content;
    padding: 4px 8px;
    font-family: QanelasSoft, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 1px
}

.elearning-event-header,
.full-timer-countdown .timer {
    font-weight: 700;
    font-size: 40px;
    font-family: QanelasSoft, sans-serif;
    font-style: normal
}

.elearning-event-header {
    line-height: 52px;
    color: #fff;
    margin: 16px 0 8px
}

.elearning-event-date-time {
    display: flex;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #fff
}

.date-event-section,
.time-event-section {
    display: grid;
    grid-template-columns: 0.1fr 1fr
}

.date-event-section img,
.date-event-section svg,
.time-event-section img,
.time-event-section svg {
    margin-right: 5px
}

.date-event-section {
    margin-right: 37px
}

.elearning-event-main-section .elearning-event-main-text-side #clock {
    display: grid;
    grid-template-columns: 0.1fr 0.1fr 0.1fr
}

.full-timer-countdown {
    display: grid;
    justify-content: center;
    align-self: center;
    align-content: center;
    align-items: center;
    background: rgba(54, 62, 78, .08);
    border-radius: 4px;
    align-items: center;
    width: 85px;
    height: 87.6px;
    text-align: center;
    margin: 32px 8px 32px 0
}

.full-timer-countdown .timer {
    line-height: 30px;
    text-align: center;
    color: #363e4e;
    margin-bottom: 7px
}

.full-timer-countdown div {
    font-family: QanelasSoft, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    color: #363e4e
}

.elearning-event-description {
    font-family: IowanOldStyle, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #fff
}

.elearning-event-form {
    background: #fff;
    box-shadow: 0 15px 30px rgba(54, 62, 78, .1);
    padding: 48px;
    width: 405px
}

.add-ontext .heading,
.elearning-event-form .form-header-event {
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 26px;
    color: #363e4e
}

.elearning-event-form .form-event,
.form-event .hbspt-form form .hs-form-field label {
    font-family: QanelasSoft, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #848fa3
}

.form-event .hbspt-form {
    font-family: QanelasSoft, sans-serif;
    font-style: normal
}

.form-event .hbspt-form form .hs-form-field {
    margin-top: 24px
}

.form-event .hbspt-form form .hs-form-field:first-child {
    margin-top: 36px
}

.form-event .hbspt-form form .hs-form-field .input input {
    padding: 0 !important;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    color: #363e4e;
    border: 0;
    border-bottom: 1px solid #848fa3;
    outline: 0;
    width: -webkit-fill-available;
    transition: .2s linear
}

.form-event .hbspt-form form .hs_submit .actions input {
    background: linear-gradient(270deg, #65c86d 0, #2cbd9a 100%);
    border-radius: 30px;
    margin-top: 40px;
    padding: 14px 16px;
    font-family: QanelasSoft, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    border: none
}

.form-event .hbspt-form form .hs-form-field .input select,
.ginput_container select {
    border-style: none;
    border-bottom: 1px solid #848fa3;
    padding: 4px;
    width: 100%;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #848fa3
}

.form-event .hbspt-form form .hs-form-field .no-list,
.hs-error-msgs {
    padding-inline-start: 0px
}

.form-event .hbspt-form form .hs-form-field .no-list li {
    list-style: none;
    padding-inline-start: 0px;
    color: red;
    font-size: 12px
}

.form-event .hbspt-form form .hs-form-field .no-list li label {
    padding-top: 5px;
    color: red;
    font-size: 12px;
    display: none
}

.form-event .hbspt-form form .hs_submit .actions {
    display: grid
}

.hs-error-msgs {
    list-style: none;
    font-size: 12px
}

.elearning-event-speakers-container {
    margin: 40px 380px
}

.elearning-event-speakers-header {
    font-family: QanelasSoft, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #363e4e
}

.elearning-event-speakers-details-section {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-top: 32px
}

.speaker-detail {
    text-align: center;
    margin-right: 28px
}

.speaker-detail img {
    height: 180px
}

.speaker-detail .speaker-name {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    color: #363e4e;
    margin-top: 16px
}

.speaker-detail .speaker-designation {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #363e4e
}

.elearning-event-details-container {
    margin: 80px 380px 40px
}

.elearning-event-details-header,
.slider-container .testiominals-text .testimonials-description {
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 49px;
    color: #363e4e
}

.elearning-event-details-content-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    font-family: IowanOldStyle, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #363e4e;
    margin-top: 16px
}

.elearning-event-cta-text,
.event-schedule-header {
    font-size: 40px;
    line-height: 49px;
    font-weight: 700;
    font-style: normal
}

.elearning-event-details-content-col2 {
    margin-left: 80px
}

.elearning-event-partnership-container {
    background: #fff;
    padding: 96px 380px 65px
}

.elearning-event-partnership-text .heading {
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 46px;
    text-align: center;
    color: #363e4e
}

.elearning-event-partnership-text .description {
    font-family: IowanOldStyle, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 29px;
    text-align: center;
    color: #363e4e;
    margin-top: 8px
}

.elearning-event-partnership-container .steps ul {
    display: flex;
    text-align: center;
    gap: 30px;
    align-items: center;
    justify-content: center;
    margin-top: 80px
}

.elearning-event-partnership-container .steps ul li {
    list-style: none;
    width: min(23%, 45rem);
    text-align: center;
    position: relative;
    height: 175px
}

.elearning-event-partnership-container .steps ul li::after {
    content: "";
    width: 50%;
    height: 1px;
    position: absolute;
    background: #fc794b;
    top: 44px;
    left: 80%
}

.elearning-event-partnership-container .steps ul li .step-content .step-header .step-title {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: #fc794b
}

.elearning-event-cta-container {
    margin: 64px 380px 84px
}

.elearning-event-cta {
    background: rgba(252, 121, 75, .8);
    border-radius: 4px;
    padding: 25px 2px 25px 40px;
    display: grid;
    grid-template-columns: 1fr 1fr
}

.elearning-event-cta-text {
    color: #fff;
    text-shadow: 0 4px 6px rgba(0, 0, 0, .13)
}

.elearning-event-cta-left {
    display: grid;
    grid-template-rows: 0.5fr 0.5fr;
    align-items: center;
    align-self: center
}

.elearning-event-cta-button {
    background: #fff;
    border-radius: 96px;
    padding: 11px 20px;
    width: 207px;
    height: 46px;
    margin-top: 16px;
    text-align: center
}

.elearning-event-cta-bg {
    display: grid;
    justify-self: flex-end
}

.event-schedule-container {
    margin: 96px 380px 64px
}

.event-schedule-header {
    color: #363e4e;
    margin-bottom: 19px
}

.event-schedule-card {
    display: grid;
    grid-template-columns: 0.9fr 0.3fr 0.5fr 0.2fr;
    margin: 16px 0;
    background: #fff;
    box-shadow: 0 4px 30px rgba(54, 62, 78, .1);
    border-radius: 4px;
    padding: 32px 40px 32px 16px
}

.event-schedule-timing {
    font-style: normal;
    font-weight: 700;
    font-size: 16.4091px;
    line-height: 27px;
    color: #fc794b
}

.event-schedule-speaker-profile img {
    width: 147.94px;
    height: 147.94px;
    border-radius: 100%;
    margin-bottom: 20px
}

.event-schedule-speaker-name {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    color: #363e4e
}

.event-schedule-speaker-designation {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #848fa3
}

.event-schedule-card-text {
    width: 523.86px;
    margin-left: 50px
}

.event-schedule-card-text h2 {
    font-weight: 700;
    font-size: 28px;
    line-height: 38px;
    color: #363e4e
}

.event-schedule-card-text p,
.full-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #848fa3;
    width: 511px;
    display: inline
}

.event-card-button {
    display: grid;
    align-items: end;
    justify-items: end
}

.event-card-button button {
    width: 151px;
    height: 39px;
    background: #fc794b;
    border-radius: 72px;
    border: none;
    letter-spacing: 1.26224px;
    color: #fff;
    margin-left: 34px
}

@media (max-width:1780px) {
    .elearning-event-main-section {
        margin: 148px 200px 0
    }

    .event-schedule-container {
        margin: 96px 200px 64px
    }

    .elearning-event-cta-container {
        margin: 64px 200px 84px
    }

    .elearning-event-partnership-container {
        background: #fff;
        padding: 96px 200px 65px
    }

    .elearning-event-details-container {
        margin: 80px 200px 40px
    }

    .elearning-event-speakers-container {
        margin: 40px 200px
    }
}

@media (max-width:1536px) {
    .elearning-event-main-section {
        margin: 148px 188px 0
    }

    .elearning-event-speakers-container {
        margin: 40px 188px
    }

    .elearning-event-details-container {
        margin: 80px 188px 40px
    }

    .elearning-event-partnership-container {
        padding: 96px 188px 65px
    }

    .elearning-event-cta-container {
        margin: 64px 188px 84px
    }

    .event-schedule-container {
        margin: 96px 188px 64px
    }
}

@media (max-width:1470px) {
    .elearning-event-main-section {
        margin: 148px 140px 0
    }

    .elearning-event-speakers-container {
        margin: 40px 140px
    }

    .elearning-event-details-container {
        margin: 80px 140px 40px
    }

    .elearning-event-partnership-container {
        padding: 96px 140px 65px
    }

    .elearning-event-cta-container {
        margin: 64px 140px 84px
    }

    .event-schedule-container {
        margin: 96px 140px 64px
    }
}

@media (max-width:1390px) {
    .elearning-event-main-section {
        margin: 193px 100px 0
    }

    .elearning-event-speakers-container {
        margin: 40px 100px
    }

    .elearning-event-details-container {
        margin: 80px 100px 40px
    }

    .elearning-event-partnership-container {
        padding: 96px 140px 65px
    }

    .elearning-event-cta-container {
        margin: 64px 100px 84px
    }

    .event-schedule-container {
        margin: 96px 100px 64px
    }

    .event-schedule-timing {
        font-size: 14px;
        line-height: 24px
    }

    .event-schedule-speaker-profile img {
        width: 120px;
        height: 120px;
        border-radius: 100%;
        margin-bottom: 20px
    }

    .event-schedule-speaker-designation {
        font-size: 12px;
        line-height: 16px
    }
}

@media (max-width:1280px) {
    .elearning-event-main-section {
        margin: 193px 100px 0
    }

    .elearning-event-speakers-container {
        margin: 40px 100px
    }

    .elearning-event-details-container {
        margin: 80px 100px 40px
    }

    .elearning-event-partnership-container {
        padding: 96px 100px 65px
    }

    .elearning-event-cta-container {
        margin: 64px 100px 84px
    }

    .event-schedule-container {
        margin: 96px 100px 64px
    }

    .event-schedule-speaker-profile img {
        width: 100px;
        height: 100px
    }

    .event-schedule-speaker-name {
        font-size: 16px;
        line-height: 24px
    }
}

@media (max-width:1180px) {
    .elearning-event-main-section {
        margin: 193px 50px 0
    }

    .event-schedule-container {
        margin: 96px 50px 64px
    }
}

@media (max-width:600px) {
    .elearning-event-main-section {
        margin: 100px 24px 0;
        grid-template-columns: 1fr
    }

    .elearning-event-header {
        font-size: 24px;
        line-height: 29px;
        color: #fff
    }

    .date-event-section {
        margin-right: 24px;
        align-items: end
    }

    .elearning-event-date-time {
        font-weight: 700;
        font-size: 12px;
        line-height: 15px
    }

    .elearning-event-main-section .elearning-event-main-text-side #clock {
        justify-content: center
    }

    .elearning-event-description {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px
    }

    .elearning-event-details-header,
    .elearning-event-speakers-header,
    .event-schedule-header,
    .form-header-event {
        font-size: 24px;
        line-height: 29px
    }

    .elearning-event-form {
        width: 365px
    }

    .elearning-event-form-container {
        justify-self: center;
        margin-top: 32px
    }

    .elearning-bg {
        background-image: url(/wp-content/uploads/2022/10/Blur.png);
        background-size: auto 1212px;
        background-repeat: no-repeat
    }

    .form-header-event {
        text-align: center
    }

    .elearning-event-speakers-container {
        margin: 40px 24px
    }

    .elearning-event-details-content-container,
    .elearning-event-speakers-details-section {
        grid-template-columns: 1fr
    }

    .speaker-detail {
        display: grid;
        grid-template-columns: 0.4fr 1fr;
        text-align: left;
        margin: 12px 0
    }

    .speaker-detail img {
        width: 68px;
        height: auto
    }

    .speaker-detail .speaker-designation,
    .speaker-detail .speaker-name {
        text-align: left
    }

    .speaker-detail .speaker-name {
        font-size: 14px;
        line-height: 17px
    }

    .speaker-detail .speaker-designation {
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        width: 247px
    }

    .elearning-event-details-container {
        margin: 80px 24px 40px
    }

    .elearning-event-details-content-col2 {
        margin-left: 0
    }

    .elearning-event-partnership-container {
        padding: 40px 24px
    }

    .elearning-event-partnership-text .description,
    .elearning-event-partnership-text .heading {
        text-align: left;
        margin-bottom: 16px
    }

    .elearning-event-partnership-container .steps ul {
        margin-top: 0;
        flex-direction: column;
        gap: 44px;
        padding-inline-start: 0px
    }

    .elearning-event-partnership-container .steps ul li .step-content .step-header .count-icon img {
        margin-bottom: 0;
        height: 48px;
        width: auto
    }

    .elearning-event-partnership-text .step-content {
        width: auto;
        margin: 0 auto
    }

    .elearning-event-partnership-container .steps ul li {
        width: 100%;
        height: auto
    }

    .elearning-event-partnership-container .steps ul li::after,
    .elearning-event-partnership-container .steps ul li:last-child::before {
        content: none
    }

    .elearning-event-partnership-container .steps ul li::before {
        content: "";
        width: 1px;
        bottom: -36px;
        top: 56px;
        left: 26px;
        background: #fc794b;
        position: absolute
    }

    .elearning-event-partnership-container .steps ul li .step-content .step-header .step-title {
        font-weight: 700;
        font-size: 18px;
        line-height: 23px;
        margin-left: 16px;
        max-width: 157px;
        text-align: left
    }

    .event-schedule-container {
        margin: 50px 24px 25px
    }

    .event-schedule-header {
        font-weight: 600
    }

    .event-schedule-card {
        grid-template-columns: 1fr;
        padding: 16px
    }

    .event-schedule-speaker-profile img {
        width: 43.88px;
        height: 43.88px;
        margin-bottom: 0
    }

    .event-schedule-timing {
        font-weight: 700;
        font-size: 16px;
        line-height: 27px;
        margin-bottom: 6px
    }

    .event-schedule-speaker-name {
        text-align: left;
        font-weight: 700;
        font-size: 16px;
        line-height: 16px
    }

    .event-schedule-speaker-designation {
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
        text-align: left
    }

    .event-schedule-card-text h2 {
        font-weight: 700;
        font-size: 20px;
        line-height: 24px
    }

    .event-schedule-card-text {
        width: auto;
        margin-left: 0
    }

    .event-schedule-speaker-profile {
        text-align: left;
        display: grid;
        grid-template-columns: 0.25fr 1fr;
        margin-bottom: 16px
    }

    .event-card-button {
        display: grid;
        align-items: end;
        justify-items: start
    }

    .event-card-button button {
        margin: 16px 0
    }

    .elearning-event-cta-container {
        margin: 24px 24px 40px
    }

    .elearning-event-cta-text {
        font-size: 18px;
        line-height: 22px
    }

    .elearning-event-cta-bg,
    .elearning-event-cta-left {
        grid-area: 1/1/span 1/span 2
    }

    .elearning-event-cta-bg img {
        height: 82px
    }

    .elearning-event-cta {
        padding: 25px 0
    }

    .elearning-event-cta-button {
        width: 100%
    }

    .elearning-event-cta-left {
        padding: 0 16px
    }
}

@media (max-width:376px) {
    .elearning-event-form {
        width: 327px
    }
}

@media (max-width:361px) {
    .elearning-event-form {
        width: 311px
    }

    .date-event-section {
        margin-right: 12px;
        align-items: end
    }

    .date-event-section,
    .time-event-section {
        align-items: center
    }
}

.fixed-slide__images img.active {
    opacity: 1;
    max-width: 623px
}

.fixed-slide__images img {
    max-width: 623px
}

.slider-container .testiominals-text .title {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #fff
}

.top-section-testimonial {
    display: grid;
    grid-template-columns: 2fr 1fr
}

.slider-container {
    background: linear-gradient(90deg, rgba(78, 130, 251, .6) 0, rgba(94, 190, 255, .6) 100%), #fff;
    padding: 96px 0 96px 380px;
    margin: 95.58px auto 100px;
    overflow: hidden;
    position: relative
}

.slider-container ul {
    display: flex;
    justify-self: end;
    margin-right: 240px;
    align-items: end
}

.slider-container ul li {
    list-style: none;
    display: flex
}

.prev {
    margin-right: 24.34px
}

.slider-item .card .testimonial-card-text {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #363e4e;
    margin-bottom: 32px;
    max-width: 424px;
    height: 115.35px;
    max-height: 115.35px
}

@media (max-width:1820px) {
    .slider-container {
        padding: 96px 0 96px 300px;
        margin: 85px auto 100px
    }
}

@media (max-width:1720px) {
    .slider-container {
        padding: 96px 0 96px 240px
    }

    .slider-container ul li svg {
        max-height: 25px
    }
}

@media (max-width:1620px) {
    .slider-container {
        padding: 96px 0 96px 180px
    }
}

@media (max-width:1540px) {
    .slider-container {
        padding: 96px 0 96px 188px
    }
}

@media (max-width:1440px) {
    .slider-item .card .testimonial-card-text {
        font-size: 16px;
        line-height: 16px;
        height: 90.35px;
        margin-bottom: 28px
    }

    .slider-container {
        padding: 96px 0 96px 140px
    }

    .slider-container .testiominals-text .testimonials-description {
        font-size: 37px;
        line-height: 40px
    }
}

@media (max-width:1390px) {
    .slider-container {
        padding: 96px 0 96px 120px
    }
}

@media (max-width:1300px) {
    .slider-container {
        padding: 96px 0 96px 100px
    }

    .controls li svg {
        max-height: 20px
    }
}

@media (max-width:1280px) {
    .slider-container {
        padding: 96px 0 96px 100px
    }
}

@media (max-width:700px) {
    .slider-container {
        padding: 56px 0 56px 24px
    }

    .testiominals-text {
        padding-right: 24px
    }

    .top-section-testimonial {
        grid-template-columns: 1fr
    }

    .slider-container ul {
        display: none
    }

    .slider-container .testiominals-text .title {
        font-weight: 500;
        font-size: 16px;
        line-height: 19px
    }

    .slider-container .testiominals-text .testimonials-description {
        font-weight: 700;
        font-size: 20px;
        line-height: 24px
    }

    .slider-item .card .testimonial-card-text {
        font-size: 16px;
        line-height: 21px;
        height: 98px;
        margin-bottom: 40px
    }

    .customer-profile-data .name {
        font-weight: 500;
        font-size: 18px;
        line-height: 22px;
        margin-top: 8px
    }

    .customer-profile-data .prof {
        font-weight: 300;
        font-size: 16px;
        line-height: 22px
    }

    .slider-item {
        margin-right: 16px;
        max-height: 297px
    }
}

.features-tab-section-container {
    margin-bottom: 122px;
    margin-top: 70px
}

.all-features-main-block-container {
    display: grid;
    align-items: center;
    position: relative;
    margin: 230px 380px 50px;
    justify-items: center;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "textside illus"
}

.all-features-main-block-text {
    max-width: 475.2px;
    justify-self: flex-start
}

.lang-de .all-features-main-block-text,
.lang-fr .all-features-main-block-text,
.lang-nl .all-features-main-block-text {
    max-width: 513.2px
}

.ai-flipboxes-container .ai-flipboxes .text-side .title,
.all-features-main-block-heading,
.solutions-main-text .heading {
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
    color: #363e4e;
    margin-bottom: 16px
}

.lang-de .all-features-main-block-heading,
.lang-fr .all-features-main-block-heading,
.lang-nl .all-features-main-block-heading {
    font-size: 44px;
    line-height: 52px
}

.all-features-main-block-image img {
    max-width: 618px;
    justify-self: flex-end
}

.new-features-tabs-row {
    text-align: center;
    margin-bottom: 77px
}

.new-features-btn {
    font-weight: 700;
    box-shadow: 6px 6px 12px rgba(0, 0, 0, .1);
    border-radius: 120.691px;
    width: 290px;
    height: 56px;
    text-align: center;
    border: 1.67627px solid #363e4e;
    color: #363e4e;
    background: #fafafa
}

#new-ft-bt1 {
    margin-right: 24px
}

.active-ft-tab {
    background: #363e4e;
    color: #fafafa
}

.all-feature-heading {
    font-weight: 700;
    font-size: 48px;
    line-height: 48px;
    margin-bottom: 8px;
    color: #363e4e
}

.all-features-row {
    display: grid;
    grid-template-rows: inherit
}

.all-feature-tile {
    margin-right: 25px;
    margin-bottom: 49px
}

.all-feature-tiles-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    padding: 40px 33px;
    background: #fff;
    margin-bottom: 80px
}

.all-feature-tile-icon img {
    height: 34.79px;
    width: 34.79px
}

.all-feature-tile-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #363e4e;
    margin-top: 8px;
    align-items: center;
    margin-bottom: 5px
}

.all-feature-tile-title svg {
    margin-left: 3px
}

.all-features-tile-description {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #363e4e
}

.features-block-video-bg {
    background: linear-gradient(0deg, rgba(252, 121, 75, .5) 0, rgba(252, 121, 75, 0) 100%);
    padding-top: 120.76px
}

.features-block-heading {
    font-weight: 700;
    font-size: 48px;
    line-height: 130%;
    text-align: center;
    color: rgba(54, 62, 78, .9)
}

.features-block-description {
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    color: #363e4e
}

.features-award-section-container {
    margin-top: 48px;
    margin-bottom: 88px;
    background: #fff;
    box-shadow: 0 13.5204px 32px rgba(54, 62, 78, .1);
    border-radius: 3.97381px
}

.key-features-row-sm-col,
.key-features-row-wd-col {
    box-shadow: 0 13.5204px 40.5612px rgba(54, 62, 78, .1);
    border-radius: 4px
}

.award-section-card {
    display: grid;
    grid-template-rows: auto;
    justify-items: center;
    padding: 40px 158px 48px;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat
}

.award-section-card-title {
    font-weight: 700;
    font-size: 40px;
    line-height: 100%;
    margin-bottom: 15px;
    text-align: center;
    color: #363e4e
}

.award-section-card-description {
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    margin-bottom: 38px;
    color: #363e4e
}

.awards-section-badge-row {
    display: grid;
    justify-items: center;
    justify-self: center;
    column-gap: 40px;
    align-items: center
}

.features-video-section-main-container-gradient {
    margin-bottom: 250px
}

.features-video-section-main-container {
    display: grid;
    grid-template-rows: 0.1fr 0.7fr;
    grid-template-columns: 1fr;
    grid-area: 1/1/span 3/span 1;
    background: linear-gradient(0deg, rgba(252, 121, 75, .5) 0, rgba(252, 121, 75, 0) 100%);
    opacity: .9;
    padding: 10px 380px
}

.features-video-section-main-heading {
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 130%;
    text-align: center;
    color: #363e4e;
    margin-bottom: 16px
}

.features-video-section-main-description {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    color: #363e4e
}

.features-video-section-video-box {
    grid-area: 2/1/span 3/span 2
}

.features-video-section-video-box .video-js,
.features-video-section-video-box .video-js video {
    border-radius: 8px
}

.video-js .vjs-tech {
    position: inherit;
    position: inherit !important
}

.detail__info,
.detail__photo,
.video-js {
    width: auto;
    height: auto
}

.key-features-row {
    display: grid;
    margin-bottom: 48.81px;
    grid-template-areas: "col1ft col2ft"
}

.features-small-box-left {
    grid-template-columns: 0.3fr 0.7fr
}

.key-features-rows-container {
    max-width: 1160px
}

.features-small-box-right {
    grid-template-columns: 0.7fr 0.3fr
}

.leftbox-area {
    grid-area: col1ft
}

.rightbox-area {
    grid-area: col2ft
}

.features-small-box-right .leftbox-area {
    margin-right: 48.78px
}

.key-features-row-wd-col {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: inherit;
    background: #fff
}

.key-features-row-sm-col {
    width: 475.2px;
    margin-right: 48.78px;
    background-color: #fff;
    padding-bottom: 38.93px
}

.key-features-row-sm-img {
    width: 475.2px
}

.key-features-row-wd-img {
    height: -webkit-fill-available;
    margin-right: 50.9px
}

.key-features-row-sm-title {
    font-weight: 700;
    font-size: 38px;
    line-height: 46px;
    color: #363e4e;
    margin: 16px 30px 8px
}

.key-features-row-sm-description {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #363e4e;
    min-height: 80px;
    margin: 0 30px 20px
}

.key-features-row-cta a {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #363e4e;
    border: .993453px solid #363e4e;
    border-radius: 63.581px;
    padding: 14px 30px;
    width: fit-content;
    white-space: nowrap;
    margin-left: 30px
}

.key-features-row-sm-btn-rbn {
    display: grid;
    grid-template-columns: 0.5fr 0.5fr;
    align-items: end
}

.new-feature-ribbon {
    justify-self: end;
    border-radius: 50px 0 0 50px;
    background: #50cf70;
    display: grid;
    height: 32px;
    padding: 0 18px;
    text-align: center;
    color: #fff;
    align-items: center
}

.key-features-row-wd-statistics-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 40px;
    border-bottom: .993453px solid #c3cad7;
    margin-right: 30px
}

.key-features-row-wd-statistic-col1 {
    font-weight: 700;
    font-size: 39.7381px;
    line-height: 40px;
    color: #fc794b;
    margin-bottom: 8px
}

.key-features-row-wd-statistic-col2 {
    font-style: normal;
    font-weight: 400;
    font-size: 15.8953px;
    line-height: 19px;
    color: #363e4e
}

.key-features-row-wd-text {
    width: 308.96px;
    display: grid;
    align-self: center
}

.key-features-row-wd-text .new-feature-ribbon {
    margin-bottom: 34.9px
}

.key-features-row-wd-title {
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    line-height: 46px;
    color: #363e4e;
    margin: 16.25px 30px 8px 0
}

.key-features-row-wd-description {
    margin-bottom: 30px;
    margin-right: 30px;
    min-height: 80px;
    font-weight: 400
}

@media (max-width:1720px) {
    .all-features-main-block-container {
        margin: 215px 240px 50px
    }

    .features-video-section-main-container {
        padding: 10px 240px
    }
}

@media (max-width:1620px) {
    .all-features-main-block-container {
        margin: 215px 180px 50px
    }

    .features-video-section-main-container {
        padding: 10px 180px
    }
}

@media (max-width:1536px) {
    .all-features-main-block-container {
        margin: 165px 188px 50px
    }

    .all-features-main-block-image img {
        max-width: 600px
    }

    .features-video-section-main-container {
        padding: 10px 188px
    }
}

@media (max-width:1440px) {
    .all-features-main-block-container {
        margin: 165px 140px 50px
    }

    .all-features-main-block-image img {
        max-width: 518px
    }

    .features-video-section-main-container {
        padding: 10px 140px
    }
}

@media (max-width:1390px) {
    .features-video-section-main-container {
        padding: 10px 120px
    }
}

@media (max-width:1370px) {
    .features-video-section-main-container {
        padding: 10px 100px
    }

    .key-features-row-sm-title,
    .key-features-row-wd-title {
        font-size: 32px;
        line-height: 38px
    }

    .key-features-row-sm-description,
    .key-features-row-wd-description {
        font-size: 14px;
        line-height: 18px
    }
}

@media (max-width:1300px) {
    .features-video-section-main-container {
        padding: 10px 100px
    }
}

@media (max-width:1280px) {

    .all-features-main-block-container,
    .features-tab-section-container {
        margin: 185px 100px 50px
    }

    .key-features-row-wd-img {
        margin-right: 19px
    }

    .features-small-box-right .leftbox-area,
    .key-features-row-sm-col {
        margin-right: 29.78px
    }

    .key-features-row-sm-img {
        width: -webkit-fill-available
    }
}

@media (max-width:800px) {
    .features-video-section-main-container {
        grid-template-rows: 0.1fr 1fr
    }

    .features-small-box-right .leftbox-area {
        margin-right: 0
    }

    .all-features-main-block-container,
    .features-tab-section-container {
        margin: 98px 24px 20px
    }

    .all-features-main-block-container {
        grid-template-columns: 1fr;
        grid-template-areas: "illus" "textside"
    }

    .all-features-main-block-text {
        grid-area: textside
    }

    .all-features-main-block-image {
        grid-area: illus
    }

    .all-features-main-block-image img {
        max-width: 100%
    }

    .all-features-main-block-heading {
        font-weight: 700;
        font-size: 30.5464px;
        line-height: 37px
    }

    .all-features-main-block-description,
    .award-section-card-description,
    .features-video-section-main-description {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%
    }

    .new-features-btn {
        width: 160px;
        height: 48px
    }

    #new-ft-bt1 {
        margin-right: 12px
    }

    .features-small-box-left,
    .features-small-box-right {
        grid-template-columns: 1fr
    }

    .key-features-rows-container {
        max-width: 100vw;
        display: grid;
        justify-content: center
    }

    .key-features-row-sm-img {
        width: inherit;
        max-width: 366.4px
    }

    .key-features-row {
        grid-template-areas: "col1ft" "col2ft";
        justify-self: center
    }

    .key-features-row-sm-col {
        width: 100%;
        margin-right: 0;
        padding-bottom: 20px;
        max-width: 366.4px;
        margin-bottom: 24.51px
    }

    .key-features-row-sm-title {
        margin: 16px 16px 8px;
        font-weight: 700;
        font-size: 24px;
        line-height: 29px
    }

    .key-features-row-sm-description,
    .key-features-row-wd-description {
        display: none
    }

    .key-features-row-sm-btn-rbn .new-feature-ribbon {
        grid-area: 1/2/span 1/span 2;
        font-size: 12px;
        line-height: 15px
    }

    .key-features-row-sm-btn-rbn a {
        grid-area: 2/1/span 2/span 1;
        height: 36px;
        font-size: 14px;
        line-height: 12px;
        padding: 11px 30px;
        margin-left: 16px
    }

    .key-features-row-wd-img {
        height: 249.8px;
        margin-right: 15.62px
    }

    .key-features-row-wd-statistics-row {
        margin-right: 15.62px;
        padding-bottom: 14.35px
    }

    .key-features-row-wd-statistic-col1 {
        font-weight: 700;
        font-size: 20px;
        line-height: 19px
    }

    .key-features-row-wd-statistic-col2 {
        font-weight: 400;
        font-size: 12px;
        line-height: 14px
    }

    .award-section-card-title,
    .features-video-section-main-heading,
    .key-features-row-wd-title {
        font-size: 24px;
        line-height: 29px
    }

    .key-features-row-wd-title {
        font-weight: 700;
        margin: 16.25px 15.62px 8px 0
    }

    .key-features-row-wd-col {
        grid-template-rows: 1fr;
        grid-template-rows: 1fr;
        grid-template-columns: 0.2fr 0.2fr;
        max-width: 366.4px;
        margin-bottom: 24.48px
    }

    .features-video-section-main-container {
        padding: 10px 24px
    }

    .features-video-section-main-text-row {
        margin-bottom: 30px
    }

    .award-section-card {
        padding: 40px 16px 32px
    }

    .award-section-card-title {
        font-weight: 600
    }

    .awards-section-badge-row {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        column-count: 2;
        column-gap: 68.53px;
        padding: 5px 30px
    }

    .awards-section-badge-row img {
        width: 70.47px
    }

    .key-features-row {
        margin-bottom: 0;
        justify-items: center
    }

    .key-features-row-wd-text {
        width: 225px;
        align-self: end
    }

    .key-features-row-wd-btn-rbn a {
        height: 36px;
        font-weight: 700;
        font-size: 14px;
        line-height: 12px;
        padding: 8px 30px;
        margin-top: 18px
    }

    .new-feature-ribbon {
        font-size: 12px;
        line-height: 15px
    }

    .key-features-row-cta {
        margin-top: 21.53px;
        margin-bottom: 30px
    }

    .features-small-box-right {
        grid-template-areas: "col2ft" "col1ft";
        justify-items: center
    }

    .key-features-row-wd-text .new-feature-ribbon {
        margin-bottom: 15px
    }

    .features-video-section-main-container-gradient {
        margin-bottom: 120px
    }

    .all-feature-heading {
        font-weight: 700;
        font-size: 48px;
        line-height: 48px
    }

    .lang-it .all-feature-heading{
        font-size: 38px;
        line-height: 38px
    }

    .all-feature-tiles-container {
        grid-template-columns: 1fr;
        padding: 24px
    }

    .all-feature-tile {
        margin-right: 0;
        margin-bottom: 31px
    }
}

@media (max-width:380px) {
    .new-features-btn {
        width: 146px;
        height: 48px;
        font-weight: 700;
        font-size: 16px;
        line-height: 20px
    }

    .lang-de .new-features-btn,
    .lang-es .new-features-btn,
    .lang-fr .new-features-btn,
    .lang-nl .new-features-btn {
        font-size: 13px;
        line-height: 18px
    }

    .key-features-row-sm-col,
    .key-features-row-sm-img,
    .key-features-row-wd-col {
        max-width: 312px;
        width: 312px
    }

    .key-features-row-wd-text {
        width: 168px
    }

    .features-video-section-main-container {
        grid-template-rows: 0.1fr 1fr
    }
}

.gf-form-custom .gform_wrapper.gravity-theme .gfield_label,
.gf-text-input,
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
    color: #33475b;
    font-family: arial, helvetica, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px
}

.gf-form-custom .gform_body {
    width: 100%;
    margin-top: 30px
}

.gform_footer {
    padding: 0 90px 30px;
    margin-top: 10px;
    justify-content: center;
    display: flex
}

.ginput_container input {
    box-sizing: border-box;
    padding: 0 15px;
    min-height: 27px;
    border: 0;
    border-radius: 0;
    width: 100%;
    border-bottom: 2px solid #cad5e2;
    -webkit-appearance: none;
    max-width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #33475b
}

.gf-form-custom .gform_footer input {
    background: #50cf70;
    border-color: #50cf70;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    font-family: arial, helvetica, sans-serif
}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
    margin-top: 12px
}

.gform_wrapper .gform_validation_errors {
    background: #fff !important;
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 8px;
    margin-top: 8px;
    padding: 10px 00px 5px !important;
    text-align: left
}

body .gform_wrapper .gform_body .gform_fields .gfield_error .validation_message {
    border: none;
    padding: 0;
    color: #f2545b;
    background: 0 0;
    margin-top: 5px
}

body .gform_wrapper .gfield_error [aria-invalid=true] {
    border: none;
    border-bottom: 1px solid #c02b0a
}

.gf-form-custom-webinar .gform_body {
    padding: 0 0 30px
}

.gf-form-custom-webinar .gform_validation_errors {
    padding: 10px 0 5px !important
}

.download-resourse-form .form-upper {
    padding: 30px 90px
}

.gf-form-custom-contact .gform_footer {
    justify-content: left
}

.gf-form-custom-contact .gform_footer input {
    justify-content: left;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    line-height: 12px;
    position: relative;
    text-align: center;
    transition: .15s linear;
    background-color: #ff7a59;
    color: #fff;
    border-radius: 3px;
    border: 1px solid #ff7a59;
    font-size: 14px
}

.footer-form-input .ginput_container input {
    border-bottom: 2px solid #cad5e2;
    background: #363e4e;
    color: #fff
}

#footer-gf-form .gform_validation_error #field_submit {
    border-bottom: 1px solid #c02b0a;
    height: 38px
}

#footer-gf-form #field_submit {
    align-items: center;
    border-bottom: 2px solid #cad5e2;
    width: fit-content;
    justify-self: flex-start;
    align-self: center;
    height: 40px
}

#footer-gf-form .gform_wrapper.gravity-theme .gform_fields {
    display: inline-flex;
    grid-column-gap: 0%;
    width: auto;
    height: 40px
}

#footer-gf-form #field_submit .gform_image_button {
    align-self: center
}

.footer__col #footer-gf-form {
    display: grid;
    justify-content: flex-end
}

#footer-gf-form .gform_wrapper.gravity-theme .gfield input.large,
.footer-gf-form .footer-form-input input,
.gform_wrapper.gravity-theme .gfield select.large {
    width: 265px
}

.gform_wrapper.gravity-theme .gfield select.large,
.lang-nl #footer-gf-form .gform_wrapper.gravity-theme .gfield input.large {
    width: 299px
}

.gform_wrapper.gravity-theme .gfield select.large,
.lang-fr #footer-gf-form .gform_wrapper.gravity-theme .gfield input.large {
    width: 336px
}

.lang-fr .footer__col #footer-gf-form {
    width: 339px
}

.gform_wrapper.gravity-theme .gfield select.large,
.lang-de #footer-gf-form .gform_wrapper.gravity-theme .gfield input.large,
.lang-de .footer__col #footer-gf-form {
    width: 334px
}

.conact-us-gf .gform_wrapper.gravity-theme .gfield textarea.large,
.gform_wrapper.gravity-theme .gfield textarea.large {
    height: 150px;
    border: none;
    border-bottom: 2px solid #cad5e2;
    width: 100%
}

.conact-us-gf .gform_footer input {
    background: #50cf70;
    border-color: #50cf70;
    padding: 0 30px;
    font-size: 12px;
    line-height: 12px;
    justify-content: center;
    margin: 20px 0;
    height: 38px;
    min-width: 135px;
    border-radius: 3px;
    color: #fff
}

#podcast-search,
.accordian-sec-comp-item,
.faq-accordian-container .accordian-item-faq {
    border-bottom: 1px solid #c3cad7
}

.footer-iso-img {
    height: 70px;
    width: 70px !important;
    margin-left: 14.31px
}

@media (max-width:700px) {
    .footer__col #footer-gf-form {
        display: grid;
        justify-content: flex-start
    }

    #footer-gf-form #field_submit {
        height: 56px
    }

    #footer-gf-form .gform_wrapper.gravity-theme .gfield input.large,
    .gform_wrapper.gravity-theme .gfield select.large {
        width: 312px
    }

    .download-resourse-form .form-upper {
        padding: 30px
    }
}

@media (max-width:375px) {
    .slider-item .card .testimonial-card-text {
        margin-bottom: 30px;
        font-size: 14px;
        line-height: 17px
    }

    .customer-profile-data .prof {
        font-weight: 300;
        font-size: 15px;
        line-height: 18px
    }

    #footer-gf-form .gform_wrapper.gravity-theme .gfield input.large,
    .gform_wrapper.gravity-theme .gfield select.large {
        width: 259px
    }
}

.sec-comp-bg {
    margin-top: -134px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr
}

.sec-comp-bg img {
    width: 100%;
    grid-area: 1/1/span 1/span 1;
    margin-bottom: 70px
}

.sec-comp-header-container {
    grid-area: 1/1/span 1/span 1;
    align-self: center;
    justify-self: center;
    text-align: center
}

.sec-comp-accordian-text-column {
    margin-right: 55px
}

.sec-comp-header-text-container .heading {
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
    color: #fff
}

.sec-comp-header-text-container .subheading {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    font-family: IowanOldStyle;
    text-align: center;
    color: #fff;
    margin-top: 24px
}

.sec-comp-accordian-container {
    display: grid;
    grid-template-columns: 0.37fr 0.63fr;
    margin-bottom: 155px
}

.sec-comp-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #363e4e;
    padding-top: 24px
}

.sec-comp-description {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #363e4e;
    margin-top: 24px
}

.accordion_body {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #363e4e;
    font-family: IowanOldStyle;
    padding-bottom: 40px
}

.accordion_head {
    background-color: #fff;
    color: #fc794b;
    cursor: pointer;
    margin: 0 0 1px;
    padding: 24px 3px;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 34px
}

.plusminus {
    float: right;
    font-weight: 300;
    font-size: 52px
}

.features-detail-bg {
    margin-top: -52px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    grid-template-rows: 0.2fr 0.2fr 0.6fr 0.3fr 0.1fr
}

.lang-de .features-detail-bg,
.lang-es .features-detail-bg {
    grid-template-rows: 0.1fr 0.2fr 0.7fr 0.3fr 0.1fr
}

.lang-fr .features-detail-bg {
    grid-template-rows: 0.14fr 0.18fr 0.6fr 0.3fr 0.1fr
}

.features-bg-pic {
    grid-area: 1/1/span 2/span 2;
    width: 100%
}

.features-detail-page-text {
    grid-area: 3/1/span 3/span 1;
    justify-self: left;
    margin-left: 380px
}

.features-detail-page-text .heading {
    font-weight: 700;
    font-size: 48px;
    line-height: 48px;
    color: #363e4e
}

.lang-it .features-detail-page-text .heading,
.lang-de .features-detail-page-text .heading,
.lang-es .features-detail-page-text .heading,
.lang-nl .features-detail-page-text .heading {
    font-size: 45px;
    line-height: 45px
}

.lang-it .features-detail-page-text .subtitle,
.lang-es .features-detail-page-text .subtitle,
.lang-fr .features-detail-page-text .subtitle,
.lang-nl .features-detail-page-text .subtitle {
    font-size: 17px;
    margin-top: 29px
}

.lang-it .features-detail-page-text .heading {
    font-size: 42px;
    line-height: 42px
}

.features-detail-page-text .subtitle {
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    color: #363e4e;
    margin-top: 32px
}

.features-details-static-cta .primary-cta,
.features-details-static-cta .secondary-cta {
    font-size: 20px;
    line-height: 18px;
    height: 50px;
    min-width: 200px;
    width: fit-content;
    text-align: center;
    white-space: nowrap
}

.features-detail-page-image {
    grid-area: 3/2/span 4/span 2;
    height: min-content;
    justify-self: end
}

.features-detail-page-image img {
    max-height: 481px;
    height: 481px
}

.features-details-logo-line {
    grid-area: 4/1/span 4/span 1;
    margin-left: 380px;
    padding-top: 24px
}

.logo-line-text {
    color: rgba(54, 62, 78, .56);
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 17px
}

.lang-fr .features-details-logo-line {
    padding-top: 73px
}

.features-details-logos {
    display: block;
    margin-top: 11.32px
}

.features-details-logos img {
    align-self: center;
    margin-right: 24px;
    height: 27px
}

.features-details-static-cta {
    display: inline-flex;
    margin-top: 32px
}

.features-details-static-cta .primary-cta {
    background: #fff;
    border-radius: 96px;
    padding: 15px 40px;
    font-weight: 700;
    color: #fc794b;
    margin-right: 16px
}

.features-details-static-cta .secondary-cta {
    border: 2px solid #363e4e;
    border-radius: 64px;
    padding: 14px 40px;
    font-weight: 700;
    color: #363e4e
}

.two-column-text-image {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "left right";
    margin: 96px 0;
    column-gap: 50px;
    align-items: center
}

.image-left-col .two-column-image img,
.image-right-col .two-column-image img {
    max-width: 550px
}

.two-column-text .title {
    font-weight: 700;
    font-size: 38px;
    line-height: 48px;
    color: #363e4e;
    margin-bottom: 16px
}

.two-column-text .description {
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    font-family: IowanOldStyle;
    color: #363e4e
}

.features-details-gif-container {
    display: grid;
    grid-template-rows: 0.1fr 0.4fr 0.6fr;
    margin-bottom: 40px
}

.features-details-gif-background {
    width: 100vw;
    grid-area: 1/1/span 2/span 1;
    max-height: 730px
}

.features-details-gif-container-content {
    grid-area: 2/1/span 3/span 1
}

.features-details-gif-container-title {
    color: #fff;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 130%;
    text-align: center;
    margin-bottom: 32.46px
}

.features-details-optional-cta-container {
    padding: 10px 0
}

.features-details-optional-cubes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 31px;
    margin-bottom: 32px
}

.features-details-optional-cubes .cube {
    background: #fff;
    padding: 33px 16px
}

.features-details-optional-cubes .cube img {
    margin-bottom: 9px
}

.features-details-optional-cubes .cube .heading {
    margin-bottom: 8px;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 130%
}

.features-details-optional-cubes .cube .description {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #363e4e
}

.features-optional-cta {
    display: flex;
    justify-items: center;
    justify-content: center
}

.features-optional-cta a {
    height: 71px;
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    left: 501.81px;
    top: 3482.08px;
    min-width: 435.17px;
    display: flex;
    border: 2px solid #363e4e;
    border-radius: 88px;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 0 29px;
    width: fit-content;
    color: #363e4e
}

.features-optional-cta a svg {
    margin-left: 16px
}

.feature-summary-block-container {
    margin-top: 72px;
    margin-bottom: 60px
}

.feature-summary-block-cubes {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 24px
}

.feature-summary-block-cubes .ft-cube {
    background: #fff;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, .08);
    border-radius: 8px;
    padding: 24px;
    cursor: pointer
}

.feature-summary-block-cubes .ft-cube:first-child {
    background: #fc936e;
    color: #fff
}

.feature-summary-block-cubes .ft-cube img {
    height: 54.24px
}

.feature-summary-block-cubes .ft-cube .title {
    margin-top: 17px;
    font-weight: 700;
    font-size: 28px;
    line-height: 34px
}

.feature-summary-block-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 46px;
    color: #363e4e;
    margin-bottom: 32px
}

@media (max-width:1820px) {
    .features-detail-page-text {
        margin-left: 300px
    }
}

@media (max-width:1720px) {

    .features-detail-page-text,
    .features-details-logo-line {
        margin-left: 240px
    }

    .features-detail-page-text .heading {
        font-size: 40px;
        line-height: 42px
    }

    .features-detail-page-text .subtitle {
        margin-top: 22px
    }

    .features-detail-page-image img {
        max-height: 470px
    }

    .features-detail-bg {
        grid-template-columns: 1.15fr 1fr;
        grid-template-rows: 0.2fr 0.2fr 0.65fr 0.3fr 0.1fr
    }

    .lang-de .features-detail-page-text .heading,
    .lang-es .features-detail-page-text .heading,
    .lang-nl .features-detail-page-text .heading {
        font-size: 44px;
        line-height: 45px
    }

    .features-details-static-cta .secondary-cta {
        padding: 14px 20px
    }

    .features-details-static-cta .primary-cta {
        padding: 15px 20px
    }
}

@media (max-width:1620px) {

    .features-detail-page-text,
    .features-details-logo-line {
        margin-left: 190px
    }

    .features-detail-page-image img {
        max-height: 461px;
        height: 461px
    }

    .features-details-static-cta {
        margin-top: 22px
    }
}

@media (max-width:1536px) {

    .features-detail-page-text,
    .features-details-logo-line {
        margin-left: 188px
    }

    .features-detail-page-image img {
        max-height: 431px;
        height: 431px
    }

    .features-detail-bg {
        grid-template-rows: 0.16fr 0.17fr 0.6fr 0.3fr 0.1fr
    }

    .lang-de .features-detail-page-text .heading,
    .lang-es .features-detail-page-text .heading,
    .lang-fr .features-detail-page-text .heading,
    .lang-nl .features-detail-page-text .heading {
        font-size: 38px;
        line-height: 40px
    }

    .features-detail-page-text .subtitle,
    .lang-es .features-detail-page-text .subtitle,
    .lang-fr .features-detail-page-text .subtitle,
    .lang-nl .features-detail-page-text .subtitle {
        margin-top: 20px
    }

    .features-detail-page-text .heading {
        font-size: 44px;
        line-height: 42px
    }

    .features-details-logo-line {
        padding-top: 45px
    }

    .logo-line-text {
        font-size: 19px;
        line-height: 31px
    }
}

@media (max-width:1440px) {

    .features-detail-page-text,
    .features-details-logo-line {
        margin-left: 140px
    }

    .features-detail-page-image img {
        max-height: 406px
    }

    .lang-de .features-detail-page-text .heading,
    .lang-es .features-detail-page-text .heading,
    .lang-fr .features-detail-page-text .heading,
    .lang-nl .features-detail-page-text .heading {
        font-size: 37px;
        line-height: 40px
    }

    .lang-es .features-detail-page-text .subtitle,
    .lang-fr .features-detail-page-text .subtitle,
    .lang-nl .features-detail-page-text .subtitle {
        margin-top: 18px
    }

    .features-details-static-cta {
        margin-top: 15px
    }
}

@media (max-width:1390px) {

    .features-detail-page-text,
    .features-details-logo-line {
        margin-left: 120px
    }

    .lang-de .features-detail-page-text .heading,
    .lang-es .features-detail-page-text .heading,
    .lang-fr .features-detail-page-text .heading,
    .lang-nl .features-detail-page-text .heading {
        font-size: 38px;
        line-height: 39px
    }

    .lang-es .features-detail-page-text .subtitle,
    .lang-fr .features-detail-page-text .subtitle,
    .lang-nl .features-detail-page-text .subtitle {
        font-size: 15px;
        margin-top: 20px
    }
}

@media (max-width:1370px) {

    .features-detail-page-text,
    .features-details-logo-line {
        margin-left: 100px
    }

    .features-detail-page-image img {
        max-height: 400px;
        height: 400px
    }
}

@media (max-width:1300px) {

    .features-details-static-cta .primary-cta,
    .features-details-static-cta .secondary-cta {
        font-size: 18px;
        line-height: 16px;
        padding: 15px 20px;
        height: 46px;
        min-width: 180px
    }

    .features-detail-page-text,
    .features-details-logo-line {
        margin-left: 100px
    }

    .features-detail-page-image img {
        height: 417px;
        max-height: 333px
    }

    .logo-line-text {
        font-size: 17px;
        line-height: 26px
    }

    .features-details-logos img {
        margin-right: 16px
    }

    .features-detail-page-text .heading {
        font-size: 38px;
        line-height: 40px
    }

    .features-detail-page-text .subtitle {
        margin-top: 15px;
        font-size: 16px
    }

    .features-details-static-cta {
        margin-top: 13px
    }

    .lang-de .features-detail-page-text .heading,
    .lang-es .features-detail-page-text .heading,
    .lang-nl .features-detail-page-text .heading {
        font-size: 34px;
        line-height: 36px
    }

    .lang-de .lang-es .features-detail-bg,
    .lang-es .features-detail-bg,
    .lang-nl .features-detail-bg {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:700px) {
    .sec-comp-bg img {
        margin-bottom: 48px
    }

    .sec-comp-header-text-container .heading {
        font-weight: 700;
        font-size: 24px;
        line-height: 32px
    }

    .sec-comp-header-text-container .subheading {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px
    }

    .sec-comp-bg {
        margin-top: -50px
    }

    .sec-comp-accordian-container {
        grid-template-columns: 1fr;
        margin-bottom: 40px
    }

    .features-details-logos img:last-child,
    .sec-comp-accordian-text-column {
        margin-right: 0
    }

    .sec-comp-title {
        font-weight: 700;
        font-size: 24px;
        line-height: 29px;
        padding-top: 0;
        color: #363e4e
    }

    .sec-comp-description {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: #363e4e
    }

    .accordion_head {
        font-weight: 700;
        font-size: 20px;
        line-height: 24px
    }

    .plusminus {
        font-size: 36px
    }

    .features-details-logo-line {
        margin: 0 24px
    }

    .logo-line-text {
        font-weight: 400;
        font-size: 14px;
        line-height: 32px;
        text-align: center
    }

    .lang-de .features-bg-pic,
    .lang-es .features-bg-pic,
    .lang-fr .features-bg-pic,
    .lang-nl .features-bg-pic {
        height: 825px
    }

    .lang-it .features-detail-page-text .heading,
    .lang-de .features-detail-page-text .heading,
    .lang-es .features-detail-page-text .heading,
    .lang-nl .features-detail-page-text .heading {
        margin-top: 20px;
        font-size: 30px;
        line-height: 33px
    }

    .lang-es .features-detail-page-text .subtitle,
    .lang-fr .features-detail-page-text .subtitle,
    .lang-nl .features-detail-page-text .subtitle {
        margin-top: 15px
    }

    .lang-it .features-detail-bg {
        grid-template-rows: 0.1fr 0.8fr 1.5fr;
    }

    .lang-it .features-detail-page-text .subtitle {
        margin-top: 8px;
        font-size: 14px;
    }

    .features-details-logos {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr
    }

    .feature-summary-block-cubes,
    .features-details-optional-cubes,
    .two-column-text-image {
        grid-template-columns: 1fr
    }

    .features-details-logos img {
        width: 100%;
        margin-right: 18px;
        max-width: 64px;
        height: auto;
    }

    .features-detail-bg,
    .lang-de .lang-es .features-detail-bg,
    .lang-es .features-detail-bg,
    .lang-nl .features-detail-bg {
        grid-template-columns: 1fr;
        grid-template-rows: 0.5fr 1fr 1.5fr
    }

    .features-bg-pic {
        grid-area: 1/1/span 3/span 1;
        transform: scaleX(-1);
        height: 769px;
        object-fit: contain;
        z-index: 1;
        object-fit: cover
    }

    .features-detail-page-text {
        grid-area: 3/1/span 3/span 1;
        width: 366px;
        z-index: 100;
        margin: 0 24px
    }

    .features-details-static-cta {
        display: inline-flex;
        margin-top: 24px;
        flex-wrap: wrap
    }

    .features-detail-page-image {
        grid-area: 2/1/span 2/span 1;
        justify-self: end;
        z-index: 999
    }

    .features-detail-page-image img {
        max-height: 215px;
        z-index: 999;
        height: 215px
    }

    .features-detail-page-text .heading {
        font-weight: 700;
        font-size: 30px;
        line-height: 37px;
        margin-top: 40px
    }

    .features-detail-page-text .subtitle {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        margin-top: 8px
    }

    .features-details-static-cta .primary-cta {
        width: -webkit-fill-available;
        margin-right: 0
    }

    .features-details-static-cta .secondary-cta {
        width: -webkit-fill-available;
        margin-top: 16px
    }

    .two-column-text-image {
        grid-template-areas: "top" "bottom";
        margin: 56px 0
    }

    .image-left-col .two-column-image,
    .image-right-col .two-column-image {
        grid-area: bottom
    }

    .image-left-col .two-column-image img,
    .image-right-col .two-column-image img {
        max-width: 366px
    }

    .two-column-text .title {
        font-weight: 700;
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 8px
    }

    .two-column-text .description {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 24px
    }

    .features-details-gif-container {
        display: grid;
        grid-template-rows: 0.1fr 0.3fr 1fr;
        margin-bottom: 32px
    }

    .features-details-gif-container-title {
        font-weight: 700;
        font-size: 24px;
        line-height: 110%;
        margin-bottom: 19px
    }

    .features-details-optional-cubes .cube {
        margin-bottom: 16px
    }

    .features-optional-cta a {
        min-width: 316px;
        font-weight: 500;
        font-size: 16px;
        line-height: 130%;
        height: 53px
    }

    .lang-de .features-optional-cta a,
    .lang-es .features-optional-cta a,
    .lang-fr .features-optional-cta a,
    .lang-nl .features-optional-cta a {
        font-size: 14px;
        line-height: 130%
    }

    .features-optional-cta a svg {
        height: 16px
    }

    .lang-de .features-optional-cta a svg,
    .lang-es .features-optional-cta a svg,
    .lang-fr .features-optional-cta a svg,
    .lang-nl .features-optional-cta a svg {
        height: 10px;
        margin-left: 1px
    }

    .feature-summary-block-title {
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 17px
    }

    .feature-summary-block-cubes .ft-cube {
        margin-bottom: 16px;
        padding: 16px
    }

    .feature-summary-block-cubes .ft-cube img {
        height: 32px;
        margin-right: 17px
    }

    .feature-summary-block-cubes .ft-cube a {
        display: flex;
        align-items: center
    }

    .feature-summary-block-cubes .ft-cube .title {
        font-weight: 700;
        font-size: 18px;
        margin-top: 0;
        line-height: 20px
    }
}

.icon-tag-row .icon,
.integration-eg-card .tag-icon-row .icon {
    max-height: 32px;
    height: 32px
}

@media (max-width:360px) {

    .lang-es .features-optional-cta a,
    .lang-fr .features-optional-cta a {
        padding: 0 10px
    }

    .logo-line-text,
    .two-column-image img {
        max-width: 312px
    }

    .features-detail-page-text {
        width: 312px
    }

    .features-details-logos img {
        width: 70%;
        margin-right: 18px
    }

    .features-details-logos {
        justify-items: center
    }

    .features-detail-bg {
        grid-template-columns: 1fr;
        grid-template-rows: 0.3fr 1fr 1.5fr
    }
}

.integration-bg-img {
    background-repeat: no-repeat;
    margin-top: -120px;
    background-position: center center;
    padding: 7px 0;
    background-size: cover
}

.integration-eg-card,
.integrations-main-featured-card {
    background: #fff;
    box-shadow: 0 13.5204px 40.5612px rgba(54, 62, 78, .1);
    border-radius: 4px
}

.integrations-new-main {
    display: grid;
    margin: 207px 0 20px 380px;
    grid-template-columns: 0.4fr 0.6fr;
    align-items: center;
    justify-content: space-between
}

.integrations-new-main .text-col .heading {
    font-weight: 700;
    font-size: 48px;
    line-height: 48px;
    color: #363e4e;
    margin-bottom: 16px
}

.integrations-new-main .text-col .description {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    color: #363e4e
}

.integrations-new-main .image-col {
    justify-self: end
}

.integrations-main-featured {
    margin: 80px 0 96px
}

.integrations-main-featured .heading {
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 43px;
    text-align: center;
    margin-bottom: 33px
}

.icon-tag-row .tag,
.integration-eg-card .tag-icon-row .tag {
    border-radius: 56px;
    padding: 0 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    min-width: 90px;
    background: rgba(195, 202, 215, .5)
}

.integrations-main-featured-card-block {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 22px
}

.integrations-main-featured-card {
    padding: 16px 24px 25px
}

.integrations-main-featured-card:hover {
    box-shadow: 0 13.5204px 40.5612px rgba(252, 121, 75, .2)
}

.icon-tag-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 28px
}

.icon-tag-row .tag {
    height: 37px;
    display: grid;
    align-items: center;
    color: #363e4e;
    justify-items: center
}

.integration-eg-card .heading,
.integrations-main-featured-card .card-heading {
    font-weight: 700;
    font-size: 18.7963px;
    line-height: 29px;
    color: #363e4e;
    margin-bottom: 16.65px
}

.integrations-main-featured-card .integration-card-description-ft {
    font-weight: 400;
    font-size: 16.1111px;
    line-height: 25px;
    color: #848fa3;
    margin-bottom: 16px;
    min-height: 100px
}

.integrations-main-featured-card .text-link {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #fc794b;
    align-items: center;
    cursor: pointer
}

.integrations-main-featured-card .text-link svg {
    align-self: center;
    margin-left: 3px
}

.integrations-filter-container {
    margin-top: 150px
}

.integrations-filer-section-main {
    display: grid;
    grid-template-columns: 0.2fr 0.8fr
}

.integrations-filter-main .title {
    font-weight: 700;
    font-size: 40px;
    line-height: 43px;
    text-align: center;
    margin-bottom: 40px;
    color: #363e4e
}

.integration-eg-card {
    padding: 16px;
    display: grid
}

.integration-eg-card .tag-icon-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 9px
}

.filtered-integrations-boxes .ft-eg-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 24px;
    row-gap: 24px
}

.integration-eg-card .tag-icon-row .tag {
    height: 37px;
    display: grid;
    align-items: center;
    color: #363e4e;
    justify-items: center
}

.integration-eg-card .hover-cta {
    text-align: center;
    color: #fc794b;
    min-width: 78px;
    justify-self: center;
    border: 1px solid #fc794b;
    border-radius: 68px;
    padding: 8px 40px;
    height: 42px;
    display: none
}

.integration-card-description-ft-all {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #848fa3
}

.filter-tags-columns .filter-tag {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 18px;
    color: #363e4e
}

.filter-tags-columns .filter-tag:hover {
    color: #fc794b;
    cursor: pointer
}

.integration-details-content-main-container {
    margin-bottom: 40px;
    margin-top: 80px
}

.integration-details-content-main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 40px;
    align-items: end
}

.integration-details-content-main .content-main-col-1 .company-logo {
    height: 80px;
    max-height: 80px;
    margin-bottom: 17px
}

.integration-details-content-main .content-main-col-1 .integration-name {
    font-weight: 700;
    font-size: 40px;
    line-height: 29px;
    color: #363e4e;
    margin-bottom: 20px
}

.integration-details-content-main .content-main-col-1 .integration-tag {
    background: rgba(195, 202, 215, .5);
    border-radius: 56px;
    min-width: 90px;
    height: 37px;
    display: grid;
    justify-items: center;
    padding: 0 13px;
    width: fit-content;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 24px
}

.integration-details-content-main .content-main-col-1 .integration-main-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #363e4e
}

.integration-details-secondary-main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 40px
}

.integration-details-secondary-main .text-col-1,
.integration-details-secondary-main .text-col-2 {
    font-weight: 400;
    font-size: 18px;
    line-height: 29px;
    color: #363e4e
}

.integration-details-secondary-main .text-col ul {
    padding-inline-start: 15px
}

@media (max-width:1820px) {
    .integrations-new-main {
        margin: 207px 0 20px 300px
    }
}

@media (max-width:1720px) {
    .integrations-new-main {
        margin: 207px 0 20px 240px
    }
}

@media (max-width:1620px) {
    .integrations-new-main {
        margin: 207px 0 20px 180px
    }

    .lang-de .teams .box-btn-text .link span {
        white-space: nowrap
    }
}

@media (max-width:1536px) {
    .integrations-new-main {
        display: grid;
        margin: 207px 0 20px 188px
    }
}

@media (max-width:1440px) {
    .integrations-new-main {
        margin: 207px 0 20px 140px
    }
}

@media (max-width:1390px) {
    .integrations-new-main {
        margin: 207px 0 20px 120px
    }

    .integrations-new-main .image-col {
        width: 658px
    }
}

@media (max-width:1370px) {
    .integrations-new-main {
        margin: 207px 0 20px 100px
    }
}

@media (max-width:1300px) {
    .integrations-new-main {
        margin: 207px 0 40px 100px
    }
}

.speakers-block,
.webinar-video-main-detail {
    grid-template-columns: 1fr 1fr;
    display: grid
}

.webinar-video-main-container {
    margin-top: 100px;
    margin-bottom: 72px
}

.webinar-video-main .breadcrumb-custom {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px
}

.webinar-page-tag {
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #363e4e;
    background: #eff0f1;
    border-radius: 3.78px;
    width: fit-content;
    padding: 4px 7px;
    margin-bottom: 16px;
    margin-top: 20px
}

.speakers-block {
    column-gap: 40px;
    row-gap: 32px;
    justify-self: end
}

.speakers-block .speaker {
    display: inline-flex
}

.speakers-block .speaker .speaker-image-round {
    border-radius: 100%;
    height: 45px;
    margin-right: 12px
}

.speakers-block .speaker .name {
    font-weight: 700;
    font-size: 16.5px;
    line-height: 20px;
    color: #363e4e
}

.speakers-block .speaker .designation {
    font-weight: 400;
    font-size: 16.5px;
    line-height: 20px;
    color: #363e4e
}

.webinar-details .title {
    font-weight: 700;
    font-size: 40px;
    line-height: 52px;
    color: #fc794b;
    margin-bottom: 24px
}

.webinar-time svg {
    margin-right: 6px
}

.webinar-time {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #848fa3
}

.webinar-video-container {
    margin-bottom: 72px;
    text-align: center
}

.gf-form-custom-webinar .gform_confirmation_message p a img,
.pricing-card-main,
.webinar-video-container iframe {
    width: -webkit-fill-available
}

.webinar-content-preview-container {
    margin-bottom: 76px
}

.webinar-content-preview {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 54px
}

.column-webinar-content {
    display: flex;
    column-gap: 16px
}

.webinar-content-preview-container .title {
    font-weight: 700;
    font-size: 40px;
    line-height: 49px;
    color: #363e4e;
    margin-bottom: 24px
}

.column-webinar-content .text {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    font-family: IowanOldStyle;
    color: #363e4e
}

.webinar-video-container .ytp-cued-thumbnail-overlay-image {
    -webkit-background-size: contain !important
}

.podcast-listing-main-container {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 62px;
    margin-bottom: 63px
}

.podcast-main-bg {
    grid-area: 1/1/span 1/span 1;
    width: 100%
}

.podcast-main-content {
    grid-area: 1/1/span 1/span 1;
    display: flex;
    flex-direction: row;
    column-count: 2;
    column-gap: 65px;
    justify-self: center;
    align-self: center;
    align-items: center
}

.podcast-listing-desc-container,
.podcast-playlist-container .podcast-playlist,
.podcast-playlist-container .sort-filter {
    display: grid;
    column-gap: 64px;
    grid-template-columns: 0.68fr 0.32fr;
    column-count: 2
}

.podcast-illus {
    height: 256px
}

.podcast-main-content .heading {
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 44px;
    text-align: center;
    letter-spacing: 40px;
    text-transform: capitalize;
    color: rgba(0, 0, 0, .53)
}

.podcast-main-content .description {
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    line-height: 72px;
    text-align: center;
    color: #fff;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .16)
}

.podcast-main-text {
    width: 710px
}

.podcast-listing-desc-container {
    margin-bottom: 62.5px
}

.podcast-listing-desc-container .text-col .description {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #363e4e
}

.podcast-listing-desc-container .subscribe-col .subscribe-heading {
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
    color: #363e4e;
    margin-bottom: 16px
}

.podcast-listing-desc-container .subscribe-col .subscribe-logos-container {
    display: flex;
    column-gap: 24px
}

.podcast-listing-desc-container .text-col .tags {
    display: flex;
    margin-top: 16px;
    column-gap: 8px
}

.podcast-listing-desc-container .text-col .tags .podcast-tag {
    background: rgba(195, 202, 215, .5);
    border-radius: 4px;
    height: 25px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #363e4e;
    padding: 4px 16px
}

.podcast-playlist-container .sort-filter {
    margin-bottom: 26px;
    position: sticky;
    top: 0
}

#filtering {
    width: 250px;
    border: 1px solid #c3cad7;
    justify-self: flex-end;
    padding: 13px 20px;
    border-radius: 6px
}

#podcast_search_submit {
    background: 0 0;
    border: none
}

#podcast-search {
    padding: 6px
}

.podcast iframe {
    height: 126px;
    width: 750px
}

.podcast-playlist-container .podcast-playlist {
    margin-bottom: 64px
}

.featured-podcast-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
    color: #363e4e
}

.featured-podcast-desc {
    margin-top: 8px;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #363e4e
}

.podcast-ft-speakers {
    margin-top: 23px
}

.pod-speaker-ft-img {
    border-radius: 100%;
    width: 80px;
    height: 80px
}

.podcast-ft-speakers .pod-speaker {
    display: flex;
    column-gap: 16px;
    align-items: center;
    margin-bottom: 9px
}

.pod-ft-text .name {
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #363e4e
}

.pod-ft-text .desig {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #363e4e
}

#podcast-guest-cta {
    background: linear-gradient(90deg, #e14a53 1.81%, #ffa246 100%);
    border-radius: 74px;
    width: 100%;
    height: 60px;
    padding: 17px 32px;
    color: #fff;
    border: none;
    justify-content: space-between;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    align-items: center;
    margin-top: 45px;
    display: none
}

.podcast-questions-form {
    margin-top: 97px;
    background: #fff;
    box-shadow: 0 13.6095px 40.8285px rgba(54, 62, 78, .1);
    border-radius: 4px;
    padding: 24px
}

.podcast-questions-form .heading {
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
    color: #fc794b;
    margin-bottom: 8px
}

.podcast-questions-form .desc {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #363e4e;
    margin-bottom: 24px
}

.podcast-input .ginput_container input,
.podcast-input .ginput_container textarea {
    background: #f5f7fb;
    border-radius: 2px;
    border: none
}

.podcast-question-form .gform_footer input {
    border: 2px solid #fc794b;
    border-radius: 65px;
    background: #fff;
    align-items: center;
    justify-content: center;
    height: 50px;
    padding: 10px 50px;
    font-weight: 700;
    font-size: 20px;
    line-height: 18px;
    color: #fc794b
}

.podcast-return {
    color: #fc794b;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    background: 0 0;
    border: none
}

.podcast-nomatch {
    margin: 20px 0
}

.pd-search-error-dialog {
    padding: 64px 28px;
    background: #fff8f6;
    border-radius: 10.9471px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-items: center;
    margin-bottom: 24px
}

.pd-search-error-dialog .pd-error-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    margin-bottom: 8px;
    margin-top: 16px;
    color: #fc794b
}

.pd-search-error-dialog .pd-error-desc {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #363e4e
}

.pd-partner-input .gfield_required,
.pd-partner-input input,
.pd-partnership-form .gform_wrapper .gfield_required {
    color: #848fa3
}

.pd-partnership-form .gfield_label {
    color: #848fa3;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    font-family: QanelasSoft, sans-serif
}

.pd-partnership-form .gform_footer input {
    background: linear-gradient(90deg, #e14a53 1.81%, #ffa246 100%);
    border-radius: 96px;
    padding: 16px 56px;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px
}

@media (max-width:1820px) {
    .podcast iframe {
        height: 188px
    }

    .podcast iframe h2,
    .styles__segmentInfo___-GPA7 h2 {
        font-size: 21px
    }
}

@media (max-width:1536px) {
    .podcast iframe {
        height: 120px
    }
}

.competitor-feature {
    display: flex;
    column-count: 2;
    align-items: center;
    justify-items: flex-end;
    column-gap: 100px;
    margin-bottom: 50px;
    margin-top: 50px
}

.usp-bg-right {
    padding: 64px 0 64px 66px;
    column-gap: 39px
}

.usp-bg-left {
    flex-direction: row-reverse;
    padding: 50px 66px 50px 0;
    column-gap: 103px
}

.comp-ft-img img {
    height: 425px
}

.comp-ft-img {
    height: fit-content
}

.comp-ft-text .heading {
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    color: #fc794b;
    margin-bottom: 17px
}

.comp-ft-text .desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    font-family: IowanOldStyle;
    color: #363e4e;
    margin-bottom: 28px
}

.comp-ft-cta {
    border: 1.00694px solid #363e4e;
    border-radius: 64.4444px;
    font-weight: 700;
    font-size: 16.1111px;
    line-height: 20px;
    text-align: center;
    color: #363e4e;
    min-width: 61px;
    height: 20px;
    padding: 9px 48px
}

.anim-header .detail {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 60px
}

.content-info img {
    max-height: 486px;
    height: 486px
}

.detail__photo_new {
    height: 616px
}

@media (max-width:768px) {
    .anim-header .detail {
        grid-template-columns: 1fr
    }

    .content-info img {
        height: auto
    }

    .detail__photo_new {
        height: 275px
    }
}

.pd-partnership-form {
    margin: 20px
}

.price-keyft svg,
.price-num {
    margin-right: 11px
}

.add-on-feature-content {
    padding: 0 33px;
    display: flex;
    grid-gap: 30px
}

.lang-de .add-on-feature-content,
.lang-es .add-on-feature-content,
.lang-fr .add-on-feature-content,
.lang-nl .add-on-feature-content {
    padding: 0 23px;
    grid-gap: 20px
}

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

.heading-section .addon-flag {
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    background: rgba(80, 207, 112, .2);
    border-radius: 2px;
    align-items: center;
    text-align: center;
    height: fit-content;
    align-self: baseline;
    padding: 6px 9px;
    color: #50cf70
}

.add-ontext .description {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #363e4e
}

.add-on-cta {
    display: flex;
    column-gap: 15px;
    height: fit-content;
    align-items: center
}

.add-on-cta .primary {
    text-align: center;
    background: linear-gradient(90deg, #2cbd9a 0, #65c86d 100%);
    border-radius: 96px;
    min-width: 232px;
    padding: 16px 26px;
    color: #fff
}

.lang-de .add-on-cta .primary,
.lang-es .add-on-cta .primary,
.lang-fr .add-on-cta .primary,
.lang-nl .add-on-cta .primary {
    padding: 16px 10px
}

.add-on-cta .secondary {
    font-weight: 700;
    font-size: 16px;
    white-space: nowrap;
    line-height: 122.4%;
    color: #50cf70
}

.pricing-main-new-container {
    background-image: url(/wp-content/uploads/2023/05/Group-69.webp);
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: -264px
}

.pricing-main-new {
    padding-top: 1px;
    justify-content: center;
    align-items: center
}

.pricing-page-title {
    font-weight: 700;
    font-size: 60px;
    margin-bottom: 40px;
    line-height: 64px;
    margin-top: 370px;
    text-align: center;
    color: #363e4e;
    padding: 0 200px
}

.pricing-page-cards-container {
    display: flex;
    column-gap: 32px;
    align-items: center;
    justify-content: center;
    margin-top: 37px;
    margin-bottom: 32px;
    column-gap: 28px
}

.pricing-card {
    padding: 46.34px 30px 32px;
    background: #fff;
    border-radius: 8px;
    height: 825px
}

.lang-fr .pricing-card,
.lang-nl .pricing-card {
    padding: 46.34px 20px 32px
}

.most-popular-ribbon {
    height: 28px
}

.most-popular-display .most-popular-ribbon {
    height: 28px;
    text-align: center;
    background: #fc794b;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    border-top-right-radius: 8px;
    padding: 4px;
    border-top-left-radius: 8px
}

.most-popular-display .pricing-card {
    border: 2px solid #fc794b;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.price-plan-name {
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 32px;
    color: #363e4e;
    margin-bottom: 8px
}

.plan-tag {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #848fa3;
    margin-bottom: 22px
}

.pricing-value {
    display: flex;
    justify-content: center;
    min-height: 60px
}

.pricing-value .symbol {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #363e4e;
    padding-top: 4px;
    margin-right: 4px
}

.price-num {
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    text-align: center;
    color: #363e4e
}

.price-frequency {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    align-self: end;
    color: #363e4e
}

.enterprise-price {
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    color: #363e4e
}

.pricing-annual {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #848fa3;
    margin-top: 7px;
    margin-bottom: 32px
}

.matrix-table-header-row a,
.pricing-card-cta {
    border: 2px solid #fc794b;
    font-weight: 700;
    display: flex;
    text-align: center
}

.enterprise-plan .pricing-annual {
    margin-bottom: 53px
}

.lang-fr .enterprise-plan .pricing-annual {
    margin-bottom: 30px
}

.pricing-key-features {
    margin-bottom: 24px
}

.faq-page__list {
    padding: 0 180px
}

.faq-page {
    margin-bottom: 100px
}

.faq-page__bottom p {
    padding-left: 24px;
    margin: 0
}

.pricing-card-cta {
    border-radius: 30px;
    font-size: 18px;
    line-height: 32px;
    color: #fc794b;
    width: 100%;
    height: 60px;
    align-items: center;
    padding: 6px 20px;
    margin-bottom: 40px;
    justify-content: center
}

.lang-br .pricing-card-cta,
.lang-fr .pricing-card-cta {
    font-size: 16px;
    padding: 6px 9px
}

.most-popular-display .pricing-card-cta {
    background: linear-gradient(90deg, #e14a53 1.81%, #ffa246 100%);
    border-radius: 30px;
    color: #fff;
    border: none;
    padding: 6px 20px
}

.price-card-cta-container {
    border-bottom: 1.5px solid #e7ebf2;
    margin-bottom: 40px
}

.price-all-ft-container .title {
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    color: #fc794b;
    margin-bottom: 6px;
    min-height: 30px
}

.price-allft-ft {
    display: flex;
    align-items: baseline;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 6px;
    color: #848fa3
}

.container-addonfeature {
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 64px rgba(0, 0, 0, .04);
    padding: 24px 0 35px
}

.pricing-logo-slider-container {
    margin-bottom: 96px;
    margin-top: 88px
}

.pricing-logo-slider-heading {
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    margin: 5px 24px 40px
}

.toggle-container {
    display: flex;
    justify-content: center;
    align-items: center
}

.pricing-toggle-outer {
    display: inline-flex;
    background: #fff;
    box-shadow: inset 1px 4px 5px -1px rgba(0, 0, 0, .05);
    border-radius: 86px
}

.pricing-toggle-outer :first-child {
    border-top-left-radius: 86px;
    border-bottom-left-radius: 86px
}

.pricing-toggle-outer :last-child {
    border-top-right-radius: 86px;
    border-bottom-right-radius: 86px
}

.currency-switch-option {
    padding: 8.53px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #363e4e;
    width: 63.53px;
    cursor: pointer;
    background-color: #fff;
    border: none
}

.active-currency {
    background: radial-gradient(51.59% 51.59% at 50% 48.41%, rgba(255, 255, 255, .27) 0, rgba(255, 255, 255, 0) 83.03%), radial-gradient(97.77% 97.77% at 50% 50%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .09) 100%), linear-gradient(90deg, #ffa246 0, #e14a53 100%);
    border-radius: 86px;
    text-align: center;
    color: #fff
}

@media (max-width:1440px) {
    .pricing-main-new-container {
        background-size: 1502px auto;
        margin-top: -252px
    }
}

@media (max-width:800px) {
    .podcast-listing-main-container {
        margin-top: 48px;
        margin-bottom: 41px
    }

    .podcast-main-bg {
        height: 226px;
        overflow: hidden;
        width: auto
    }

    .podcast-main-text {
        display: grid;
        width: fit-content
    }

    .podcast-illus {
        grid-area: 1/1/span 1/span 1;
        height: 81px;
        display: grid
    }

    .podcast-main-content .heading {
        font-weight: 700;
        font-size: 13.7474px;
        letter-spacing: 18.3299px;
        line-height: 20px
    }

    .podcast-main-content .description {
        font-weight: 700;
        font-size: 29.3279px;
        line-height: 33px
    }

    .podcast-listing-desc-container {
        grid-template-columns: 1fr
    }

    .comp-ft-text .desc,
    .podcast-listing-desc-container .text-col .description {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px
    }

    .podcast-listing-desc-container .text-col {
        margin-bottom: 32px
    }

    .podcast-listing-desc-container .subscribe-col .subscribe-heading {
        font-weight: 700;
        font-size: 20px;
        margin-bottom: 10px;
        line-height: 34px
    }

    .podcast-logo-box .podcast-logo {
        height: 32px
    }

    .pc-seemore {
        font-weight: 700
    }

    .podcast-playlist-container .sort-filter {
        grid-template-columns: 1fr 1fr;
        column-gap: 18px
    }

    #filtering {
        width: -webkit-fill-available;
        padding: 10px 6px
    }

    #podcast_search_query {
        margin-left: 4px
    }

    .search-icon-mob-pd {
        align-self: center
    }

    #podcast-search {
        display: flex;
        border-bottom: none;
        justify-content: right;
        padding: 0;
        transition: 1s
    }

    .podcast-sticky {
        display: none
    }

    .pd-search-error-dialog {
        padding: 34px 15px;
        border-radius: 10.9471px;
        margin-bottom: 14px
    }

    .pd-search-error-dialog svg {
        width: 52px;
        height: auto
    }

    .pd-search-error-dialog .pd-error-title {
        font-weight: 500;
        font-size: 16px;
        line-height: 20px
    }

    .pd-search-error-dialog .pd-error-desc {
        font-size: 13px;
        line-height: 16px
    }

    .podcast-return {
        font-size: 15px
    }

    .podcast-playlist-container .podcast-playlist {
        column-count: 1;
        column-gap: 0;
        margin-bottom: 64px;
        grid-template-columns: 1fr
    }

    .podcast iframe {
        width: 100%;
        height: 113px
    }

    .fixed-slide__content-item-image {
        width: 699px;
        max-width: 100%
    }

    .competitor-feature {
        column-count: 1;
        align-items: center;
        flex-direction: column-reverse;
        margin-bottom: 50px;
        margin-top: 50px
    }

    .comp-ft-img img {
        width: -webkit-fill-available;
        height: auto;
        max-width: 100%
    }

    .comp-or {
        background: linear-gradient(360deg, #fff2ed 75%, #fff 35%) !important
    }

    .comp-gr {
        background: linear-gradient(360deg, #eefbf1 75%, #fff 35%) !important
    }

    .usp-bg-left,
    .usp-bg-right {
        padding: 30px 16px
    }

    .comp-ft-text .heading {
        font-weight: 700;
        font-size: 24px;
        line-height: 29px
    }

    .comp-ft-cta {
        display: grid;
        height: fit-content;
        min-height: 49px;
        padding: 12px 15px
    }

    .comparison-table table tr td:first-child {
        width: 184px;
        min-width: 184px
    }

    .add-on-feature-content {
        display: block;
        padding: 24px 24px 40px
    }

    .add-ontext .description,
    .plan-tag {
        font-weight: 400;
        font-size: 16px;
        line-height: 22px
    }

    .add-ontext .heading {
        font-weight: 700;
        font-size: 18px;
        line-height: 26px
    }

    .add-on-cta {
        display: grid;
        margin-top: 32px
    }

    .add-on-cta .primary {
        min-width: 100%;
        padding: 8px 15px
    }

    .add-on-cta .secondary {
        text-align: center;
        margin-top: 20px
    }

    .pricing-main-new-container {
        background-size: 600px auto;
        max-width: 800px;
        height: auto;
        background-image: url(/wp-content/uploads/2023/05/Group-70.webp);
        background-position: top;
        margin-top: 0
    }

    .pricing-page-cards-container {
        display: grid;
        column-count: 1
    }

    .pricing-card-main {
        margin-bottom: 24px
    }

    .pricing-main-new {
        margin-top: 0
    }

    .pricing-page-title {
        font-weight: 700;
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 34px;
        margin-top: 83px
    }

    .pricing-card {
        padding: 32px;
        height: auto
    }

    .price-plan-name {
        font-weight: 700;
        font-size: 32px;
        line-height: 32px
    }

    .pricing-key-features {
        display: flex;
        justify-content: center
    }

    .price-all-ft-container .title {
        min-height: 0
    }

    .pricing-logo-slider-heading {
        font-weight: 500;
        font-size: 20px;
        line-height: 24px
    }

    .faq-page__list {
        padding: 0 30px
    }

    .faq-page__bottom {
        padding-left: 24px
    }

    .faq-page__bottom p {
        margin: 0;
        padding-left: 0
    }

    .lang-es .add_on_feature .ribbon div,
    .lang-fr .add_on_feature .ribbon div {
        background-image: url(/wp-content/themes/easygenerator/assets/images/ribbon.svg)
    }

    .lang-fr .add_on_feature .ribbon div {
        padding: 12px 0 0 11px;
        font-size: 15px
    }

    .lang-es .pricing-card-cta,
    .lang-fr .pricing-card-cta {
        font-size: 14px;
        padding: 6px 3px
    }

    .lang-es .add_on_feature .ribbon div {
        padding: 15px 0 0 7px;
        font-size: 16px
    }
}

.pricing-matrix-container {
    margin-top: 80px
}

.matrix__container:before,
.matrix__item.btn-item-row {
    background-image: none;
    height: 0
}

.enterprise-plan .pricing-value {
    min-height: 35px
}

.matrix__item.btn-item-row.active {
    background-color: transparent;
    width: 1160px
}

.matrix-table-header-row {
    z-index: 1000;
    display: table-row;
    width: 100%
}

.matrix-table-header-row th {
    background-color: #fafafa
}

.matrix__item-first {
    background-color: transparent !important;
    height: 0
}

.matrix__item-box {
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    color: #363e4e;
    margin-bottom: 10px
}

.matrix-table-header-row a {
    border-radius: 30px;
    background: #fff;
    font-size: 16px;
    line-height: 20px;
    width: -webkit-fill-available;
    height: 44px;
    justify-content: center;
    align-items: center;
    color: #fc794b
}

.lang-br .matrix-table-header-row a,
.lang-br .solutions-cta .credit-card-cta .credit-card {
    font-size: 12px
}

.matrix-table-header-row a:hover {
    background-image: linear-gradient(to right, #ffa246, #e14a53);
    color: #fff;
    border-color: #fff
}

.matrix-table-header-row .team-plan-grad {
    background: linear-gradient(90deg, #ffa246 0, #e14a53 100%);
    color: #fff;
    border: none;
    z-index: 10000
}

.matrix-table-header-row .team-plan-grad:hover {
    background: #fff;
    border: 2px solid #fc794b;
    color: #fc794b
}

.matrix__container {
    width: 100%;
    height: auto
}

.matrix__item {
    display: table-header-group
}

.matrix__item-first {
    width: auto;
    padding-left: 0
}

.matrix-block-first-col,
.matrix-block:first-child {
    text-align: left;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    padding-left: 30.94px;
    color: #363e4e
}

.lang-nl .matrix-block-first-col {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px
}

.lang-de .matrix__container tbody .matrix-block .pro-plantick,
.lang-es .matrix__container tbody .matrix-block .pro-plantick,
.lang-fr .matrix__container tbody .matrix-block .pro-plantick,
.lang-nl .matrix-table-header-row,
.lang-nl .matrix__container tbody .matrix-block .pro-plantick,
.matrix__container tbody .matrix-block .matrix-block-first-col {
    font-size: 16px
}

.matrix-block:hover {
    background: #eff0f3
}

.matrix-table-header-row,
.matrix__container tr {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    column-gap: 25px;
    justify-content: center;
    text-align: center;
    align-items: center;
    white-space: nowrap;
    color: #fc794b
}

.lang-de .matrix-table-header-row,
.lang-es .matrix-table-header-row,
.lang-fr .matrix-table-header-row,
.lang-nl .matrix-table-header-row,
.matrix__container tr {
    grid-template-columns: 2fr 1fr 1fr 1fr;
    column-gap: 25px
}

.matrix-new-block-starter-row td {
    display: flex;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #fc794b
}

.matrix-new-block-starter-row:first-child {
    margin-top: 16px
}

.matrix-new-block-starter-row {
    margin-bottom: 8px;
    border-bottom: 1px solid #d9dfea;
    margin-top: 56px
}

.matrix-new-block-starter-row td img {
    height: 18px;
    width: auto;
    margin-right: 12px
}

.matrix-table-header-row,
.matrix__container tbody .matrix-block td {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    color: #363e4e
}

.matrix-content tr {
    height: 42px
}

.matrix__container tbody .matrix-block .pro-plantick {
    text-align: center;
    padding-left: 0;
    color: #848fa3
}

.matrix__container tbody .matrix-block .mat-dash {
    height: 1px;
    color: #848fa3
}

@media (max-width:1000px) {
    .pricing-matrix-container {
        display: none
    }

    .pricing-page-title {
        padding: 0
    }
}

#basicSlider .MS-content {
    white-space: nowrap;
    overflow: hidden;
    margin: 0 2%;
    height: 50px
}

#basicSlider .MS-content .item {
    display: inline-block;
    width: 20%;
    position: relative;
    overflow: hidden;
    height: 100%;
    white-space: normal;
    line-height: 50px
}

@media (max-width:991px) {
    #basicSlider .MS-content .item {
        width: 25%
    }
}

@media (max-width:767px) {
    .texts .left {
        font-size: 24px;
        font-weight: 700;
        line-height: 30px;
        text-align: left
    }

    .texts .right p {
        font-size: 16px;
        line-height: 24px;
        text-align: left
    }

    #basicSlider .MS-content .item {
        width: 35%
    }

    .single-post-hero__image {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-left: 0;
        justify-self: center
    }
}

@media (max-width:500px) {
    .usp-feature-main-element-left .head-text {
        padding-left: 0;
        padding-right: 0;
        width: auto
    }

    .competitor-uspbg-row-left {
        padding: 0 24px;
        margin-top: 0
    }

    .competitor-uspbg-row {
        padding: 15px 24px;
        margin-top: 41px
    }

    #basicSlider .MS-content .item {
        width: 70%
    }
}

#basicSlider .MS-content .item a {
    line-height: 50px
}

#basicSlider .MS-controls button {
    position: absolute
}

#basicSlider .MS-controls .MS-left {
    top: 35px;
    left: 10px
}

#basicSlider .MS-controls .MS-right {
    top: 35px;
    right: 10px
}

.adwords-main {
    display: grid;
    justify-items: center;
    align-items: center;
    margin-bottom: 30px;
    margin-top: 250px
}

.adwords-main .heading {
    font-weight: 700;
    font-size: 48px;
    line-height: 52px;
    color: #363e4e;
    margin-bottom: 16px
}

.adwords-main .description {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #363e4e;
    font-family: IowanOldStyle;
    margin-bottom: 40px
}

.adwords-main .cta-block .adwords-primary-cta {
    border-radius: 64px;
    min-width: 175px;
    padding: 12px 40px;
    height: 43px
}

.adwords-main .ratings-block {
    display: flex;
    gap: 48px
}

.adwords-main .ratings-block img,
.partnership-logos-container .logos img {
    height: 21px
}

.adwords-logo-line-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 50px 0;
    text-align: center
}

.adwords-logo-line .tagline {
    margin-bottom: 26px;
    font-weight: 500;
    font-size: 18px;
    width: -webkit-fill-available;
    position: relative;
    display: inline-flex;
    line-height: 19px;
    align-items: center;
    color: #848fa3
}

.adwords-logo-line .tagline .text {
    width: max-content;
    min-width: 428px
}

.adwords-logo-line .logo-container {
    margin-top: 8px;
    display: flex;
    gap: 88px
}

.solid-line {
    height: 1px;
    background: #eaecf1;
    width: inherit
}

.ai-prelaunch-main-container,
.promotional {
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width:900px) {
    .adwords-main {
        margin-top: 80px;
        margin-bottom: 40px
    }

    .adwords-main .heading {
        font-weight: 700;
        font-size: 32px;
        line-height: 33px;
        text-align: center
    }

    .adwords-main .description {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
        text-align: center
    }

    .adwords-main .cta-block {
        display: grid;
        margin: 24px 0;
        width: -webkit-fill-available
    }

    .adwords-main .cta-block .adwords-primary-cta {
        text-align: center
    }

    .adwords-main .cta-block .adwords-secondary-cta {
        margin-left: 0;
        text-align: center;
        margin-top: 24px
    }

    .adwords-main .ratings-block {
        gap: 20px
    }

    .adwords-main .ratings-block .rating {
        display: flex;
        gap: 12px
    }

    .adwords-main .ratings-block img {
        height: 15px
    }

    .adwords-logo-line .tagline .text {
        min-width: 300px;
        font-weight: 500;
        font-size: 14px;
        line-height: 19px
    }

    .adwords-logo-line .logo-container img {
        height: 25px
    }

    .adwords-logo-line .logo-container {
        gap: 18px
    }
}

.homepage-header-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: center;
    gap: 70px;
    margin-top: 60px
}

.homepage-image {
    width: 538px;
    display: flex;
    justify-self: end
}

.homepage-rating-image {
    height: 20px;
    margin-right: 14px
}

.homepage-header-rate {
    margin-bottom: 18px
}

.homepage-header-text {
    padding-right: 380px
}

.homepage-header-text .title {
    margin-bottom: 16px;
    font-style: normal;
    font-weight: 700;
    font-size: 54.4014px;
    line-height: 60px
}

.lang-de .homepage-header-text .title {
    font-size: 40px;
    line-height: 49px
}

.homepage-header-text .description {
    font-style: normal;
    font-weight: 400;
    font-size: 17.0092px;
    line-height: 28px;
    margin-bottom: 28px
}

.hp-cta {
    min-width: 199px;
    height: 43px;
    width: fit-content;
    padding: 0 40px;
    display: flex;
    justify-content: center;
    border-radius: 64px;
    color: #fff;
    align-items: center
}

.homepage-header-text .cta {
    display: grid;
    width: fit-content
}

.homepage-header-text .cta .subtext {
    text-align: center;
    color: #848fa3;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    margin-top: 5px
}

.homepage-logo-line-container {
    display: flex;
    margin-top: 36px;
    margin-bottom: 95px;
    align-items: center;
    justify-content: space-between;
    gap: 40px
}

.homepage-logo-line-container .logo-container {
    display: flex;
    gap: 60px;
    align-items: baseline;
    padding: 40px 0;
    border-top: 1px solid #e2e5e9;
    border-bottom: 1px solid #e2e5e9
}

.homepage-logo-line-container .tagline {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #363e4e
}

.features-details-gif-container-desc {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    margin-bottom: 65px;
    line-height: 26px
}

.promotional {
    margin-top: 113px;
    background-image: url(/wp-content/uploads/2023/03/Option-1.png);
    margin-bottom: 120px
}

.promotional__pictures {
    transform: translateX(27px)
}

.promotional__container {
    width: auto;
    display: flex
}

.promotional__info-title {
    font-weight: 700;
    font-size: 38px;
    line-height: 48px;
    color: #fff
}

.promotional__info-description {
    font-weight: 400;
    font-size: 18px;
    line-height: 29px;
    color: #fff
}

.homepage-features-container {
    display: flex;
    margin-top: 120px;
    margin-bottom: 120px;
    justify-content: center;
    align-items: center
}

.ai-flipboxes-container .flip,
.hp-img-right,
.pricing-desc-info-container .flip {
    flex-direction: row-reverse
}

.homepage-features-text-col .tagline {
    color: #fc794b;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 8px;
    background: linear-gradient(90deg, #e14a53 1.81%, #ffa246 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.homepage-features-text-col .title {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #363e4e;
    margin-bottom: 18px
}

.homepage-features-text-col .description {
    margin-bottom: 24px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px
}

.homepage-features-text-col .cta .button-cta {
    padding: 0 40px;
    height: 56px;
    min-width: 305px;
    margin-right: 24px;
    border-radius: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.lang-de .homepage-features-text-col .cta .button-cta,
.lang-es .homepage-features-text-col .cta .button-cta,
.lang-fr .homepage-features-text-col .cta .button-cta {
    padding: 0 21px;
    margin-right: 13px
}

.lang-de .homepage-features-text-col .cta .button-cta {
    padding: 0 21px
}

.homepage-features-text-col .cta .text-cta {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-align: left;
    color: #fc794b;
    white-space: nowrap
}

.homepage-features-main-img,
.pricing-desc-info-container .flipboxes .text,
.pricing-desc-info-container .flipboxes img,
.pricing-desc-info-container .flipboxes video {
    width: 480px
}

.homepage-security-headings .subheading {
    text-transform: uppercase;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #fc794b;
    margin-bottom: 9px
}

.homepage-security-headings .heading {
    color: #363e4e;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 24px
}

.homepage-security-box {
    display: flex;
    border-radius: 16px;
    box-shadow: 4px 4px 26px 8px rgba(252, 121, 75, .1);
    padding: 42px 45px 67px
}

.homepage-bg-container {
    background-position: 288px 222px;
    background-repeat: no-repeat
}

.homepage-security-box .text-side {
    max-width: 418px;
    padding-right: 48px;
    border-right: 1px solid #ebeced
}

.security-list-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 50px;
    row-gap: 45px;
    padding-left: 56px
}

.ai-waitlist-form-box .ai-waitlist_wrapper .ai-waitlist .gform_body .gform_fields fieldset .ginput_container,
.conact-us-gf .ginput_container_name,
.gf-form-custom .ginput_container_name,
.security-list-items .security-list-item {
    display: flex;
    gap: 20px
}

.security-list-items .security-list-item img {
    height: 32px
}

.security-list-items .security-list-item .list-text {
    color: #363e4e;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px
}

.homepage-security-box .text-side .paragraph-content {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 40px;
    color: #363e4e
}

.homepage-security-box .text-side a {
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    min-width: 179px;
    padding: 16px 40px;
    height: 56px;
    background: linear-gradient(90deg, #e14a53 1.81%, #ffa246 100%);
    border-radius: 56px;
    margin-top: 24px;
    display: block;
    margin-bottom: 42px;
    width: fit-content
}

.lang-es .new-main-header .s-header .top-links li {
    margin-left: 22px
}

.ai-prelaunch-main-container {
    margin-top: 36px
}

.ai-main-bg-container .main-image {
    position: absolute;
    width: 100%
}

.ai-main-bg-container {
    margin-top: -50px
}

.ai-prelaunch-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 241px;
    position: relative;
    padding-bottom: 157px
}

.ai-postlaunch-main .title,
.ai-prelaunch-main .title {
    font-weight: 700;
    font-size: 72px;
    line-height: 52px;
    text-align: center;
    color: #fff;
    margin-bottom: 32px
}

.ai-prelaunch-main .description {
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    margin-bottom: 35px;
    width: 627px;
    text-align: center
}

.ai-prelaunch-main .cta .button-cta {
    display: block;
    background: #fff;
    border-radius: 64px;
    text-align: center;
    min-width: 190px;
    padding: 10px 40px;
    height: 43px;
    margin-right: 24px;
    color: #363e4e
}

.ai-prelaunch-main .cta .text-cta {
    padding: 10px 0;
    color: #fff
}

.ai-prelaunch-paragraph {
    margin-top: 62px;
    text-align: center;
    display: grid;
    justify-content: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px
}

.ai-prelaunch-paragraph p {
    width: 963px;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px
}

.ai-waitlist-form-container {
    display: grid;
    gap: 40px;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 85px;
    margin-top: 60px;
    background: #fff;
    box-shadow: 4px 4px 44px rgba(0, 0, 0, .08);
    border-radius: 8px;
    min-height: 400px
}

.ai-waitlist-form-container-main {
    margin-right: 68px
}

.ai-waitlist-form-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-size: cover;
    justify-content: center;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.ai-waitlist-form-text .heading {
    color: #fff;
    font-weight: 700;
    font-size: 48px;
    text-align: center;
    line-height: 48px;
    margin-bottom: 7px
}

.ai-waitlist-form-text .description {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    width: 390px
}

.ai-waitlist-form-box {
    padding-top: 88px
}

.ai-waitlist-form-container-main .disclaimer {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #848fa3;
    margin-bottom: 59px
}

.ai-waitlist .gform-body legend,
.ebook-header-container .form-container .ebook-form .gform_wrapper form .gform_body .gform_fields .gfield .gfield_label {
    color: #848fa3;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px
}

.ai-waitlist .ai-waitlist-text label,
.ai-waitlist .gform_wrapper.gravity-theme fieldset,
.gform_wrapper.gravity-theme legend {
    color: #848fa3 !important;
    font-weight: 700;
    font-family: QanelasSoft, sans-serif !important;
    font-size: 12px !important;
    line-height: 16px !important
}

.ai-waitlist .gform_wrapper.gravity-theme #field_submit .gform-button--width-full,
.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full {
    display: block;
    background: linear-gradient(90deg, #4e82fb 0, #5ebeff 100%);
    border-radius: 96px;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    width: 100%;
    line-height: 18px;
    border: none
}

.ai-waitlist-text .ginput_container .gfield .iti.iti--allow-dropdown input {
    border: none;
    border-bottom: 2px solid #cad5e2
}

.ai-waitlist .gfield {
    margin-top: 25px
}

.gfield .iti.iti--allow-dropdown input {
    border: none !important;
    border-bottom: 2px solid #cad5e2
}

.gfield .iti.iti--allow-dropdown {
    border-bottom: 2px solid #cad5e2 !important
}

.ai-waitlist .gform_wrapper.gravity-theme .gfield input.large,
.gform_wrapper.gravity-theme .gfield select.large {
    padding-bottom: 11px;
    border-bottom: 2px solid #cad5e2;
    width: 100%
}

.ai-waitlist-form-box .gform_confirmation_wrapper {
    display: flex;
    align-items: center;
    min-height: 400px
}

.ai-waitlist-form-box .gform_confirmation_wrapper .gform_confirmation_message {
    text-align: center;
    color: #363e4eb8
}

.ai-waitlist .gform_footer {
    padding: 23px 90px 30px
}

.pricing-desc-info-container {
    margin-top: 90px;
    margin-bottom: 60px
}

.pricing-desc-info-container .flipboxes {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 93px;
    gap: 100px
}

.pricing-desc-info-container .flipboxes .text .title {
    font-weight: 700;
    font-size: 38px;
    line-height: 48px;
    margin-bottom: 16px;
    color: #363e4e
}

.pricing-desc-info-container .flipboxes .text .description {
    color: #363e4e;
    font-family: IowanOldStyle;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px
}

.adwords-animated-header-container {
    background-repeat: no-repeat;
    background-size: 100%
}

.adwords-animated-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 100px;
    padding: 190px 0 117px
}

.adwords-animated-header video {
    width: 550px
}

.adwords-animated-header .text .heading {
    color: #363e4e;
    font-weight: 700;
    font-size: 44px;
    line-height: 50px;
    margin-bottom: 16px
}

.adwords-animated-header .text .subheading {
    color: #363e4e;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    font-family: IowanOldStyle;
    margin-bottom: 64px
}

.adwords-animated-header .text .cta {
    display: flex;
    gap: 24px
}

.adwords-animated-header .text .cta a {
    border-radius: 48px;
    min-width: 252px;
    height: 49px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.teams .container .items .box .photo {
    margin-top: 109px
}

.adwords-animated-header .adword-main-image {
    width: 488px
}

.my-slider-custom {
    display: flex;
    margin-top: 32px;
    height: -webkit-fill-available
}

.slider-items {
    background: #fff;
    border-radius: 3.16915px;
    display: flex;
    flex-direction: row;
    margin-right: 32px;
    padding: 25px 22px 20px
}

.slider-items .cards {
    display: flex;
    flex-direction: column;
    gap: 25px
}

.customer-profiles {
    display: flex;
    flex-direction: row;
    align-items: end
}

.customer-profile-logo .customer-picture {
    height: 58.09px;
    border-radius: 100%
}

.customer-profile-logo .brand-logo {
    width: 33.55px;
    border-radius: 100%;
    left: -15px;
    position: relative
}

.customer-profile-logo {
    display: flex;
    flex-direction: row;
    align-items: baseline
}

.customer-profile-data .name {
    font-weight: 500;
    font-size: 14.2612px;
    line-height: 17px;
    color: #848fa3
}

.customer-profile-data .prof {
    font-weight: 300;
    font-size: 14.2612px;
    line-height: 17px;
    color: #848fa3
}

.customer-profile-data {
    display: flex;
    flex-direction: column;
    align-items: baseline
}

.testimonial-card-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #363e4e;
    min-height: 114px
}

.dark-cta-container {
    margin-top: 50px;
    margin-bottom: 70px
}

.dark-cta {
    background-image: url(https://s3.eu-central-1.amazonaws.com/media-assets-marketing.easygenerator.com/wp-content/uploads/2023/07/14010126/tefjqv5trvxjdqrgo0xn.webp);
    display: flex;
    flex-direction: row;
    background-color: #363e4e;
    background-repeat: no-repeat;
    border-radius: 8px;
    background-position-y: bottom;
    background-position-x: center;
}

.dark-cta .text-side {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 800px;
    align-self: center;
    margin: 77px 60px 77px 50px
}

.lang-es .dark-cta .text-side {
    width: 880px;
    margin-right: 41px;
    margin-left: 38px
}

.dark-cta .dark-cta-list {
    margin-top: 77px;
    margin-bottom: 77px;
    margin-right: 62px;
    border-left: 1px solid #fc794b;
    display: flex;
    align-items: center
}

.dark-cta .text-side .title {
    font-weight: 400;
    font-size: 38px;
    line-height: 50px;
    align-items: center;
    color: #fff
}

.dark-cta .text-side .cta {
    display: flex;
    flex-direction: row;
    gap: 24px
}

.dark-cta .text-side .cta a {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    line-height: 18px;
    padding: 0 30px;
    text-align: center
}

.interested-cta-button-fill,
.interested-cta-button-transparents {
    border-radius: 96px;
    min-width: 202px;
    height: 50px
}

.interested-cta-button-transparents {
    border: 1px solid #fff;
    border-radius: 64px
}

.dark-cta-list ul li {
    display: flex;
    flex-direction: row;
    gap: 18px;
    align-items: baseline
}

.dark-cta-list ul li .list-text {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px
}

.dark-cta-list ul {
    display: flex;
    flex-direction: column;
    gap: 32px
}

.solutions {
    display: flex;
    flex-direction: row;
    margin-top: 260px;
    align-items: center;
    justify-content: space-between;
    gap: 75px
}

.solutions .solutions-main-illustration {
    width: 538px
}

.solutions-main-text .subtext {
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    color: #363e4e;
    margin-bottom: 40px
}

.solutions-cta {
    display: flex;
    align-items: center;
    gap: 30px
}

.solutions-cta .credit-card-cta .free-trial-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, #e14a53 1.81%, #ffa246 100%);
    border-radius: 96px;
    min-width: 239px;
    height: 52px;
    padding: 0 20px
}

.solutions-cta .credit-card-cta {
    display: flex;
    flex-direction: column;
    align-items: center
}

.solutions-cta .credit-card-cta .credit-card {
    font-weight: 500;
    font-size: 16px;
    line-height: 122.4%;
    color: rgba(54, 62, 78, .7);
    margin-top: 2px;
    height: 20px
}

.solutions-cta .credit-card-cta .demo-link {
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #363e4e
}

.solutions-orange-gr {
    background: linear-gradient(180deg, rgba(252, 121, 75, .4) 0, rgba(252, 121, 75, 0) 100%)
}

.solutions-purple-gr {
    background: linear-gradient(180deg, rgba(205, 92, 191, .4) 0, rgba(205, 92, 191, 0) 100%)
}

.solutions-blue-gr {
    background: linear-gradient(180deg, rgba(86, 159, 254, .4) 0, rgba(86, 159, 254, 0) 100%)
}

.solutions-green-gr {
    background: linear-gradient(180deg, rgba(80, 207, 112, .4) 0, rgba(80, 207, 112, 0) 100%)
}

.about-us-stats-container,
.ai-post-main-bg-container,
.partnership-benefits-container .partnership-image,
.partnership-logos-container {
    background-repeat: no-repeat;
    background-size: cover
}

.lang-br .solutions-main-text .heading,
.lang-de .solutions-main-text .heading,
.lang-es .solutions-main-text .heading,
.lang-fr .solutions-main-text .heading,
.lang-nl .solutions-main-text .heading {
    font-size: 40px;
    line-height: 48px
}

.lang-br .solutions-main-text .subtext,
.lang-de .solutions-main-text .subtext,
.lang-es .solutions-main-text .subtext,
.lang-fr .solutions-main-text .subtext,
.lang-nl .solutions-main-text .subtext {
    font-size: 18px;
    line-height: 135%
}

.lang-br .features-detail-page-text .heading,
.lang-de .features-detail-page-text .heading {
    font-size: 35px;
    line-height: 36px
}

.lang-br .features-detail-page-text .subtitle {
    margin-top: 22px
}

.partnership-benefits-container {
    display: flex;
    margin-bottom: 100px;
    margin-top: 100px;
    gap: 80px
}

.partnership-benefits-container .partnership-image {
    height: auto;
    min-width: 422px;
    border-radius: 8px
}

#gform_154 .gform_footer .gform-button--width-full,
.partnership-testimonials-container .subtitle,
.partnerships-form .gform_footer .gform_button {
    background: linear-gradient(90deg, #e14a53 1.81%, #ffa246 100%)
}

.partnership-benefits-container .partnership-benefits-steps-container .heading {
    font-weight: 700;
    font-size: 49.8512px;
    line-height: 59px;
    margin-bottom: 24px;
    letter-spacing: -1.91736px;
    color: #fc794b
}

.partnership-benefits-container .partnership-benefits-steps-container .partnership-benefit-steps {
    display: flex;
    gap: 40px;
    padding: 32px 0;
    border-bottom: 1px solid #e2e8f0
}

.partnership-benefits-container .partnership-benefits-steps-container .partnership-benefit-steps .sno {
    color: #d4d4d8;
    letter-spacing: -.958678px;
    font-weight: 500;
    font-size: 34.5124px;
    line-height: 52px
}

.partnership-benefits-container .partnership-benefits-steps-container .partnership-benefit-steps .step {
    font-size: 20px;
    line-height: 31px;
    color: #363e4e
}

.partnership-steps-container .partnership-steps-top .text {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: center;
    text-align: right;
    padding-right: 120px
}

.partnership-steps-container .partnership-steps-top .text .heading {
    color: #fff;
    font-weight: 700;
    font-size: 60px;
    line-height: 66px;
    margin-bottom: 8px;
    width: 390px
}

.partnership-steps-container .partnership-steps-top .text .subheading {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    width: 390px;
    line-height: 26px
}

.partnership-steps-list {
    display: grid;
    justify-content: space-evenly;
    margin-top: 48px;
    margin-bottom: 88px;
    gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.partnership-steps-list .step .no .sno {
    background: #fc794b;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 60px;
    height: 60px;
    font-weight: 500;
    font-size: 28px;
    line-height: 38px
}

.partnership-steps-list .step .no {
    display: flex;
    align-items: center;
    margin-bottom: 30px
}

.partnership-steps-list .step .no:after {
    border-bottom: 2px dashed #e2e8f0;
    content: '';
    flex: 1
}

.partnership-steps-list .step:last-child :after {
    border-bottom: none;
    content: ""
}

.partnership-steps-list .step .text .title {
    color: #363e4e;
    font-weight: 700;
    font-size: 21px;
    line-height: 32px;
    margin-bottom: 16px
}

.partnership-steps-list .step .text .description {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #3f3f46
}

.partnership-logos-container {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    column-gap: 116px;
    row-gap: 115px;
    padding: 72px 122px;
    margin-bottom: 92px;
    border-radius: 8px;
    background-image: url(/wp-content/uploads/2023/04/BG.jpg)
}

.partnership-logos-container .title {
    width: 215px;
    font-weight: 700;
    font-size: 30.4645px;
    line-height: 35px;
    color: #fff
}

.partnership-logos-container .logos {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 56px;
    row-gap: 42px
}

.partnership-testimonials-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 81px
}

.partnership-testimonials-container .subtitle {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fc794b;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 2px;
    text-align: center;
    margin-bottom: 12px
}

.partnership-testimonials-container .title {
    font-weight: 700;
    font-size: 46.9354px;
    line-height: 56px;
    text-align: center;
    letter-spacing: -1.80521px;
    color: #363e4e;
    margin-bottom: 50px
}

.partnership-testimonials-container .card-template-container {
    display: grid;
    gap: 28px;
    grid-template-columns: 1fr 1fr
}

.partnership-testimonials-container .card-template-container .card {
    display: flex;
    gap: 34px
}

.partnership-testimonials-container .card-template-container .card img {
    height: 215px;
    width: auto;
    border-radius: 8px
}

.partnership-testimonials-container .card-template-container .card .text p {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #363e4e;
    margin-bottom: 24px;
    min-height: 240px
}

.partnership-testimonials-container .card-template-container .card .text .name {
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #363e4e
}

.partnership-testimonials-container .card-template-container .card .text .company {
    color: #64748b;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px
}

.graph .bar .dot,
.graph .bar .tooltip,
.topdot {
    transform: translateX(-50%)
}

.ai-post-main-bg-container {
    height: 617px;
    margin-top: -56px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.ai-postlaunch-main .subtitle {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 12px
}

.ai-postlaunch-main .description {
    margin-bottom: 48px;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #fff
}

.ai-postlaunch-main .cta {
    display: flex;
    justify-content: center;
    gap: 24px;
    align-items: center
}

.ai-postlaunch-main .cta .button-cta {
    min-width: 194px;
    height: 43px;
    background: #fff;
    border-radius: 64px;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    display: flex;
    align-items: center;
    color: #363e4e;
    justify-content: center
}

.ai-postlaunch-main .cta .text-cta {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #fff
}

.ai-flipboxes-container {
    display: flex;
    flex-direction: column;
    row-gap: 120px;
    margin-bottom: 120px
}

.ai-flipboxes-container .ai-flipboxes {
    display: flex;
    align-items: center;
    gap: 90px;
    justify-content: space-between
}

.ai-flipboxes-container .ai-flipboxes .ai-flipbox-media-bg {
    /* background: linear-gradient(103.21deg, rgba(205, 92, 191, .3) 1.72%, rgba(86, 159, 254, .3) 91.23%); */
    border-radius: 8px;
    height: 411px;
    max-width: 509px;
    width: inherit;
    display: flex;
    align-items: center;
    justify-content: start
}

.ai-flipboxes-container .ai-flipboxes .ai-flipbox-media-bg img,
.ai-flipboxes-container .ai-flipboxes .ai-flipbox-media-bg video {
    width: 529px;
    position: relative;
    right: 65px;
    box-shadow: -4px 4px 20px rgba(0, 0, 0, .15);
    border-radius: 8px
}

.ai-flipboxes-container .ai-flipboxes .text-side {
    width: 542px
}

.ai-flipboxes-container .ai-flipboxes .text-side .description {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-family: IowanOldStyle;
    color: #363e4e;
    margin-bottom: 40px
}

.ai-flipboxes-container .ai-flipboxes .text-side .list {
    display: flex;
    flex-direction: column;
    row-gap: 26px;
    align-items: flex-start
}

.ai-flipboxes-container .ai-flipboxes .text-side .list .point-container {
    display: flex;
    gap: 24px;
    align-items: flex-start
}

.ai-flipboxes-container .ai-flipboxes .text-side .list .text {
    font-size: 16px;
    line-height: 24px;
    color: #363e4e
}

.ai-flipboxes-container .ai-flipboxes .text-side .list .point-container img {
    width: 22px
}

.faq-block-container {
    margin-top: 100px;
    margin-bottom: 100px;
    padding: 0 180px
}

.faq-block-container .title {
    font-weight: 700;
    font-size: 40px;
    line-height: 54px;
    color: #363e4e;
    text-align: center;
    margin-bottom: 40px
}

.faq-accordian-container {
    background-color: transparent;
    margin-bottom: 16px
}

.faq-accordian-container .accordion_head {
    background-color: transparent;
    padding: 16px 24px;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    color: #363e4e
}

.faq-accordian-container .accordion_body {
    color: #848fa3;
    font-size: 16px;
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    padding: 16px 76px 16px 24px
}

.faq-block-container .faq-bottom-text {
    padding: 0 24px
}

.conact-us-gf .gfield .ginput_container input {
    width: 100%;
    margin: 10px 0
}

.about_us_header_container {
    display: flex;
    margin-bottom: 80px;
    align-items: center;
    margin-top: 34px;
    gap: 94px
}

.about_us_header_container .about_us_image {
    width: 516px
}

.about_us_header_container .about-us-content {
    width: 504px
}

.about_us_header_container .about-us-content .about_us_stars {
    display: flex;
    gap: 10px;
    margin-bottom: 16px
}

.about_us_header_container .about-us-content .about_us_title {
    color: #363e4e;
    font-weight: 700;
    font-size: 54px;
    margin-bottom: 16px;
    line-height: 60px
}

.about_us_header_container .about-us-content .about_us_description {
    font-weight: 400;
    font-size: 17.0092px;
    line-height: 28px;
    color: #363e4e;
    margin-bottom: 24px
}

.about_us_header_container .about-us-content .about_us_cta {
    display: flex;
    background: linear-gradient(90deg, #2cbd9a 0, #65c86d 100%);
    border-radius: 64px;
    color: #fff;
    min-width: 225px;
    height: 43px;
    width: fit-content;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    justify-content: center
}

.about-us-stats-container {
    background-color: #363e4e;
    border-radius: 8px;
    display: flex;
    gap: 56px;
    align-items: center;
    justify-content: center;
    padding: 50px 107px;
    color: #fff;
    margin-bottom: 95px
}

.lang-fr .about-us-stats-container {
    padding: 50px 86px
}

.about-us-stats-container .about_us_stat {
    display: flex;
    gap: 16px;
    align-items: center
}

.about-us-stats-container .about_us_stat .number {
    font-weight: 500;
    font-size: 46.5432px;
    line-height: 55px
}

.lang-fr .about-us-stats-container .about_us_stat .number {
    font-size: 44px
}

.about-us-stats-container .about_us_stat .descriptive-text {
    font-weight: 400;
    font-size: 16.0109px;
    line-height: 24px
}

.about_us_values_container {
    display: grid;
    grid-template-columns: 0.6fr 0.4fr;
    gap: 65px;
    padding-right: 380px;
    align-items: center;
    margin-bottom: 90px;
    margin-top: 60px
}

.about_us_values_container .about_us_values_left {
    display: grid;
    background-image: url(/wp-content/uploads/2023/05/Group-13895-1.png);
    background-color: linear-gradient(360deg, #fba07f 80%, transparent 15%);
    background-repeat: repeat-x;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    background-position-y: bottom
}

.about_us_values_container .about_us_values_left img {
    margin-left: 380px;
    margin-bottom: 21px;
    border-radius: 8px;
    width: 460px;
    height: 460px
}

.about_us_values_container .about_us_values_right .title {
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
    color: #363e4e;
    margin-bottom: 12px
}

.about_us_values_container .about_us_values_right .description {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #363e4e;
    margin-bottom: 32px
}

.about_us_values_container .about_us_values_right .easygenerator-core-values {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 40px
}

.about_us_values_container .about_us_values_right .easygenerator-core-values .values {
    display: flex;
    gap: 17px;
    align-items: baseline
}

.about_us_values_container .about_us_values_right .easygenerator-core-values .values img {
    height: 15px
}

.about_us_values_container .about_us_values_right .easygenerator-core-values .values .values-text .heading {
    color: #363e4e;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 8px
}

.about_us_values_container .about_us_values_right .easygenerator-core-values .values .values-text .subheading {
    color: #52525b;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.about-us-news-container {
    display: flex;
    gap: 87px;
    margin-top: 138px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 149px
}

.about-us-news-container .text {
    margin-left: 380px
}

.about-us-news-container .text .subheading {
    background: linear-gradient(140deg, #e14a53 1.81%, #ffa246 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 5px
}

.about-us-news-container .text .heading {
    color: #363e4e;
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 8px;
    line-height: 48px
}

.about-us-news-container .text .description {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #363e4e
}

.about-us-news-container .press-release-container {
    padding: 111px 0;
    align-items: center;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: 86%
}

.about-us-news-container .press-release-container .press-release-blogs {
    display: flex;
    margin-right: 380px;
    height: fit-content;
    gap: 24px
}

.about-us-news-container .press-release-container .more-press {
    display: flex;
    justify-content: end;
    margin-right: 380px;
    text-align: right;
    color: #fff;
    margin-top: 45px;
    align-items: center;
    gap: 10px
}

.about-us-news-container .press-release-container .press-release-blogs .blog {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: #fff;
    box-shadow: 3.1556px 3.1556px 22.0892px rgba(192, 192, 192, .25);
    border-radius: 3.1556px;
    padding: 18.5px;
    height: auto
}

.about-us-news-container .press-release-container .press-release-blogs .blog img {
    width: 333px
}

.about-us-news-container .press-release-container .press-release-blogs .blog a {
    font-weight: 700;
    font-size: 19.8279px;
    line-height: 26px;
    color: #363e4e
}

.about_us_badges-container {
    background-image: url(/wp-content/uploads/2023/05/Badges_BG_Desktop.png);
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
    justify-content: center;
    padding: 72px 0 64px
}

.barrr,
.graph .bar {
    bottom: 0;
    transition: height .3s;
    background-image: linear-gradient(#fd946f1a, #fd946f)
}

.about_us_badges-container .badges {
    display: flex;
    gap: 80px
}

.about_us_badges-container .badges img {
    height: 120px
}

.about_us_badges-container .title {
    color: #f5f7fb;
    font-weight: 700;
    font-size: 46.9354px;
    line-height: 56px
}

.about-us-timeline {
    margin-top: 70px;
    margin-bottom: 70px
}

.graph {
    width: 100%;
    height: 240px;
    border-bottom: 4px solid;
    position: relative;
    border-image: linear-gradient(214deg, #fd9672, #fd957145) 1;
    border-radius: 2px;
    margin-top: 105px
}

.barrr,
.graph .bar,
.graph .bar .year,
.topdot {
    position: absolute
}

.graph .bar {
    width: 3px
}

.barrr {
    width: 1px
}

.graph .bar:hover {
    height: 100%
}

.graph .bar .dot {
    width: 20px;
    height: 20px;
    background-color: #fe9976;
    border-radius: 50%;
    margin-left: 15px;
    margin-top: 5px
}

.graph .bar .tooltip {
    position: absolute;
    background-color: #fff;
    color: #000;
    padding: 24px;
    font-size: 12px;
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s;
    min-width: 340px;
    width: 428px;
    left: 90px;
    border-radius: 5px;
    box-shadow: 0 0 0 1px #80808036;
    border: none;
    transform: translate(-107%, -71%)
}

.graph .bar .year,
.tooltip h2 {
    color: #fe9976;
    font-weight: 600
}

.graph .bar .tooltip-left {
    transform: translate(-41%, -71%)
}

.graph .bar .tooltip-mid {
    transform: translate(-76%, -71%)
}

.graph .bar .def1992,
.graph .bar:hover .tooltip {
    visibility: visible;
    opacity: 1
}

.topdot {
    background-color: #fe997638;
    bottom: -15px;
    border-radius: 50%;
    width: 30px;
    height: 30px
}

.tooltip h2 {
    font-size: 32px;
    line-height: 24px;
    margin: 0 0 4px
}

.tooltip p {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #363e4e
}

.graph .bar .year {
    margin-top: 5px;
    font-size: 20px;
    bottom: -50px;
    left: -18px
}

.about-us-timeline-title {
    letter-spacing: -1.80375px;
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
    color: #fd946f;
    margin-bottom: 24px
}

.about-us-timeline-description {
    font-weight: 500;
    font-size: 18px;
    line-height: 32px;
    color: #363e4e
}

@media (max-width:1820px) {

    .about_us_values_container,
    .homepage-header-text {
        padding-right: 300px
    }

    .ai-prelaunch-main {
        padding-top: 220px
    }

    .about-us-news-container .text,
    .about_us_values_container .about_us_values_left img {
        margin-left: 300px
    }

    .about-us-news-container .press-release-container .more-press,
    .about-us-news-container .press-release-container .press-release-blogs {
        margin-right: 300px
    }
}

@media (max-width:1720px) {

    .about_us_values_container,
    .homepage-header-text {
        padding-right: 240px
    }

    .ai-prelaunch-main {
        padding-top: 190px
    }

    .about-us-news-container .text,
    .about_us_values_container .about_us_values_left img {
        margin-left: 240px
    }

    .about-us-news-container .press-release-container .more-press,
    .about-us-news-container .press-release-container .press-release-blogs {
        margin-right: 240px
    }
}

@media (max-width:1620px) {

    .about_us_values_container,
    .homepage-header-text {
        padding-right: 180px
    }

    .about-us-news-container .text,
    .about_us_values_container .about_us_values_left img {
        margin-left: 180px
    }

    .about-us-news-container .press-release-container .more-press,
    .about-us-news-container .press-release-container .press-release-blogs {
        margin-right: 180px
    }
}

@media (max-width:1536px) {

    .lang-nl .matrix-table-header-row,
    .matrix__container tbody .matrix-block .matrix-block-first-col {
        font-size: 15px
    }

    .about_us_values_container,
    .homepage-header-text {
        padding-right: 188px
    }

    .ai-prelaunch-main {
        padding-top: 173px
    }

    .ai-prelaunch-main .title {
        font-size: 59px
    }

    .ai-prelaunch-main .description {
        font-size: 18px;
        line-height: 28px
    }

    .about-us-news-container .text,
    .about_us_values_container .about_us_values_left img {
        margin-left: 188px
    }

    .about-us-news-container .press-release-container .press-release-blogs {
        margin-right: 188px
    }

    .about-us-news-container .press-release-container .more-press {
        margin-right: 188px;
        margin-top: 28px
    }

    .about-us-news-container .press-release-container {
        background-size: 80%
    }
}

@media (max-width:1440px) {
    .homepage-header-text {
        padding-right: 140px
    }

    .about_us_values_container {
        padding-right: 140px;
        grid-template-columns: 0.55fr 0.45fr
    }

    .about-us-news-container .text,
    .about_us_values_container .about_us_values_left img {
        margin-left: 140px
    }

    .about-us-news-container .press-release-container .more-press,
    .about-us-news-container .press-release-container .press-release-blogs {
        margin-right: 140px
    }
}

@media (max-width:1390px) {

    .about_us_values_container,
    .homepage-header-text {
        padding-right: 120px
    }

    .about-us-news-container .text,
    .about_us_values_container .about_us_values_left img {
        margin-left: 120px
    }

    .about-us-news-container .press-release-container .more-press,
    .about-us-news-container .press-release-container .press-release-blogs {
        margin-right: 120px
    }
}

@media (max-width:1370px) {

    .about_us_values_container,
    .homepage-header-text {
        padding-right: 100px
    }

    .about-us-news-container .text,
    .about_us_values_container .about_us_values_left img {
        margin-left: 100px
    }

    .about-us-news-container .press-release-container .more-press,
    .about-us-news-container .press-release-container .press-release-blogs {
        margin-right: 100px
    }
}

@media (max-width:1280px) {
    .integrations-new-main {
        grid-template-columns: 0.5fr 0.5fr;
        margin: 207px 0 40px 100px
    }

    .integrations-new-main .image-col {
        width: 558px
    }

    .homepage-header-text {
        padding-right: 60px
    }

    .about_us_values_container {
        padding-right: 60px;
        grid-template-columns: 0.5fr 0.5fr
    }

    .about-us-news-container .text,
    .about_us_values_container .about_us_values_left img {
        margin-left: 60px
    }

    .about-us-news-container .press-release-container .more-press,
    .about-us-news-container .press-release-container .press-release-blogs {
        margin-right: 60px
    }

    .about-us-news-container .press-release-container {
        background-size: 94%
    }
}

.customer_stories_header_margin {
    margin-top: -6px
}

.customer-stories-video-container .customer-stories-carousel-topbar .title {
    font-weight: 700;
    font-size: 32px;
    line-height: 24px;
    color: #363e4e
}

.customer-stories-video-container .customer-stories-carousel-topbar {
    display: flex;
    justify-content: space-between;
    align-items: baseline
}

.customer-stories-video-container .customer-stories-carousel-topbar .controls {
    display: flex;
    padding-inline-start: 0px;
    margin-block-start: 0em;
    margin-block-end: 0em;
    list-style-type: none
}

.customer-video-card-container {
    margin-top: 40px;
    display: flex;
    width: 1160px;
    margin-bottom: 80px
}

.customer-video-card-container .card-csv {
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 16px rgba(54, 62, 78, .1);
    min-height: 500px;
    min-width: 360px;
    display: flex;
    margin-right: 40px;
    align-items: center
}

.customer-video-card-container .card-csv .non-hover-card {
    display: flex;
    flex-direction: column
}

.customer-video-card-container .card-csv .non-hover-card img {
    width: 100%;
    height: 202px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.customer-video-card-container .card-csv .non-hover-card .text-container-csv {
    display: flex;
    flex-direction: column;
    margin: 40px 32px 52px;
    gap: 30px
}


.customer-video-card-container .card-csv .non-hover-card .text-container-csv .video-title {
    font-weight: 500;
    font-size: 26px;
    line-height: 32px;
    color: #363e4e;
    min-height: 150px
}

.lang-nl .customer-video-card-container .card-csv .non-hover-card .text-container-csv .video-title {
    min-height: 192px;
}

.customer-video-card-container .card-csv .non-hover-card .text-container-csv .conversion-rate-container {
    display: flex;
    gap: 11px;
    align-items: center
}

.customer-video-card-container .card-csv .non-hover-card .text-container-csv .conversion-rate-container .number {
    color: #2cbd9a;
    font-weight: 700;
    font-size: 26px;
    line-height: 39px
}

.customer-video-card-container .card-csv .non-hover-card .text-container-csv .conversion-rate-container .description {
    color: #363e4e;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px
}

.customer-video-card-container .card-csv .hover-card {
    display: flex;
    flex-direction: column;
    padding: 42px 32px 52px;
    justify-content: center
}

.customer-video-card-container .card-csv .hover-card img {
    width: 100%;
    margin-bottom: 42px;
    max-height: 202px
}

.customer-video-card-container .card-csv .hover-card .desc_hover {
    font-size: 20px;
    text-align: center;
    line-height: 1;
    color: #363e4e;
    margin-bottom: 30px
}

.customer-video-card-container .card-csv .hover-card button {
    border: 1px solid #2cbd9a;
    font-family: QanelasSoft, sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #2cbd9a;
    border-radius: 30px;
    display: inline-block;
    background-color: transparent;
    padding: 10px 40px;
    transition: .2s ease-in;
    outline: 0
}

.video-detail-text-container {
    margin-top: 50px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    font-family: IowanOldStyle, serif;
    color: #363e4e;
    margin-bottom: 40px
}

.video-detail-text-container .video-to-text-cs {
    display: flex;
    width: fit-content;
    min-width: 240px;
    justify-content: center;
    align-items: center;
    border: 2px solid #363e4e;
    border-radius: 64px;
    color: #363e4e;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    margin-top: 32px;
    padding: 16px
}

.related-customer-stories-title {
    color: #fc794b;
    font-weight: 700;
    font-size: 32px;
    line-height: 46px;
    margin-bottom: 32px
}

.related-customer-stories-container {
    padding-top: 60px;
    padding-bottom: 70px
}

.related-stories-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.growth-pod-form .gform-body .gform_fields {
    display: flex;
    background: #fff;
    border: .5px solid rgba(132, 143, 163, .4);
    border-radius: 68px;
    width: 500px;
    align-items: center;
    justify-content: space-between
}

.growth-pod-form-input .ginput_container input {
    border: none;
    background: 0 0
}

.growth-pod-form .gform-body .gform_fields #field_submit input {
    background: #363e4e;
    font-weight: 700;
    font-size: 14px;
    line-height: 12px;
    color: #fff;
    border-radius: 96px;
    font-family: QanelasSoft, sans-serif;
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: center;
    min-width: 164px;
    margin: 6px 6px 6px 10px;
    height: 36px
}

.growth-pod-form .gform-body .gform_fields #field_submit input :focus-visible {
    outline: 0
}

.ebook-header-container {
    display: flex;
    gap: 32px;
    padding: 180px 0 72px
}

.ebook-header-container .text-container .breadcrumbs {
    background: rgba(252, 121, 75, .2);
    border-radius: 4px;
    height: 32px;
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 0 8px;
    gap: 3px;
    margin-bottom: 16px;
    color: #fc794b;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px
}

.ebook-header-container .text-container .title {
    color: #363e4e;
    font-weight: 700;
    font-size: 48px;
    margin-bottom: 16px;
    line-height: 56px
}

.ebook-header-container .text-container .description {
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: #363e4e
}

.ebook-header-container .form-container {
    background: #fff;
    box-shadow: 4px 4px 44px rgba(0, 0, 0, .08);
    border-radius: 8px;
    width: 440px;
    padding: 56px 32px 60px
}

.ebook-header-container .text-container {
    max-width: 650px;
}

.ebook-header-container .form-container .form-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    color: #363e4e;
    margin-bottom: 48px
}

.ebook-header-container .form-container .ebook-form .ginput_container input {
    width: 100%;
    margin-bottom: 40px
}

.ebook-header-container .form-container .ebook-form .gform_footer {
    margin-top: 48px;
    padding: 0
}

.ebook-header-container .form-container .ebook-form .gf-form-custom .gform_footer input {
    background: linear-gradient(90deg, #e14a53 1.81%, #ffa246 100%);
    border-radius: 96px;
    display: flex;
    width: 100%;
    justify-content: center;
    border-color: #fff
}

.homepage-video-container {
    background-image: url(/wp-content/uploads/2023/03/Group-950.png);
    background-size: cover;
}

@media (max-width:700px) {
    .homepage-video-container {
        background-image: url(/wp-content/uploads/2023/03/Group-950-300x114.png);

    }

    .filtered-integrations-boxes .ft-eg-container,
    .integrations-main-featured-card-block {
        row-gap: 8px
    }

    .filtered-integrations-boxes .ft-eg-container,
    .integration-details-content-main,
    .integration-details-secondary-main,
    .integrations-filer-section-main,
    .integrations-main-featured-card-block,
    .integrations-new-main {
        grid-template-columns: 1fr;
        grid-template-columns: 1fr
    }

    .integrations-new-main {
        margin: 150px 0 20px;
        grid-template-areas: "int-top" "int-bottom"
    }

    .integrations-new-main .image-col {
        grid-area: int-top;
        width: 85%;
        margin-bottom: 23px
    }

    .integrations-new-main .text-col {
        grid-area: int-bottom;
        margin: 0 24px
    }

    .integrations-new-main .text-col .heading {
        font-weight: 700;
        font-size: 30.5464px;
        line-height: 37px;
        margin-bottom: 8px
    }

    .integrations-new-main .text-col .description {
        font-weight: 500;
        font-size: 16px;
        line-height: 150%
    }

    .about-us-timeline,
    .adwords-animated-header .text .cta .cta-fill,
    .adwords-animated-header .text .cta .cta-line,
    .customer-video-card-container .card-csv .non-hover-card .text-container-csv .conversion-rate-container,
    .filter-tags-columns,
    .integration-card-description-ft-all,
    .integrations-main-featured-card .integration-card-description-ft,
    .integrations-main-featured-card .text-link,
    .partnership-benefits-container .partnership-benefits-steps-container .heading,
    .partnership-steps-container .partnership-steps-top img,
    .partnership-steps-list .step:last-child .line,
    .solutions-cta .credit-card-cta .credit-card {
        display: none
    }

    .icon-tag-row {
        margin-bottom: 5px
    }

    .integrations-main-featured-card {
        padding: 24px 16px
    }

    .integrations-main-featured-card .card-heading {
        margin-bottom: 0;
        font-size: 18px;
        line-height: 24px
    }

    .integrations-main-featured .heading {
        font-weight: 700;
        font-size: 24px;
        line-height: 32px
    }

    .integrations-main-featured {
        margin: 56px 0 73px
    }

    .filter-tag-mobile {
        display: block;
        margin-bottom: 16px
    }

    .filter-tag-mobile select {
        width: 100%;
        background: #fff;
        height: 40px;
        border: 1px solid #848fa3;
        border-radius: 6px;
        overflow: hidden;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        font-family: QanelasSoft, sans-serif;
        color: #363e4e;
        padding: 0 16px
    }

    .filter-tag-mobile select .tag-opt {
        width: 100%;
        white-space: normal;
        overflow: hidden
    }

    .integration-details-content-main {
        row-gap: 32px
    }

    .integration-details-content-main .content-main-col-1 .company-logo {
        max-height: 56px;
        height: 56px;
        margin-bottom: 17px
    }

    .integration-details-content-main .content-main-col-1 .integration-name {
        margin-bottom: 16px;
        font-weight: 700;
        font-size: 32px;
        line-height: 40px
    }

    .integration-details-content-main .content-main-col-1 .integration-tag {
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 16px
    }

    .column-webinar-content .text,
    .integration-details-content-main .content-main-col-1 .integration-main-text,
    .integration-details-secondary-main .text-col-1,
    .integration-details-secondary-main .text-col-2 {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px
    }

    .about-us-news-container .press-release-container .press-release-blogs .blog img,
    .about_us_header_container .about-us-content,
    .about_us_header_container .about_us_image,
    .ai-flipboxes-container .ai-flipboxes .text-side,
    .ai-postlaunch-main .cta .text-cta,
    .content-main-col-2 img,
    .customer-profile-data,
    .customer-profile-logo,
    .solutions .solutions-main-illustration,
    .solutions-cta .credit-card-cta {
        width: 100%
    }

    .content-main-col-2,
    .customer-video-card-container .card-csv .hover-card img,
    .webinar-video-container {
        margin-bottom: 32px
    }

    .integration-details-secondary-main {
        row-gap: 48px
    }

    .speakers-block,
    .webinar-content-preview {
        grid-template-columns: 1fr;
        row-gap: 16px
    }

    .partnership-testimonials-container .card-template-container,
    .related-stories-cards,
    .webinar-video-main-detail {
        grid-template-columns: 1fr
    }

    .webinar-details .title {
        font-weight: 700;
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 16px
    }

    .webinar-time {
        margin-bottom: 33px
    }

    .speakers-block {
        justify-self: flex-start
    }

    .speakers-block .speaker .speaker-image-round {
        height: 32px
    }

    .speakers-block .speaker .name {
        font-size: 12px;
        line-height: 15px
    }

    .speakers-block .speaker .designation {
        font-size: 12px;
        line-height: 14px
    }

    .webinar-video-container iframe {
        width: -webkit-fill-available;
        height: 175px
    }

    .webinar-video-main-container {
        margin-top: 67px;
        margin-bottom: 40px
    }

    .webinar-content-preview-container .title {
        font-weight: 700;
        font-size: 20px;
        line-height: 24px
    }

    .column-webinar-content {
        column-gap: 8px
    }

    .column-webinar-content .icon svg {
        height: 16px
    }

    .homepage-header-text {
        padding-right: 0;
        margin: 30px 0
    }

    .lang-de .homepage-header-text {
        margin-top: 172px 0
    }

    .homepage-image {
        justify-self: baseline;
        width: 312px;
        min-height: 335px
    }

    .adwords-animated-header .adword-main-image,
    .adwords-animated-header video,
    .homepage-features-text-col .cta .button-cta,
    .homepage-header-text .cta,
    .hp-cta,
    .pricing-desc-info-container .flipboxes .text,
    .pricing-desc-info-container .flipboxes img,
    .pricing-desc-info-container .flipboxes video {
        width: -webkit-fill-available
    }

    .lang-de .homepage-image {
        margin-top: 53px
    }

    .homepage-header-container {
        display: flex;
        flex-direction: column;
        gap: 30px;
        margin: 30px 24px 5px
    }

    .about_us_header_container .about-us-content .about_us_stars,
    .homepage-header-rate {
        margin-bottom: 16px
    }

    .homepage-header-text .title {
        margin-bottom: 8px;
        font-weight: 700;
        font-size: 32px;
        line-height: 40px
    }

    .homepage-header-text .description {
        margin-bottom: 32px;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px
    }

    .hp-cta {
        font-size: 16px;
        line-height: 18px
    }

    .homepage-logo-line-container {
        display: grid;
        justify-content: center
    }

    .homepage-logo-line-container .logo-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 45px;
        padding: 10px 0;
        border-top: none;
        border-bottom: none;
        justify-items: center
    }

    .homepage-logo-line-container .logo-container img {
        height: 38px
    }

    .lang-it .homepage-logo-line-container .logo-container img {
        height: 29px;
    }

    .homepage-logo-line-container .tagline {
        text-align: center;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px
    }

    .features-details-gif-container-desc {
        margin-bottom: 24px;
        font-size: 16px
    }

    .homepage-features-container {
        display: flex;
        column-count: 1;
        flex-direction: column;
        gap: 32px !important
    }

    .homepage-features-main-img {
        max-width: 312px
    }

    .homepage-features-text-col .tagline {
        font-weight: 500;
        font-size: 16px;
        line-height: 18px
    }

    .homepage-features-text-col .title {
        font-weight: 700;
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 8px
    }

    .homepage-features-text-col .description {
        font-weight: 400;
        font-size: 16px;
        margin-bottom: 30px;
        line-height: 24px
    }

    .homepage-features-text-col .cta {
        display: flex;
        flex-direction: column
    }

    .homepage-features-text-col .cta .button-cta {
        margin-right: 0;
        text-align: center;
        padding: 0 20px;
        height: 43px
    }

    .homepage-features-text-col .cta .text-cta {
        font-weight: 700;
        font-size: 16px;
        line-height: 18px;
        margin-top: 16px
    }

    .lang-es .homepage-features-text-col .cta .button-cta,
    .lang-fr .homepage-features-text-col .cta .button-cta {
        padding: 11px 21px;
        margin-right: 0
    }

    .customer-profiles,
    .hp-img-right,
    .partnership-steps-container .partnership-steps-top {
        flex-direction: column
    }

    .homepage-features-text-col .cta .text-cta.hp-ft-text-cta-mob {
        text-align: left;
        font-size: 20px;
        width: -webkit-fill-available
    }

    .homepage-security-headings .subheading {
        font-weight: 500;
        font-size: 14px;
        margin-bottom: 8px;
        line-height: 18px
    }

    .lang-de .homepage-security-headings .heading,
    .lang-es .homepage-security-headings .heading,
    .lang-fr .homepage-security-headings .heading {
        font-size: 30px
    }

    .homepage-security-headings .heading {
        font-weight: 700;
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 9px
    }

    .homepage-security-box {
        flex-direction: column;
        padding: 24px 16px 40px
    }

    .security-list-items {
        grid-template-columns: 1fr;
        padding-left: 0;
        row-gap: 26px
    }

    .homepage-security-box .text-side {
        padding-right: 0;
        margin-bottom: 40px;
        border-bottom: 1px solid #ebeced;
        border-right: 1px
    }

    .homepage-security-box .text-side a {
        height: 48px;
        font-size: 16px;
        line-height: 24px;
        padding: 12px 40px
    }

    .homepage-security-box .text-side .paragraph-content {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        margin-bottom: 16px
    }

    .homepage-bg-container {
        background-position: 206px 146px
    }

    .security-list-items .security-list-item .list-text {
        font-weight: 400;
        font-size: 18px;
        line-height: 21px
    }

    .promotional {
        padding-bottom: 64px;
        padding-top: 50px
    }

    .promotional__info-title {
        font-size: 24px;
        line-height: 32px
    }

    .lang-de .homepage-header-text .title {
        font-size: 32px;
        line-height: 40px
    }

    .ai-prelaunch-main {
        padding-top: 113px;
        padding-bottom: 80px;
        margin-top: 30px
    }

    .ai-main-bg-container .main-image {
        width: auto;
        height: 451px
    }

    .ai-main-bg-container {
        margin-top: -50px
    }

    .ai-prelaunch-main .title {
        font-weight: 700;
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 9px
    }

    .ai-prelaunch-main .description {
        width: auto;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 26px
    }

    .ai-prelaunch-main .cta {
        flex-direction: column;
        width: -webkit-fill-available;
        text-align: center
    }

    .ai-prelaunch-main .cta .button-cta {
        font-weight: 700;
        font-size: 16px;
        line-height: 18px;
        margin-right: 0
    }

    .ai-prelaunch-main .cta .text-cta {
        margin-top: 16px
    }

    .ai-prelaunch-main-container {
        background-position: -140px;
        margin-top: -17px
    }

    .ai-prelaunch-paragraph {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px
    }

    .ai-prelaunch-paragraph p {
        width: auto;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px
    }

    .ai-waitlist-form-container {
        grid-template-columns: 1fr;
        gap: 48px
    }

    .ai-waitlist-form-text {
        height: 211px;
        border-bottom-left-radius: 0;
        border-top-right-radius: 8px;
        background-repeat: no-repeat
    }

    .ai-waitlist-form-text .heading {
        font-weight: 700;
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 8px
    }

    .ai-waitlist-form-text .description {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        width: 100%
    }

    .ai-waitlist-form-box {
        padding-top: 0
    }

    .ai-waitlist {
        padding: 0 24px
    }

    .ai-waitlist-form-container-main {
        margin-right: 0
    }

    .ai-waitlist-form-container-main .disclaimer {
        margin: 10px 24px 59px
    }

    .ai-waitlist .gform_wrapper.gravity-theme #field_submit .gform-button--width-full,
    .gform_wrapper.gravity-theme .gform_footer .gform-button--width-full {
        height: 50px;
        padding: 0
    }

    .homepage-logo-slider-mobile {
        display: grid
    }

    .homepage-logo-slider-mobile .homepage-logo img {
        width: inherit;
        padding: 16px
    }

    .homepage-logo-slider-mobile .homepage-logo {
        background: #fff;
        border-radius: 8px;
        width: 102.3px;
        height: 74.48px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .homepage-logo-slider-mobile .item {
        display: flex;
        flex-flow: wrap;
        gap: 14px;
        width: 1064px
    }

    .ai-waitlist-form-box .gform_confirmation_wrapper {
        min-height: 175px
    }

    .pricing-desc-info-container .flip,
    .pricing-desc-info-container .flipboxes {
        flex-direction: column;
        gap: 24px
    }

    .pricing-desc-info-container .flipboxes .text .title {
        font-size: 24px;
        line-height: 29px
    }

    .ai-flipboxes-container .ai-flipboxes .text-side .list .text,
    .partnership-benefits-container .partnership-benefits-steps-container .partnership-benefit-steps .step,
    .pricing-desc-info-container .flipboxes .text .description {
        font-size: 16px;
        line-height: 24px
    }

    .adwords-animated-header {
        flex-direction: column-reverse;
        gap: 24px;
        padding: 69px 0 64px
    }

    .adwords-animated-header-container {
        background-size: cover
    }

    .adwords-animated-header .text .heading {
        font-size: 28px;
        line-height: 34px
    }

    .adwords-animated-header .text .subheading,
    .ai-flipboxes-container .ai-flipboxes .text-side .description {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 24px
    }

    .adwords-animated-header .text .cta .mobile {
        display: flex;
        width: -webkit-fill-available
    }

    .adwords-animated-header .text .cta {
        gap: 0;
        justify-content: center
    }

    .adwords-animated-header .text {
        text-align: center
    }

    .testimonial-card-text {
        font-weight: 400;
        font-size: 16px;
        line-height: 19px
    }

    .ai-flipboxes-container .ai-flipboxes .text-side .list .point-container,
    .slider-items .cards {
        gap: 16px
    }

    .customer-profile-logo .customer-picture {
        height: 52px
    }

    .customer-profile-logo .brand-logo {
        height: 30px
    }

    .dark-cta {
        background-image: url(/wp-content/uploads/2023/06/Ellipse-33-2.png);
        background-size: contain;
        background-repeat: no-repeat;
        flex-direction: column
    }

    .dark-cta .text-side {
        margin: 32px 16px 40px;
        width: auto
    }

    .ai-postlaunch-main .cta,
    .dark-cta .text-side .cta,
    .solutions-cta {
        flex-direction: column;
        gap: 16px
    }

    .dark-cta .dark-cta-list {
        border-top: 1px solid #fc794b;
        padding-top: 29px;
        margin: 0 16px 24px;
        border-left: none
    }

    .dark-cta .text-side .title {
        font-size: 20px;
        line-height: 28px;
        text-align: center;
        margin-bottom: 16px
    }

    .dark-cta .text-side .cta a {
        font-size: 16px;
        line-height: 161%;
        width: 100%
    }

    .dark-cta-list ul {
        padding-inline-start: 0px;
        gap: 16px
    }

    .lang-es .dark-cta .text-side {
        width: 100%;
        padding: 32px 16px 40px;
        margin: 0
    }

    .solutions {
        flex-direction: column-reverse;
        gap: 30px;
        margin-top: 160px
    }

    .solutions-main-text .heading {
        font-size: 30.5464px;
        line-height: 37px;
        margin-bottom: 8px
    }

    .solutions-main-text .subtext {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        margin-bottom: 28px
    }

    .solutions-cta .credit-card-cta .free-trial-cta {
        width: 100%;
        height: 49px;
        font-size: 16px;
        line-height: 161%
    }

    .solutions-cta .credit-card-cta .demo-link {
        font-weight: 700;
        font-size: 16px;
        line-height: 18px
    }

    .lang-br .solutions-main-text .heading,
    .lang-de .solutions-main-text .heading,
    .lang-es .solutions-main-text .heading,
    .lang-fr .solutions-main-text .heading,
    .lang-nl .solutions-main-text .heading {
        font-size: 27px;
        line-height: 34px
    }

    .lang-br .solutions-main-text .subtext,
    .lang-de .solutions-main-text .subtext,
    .lang-es .solutions-main-text .subtext,
    .lang-fr .solutions-main-text .subtext,
    .lang-nl .solutions-main-text .subtext {
        font-size: 16px
    }

    .partnership-benefits-container {
        margin-top: 80px;
        margin-bottom: 60px;
        flex-direction: column;
        gap: 16px
    }

    .partnership-benefits-container .partnership-image {
        height: 250px;
        width: 100%;
        min-width: 300px;
        background-position: center
    }

    .partnership-benefits-container .heading-mobile {
        display: block;
        font-weight: 700;
        font-size: 32px;
        line-height: 40px;
        letter-spacing: -1.91736px;
        color: #fc794b
    }

    .partnership-benefits-container .partnership-benefits-steps-container .partnership-benefit-steps {
        gap: 16px;
        padding: 16px 0
    }

    .partnership-benefits-container .partnership-benefits-steps-container .partnership-benefit-steps .sno {
        font-weight: 500;
        font-size: 24px;
        line-height: 32px
    }

    .partnership-steps-container .partnership-steps-top .text {
        padding: 45px 24px 38px
    }

    .partnership-steps-container .partnership-steps-top .text .heading {
        width: 100%;
        font-size: 32px;
        line-height: 32px
    }

    .partnership-steps-container .partnership-steps-top .text .subheading {
        width: 100%;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px
    }

    .partnership-steps-list {
        grid-template-columns: 1fr !important;
        gap: 0;
        margin-bottom: 40px
    }

    .partnership-steps-list .step {
        display: flex;
        align-items: flex-start;
        gap: 16px
    }

    .partnership-steps-list .step .no {
        margin-bottom: 0;
        flex-direction: column;
        transform: rotate(180deg)
    }

    .partnership-steps-list .step .no .sno {
        transform: rotate(180deg);
        height: 50px;
        width: 50px;
        font-weight: 500;
        font-size: 22.8721px;
        line-height: 31px
    }

    .partnership-steps-list .step .no::before,
    .partnership-steps-list .step .no:after {
        border-right: 2px dashed #e2e8f0;
        border-bottom: none;
        position: absolute;
        height: 100px
    }

    .partnership-steps-list .step .text {
        padding-bottom: 40px
    }

    .partnership-steps-list .step .no .line {
        transform: rotate(90deg);
        font-size: 15px;
        white-space: nowrap;
        color: #e2e8f0;
        margin-top: 35px
    }

    .partnership-steps-list .step .no:after {
        margin-top: -100px
    }

    .partnership-steps-list .step:last-child :after {
        border-right: none;
        content: ""
    }

    .partnership-steps-list .step .text .title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 8px
    }

    .partnership-steps-list .step .text .description {
        font-weight: 400;
        font-size: 14px;
        line-height: 22px
    }

    .partnership-logos-container {
        flex-direction: column;
        background-image: url(/wp-content/uploads/2023/04/BG-1.jpg) !important;
        padding: 68px 24px 40px;
        row-gap: 40px;
        background-size: cover
    }

    .partnership-logos-container .logos {
        grid-template-columns: 1fr 1fr;
        column-gap: 40px;
        row-gap: 30px;
        width: 100%
    }

    .partnership-logos-container .title {
        width: 100%;
        font-weight: 700;
        font-size: 18px;
        line-height: 24px
    }

    .partnership-logos-container .logos img {
        height: 20px
    }

    .partnership-testimonials-container .subtitle {
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 8px
    }

    .partnership-testimonials-container .title {
        font-weight: 700;
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 24px
    }

    .partnership-testimonials-container .card-template-container .card img {
        height: 80px
    }

    .partnership-testimonials-container .card-template-container .card {
        gap: 16px;
        align-items: flex-start
    }

    .partnership-testimonials-container .card-template-container .card .text p {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 16px;
        min-height: none
    }

    .ai-post-main-bg-container {
        height: auto;
        min-height: 437px
    }

    .lang-it .ai-post-main-bg-container {
        margin-top: 36px;
    }

    .ai-postlaunch-main .title {
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 9px
    }

    .ai-postlaunch-main .subtitle {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 2px
    }

    .ai-postlaunch-main .description {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 34px
    }

    .ai-postlaunch-main .cta .button-cta {
        width: 100%;
        height: 35px
    }

    .features-video-section-main-container-gradient {
        margin-top: 63px
    }

    .ai-flipboxes-container .ai-flipboxes {
        flex-direction: column;
        align-items: flex-end;
        flex-direction: column-reverse;
        gap: 70px
    }

    .ai-flipboxes-container .ai-flipboxes .ai-flipbox-media-bg {
        width: 85%;
        min-height: 220px;
        max-width: 100%;
        height: 105%
    }

    .ai-flipboxes-container .ai-flipboxes .ai-flipbox-media-bg img,
    .ai-flipboxes-container .ai-flipboxes .ai-flipbox-media-bg video {
        width: 300px;
        right: 52px
    }

    .ai-flipboxes-container .ai-flipboxes .text-side .title {
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 8px
    }

    .faq-block-container {
        margin-top: 50px;
        margin-bottom: 60px;
        padding: 0
    }

    .faq-block-container .title {
        font-size: 24px;
        margin-bottom: 40px
    }

    .faq-accordian-container .accordion_head {
        padding: 20px 0;
        font-size: 18px;
        display: flex;
        gap: 12px;
        line-height: 22px;
        justify-content: space-between
    }

    .faq-accordian-container .accordion_body {
        padding: 16px 20px 16px 0;
        line-height: 22px;
        font-size: 16px
    }

    .faq-block-container .faq-bottom-text {
        padding: 0
    }

    .about_us_header_container {
        flex-direction: column;
        margin-top: -24px;
        gap: 32px
    }

    .about_us_header_container .about-us-content .about_us_title,
    .about_us_values_container .about_us_values_right .title {
        font-size: 30px;
        line-height: 37px;
        margin-bottom: 16px
    }

    .about_us_header_container .about-us-content .about_us_description {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 16px
    }

    .about_us_header_container .about-us-content .about_us_cta {
        width: 100%;
        height: 43px;
        font-size: 16px;
        line-height: 18px
    }

    .about-us-stats-container {
        flex-direction: column;
        padding: 72px 60px;
        background-image: url(https://website-media-assets-marketing.easygenerator.com/wp-content/uploads/2023/06/06164724/transparent_bg_mobile.webp) !important
    }

    .about_us_values_container {
        padding-right: 0;
        margin-top: 137px;
        grid-template-columns: 1fr
    }

    .about_us_values_container .about_us_values_left img {
        margin-left: 0;
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-top: -69px
    }

    .about_us_values_container .about_us_values_left {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        padding: 0 24px
    }

    .about_us_values_right {
        margin: 0 24px
    }

    .about_us_values_container .about_us_values_right .description {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 35px
    }

    .about_us_values_container .about_us_values_right .easygenerator-core-values {
        grid-template-columns: 1fr;
        gap: 32px
    }

    .about-us-news-container .text {
        margin-left: 24px
    }

    .about-us-news-container {
        flex-direction: column;
        gap: 26px;
        margin-bottom: 72px
    }

    .about-us-news-container .press-release-container {
        background-image: url(/wp-content/uploads/2023/05/News_BG_Mobile-1.png) !important;
        background-size: 84%;
        background-position: 100% 0;
        padding: 32px 0
    }

    .about-us-news-container .press-release-container .press-release-blogs {
        flex-direction: column;
        margin-right: 24px;
        margin-left: 24px
    }

    .about-us-news-container .press-release-container .press-release-blogs .blog {
        padding: 15px
    }

    .about-us-news-container .press-release-container .more-press {
        margin-right: 24px;
        margin-top: 24px;
        font-weight: 500;
        font-size: 16px;
        line-height: 9px
    }

    .about-us-news-container .press-release-container .press-release-blogs .blog a {
        font-size: 16px;
        line-height: 22px
    }

    .about_us_badges-container {
        padding: 30px 24px 40px
    }

    .about_us_badges-container .badges {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 25px;
        align-items: baseline;
        justify-content: space-evenly
    }

    .about_us_badges-container .badges img {
        height: 79px
    }

    .about_us_badges-container .title {
        font-size: 24px;
        line-height: 32px;
        font-weight: 500;
        text-align: center
    }

    .customer-stories-video-container .customer-stories-carousel-topbar .title {
        font-size: 24px;
        line-height: 16px;
        margin-top: 20px
    }

    .customer-video-card-container .card-csv .non-hover-card .text-container-csv .video-title {
        font-size: 16px;
        line-height: 22px;
        min-height: fit-content
    }

    .prev {
        margin-right: 16px
    }

    .customer-video-card-container .card-csv .non-hover-card img {
        height: 195px
    }

    .customer-video-card-container .card-csv .non-hover-card .text-container-csv {
        margin: 30px 24px 32px
    }

    .customer-video-card-container .card-csv {
        min-height: fit-content;
        margin-bottom: 40px
    }

    .customer-video-card-container .card-csv .hover-card .desc_hover {
        font-size: 16px;
        margin-bottom: 20px
    }

    .customer-video-card-container .card-csv .hover-card button {
        font-size: 16px;
        padding: 10px 20px
    }

    .video-detail-text-container {
        margin-top: 30px;
        font-size: 16px;
        line-height: 24px
    }

    .video-detail-text-container .video-to-text-cs {
        width: 100%;
        font-size: 18px;
        line-height: 20px;
        margin-top: 22px;
        padding: 12px 16px
    }

    .related-customer-stories-title {
        color: #fc794b;
        font-weight: 700;
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 16px
    }

    .ebook-header-container {
        flex-direction: column;
        gap: 48px;
        padding: 40px 0
    }

    .ebook-header-container .text-container .title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 8px
    }

    .ebook-header-container .text-container .breadcrumbs {
        margin-bottom: 8px
    }

    .ebook-header-container .text-container .description {
        font-size: 16px;
        line-height: 28px
    }

    .ebook-header-container .form-container {
        padding: 48px 16px;
        width: auto;
    }

    .ebook-header-container .form-container .form-title {
        font-size: 24px;
        line-height: 34px
    }
}





/*# sourceMappingURL=app.css.map */