@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);@font-face {
    font-display: swap;
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/source-sans-pro-v14-latin-regular.eot);
    src: local("Source Sans Pro Regular"),local("SourceSansPro-Regular"),url(../fonts/source-sans-pro-v14-latin-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/source-sans-pro-v14-latin-regular.woff2) format("woff2"),url(../fonts/source-sans-pro-v14-latin-regular.woff) format("woff"),url(../fonts/source-sans-pro-v14-latin-regular.ttf) format("truetype"),url(../fonts/source-sans-pro-v14-latin-regular.svg#SourceSansPro) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Source Sans Pro;
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/source-sans-pro-v14-latin-italic.eot);
    src: local("Source Sans Pro Italic"),local("SourceSansPro-Italic"),url(../fonts/source-sans-pro-v14-latin-italic.eot?#iefix) format("embedded-opentype"),url(../fonts/source-sans-pro-v14-latin-italic.woff2) format("woff2"),url(../fonts/source-sans-pro-v14-latin-italic.woff) format("woff"),url(../fonts/source-sans-pro-v14-latin-italic.ttf) format("truetype"),url(../fonts/source-sans-pro-v14-latin-italic.svg#SourceSansPro) format("svg")
}

@font-face {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/source-sans-pro-v14-latin-600.eot);
    src: local("Source Sans Pro SemiBold"),local("SourceSansPro-SemiBold"),url(../fonts/source-sans-pro-v14-latin-600.eot?#iefix) format("embedded-opentype"),url(../fonts/source-sans-pro-v14-latin-600.woff2) format("woff2"),url(../fonts/source-sans-pro-v14-latin-600.woff) format("woff"),url(../fonts/source-sans-pro-v14-latin-600.ttf) format("truetype"),url(../fonts/source-sans-pro-v14-latin-600.svg#SourceSansPro) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/source-sans-pro-v14-latin-700.eot);
    src: local("Source Sans Pro Bold"),local("SourceSansPro-Bold"),url(../fonts/source-sans-pro-v14-latin-700.eot?#iefix) format("embedded-opentype"),url(../fonts/source-sans-pro-v14-latin-700.woff2) format("woff2"),url(../fonts/source-sans-pro-v14-latin-700.woff) format("woff"),url(../fonts/source-sans-pro-v14-latin-700.ttf) format("truetype"),url(../fonts/source-sans-pro-v14-latin-700.svg#SourceSansPro) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Source Sans Pro;
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/source-sans-pro-v14-latin-700italic.eot);
    src: local("Source Sans Pro Bold Italic"),local("SourceSansPro-BoldItalic"),url(../fonts/source-sans-pro-v14-latin-700italic.eot?#iefix) format("embedded-opentype"),url(../fonts/source-sans-pro-v14-latin-700italic.woff2) format("woff2"),url(../fonts/source-sans-pro-v14-latin-700italic.woff) format("woff"),url(../fonts/source-sans-pro-v14-latin-700italic.ttf) format("truetype"),url(../fonts/source-sans-pro-v14-latin-700italic.svg#SourceSansPro) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Inconsolata;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/inconsolata-v20-latin-500.eot);
    src: local(""),url(../fonts/inconsolata-v20-latin-500.eot?#iefix) format("embedded-opentype"),url(../fonts/inconsolata-v20-latin-500.woff2) format("woff2"),url(../fonts/inconsolata-v20-latin-500.woff) format("woff"),url(../fonts/inconsolata-v20-latin-500.ttf) format("truetype"),url(../fonts/inconsolata-v20-latin-500.svg#Inconsolata) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Inconsolata;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/inconsolata-v20-latin-600.eot);
    src: local(""),url(../fonts/inconsolata-v20-latin-600.eot?#iefix) format("embedded-opentype"),url(../fonts/inconsolata-v20-latin-600.woff2) format("woff2"),url(../fonts/inconsolata-v20-latin-600.woff) format("woff"),url(../fonts/inconsolata-v20-latin-600.ttf) format("truetype"),url(../fonts/inconsolata-v20-latin-600.svg#Inconsolata) format("svg")
}

.ta--center-all {
    text-align: center
}

.align-right,.ta--right {
    text-align: right
}

.align-left,.ta--left {
    text-align: left
}

.hs--1,h1 {
    font-size: 34px;
    font-weight: 500;
    line-height: 46px;
    margin: 0
}

@media only screen and (min-width: 700px) {
    .hs--1,h1 {
        font-size:50px;
        line-height: 60px
    }
}

@media only screen and (min-width: 900px) {
    .hs--1,h1 {
        font-size:60px;
        line-height: 70px
    }

    .hs--1 {
        font-size: 60px!important;
        line-height: 70px!important
    }
}

@media only screen and (max-height: 450px) {
    .hs--1,h1 {
        font-size:40px;
        line-height: 50px
    }
}

.case-study-single h1,.hs--2,h2 {
    font-size: 28px;
    font-weight: 500;
    line-height: 40px;
    margin: 0
}

@media only screen and (min-width: 700px) {
    .case-study-single h1,.hs--2,h2 {
        font-size:40px;
        line-height: 50px
    }

    .case-study-single h1,.hs--2 {
        font-size: 40px!important;
        line-height: 50px!important
    }
}

@media only screen and (max-height: 450px) {
    .case-study-single h1,.hs--2,h2 {
        font-size:30px;
        line-height: 40px
    }
}

.case-study-single h2,.container--sm h2,.hs--3,h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px
}

.hs--4 {
    font-size: 24px;
    font-style: italic
}

.hs--5 {
    font-size: 25px;
    font-weight: 700;
    line-height: 36px
}

.hs--body {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px
}

a {
    color: #4169e1;
    font-weight: 500;
    text-decoration: none
}

a:hover {
    color: #6dceff
}

a.ui-tabs-anchor:focus,nav button:focus {
    outline: none
}

.nav__first-level-cta-btn a:focus,.nav__first-level-cta-link a:focus,.nav__first-level>div:nth-child(4) a:focus,.nav__first-level>div:nth-child(5) a:focus {
    outline: 1px auto -webkit-focus-ring-color
}

.blog-single h1,.blog-single h2,.blog-single h3,.blog-single h4,.blog-single h5,.blog-single h6,.page-template-template-casestudy h1,.page-template-template-casestudy h2,.page-template-template-casestudy h3,.page-template-template-casestudy h4,.page-template-template-casestudy h5,.page-template-template-casestudy h6,a.fc--black:hover {
    color: #000
}

.blog-single a {
    color: #002db4
}

.blog-single li,.blog-single p {
    font-size: 18px;
    line-height: 30px
}

#comments .form-submit input,.mono {
    font-family: Poppins,"sans-serif";
    letter-spacing: 1px
}

.fc--black {
    color: #000!important
}

.fc--blue,.fc--green {
    color: #4169e1!important
}

.fc--body {
    color: #000
}

.fc--grey {
    color: #5e5e5e!important
}

.fc--med-grey {
    color: #818181
}

.fw--light {
    font-weight: 300
}

.fw--reg {
    font-weight: 400
}

.fw--med {
    font-weight: 500
}

.fw--semi-bold,.pull-quote-green-module p {
    font-weight: 600
}

.fw--bold {
    font-weight: 700!important
}

.italic {
    font-style: italic
}

.eyebrow,.uppercase {
    text-transform: uppercase
}

.eyebrow--card {
    font-size: 15px;
    letter-spacing: 2px;
    margin-bottom: 5px
}

.ls--1 {
    letter-spacing: 1px
}

p {
    font-size: 18px;
    line-height: 28px
}

.eyebrow,.eyebrow>*,.pricing-feature-grid h5,.pricing-feature-grid h5>*,.subhead,.subhead>* {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px
}

.subhead--sm,.subhead--sm>* {
    font-size: 21px;
    line-height: 31px
}

.eyebrow {
    letter-spacing: 3px
}

.eyebrow,.line-height--1 {
    line-height: 1
}

.fs--mini,.fs--mini * {
    font-size: 14px!important;
    line-height: 24px!important
}

.fs--32 {
    font-size: 32px;
    line-height: 45px
}

.mtb--0 {
    margin-bottom: 0
}

.mt--0,.mtb--0 {
    margin-top: 0
}

.mb--0 {
    margin-bottom: 0
}

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

@media only screen and (min-width: 700px) {
    .align-center,.ta--center {
        text-align:center
    }

    .eyebrow,.pricing-feature-grid h5,.subhead {
        font-size: 24px;
        line-height: 36px
    }
}

html :where(img) {
    height: auto;
    max-width: 100%
}

body {
    background-color: #fff;
    color: rgba(0,0,0,.7)!important;
    font-family: Poppins;
    font-size: 16px;
    line-height: 24px;
    min-height: 100%;
    overflow-x: hidden
}

body>* {
    color: #000
}

body.single-post {
    overflow: auto
}

body.page-template-template-casestudy,body.single:not(.single-webinars) {
    background: #fff;
    color: #000
}

.content--light {
    background: #fff;
    padding-bottom: 50px;
    padding-top: 50px
}

.content--light.pricing-section__rows>* {
    color: #000
}

.content--light a {
    color: #002db4
}

.content--light a:hover {
    color: #00238d
}

.content--light.light_theme {
    padding-bottom: 0
}

@media only screen and (min-width: 700px) {
    .desktop--hide {
        display:none
    }

    .content--light {
        padding-bottom: 100px;
        padding-top: 100px
    }
}

@media only screen and (max-width: 700px) {
    .mobile--hide {
        display:none
    }

    .mobile-img-fw {
        height: auto!important;
        width: 100%!important
    }
}

.bg--green {
    background-color: #4169e1
}

.container {
    display: block;
    margin: 0 auto;
    max-width: 1230px;
    padding: 0 30px
}

.container .container {
    padding: 0
}

.container--centered-content {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 50px 0;
    width: 300px
}

.container--centered-content .nylas-gp-logo {
    width: 170px
}

.container--centered-content.gp-logo-container {
    width: 360px
}

.container--centered-content .google-logo {
    width: 160px
}

.container--centered-content+main>section {
    margin-top: 0
}

.container--centered-content~footer {
    text-align: center
}

.page-template-template-google-marketplace {
    padding-top: 0!important
}

.container--sm {
    margin: 0 auto;
    max-width: 800px;
    overflow: hidden;
    padding: 0 30px
}

.container--sm .wp-block-image img,.container--sm p img {
    height: auto;
    max-width: 100%
}

.container--sm a {
    color: #002db4
}

.container--sm h2 {
    font-weight: 700;
    margin-top: 40px
}

.container--sm h2+p {
    margin-top: 10px
}

.container--cp {
    margin: 0 auto;
    max-width: 580px
}

section.base-content-button+section.col-4-ihc,section.base-content-button+section.feature-cards-container,section.base-header+.header-parent-no-padding,section.base-header+section.cards-end-cta-section,section.base-header+section.cards-mini-icons-module,section.base-header+section.cards-x-check-module,section.base-header+section.col-4-ihc,section.base-header+section.feature-cards-container,section.base-header+section.feature-cards-text-container,section.cards-wide-module+section.cards-wide-module,section.green-cards-icon-container+section.green-cards-icon-container,section.half-module+section.cards-end-cta-section,section.half-module+section.cards-wide-module,section.hero-module+section.featured-content-module,section.hero-module+section.logo-bar-module {
    padding-top: 0!important
}

@media only screen and (max-width: 700px) {
    section.base-header+section.cards-single-wide-module,section.base-header+section.related-content-guide {
        padding-top:0!important
    }

    section.base-header.pb-0--mobile {
        padding-bottom: 0!important
    }

    section.base-header+.header-parent-no-padding-mobile {
        padding-top: 0!important
    }
}

section.cards-wide-module+section.cards-wide-module,section.half-module+section.cards-wide-module,section.hero-module+section.logo-bar-module {
    padding-bottom: 0!important;
    padding-top: 0!important
}

section.hero-module--centered+section {
    padding-top: 30px!important
}

section.base-content-button,section.base-header,section.base-heading-link,section.green-cards-icon-container {
    padding-bottom: 0!important
}

@media only screen and (min-width: 800px) {
    section {
        padding:75px 0!important
    }
}

@media only screen and (min-width: 1100px) {
    .container--sm {
        overflow:visible;
        padding: 0
    }

    .container {
        padding: 0
    }

    section {
        padding: 75px 0!important
    }

    section.pricing-faq {
        padding-top: 0!important
    }

    section.platform-overview-container {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

    section.half-module+section.cards-wide-module {
        margin-top: -150px
    }

    section.base-button+section.base-content-button {
        margin-top: 101px
    }

    section.gallery-bar-module,section.hero-module,section.hero-module--centered {
        padding: 0!important
    }

    main:not(.main--no-padding) {
        padding-bottom: 75px
    }
}

@media only screen and (max-width: 1300px) {
    .container {
        max-width:1150px
    }
}

@media only screen and (max-width: 1200px) {
    .container {
        max-width:1024px
    }
}

@media only screen and (max-width: 1000px) {
    .container {
        max-width:900px
    }
}

@media only screen and (max-height: 625px)and (max-width:1024px) {
    .container {
        max-width:900px
    }
}

@media only screen and (max-width: 900px) {
    .container {
        padding:0 50px!important
    }
}

@media only screen and (max-width: 700px) {
    .container {
        overflow:hidden
    }

    .container,.container--cp {
        padding: 0 30px!important
    }

    .container--sm p {
        word-break: break-word
    }

    section:not(.container) {
        padding: 50px 0!important
    }

    section.hero-module,section.hero-module--centered {
        padding: 0 30px!important
    }
}

.flex--all {
    display: flex
}

.flex-wrap {
    flex-wrap: wrap
}

.flex--column {
    flex-direction: column
}

.flex--ai-c {
    align-items: center
}

.flex--ai-fe {
    align-items: flex-end
}

.flex--ai-fs {
    align-items: flex-start
}

.flex--jc-sb {
    justify-content: space-between
}

.flex--jc-c {
    justify-content: center
}

.flex--jc-se {
    justify-content: space-evenly
}

.flex--jc-fe {
    justify-content: flex-end
}

.display--block {
    display: block
}

.display--ib {
    display: inline-block
}

.margin-tb--0 {
    margin-bottom: 0!important
}

.margin-t--0,.margin-tb--0 {
    margin-top: 0!important
}

.margin-b--0 {
    margin-bottom: 0!important
}

.margin-b--10 {
    margin-bottom: 10px!important
}

.margin-b--20 {
    margin-bottom: 20px!important
}

.margin-b--30 {
    margin-bottom: 30px!important
}

.margin-b--40 {
    margin-bottom: 40px!important
}

.margin-b--50 {
    margin-bottom: 50px!important
}

.margin-t--10 {
    margin-top: 10px!important
}

.margin-t--20 {
    margin-top: 20px
}

.margin-t--30 {
    margin-top: 30px
}

.margin-t--50 {
    margin-top: 50px
}

.margin-l--20 {
    margin-left: 20px
}

.margin-r--20 {
    margin-right: 20px
}

.margin-l--30 {
    margin-left: 30px
}

.margin-r--30 {
    margin-right: 30px
}

.padding-tb--0 {
    padding-bottom: 0!important;
    padding-top: 0!important
}

.padding-tb--md,.padding-tb--sm {
    padding-bottom: 30px;
    padding-top: 30px
}

.padding-tb--lg {
    padding-bottom: 50px;
    padding-top: 50px
}

.padding-tb--xlg {
    padding-bottom: 100px;
    padding-top: 100px
}

.padding-t--md {
    padding-top: 30px
}

.padding-t--lg {
    padding-top: 50px
}

.padding-t--xlg {
    padding-top: 100px
}

.padding-b--md {
    padding-bottom: 30px
}

.padding-b--lg {
    padding-bottom: 50px
}

.padding-b--xlg {
    padding-bottom: 100px
}

.margin-tb--sm {
    margin-bottom: 20px!important;
    margin-top: 20px!important
}

.margin-tb--md {
    margin-bottom: 30px;
    margin-top: 30px
}

.margin-tb--lg {
    margin-bottom: 50px;
    margin-top: 50px
}

.margin-tb--xlg {
    margin-bottom: 100px;
    margin-top: 100px
}

.width--100 {
    width: 100%
}

.img---w100hauto {
    height: auto;
    max-width: 100%
}

@media only screen and (min-width: 900px) {
    .flex {
        display:flex
    }

    .flex-50-50-container .half img {
        height: auto;
        width: 100%
    }

    .flex-col--3>* {
        margin-bottom: 3.33%;
        width: 30%
    }

    .flex-col--3>:nth-child(3n+1) {
        margin-right: 3.33%
    }

    .flex-col--3>:nth-child(3) {
        margin-left: 3.33%
    }

    .grid {
        display: grid
    }

    .grid-col--2 {
        grid-template-columns: 1fr 1fr
    }

    .grid-col--3 {
        grid-template-columns: 1fr 1fr 1fr
    }

    .grid-col--4 {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }

    .grid-col-gap--20 {
        column-gap: 20px
    }

    .grid-col-gap--30 {
        column-gap: 30px
    }

    .grid-col-gap--40 {
        column-gap: 40px
    }

    .grid-col-gap--50 {
        column-gap: 50px
    }

    .grid-col-gap--60 {
        column-gap: 60px
    }

    .grid-col-gap--70 {
        column-gap: 70px
    }

    .grid-col-gap--80 {
        column-gap: 80px
    }

    .grid-row-gap--20 {
        row-gap: 20px
    }

    .grid-row-gap--30 {
        row-gap: 30px
    }

    .grid-row-gap--40 {
        row-gap: 40px
    }

    .grid-row-gap--50 {
        row-gap: 50px
    }

    .padding--lg {
        padding-bottom: 100px;
        padding-top: 100px
    }

    .padding--md {
        padding-bottom: 50px;
        padding-top: 50px
    }

    .padding--sm,.padding-tb--sm {
        padding-bottom: 30px!important;
        padding-top: 30px!important
    }

    .padding-tb--md {
        padding-bottom: 50px!important;
        padding-top: 50px!important
    }

    .padding-tb--lg {
        padding-bottom: 100px;
        padding-top: 100px
    }

    .padding-tb--xlg {
        padding-bottom: 200px;
        padding-top: 200px
    }

    .padding-t--md {
        padding-top: 50px
    }

    .padding-t--lg {
        padding-top: 100px
    }

    .padding-t--xlg {
        padding-top: 200px
    }

    .padding-b--md {
        padding-bottom: 50px
    }

    .padding-b--lg {
        padding-bottom: 100px
    }

    .padding-b--xlg {
        padding-bottom: 200px
    }

    .margin-tb--sm {
        margin-bottom: 30px;
        margin-top: 30px
    }

    .margin-tb--md {
        margin-bottom: 50px;
        margin-top: 50px
    }

    .margin-tb--lg {
        margin-bottom: 100px;
        margin-top: 100px
    }

    .margin-tb--xlg {
        margin-bottom: 150px;
        margin-top: 150px
    }
}

@media only screen and (min-width: 1000px) {
    .half {
        width:50%
    }
}

@media only screen and (min-width: 900px) {
    .half {
        width:50%
    }

    .desktop-hide {
        display: none!important
    }
}

@media only screen and (max-width: 900px) {
    .half img {
        height:auto;
        width: 100%
    }

    .half__right {
        margin-top: 40px
    }

    .mobile-hide {
        display: none
    }
}

.hbspt-form form.hs-form {
    display: flex;
    flex-direction: column
}

.hbspt-form .hs-form-field label {
    color: #3e4784;
    font-size: 14px
}

.hbspt-form .hs-form-field .hs-form-required {
    color: #cc4841;
    font-size: 14px
}

.hbspt-form .hs-input {
    border: 1px solid #b3b8d8;
    border-radius: 12px;
    box-shadow: none;
    outline: none;
    padding: 16px
}

.hbspt-form fieldset {
    max-width: 100%!important
}

.hbspt-form fieldset:not(:last-of-type) .hs-form-field:not([style*="display: none"]) {
    margin-bottom: 12px
}

.hbspt-form fieldset .hs-input {
    width: 100%!important
}

.hbspt-form fieldset.form-columns-1 .input {
    margin-right: 0!important
}

.hbspt-form fieldset.form-columns-1:last-of-type {
    order: 1
}

@media only screen and (max-width: 1199px) {
    .hbspt-form fieldset.form-columns-2 {
        display:flex;
        flex-direction: column
    }

    .hbspt-form fieldset.form-columns-2 .hs-form-field {
        width: 100%!important
    }
}

.hbspt-form fieldset.form-columns-2 .hs-form-field:last-of-type .input {
    margin-right: 0!important
}

.hbspt-form fieldset select {
    -webkit-appearance: none
}

.hbspt-form .hs-fieldtype-select .input {
    position: relative
}

.hbspt-form .hs-fieldtype-select .input:before {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg width="13" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m1 1 5.5 5L12 1" stroke="%23000" stroke-width="2"/></svg>');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 6px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px
}

.hbspt-form ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.hbspt-form ul li {
    color: #293056;
    font-size: 16px;
    line-height: 24px;
    padding: 0;
    position: relative
}

.hbspt-form .hs-error-msgs {
    padding-top: 5px
}

.hbspt-form .hs-error-msgs label {
    color: #cc4841;
    display: inline-block;
    font-size: 12px;
    line-height: 1.3
}

.hbspt-form input[type=checkbox] {
    margin-right: 10px;
    position: relative;
    top: 2px
}

.hbspt-form .hs-form-booleancheckbox label {
    align-items: flex-start;
    display: flex
}

.hbspt-form .hs-form-booleancheckbox .hs-input {
    margin: 0!important;
    top: 4px;
    width: auto!important
}

.hbspt-form .hs-form-booleancheckbox span {
    line-height: 1.5;
    margin-left: 10px!important
}

.hbspt-form .legal-consent-container {
    margin: 20px 0 0
}

.hbspt-form .legal-consent-container .hs-form-booleancheckbox {
    display: none
}

.hbspt-form .legal-consent-container .hs-richtext p {
    color: #4e5ba6;
    font-size: 12px;
    line-height: 1.5em;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    text-align: center
}

.hbspt-form .legal-consent-container .hs-richtext p a {
    color: #2563eb
}

.hbspt-form .hs-submit {
    margin-top: 15px
}

.hbspt-form .hs-button {
    background-color: #2563eb;
    border: 0;
    border-radius: 12px;
    box-shadow: none;
    color: #fff;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    outline: none;
    padding: 16px;
    text-align: center;
    width: 100%
}

#comments .form-submit input,.btn,.btn.btn--blue {
    background: #4169e1;
    border-radius: 12px;
    border-radius: 12px!important;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    font-weight: 500!important;
    line-height: 1;
    padding: 17px 50px;
    text-align: center;
    text-decoration: none;
    transition: all .3s ease-in-out
}

#comments .form-submit input:hover,.btn.btn--blue:hover,.btn:hover {
    background-color: #fff!important;
    border: solid #4169e1!important;
    color: #4169e1!important;
    transition: all .3s ease-in-out
}

#comments .form-submit .home-hero input,.home-hero #comments .form-submit input,.home-hero .btn {
    margin-right: 30px
}

#comments .form-submit input.btn--white,.btn.btn--white {
    background-color: #fff;
    border: 1px solid #fff
}

.btn--white:hover {
    background-color: #d9d9d9;
    border: 1px solid #d9d9d9
}

#comments .form-submit input.btn--ghost,.btn.btn--ghost {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff
}

#comments .form-submit input.btn--ghost:hover,.btn.btn--ghost:hover {
    background-color: transparent;
    border: 1px solid #d9d9d9;
    color: #d9d9d9
}

#comments .form-submit input.small,.btn.small {
    padding: 10px 30px
}

.checklist-module ul {
    list-style-type: none;
    padding-left: 50px
}

.checklist-module ul li,.image-wysiwyg-module ul li {
    display: block;
    margin-bottom: 15px;
    position: relative
}

.image-wysiwyg-module ul li {
    margin-left: 30px
}

.checklist-module ul li:before,.image-wysiwyg-module ul li:before {
    background-image: url(../images/checkmark.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    filter: invert(50%);
    height: 22px;
    left: -50px;
    position: absolute;
    top: 0;
    width: 22px;
    z-index: -1
}

.checklist-module__mobile-btn {
    display: none
}

#comments .form-submit .template--integration .checklist-module input,.template--integration .checklist-module #comments .form-submit input,.template--integration .checklist-module .btn {
    background: #4169e1;
    border: 1px solid #4169e1;
    color: #000
}

#comments .form-submit .template--integration .checklist-module input:hover,.template--integration .checklist-module #comments .form-submit input:hover,.template--integration .checklist-module .btn:hover {
    background: #00c8a7;
    border: 1px solid #00c8a7
}

@media only screen and (min-width: 1000px) {
    .checklist-module ul {
        margin-left:130px
    }

    .checklist-module .half__left {
        padding-right: 50px
    }

    .checklist-module .half__right {
        position: relative
    }

    .checklist-module .half__right:after {
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: block;
        height: 266px;
        position: absolute;
        right: -80px;
        top: 0;
        width: 240px
    }

    .template--integration .checklist-module .half__right:after {
        height: 188px;
        right: -80px;
        top: -120px;
        width: 480px
    }

    .template--integration .checklist-module {
        margin-top: 70px
    }
}

@media only screen and (max-width: 1000px) {
    .checklist-module__mobile-btn {
        display:inline-block;
        margin-top: 30px
    }

    .checklist-module__desktop-btn {
        display: none
    }
}

.mini-col-module__cols>* img.mini-col__icon {
    margin-right: 20px;
    margin-top: 8px;
    max-height: 28px;
    max-width: 28px
}

.mini-col-module .half__right img {
    max-height: 380px;
    max-width: 360px
}

.mini-col-module.reverse-order>.flex .half__left {
    order: 2
}

@media only screen and (min-width: 1000px) {
    .mini-col-module.reverse-order>.flex .half__right img {
        margin-right:80px
    }
}

@media only screen and (max-width: 700px) {
    .mini-col-module.reverse-order>.flex {
        display:flex;
        flex-direction: column
    }
}

.icon-list-module__list p {
    margin-top: 10px
}

.icon-list-module__list img.mini-col__icon {
    filter: invert(50%);
    height: auto;
    width: 90px
}

@media only screen and (min-width: 1000px) {
    .icon-list-module .half__left {
        padding-right:30px
    }

    .icon-list-module__list>* {
        grid-template-columns: 1fr 3fr;
        padding-left: 100px
    }
}

@media only screen and (max-width: 700px) {
    .icon-list-module__list {
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .icon-list-module__list>div {
        width: 45%
    }
}

@media only screen and (min-width: 1000px) {
    .base-content-button .half__left {
        padding-right:50px
    }
}

@media only screen and (min-width: 700px) {
    .base-heading-link h2 {
        display:inline-block;
        margin-right: 30px
    }
}

@media only screen and (max-width: 700px) {
    .logo-bar-container {
        align-items:center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 0 50px
    }

    .logo-bar-container>div {
        margin: 10px 2.5%;
        text-align: center;
        width: 28%
    }

    .logo-bar-container img {
        height: auto;
        max-height: 40px;
        max-width: 90px
    }

    .base-content-button .half__right {
        margin-top: 30px
    }
}

@media only screen and (min-width: 700px) {
    .logo-bar-container {
        align-items:center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 50px 0
    }

    .logo-bar-container>div {
        margin: 0 20px
    }

    .logo-bar-container img {
        height: auto;
        max-height: 50px;
        max-width: 110px
    }

    .logo-bar-module.logo-bar-module--two-row .logo-bar-container {
        justify-content: center
    }

    .logo-bar-module.logo-bar-module--two-row .logo-bar-container>div {
        margin: 0 .5% 40px;
        width: 13%
    }

    .logo-bar-module.logo-bar-module--two-row .logo-bar-container>div img {
        height: auto;
        max-height: 50px;
        max-width: 100px
    }
}

@media only screen and (min-width: 1000px) {
    .logo-bar-container {
        justify-content:space-between
    }

    .logo-bar-container>div {
        margin: 0
    }
}

.roi-module .half__left>div {
    margin: 30px 0 20px
}

.progressbar {
    margin: 25px
}

.circle,.progressbar {
    display: inline-block;
    width: 100px
}

.circle {
    height: 100px;
    margin: 10px auto 0;
    position: relative;
    text-align: center
}

.circle:after {
    border-radius: 50%;
    content: "";
    display: block;
    height: 80px;
    left: 30px;
    position: absolute;
    top: 30px;
    width: 80px
}

.circle canvas {
    border-radius: 50%;
    vertical-align: middle
}

.circle div {
    left: 10%;
    position: absolute;
    text-align: center;
    top: 35%;
    width: 100%
}

.circle span {
    display: block
}

.circle .counter-value {
    font-size: 25px;
    line-height: 1
}

.circle-hours {
    font-size: 16px
}

@media only screen and (min-width: 1000px) {
    .roi-module .half__left {
        padding-left:15%
    }

    .roi-module .half__left,.roi-module .half__right {
        display: block;
        position: relative
    }

    .roi-module .half__left:before,.roi-module .half__right:after {
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: block;
        position: absolute
    }

    .roi-module .half__left:before {
        height: 260px;
        left: -15%;
        top: -40px;
        width: 220px
    }

    .roi-module .half__right:after {
        height: 266px;
        right: -15%;
        top: -40px;
        width: 240px
    }

    .roi-module .half__right .dial {
        position: absolute
    }

    .roi-module #dial-0 {
        left: 40%;
        top: -20%
    }

    .roi-module #dial-1 {
        left: 10%;
        top: 5%
    }

    .roi-module #dial-2 {
        left: 35%;
        top: 55%
    }
}

@media only screen and (max-width: 700px) {
    .roi-module .half__left {
        display:block;
        position: relative
    }

    .roi-module .half__left:before {
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: block;
        height: 87px;
        left: -10px;
        position: absolute;
        top: -90px;
        width: 290px
    }

    .roi-module .half__right {
        min-height: 300px;
        position: relative
    }

    .roi-module .half__right .dial {
        position: absolute;
        transform: scale(.85)
    }

    #dial-0 {
        left: 50%;
        top: -10%
    }

    #dial-1 {
        left: 10%;
        top: 5%
    }

    #dial-2 {
        left: 35%;
        top: 45%
    }
}

.logo-block-module img {
    filter: invert(50%);
    height: auto;
    margin-top: 50px;
    max-width: 100%
}

@media only screen and (min-width: 1000px) {
    .half-module.reverse-order .flex>div:first-child {
        order:2
    }

    .half-module.reverse-order .flex .half__right {
        text-align: center
    }

    .half-module.reverse-order .flex .half__right img {
        width: auto
    }
}

.gallery-bar-module {
    margin: 0 auto
}

.gallery-bar-module.gallery-bar-module--fw {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: hidden
}

.gallery-bar-module.gallery-bar-module--fw>* {
    height: auto;
    max-height: 160px;
    width: 50%
}

.gallery-bar-module.gallery-bar-module--reg {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-height: 230px;
    max-width: 1230px;
    overflow: hidden
}

.gallery-bar-module.gallery-bar-module--reg>* {
    max-height: 230px;
    width: auto
}

@media only screen and (min-width: 800px) {
    .gallery-bar-module.gallery-bar-module--fw {
        display:flex;
        justify-content: space-between;
        max-height: 160px;
        max-width: 1600px;
        overflow: hidden
    }

    .gallery-bar-module.gallery-bar-module--fw>* {
        max-height: 160px;
        width: auto
    }

    .gallery-bar-module.gallery-bar-module--reg {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        max-height: 230px;
        max-width: 1230px;
        overflow: hidden
    }

    .gallery-bar-module.gallery-bar-module--reg>* {
        max-height: 230px;
        width: auto
    }

    .gallery-bar-module.career-top-gallery.gallery-bar-module--reg>* {
        max-width: 24%
    }
}

@media only screen and (max-width: 800px) {
    .gallery-bar-module.gallery-bar-module--reg {
        display:block;
        flex-wrap: wrap;
        max-height: none;
        max-width: 1230px;
        overflow: hidden
    }

    .gallery-bar-module.gallery-bar-module--reg>* {
        height: auto;
        max-height: 100%;
        max-width: 100%;
        object-fit: contain;
        width: 100%
    }

    .gallery-bar-module.gallery-bar-module--reg>:last-child,.gallery-bar-module.gallery-bar-module--reg>:nth-child(3) {
        display: none
    }

    #base-header-block_5fbf2774a1b00>div>div,#base-header-block_5fc6579ef59c3>div>div {
        max-width: 100%!important
    }

    #col-4-ihc-block_5fbf278fa1b01 .cards>div {
        display: flex
    }

    #col-4-ihc-block_5fbf278fa1b01 .cards>div img {
        margin-right: 30px
    }

    #base-six-col-block_5fc657c5f59c4 .flex>div {
        width: 48%
    }

    .about-philosophy__icons.grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .about-philosophy__icons.grid>div {
        background-color: #000;
        border-radius: 6px;
        margin-bottom: 30px;
        padding: 30px 0;
        width: 48%
    }

    .about-philosophy__icons.grid>div img {
        height: 100%;
        max-width: none;
        width: auto
    }

    .base-header .container>div {
        max-width: 100%!important
    }
}

.about-community .container {
    background: #f7f7f7;
    padding: 30px
}

.about-community__col img {
    filter: invert(50%)
}

@media only screen and (min-width: 700px) {
    .about-community .container {
        background:#f7f7f7;
        border-radius: 6px;
        column-gap: 50px;
        display: grid;
        grid-template-columns: 2fr 1fr 1fr 1fr;
        padding: 100px 50px
    }
}

@media only screen and (max-width: 700px) {
    .about-community__col {
        display:flex;
        margin-bottom: 30px
    }

    .about-community__col img {
        display: inline-block;
        margin-right: 20px
    }

    .about-community__col h3 {
        margin-bottom: 10px;
        margin-top: 0
    }
}

.col-3-icon {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    filter: grayscale(1);
    padding: 50px 0
}

.col-3-icon .flex--all>:first-child {
    margin-right: 30px
}

.col-3-icon p {
    margin: 0
}

.col-3-icon img {
    height: 65px;
    width: 65px
}

@media only screen and (max-width: 700px) {
    .three-col-module .container>div {
        margin-bottom:80px
    }

    .three-col-module .container>div p {
        margin: 20px auto 0;
        max-width: 85%
    }
}

.card-image-wrap {
    align-items: flex-end;
    display: flex;
    height: 60px;
    position: relative
}

.cards img {
    filter: invert(50%);
    max-height: 60px;
    max-width: 60px
}

.grid-col--icon-large .card-image-wrap {
    align-items: flex-end;
    display: flex;
    height: 90px;
    position: relative
}

.grid-col--icon-large img {
    max-height: 90px;
    max-width: 90px
}

.cards h3 {
    margin-bottom: 0;
    margin-top: 20px
}

.last-card {
    align-self: start
}

.cards .cta:hover {
    color: #4169e1
}

.cards .cta span {
    color: #fff;
    display: inline-block
}

.cards p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0
}

.cta-text {
    border-bottom: 1px solid #fff;
    padding-bottom: 3px
}

@keyframes terminal-blink {
    0%,to {
        opacity: .36
    }

    50% {
        opacity: 0
    }
}

.cursor.blink {
    -webkit-animation: terminal-blink 1s step-start infinite;
    -moz-animation: terminal-blink 1s step-start infinite;
    -ms-animation: terminal-blink 1s step-start infinite;
    animation: terminal-blink 1s step-start infinite;
    background: #fff;
    height: 30px;
    margin-left: 20px;
    width: 10px
}

@media only screen and (min-width: 700px) {
    .cards .cta {
        align-items:center;
        background-color: #4169e1;
        border-radius: 40px;
        display: flex;
        justify-content: center;
        padding: 15px
    }

    .last-card {
        margin-top: 90px
    }
}

@media only screen and (max-width: 700px) {
    .cards .cta {
        background-color:#002db4;
        display: inline-block;
        margin-top: 20px;
        padding: 17px 50px
    }

    .cards .cta .cta-text {
        border-bottom: none
    }

    .cards .cta span.cursor.blink {
        display: none
    }

    .cards p {
        margin-top: 10px
    }

    .card-image-wrap {
        align-items: flex-start!important;
        display: block;
        margin-bottom: 0!important;
        margin-right: 30px;
        margin-top: 10px;
        width: 50px
    }

    .cards img {
        height: auto;
        max-height: 50px;
        width: 50px
    }

    .cards h3 {
        margin-top: 0
    }
}

.green-cards__single__top {
    align-items: center;
    background: #f7f7f7;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #000!important;
    display: flex;
    height: 100px;
    height: 115px;
    padding: 0 40px
}

.green-cards--arrows .green-cards__single__top {
    padding: 0 20px 0 40px
}

.green-cards__single__bottom p,.green-cards__single__top p {
    margin: 0
}

.green-cards__single__bottom {
    background: #f7f7f7;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    color: #000!important;
    min-height: 150px;
    padding: 30px 40px
}

.green-cards-container {
    display: block;
    margin-top: 50px;
    position: relative;
    z-index: 5
}

.green-cards-container .subhead--sm {
    margin: 20px auto 0;
    max-width: 680px
}

.green-cards--arrows {
    margin-top: 50px
}

.green-cards--arrows .green-cards__single {
    display: block;
    position: relative
}

.green-cards--arrows .green-cards__single:first-child:after,.green-cards--arrows .green-cards__single:nth-child(2):after {
    border-color: transparent transparent transparent #00c1a1;
    border-style: solid;
    border-width: 31px 0 31px 28px;
    content: "";
    display: inline-block;
    height: 0;
    position: absolute;
    right: -20px;
    top: calc(55% - 31px);
    width: 0;
    z-index: 5
}

.green-cards--bg {
    position: relative
}

.green-cards--bg:before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    position: absolute
}

@media only screen and (min-width: 700px) {
    .green-cards-container {
        z-index:5
    }

    .green-cards__single__bottom {
        min-height: 170px
    }

    .green-cards-bg--1:before {
        background-image: url(../images/base/accents/green_cards_multi_v2.png);
        height: 460px;
        left: -100px;
        top: -80px;
        width: 590px;
        z-index: -1
    }

    .green-cards--icons .green-cards__single__bottom {
        min-height: 200px
    }
}

@media only screen and (min-width: 1000px) {
    .green-cards-icon-container {
        align-items:center;
        column-gap: 50px;
        display: grid;
        grid-template-columns: 1fr 6fr
    }
}

@media screen and (min-width: 700px)and (max-width:1000px) {
    .green-cards__single__bottom,.green-cards__single__top {
        padding:20px
    }
}

@media only screen and (max-width: 900px) {
    .green-cards-container .align-center {
        text-align:left
    }

    .green-cards-container {
        margin-bottom: 80px
    }

    .green-cards-container .subhead--sm {
        font-size: 18px;
        line-height: 28px
    }

    .green-cards--bg {
        margin: 30px 0
    }

    .green-cards--bg:before {
        -webkit-transform: scaleX(-1)
    }

    .green-cards__single {
        margin-bottom: 20px
    }

    .green-cards--arrows .green-cards__single {
        margin-bottom: 40px
    }

    .green-cards--arrows .green-cards__single:first-child:after,.green-cards--arrows .green-cards__single:nth-child(2):after {
        bottom: -38px;
        right: calc(50% - 18px);
        top: auto;
        transform: rotate(90deg)
    }

    .green-cards-icon__icon>* {
        align-items: center;
        display: flex;
        margin: 30px 0
    }

    .green-cards-icon__icon>* p {
        color: #4169e1;
        margin: 0 30px
    }

    .green-cards-icon-container .green-cards__single {
        box-shadow: 0 2px 19px 9px rgba(0,0,0,.3)
    }

    .green-cards-icon-container .green-cards__single__top {
        background-color: #2c2d2d
    }

    .green-cards-icon-container .green-cards__single__top p {
        color: #fff!important
    }

    .green-cards-icon-container .green-cards__single__bottom {
        background-color: #1f2020
    }

    .green-cards-icon-container .green-cards__single__bottom p {
        color: #cbcbcb!important
    }

    .green-cards-icon__icon__circle {
        align-items: center;
        border: 1px solid #4169e1;
        border-radius: 50%;
        display: flex;
        height: 55px;
        justify-content: center;
        width: 55px
    }

    .green-cards-icon__icon__circle img {
        height: auto;
        width: 30px
    }

    .green-cards-arrows-container h2 {
        margin-bottom: 20px
    }
}

@media only screen and (max-height: 450px) {
    .green-cards__single__bottom {
        min-height:0
    }
}

.cards-3 {
    margin: 50px 0 0
}

.cards-3__single__top {
    align-items: center;
    background: #f7f7f7;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: flex;
    padding: 0 30px
}

.cards-3__single__bottom {
    background: #f7f7f7;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 30px
}

.cards-3__icon {
    margin-bottom: 30px
}

.cards-3__icon img {
    filter: invert(50%)
}

.cards-3__single {
    background: #f7f7f7;
    border-radius: 10px;
    padding: 35px 0
}

.cards-3__single__bottom p,.cards-3__single__top p {
    margin: 0
}

.cards-3.cards-3--problem .cards-3__single__bottom,.cards-3.cards-3--problem .cards-3__single__top,.cards-eyebrow__single__bottom,.cards-eyebrow__single__top {
    background: #f7f7f7
}

.card-top-radius {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.card-bottom-radius {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.cards-eyebrow__single__bottom,.cards-eyebrow__single__top {
    padding: 20px 30px
}

.cards-eyebrow__single__top {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media only screen and (min-width: 950px) {
    .cards-3 {
        column-gap:65px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr
    }

    .cards-3--icon-top .cards-3__single__top,.cards-3:not(.cards-3--icon-top) .cards-3__single__top {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
    }

    .cards-3__single__top {
        height: 115px;
        padding: 0 40px
    }

    .cards-3__single__bottom {
        min-height: 180px;
        padding: 30px 40px
    }

    .cards-3--problem .cards-3__single__bottom,.cards-3--solution .cards-3__single__bottom {
        min-height: 230px
    }

    .cards-4 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

@media only screen and (max-width: 950px) {
    .cards-3__single {
        margin-bottom:30px
    }

    .cards-3--icon-top .cards-3__icon {
        background: #4169e1;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        margin-bottom: 0;
        padding: 30px 30px 0;
        text-align: left
    }

    .cards-3--icon-top:not(.cards-3--problem) .cards-3__icon img {
        filter: invert(1) grayscale(100%)
    }

    .cards-3--icon-top.cards-3--problem .cards-3__icon {
        background: #2c2d2d
    }

    .cards-4>*,.grid-col--4>* {
        margin-bottom: 30px
    }

    .cards-3--problem .cards-3__single__top,.cards-3--solution .cards-3__single__top {
        padding: 15px 30px 30px
    }
}

@media only screen and (min-width: 1000px) {
    .grid-col--4--accent {
        position:relative
    }

    .grid-4-col .feature-cards__single .feature-cards__single__mid-bottom {
        min-height: 270px
    }
}

.cards-4.cards-4--integration .cards-4__single__top {
    background: #1f2020;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 30px
}

.cards-4.cards-4--integration .cards-4__single__top img {
    max-height: 50px;
    width: auto
}

.cards-4.cards-4--integration .cards-4__single__bottom {
    background: #2c2d2d;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    min-height: 200px;
    padding: 30px
}

.cards-4.cards-4--integration .cards-4__single__bottom h4 {
    margin-bottom: 20px
}

.cards-4.cards-4--integration .cards-4__single__bottom li {
    margin-bottom: 10px
}

.grid-4-col .feature-cards__single .feature-cards__single__mid a {
    letter-spacing: 1px
}

.feature-cards__single.feature-image__np .feature-cards__single__top img {
    max-height: 130px;
    max-width: 107%;
    padding: 0
}

.feature-cards__single.feature-image__bottom .feature-cards__single__top {
    align-items: flex-end;
    padding-bottom: 0
}

.feature-cards__single.feature-image__bottom .feature-cards__single__top img {
    max-height: 130px
}

.feature-cards__single.feature-image__bottom--large .feature-cards__single__top {
    padding-top: 20px
}

.feature-cards__single.feature-image__h50 img {
    max-height: 50px!important
}

.feature-cards__single.feature-image__h60 img {
    max-height: 60px!important
}

.feature-cards__single.feature-image__h80 img {
    max-height: 80px!important
}

.feature-cards__single.feature-image__h100 img {
    max-height: 100px!important
}

.use-case-blocks {
    margin-top: 50px
}

.heading--border {
    border-bottom: 1px solid #4169e1
}

.use-case-blocks__single {
    background: #1f2020;
    border-radius: 6px;
    padding: 40px 20px
}

.use-case-blocks__single:not(:last-child) {
    margin-bottom: 40px
}

.use-case-blocks__single .half__right {
    align-items: center;
    display: flex;
    justify-content: center
}

@media only screen and (min-width: 700px) {
    .use-case-blocks__single {
        padding:50px
    }

    .use-case-blocks__single .half__right img {
        max-height: 215px;
        max-width: 450px;
        width: auto
    }
}

@media only screen and (max-width: 1000px) {
    .use-case-blocks__single {
        flex-direction:column
    }

    .use-case-blocks__single div:first-child {
        order: 2
    }

    .use-case-blocks__single .half__right img {
        max-height: 160px;
        max-width: 100%;
        width: auto
    }

    .use-case-blocks__single .half__right {
        margin-bottom: 40px;
        margin-top: 0
    }

    .pricing-feature-grid .use-case-blocks__single h5,.use-case-blocks__single .eyebrow,.use-case-blocks__single .pricing-feature-grid h5,.use-case-blocks__single .subhead {
        font-size: 21px;
        line-height: 31px;
        margin-top: 10px
    }

    #comments .form-submit .use-case-blocks__single input.btn--ghost,.use-case-blocks__single #comments .form-submit input.btn--ghost,.use-case-blocks__single .btn.btn--ghost {
        background: #fff;
        color: #000
    }
}

.flex-4-col>* {
    margin: 0 0 30px
}

.feature-cards__single {
    display: block
}

.feature-cards__single__mid,.feature-cards__single__top {
    padding: 35px
}

.feature-cards-text__single__mid,.feature-cards-text__single__top {
    padding: 25px 35px
}

.feature-cards-text__single__mid p,.feature-cards-text__single__top p {
    margin: 0
}

.feature-cards__single__bottom {
    padding: 15px 35px
}

.feature-cards-text__single__top,.feature-cards__single__top {
    background: #f7f7f7;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.feature-cards-text__single__top {
    background-color: #f7f7f7;
    min-height: 130px
}

.feature-cards__single__top img {
    filter: invert(1);
    max-height: 60px;
    max-width: 100%;
    width: auto
}

.feature-cards__single--customers .feature-cards__single__top img {
    filter: invert(50%)
}

.feature-cards--platform-security .feature-cards__single__top img {
    filter: invert(1)
}

.feature-cards__single__mid {
    background: #f7f7f7
}

.feature-cards__single__mid h3 {
    margin-bottom: 10px
}

.feature-cards__single__bottom {
    background: #4169e1;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 1px solid #5e5e5e
}

.feature-cards__single__bottom .fc--green {
    color: #fff!important
}

.feature-cards-text__single__mid,.feature-cards__single__mid-bottom {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.feature-cards-text__single__mid {
    background-color: #f7f7f7;
    min-height: 300px
}

.feature-cards__industry {
    display: block;
    margin: 10px 0 30px
}

@media only screen and (min-width: 850px) {
    .grid-3-col {
        display:grid;
        grid-template-columns: 1fr 1fr 1fr
    }

    .grid-4-col {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr
    }

    .flex-4-col>* {
        margin: 10px;
        width: calc(25% - 10px)
    }

    .feature-cards__single--customers .feature-cards__single__top {
        min-height: 130px
    }

    .feature-cards__single--customers .feature-cards__single__mid {
        min-height: 370px;
        padding-bottom: 0
    }

    .cards-4.cards-4--integration .cards-4__single__bottom {
        min-height: 270px
    }

    .cards-3--use-cases .cards-3__single__bottom {
        min-height: 160px
    }

    .page-id-625 .feature-cards .feature-cards__single {
        background: #f7f7f7;
        display: flex!important;
        flex-direction: column;
        justify-content: space-between
    }
}

@media only screen and (max-width: 850px) {
    .feature-cards__single {
        margin-bottom:30px
    }

    .cards-end-cta>:not(.last-card) {
        display: flex
    }

    .cards-end-cta>:not(.last-card)>:first-child {
        margin-right: 30px;
        width: 80px
    }

    .feature-cards-text__single {
        margin-bottom: 30px
    }
}

.feature-offset-cards-container {
    display: block;
    position: relative
}

.feature-offset-cards-container .feature-offset-cards {
    padding: 40px 0
}

@media only screen and (min-width: 1000px) {
    .feature-offset-cards>:first-child {
        grid-column-start:2
    }

    .feature-offset__button,.feature-offset__header {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }

    .feature-offset__button>:first-child,.feature-offset__header>:first-child {
        grid-column: 2/5
    }
}

@media only screen and (max-width: 1000px) {
    .feature-offset-cards-container {
        margin-top:80px
    }

    .feature-offset-cards-container h3 {
        margin-top: 0
    }

    .feature-offset-cards-container .card-image-wrap {
        margin-right: 50px
    }
}

@media only screen and (max-width: 700px) {
    .feature-offset-cards-container .feature-offset-cards {
        padding:40px 0 0
    }
}

@media only screen and (min-width: 1000px) {
    .col-4-icon .cards img {
        max-height:90px;
        max-width: 90px
    }

    .col-4-icon__headings {
        margin-bottom: 50px;
        max-width: 50%
    }
}

@media only screen and (max-width: 700px) {
    .col-4-icon .cards>div {
        display:flex;
        justify-content: space-between
    }

    .col-4-icon .cards>div>div:first-child {
        margin-right: 20px;
        width: 60px
    }

    .col-4-icon .cards img {
        height: auto;
        margin-top: 5px;
        max-height: 60px;
        width: 60px
    }

    .col-4-icon .cards p {
        margin-top: 0
    }
}

@media only screen and (min-width: 1000px) {
    .col-4-ihc .cards img {
        max-height:90px;
        max-width: 90px
    }
}

.cards-wide__heading {
    border-bottom: 1px solid #4169e1;
    margin-bottom: 50px;
    padding-bottom: 10px
}

.cards-wide__single__top {
    background-color: #2c2d2d;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 30px 40px
}

.cards-wide__single__mid {
    background: #1f2020;
    padding: 30px 40px 0
}

.cards-wide__single__bottom {
    background: #1f2020;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 0 40px 30px
}

@media only screen and (min-width: 1000px) {
    .cards-wide-module {
        margin-bottom:100px
    }

    .cards-wide {
        column-gap: 50px;
        grid-template-columns: 460px 460px;
        padding: 0 10px
    }

    .cards-wide__single__mid {
        min-height: 150px
    }

    .cards-wide__single__bottom a {
        min-width: 250px
    }
}

@media only screen and (max-width: 1000px) {
    .cards-wide__single {
        margin-bottom:30px
    }
}

.action-cards__single__top {
    background-size: cover;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    height: 200px
}

.action-cards__single__mid {
    background: #f7f7f7;
    padding: 35px
}

.action-cards__single__bottom {
    background: #f7f7f7;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 1px solid #5e5e5e;
    padding: 20px 35px
}

.action-cards__single__bottom a {
    align-items: center;
    display: flex
}

.action-cards__single__bottom img {
    filter: invert(50%);
    margin-right: 15px
}

@media only screen and (min-width: 700px) {
    .action-cards__single__mid {
        min-height:300px
    }
}

@media only screen and (max-width: 700px) {
    .action-cards__single {
        margin-bottom:30px
    }

    .cards-end-cta--3387 .card-image-wrap {
        margin-bottom: 20px!important
    }
}

.feature-cards__single__mid p a {
    font-family: Source Sans Pro,Arial,Helvetica,sans-serif!important
}

.cards-single-wide {
    max-width: 650px
}

.cards-single-wide__top {
    background-color: #2c2d2d;
    padding: 20px 30px
}

.cards-single-wide__top p {
    margin: 0
}

.cards-single-wide__bottom {
    background-color: #1f2020;
    padding: 20px 30px
}

.cards-single-wide__bottom>p:nth-child(2) {
    padding-left: 20px;
    position: relative
}

.cards-single-wide__bottom>p:nth-child(2):before {
    content: ":";
    left: 0;
    position: absolute;
    top: 0
}

@media only screen and (min-width: 700px) {
    .cards-single-wide__bottom,.cards-single-wide__top {
        padding:20px 75px
    }
}

.feature-cards--text-small {
    padding-bottom: 0!important
}

.feature-cards--text-small .feature-cards--text .feature-cards-text__single__mid {
    min-height: 180px
}

.feature-cards--text-small .feature-cards--text .feature-cards-text__single__top {
    align-items: center;
    display: flex;
    min-height: 100px
}

@media only screen and (min-width: 700px) {
    .feature-cards--text-small .feature-cards--text {
        column-gap:0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 auto;
        row-gap: 0;
        width: 85%
    }

    .feature-cards--text-small .feature-cards--text>div {
        margin: 0 1.5% 30px;
        width: 30%
    }

    .feature-cards--text-small .feature-cards--text .feature-cards-text__single__top {
        min-height: 130px
    }

    .feature-cards--text-small .feature-cards--text .feature-cards-text__single__mid {
        min-height: 180px
    }
}

@media only screen and (max-width: 700px) {
    .feature-cards--text-small .feature-cards--text {
        padding-top:0
    }
}

.cards-mini-icons__single {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.cards-mini-icons__single__image {
    align-items: center;
    border: 1px solid #2c2d2d;
    border-radius: 10px;
    display: flex;
    height: 75px;
    justify-content: center;
    margin-top: 20px;
    padding: 0 30px
}

.cards-mini-icons__single__image img {
    max-height: 35px;
    max-width: 100%;
    width: auto
}

.cards-mini-icons__single__image.cards-mini-icons__single__image--desktop {
    display: none
}

@media only screen and (min-width: 700px) {
    .cards-mini-icons__single__image.cards-mini-icons__single__image--desktop {
        display:flex
    }

    .cards-mini-icons__single__image.cards-mini-icons__single__image--mobile {
        display: none
    }
}

@media only screen and (max-width: 700px) {
    .cards-mini-icons__single:not(:last-child) {
        margin-bottom:40px
    }

    .cards-mini-icons__single__image.cards-mini-icons__single__image--mobile {
        margin-bottom: 20px
    }
}

.cards-x-check__single__check,.cards-x-check__single__x {
    padding-left: 40px;
    position: relative
}

.cards-x-check__single__check:before,.cards-x-check__single__x:before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 20px
}

.cards-x-check__single__x:before {
    background-image: url(../images/base/icons/icon_x_circle_red.svg)
}

.cards-x-check__single__check:before {
    background-image: url(../images/base/icons/icon_check_circle_green.svg)
}

@media only screen and (max-width: 700px) {
    .cards-x-check__single:not(:last-child) {
        margin-bottom:40px
    }
}

.cards-wide-no-checklist-module {
    padding: 40px!important
}

.cards-wide-checklist__single {
    background-color: #f7f7f7;
    border-radius: 6px;
    padding: 30px
}

.cards-wide-checklist__single:not(:last-child) {
    margin-bottom: 20px
}

.cards-wide-checklist__single img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-height: none;
    width: 100%
}

.cards-wide-checklist__single.no-checklist {
    align-items: normal!important
}

.cards-wide-checklist__single.no-checklist h3 {
    color: #002db4
}

.cards-wide-checklist__single.no-checklist .hero-list__cta a {
    background-color: transparent;
    border: thin solid;
    color: #fff
}

.cards-wide-checklist__single.no-checklist:nth-of-type(odd) div:first-of-type {
    order: 2
}

.cards-wide-checklist__single.no-checklist div:first-of-type {
    order: 1
}

.quote-with-author-logo__container {
    display: grid;
    grid-template-columns: auto auto auto;
    margin: 0 auto;
    max-width: 900px
}

@media(max-width: 799px) {
    .quote-with-author-logo__container {
        padding:50px 0
    }
}

.quote-with-author-logo__author {
    display: flex;
    flex-direction: column;
    grid-row-end: 3;
    grid-row-start: 1;
    justify-content: space-between;
    padding: 10px 25px 0
}

.quote-with-author-logo__author .author-image {
    padding: 0 50px
}

.quote-with-author-logo__author .author-image img {
    border-radius: 50%;
    max-width: 100%
}

.quote-with-author-logo__author p {
    font-size: 16px;
    margin: 0
}

.quote-with-author-logo__author .author {
    font-weight: 700;
    text-align: center
}

.quote-with-author-logo__author .company-logo {
    padding: 20px 20px 0
}

.quote-with-author-logo__author .company-logo img {
    max-width: 100%
}

@media(max-width: 799px) {
    .quote-with-author-logo__author {
        display:flex;
        grid-column-end: 4;
        grid-column-start: 1;
        grid-row-end: 2;
        grid-row-start: 2;
        justify-content: center;
        padding: 0 50px 20px
    }

    .quote-with-author-logo__author .author-image {
        display: flex;
        justify-content: center;
        padding: 0
    }

    .quote-with-author-logo__author .author-image img {
        border-radius: 50%;
        max-width: 150px
    }

    .quote-with-author-logo__author .author-details {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .quote-with-author-logo__author p {
        text-align: center
    }

    .quote-with-author-logo__author .company-logo {
        margin: 0 auto;
        max-width: 200px
    }
}

.quote-with-author-logo__quote {
    grid-column-end: 4;
    grid-column-start: 2;
    grid-row-end: 2;
    grid-row-start: 1
}

.quote-with-author-logo__quote .quote {
    display: flex;
    height: 100%;
    padding: 50px;
    position: relative;
    width: 100%;
    z-index: 9
}

.quote-with-author-logo__quote .quote p {
    font-size: 24px;
    margin: 0;
    padding: 0 50px
}

.quote-with-author-logo__quote .quote:before {
    color: #2c2d2d;
    content: "“";
    font-size: 120px;
    left: 25px;
    position: absolute;
    top: 40px
}

.quote-with-author-logo__quote .quote:after {
    bottom: 0;
    color: #2c2d2d;
    content: "”";
    font-size: 120px;
    position: absolute;
    right: 50px
}

@media(max-width: 799px) {
    .quote-with-author-logo__quote {
        grid-column-end:4;
        grid-column-start: 1;
        grid-row-end: 1;
        grid-row-start: 1
    }

    .quote-with-author-logo__quote .quote p {
        padding: 20px 0 0 20px
    }

    .quote-with-author-logo__quote .quote:after {
        right: 20px
    }
}

.quote-with-author-logo__cta {
    grid-column-end: 4;
    grid-column-start: 2;
    grid-row-start: 2;
    padding: 10px 0;
    text-align: center
}

#comments .form-submit .quote-with-author-logo__cta input,.quote-with-author-logo__cta #comments .form-submit input,.quote-with-author-logo__cta .btn {
    margin: 0 auto;
    width: 50%
}

@media(max-width: 799px) {
    .quote-with-author-logo__cta {
        align-items:center;
        display: flex;
        grid-column-end: 4;
        grid-column-start: 1;
        grid-row-start: 3
    }

    #comments .form-submit .quote-with-author-logo__cta input,.quote-with-author-logo__cta #comments .form-submit input,.quote-with-author-logo__cta .btn {
        width: 75%
    }
}

.carousel:not(.quote_carousel) .flickity-viewport {
    height: 100%;
    max-height: 660px;
    min-height: 550px
}

@media(max-width: 799px) {
    .carousel:not(.quote_carousel) .flickity-viewport {
        height:730px!important;
        max-height: 800px;
        min-height: 700px;
        padding-top: 0
    }
}

.carousel:not(.quote_carousel) .flickity-page-dots {
    bottom: 25px
}

.carousel:not(.quote_carousel) .bg-light {
    background-color: #fff!important;
    color: #000!important
}

.carousel:not(.quote_carousel) .bg-light h1,.carousel:not(.quote_carousel) .bg-light p.fc--body.eyebrow,.carousel:not(.quote_carousel) .bg-light p.subhead.fc--body {
    color: #000!important
}

#comments .form-submit .carousel:not(.quote_carousel) .bg-light .hero-module-cta input,.carousel:not(.quote_carousel) .bg-light .hero-module-cta #comments .form-submit input,.carousel:not(.quote_carousel) .bg-light .hero-module-cta .btn {
    background-color: #4169e1;
    color: #fff
}

#comments .form-submit .carousel:not(.quote_carousel) .bg-light .hero-module-cta input:hover,.carousel:not(.quote_carousel) .bg-light .hero-module-cta #comments .form-submit input:hover,.carousel:not(.quote_carousel) .bg-light .hero-module-cta .btn:hover {
    background-color: #00238d
}

.carousel:not(.quote_carousel) .bg-light .hero-module-cta__secondary {
    color: #002db4;
    font-weight: 700
}

.carousel:not(.quote_carousel) .bg-light .hero-module-cta__secondary:hover {
    color: #00238d
}

.carousel:not(.quote_carousel) .carousel-cell {
    align-items: center;
    border: thin solid #fff;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 60px 0;
    min-height: 100%;
    width: 100%
}

.carousel:not(.quote_carousel) .carousel-cell__description {
    color: #002db4;
    font-size: 18px;
    font-weight: 700;
    margin: -25px 0 25px
}

.carousel:not(.quote_carousel) .carousel-cell .hero-module {
    margin-bottom: 0;
    margin-top: 0
}

@media(max-width: 799px) {
    .carousel:not(.quote_carousel) .carousel-cell {
        align-items:normal;
        margin-top: 0
    }

    .carousel:not(.quote_carousel) .carousel-cell .hero-module {
        margin-bottom: 50px;
        margin-top: 50px
    }

    .carousel:not(.quote_carousel) .carousel-cell .half {
        margin-top: 30px
    }

    .carousel:not(.quote_carousel) .carousel-cell .half .carousel-cell__description {
        margin: 25px 0
    }
}

.carousel:not(.quote_carousel) .carousel-cell .half__right .image-shadow img {
    position: relative;
    z-index: 99
}

@media(max-width: 799px) {
    .carousel:not(.quote_carousel) .carousel-cell .half__right {
        margin-top:0
    }
}

.carousel:not(.quote_carousel) .carousel-cell .hero-module.hero-module--animation {
    display: flex;
    padding: 60px
}

@media(max-width: 799px) {
    .carousel:not(.quote_carousel) .carousel-cell .hero-module.hero-module--animation #hero-animation-container {
        margin:0 auto;
        max-width: 80%
    }
}

.carousel:not(.quote_carousel) .carousel-cell .hero-module:not(.hero-module--animation) {
    align-items: center;
    display: flex;
    height: 100%;
    min-height: 400px;
    position: absolute;
    width: 100%
}

.carousel:not(.quote_carousel) .carousel-cell .hero-module:not(.hero-module--animation) .image-shadow {
    position: relative
}

.carousel:not(.quote_carousel) .carousel-cell .hero-module:not(.hero-module--animation) .image-shadow:after {
    background: radial-gradient(rgba(0,229,191,.3),#fff,#fff);
    border-radius: 50%;
    content: "";
    height: 400px;
    left: 10%;
    position: absolute;
    top: 98px;
    width: 550px
}

@media(max-width: 799px) {
    .carousel:not(.quote_carousel) .carousel-cell .hero-module:not(.hero-module--animation) .image-shadow:after {
        background:none!important;
        height: 0;
        width: 0
    }

    .carousel:not(.quote_carousel) .carousel-cell .hero-module {
        flex-direction: column;
        justify-content: normal!important;
        min-height: fit-content!important
    }

    .carousel:not(.quote_carousel) .carousel-cell .hero-module .half__left {
        order: 2
    }
}

.blue-cards {
    display: flex;
    justify-content: space-between
}

.blue-cards__card {
    align-items: center;
    background-color: #4169e1;
    display: flex;
    flex-direction: column;
    padding: 40px;
    width: 33%
}

.blue-cards__card:nth-of-type(2) {
    margin: 0 40px
}

.blue-cards__card p {
    color: #fff
}

.blue-cards__card .card-icon {
    align-items: center;
    display: flex;
    height: 100px;
    justify-content: center;
    width: 100px
}

.blue-cards__card .card-icon img {
    filter: brightness(0) invert(1)
}

.blue-cards__card .card-heading {
    font-size: 24px;
    font-weight: 900;
    line-height: 36px
}

.blue-cards__card .card-body {
    font-size: 18px;
    line-height: 28px
}

.blue-cards__card .card-body p {
    margin-top: 0
}

@media(max-width: 799px) {
    .blue-cards {
        flex-direction:column
    }

    .blue-cards__card {
        align-items: center;
        margin: 40px 0;
        width: 100%
    }

    .blue-cards__card:nth-of-type(2) {
        margin: 0
    }
}

.cards-wide-checklist__single li {
    padding-left: 40px;
    position: relative
}

.cards-wide-checklist__single li:before {
    background-image: url(../images/checkmark.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 22px;
    left: 0;
    position: absolute;
    top: 0;
    width: 22px
}

@media only screen and (min-width: 700px) {
    .cards-wide-checklist__single {
        align-items:center;
        display: flex;
        justify-content: space-between;
        padding: 50px
    }

    .cards-wide-checklist__single:not(:last-child) {
        margin-bottom: 40px
    }

    .cards-wide-checklist__single img {
        max-height: 450px;
        max-width: 100%;
        width: auto
    }

    .cards-wide-checklist__single>div {
        width: calc(50% - 25px)
    }

    .cards-wide-checklist__single ul {
        grid-row-gap: 15px;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: repeat(2,minmax(0,auto))
    }

    .cards-wide-checklist__single ul.grid-rows--3 {
        grid-template-rows: repeat(3,minmax(0,auto))
    }

    .cards-wide-checklist-container>div:nth-child(2n) {
        flex-direction: row-reverse
    }
}

@media only screen and (max-width: 700px) {
    .cards-wide-checklist__single h3 {
        font-weight:400
    }

    .cards-wide-checklist__single .eyebrow,.cards-wide-checklist__single .pricing-feature-grid h5,.cards-wide-checklist__single .subhead,.pricing-feature-grid .cards-wide-checklist__single h5 {
        font-size: 18px;
        line-height: 25px
    }

    .cards-wide-checklist__single li {
        margin-bottom: 10px
    }
}

.feature-cards-text-container--feed {
    padding-bottom: 0!important
}

.feature-cards-text-container--feed .feature-cards-text__single__top {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center
}

.feature-cards-text-container--feed .feature-cards-text__single__top p {
    margin-top: 10px!important
}

.feature-cards-text-container--feed .feature-cards-text__single__mid {
    min-height: 200px
}

.cards-download>:hover>div {
    background: #4169e1;
    position: relative
}

.cards-download>:hover>div img {
    opacity: 10%
}

.cards-download>:hover:after {
    background-image: url(../images/base/icons/icon_download_zip.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 66px;
    position: absolute;
    right: calc(50% - 36px);
    top: calc(50% - 33px);
    width: 73px
}

.cards-download>*>div {
    align-items: center;
    background: #4169e1;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    padding: 50px
}

.cards-download>*>div img {
    height: auto;
    max-width: 100px
}

@media only screen and (min-width: 700px) {
    .cards-download {
        display:flex;
        justify-content: center
    }

    .cards-download>* {
        min-height: 250px;
        width: 45%
    }

    .cards-download>*>div {
        padding: 75px
    }

    .cards-download>*>div img {
        max-width: 150px
    }
}

.cards-icon-text__single__top {
    min-height: 120px
}

.cards-icon-text__single__bottom {
    min-height: 230px;
    padding: 10px 40px
}

@media only screen and (max-width: 900px) {
    .cards-icon-text__single:not(:last-child) {
        margin-bottom:30px
    }
}

.border-radius--top-lr {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.border-radius--bottom-lr {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.bg--dgrey-1 {
    background-color: #2c2d2d
}

.bg--dgrey-2 {
    background-color: #1f2020
}

.quote_carousel .carousel-cell {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.case-study-module p {
    font-size: 19px;
    font-weight: 500;
    line-height: 36px
}

.case-study-module__logo {
    height: auto;
    margin-top: 30px;
    width: 74px
}

.case-study-module__portrait {
    max-height: 130px;
    max-width: 130px
}

.case-study-module__quotation strong {
    color: #cb62e3;
    font-size: 37px;
    line-height: 51px
}

.case-study-module__inner>div:first-child span {
    display: block
}

@media only screen and (min-width: 700px) {
    .case-study-module__portrait {
        max-height:260px;
        max-width: 260px
    }

    .case-study-module__inner {
        display: flex;
        justify-content: center
    }

    .case-study-module__inner>div:first-child {
        margin-right: 100px;
        max-width: 270px
    }

    .case-study-module__inner>div:last-child {
        max-width: 620px
    }

    .case-study-module__inner>div:first-child span {
        margin: 0 auto
    }

    .case-study-module__inner .case-study-module__portrait {
        display: block;
        margin: 0 auto 30px
    }

    .case-study-module__inner .case-study-module__logo {
        display: block;
        margin: 30px auto 0;
        width: 100px
    }

    .case-study-module__quotation strong {
        font-size: 47px;
        line-height: 60px
    }

    .case-study-module p {
        font-size: 23px;
        line-height: 45px
    }
}

@media only screen and (max-width: 700px) {
    .case-study-module__inner {
        flex-direction:column
    }

    .case-study-module__inner>div:first-child {
        display: flex;
        justify-content: space-between;
        order: 2
    }

    .case-study-module__portrait {
        margin-right: 30px
    }

    .case-study-module__quotation {
        margin-bottom: 50px
    }

    .case-study-module__quotation strong {
        display: block
    }
}

#comments {
    padding-bottom: 80px
}

#comments .comment-form-comment {
    width: 100%
}

#comments .comment-form-comment textarea {
    border: 1px solid #cbcbcb;
    border-radius: 0;
    height: 120px;
    padding: 10px 15px;
    width: 98.5%
}

#comments #reply-title,#comments .comments-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0
}

#comments .comment-notes {
    display: none
}

#comments .comment-form-comment {
    margin-top: 0
}

#comments .form-submit input {
    font-size: 18px
}

#comments .comment {
    margin-bottom: 40px
}

.comment-author.vcard {
    align-items: flex-start;
    display: flex
}

.comment-author.vcard img {
    margin-right: 20px
}

.comment-list {
    margin-top: 30px
}

#commentform label[for=author],#commentform label[for=comment],#commentform label[for=email],#commentform label[for=url],.says {
    display: none
}

#commentform input[type=text] {
    border: 1px solid #cbcbcb;
    padding: 20px 15px
}

label[for=wp-comment-cookies-consent] {
    font-size: 12px
}

#commentform input[type=text],#commentform textarea {
    color: #000;
    font-family: Source Sans Pro,Arial,Helvetica,sans-serif;
    font-size: 18px
}

#commentform input[type=text]::placeholder,#commentform textarea::placeholder {
    color: #000;
    font-size: 18px
}

@media only screen and (min-width: 800px) {
    .comment-form-author,.comment-form-email,.comment-form-url {
        display:inline-block;
        margin-right: 1.3%;
        margin-top: 0;
        width: 32%
    }

    .comment-form-author input,.comment-form-email input,.comment-form-url input {
        width: 100%
    }

    #anr_captcha_field_1>div,.anr_captcha_field,.form-submit {
        display: inline-block
    }

    .form-submit {
        margin-left: 30px;
        margin-top: 0;
        position: relative;
        top: -30px
    }

    .logged-in .form-submit {
        margin-left: 0;
        margin-top: 30px
    }

    #submit {
        display: inline-block
    }

    .comment-meta.commentmetadata {
        display: inline-block;
        font-size: 12px
    }

    .reply {
        font-size: 12px
    }
}

section.cta-in-content {
    padding-bottom: 0!important;
    padding-top: 0!important
}

section.cta-in-content .container {
    box-shadow: 0 0 40px 0 rgba(0,0,0,.07);
    padding: 30px 40px 20px!important
}

section.cta-in-content img {
    margin-bottom: 30px;
    max-width: 170px!important
}

#comments .form-submit .cta-in-content-module .container.bg--green input,.cta-in-content-module .container.bg--green #comments .form-submit input,.cta-in-content-module .container.bg--green .btn {
    background: #fff!important
}

#comments .form-submit .cta-in-content-module .container.bg--green input:hover,.cta-in-content-module .container.bg--green #comments .form-submit input:hover,.cta-in-content-module .container.bg--green .btn:hover {
    background-color: #e7e7e7!important
}

.cta-in-content-form-module .mktoForm input[type=email],.cta-in-content-form-module .mktoForm input[type=text] {
    margin-top: 0!important
}

.cta-in-content-form-module .mktoButtonRow button.mktoButton {
    background: #4169e1!important;
    border: 1px solid #4169e1!important;
    color: #000!important;
    margin-top: 25px!important;
    padding: 0 40px!important;
    width: auto!important
}

.cta-in-content-form-v2-module .in-content-box-shadow {
    min-height: 270px
}

@media only screen and (min-width: 700px) {
    .in-content-cta img {
        margin-bottom:0
    }

    .cta-in-content__copy {
        width: calc(100% - 220px)
    }

    .cta-in-content-form-v2--float {
        float: right;
        margin-left: 40px;
        width: 50%!important
    }

    .cta-in-content-form-v2-module:not(.cta-in-content-form-v2--float) .mktoForm {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .cta-in-content-form-v2-module:not(.cta-in-content-form-v2--float) .mktoForm .mktoFormRow {
        width: 48.5%
    }

    .cta-in-content-form-v2-module:not(.cta-in-content-form-v2--float) .mktoForm .mktoButtonRow {
        float: left;
        width: 48.5%!important
    }
}

@media only screen and (max-width: 700px) {
    #comments .form-submit .cta-in-content-module input.margin-l--30,.cta-in-content-module #comments .form-submit input.margin-l--30,.cta-in-content-module .btn.margin-l--30 {
        margin-left:0!important
    }
}

#secondary-footer {
    background: #4169e1;
    color: #000;
    display: block;
    padding: 50px 0;
    position: relative
}

#comments .form-submit #secondary-footer .flex .flex--ai-fe input.btn--white,#secondary-footer .flex .flex--ai-fe #comments .form-submit input.btn--white,#secondary-footer .flex .flex--ai-fe .btn.btn--white {
    color: #4169e1!important;
    padding: 20px!important;
    width: 180px!important
}

#secondary-footer h2,#secondary-footer p {
    color: #fff;
    margin: 0
}

#secondary-footer p {
    font-size: 21px;
    line-height: 31px;
    margin-bottom: 20px
}

@media only screen and (min-width: 700px) {
    #secondary-footer {
        padding:50px
    }

    #secondary-footer p {
        margin-bottom: 0;
        margin-right: 50px
    }

    .secondary-footer__copy--dashboard.secondary-footer__copy h2 {
        font-size: 35px!important;
        line-height: 40px!important
    }

    .secondary-footer__copy--dashboard.secondary-footer__copy p {
        font-size: 18px
    }
}

#main-footer {
    background: #1f2020;
    display: block;
    padding: 50px 0;
    position: relative
}

.footer-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
}

.footer-grid h4 {
    color: #fff;
    font-size: 18px;
    margin-top: 0
}

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

.footer-grid li {
    margin-bottom: 20px
}

.footer-grid a,.footer-grid a:hover {
    color: #cbcbcb
}

.social-footer ul {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.social-footer ul li {
    margin-right: 20px
}

.main-footer-bottom {
    margin-top: 50px
}

.aws a,.terms span {
    display: inline-block
}

.terms span {
    margin: 0 5px
}

.terms,.terms a {
    color: #818181;
    font-size: 14px
}

.aws img {
    height: auto;
    width: 100px
}

@media only screen and (min-width: 1000px) {
    .main-footer-bottom {
        align-items:center;
        display: flex
    }

    .terms {
        margin: 0 40px 0 20px
    }
}

@media only screen and (min-width: 1300px) {
    #secondary-footer .secondary-footer__copy {
        align-items:flex-end;
        display: flex
    }

    #secondary-footer .secondary-footer__copy p {
        margin-left: 30px
    }
}

@media only screen and (max-width: 1000px) {
    #secondary-footer {
        padding:30px
    }

    #secondary-footer .container {
        max-width: none;
        padding: 0
    }

    #secondary-footer .secondary-footer__copy h2 {
        font-size: 25px;
        line-height: 35px
    }

    #secondary-footer .secondary-footer__copy p {
        font-size: 16px;
        line-height: 26px
    }

    #comments .form-submit #secondary-footer input,#secondary-footer #comments .form-submit input,#secondary-footer .btn {
        font-size: 16px
    }

    #main-footer .container {
        padding: 0 50px
    }

    #main-footer .container>div {
        width: 50%
    }

    .footer-grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto;
        row-gap: 50px
    }

    .footer-grid>div:first-child {
        grid-row-start: 1
    }

    .footer-grid>div:nth-child(2),.footer-grid>div:nth-child(3) {
        grid-row-start: 2
    }

    .footer-grid>div:nth-child(4),.footer-grid>div:nth-child(5) {
        grid-row-start: 3;
        width: 50%
    }

    .footer-grid>div:nth-child(6) {
        grid-row-start: 4;
        width: 50%
    }
}

@media only screen and (max-height: 450px)and (min-width:700px) {
    .footer-grid {
        grid-template-columns:1fr 1fr
    }

    #main-footer .container>div {
        width: 100%
    }
}

.mktoForm input#Email,.mktoForm input[type=email],.mktoForm input[type=tel],.mktoForm input[type=text],.mktoForm input[type=url] {
    background: transparent!important;
    border: none!important;
    border-bottom: 1px solid #757575!important;
    float: none!important;
    font-family: Source Sans Pro;
    font-size: 18px!important;
    margin-top: 25px!important;
    padding-bottom: 10px!important;
    padding-left: 5px!important;
    transition: width .3s;
    width: 100%!important
}

.marketo-form--light .mktoForm input[type=email],.marketo-form--light .mktoForm input[type=tel],.marketo-form--light .mktoForm input[type=text],.marketo-form--light .mktoForm input[type=url] {
    color: #000!important
}

.pdf-cta {
    align-items: center;
    border-bottom: 1px solid #242424;
    border-top: 1px solid #242424;
    display: flex;
    justify-content: space-around;
    margin-bottom: 70px;
    margin-top: 70px;
    padding: 20px 0
}

.pdf-cta h3 {
    font-weight: 700;
    margin: 0
}

.pdf-cta p {
    margin: 0
}

.cta-button a {
    line-height: 1
}

@media(max-width: 1000px) {
    .pdf-cta img {
        display:none
    }

    .pdf-cta {
        align-items: flex-start;
        flex-direction: column;
        padding-bottom: 30px
    }

    .pdf-cta .cta-text h3 {
        margin-bottom: 0!important
    }

    .pdf-cta .cta-text {
        margin-bottom: 20px
    }
}

.email-popup {
    background-color: #fefefe;
    border-radius: 6px;
    color: #000;
    display: none;
    left: 50%;
    padding: 20px 50px;
    position: fixed;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 350px
}

.email-popup h3 {
    font-weight: 700!important;
    margin-bottom: 0
}

#mktoForm_1215 .mktoButton {
    background: #002db4!important;
    border: 1px solid #002db4!important;
    color: #fff!important
}

#mktoForm_1215 .mktoButton:hover {
    background-color: #00238d!important
}

.email-popup a {
    color: #0041ca
}

.email-popup p {
    font-size: 14px;
    line-height: 18px
}

.email-popup.active {
    display: block;
    z-index: 20001
}

.popup-background {
    display: none
}

.popup-background.active {
    background-color: #000;
    display: block;
    height: 100%;
    left: 0;
    opacity: .7;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20000
}

.email-popup .close-popup {
    color: gray;
    cursor: pointer;
    font-family: helvetica;
    font-size: 30px;
    font-weight: 100;
    line-height: 20px;
    position: absolute;
    right: 20px;
    top: 13px;
    transform: scaleX(1.4)
}

.email-popup .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
    background-color: #002db4!important;
    background-image: none;
    border: 0 solid transparent;
    color: #fff;
    font-family: Source Sans Pro Bold;
    font-size: 16px;
    padding: 13px 29px
}

.email-popup .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover {
    border: 0 solid transparent
}

.email-popup .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:focus {
    border: 0 solid transparent;
    outline: none
}

.email-popup .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:active {
    background-color: #0141c9;
    background-image: none
}

.email-popup .mktoForm input.mktoField {
    border: 0 solid transparent;
    border-bottom: 2px solid #0141c9;
    width: 100%!important
}

.email-popup .mktoForm input.mktoField.mktoInvalid {
    border: 0 solid transparent;
    border-bottom: 2px solid darkred
}

.email-popup .mktoForm .mktoLabel,.email-popup .mktoForm .mktoOffset {
    display: none
}

.email-popup .mktoButtonWrap {
    margin-left: 0!important
}

.email-popup .mktoForm .mktoFieldWrap,.email-popup .mktoForm .mktoFormCol {
    width: 100%!important
}

.email-popup .mktoForm .mktoError {
    bottom: inherit!important;
    margin-bottom: 10px;
    position: relative!important;
    right: inherit!important;
    z-index: -1
}

.email-popup .mktoErrorArrowWrap {
    display: none
}

.email-popup .mktoForm .mktoError .mktoErrorMsg {
    background-color: transparent;
    background-image: none;
    border: 0 solid transparent;
    box-shadow: none;
    color: darkred;
    display: inline;
    padding: 10px 0 0;
    text-shadow: none
}

.email-popup .mktoForm .mktoGutter {
    display: none
}

.email-popup input:-webkit-autofill,.email-popup input:-webkit-autofill:focus,.email-popup input:-webkit-autofill:hover,.email-popup select:-webkit-autofill,.email-popup select:-webkit-autofill:focus,.email-popup select:-webkit-autofill:hover,.email-popup textarea:-webkit-autofill,.email-popup textarea:-webkit-autofill:focus,.email-popup textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: #000;
    box-shadow: none;
    color: #000
}

.email-popup .mktoForm input[type=date]:focus,.email-popup .mktoForm input[type=email]:focus,.email-popup .mktoForm input[type=number]:focus,.email-popup .mktoForm input[type=tel]:focus,.email-popup .mktoForm input[type=text]:focus,.email-popup .mktoForm input[type=url]:focus,.email-popup .mktoForm select.mktoField:focus,.email-popup .mktoForm textarea.mktoField:focus {
    border: 0 solid transparent;
    border-bottom: 2px solid #0141c9
}

.form-bar-module {
    background: #4169e1
}

.form-bar-module h3 {
    font-size: 25px;
    font-weight: 700
}

.form-bar-module #mktoForm_1083 {
    margin: 0;
    width: 100%!important
}

.form-bar-module #mktoForm_1083 #Email {
    color: #000!important
}

.form-bar-module #mktoForm_1083 #Email::placeholder {
    color: #000
}

.form-bar-module #mktoForm_1083 .mktoButtonRow {
    max-width: 80%
}

.form-bar-module #mktoForm_1083 button {
    background-color: #fff!important
}

.form-bar-module #mktoForm_1083 button:hover {
    background-color: #d9d9d9!important;
    border: 1px solid #d9d9d9!important
}

.form-bar-module #confirm-subscribe-form-bar {
    display: none;
    margin: 0 auto;
    max-width: 500px
}

.form-bar-module #confirm-subscribe-form-bar .form-bar-header {
    font-size: 25px;
    font-weight: 700
}

.form-bar-module #confirm-subscribe-form-bar p {
    color: #000
}

.form-bar-module #confirm-subscribe-form-bar.confirm-subscribe-form--active {
    display: block
}

#ungated-thank-you-confirmation {
    display: none
}

#eaf-checkbox-error {
    height: 1px;
    overflow: hidden;
    visibility: hidden
}

#eaf-checkbox-error p {
    color: red;
    font-size: 14px;
    margin-top: 0
}

#mktoForm_1250 {
    width: auto!important
}

#mktoForm_1250 label {
    display: inline-block;
    font-family: Source Sans Pro;
    font-size: 16px;
    line-height: 1.3;
    padding-top: 0
}

#mktoForm_1250 #LblCompany,#mktoForm_1250 #LblEmail,#mktoForm_1250 #LblFirstName,#mktoForm_1250 #LblLastName {
    display: none
}

#mktoForm_1250 .mktoFormRow:first-child label:hover,#mktoForm_1250 .mktoFormRow:first-child:hover,#mktoForm_1250 .mktoFormRow:nth-child(2) label:hover,#mktoForm_1250 .mktoFormRow:nth-child(2):hover,#mktoForm_1250 .mktoFormRow:nth-child(3) label:hover,#mktoForm_1250 .mktoFormRow:nth-child(3):hover,#mktoForm_1250 .mktoFormRow:nth-child(4) label:hover,#mktoForm_1250 .mktoFormRow:nth-child(4):hover,#mktoForm_1250 .mktoFormRow:nth-child(5) label:hover,#mktoForm_1250 .mktoFormRow:nth-child(5):hover,#mktoForm_1250 .mktoFormRow:nth-child(6) label:hover,#mktoForm_1250 .mktoFormRow:nth-child(6):hover,#mktoForm_1250 .mktoFormRow:nth-child(7) label:hover,#mktoForm_1250 .mktoFormRow:nth-child(7):hover {
    cursor: pointer
}

#mktoForm_1250 .mktoFormRow:first-child .mktoFieldWrap,#mktoForm_1250 .mktoFormRow:nth-child(2) .mktoFieldWrap,#mktoForm_1250 .mktoFormRow:nth-child(3) .mktoFieldWrap,#mktoForm_1250 .mktoFormRow:nth-child(4) .mktoFieldWrap,#mktoForm_1250 .mktoFormRow:nth-child(5) .mktoFieldWrap,#mktoForm_1250 .mktoFormRow:nth-child(6) .mktoFieldWrap,#mktoForm_1250 .mktoFormRow:nth-child(7) .mktoFieldWrap {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between
}

#mktoForm_1250 .mktoFormRow:first-child .mktoFieldWrap>label:first-child,#mktoForm_1250 .mktoFormRow:nth-child(2) .mktoFieldWrap>label:first-child,#mktoForm_1250 .mktoFormRow:nth-child(3) .mktoFieldWrap>label:first-child,#mktoForm_1250 .mktoFormRow:nth-child(4) .mktoFieldWrap>label:first-child,#mktoForm_1250 .mktoFormRow:nth-child(5) .mktoFieldWrap>label:first-child,#mktoForm_1250 .mktoFormRow:nth-child(6) .mktoFieldWrap>label:first-child,#mktoForm_1250 .mktoFormRow:nth-child(7) .mktoFieldWrap>label:first-child {
    padding: 15px 0;
    width: 75%!important
}

#mktoForm_1250 .mktoFormRow:first-child .mktoFieldWrap .mktoCheckboxList,#mktoForm_1250 .mktoFormRow:nth-child(2) .mktoFieldWrap .mktoCheckboxList,#mktoForm_1250 .mktoFormRow:nth-child(3) .mktoFieldWrap .mktoCheckboxList,#mktoForm_1250 .mktoFormRow:nth-child(4) .mktoFieldWrap .mktoCheckboxList,#mktoForm_1250 .mktoFormRow:nth-child(5) .mktoFieldWrap .mktoCheckboxList,#mktoForm_1250 .mktoFormRow:nth-child(6) .mktoFieldWrap .mktoCheckboxList,#mktoForm_1250 .mktoFormRow:nth-child(7) .mktoFieldWrap .mktoCheckboxList {
    margin-top: 5px;
    width: 25%!important
}

#mktoForm_1250 .mktoFormRow:first-child .mktoFieldDescriptor,#mktoForm_1250 .mktoFormRow:nth-child(2) .mktoFieldDescriptor,#mktoForm_1250 .mktoFormRow:nth-child(3) .mktoFieldDescriptor,#mktoForm_1250 .mktoFormRow:nth-child(4) .mktoFieldDescriptor,#mktoForm_1250 .mktoFormRow:nth-child(5) .mktoFieldDescriptor,#mktoForm_1250 .mktoFormRow:nth-child(6) .mktoFieldDescriptor,#mktoForm_1250 .mktoFormRow:nth-child(7) .mktoFieldDescriptor {
    background: #2c2d2d;
    border: 1px solid transparent;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 10px
}

#mktoForm_1250 .mktoFormRow:first-child .mktoFieldDescriptor:hover,#mktoForm_1250 .mktoFormRow:nth-child(2) .mktoFieldDescriptor:hover,#mktoForm_1250 .mktoFormRow:nth-child(3) .mktoFieldDescriptor:hover,#mktoForm_1250 .mktoFormRow:nth-child(4) .mktoFieldDescriptor:hover,#mktoForm_1250 .mktoFormRow:nth-child(5) .mktoFieldDescriptor:hover,#mktoForm_1250 .mktoFormRow:nth-child(6) .mktoFieldDescriptor:hover,#mktoForm_1250 .mktoFormRow:nth-child(7) .mktoFieldDescriptor:hover {
    background: #474949;
    cursor: pointer
}

#mktoForm_1250 .mktoFormRow:first-child .mktoFieldDescriptor:hover .mktoFieldWrap>label,#mktoForm_1250 .mktoFormRow:nth-child(2) .mktoFieldDescriptor:hover .mktoFieldWrap>label,#mktoForm_1250 .mktoFormRow:nth-child(3) .mktoFieldDescriptor:hover .mktoFieldWrap>label,#mktoForm_1250 .mktoFormRow:nth-child(4) .mktoFieldDescriptor:hover .mktoFieldWrap>label,#mktoForm_1250 .mktoFormRow:nth-child(5) .mktoFieldDescriptor:hover .mktoFieldWrap>label,#mktoForm_1250 .mktoFormRow:nth-child(6) .mktoFieldDescriptor:hover .mktoFieldWrap>label,#mktoForm_1250 .mktoFormRow:nth-child(7) .mktoFieldDescriptor:hover .mktoFieldWrap>label {
    color: #fff
}

#mktoForm_1250 .mktoFormRow:first-child .mktoFieldDescriptor.eaf-active-checkbox,#mktoForm_1250 .mktoFormRow:nth-child(2) .mktoFieldDescriptor.eaf-active-checkbox,#mktoForm_1250 .mktoFormRow:nth-child(3) .mktoFieldDescriptor.eaf-active-checkbox,#mktoForm_1250 .mktoFormRow:nth-child(4) .mktoFieldDescriptor.eaf-active-checkbox,#mktoForm_1250 .mktoFormRow:nth-child(5) .mktoFieldDescriptor.eaf-active-checkbox,#mktoForm_1250 .mktoFormRow:nth-child(6) .mktoFieldDescriptor.eaf-active-checkbox,#mktoForm_1250 .mktoFormRow:nth-child(7) .mktoFieldDescriptor.eaf-active-checkbox {
    border: 1px solid #4169e1
}

#mktoForm_1250 .mktoFormRow:first-child input[type=checkbox]:checked+label:before,#mktoForm_1250 .mktoFormRow:nth-child(2) input[type=checkbox]:checked+label:before,#mktoForm_1250 .mktoFormRow:nth-child(3) input[type=checkbox]:checked+label:before,#mktoForm_1250 .mktoFormRow:nth-child(4) input[type=checkbox]:checked+label:before,#mktoForm_1250 .mktoFormRow:nth-child(5) input[type=checkbox]:checked+label:before,#mktoForm_1250 .mktoFormRow:nth-child(6) input[type=checkbox]:checked+label:before,#mktoForm_1250 .mktoFormRow:nth-child(7) input[type=checkbox]:checked+label:before {
    background: #4169e1;
    content: ""
}

#mktoForm_1250 .mktoCheckboxList {
    align-items: center;
    display: flex
}

#mktoForm_1250 .mktoCheckboxList label:before {
    background: transparent;
    border: 1px solid #cbcbcb
}

#mktoForm_1250 .mktoButtonRow {
    width: 100%
}

#mktoForm_1250 .mktoFieldWrap,#mktoForm_1250 .mktoFormCol {
    float: none
}

#mktoForm_1250 .mktoGutter,#mktoForm_1250 .mktoOffset {
    display: none
}

#mktoForm_1250 input[type=checkbox] {
    left: 0;
    position: absolute
}

@media(min-width: 700px) {
    .form-bar-module #mktoForm_1083 {
        align-items:center;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        max-width: 600px
    }

    .form-bar-module #mktoForm_1083 .mktoFormRow:first-child,.form-bar-module #mktoForm_1083 .mktoFormRow:nth-child(2) {
        width: 65%
    }

    .form-bar-module #mktoForm_1083 .mktoButtonRow {
        max-width: 30%
    }

    #ungated-thank-you-confirmation {
        margin-left: 20px
    }

    #mktoForm_1250 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    #mktoForm_1250>* {
        width: 48%
    }
}

.mktoForm:not(#mktoForm_1250) {
    width: 100%!important
}

.mktoForm:not(#mktoForm_1250) .mktoButtonRow,.mktoForm:not(#mktoForm_1250) .mktoFieldWrap,.mktoForm:not(#mktoForm_1250) .mktoFormCol {
    width: 100%
}

.mktoForm:not(#mktoForm_1250) .mktoGutter,.mktoForm:not(#mktoForm_1250) .mktoLabel,.mktoForm:not(#mktoForm_1250) .mktoOffset {
    display: none
}

.mktoForm:not(#mktoForm_1250) .mktoFormCol {
    margin-bottom: 0!important
}

.single-post .mktoForm:not(#mktoForm_1250) input {
    color: #000!important
}

.mktoForm input.mktoField.mktoInvalid {
    border-bottom: 2px solid #462424!important
}

.mktoForm .mktoError {
    bottom: inherit!important;
    position: relative!important;
    right: inherit!important
}

.mktoForm .mktoError .mktoErrorArrowWrap {
    display: none
}

.mktoForm .mktoErrorMsg {
    background: none!important;
    border: none!important;
    box-shadow: none!important;
    color: red!important;
    font-family: Source Sans Pro;
    font-size: 14px!important;
    line-height: 14px!important;
    margin-bottom: 0;
    margin-top: 0!important;
    max-width: 100%!important;
    padding: 10px 0 0!important;
    text-align: left;
    text-shadow: none!important
}

.mktoButtonRow .mktoButtonWrap {
    margin: 0!important
}

.blog-single .mktoButtonRow .mktoButton,.marketo-form--light .mktoButtonRow .mktoButton {
    background: #4169e1!important;
    border: 1px solid #4169e1!important;
    border-radius: 6px;
    color: #fff!important;
    font-size: 18px!important;
    font-weight: 600;
    height: 50px;
    letter-spacing: 1px;
    margin-top: 33px!important;
    width: 100%
}

#blog-subscribe-container .mktoButtonRow .mktoButton,.form-module .mktoButtonRow .mktoButton,.marketo-form--dark .mktoButtonRow .mktoButton {
    background: #4169e1!important;
    border: 1px solid #4169e1!important;
    border-radius: 0;
    border-radius: 12px!important;
    font-size: 18px!important;
    font-weight: 600;
    font-weight: 500!important;
    height: 50px;
    letter-spacing: 1px;
    margin-top: 30px;
    transition: all .3s ease-in-out;
    width: 100%
}

#blog-subscribe-container .mktoButtonRow .mktoButton:hover,.form-module .mktoButtonRow .mktoButton:hover,.marketo-form--dark .mktoButtonRow .mktoButton:hover {
    background-color: #fff!important;
    border: solid #4169e1!important;
    color: #4169e1!important;
    transition: all .3s ease-in-out
}

@media only screen and (max-width: 800px) {
    .blog-single .mktoForm {
        margin:20px auto 0;
        max-width: 410px;
        width: calc(100% - 60px)!important
    }
}

@media only screen and (max-width: 480px) {
    .blog-single .mktoForm {
        padding:0!important
    }
}

.privacy-policy-form {
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin: 27px auto 0 0
}

.gdpr-banner-container {
    align-items: center;
    background-color: #fff;
    border-top: thin solid #17c3b2;
    bottom: 0;
    display: flex;
    font-size: 14px;
    padding: 18px;
    position: fixed;
    width: 100%;
    z-index: 9999
}

.gdpr-banner-container.hide-gdpr {
    display: none;
    height: 0;
    opacity: 0;
    transition: opacity .5s ease
}

.gdpr-banner-container__inner {
    display: flex;
    margin: 0 auto;
    max-width: 1280px;
    width: 100%
}

.gdpr-banner-container__inner .cookie-info {
    width: 70%
}

.gdpr-banner-container__inner .cookie-info p {
    font-size: 12px;
    line-height: 18px;
    margin: 1px
}

.gdpr-banner-container__inner .cookie-accept {
    display: flex;
    justify-content: space-around;
    width: 30%
}

.gdpr-banner-container__inner .cookie-accept .button-link {
    padding: 1px 30px
}

.gdpr-banner-container__inner .cookie-accept .button-link.deny {
    background-color: #fff;
    border: solid #4169e1;
    color: #4169e1
}

.gdpr-banner-container__inner .cookie-accept .button-link.deny:hover {
    background-color: #4169e1;
    color: #fff
}

@media screen and (max-width: 850px) {
    .gdpr-banner-container {
        height:fit-content
    }

    .gdpr-banner-container__inner {
        flex-direction: column
    }

    .gdpr-banner-container__inner .cookie-info {
        margin-bottom: 15px;
        width: 100%
    }

    .gdpr-banner-container__inner .cookie-accept {
        justify-content: revert;
        width: 100%
    }

    .gdpr-banner-container__inner .cookie-accept .button-link {
        margin-right: 20px
    }
}

.hero-module,.hero-module--centered {
    margin-bottom: 50px;
    margin-top: 50px
}

.hero-module--animation {
    transform: translateZ(-1000px);
    transform-style: preserve-3d
}

.hero-module--centered {
    padding-bottom: 50px
}

.hero-module__eyebrow {
    display: inline-block;
    letter-spacing: 3px;
    line-height: 1;
    margin-bottom: 30px
}

#animation-container,#hero-animation-container {
    position: relative
}

#animation-container object {
    display: flex;
    height: auto;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 95%;
    z-index: 1
}

#animation-fallback {
    left: 0;
    max-height: 585px;
    position: absolute;
    top: 0;
    transform: perspective(340px) rotateY(-5deg);
    transform-style: preserve-3d;
    width: 95%!important;
    z-index: 0
}

.hero-module img {
    height: auto;
    max-width: 100%
}

.hero-module.hero-module--small-intro-type .eyebrow,.hero-module.hero-module--small-intro-type .pricing-feature-grid h5,.hero-module.hero-module--small-intro-type .subhead,.pricing-feature-grid .hero-module.hero-module--small-intro-type h5 {
    font-size: 18px!important;
    line-height: 28px!important
}

.hero-module.hero-module--small-intro-type .half__left>div {
    padding-right: 0
}

.hero-module.hero-module--small-intro-type .half__right .ta--right {
    text-align: center
}

.hero-module.hero-module--small-intro-type .hero-module__img img {
    max-width: 490px
}

.hero-list img {
    height: auto;
    max-width: 280px
}

.hero-list {
    display: flex;
    flex-direction: column-reverse;
    position: relative;
    z-index: 1
}

.hero-nolist {
    background-color: #161717;
    margin-bottom: 40px;
    padding: 40px!important
}

.hero-nolist__italic_subheader {
    font-style: italic;
    margin-top: 0
}

.hero-nolist__subheader {
    font-size: 26px;
    line-height: 35px;
    margin-bottom: 15px;
    margin-top: 5px
}

.hero-nolist .hero-list__cta a {
    background-color: transparent;
    border: thin solid;
    color: #fff
}

.hero-list__left {
    margin-top: 80px
}

.case-study-single .hero-list__left h1,.hero-list__left .case-study-single h1,.hero-list__left .hs--2 {
    color: #4169e1
}

@media only screen and (min-width: 800px) {
    .hero-module--centered-cta a {
        margin:0 10px;
        min-width: 280px
    }

    .hero-module-cta {
        padding-top: 20px
    }

    .hero-module--stats img {
        max-width: 100%
    }

    #counter-hero {
        margin-left: 0;
        transform: scale(.7)
    }

    #hero-animation-container .hero-module__img {
        display: none
    }

    .hero-list {
        flex-direction: row
    }

    .hero-list__left {
        margin-right: 100px;
        margin-top: 0
    }

    .hero-list__right {
        max-width: 560px
    }

    .hero-list__cta {
        align-items: center;
        display: flex
    }

    .hero-nolist {
        background-color: #1f2020
    }

    .hero-nolist.container {
        max-width: 1320px
    }

    .hero-nolist .hero-list__left {
        width: 50%
    }

    .hero-nolist:nth-of-type(odd) .hero-list__left {
        margin-left: 100px;
        margin-right: 0;
        order: 1
    }

    .hero-nolist:nth-of-type(odd) .hero-list__right {
        width: 50%
    }
}

@media only screen and (min-width: 1000px) {
    .hero-module,.hero-module--centered {
        margin-bottom:100px;
        margin-top: 100px
    }

    .hero-module--centered>div {
        margin: 0 auto
    }

    .hero-module--centered>div h1 {
        margin: 0 auto;
        max-width: 900px
    }

    .hero-module--centered>div p {
        margin: 15px auto 30px;
        max-width: 700px
    }

    #comments .form-submit .hero-module-cta input,#comments .form-submit .hero-withAnimation-cta input,#comments .form-submit .hero-withyoutube-cta input,.hero-module-cta #comments .form-submit input,.hero-module-cta .btn,.hero-withAnimation-cta #comments .form-submit input,.hero-withAnimation-cta .btn,.hero-withyoutube-cta #comments .form-submit input,.hero-withyoutube-cta .btn {
        margin-right: 30px
    }

    .hero-module .half__left>div,.hero-withyoutube .half__left>div {
        padding-right: 50px
    }

    .skd-hero-module .sdk-tabs-container {
        margin-left: 100px
    }

    .hero-module img {
        max-height: 500px;
        max-width: 90%
    }

    .hero-module--stats .half__right img {
        margin-top: -50px
    }

    .hero-module--stats .half__right #counter-hero {
        margin-left: 50px;
        max-width: 550px;
        transform: scale(1)
    }

    #hero-animation-container {
        min-height: 500px
    }
}

@media screen and (min-width: 800px)and (max-width:1000px) {
    .hero-module .half__left {
        width:60%
    }

    .hero-module .half__right {
        width: 40%
    }
}

@media screen and (min-width: 800px)and (max-width:900px) {
    .hero-module {
        display:flex;
        margin-top: 100px
    }
}

@media only screen and (min-width: 700px) {
    #comments .form-submit .hero-module-cta input,#comments .form-submit .hero-withyoutube-cta input,.hero-module-cta #comments .form-submit input,.hero-module-cta .btn,.hero-withyoutube-cta #comments .form-submit input,.hero-withyoutube-cta .btn {
        margin-right:30px
    }
}

@media only screen and (max-width: 800px) {
    .hero-module .eyebrow,.hero-module .pricing-feature-grid h5,.hero-module .subhead,.hero-module--centered .eyebrow,.hero-module--centered .pricing-feature-grid h5,.hero-module--centered .subhead,.hero-withyoutube .eyebrow,.hero-withyoutube .pricing-feature-grid h5,.hero-withyoutube .subhead,.pricing-feature-grid .hero-module h5,.pricing-feature-grid .hero-module--centered h5,.pricing-feature-grid .hero-withyoutube h5 {
        font-size:18px;
        line-height: 28px
    }

    .hero-module-cta__secondary,.hero-withAnimation-cta__secondary,.hero-withyoutube-cta__secondary {
        display: block;
        margin-top: 20px
    }

    .hero-module--centered-cta a {
        min-width: 80%
    }

    .hero-module--centered-cta a:last-child {
        margin-top: 20px
    }

    .hero-module--stats .half__right {
        margin-bottom: 100px;
        position: relative
    }

    .hero-module--stats .half__right #counter-hero {
        left: 0;
        position: absolute;
        top: -50px
    }

    .hero-module .half__right object {
        max-width: 95%
    }

    #animation-container {
        display: none!important
    }

    .hero-withyoutube .half__right {
        height: 0;
        overflow: hidden;
        padding-bottom: 56.25%;
        padding-top: 30px;
        position: relative
    }

    .hero-withyoutube .half__right iframe {
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
}

@media only screen and (max-width: 700px) {
    .hero-list {
        overflow:visible
    }

    .hero-list__left {
        position: relative
    }

    .hero-list__left:after {
        background-image: url(../images/base/accents/ungated_hexagons_right.png);
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: block;
        height: 478px;
        position: absolute;
        right: -30px;
        top: -50px;
        width: 322px;
        z-index: -1
    }

    .hero-list__right {
        margin-top: 50px
    }
}

@media only screen and (max-height: 450px)and (min-width:700px) {
    .hero-module {
        display:flex
    }

    .hero-module,.hero-module--centered {
        margin-top: 100px
    }

    .hero-module .half__left {
        width: 60%
    }

    .hero-module .half__right {
        width: 40%
    }
}

.mega-tabs-button {
    align-items: center;
    background: #f7f7f7;
    display: flex;
    margin-bottom: 20px;
    padding: 20px 30px;
    position: relative;
    width: 100%
}

.mega-tabs-button img {
    filter: invert(50%);
    margin-right: 20px;
    max-height: 35px;
    max-width: 35px
}

.mega-tabs-button:after {
    background-image: url(../images/base/icons/icon_arrow_mega_tabs.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    right: 20px;
    top: calc(50% - 10px);
    width: 9px
}

.mega-tabs-button--active {
    border: 1px solid #4169e1
}

.mega-tabs-content--hidden {
    display: none
}

.half .mega-tabs__item-single img {
    display: block;
    filter: invert(50%);
    max-height: 40px;
    max-width: 45px;
    width: auto
}

@media only screen and (min-width: 1000px) {
    .mega-tabs-button {
        width:390px
    }

    .mega-tabs-module .flex {
        justify-content: space-between
    }

    .mega-tabs-module .half {
        width: 48%
    }

    .mega-tabs__content-items {
        column-gap: 30px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        margin-top: 30px;
        row-gap: 30px
    }

    .mega-tabs__content-heading {
        align-items: flex-end;
        display: flex;
        margin: 20px 0 30px
    }

    .mega-tabs__content-heading a,.mega-tabs__content-heading h3 {
        line-height: 1
    }

    .mega-tabs__content-heading h3 {
        margin-right: 30px
    }

    .half .mega-tabs__item-single>div {
        align-items: flex-end;
        display: flex;
        height: 50px;
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 1000px) {
    .mega-tabs__content-heading {
        margin-bottom:20px
    }

    .mega-tabs__content-intro {
        margin-bottom: 30px
    }

    .half .mega-tabs__item-single {
        align-items: center;
        display: flex;
        margin-bottom: 30px
    }

    .half .mega-tabs__item-single>div {
        margin-right: 20px
    }
}

.featured-content-module span {
    border-bottom: 1px solid #585858;
    display: block;
    margin: 30px 0;
    padding: 20px 0
}

.featured-content-module .flex--all {
    flex-direction: column
}

.featured-content-module img {
    height: auto;
    max-width: 100%
}

@media only screen and (min-width: 1000px) {
    .featured-content-module span {
        margin:50px 0
    }

    .featured-content-module .flex--all {
        align-items: center;
        flex-direction: row;
        justify-content: space-between
    }

    .featured-content-module .flex--all>div {
        width: 46%
    }

    #comments .form-submit .featured-content-module input,.featured-content-module #comments .form-submit input,.featured-content-module .btn--blue {
        margin-right: 30px
    }
}

@media only screen and (max-width: 700px) {
    .featured-content-module .flex--all>div:first-child {
        margin-top:30px;
        order: 2
    }

    .featured-content-module .flex--all>div:first-child a:not(.btn) {
        display: block;
        margin-top: 20px
    }

    .faq-grid h3 {
        margin-bottom: 0
    }

    .faq-grid>div {
        margin-bottom: 50px
    }
}

.logo-industries-module img {
    max-width: 100%
}

@media only screen and (min-width: 1000px) {
    .logo-industries-module .logo-industries-container {
        display:block;
        margin-top: 30px;
        padding: 0 50px;
        position: relative
    }

    .logo-industries-module .logo-industries-container:after,.logo-industries-module .logo-industries-container:before {
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: block;
        height: 130px;
        position: absolute;
        top: -18px;
        width: 29px
    }

    .logo-industries-module .logo-industries-container:before {
        background-image: url(../images/base/accents/industries_bracket_left.png);
        left: 0;
        z-index: -1
    }

    .logo-industries-module .logo-industries-container:after {
        background-image: url(../images/base/accents/industries_bracket_right.png);
        right: 0;
        z-index: -1
    }
}

.animation-content-module {
    min-height: 550px
}

.animation-content-module #animation-container object {
    left: 10%;
    width: 80%
}

.animation-content-module #animation-container #animation-fallback {
    left: 10%;
    width: 80%!important
}

@media only screen and (min-width: 700px) {
    .animation-content-module .hero-module__img {
        display:none
    }
}

@media only screen and (max-width: 700px) {
    .animation-content-module {
        display:flex;
        flex-direction: column-reverse
    }

    .animation-content-module .half__right {
        margin-bottom: 20px
    }
}

.pull-quote-green-module .container {
    border-bottom: 1px solid #4169e1;
    border-top: 1px solid #4169e1;
    padding-bottom: 50px;
    padding-top: 50px
}

.pull-quote-green-module p {
    font-size: 30px;
    line-height: 50px;
    margin: 0 auto;
    max-width: 75%
}

@media only screen and (max-width: 700px) {
    .pull-quote-green-module .container {
        margin:0 30px;
        padding: 50px 0
    }

    .pull-quote-green-module p {
        max-width: 100%
    }
}

.highlighted-content-module .container {
    background: #1f2020;
    border-radius: 6px;
    padding: 30px
}

.highlighted-content-module .highlighted-content-module__citations p {
    color: #818181;
    font-size: 14px;
    line-height: 1.3;
    margin: 0
}

.highlighted-content-module .highlighted-content-module__citations p a {
    color: #818181
}

.highlighted-content-module .highlighted-content-module__citations p a:hover {
    color: #fff
}

.highlighted-content-module .highlighted-content-module__citations.desktop-citations {
    display: none
}

.highlighted-content-module .highlighted-content-module__citations.mobile-citations {
    margin-top: 30px
}

.highlighted-content-module .highlighted-content-module__citations.mobile-citations p {
    margin: 10px 0
}

@media only screen and (min-width: 700px) {
    .highlighted-content-module .container {
        padding:80px
    }

    .highlighted-content-module .half__right {
        padding-left: 10%
    }

    .highlighted-content-module .half__right img {
        height: auto;
        margin-bottom: 40px;
        width: 90%
    }

    .highlighted-content-module .half__right .highlighted-content-module__citations.desktop-citations,.highlighted-content-module .half__right p {
        display: block
    }

    .highlighted-content-module .highlighted-content-module__citations.mobile-citations {
        display: none
    }
}

@media only screen and (max-width: 700px) {
    .highlighted-content-module .flex {
        display:flex;
        flex-direction: column-reverse
    }

    .highlighted-content-module .half__right {
        margin-top: 0
    }

    .highlighted-content-module .container {
        margin: 0 30px
    }
}

.copy-cta-center {
    padding-top: 0!important
}

.copy-cta-center .container {
    overflow: visible;
    padding: 0 30px!important
}

.copy-cta-center .container>div {
    margin: 0 auto;
    max-width: 450px
}

@media only screen and (min-width: 700px) {
    .copy-cta-center .container {
        padding:150px 0!important
    }
}

.highlighted-content-module .container {
    position: relative
}

.highlighted-content-module .container img {
    position: relative;
    z-index: 1
}

.highlighted-content-module .container:after {
    z-index: 0
}

@media only screen and (min-width: 700px) {
    .content-and-grid .container {
        position:relative
    }

    .content-and-grid .container:after {
        background-image: url(../images/base/accents/green_cards_map.png);
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: block;
        height: 487px;
        left: -150px;
        position: absolute;
        top: 150px;
        transform: rotate(150deg);
        width: 475px;
        z-index: -1
    }
}

@media only screen and (max-width: 700px) {
    .content-and-grid .grid>div {
        margin-top:50px
    }
}

.banner-guide-v1 .container {
    background: #fff
}

.banner-guide-v1 img {
    max-height: 230px;
    width: auto
}

@media only screen and (min-width: 700px) {
    .banner-guide-v1 .container {
        background-image:url(../images/base/accents/triangle_accent.svg);
        background-position: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        grid-template-columns: 3fr 1fr
    }

    .banner-guide-v1 .container>div {
        padding: 30px 50px
    }

    .banner-guide-v1 .container>div:last-child {
        position: relative
    }

    .banner-guide-v1 .container img {
        max-height: 150px;
        width: auto
    }
}

@media only screen and (max-width: 700px) {
    .banner-guide-v1 .container {
        margin:0 30px;
        padding: 0!important
    }

    .banner-guide-v1 .container>div:first-child {
        padding: 30px 40px
    }

    .banner-guide-v1 .container>div:last-child {
        background-image: url(../images/base/accents/triangle_accent.svg);
        background-position: 100% 100%;
        background-repeat: no-repeat;
        background-size: contain
    }

    .banner-guide-v1 .container>div:last-child img {
        padding: 30px
    }
}

#pi-stack-diagram-container {
    display: none
}

#pi-stack-diagram-container img {
    height: auto!important;
    max-width: 500px!important
}

@media only screen and (min-width: 1200px) {
    .pi-card__single {
        max-width:80%
    }
}

@media only screen and (min-width: 900px) {
    .pi-card__top {
        display:none
    }

    #pi-stack-diagram-container {
        display: block
    }

    .pi-card__single {
        align-items: center;
        display: flex;
        min-height: 170px
    }
}

@media only screen and (max-width: 900px) {
    .pi-card__single {
        border:1px solid #fff
    }

    .pi-card__single:not(:last-child) {
        margin-bottom: 30px
    }

    .pi-card__top {
        background: #fff;
        padding: 0 20px
    }

    .pi-card__top img {
        margin-right: 20px
    }

    .pi-card__top h3 {
        color: #000
    }

    .pi-card__bottom {
        padding: 20px
    }

    .pi-card__single:nth-child(2n) {
        border: 1px solid #002db4
    }

    .pi-card__single:nth-child(2n) .pi-card__top {
        background: #002db4
    }

    .pi-card__single:nth-child(2n) .pi-card__top h3 {
        color: #fff
    }
}

.promo-banner {
    background-color: #ff786a;
    height: 40px;
    position: relative;
    text-align: center;
    z-index: 100
}

.promo-banner>.container {
    max-width: 1400px;
    padding-left: 275px
}

.promo-banner a,.promo-banner p {
    color: #fff;
    font-size: 14px
}

.promo-banner a:hover {
    color: #fff
}

.promo-banner a.mono:hover {
    color: #4169e1
}

.promo-banner p {
    margin: 0 15px 0 20px
}

@media only screen and (max-width: 900px) {
    .promo-banner {
        display:none
    }
}

.skip-to-content-link {
    background: #4169e1;
    color: #000;
    display: none;
    height: 40px;
    left: 0;
    opacity: 0;
    padding: 8px;
    position: absolute;
    text-align: center;
    transform: translateY(-100%);
    transition: transform .3s;
    width: 100%;
    z-index: 10000
}

@media only screen and (max-width: 900px) {
    .skip-to-content-link {
        display:none;
        height: 1px;
        overflow: hidden;
        width: 1px;
        z-index: 1
    }
}

.skip-to-content-link:focus {
    opacity: 1;
    transform: translateY(0)
}

@media only screen and (min-width: 900px) {
    .skip-to-content-link {
        display:block
    }
}

nav.mobile {
    display: none
}

.nav-item-arrow.arrow-active {
    transform: rotate(180deg)
}

@media only screen and (min-width: 980px) {
    .nav-container,nav {
        transition:background .2s ease-in
    }

    nav {
        background: #161717;
        margin: 0 auto;
        max-width: 1400px;
        position: relative;
        z-index: 1000
    }

    nav .logo-light {
        display: none
    }

    .nav-container.nav--light {
        background: #fff;
        box-shadow: 0 40px 34px 0 rgba(0,0,0,.06)
    }

    nav.nav--light {
        background: #fff
    }

    nav.nav--light .nav__first-level .nav__first-level__single>a,nav.nav--light .nav__first-level .nav__first-level__single>button,nav.nav--light .nav__first-level-cta-link a {
        color: #000
    }

    nav.nav--light .nav-item-arrow {
        filter: invert(100%)
    }

    nav.nav--light .logo-reg {
        display: none
    }

    nav.nav--light .logo-light {
        display: block
    }

    .nav__first-level-cta-link {
        align-items: center;
        display: flex
    }

    .nav__first-level-cta-link .fc--white {
        color: #fff
    }

    .nav-container {
        background: #161717;
        margin: 0 auto;
        max-width: 1600px;
        max-width: 100%;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1000
    }

    .nav-grid {
        grid-template-areas: "logo main-menu secondary-menu cta";
        grid-template-columns: max-content auto max-content max-content
    }

    .nav__backdrop__overlay {
        bottom: 0;
        display: none;
        left: 0;
        position: fixed;
        right: 0;
        top: 40px;
        z-index: 50
    }

    .nav__backdrop__overlay.overlay-active {
        display: block
    }

    .nav__backdrop {
        background: linear-gradient(90deg,#fff 75%,#f3f3f3 0);
        background: #fff;
        bottom: 0;
        box-shadow: 2px 50px 45px 6px transparent;
        height: 0;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        transition-delay: .1s;
        transition-duration: .2s;
        transition-property: height,box-shadow;
        transition-timing-function: linear;
        width: 100%;
        z-index: 100
    }

    .menu-feature {
        background: #f3f3f3;
        height: 0;
        opacity: 0;
        position: relative;
        transition-delay: 0s;
        transition-duration: .4s;
        transition-property: all;
        transition-timing-function: linear
    }

    .secondary-menu-active .menu-feature {
        background: #f3f3f3;
        border-top: 1px solid #cdcdcd;
        height: 349px;
        opacity: 1
    }

    .secondary-menu-active .menu-feature:after {
        background-color: #f3f3f3;
        content: "";
        display: block;
        height: 349px;
        position: absolute;
        right: calc(-50vw - -700px);
        top: 0;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        width: calc(50vw - 700px)
    }

    .nav__backdrop.backdrop-active {
        border-top: 1px solid #cdcdcd;
        box-shadow: 2px 50px 45px 6px rgba(0,0,0,.2);
        height: 350px
    }

    .second-level-abs {
        bottom: 0;
        left: 0;
        margin: 0 auto;
        max-width: 1600px;
        opacity: 0;
        position: absolute;
        right: 0;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        visibility: hidden;
        z-index: 200
    }

    .second-level-abs,.second-level-abs.secondary-menu-active {
        transition: visibility .3s linear .2s,opacity .2s linear .3s
    }

    .second-level-abs.secondary-menu-active {
        opacity: 1;
        visibility: visible
    }

    .second-level-abs.secondary-menu-deactivate {
        opacity: 0;
        transition: visibility .3s linear .2s,opacity .2s linear 0s;
        visibility: hidden
    }

    .nav-grid img {
        height: 60px;
        width: auto
    }

    img.nav-item-arrow {
        height: 7px;
        margin-left: 7px;
        width: 15px
    }

    .child-link__icon--lrg {
        max-height: 50px;
        max-width: 50px;
        width: auto
    }

    .child-links li {
        margin-right: 30px
    }

    .child-links li span {
        display: block
    }

    .child-links li a {
        color: #000
    }

    .child-links li a:hover span {
        color: #000;
        text-decoration: underline
    }

    .child-link__bottom {
        font-weight: 600
    }

    .nav__second-level a {
        font-size: 14px
    }

    .nav__second-level ul:not(.child-links) a {
        align-items: center;
        display: flex;
        line-height: 1
    }

    .nav__second-level ul:not(.child-links) li:last-child a img {
        margin-top: 4px
    }

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

    ul.child-links {
        display: flex;
        margin-bottom: 30px;
        margin-top: 30px
    }

    .nav-grid>* {
        align-self: center
    }

    .nav-grid figure {
        margin: 0;
        padding: 20px 50px 20px 80px
    }

    .nav__first-level,.nav__first-level__single {
        align-items: center;
        display: flex
    }

    .nav__first-level .nav__first-level__single>a,.nav__first-level .nav__first-level__single>button {
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        margin-right: 40px;
        padding: 0
    }

    .nav__first-level .nav__first-level__single>a:hover,.nav__first-level button:hover {
        border-bottom: 1px solid #00e5bf!important;
        cursor: pointer
    }

    .nav-child-grid__1 {
        grid-template-columns: 50% 28% 22%
    }

    .nav-child-grid__1>div {
        position: relative
    }

    .nav-child-grid__1>div:nth-last-child(2):before {
        background: #cdcdcd;
        content: "";
        height: 295px;
        left: -13%;
        position: absolute;
        top: 28px;
        width: 1px;
        z-index: 5
    }

    .nav-child-grid__2 {
        grid-template-columns: 39% 39% 22%
    }

    .nav-child-grid__2>div {
        position: relative
    }

    .nav-child-grid__2>div:nth-child(2) {
        margin: 0 10%
    }

    .nav-child-grid__2>div:first-child {
        margin: 0 5%
    }

    .nav-child-grid__2>div:nth-last-child(2):before {
        background: #cdcdcd;
        content: "";
        height: 295px;
        left: -15%;
        position: absolute;
        top: 28px;
        width: 1px;
        z-index: 5
    }

    .nav-child-grid__3 {
        align-items: flex-start;
        display: flex;
        justify-content: center
    }

    .nav-child-grid__3>div {
        padding: 30px 75px 0;
        position: relative
    }

    .nav-child-grid__3>div:not(:first-child):before {
        background: #cdcdcd;
        content: "";
        height: 295px;
        left: 0;
        position: absolute;
        top: 28px;
        width: 1px;
        z-index: 5
    }

    .nav-child-grid__3 ul li {
        margin-bottom: 12px
    }

    nav h4 {
        color: #a9acac;
        font-size: 16px;
        font-weight: 600;
        line-height: 1;
        margin-bottom: 35px;
        margin-top: 0
    }

    .nav-child-grid {
        display: grid
    }

    .nav-child-grid .fc--blue:hover {
        color: #002db4;
        text-decoration: underline
    }

    .nav-child-grid>div:nth-child(2) {
        padding-top: 30px
    }

    .nav-child-grid>div:last-child {
        padding-left: 50px
    }

    .nav-child-grid>div:last-child>div:first-child {
        padding-top: 30px
    }

    .nav-grid button {
        background: transparent;
        border: none;
        color: #fff;
        font-family: Source Sans Pro,Arial,Helvetica,sans-serif;
        font-size: 16px
    }

    .nav__first-level-cta-link a {
        display: inline-block;
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 3px
    }

    .nav__first-level-cta-btn {
        padding: 20px 80px 20px 30px
    }

    .child-links--list {
        grid-row-gap: 20px;
        grid-column-gap: 20px;
        display: grid;
        grid-auto-flow: column;
        grid-template-columns: repeat(2,40%);
        grid-template-rows: repeat(4,minmax(0,auto))
    }

    .child-links--list li {
        align-items: center;
        display: flex
    }

    .child-links--list.child-links--list--4-deep {
        grid-row-gap: 15px;
        grid-template-rows: repeat(4,minmax(0,auto))
    }

    .nav-child-grid__2 .child-links--industries {
        grid-template-rows: repeat(2,minmax(0,auto))
    }

    .nav-child-grid__2 .child-link__bottom {
        display: inline-block
    }

    .nav-child-grid__2__header {
        display: flex;
        margin-bottom: 35px
    }

    .nav-child-grid__2__header h4 {
        line-height: 1.3;
        margin-bottom: 0;
        margin-right: 30px
    }

    .child-links--list li a {
        align-items: center;
        display: flex;
        line-height: 1
    }

    .child-links--list li a span {
        font-weight: 600;
        line-height: 1.2
    }

    .child-links li a span {
        font-weight: 600
    }

    .child-links--list li a:hover span {
        text-decoration: underline
    }

    .child-links--list img,.nav-child-grid__3__list img {
        height: 30px;
        margin-right: 10px;
        width: 30px
    }

    .menu-feature__content a {
        display: flex;
        flex-direction: column
    }

    .menu-feature__content img {
        height: auto;
        width: 100px
    }

    .menu-feature__content a:hover span {
        text-decoration: none
    }

    .menu-feature__content span {
        color: #434343;
        display: inline-block;
        margin: 10px 0;
        max-width: 178px
    }

    #comments .form-submit .menu-feature__content input,.menu-feature__content #comments .form-submit input,.menu-feature__content .mono,.menu-feature__content span {
        font-size: 12px;
        font-weight: 600;
        line-height: 18px
    }

    #nav__first-level__single-3 .nav-child-grid__3__list li:hover span {
        text-decoration: underline
    }
}

@media only screen and (min-width: 1250px) {
    .nav-child-grid>div:first-child {
        padding-left:15%;
        padding-top: 30px
    }
}

@media only screen and (max-width: 1250px) {
    .nav-child-grid>div:first-child {
        padding-left:30px;
        padding-top: 30px
    }

    .nav-grid figure {
        margin: 0;
        padding: 20px 50px 20px 30px
    }

    .nav__first-level-cta-btn {
        padding: 20px 30px
    }

    .promo-banner>.container {
        padding-left: 225px
    }
}

@media only screen and (max-width: 1150px) {
    .nav__first-level .nav__first-level__single>a,.nav__first-level .nav__first-level__single>button {
        color:#fff;
        font-size: 14px;
        font-weight: 600;
        margin-right: 20px
    }

    .nav__first-level-cta-btn a,.nav__first-level-cta-link a {
        font-size: 14px;
        line-height: 1
    }

    .nav__first-level-cta-link a {
        padding-bottom: 4px
    }

    .nav-child-grid>div:last-child {
        padding-left: 30px;
        padding-top: 30px
    }

    .child-links li {
        margin-right: 15px
    }
}

@media only screen and (max-width: 980px) {
    nav:not(.mobile) {
        display:none
    }

    .nav-container {
        left: 0;
        margin: 0 auto;
        max-width: 100%;
        position: -webkit-sticky;
        position: sticky;
        position: fixed;
        top: 0;
        z-index: 1000
    }

    .no-scroll-body {
        max-height: 100vh;
        overflow: hidden
    }

    nav.mobile {
        background-color: #1f2020;
        display: block
    }

    .mobile-bar {
        height: 70px;
        padding: 20px 30px 12px;
        width: 100vw
    }

    body.blog .mobile-bar,body.single .mobile-bar {
        padding: 0 30px;
        width: calc(100vw - 60px)
    }

    nav.mobile figure {
        margin: 0
    }

    nav.mobile figure img {
        height: auto;
        width: 86px
    }

    nav.mobile>div:first-child {
        align-items: center;
        display: flex;
        justify-content: space-between
    }

    .mobile-dropdown {
        background: #2c2d2d;
        height: 0;
        overflow: hidden
    }

    .mobile-dropdown.active-mobile-dropdown {
        display: block;
        height: 100vh;
        overflow: scroll;
        padding-bottom: 300px;
        position: relative
    }

    .dropdown__single {
        width: 100%
    }

    .dropdown__single h4 {
        line-height: 1;
        margin: 0
    }

    .dropdown__single__link-only {
        padding: 0 30px
    }

    .dropdown__single__link-only h4 {
        border-bottom: 1px solid #595959;
        color: #fff;
        margin: 0;
        padding: 30px 0
    }

    .dropdown__single__button {
        align-items: center;
        display: flex;
        padding: 0 30px;
        position: relative
    }

    .dropdown__single__button h4 {
        border-bottom: 1px solid #595959;
        color: #fff;
        font-weight: 400;
        margin: 0;
        padding: 30px 0;
        width: 100%
    }

    .dropdown__single__button img {
        height: auto;
        position: absolute;
        right: 40px;
        top: 35px;
        width: 20px
    }

    .dropdown__single__list {
        background: #474949;
        height: 0;
        max-height: 0;
        overflow: hidden;
        transition: max-height .5s ease 0s
    }

    .dropdown__single__list.active-mobile-list {
        height: auto;
        margin-top: -2px;
        max-height: 500vh;
        overflow: visible;
        padding: 30px;
        position: relative;
        transition: max-height .5s ease 0s;
        z-index: 5
    }

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

    nav.mobile ul li a {
        color: #cbcbcb
    }

    .mobile-heading-link {
        align-items: flex-end;
        display: flex
    }

    .mobile-heading-link a {
        border-bottom: 1px solid #4169e1;
        font-size: 14px;
        font-weight: 600;
        line-height: 1;
        margin-left: 20px
    }

    .dropdown__single__list__header {
        border-bottom: 1px solid #727272;
        font-weight: 600;
        padding-bottom: 20px
    }

    nav.mobile ul.mobile-grid-3-rows {
        grid-template-rows: repeat(3,minmax(0,auto))
    }

    nav.mobile ul.mobile-grid-3-rows,nav.mobile ul.mobile-grid-4-rows {
        grid-row-gap: 20px;
        grid-column-gap: 24px;
        display: grid;
        grid-auto-flow: column;
        grid-template-columns: repeat(2,1fr);
        padding: 30px 0 60px
    }

    nav.mobile ul.mobile-grid-4-rows {
        grid-template-rows: repeat(4,minmax(0,auto))
    }

    nav.mobile ul.mobile-grid-2-rows {
        grid-row-gap: 20px;
        grid-column-gap: 24px;
        display: grid;
        grid-auto-flow: column;
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: repeat(2,minmax(0,auto));
        padding: 30px 0 60px
    }

    .dropdown__single__featured {
        margin-top: 20px
    }

    .dropdown__single__featured a {
        display: flex
    }

    .dropdown__single__featured img {
        display: inline-block;
        height: 60px;
        margin-right: 20px;
        width: 60px
    }

    .dropdown__single__featured span {
        color: #cbcbcb;
        font-size: 12px;
        line-height: 18px;
        width: calc(90% - 80px)
    }

    .mobile-dropdown.active-mobile-dropdown .dropdown__single__cta {
        background: #161717;
        bottom: 0;
        left: 0;
        padding: 15px 35px;
        position: fixed;
        text-align: center;
        width: 100%;
        z-index: 1000
    }

    .mobile-dropdown.active-mobile-dropdown .dropdown__single__cta a.btn {
        margin-right: 20px
    }
}

#mobile-menu-icon {
    cursor: pointer;
    height: 25px;
    position: relative;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    width: 25px
}

#mobile-menu-icon,#mobile-menu-icon span {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

#mobile-menu-icon span {
    background: #cbcbcb;
    border-radius: 0;
    display: block;
    height: 2px;
    left: 0;
    opacity: 1;
    position: absolute;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    width: 100%
}

#mobile-menu-icon span:first-child {
    top: 0
}

#mobile-menu-icon span:nth-child(2),#mobile-menu-icon span:nth-child(3) {
    top: 8px
}

#mobile-menu-icon span:nth-child(4) {
    top: 16px
}

#mobile-menu-icon.open span:first-child {
    left: 50%;
    top: 18px;
    width: 0
}

#mobile-menu-icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

#mobile-menu-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#mobile-menu-icon.open span:nth-child(4) {
    left: 50%;
    top: 18px;
    width: 0
}

.roi-calc-module .container:after,.roi-calc-module .container:before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    position: absolute
}

@media only screen and (min-width: 1000px) {
    .roi-calc-module .container {
        overflow:visible;
        position: relative
    }

    .roi-calc-module .container:before {
        background-image: url(../images/roi_hex_left.png);
        height: 266px;
        left: -100px;
        top: -50px;
        width: 221px
    }

    .roi-calc-module .container:after {
        background-image: url(../images/roi_hex_right.png);
        height: 266px;
        right: -50px;
        top: -50px;
        width: 221px
    }

    .roi-calc-module .half__left {
        width: 50%
    }

    .roi-calc-module .half__left>div {
        padding-left: 180px
    }
}

@media only screen and (max-width: 700px) {
    .roi-calc-module {
        padding-top:80px;
        position: relative
    }

    .roi-calc-module .container:before {
        background-image: url(../images/roi_hex_top.png);
        height: 90px;
        left: -20px;
        top: -20px;
        width: 290px
    }
}

.sdk-tabs-container {
    position: relative;
    width: 320px
}

.enlighter-t-wpcustom .enlighter-k2 {
    border-bottom: none!important
}

.sdk-tabs--title {
    display: none
}

.sdk-tabs-container>ul {
    position: relative
}

.sdk-tabs--home>ul {
    display: flex;
    justify-content: center
}

.sdk-tabs-container>ul:after {
    background-color: #545656;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    bottom: -3px;
    color: #545656;
    content: "";
    display: block;
    height: 9px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 5
}

.sdk-tabs-container>ul li {
    background: #c1c7c7;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display: inline-block;
    margin-right: 4px;
    text-align: center;
    width: 70px
}

.sdk-tabs-container>ul li a {
    widtH: 100%;
    display: block;
    padding: 10px 5px
}

.sdk-tabs-container>ul li:not(.ui-tabs-active) {
    position: relative;
    top: 5px
}

.sdk-tabs-container .ui-tabs-active {
    background: #fff
}

.sdk-tabs-container .ui-tabs-active a {
    padding: 10px 5px 15px
}

.sdk-tabs-container>ul img {
    height: 20px;
    width: auto
}

.sdk-tabs-container .sdk-content {
    background: #1f2020;
    height: 400px;
    padding-top: 20px;
    position: relative
}

.sdk-tabs-container .enlighter-t-wpcustom div.enlighter>div {
    background: #1f2020
}

.sdk-tabs-container .enlighter {
    font-family: Inconsolata;
    font-size: 11px
}

.sdk-tabs-container .sdk-link {
    background: #c1c7c7;
    bottom: 0;
    position: absolute;
    right: 0;
    width: 320px
}

.sdk-tabs-container.sdk-tabs--home .sdk-link {
    background: #545656
}

.sdk-tabs-container .sdk-link p {
    height: 38px;
    margin: 0
}

.sdk-tabs-container .sdk-link a {
    font-size: 14px;
    line-height: 1;
    text-decoration: underline
}

.sdk-tabs-container .sdk-link img {
    height: auto;
    margin-right: 10px;
    width: 22px
}

.home-sdk .sdks>:last-child {
    display: none
}

.sdk-tabs-container.sdk-tabs-container--single {
    display: block;
    position: relative
}

.sdk-tabs-container.sdk-tabs-container--single .sdk-content {
    padding-top: 30px
}

.sdk-tabs-container.sdk-tabs-container--single:before {
    background-color: #545656;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #545656;
    content: "";
    display: block;
    height: 9px;
    left: 0;
    position: absolute;
    top: -1px;
    width: 100%;
    z-index: 5
}

.sdk-tabs-container.sdk-tabs-container--single:after {
    background: #000;
    background: linear-gradient(1turn,#161617,rgba(22,22,23,0));
    bottom: 0;
    content: "";
    display: inline-block;
    height: 40px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

@media only screen and (max-width: 700px) {
    .home-sdk {
        padding-top:80px
    }

    .home-sdk .sdks {
        padding-top: 50px
    }

    .sdk-tabs-container>ul {
        display: flex;
        justify-content: center
    }
}

@media only screen and (min-width: 400px) {
    .sdk-tabs-container,.sdk-tabs-container .sdk-link {
        width:350px
    }
}

@media only screen and (min-width: 1000px) {
    .sdk-tabs--home>ul {
        justify-content:flex-end;
        padding-right: 5px
    }

    .sdk-tabs-container>ul {
        padding-left: 10px
    }

    .sdk-tabs-container>ul li {
        width: 50px
    }

    .sdk-tabs-container {
        width: 350px
    }

    .home-sdk .sdks>:last-child {
        display: block
    }

    .sdk-tabs-container .sdk-link {
        background: #c1c7c7;
        bottom: -15px;
        position: absolute;
        right: -15px;
        width: 170px
    }

    .sdk-tabs-container.sdk-tabs--home .sdk-link {
        background: #545656;
        bottom: 0;
        position: absolute;
        right: calc(100% - 170px);
        width: 170px
    }

    .sdk-tabs-container>ul:after {
        bottom: 0
    }

    .sdk-tabs-container .sdk-link:after {
        border-color: transparent transparent #c1c7c7;
        border-style: solid;
        border-width: 0 0 38px 25px;
        content: "";
        display: inline-block;
        height: 0;
        left: -25px;
        position: absolute;
        top: 0;
        width: 0;
        z-index: 5
    }

    .sdk-tabs-container.sdk-tabs--home .sdk-link:after {
        border-color: transparent transparent #545656;
        border-width: 0 0 38px 25px;
        left: auto;
        right: -25px;
        top: 0;
        transform: scaleX(-1)
    }

    .sdk-tabs-container:not(.sdk-tabs--home) .sdk-link:before {
        left: -400px;
        top: -10px;
        width: 400px;
        z-index: 1
    }

    .sdk-tabs-container.sdk-tabs--home .sdk-link:before,.sdk-tabs-container:not(.sdk-tabs--home) .sdk-link:before {
        background: #000;
        background: linear-gradient(1turn,#161617,rgba(22,22,23,0));
        content: "";
        display: inline-block;
        height: 40px;
        position: absolute
    }

    .sdk-tabs-container.sdk-tabs--home .sdk-link:before {
        bottom: 0;
        left: 170px;
        width: 180px;
        z-index: 2
    }

    .sdk-tabs--title {
        display: block;
        font-size: 14px;
        left: 0;
        position: absolute;
        top: 10px
    }

    .sdk-copy-module {
        margin-bottom: 130px
    }

    .sdk-copy-module .sdk-tabs-container {
        margin: 0 auto
    }
}

@media only screen and (min-width: 1400px) {
    .sdk-tabs-container.sdk-tabs--home .sdk-link:before {
        width:230px
    }

    .sdk-tabs-container {
        width: 400px
    }

    .sdk-tabs--title {
        font-size: 18px;
        left: 20px;
        top: 10px
    }
}

.code-module {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    padding-top: 20px;
    position: relative
}

.code-module,.code-module .enlighter-t-wpcustom,.code-module .enlighter-t-wpcustom div.enlighter>div {
    background: #1f2020
}

.code-module:before {
    background-color: #545656;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #545656;
    display: block;
    height: 9px;
    top: -9px;
    z-index: 5
}

.code-module:after,.code-module:before {
    content: "";
    left: 0;
    position: absolute;
    width: 100%
}

.code-module:after {
    background: #000;
    background: linear-gradient(1turn,#161617,rgba(22,22,23,0));
    bottom: 0;
    display: inline-block;
    height: 40px;
    z-index: 2
}

@media only screen and (min-width: 400px) {
    .code-module {
        max-width:350px
    }
}

@media only screen and (min-width: 700px) {
    .code-module {
        max-width:400px
    }
}

.testimonials .grid {
    column-gap: 45px;
    grid-template-columns: 1fr 1fr
}

.testimonials__single {
    background-color: rgba(65,105,225,.2);
    border-radius: 6px;
    display: block;
    padding: 65px;
    position: relative
}

.testimonials__single:before {
    content: "“";
    left: 5px;
    top: -15px
}

.testimonials__single:after,.testimonials__single:before {
    color: #000;
    font-family: Source Sans Pro;
    font-size: 149px;
    line-height: 1;
    opacity: .15;
    position: absolute
}

.testimonials__single:after {
    bottom: 15px;
    content: "”";
    right: 5px
}

.testimonials__single p {
    color: #000;
    font-size: 20px;
    line-height: 33px
}

.testimonials__single cite {
    color: #000;
    font-size: 15px;
    font-style: normal;
    line-height: 28px
}

.testimonials__single img {
    display: block;
    height: auto;
    margin-top: 30px;
    width: 135px
}

@media only screen and (max-width: 900px) {
    .testimonials {
        padding:50px 0 0
    }

    .testimonials__single {
        margin-bottom: 30px;
        padding: 40px
    }

    .testimonials__single:before {
        left: 5px;
        top: -35px
    }
}

[id^=job-postings-] {
    display: flex;
    flex-direction: column-reverse
}

[id^=job-postings-] .lever-categories-container {
    margin: 50px 0
}

[id^=job-postings-] .lever-categories-container .posting {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    justify-content: space-between
}

[id^=job-postings-] .lever-categories-container .posting .posting-title h3 {
    margin-bottom: 0
}

[id^=job-postings-] .lever-categories-container .posting .posting-title p.posting-categories {
    margin-top: .5rem
}

[id^=job-postings-] .lever-filters-container {
    align-items: center;
    display: flex;
    flex-direction: row
}

[id^=job-postings-] .lever-filters-container #lever-jobs-filter {
    align-items: center;
    display: flex;
    gap: 1rem;
    margin-left: 1rem
}

[id^=job-postings-] .lever-filters-container #lever-jobs-filter select {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    padding: 10px 3px
}

[id^=job-postings-] .lever-filters-container #lever-jobs-filter button {
    border: none;
    line-height: default
}

@media only screen and (max-width: 900px) {
    [id^=job-postings-] .lever-filters-container {
        align-items:flex-start;
        justify-content: flex-start
    }

    [id^=job-postings-] .lever-filters-container #lever-jobs-filter {
        align-items: flex-start;
        flex-direction: column
    }

    [id^=job-postings-] .lever-filters-container #lever-clear-filters {
        padding-left: 0
    }
}

.blue-check-list {
    margin-bottom: 50px;
    padding-left: 60px
}

.blue-check-list li {
    list-style: none;
    margin-bottom: 30px;
    padding-left: 60px;
    position: relative
}

.blue-check-list li:before {
    background-image: url(../images/check_blue_circle.svg);
    content: "";
    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px
}

.blue-check-list~.cta-container {
    margin: 30px 0 0 60px!important
}

@media screen and (max-width: 780px) {
    .blue-check-list {
        margin-top:60px;
        padding-left: 0
    }
}

.erg-section {
    padding: 0 0 75px!important
}

.erg-section .col-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    padding: 20px 0!important
}

.erg-section .col-container .col {
    align-self: stretch;
    border: 1px solid #d9e1f9;
    border-radius: 10px;
    margin: 20px 0;
    padding: 40px 20px
}

.erg-section .col-container .col__image {
    margin-bottom: 30px;
    text-align: center
}

.erg-section .col-container .col__text {
    margin: 0 auto;
    text-align: left;
    width: 85%
}

.erg-section .col-container .col__text p {
    font-size: 16px
}

@media screen and (min-width: 768px) {
    .erg-section .col-container {
        flex-direction:row;
        margin: 0 10px
    }

    .erg-section .col-container .col {
        margin: 0 10px 20px;
        width: calc(50% - 20px)
    }
}

@media screen and (min-width: 900px) {
    .erg-section .col-container {
        flex-direction:row
    }
}

@media screen and (min-width: 1024px) {
    .erg-section .col-container {
        margin:0 -20px
    }

    .erg-section .col-container .col {
        margin: 0 20px 40px;
        width: calc(33.33% - 40px)
    }

    .erg-section .col-container .col__text p {
        font-size: 18px
    }
}

@media screen and (min-width: 1200px) {
    .erg-section .col-container {
        margin:0 -20px
    }

    .erg-section .col-container .col {
        margin: 0 20px 40px;
        width: calc(33.33% - 40px)
    }
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    min-width: 320px
}

.wrapper a {
    font-weight: inherit
}

.wrapper p a {
    text-decoration: underline
}

a {
    color: inherit
}

* {
    box-sizing: border-box
}

:focus,:hover {
    outline: none
}

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

.indent-top {
    padding-top: 100px
}

@media only screen and (min-width: 1024px) {
    .indent-top {
        padding-top:130px
    }
}

@media only screen and (min-width: 1200px) {
    .indent-top {
        padding-top:170px
    }
}

@media only screen and (min-width: 1400px) {
    .indent-top {
        padding-top:200px
    }
}

.indent-bottom {
    padding-bottom: 100px
}

@media only screen and (min-width: 1024px) {
    .indent-bottom {
        padding-bottom:130px
    }
}

@media only screen and (min-width: 1200px) {
    .indent-bottom {
        padding-bottom:170px
    }
}

@media only screen and (min-width: 1400px) {
    .indent-bottom {
        padding-bottom:200px
    }
}

.indent-bottom__sm {
    padding-bottom: 100px
}

.button-link {
    background: #4169e1;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: 500 14px/20px Poppins,sans-serif;
    font-weight: 500!important;
    margin: 0;
    padding: 11px 35px;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s;
    vertical-align: top
}

@media only screen and (min-width: 1024px) {
    .button-link {
        padding:9px 30px
    }
}

@media only screen and (min-width: 1440px) {
    .button-link {
        font-size:16px;
        line-height: 24px;
        padding: 13px 50px
    }
}

.button-link:hover {
    background: #fff;
    border-color: #4169e1;
    color: #4169e1
}

.button-link.transparent {
    background-color: transparent;
    border-color: #4169e1;
    color: #4169e1
}

.button-link.transparent:hover {
    background: #4169e1;
    color: #fff
}

.button-link.border-white {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.button-link.border-white:hover,.button-link.white {
    background: #fff;
    color: #4169e1
}

.button-link.white:hover {
    background: #4169e1;
    border-color: #fff;
    color: #fff
}

.main-container {
    padding: 0 25px;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .main-container {
        padding:0 82px
    }
}

@media screen and (min-width: 1200px) {
    .main-container {
        margin:0 auto;
        max-width: 1280px;
        padding: 0 90px
    }
}

@media screen and (min-width: 1400px) {
    .main-container {
        padding:0
    }
}

.section-colored {
    background: #f2f5fd
}

.section-colored .rounded-bottom path,.section-colored .rounded-top path {
    fill: #f2f5fd
}

.section-light-blue {
    background-color: #e8f7ff
}

.section-light-blue .rounded-bottom path {
    fill: #e8f7ff
}

.section-has-wave {
    position: relative;
    z-index: 50
}

.section-has-wave .wave {
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.section-has-separator {
    position: relative
}

.section-has-separator:after {
    background: rgba(65,105,225,.2);
    bottom: 0;
    content: "";
    height: 1px;
    left: 50%;
    max-width: 1280px;
    position: absolute;
    transform: translateX(-50%);
    width: 100%
}

.section-bottom-rounded {
    position: relative;
    z-index: 50
}

.section-bottom-rounded .rounded-bottom {
    height: 8vw;
    left: 0;
    margin-top: -1px;
    position: absolute;
    top: 100%;
    width: 100%
}

@media screen and (min-width: 568px) {
    .section-bottom-rounded .rounded-bottom {
        height:auto
    }
}

.archive.category main.main--bg .section-bottom-rounded .rounded-bottom path,.blog main.main--bg .section-bottom-rounded .rounded-bottom path,.page-template-template-strattic-search main.main--bg .section-bottom-rounded .rounded-bottom path,.single-post main.main--bg .section-bottom-rounded .rounded-bottom path,.tag main.main--bg .section-bottom-rounded .rounded-bottom path,main.nylas-search.main--bg .section-bottom-rounded .rounded-bottom path {
    fill: #fbfcfe
}

.section-bottom-rounded.section-colored {
    z-index: 51
}

.wrapper {
    overflow: hidden
}

main.main,main.main--no-padding {
    overflow: hidden;
    position: relative
}

html:has(body.single-post,body.blog) {
    scroll-behavior: smooth;
    scroll-padding-top: 110px
}

.archive.category main.main--bg,.blog main.main--bg,.page-template-template-strattic-search main.main--bg,.single-post .press-release-details-section,.single-post main.main--bg,.tag main.main--bg,main.main--bg.nylas-search {
    background-color: #fbfcfe
}

.confetti {
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: 100
}

.confetti.right {
    left: auto;
    right: 0
}

@media screen and (max-width: 1200px) {
    .confetti {
        display:none!important
    }
}

.comets {
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

@media only screen and (min-width: 1200px) {
    .comets {
        top:200px
    }
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    box-sizing: border-box;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -khtml-user-select: none
}

.slick-list,.slick-slider {
    display: block;
    position: relative
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.slick-track:after,.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.slick-arrow {
    align-items: center;
    background: none;
    border: 1px solid #4169e1;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    height: 52px;
    justify-content: center;
    position: absolute;
    top: 0;
    transition: background-color .3s;
    width: 52px
}

.no-touch .slick-arrow:hover:not(.slick-disabled) {
    background: #4169e1
}

.no-touch .slick-arrow:hover:not(.slick-disabled) path {
    fill: #fff;
    transition: fill .3s
}

.slick-arrow.slick-prev {
    left: 0
}

.slick-arrow.slick-next {
    right: 0
}

.slick-arrow.slick-disabled {
    background: none;
    border: 1px solid rgba(65,105,225,.5);
    pointer-events: none
}

.slick-arrow.slick-disabled path {
    fill: rgba(65,105,225,.5)
}

.slick-arrow path {
    fill: #4169e1
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-dots {
    display: flex;
    list-style: none;
    margin: 30px -10px 0;
    padding: 0
}

@media only screen and (min-width: 1440px) {
    .slick-dots {
        margin-top:50px
    }
}

.slick-dots li {
    margin: 0 10px
}

.slick-dots li.slick-active button {
    background: #4169e1
}

.slick-dots button {
    background: rgba(8,8,23,.1);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    height: 12px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    transition: background-color .3s;
    width: 12px
}

.no-touch .slick-dots button:hover {
    background: #4169e1
}

/*!
  Theme: Default
  Description: Original highlight.js style
  Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
  Maintainer: @highlightjs/core-team
  Website: https://highlightjs.org/
  License: see project LICENSE
  Touched: 2021
*/
pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em
}

code.hljs {
    padding: 3px 5px
}

.hljs {
    background: #f3f3f3;
    color: #444
}

.hljs-comment {
    color: #697070
}

.hljs-punctuation,.hljs-tag {
    color: rgba(68,68,68,.667)
}

.hljs-tag .hljs-attr,.hljs-tag .hljs-name {
    color: #444
}

.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag {
    font-weight: 700
}

.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type {
    color: #800
}

.hljs-section,.hljs-title {
    color: #800;
    font-weight: 700
}

.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable {
    color: #ab5656
}

.hljs-literal {
    color: #695
}

.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code {
    color: #397300
}

.hljs-meta {
    color: #1f7199
}

.hljs-meta .hljs-string {
    color: #38a
}

.hljs-strong {
    font-weight: 700
}

.hljs-copy-wrapper {
    overflow: hidden;
    position: relative
}

.hljs-copy-button:focus,.hljs-copy-wrapper:hover .hljs-copy-button {
    transform: translateX(0)
}

.hljs-copy-button {
    background-color: #2d2b57;
    background-color: var(--hljs-theme-background);
    background-image: url('data:image/svg+xml;charset=utf-8,<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 5a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-2a1 1 0 1 1 0-2h2a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h2a1 1 0 0 1 0 2H6Z" fill="%23fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 3a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2V3Zm8 0H9v2h6V3Z" fill="%23fff"/></svg>');
    background-position: 50%;
    background-repeat: no-repeat;
    border: 1px solid hsla(0,0%,100%,.133);
    border-radius: .25rem;
    color: #fff;
    height: 2rem;
    position: absolute;
    right: 1em;
    text-indent: -9999px;
    top: 1em;
    transform: translateX(calc(100% + 1.125em));
    transition: background-color .2s ease,transform .2s ease-out;
    width: 2rem
}

.hljs-copy-button:hover {
    border-color: hsla(0,0%,100%,.267)
}

.hljs-copy-button:active {
    border-color: hsla(0,0%,100%,.4)
}

.hljs-copy-button[data-copied=true] {
    background-image: none;
    text-indent: 0;
    width: auto
}

@media(prefers-reduced-motion) {
    .hljs-copy-button {
        transition: none
    }
}

.hljs-copy-alert {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.hljs-ln-n:before {
    padding-right: 20px
}

.hljs {
    background: #293056;
    font-family: Inconsolata;
    font-size: 16px
}

.hljs * {
    white-space: pre
}

.hljs,.hljs-comment,.hljs-keyword,.hljs-link,.hljs-literal,.hljs-ln td,.hljs-meta,.hljs-operator,.hljs-regexp,.hljs-section,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-selector-tag,.hljs-symbol,.hljs-template-variable,.hljs-variable {
    color: #eaecf5
}

.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-symbol,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-type,.hljs-variable {
    color: #93c5fd
}

.hljs-doctag,.hljs-keyword,.hljs-literal,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-strong,.hljs-title,.hljs-type {
    font-weight: 700
}

.hljs-emphasis {
    font-style: italic
}

.jcf-scrollable-wrapper {
    box-sizing: content-box;
    position: relative
}

.jcf-scrollbar-vertical {
    border-radius: 2px;
    bottom: 0;
    cursor: default;
    position: absolute;
    right: 14px;
    top: 0;
    width: 2px
}

.jcf-scrollbar-vertical .jcf-scrollbar-slider {
    background: #f2f5fd;
    border-radius: 20px;
    width: 4px
}

.jcf-scrollbar-vertical .jcf-scrollbar-dec,.jcf-scrollbar-vertical .jcf-scrollbar-inc {
    height: 80px;
    left: 0;
    top: 0;
    width: 14px
}

.jcf-scrollbar-vertical .jcf-scrollbar-inc {
    bottom: 0;
    top: auto
}

.jcf-scrollbar-vertical .jcf-scrollbar-handle {
    background: #4169e1;
    border-radius: 2px;
    height: 1px;
    right: 0;
    width: 4px
}

.jcf-scrollbar-horizontal {
    background: #e3e3e3;
    bottom: 0;
    height: 14px;
    left: 0;
    position: absolute;
    right: auto;
    top: auto;
    width: 1px
}

.jcf-scrollbar-horizontal .jcf-scrollbar-dec,.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
    background: #bbb;
    display: inline-block;
    height: 14px;
    overflow: hidden;
    vertical-align: top;
    width: 14px
}

.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
    left: auto;
    right: 0
}

.jcf-scrollbar-horizontal .jcf-scrollbar-slider {
    display: inline-block;
    height: 14px;
    position: relative
}

.jcf-scrollbar-horizontal .jcf-scrollbar-handle {
    background: #888;
    height: 14px;
    position: absolute
}

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle {
    visibility: hidden
}

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec,.jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc {
    background: #e3e3e3
}

.jcf-select {
    background: #f2f5fd;
    border: 1px solid transparent;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 45px;
    min-width: 150px;
    padding-top: 2px;
    position: relative;
    text-align: left;
    transition: background-color .3s,border-color .3s;
    vertical-align: top;
    width: 100%
}

@media screen and (min-width: 768px) {
    .jcf-select {
        height:54px
    }
}

.jcf-select.jcf-drop-active {
    background: #fff;
    border-color: #4169e1
}

.jcf-select.jcf-drop-active.jcf-drop-flipped:before {
    bottom: auto;
    top: 5px
}

.jcf-select.jcf-drop-active:before {
    background: gray
}

.jcf-select.jcf-drop-active .jcf-select-opener:before {
    transform: rotate(180deg)
}

.jcf-select select {
    left: 0;
    top: 0;
    z-index: 1
}

.jcf-select .jcf-select-text {
    color: #0f1526;
    cursor: pointer;
    display: block;
    font-family: Poppins,sans-serif;
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
    padding: 11px 20px 9px;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (min-width: 768px) {
    .jcf-select .jcf-select-text {
        padding:16px 20px
    }
}

.jcf-select .jcf-select-text>span {
    display: block;
    overflow: hidden;
    padding-right: 20px;
    text-overflow: ellipsis
}

.jcf-select .jcf-select-text .first-disabled {
    color: rgba(8,8,23,.5)
}

.jcf-select .jcf-select-opener {
    bottom: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 30px
}

@media screen and (min-width: 1200px) {
    .jcf-select .jcf-select-opener {
        width:40px
    }
}

.jcf-select .jcf-select-opener:before {
    background: url(../images/arrow-select.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    content: "";
    height: 16px;
    margin-top: -8px;
    position: absolute;
    right: 13px;
    top: 50%;
    transition: transform .3s;
    width: 16px
}

@media screen and (min-width: 1200px) {
    .jcf-select .jcf-select-opener:before {
        right:18px
    }
}

.jcf-select .jcf-select-drop {
    left: -1px;
    margin-top: 1px;
    position: absolute;
    right: -1px;
    top: 100%;
    z-index: 9999
}

.jcf-select .jcf-drop-flipped {
    bottom: 100%;
    top: auto
}

body>.jcf-select-drop {
    margin: 10px 0 0;
    position: absolute;
    z-index: 9999
}

body>.jcf-select-drop.jcf-drop-flipped {
    border-radius: 8px 8px 0 0;
    margin: 1px 0 0
}

body>.jcf-select-drop.jcf-drop-flipped .jcf-list,body>.jcf-select-drop.jcf-drop-flipped .jcf-select-drop-content {
    border-radius: 8px 8px 0 0
}

.jcf-select-drop {
    background: #fff;
    border-radius: 20px
}

.jcf-select-drop .jcf-select-drop-content {
    background: #fff;
    border-radius: 20px;
    border-top: none;
    box-shadow: 5px 8px 28px rgba(23,23,36,.1);
    margin-top: 20px
}

.jcf-select-drop .jcf-select-drop-content .jcf-scrollbar-horizontal {
    display: none
}

.jcf-select-drop.jcf-compact-multiple .jcf-hover {
    background: none
}

.jcf-select-drop.jcf-compact-multiple .jcf-option {
    padding-left: 30px;
    position: relative
}

.jcf-select-drop.jcf-compact-multiple .jcf-option:before {
    border: 1px solid #003a70;
    border-radius: 3px;
    box-sizing: border-box;
    content: "";
    height: 18px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 18px
}

.jcf-select-drop.jcf-compact-multiple .jcf-option:after {
    content: "";
    height: 16px;
    left: 0;
    margin: -4px 0 0 3px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 19px
}

.jcf-select-drop.jcf-compact-multiple .jcf-option.jcf-selected:after {
    opacity: 1
}

.jcf-list-box {
    border: 1px solid #b8c3c9;
    display: inline-block;
    min-width: 200px;
    overflow: hidden
}

.jcf-list {
    background: #fff;
    border-radius: 20px;
    border-top-width: 1px;
    display: block;
    padding: 20px 0;
    position: relative
}

.jcf-list .jcf-list-content {
    display: inline-block;
    overflow: auto;
    vertical-align: top;
    width: 100%!important
}

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

.jcf-list li {
    display: block;
    overflow: hidden
}

.jcf-list .jcf-overflow {
    overflow: auto
}

.jcf-list .jcf-option {
    color: rgba(8,8,23,.7);
    cursor: pointer;
    display: block;
    font-family: Poppins,sans-serif;
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
    padding: 6px 20px;
    transition: color .3s ease
}

@media screen and (min-width: 1200px) {
    .jcf-list .jcf-option {
        font-size:16px;
        line-height: 24px
    }
}

.jcf-list .jcf-option.jcf-hover,.jcf-list .jcf-option.jcf-selected {
    background: #4169e1;
    color: #fff
}

.jcf-list .jcf-disabled {
    display: none!important
}

.jcf-list .jcf-optgroup-caption {
    cursor: default;
    display: block;
    font-weight: 700;
    margin-bottom: 28px;
    padding: 0 24px
}

@media screen and (min-width: 1200px) {
    .jcf-list .jcf-optgroup-caption {
        line-height:20px
    }
}

.jcf-list .jcf-optgroup {
    display: block;
    padding-bottom: 4px
}

.jcf-list .jcf-optgroup .jcf-option {
    padding-left: 40px;
    position: relative
}

.jcf-list .jcf-optgroup .jcf-option:before {
    background: orange;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 25px;
    position: absolute;
    top: 8px;
    width: 6px
}

.main-header-box {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 500
}

.archive.category:has(main.main--bg) .main-header,.blog:has(main.main--bg) .main-header,.page-template-template-strattic-search:has(main.main--bg) .main-header,.single-post:has(main.main--bg) .main-header,.tag:has(main.main--bg) .main-header,body:has(main.main--bg.nylas-search) .main-header {
    border-bottom: 1px solid #eaeaea
}

:root {
    --top-nav-height: 60px;
    --top-nav-x-padding: 25px
}

@media screen and (min-width: 1024px) {
    :root {
        --top-nav-x-padding:20px;
        --top-nav-height: 68px
    }
}

@media screen and (min-width: 1200px) {
    :root {
        --top-nav-x-padding:40px
    }
}

@media screen and (min-width: 1800px) {
    :root {
        --top-nav-x-padding:80px
    }
}

.main-header {
    background-color: #fff;
    border-bottom: 1px solid #eaeaea;
    height: var(--top-nav-height);
    left: 0;
    padding: 15px var(--top-nav-x-padding);
    position: relative;
    top: 0;
    transition: background-color .5s ease;
    width: 100%;
    z-index: 200
}

@media screen and (min-width: 1024px) {
    .main-header {
        align-items:center;
        display: flex;
        padding: 0 var(--top-nav-x-padding);
        width: 100%
    }
}

.main-header.transparent {
    background-color: transparent
}

@media screen and (max-width: 1023px) {
    .menu-opened .main-header {
        left:0;
        position: fixed;
        top: 0
    }
}

.main-header.sticky {
    background-color: #fff;
    left: 0;
    position: fixed;
    top: 0
}

.main-header .main-header-holder {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media screen and (min-width: 1024px) {
    .main-header .main-header-holder {
        height:100%;
        width: 100%
    }
}

.main-header .main-logo {
    display: block;
    position: relative;
    width: 107px;
    z-index: 20
}

@media screen and (min-width: 1024px) {
    .main-header .main-logo {
        flex-shrink:0;
        margin-right: 10px
    }
}

@media screen and (min-width: 1200px) {
    .main-header .main-logo {
        margin-right:6px;
        width: 143px
    }
}

@media screen and (min-width: 1400px) {
    .main-header .main-logo {
        margin-right:11px
    }
}

@media screen and (min-width: 1800px) {
    .main-header .main-logo {
        margin-right:21px
    }
}

.main-header .main-logo a {
    display: block
}

.main-header .main-logo img,.main-header .main-logo svg {
    height: auto;
    vertical-align: top;
    width: 100%
}

@media screen and (max-width: 1023px) {
    .main-header .mobile-menu-opener {
        background-color:transparent;
        border: 0;
        cursor: pointer;
        display: block;
        height: 16px;
        margin: 0;
        padding: 0;
        position: relative;
        width: 16px;
        z-index: 10
    }

    .main-header .mobile-menu-opener:after,.main-header .mobile-menu-opener:before {
        background-color: #4169e1;
        border-radius: 3px;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        transition: top .5s ease,transform .5s ease;
        width: 100%
    }

    .main-header .mobile-menu-opener:before {
        top: 0;
        transform: translate(-50%)
    }

    .menu-opened .main-header .mobile-menu-opener:before {
        top: 50%;
        transform: translate(-50%,-50%) rotate(45deg)
    }

    .main-header .mobile-menu-opener:after {
        top: 100%;
        transform: translate(-50%,-100%)
    }

    .menu-opened .main-header .mobile-menu-opener:after {
        top: 50%;
        transform: translate(-50%,-50%) rotate(-45deg)
    }

    .main-header .mobile-menu-opener i {
        background-color: #4169e1;
        border-radius: 3px;
        height: 2px;
        margin-top: -1px;
        position: absolute;
        right: 0;
        top: 50%;
        transition: width .5s ease;
        width: 100%
    }

    .menu-opened .main-header .mobile-menu-opener i {
        width: 0
    }
}

@media screen and (min-width: 1024px) {
    .main-header .mobile-menu-opener {
        display:none
    }
}

.main-header ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.main-header a {
    text-decoration: none
}

.main-header.gray-50 {
    background-color: #f8f9fc
}

.main-nav-holder {
    font: 14px/24px Poppins,sans-serif
}

@media screen and (max-width: 1023px) {
    .main-nav-holder {
        background-color:#ecf0fc;
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 100% auto;
        height: 100vh;
        left: 0;
        opacity: 0;
        padding-top: 74px;
        position: fixed;
        top: 0;
        transform: translateX(100%);
        transition: opacity .3s ease,visibility .3s ease,transform .3s ease;
        visibility: hidden;
        width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .main-nav-holder {
        background:none!important;
        display: flex;
        flex-grow: 1;
        height: 100%
    }
}

@media screen and (min-width: 1400px) {
    .main-nav-holder {
        font-size:16px;
        line-height: 24px
    }
}

@media screen and (max-width: 1023px) {
    .menu-opened .main-nav-holder {
        opacity:1;
        transform: translateX(0);
        visibility: visible
    }

    .main-nav-holder .main-nav-wrap {
        max-height: calc(100vh - 74px);
        max-height: 100dvh;
        overflow: auto;
        padding: 36px 25px
    }
}

@media screen and (min-width: 1024px) {
    .main-nav-holder .main-nav-wrap {
        align-items:center;
        display: flex;
        flex-grow: 1
    }
}

.main-nav {
    background: none!important;
    font-weight: 500
}

@media screen and (max-width: 1023px) {
    .main-nav {
        margin-top:-20px;
        padding-bottom: 50px
    }
}

@media screen and (min-width: 1024px) {
    .main-nav {
        flex-grow:1
    }

    .main-nav,.main-nav>ul {
        align-items: center;
        display: flex;
        height: 100%
    }
}

@media screen and (max-width: 1023px) {
    .main-nav>ul>li {
        font-size:16px
    }
}

@media screen and (min-width: 1024px) {
    .main-nav>ul>li {
        align-items:center;
        display: flex;
        height: 100%;
        padding: 0
    }
}

@media screen and (min-width: 1400px) {
    .main-nav>ul>li {
        margin-left:10px
    }
}

@media screen and (min-width: 1800px) {
    .main-nav>ul>li {
        padding:30px 0
    }
}

.main-nav a {
    display: inline-block;
    transition: color .5s ease,margin-bottom .5s ease;
    vertical-align: top
}

.main-nav .current-menu-item>a,.no-touch .main-nav a:not(.button-link):hover {
    color: #4169e1
}

.main-nav .menu-item>a {
    border-radius: 10px;
    padding: 11px 18px;
    text-align: center;
    transition: background-color .3s
}

@media screen and (max-width: 1023px) {
    .main-nav .menu-item>a {
        padding-left:0;
        padding-right: 0
    }
}

@media screen and (min-width: 1024px) {
    .main-nav .menu-item.active>a,.no-touch .main-nav .menu-item:hover>a {
        background-color:#e8edfb
    }
}

@media screen and (max-width: 1023px) {
    .main-nav .menu-item {
        margin-right:-10px;
        position: relative;
        transition: all .5s
    }

    .main-nav .menu-item>a {
        align-items: center;
        border-bottom: 1px solid #dfdfdf;
        border-radius: 0;
        color: #363f72;
        display: flex;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 93%;
        padding: 20px 0;
        width: 100%
    }

    .main-nav .menu-item.active>a {
        color: #717bbc;
        margin-left: calc(50% - 50vw - 6px);
        padding-left: 20px;
        padding-right: 20px;
        width: 100vw
    }

    .main-nav .menu-item.active>a:before {
        content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 1 2 6.5 7 12' stroke='%23717BBC' stroke-width='2'/%3E%3C/svg%3E");
        margin-bottom: -.2em;
        margin-right: .3em
    }

    .main-nav .menu-item.active .mobile-drop-opener svg path {
        fill: #4169e1
    }
}

@media screen and (min-width: 1024px) {
    .main-nav .menu-item.active>a,.no-touch .main-nav .menu-item:hover>a {
        color:#4169e1
    }

    .main-nav .menu-item.active>a:after,.no-touch .main-nav .menu-item:hover>a:after {
        transform: translateY(.2em) scale(1.2)
    }

    .main-nav .menu-item.active>a button,.no-touch .main-nav .menu-item:hover>a button {
        opacity: 1
    }
}

@media screen and (min-width: 1024px)and (min-width:1024px) {
    .main-nav .menu-item.active .main-menu-drop,.no-touch .main-nav .menu-item:hover .main-menu-drop {
        opacity:1;
        visibility: visible
    }
}

@media screen and (min-width: 1024px) {
    .main-nav .menu-item>a {
        position:relative;
        z-index: 10
    }

    .main-nav .menu-item.menu-item-has-children>a {
        padding-right: 32px
    }

    .main-nav .menu-item.menu-item-has-children>a:after {
        content: "⌃";
        display: inline-block;
        margin-left: .4em;
        position: absolute;
        transform: translateY(-.2em) scale(1.2) rotate(-180deg);
        transition: all .3s ease-out
    }
}

.main-nav .mobile-drop-closer,.main-nav .mobile-drop-opener {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 1023px) {
    .main-nav .mobile-drop-closer,.main-nav .mobile-drop-opener {
        align-items:center;
        cursor: pointer;
        display: flex;
        height: 24px;
        justify-content: center;
        margin-left: auto;
        transform: rotate(-90deg);
        transition: transform .5s ease,top .5s ease;
        width: 20px
    }

    .main-nav .mobile-drop-closer svg path,.main-nav .mobile-drop-opener svg path {
        transition: fill .5s ease
    }
}

@media screen and (min-width: 1024px) {
    .main-nav .mobile-drop-closer,.main-nav .mobile-drop-opener {
        height:25px;
        left: 50%;
        margin: 0 0 0 -30px;
        opacity: 0;
        overflow: hidden;
        pointer-events: none;
        position: absolute;
        top: 100%;
        transition: opacity .5s ease;
        width: 60px;
        z-index: 200
    }

    .main-nav .mobile-drop-closer svg,.main-nav .mobile-drop-opener svg {
        display: none
    }
}

@media screen and (min-width: 1800px) {
    .main-nav .mobile-drop-closer,.main-nav .mobile-drop-opener {
        margin-top:-18px
    }
}

@media screen and (max-width: 1023px) {
    .main-nav .active>a>.mobile-drop-opener {
        display:none
    }
}

.main-nav .mobile-drop-closer {
    display: none
}

@media screen and (max-width: 1023px) {
    .main-nav .active .mobile-drop-closer {
        display:flex
    }
}

.main-nav .drop-menu-list {
    font-size: 14px;
    line-height: 18px
}

@media screen and (min-width: 1024px) {
    .main-nav .drop-menu-list {
        flex-grow:1
    }
}

@media screen and (min-width: 1200px) {
    .main-nav .drop-menu-list {
        font-size:16px;
        line-height: 24px
    }
}

@media screen and (min-width: 1024px) {
    .main-nav .drop-menu-list>ul {
        column-count:2;
        column-gap: 1px
    }
}

@media screen and (min-width: 1200px) {
    .main-nav .drop-menu-list>ul {
        column-gap:50px
    }
}

@media screen and (min-width: 1400px) {
    .main-nav .drop-menu-list>ul {
        column-gap:5px
    }
}

.main-nav .drop-menu-list>ul>li {
    position: relative
}

.main-nav .drop-menu-list>ul>li a:after {
    content: "";
    height: 32px;
    left: 0;
    position: absolute;
    top: 0;
    width: 32px;
    z-index: 20
}

@media screen and (min-width: 1024px) {
    .main-nav .drop-menu-list>ul>li a:after {
        height:36px;
        width: 36px
    }
}

.no-touch .main-nav .drop-menu-list>ul>li a:hover+.ico-holder.has-hover img {
    opacity: 0
}

.no-touch .main-nav .drop-menu-list>ul>li a:hover+.ico-holder.has-hover img+img {
    opacity: 1
}

.main-nav .drop-menu-list>ul li {
    display: flex
}

@media screen and (min-width: 1024px) {
    .main-nav .drop-menu-list>ul li {
        break-inside:avoid-column;
        margin: 0 0 33px;
        width: 100%
    }
}

@media screen and (min-width: 1200px) {
    .main-nav .drop-menu-list>ul li {
        margin-bottom:27px
    }
}

.main-nav .drop-menu-list .ico-holder {
    flex-shrink: 0;
    height: 32px;
    left: 0;
    position: absolute;
    top: 0;
    width: 32px
}

@media screen and (min-width: 1024px) {
    .main-nav .drop-menu-list .ico-holder {
        height:36px;
        width: 36px
    }
}

.main-nav .drop-menu-list .ico-holder.has-hover img {
    transition: opacity .5s
}

.main-nav .drop-menu-list .ico-holder.has-hover img+img {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0
}

.main-nav .drop-menu-list .ico-holder img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain
}

.main-nav .drop-menu-list .wrap {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 32px;
    padding-left: 47px;
    position: relative
}

@media screen and (max-width: 1023px) {
    .main-nav .drop-menu-list .wrap {
        margin-top:3px
    }
}

@media screen and (min-width: 1024px) {
    .main-nav .drop-menu-list .wrap {
        min-height:36px;
        padding-left: 56px;
        padding-right: 20px
    }
}

.main-nav .drop-menu-list p {
    color: rgba(8,8,23,.7);
    font-weight: 400;
    margin: 0;
    padding-top: 0
}

@media screen and (min-width: 1024px) {
    .main-nav .drop-menu-list p {
        font-size:16px;
        line-height: 24px;
        padding-top: 0
    }

    .main-nav .main-nav-columns {
        display: flex;
        margin-left: -20px;
        padding-right: 20px
    }

    .main-nav .main-nav-columns .item {
        margin-left: 20px;
        min-width: 230px
    }
}

@media screen and (min-width: 1400px) {
    .main-nav .main-nav-columns .item {
        min-width:240px
    }
}

@media screen and (min-width: 1700px) {
    .main-nav .main-nav-columns .item {
        min-width:300px
    }
}

@media screen and (max-width: 1023px) {
    .main-nav .main-nav-columns .item>ul>li>a {
        font-size:1.16em;
        padding-bottom: 5px;
        padding-top: 5px
    }
}

@media screen and (min-width: 1024px) {
    .main-nav .main-nav-columns li {
        margin-bottom:20px
    }
}

.main-nav .main-nav-columns li>a[href="/industries/"],.main-nav .main-nav-columns li>a[href="/solutions/"] {
    color: #4169e1
}

.main-nav .main-nav-columns a {
    align-items: center;
    display: flex
}

.main-nav .main-nav-columns a.has-hover {
    padding-left: 30px;
    position: relative;
    z-index: 10
}

@media screen and (max-width: 1023px) {
    .main-nav .main-nav-columns a.has-hover {
        padding-left:44px
    }
}

.main-nav .main-nav-columns a.has-hover img {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .5s
}

.main-nav .main-nav-columns a.has-hover img+img,.no-touch .main-nav .main-nav-columns a.has-hover:hover img {
    opacity: 0
}

.no-touch .main-nav .main-nav-columns a.has-hover:hover img+img {
    opacity: 1
}

.main-nav .main-nav-columns a:focus img,.main-nav .main-nav-columns a:hover img {
    filter: grayscale(0)
}

.main-nav .main-nav-columns img {
    display: inline-block;
    filter: grayscale(1);
    margin-right: 10px;
    max-height: 36px;
    max-width: 36px;
    transition: all .03s ease-in-out;
    vertical-align: middle
}

@media screen and (max-width: 1023px) {
    .main-nav .main-nav-columns img {
        max-height:36px;
        max-width: 36px
    }
}

.main-nav .main-menu-drop {
    --left: 0px;
    left: var(--left)
}

.main-nav .main-menu-drop .main-menu-drop-container {
    display: flex;
    width: 100%
}

@media screen and (max-width: 1023px) {
    .main-nav .main-menu-drop .main-menu-drop-container {
        flex-direction:column
    }
}

@media screen and (min-width: 1024px) {
    .main-nav .main-menu-drop .main-menu-drop-container {
        padding:0 var(--top-nav-x-padding)
    }
}

@media screen and (max-width: 1023px) {
    .main-nav .main-menu-drop {
        display:none;
        padding-left: 0
    }
}

@media screen and (min-width: 1024px) {
    .main-nav .main-menu-drop {
        --left:140px;
        background-color: #fff;
        border-top: 1px solid #dfdfdf;
        box-shadow: 5px 8px 28px rgba(23,23,36,.1);
        display: flex!important;
        opacity: 0;
        padding: 40px 0;
        position: absolute;
        top: 100%;
        transition: opacity .4s ease,visibility .4s ease;
        visibility: hidden;
        z-index: 100
    }
}

@media screen and (min-width: 1200px) {
    .main-nav .main-menu-drop {
        --left:192px;
        padding: 40px 0
    }
}

@media screen and (min-width: 1400px) {
    .main-nav .main-menu-drop {
        --left:206px
    }
}

@media screen and (min-width: 1800px) {
    .main-nav .main-menu-drop {
        --left:256px
    }
}

.main-nav .main-menu-drop .link-for-mobile {
    display: none
}

.touch .main-nav .main-menu-drop .link-for-mobile {
    color: #4169e1;
    display: inline-block;
    margin-top: 20px;
    text-decoration: none;
    transition: color .3s;
    vertical-align: top
}

@media screen and (min-width: 1024px) {
    .touch .main-nav .main-menu-drop .link-for-mobile {
        left:40px;
        margin: 0;
        position: absolute;
        top: 40px
    }
}

.main-nav .main-menu-drop .link-for-mobile svg {
    display: inline-block;
    margin: -2px 0 0 10px;
    transition: transform .3s;
    vertical-align: middle
}

.no-touch .main-nav .main-menu-drop .link-for-mobile:hover {
    color: #4169e1
}

@media screen and (min-width: 1024px) {
    .main-nav #menu-item-10434 .drop-menu-list>ul {
        column-count:1
    }
}

.main-nav .subtitle {
    border-bottom: 1px solid #d5d9eb;
    color: #4e5ba6;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 64%;
    padding-bottom: 26px;
    padding-top: 20px;
    white-space: nowrap
}

.main-nav .subtitle:after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.707 8.707a1 1 0 0 0 0-1.414L18.343.929a1 1 0 1 0-1.414 1.414L22.586 8l-5.657 5.657a1 1 0 0 0 1.414 1.414l6.364-6.364ZM0 9h24V7H0v2Z' fill='%234E5BA6'/%3E%3C/svg%3E");
    padding-left: .45em
}

@media screen and (min-width: 1024px) {
    .main-nav .subtitle {
        margin-bottom:20px;
        padding-top: 0
    }
}

@media screen and (max-width: 1023px) {
    .main-nav .subtitle+ul {
        line-height:20px;
        margin-top: -5px
    }
}

@media screen and (max-width: 1023px)and (max-width:1023px) {
    .main-nav .subtitle+ul li {
        margin-top:15px
    }
}

.main-nav .button-link {
    font-size: 16px;
    margin-top: 20px;
    padding: 10px 30px
}

.main-header-links {
    color: rgba(8,8,23,.7)
}

@media screen and (min-width: 1024px) {
    .main-header-links {
        align-items:center;
        display: flex;
        flex-shrink: 0
    }
}

@media screen and (max-width: 1023px) {
    .main-header-links .main-nav-links {
        font-size:16px
    }
}

@media screen and (min-width: 1024px) {
    .main-header-links .main-nav-links {
        align-items:center;
        display: flex
    }

    .main-header-links li {
        margin-right: 10px
    }
}

@media screen and (min-width: 1200px) {
    .main-header-links li {
        margin-right:15px
    }
}

@media screen and (min-width: 1400px) {
    .main-header-links li {
        margin-right:30px
    }
}

@media screen and (min-width: 1800px) {
    .main-header-links li {
        margin-right:40px
    }
}

@media screen and (min-width: 1200px) {
    .main-header-links li:last-child {
        margin-right:20px
    }
}

@media screen and (min-width: 1400px) {
    .main-header-links li:last-child {
        margin-right:40px
    }
}

@media screen and (min-width: 1800px) {
    .main-header-links li:last-child {
        margin-right:40px
    }
}

@media screen and (max-width: 1023px) {
    .main-header-links li+li {
        margin-top:20px
    }
}

.main-header-links a:not(.button-link) {
    transition: color .5s ease
}

.no-touch .main-header-links a:not(.button-link):hover {
    color: #4169e1
}

.main-header-links .button-link {
    font-weight: 500;
    padding: 10px 30px
}

@media screen and (max-width: 1023px) {
    .main-header-links .button-link {
        font-size:16px;
        margin-top: 20px
    }
}

@media screen and (max-width: 500px) {
    .main-header-links .button-link {
        width:100%
    }
}

.header-featured-content-blocks {
    align-self: flex-start;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 10px 0
}

@media screen and (min-width: 1024px) {
    .header-featured-content-blocks {
        padding:0
    }
}

.header-featured-content {
    align-items: center;
    display: flex;
    flex-direction: row
}

.header-featured-content:not(:last-child) .header-featured-content-item:after {
    border-bottom: 1px solid #d5d9eb;
    content: "";
    display: block;
    padding-top: 20px;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .header-featured-content {
        flex-shrink:0;
        width: 340px
    }
}

@media screen and (min-width: 1200px) {
    .header-featured-content {
        width:360px
    }
}

@media screen and (min-width: 1400px) {
    .header-featured-content {
        width:350px
    }
}

@media screen and (min-width: 1700px) {
    .header-featured-content {
        width:400px
    }
}

.header-featured-content .header-featured-content-item {
    padding-left: 0;
    width: 100%
}

@media only screen and (min-width: 1024px) {
    .header-featured-content .header-featured-content-item {
        padding-left:20px
    }
}

.header-featured-content .header-featured-content-item .read-more {
    color: #0f66ff;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 129%
}

.header-featured-content .image {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 6px;
    flex: none;
    height: 144px;
    margin-top: 8px;
    position: relative;
    width: 100%
}

.header-featured-content .image>a {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.header-featured-content .category {
    color: #b3b8d8;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 129%
}

.header-featured-content .h5,.header-featured-content h5 {
    color: #4e5ba6;
    font: 500 16px/24px Poppins,sans-serif;
    font-size: 16px;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 144%;
    margin: 0;
    padding: 10px 0;
    transition: color .3s
}

.header-featured-content .h5:hover,.header-featured-content h5:hover {
    color: #4169e1
}

@media only screen and (min-width: 1024px) {
    .header-featured-content .h5,.header-featured-content h5 {
        font-size:16px
    }
}

@media screen and (min-width: 1200px) {
    .header-featured-content .h5 a,.header-featured-content h5 a {
        transition:color .3s
    }
}

.no-touch .header-featured-content .h5 a:hover,.no-touch .header-featured-content h5 a:hover {
    color: #17c3b2
}

@media only screen and (min-width: 1024px) {
    .header-featured-content .more {
        text-align:center
    }
}

.header-featured-content .read-more a {
    color: #4169e1
}

.header-featured-content .read-more svg {
    position: relative;
    top: -1px;
    vertical-align: middle
}

.header-featured-blocks {
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

.header-featured-buttons-blocks {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-left: 0;
    margin-top: 16px
}

@media screen and (min-width: 1024px) {
    .header-featured-buttons-blocks {
        margin-left:20px
    }
}

.header-featured-buttons-blocks .header-featured-button.header-featured-button a {
    align-items: center;
    border: 1px solid #717bbc;
    border-radius: 8px;
    color: #717bbc;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    justify-content: center;
    line-height: 100%;
    min-width: 158px;
    padding: 15px 30px;
    text-align: center;
    vertical-align: middle
}

.header-featured-buttons-blocks .header-featured-button.header-featured-button a:focus,.header-featured-buttons-blocks .header-featured-button.header-featured-button a:hover {
    background-color: #4169e1;
    color: #fff
}

.header-featured-buttons-blocks .header-featured-button:first-child {
    border-top: 1px solid #d5d9eb;
    padding-top: 24px
}

.header-banner-info-new {
    position: relative;
    top: var(--top-nav-height)
}

.header-banner-info-new p {
    color: #eff6ff;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 173%
}

.header-banner-info-new .top-wrap {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 267%;
    margin-top: 50px
}

@media screen and (max-width: 768px) {
    .header-banner-info-new .top-wrap {
        margin-top:25px
    }
}

.header-banner-info-new .top-wrap .container {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-left: 63px;
    padding-right: 63px
}

@media screen and (max-width: 768px) {
    .header-banner-info-new .top-wrap .container {
        display:block;
        justify-content: flex-start;
        padding: 10px 20px 14px!important
    }
}

.header-banner-info-new .top-wrap--top {
    background-color: #e0f2fe;
    box-shadow: 0 7px 10px 0 rgba(0,0,0,.102);
    color: #3e4784;
    margin-top: 0
}

body.home .header-banner-info-new .top-wrap--top {
    box-shadow: 0 7px 10px 0 rgba(0,0,0,.349)
}

.header-banner-info-new .top-wrap .tab {
    color: #db2777;
    margin-right: .45em
}

.header-banner-info-new .top-wrap p {
    color: #3e4784;
    font-weight: 600
}

@media screen and (max-width: 768px) {
    .header-banner-info-new .top-wrap p {
        margin:0
    }
}

.header-banner-info-new .top-wrap a {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: center
}

@media screen and (max-width: 768px) {
    .header-banner-info-new .top-wrap a {
        flex-grow:0;
        justify-content: flex-start
    }
}

.header-banner-info-new .top-wrap a:hover svg {
    transform: translateX(5px)
}

.header-banner-info-new .top-wrap a span {
    color: #2563eb;
    font-weight: 500;
    margin-left: .45em
}

@media screen and (max-width: 768px) {
    .header-banner-info-new .top-wrap a span {
        font-size:14px;
        margin-left: 0
    }
}

.header-banner-info-new .top-wrap a svg {
    margin-left: .3em;
    transition: .35s;
    width: 1.17em
}

.header-banner-info {
    background-color: #17c3b2;
    color: #fff;
    display: none;
    font: 14px/20px Poppins,sans-serif;
    padding: 10px 35px 10px 0;
    position: relative;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 10
}

@media screen and (min-width: 1024px) {
    .header-banner-info {
        padding:15px 40px;
        text-align: center
    }
}

@media screen and (min-width: 1400px) {
    .header-banner-info {
        font-size:16px;
        line-height: 24px;
        padding: 13px 40px
    }
}

.menu-opened .header-banner-info {
    opacity: 0
}

.header-banner-info .banner-info-close {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    height: 12px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 25px;
    top: 12px;
    width: 12px
}

@media screen and (min-width: 1024px) {
    .header-banner-info .banner-info-close {
        right:22px;
        top: 50%;
        transform: translateY(-50%)
    }
}

.no-touch .header-banner-info .banner-info-close:hover svg path {
    fill: #080817
}

.header-banner-info .banner-info-close svg path {
    transition: fill .5s ease
}

.header-banner-info p {
    margin: 0 0 10px
}

@media screen and (min-width: 1024px) {
    .header-banner-info p {
        display:inline-block;
        margin: 0 20px 0 0;
        vertical-align: top
    }
}

.header-banner-info a {
    font-weight: 500;
    line-height: 28px;
    text-decoration: none;
    transition: color .5s ease
}

@media screen and (min-width: 1024px) {
    .header-banner-info a {
        display:inline-block;
        vertical-align: top
    }
}

.no-touch .header-banner-info a:hover {
    color: #080817
}

@media screen and (max-width: 1023px) {
    .main-header-box:has(#menu-main_menu>.menu-item-has-children.active) .main-nav-holder {
        padding-top:0
    }

    .main-header-box:has(#menu-main_menu>.menu-item-has-children.active) .main-logo,.main-header-box:has(#menu-main_menu>.menu-item-has-children.active) .mobile-menu-opener {
        display: none
    }

    .main-header-box:has(#menu-main_menu>.menu-item-has-children.active) #menu-main_menu>.menu-item:not(.active) {
        display: none
    }

    .main-header-box:has(#menu-main_menu>.menu-item-has-children.active) .main-header-links {
        display: none
    }

    .main-header-box:has(#menu-main_menu>.menu-item-has-children.active) .subtitle {
        align-items: center;
        color: #363f72;
        cursor: pointer;
        display: flex;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 93%
    }

    .main-header-box:has(#menu-main_menu>.menu-item-has-children.active) .subtitle:after {
        display: none
    }

    .main-header-box:has(#menu-main_menu>.menu-item-has-children.active) .subtitle+ul {
        display: none
    }

    .main-header-box:has(#menu-main_menu>.menu-item-has-children.active) .main-nav-columns>.item.active {
        background-color: #eff6ff;
        border-radius: 8px;
        margin-top: 10px;
        padding-bottom: 16px;
        padding-left: 16px;
        padding-right: 16px
    }

    .main-header-box:has(#menu-main_menu>.menu-item-has-children.active) .main-nav-columns>.item.active .subtitle {
        padding-top: 10px
    }

    .main-header-box:has(#menu-main_menu>.menu-item-has-children.active) .main-nav-columns>.item.active .mobile-drop-opener {
        margin-right: -16px;
        transform: rotate(-180deg)
    }

    .main-header-box:has(#menu-main_menu>.menu-item-has-children.active) .main-nav-columns>.item.active .mobile-drop-opener svg path {
        fill: #4169e1
    }
}

.global-popup {
    --_width: 300px;
    display: none;
    height: 0;
    overflow: hidden
}

@media screen and (min-width: 1024px) {
    .global-popup {
        align-items:center;
        background-color: #fff;
        box-shadow: 0 2px 4px rgba(0,0,0,.2);
        color: #444;
        display: flex;
        height: auto;
        justify-content: space-between;
        min-width: var(--_width);
        overflow: visible;
        padding: 10px 20px 20px;
        position: absolute;
        right: calc(var(--top-nav-x-padding));
        top: var(--top-nav-height);
        z-index: 100
    }

    .global-popup .global-popup-content {
        flex: 1
    }

    .global-popup .global-popup-close {
        background: none;
        border: none;
        color: #fff;
        cursor: pointer;
        padding: 0;
        position: absolute;
        right: 20px;
        top: 20px
    }
}

.site-footer {
    background: #101323;
    color: #fff;
    font: 14px/18px Poppins,sans-serif;
    overflow: hidden;
    padding: 50px 0;
    position: relative;
    z-index: 30
}

@media only screen and (min-width: 1024px) {
    .site-footer {
        padding:45px 0
    }
}

@media only screen and (min-width: 1440px) {
    .site-footer {
        font-size:16px;
        line-height: 24px;
        padding: 70px 0
    }
}

@media only screen and (min-width: 1800px) {
    .site-footer {
        padding-top:100px
    }
}

.site-footer p {
    margin: 0
}

.site-footer a {
    text-decoration: none
}

.site-footer .footer-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 64px
}

@media only screen and (max-width: 1400px) {
    .site-footer .footer-top {
        flex-direction:column
    }
}

@media only screen and (max-width: 767px) {
    .site-footer .footer-top {
        margin-bottom:30px
    }
}

.site-footer .footer-info {
    flex: 1
}

@media only screen and (max-width: 1400px) {
    .site-footer .footer-info {
        margin-bottom:64px
    }
}

.site-footer .footer-logo {
    display: inline-block;
    margin-bottom: 32px
}

.site-footer .footer-logo svg {
    display: block
}

.site-footer .footer-menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

@media only screen and (max-width: 1023px) {
    .site-footer .footer-menu {
        flex-wrap:wrap;
        justify-content: space-between
    }
}

.site-footer .footer-menu ul {
    padding: 0
}

.site-footer .footer-menu>li {
    margin: 0 15px;
    padding-bottom: 25px
}

@media only screen and (max-width: 1023px) {
    .site-footer .footer-menu>li {
        margin:0;
        width: 33%
    }
}

@media only screen and (max-width: 767px) {
    .site-footer .footer-menu>li {
        margin:0;
        width: 46%
    }
}

.site-footer .footer-menu>li:first-of-type {
    margin-left: 0
}

.site-footer .footer-menu>li:last-of-type {
    margin-right: 0
}

.site-footer .footer-menu a {
    color: #b3b8d8;
    font-size: 14px;
    line-height: 1.5em;
    transition: color .3s
}

.site-footer .footer-menu a:hover {
    color: #fff
}

.site-footer .footer-menu .h6,.site-footer .footer-menu h6 {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
    padding-right: 50px;
    position: relative
}

@media only screen and (min-width: 1024px) {
    .site-footer .footer-menu .h6,.site-footer .footer-menu h6 {
        cursor:default;
        padding-right: 0
    }
}

@media only screen and (min-width: 1440px) {
    .site-footer .footer-menu .h6,.site-footer .footer-menu h6 {
        font-size:16px;
        line-height: 24px
    }
}

.site-footer .footer-menu ul {
    list-style: none;
    margin: 10px 0 0
}

@media only screen and (min-width: 1024px) {
    .site-footer .footer-menu ul {
        display:block!important;
        margin-top: 20px
    }
}

.site-footer .footer-menu ul li {
    margin-bottom: 14px
}

@media only screen and (min-width: 1024px) {
    .site-footer .footer-menu ul li {
        margin-bottom:12px
    }
}

@media only screen and (min-width: 1440px) {
    .site-footer .footer-menu ul li {
        margin-bottom:14px
    }
}

.site-footer .social {
    align-items: center;
    display: flex
}

@media only screen and (min-width: 1024px) {
    .site-footer .social {
        flex-shrink:0;
        order: 1
    }
}

.site-footer .social>span {
    margin-right: 20px
}

.site-footer .social ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.site-footer .social ul li {
    margin: 0 8px 0 0
}

.site-footer .social ul a {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center;
    position: relative;
    width: 40px
}

.site-footer .social ul a path {
    fill: #b3b8d8
}

.site-footer .social ul a:hover path {
    fill: #fff
}

.site-footer .social ul svg {
    position: relative;
    z-index: 2
}

.site-footer .social ul path {
    transition: fill .3s
}

.site-footer .footer-bottom {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 24px
}

@media only screen and (min-width: 1400px) {
    .site-footer .footer-bottom {
        align-items:flex-end;
        flex-direction: row-reverse;
        justify-content: space-between
    }
}

@media only screen and (max-width: 1400px) {
    .site-footer .footer-bottom {
        flex-direction:column
    }
}

.site-footer .footer-bottom p {
    font-size: 14px;
    line-height: 24px
}

.site-footer .footer-bottom .wrap {
    color: #b3b8d8;
    line-height: 24px
}

@media only screen and (min-width: 1024px) {
    .site-footer .footer-bottom .wrap {
        flex:1
    }
}

@media only screen and (max-width: 767px) {
    .site-footer .footer-bottom .wrap>p {
        margin-bottom:16px
    }
}

.site-footer .footer-bottom .add-nav {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.site-footer .footer-bottom .add-nav li {
    margin: 0 15px 0 0
}

@media only screen and (max-width: 767px) {
    .site-footer .footer-bottom .add-nav li {
        margin-bottom:16px
    }
}

.site-footer .footer-bottom .add-nav a {
    transition: color .3s
}

.site-footer .footer-bottom .add-nav a:hover {
    color: #fff
}

.site-footer .footer-award-badges {
    display: flex
}

@media only screen and (max-width: 1400px) {
    .site-footer .footer-award-badges {
        margin-bottom:36px
    }
}

@media only screen and (max-width: 499px) {
    .site-footer .footer-award-badges {
        grid-gap:8px;
        display: grid;
        grid-template-columns: repeat(3,1fr)
    }
}

@media only screen and (min-width: 500px) {
    .site-footer .footer-award-badges>div:not(:last-child) {
        margin-right:8px
    }
}

.site-footer .footer-award-badges img {
    display: block;
    width: 96px
}

@media only screen and (max-width: 499px) {
    .site-footer .footer-award-badges img {
        width:100%
    }
}

.site-footer.white {
    background: #fff;
    color: #080817;
    padding-top: 15px;
    z-index: 200
}

@media only screen and (min-width: 1200px) {
    .site-footer.white {
        margin-top:4vw
    }
}

.site-footer.white .round {
    bottom: 100%;
    height: 11.5vw;
    left: 0;
    margin: 0 0 -4px;
    position: absolute;
    width: 100%
}

@media only screen and (min-width: 1024px) {
    .site-footer.white .round {
        margin-bottom:-6px
    }
}

@media only screen and (min-width: 1200px) {
    .site-footer.white .round {
        height:auto;
        margin: 0
    }
}

.site-footer.white a {
    color: #080817
}

.site-footer.white .footer-menu .h6:after,.site-footer.white .footer-menu h6:after {
    border-color: #080817
}

.site-footer.white .footer-bottom .wrap {
    color: #080817
}

.site-footer.white .footer-bottom .social path {
    fill: #080817
}

.site-footer.white .footer-bottom .social a:before {
    background: #4169e1
}

.site-footer.white .footer-bottom .social a:hover path {
    fill: #fff
}

.site-footer.secondary {
    padding: 40px 0
}

.site-footer.secondary .main-container {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 1200px) {
    .site-footer.secondary .main-container {
        align-items:center;
        flex-direction: row;
        justify-content: space-between
    }
}

.site-footer.secondary p {
    color: #b3b8d8;
    font-size: 14px;
    line-height: 20px
}

.site-footer.secondary .add-nav {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    justify-content: center;
    line-height: 24px;
    list-style: none;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 768px) {
    .site-footer.secondary .add-nav {
        max-width:255px
    }
}

@media screen and (max-width: 1199px) {
    .site-footer.secondary .add-nav {
        margin-bottom:30px;
        margin-top: 40px
    }
}

.site-footer.secondary .add-nav li {
    margin: 0 5px 10px
}

@media screen and (max-width: 768px) {
    .site-footer.secondary .add-nav li {
        width:calc(50% - 10px)
    }
}

.site-footer.secondary .add-nav li:first-child {
    margin-left: 0
}

@media screen and (min-width: 768px) {
    .site-footer.secondary .add-nav li {
        margin:0 20px 10px
    }

    .site-footer.secondary .add-nav li:first-child {
        margin-left: 0
    }
}

.site-footer.secondary .add-nav a {
    color: #b3b8d8;
    transition: color .3s;
    white-space: nowrap
}

.site-footer.secondary .add-nav a:hover {
    color: #fff
}

.categories-blocks-section .categories-blocks {
    color: #080817;
    font: 16px/24px Poppins,sans-serif
}

@media only screen and (min-width: 768px) {
    .categories-blocks-section .categories-blocks {
        display:flex;
        margin: 0 -20px
    }
}

@media only screen and (min-width: 1440px) {
    .categories-blocks-section .categories-blocks {
        font-size:18px;
        line-height: 30px
    }
}

.categories-blocks-section .categories-blocks .block {
    align-items: center;
    background: #fff;
    border-radius: 20px;
    box-shadow: 5px 8px 28px rgba(23,23,36,.1);
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 20px 10px;
    position: relative;
    text-align: center;
    z-index: 20
}

@media only screen and (min-width: 768px) {
    .categories-blocks-section .categories-blocks .block {
        margin:0 20px;
        width: calc(50% - 40px)
    }
}

@media only screen and (min-width: 1024px) {
    .categories-blocks-section .categories-blocks .block {
        min-height:260px
    }
}

@media only screen and (min-width: 1200px) {
    .categories-blocks-section .categories-blocks .block {
        padding:20px 40px
    }
}

@media only screen and (min-width: 1440px) {
    .categories-blocks-section .categories-blocks .block {
        padding:40px 40px 20px
    }
}

.categories-blocks-section .categories-blocks .block:after {
    background: linear-gradient(0deg,rgba(109,206,255,.1),rgba(109,206,255,.1));
    border-radius: 20px;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .3s;
    width: 100%;
    z-index: -1
}

.categories-blocks-section .categories-blocks .block:last-child:after {
    background: #fff2f1
}

.no-touch .categories-blocks-section .categories-blocks .block:hover .decor,.no-touch .categories-blocks-section .categories-blocks .block:hover:after {
    opacity: 1
}

.no-touch .categories-blocks-section .categories-blocks .block:hover.two-icons .icon img:first-child {
    opacity: 0
}

.no-touch .categories-blocks-section .categories-blocks .block:hover.two-icons .icon img:nth-child(2) {
    opacity: 1
}

.categories-blocks-section .categories-blocks .decor {
    border-radius: 20px;
    height: 100%;
    left: 0;
    object-fit: cover;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .3s;
    width: 100%
}

.categories-blocks-section .categories-blocks .icon {
    align-items: center;
    display: flex;
    height: 70px;
    justify-content: center;
    margin: 0 auto 5px;
    position: relative;
    width: 70px
}

@media only screen and (min-width: 1200px) {
    .categories-blocks-section .categories-blocks .icon {
        height:96px;
        margin-bottom: 10px;
        width: 96px
    }
}

@media only screen and (min-width: 1440px) {
    .categories-blocks-section .categories-blocks .icon {
        margin-bottom:20px
    }
}

.categories-blocks-section .categories-blocks .icon img {
    transition: opacity .5s
}

.categories-blocks-section .categories-blocks .icon img:nth-child(2) {
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.categories-blocks-section .categories-blocks img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: top
}

.categories-blocks-section .categories-blocks .h4,.categories-blocks-section .categories-blocks h4 {
    color: #080817;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 7px;
    position: relative;
    z-index: 10
}

@media only screen and (min-width: 768px) {
    .categories-blocks-section .categories-blocks .h4,.categories-blocks-section .categories-blocks h4 {
        font-size:22px;
        line-height: 36px;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1200px) {
    .categories-blocks-section .categories-blocks .h4,.categories-blocks-section .categories-blocks h4 {
        font-size:26px;
        line-height: 36px;
        margin-bottom: 12px
    }
}

@media only screen and (min-width: 1440px) {
    .categories-blocks-section .categories-blocks .h4,.categories-blocks-section .categories-blocks h4 {
        font-size:30px;
        line-height: 40px;
        margin-bottom: 18px
    }
}

.categories-blocks-section .categories-blocks p {
    color: #080817;
    margin: 0 0 18px;
    opacity: .7;
    position: relative;
    z-index: 10
}

@media only screen and (min-width: 1024px) {
    .categories-blocks-section .categories-blocks p {
        margin-bottom:22px
    }
}

.categories-blocks-section .categories-blocks .button-link {
    padding: 10px 30px;
    position: relative;
    z-index: 10
}

.categories-blocks-section .categories-blocks .nav {
    align-self: normal;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    line-height: 20px;
    list-style: none;
    margin: auto -15px -20px;
    padding: 10px 0 0;
    position: relative
}

@media only screen and (min-width: 1024px) {
    .categories-blocks-section .categories-blocks .nav {
        margin:auto 0 -7px;
        padding-top: 15px
    }
}

@media only screen and (min-width: 1200px) {
    .categories-blocks-section .categories-blocks .nav {
        padding-top:20px
    }
}

@media only screen and (min-width: 1440px) {
    .categories-blocks-section .categories-blocks .nav {
        font-size:16px;
        line-height: 24px
    }
}

.categories-blocks-section .categories-blocks .nav:before {
    background: rgba(23,195,178,.1);
    content: "";
    height: 1px;
    left: 10px;
    position: absolute;
    right: 10px;
    top: 0
}

@media only screen and (min-width: 1024px) {
    .categories-blocks-section .categories-blocks .nav:before {
        left:75px;
        right: 75px
    }
}

@media only screen and (min-width: 1200px) {
    .categories-blocks-section .categories-blocks .nav:before {
        left:10px;
        right: 10px
    }
}

@media only screen and (min-width: 1440px) {
    .categories-blocks-section .categories-blocks .nav:before {
        left:45px;
        right: 45px
    }
}

.categories-blocks-section .categories-blocks .nav li {
    margin: 0 7px 10px
}

@media only screen and (min-width: 1024px) {
    .categories-blocks-section .categories-blocks .nav li {
        margin:0 10px 7px
    }
}

.categories-blocks-section .categories-blocks .nav a {
    color: #4169e1;
    text-decoration: none;
    transition: color .3s
}

.categories-blocks-section .categories-blocks .nav a:hover {
    color: #17c3b2
}

.categories-blocks-section .categories-blocks .nav a[href^="mailto:"] {
    font-weight: 400;
    text-decoration: underline
}

.categories-blocks-section .categories-blocks .nav a[href^="mailto:"]:not(:hover) {
    color: #178cf8
}

.no-touch .categories-blocks-section .categories-blocks .nav a[href^="mailto:"]:hover {
    text-decoration: none
}

.categories-blocks-section .categories-blocks .nav span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 5px;
    opacity: .7;
    text-transform: uppercase
}

.brands-section .h5,.brands-section h5 {
    color: #080817;
    font: 600 18px/30px Poppins,sans-serif;
    margin: 0 0 30px;
    text-align: center
}

@media only screen and (min-width: 1200px) {
    .brands-section .h5,.brands-section h5 {
        font-size:24px;
        line-height: 36px;
        margin-bottom: 65px
    }
}

.brands-section .brands-list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin: 0 -30px -35px;
    padding: 0
}

@media only screen and (min-width: 1024px) {
    .brands-section .brands-list {
        margin:0 -45px
    }
}

@media only screen and (min-width: 1200px) {
    .brands-section .brands-list {
        margin:0 -50px
    }
}

@media only screen and (min-width: 1400px) {
    .brands-section .brands-list {
        margin:0 -65px
    }
}

.brands-section .brands-list li {
    margin: 0 15px 35px
}

@media only screen and (min-width: 1024px) {
    .brands-section .brands-list li {
        margin:0 45px 35px;
        max-width: calc(20% - 90px)
    }
}

@media only screen and (min-width: 1200px) {
    .brands-section .brands-list li {
        margin:0 50px 35px;
        max-width: calc(20% - 100px)
    }
}

.brands-section .brands-list img {
    display: inline-block;
    height: auto;
    max-height: 25px;
    max-width: 129px;
    vertical-align: middle
}

@media only screen and (min-width: 1200px) {
    .brands-section .brands-list img {
        max-height:35px;
        max-width: 100%
    }
}

@media only screen and (min-width: 1440px) {
    .brands-section .brands-list img {
        max-height:45px
    }
}

@media only screen and (min-width: 1800px) {
    .brands-section .brands-list img {
        max-height:65px
    }
}

.brands-section.brands-slider .slick-track {
    display: flex
}

.brands-section.brands-slider .slick-track:after,.brands-section.brands-slider .slick-track:before {
    display: none
}

.brands-section.brands-slider .slick-slide {
    display: flex;
    float: none;
    height: auto;
    margin: 0 20px
}

@media only screen and (min-width: 1200px) {
    .brands-section.brands-slider .slick-slide {
        margin:0 40px
    }
}

@media only screen and (min-width: 1800px) {
    .brands-section.brands-slider .slick-slide {
        margin:0 80px
    }
}

.brands-section.brands-slider .slick-slide>div {
    display: flex;
    flex-grow: 1;
    width: 100%
}

.brands-section.brands-slider .item {
    align-items: center;
    display: flex!important
}

.brands-section.brands-slider .item img {
    max-height: none;
    max-width: 110px
}

@media only screen and (min-width: 1200px) {
    .brands-section.brands-slider .item img {
        max-width:130px
    }
}

.info-banner-section .info-banner {
    background: #f1fbff;
    border-radius: 20px;
    color: #080817;
    font: 16px/24px Poppins,sans-serif;
    overflow: hidden;
    padding: 20px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .info-banner-section .info-banner {
        padding:50px
    }
}

@media only screen and (min-width: 1024px) {
    .info-banner-section .info-banner {
        align-items:center;
        display: flex;
        line-height: 26px
    }
}

@media only screen and (min-width: 1200px) {
    .info-banner-section .info-banner {
        min-height:395px
    }
}

@media only screen and (min-width: 1440px) {
    .info-banner-section .info-banner {
        font-size:18px;
        line-height: 30px;
        min-height: 434px;
        padding: 58px
    }
}

.info-banner-section .slider-info-banner {
    background: #f1fbff;
    border-radius: 20px;
    color: #080817;
    font: 16px/24px Poppins,sans-serif;
    overflow: hidden;
    padding: 20px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .info-banner-section .slider-info-banner {
        padding:50px
    }
}

@media only screen and (min-width: 1024px) {
    .info-banner-section .slider-info-banner .inner {
        align-items:center;
        display: flex!important;
        line-height: 26px
    }
}

@media only screen and (min-width: 1200px) {
    .info-banner-section .slider-info-banner {
        min-height:395px
    }
}

@media only screen and (min-width: 1440px) {
    .info-banner-section .slider-info-banner {
        font-size:18px;
        line-height: 30px;
        min-height: 434px;
        padding: 58px 58px 40px
    }

    .info-banner-section .slider-info-banner .inner {
        display: flex!important
    }
}

.info-banner-section .decor {
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: -190px;
    top: 0;
    width: 566px
}

@media only screen and (min-width: 1024px) {
    .info-banner-section .decor {
        right:-35px;
        top: 0;
        width: 670px
    }
}

@media only screen and (min-width: 1440px) {
    .info-banner-section .decor {
        right:0
    }
}

.info-banner-section .info {
    margin-bottom: 35px
}

@media only screen and (min-width: 1024px) {
    .info-banner-section .info {
        margin:0;
        padding-right: 10px
    }
}

@media only screen and (min-width: 1200px) {
    .info-banner-section .info {
        padding-right:40px
    }
}

.info-banner-section .category {
    background: rgba(71,20,255,.1);
    border-radius: 30px;
    color: #4169e1;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
    padding: 3px 14px;
    vertical-align: top
}

@media only screen and (min-width: 1440px) {
    .info-banner-section .category {
        font-size:16px;
        line-height: 24px;
        margin-bottom: 18px
    }
}

.info-banner-section .h2,.info-banner-section h2 {
    font: 600 26px/34px Poppins,sans-serif;
    margin: 0 0 20px
}

@media only screen and (min-width: 1024px) {
    .info-banner-section .h2,.info-banner-section h2 {
        font-size:30px;
        line-height: 38px
    }
}

@media only screen and (min-width: 1440px) {
    .info-banner-section .h2,.info-banner-section h2 {
        font-size:36px;
        line-height: 44px;
        margin-bottom: 30px
    }
}

.info-banner-section p {
    margin: 0
}

.info-banner-section img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: top
}

.info-banner-section .button-link {
    margin-top: 20px
}

@media only screen and (min-width: 1024px) {
    .info-banner-section .button-link {
        margin-top:28px
    }
}

@media only screen and (min-width: 1440px) {
    .info-banner-section .button-link {
        margin-top:40px
    }
}

.info-banner-section .button-link:hover {
    background: #fff;
    border-color: #4169e1;
    color: #4169e1
}

@media only screen and (min-width: 768px) {
    .info-banner-section .image {
        margin:0;
        text-align: center
    }
}

@media only screen and (min-width: 1024px) {
    .info-banner-section .image {
        flex-shrink:0;
        margin: 0 60px 0 0;
        order: -1;
        width: 45%
    }
}

@media only screen and (min-width: 1200px) {
    .info-banner-section .image {
        margin-right:70px
    }
}

@media only screen and (min-width: 1440px) {
    .info-banner-section .image {
        margin-right:76px
    }
}

.colored-boxes-section,.colored-boxes-section .main-container {
    position: relative
}

.colored-boxes-section .colored-boxes {
    color: #080817;
    font: 16px/24px Poppins,sans-serif
}

@media only screen and (min-width: 1024px) {
    .colored-boxes-section .colored-boxes {
        display:flex;
        margin: 0 -20px
    }
}

@media only screen and (min-width: 1440px) {
    .colored-boxes-section .colored-boxes {
        font-size:18px;
        line-height: 30px
    }
}

.colored-boxes-section .box {
    background: rgba(109,206,255,.1);
    border-radius: 20px;
    margin-bottom: 30px;
    min-height: 356px;
    overflow: hidden;
    padding: 30px 10px 90px;
    position: relative;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .colored-boxes-section .box {
        padding:50px 50px 90px
    }
}

@media only screen and (min-width: 1024px) {
    .colored-boxes-section .box {
        margin:0 20px;
        min-height: 410px;
        padding: 50px 30px 110px;
        padding-bottom: 120px;
        width: calc(50% - 40px)
    }
}

@media only screen and (min-width: 1440px) {
    .colored-boxes-section .box {
        min-height:530px;
        padding: 60px 50px 130px
    }
}

.colored-boxes-section .box:first-child .decor {
    right: -150px
}

@media only screen and (min-width: 1024px) {
    .colored-boxes-section .box:first-child .decor {
        right:-65px
    }
}

@media only screen and (min-width: 1440px) {
    .colored-boxes-section .box:first-child .decor {
        right:-5px
    }
}

.colored-boxes-section .box:first-child .partners-list img {
    max-height: 52px;
    max-width: 55px
}

@media only screen and (min-width: 1024px) {
    .colored-boxes-section .box:first-child .partners-list img {
        max-height:66px;
        max-width: 65px
    }
}

@media only screen and (min-width: 1200px) {
    .colored-boxes-section .box:first-child .partners-list img {
        max-height:75px;
        max-width: 75px
    }
}

@media only screen and (min-width: 1440px) {
    .colored-boxes-section .box:first-child .partners-list img {
        max-height:80px;
        max-width: 80px
    }
}

.colored-boxes-section .box:last-child {
    background: hsla(6,100%,71%,.1)
}

.colored-boxes-section .box:last-child .decor {
    left: -150px
}

@media only screen and (min-width: 1024px) {
    .colored-boxes-section .box:last-child .decor {
        left:-65px
    }
}

@media only screen and (min-width: 1440px) {
    .colored-boxes-section .box:last-child .decor {
        left:-5px
    }
}

.colored-boxes-section .box:last-child .partners-list img {
    max-width: 100px
}

@media only screen and (min-width: 1200px) {
    .colored-boxes-section .box:last-child .partners-list img {
        max-width:120px
    }
}

@media only screen and (min-width: 1440px) {
    .colored-boxes-section .box:last-child .partners-list img {
        max-width:150px
    }
}

.colored-boxes-section .decor {
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0
}

.colored-boxes-section .h3,.colored-boxes-section h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    margin: 0 0 23px;
    padding: 0 5px
}

@media only screen and (min-width: 1024px) {
    .colored-boxes-section .h3,.colored-boxes-section h3 {
        font-size:25px;
        line-height: 35px
    }
}

@media only screen and (min-width: 1200px) {
    .colored-boxes-section .h3,.colored-boxes-section h3 {
        font-size:30px;
        line-height: 40px
    }
}

@media only screen and (min-width: 1440px) {
    .colored-boxes-section .h3,.colored-boxes-section h3 {
        font-size:36px;
        line-height: 44px;
        margin-bottom: 28px
    }
}

.colored-boxes-section p {
    margin: 0 0 8px;
    opacity: .7
}

@media only screen and (min-width: 1024px) {
    .colored-boxes-section p {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 1440px) {
    .colored-boxes-section p {
        margin-bottom:30px
    }
}

.colored-boxes-section .partners-list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin: 0 -10px;
    padding: 0
}

@media only screen and (min-width: 1200px) {
    .colored-boxes-section .partners-list {
        margin:0 -15px
    }
}

.colored-boxes-section .partners-list li {
    margin: 0 7px 10px
}

@media only screen and (min-width: 1200px) {
    .colored-boxes-section .partners-list li {
        margin-left:15px;
        margin-right: 15px
    }
}

@media only screen and (min-width: 1440px) {
    .colored-boxes-section .partners-list li {
        margin-left:20px;
        margin-right: 20px
    }
}

.colored-boxes-section img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: top
}

.colored-boxes-section .button-link {
    bottom: 30px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

@media only screen and (min-width: 1024px) {
    .colored-boxes-section .button-link {
        bottom:48px
    }
}

@media only screen and (min-width: 1440px) {
    .colored-boxes-section .button-link {
        bottom:56px
    }
}

.section-heading {
    font: 16px/24px Poppins,sans-serif;
    margin-bottom: 50px;
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .section-heading {
        margin:0 auto 60px;
        max-width: 560px
    }
}

@media only screen and (min-width: 1200px) {
    .section-heading {
        max-width:720px
    }
}

@media only screen and (min-width: 1440px) {
    .section-heading {
        font-size:18px;
        line-height: 30px;
        margin-bottom: 60px;
        max-width: 840px
    }
}

.section-heading .h2,.section-heading h2 {
    font: 600 30px/40px Poppins,sans-serif;
    margin: 0
}

@media only screen and (min-width: 1024px) {
    .section-heading .h2,.section-heading h2 {
        font-size:33px;
        line-height: 44px
    }
}

@media only screen and (min-width: 1200px) {
    .section-heading .h2,.section-heading h2 {
        font-size:43px;
        line-height: 55px
    }
}

@media only screen and (min-width: 1440px) {
    .section-heading .h2,.section-heading h2 {
        font-size:48px;
        line-height: 64px
    }
}

.section-heading p {
    margin: 20px 0 0;
    opacity: .7
}

@media only screen and (min-width: 1200px) {
    .section-heading p {
        margin-top:30px
    }
}

.news-section .news-list {
    color: #080817;
    font: 16px/24px Poppins,sans-serif;
    margin-bottom: 40px
}

@media only screen and (min-width: 1024px) {
    .news-section .news-list {
        display:flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 -20px 20px
    }
}

@media only screen and (min-width: 1800px) {
    .news-section .news-list {
        margin-bottom:40px
    }
}

.news-section .item {
    background: rgba(156,169,233,.08);
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 20px
}

@media only screen and (min-width: 1024px) {
    .news-section .item {
        margin:0 20px 20px;
        padding: 10px;
        width: calc(25% - 40px)
    }
}

@media only screen and (min-width: 1200px) {
    .news-section .item {
        padding:20px 20px 30px
    }
}

@media only screen and (min-width: 1024px) {
    .news-section .item.large {
        width:calc(50% - 40px)
    }

    .news-section .item.large .image {
        height: 175px
    }
}

@media only screen and (min-width: 1200px) {
    .news-section .item.large .image {
        height:249px
    }
}

@media only screen and (min-width: 1440px) {
    .news-section .item.large .image {
        height:300px
    }
}

.news-section .item.large .h5,.news-section .item.large h5 {
    font-size: 16px;
    line-height: 20px
}

@media only screen and (min-width: 1024px) {
    .news-section .item.large .h5,.news-section .item.large h5 {
        font-size:18px;
        line-height: 28px
    }
}

@media only screen and (min-width: 1440px) {
    .news-section .item.large .h5,.news-section .item.large h5 {
        font-size:24px;
        line-height: 36px
    }
}

.news-section .image {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 6px;
    height: 200px;
    margin-bottom: 20px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .news-section .image {
        height:300px
    }
}

@media only screen and (min-width: 1024px) {
    .news-section .image {
        height:145px
    }
}

@media only screen and (min-width: 1200px) {
    .news-section .image {
        height:205px
    }
}

@media only screen and (min-width: 1440px) {
    .news-section .image {
        height:250px;
        margin-bottom: 30px
    }
}

.news-section .image>a {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.news-section .category {
    color: #17c3b2;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px
}

@media only screen and (min-width: 1440px) {
    .news-section .category {
        font-size:16px;
        line-height: 24px;
        margin-bottom: 20px
    }
}

.news-section .h5,.news-section h5 {
    font: 600 14px/18px Poppins,sans-serif;
    margin: 0
}

@media only screen and (min-width: 1024px) {
    .news-section .h5,.news-section h5 {
        line-height:20px
    }
}

@media only screen and (min-width: 1200px) {
    .news-section .h5,.news-section h5 {
        font-size:16px;
        line-height: 24px
    }
}

@media only screen and (min-width: 1440px) {
    .news-section .h5,.news-section h5 {
        font-size:18px;
        line-height: 30px
    }
}

.news-section .h5 a,.news-section h5 a {
    text-decoration: none
}

@media screen and (min-width: 1200px) {
    .news-section .h5 a,.news-section h5 a {
        transition:color .3s
    }
}

.news-section .h5 a:hover,.news-section h5 a:hover {
    color: #17c3b2
}

@media only screen and (min-width: 1024px) {
    .news-section .more {
        text-align:center
    }
}

.request-demo-section {
    background-color: #4169e1;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    font: 16px/24px Poppins,sans-serif;
    overflow: hidden;
    position: relative;
    text-align: center;
    z-index: 20
}

@media only screen and (min-width: 1024px) {
    .request-demo-section {
        line-height:26px
    }
}

@media only screen and (min-width: 1440px) {
    .request-demo-section {
        font-size:18px;
        line-height: 30px
    }
}

.request-demo-section .rounded {
    bottom: 100%;
    height: auto;
    left: 0;
    position: absolute;
    width: 100%
}

@media only screen and (min-width: 1024px) {
    .request-demo-section .holder {
        border-bottom:1px solid hsla(0,0%,100%,.2);
        display: flex;
        justify-content: center;
        padding-bottom: 20px
    }
}

@media only screen and (min-width: 1200px) {
    .request-demo-section .holder {
        min-height:300px;
        padding-bottom: 60px
    }
}

@media only screen and (min-width: 1440px) {
    .request-demo-section .holder {
        min-height:405px
    }
}

.request-demo-section .block {
    border-bottom: 1px solid hsla(0,0%,100%,.2);
    margin-bottom: 20px;
    padding-bottom: 70px;
    position: relative;
    transition: background-color .3s,color .3s;
    z-index: 20
}

@media only screen and (min-width: 1024px) {
    .request-demo-section .block {
        border-bottom:none;
        flex: 1 1 0;
        margin: 0;
        max-width: 840px
    }
}

.request-demo-section .block:after {
    background: hsla(0,0%,100%,.2);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

@media only screen and (min-width: 1024px) {
    .request-demo-section .block:after {
        display:none
    }

    .request-demo-section .block:nth-child(2):before {
        background: hsla(0,0%,100%,.2);
        bottom: 15px;
        content: "";
        left: 0;
        position: absolute;
        top: 35px;
        width: 1px
    }
}

@media only screen and (min-width: 1200px) {
    .request-demo-section .block:nth-child(2):before {
        bottom:40px;
        top: 40px
    }
}

@media only screen and (min-width: 1440px) {
    .request-demo-section .block:nth-child(2):before {
        bottom:68px;
        top: 68px
    }
}

.request-demo-section .block:last-child {
    margin-bottom: 0
}

.request-demo-section .decor {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.request-demo-section .h2,.request-demo-section h2 {
    font: 600 30px/40px Poppins,sans-serif;
    margin: 0 0 10px
}

@media only screen and (min-width: 1024px) {
    .request-demo-section .h2,.request-demo-section h2 {
        font-size:33px;
        line-height: 44px;
        margin-bottom: 20px;
        padding: 0 50px
    }
}

@media only screen and (min-width: 1200px) {
    .request-demo-section .h2,.request-demo-section h2 {
        font-size:43px;
        line-height: 55px
    }
}

@media only screen and (min-width: 1440px) {
    .request-demo-section .h2,.request-demo-section h2 {
        font-size:48px;
        line-height: 64px
    }
}

.request-demo-section p {
    color: hsla(0,0%,100%,.7);
    margin: 0;
    transition: color .3s
}

.request-demo-section .buttons-holder {
    margin: 30px 0 -22px -22px
}

@media screen and (min-width: 768px) {
    .request-demo-section .buttons-holder {
        display:flex;
        flex-wrap: wrap;
        justify-content: center
    }
}

@media screen and (min-width: 1024px) {
    .request-demo-section .buttons-holder {
        margin-top:40px
    }
}

@media screen and (min-width: 1400px) {
    .request-demo-section .buttons-holder {
        margin-top:60px
    }
}

@media screen and (min-width: 1800px) {
    .request-demo-section .buttons-holder {
        margin-top:40px
    }
}

.request-demo-section .button-link {
    margin: 0 0 22px 22px
}

.request-demo-section .button-link.transparent {
    border-color: #fff;
    color: #fff
}

.request-demo-section .button-link.transparent:hover {
    background: #fff;
    color: #4169e1
}

@media only screen and (max-width: 767px) {
    .request-demo-section.two-blocks .holder {
        margin-top:-50px
    }
}

.request-demo-section.two-blocks .block {
    padding: 50px 0 70px
}

@media only screen and (min-width: 1024px) {
    .request-demo-section.two-blocks .block {
        max-width:440px;
        padding: 35px
    }
}

@media only screen and (min-width: 1200px) {
    .request-demo-section.two-blocks .block {
        border-radius:20px;
        max-width: 540px;
        padding: 40px 65px
    }
}

@media only screen and (min-width: 1440px) {
    .request-demo-section.two-blocks .block {
        max-width:630px;
        padding: 60px 85px
    }
}

@media only screen and (min-width: 1200px) {
    .request-demo-section.two-blocks .block .button-link {
        min-width:251px
    }
}

.request-demo-section.two-blocks .block:hover {
    background: #fff;
    border-color: transparent;
    border-radius: 20px;
    color: #080817
}

.request-demo-section.two-blocks .block:hover:after,.request-demo-section.two-blocks .block:hover:before {
    display: none
}

.request-demo-section.two-blocks .block:hover+.block {
    border-color: transparent
}

.request-demo-section.two-blocks .block:hover+.block:before {
    display: none
}

.request-demo-section.two-blocks .block:hover p {
    color: rgba(8,8,23,.7)
}

.request-demo-section.two-blocks .block:hover .button-link {
    background: #4169e1;
    border-color: #4169e1;
    color: #fff
}

.request-demo-section .subscribe-form {
    margin: 30px auto;
    max-width: 620px;
    padding-bottom: 50px
}

@media only screen and (min-width: 1200px) {
    .request-demo-section .subscribe-form {
        margin-bottom:38px;
        margin-top: 38px
    }
}

.request-demo-section .subscribe-form form.mktoForm {
    width: 100%!important
}

@media only screen and (min-width: 768px) {
    .request-demo-section .subscribe-form form.mktoForm {
        align-items:flex-end;
        display: flex
    }
}

.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email,.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email],.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number],.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password],.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel],.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text],.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea {
    -webkit-appearance: none!important;
    background: #f2f5fd!important;
    border: 1px solid transparent!important;
    border-radius: 10px!important;
    color: #080817!important;
    display: inline-block!important;
    float: none!important;
    font-family: Poppins,sans-serif!important;
    font-size: 14px!important;
    height: 44px!important;
    line-height: 20px!important;
    margin: 0!important;
    outline: none!important;
    padding: 10px 20px!important;
    vertical-align: middle!important;
    width: 100%!important
}

@media only screen and (min-width: 768px) {
    .request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email,.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email],.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number],.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password],.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel],.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text],.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea {
        height:54px!important;
        padding: 18px 20px!important
    }
}

@media only screen and (min-width: 1200px) {
    .request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email,.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email],.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number],.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password],.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel],.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text],.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea {
        transition:border-color .5s
    }
}

.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email:focus,.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email]:focus,.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number]:focus,.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password]:focus,.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel]:focus,.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text]:focus,.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea:focus {
    border-color: #4169e1!important
}

.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email.mktoField.mktoInvalid,.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email].mktoField.mktoInvalid,.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number].mktoField.mktoInvalid,.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password].mktoField.mktoInvalid,.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel].mktoField.mktoInvalid,.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text].mktoField.mktoInvalid,.request-demo-section .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea.mktoField.mktoInvalid {
    border-color: red!important
}

.request-demo-section .subscribe-form form.mktoForm .mktoFormRow {
    margin-right: 0!important;
    width: 100%!important
}

.request-demo-section .subscribe-form form.mktoForm .mktoFormCol {
    float: none;
    margin-bottom: 15px!important;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .request-demo-section .subscribe-form form.mktoForm .mktoFormCol {
        margin-bottom:0!important
    }
}

.request-demo-section .subscribe-form form.mktoForm .mktoFieldWrap {
    float: none;
    width: 100%
}

.request-demo-section .subscribe-form form.mktoForm label.mktoLabel {
    color: hsla(0,0%,100%,.7);
    display: block!important;
    float: none;
    font: 400 16px/24px Poppins,sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
    padding-top: 0;
    text-align: left;
    width: auto!important
}

.request-demo-section .subscribe-form form.mktoForm .mktoGutter,.request-demo-section .subscribe-form form.mktoForm .mktoOffset {
    display: none!important
}

.request-demo-section .subscribe-form form.mktoForm .mktoButtonRow {
    display: block;
    margin-top: 20px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .request-demo-section .subscribe-form form.mktoForm .mktoButtonRow {
        margin:0 0 0 20px;
        width: 40%!important
    }
}

@media only screen and (min-width: 1200px) {
    .request-demo-section .subscribe-form form.mktoForm .mktoButtonRow {
        width:43%!important
    }
}

.request-demo-section .subscribe-form form.mktoForm .mktoButtonWrap.mktoSimple {
    margin-left: 0!important
}

.request-demo-section .subscribe-form form.mktoForm .mktoButton {
    background: #ff786a!important;
    border: 1px solid transparent!important;
    border-radius: 10px!important;
    color: #fff!important;
    cursor: pointer;
    display: block;
    font: 500 14px/20px Poppins,sans-serif;
    margin: 0!important;
    padding: 13px 35px!important;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase!important;
    transition: background-color .3s,color .3s;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .request-demo-section .subscribe-form form.mktoForm .mktoButton {
        padding:16px 35px!important
    }
}

@media only screen and (min-width: 1200px) {
    .request-demo-section .subscribe-form form.mktoForm .mktoButton {
        font-size:16px!important;
        line-height: 24px;
        padding: 13px 35px!important
    }
}

.request-demo-section .subscribe-form form.mktoForm .mktoButton:first-letter {
    text-transform: uppercase
}

.request-demo-section .subscribe-form form.mktoForm .mktoButton:hover {
    background: #fff!important;
    border-color: #fff!important;
    color: #4169e1!important
}

.request-demo-section .subscribe-form form.mktoForm .mktoError .mktoErrorMsg {
    left: 0;
    margin-top: -8px!important;
    position: absolute;
    width: 100%
}

.request-demo-section .subscribe-form form.mktoForm .mktoError .mktoErrorMsg .mktoErrorDetail {
    display: none!important
}

.request-demo-section .subscribe-form form.mktoForm .mktoFormRow {
    display: none
}

.request-demo-section .subscribe-form form.mktoForm .mktoFormRow:nth-child(2) {
    display: block
}

.request-demo-section .subscribe-form form.mktoForm .mktoAsterix {
    display: none!important
}

section.hero-section {
    background-color: #f2f5fd;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: rgba(8,8,23,.7);
    display: flex;
    flex-direction: column;
    font: 16px/24px Poppins,sans-serif;
    justify-content: center;
    padding: 100px 0!important;
    position: relative;
    z-index: 200
}

@media screen and (min-width: 568px) {
    section.hero-section {
        min-height:500px
    }
}

@media screen and (min-width: 768px) {
    section.hero-section {
        align-items:center;
        flex-direction: row;
        padding: 120px 0 100px!important
    }
}

@media screen and (min-width: 1024px) {
    section.hero-section {
        font-size:16px;
        line-height: 26px;
        min-height: 600px;
        padding-bottom: 130px!important
    }
}

@media screen and (min-width: 1200px) {
    section.hero-section {
        min-height:677px;
        padding: 12.2% 0!important
    }
}

@media screen and (min-width: 1400px) {
    section.hero-section {
        font-size:18px;
        line-height: 30px;
        min-height: 762px
    }
}

section.hero-section.white-text {
    color: hsla(0,0%,100%,.7)
}

section.hero-section.white-text .h1,section.hero-section.white-text h1 {
    color: #fff
}

section.hero-section.centered-info {
    background-position: 50% 50%;
    text-align: center
}

section.hero-section.centered-info .hero-holder {
    width: 100%
}

@media screen and (min-width: 1024px) {
    section.hero-section.centered-info .hero-holder {
        justify-content:center
    }
}

section.hero-section.centered-info .wrap {
    margin: 0 auto;
    max-width: 840px;
    width: 100%
}

@media screen and (min-width: 1024px) {
    section.hero-section.centered-info .buttons-holder {
        justify-content:center
    }
}

section.hero-section.negative-indent {
    background: none!important;
    min-height: auto;
    padding-bottom: 0!important
}

section.hero-section.negative-indent .hero-holder {
    display: block;
    flex: none;
    min-height: 300px
}

@media screen and (min-width: 1200px) {
    section.hero-section.negative-indent .hero-holder {
        min-height:500px
    }
}

@media screen and (min-width: 1800px) {
    section.hero-section.negative-indent .hero-holder {
        min-height:615px
    }
}

@media screen and (min-width: 2200px) {
    section.hero-section.negative-indent .hero-holder {
        min-height:815px
    }
}

section.hero-section.negative-indent .wrap {
    padding: 0
}

section.hero-section.negative-indent .section-bg {
    bottom: 14%
}

@media screen and (min-width: 1200px) {
    section.hero-section.negative-indent .section-bg {
        bottom:23%
    }
}

section.hero-section.negative-indent .wave {
    bottom: 12.5%;
    height: 11.5vw
}

@media screen and (min-width: 768px) {
    section.hero-section.negative-indent .wave {
        bottom:12%
    }
}

@media screen and (min-width: 1200px) {
    section.hero-section.negative-indent .wave {
        bottom:21%
    }
}

@media screen and (min-width: 1800px) {
    section.hero-section.negative-indent .wave {
        bottom:20.5%
    }

    section.hero-section.news-hero .section-bg {
        bottom: 10%
    }

    section.hero-section.news-hero .wave {
        bottom: 7%
    }
}

@media screen and (min-width: 1200px) {
    section.hero-section.has-form.negative-indent .section-bg {
        bottom:40px
    }

    section.hero-section.has-form.negative-indent .wave {
        bottom: 20px
    }
}

@media screen and (min-width: 1800px) {
    section.hero-section.has-form.negative-indent .wave {
        bottom:15px
    }
}

@media screen and (min-width: 1200px) {
    section.hero-section.has-form .hero-holder {
        align-items:flex-start;
        display: flex;
        justify-content: space-between
    }
}

section.hero-section.has-form .wrap {
    width: auto
}

@media screen and (min-width: 1200px) {
    section.hero-section.has-form .wrap {
        margin:125px 0 0;
        padding-bottom: 200px;
        width: 500px
    }
}

@media screen and (min-width: 1400px) {
    section.hero-section.has-form .wrap {
        width:620px
    }
}

section.hero-section.has-form .h6,section.hero-section.has-form h6 {
    color: #fff;
    font: 600 18px/30px Poppins,sans-serif;
    margin: 0 0 20px
}

@media screen and (min-width: 1200px) {
    section.hero-section.has-form .h6,section.hero-section.has-form h6 {
        margin-top:30px
    }
}

section.hero-section.has-form .connect-form {
    margin-top: 40px
}

@media screen and (min-width: 1200px) {
    section.hero-section.has-form .connect-form {
        flex-shrink:0;
        margin: 0 0 0 auto;
        width: 550px
    }
}

@media screen and (min-width: 1400px) {
    section.hero-section.has-form .connect-form {
        width:620px
    }
}

@media screen and (min-width: 768px) {
    section.hero-section.has-form .connect-form .mktoFormRow:first-of-type,section.hero-section.has-form .connect-form .mktoFormRow:first-of-type+.mktoFormRow {
        width:100%!important
    }
}

section.hero-section.has-form .connect-form .h4,section.hero-section.has-form .connect-form h4 {
    font: 600 20px/30px Poppins,sans-serif;
    margin: 0 0 20px
}

@media only screen and (min-width: 1200px) {
    section.hero-section.has-form .connect-form .h4,section.hero-section.has-form .connect-form h4 {
        font-size:22px;
        line-height: 32px;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1400px) {
    section.hero-section.has-form .connect-form .h4,section.hero-section.has-form .connect-form h4 {
        font-size:30px;
        line-height: 40px
    }
}

section.hero-section.light-blue,section.hero-section.light-blue .section-bg {
    background-color: #e8f7ff
}

section.hero-section .section-bg {
    background-color: #f2f5fd;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (min-width: 1024px) {
    section.hero-section .hero-holder {
        align-items:center;
        display: flex
    }
}

section.hero-section .wrap {
    position: relative;
    z-index: 2
}

@media screen and (min-width: 1024px) {
    section.hero-section .wrap {
        flex-shrink:0;
        margin-right: 30px;
        padding-top: 15px;
        width: 485px
    }
}

@media screen and (min-width: 1200px) {
    section.hero-section .wrap {
        padding:0 0 70px;
        width: 625px
    }
}

@media screen and (min-width: 1400px) {
    section.hero-section .wrap {
        padding-bottom:35px;
        width: 685px
    }
}

@media screen and (min-width: 1800px) {
    section.hero-section .wrap {
        padding-bottom:60px
    }
}

section.hero-section .wrap.has-animation {
    opacity: 0;
    transition: opacity 1s
}

section.hero-section .wrap.has-animation.animate {
    opacity: 1
}

section.hero-section .details-image {
    margin: 0 auto;
    max-width: 1060px;
    position: relative;
    text-align: center;
    z-index: 2
}

section.hero-section .details-image img {
    border-radius: 10px
}

section.hero-section .logo {
    margin: 0 auto 30px;
    max-width: 150px
}

@media screen and (min-width: 1200px) {
    section.hero-section .logo {
        max-width:252px
    }
}

@media screen and (min-width: 1400px) {
    section.hero-section .logo {
        margin-bottom:60px
    }
}

section.hero-section .h1,section.hero-section h1 {
    color: #080817;
    font: 600 36px/44px Poppins,sans-serif;
    margin: 0
}

@media screen and (min-width: 1024px) {
    section.hero-section .h1,section.hero-section h1 {
        font-size:42px;
        line-height: 56px
    }
}

@media screen and (min-width: 1200px) {
    section.hero-section .h1,section.hero-section h1 {
        font-size:53px;
        line-height: 70px
    }
}

@media screen and (min-width: 1400px) {
    section.hero-section .h1,section.hero-section h1 {
        font-size:60px;
        line-height: 80px
    }
}

section.hero-section .h2,section.hero-section h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px
}

@media screen and (min-width: 1024px) {
    section.hero-section .h2,section.hero-section h2 {
        font-size:36px;
        line-height: 44px
    }
}

@media screen and (min-width: 1200px) {
    section.hero-section .h2,section.hero-section h2 {
        font-size:42px;
        line-height: 58px
    }
}

@media screen and (min-width: 1400px) {
    section.hero-section .h2,section.hero-section h2 {
        font-size:48px;
        line-height: 64px
    }
}

section.hero-section p {
    margin: 9px 0 0
}

@media screen and (min-width: 1024px) {
    section.hero-section p {
        margin-top:20px
    }
}

@media screen and (min-width: 1200px) {
    section.hero-section p {
        margin-top:15px
    }
}

@media screen and (min-width: 1400px) {
    section.hero-section p {
        margin-top:30px
    }
}

section.hero-section .buttons-holder {
    margin: 30px 0 -22px -22px
}

@media screen and (min-width: 768px) {
    section.hero-section .buttons-holder {
        display:flex;
        flex-wrap: wrap;
        justify-content: center
    }
}

@media screen and (min-width: 1024px) {
    section.hero-section .buttons-holder {
        margin-top:40px
    }
}

@media screen and (min-width: 1200px) {
    section.hero-section .buttons-holder {
        justify-content:flex-start
    }
}

@media screen and (min-width: 1400px) {
    section.hero-section .buttons-holder {
        margin-top:60px
    }
}

@media screen and (min-width: 1800px) {
    section.hero-section .buttons-holder {
        margin-top:40px
    }
}

section.hero-section .buttons-holder .button-link {
    margin: 0 0 22px 22px
}

section.hero-section .img-holder {
    margin: 0 0 0 auto;
    min-height: 300px;
    padding-top: 20px;
    text-align: center;
    width: 98%
}

@media screen and (min-width: 1024px) {
    section.hero-section .img-holder {
        flex-grow:1;
        margin: 0 -66px 0 0;
        padding-top: 0;
        width: auto
    }
}

@media screen and (min-width: 1800px) {
    section.hero-section .img-holder {
        margin-right:-226px
    }
}

section.hero-section img {
    max-width: 100%;
    vertical-align: top
}

section.hero-section .wave {
    bottom: -4px;
    height: 10.7vw;
    left: 0;
    position: absolute;
    width: 100%
}

@media screen and (min-width: 768px) {
    section.hero-section .wave {
        bottom:-10px;
        height: 11.5vw
    }
}

@media screen and (min-width: 1200px) {
    section.hero-section .wave {
        bottom:-15px
    }
}

@media screen and (min-width: 2150px) {
    section.hero-section .wave {
        bottom:-1vw
    }
}

section.hero-section .breadcrumbs-wrap {
    background: none;
    margin-top: -30px
}

@media screen and (min-width: 768px) {
    section.hero-section .breadcrumbs-wrap {
        left:0;
        margin: 0;
        position: absolute;
        top: 70px;
        width: 100%
    }
}

@media screen and (min-width: 1200px) {
    section.hero-section .breadcrumbs-wrap {
        top:82px
    }
}

section.hero-section .breadcrumbs-wrap li:after {
    opacity: .2
}

section.hero-section .breadcrumbs-wrap a {
    color: #4169e1
}

section.hero-section .breadcrumbs-wrap.white {
    color: hsla(0,0%,100%,.7)
}

section.hero-section .breadcrumbs-wrap.white a {
    color: #fff
}

.no-touch section.hero-section .breadcrumbs-wrap.white a:hover {
    color: #17c3b2
}

section.hero-section .featured-video-holder {
    margin-top: 30px
}

@media screen and (min-width: 1400px) {
    section.hero-section .featured-video-holder {
        margin:60px -90px 0
    }
}

section.hero-section .featured-video-holder .h3,section.hero-section .featured-video-holder h3 {
    text-align: left
}

section.hero-section .categories-blocks-section {
    margin-top: 50px
}

@media screen and (min-width: 1200px) {
    section.hero-section .categories-blocks-section {
        margin-top:100px
    }
}

section.hero-section .categories-blocks-section .nav {
    justify-content: space-around
}

@media screen and (min-width: 1024px) {
    section.hero-section .categories-blocks-section .nav {
        font-size:18px;
        line-height: 30px;
        margin: 15px 0 0;
        padding-top: 30px
    }
}

section.hero-section .categories-blocks-section .nav:before {
    left: 20px;
    right: 20px
}

@media screen and (min-width: 1200px) {
    section.hero-section .categories-blocks-section .nav:before {
        left:0;
        right: 0
    }
}

section.hero-section .info-banner-section {
    margin: 40px 0 70px;
    position: relative;
    z-index: 10
}

@media screen and (min-width: 1800px) {
    section.hero-section .info-banner-section {
        margin:60px 0 100px
    }
}

section.hero-section .info-banner-section .info-banner {
    background: #fff;
    box-shadow: 5px 8px 28px rgba(23,23,36,.1)
}

@media screen and (min-width: 1024px) {
    section.hero-section .info-banner-section .info-banner {
        text-align:left
    }
}

@media only screen and (min-width: 1024px) {
    section.hero-section .info-banner-section .info-banner .category {
        line-height:24px
    }
}

@media only screen and (min-width: 1200px) {
    section.hero-section .info-banner-section .info-banner .category {
        margin-bottom:0;
        margin-right: 22px
    }
}

section.hero-section .info-banner-section .h3,section.hero-section .info-banner-section h3 {
    font-size: 22px;
    line-height: 30px;
    margin: 0 0 10px
}

@media only screen and (min-width: 1200px) {
    section.hero-section .info-banner-section .h3,section.hero-section .info-banner-section h3 {
        font-size:28px;
        line-height: 38px;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1400px) {
    section.hero-section .info-banner-section .h3,section.hero-section .info-banner-section h3 {
        font-size:36px;
        line-height: 44px;
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 1024px) {
    section.hero-section .info-banner-section .top {
        margin-bottom:20px
    }
}

@media only screen and (min-width: 1200px) {
    section.hero-section .info-banner-section .top {
        align-items:center;
        display: flex
    }
}

section.hero-section .info-banner-section .post-details {
    color: #17c3b2;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
    section.hero-section .info-banner-section .post-details {
        align-items:center;
        display: flex;
        justify-content: center
    }
}

@media only screen and (min-width: 1024px) {
    section.hero-section .info-banner-section .post-details {
        justify-content:flex-start
    }
}

@media only screen and (min-width: 1200px) {
    section.hero-section .info-banner-section .post-details {
        font-size:16px;
        line-height: 24px;
        margin-bottom: 0
    }
}

section.hero-section .info-banner-section .post-details time {
    display: block;
    margin-bottom: 5px
}

@media only screen and (min-width: 768px) {
    section.hero-section .info-banner-section .post-details time {
        margin-bottom:0
    }
}

section.hero-section .info-banner-section .post-details .type {
    position: relative
}

@media only screen and (min-width: 768px) {
    section.hero-section .info-banner-section .post-details .type {
        margin-left:12px;
        padding-left: 15px
    }

    section.hero-section .info-banner-section .post-details .type:before {
        background: #17c3b2;
        border-radius: 10px;
        content: "";
        height: 4px;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 4px
    }
}

.archive.category main .main-container,.blog main .main-container,.page-template-template-strattic-search main .main-container,.single-post .blog-liked-section .main-container,.single-post .blog-press-release-details-section .main-container,.single-post main .main-container,.tag main .main-container,main.nylas-search .main-container {
    padding: 0 20px
}

@media screen and (min-width: 568px) {
    .archive.category main .main-container,.blog main .main-container,.page-template-template-strattic-search main .main-container,.single-post .blog-liked-section .main-container,.single-post .blog-press-release-details-section .main-container,.single-post main .main-container,.tag main .main-container,main.nylas-search .main-container {
        padding:0 25px
    }
}

@media screen and (min-width: 1024px) {
    .archive.category main .main-container,.blog main .main-container,.page-template-template-strattic-search main .main-container,.single-post .blog-liked-section .main-container,.single-post .blog-press-release-details-section .main-container,.single-post main .main-container,.tag main .main-container,main.nylas-search .main-container {
        margin:0 auto
    }
}

.archive.category main .main-container,.blog main .main-container {
    max-width: 1024px
}

@media screen and (min-width: 1024px) {
    .archive.category main .main-container,.blog main .main-container {
        padding:0
    }
}

.page-template-template-strattic-search main .main-container,.single-post .blog-liked-section .main-container,.single-post .blog-press-release-details-section .main-container,.single-post main .main-container,.tag main .main-container,main.nylas-search .main-container {
    max-width: 1141px
}

@media screen and (min-width: 1200px) {
    .page-template-template-strattic-search main .main-container,.single-post .blog-liked-section .main-container,.single-post .blog-press-release-details-section .main-container,.single-post main .main-container,.tag main .main-container,main.nylas-search .main-container {
        padding:0
    }
}

section.blog-hero-section {
    background-color: #fff;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: rgba(8,8,23,.7);
    display: flex;
    flex-direction: column;
    font: 16px/24px Poppins,sans-serif;
    justify-content: center;
    padding: 86px 0 0!important;
    padding-top: calc(var(--top-nav-height) + 26px)!important;
    position: relative;
    z-index: 200
}

.archive.category main.main--bg section.blog-hero-section,.blog main.main--bg section.blog-hero-section,.page-template-template-strattic-search main.main--bg section.blog-hero-section,.tag main.main--bg section.blog-hero-section,main.main--bg.nylas-search section.blog-hero-section {
    background-color: #fbfcfe
}

@media screen and (min-width: 1024px) {
    section.blog-hero-section {
        font-size:16px;
        line-height: 26px;
        padding: 130px 0 0!important;
        padding-top: calc(var(--top-nav-height) + 42px)!important
    }
}

@media screen and (min-width: 1400px) {
    section.blog-hero-section {
        font-size:18px;
        line-height: 30px
    }
}

section.blog-hero-section.white-text {
    color: hsla(0,0%,100%,.7)
}

section.blog-hero-section.white-text .h1,section.blog-hero-section.white-text h1 {
    color: #fff
}

section.blog-hero-section.centered-info {
    background-position: 50% 50%;
    text-align: center
}

section.blog-hero-section.centered-info .hero-holder {
    width: 100%
}

@media screen and (min-width: 1024px) {
    section.blog-hero-section.centered-info .hero-holder {
        justify-content:center
    }
}

section.blog-hero-section.centered-info .wrap {
    margin: 0 auto;
    max-width: 840px;
    width: 100%
}

@media screen and (min-width: 1024px) {
    section.blog-hero-section.centered-info .buttons-holder {
        justify-content:center
    }
}

section.blog-hero-section.negative-indent {
    background: none!important;
    min-height: auto;
    padding-bottom: 0!important
}

section.blog-hero-section.negative-indent .hero-holder {
    display: block;
    flex: none
}

section.blog-hero-section.negative-indent .wrap {
    padding: 0
}

section.blog-hero-section.negative-indent .section-bg {
    bottom: 14%
}

@media screen and (min-width: 1200px) {
    section.blog-hero-section.negative-indent .section-bg {
        bottom:23%
    }
}

section.blog-hero-section.negative-indent .wave {
    bottom: 12.5%;
    height: 11.5vw
}

@media screen and (min-width: 768px) {
    section.blog-hero-section.negative-indent .wave {
        bottom:12%
    }
}

@media screen and (min-width: 1200px) {
    section.blog-hero-section.negative-indent .wave {
        bottom:21%
    }
}

@media screen and (min-width: 1800px) {
    section.blog-hero-section.negative-indent .wave {
        bottom:20.5%
    }

    section.blog-hero-section.news-hero .section-bg {
        bottom: 10%
    }

    section.blog-hero-section.news-hero .wave {
        bottom: 7%
    }
}

@media screen and (min-width: 1200px) {
    section.blog-hero-section.has-form.negative-indent .section-bg {
        bottom:40px
    }

    section.blog-hero-section.has-form.negative-indent .wave {
        bottom: 20px
    }
}

@media screen and (min-width: 1800px) {
    section.blog-hero-section.has-form.negative-indent .wave {
        bottom:15px
    }
}

@media screen and (min-width: 1200px) {
    section.blog-hero-section.has-form .hero-holder {
        align-items:flex-start;
        display: flex;
        justify-content: space-between
    }
}

section.blog-hero-section.has-form .wrap {
    width: auto
}

@media screen and (min-width: 1200px) {
    section.blog-hero-section.has-form .wrap {
        margin:125px 0 0;
        padding-bottom: 200px;
        width: 500px
    }
}

@media screen and (min-width: 1400px) {
    section.blog-hero-section.has-form .wrap {
        width:620px
    }
}

section.blog-hero-section.has-form .h6,section.blog-hero-section.has-form h6 {
    color: #fff;
    font: 600 18px/30px Poppins,sans-serif;
    margin: 0 0 20px
}

@media screen and (min-width: 1200px) {
    section.blog-hero-section.has-form .h6,section.blog-hero-section.has-form h6 {
        margin-top:30px
    }
}

section.blog-hero-section.has-form .connect-form {
    margin-top: 40px
}

@media screen and (min-width: 1200px) {
    section.blog-hero-section.has-form .connect-form {
        flex-shrink:0;
        margin: 0 0 0 auto;
        width: 550px
    }
}

@media screen and (min-width: 1400px) {
    section.blog-hero-section.has-form .connect-form {
        width:620px
    }
}

@media screen and (min-width: 768px) {
    section.blog-hero-section.has-form .connect-form .mktoFormRow:first-of-type,section.blog-hero-section.has-form .connect-form .mktoFormRow:first-of-type+.mktoFormRow {
        width:100%!important
    }
}

section.blog-hero-section.has-form .connect-form .h4,section.blog-hero-section.has-form .connect-form h4 {
    font: 600 20px/30px Poppins,sans-serif;
    margin: 0 0 20px
}

@media only screen and (min-width: 1200px) {
    section.blog-hero-section.has-form .connect-form .h4,section.blog-hero-section.has-form .connect-form h4 {
        font-size:22px;
        line-height: 32px;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1400px) {
    section.blog-hero-section.has-form .connect-form .h4,section.blog-hero-section.has-form .connect-form h4 {
        font-size:30px;
        line-height: 40px
    }
}

section.blog-hero-section.light-blue,section.blog-hero-section.light-blue .section-bg {
    background-color: #e8f7ff
}

section.blog-hero-section .section-bg {
    background-color: #f2f5fd;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

section.blog-hero-section .hero-holder {
    margin-bottom: 40px
}

@media screen and (min-width: 1024px) {
    section.blog-hero-section .hero-holder {
        align-items:center;
        display: flex
    }
}

section.blog-hero-section .wrap {
    padding-bottom: 38px;
    position: relative;
    z-index: 2
}

section.blog-hero-section .wrap.has-animation {
    opacity: 0;
    transition: opacity 1s
}

section.blog-hero-section .wrap.has-animation.animate {
    opacity: 1
}

section.blog-hero-section .details-image,section.blog-hero-section .details-vimeo-video,section.blog-hero-section .details-youtube-video {
    margin: 0 auto 40px;
    max-width: 1060px;
    position: relative;
    text-align: center;
    z-index: 2
}

section.blog-hero-section .details-image img,section.blog-hero-section .details-vimeo-video img,section.blog-hero-section .details-youtube-video img {
    border-radius: 10px
}

section.blog-hero-section .details-image iframe,section.blog-hero-section .details-vimeo-video iframe,section.blog-hero-section .details-youtube-video iframe {
    aspect-ratio: 1024/577;
    height: auto;
    width: 100%
}

section.blog-hero-section .logo {
    margin: 0 auto 30px;
    max-width: 150px
}

@media screen and (min-width: 1200px) {
    section.blog-hero-section .logo {
        max-width:252px
    }
}

@media screen and (min-width: 1400px) {
    section.blog-hero-section .logo {
        margin-bottom:60px
    }
}

section.blog-hero-section .h1,section.blog-hero-section h1 {
    color: #101323;
    font: 600 28px/35px Poppins,sans-serif;
    margin: 0
}

@media screen and (min-width: 1024px) {
    section.blog-hero-section .h1,section.blog-hero-section h1 {
        font-size:36px;
        line-height: 45px
    }
}

section.blog-hero-section .h2,section.blog-hero-section h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px
}

@media screen and (min-width: 1024px) {
    section.blog-hero-section .h2,section.blog-hero-section h2 {
        font-size:36px;
        line-height: 44px
    }
}

@media screen and (min-width: 1200px) {
    section.blog-hero-section .h2,section.blog-hero-section h2 {
        font-size:42px;
        line-height: 58px
    }
}

@media screen and (min-width: 1400px) {
    section.blog-hero-section .h2,section.blog-hero-section h2 {
        font-size:48px;
        line-height: 64px
    }
}

section.blog-hero-section p {
    margin: 9px 0 0
}

@media screen and (min-width: 1024px) {
    section.blog-hero-section p {
        margin-top:20px
    }
}

@media screen and (min-width: 1200px) {
    section.blog-hero-section p {
        margin-top:15px
    }
}

@media screen and (min-width: 1400px) {
    section.blog-hero-section p {
        margin-top:30px
    }
}

section.blog-hero-section .buttons-holder {
    margin: 30px 0 -22px -22px
}

@media screen and (min-width: 768px) {
    section.blog-hero-section .buttons-holder {
        display:flex;
        flex-wrap: wrap;
        justify-content: center
    }
}

@media screen and (min-width: 1024px) {
    section.blog-hero-section .buttons-holder {
        margin-top:40px
    }
}

@media screen and (min-width: 1200px) {
    section.blog-hero-section .buttons-holder {
        justify-content:flex-start
    }
}

@media screen and (min-width: 1400px) {
    section.blog-hero-section .buttons-holder {
        margin-top:60px
    }
}

@media screen and (min-width: 1800px) {
    section.blog-hero-section .buttons-holder {
        margin-top:40px
    }
}

section.blog-hero-section .buttons-holder .button-link {
    margin: 0 0 22px 22px
}

section.blog-hero-section .img-holder {
    margin: 0 0 0 auto;
    min-height: 300px;
    padding-top: 20px;
    text-align: center;
    width: 98%
}

@media screen and (min-width: 1024px) {
    section.blog-hero-section .img-holder {
        flex-grow:1;
        margin: 0 -66px 0 0;
        padding-top: 0;
        width: auto
    }
}

@media screen and (min-width: 1800px) {
    section.blog-hero-section .img-holder {
        margin-right:-226px
    }
}

section.blog-hero-section img {
    max-width: 100%;
    vertical-align: top
}

section.blog-hero-section .wave {
    bottom: -4px;
    height: 10.7vw;
    left: 0;
    position: absolute;
    width: 100%
}

@media screen and (min-width: 768px) {
    section.blog-hero-section .wave {
        bottom:-10px;
        height: 11.5vw
    }
}

@media screen and (min-width: 1200px) {
    section.blog-hero-section .wave {
        bottom:-15px
    }
}

@media screen and (min-width: 2150px) {
    section.blog-hero-section .wave {
        bottom:-1vw
    }
}

section.blog-hero-section .breadcrumbs-wrap {
    background: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

@media screen and (min-width: 768px) {
    section.blog-hero-section .breadcrumbs-wrap {
        left:0;
        margin: 0;
        width: 100%
    }
}

section.blog-hero-section .breadcrumbs-wrap a {
    color: #2563eb
}

section.blog-hero-section .breadcrumbs-wrap a:hover {
    color: #6dceff
}

section.blog-hero-section .breadcrumbs-wrap.white {
    color: hsla(0,0%,100%,.7)
}

section.blog-hero-section .breadcrumbs-wrap.white a {
    color: #fff
}

.no-touch section.blog-hero-section .breadcrumbs-wrap.white a:hover {
    color: #17c3b2
}

section.blog-hero-section .featured-video-holder {
    margin-top: 30px
}

@media screen and (min-width: 1400px) {
    section.blog-hero-section .featured-video-holder {
        margin:60px -90px 0
    }
}

section.blog-hero-section .featured-video-holder .h3,section.blog-hero-section .featured-video-holder h3 {
    text-align: left
}

section.blog-hero-section .categories-blocks-section {
    margin-top: 50px
}

@media screen and (min-width: 1200px) {
    section.blog-hero-section .categories-blocks-section {
        margin-top:100px
    }
}

section.blog-hero-section .categories-blocks-section .nav {
    justify-content: space-around
}

@media screen and (min-width: 1024px) {
    section.blog-hero-section .categories-blocks-section .nav {
        font-size:18px;
        line-height: 30px;
        margin: 15px 0 0;
        padding-top: 30px
    }
}

section.blog-hero-section .categories-blocks-section .nav:before {
    left: 20px;
    right: 20px
}

@media screen and (min-width: 1200px) {
    section.blog-hero-section .categories-blocks-section .nav:before {
        left:0;
        right: 0
    }
}

section.blog-hero-section .info-banner-section {
    margin: 40px 0 70px;
    position: relative;
    z-index: 10
}

@media screen and (min-width: 1800px) {
    section.blog-hero-section .info-banner-section {
        margin:60px 0 100px
    }
}

section.blog-hero-section .info-banner-section .info-banner {
    background: #fff;
    box-shadow: 5px 8px 28px rgba(23,23,36,.1)
}

@media screen and (min-width: 1024px) {
    section.blog-hero-section .info-banner-section .info-banner {
        text-align:left
    }
}

@media only screen and (min-width: 1024px) {
    section.blog-hero-section .info-banner-section .info-banner .category {
        line-height:24px
    }
}

@media only screen and (min-width: 1200px) {
    section.blog-hero-section .info-banner-section .info-banner .category {
        margin-bottom:0;
        margin-right: 22px
    }
}

section.blog-hero-section .info-banner-section .h3,section.blog-hero-section .info-banner-section h3 {
    font-size: 22px;
    line-height: 30px;
    margin: 0 0 10px
}

@media only screen and (min-width: 1200px) {
    section.blog-hero-section .info-banner-section .h3,section.blog-hero-section .info-banner-section h3 {
        font-size:28px;
        line-height: 38px;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1400px) {
    section.blog-hero-section .info-banner-section .h3,section.blog-hero-section .info-banner-section h3 {
        font-size:36px;
        line-height: 44px;
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 1024px) {
    section.blog-hero-section .info-banner-section .top {
        margin-bottom:20px
    }
}

@media only screen and (min-width: 1200px) {
    section.blog-hero-section .info-banner-section .top {
        align-items:center;
        display: flex
    }
}

section.blog-hero-section .info-banner-section .post-details {
    color: #17c3b2;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
    section.blog-hero-section .info-banner-section .post-details {
        align-items:center;
        display: flex;
        justify-content: center
    }
}

@media only screen and (min-width: 1024px) {
    section.blog-hero-section .info-banner-section .post-details {
        justify-content:flex-start
    }
}

@media only screen and (min-width: 1200px) {
    section.blog-hero-section .info-banner-section .post-details {
        font-size:16px;
        line-height: 24px;
        margin-bottom: 0
    }
}

section.blog-hero-section .info-banner-section .post-details time {
    display: block;
    margin-bottom: 5px
}

@media only screen and (min-width: 768px) {
    section.blog-hero-section .info-banner-section .post-details time {
        margin-bottom:0
    }
}

section.blog-hero-section .info-banner-section .post-details .type {
    position: relative
}

@media only screen and (min-width: 768px) {
    section.blog-hero-section .info-banner-section .post-details .type {
        margin-left:12px;
        padding-left: 15px
    }

    section.blog-hero-section .info-banner-section .post-details .type:before {
        background: #17c3b2;
        border-radius: 10px;
        content: "";
        height: 4px;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 4px
    }
}

section.blog-hero-section .breadcrumbs-wrap {
    margin: 0 0 30px;
    padding: 0;
    position: static
}

.blog-category-image {
    margin: 0 auto 40px;
    max-width: 1060px;
    position: relative;
    text-align: center;
    z-index: 2
}

.blog-category-image img {
    border-radius: 10px
}

.blog-hero-section-featured {
    --hero-horisontal-padding: 20px;
    --hero-vertical-padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 32px
}

@media only screen and (min-width: 768px) {
    .blog-hero-section-featured {
        --hero-horisontal-padding:24px;
        --hero-vertical-padding: 22px
    }
}

@media screen and (min-width: 1024px) {
    .blog-hero-section-featured {
        align-items:stretch;
        flex-direction: row;
        gap: 32px
    }
}

.blog-hero-section-featured .blog-newsroom-item {
    margin-left: 0;
    margin-right: 0;
    width: auto
}

@media only screen and (min-width: 768px) {
    .blog-hero-section-featured .blog-newsroom-item {
        --vertical-padding:28px;
        --horisontal-padding: 28px
    }

    .blog-hero-section-featured .blog-hero-section-featured-list-container .blog-newsroom-item {
        --vertical-padding: 16px;
        --horisontal-padding: 24px
    }

    .blog-hero-section-featured .blog-hero-section-featured-main-container {
        flex-basis: 584px
    }
}

.blog-hero-section-featured .blog-hero-section-featured-main-container .blog-hero-section-featured-list,.blog-hero-section-featured .blog-hero-section-featured-main-container .blog-hero-section-featured-list .blog-newsroom-item {
    display: flex;
    height: 100%;
    width: 100%
}

.blog-hero-section-featured .blog-hero-section-featured-main-container .blog-hero-section-featured-list .blog-newsroom-item h5 {
    font-size: 22px;
    font-weight: 600;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .blog-hero-section-featured .blog-hero-section-featured-main-container .blog-hero-section-featured-list .blog-newsroom-item h5 {
        font-size:28px;
        line-height: 35px
    }
}

.blog-hero-section-featured .blog-hero-section-featured-list-container {
    background-color: #fff;
    border: 1px solid #eaecf5;
    border-radius: 16px
}

@media only screen and (min-width: 768px) {
    .blog-hero-section-featured .blog-hero-section-featured-list-container {
        flex-basis:408px
    }
}

@media only screen and (min-width: 1024px) {
    .blog-hero-section-featured .blog-hero-section-featured-list-container .post-footer {
        margin-top:0
    }
}

.blog-hero-section-featured .blog-hero-section-featured-list-container .blog-newsroom-item {
    border: none;
    border-bottom: 1px solid #eaecf5;
    border-radius: 0;
    margin: 0
}

.blog-hero-section-featured .blog-hero-section-featured-list-container .blog-newsroom-item:last-child {
    border-bottom: none;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px
}

.blog-hero-section-featured .blog-hero-section-featured-list-container,.blog-hero-section-featured .blog-hero-section-featured-main-container {
    flex-grow: 1;
    flex-shrink: 1
}

.blog-hero-section-featured .blog-hero-section-featured-list-label {
    border-bottom: 1px solid #eaecf5;
    padding: var(--hero-vertical-padding) var(--hero-horisontal-padding)
}

.blog-hero-section-featured .blog-hero-section-featured-list-label h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 23px
}

@media only screen and (min-width: 768px) {
    .blog-hero-section-featured .blog-hero-section-featured-list-label h2 {
        font-size:22px;
        line-height: 28px
    }
}

.testimonials-section {
    background-color: #4169e1;
    background-position: 50% 20%;
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    font: 16px/24px Poppins,sans-serif;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media only screen and (min-width: 1024px) {
    .testimonials-section {
        line-height:26px
    }
}

@media only screen and (min-width: 1440px) {
    .testimonials-section {
        font-size:18px;
        line-height: 30px
    }
}

.no-touch .testimonials-section.animate .has-video img {
    opacity: 0;
    transition-delay: 2s
}

.testimonials-section .round {
    height: auto;
    left: 0;
    position: absolute;
    width: 100%
}

.testimonials-section .round.top {
    top: -1px
}

.testimonials-section .round.bottom {
    bottom: -1px
}

@media only screen and (min-width: 1200px) {
    .testimonials-section .section-heading {
        max-width:735px
    }
}

@media only screen and (min-width: 1024px) {
    .testimonials-section .columns {
        align-items:flex-start;
        display: flex;
        justify-content: flex-end;
        position: relative
    }

    .testimonials-section .column.main-info {
        left: 0;
        position: absolute;
        top: 0;
        width: 335px
    }
}

@media only screen and (min-width: 1200px) {
    .testimonials-section .column.main-info {
        width:435px
    }
}

@media only screen and (min-width: 1440px) {
    .testimonials-section .column.main-info {
        width:510px
    }
}

@media only screen and (min-width: 1024px) {
    .testimonials-section .column:last-child {
        width:48%
    }
}

@media only screen and (min-width: 1440px) {
    .testimonials-section .column:last-child {
        width:48.5%
    }
}

.testimonials-section .h2,.testimonials-section h2 {
    font: 600 30px/40px Poppins,sans-serif;
    margin: 0 0 20px
}

@media only screen and (min-width: 1024px) {
    .testimonials-section .h2,.testimonials-section h2 {
        font-size:33px;
        line-height: 44px;
        margin-bottom: 10px
    }
}

@media only screen and (min-width: 1200px) {
    .testimonials-section .h2,.testimonials-section h2 {
        font-size:43px;
        line-height: 55px;
        margin-bottom: 22px
    }
}

@media only screen and (min-width: 1440px) {
    .testimonials-section .h2,.testimonials-section h2 {
        font-size:48px;
        line-height: 64px;
        margin-bottom: 30px
    }
}

.testimonials-section .h5,.testimonials-section h5 {
    font: 600 16px/20px Poppins,sans-serif;
    margin: 0 0 10px
}

@media only screen and (min-width: 1024px) {
    .testimonials-section .h5,.testimonials-section h5 {
        font-size:18px;
        line-height: 30px
    }
}

@media only screen and (min-width: 1440px) {
    .testimonials-section .h5,.testimonials-section h5 {
        font-size:24px;
        line-height: 36px;
        margin-bottom: 20px
    }
}

.testimonials-section .main-info {
    margin-bottom: 70px
}

@media only screen and (min-width: 1024px) {
    .testimonials-section .main-info {
        margin-bottom:0
    }
}

@media only screen and (min-width: 1200px) {
    .testimonials-section .main-info blockquote {
        padding-right:50px
    }
}

.testimonials-section .photo {
    margin-bottom: 20px;
    padding-bottom: 56.25%;
    position: relative;
    text-align: center
}

@media only screen and (min-width: 1440px) {
    .testimonials-section .photo {
        margin-bottom:30px
    }
}

.testimonials-section .photo img {
    border-radius: 6px;
    left: 0;
    position: absolute;
    top: 0;
    transition: opacity .5s
}

.testimonials-section .photo a {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100
}

.testimonials-section .photo iframe {
    border: 0;
    border-radius: 6px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s;
    width: 100%;
    z-index: 10
}

.testimonials-section .photo iframe.hidden {
    opacity: 0
}

.testimonials-section img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: top
}

.testimonials-section blockquote {
    font-style: normal;
    margin: 0
}

.testimonials-section blockquote p {
    margin: 0 0 18px
}

.testimonials-section cite {
    align-items: center;
    color: hsla(0,0%,100%,.5);
    display: flex;
    font-size: 14px;
    font-style: normal;
    line-height: 18px
}

@media only screen and (min-width: 1440px) {
    .testimonials-section cite {
        font-size:16px;
        line-height: 26px
    }
}

.testimonials-section cite .avatar {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    flex-shrink: 0;
    height: 60px;
    margin-right: 10px;
    width: 60px
}

@media only screen and (min-width: 1024px) {
    .testimonials-section cite .avatar {
        margin-right:20px
    }
}

.testimonials-section cite strong {
    color: #fff;
    font-weight: 500;
    margin-right: 7px
}

@media only screen and (min-width: 1024px) {
    .testimonials-section cite strong {
        margin-right:10px
    }
}

.testimonials-section .logo {
    margin-bottom: 10px;
    max-width: 88px
}

@media only screen and (min-width: 1024px) {
    .testimonials-section .logo {
        max-width:110px
    }
}

@media only screen and (min-width: 1440px) {
    .testimonials-section .logo {
        max-width:130px
    }
}

.testimonials-section .item {
    border-bottom: 1px solid hsla(0,0%,100%,.1);
    margin-bottom: 30px;
    padding-bottom: 30px
}

@media only screen and (min-width: 1200px) {
    .testimonials-section .item {
        margin-bottom:40px;
        padding-bottom: 40px
    }
}

@media only screen and (min-width: 1440px) {
    .testimonials-section .item {
        margin-bottom:60px;
        padding-bottom: 60px
    }
}

.testimonials-section .item .h5,.testimonials-section .item h5 {
    margin-bottom: 20px
}

@media only screen and (min-width: 1024px) {
    .testimonials-section .item .h5,.testimonials-section .item h5 {
        margin-bottom:10px
    }
}

@media only screen and (min-width: 1440px) {
    .testimonials-section .item .h5,.testimonials-section .item h5 {
        margin-bottom:20px
    }
}

.testimonials-section .item:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.info-slider-section {
    color: #080817;
    font: 16px/24px Poppins,sans-serif
}

@media only screen and (min-width: 1024px) {
    .info-slider-section {
        line-height:26px
    }
}

@media only screen and (min-width: 1440px) {
    .info-slider-section {
        font-size:18px;
        line-height: 30px
    }
}

.info-slider-section .main-container {
    position: relative
}

@media only screen and (min-width: 1024px) {
    .info-slider-section .section-heading {
        margin-bottom:60px
    }
}

@media only screen and (min-width: 1200px) {
    .info-slider-section .section-heading {
        margin-bottom:0
    }
}

.info-slider-section .info-slider-progress {
    display: none
}

@media screen and (min-width: 1024px) {
    .info-slider-section .info-slider-progress .item {
        height:500px
    }
}

@media only screen and (min-width: 1024px) {
    .info-slider-section .slider-nav {
        display:block;
        left: 80px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 35px;
        z-index: 40
    }
}

@media only screen and (min-width: 1200px) {
    .info-slider-section .slider-nav {
        left:90px;
        width: 44px
    }
}

@media only screen and (min-width: 1400px) {
    .info-slider-section .slider-nav {
        left:0
    }
}

.info-slider-section .slider-nav li.active button {
    background: #4169e1
}

.info-slider-section .slider-nav li.active button path {
    fill: #fff
}

.no-touch .info-slider-section .slider-nav button:hover {
    background: #4169e1
}

.no-touch .info-slider-section .slider-nav button:hover path {
    fill: #fff
}

@media only screen and (min-width: 1024px) {
    .info-slider-section .slider-nav button svg {
        max-width:15px
    }
}

@media only screen and (min-width: 1200px) {
    .info-slider-section .slider-nav button svg {
        max-width:30px
    }
}

.info-slider-section .info-slider-item {
    transition: opacity .7s
}

@media screen and (min-width: 1024px) {
    .info-slider-section .info-slider-item {
        align-items:center;
        display: flex;
        min-height: 320px;
        padding-top: 80px;
        width: 100%
    }
}

@media screen and (min-width: 1800px) {
    .info-slider-section .info-slider-item {
        padding-top:100px
    }
}

@media screen and (min-width: 1024px) {
    .info-slider-section .info-slider-item+.info-slider-item {
        padding-top:100px
    }
}

@media screen and (min-width: 1400px) {
    .info-slider-section .info-slider-item+.info-slider-item {
        padding-top:150px
    }
}

@media screen and (min-width: 1024px) {
    .info-slider-section .info-slider-item:nth-child(2n) .info {
        order:10
    }

    .info-slider-section .info-slider-item:nth-child(2n) .image {
        margin: 0 55px 0 0
    }
}

.info-slider-section .info-slider-item.has-animation {
    opacity: 0
}

.info-slider-section .info-slider-item.has-animation.animate {
    opacity: 1
}

@media screen and (min-width: 1024px) {
    .info-slider-section .info-slider-item.has-animation.animate .info {
        opacity:1;
        transform: translateY(0)
    }

    .info-slider-section .info-slider-item.has-animation.animate .image {
        opacity: 1
    }

    .info-slider-section .info-slider-item.active .info {
        opacity: 1;
        transform: translateY(0)
    }

    .info-slider-section .info-slider-item.active .image {
        opacity: 1
    }
}

.info-slider-section .image {
    min-height: 290px
}

@media screen and (min-width: 768px) {
    .info-slider-section .image {
        min-height:400px
    }
}

@media only screen and (min-width: 1024px) {
    .info-slider-section .image {
        align-items:center;
        display: flex;
        flex-shrink: 0;
        height: 420px;
        justify-content: center;
        margin: 0 0 0 55px;
        opacity: 0;
        position: relative;
        text-align: center;
        transition: opacity .3s linear;
        width: 50%
    }
}

@media only screen and (min-width: 1800px) {
    .info-slider-section .image {
        width:62%
    }
}

.info-slider-section .image img,.info-slider-section .image svg {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain
}

.info-slider-section img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: top
}

.info-slider-section .info {
    margin-bottom: 30px
}

@media only screen and (min-width: 1024px) {
    .info-slider-section .info {
        align-items:flex-start;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0;
        opacity: 0;
        transition: transform .5s ease-in,opacity .5s ease-in
    }
}

@media only screen and (min-width: 1440px) {
    .info-slider-section .info {
        padding-right:15px
    }
}

@media only screen and (min-width: 1800px) {
    .info-slider-section .info {
        flex-shrink:0;
        width: 45%
    }
}

.info-slider-section .h3,.info-slider-section h3 {
    font: 600 22px/32px Poppins,sans-serif;
    margin: 0 0 10px
}

@media only screen and (min-width: 1024px) {
    .info-slider-section .h3,.info-slider-section h3 {
        font-size:25px;
        line-height: 35px
    }
}

@media only screen and (min-width: 1200px) {
    .info-slider-section .h3,.info-slider-section h3 {
        font-size:30px;
        line-height: 40px
    }
}

@media only screen and (min-width: 1440px) {
    .info-slider-section .h3,.info-slider-section h3 {
        font-size:36px;
        line-height: 44px;
        margin-bottom: 20px
    }
}

.info-slider-section .h3 span,.info-slider-section h3 span {
    color: #4169e1
}

.info-slider-section p {
    margin: 0 0 20px;
    opacity: .7
}

@media screen and (min-width: 1200px) {
    .info-slider-section p {
        margin-bottom:30px
    }
}

@media screen and (min-width: 1800px) {
    .info-slider-section p {
        margin-bottom:40px
    }
}

.info-slider-section .logo-holder {
    padding-top: 10px
}

.info-slider-section .logo-holder img {
    height: auto;
    max-height: 40px;
    max-width: 80%;
    vertical-align: top
}

@media screen and (min-width: 1400px) {
    .info-slider-section .logo-holder img {
        max-width:100%
    }
}

.info-slider-section .details {
    display: flex;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    margin: 0 -10px
}

@media screen and (min-width: 1024px) {
    .info-slider-section .details {
        width:100%
    }
}

@media only screen and (min-width: 1200px) {
    .info-slider-section .details {
        font-size:16px;
        line-height: 24px
    }
}

@media only screen and (min-width: 1440px) {
    .info-slider-section .details {
        font-size:18px;
        line-height: 30px
    }
}

.info-slider-section .details>div {
    margin: 0 10px;
    width: calc(50% - 20px)
}

@media only screen and (min-width: 1024px) {
    .info-slider-section .details>div {
        padding-right:10px
    }
}

.info-slider-section .details strong {
    color: #4169e1;
    display: block;
    font-size: 36px;
    line-height: 38px
}

@media only screen and (min-width: 1024px) {
    .info-slider-section .details strong {
        font-size:42px;
        line-height: 42px;
        margin-bottom: 10px
    }
}

@media only screen and (min-width: 1200px) {
    .info-slider-section .details strong {
        font-size:53px;
        line-height: 53px
    }
}

@media only screen and (min-width: 1440px) {
    .info-slider-section .details strong {
        font-size:60px;
        line-height: 60px;
        margin-bottom: 20px
    }
}

.info-slider-section .slider-nav {
    display: flex;
    list-style: none;
    margin-bottom: 10px;
    padding: 0
}

@media only screen and (min-width: 1024px) {
    .info-slider-section .slider-nav {
        display:none
    }
}

.info-slider-section .slider-nav li {
    margin: 0 15px 10px 0
}

@media only screen and (min-width: 1024px) {
    .info-slider-section .slider-nav li {
        margin:0 0 10px
    }
}

@media only screen and (min-width: 1200px) {
    .info-slider-section .slider-nav li {
        margin-bottom:20px
    }
}

.info-slider-section .slider-nav button {
    align-items: center;
    background: #fff;
    border: none;
    border-radius: 10px;
    box-shadow: 5px 8px 28px rgba(23,23,36,.1);
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: center;
    transition: background-color .3s;
    width: 44px
}

@media only screen and (min-width: 1024px) {
    .info-slider-section .slider-nav button {
        height:35px;
        width: 35px
    }
}

@media only screen and (min-width: 1200px) {
    .info-slider-section .slider-nav button {
        height:44px;
        width: 44px
    }
}

.info-slider-section .slider-nav button path {
    transition: fill .3s
}

.info-slider-section .slider-nav button.active {
    background: #4169e1
}

.info-slider-section .slider-nav button.active path {
    fill: #fff
}

@media only screen and (min-width: 1024px) {
    .info-slider-section .slider-nav svg {
        max-width:15px
    }
}

@media only screen and (min-width: 1200px) {
    .info-slider-section .slider-nav svg {
        max-width:30px
    }
}

@media only screen and (max-width: 1024px) {
    .info-slider-section .slider {
        overflow:hidden
    }
}

@media only screen and (min-width: 1024px) {
    .info-slider-section .slider .item {
        align-items:center;
        display: flex!important;
        justify-content: space-between
    }
}

.info-slider-section .slick-track {
    display: flex
}

.info-slider-section .slick-track:after,.info-slider-section .slick-track:before {
    display: none
}

.info-slider-section .slick-slide {
    display: flex;
    float: none;
    height: auto
}

.info-slider-section .slick-slide>div {
    display: flex;
    flex-grow: 1;
    width: 100%
}

.discover-section {
    font: 600 14px/18px Poppins,sans-serif
}

@media only screen and (min-width: 1200px) {
    .discover-section {
        font-size:16px;
        line-height: 24px
    }
}

@media only screen and (min-width: 1440px) {
    .discover-section {
        font-size:18px;
        line-height: 30px
    }
}

.discover-section .animation-slider {
    margin-bottom: 20px
}

@media only screen and (min-width: 1024px) {
    .discover-section .animation-slider {
        margin-bottom:30px
    }
}

@media only screen and (min-width: 1200px) {
    .discover-section .animation-slider {
        margin-bottom:40px
    }
}

@media only screen and (min-width: 1440px) {
    .discover-section .animation-slider {
        margin-bottom:50px
    }
}

@media only screen and (min-width: 1800px) {
    .discover-section .animation-slider {
        margin-bottom:70px
    }
}

.discover-section .slide {
    margin-right: 10px
}

@media only screen and (min-width: 1024px) {
    .discover-section .slide {
        margin-right:20px
    }
}

@media only screen and (min-width: 1440px) {
    .discover-section .slide {
        margin-right:30px
    }
}

@media only screen and (min-width: 1800px) {
    .discover-section .slide {
        margin-right:40px
    }
}

.discover-section .item {
    align-items: center;
    display: flex
}

.discover-section .badge {
    flex-shrink: 0;
    margin-right: 10px;
    max-width: 72px;
    text-align: center
}

@media only screen and (min-width: 1200px) {
    .discover-section .badge {
        margin-right:20px;
        max-width: 84px
    }
}

@media only screen and (min-width: 1440px) {
    .discover-section .badge {
        margin-right:30px;
        max-width: 102px
    }
}

@media only screen and (min-width: 1800px) {
    .discover-section .badge {
        margin-right:40px
    }
}

.discover-section img {
    display: inline-block;
    height: auto;
    max-height: 60px;
    max-width: 100%;
    vertical-align: top
}

@media only screen and (min-width: 1200px) {
    .discover-section img {
        max-height:70px
    }
}

@media only screen and (min-width: 1440px) {
    .discover-section img {
        max-height:85px
    }
}

.discover-section .info {
    align-items: center;
    background: #ecf0fc;
    border-radius: 110px;
    display: flex;
    justify-content: center;
    padding: 10px 25px;
    text-align: left;
    width: 270px
}

@media only screen and (min-width: 1024px) {
    .discover-section .info {
        width:330px
    }
}

@media only screen and (min-width: 1200px) {
    .discover-section .info {
        width:410px
    }
}

@media only screen and (min-width: 1440px) {
    .discover-section .info {
        padding:13px 40px 13px 48px;
        width: 450px
    }
}

@media only screen and (min-width: 1800px) {
    .discover-section .info {
        width:480px
    }
}

.discover-section .number {
    color: #4169e1;
    font-size: 30px;
    line-height: 40px;
    margin-right: 10px
}

@media only screen and (min-width: 1200px) {
    .discover-section .number {
        font-size:33px;
        font-size: 43px;
        line-height: 44px;
        line-height: 55px;
        margin-right: 15px
    }
}

@media only screen and (min-width: 1440px) {
    .discover-section .number {
        font-size:48px;
        line-height: 64px;
        margin-right: 20px
    }
}

@media only screen and (min-width: 1800px) {
    .discover-section .number {
        margin-right:30px
    }
}

.popup-open {
    -webkit-overflow-scrolling: touch;
    height: 100%;
    overflow: hidden;
    position: relative
}

.popups-wrap {
    background-color: rgba(8,8,23,.6);
    border: 0;
    height: 100vh;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: opacity .5s ease,visibility .5s ease;
    visibility: hidden;
    width: 100%;
    z-index: 800
}

.popup-open .popups-wrap {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

.popup {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: transform .3s,opacity .3s;
    visibility: hidden;
    width: 100%;
    z-index: -1
}

.popup.active {
    -webkit-overflow-scrolling: touch;
    opacity: 1;
    visibility: visible;
    z-index: 100
}

.popup.active.popup-video iframe {
    display: block
}

.popup.show-content .inner {
    opacity: 1;
    visibility: visible
}

.popup-holder {
    background: #fff;
    border-radius: 20px;
    flex-grow: 1;
    margin: 20px;
    max-height: calc(var(--vh, 1vh)*100 - 90px);
    overflow-y: auto;
    padding: 20px
}

@media only screen and (min-width: 1024px) {
    .popup-holder {
        padding:50px;
        position: relative
    }
}

@media only screen and (min-width: 1200px) {
    .popup-holder {
        flex-grow:0;
        width: 1000px
    }
}

@media only screen and (min-width: 1400px) {
    .popup-holder {
        padding:60px;
        width: 1280px
    }
}

.popup-close {
    background: none;
    border: none;
    cursor: pointer;
    height: 40px;
    position: fixed;
    right: 0;
    top: 0;
    width: 40px;
    z-index: 1
}

@media only screen and (min-width: 1200px) {
    .popup-close {
        right:20px;
        top: 20px
    }
}

.popup-close:after,.popup-close:before {
    background-color: #fff;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: background-color .3s;
    width: 22px
}

.popup-close:before {
    transform: translate(-50%,-50%) rotate(45deg)
}

.popup-close:after {
    transform: translate(-50%,-50%) rotate(-45deg)
}

.popup-close:hover:after,.popup-close:hover:before {
    background: #4169e1
}

@media only screen and (min-width: 1200px) {
    .popup-video .main-container {
        max-width:1000px
    }
}

@media only screen and (min-width: 1800px) {
    .popup-video .main-container {
        max-width:1280px
    }
}

.popup-video .popup-holder {
    background: none;
    border-radius: 20px;
    margin: 0;
    padding: 0 0 56.25%;
    position: relative;
    width: 100%
}

.popup-video .popup-holder iframe {
    border-radius: 20px;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.bio-popup {
    color: #080817;
    font: 16px/24px Poppins,sans-serif
}

@media only screen and (min-width: 1400px) {
    .bio-popup {
        font-size:18px;
        line-height: 30px
    }
}

.bio-popup .popup-body {
    position: relative
}

@media only screen and (min-width: 1200px) {
    .bio-popup .popup-close {
        position:absolute;
        right: 20px;
        top: 15px
    }
}

@media only screen and (min-width: 1400px) {
    .bio-popup .popup-close {
        position:absolute;
        right: 35px;
        top: 32px
    }
}

@media only screen and (min-width: 1200px) {
    .bio-popup .popup-close:after,.bio-popup .popup-close:before {
        background:#080817
    }
}

.bio-popup .popup-close:hover:after,.bio-popup .popup-close:hover:before {
    background: #4169e1
}

@media only screen and (min-width: 1024px) {
    .bio-popup .popup-holder {
        padding:0
    }
}

@media only screen and (min-width: 1200px) {
    .bio-popup .popup-holder {
        margin:0
    }
}

.bio-popup .inner {
    opacity: 0;
    transition: opacity .7s ease-in-out,visibility .7s ease-in-out;
    visibility: hidden
}

@media only screen and (min-width: 1024px) {
    .bio-popup .inner {
        align-items:center;
        display: flex;
        flex-wrap: wrap;
        padding: 40px
    }
}

@media only screen and (min-width: 1200px) {
    .bio-popup .inner {
        min-height:500px
    }
}

@media only screen and (min-width: 1400px) {
    .bio-popup .inner {
        min-height:650px;
        padding: 60px
    }
}

.bio-popup .jcf-scrollable-wrapper:before {
    background: linear-gradient(1turn,#fff,hsla(0,0%,100%,0) 110%);
    border-radius: 20px;
    bottom: 0;
    content: "";
    height: 90px;
    left: 10px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    z-index: 2
}

@media only screen and (max-width: 1199px) {
    .bio-popup .jcf-scrollable-wrapper:before {
        display:none!important
    }
}

@media only screen and (min-width: 1200px) {
    .bio-popup .jcf-scrollable-wrapper:before {
        height:50px
    }
}

@media only screen and (min-width: 1400px) {
    .bio-popup .jcf-scrollable-wrapper:before {
        height:90px
    }
}

@media only screen and (max-width: 1199px) {
    .bio-popup .jcf-scrollbar {
        display:none!important
    }
}

@media only screen and (min-width: 1024px) {
    .bio-popup .popup-content {
        align-items:center;
        display: flex
    }
}

.bio-popup .photo {
    margin: 0 auto 15px;
    max-width: 300px;
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .bio-popup .photo {
        flex-shrink:0;
        height: 400px;
        margin: 0 40px 0 0;
        max-width: none;
        text-align: left;
        width: 42%
    }
}

@media only screen and (min-width: 1440px) {
    .bio-popup .photo {
        height:480px;
        width: 450px
    }
}

.bio-popup .photo img {
    border-radius: 20px;
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: top
}

@media screen and (min-width: 1024px) {
    .bio-popup .photo img {
        height:100%;
        object-fit: cover
    }
}

@media only screen and (min-width: 1024px) {
    .bio-popup .info {
        flex-grow:1
    }
}

.bio-popup .h3,.bio-popup h3 {
    font: 600 20px/28px Poppins,sans-serif;
    margin: 0 0 10px
}

@media only screen and (min-width: 768px) {
    .bio-popup .h3,.bio-popup h3 {
        font-size:22px;
        line-height: 30px
    }
}

@media only screen and (min-width: 1440px) {
    .bio-popup .h3,.bio-popup h3 {
        font-size:36px;
        line-height: 44px
    }
}

.bio-popup .post {
    display: block;
    margin-bottom: 10px;
    opacity: .5
}

@media only screen and (min-width: 1440px) {
    .bio-popup .post {
        margin-bottom:28px
    }
}

.bio-popup .social {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -6px 20px;
    padding: 0
}

@media only screen and (min-width: 1440px) {
    .bio-popup .social {
        margin-bottom:48px
    }
}

.bio-popup .social li {
    margin: 0 10px
}

@media only screen and (min-width: 1200px) {
    .bio-popup .social li {
        margin:0 15px
    }
}

.bio-popup .social a {
    align-items: center;
    display: flex;
    position: relative
}

.bio-popup .social a:before {
    background: #4169e1;
    border-radius: 50%;
    content: "";
    height: 40px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .3s;
    width: 40px
}

.bio-popup .social a:hover:before {
    opacity: 1
}

.bio-popup .social a:hover path {
    fill: #fff
}

.bio-popup .social svg {
    position: relative;
    z-index: 2
}

.bio-popup .social path {
    transition: fill .3s
}

.bio-popup p {
    font: 16px/24px Poppins,sans-serif;
    margin: 0;
    opacity: .7
}

@media only screen and (min-width: 1400px) {
    .bio-popup p {
        font-size:18px;
        line-height: 30px
    }
}

.bio-popup p~p {
    margin-top: 10px
}

@media only screen and (min-width: 1440px) {
    .bio-popup p~p {
        margin-top:30px
    }
}

.bio-popup .author-articles {
    flex-grow: 1;
    margin-top: 30px
}

@media only screen and (min-width: 1400px) {
    .bio-popup .author-articles {
        margin-top:40px
    }
}

.bio-popup .author-articles .h4,.bio-popup .author-articles h4 {
    font: 600 18px/26px Poppins,sans-serif;
    margin: 0 0 10px
}

@media only screen and (min-width: 768px) {
    .bio-popup .author-articles .h4,.bio-popup .author-articles h4 {
        font-size:20px;
        line-height: 28px
    }
}

@media only screen and (min-width: 1400px) {
    .bio-popup .author-articles .h4,.bio-popup .author-articles h4 {
        font-size:30px;
        line-height: 40px;
        margin-bottom: 26px
    }
}

.bio-popup .author-articles ul {
    color: rgba(8,8,23,.7);
    font-weight: 600;
    list-style: none;
    margin: 0;
    padding: 0
}

@media only screen and (min-width: 768px) {
    .bio-popup .author-articles ul {
        display:flex;
        flex-wrap: wrap;
        margin: 0 -10px
    }
}

@media only screen and (min-width: 1200px) {
    .bio-popup .author-articles ul {
        margin:0 -20px -20px
    }
}

.bio-popup .author-articles ul li {
    margin: 0 0 20px
}

@media only screen and (min-width: 768px) {
    .bio-popup .author-articles ul li {
        padding:0 10px;
        width: 50%
    }
}

@media only screen and (min-width: 1200px) {
    .bio-popup .author-articles ul li {
        padding:0 20px
    }
}

.bio-popup .author-articles ul a {
    text-decoration: none;
    transition: color .3s
}

.no-touch .bio-popup .author-articles ul a:hover {
    color: #4169e1
}

.products-list-section,.products-slider-section {
    position: relative
}

.products-list-section.section-colored .product-list-item,.products-slider-section.section-colored .product-list-item {
    background: #fff
}

.products-list-section .more,.products-slider-section .more {
    margin-top: 30px;
    text-align: center
}

@media screen and (min-width: 1400px) {
    .products-list-section .more,.products-slider-section .more {
        margin-top:60px
    }
}

.products-slider-section-holder {
    overflow: hidden
}

.products-list-heading {
    color: rgba(8,8,23,.7);
    font: 16px/24px Poppins,sans-serif;
    margin-bottom: 40px
}

@media screen and (min-width: 768px) {
    .products-list-heading {
        align-items:center;
        display: flex;
        justify-content: space-between
    }
}

@media screen and (min-width: 1024px) {
    .products-list-heading {
        font-size:18px;
        line-height: 30px
    }
}

@media screen and (min-width: 1400px) {
    .products-list-heading {
        margin-bottom:60px
    }
}

.products-list-heading .column {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .products-list-heading .column {
        margin:0;
        width: 50%
    }
}

@media screen and (min-width: 1200px) {
    .products-list-heading .column:last-child {
        width:49%
    }

    .products-list-heading .column .h2,.products-list-heading .column h2 {
        padding-right: 50px
    }
}

.products-list-heading .column:not(.integrations-carousel) p {
    margin: 0 0 15px
}

@media screen and (min-width: 1200px) {
    .products-list-heading .column:not(.integrations-carousel) p {
        margin-bottom:30px
    }
}

.products-list-heading .column:not(.integrations-carousel) p:last-child {
    margin: 0
}

@media screen and (min-width: 768px) {
    .products-list-heading .column .button-link {
        float:right
    }
}

@media screen and (min-width: 1200px) {
    .products-list-heading .wrap {
        max-width:775px
    }
}

.products-list-heading .h2,.products-list-heading h2 {
    color: #080817;
    font: 600 30px/40px Poppins,sans-serif;
    margin: 0
}

@media screen and (min-width: 1024px) {
    .products-list-heading .h2,.products-list-heading h2 {
        font-size:36px;
        line-height: 44px
    }
}

@media screen and (min-width: 1200px) {
    .products-list-heading .h2,.products-list-heading h2 {
        font-size:48px;
        line-height: 64px
    }
}

.products-list-heading p {
    margin: 20px 0 0
}

@media screen and (min-width: 1400px) {
    .products-list-heading p {
        margin-top:30px
    }
}

.products-list-heading p a {
    text-decoration: underline
}

.products-list-heading .button-link {
    margin-top: 30px
}

@media screen and (min-width: 768px) {
    .products-list-heading .button-link {
        flex-shrink:0;
        margin-top: 0
    }
}

.products-list-heading.center {
    justify-content: center;
    text-align: center
}

.products-list-heading+h5 {
    color: #080817;
    font: 600 18px/30px Poppins,sans-serif;
    margin: 0 0 15px;
    position: relative;
    z-index: 10
}

@media only screen and (min-width: 768px) {
    .products-list-heading+h5 {
        font-size:22px;
        line-height: 36px
    }
}

@media only screen and (min-width: 1200px) {
    .products-list-heading+h5 {
        font-size:24px;
        line-height: 36px;
        margin-bottom: 40px
    }
}

.products-list-holder {
    margin-bottom: -30px
}

@media screen and (min-width: 768px) {
    .products-list-holder {
        display:flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 0 -30px -30px
    }
}

@media screen and (min-width: 1400px) {
    .products-list-holder {
        margin:0 0 -40px -40px
    }
}

.products-list-holder+.more {
    margin-top: 60px
}

@media screen and (min-width: 768px) {
    .products-list-holder+.more {
        margin-top:30px
    }
}

@media screen and (min-width: 1200px) {
    .products-list-holder+.more {
        margin-top:60px
    }
}

.products-list-slider {
    margin-right: -20px
}

@media only screen and (min-width: 1400px) {
    .products-list-slider {
        margin-right:-40px
    }
}

.products-list-slider .slick-track {
    display: flex
}

.products-list-slider .slick-track:after,.products-list-slider .slick-track:before {
    display: none
}

.no-touch .products-list-slider .slick-track:hover {
    cursor: move;
    cursor: grab
}

.no-touch .products-list-slider .slick-track:active {
    cursor: grabbing
}

.products-list-slider .slick-list {
    overflow: visible
}

.products-list-slider .slick-slide {
    display: flex;
    float: none;
    height: auto;
    margin-right: 20px
}

@media only screen and (min-width: 1400px) {
    .products-list-slider .slick-slide {
        margin-right:40px
    }
}

.products-list-slider .slick-slide.slick-current .item {
    background: #fff
}

.products-list-slider .slick-slide>div {
    display: flex;
    flex-grow: 1;
    width: 100%
}

.products-list-slider .product-list-item {
    margin: 0
}

.products-list-slider .logo {
    max-width: 150px
}

.products-list-slider .logo img {
    max-height: 30px;
    max-width: 100%
}

@media only screen and (min-width: 1200px) {
    .products-list-slider.partners .slick-dots {
        display:none!important
    }
}

.product-list-item {
    background-color: #f2f5fd;
    border-radius: 20px;
    color: rgba(8,8,23,.7);
    font: 16px/24px Poppins,sans-serif;
    margin-bottom: 30px;
    padding: 30px;
    transition: transform .5s ease,background-color .5s ease,box-shadow .5s ease
}

@media screen and (min-width: 768px) {
    .product-list-item {
        margin:0 0 30px 30px;
        width: calc(33.333% - 30px)
    }
}

@media screen and (min-width: 1024px) {
    .product-list-item {
        font-size:18px;
        line-height: 30px
    }
}

@media screen and (min-width: 1400px) {
    .product-list-item {
        margin:0 0 40px 40px;
        padding: 40px;
        width: calc(33.333% - 40px)
    }
}

.product-list-item:hover {
    background-color: #fff;
    box-shadow: 5px 8px 28px rgba(23,23,36,.1);
    transform: translateY(-20px)
}

.product-list-item .ico-holder {
    height: 64px;
    margin-bottom: 20px;
    width: 64px
}

.product-list-item .h3,.product-list-item h3 {
    color: #080817;
    font: 600 18px/30px Poppins,sans-serif;
    margin: 0
}

@media screen and (min-width: 1024px) {
    .product-list-item .h3,.product-list-item h3 {
        font-size:24px;
        line-height: 36px
    }
}

.product-list-item .h3 a,.product-list-item h3 a {
    text-decoration: underline
}

.product-list-item .h3 a:hover,.product-list-item h3 a:hover {
    text-decoration: none
}

.product-list-item a {
    text-decoration: none;
    transition: color .5s ease
}

.product-list-item a:hover {
    color: #17c3b2
}

.product-list-item p {
    margin: 15px 0 0
}

@media screen and (min-width: 1024px) {
    .product-list-item p {
        margin-top:20px
    }
}

.product-list-item p a {
    text-decoration: underline
}

.solutions-list-section .more {
    padding-top: 30px;
    text-align: center
}

@media screen and (min-width: 1400px) {
    .solutions-list-section .more {
        padding-top:60px
    }
}

.solutions-list-section .main-container {
    position: relative
}

.solutions-list-section .main-container:after {
    clear: both;
    content: "";
    display: table
}

.solutions-list-heading {
    color: rgba(8,8,23,.7);
    font: 16px/24px Poppins,sans-serif;
    margin-bottom: 40px;
    text-align: center
}

@media screen and (min-width: 1024px) {
    .solutions-list-heading {
        font-size:18px;
        line-height: 30px;
        margin: 0 auto 40px;
        max-width: 840px
    }
}

@media screen and (min-width: 1600px) {
    .solutions-list-heading {
        margin-bottom:60px
    }
}

.solutions-list-heading .h2,.solutions-list-heading h2 {
    color: #080817;
    font: 600 30px/40px Poppins,sans-serif;
    margin: 0
}

@media screen and (min-width: 1024px) {
    .solutions-list-heading .h2,.solutions-list-heading h2 {
        font-size:36px;
        line-height: 44px
    }
}

@media screen and (min-width: 1200px) {
    .solutions-list-heading .h2,.solutions-list-heading h2 {
        font-size:48px;
        line-height: 64px
    }
}

.solutions-list-heading p {
    margin-top: 15px
}

@media screen and (min-width: 1400px) {
    .solutions-list-heading p {
        margin-top:20px
    }
}

.solutions-list-heading .button-link {
    margin-top: 30px
}

@media screen and (min-width: 768px) {
    .solutions-list-heading .button-link {
        flex-shrink:0;
        margin-top: 0
    }
}

.solutions-list-holder {
    margin-bottom: -30px
}

@media screen and (min-width: 768px) {
    .solutions-list-holder {
        display:flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 0 -30px -30px
    }
}

@media screen and (min-width: 1400px) {
    .solutions-list-holder {
        margin:0 0 -40px -40px
    }
}

.solutions-list-item {
    border: 1px solid #d9e1f9;
    border-radius: 20px;
    color: rgba(8,8,23,.7);
    font: 16px/24px Poppins,sans-serif;
    margin-bottom: 30px;
    padding: 30px;
    position: relative;
    transition: transform .5s ease,border-color .5s ease,box-shadow .5s ease
}

@media screen and (min-width: 768px) {
    .solutions-list-item {
        margin:0 0 30px 30px;
        width: calc(50% - 30px)
    }
}

@media screen and (min-width: 1024px) {
    .solutions-list-item {
        font-size:18px;
        line-height: 30px
    }
}

@media screen and (min-width: 1400px) {
    .solutions-list-item {
        margin:0 0 40px 40px;
        padding: 40px;
        width: calc(50% - 40px)
    }
}

.solutions-list-item:hover {
    border-color: transparent;
    box-shadow: 5px 8px 28px rgba(23,23,36,.1);
    transform: translateY(-20px)
}

.solutions-list-item .h3,.solutions-list-item h3 {
    color: #080817;
    font: 600 18px/30px Poppins,sans-serif;
    margin: 0
}

@media screen and (min-width: 1024px) {
    .solutions-list-item .h3,.solutions-list-item h3 {
        font-size:24px;
        line-height: 36px
    }
}

.solutions-list-item .h3 a:after,.solutions-list-item h3 a:after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.solutions-list-item a {
    text-decoration: none;
    transition: color .5s ease
}

.solutions-list-item a:hover {
    color: #17c3b2
}

.solutions-list-item p {
    margin: 15px 0 0
}

@media screen and (min-width: 1024px) {
    .solutions-list-item p {
        margin-top:20px
    }
}

.solutions-list-item .img-holder {
    height: 235px;
    padding-top: 30px;
    text-align: center
}

.solutions-list-item img {
    max-height: 100%;
    max-width: 100%;
    vertical-align: top
}

.solutions-list-slider .slick-track {
    display: flex
}

.solutions-list-slider .slick-track:after,.solutions-list-slider .slick-track:before {
    display: none
}

.no-touch .solutions-list-slider .slick-track:hover {
    cursor: move;
    cursor: grab
}

.no-touch .solutions-list-slider .slick-track:active {
    cursor: grabbing
}

.solutions-list-slider .slick-slide {
    display: flex;
    float: none;
    height: auto;
    margin-right: 20px
}

@media only screen and (min-width: 1800px) {
    .solutions-list-slider .slick-slide {
        margin-right:40px
    }
}

.solutions-list-slider .slick-slide.slick-current .item {
    background: #fff;
    box-shadow: 5px 8px 28px rgba(23,23,36,.1)
}

.solutions-list-slider .slick-slide>div {
    display: flex;
    flex-grow: 1;
    width: 100%
}

.solutions-list-slider .slick-list {
    margin-right: -20px;
    overflow: visible
}

@media screen and (min-width: 1800px) {
    .solutions-list-slider .slick-list {
        margin-right:-40px
    }
}

@media screen and (min-width: 768px) {
    .solutions-list-slider .slick-dots {
        margin-bottom:-60px
    }
}

@media screen and (min-width: 1400px) {
    .solutions-list-slider .slick-dots {
        margin-bottom:-100px;
        margin-top: 80px
    }
}

.solutions-list-slider .solutions-list-item {
    margin: 0
}

.solutions-list-slider .solutions-list-item img {
    display: inline-block
}

.solutions-list-slider+.more {
    position: relative;
    z-index: 2
}

@media screen and (min-width: 768px) {
    .solutions-list-slider+.more {
        float:right;
        text-align: right
    }
}

.clients-review-section {
    position: relative
}

.clients-review-section .h2,.clients-review-section h2 {
    color: #080817;
    font: 600 30px/40px Poppins,sans-serif;
    margin: 0 0 40px
}

@media only screen and (min-width: 768px) {
    .clients-review-section .h2,.clients-review-section h2 {
        padding-right:180px
    }
}

@media only screen and (min-width: 1024px) {
    .clients-review-section .h2,.clients-review-section h2 {
        font-size:33px;
        line-height: 44px
    }
}

@media only screen and (min-width: 1200px) {
    .clients-review-section .h2,.clients-review-section h2 {
        font-size:43px;
        line-height: 55px
    }
}

@media only screen and (min-width: 1440px) {
    .clients-review-section .h2,.clients-review-section h2 {
        font-size:48px;
        line-height: 64px;
        margin-bottom: 60px
    }
}

.clients-review-section.without-arrows .slick-arrow {
    display: none!important
}

.clients-review-section .description {
    color: rgba(8,8,23,.7);
    font: 16px/20px Poppins,sans-serif;
    margin-bottom: 30px
}

@media only screen and (min-width: 1200px) {
    .clients-review-section .description {
        font-size:18px;
        line-height: 30px
    }
}

@media only screen and (min-width: 1440px) {
    .clients-review-section .description {
        margin:-40px 0 60px
    }
}

.clients-review-section .description p {
    margin: 0
}

.clients-review-holder {
    overflow: hidden;
    padding-bottom: 35px;
    padding-top: 5px
}

@media screen and (min-width: 1440px) {
    .clients-review-holder {
        padding-top:16px
    }
}

.clients-review-heading {
    color: rgba(8,8,23,.7);
    font: 16px/24px Poppins,sans-serif;
    margin-bottom: 40px
}

@media screen and (min-width: 768px) {
    .clients-review-heading {
        display:flex;
        justify-content: space-between
    }
}

@media screen and (min-width: 1024px) {
    .clients-review-heading {
        font-size:18px;
        line-height: 30px
    }
}

@media screen and (min-width: 1400px) {
    .clients-review-heading {
        margin-bottom:60px
    }
}

.clients-review-heading .column {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .clients-review-heading .column {
        margin:0;
        width: 50%
    }
}

@media screen and (min-width: 1200px) {
    .clients-review-heading .column:last-child {
        width:49%
    }
}

@media screen and (min-width: 768px) {
    .clients-review-heading .column .h2,.clients-review-heading .column h2 {
        padding-right:0
    }
}

.clients-review-heading .column p {
    margin: 0 0 15px
}

@media screen and (min-width: 1200px) {
    .clients-review-heading .column p {
        margin-bottom:30px
    }
}

.clients-review-heading .column p:last-child {
    margin: 0
}

@media screen and (min-width: 768px) {
    .clients-review-heading .column .button-link {
        float:right
    }
}

@media screen and (min-width: 1200px) {
    .clients-review-heading .wrap {
        max-width:775px
    }
}

.clients-review-heading .h2,.clients-review-heading h2 {
    color: #080817;
    font: 600 30px/40px Poppins,sans-serif;
    margin: 0
}

@media screen and (min-width: 1024px) {
    .clients-review-heading .h2,.clients-review-heading h2 {
        font-size:36px;
        line-height: 44px
    }
}

@media screen and (min-width: 1200px) {
    .clients-review-heading .h2,.clients-review-heading h2 {
        font-size:48px;
        line-height: 64px
    }
}

.clients-review-heading p {
    margin: 20px 0 0
}

@media screen and (min-width: 1400px) {
    .clients-review-heading p {
        margin-top:30px
    }
}

.clients-review-heading p a {
    text-decoration: underline
}

.clients-review-heading .button-link {
    margin-top: 30px
}

@media screen and (min-width: 768px) {
    .clients-review-heading .button-link {
        flex-shrink:0;
        margin-top: 0
    }
}

.clients-review-heading.center {
    justify-content: center;
    text-align: center
}

.clients-review-heading+h5 {
    color: #080817;
    font: 600 18px/30px Poppins,sans-serif;
    margin: 0 0 15px;
    position: relative;
    z-index: 10
}

@media only screen and (min-width: 768px) {
    .clients-review-heading+h5 {
        font-size:22px;
        line-height: 36px
    }
}

@media only screen and (min-width: 1200px) {
    .clients-review-heading+h5 {
        font-size:24px;
        line-height: 36px;
        margin-bottom: 40px
    }
}

.clients-review-slider {
    color: #080817;
    font: 16px/24px Poppins,sans-serif
}

@media only screen and (min-width: 1440px) {
    .clients-review-slider {
        font-size:18px;
        line-height: 30px;
        margin-right: -30px
    }
}

@media only screen and (min-width: 1800px) {
    .clients-review-slider {
        margin-right:-50px
    }
}

.clients-review-slider .slick-track {
    display: flex
}

.clients-review-slider .slick-track:after,.clients-review-slider .slick-track:before {
    display: none
}

.no-touch .clients-review-slider .slick-track:hover {
    cursor: move;
    cursor: grab
}

.no-touch .clients-review-slider .slick-track:active {
    cursor: grabbing
}

.clients-review-slider .slick-slide {
    display: flex;
    float: none;
    height: auto;
    margin-right: 20px
}

@media only screen and (min-width: 1440px) {
    .clients-review-slider .slick-slide {
        margin-right:40px
    }
}

.clients-review-slider .slick-slide.slick-current .item {
    background: #fff;
    box-shadow: 5px 8px 28px rgba(23,23,36,.1)
}

.clients-review-slider .slick-slide>div {
    display: flex;
    flex-grow: 1;
    width: 100%
}

.clients-review-slider .slick-list {
    overflow: visible
}

.clients-review-slider .slick-arrow {
    top: -85px
}

@media only screen and (min-width: 1440px) {
    .clients-review-slider .slick-arrow {
        top:-120px
    }
}

.clients-review-slider .slick-arrow.slick-prev {
    left: auto;
    right: 80px
}

@media only screen and (min-width: 1440px) {
    .clients-review-slider .slick-arrow.slick-prev {
        right:90px
    }
}

@media only screen and (min-width: 1800px) {
    .clients-review-slider .slick-arrow.slick-prev {
        right:110px
    }
}

@media only screen and (min-width: 1440px) {
    .clients-review-slider .slick-arrow.slick-next {
        right:20px
    }
}

@media only screen and (min-width: 1800px) {
    .clients-review-slider .slick-arrow.slick-next {
        right:40px
    }
}

.clients-review-slider .item {
    border: 1px solid #d9e1f9;
    border-radius: 20px;
    display: flex!important;
    flex-direction: column;
    height: 100%;
    padding: 20px;
    transition: background-color .3s,box-shadow .3s
}

@media only screen and (min-width: 1024px) {
    .clients-review-slider .item {
        padding:38px
    }
}

.no-touch .clients-review-slider .item:hover {
    background: #fff;
    box-shadow: 5px 8px 28px rgba(23,23,36,.1)
}

.clients-review-slider .icon {
    height: 64px;
    margin-bottom: 20px;
    width: 64px
}

.clients-review-slider .h5,.clients-review-slider h5 {
    color: #4169e1;
    font: 600 16px/20px Poppins,sans-serif;
    margin: 0 0 10px
}

@media only screen and (min-width: 1024px) {
    .clients-review-slider .h5,.clients-review-slider h5 {
        font-size:18px;
        line-height: 30px
    }
}

@media only screen and (min-width: 1440px) {
    .clients-review-slider .h5,.clients-review-slider h5 {
        font-size:24px;
        line-height: 36px;
        margin-bottom: 20px
    }
}

.clients-review-slider blockquote {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    font-style: normal;
    margin: 0
}

.clients-review-slider blockquote p {
    margin: 0 0 18px
}

.clients-review-slider cite {
    align-items: center;
    color: rgba(8,8,23,.5);
    display: flex;
    font-size: 14px;
    font-style: normal;
    line-height: 18px
}

@media only screen and (min-width: 768px) {
    .clients-review-slider cite {
        margin-top:auto
    }
}

@media only screen and (min-width: 1440px) {
    .clients-review-slider cite {
        font-size:16px;
        line-height: 26px
    }
}

.clients-review-slider cite .avatar {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    flex-shrink: 0;
    height: 60px;
    margin-right: 10px;
    width: 60px
}

@media only screen and (min-width: 1024px) {
    .clients-review-slider cite .avatar {
        margin-right:20px
    }
}

.clients-review-slider cite .logo {
    margin-right: 10px
}

@media only screen and (min-width: 1024px) {
    .clients-review-slider cite .logo {
        margin-right:20px
    }
}

.clients-review-slider cite .logo img {
    max-width: 138px
}

.clients-review-slider cite strong {
    color: #080817;
    display: block;
    font-weight: 500;
    margin-right: 7px
}

@media only screen and (min-width: 1024px) {
    .clients-review-slider cite strong {
        margin-right:10px
    }
}

.clients-review-slider.colored .item {
    background: #fff;
    border: none;
    transition: transform .3s
}

.clients-review-slider.colored .item .h5,.clients-review-slider.colored .item h5 {
    color: #080817;
    margin: 0 0 20px
}

.clients-review-slider.colored .item p {
    margin: 0;
    opacity: .7
}

.no-touch .clients-review-slider.colored .item:hover {
    transform: translateY(-20px)
}

.integrations-section .section-heading p {
    opacity: .7
}

.integrations-section .logos-wrap {
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .integrations-section .logos-wrap {
        align-items:center;
        display: flex;
        justify-content: space-between
    }
}

.integrations-section .logos-wrap ul {
    list-style: none;
    margin: 0;
    padding: 0
}

@media only screen and (min-width: 1200px) {
    .integrations-section .logos-wrap ul {
        display:flex;
        flex-shrink: 0;
        flex-wrap: wrap;
        margin-bottom: -20px;
        width: 310px
    }
}

@media only screen and (min-width: 1400px) {
    .integrations-section .logos-wrap ul {
        width:410px
    }
}

.integrations-section .logos-wrap ul li {
    margin-bottom: 20px
}

@media only screen and (min-width: 1200px) {
    .integrations-section .logos-wrap ul li {
        margin:0 10px 20px;
        width: calc(50% - 20px)
    }
}

@media only screen and (min-width: 1440px) {
    .integrations-section .logos-wrap ul li {
        align-items:center;
        display: flex;
        justify-content: center;
        margin-bottom: 45px;
        width: calc(50% - 20px)
    }
}

.integrations-section .logos-wrap img {
    display: inline-block;
    height: auto;
    max-width: 180px;
    vertical-align: top
}

@media only screen and (min-width: 1200px) {
    .integrations-section .logos-wrap img {
        max-width:130px
    }
}

@media only screen and (min-width: 1400px) {
    .integrations-section .logos-wrap img {
        max-width:150px
    }
}

@media only screen and (min-width: 1800px) {
    .integrations-section .logos-wrap img {
        max-width:140px
    }
}

.integrations-section .info {
    background: #fff;
    border-radius: 20px;
    box-shadow: 5px 8px 28px rgba(23,23,36,.1);
    font: 16px/24px Poppins,sans-serif;
    margin: 0 auto 30px;
    padding: 20px;
    width: 290px
}

@media only screen and (min-width: 1200px) {
    .integrations-section .info {
        font-size:18px;
        line-height: 30px
    }
}

.integrations-section .info span {
    display: block;
    margin-bottom: 10px;
    opacity: .7
}

.integrations-section .info strong {
    display: block;
    font-weight: 600
}

.integrations-section .info .number {
    color: #4169e1;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 10px
}

@media only screen and (min-width: 1200px) {
    .integrations-section .info .number {
        font-size:60px;
        line-height: 60px;
        margin-bottom: 20px
    }
}

.integrations-section .buttons-holder {
    margin-top: 30px;
    text-align: center
}

.case-studies-slider-section.without-arrows .slick-arrow {
    display: none!important
}

.case-studies-slider-holder {
    overflow: hidden;
    padding-top: 5px
}

@media screen and (min-width: 1440px) {
    .case-studies-slider-holder {
        padding-top:16px
    }
}

.case-studies-heading {
    color: rgba(8,8,23,.7);
    font: 16px/24px Poppins,sans-serif;
    margin-bottom: 40px
}

@media screen and (min-width: 768px) {
    .case-studies-heading {
        align-items:center;
        display: flex;
        justify-content: space-between
    }
}

@media screen and (min-width: 1024px) {
    .case-studies-heading {
        font-size:18px;
        line-height: 30px
    }
}

@media screen and (min-width: 1440px) {
    .case-studies-heading {
        margin-bottom:60px
    }
}

.case-studies-heading .column {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .case-studies-heading .column {
        margin:0;
        width: 50%
    }
}

@media screen and (min-width: 1200px) {
    .case-studies-heading .column:last-child {
        width:49%
    }
}

.case-studies-heading .column p {
    margin: 0 0 15px
}

@media screen and (min-width: 1200px) {
    .case-studies-heading .column p {
        margin-bottom:30px
    }
}

.case-studies-heading .column p:last-child {
    margin: 0
}

@media screen and (min-width: 768px) {
    .case-studies-heading .column .button-link {
        float:right
    }
}

@media screen and (min-width: 1200px) {
    .case-studies-heading .wrap {
        max-width:775px
    }
}

.case-studies-heading .h2,.case-studies-heading h2 {
    color: #080817;
    font: 600 30px/40px Poppins,sans-serif;
    margin: 0
}

@media screen and (min-width: 1024px) {
    .case-studies-heading .h2,.case-studies-heading h2 {
        font-size:36px;
        line-height: 44px
    }
}

@media screen and (min-width: 1200px) {
    .case-studies-heading .h2,.case-studies-heading h2 {
        font-size:48px;
        line-height: 64px
    }
}

.case-studies-heading p {
    margin-top: 20px
}

@media screen and (min-width: 1400px) {
    .case-studies-heading p {
        margin-top:30px
    }
}

.case-studies-heading .button-link {
    margin-top: 30px
}

@media screen and (min-width: 768px) {
    .case-studies-heading .button-link {
        flex-shrink:0;
        margin-top: 0
    }

    .case-studies-list {
        margin: 0 auto;
        max-width: 700px
    }
}

@media screen and (min-width: 1024px) {
    .case-studies-list {
        display:flex;
        flex-wrap: wrap;
        margin: 0 -10px;
        max-width: none
    }
}

@media screen and (min-width: 1200px) {
    .case-studies-list {
        margin:0 -20px
    }
}

.case-studies-list>p:first-child {
    margin-top: 70px;
    text-align: center;
    width: 100%
}

.case-studies-item {
    font: 14px/20px Poppins,sans-serif;
    margin-bottom: 20px
}

@media screen and (min-width: 1024px) {
    .case-studies-item {
        margin:0 10px 20px;
        width: calc(33.33% - 20px)
    }
}

@media screen and (min-width: 1200px) {
    .case-studies-item {
        font-size:16px;
        line-height: 24px;
        margin: 0 20px 40px;
        width: calc(33.33% - 40px)
    }
}

.case-studies-item .inner {
    display: flex;
    flex-direction: column;
    height: 100%
}

@media screen and (min-width: 1024px) {
    .case-studies-item .inner {
        flex-direction:row;
        justify-content: space-between
    }
}

.case-studies-item .card {
    align-items: flex-start;
    background: #fff;
    border: 1px solid #d9e1f9;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    min-height: 300px;
    padding: 20px 20px 80px;
    position: relative;
    transition: box-shadow .3s
}

@media screen and (min-width: 1200px) {
    .case-studies-item .card {
        min-height:350px;
        padding: 40px 40px 100px
    }
}

@media screen and (min-width: 1440px) {
    .case-studies-item .card {
        min-height:460px
    }
}

.case-studies-item .logo {
    margin-bottom: 15px;
    max-width: 140px
}

.case-studies-item .review {
    border-radius: 0 0 20px 20px;
    color: #fff;
    flex-grow: 1;
    padding: 20px;
    transition: box-shadow .3s
}

@media screen and (min-width: 1024px) {
    .case-studies-item .review {
        align-items:flex-start;
        border-radius: 0 20px 20px 0;
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        justify-content: space-between;
        padding: 40px;
        width: 50%
    }
}

.case-studies-item .review.pink {
    background: #c769a7
}

.case-studies-item .review.blue {
    background: #4169e1
}

.case-studies-item .review.green {
    background: #17c3b2
}

.case-studies-item .review.orange {
    background: #ff786a
}

.case-studies-item blockquote {
    margin: 0
}

@media only screen and (min-width: 1024px) {
    .case-studies-item blockquote {
        font-size:18px;
        line-height: 30px
    }
}

.case-studies-item blockquote p {
    margin: 0 0 20px
}

.case-studies-item cite {
    color: hsla(0,0%,100%,.5);
    font-style: normal
}

@media only screen and (min-width: 1024px) {
    .case-studies-item cite {
        font-size:16px;
        line-height: 24px
    }
}

.case-studies-item cite span {
    color: #fff;
    display: block
}

.case-studies-item dl {
    margin: 10px 0 -10px
}

@media screen and (max-width: 767px) {
    .case-studies-item dl {
        display:none
    }
}

@media only screen and (min-width: 1024px) {
    .case-studies-item dl {
        margin:0 0 -10px
    }
}

.case-studies-item dt {
    color: hsla(0,0%,100%,.7);
    float: left;
    font-size: 14px;
    line-height: 20px;
    margin-right: 10px
}

.case-studies-item dd {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 5px;
    overflow: hidden
}

@media only screen and (min-width: 1024px) {
    .case-studies-item dd {
        font-size:16px;
        line-height: 24px
    }
}

@media only screen and (min-width: 1200px) {
    .case-studies-item dd {
        margin-bottom:10px
    }
}

.case-studies-item .h5,.case-studies-item h5 {
    color: #080817;
    font: 600 16px/20px Poppins,sans-serif;
    margin: 0 0 auto
}

@media only screen and (min-width: 1024px) {
    .case-studies-item .h5,.case-studies-item h5 {
        font-size:18px;
        line-height: 30px
    }
}

@media only screen and (min-width: 1440px) {
    .case-studies-item .h5,.case-studies-item h5 {
        font-size:24px;
        line-height: 36px
    }
}

.case-studies-item .buttons {
    align-items: center;
    bottom: 20px;
    display: flex;
    left: 20px;
    position: absolute
}

@media screen and (min-width: 1440px) {
    .case-studies-item .buttons {
        bottom:37px;
        left: 40px
    }
}

.case-studies-item .button-link {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-right: 10px;
    padding: 5px 10px
}

@media screen and (min-width: 1200px) {
    .case-studies-item .button-link {
        font-size:16px;
        line-height: 24px;
        margin-right: 28px;
        padding: 10px 28px
    }
}

.case-studies-item .button-play {
    color: #17c3b2;
    display: inline-block;
    font: 12px/18px Poppins,sans-serif;
    padding-left: 57px;
    position: relative;
    text-decoration: none;
    transition: color .3s;
    vertical-align: middle
}

@media screen and (min-width: 1200px) {
    .case-studies-item .button-play {
        font-size:14px;
        line-height: 20px
    }
}

.case-studies-item .button-play:before {
    background: #17c3b2;
    border-radius: 50%;
    content: "";
    height: 48px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: background-color .3s;
    width: 48px
}

.case-studies-item .button-play:after {
    border-bottom: 10px solid transparent;
    border-left: 16px solid #fff;
    border-top: 10px solid transparent;
    content: "";
    left: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.case-studies-item .button-play:hover {
    color: #4169e1
}

.case-studies-item .button-play:hover:before {
    background: #4169e1
}

.case-studies-item .clients-review-slider {
    margin: 0;
    max-width: 720px;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .case-studies-item .clients-review-slider {
        max-width:525px
    }
}

@media screen and (min-width: 1400px) {
    .case-studies-item .clients-review-slider {
        max-width:720px
    }
}

.case-studies-item .clients-review-slider .slick-slide {
    margin: 0
}

.case-studies-item .clients-review-slider .slick-slide.slick-current .item {
    background: none
}

.case-studies-item .clients-review-slider .slick-list {
    overflow: hidden
}

.case-studies-item .clients-review-slider .slick-arrow {
    display: none!important
}

.case-studies-item .clients-review-slider .item {
    background: none!important;
    border: none;
    box-shadow: none!important;
    padding: 0
}

.case-studies-item .clients-review-slider .h5,.case-studies-item .clients-review-slider h5 {
    color: #4169e1;
    margin-bottom: 10px
}

@media screen and (min-width: 1200px) {
    .case-studies-item .clients-review-slider .h5,.case-studies-item .clients-review-slider h5 {
        margin-bottom:20px
    }
}

.case-studies-item .clients-review-slider cite span {
    color: rgba(8,8,23,.5)
}

@media screen and (min-width: 1440px) {
    .case-studies-item .clients-review-slider .slick-dots {
        margin-top:40px
    }
}

@media screen and (min-width: 1024px) {
    .case-studies-item.has-review {
        width:calc(66.66% - 20px)
    }
}

@media screen and (min-width: 1200px) {
    .case-studies-item.has-review {
        width:calc(66.66% - 40px)
    }
}

.case-studies-item.has-review .card {
    align-items: flex-start;
    border-radius: 20px 20px 0 0;
    justify-content: space-between;
    padding-bottom: 80px
}

@media screen and (min-width: 1024px) {
    .case-studies-item.has-review .card {
        border-radius:20px 0 0 20px;
        border-right: 0
    }
}

@media screen and (min-width: 1200px) {
    .case-studies-item.has-review .card {
        padding-bottom:100px
    }
}

@media screen and (min-width: 1024px) {
    .case-studies-item.has-slider {
        width:calc(66.66% - 20px)
    }
}

@media screen and (min-width: 1200px) {
    .case-studies-item.has-slider {
        width:calc(66.66% - 40px)
    }
}

.case-studies-item.has-slider .card {
    align-items: flex-start;
    background: #f2f5fd;
    border-color: transparent;
    justify-content: flex-start
}

@media screen and (min-width: 1200px) {
    .case-studies-item.has-slider .card {
        padding:50px
    }
}

.case-studies-item.has-slider .h3,.case-studies-item.has-slider h3 {
    font: 600 18px/30px Poppins,sans-serif;
    margin: 0 0 10px
}

@media screen and (min-width: 1200px) {
    .case-studies-item.has-slider .h3,.case-studies-item.has-slider h3 {
        font-size:24px;
        line-height: 36px;
        margin-bottom: 30px
    }
}

@media screen and (min-width: 1440px) {
    .case-studies-item.has-slider .h3,.case-studies-item.has-slider h3 {
        font-size:36px;
        line-height: 44px
    }
}

.case-studies-item:hover .card,.case-studies-item:hover .review {
    box-shadow: 5px 8px 28px rgba(23,23,36,.1)
}

.case-studies-slider .slick-track {
    display: flex
}

.case-studies-slider .slick-list {
    overflow: visible
}

.no-touch .case-studies-slider .slick-list:hover {
    cursor: move;
    cursor: grab
}

.no-touch .case-studies-slider .slick-list:active {
    cursor: grabbing
}

.case-studies-slider .slick-slide {
    display: flex;
    height: auto;
    margin-right: 20px
}

@media screen and (min-width: 1200px) {
    .case-studies-slider .slick-slide {
        margin-right:40px
    }
}

.case-studies-slider .slick-slide>div {
    display: flex;
    flex-grow: 1;
    width: 100%
}

.case-studies-slider .slick-arrow {
    top: -85px
}

@media only screen and (min-width: 1440px) {
    .case-studies-slider .slick-arrow {
        top:-120px
    }
}

.case-studies-slider .slick-arrow.slick-prev {
    left: auto;
    right: 70px
}

@media only screen and (min-width: 1440px) {
    .case-studies-slider .slick-arrow.slick-next {
        right:0
    }
}

.case-studies-slider .case-studies-item {
    margin: 0
}

.case-studies-filters {
    color: #080817;
    font: 16px/24px Poppins,sans-serif;
    margin-bottom: 40px
}

@media screen and (min-width: 1200px) {
    .case-studies-filters {
        margin-bottom:60px
    }
}

.case-studies-filters .inner {
    margin-bottom: 30px
}

@media screen and (min-width: 1024px) {
    .case-studies-filters .inner {
        display:flex
    }
}

@media screen and (min-width: 1200px) {
    .case-studies-filters .inner {
        align-items:center
    }
}

@media screen and (min-width: 768px) {
    .case-studies-filters form {
        align-items:center;
        display: flex;
        flex-grow: 1;
        flex-wrap: wrap;
        margin: 0 -10px
    }
}

.case-studies-filters .h6 {
    display: block;
    margin-bottom: 15px
}

@media screen and (min-width: 1024px) {
    .case-studies-filters .h6 {
        flex-shrink:0;
        margin: 15px 10px 0 0
    }
}

@media screen and (min-width: 1200px) {
    .case-studies-filters .h6 {
        font-size:18px;
        line-height: 28px;
        margin: 0 20px 0 0
    }
}

.case-studies-filters .select-wrap {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .case-studies-filters .select-wrap {
        margin:0 10px 20px;
        width: calc(50% - 20px)
    }
}

@media screen and (min-width: 1024px) {
    .case-studies-filters .select-wrap {
        width:calc(33.33% - 20px)
    }
}

@media screen and (min-width: 1200px) {
    .case-studies-filters .select-wrap {
        margin-bottom:0;
        width: 28%
    }
}

@media screen and (min-width: 1400px) {
    .case-studies-filters .select-wrap {
        width:290px
    }
}

.case-studies-filters .clear-filters {
    background: none;
    border: none;
    cursor: pointer;
    font: 500 16px/24px Poppins,sans-serif;
    margin: 0;
    padding: 0;
    transition: color .3s
}

@media screen and (min-width: 768px) {
    .case-studies-filters .clear-filters {
        margin-left:auto;
        margin-right: 15px
    }
}

.no-touch .case-studies-filters .clear-filters:hover {
    color: #4169e1
}

.steps-section ol {
    counter-reset: counterName;
    font: 14px/20px Poppins,sans-serif;
    list-style: none;
    margin: 0 auto -50px;
    max-width: 400px;
    overflow: hidden;
    padding: 0
}

@media only screen and (min-width: 1024px) {
    .steps-section ol {
        display:flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 -20px -50px;
        max-width: none
    }
}

@media only screen and (min-width: 1200px) {
    .steps-section ol {
        font-size:18px;
        line-height: 30px
    }
}

.steps-section ol li {
    margin: 0 0 50px;
    padding-top: 70px;
    position: relative;
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .steps-section ol li {
        margin:0 20px 50px;
        width: calc(33.33% - 40px)
    }

    .steps-section ol li.steps_4 {
        width: calc(25% - 40px)
    }
}

@media only screen and (min-width: 1200px) {
    .steps-section ol li {
        padding-top:100px
    }
}

@media only screen and (min-width: 1440px) {
    .steps-section ol li {
        padding-top:130px
    }
}

.steps-section ol li:before {
    align-items: center;
    background: #4169e1;
    border-radius: 50%;
    box-shadow: 0 28px 20px rgba(65,105,225,.1);
    color: #fff;
    content: counters(counterName,"-");
    counter-increment: counterName;
    display: flex;
    font-size: 20px;
    font-weight: 600;
    height: 50px;
    justify-content: center;
    left: 50%;
    line-height: 20px;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 50px
}

@media only screen and (min-width: 1200px) {
    .steps-section ol li:before {
        font-size:22px;
        height: 70px;
        line-height: 30px;
        width: 70px
    }
}

@media only screen and (min-width: 1440px) {
    .steps-section ol li:before {
        font-size:24px;
        height: 90px;
        line-height: 36px;
        width: 90px
    }
}

.steps-section ol li.steps_4:before:nth-child(2) {
    background: #17c3b2;
    box-shadow: 0 28px 20px rgba(23,195,178,.1)
}

.steps-section ol li.steps_4:nth-child(3):before {
    background: #c769a7;
    box-shadow: 0 28px 20px rgba(199,105,167,.1)
}

.steps-section ol li.steps_4:nth-child(4):before {
    background: #ff786a;
    box-shadow: 0 28px 20px hsla(6,100%,71%,.1)
}

.steps-section ol li:nth-child(2):before {
    background: #6dceff;
    box-shadow: 0 28px 20px rgba(109,206,255,.1)
}

.steps-section ol li:nth-child(3):before {
    background: #17c3b2;
    box-shadow: 0 28px 20px rgba(23,195,178,.1)
}

.steps-section ol .arrow {
    display: none
}

.steps-section ol .arrow.steps_4 {
    width: 400px
}

@media only screen and (min-width: 1024px) {
    .steps-section ol .arrow {
        display:block;
        left: 67%;
        position: absolute;
        top: 18px
    }

    .steps-section ol .arrow.steps_4 {
        left: 75%
    }
}

@media only screen and (min-width: 1200px) {
    .steps-section ol .arrow {
        left:75%;
        top: 26px
    }

    .steps-section ol .arrow.steps_4 {
        width: 500px
    }
}

@media only screen and (min-width: 1440px) {
    .steps-section ol .arrow {
        left:79%;
        top: 36px
    }
}

.steps-section .h5,.steps-section h5 {
    font: 600 16px/20px Poppins,sans-serif;
    margin: 0 0 10px
}

@media only screen and (min-width: 1024px) {
    .steps-section .h5,.steps-section h5 {
        font-size:18px;
        line-height: 30px
    }
}

@media only screen and (min-width: 1440px) {
    .steps-section .h5,.steps-section h5 {
        font-size:24px;
        line-height: 36px;
        margin-bottom: 20px
    }
}

.steps-section p {
    margin: 0;
    opacity: .7
}

.info-cascade-item {
    font: 16px/24px Poppins,sans-serif
}

@media screen and (min-width: 768px) {
    .info-cascade-item {
        align-items:center;
        display: flex
    }
}

@media only screen and (min-width: 1440px) {
    .info-cascade-item {
        font-size:18px;
        line-height: 30px
    }
}

@media screen and (min-width: 768px) {
    .info-cascade-item.revers .info-cascade-media {
        margin:0 0 0 50px;
        order: 10
    }
}

@media screen and (min-width: 1400px) {
    .info-cascade-item.revers .info-cascade-media {
        margin:0 0 0 120px
    }
}

.info-cascade-item .info-cascade-media {
    margin-bottom: 30px;
    text-align: center
}

@media screen and (min-width: 768px) {
    .info-cascade-item .info-cascade-media {
        flex-shrink:0;
        margin: 0 50px 0 0;
        width: 50%
    }
}

@media screen and (min-width: 1400px) {
    .info-cascade-item .info-cascade-media {
        margin-right:120px
    }
}

.info-cascade-item .info-cascade-media img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    vertical-align: top
}

.info-cascade-item .h2,.info-cascade-item h2 {
    font: 600 30px/40px Poppins,sans-serif;
    margin: 0
}

@media only screen and (min-width: 1024px) {
    .info-cascade-item .h2,.info-cascade-item h2 {
        font-size:33px;
        line-height: 44px
    }
}

@media only screen and (min-width: 1200px) {
    .info-cascade-item .h2,.info-cascade-item h2 {
        font-size:43px;
        line-height: 55px
    }
}

@media only screen and (min-width: 1400px) {
    .info-cascade-item .h2,.info-cascade-item h2 {
        font-size:48px;
        line-height: 64px
    }
}

.info-cascade-item p {
    margin: 15px 0 0;
    opacity: .7
}

@media screen and (min-width: 1200px) {
    .info-cascade-item p {
        margin-top:20px
    }
}

.info-cascade-item .button-link {
    margin-top: 30px
}

@media screen and (min-width: 1400px) {
    .info-cascade-item .button-link {
        margin-top:40px
    }
}

.leadership-section {
    font: 16px/24px Poppins,sans-serif
}

.leadership-section .team-list {
    margin-bottom: -30px
}

@media only screen and (min-width: 568px) {
    .leadership-section .team-list {
        display:flex;
        flex-wrap: wrap;
        margin-left: -25px
    }
}

@media only screen and (min-width: 1440px) {
    .leadership-section .team-list {
        margin:0 0 -30px -40px
    }
}

.leadership-section .team-list .item {
    margin: 0 auto 30px;
    position: relative;
    z-index: 20
}

@media only screen and (min-width: 568px) {
    .leadership-section .team-list .item {
        margin:0 0 30px 25px;
        width: calc(50% - 25px)
    }
}

@media only screen and (min-width: 1024px) {
    .leadership-section .team-list .item {
        width:calc(33.333% - 25px)
    }
}

@media only screen and (min-width: 1200px) {
    .leadership-section .team-list .item {
        margin:0 0 30px 40px;
        width: calc(33.333% - 40px)
    }
}

.leadership-section .team-list .photo-holder {
    border-radius: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
    z-index: 20
}

@media only screen and (min-width: 1200px) {
    .leadership-section .team-list .photo-holder {
        padding-bottom:107.5%
    }
}

.no-touch .leadership-section .team-list .photo-holder:hover .photo {
    transform: scale(1.1)
}

.leadership-section .team-list .photo {
    background-position: 50% 10%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: transform .5s ease;
    width: 100%
}

.leadership-section .team-list .photo>a {
    color: transparent;
    height: 100%;
    left: 0;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 100%;
    z-index: 50
}

@media only screen and (min-width: 768px) {
    .leadership-section .team-list .wrap {
        align-items:center;
        display: flex;
        justify-content: space-between
    }
}

.leadership-section .team-list .info {
    margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
    .leadership-section .team-list .info {
        margin-bottom:0
    }
}

.leadership-section .team-list .social {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -10px;
    padding: 0
}

@media only screen and (min-width: 768px) {
    .leadership-section .team-list .social {
        margin-left:10px
    }
}

@media only screen and (min-width: 1200px) {
    .leadership-section .team-list .social {
        margin:0
    }
}

.leadership-section .team-list .social li {
    margin: 0 10px
}

@media only screen and (min-width: 1200px) {
    .leadership-section .team-list .social li {
        margin:0 15px
    }
}

.leadership-section .team-list .social a {
    align-items: center;
    display: flex;
    position: relative
}

.leadership-section .team-list .social a:before {
    background: #4169e1;
    border-radius: 50%;
    content: "";
    height: 40px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .3s;
    width: 40px
}

.leadership-section .team-list .social a:hover:before {
    opacity: 1
}

.leadership-section .team-list .social a:hover path {
    fill: #fff
}

.leadership-section .team-list .social svg {
    position: relative;
    z-index: 2
}

.leadership-section .team-list .social path {
    transition: fill .3s
}

.leadership-section .team-list .h5,.leadership-section .team-list h5 {
    font: 600 16px/20px Poppins,sans-serif;
    margin: 0 0 5px
}

@media only screen and (min-width: 1024px) {
    .leadership-section .team-list .h5,.leadership-section .team-list h5 {
        font-size:18px;
        line-height: 30px
    }
}

@media only screen and (min-width: 1440px) {
    .leadership-section .team-list .h5,.leadership-section .team-list h5 {
        font-size:24px;
        line-height: 36px
    }
}

.leadership-section .team-list .h5 a,.leadership-section .team-list h5 a {
    text-decoration: none;
    transition: color .3s
}

.leadership-section .team-list .h5 a:hover,.leadership-section .team-list h5 a:hover {
    color: #4169e1
}

.leadership-section .team-list span {
    display: block;
    opacity: .5
}

.sub-pages-nav {
    color: #080817;
    font: 500 14px/20px Poppins,sans-serif;
    margin: 50px 0;
    text-align: center
}

@media only screen and (min-width: 1200px) {
    .sub-pages-nav {
        font-size:16px;
        line-height: 24px;
        margin: 70px 0
    }
}

@media only screen and (min-width: 1440px) {
    .sub-pages-nav {
        margin:100px 0
    }
}

.sub-pages-nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

@media only screen and (min-width: 768px) {
    .sub-pages-nav ul {
        border:1px solid #d9e1f9;
        border-radius: 20px;
        display: inline-flex;
        justify-content: center
    }
}

@media only screen and (min-width: 1200px) {
    .sub-pages-nav ul {
        margin:0 -10px
    }
}

.sub-pages-nav ul li {
    margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
    .sub-pages-nav ul li {
        margin:0
    }
}

.sub-pages-nav ul li.current-menu-item a {
    background: #17c3b2;
    color: #fff;
    opacity: 1
}

.sub-pages-nav ul a {
    border: 1px solid #d9e1f9;
    border-radius: 10px;
    display: block;
    opacity: .7;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

@media only screen and (min-width: 768px) {
    .sub-pages-nav ul a {
        align-items:center;
        border: none;
        display: flex;
        height: 100%;
        padding: 15px
    }
}

@media only screen and (min-width: 1024px) {
    .sub-pages-nav ul a {
        border-radius:20px;
        padding: 20px 30px
    }
}

@media only screen and (min-width: 1200px) {
    .sub-pages-nav ul a {
        padding:19px 45px
    }
}

@media only screen and (min-width: 1440px) {
    .sub-pages-nav ul a {
        padding:19px 62px
    }
}

.sub-pages-nav ul a:hover {
    background: #17c3b2;
    color: #fff
}

.blog-sub-pages-nav {
    color: #080817;
    font: 500 14px/20px Poppins,sans-serif;
    margin: 0 0 20px;
    text-align: center
}

main.nylas-search .blog-sub-pages-nav {
    display: none
}

.blog .blog-sub-pages-nav {
    margin-top: 30px
}

@media only screen and (min-width: 1200px) {
    .blog-sub-pages-nav {
        font-size:16px;
        line-height: 24px
    }

    .blog .blog-sub-pages-nav {
        margin-top: 70px
    }
}

@media only screen and (min-width: 1440px) {
    .blog .blog-sub-pages-nav {
        margin-top:100px
    }
}

.blog-sub-pages-nav ul {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0
}

@media only screen and (min-width: 768px) {
    .blog-sub-pages-nav ul {
        display:flex;
        justify-content: space-between
    }
}

.blog-sub-pages-nav ul li {
    margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
    .blog-sub-pages-nav ul li {
        margin:0
    }
}

.blog-sub-pages-nav ul li.current-menu-item a {
    background: #4169e1;
    color: #fff;
    opacity: 1
}

.blog-sub-pages-nav ul a {
    border: 1px solid #d9e1f9;
    border-radius: 10px;
    display: block;
    opacity: .7;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

@media only screen and (min-width: 768px) {
    .blog-sub-pages-nav ul a {
        align-items:center;
        border: none;
        display: flex;
        height: 100%;
        padding: 12px 14px
    }
}

@media only screen and (min-width: 1024px) {
    .blog-sub-pages-nav ul a {
        border-radius:56px
    }
}

.blog-sub-pages-nav ul a:hover {
    background: #4169e1;
    color: #fff
}

.blog-sub-pages-nav--with-search>.main-container {
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media only screen and (min-width: 768px) {
    .blog-sub-pages-nav--with-search>.main-container {
        align-items:center;
        flex-direction: row;
        gap: 40px;
        justify-content: space-between
    }
}

.blog-sub-pages-nav--with-search>.main-container>ul {
    flex-grow: 1
}

.blog-sub-pages-nav .mobile-select-menu {
    align-items: center;
    display: flex;
    position: relative
}

.blog-sub-pages-nav .mobile-select-menu select {
    -webkit-appearance: none!important;
    background: #fff!important;
    border: 1px solid #cacaca!important;
    border-radius: 10px!important;
    color: #080817!important;
    display: block!important;
    float: none!important;
    font-family: Poppins,sans-serif!important;
    font-size: 14px!important;
    height: 48px!important;
    line-height: 20px!important;
    margin: 0!important;
    outline: none!important;
    overflow: hidden!important;
    padding: 10px 40px 10px 20px!important;
    text-overflow: ellipsis;
    vertical-align: middle!important;
    white-space: nowrap;
    width: 100%!important
}

.blog-sub-pages-nav .mobile-select-menu select:focus {
    border-color: #4169e1!important
}

.blog-sub-pages-nav .mobile-select-menu svg {
    pointer-events: none;
    position: absolute;
    right: 16px
}

.blog-sub-pages-nav .search-form form {
    position: relative
}

.blog-sub-pages-nav .search-form input {
    transition: border-color .5s
}

.blog-sub-pages-nav .search-form button {
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    z-index: 10
}

@supports selector(:has(a,b)) {
    .blog-sub-pages-nav .search-form input[type=text]::placeholder {
        opacity: 0
    }

    .blog-sub-pages-nav .search-form button {
        left: 10px;
        opacity: 0
    }

    .blog-sub-pages-nav .search-form:has(input[type=text]:placeholder-shown:not(:focus-within)) button {
        opacity: 1
    }
}

.blog-sub-pages-nav .search-form input[type=text] {
    min-width: 240px
}

.blog-sub-pages-nav .search-form input[type=email],.blog-sub-pages-nav .search-form input[type=number],.blog-sub-pages-nav .search-form input[type=password],.blog-sub-pages-nav .search-form input[type=tel],.blog-sub-pages-nav .search-form input[type=text],.blog-sub-pages-nav .search-form textarea {
    -webkit-appearance: none!important;
    background: #fff!important;
    border: 1px solid #cacaca!important;
    border-radius: 10px!important;
    color: #080817!important;
    display: block!important;
    float: none!important;
    font-family: Poppins,sans-serif!important;
    font-size: 14px!important;
    height: 48px!important;
    line-height: 20px!important;
    margin: 0!important;
    outline: none!important;
    padding: 10px 20px!important;
    vertical-align: middle!important;
    width: 100%!important
}

@media only screen and (min-width: 768px) {
    .blog-sub-pages-nav .search-form input[type=email],.blog-sub-pages-nav .search-form input[type=number],.blog-sub-pages-nav .search-form input[type=password],.blog-sub-pages-nav .search-form input[type=tel],.blog-sub-pages-nav .search-form input[type=text],.blog-sub-pages-nav .search-form textarea {
        height:48px!important;
        padding: 18px 20px!important
    }
}

@media only screen and (min-width: 1200px) {
    .blog-sub-pages-nav .search-form input[type=email],.blog-sub-pages-nav .search-form input[type=number],.blog-sub-pages-nav .search-form input[type=password],.blog-sub-pages-nav .search-form input[type=tel],.blog-sub-pages-nav .search-form input[type=text],.blog-sub-pages-nav .search-form textarea {
        transition:border-color .5s
    }
}

.blog-sub-pages-nav .search-form input[type=email]:focus,.blog-sub-pages-nav .search-form input[type=number]:focus,.blog-sub-pages-nav .search-form input[type=password]:focus,.blog-sub-pages-nav .search-form input[type=tel]:focus,.blog-sub-pages-nav .search-form input[type=text]:focus,.blog-sub-pages-nav .search-form textarea:focus {
    border-color: #4169e1!important
}

.blog-sub-pages-nav .search-form input[type=email].mktoField.mktoInvalid,.blog-sub-pages-nav .search-form input[type=number].mktoField.mktoInvalid,.blog-sub-pages-nav .search-form input[type=password].mktoField.mktoInvalid,.blog-sub-pages-nav .search-form input[type=tel].mktoField.mktoInvalid,.blog-sub-pages-nav .search-form input[type=text].mktoField.mktoInvalid,.blog-sub-pages-nav .search-form textarea.mktoField.mktoInvalid {
    border-color: red!important
}

@media only screen and (min-width: 768px) {
    .blog-sub-pages-nav .mobile-select-menu {
        display:none
    }
}

.prev-next-nav {
    border-top: 1px solid rgba(65,105,225,.2);
    display: flex;
    font: 500 14px/20px Poppins,sans-serif;
    justify-content: space-between;
    padding-top: 30px
}

@media only screen and (min-width: 1024px) {
    .prev-next-nav {
        font-size:16px;
        line-height: 24px;
        padding-top: 60px
    }
}

.prev-next-nav>div {
    width: 50%
}

.prev-next-nav>div.prev a:hover svg {
    transform: translateX(-10px)
}

.prev-next-nav>div.prev svg {
    margin-right: 10px
}

.prev-next-nav>div.next {
    margin-left: auto;
    text-align: right
}

.prev-next-nav>div.next a:hover svg {
    transform: translateX(10px)
}

.prev-next-nav>div.next svg {
    margin-left: 10px
}

.prev-next-nav a {
    text-decoration: none;
    transition: color .3s
}

.prev-next-nav a svg {
    display: inline-block;
    margin-top: -2px;
    transition: transform .3s;
    vertical-align: middle
}

.prev-next-nav a:hover {
    color: #4169e1
}

.our-values-section {
    font: 16px/24px Poppins,sans-serif
}

@media screen and (min-width: 768px) {
    .our-values-section {
        align-items:center;
        display: flex
    }
}

@media only screen and (min-width: 1440px) {
    .our-values-section {
        font-size:18px;
        line-height: 30px
    }
}

.our-values-section .h4,.our-values-section h4 {
    font: 600 18px/30px Poppins,sans-serif;
    margin: 0
}

@media only screen and (min-width: 1024px) {
    .our-values-section .h4,.our-values-section h4 {
        font-size:24px;
        line-height: 36px
    }
}

@media only screen and (min-width: 1200px) {
    .our-values-section .h4,.our-values-section h4 {
        font-size:30px;
        line-height: 40px
    }
}

.our-values-section .h6,.our-values-section h6 {
    font: 600 18px/30px Poppins,sans-serif;
    margin: 0
}

.our-values-section p {
    margin: 15px 0 0;
    opacity: .7
}

@media screen and (min-width: 1200px) {
    .our-values-section p {
        margin-top:20px
    }
}

@media screen and (min-width: 768px) {
    .our-values-list {
        display:flex;
        flex-wrap: wrap;
        margin: 0 -10px -20px
    }
}

@media screen and (min-width: 1200px) {
    .our-values-list {
        margin:0 -20px -40px
    }
}

.our-values-list .item {
    border: 1px solid #d9e1f9;
    border-radius: 20px;
    margin-bottom: 20px;
    padding: 20px
}

@media screen and (min-width: 768px) {
    .our-values-list .item {
        display:flex;
        margin: 0 10px 20px;
        width: calc(50% - 20px)
    }
}

@media screen and (min-width: 1200px) {
    .our-values-list .item {
        margin:0 20px 40px;
        padding: 40px 80px 40px 40px;
        width: calc(50% - 40px)
    }
}

.our-values-list .ico-holder {
    height: 64px;
    margin-bottom: 20px;
    width: 64px
}

@media screen and (min-width: 1024px) {
    .our-values-list .ico-holder {
        flex-shrink:0;
        margin-bottom: 0;
        margin-right: 20px
    }
}

.our-values-list.colored .item {
    background: #f2f5fd;
    border-color: #f2f5fd
}

.error-block-section {
    align-items: center;
    background-color: #4169e1;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    display: flex;
    font: 16px/24px Poppins,sans-serif;
    justify-content: center;
    min-height: 100vh
}

@media only screen and (min-width: 1200px) {
    .error-block-section {
        font-size:18px;
        line-height: 30px
    }
}

.error-block-section .wrap {
    padding: 100px 0;
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .error-block-section .wrap {
        margin:0 auto;
        width: 730px
    }
}

@media only screen and (min-width: 1200px) {
    .error-block-section .wrap {
        padding:200px 0
    }
}

@media only screen and (min-width: 1800px) {
    .error-block-section .wrap {
        padding:235px 0
    }
}

.error-block-section img {
    display: inline-block;
    height: auto;
    margin-bottom: 20px;
    max-width: 300px;
    vertical-align: top
}

@media only screen and (min-width: 1200px) {
    .error-block-section img {
        margin-bottom:40px;
        max-width: 538px
    }
}

.error-block-section .h1,.error-block-section h1 {
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 20px
}

@media only screen and (min-width: 1200px) {
    .error-block-section .h1,.error-block-section h1 {
        font-size:36px;
        line-height: 44px;
        margin-bottom: 30px
    }
}

.error-block-section p {
    margin: 0;
    opacity: .7
}

.error-block-section .button-link {
    font-weight: 600!important;
    margin-top: 30px
}

@media only screen and (min-width: 1200px) {
    .error-block-section .button-link {
        margin-top:60px
    }
}

.hero-section .featured-video-holder,.our-culture-section .featured-video-holder {
    margin-bottom: 30px
}

@media screen and (max-width: 767px) {
    .hero-section .featured-video-holder,.our-culture-section .featured-video-holder {
        min-height:200px
    }
}

@media screen and (min-width: 1200px) {
    .hero-section .featured-video-holder,.our-culture-section .featured-video-holder {
        margin-bottom:40px
    }
}

.hero-section .featured-video-holder a:after,.our-culture-section .featured-video-holder a:after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.featured-video-holder {
    align-items: flex-end;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    display: flex;
    margin: 0 auto;
    max-width: 1058px;
    min-height: 300px;
    overflow: hidden;
    padding: 20px;
    position: relative;
    z-index: 20
}

@media screen and (min-width: 768px) {
    .featured-video-holder {
        min-height:450px;
        padding: 40px
    }
}

@media screen and (min-width: 1200px) {
    .featured-video-holder {
        min-height:595px
    }
}

.featured-video-holder:after {
    background: linear-gradient(1turn,rgba(8,8,23,.7) -7.9%,rgba(8,8,23,0) 69.5%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.featured-video-holder .h3,.featured-video-holder h3 {
    color: #fff;
    display: flex;
    font: 600 18px/30px Poppins,sans-serif;
    margin: 0
}

@media only screen and (min-width: 1024px) {
    .featured-video-holder .h3,.featured-video-holder h3 {
        font-size:24px;
        line-height: 36px
    }
}

@media screen and (min-width: 1200px) {
    .featured-video-holder .h3,.featured-video-holder h3 {
        max-width:80%
    }
}

.featured-video-holder .h3 a,.featured-video-holder h3 a {
    align-items: center;
    display: flex;
    text-decoration: none;
    transition: color .5s
}

@media screen and (max-width: 767px) {
    .featured-video-holder .h3 a,.featured-video-holder h3 a {
        font-size:0;
        line-height: 0
    }
}

.featured-video-holder .h3 a:hover,.featured-video-holder h3 a:hover {
    color: #17c3b2
}

.featured-video-holder .h3 a:hover svg path,.featured-video-holder h3 a:hover svg path {
    fill: #17c3b2
}

.featured-video-holder .h3 svg,.featured-video-holder h3 svg {
    flex-shrink: 0;
    height: 50px;
    margin-right: 30px;
    width: 50px
}

@media screen and (min-width: 1200px) {
    .featured-video-holder .h3 svg,.featured-video-holder h3 svg {
        height:72px;
        margin-right: 42px;
        width: 72px
    }
}

.featured-video-holder .h3 svg path,.featured-video-holder h3 svg path {
    transition: fill .5s
}

.small-images-gallery {
    margin: 0 -25px
}

.small-images-gallery .slick-list {
    overflow: visible
}

.no-touch .small-images-gallery .slick-list:hover {
    cursor: move;
    cursor: grab
}

.no-touch .small-images-gallery .slick-list:active {
    cursor: grabbing
}

.small-images-gallery .item {
    padding-left: 25px
}

@media screen and (min-width: 1200px) {
    .small-images-gallery .item {
        padding:0 15px 0 25px
    }
}

.small-images-gallery .img-holder {
    border-radius: 20px;
    overflow: hidden;
    padding-top: 70%;
    position: relative;
    width: calc(100vw - 50px);
    z-index: 20
}

@media screen and (min-width: 768px) {
    .small-images-gallery .img-holder {
        height:250px;
        width: 300px
    }
}

@media screen and (min-width: 1024px) {
    .small-images-gallery .img-holder {
        height:310px;
        width: 400px
    }
}

.small-images-gallery .img-holder:after {
    background: linear-gradient(1turn,rgba(8,8,23,.7) -7.9%,rgba(8,8,23,0) 69.5%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.small-images-gallery img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.small-images-gallery .slick-dots {
    flex-wrap: wrap;
    padding-left: 25px;
    padding-right: 25px
}

.thank-you-section {
    align-items: center;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    font: 16px/24px Poppins,sans-serif;
    justify-content: center;
    min-height: calc(100vh - 64px);
    padding: 100px 0;
    text-align: center
}

@media screen and (min-width: 1200px) {
    .thank-you-section {
        font-size:18px;
        line-height: 30px
    }
}

.thank-you-section .block {
    background: #fff;
    border-radius: 20px;
    box-shadow: 5px 8px 28px rgba(23,23,36,.1);
    padding: 40px
}

@media screen and (min-width: 768px) {
    .thank-you-section .block {
        margin:0 auto;
        max-width: 700px;
        padding: 60px
    }
}

@media screen and (min-width: 1200px) {
    .thank-you-section .block {
        padding:40px
    }
}

@media screen and (min-width: 1440px) {
    .thank-you-section .block {
        max-width:840px;
        padding: 60px
    }
}

.thank-you-section .h1,.thank-you-section h1 {
    font-weight: 600;
    margin: 0 0 20px
}

@media screen and (min-width: 1200px) {
    .thank-you-section .h1,.thank-you-section h1 {
        font-size:40px;
        line-height: 50px
    }
}

@media screen and (min-width: 1440px) {
    .thank-you-section .h1,.thank-you-section h1 {
        font-size:60px;
        line-height: 80px;
        margin-bottom: 30px
    }
}

.thank-you-section p {
    margin: 0;
    opacity: .7
}

.thank-you-section .button-link {
    margin-top: 20px;
    width: 100%
}

@media screen and (min-width: 1200px) {
    .thank-you-section .button-link {
        margin-top:40px
    }
}

#comments .form-submit .thank-you-section input,.thank-you-section #comments .form-submit input,.thank-you-section .btn {
    border: solid #4169e1
}

.thank-you-section .thank-you-video {
    margin-top: 50px;
    padding-bottom: 75%;
    position: relative
}

@media screen and (min-width: 900px) {
    .thank-you-section .thank-you-video {
        padding-bottom:55%
    }
}

.thank-you-section .thank-you-video iframe {
    height: 90%;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    width: 90%
}

.comparison-content-section {
    color: #080817;
    font: 16px/24px Poppins,sans-serif
}

@media screen and (min-width: 1200px) {
    .comparison-content-section {
        font-size:18px;
        line-height: 30px
    }
}

@media screen and (min-width: 768px) {
    .comparison-content-section .row {
        display:flex;
        justify-content: space-between
    }
}

.comparison-content-section .column {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .comparison-content-section .column {
        width:45%
    }
}

@media screen and (min-width: 1024px) {
    .comparison-content-section .column {
        width:40%
    }
}

@media screen and (min-width: 1200px) {
    .comparison-content-section .column {
        margin-bottom:40px
    }
}

.comparison-content-section .column .item {
    background: #f1fbff;
    border-radius: 20px;
    height: 100%;
    padding: 20px;
    position: relative
}

@media screen and (min-width: 1024px) {
    .comparison-content-section .column .item {
        padding:30px 40px
    }
}

@media screen and (min-width: 1200px) {
    .comparison-content-section .column .item {
        display:flex
    }
}

.comparison-content-section .column .item:after,.comparison-content-section .column .item:before {
    content: "";
    position: absolute
}

@media screen and (min-width: 768px) {
    .comparison-content-section .column .item:after,.comparison-content-section .column .item:before {
        left:100%;
        top: 50%;
        transform: translateY(-50%)
    }
}

.comparison-content-section .column .item:before {
    border: 1px dashed #17c3b2;
    height: 80px;
    left: 50%;
    margin-top: 10px;
    top: 100%;
    transform: translateX(-50%)
}

@media screen and (min-width: 768px) {
    .comparison-content-section .column .item:before {
        border:1px dashed #17c3b2;
        height: 1px;
        left: 100%;
        margin-left: 3%;
        top: 50%;
        transform: translateY(-50%);
        width: 7vw
    }
}

@media screen and (min-width: 1024px) {
    .comparison-content-section .column .item:before {
        margin-left:5vw
    }
}

@media screen and (min-width: 1200px) {
    .comparison-content-section .column .item:before {
        margin-left:13%;
        width: 110px
    }
}

.comparison-content-section .column .item:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #17c3b2;
    left: 50%;
    margin-top: 85px;
    top: 100%;
    transform: translateX(-50%)
}

@media screen and (min-width: 768px) {
    .comparison-content-section .column .item:after {
        border:5px solid transparent;
        border-left: 10px solid #17c3b2;
        border-right: none;
        left: 100%;
        margin: 10px 0 0 7.5vw;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media screen and (min-width: 1024px) {
    .comparison-content-section .column .item:after {
        margin-left:12vw
    }
}

@media screen and (min-width: 1200px) {
    .comparison-content-section .column .item:after {
        margin-left:38%
    }
}

@media screen and (min-width: 1400px) {
    .comparison-content-section .column .item:after {
        margin-left:35%
    }
}

.comparison-content-section .column .item p {
    margin: 0;
    opacity: .7
}

.comparison-content-section .column .item p a {
    text-decoration: underline
}

.comparison-content-section .column:first-child .item {
    margin-bottom: 100px
}

@media screen and (min-width: 768px) {
    .comparison-content-section .column:first-child .item {
        margin:0
    }
}

.comparison-content-section .column:last-child .item {
    background: #fff2f1
}

.comparison-content-section .column:last-child .item:after,.comparison-content-section .column:last-child .item:before {
    display: none
}

.comparison-content-section .h4,.comparison-content-section h4 {
    display: none;
    font-weight: 600;
    margin: 0;
    text-align: center
}

@media screen and (min-width: 768px) {
    .comparison-content-section .h4,.comparison-content-section h4 {
        display:block;
        font-size: 22px;
        line-height: 30px
    }
}

@media screen and (min-width: 1200px) {
    .comparison-content-section .h4,.comparison-content-section h4 {
        font-size:30px;
        line-height: 40px
    }
}

.comparison-content-section .icon {
    flex-shrink: 0;
    height: 64px;
    margin: 0 0 10px;
    width: 64px
}

@media screen and (min-width: 1200px) {
    .comparison-content-section .icon {
        margin:0 20px 0 0
    }
}

.difference-section {
    color: #080817;
    font: 14px/20px Poppins,sans-serif
}

@media screen and (min-width: 768px) {
    .difference-section {
        font-size:16px;
        line-height: 28px
    }
}

@media screen and (min-width: 1440px) {
    .difference-section {
        font-size:18px;
        line-height: 30px
    }
}

@media screen and (min-width: 1200px) {
    .difference-section .tabs-holder {
        display:flex;
        justify-content: space-between
    }
}

.difference-section .tabs-nav {
    font-weight: 600;
    list-style: none;
    margin: 0 0 40px;
    padding: 0
}

@media screen and (min-width: 1200px) {
    .difference-section .tabs-nav {
        flex-shrink:0;
        margin-right: 20px;
        width: 200px
    }
}

.difference-section .tabs-nav li {
    margin-bottom: 20px
}

@media screen and (min-width: 1200px) {
    .difference-section .tabs-nav li {
        margin-bottom:40px
    }
}

.difference-section .tabs-nav li.active a {
    color: #4169e1;
    font-size: 18px;
    line-height: 26px;
    opacity: 1
}

@media screen and (min-width: 1200px) {
    .difference-section .tabs-nav li.active a {
        font-size:24px;
        line-height: 36px
    }
}

.difference-section .tabs-nav a {
    opacity: .7;
    text-decoration: none;
    transition: all .3s
}

.difference-section .tabs-nav a:hover {
    color: #4169e1
}

.difference-section .tabs {
    flex-grow: 1
}

@media screen and (min-width: 1024px) {
    .difference-section .holder {
        align-items:flex-start;
        display: flex;
        justify-content: space-between
    }
}

.difference-section .image {
    margin: 0 auto 40px;
    max-width: 320px
}

@media screen and (min-width: 768px) {
    .difference-section .image {
        max-width:600px
    }
}

@media screen and (min-width: 1024px) {
    .difference-section .image {
        display:flex;
        flex-shrink: 0;
        margin: 0;
        max-width: 320px;
        width: 45%
    }
}

@media screen and (min-width: 1440px) {
    .difference-section .image {
        max-width:420px;
        width: 50%
    }
}

@media screen and (min-width: 1800px) {
    .difference-section .image {
        max-width:510px
    }
}

.difference-section img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: top
}

@media screen and (min-width: 1024px) {
    .difference-section .accordion-block {
        flex-shrink:0;
        width: 55%
    }
}

@media screen and (min-width: 1440px) {
    .difference-section .accordion-block {
        width:48%
    }
}

.difference-section .accordion-item {
    border-radius: 20px;
    padding: 20px 20px 20px 70px;
    position: relative;
    transition: background-color .3s
}

@media screen and (min-width: 1200px) {
    .difference-section .accordion-item {
        padding:30px 50px 28px 110px
    }
}

.difference-section .accordion-item .heading {
    align-items: center;
    cursor: pointer;
    display: flex;
    position: relative
}

.difference-section .accordion-item .icon {
    flex-shrink: 0;
    margin: 0 10px 0 -60px;
    text-align: center;
    width: 50px
}

@media screen and (min-width: 1200px) {
    .difference-section .accordion-item .icon {
        margin:0 20px 0 -70px;
        width: 64px
    }
}

.difference-section .accordion-item .h6 {
    font-size: 18px;
    line-height: 28px
}

@media screen and (min-width: 1200px) {
    .difference-section .accordion-item .hidden-info {
        padding-left:15px
    }
}

@media screen and (min-width: 1440px) {
    .difference-section .accordion-item .hidden-info {
        padding-top:18px
    }
}

.difference-section .accordion-item p {
    margin: 0;
    opacity: .7
}

.difference-section .accordion-item.opened {
    background: #fff
}

.difference-section .tab {
    left: -100%;
    opacity: 0;
    position: absolute;
    top: -3000px;
    transition: opacity .8s ease,visibility .8s;
    visibility: hidden;
    width: 100%
}

.difference-section .tab.active {
    left: 0;
    opacity: 1;
    position: relative;
    top: 0;
    visibility: visible
}

.accordion-block .accordion-item .hidden-info {
    display: none
}

.connect-form,.imc-form {
    background: #fff;
    border-radius: 20px;
    box-shadow: 5px 8px 28px rgba(23,23,36,.1);
    color: #080817;
    padding: 20px;
    position: relative;
    z-index: 12
}

@media only screen and (min-width: 768px) {
    .connect-form,.imc-form {
        padding:40px
    }
}

@media only screen and (min-width: 1200px) {
    .connect-form,.imc-form {
        margin:0 auto;
        max-width: 840px;
        padding: 60px
    }
}

.connect-form form.mktoForm,.imc-form form.mktoForm {
    width: 100%!important
}

.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email],.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number],.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password],.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel],.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text],.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap select,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email],.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number],.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password],.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel],.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text],.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap select,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea {
    -webkit-appearance: none!important;
    background: #f2f5fd!important;
    border: 1px solid transparent!important;
    border-radius: 10px!important;
    color: #080817!important;
    display: inline-block!important;
    float: none!important;
    font-family: Poppins,sans-serif!important;
    font-size: 14px!important;
    height: 44px!important;
    line-height: 20px!important;
    margin: 0!important;
    outline: none!important;
    padding: 10px 20px!important;
    vertical-align: middle!important;
    width: 100%!important
}

@media only screen and (min-width: 768px) {
    .connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email],.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number],.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password],.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel],.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text],.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap select,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email],.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number],.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password],.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel],.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text],.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap select,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea {
        height:54px!important;
        padding: 18px 20px!important
    }
}

@media only screen and (min-width: 1200px) {
    .connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email],.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number],.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password],.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel],.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text],.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap select,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email],.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number],.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password],.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel],.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text],.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap select,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea {
        transition:border-color .5s
    }
}

.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email:focus,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email]:focus,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number]:focus,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password]:focus,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel]:focus,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text]:focus,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap select:focus,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea:focus,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email:focus,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email]:focus,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number]:focus,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password]:focus,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel]:focus,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text]:focus,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap select:focus,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea:focus {
    border-color: #4169e1!important
}

.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email.mktoField.mktoInvalid,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email].mktoField.mktoInvalid,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number].mktoField.mktoInvalid,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password].mktoField.mktoInvalid,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel].mktoField.mktoInvalid,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text].mktoField.mktoInvalid,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap select.mktoField.mktoInvalid,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea.mktoField.mktoInvalid,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email.mktoField.mktoInvalid,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email].mktoField.mktoInvalid,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number].mktoField.mktoInvalid,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password].mktoField.mktoInvalid,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel].mktoField.mktoInvalid,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text].mktoField.mktoInvalid,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap select.mktoField.mktoInvalid,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea.mktoField.mktoInvalid {
    border-color: red!important
}

.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email::-webkit-input-placeholder,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email]::-webkit-input-placeholder,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number]::-webkit-input-placeholder,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password]::-webkit-input-placeholder,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel]::-webkit-input-placeholder,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text]::-webkit-input-placeholder,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap select::-webkit-input-placeholder,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea::-webkit-input-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email::-webkit-input-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email]::-webkit-input-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number]::-webkit-input-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password]::-webkit-input-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel]::-webkit-input-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text]::-webkit-input-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap select::-webkit-input-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea::-webkit-input-placeholder {
    color: transparent!important
}

.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email:-moz-placeholder,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email::-moz-placeholder,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email]:-moz-placeholder,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email]::-moz-placeholder,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number]:-moz-placeholder,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number]::-moz-placeholder,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password]:-moz-placeholder,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password]::-moz-placeholder,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel]:-moz-placeholder,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel]::-moz-placeholder,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text]:-moz-placeholder,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text]::-moz-placeholder,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap select:-moz-placeholder,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap select::-moz-placeholder,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea:-moz-placeholder,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea::-moz-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email:-moz-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email::-moz-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email]:-moz-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email]::-moz-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number]:-moz-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number]::-moz-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password]:-moz-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password]::-moz-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel]:-moz-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel]::-moz-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text]:-moz-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text]::-moz-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap select:-moz-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap select::-moz-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea:-moz-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea::-moz-placeholder {
    color: transparent!important
}

.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email:-ms-input-placeholder,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email]:-ms-input-placeholder,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number]:-ms-input-placeholder,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password]:-ms-input-placeholder,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel]:-ms-input-placeholder,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text]:-ms-input-placeholder,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap select:-ms-input-placeholder,.connect-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea:-ms-input-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email:-ms-input-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email]:-ms-input-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number]:-ms-input-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password]:-ms-input-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel]:-ms-input-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text]:-ms-input-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap select:-ms-input-placeholder,.imc-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea:-ms-input-placeholder {
    color: transparent!important
}

.connect-form form.mktoForm .mktoFormRow,.imc-form form.mktoForm .mktoFormRow {
    margin-right: 0!important;
    width: 100%!important
}

@media screen and (min-width: 768px) {
    .connect-form form.mktoForm .mktoFormRow:first-of-type,.imc-form form.mktoForm .mktoFormRow:first-of-type {
        clear:none;
        float: left!important;
        width: 48%!important
    }

    .connect-form form.mktoForm .mktoFormRow:first-of-type+.mktoFormRow,.imc-form form.mktoForm .mktoFormRow:first-of-type+.mktoFormRow {
        clear: none;
        float: right;
        width: 48%!important
    }
}

.connect-form form.mktoForm .mktoFormCol,.imc-form form.mktoForm .mktoFormCol {
    float: none;
    margin-bottom: 30px!important;
    width: 100%
}

.connect-form form.mktoForm .mktoFieldWrap,.imc-form form.mktoForm .mktoFieldWrap {
    float: none;
    width: 100%
}

.connect-form form.mktoForm label.mktoLabel,.imc-form form.mktoForm label.mktoLabel {
    color: #080817;
    display: inline-block!important;
    float: none;
    font: 400 16px/24px Poppins,sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
    padding-top: 0;
    width: auto!important
}

.connect-form form.mktoForm .mktoGutter,.connect-form form.mktoForm .mktoOffset,.imc-form form.mktoForm .mktoGutter,.imc-form form.mktoForm .mktoOffset {
    display: none!important
}

.connect-form form.mktoForm .mktoButtonRow,.imc-form form.mktoForm .mktoButtonRow {
    display: block;
    margin-top: 35px;
    width: 100%
}

.connect-form form.mktoForm .mktoButtonWrap.mktoSimple,.imc-form form.mktoForm .mktoButtonWrap.mktoSimple {
    margin-left: 0!important
}

.connect-form form.mktoForm .mktoButton,.imc-form form.mktoForm .mktoButton {
    background: #4169e1!important;
    border: 1px solid transparent!important;
    border-radius: 10px!important;
    color: #fff!important;
    cursor: pointer;
    display: block;
    font: 500 14px/20px Poppins,sans-serif;
    margin: 0!important;
    padding: 13px 35px!important;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase!important;
    transition: background-color .3s;
    width: 100%
}

@media only screen and (min-width: 1200px) {
    .connect-form form.mktoForm .mktoButton,.imc-form form.mktoForm .mktoButton {
        font-size:16px!important;
        line-height: 24px
    }
}

.connect-form form.mktoForm .mktoButton:first-letter,.imc-form form.mktoForm .mktoButton:first-letter {
    text-transform: uppercase
}

.connect-form form.mktoForm .mktoButton:hover,.imc-form form.mktoForm .mktoButton:hover {
    background: #fff!important;
    border-color: #4169e1!important;
    color: #4169e1!important
}

.connect-form form.mktoForm .mktoError .mktoErrorMsg,.imc-form form.mktoForm .mktoError .mktoErrorMsg {
    left: 0;
    position: absolute;
    width: 100%
}

.connect-form form.mktoForm .mktoError .mktoErrorMsg .mktoErrorDetail,.imc-form form.mktoForm .mktoError .mktoErrorMsg .mktoErrorDetail {
    display: none!important
}

.connect-form .mktoForm:not(#mktoForm_1250) .mktoFormCol,.imc-form .mktoForm:not(#mktoForm_1250) .mktoFormCol {
    margin-bottom: 25px!important
}

.breadcrumbs-wrap {
    background-color: #f2f5fd;
    color: #080817;
    font: 14px/24px Poppins,sans-serif;
    margin-bottom: 40px;
    padding: 14px 25px;
    position: relative
}

@media screen and (min-width: 1200px) {
    .breadcrumbs-wrap {
        padding:10px 40px
    }
}

@media screen and (min-width: 1800px) {
    .breadcrumbs-wrap {
        padding:10px 80px
    }
}

.breadcrumbs-wrap ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 0 0 -30px;
    padding: 0
}

.breadcrumbs-wrap li {
    margin-bottom: 4px;
    margin-top: 4px;
    padding-left: 30px;
    position: relative
}

.breadcrumbs-wrap li:last-child {
    opacity: .7
}

@media screen and (max-width: 767px) {
    .breadcrumbs-wrap li:last-child {
        max-width:260px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.breadcrumbs-wrap li:last-child:after {
    display: none
}

.breadcrumbs-wrap li:after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.646.146a.5.5 0 0 0 0 .708L4.793 5 .646 9.146a.5.5 0 1 0 .708.708l4.5-4.5a.5.5 0 0 0 0-.708l-4.5-4.5a.5.5 0 0 0-.708 0Z' fill='%232563EB'/%3E%3C/svg%3E");
    left: 100%;
    margin-left: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.breadcrumbs-wrap a {
    color: #4169e1;
    text-decoration: none
}

.no-touch .breadcrumbs-wrap a {
    transition: color .5s ease-in-out
}

.no-touch .breadcrumbs-wrap a:hover {
    color: #17c3b2
}

.counters-section {
    color: #080817;
    font: 16px/24px Poppins,sans-serif
}

@media screen and (min-width: 768px) {
    .counters-section .items {
        display:flex;
        justify-content: center;
        margin: 0 -30px -20px
    }
}

.counters-section .item {
    border-bottom: 1px solid rgba(65,105,225,.2);
    margin-bottom: 40px;
    padding-bottom: 40px;
    text-align: center
}

@media screen and (min-width: 768px) {
    .counters-section .item {
        border:none;
        border-left: 1px solid rgba(65,105,225,.2);
        margin-bottom: 20px;
        padding: 0 10px;
        width: calc(33.33% - 20px)
    }

    .counters-section .item:first-child {
        border-left: none
    }
}

.counters-section .item:last-child {
    border-bottom: none
}

@media screen and (max-width: 767px) {
    .counters-section .item:last-child {
        margin-bottom:0;
        padding-bottom: 0
    }
}

@media screen and (min-width: 1200px) {
    .counters-section .item.has-animation {
        opacity:0;
        transition: opacity .3s
    }
}

.counters-section .item.animate {
    opacity: 1
}

.counters-section .title {
    color: rgba(8,8,23,.7);
    display: block;
    margin-bottom: 10px
}

.counters-section .number {
    color: #4169e1;
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 10px
}

@media screen and (min-width: 1200px) {
    .counters-section .number {
        font-size:60px;
        line-height: 60px;
        margin-bottom: 20px
    }
}

.counters-section .h6 {
    text-transform: capitalize
}

@media screen and (min-width: 1200px) {
    .counters-section .h6 {
        font-size:18px;
        line-height: 26px
    }
}

.case-study-details-section {
    color: #080817;
    font: 16px/24px Poppins,sans-serif
}

@media only screen and (min-width: 1400px) {
    .case-study-details-section {
        font-size:18px;
        line-height: 30px
    }
}

@media only screen and (min-width: 1024px) {
    .case-study-details-section .inner {
        align-items:flex-start;
        display: flex;
        justify-content: space-between
    }

    .case-study-details-content {
        width: 56%
    }
}

@media only screen and (min-width: 1200px) {
    .case-study-details-content {
        width:65.5%
    }
}

@media only screen and (min-width: 1400px) {
    .case-study-details-content {
        width:57%
    }
}

.case-study-details-content .h1,.case-study-details-content .h2,.case-study-details-content .h3,.case-study-details-content .h4,.case-study-details-content .h5,.case-study-details-content .h6,.case-study-details-content h1,.case-study-details-content h2,.case-study-details-content h3,.case-study-details-content h4,.case-study-details-content h5,.case-study-details-content h6 {
    font-weight: 600;
    margin: 0
}

.case-study-details-content .h1,.case-study-details-content h1 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px
}

@media only screen and (min-width: 1200px) {
    .case-study-details-content .h1,.case-study-details-content h1 {
        font-size:45px;
        line-height: 65px
    }
}

@media only screen and (min-width: 1400px) {
    .case-study-details-content .h1,.case-study-details-content h1 {
        font-size:60px;
        line-height: 80px;
        margin-bottom: 30px
    }
}

.case-study-details-content .h2,.case-study-details-content h2 {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 20px
}

@media only screen and (min-width: 1200px) {
    .case-study-details-content .h2,.case-study-details-content h2 {
        font-size:36px;
        line-height: 46px
    }
}

@media only screen and (min-width: 1400px) {
    .case-study-details-content .h2,.case-study-details-content h2 {
        font-size:46px;
        line-height: 56px;
        margin-bottom: 30px
    }
}

.case-study-details-content .h3,.case-study-details-content h3 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 10px
}

@media only screen and (min-width: 1200px) {
    .case-study-details-content .h3,.case-study-details-content h3 {
        font-size:28px;
        line-height: 38px;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1400px) {
    .case-study-details-content .h3,.case-study-details-content h3 {
        font-size:36px;
        line-height: 44px;
        margin-bottom: 30px
    }
}

.case-study-details-content .h4,.case-study-details-content h4 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px
}

@media only screen and (min-width: 1200px) {
    .case-study-details-content .h4,.case-study-details-content h4 {
        font-size:22px;
        line-height: 32px;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1400px) {
    .case-study-details-content .h4,.case-study-details-content h4 {
        font-size:30px;
        line-height: 40px
    }
}

.case-study-details-content .h5,.case-study-details-content h5 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px
}

@media only screen and (min-width: 1200px) {
    .case-study-details-content .h5,.case-study-details-content h5 {
        font-size:20px;
        line-height: 30px;
        margin-bottom: 20px
    }
}

.case-study-details-content .h6,.case-study-details-content h6 {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px
}

@media only screen and (min-width: 1200px) {
    .case-study-details-content .h6,.case-study-details-content h6 {
        font-size:18px;
        line-height: 28px
    }
}

.case-study-details-content p {
    color: rgba(8,8,23,.7);
    margin: 0 0 15px
}

@media only screen and (min-width: 1200px) {
    .case-study-details-content p {
        margin-bottom:30px
    }
}

.case-study-details-content p a {
    color: #178cf8;
    text-decoration: none
}

.no-touch .case-study-details-content p a:hover {
    text-decoration: underline
}

.case-study-details-content img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: top
}

.case-study-details-content figure {
    margin: 40px 0;
    text-align: center
}

@media only screen and (min-width: 1200px) {
    .case-study-details-content figure {
        margin:60px 0
    }
}

.case-study-details-content figure img,.case-study-details-content figure video {
    border-radius: 0!important;
    box-shadow: 0 20px 50px -10px rgba(24,31,46,.2)
}

.case-study-details-content .info-list-bordered {
    list-style: none;
    margin: 30px 0;
    padding: 0
}

@media only screen and (min-width: 1200px) {
    .case-study-details-content .info-list-bordered {
        margin-bottom:60px
    }
}

.case-study-details-content .info-list-bordered li {
    border-bottom: 1px solid rgba(65,105,225,.2);
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .case-study-details-content .info-list-bordered li {
        display:flex
    }
}

@media only screen and (min-width: 1200px) {
    .case-study-details-content .info-list-bordered li {
        margin-bottom:33px;
        padding: 0 40px 30px
    }
}

.case-study-details-content .info-list-bordered li:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.case-study-details-content .info-list-bordered .icon {
    margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
    .case-study-details-content .info-list-bordered .icon {
        flex-shrink:0;
        margin-right: 20px;
        width: 60px
    }
}

@media only screen and (min-width: 1200px) {
    .case-study-details-content .info-list-bordered .h6,.case-study-details-content .info-list-bordered h6 {
        margin-bottom:20px
    }
}

.case-study-details-content .info-list-bordered p {
    margin: 0
}

.case-study-details-content .clients-review-slider-wrap {
    background: #f2f5fd;
    border-radius: 20px;
    margin-bottom: 40px;
    padding: 20px
}

@media only screen and (min-width: 1200px) {
    .case-study-details-content .clients-review-slider-wrap {
        padding:50px
    }
}

@media only screen and (min-width: 1400px) {
    .case-study-details-content .clients-review-slider-wrap {
        margin-bottom:60px
    }
}

.case-study-details-content .clients-review-slider-wrap .slick-list {
    overflow: hidden
}

.case-study-details-content .clients-review-slider-wrap .slick-arrow {
    display: none!important
}

.case-study-details-content .clients-review-slider-wrap .item {
    background: none!important;
    border: none;
    box-shadow: none!important;
    padding: 0
}

.case-study-details-content .clients-review-slider-wrap .h5,.case-study-details-content .clients-review-slider-wrap h5 {
    margin-bottom: 10px
}

.case-study-details-content .clients-review-slider-wrap p {
    opacity: 1
}

.case-study-details-content .counters-section {
    margin: 40px 0
}

@media only screen and (min-width: 1200px) {
    .case-study-details-content .counters-section {
        margin:60px 0
    }

    .case-study-details-content .counters-section .item {
        padding: 0 25px
    }

    .case-study-details-content .counters-section .number {
        font-size: 48px;
        line-height: 48px;
        margin-bottom: 15px
    }

    .case-study-details-content .counters-section .h6,.case-study-details-content .counters-section h6 {
        line-height: 30px
    }
}

@media only screen and (min-width: 1400px) {
    .case-study-details-content .counters-section+.info-list {
        margin-top:90px
    }
}

.case-study-details-content .info-list {
    list-style: none;
    margin: 0;
    padding: 0
}

@media only screen and (min-width: 768px) {
    .case-study-details-content .info-list {
        display:flex;
        flex-wrap: wrap;
        margin: 0 -20px -35px
    }
}

@media only screen and (min-width: 1024px) {
    .case-study-details-content .info-list {
        margin-left:0;
        margin-right: 0
    }
}

@media only screen and (min-width: 1200px) {
    .case-study-details-content .info-list {
        margin:0 -20px -35px
    }
}

.case-study-details-content .info-list li {
    margin-bottom: 20px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .case-study-details-content .info-list li {
        align-items:center;
        display: flex;
        margin: 0 20px 35px;
        width: calc(50% - 40px)
    }
}

@media only screen and (min-width: 1024px) {
    .case-study-details-content .info-list li {
        margin:0 0 35px;
        width: 100%
    }
}

@media only screen and (min-width: 1200px) {
    .case-study-details-content .info-list li {
        margin:0 20px 35px;
        width: calc(50% - 40px)
    }
}

.case-study-details-content .info-list .icon {
    margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
    .case-study-details-content .info-list .icon {
        flex-shrink:0;
        margin-right: 20px;
        width: 60px
    }
}

.case-study-details-sidebar {
    margin-bottom: 60px
}

@media only screen and (min-width: 1024px) {
    .case-study-details-sidebar {
        flex-shrink:0;
        margin: 0;
        order: 1;
        width: 333px
    }
}

@media only screen and (min-width: 1200px) {
    .case-study-details-sidebar {
        margin-left:30px;
        width: 340px
    }
}

@media only screen and (min-width: 1400px) {
    .case-study-details-sidebar {
        width:400px
    }
}

.case-study-details-sidebar .sticky-element-inner .sticky-elment-inner__details {
    background: #fff;
    border-radius: 20px;
    box-shadow: 5px 8px 28px rgba(23,23,36,.1);
    padding: 20px
}

@media only screen and (min-width: 1024px) {
    .case-study-details-sidebar .sticky-element-inner .sticky-elment-inner__details,.case-study-details-sidebar .sticky-element-inner .sticky-elment-inner__details+.cs-cta-sidebar {
        width:333px
    }
}

@media only screen and (min-width: 1200px) {
    .case-study-details-sidebar .sticky-element-inner .sticky-elment-inner__details,.case-study-details-sidebar .sticky-element-inner .sticky-elment-inner__details+.cs-cta-sidebar {
        width:340px
    }
}

@media only screen and (min-width: 1400px) {
    .case-study-details-sidebar .sticky-element-inner .sticky-elment-inner__details,.case-study-details-sidebar .sticky-element-inner .sticky-elment-inner__details+.cs-cta-sidebar {
        width:400px
    }
}

@media only screen and (min-width: 1800px) {
    .case-study-details-sidebar .sticky-element-inner .sticky-elment-inner__details,.case-study-details-sidebar .sticky-element-inner .sticky-elment-inner__details+.cs-cta-sidebar {
        padding:40px
    }
}

.case-study-details-sidebar .info-list {
    flex-direction: column
}

@media only screen and (min-width: 1024px) {
    .case-study-details-sidebar .info-list {
        display:flex;
        flex-wrap: wrap;
        margin: 0 -15px 8px -10px
    }
}

@media only screen and (min-width: 1200px) {
    .case-study-details-sidebar .info-list {
        margin-bottom:0
    }
}

@media only screen and (min-width: 1800px) {
    .case-study-details-sidebar .info-list {
        margin:0
    }
}

.case-study-details-sidebar .info-list .item {
    margin-bottom: 10px
}

@media only screen and (min-width: 1024px) {
    .case-study-details-sidebar .info-list .item {
        flex:1 1 0;
        margin-bottom: 8px;
        min-width: 50%;
        padding: 0 10px
    }
}

@media only screen and (min-width: 1800px) {
    .case-study-details-sidebar .info-list .item {
        flex-basis:auto;
        margin-bottom: 24px;
        padding: 0;
        width: 100%
    }
}

.case-study-details-sidebar .info-list .item__industry {
    order: 1
}

.case-study-details-sidebar .info-list .item__location {
    order: 3
}

.case-study-details-sidebar .info-list .item__employees {
    order: 4
}

.case-study-details-sidebar .info-list .item__product {
    order: 2
}

.case-study-details-sidebar .info-list .item__impact {
    order: 5
}

.case-study-details-sidebar .info-list .item a {
    text-decoration: none;
    transition: color .3s
}

.no-touch .case-study-details-sidebar .info-list .item a:hover {
    color: #4169e1
}

.case-study-details-sidebar .info-list span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
    opacity: .7
}

@media only screen and (min-width: 1800px) {
    .case-study-details-sidebar .info-list span {
        margin-bottom:8px
    }
}

.case-study-details-sidebar .info-list strong {
    display: block;
    font-weight: 600;
    margin-bottom: 5px
}

@media only screen and (min-width: 1800px) {
    .case-study-details-sidebar .info-list strong {
        margin-bottom:8px
    }
}

.case-study-details-sidebar .share {
    align-items: center;
    display: flex;
    font-size: 14px;
    line-height: 24px
}

.case-study-details-sidebar .share>span {
    margin-right: 10px;
    opacity: .7
}

@media only screen and (min-width: 1200px) {
    .case-study-details-sidebar .share>span {
        margin-right:15px
    }
}

.case-study-details-sidebar .social {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -10px;
    padding: 0
}

@media only screen and (min-width: 768px) {
    .case-study-details-sidebar .social {
        margin-left:10px
    }
}

@media only screen and (min-width: 1024px) {
    .case-study-details-sidebar .social {
        margin:0
    }
}

.case-study-details-sidebar .social li {
    margin: 0 10px
}

@media only screen and (min-width: 1024px) {
    .case-study-details-sidebar .social li {
        margin:0 17px
    }
}

.case-study-details-sidebar .social a {
    align-items: center;
    display: flex;
    position: relative
}

.case-study-details-sidebar .social a:before {
    background: #4169e1;
    border-radius: 50%;
    content: "";
    height: 40px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .3s;
    width: 40px
}

.case-study-details-sidebar .social a:hover:before {
    opacity: 1
}

.case-study-details-sidebar .social a:hover path {
    fill: #fff
}

.case-study-details-sidebar .social svg {
    position: relative;
    z-index: 2
}

.case-study-details-sidebar .social path {
    transition: fill .3s
}

.case-study-details-sidebar .button-link {
    margin-top: 20px
}

@media only screen and (min-width: 1024px) {
    .case-study-details-sidebar .button-link {
        display:block;
        font-size: 16px;
        padding: 15px
    }
}

@media only screen and (min-width: 1800px) {
    .case-study-details-sidebar .button-link {
        margin-top:40px;
        padding: 13px
    }
}

.pricing-breakdown-list {
    color: #080817;
    font: 14px/20px Poppins,sans-serif
}

@media screen and (min-width: 768px) {
    .pricing-breakdown-list {
        font-size:16px;
        line-height: 28px
    }
}

@media screen and (min-width: 1440px) {
    .pricing-breakdown-list {
        font-size:18px;
        line-height: 30px;
        padding-top: 40px
    }
}

@media screen and (min-width: 768px) {
    .pricing-breakdown-item {
        align-items:flex-start;
        display: flex
    }
}

@media screen and (min-width: 1200px) {
    .pricing-breakdown-item {
        align-items:center
    }
}

.pricing-breakdown-item+.pricing-breakdown-item {
    margin-top: 60px
}

@media screen and (min-width: 768px) {
    .pricing-breakdown-item+.pricing-breakdown-item {
        margin-top:80px
    }
}

@media screen and (min-width: 1200px) {
    .pricing-breakdown-item+.pricing-breakdown-item {
        margin-top:100px
    }
}

@media screen and (min-width: 1400px) {
    .pricing-breakdown-item+.pricing-breakdown-item {
        margin-top:130px
    }
}

.pricing-breakdown-info {
    padding-left: 46px;
    position: relative;
    z-index: 20
}

@media screen and (min-width: 768px) {
    .pricing-breakdown-info {
        flex-grow:1
    }
}

@media screen and (min-width: 1200px) {
    .pricing-breakdown-info {
        padding-left:110px
    }
}

@media screen and (min-width: 1400px) {
    .pricing-breakdown-info {
        padding-top:25px
    }
}

.pricing-breakdown-info .h3,.pricing-breakdown-info h3 {
    font: 600 24px/36px Poppins,sans-serif;
    margin: 0
}

@media only screen and (min-width: 1024px) {
    .pricing-breakdown-info .h3,.pricing-breakdown-info h3 {
        font-size:30px;
        line-height: 40px
    }
}

@media only screen and (min-width: 1200px) {
    .pricing-breakdown-info .h3,.pricing-breakdown-info h3 {
        font-size:36px;
        line-height: 44px
    }
}

.pricing-breakdown-info .ico-holder {
    align-items: center;
    display: flex;
    height: 36px;
    left: 0;
    position: absolute;
    top: 0;
    width: 36px
}

@media screen and (min-width: 1200px) {
    .pricing-breakdown-info .ico-holder {
        height:64px;
        top: 25px;
        width: 64px
    }
}

.pricing-breakdown-info .ico-holder img {
    max-height: 100%;
    max-width: 100%
}

.pricing-breakdown-info p {
    margin: 15px 0 0
}

@media screen and (min-width: 1024px) {
    .pricing-breakdown-info p {
        margin-top:20px
    }
}

.pricing-breakdown-info .list {
    font-weight: 600;
    list-style: none;
    margin: 0;
    padding: 20px 0 0
}

@media screen and (min-width: 1400px) {
    .pricing-breakdown-info .list {
        padding-top:45px
    }
}

.pricing-breakdown-info .list li {
    align-items: flex-start;
    display: flex
}

.pricing-breakdown-info .list li+li {
    margin-top: 15px
}

.pricing-breakdown-info .list svg {
    display: block;
    flex-shrink: 0;
    height: 18px;
    margin: 3px 23px 0 0;
    width: 18px
}

@media screen and (min-width: 1200px) {
    .pricing-breakdown-info .list svg {
        height:30px;
        margin-right: 32px;
        margin-top: -1px;
        width: 30px
    }
}

.pricing-breakdown-media {
    align-items: center;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    display: flex;
    margin-top: 40px;
    min-height: 240px;
    padding: 40px;
    text-transform: capitalize
}

@media screen and (min-width: 768px) {
    .pricing-breakdown-media {
        flex-shrink:0;
        margin-left: 40px;
        margin-top: 0;
        width: 310px
    }
}

@media screen and (min-width: 1200px) {
    .pricing-breakdown-media {
        margin-left:100px;
        min-height: 300px;
        padding: 70px;
        width: 410px
    }
}

@media screen and (min-width: 1400px) {
    .pricing-breakdown-media {
        min-height:400px;
        width: 510px
    }
}

@media screen and (min-width: 1800px) {
    .pricing-breakdown-media {
        margin-left:150px
    }
}

.pricing-breakdown-media .subtitle {
    color: #080817;
    display: block;
    font: 600 14px/18px Poppins,sans-serif
}

@media screen and (min-width: 768px) {
    .pricing-breakdown-media .subtitle {
        font-size:16px;
        line-height: 28px
    }
}

@media screen and (min-width: 1440px) {
    .pricing-breakdown-media .subtitle {
        font-size:18px;
        line-height: 30px
    }
}

.pricing-breakdown-media .price {
    color: #4169e1;
    display: block;
    font: 600 36px/44px Poppins,sans-serif;
    margin: 10px 0
}

@media only screen and (min-width: 1024px) {
    .pricing-breakdown-media .price {
        font-size:48px;
        line-height: 64px
    }
}

@media only screen and (min-width: 1200px) {
    .pricing-breakdown-media .price {
        font-size:60px;
        line-height: 80px
    }
}

.pricing-breakdown-media .price.color-orange {
    color: #ff786a
}

.platform-features-included .buttons-holder {
    padding-top: 30px;
    text-align: center
}

@media screen and (min-width: 1400px) {
    .platform-features-included .buttons-holder {
        padding-top:60px
    }
}

.platform-features-table {
    background: #fff;
    border-radius: 20px;
    color: #080817;
    font: 14px/20px Poppins,sans-serif;
    padding: 15px 10px
}

@media screen and (min-width: 768px) {
    .platform-features-table {
        background:none;
        border-radius: 0;
        font-size: 12px;
        line-height: 18px;
        padding: 0
    }
}

@media screen and (min-width: 1200px) {
    .platform-features-table {
        font-size:16px;
        line-height: 24px
    }
}

.platform-features-table table {
    border-collapse: collapse;
    width: 100%
}

@media screen and (max-width: 767px) {
    .platform-features-table table thead {
        left:0;
        opacity: 0;
        position: absolute
    }

    .platform-features-table table tr {
        display: flex;
        flex-wrap: wrap;
        transition: margin-bottom .3s
    }

    .platform-features-table table tr td {
        display: none;
        width: 100%
    }

    .platform-features-table table tr td:first-child {
        color: #080817;
        cursor: pointer;
        display: block;
        font-weight: 500;
        padding: 15px 30px 15px 10px;
        position: relative
    }

    .platform-features-table table tr td:first-child:after {
        background: url(../images/arrow-select.svg) 0 0 no-repeat;
        background-size: 100% 100%;
        content: "";
        height: 16px;
        position: absolute;
        right: 9px;
        top: 14px;
        transition: transform .3s;
        width: 16px
    }

    .platform-features-table table tr.active-tr {
        margin-bottom: 20px
    }
}

.platform-features-table table td,.platform-features-table table th {
    padding: 12px 10px;
    text-align: left
}

@media screen and (min-width: 1200px) {
    .platform-features-table table td,.platform-features-table table th {
        width:165px
    }
}

.platform-features-table table th {
    background: #fff;
    font-weight: 500
}

@media screen and (min-width: 1200px) {
    .platform-features-table table th {
        padding:17px 10px
    }
}

.platform-features-table table th:first-child {
    border-radius: 10px 0 0 10px
}

@media screen and (min-width: 1200px) {
    .platform-features-table table th:first-child {
        padding-left:20px
    }
}

.platform-features-table table th:last-child {
    border-radius: 0 10px 10px 0
}

.platform-features-table table td {
    border-bottom: 1px solid rgba(65,105,225,.2);
    color: rgba(8,8,23,.7);
    position: relative
}

@media screen and (max-width: 767px) {
    .platform-features-table table td {
        display:block
    }
}

@media screen and (min-width: 768px) {
    .platform-features-table table td {
        display:table-cell!important
    }
}

@media screen and (min-width: 1200px) {
    .platform-features-table table td {
        height:90px;
        padding: 20px 10px
    }
}

@media screen and (max-width: 767px) {
    .platform-features-table table td:before {
        color:#080817;
        content: attr(data-title) " -";
        float: left;
        font-weight: 500;
        margin-right: 3px
    }

    .platform-features-table table td:first-child {
        border-bottom: none
    }
}

@media screen and (min-width: 768px) {
    .platform-features-table table td:first-child {
        color:#080817
    }
}

@media screen and (min-width: 1200px) {
    .platform-features-table table td:first-child {
        padding-left:0
    }
}

.platform-features-table table td:first-child:before {
    display: none
}

@media screen and (max-width: 767px) {
    .platform-features-table table td.empty {
        display:none!important
    }

    .platform-features-table table td.showed {
        display: table-cell
    }

    .platform-features-table table td.active:after {
        transform: rotate(180deg)
    }
}

.pricing-packages-section {
    color: #080817;
    font: 14px/20px Poppins,sans-serif
}

@media screen and (min-width: 1200px) {
    .pricing-packages-section {
        font-size:16px;
        line-height: 24px
    }
}

.pricing-packages-section .buttons-holder {
    padding-top: 25px;
    text-align: center
}

@media screen and (min-width: 1200px) {
    .pricing-packages-section .buttons-holder {
        padding-top:30px
    }

    .pricing-packages-section .section-heading {
        max-width: none
    }
}

@media screen and (max-width: 767px) {
    .pricing-packages-table {
        margin-top:-35px
    }
}

@media screen and (min-width: 1200px) {
    .pricing-packages-table .head {
        margin-bottom:40px
    }
}

@media screen and (max-width: 767px) {
    .pricing-packages-table .head>.row:first-child>.cell:first-child {
        visibility:hidden
    }
}

@media screen and (min-width: 1200px) {
    .pricing-packages-table .head .cell {
        cursor:pointer
    }
}

.pricing-packages-table .head .cell.opened .arrow {
    transform: rotate(180deg)
}

@media screen and (max-width: 767px) {
    .pricing-packages-table .head .cell-inner {
        border-radius:10px;
        cursor: pointer;
        justify-content: flex-start;
        margin-bottom: 15px;
        padding: 10px 40px 10px 20px;
        position: relative
    }
}

.pricing-packages-table .head .arrow {
    display: none
}

@media screen and (max-width: 767px) {
    .pricing-packages-table .head .arrow {
        display:block;
        margin-top: -5px;
        position: absolute;
        right: 20px;
        top: 50%;
        transition: transform .3s
    }
}

.pricing-packages-table .head .logo {
    max-width: 155px
}

.pricing-packages-table .head .logo img {
    display: inline-block;
    height: auto;
    max-height: 38px;
    max-width: 100%;
    vertical-align: top
}

@media screen and (max-width: 767px) {
    .pricing-packages-table .body {
        opacity:0;
        position: absolute
    }
}

.pricing-packages-table .body .h5 {
    display: block;
    margin-bottom: 15px
}

@media screen and (min-width: 1200px) {
    .pricing-packages-table .body .h5 {
        margin-bottom:33px
    }
}

.pricing-packages-table .body .cell:first-child {
    opacity: .7
}

@media screen and (min-width: 1200px) {
    .pricing-packages-table .body .cell-inner strong {
        font-size:18px;
        line-height: 30px
    }

    .pricing-packages-table .item {
        margin-bottom: 28px
    }
}

.pricing-packages-table .row {
    margin-bottom: 15px
}

@media screen and (min-width: 768px) {
    .pricing-packages-table .row {
        align-items:center;
        display: flex;
        margin-left: -10px;
        margin-right: -10px
    }
}

@media screen and (min-width: 1200px) {
    .pricing-packages-table .row {
        margin-left:-20px;
        margin-right: -20px
    }
}

.pricing-packages-table .cell {
    text-align: center
}

@media screen and (min-width: 768px) {
    .pricing-packages-table .cell {
        flex:1 1 0;
        margin: 0 10px
    }
}

@media screen and (min-width: 1200px) {
    .pricing-packages-table .cell {
        margin:0 20px
    }
}

.pricing-packages-table .cell:first-child {
    text-align: left
}

.pricing-packages-table .cell:nth-last-child(3) .cell-inner {
    background: #f2f5fd
}

.pricing-packages-table .cell:nth-last-child(2) .cell-inner {
    background: #f1fbff
}

.pricing-packages-table .cell:last-child .cell-inner {
    background: #fff2f1
}

.pricing-packages-table .cell-inner {
    align-items: center;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    padding: 15px 10px
}

@media screen and (min-width: 1200px) {
    .pricing-packages-table .cell-inner {
        padding:25px 10px
    }
}

.pricing-packages-table .h5,.pricing-packages-table h5 {
    font: 600 16px/26px Poppins,sans-serif;
    margin: 0
}

@media only screen and (min-width: 1200px) {
    .pricing-packages-table .h5,.pricing-packages-table h5 {
        font-size:20px;
        line-height: 30px
    }
}

@media only screen and (min-width: 1400px) {
    .pricing-packages-table .h5,.pricing-packages-table h5 {
        font-size:24px;
        line-height: 36px
    }
}

.pricing-packages-table .h6,.pricing-packages-table h6 {
    font: 600 14px/24px Poppins,sans-serif;
    margin: 0
}

@media only screen and (min-width: 1200px) {
    .pricing-packages-table .h6,.pricing-packages-table h6 {
        font-size:18px;
        line-height: 28px
    }
}

.pricing-packages-table .price {
    font-weight: 500
}

@media screen and (max-width: 767px) {
    .pricing-packages-table .price {
        padding:0 5px
    }
}

.pricing-packages-table .hidden-info {
    display: none
}

.pricing-packages-table .hidden-info .block {
    padding-bottom: 15px
}

.pricing-packages-table .hidden-info .h5 {
    display: block;
    margin-bottom: 10px;
    text-align: left
}

.pricing-packages-table .hidden-info .line {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

.pricing-packages-table .hidden-info .title {
    font-weight: 500;
    text-align: left
}

.pricing-packages-table .hidden-info .icon {
    flex-shrink: 0;
    height: 35px;
    min-width: 35px
}

.pricing-packages-table .hidden-info .icon .cell-inner {
    border-radius: 5px;
    justify-content: center;
    padding: 5px
}

.pricing-packages-table .hidden-info .icon .cell-inner svg {
    width: 16px
}

.faq-section {
    background: #4169e1;
    color: #fff;
    font: 14px/24px Poppins,sans-serif
}

@media only screen and (min-width: 1200px) {
    .faq-section {
        font-size:18px;
        line-height: 30px
    }
}

@media screen and (min-width: 1024px) {
    .faq-section .inner {
        align-items:flex-start;
        display: flex;
        justify-content: space-between
    }
}

.faq-section .inner .title {
    text-align: center
}

@media screen and (min-width: 1024px) {
    .faq-section .inner .title {
        flex-shrink:0;
        text-align: left;
        width: 35%
    }
}

.faq-section .h2,.faq-section h2 {
    font: 600 26px/34px Poppins,sans-serif;
    margin: 0 0 40px
}

@media only screen and (min-width: 1024px) {
    .faq-section .h2,.faq-section h2 {
        font-size:30px;
        line-height: 38px;
        margin: 0
    }
}

@media only screen and (min-width: 1400px) {
    .faq-section .h2,.faq-section h2 {
        font-size:48px;
        line-height: 64px
    }
}

@media only screen and (min-width: 1024px) {
    .faq-section .accordion-block {
        flex-shrink:0;
        width: 57%
    }
}

.faq-section .accordion-item {
    margin-bottom: 30px
}

@media only screen and (min-width: 1200px) {
    .faq-section .accordion-item {
        margin-bottom:34px
    }
}

.faq-section .accordion-item .heading {
    border-bottom: 1px solid rgba(8,8,23,.1);
    cursor: pointer;
    padding-bottom: 20px;
    padding-right: 30px;
    position: relative;
    transition: border-bottom-color .3s
}

.faq-section .accordion-item .heading svg {
    height: 24px;
    margin-top: -10px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: transform .3s;
    width: 24px
}

.faq-section .accordion-item .h5,.faq-section .accordion-item h5 {
    font: 600 14px/24px Poppins,sans-serif;
    margin: 0
}

@media only screen and (min-width: 1200px) {
    .faq-section .accordion-item .h5,.faq-section .accordion-item h5 {
        font-size:20px;
        line-height: 30px
    }
}

@media only screen and (min-width: 1400px) {
    .faq-section .accordion-item .h5,.faq-section .accordion-item h5 {
        font-size:24px;
        line-height: 36px
    }
}

.faq-section .accordion-item .hidden-info {
    padding: 10px 0
}

@media only screen and (min-width: 1200px) {
    .faq-section .accordion-item .hidden-info {
        padding:20px 20px 15px
    }
}

.faq-section .accordion-item p {
    margin: 0;
    opacity: .7
}

.faq-section .accordion-item:last-child {
    margin-bottom: 0
}

.faq-section .accordion-item.opened .heading {
    border-color: hsla(0,0%,100%,.1)
}

.faq-section .accordion-item.opened .heading svg {
    transform: translateY(-50%) rotate(180deg)
}

.faq-section.white {
    background: #fff;
    color: #080817
}

.faq-section.white .accordion-item path {
    fill: #080817
}

@media only screen and (min-width: 1200px) {
    .faq-section.white .accordion-item .hidden-info {
        padding:20px 0 15px
    }
}

.faq-section.white .accordion-item.opened .h5,.faq-section.white .accordion-item.opened h5 {
    color: #4169e1
}

.faq-section.white .accordion-item.opened path {
    fill: #4169e1
}

.request-demo-section+.faq-section {
    margin-top: -2px;
    position: relative;
    z-index: 20
}

@media only screen and (min-width: 1200px) {
    .request-demo-section+.faq-section {
        padding-top:25px
    }
}

.request-demo-section+.faq-section:after {
    background: hsla(0,0%,100%,.1);
    bottom: 0;
    content: "";
    height: 1px;
    left: 20px;
    position: absolute;
    right: 20px
}

@media only screen and (min-width: 768px) {
    .request-demo-section+.faq-section:after {
        left:25px;
        right: 25px
    }
}

@media only screen and (min-width: 1024px) {
    .request-demo-section+.faq-section:after {
        left:82px;
        right: 82px
    }
}

@media only screen and (min-width: 1200px) {
    .request-demo-section+.faq-section:after {
        left:90px;
        right: 90px
    }
}

@media only screen and (min-width: 1400px) {
    .request-demo-section+.faq-section:after {
        left:50%;
        right: auto;
        transform: translateX(-50%);
        width: 1280px
    }
}

.pagination-wrap {
    font: 500 16px/26px Poppins,sans-serif;
    padding: 20px 30px 0;
    position: relative;
    text-align: center
}

.pagination-wrap .wp-pagenavi {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    width: 100%
}

@media screen and (min-width: 768px) {
    .pagination-wrap .wp-pagenavi {
        padding:0 35px;
        width: auto
    }
}

.pagination-wrap .wp-pagenavi a,.pagination-wrap .wp-pagenavi span {
    align-items: center;
    border: 1px solid #4169e1;
    border-radius: 10px;
    color: #4169e1;
    display: flex;
    height: 30px;
    justify-content: center;
    margin: 0 4px 10px;
    position: relative;
    text-decoration: none;
    width: 30px
}

@media screen and (min-width: 768px) {
    .pagination-wrap .wp-pagenavi a,.pagination-wrap .wp-pagenavi span {
        height:44px;
        margin: 0 5px;
        width: 44px
    }
}

@media screen and (min-width: 1200px) {
    .pagination-wrap .wp-pagenavi a,.pagination-wrap .wp-pagenavi span {
        height:52px;
        width: 52px
    }
}

.pagination-wrap .wp-pagenavi a svg,.pagination-wrap .wp-pagenavi span svg {
    flex-shrink: 0
}

@media screen and (max-width: 767px) {
    .pagination-wrap .wp-pagenavi a svg,.pagination-wrap .wp-pagenavi span svg {
        width:15px
    }
}

.no-touch .pagination-wrap .wp-pagenavi a {
    transition: color .3s,background-color .3s
}

.no-touch .pagination-wrap .wp-pagenavi a:hover {
    background: #4169e1;
    color: #fff
}

.pagination-wrap .wp-pagenavi .current {
    background: #17c3b2;
    border-color: #17c3b2;
    color: #fff;
    height: 30px;
    margin-left: 5px;
    margin-right: 5px;
    width: 30px
}

@media screen and (min-width: 768px) {
    .pagination-wrap .wp-pagenavi .current {
        height:44px;
        width: 44px
    }
}

@media screen and (min-width: 1200px) {
    .pagination-wrap .wp-pagenavi .current {
        height:52px;
        width: 52px
    }
}

.pagination-wrap .wp-pagenavi .nextpostslink,.pagination-wrap .wp-pagenavi .previouspostslink {
    height: 30px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 30px
}

@media screen and (min-width: 768px) {
    .pagination-wrap .wp-pagenavi .nextpostslink,.pagination-wrap .wp-pagenavi .previouspostslink {
        height:44px;
        margin-top: -22px;
        width: 44px
    }
}

@media screen and (min-width: 1200px) {
    .pagination-wrap .wp-pagenavi .nextpostslink,.pagination-wrap .wp-pagenavi .previouspostslink {
        height:52px;
        margin-top: -26px;
        width: 52px
    }
}

.pagination-wrap .wp-pagenavi .nextpostslink.disabled,.pagination-wrap .wp-pagenavi .previouspostslink.disabled {
    opacity: .5;
    pointer-events: none
}

.no-touch .pagination-wrap .wp-pagenavi .nextpostslink:hover,.no-touch .pagination-wrap .wp-pagenavi .previouspostslink:hover {
    background: #4169e1
}

.no-touch .pagination-wrap .wp-pagenavi .nextpostslink:hover path,.no-touch .pagination-wrap .wp-pagenavi .previouspostslink:hover path {
    fill: #fff
}

.pagination-wrap .wp-pagenavi .previouspostslink {
    left: 0;
    margin-left: -30px;
    transform: rotate(180deg)
}

@media screen and (min-width: 1200px) {
    .pagination-wrap .wp-pagenavi .previouspostslink {
        margin-left:-53px
    }
}

.pagination-wrap .wp-pagenavi .nextpostslink {
    margin-right: -30px;
    right: 0
}

@media screen and (min-width: 1200px) {
    .pagination-wrap .wp-pagenavi .nextpostslink {
        margin-right:-53px
    }
}

.blog-pagination {
    font: 500 16px/24px Poppins,sans-serif;
    font-weight: 400;
    margin-top: 26px;
    text-align: right
}

@media only screen and (min-width: 768px) {
    .blog-pagination {
        margin-top:0
    }
}

.blog-pagination .visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.blog-pagination .prev-page svg {
    transform: rotate(180deg)
}

.blog-pagination .inactive svg path {
    fill: #b3b8d8
}

.blog-pagination a.next-page,.blog-pagination a.prev-page {
    align-items: center;
    border: 1px solid #293056;
    border-radius: 16px;
    display: inline-flex;
    height: 48px;
    justify-content: center;
    transition: color .3s,background-color .3s;
    width: 48px
}

.blog-pagination a.next-page:hover,.blog-pagination a.prev-page:hover {
    background: #4169e1
}

.blog-pagination a.next-page:hover path,.blog-pagination a.prev-page:hover path {
    fill: #fff
}

.blog-pagination .prev-page {
    margin-right: 30px;
    vertical-align: middle
}

.blog-pagination .next-page {
    margin-left: 30px;
    vertical-align: middle
}

.blog-pagination .wp-pagenavi {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    width: 100%
}

@media screen and (min-width: 768px) {
    .blog-pagination .wp-pagenavi {
        padding:0 35px;
        width: auto
    }
}

.blog-pagination .wp-pagenavi a,.blog-pagination .wp-pagenavi span {
    align-items: center;
    border: 1px solid #4169e1;
    border-radius: 10px;
    color: #4169e1;
    display: flex;
    height: 30px;
    justify-content: center;
    margin: 0 4px 10px;
    position: relative;
    text-decoration: none;
    width: 30px
}

@media screen and (min-width: 768px) {
    .blog-pagination .wp-pagenavi a,.blog-pagination .wp-pagenavi span {
        height:44px;
        margin: 0 5px;
        width: 44px
    }
}

@media screen and (min-width: 1200px) {
    .blog-pagination .wp-pagenavi a,.blog-pagination .wp-pagenavi span {
        height:52px;
        width: 52px
    }
}

.blog-pagination .wp-pagenavi a svg,.blog-pagination .wp-pagenavi span svg {
    flex-shrink: 0
}

@media screen and (max-width: 767px) {
    .blog-pagination .wp-pagenavi a svg,.blog-pagination .wp-pagenavi span svg {
        width:15px
    }
}

.no-touch .blog-pagination .wp-pagenavi a {
    transition: color .3s,background-color .3s
}

.no-touch .blog-pagination .wp-pagenavi a:hover {
    background: #4169e1;
    color: #fff
}

.blog-pagination .wp-pagenavi .current {
    background: #17c3b2;
    border-color: #17c3b2;
    color: #fff;
    height: 30px;
    margin-left: 5px;
    margin-right: 5px;
    width: 30px
}

@media screen and (min-width: 768px) {
    .blog-pagination .wp-pagenavi .current {
        height:44px;
        width: 44px
    }
}

@media screen and (min-width: 1200px) {
    .blog-pagination .wp-pagenavi .current {
        height:52px;
        width: 52px
    }
}

.blog-pagination .wp-pagenavi .nextpostslink,.blog-pagination .wp-pagenavi .previouspostslink {
    height: 30px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 30px
}

@media screen and (min-width: 768px) {
    .blog-pagination .wp-pagenavi .nextpostslink,.blog-pagination .wp-pagenavi .previouspostslink {
        height:44px;
        margin-top: -22px;
        width: 44px
    }
}

@media screen and (min-width: 1200px) {
    .blog-pagination .wp-pagenavi .nextpostslink,.blog-pagination .wp-pagenavi .previouspostslink {
        height:52px;
        margin-top: -26px;
        width: 52px
    }
}

.blog-pagination .wp-pagenavi .nextpostslink.disabled,.blog-pagination .wp-pagenavi .previouspostslink.disabled {
    opacity: .5;
    pointer-events: none
}

.no-touch .blog-pagination .wp-pagenavi .nextpostslink:hover,.no-touch .blog-pagination .wp-pagenavi .previouspostslink:hover {
    background: #4169e1
}

.no-touch .blog-pagination .wp-pagenavi .nextpostslink:hover path,.no-touch .blog-pagination .wp-pagenavi .previouspostslink:hover path {
    fill: #fff
}

.blog-pagination .wp-pagenavi .previouspostslink {
    left: 0;
    margin-left: -30px;
    transform: rotate(180deg)
}

@media screen and (min-width: 1200px) {
    .blog-pagination .wp-pagenavi .previouspostslink {
        margin-left:-53px
    }
}

.blog-pagination .wp-pagenavi .nextpostslink {
    margin-right: -30px;
    right: 0
}

@media screen and (min-width: 1200px) {
    .blog-pagination .wp-pagenavi .nextpostslink {
        margin-right:-53px
    }
}

.pagination-wrap {
    display: flex;
    justify-content: flex-end;
    padding: 0;
    width: 100%
}

.search-pagination {
    display: block;
    text-align: right
}

.search-pagination .prev-page.inactive {
    display: none
}

.search-pagination:not(:has(.page-numbers.prev-page)) .prev-page.inactive {
    display: inline
}

.search-pagination .page-numbers {
    display: none
}

.search-pagination .page-numbers.current {
    display: inline-block
}

.search-pagination .page-numbers.current~.page-numbers:nth-last-child(2) {
    display: inline-block;
    pointer-events: none
}

.search-pagination .page-numbers.current~.page-numbers:nth-last-child(2):before {
    content: " of ";
    display: inline-block;
    margin: 0 .3em
}

.search-pagination .nav-links {
    color: transparent;
    font-size: 1px
}

.search-pagination .nav-links>* {
    color: #293056;
    font-size: 16px;
    vertical-align: middle
}

.search-pagination a.next-page,.search-pagination a.prev-page {
    margin: 0;
    min-width: auto;
    padding: 0;
    vertical-align: middle
}

.search-pagination a.prev-page {
    margin-right: 30px
}

.search-pagination a.next-page {
    margin-left: 30px
}

.newsroom-section {
    color: #080817;
    font: 16px/24px Poppins,sans-serif
}

@media only screen and (min-width: 1200px) {
    .newsroom-section {
        font-size:18px;
        line-height: 30px
    }
}

.newsroom-section .filter {
    border-bottom: 1px solid rgba(65,105,225,.2);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    list-style: none;
    margin: 0 0 30px;
    padding: 0 0 10px
}

@media only screen and (min-width: 1200px) {
    .newsroom-section .filter {
        margin-bottom:50px;
        padding-bottom: 20px
    }
}

.newsroom-section .filter li {
    display: inline-block;
    margin: 0 10px 10px 0;
    vertical-align: top
}

@media only screen and (min-width: 1200px) {
    .newsroom-section .filter li {
        margin-right:35px
    }
}

.newsroom-section .filter li.active a {
    color: #4169e1
}

.newsroom-section .filter a {
    text-decoration: none;
    transition: color .3s
}

.no-touch .newsroom-section .filter a:hover {
    color: #4169e1
}

.archive.category .newsroom-list.blog-list,.archive.tag .newsroom-list.blog-list,.blog .newsroom-list.blog-list,.blog-search .newsroom-list.blog-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

@media only screen and (min-width: 768px) {
    .archive.category .newsroom-list.blog-list,.archive.tag .newsroom-list.blog-list,.blog .newsroom-list.blog-list,.blog-search .newsroom-list.blog-list {
        display:flex;
        flex-wrap: wrap;
        gap: 0
    }

    .newsroom-list {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -10px
    }
}

@media only screen and (min-width: 1200px) {
    .newsroom-list {
        margin:0 -20px
    }
}

.newsroom-item {
    align-items: flex-start;
    background: rgba(156,169,233,.08);
    border: 1px solid transparent;
    border-radius: 10px;
    color: #080817;
    display: flex;
    flex-direction: column;
    font: 16px/24px Poppins,sans-serif;
    margin-bottom: 30px;
    padding: 20px;
    position: relative;
    transition: box-shadow .3s,background-color .3s
}

@media only screen and (min-width: 768px) {
    .newsroom-item {
        margin:0 10px 20px;
        width: calc(50% - 20px)
    }
}

@media only screen and (min-width: 1200px) {
    .newsroom-item {
        font-size:18px;
        line-height: 30px;
        margin: 0 20px 40px;
        min-height: 450px;
        width: calc(33.33% - 40px)
    }
}

@media only screen and (min-width: 1400px) {
    .newsroom-item {
        min-height:516px
    }
}

.newsroom-item a:not(.button-link) {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.newsroom-item .heading {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .newsroom-item .heading {
        margin-bottom:auto;
        padding-bottom: 15px
    }
}

@media only screen and (min-width: 1200px) {
    .newsroom-item .heading {
        margin-top:20px
    }
}

.newsroom-item .logo img {
    max-width: 190px;
    width: 100%
}

.newsroom-item .arrow {
    align-items: center;
    background: #fff;
    border-radius: 10px;
    box-shadow: 5px 8px 28px rgba(23,23,36,.1);
    display: flex;
    flex-shrink: 0;
    height: 44px;
    justify-content: center;
    margin-left: auto;
    width: 44px
}

.newsroom-item .badge {
    background: #e8f7ff;
    border-radius: 30px;
    color: #4169e1;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    padding: 2px 14px;
    vertical-align: top
}

@media only screen and (min-width: 1200px) {
    .newsroom-item .badge {
        margin-bottom:18px
    }
}

.newsroom-item .h5,.newsroom-item h5 {
    font: 600 16px/24px Poppins,sans-serif;
    margin: 0 0 10px
}

@media only screen and (min-width: 1024px) {
    .newsroom-item .h5,.newsroom-item h5 {
        font-size:18px;
        line-height: 30px
    }
}

@media only screen and (min-width: 1200px) {
    .newsroom-item .h5,.newsroom-item h5 {
        margin-bottom:20px
    }
}

@media only screen and (min-width: 1400px) {
    .newsroom-item .h5,.newsroom-item h5 {
        font-size:24px;
        line-height: 36px;
        padding-right: 18px
    }
}

.blog-list .newsroom-item .h5,.blog-list .newsroom-item h5 {
    margin-bottom: 10px
}

.newsroom-item p {
    margin: 0 0 15px;
    opacity: .7
}

@media only screen and (min-width: 1400px) {
    .newsroom-item p {
        margin-top:10px
    }
}

.newsroom-item .image {
    margin-bottom: 15px;
    padding-bottom: 52%;
    position: relative;
    width: 100%
}

@media only screen and (min-width: 1200px) {
    .newsroom-item .image {
        margin-bottom:30px
    }
}

.newsroom-item .image img {
    border-radius: 10px;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.newsroom-item .image .category {
    background: #ede7ff;
    border-radius: 30px;
    color: #4169e1;
    font-size: 16px;
    left: 20px;
    line-height: 24px;
    max-width: calc(100% - 40px);
    padding: 2px 14px;
    position: absolute;
    top: 20px;
    z-index: 4
}

.newsroom-item .button-link {
    margin: 10px 0
}

@media only screen and (min-width: 768px) {
    .newsroom-item .button-link {
        margin:auto 0 10px
    }
}

@media only screen and (min-width: 1200px) {
    .newsroom-item .button-link {
        padding:10px 28px
    }
}

.newsroom-item .post-details {
    color: #17c3b2;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .newsroom-item .post-details {
        display:flex
    }
}

@media only screen and (min-width: 1200px) {
    .newsroom-item .post-details {
        font-size:16px;
        line-height: 24px;
        margin-bottom: 15px
    }
}

.newsroom-item .post-details time {
    display: block;
    margin-bottom: 5px;
    margin-right: 15px
}

@media only screen and (min-width: 768px) {
    .newsroom-item .post-details time {
        flex-shrink:0;
        max-width: 160px
    }
}

.newsroom-item .post-details.alt-date .category,.newsroom-item .post-details.with-date .category {
    position: relative
}

@media only screen and (min-width: 768px) {
    .newsroom-item .post-details.alt-date .category,.newsroom-item .post-details.with-date .category {
        margin-left:12px;
        padding-left: 15px
    }

    .newsroom-item .post-details.alt-date .category:before,.newsroom-item .post-details.with-date .category:before {
        background: #17c3b2;
        border-radius: 10px;
        content: "";
        height: 4px;
        left: 0;
        position: absolute;
        top: 10px;
        width: 4px
    }
}

.no-touch .newsroom-item:hover {
    box-shadow: 5px 8px 28px rgba(23,23,36,.1)
}

.newsroom-item.blue {
    background: #4169e1;
    color: #fff
}

.newsroom-item.blue p {
    opacity: 1
}

.newsroom-item.pink {
    background: #c769a7;
    color: #fff
}

.newsroom-item.pink p {
    opacity: 1
}

.newsroom-item.pink .arrow path {
    fill: #c769a7
}

.newsroom-item.orchid {
    background: #9ca9e9;
    color: #fff
}

.newsroom-item.orchid p {
    opacity: 1
}

.newsroom-item.orchid .arrow path {
    fill: #9ca9e9
}

.newsroom-item.orchid .badge {
    color: #9ca9e9
}

.newsroom-item.green {
    background: #17c3b2;
    color: #fff
}

.newsroom-item.green p {
    opacity: 1
}

.newsroom-item.green .arrow path {
    fill: #17c3b2
}

.newsroom-item.green .badge {
    color: #17c3b2
}

.newsroom-item.white {
    background: #fff;
    border-color: #d9e1f9
}

.newsroom-item.white .arrow,.newsroom-item.white .badge {
    background: #f2f5fd
}

@media only screen and (min-width: 1200px) {
    .blog-list .newsroom-item {
        min-height:400px
    }
}

.no-touch .blog-list .newsroom-item:hover {
    background: #fff
}

.newsroom-item.has-subscribe {
    border: none;
    display: block;
    flex: none;
    padding: 0
}

.newsroom-item .subscribe {
    background: #fff;
    border-radius: 10px;
    box-shadow: 5px 8px 28px rgba(23,23,36,.1);
    height: 100%;
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .newsroom-item .subscribe {
        padding:40px
    }
}

.newsroom-item .subscribe input[type=email],.newsroom-item .subscribe input[type=number],.newsroom-item .subscribe input[type=password],.newsroom-item .subscribe input[type=tel],.newsroom-item .subscribe input[type=text],.newsroom-item .subscribe textarea {
    -webkit-appearance: none!important;
    background: #f2f5fd!important;
    border: 1px solid transparent!important;
    border-radius: 10px!important;
    color: #080817!important;
    display: inline-block!important;
    float: none!important;
    font-family: Poppins,sans-serif!important;
    font-size: 14px!important;
    height: 44px!important;
    line-height: 20px!important;
    margin: 0!important;
    outline: none!important;
    padding: 10px 20px!important;
    vertical-align: middle!important;
    width: 100%!important
}

@media only screen and (min-width: 768px) {
    .newsroom-item .subscribe input[type=email],.newsroom-item .subscribe input[type=number],.newsroom-item .subscribe input[type=password],.newsroom-item .subscribe input[type=tel],.newsroom-item .subscribe input[type=text],.newsroom-item .subscribe textarea {
        height:54px!important;
        padding: 18px 20px!important
    }
}

@media only screen and (min-width: 1200px) {
    .newsroom-item .subscribe input[type=email],.newsroom-item .subscribe input[type=number],.newsroom-item .subscribe input[type=password],.newsroom-item .subscribe input[type=tel],.newsroom-item .subscribe input[type=text],.newsroom-item .subscribe textarea {
        transition:border-color .5s
    }
}

.newsroom-item .subscribe input[type=email]:focus,.newsroom-item .subscribe input[type=number]:focus,.newsroom-item .subscribe input[type=password]:focus,.newsroom-item .subscribe input[type=tel]:focus,.newsroom-item .subscribe input[type=text]:focus,.newsroom-item .subscribe textarea:focus {
    border-color: #4169e1!important
}

.newsroom-item .subscribe input[type=email].mktoField.mktoInvalid,.newsroom-item .subscribe input[type=number].mktoField.mktoInvalid,.newsroom-item .subscribe input[type=password].mktoField.mktoInvalid,.newsroom-item .subscribe input[type=tel].mktoField.mktoInvalid,.newsroom-item .subscribe input[type=text].mktoField.mktoInvalid,.newsroom-item .subscribe textarea.mktoField.mktoInvalid {
    border-color: red!important
}

.newsroom-item .subscribe .search-form {
    border-bottom: 1px solid rgba(65,105,225,.2);
    margin-bottom: 30px;
    padding-bottom: 30px
}

.newsroom-item .subscribe .search-form form {
    position: relative
}

.newsroom-item .subscribe .search-form input {
    padding-right: 40px!important
}

.newsroom-item .subscribe .search-form button {
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    z-index: 10
}

.newsroom-item .subscribe .h5,.newsroom-item .subscribe h5 {
    font: 600 18px/26px Poppins,sans-serif;
    margin: 0 0 10px
}

@media only screen and (min-width: 1200px) {
    .newsroom-item .subscribe .h5,.newsroom-item .subscribe h5 {
        font-size:24px;
        line-height: 36px;
        margin-bottom: 20px
    }
}

.newsroom-item .subscribe p {
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width: 1800px) {
    .newsroom-item .subscribe p {
        margin-bottom:30px
    }
}

.newsroom-item .subscribe .subscribe-form form {
    width: 100%!important
}

.newsroom-item .subscribe .subscribe-form .mktoForm:not(#mktoForm_1250) .mktoFormCol {
    margin-bottom: 25px!important
}

.newsroom-item .subscribe .subscribe-form .mktoGutter.mktoHasWidth,.newsroom-item .subscribe .subscribe-form .mktoOffset {
    display: none
}

.newsroom-item .subscribe .subscribe-form .mktoFieldWrap {
    float: none;
    width: 100%
}

.newsroom-item .subscribe .subscribe-form .mktoFormCol {
    float: none;
    margin-bottom: 25px!important;
    width: 100%
}

.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input#Email,.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=email],.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=number],.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=password],.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=tel],.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=text],.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap textarea {
    -webkit-appearance: none!important;
    background: #f2f5fd!important;
    border: 1px solid transparent!important;
    border-radius: 10px!important;
    color: #080817!important;
    display: inline-block!important;
    float: none!important;
    font-family: Poppins,sans-serif!important;
    font-size: 14px!important;
    height: 44px!important;
    line-height: 20px!important;
    margin: 0!important;
    outline: none!important;
    padding: 10px 20px!important;
    vertical-align: middle!important;
    width: 100%!important
}

@media only screen and (min-width: 768px) {
    .newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input#Email,.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=email],.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=number],.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=password],.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=tel],.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=text],.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap textarea {
        height:54px!important;
        padding: 18px 20px!important
    }
}

@media only screen and (min-width: 1200px) {
    .newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input#Email,.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=email],.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=number],.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=password],.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=tel],.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=text],.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap textarea {
        transition:border-color .5s
    }
}

.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input#Email:focus,.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=email]:focus,.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=number]:focus,.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=password]:focus,.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=tel]:focus,.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=text]:focus,.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap textarea:focus {
    border-color: #4169e1!important
}

.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input#Email.mktoField.mktoInvalid,.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=email].mktoField.mktoInvalid,.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=number].mktoField.mktoInvalid,.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=password].mktoField.mktoInvalid,.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=tel].mktoField.mktoInvalid,.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=text].mktoField.mktoInvalid,.newsroom-item .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap textarea.mktoField.mktoInvalid {
    border-color: red!important
}

.newsroom-item .subscribe .subscribe-form label.mktoLabel {
    display: none!important
}

.newsroom-item .subscribe .subscribe-form .mktoButtonRow {
    display: block;
    width: 100%
}

.newsroom-item .subscribe .subscribe-form .mktoButtonWrap {
    margin: 0!important
}

.newsroom-item .subscribe .subscribe-form .mktoAsterix {
    display: none!important
}

.newsroom-item .subscribe .subscribe-form .mktoButton {
    background: #4169e1!important;
    border: 1px solid transparent!important;
    border-radius: 10px!important;
    color: #fff!important;
    cursor: pointer;
    display: block;
    font: 500 14px/20px Poppins,sans-serif!important;
    margin: 0!important;
    padding: 13px 35px!important;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase!important;
    transition: background-color .3s;
    width: 100%
}

@media only screen and (min-width: 1200px) {
    .newsroom-item .subscribe .subscribe-form .mktoButton {
        font-size:16px!important;
        line-height: 24px
    }
}

.newsroom-item .subscribe .subscribe-form .mktoButton:first-letter {
    text-transform: uppercase
}

.newsroom-item .subscribe .subscribe-form .mktoButton:hover {
    background: #fff!important;
    border-color: #4169e1!important;
    color: #4169e1!important
}

.blog-newsroom-item {
    --horisontal-padding: 20px;
    --vertical-padding: 20px;
    align-items: flex-start;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 16px;
    color: #080817;
    display: flex;
    flex-direction: column;
    font: 16px/24px Poppins,sans-serif;
    padding: var(--vertical-padding) var(--horisontal-padding);
    position: relative;
    transition: box-shadow .3s,background-color .3s
}

@media only screen and (min-width: 768px) {
    .blog-newsroom-item {
        --horisontal-padding:32px;
        --vertical-padding: 28px;
        margin: 0 10px 20px;
        padding: var(--vertical-padding) var(--horisontal-padding);
        width: calc(50% - 20px)
    }
}

@media only screen and (min-width: 1200px) {
    .blog-newsroom-item {
        font-size:18px;
        line-height: 30px;
        margin: 0 12px 24px;
        width: calc(50% - 24px)
    }
}

.blog-newsroom-item .heading {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .blog-newsroom-item .heading {
        margin-bottom:auto;
        padding-bottom: 15px
    }
}

@media only screen and (min-width: 1200px) {
    .blog-newsroom-item .heading {
        margin-top:20px
    }
}

.blog-newsroom-item .logo img {
    max-width: 190px;
    width: 100%
}

.blog-newsroom-item .arrow {
    align-items: center;
    background: #fff;
    border-radius: 10px;
    box-shadow: 5px 8px 28px rgba(23,23,36,.1);
    display: flex;
    flex-shrink: 0;
    height: 44px;
    justify-content: center;
    margin-left: auto;
    width: 44px
}

.blog-newsroom-item .badge {
    background: #e8f7ff;
    border-radius: 30px;
    color: #4169e1;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    padding: 2px 14px;
    vertical-align: top
}

@media only screen and (min-width: 1200px) {
    .blog-newsroom-item .badge {
        margin-bottom:18px
    }
}

.blog-newsroom-item .h5,.blog-newsroom-item h5 {
    text-wrap: balance;
    font: 600 18px/23px Poppins,sans-serif;
    margin: 0 0 10px;
    width: 100%
}

.blog-newsroom-item .h5 a,.blog-newsroom-item h5 a {
    display: block;
    margin: -10px;
    padding: 10px;
    width: 100%
}

@media only screen and (min-width: 1024px) {
    .blog-newsroom-item .h5,.blog-newsroom-item h5 {
        font-size:18px;
        line-height: 23px
    }

    .blog-hero-section-featured-list .blog-newsroom-item .h5>a,.blog-hero-section-featured-list .blog-newsroom-item h5>a {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        margin: 0;
        overflow: hidden;
        padding: 0
    }
}

.blog-list .blog-newsroom-item .h5,.blog-list .blog-newsroom-item h5 {
    margin-bottom: 10px
}

.blog-newsroom-item .h5 a:hover,.blog-newsroom-item h5 a:hover {
    color: #4169e1
}

.blog-newsroom-item p {
    margin: 0 0 15px;
    opacity: .7
}

@media only screen and (min-width: 1400px) {
    .blog-newsroom-item p {
        margin-top:10px
    }
}

.blog-newsroom-item .image {
    margin-bottom: 15px;
    position: relative
}

@media only screen and (min-width: 1200px) {
    .blog-newsroom-item .image {
        margin-bottom:30px
    }
}

.blog-newsroom-item .image img {
    border-radius: 10px;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.blog-newsroom-item .image .category {
    background: #ede7ff;
    border-radius: 30px;
    color: #4169e1;
    font-size: 16px;
    left: 20px;
    line-height: 24px;
    max-width: calc(100% - 40px);
    padding: 2px 14px;
    position: absolute;
    top: 20px;
    z-index: 4
}

.blog-newsroom-item .image--video {
    position: relative
}

.blog-newsroom-item .image--video img {
    filter: brightness(80%);
    transition: all .3s ease
}

.blog-newsroom-item .image--video img:hover {
    filter: brightness(100%)
}

.blog-newsroom-item .image--video svg {
    height: auto;
    left: 50%;
    max-width: 88px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 22%
}

.blog-newsroom-item .button-link {
    margin: 10px 0
}

@media only screen and (min-width: 768px) {
    .blog-newsroom-item .button-link {
        margin:auto 0 10px
    }
}

@media only screen and (min-width: 1200px) {
    .blog-newsroom-item .button-link {
        padding:10px 28px
    }
}

.blog-newsroom-item .post-details {
    color: #4b4b4b;
    font-size: 14px;
    line-height: 21px
}

.blog-newsroom-item .post-details>* {
    white-space: nowrap
}

@media only screen and (min-width: 768px) {
    .blog-newsroom-item .post-details {
        display:flex;
        flex-wrap: wrap
    }
}

.blog-newsroom-item .post-details.alt-date .category,.blog-newsroom-item .post-details.with-date .category {
    position: relative
}

@media only screen and (min-width: 768px) {
    .blog-newsroom-item .post-details.alt-date .category,.blog-newsroom-item .post-details.with-date .category {
        margin-left:12px;
        padding-left: 15px
    }

    .blog-newsroom-item .post-details.alt-date .category:before,.blog-newsroom-item .post-details.with-date .category:before {
        background: #17c3b2;
        border-radius: 10px;
        content: "";
        height: 4px;
        left: 0;
        position: absolute;
        top: 10px;
        width: 4px
    }
}

.no-touch .blog-newsroom-item:hover {
    box-shadow: 5px 8px 28px;
    box-shadow: 0 2px 8px 0 rgba(33,53,113,.149)
}

.blog-newsroom-item.blue {
    background: #4169e1;
    color: #fff
}

.blog-newsroom-item.blue p {
    opacity: 1
}

.blog-newsroom-item.pink {
    background: #c769a7;
    color: #fff
}

.blog-newsroom-item.pink p {
    opacity: 1
}

.blog-newsroom-item.pink .arrow path {
    fill: #c769a7
}

.blog-newsroom-item.orchid {
    background: #9ca9e9;
    color: #fff
}

.blog-newsroom-item.orchid p {
    opacity: 1
}

.blog-newsroom-item.orchid .arrow path {
    fill: #9ca9e9
}

.blog-newsroom-item.orchid .badge {
    color: #9ca9e9
}

.blog-newsroom-item.green {
    background: #17c3b2;
    color: #fff
}

.blog-newsroom-item.green p {
    opacity: 1
}

.blog-newsroom-item.green .arrow path {
    fill: #17c3b2
}

.blog-newsroom-item.green .badge {
    color: #17c3b2
}

.blog-newsroom-item.white {
    background: #fff;
    border-color: #d9e1f9
}

.blog-newsroom-item.white .arrow,.blog-newsroom-item.white .badge {
    background: #f2f5fd
}

.no-touch .blog-list .blog-newsroom-item:hover {
    background: #fff
}

.blog-newsroom-item .categories {
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 18px
}

.blog-newsroom-item .categories .category-item {
    margin-right: 10px
}

.blog-newsroom-item .categories .category-item:last-child {
    margin-right: 0
}

.blog-newsroom-item .categories .category-item>a {
    background-color: rgba(65,105,225,.078);
    border-radius: 4px;
    color: #213571;
    padding: 4px;
    transition: color .3s,background-color .3s
}

.blog-newsroom-item .categories .category-item>a:hover {
    background-color: #4169e1;
    color: #fff
}

.blog-newsroom-item .post-excerpt {
    flex-grow: 1
}

.blog-newsroom-item .post-excerpt>p {
    color: #3e4784;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 4px
}

.blog-newsroom-item .read-more-link {
    text-wrap: nowrap;
    color: #4169e1;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    transition: color .3s
}

.blog-newsroom-item .read-more-link svg {
    vertical-align: middle
}

.blog-newsroom-item .read-more-link:hover {
    color: #6dceff
}

.blog-newsroom-item .read-more-link:hover svg {
    opacity: .6
}

.blog-newsroom-item .post-details-dot {
    margin: 0 8px
}

.blog-newsroom-item .post-footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    width: 100%
}

.blog-newsroom-item .image {
    border-radius: 16px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-left: calc(var(--horisontal-padding)*-1);
    margin-right: calc(var(--horisontal-padding)*-1);
    margin-top: calc(var(--horisontal-padding)*-1);
    overflow: hidden;
    padding-bottom: 76%;
    width: calc(100% + var(--horisontal-padding)*2)
}

@media only screen and (min-width: 768px) {
    .blog-newsroom-item .image {
        padding-bottom:53%
    }
}

.blog-newsroom-item .image img {
    border-radius: 0
}

.awards-section .awards-list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin: 0 -30px -35px;
    padding: 0
}

@media only screen and (min-width: 1200px) {
    .awards-section .awards-list {
        margin:0 -45px -35px
    }
}

.awards-section .awards-list li {
    margin: 0 15px 35px
}

@media only screen and (min-width: 1200px) {
    .awards-section .awards-list li {
        margin:0 30px 35px;
        text-align: center;
        width: calc(15% - 90px)
    }
}

@media only screen and (min-width: 1400px) {
    .awards-section .awards-list li {
        width:calc(14% - 90px)
    }
}

@media only screen and (min-width: 1800px) {
    .awards-section .awards-list li {
        width:calc(14% - 100px)
    }
}

.awards-section .awards-list img {
    display: inline-block;
    height: auto;
    max-height: 80px;
    max-width: 80px;
    vertical-align: middle;
    width: 100%
}

@media only screen and (min-width: 1200px) {
    .awards-section .awards-list img {
        max-height:90px;
        max-width: 90px
    }
}

@media only screen and (min-width: 1800px) {
    .awards-section .awards-list img {
        max-height:100px;
        max-width: 120px
    }
}

.awards-section.integration .awards-list li {
    width: auto
}

@media only screen and (min-width: 1200px) {
    .awards-section.integration .awards-list li {
        margin:0 20px 35px
    }
}

@media only screen and (min-width: 1400px) {
    .awards-section.integration .awards-list li {
        margin-left:30px;
        margin-right: 30px
    }
}

@media only screen and (min-width: 1800px) {
    .awards-section.integration .awards-list li {
        margin-left:40px;
        margin-right: 40px
    }
}

.awards-section.integration .awards-list img {
    max-height: 30px;
    max-width: 150px
}

.press-release-details-section {
    color: #080817;
    font: 16px/24px Poppins,sans-serif;
    margin-top: 50px
}

@media only screen and (min-width: 1400px) {
    .press-release-details-section {
        font-size:18px;
        line-height: 30px
    }
}

@media only screen and (min-width: 1024px) {
    .press-release-details-section .inner {
        align-items:flex-start;
        display: flex;
        justify-content: space-between
    }
}

@media only screen and (min-width: 1200px) {
    .press-release-details-section .inner {
        padding:0 20px
    }
}

@media only screen and (min-width: 1400px) {
    .press-release-details-section .inner {
        padding:0 110px
    }
}

@media only screen and (min-width: 1024px) {
    .press-release-content {
        width:60%
    }
}

@media only screen and (min-width: 1200px) {
    .press-release-content {
        width:69%
    }
}

.press-release-content .h1,.press-release-content .h2,.press-release-content .h3,.press-release-content .h4,.press-release-content .h5,.press-release-content .h6,.press-release-content h1,.press-release-content h2,.press-release-content h3,.press-release-content h4,.press-release-content h5,.press-release-content h6 {
    font-weight: 600;
    margin: 0
}

.press-release-content .h1,.press-release-content h1 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px
}

@media only screen and (min-width: 1200px) {
    .press-release-content .h1,.press-release-content h1 {
        font-size:45px;
        line-height: 65px
    }
}

@media only screen and (min-width: 1400px) {
    .press-release-content .h1,.press-release-content h1 {
        font-size:60px;
        line-height: 80px;
        margin-bottom: 30px
    }
}

.press-release-content .h2,.press-release-content h2 {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 20px
}

@media only screen and (min-width: 1200px) {
    .press-release-content .h2,.press-release-content h2 {
        font-size:36px;
        line-height: 46px
    }
}

@media only screen and (min-width: 1400px) {
    .press-release-content .h2,.press-release-content h2 {
        font-size:46px;
        line-height: 56px;
        margin-bottom: 30px
    }
}

.press-release-content .h3,.press-release-content h3 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 10px
}

@media only screen and (min-width: 1200px) {
    .press-release-content .h3,.press-release-content h3 {
        font-size:28px;
        line-height: 38px;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1400px) {
    .press-release-content .h3,.press-release-content h3 {
        font-size:36px;
        line-height: 44px;
        margin-bottom: 30px
    }
}

.press-release-content .h4,.press-release-content h4 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px
}

@media only screen and (min-width: 1200px) {
    .press-release-content .h4,.press-release-content h4 {
        font-size:22px;
        line-height: 32px;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1400px) {
    .press-release-content .h4,.press-release-content h4 {
        font-size:30px;
        line-height: 40px
    }
}

.press-release-content .h5,.press-release-content h5 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px
}

@media only screen and (min-width: 1200px) {
    .press-release-content .h5,.press-release-content h5 {
        font-size:20px;
        line-height: 30px;
        margin-bottom: 20px
    }
}

.press-release-content .h6,.press-release-content h6 {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px
}

@media only screen and (min-width: 1200px) {
    .press-release-content .h6,.press-release-content h6 {
        font-size:18px;
        line-height: 28px
    }
}

.press-release-content .post-type {
    color: #17c3b2;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px
}

.press-release-content .post-details {
    font-weight: 600;
    margin-bottom: 20px
}

@media only screen and (min-width: 568px) {
    .press-release-content .post-details {
        align-items:center;
        display: flex;
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 1200px) {
    .press-release-content .post-details {
        margin-bottom:30px
    }
}

.press-release-content .post-details .author {
    display: flex
}

@media only screen and (min-width: 568px) {
    .press-release-content .post-details .author {
        align-items:center
    }
}

.press-release-content .post-details .author a {
    text-decoration: none
}

.press-release-content .post-details .avatar {
    align-items: center;
    background-color: #ffe1e0;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    color: #ff786a;
    display: flex;
    flex-shrink: 0;
    height: 50px;
    justify-content: center;
    margin-right: 20px;
    width: 50px
}

@media only screen and (min-width: 1200px) {
    .press-release-content .post-details .avatar {
        font-size:24px;
        height: 70px;
        line-height: 24px;
        width: 70px
    }
}

.press-release-content .post-details .avatar a {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    transition: color .3s;
    width: 100%
}

.no-touch .press-release-content .post-details .avatar a:hover {
    color: #4169e1
}

.press-release-content .post-details .name a {
    transition: color .3s
}

.no-touch .press-release-content .post-details .name a:hover {
    color: #4169e1
}

.press-release-content .post-details time {
    display: block;
    margin: -22px 0 0 70px
}

@media only screen and (min-width: 568px) {
    .press-release-content .post-details time {
        margin:0
    }

    .press-release-content .post-details time:before {
        content: "|";
        display: inline-block;
        margin: 0 12px;
        vertical-align: top
    }
}

.press-release-content hr {
    background: rgba(65,105,225,.2);
    border: none;
    height: 1px;
    margin: 30px 0
}

.press-release-content p {
    color: rgba(8,8,23,.7);
    margin: 0 0 15px
}

@media only screen and (min-width: 1200px) {
    .press-release-content p {
        margin-bottom:30px
    }
}

.press-release-content p a {
    color: #178cf8;
    text-decoration: none
}

.no-touch .press-release-content p a:hover {
    text-decoration: underline
}

.press-release-content strong {
    font-weight: 600
}

.press-release-content img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: top
}

.press-release-content figure {
    margin: 40px 0;
    text-align: center
}

@media only screen and (min-width: 1200px) {
    .press-release-content figure {
        margin:60px 0
    }
}

.press-release-content figure img {
    border-radius: 10px
}

.press-release-content blockquote {
    border-left: 4px solid #4169e1;
    margin: 30px 0;
    padding-left: 15px
}

@media only screen and (min-width: 1200px) {
    .press-release-content blockquote {
        padding-left:20px;
        padding-right: 5px
    }
}

@media only screen and (min-width: 1400px) {
    .press-release-content blockquote {
        margin:60px 0
    }
}

.press-release-content blockquote p {
    color: #080817;
    font-weight: 600;
    margin-bottom: 20px
}

@media only screen and (min-width: 1200px) {
    .press-release-content blockquote p {
        font-size:24px;
        line-height: 36px
    }
}

.press-release-content cite {
    color: rgba(8,8,23,.5);
    font-size: 16px;
    font-style: normal;
    line-height: 24px
}

.press-release-content cite strong {
    color: #080817;
    display: block;
    font-weight: 500
}

.press-release-content .about-block {
    background: #f2f5fd;
    border-radius: 10px;
    margin-top: 30px;
    padding: 20px
}

@media only screen and (min-width: 1200px) {
    .press-release-content .about-block {
        margin-top:60px;
        padding: 40px
    }
}

.press-release-content .about-block .details {
    background: #fff;
    border-radius: 10px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 30px;
    padding: 20px
}

@media only screen and (min-width: 1200px) {
    .press-release-content .about-block .details {
        display:flex;
        margin: 0;
        padding: 30px 0
    }
}

.press-release-content .about-block .details .item {
    border-bottom: 1px solid rgba(65,105,225,.2);
    margin-bottom: 30px;
    padding-bottom: 30px
}

@media only screen and (min-width: 1200px) {
    .press-release-content .about-block .details .item {
        border-bottom:none;
        border-right: 1px solid rgba(65,105,225,.2);
        margin: 0;
        padding: 0 30px
    }

    .press-release-content .about-block .details .item:first-child {
        width: 31%
    }

    .press-release-content .about-block .details .item:nth-child(2) {
        width: 38%
    }
}

.press-release-content .about-block .details .item:last-child {
    border: none
}

@media screen and (max-width: 1199px) {
    .press-release-content .about-block .details .item:last-child {
        margin-bottom:0;
        padding-bottom: 0
    }
}

@media only screen and (min-width: 1200px) {
    .press-release-content .about-block .details .item:last-child {
        width:28%
    }

    .press-release-content .about-block .details .h6,.press-release-content .about-block .details h6 {
        margin-bottom: 22px
    }

    .press-release-content .about-block .details p {
        margin-bottom: 20px
    }
}

.press-release-content .about-block .details .contacts>span {
    display: block;
    margin-bottom: 5px;
    opacity: .7;
    text-transform: uppercase
}

@media only screen and (min-width: 1200px) {
    .press-release-content .about-block .details .contacts p {
        margin-bottom:15px
    }
}

.press-release-content .about-block .details .contacts p:last-of-type {
    margin-bottom: 0
}

.press-release-content .about-block .details .contacts a[href^="mailto:"] {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media only screen and (min-width: 1200px) {
    .press-release-content .about-block .details .contacts a[href^="mailto:"] {
        font-size:17px;
        line-height: 30px
    }
}

.press-release-content .about-block .details .contacts a[href^="mailto:"]:not(:hover) {
    color: #178cf8
}

.press-release-content .about-block .details .contacts a[href^="tel:"] {
    font-weight: 500
}

@media only screen and (min-width: 1200px) {
    .press-release-content .about-block .details .contacts a[href^="tel:"] {
        color:#4169e1;
        font-size: 18px;
        line-height: 30px
    }
}

.press-release-content .about-block .social {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -10px;
    padding: 8px 0 0
}

.press-release-content .about-block .social li {
    margin: 0 10px 15px
}

@media only screen and (min-width: 1200px) {
    .press-release-content .about-block .social li {
        margin:0 18px 15px
    }
}

.press-release-content .about-block .social a {
    align-items: center;
    display: flex;
    position: relative
}

.press-release-content .about-block .social a:before {
    background: #4169e1;
    border-radius: 50%;
    content: "";
    height: 40px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .3s;
    width: 40px
}

.press-release-content .about-block .social a:hover:before {
    opacity: 1
}

.press-release-content .about-block .social a:hover path {
    fill: #fff
}

.press-release-content .about-block .social svg {
    position: relative;
    z-index: 2
}

.press-release-content .about-block .social path {
    transition: fill .3s
}

.press-release-content .about-block .button-link {
    padding: 10px 30px
}

#comments .form-submit .press-release-content .pdf-cta input,#comments .form-submit .press-release-content .pdf-cta input:hover,.press-release-content .pdf-cta #comments .form-submit input,.press-release-content .pdf-cta #comments .form-submit input:hover,.press-release-content .pdf-cta .btn,.press-release-content .pdf-cta .btn:hover {
    border: 1px solid #4169e1!important
}

.press-release-sidebar {
    margin-top: 60px
}

@media only screen and (min-width: 1024px) {
    .press-release-sidebar {
        flex-shrink:0;
        margin: 0;
        width: 31%
    }
}

@media only screen and (min-width: 1200px) {
    .press-release-sidebar {
        margin-left:30px;
        width: 27.3%
    }
}

@media only screen and (min-width: 1024px) {
    .press-release-sidebar .sticky-element-inner {
        width:267px
    }
}

@media only screen and (min-width: 1200px) {
    .press-release-sidebar .sticky-element-inner {
        width:290px
    }
}

.press-release-sidebar .share-box {
    background: #fff;
    border-radius: 20px;
    box-shadow: 5px 8px 28px rgba(23,23,36,.1);
    margin: 0 auto;
    max-width: 400px;
    padding: 40px 20px;
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .press-release-sidebar .share-box {
        padding:40px
    }
}

.press-release-sidebar .share {
    align-items: center;
    display: flex;
    font-size: 14px;
    justify-content: center;
    line-height: 24px
}

@media only screen and (min-width: 1200px) {
    .press-release-sidebar .share {
        justify-content:flex-start
    }
}

.press-release-sidebar .share>span {
    margin-right: 10px;
    opacity: .7
}

@media only screen and (min-width: 1200px) {
    .press-release-sidebar .share>span {
        margin-right:15px
    }
}

.press-release-sidebar .social {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -10px;
    padding: 0
}

@media only screen and (min-width: 768px) {
    .press-release-sidebar .social {
        margin-left:10px
    }
}

@media only screen and (min-width: 1200px) {
    .press-release-sidebar .social {
        margin:0
    }
}

.press-release-sidebar .social li {
    margin: 0 10px
}

@media only screen and (min-width: 1200px) {
    .press-release-sidebar .social li {
        margin:0 15px
    }
}

.press-release-sidebar .social a {
    align-items: center;
    display: flex;
    position: relative
}

.press-release-sidebar .social a:before {
    background: #4169e1;
    border-radius: 50%;
    content: "";
    height: 40px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .3s;
    width: 40px
}

.press-release-sidebar .social a:hover:before {
    opacity: 1
}

.press-release-sidebar .social a:hover path {
    fill: #fff
}

.press-release-sidebar .social svg {
    position: relative;
    z-index: 2
}

.press-release-sidebar .social path {
    transition: fill .3s
}

.press-release-sidebar .button-link {
    margin-top: 20px
}

@media only screen and (min-width: 1024px) {
    .press-release-sidebar .button-link {
        display:block;
        padding: 13px 20px
    }
}

@media only screen and (min-width: 1200px) {
    .press-release-sidebar .button-link {
        margin-top:40px
    }
}

.press-release-sidebar .tags {
    color: rgba(8,8,23,.7);
    display: none;
    margin-top: 30px
}

@media only screen and (min-width: 1400px) {
    .press-release-sidebar .tags {
        margin-top:60px
    }
}

.press-release-sidebar .tags>span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px
}

.press-release-sidebar .tags ul {
    font-size: 16px;
    line-height: 24px;
    list-style: none;
    margin: 0 -5px 0 0;
    padding: 0
}

.press-release-sidebar .tags ul li {
    display: inline-block;
    margin: 0 15px 10px 0;
    vertical-align: top
}

.press-release-sidebar .tags ul a {
    text-decoration: none;
    transition: color .3s
}

.no-touch .press-release-sidebar .tags ul a:hover {
    color: #4169e1
}

.sticky-element-wrap {
    position: relative
}

.email-popup .mktoButtonRow {
    margin-top: 20px!important
}

.single-post .hero-section .main-container {
    max-width: 800px;
    padding: 0 25px
}

@media screen and (min-width: 1024px) {
    .single-post .hero-section .main-container {
        padding:0
    }
}

@media screen and (min-width: 1800px) {
    .single-post .hero-section.negative-indent .section-bg {
        bottom:10%!important
    }

    .single-post .hero-section .wave {
        bottom: 6.5%!important
    }
}

.single-post .hero-section .hero-holder .press-release-content {
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 3
}

.single-post .hero-section .hero-holder .press-release-content .post-details {
    justify-content: center;
    margin: 30px 0
}

.single-post .hero-section .hero-holder .press-release-content .blog-excerpt {
    margin: 0 auto 30px;
    max-width: 80%;
    text-align: center
}

@media screen and (max-width: 780px) {
    .single-post .hero-section .hero-holder .press-release-content .blog-excerpt,.single-post .hero-section .hero-holder .press-release-content .post-details,.single-post .hero-section .hero-holder .press-release-content h1 {
        text-align:left!important
    }
}

.single-post .press-release-details-section figure {
    margin-bottom: 0
}

.single-post .press-release-details-section .main-container {
    max-width: 100%!important;
    padding: 0 25px
}

@media screen and (min-width: 1024px) {
    .single-post .press-release-details-section .main-container {
        padding:0
    }
}

.single-post .press-release-details-section .inner {
    justify-content: center;
    padding: 0
}

.single-post .press-release-details-section .inner .press-release-sidebar {
    margin-left: 0;
    width: auto!important
}

@media screen and (min-width: 1024px) {
    .single-post .press-release-details-section .inner .press-release-sidebar {
        width:0!important
    }
}

@media screen and (min-width: 1200px)and (max-width:1400px) {
    .single-post .press-release-details-section .inner .press-release-sidebar .sticky-element-inner {
        width:225px
    }

    .single-post .press-release-details-section .inner .press-release-sidebar .sticky-element-inner .share-box {
        padding: 40px 10px!important
    }
}

.single-post .press-release-details-section .inner .press-release-sidebar .wordpress-print-posts a {
    background-color: transparent;
    border: solid #4169e1;
    border-radius: 10px;
    color: #4169e1;
    cursor: pointer;
    font: 500 14px/20px Poppins,sans-serif;
    font-weight: 500!important;
    margin: 0;
    padding: 11px 35px!important;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s
}

@media only screen and (min-width: 1440px) {
    .single-post .press-release-details-section .inner .press-release-sidebar .wordpress-print-posts a {
        font-size:16px;
        line-height: 24px
    }
}

.single-post .press-release-details-section .inner .press-release-sidebar .wordpress-print-posts a:hover {
    background: #4169e1;
    color: #fff
}

.single-post .press-release-details-section .inner .press-release-sidebar .wordpress-print-posts a:before {
    content: "DOWNLOAD PDF"
}

.single-post .press-release-details-section .inner .press-release-sidebar .wordpress-print-posts a i {
    display: none
}

@media screen and (max-width: 1250px) {
    .single-post .press-release-details-section .inner {
        flex-direction:column
    }

    .single-post .press-release-details-section .inner .press-release-content {
        margin: 0 auto
    }

    .single-post .press-release-details-section .inner .press-release-sidebar,.single-post .press-release-details-section .inner .sticky-element-inner {
        margin: 0 auto;
        width: auto!important
    }
}

.single-post .press-release-details-section .press-release-content {
    max-width: 800px;
    padding: 0 2.5%;
    width: 100%!important
}

.blog-press-release-details-section {
    background-color: #fbfcfe;
    color: #080817;
    font: 16px/24px Poppins,sans-serif;
    padding-bottom: 30px;
    padding-top: 0
}

@media only screen and (min-width: 1024px) {
    .blog-press-release-details-section {
        padding-bottom:60px;
        padding-top: 50px
    }
}

@media only screen and (min-width: 1400px) {
    .blog-press-release-details-section {
        font-size:18px;
        line-height: 30px
    }
}

.blog-press-release-details-section .press-release-content {
    color: #3e4784;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    overflow-x: hidden;
    width: auto
}

.blog-press-release-details-section .press-release-content h1,.blog-press-release-details-section .press-release-content h2,.blog-press-release-details-section .press-release-content h3,.blog-press-release-details-section .press-release-content h4,.blog-press-release-details-section .press-release-content h5,.blog-press-release-details-section .press-release-content h6 {
    color: #101323;
    font-style: normal;
    font-weight: 600;
    line-height: 125%
}

.blog-press-release-details-section .press-release-content h1 {
    font-size: 28px
}

.blog-press-release-details-section .press-release-content h2 {
    font-size: 22px
}

.blog-press-release-details-section .press-release-content h3 {
    font-size: 20px
}

.blog-press-release-details-section .press-release-content h4 {
    font-size: 18px
}

.blog-press-release-details-section .press-release-content h5 {
    font-size: 17px
}

.blog-press-release-details-section .press-release-content h6 {
    font-size: 16px
}

.blog-press-release-details-section .press-release-content p {
    color: #3e4784;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px
}

.blog-press-release-details-section .press-release-content a {
    color: #3e4784;
    font-weight: 500;
    text-decoration: underline
}

.blog-press-release-details-section .press-release-content a:hover {
    text-decoration: underline
}

@media only screen and (min-width: 1024px) {
    .blog-press-release-details-section .inner {
        align-items:flex-start;
        display: flex;
        gap: 64px;
        justify-content: space-between
    }

    .blog-press-release-content {
        border-bottom: 1px solid #d5d9eb
    }
}

.blog-press-release-content .h1,.blog-press-release-content .h2,.blog-press-release-content .h3,.blog-press-release-content .h4,.blog-press-release-content .h5,.blog-press-release-content .h6,.blog-press-release-content h1,.blog-press-release-content h2,.blog-press-release-content h3,.blog-press-release-content h4,.blog-press-release-content h5,.blog-press-release-content h6 {
    font-weight: 600;
    margin: 0
}

.blog-press-release-content .h1,.blog-press-release-content h1 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px
}

@media only screen and (min-width: 1200px) {
    .blog-press-release-content .h1,.blog-press-release-content h1 {
        font-size:45px;
        line-height: 65px
    }
}

@media only screen and (min-width: 1400px) {
    .blog-press-release-content .h1,.blog-press-release-content h1 {
        font-size:60px;
        line-height: 80px;
        margin-bottom: 30px
    }
}

.blog-press-release-content .h2,.blog-press-release-content h2 {
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 20px
}

.blog-press-release-content .h3,.blog-press-release-content h3 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 10px
}

@media only screen and (min-width: 1200px) {
    .blog-press-release-content .h3,.blog-press-release-content h3 {
        font-size:28px;
        line-height: 38px;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1400px) {
    .blog-press-release-content .h3,.blog-press-release-content h3 {
        font-size:36px;
        line-height: 44px;
        margin-bottom: 30px
    }
}

.blog-press-release-content .h4,.blog-press-release-content h4 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px
}

@media only screen and (min-width: 1200px) {
    .blog-press-release-content .h4,.blog-press-release-content h4 {
        font-size:22px;
        line-height: 32px;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1400px) {
    .blog-press-release-content .h4,.blog-press-release-content h4 {
        font-size:30px;
        line-height: 40px
    }
}

.blog-press-release-content .h5,.blog-press-release-content h5 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px
}

@media only screen and (min-width: 1200px) {
    .blog-press-release-content .h5,.blog-press-release-content h5 {
        font-size:20px;
        line-height: 30px;
        margin-bottom: 20px
    }
}

.blog-press-release-content .h6,.blog-press-release-content h6 {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px
}

@media only screen and (min-width: 1200px) {
    .blog-press-release-content .h6,.blog-press-release-content h6 {
        font-size:18px;
        line-height: 28px
    }
}

.blog-press-release-content .post-type {
    color: #17c3b2;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px
}

.blog-press-release-content .post-details {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    font-weight: 600;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 34px;
    margin-top: 16px
}

.blog-press-release-content .post-details .post-details-dot {
    margin: 0 .65em
}

.blog-press-release-content .post-details .author {
    display: flex
}

@media only screen and (min-width: 568px) {
    .blog-press-release-content .post-details .author {
        align-items:center
    }
}

.blog-press-release-content .post-details .author a {
    text-decoration: none
}

.blog-press-release-content .post-details .avatar {
    align-items: center;
    background-color: #ffe1e0;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    color: #ff786a;
    display: flex;
    flex-shrink: 0;
    height: 50px;
    justify-content: center;
    margin-right: 20px;
    width: 50px
}

@media only screen and (min-width: 1200px) {
    .blog-press-release-content .post-details .avatar {
        font-size:24px;
        height: 70px;
        line-height: 24px;
        width: 70px
    }
}

.blog-press-release-content .post-details .avatar a {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    transition: color .3s;
    width: 100%
}

.no-touch .blog-press-release-content .post-details .avatar a:hover {
    color: #4169e1
}

.blog-press-release-content .post-details .name a {
    transition: color .3s
}

.no-touch .blog-press-release-content .post-details .name a:hover {
    color: #4169e1
}

.blog-press-release-content .post-details time {
    display: block;
    margin: 0
}

@media only screen and (min-width: 568px) {
    .blog-press-release-content .post-details time {
        margin:0
    }
}

.blog-press-release-content hr {
    background: rgba(65,105,225,.2);
    border: none;
    height: 1px;
    margin: 30px 0
}

.blog-press-release-content strong {
    font-weight: 600
}

.blog-press-release-content img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: top
}

.blog-press-release-content figure {
    margin: 40px 0;
    text-align: center
}

@media only screen and (min-width: 1200px) {
    .blog-press-release-content figure {
        margin:60px 0
    }
}

.blog-press-release-content figure img {
    border-radius: 10px
}

.blog-press-release-content blockquote {
    border-left: 4px solid #4169e1;
    margin: 30px 0;
    padding-left: 15px
}

@media only screen and (min-width: 1200px) {
    .blog-press-release-content blockquote {
        padding-left:20px;
        padding-right: 5px
    }
}

@media only screen and (min-width: 1400px) {
    .blog-press-release-content blockquote {
        margin:60px 0
    }
}

.blog-press-release-content blockquote p {
    color: #080817;
    font-weight: 600;
    margin-bottom: 20px
}

@media only screen and (min-width: 1200px) {
    .blog-press-release-content blockquote p {
        font-size:24px;
        line-height: 36px
    }
}

.blog-press-release-content cite {
    color: rgba(8,8,23,.5);
    font-size: 16px;
    font-style: normal;
    line-height: 24px
}

.blog-press-release-content cite strong {
    color: #080817;
    display: block;
    font-weight: 500
}

.blog-press-release-content .about-block {
    background: #f2f5fd;
    border-radius: 10px;
    margin-top: 30px;
    padding: 20px
}

@media only screen and (min-width: 1200px) {
    .blog-press-release-content .about-block {
        margin-top:60px;
        padding: 40px
    }
}

.blog-press-release-content .about-block .details {
    background: #fff;
    border-radius: 10px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 30px;
    padding: 20px
}

@media only screen and (min-width: 1200px) {
    .blog-press-release-content .about-block .details {
        display:flex;
        margin: 0;
        padding: 30px 0
    }
}

.blog-press-release-content .about-block .details .item {
    border-bottom: 1px solid rgba(65,105,225,.2);
    margin-bottom: 30px;
    padding-bottom: 30px
}

@media only screen and (min-width: 1200px) {
    .blog-press-release-content .about-block .details .item {
        border-bottom:none;
        border-right: 1px solid rgba(65,105,225,.2);
        margin: 0;
        padding: 0 30px
    }

    .blog-press-release-content .about-block .details .item:first-child {
        width: 31%
    }

    .blog-press-release-content .about-block .details .item:nth-child(2) {
        width: 38%
    }
}

.blog-press-release-content .about-block .details .item:last-child {
    border: none
}

@media screen and (max-width: 1199px) {
    .blog-press-release-content .about-block .details .item:last-child {
        margin-bottom:0;
        padding-bottom: 0
    }
}

@media only screen and (min-width: 1200px) {
    .blog-press-release-content .about-block .details .item:last-child {
        width:28%
    }

    .blog-press-release-content .about-block .details .h6,.blog-press-release-content .about-block .details h6 {
        margin-bottom: 22px
    }

    .blog-press-release-content .about-block .details p {
        margin-bottom: 20px
    }
}

.blog-press-release-content .about-block .details .contacts>span {
    display: block;
    margin-bottom: 5px;
    opacity: .7;
    text-transform: uppercase
}

@media only screen and (min-width: 1200px) {
    .blog-press-release-content .about-block .details .contacts p {
        margin-bottom:15px
    }
}

.blog-press-release-content .about-block .details .contacts p:last-of-type {
    margin-bottom: 0
}

.blog-press-release-content .about-block .details .contacts a[href^="mailto:"] {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media only screen and (min-width: 1200px) {
    .blog-press-release-content .about-block .details .contacts a[href^="mailto:"] {
        font-size:17px;
        line-height: 30px
    }
}

.blog-press-release-content .about-block .details .contacts a[href^="mailto:"]:not(:hover) {
    color: #178cf8
}

.blog-press-release-content .about-block .details .contacts a[href^="tel:"] {
    font-weight: 500
}

@media only screen and (min-width: 1200px) {
    .blog-press-release-content .about-block .details .contacts a[href^="tel:"] {
        color:#4169e1;
        font-size: 18px;
        line-height: 30px
    }
}

.blog-press-release-content .about-block .social {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -10px;
    padding: 8px 0 0
}

.blog-press-release-content .about-block .social li {
    margin: 0 10px 15px
}

@media only screen and (min-width: 1200px) {
    .blog-press-release-content .about-block .social li {
        margin:0 18px 15px
    }
}

.blog-press-release-content .about-block .social a {
    align-items: center;
    display: flex;
    position: relative
}

.blog-press-release-content .about-block .social a:before {
    background: #4169e1;
    border-radius: 50%;
    content: "";
    height: 40px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .3s;
    width: 40px
}

.blog-press-release-content .about-block .social a:hover:before {
    opacity: 1
}

.blog-press-release-content .about-block .social a:hover path {
    fill: #fff
}

.blog-press-release-content .about-block .social svg {
    position: relative;
    z-index: 2
}

.blog-press-release-content .about-block .social path {
    transition: fill .3s
}

.blog-press-release-content .about-block .button-link {
    padding: 10px 30px
}

#comments .form-submit .blog-press-release-content .pdf-cta input,#comments .form-submit .blog-press-release-content .pdf-cta input:hover,.blog-press-release-content .pdf-cta #comments .form-submit input,.blog-press-release-content .pdf-cta #comments .form-submit input:hover,.blog-press-release-content .pdf-cta .btn,.blog-press-release-content .pdf-cta .btn:hover {
    border: 1px solid #4169e1!important
}

@media only screen and (min-width: 1024px) {
    .blog-press-release-sidebar.sticky-element2 {
        flex-shrink:0;
        max-height: 100vh;
        max-height: 100dvh;
        overflow-y: auto;
        position: sticky;
        top: 118px;
        width: 377px
    }
}

.blog-press-release-sidebar .jump-to-section {
    display: none;
    margin-bottom: 30px
}

@media only screen and (min-width: 1024px) {
    .blog-press-release-sidebar .jump-to-section {
        display:block
    }
}

.blog-press-release-sidebar .jump-to-section .jump-to-section-label {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 21px;
    margin-bottom: 20px;
    text-transform: uppercase
}

.blog-press-release-sidebar .jump-to-section ul {
    border-left: 1px solid #d5d9eb;
    list-style: none;
    margin: 0;
    padding: 0
}

.blog-press-release-sidebar .jump-to-section ul li {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    margin: 8px 0
}

.blog-press-release-sidebar .jump-to-section ul li a {
    display: inline-block;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 10px
}

.blog-press-release-sidebar .jump-to-section ul li a[aria-current=true] {
    color: #2563eb;
    position: relative
}

.blog-press-release-sidebar .jump-to-section ul li a[aria-current=true]:before {
    border-left: 2px solid #2563eb;
    content: "";
    height: 100%;
    left: -1px;
    position: absolute;
    top: 0
}

.blog-press-release-sidebar .jump-to-section ul li:last-child {
    margin-bottom: 0
}

.blog-press-release-sidebar .share-box {
    border-bottom: 1px solid #d5d9eb;
    margin: 20px 0 0;
    padding-bottom: 20px
}

@media only screen and (min-width: 1024px) {
    .blog-press-release-sidebar .share-box {
        border-bottom:none;
        margin: 38px 0 0;
        padding-bottom: 0
    }
}

.blog-press-release-sidebar .share {
    font-size: 14px;
    line-height: 24px
}

.blog-press-release-sidebar .share>span {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 0
}

@media only screen and (min-width: 1024px) {
    .blog-press-release-sidebar .share>span {
        margin-bottom:14px
    }
}

.blog-press-release-sidebar .share>span:after {
    content: ":"
}

.blog-press-release-sidebar .social {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 0 0 -8px;
    padding: 0
}

.blog-press-release-sidebar .social li {
    margin: 0 10px 0 0
}

.blog-press-release-sidebar .social a {
    align-items: center;
    display: flex;
    position: relative
}

.blog-press-release-sidebar .social a:before {
    background: #4169e1;
    border-radius: 50%;
    content: "";
    height: 40px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .3s;
    width: 40px
}

.blog-press-release-sidebar .social a:hover:before {
    opacity: 1
}

.blog-press-release-sidebar .social a:hover path {
    fill: #fff
}

.blog-press-release-sidebar .social svg {
    height: auto;
    position: relative;
    width: 54px;
    z-index: 2
}

.blog-press-release-sidebar .social path {
    transition: fill .3s
}

.blog-press-release-sidebar .button-link {
    margin-top: 20px
}

@media only screen and (min-width: 1024px) {
    .blog-press-release-sidebar .button-link {
        display:block;
        padding: 13px 20px
    }
}

@media only screen and (min-width: 1200px) {
    .blog-press-release-sidebar .button-link {
        margin-top:40px
    }
}

.blog-press-release-sidebar .tags {
    display: none;
    margin: 38px 0 0
}

.blog-press-release-sidebar .tags .tag-label {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 10px
}

@media only screen and (min-width: 1024px) {
    .blog-press-release-sidebar .tags .tag-label {
        margin-bottom:20px
    }
}

.blog-press-release-sidebar .tags ul {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    list-style: none;
    margin: 0;
    padding: 0
}

.blog-press-release-sidebar .tags ul li {
    display: inline-block;
    margin: 0 4px 10px 0;
    vertical-align: top
}

.blog-press-release-sidebar .tags ul a {
    background-color: rgba(65,105,225,.078);
    border-radius: 4px;
    color: #213571;
    padding: 4px;
    transition: color .3s,background-color .3s
}

.blog-press-release-sidebar .tags ul a:hover {
    background-color: #4169e1;
    color: #fff
}

.blog-press-release-sidebar .author {
    border-bottom: 1px solid #d5d9eb;
    display: flex;
    gap: 20px;
    padding: 0 0 20px
}

@media only screen and (min-width: 1024px) {
    .blog-press-release-sidebar .author {
        border-bottom:none;
        padding: 46px 0 0
    }
}

.blog-press-release-sidebar .author .name {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.blog-press-release-sidebar .author .avatar img {
    border-radius: 100vw;
    height: 44px;
    object-fit: cover;
    width: 44px
}

.blog-press-release-sidebar .author .author-desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px
}

.blog-press-release-sidebar .featured {
    border-top: 1px solid #d5d9eb;
    display: none;
    margin: 46px 0 0;
    padding-top: 50px
}

@media screen and (min-width: 1024px) {
    .blog-press-release-sidebar .featured {
        display:block
    }
}

.blog-press-release-sidebar .featured .featured-list-label {
    color: #101323;
    font-size: 28px;
    font-weight: 600;
    line-height: 35px;
    margin-bottom: 24px
}

.blog-press-release-sidebar .featured .blog-newsroom-item {
    background: transparent;
    border: none;
    border-bottom: 1px solid #d5d9eb;
    border-radius: 0;
    margin: 0 0 18px;
    padding: 0 0 18px;
    width: auto
}

.blog-press-release-sidebar .featured .blog-newsroom-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.blog-press-release-sidebar .featured .blog-newsroom-item:hover {
    box-shadow: none
}

.blog-press-release-sidebar .featured .blog-newsroom-item h5 {
    margin-bottom: 0
}

.blog-press-release-sidebar .featured .blog-newsroom-item h5 a {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.blog-press-release-sidebar .featured .blog-newsroom-item .read-more-link {
    font-size: 14px;
    line-height: 21px
}

.jump-to-section-mobile-sticky {
    background-color: #fbfcfe;
    display: block;
    margin-bottom: 30px;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    position: sticky;
    top: 0;
    z-index: 600
}

@media only screen and (min-width: 1024px) {
    .jump-to-section-mobile-sticky {
        display:none
    }
}

.jump-to-section-mobile {
    border-bottom: 1px solid #d5d9eb;
    display: block;
    padding-bottom: 20px
}

@media only screen and (min-width: 1024px) {
    .jump-to-section-mobile {
        display:none
    }
}

.jump-to-section-mobile .jump-to-section-label {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 21px;
    margin-bottom: 20px;
    text-transform: uppercase
}

.jump-to-section-mobile .jump-to-section-mobile-select {
    align-items: center;
    display: flex;
    position: relative
}

.jump-to-section-mobile select {
    -webkit-appearance: none!important;
    background: #fff!important;
    border: 1px solid #cacaca!important;
    border-radius: 10px!important;
    color: #080817!important;
    display: block!important;
    float: none!important;
    font-family: Poppins,sans-serif!important;
    font-size: 14px!important;
    height: 48px!important;
    line-height: 20px!important;
    margin: 0!important;
    outline: none!important;
    overflow: hidden!important;
    padding: 10px 40px 10px 20px!important;
    text-overflow: ellipsis;
    vertical-align: middle!important;
    white-space: nowrap;
    width: 100%!important
}

.jump-to-section-mobile select:focus {
    border-color: #4169e1!important
}

.jump-to-section-mobile svg {
    pointer-events: none;
    position: absolute;
    right: 16px
}

.newsroom-liked-section .newsroom-liked-heading {
    color: rgba(8,8,23,.7);
    font: 16px/24px Poppins,sans-serif;
    margin-bottom: 40px
}

@media screen and (min-width: 768px) {
    .newsroom-liked-section .newsroom-liked-heading {
        align-items:center;
        display: flex;
        justify-content: space-between
    }
}

@media screen and (min-width: 1024px) {
    .newsroom-liked-section .newsroom-liked-heading {
        font-size:18px;
        line-height: 30px
    }
}

@media screen and (min-width: 1440px) {
    .newsroom-liked-section .newsroom-liked-heading {
        margin-bottom:60px
    }
}

.newsroom-liked-section .newsroom-liked-heading .column {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .newsroom-liked-section .newsroom-liked-heading .column {
        margin:0;
        width: 50%
    }
}

@media screen and (min-width: 1200px) {
    .newsroom-liked-section .newsroom-liked-heading .column:last-child {
        width:49%
    }

    .newsroom-liked-section .newsroom-liked-heading .column .h2,.newsroom-liked-section .newsroom-liked-heading .column h2 {
        padding-right: 50px
    }
}

.newsroom-liked-section .newsroom-liked-heading .column p {
    margin: 0 0 15px
}

@media screen and (min-width: 1200px) {
    .newsroom-liked-section .newsroom-liked-heading .column p {
        margin-bottom:30px
    }
}

.newsroom-liked-section .newsroom-liked-heading .column p:last-child {
    margin: 0
}

@media screen and (min-width: 768px) {
    .newsroom-liked-section .newsroom-liked-heading .column .button-link {
        float:right
    }
}

@media screen and (min-width: 1200px) {
    .newsroom-liked-section .newsroom-liked-heading .wrap {
        max-width:775px
    }
}

.newsroom-liked-section .newsroom-liked-heading .h2,.newsroom-liked-section .newsroom-liked-heading h2 {
    color: #080817;
    font: 600 30px/40px Poppins,sans-serif;
    margin: 0
}

@media screen and (min-width: 1024px) {
    .newsroom-liked-section .newsroom-liked-heading .h2,.newsroom-liked-section .newsroom-liked-heading h2 {
        font-size:36px;
        line-height: 44px
    }
}

@media screen and (min-width: 1200px) {
    .newsroom-liked-section .newsroom-liked-heading .h2,.newsroom-liked-section .newsroom-liked-heading h2 {
        font-size:48px;
        line-height: 64px
    }
}

.newsroom-liked-section .newsroom-liked-heading p {
    margin-top: 20px
}

@media screen and (min-width: 1400px) {
    .newsroom-liked-section .newsroom-liked-heading p {
        margin-top:30px
    }
}

.newsroom-liked-section .newsroom-liked-heading p a {
    text-decoration: underline
}

.newsroom-liked-section .newsroom-liked-heading .button-link {
    margin-top: 30px
}

@media screen and (min-width: 768px) {
    .newsroom-liked-section .newsroom-liked-heading .button-link {
        flex-shrink:0;
        margin-top: 0
    }
}

.newsroom-liked-section .newsroom-liked-heading.center {
    justify-content: center
}

.newsroom-liked-slider {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 900px) {
    .newsroom-liked-slider {
        flex-direction:row
    }
}

.newsroom-liked-slider .slick-track {
    display: flex
}

.newsroom-liked-slider .slick-track:after,.newsroom-liked-slider .slick-track:before {
    display: none
}

.no-touch .newsroom-liked-slider .slick-track:hover {
    cursor: move;
    cursor: grab
}

.no-touch .newsroom-liked-slider .slick-track:active,.no-touch .newsroom-liked-slider .slick-track:active .newsroom-item a {
    cursor: grabbing
}

.newsroom-liked-slider .slick-slide {
    display: flex;
    float: none;
    height: auto;
    margin-right: 20px
}

@media only screen and (min-width: 1440px) {
    .newsroom-liked-slider .slick-slide {
        margin-right:40px
    }
}

.newsroom-liked-slider .slick-slide.slick-current .item {
    background: #fff
}

.newsroom-liked-slider .slick-slide>div {
    display: flex;
    flex-grow: 1;
    width: 100%
}

.newsroom-liked-slider .slick-list {
    overflow: visible
}

.newsroom-liked-slider .slick-arrow {
    margin-top: 20px;
    top: 100%
}

@media only screen and (min-width: 1200px) {
    .newsroom-liked-slider .slick-arrow {
        margin:0;
        top: -100px
    }
}

@media only screen and (min-width: 1400px) {
    .newsroom-liked-slider .slick-arrow {
        top:-120px
    }
}

.newsroom-liked-slider .slick-arrow.slick-prev {
    left: 0
}

@media only screen and (min-width: 1200px) {
    .newsroom-liked-slider .slick-arrow.slick-prev {
        left:auto;
        right: 90px
    }
}

@media only screen and (min-width: 1440px) {
    .newsroom-liked-slider .slick-arrow.slick-prev {
        right:110px
    }
}

.newsroom-liked-slider .slick-arrow.slick-next {
    left: 70px
}

@media only screen and (min-width: 1200px) {
    .newsroom-liked-slider .slick-arrow.slick-next {
        left:auto;
        right: 20px
    }
}

@media only screen and (min-width: 1440px) {
    .newsroom-liked-slider .slick-arrow.slick-next {
        right:40px
    }
}

.newsroom-liked-slider .newsroom-item {
    background: #fff
}

.blog-liked-section {
    padding-bottom: 40px;
    padding-top: 20px
}

@media only screen and (min-width: 1024px) {
    .blog-liked-section {
        padding-bottom:60px;
        padding-top: 60px
    }
}

.blog-liked-section .blog-liked-heading {
    margin-bottom: 40px
}

.blog-liked-section .blog-liked-heading .h2,.blog-liked-section .blog-liked-heading h2 {
    color: #101323;
    font: 600 22px/28px Poppins,sans-serif;
    margin: 0
}

@media screen and (min-width: 1024px) {
    .blog-liked-section .blog-liked-heading .h2,.blog-liked-section .blog-liked-heading h2 {
        font-size:28px;
        line-height: 35px
    }
}

.blog-liked-slider {
    display: flex;
    flex-wrap: nowrap;
    gap: 30px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory
}

.blog-liked-slider .blog-newsroom-item {
    --horisontal-padding: 20px;
    --vertical-padding: 20px;
    flex-basis: 320px;
    flex-grow: 1;
    flex-shrink: 1;
    margin: 0;
    min-width: 80%;
    scroll-snap-align: start;
    width: auto
}

@media only screen and (min-width: 400px) {
    .blog-liked-slider .blog-newsroom-item {
        min-width:320px
    }
}

.blog-liked-slider .blog-newsroom-item .post-details span {
    display: none
}

.blog-liked-slider .blog-newsroom-item .image {
    padding-bottom: 75%
}

.blog-search .pagetitle {
    color: #101323;
    font: 600 28px/35px Poppins,sans-serif;
    margin: 0 0 30px
}

@media screen and (min-width: 1024px) {
    .blog-search .pagetitle {
        font-size:36px;
        line-height: 45px
    }
}

.blog-search .newsroom-list>header {
    margin-bottom: 30px;
    width: 100%
}

.blog-search .newsroom-list>header h2 {
    color: #101323;
    font: 600 24px/30px Poppins,sans-serif;
    margin: 0 0 30px
}

@media only screen and (min-width: 768px) {
    .blog-search .newsroom-list>header {
        margin:0 10px
    }
}

@media only screen and (min-width: 1200px) {
    .blog-search .newsroom-list>header {
        margin:0 20px
    }
}

.blog-section-featured {
    color: #080817;
    font: 16px/24px Poppins,sans-serif;
    margin-bottom: 50px;
    padding-bottom: 30px;
    position: relative
}

@media only screen and (min-width: 1200px) {
    .blog-section-featured {
        padding-bottom:50px
    }
}

.blog-section-featured p {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 15px;
    opacity: .7
}

@media only screen and (min-width: 1800px) {
    .blog-section-featured p {
        margin-bottom:30px
    }
}

@media only screen and (min-width: 1200px) {
    .blog-section-featured .holder {
        align-items:flex-end;
        display: flex
    }

    .blog-section-featured .listing-wrap {
        margin-right: 40px
    }
}

.blog-section-featured .h2,.blog-section-featured h2 {
    color: #080817;
    font: 600 30px/40px Poppins,sans-serif;
    margin: 0 0 20px
}

@media only screen and (min-width: 1024px) {
    .blog-section-featured .h2,.blog-section-featured h2 {
        font-size:33px;
        line-height: 44px
    }
}

@media only screen and (min-width: 1200px) {
    .blog-section-featured .h2,.blog-section-featured h2 {
        font-size:43px;
        line-height: 55px
    }
}

@media only screen and (min-width: 1440px) {
    .blog-section-featured .h2,.blog-section-featured h2 {
        font-size:48px;
        line-height: 64px;
        margin-bottom: 40px
    }
}

.blog-section-featured .subscribe {
    background: #fff;
    border-radius: 20px;
    box-shadow: 5px 8px 28px rgba(23,23,36,.1);
    margin-bottom: 50px;
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .blog-section-featured .subscribe {
        margin:0 auto 50px;
        max-width: 800px;
        padding: 40px
    }
}

@media only screen and (min-width: 1200px) {
    .blog-section-featured .subscribe {
        flex-shrink:0;
        margin: 0 0 0 auto;
        order: 1;
        width: 31%
    }
}

.blog-section-featured .subscribe input[type=email],.blog-section-featured .subscribe input[type=number],.blog-section-featured .subscribe input[type=password],.blog-section-featured .subscribe input[type=tel],.blog-section-featured .subscribe input[type=text],.blog-section-featured .subscribe textarea {
    -webkit-appearance: none!important;
    background: #f2f5fd!important;
    border: 1px solid transparent!important;
    border-radius: 10px!important;
    color: #080817!important;
    display: inline-block!important;
    float: none!important;
    font-family: Poppins,sans-serif!important;
    font-size: 14px!important;
    height: 44px!important;
    line-height: 20px!important;
    margin: 0!important;
    outline: none!important;
    padding: 10px 20px!important;
    vertical-align: middle!important;
    width: 100%!important
}

@media only screen and (min-width: 768px) {
    .blog-section-featured .subscribe input[type=email],.blog-section-featured .subscribe input[type=number],.blog-section-featured .subscribe input[type=password],.blog-section-featured .subscribe input[type=tel],.blog-section-featured .subscribe input[type=text],.blog-section-featured .subscribe textarea {
        height:54px!important;
        padding: 18px 20px!important
    }
}

@media only screen and (min-width: 1200px) {
    .blog-section-featured .subscribe input[type=email],.blog-section-featured .subscribe input[type=number],.blog-section-featured .subscribe input[type=password],.blog-section-featured .subscribe input[type=tel],.blog-section-featured .subscribe input[type=text],.blog-section-featured .subscribe textarea {
        transition:border-color .5s
    }
}

.blog-section-featured .subscribe input[type=email]:focus,.blog-section-featured .subscribe input[type=number]:focus,.blog-section-featured .subscribe input[type=password]:focus,.blog-section-featured .subscribe input[type=tel]:focus,.blog-section-featured .subscribe input[type=text]:focus,.blog-section-featured .subscribe textarea:focus {
    border-color: #4169e1!important
}

.blog-section-featured .subscribe input[type=email].mktoField.mktoInvalid,.blog-section-featured .subscribe input[type=number].mktoField.mktoInvalid,.blog-section-featured .subscribe input[type=password].mktoField.mktoInvalid,.blog-section-featured .subscribe input[type=tel].mktoField.mktoInvalid,.blog-section-featured .subscribe input[type=text].mktoField.mktoInvalid,.blog-section-featured .subscribe textarea.mktoField.mktoInvalid {
    border-color: red!important
}

.blog-section-featured .subscribe .search-form {
    border-bottom: 1px solid rgba(65,105,225,.2);
    margin-bottom: 30px;
    padding-bottom: 30px
}

.blog-section-featured .subscribe .search-form form {
    position: relative
}

.blog-section-featured .subscribe .search-form input {
    padding-right: 40px!important
}

.blog-section-featured .subscribe .search-form button {
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    z-index: 10
}

.blog-section-featured .subscribe .h5,.blog-section-featured .subscribe h5 {
    font: 600 18px/26px Poppins,sans-serif;
    margin: 0 0 10px
}

@media only screen and (min-width: 1200px) {
    .blog-section-featured .subscribe .h5,.blog-section-featured .subscribe h5 {
        font-size:24px;
        line-height: 36px;
        margin-bottom: 20px
    }
}

.blog-section-featured .subscribe .subscribe-form form {
    width: 100%!important
}

.blog-section-featured .subscribe .subscribe-form .mktoForm:not(#mktoForm_1250) .mktoFormCol {
    margin-bottom: 25px!important
}

.blog-section-featured .subscribe .subscribe-form .mktoFieldWrap {
    float: none;
    width: 100%
}

.blog-section-featured .subscribe .subscribe-form .mktoFormCol {
    float: none;
    margin-bottom: 25px!important;
    width: 100%
}

.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input#Email,.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=email],.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=number],.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=password],.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=tel],.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=text],.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap textarea {
    -webkit-appearance: none!important;
    background: #f2f5fd!important;
    border: 1px solid transparent!important;
    border-radius: 10px!important;
    color: #080817!important;
    display: inline-block!important;
    float: none!important;
    font-family: Poppins,sans-serif!important;
    font-size: 14px!important;
    height: 44px!important;
    line-height: 20px!important;
    margin: 0!important;
    outline: none!important;
    padding: 10px 20px!important;
    vertical-align: middle!important;
    width: 100%!important
}

@media only screen and (min-width: 768px) {
    .blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input#Email,.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=email],.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=number],.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=password],.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=tel],.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=text],.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap textarea {
        height:54px!important;
        padding: 18px 20px!important
    }
}

@media only screen and (min-width: 1200px) {
    .blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input#Email,.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=email],.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=number],.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=password],.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=tel],.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=text],.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap textarea {
        transition:border-color .5s
    }
}

.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input#Email:focus,.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=email]:focus,.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=number]:focus,.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=password]:focus,.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=tel]:focus,.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=text]:focus,.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap textarea:focus {
    border-color: #4169e1!important
}

.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input#Email.mktoField.mktoInvalid,.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=email].mktoField.mktoInvalid,.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=number].mktoField.mktoInvalid,.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=password].mktoField.mktoInvalid,.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=tel].mktoField.mktoInvalid,.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap input[type=text].mktoField.mktoInvalid,.blog-section-featured .subscribe .subscribe-form .mktoFormRow .mktoFieldWrap textarea.mktoField.mktoInvalid {
    border-color: red!important
}

.blog-section-featured .subscribe .subscribe-form label.mktoLabel {
    display: none!important
}

.blog-section-featured .subscribe .subscribe-form .mktoButtonRow {
    display: block;
    width: 100%
}

.blog-section-featured .subscribe .subscribe-form .mktoButtonWrap {
    margin: 0!important
}

.blog-section-featured .subscribe .subscribe-form .mktoAsterix {
    display: none!important
}

.blog-section-featured .subscribe .subscribe-form .mktoButton {
    background: #4169e1!important;
    border: 1px solid transparent!important;
    border-radius: 10px!important;
    color: #fff!important;
    cursor: pointer;
    display: block;
    font: 500 14px/20px Poppins,sans-serif!important;
    margin: 0!important;
    padding: 13px 35px!important;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase!important;
    transition: background-color .3s;
    width: 100%
}

@media only screen and (min-width: 1200px) {
    .blog-section-featured .subscribe .subscribe-form .mktoButton {
        font-size:16px!important;
        line-height: 24px
    }
}

.blog-section-featured .subscribe .subscribe-form .mktoButton:first-letter {
    text-transform: uppercase
}

.blog-section-featured .subscribe .subscribe-form .mktoButton:hover {
    background: #fff!important;
    border-color: #4169e1!important;
    color: #4169e1!important
}

@media only screen and (min-width: 1200px) {
    .blog-section-featured .newsroom-list {
        margin-bottom:-40px
    }

    .blog-section-featured .newsroom-item {
        width: calc(50% - 40px)
    }
}

.webinar_speakers {
    background-position: 0 100%
}

.webinar_speakers__header {
    color: #fff;
    font-weight: 600;
    margin: 0 auto 30px;
    text-align: center
}

.webinar_speakers__inner {
    grid-gap: 30px;
    display: grid;
    grid-template-columns: repeat(1,1fr)
}

.webinar_speakers__inner .webinar_speakers__speaker {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 40px
}

.webinar_speakers__inner .webinar_speakers__speaker .speaker_info {
    margin-left: 30px;
    max-width: 300px
}

.webinar_speakers__inner .webinar_speakers__speaker .speaker_image {
    border-radius: 50%;
    height: 150px;
    margin-bottom: 30px;
    object-fit: cover;
    width: 150px
}

.webinar_speakers__inner .webinar_speakers__speaker .speaker_name {
    font-size: 20px;
    font-weight: 600;
    margin: 5px 0
}

.webinar_speakers__inner .webinar_speakers__speaker .speaker_position {
    font-weight: 500;
    margin: 5px 0
}

.webinar_speakers__inner .webinar_speakers__speaker .speaker_about {
    font-size: 16px
}

@media screen and (min-width: 1024px) {
    .webinar_speakers__inner {
        grid-template-columns:repeat(2,1fr)
    }
}

@media screen and (min-width: 600px) {
    .webinar_speakers__inner .webinar_speakers__speaker {
        align-items:flex-start;
        flex-direction: row
    }
}

.webinar-takeaway-list-module .section-heading {
    margin: 0 auto 30px;
    max-width: 100%
}

.webinar-takeaway-list-module .subtext {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 30px;
    text-align: center
}

.webinar-takeaway-list-module ol {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    padding-inline-start:26px}

.webinar-takeaway-list-module ol li {
    counter-increment: list;
    list-style-type: none;
    margin: 30px 0;
    padding-left: 24px;
    position: relative
}

.webinar-takeaway-list-module ol li:before {
    color: #4169e1;
    content: counter(list) ".";
    display: flex;
    font-size: 50px;
    font-weight: 600;
    left: -26px;
    position: absolute;
    text-align: right;
    top: 13px;
    width: 26px
}

@media screen and (min-width: 1024px) {
    .webinar-takeaway-list-module .section-heading,.webinar-takeaway-list-module .subtext {
        text-align:left
    }

    .webinar-takeaway-list-module ol {
        flex-direction: row;
        justify-content: space-between
    }

    .webinar-takeaway-list-module ol li {
        margin: 0;
        width: 30%
    }
}

.webinar-details {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    height: 100%;
    min-height: 100vh;
    overflow: hidden;
    width: 100%
}

.webinar-details .main {
    flex-grow: 1;
    flex-shrink: 0;
    padding: 60px 0 0
}

@media screen and (min-width: 1200px) {
    .webinar-details .main {
        padding-top:80px
    }
}

.webinar-details .breadcrumbs-wrap {
    background: none
}

.webinar-details .breadcrumbs-wrap li:after {
    opacity: .2
}

.webinar-details hr {
    background: rgba(65,105,225,.2);
    border: none;
    height: 1px;
    margin: 50px 0
}

@media screen and (min-width: 1200px) {
    .webinar-details hr {
        margin:100px 0
    }
}

.webinar-details-columns {
    color: #080817;
    font: 16px/24px Poppins,sans-serif;
    margin-bottom: 30px
}

@media screen and (min-width: 768px) {
    .webinar-details-columns {
        display:flex;
        margin: 0 -20px 30px
    }
}

@media screen and (min-width: 1200px) {
    .webinar-details-columns {
        font-size:18px;
        line-height: 30px;
        padding-top: 30px
    }
}

@media screen and (min-width: 1400px) {
    .webinar-details-columns {
        padding-top:70px
    }
}

@media screen and (min-width: 768px) {
    .webinar-details-columns .column {
        padding:0 20px;
        width: 50%
    }
}

.webinar-details-columns .column+.column {
    margin-top: 50px
}

@media only screen and (min-width: 768px) {
    .webinar-details-columns .column+.column {
        margin-top:0
    }
}

.webinar-details-columns .image {
    margin-bottom: 20px;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .webinar-details-columns .image {
        text-align:left
    }
}

@media screen and (min-width: 1200px) {
    .webinar-details-columns .image {
        margin-bottom:35px
    }
}

@media screen and (min-width: 1400px) {
    .webinar-details-columns .image {
        margin-bottom:48px
    }
}

.webinar-details-columns .image img {
    border-radius: 20px
}

.webinar-details-columns img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: top
}

.webinar-details-columns .share {
    align-items: center;
    display: flex;
    font-size: 14px;
    justify-content: center;
    line-height: 24px
}

@media only screen and (min-width: 768px) {
    .webinar-details-columns .share {
        justify-content:flex-start
    }
}

.webinar-details-columns .share>span {
    margin-right: 10px;
    opacity: .7
}

@media only screen and (min-width: 1200px) {
    .webinar-details-columns .share>span {
        margin-right:15px
    }
}

.webinar-details-columns .social {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -10px;
    padding: 0
}

@media only screen and (min-width: 768px) {
    .webinar-details-columns .social {
        margin:0
    }
}

.webinar-details-columns .social li {
    margin: 0 10px
}

@media only screen and (min-width: 1200px) {
    .webinar-details-columns .social li {
        margin:0 15px
    }
}

.webinar-details-columns .social a {
    align-items: center;
    display: flex;
    position: relative
}

.webinar-details-columns .social a:before {
    background: #4169e1;
    border-radius: 50%;
    content: "";
    height: 40px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .3s;
    width: 40px
}

.webinar-details-columns .social a:hover:before {
    opacity: 1
}

.webinar-details-columns .social a:hover path {
    fill: #fff
}

.webinar-details-columns .social svg {
    position: relative;
    z-index: 2
}

.webinar-details-columns .social path {
    transition: fill .3s
}

.webinar-details-columns .h1,.webinar-details-columns h1 {
    font: 600 30px/40px Poppins,sans-serif;
    margin: 0 0 20px
}

@media only screen and (min-width: 1200px) {
    .webinar-details-columns .h1,.webinar-details-columns h1 {
        font-size:43px;
        line-height: 55px;
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 1400px) {
    .webinar-details-columns .h1,.webinar-details-columns h1 {
        font-size:48px;
        line-height: 64px;
        margin-bottom: 60px
    }
}

.webinar-details-columns p {
    margin: 0 0 20px;
    opacity: .7
}

.webinar-details-columns dl {
    margin: 0
}

@media only screen and (min-width: 1200px) {
    .webinar-details-columns dl {
        margin-top:30px
    }
}

.webinar-details-columns dt {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    opacity: .7
}

.webinar-details-columns dd {
    margin: 0 0 20px
}

@media only screen and (min-width: 1200px) {
    .webinar-details-columns dd {
        margin-bottom:30px
    }
}

.webinar-details-columns .post-details {
    font-weight: 600
}

@media only screen and (min-width: 568px) {
    .webinar-details-columns .post-details {
        align-items:center;
        display: flex;
        flex-wrap: wrap
    }
}

.webinar-details-columns .post-details .author {
    align-items: center;
    display: flex
}

.webinar-details-columns .post-details .author a {
    text-decoration: none
}

.webinar-details-columns .post-details .avatar {
    align-items: center;
    background-color: #ffe1e0;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    color: #ff786a;
    display: flex;
    flex-shrink: 0;
    height: 50px;
    justify-content: center;
    margin-right: 20px;
    width: 50px
}

@media only screen and (min-width: 1200px) {
    .webinar-details-columns .post-details .avatar {
        font-size:24px;
        height: 70px;
        line-height: 24px;
        width: 70px
    }
}

.webinar-details-columns .post-details .avatar a {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    transition: color .3s;
    width: 100%
}

.no-touch .webinar-details-columns .post-details .avatar a:hover {
    color: #4169e1
}

.webinar-details-columns .post-details .name a {
    transition: color .3s
}

.no-touch .webinar-details-columns .post-details .name a:hover {
    color: #4169e1
}

.webinar-details-columns .h6,.webinar-details-columns h6 {
    font: 600 16px/24px Poppins,sans-serif;
    margin: 0 0 10px
}

@media only screen and (min-width: 1200px) {
    .webinar-details-columns .h6,.webinar-details-columns h6 {
        font-size:18px;
        line-height: 30px
    }
}

.webinar-subscribe-form {
    background: #e8f7ff;
    border-radius: 20px;
    margin-bottom: 50px;
    padding: 20px
}

@media only screen and (min-width: 568px) {
    .webinar-subscribe-form {
        padding:40px
    }
}

@media only screen and (min-width: 1200px) {
    .webinar-subscribe-form {
        margin-bottom:100px;
        width: 620px
    }
}

.webinar-subscribe-form .subscribe-form form.mktoForm {
    width: 100%!important
}

.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email,.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email],.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number],.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password],.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel],.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text],.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea {
    -webkit-appearance: none!important;
    background: #fff!important;
    border: 1px solid transparent!important;
    border-radius: 10px!important;
    color: #080817!important;
    display: inline-block!important;
    float: none!important;
    font-family: Poppins,sans-serif!important;
    font-size: 14px!important;
    height: 44px!important;
    line-height: 20px!important;
    margin: 0!important;
    outline: none!important;
    padding: 10px 20px!important;
    vertical-align: middle!important;
    width: 100%!important
}

@media only screen and (min-width: 768px) {
    .webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email,.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email],.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number],.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password],.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel],.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text],.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea {
        height:54px!important;
        padding: 18px 20px!important
    }
}

@media only screen and (min-width: 1200px) {
    .webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email,.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email],.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number],.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password],.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel],.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text],.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea {
        transition:border-color .5s
    }
}

.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email:focus,.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email]:focus,.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number]:focus,.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password]:focus,.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel]:focus,.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text]:focus,.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea:focus {
    border-color: #4169e1!important
}

.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email.mktoField.mktoInvalid,.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email].mktoField.mktoInvalid,.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number].mktoField.mktoInvalid,.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password].mktoField.mktoInvalid,.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel].mktoField.mktoInvalid,.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text].mktoField.mktoInvalid,.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea.mktoField.mktoInvalid {
    border-color: red!important
}

.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormRow {
    margin-right: 0!important;
    width: 100%!important
}

.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFormCol {
    float: none;
    margin-bottom: 25px!important;
    width: 100%
}

.webinar-subscribe-form .subscribe-form form.mktoForm .mktoFieldWrap {
    float: none;
    width: 100%
}

.webinar-subscribe-form .subscribe-form form.mktoForm label.mktoLabel {
    color: #080817;
    display: inline-block!important;
    float: none;
    font: 400 16px/24px Poppins,sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
    padding-top: 0;
    text-align: left;
    width: auto!important
}

.webinar-subscribe-form .subscribe-form form.mktoForm .mktoGutter,.webinar-subscribe-form .subscribe-form form.mktoForm .mktoOffset {
    display: none!important
}

.webinar-subscribe-form .subscribe-form form.mktoForm .mktoButtonRow {
    display: block;
    margin-top: 20px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .webinar-subscribe-form .subscribe-form form.mktoForm .mktoButtonRow {
        width:205px!important
    }
}

.webinar-subscribe-form .subscribe-form form.mktoForm .mktoButtonWrap.mktoSimple {
    margin-left: 0!important
}

.webinar-subscribe-form .subscribe-form form.mktoForm .mktoButton {
    background: #ff786a!important;
    border: 1px solid transparent!important;
    border-radius: 10px!important;
    color: #fff!important;
    cursor: pointer;
    display: block;
    font: 500 14px/20px Poppins,sans-serif;
    margin: 0!important;
    padding: 13px 35px!important;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase!important;
    transition: background-color .3s,color .3s;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .webinar-subscribe-form .subscribe-form form.mktoForm .mktoButton {
        padding:16px 35px!important
    }
}

@media only screen and (min-width: 1200px) {
    .webinar-subscribe-form .subscribe-form form.mktoForm .mktoButton {
        font-size:16px!important;
        line-height: 24px;
        padding: 13px 35px!important
    }
}

.webinar-subscribe-form .subscribe-form form.mktoForm .mktoButton:first-letter {
    text-transform: uppercase
}

.webinar-subscribe-form .subscribe-form form.mktoForm .mktoButton:hover {
    background: #fff!important;
    border-color: #fff!important;
    color: #4169e1!important
}

.webinar-subscribe-form .subscribe-form form.mktoForm .mktoError .mktoErrorMsg {
    left: 0;
    margin-top: -8px!important;
    position: absolute;
    width: 100%
}

.webinar-subscribe-form .subscribe-form form.mktoForm .mktoError .mktoErrorMsg .mktoErrorDetail {
    display: none!important
}

.webinar-subscribe-form .subscribe-form form.mktoForm .mktoAsterix {
    display: inline-block!important;
    float: none;
    margin-right: 5px
}

.webinar-subscribe-form .subscribe-form form.mktoForm#mktoForm_1083 .mktoFormRow {
    display: none
}

.webinar-subscribe-form .subscribe-form form.mktoForm#mktoForm_1083 .mktoFormRow:nth-child(2) {
    display: block
}

.webinar-subscribe-form .subscribe-form form.mktoForm#mktoForm_1083 .mktoAsterix {
    display: none!important
}

.webinar-subscribe-form .subscribe-form .mktoForm:not(#mktoForm_1250) .mktoFormCol {
    margin-bottom: 25px!important
}

.guide-details {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    height: 100%;
    min-height: 100vh;
    overflow: hidden;
    width: 100%
}

.guide-details .main {
    flex-grow: 1;
    flex-shrink: 0;
    padding: 60px 0 0
}

@media screen and (min-width: 1200px) {
    .guide-details .main {
        padding-top:80px
    }
}

.guide-details .breadcrumbs-wrap {
    background: none
}

.guide-details .breadcrumbs-wrap li:after {
    opacity: .2
}

.guide-details hr {
    background: rgba(65,105,225,.2);
    border: none;
    height: 1px;
    margin: 50px 0
}

@media screen and (min-width: 1200px) {
    .guide-details hr {
        margin:100px 0
    }
}

body.single-guide .main-container,body.single-guide .start-future--module {
    position: relative
}

body.single-guide .body-bg {
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (max-width: 768px) {
    body.single-guide .body-bg-d {
        display:none
    }
}

@media screen and (min-width: 769px) {
    body.single-guide .body-bg-m {
        display:none
    }
}

.guide-details .guide-details-columns {
    color: #080817;
    display: flex;
    flex-wrap: wrap;
    font: 16px/24px Poppins,sans-serif;
    padding-bottom: 80px;
    padding-top: 80px;
    position: relative
}

@media screen and (min-width: 769px) {
    .guide-details .guide-details-columns {
        justify-content:space-between;
        padding-top: 120px
    }
}

@media screen and (min-width: 1200px) {
    .guide-details .guide-details-columns {
        font-size:18px;
        line-height: 30px;
        padding-bottom: 70px
    }
}

@media screen and (min-width: 1400px) {
    .guide-details .guide-details-columns {
        padding-bottom:120px
    }
}

.guide-details .guide-details-columns>.column {
    width: 100%
}

@media screen and (min-width: 769px) {
    .guide-details .guide-details-columns>.column {
        padding:0;
        width: 50%
    }

    .guide-details .guide-details-columns>.column:first-child {
        width: 46%
    }

    .guide-details .guide-details-columns>.column:last-child {
        width: 40%
    }
}

.guide-details .guide-details-columns>.column .column {
    width: 100%
}

.guide-details .guide-details-columns .content-wrap {
    margin-top: 70px
}

.guide-details .guide-details-columns .image {
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center
}

@media only screen and (min-width: 769px) {
    .guide-details .guide-details-columns .image {
        text-align:left
    }
}

@media screen and (min-width: 1200px) {
    .guide-details .guide-details-columns .image {
        margin-bottom:35px
    }
}

@media screen and (min-width: 1400px) {
    .guide-details .guide-details-columns .image {
        margin-bottom:48px
    }
}

@media screen and (min-width: 1800px) {
    .guide-details .guide-details-columns .image {
        margin-bottom:68px
    }
}

.guide-details .guide-details-columns .image img {
    border-radius: 10px
}

.guide-details .guide-details-columns img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: top
}

.guide-details .guide-details-columns .share {
    align-items: center;
    display: flex;
    font-size: 14px;
    justify-content: flex-start;
    line-height: 24px
}

.guide-details .guide-details-columns .share>span {
    color: #293056;
    font-size: 16px;
    font-weight: 500;
    margin-right: 10px
}

.guide-details .guide-details-columns .share>span:after {
    content: " this guide with your network:"
}

@media only screen and (min-width: 1200px) {
    .guide-details .guide-details-columns .share>span {
        margin-right:15px
    }
}

.guide-details .guide-details-columns .social {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -10px;
    padding: 0
}

@media only screen and (min-width: 769px) {
    .guide-details .guide-details-columns .social {
        margin:0
    }
}

.guide-details .guide-details-columns .social li {
    margin: 0 2px!important;
    padding: 0!important
}

.guide-details .guide-details-columns .social a {
    align-items: center;
    display: flex;
    position: relative
}

.guide-details .guide-details-columns .social a:before {
    background: #4169e1;
    border-radius: 50%;
    content: "";
    height: 40px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .3s;
    width: 40px
}

.guide-details .guide-details-columns .social a:hover:before {
    opacity: 1
}

.guide-details .guide-details-columns .social a:hover path {
    fill: #fff
}

.guide-details .guide-details-columns .social svg {
    position: relative;
    z-index: 2
}

.guide-details .guide-details-columns .social path {
    transition: fill .3s
}

.guide-details .guide-details-columns .heading-tag {
    background-color: #bae6fd;
    border-radius: 4px;
    color: #1e40af;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
    padding: 0 10px
}

.guide-details .guide-details-columns .heading-tag:hover {
    background-color: #bae6fd;
    color: #1e40af
}

.guide-details .guide-details-columns .h1,.guide-details .guide-details-columns h1 {
    color: #293056;
    font: 600 28px/35px Poppins,sans-serif;
    margin: 0 0 20px
}

@media only screen and (min-width: 1200px) {
    .guide-details .guide-details-columns .h1,.guide-details .guide-details-columns h1 {
        font-size:28px;
        line-height: 35px;
        margin-bottom: 14px
    }
}

.guide-details .guide-details-columns .h5,.guide-details .guide-details-columns h5 {
    color: #293056;
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 15px
}

@media only screen and (min-width: 1200px) {
    .guide-details .guide-details-columns .h5,.guide-details .guide-details-columns h5 {
        font-size:18px;
        line-height: 22px;
        margin-bottom: 20px
    }
}

.guide-details .guide-details-columns .left-col-wrap p {
    color: #293056;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 20px
}

.guide-details .guide-details-columns .left-col-wrap ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.guide-details .guide-details-columns .left-col-wrap ul li {
    color: #293056;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 25px;
    padding-left: 35px;
    position: relative
}

.guide-details .guide-details-columns .left-col-wrap ul .icon {
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px
}

.guide-details .guide-details-columns .left-col-wrap ul.info-list {
    list-style: disc;
    max-width: none;
    padding: 0 0 0 30px
}

.guide-details .guide-details-columns .left-col-wrap ul.info-list li {
    margin-bottom: 20px;
    padding: 0
}

.guide-details .guide-details-columns .button-link.orange {
    background: #ff786a;
    margin-top: 20px
}

@media only screen and (min-width: 1400px) {
    .guide-details .guide-details-columns .button-link.orange {
        margin-top:40px
    }
}

@media only screen and (min-width: 1800px) {
    .guide-details .guide-details-columns .button-link.orange {
        margin-top:50px
    }
}

.no-touch .guide-details .guide-details-columns .button-link.orange:hover {
    background: #ff1c04;
    border-color: transparent;
    color: #fff
}

.guide-details .guide-details-columns.two-col {
    margin-bottom: 80px;
    padding-top: 0
}

@media screen and (max-width: 767px) {
    .guide-details .guide-details-columns.two-col {
        margin-bottom:73px;
        margin-top: -30px
    }
}

.guide-details .guide-details-columns.two-col .hide {
    display: none
}

.guide-details .guide-details-columns.two-col .left-col {
    padding: 0 30px 0 0;
    width: 50%
}

@media screen and (max-width: 1023px) {
    .guide-details .guide-details-columns.two-col .left-col {
        padding-left:20px
    }
}

@media screen and (max-width: 767px) {
    .guide-details .guide-details-columns.two-col .left-col {
        padding:0;
        width: 100%
    }
}

.guide-details .guide-details-columns.two-col .left-col br {
    display: none
}

.guide-details .guide-details-columns.two-col .left-col h1 {
    font-size: 60px;
    line-height: 78px;
    margin-bottom: 22px
}

@media screen and (max-width: 767px) {
    .guide-details .guide-details-columns.two-col .left-col h1 {
        font-size:36px;
        line-height: 44px;
        margin-bottom: 31px
    }
}

.guide-details .guide-details-columns.two-col .left-col p {
    color: #52525d;
    opacity: 1
}

@media screen and (min-width: 769px) {
    .guide-details .guide-details-columns.two-col .left-col p {
        max-width:509px
    }
}

@media screen and (max-width: 767px) {
    .guide-details .guide-details-columns.two-col .left-col p {
        font-size:14px;
        line-height: 20px
    }
}

.guide-details .guide-details-columns.two-col .right-col {
    padding: 0 0 0 30px;
    width: 50%
}

@media screen and (max-width: 1023px) {
    .guide-details .guide-details-columns.two-col .right-col {
        padding-right:20px
    }
}

@media screen and (max-width: 767px) {
    .guide-details .guide-details-columns.two-col .right-col {
        margin-top:40px;
        padding: 0;
        width: 100%
    }
}

.guide-details .guide-details-columns.two-col .right-col-wrap {
    background-color: #f6f8fe;
    border-radius: 10px;
    padding: 30px
}

@media screen and (max-width: 767px) {
    .guide-details .guide-details-columns.two-col .right-col-wrap {
        padding:20px 19px 30px
    }
}

.guide-details .guide-details-columns.two-col .right-col .image {
    margin-bottom: 29px
}

@media screen and (max-width: 767px) {
    .guide-details .guide-details-columns.two-col .right-col .image {
        margin-bottom:20px
    }
}

.guide-details .guide-details-columns.two-col .right-col .image img {
    border-radius: 5px
}

.guide-details .guide-details-columns.two-col .right-col h5 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 13px
}

@media screen and (max-width: 767px) {
    .guide-details .guide-details-columns.two-col .right-col h5 {
        line-height:30px;
        margin-bottom: 10px
    }

    .guide-details .guide-details-columns.two-col .right-col .info-list {
        padding-left: 23px
    }
}

.guide-details .guide-details-columns.two-col .right-col .info-list li {
    color: #52525d;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 14px
}

.guide-details .guide-details-columns.two-col .right-col-cta {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 30px
}

@media screen and (max-width: 1023px) {
    .guide-details .guide-details-columns.two-col .right-col-cta {
        flex-direction:column;
        margin-top: 30px
    }

    .guide-details .guide-details-columns.two-col .right-col-cta .button-link {
        margin-bottom: 20px
    }
}

.guide-details .guide-details-columns.two-col .right-col .share {
    justify-content: flex-start
}

@media screen and (max-width: 1023px) {
    .guide-details .guide-details-columns.two-col .right-col .share {
        align-items:center;
        flex-direction: column
    }
}

.guide-details .guide-details-columns.two-col .right-col .share span {
    opacity: 1
}

@media screen and (max-width: 1023px) {
    .guide-details .guide-details-columns.two-col .right-col .share span {
        margin:0 0 7px 3px
    }
}

.guide-details .guide-details-columns.two-col .right-col .share span:after {
    content: ":"
}

.guide-details .guide-details-columns.two-col .right-col .share a:before {
    background: #fff;
    height: 28px;
    opacity: 1;
    transition: all .3s ease;
    width: 28px
}

.guide-details .guide-details-columns.two-col .right-col .share a svg * {
    fill: #4169e1;
    transition: all .3s ease
}

.guide-details .guide-details-columns.two-col .right-col .share a:hover:before {
    background: #4169e1
}

.guide-details .guide-details-columns.two-col .right-col .share a:hover svg * {
    fill: #fff
}

.guide-details .guide-details-columns.two-col .right-col .share li {
    margin: 0 15px!important
}

.guide-details .guide-details-columns.two-col .right-col .share li:first-of-type svg {
    width: 12px
}

.guide-details .guide-details-columns.two-col .right-col .share li:nth-of-type(2) svg {
    width: 6px
}

@media screen and (min-width: 1024px) {
    .guide-details .guide-details-columns.two-col .right-col .share li:last-of-type {
        margin-right:9px!important
    }
}

.guide-details .guide-details-columns.two-col .right-col .share li:last-of-type svg {
    width: 10px
}

.guide-details .guide-details-columns .connect-form {
    box-shadow: 0 2px 4px -1px rgba(13,15,28,.059),0 4px 6px -1px rgba(13,15,28,.102);
    padding: 50px 30px
}

@media only screen and (max-width: 768px) {
    .guide-details .guide-details-columns .connect-form {
        border-radius:0;
        box-shadow: 0 2px 4px -1px rgba(13,15,28,.059),0 4px 6px -1px rgba(13,15,28,.102);
        left: -25px;
        position: relative;
        width: calc(100% + 50px)
    }

    .guide-details .guide-details-columns .form-column {
        padding-top: 60px
    }
}

.guide-details .guide-details-columns .h3_form {
    color: #293056;
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 45px;
    margin-top: 0
}

@media only screen and (min-width: 769px) {
    .guide-details .guide-details-columns .h3_form {
        margin-left:auto;
        margin-right: auto;
        max-width: 300px
    }
}

@media only screen and (max-width: 768px) {
    .guide-details .guide-details-columns .h3_form {
        text-align:left!important
    }
}

.guide-details .guide-details-columns .privacy-policy-form {
    color: #4e5ba6;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    text-align: center
}

.guide-details .guide-details-columns .privacy-policy-form a {
    color: #2563eb
}

.guide-subscribe-form {
    background: #e8f7ff;
    border-radius: 20px;
    margin-bottom: 50px;
    padding: 20px
}

@media only screen and (min-width: 568px) {
    .guide-subscribe-form {
        padding:40px
    }
}

@media only screen and (min-width: 1200px) {
    .guide-subscribe-form {
        margin-bottom:100px;
        width: 730px
    }
}

.guide-subscribe-form .subscribe-form form.mktoForm {
    width: 100%!important
}

@media only screen and (min-width: 769px) {
    .guide-subscribe-form .subscribe-form form.mktoForm {
        display:flex
    }
}

.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email,.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email],.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number],.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password],.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel],.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text],.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea {
    -webkit-appearance: none!important;
    background: #fff!important;
    border: 1px solid transparent!important;
    border-radius: 10px!important;
    color: #080817!important;
    display: inline-block!important;
    float: none!important;
    font-family: Poppins,sans-serif!important;
    font-size: 14px!important;
    height: 44px!important;
    line-height: 20px!important;
    margin: 0!important;
    outline: none!important;
    padding: 10px 20px!important;
    vertical-align: middle!important;
    width: 100%!important
}

@media only screen and (min-width: 769px) {
    .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email,.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email],.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number],.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password],.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel],.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text],.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea {
        height:54px!important;
        padding: 18px 20px!important
    }
}

@media only screen and (min-width: 1200px) {
    .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email,.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email],.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number],.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password],.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel],.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text],.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea {
        transition:border-color .5s
    }
}

.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email:focus,.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email]:focus,.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number]:focus,.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password]:focus,.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel]:focus,.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text]:focus,.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea:focus {
    border-color: #4169e1!important
}

.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email.mktoField.mktoInvalid,.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email].mktoField.mktoInvalid,.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number].mktoField.mktoInvalid,.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password].mktoField.mktoInvalid,.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel].mktoField.mktoInvalid,.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text].mktoField.mktoInvalid,.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea.mktoField.mktoInvalid {
    border-color: red!important
}

.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow {
    margin-right: 0!important;
    width: 100%!important
}

.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormCol {
    float: none;
    margin-bottom: 25px!important;
    width: 100%
}

@media only screen and (min-width: 769px) {
    .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormCol {
        margin-bottom:0!important
    }
}

.guide-subscribe-form .subscribe-form form.mktoForm .mktoFieldWrap {
    float: none;
    width: 100%
}

.guide-subscribe-form .subscribe-form form.mktoForm label.mktoLabel {
    color: #080817;
    display: inline-block!important;
    float: none;
    font: 400 16px/24px Poppins,sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
    padding-top: 0;
    text-align: left;
    width: auto!important
}

@media only screen and (min-width: 1200px) {
    .guide-subscribe-form .subscribe-form form.mktoForm label.mktoLabel {
        margin-bottom:20px
    }
}

.guide-subscribe-form .subscribe-form form.mktoForm .mktoGutter,.guide-subscribe-form .subscribe-form form.mktoForm .mktoOffset {
    display: none!important
}

.guide-subscribe-form .subscribe-form form.mktoForm .mktoButtonRow {
    display: block;
    margin-top: 20px;
    width: 100%
}

@media only screen and (min-width: 769px) {
    .guide-subscribe-form .subscribe-form form.mktoForm .mktoButtonRow {
        flex-shrink:0;
        margin: 0 0 0 20px;
        width: 205px!important
    }
}

.guide-subscribe-form .subscribe-form form.mktoForm .mktoButtonWrap.mktoSimple {
    margin-left: 0!important
}

.guide-subscribe-form .subscribe-form form.mktoForm .mktoButton {
    background: #ff786a!important;
    border: 1px solid transparent!important;
    border-radius: 10px!important;
    color: #fff!important;
    cursor: pointer;
    display: block;
    font: 500 14px/20px Poppins,sans-serif;
    margin: 0!important;
    padding: 13px 35px!important;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase!important;
    transition: background-color .3s,color .3s;
    width: 100%
}

@media only screen and (min-width: 769px) {
    .guide-subscribe-form .subscribe-form form.mktoForm .mktoButton {
        padding:16px 35px!important
    }
}

@media only screen and (min-width: 1200px) {
    .guide-subscribe-form .subscribe-form form.mktoForm .mktoButton {
        font-size:16px!important;
        line-height: 24px;
        padding: 13px 35px!important
    }
}

.guide-subscribe-form .subscribe-form form.mktoForm .mktoButton:first-letter {
    text-transform: uppercase
}

.guide-subscribe-form .subscribe-form form.mktoForm .mktoButton:hover {
    background: #fff!important;
    border-color: #fff!important;
    color: #4169e1!important
}

.guide-subscribe-form .subscribe-form form.mktoForm .mktoError .mktoErrorMsg {
    left: 0;
    margin-top: -8px!important;
    position: absolute;
    width: 100%
}

.guide-subscribe-form .subscribe-form form.mktoForm .mktoAsterix,.guide-subscribe-form .subscribe-form form.mktoForm .mktoError .mktoErrorMsg .mktoErrorDetail {
    display: none!important
}

.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow {
    display: none
}

.guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow:nth-child(2) {
    display: block
}

.guide-subscribe-form .subscribe-form form.mktoForm .mktoAsterix,.guide-subscribe-form .subscribe-form form.mktoForm .mktoLabel {
    display: none!important
}

.alternate-webinar-cta-section {
    align-items: center;
    background-image: url(../images/bg_triangle.svg);
    background-position: 45%;
    background-repeat: no-repeat;
    background-size: 150px;
    display: flex;
    justify-content: center
}

.alternate-webinar-cta-section .buttons-holder .alternate-webinar-cta {
    background-color: #ff786a;
    border: solid #ff786a;
    color: #fff
}

.alternate-webinar-cta-section .buttons-holder .alternate-webinar-cta:hover {
    background-color: #fff;
    color: #ff786a
}

@media screen and (max-width: 680px) {
    .alternate_webinar_hide_mobile {
        display:none
    }
}

.webinar-learn-more-links-module .section-heading {
    max-width: 100%
}

.webinar-learn-more-links-module .webinar-learn-more-links-module__links {
    align-items: center;
    display: flex;
    flex-direction: column
}

.webinar-learn-more-links-module .webinar-learn-more-links-module__links .link_card-link {
    margin-bottom: 30px;
    position: relative
}

.webinar-learn-more-links-module .webinar-learn-more-links-module__links .link_card-link__text {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    left: 12%;
    position: absolute;
    text-align: center;
    width: 75%
}

.webinar-learn-more-links-module .webinar-learn-more-links-module__links .link_card-link__text.align-top {
    left: 5%;
    margin-top: 2px;
    top: 0;
    width: 90%
}

.webinar-learn-more-links-module .webinar-learn-more-links-module__links .link_card-link__text.align-middle {
    top: 20%
}

.webinar-learn-more-links-module .webinar-learn-more-links-module__links .link_card-link__text.align-bottom {
    bottom: 0
}

.webinar-learn-more-links-module .webinar-learn-more-links-module__links .link_card-link img {
    max-width: 310px;
    object-fit: contain;
    position: relative
}

@media screen and (min-width: 1024px) {
    .webinar-learn-more-links-module .section-heading {
        text-align:left
    }

    .webinar-learn-more-links-module .webinar-learn-more-links-module__links {
        flex-direction: row;
        justify-content: space-between
    }

    .webinar-learn-more-links-module .webinar-learn-more-links-module__links .link_card-link {
        margin-bottom: 0
    }
}

.latest-community-section .section-heading {
    margin-left: 0;
    text-align: left
}

.diversity-video-section {
    color: #080817;
    font: 16px/24px Poppins,sans-serif
}

@media only screen and (min-width: 1200px) {
    .diversity-video-section {
        font-size:18px;
        line-height: 30px
    }

    .diversity-video-section .holder {
        align-items: center;
        display: flex;
        justify-content: space-between
    }
}

.diversity-video-section .description {
    margin-bottom: 30px
}

@media only screen and (min-width: 1200px) {
    .diversity-video-section .description {
        margin:0;
        width: 40%
    }
}

.diversity-video-section .h2,.diversity-video-section h2 {
    font: 600 30px/40px Poppins,sans-serif;
    margin: 0 0 10px
}

@media only screen and (min-width: 1024px) {
    .diversity-video-section .h2,.diversity-video-section h2 {
        font-size:33px;
        line-height: 44px;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1200px) {
    .diversity-video-section .h2,.diversity-video-section h2 {
        font-size:43px;
        line-height: 55px
    }
}

@media only screen and (min-width: 1400px) {
    .diversity-video-section .h2,.diversity-video-section h2 {
        font-size:48px;
        line-height: 64px
    }
}

.diversity-video-section p {
    font: 16px/24px Poppins,sans-serif;
    margin: 0 0 15px;
    opacity: .7
}

@media only screen and (min-width: 1200px) {
    .diversity-video-section p {
        font-size:18px;
        line-height: 30px
    }
}

.diversity-video-section .featured-video-holder {
    border-radius: 10px
}

@media only screen and (min-width: 1200px) {
    .diversity-video-section .featured-video-holder {
        flex-shrink:0;
        margin: 0;
        min-height: 350px;
        order: -1;
        padding: 30px;
        width: 48.5%
    }
}

.diversity-video-section .featured-video-holder .play-video {
    font-size: 14px;
    line-height: 20px
}

.diversity-video-section .featured-video-holder .play-video:after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.diversity-video-section .featured-video-holder .play-video svg {
    height: 48px;
    margin-right: 6px;
    width: 48px
}

.quote-section {
    color: #080817;
    font: 16px/24px Poppins,sans-serif
}

@media only screen and (min-width: 1400px) {
    .quote-section {
        font-size:18px;
        line-height: 30px
    }
}

@media only screen and (min-width: 768px) {
    .quote-section .holder {
        align-items:center;
        display: flex;
        margin: 0 auto;
        max-width: 700px
    }
}

@media only screen and (min-width: 1200px) {
    .quote-section .holder {
        max-width:900px
    }
}

@media only screen and (min-width: 1800px) {
    .quote-section .holder {
        max-width:1060px
    }
}

.quote-section .avatar {
    align-items: center;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    display: flex;
    flex-shrink: 0;
    height: 100px;
    justify-content: center;
    margin: 0 auto;
    width: 100px
}

@media only screen and (min-width: 768px) {
    .quote-section .avatar {
        margin:0 20px 0 0
    }
}

@media only screen and (min-width: 1200px) {
    .quote-section .avatar {
        height:180px;
        margin-right: 40px;
        width: 180px
    }
}

@media only screen and (min-width: 1400px) {
    .quote-section .avatar {
        height:220px;
        width: 220px
    }
}

@media only screen and (min-width: 1800px) {
    .quote-section .avatar {
        height:266px;
        width: 266px
    }
}

.quote-section blockquote {
    border-left: 4px solid #4169e1;
    margin: 30px 0;
    padding-left: 15px
}

@media only screen and (min-width: 1200px) {
    .quote-section blockquote {
        margin:-10px 0 0;
        padding-bottom: 20px;
        padding-left: 20px
    }
}

.quote-section blockquote p {
    color: #080817;
    font-weight: 600;
    margin-bottom: 20px
}

@media only screen and (min-width: 1200px) {
    .quote-section blockquote p {
        font-size:24px;
        line-height: 36px;
        margin: 20px 0
    }
}

.quote-section cite {
    color: rgba(8,8,23,.5);
    font-size: 16px;
    font-style: normal;
    line-height: 24px
}

.quote-section cite strong {
    color: #080817;
    display: block;
    font-weight: 500
}

.nylas-101-form {
    background: #fff;
    border-radius: 20px;
    box-shadow: 5px 8px 28px rgba(23,23,36,.1);
    color: #080817;
    padding: 20px;
    position: relative;
    z-index: 12
}

.nylas-101-form>h3 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 0;
    text-align: center
}

.nylas-101-form #form-info {
    color: #17c3b2;
    font-weight: 600;
    margin: 15px 0 20px;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .nylas-101-form {
        padding:30px 40px
    }
}

@media only screen and (min-width: 1200px) {
    .nylas-101-form {
        max-width:840px;
        padding: 30px 60px
    }
}

.nylas-101-form form.mktoForm {
    width: 100%!important
}

.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email],.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number],.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password],.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel],.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text],.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap select,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea {
    -webkit-appearance: none!important;
    background: #f2f5fd!important;
    border: 1px solid transparent!important;
    border-radius: 10px!important;
    color: #080817!important;
    display: inline-block!important;
    float: none!important;
    font-family: Poppins,sans-serif!important;
    font-size: 14px!important;
    height: 44px!important;
    line-height: 20px!important;
    margin: 0!important;
    outline: none!important;
    padding: 10px 20px!important;
    vertical-align: middle!important;
    width: 100%!important
}

@media only screen and (min-width: 768px) {
    .nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email],.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number],.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password],.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel],.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text],.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap select,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea {
        height:54px!important;
        padding: 18px 20px!important
    }
}

@media only screen and (min-width: 1200px) {
    .nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email],.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number],.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password],.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel],.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text],.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap select,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea {
        transition:border-color .5s
    }
}

.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email:focus,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email]:focus,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number]:focus,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password]:focus,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel]:focus,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text]:focus,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap select:focus,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea:focus {
    border-color: #4169e1!important
}

.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email.mktoField.mktoInvalid,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email].mktoField.mktoInvalid,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number].mktoField.mktoInvalid,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password].mktoField.mktoInvalid,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel].mktoField.mktoInvalid,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text].mktoField.mktoInvalid,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap select.mktoField.mktoInvalid,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea.mktoField.mktoInvalid {
    border-color: red!important
}

.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email::-webkit-input-placeholder,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email]::-webkit-input-placeholder,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number]::-webkit-input-placeholder,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password]::-webkit-input-placeholder,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel]::-webkit-input-placeholder,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text]::-webkit-input-placeholder,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap select::-webkit-input-placeholder,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea::-webkit-input-placeholder {
    color: transparent!important
}

.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email:-moz-placeholder,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email::-moz-placeholder,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email]:-moz-placeholder,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email]::-moz-placeholder,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number]:-moz-placeholder,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number]::-moz-placeholder,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password]:-moz-placeholder,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password]::-moz-placeholder,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel]:-moz-placeholder,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel]::-moz-placeholder,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text]:-moz-placeholder,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text]::-moz-placeholder,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap select:-moz-placeholder,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap select::-moz-placeholder,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea:-moz-placeholder,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea::-moz-placeholder {
    color: transparent!important
}

.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email:-ms-input-placeholder,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email]:-ms-input-placeholder,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number]:-ms-input-placeholder,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password]:-ms-input-placeholder,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel]:-ms-input-placeholder,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text]:-ms-input-placeholder,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap select:-ms-input-placeholder,.nylas-101-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea:-ms-input-placeholder {
    color: transparent!important
}

.nylas-101-form form.mktoForm .mktoFormRow {
    margin-right: 0!important;
    width: 100%!important
}

@media screen and (min-width: 768px) {
    .nylas-101-form form.mktoForm .mktoFormRow:nth-of-type(2) {
        clear:none;
        float: left!important;
        width: 48%!important
    }

    .nylas-101-form form.mktoForm .mktoFormRow:nth-of-type(2)+.mktoFormRow {
        clear: none;
        float: right;
        width: 48%!important
    }
}

.nylas-101-form form.mktoForm .mktoFormCol {
    float: none;
    margin-bottom: 30px!important;
    width: 100%
}

.nylas-101-form form.mktoForm .mktoFieldWrap {
    float: none;
    width: 100%
}

.nylas-101-form form.mktoForm label.mktoLabel {
    color: #080817;
    display: inline-block!important;
    float: none;
    font: 400 16px/24px Poppins,sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
    padding-top: 0;
    width: auto!important
}

.nylas-101-form form.mktoForm .mktoGutter,.nylas-101-form form.mktoForm .mktoOffset {
    display: none!important
}

.nylas-101-form form.mktoForm .mktoButtonRow {
    display: block;
    margin-top: 35px;
    width: 100%
}

.nylas-101-form form.mktoForm .mktoButtonWrap.mktoSimple {
    margin-left: 0!important
}

.nylas-101-form form.mktoForm .mktoButton {
    background: #ff786a!important;
    border: 1px solid transparent!important;
    border-radius: 10px!important;
    color: #fff!important;
    cursor: pointer;
    display: block;
    font: 500 14px/20px Poppins,sans-serif;
    margin: 0!important;
    padding: 13px 35px!important;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase!important;
    transition: background-color .3s;
    width: 100%
}

@media only screen and (min-width: 1200px) {
    .nylas-101-form form.mktoForm .mktoButton {
        font-size:16px!important;
        line-height: 24px
    }
}

.nylas-101-form form.mktoForm .mktoButton:first-letter {
    text-transform: uppercase
}

.nylas-101-form form.mktoForm .mktoButton:hover {
    background: #fff!important;
    border-color: #ff786a!important;
    color: #ff786a!important
}

.nylas-101-form form.mktoForm .mktoError .mktoErrorMsg {
    left: 0;
    position: absolute;
    width: 100%
}

.nylas-101-form form.mktoForm .mktoError .mktoErrorMsg .mktoErrorDetail {
    display: none!important
}

.nylas-101-form .mktoForm:not(#mktoForm_1250) .mktoFormCol {
    margin-bottom: 25px!important
}

.has-yt-animation .photo {
    position: relative
}

.has-yt-animation .photo a {
    z-index: 100
}

.has-yt-animation .photo a,.has-yt-animation iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.has-yt-animation iframe {
    border: 0;
    border-radius: 6px;
    transition: opacity .3s;
    z-index: 10
}

.no-touch .has-yt-animation.yt-animated .has-video img {
    opacity: 0;
    transition-delay: 2s
}

.home-build-section {
    color: #fff;
    padding-bottom: 0!important;
    padding-top: 0!important
}

.home-build-section .section-heading {
    margin: 0 auto;
    max-width: 660px;
    padding: 0 25px
}

.home-build-section .section-heading.home_build_animation {
    max-width: 880px
}

.home-build-section .section-heading h3 {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px
}

@media screen and (max-width: 768px) {
    .home-build-section .section-heading h3 {
        font-size:24px;
        line-height: 36px
    }
}

@media screen and (min-width: 1440px) {
    .home-build-section .section-heading {
        max-width:880px
    }

    .home-build-section .section-heading.home_build_animation {
        max-width: 1080px
    }
}

.home-build-section .section-heading p {
    margin: 20px auto;
    max-width: 700px
}

.home-build-section .main-container {
    max-width: 1480px
}

.home-build-section .main-container #build-section {
    align-items: center;
    display: flex;
    font-size: 24px;
    font-weight: 900;
    height: 50px;
    justify-content: center;
    margin-bottom: 10px;
    padding-top: 55px;
    position: relative;
    text-align: center;
    top: -10px
}

.home-build-section .main-container #build-section:before {
    background-image: url(../images/build_elipse_vertical.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 85px;
    position: absolute;
    top: -70px;
    width: 30px
}

.home-build-section .main-container>div:first-child {
    background-color: #16244f;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    position: relative;
    z-index: 8
}

.home-build-section .main-container>div:first-child:not(.buttons-holder) {
    padding: 90px 0
}

.home-build-section .main-container .home_build_animation {
    margin: 0 auto;
    text-align: center
}

.home-build-section .main-container .home-build-section-spacer {
    background-image: url(../images/build_elipse_horizontal.svg);
    background-position: 50% 40%;
    background-repeat: no-repeat
}

.home-build-section .main-container .homepage-code {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    padding: 75px 25px!important;
    position: relative;
    width: 100%
}

@media only screen and (min-width: 769px) {
    .home-build-section .main-container .homepage-code {
        max-width:850px;
        width: 85%
    }
}

.home-build-section .main-container .homepage-code+.cta-section>.main-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 35px;
    justify-content: center
}

.home-build-section .main-container .homepage-code+.cta-section>.main-container .buttons-holder:nth-of-type(2) a {
    background: transparent;
    border: thin solid #fff
}

.home-build-section .main-container .homepage-code+.cta-section>.main-container .buttons-holder:nth-of-type(2) a:hover {
    background-color: #fff!important;
    color: #16244f!important
}

@media screen and (min-width: 769px) {
    .home-build-section .main-container .homepage-code+.cta-section>.main-container {
        flex-direction:row;
        gap: 20px
    }
}

.home-build-section .main-container .homepage-code .main-container {
    border-radius: 25px
}

.home-build-section .main-container .homepage-code input[type=radio] {
    display: none
}

.home-build-section .main-container .homepage-code__api-select {
    display: flex;
    gap: 5px;
    justify-content: center;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%
}

.home-build-section .main-container .homepage-code__api-select li {
    display: flex
}

.home-build-section .main-container .homepage-code__api-select li label {
    background-color: hsla(0,0%,100%,.2);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    padding: 4px 10px;
    transition: all .3s ease-in-out
}

.home-build-section .main-container .homepage-code__api-select li label:hover {
    background-color: #fff;
    color: #000;
    cursor: pointer
}

@media screen and (min-width: 769px) {
    .home-build-section .main-container .homepage-code__api-select {
        gap:20px;
        justify-content: normal;
        margin-left: 90px
    }

    .home-build-section .main-container .homepage-code__api-select li label {
        font-size: 14px;
        padding: 5px
    }
}

@media screen and (min-width: 1024px) {
    .home-build-section .main-container .homepage-code__api-select li label {
        min-width:120px;
        padding: 14px 30px
    }
}

.home-build-section .main-container .homepage-code .waving_nyla {
    display: none
}

@media screen and (min-width: 1024px) {
    .home-build-section .main-container .homepage-code .waving_nyla {
        bottom:30px;
        display: block;
        height: 250px;
        position: absolute;
        right: -45px;
        width: 225px;
        z-index: 8
    }
}

.home-build-section .main-container .homepage-code__code-container {
    background-color: #fff;
    border-radius: 25px;
    display: flex;
    flex-direction: column-reverse;
    margin-top: 0;
    overflow: hidden;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .home-build-section .main-container .homepage-code__code-container {
        flex-direction:row-reverse
    }
}

.home-build-section .main-container .homepage-code__code-container .code-lang-select {
    background-color: #c769a7;
    padding: 0 20px
}

.home-build-section .main-container .homepage-code__code-container .code-lang-select ul {
    display: flex;
    flex-direction: row;
    gap: 20px;
    padding-left: 0
}

@media screen and (min-width: 1024px) {
    .home-build-section .main-container .homepage-code__code-container .code-lang-select ul {
        flex-direction:column;
        gap: 10px
    }
}

.home-build-section .main-container .homepage-code__code-container .code-lang-select ul li {
    height: 50px;
    list-style: none;
    position: relative;
    width: 50px
}

.home-build-section .main-container .homepage-code__code-container .code-lang-select ul li:before {
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    height: 40px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px
}

.home-build-section .main-container .homepage-code__code-container .code-lang-select ul li.curl:before,.home-build-section .main-container .homepage-code__code-container .code-lang-select ul li.curl:hover:before {
    background-image: url(../images/lang_icon_curl.svg)
}

.home-build-section .main-container .homepage-code__code-container .code-lang-select ul li.js:before {
    background-image: url(../images/lang_icon_js.svg)
}

.home-build-section .main-container .homepage-code__code-container .code-lang-select ul li.js:hover:before {
    background-image: url(../images/lang_icon_js_hover.svg)
}

.home-build-section .main-container .homepage-code__code-container .code-lang-select ul li.py:before {
    background-image: url(../images/lang_icon_py.svg)
}

.home-build-section .main-container .homepage-code__code-container .code-lang-select ul li.py:hover:before {
    background-image: url(../images/lang_icon_py_hover.svg)
}

.home-build-section .main-container .homepage-code__code-container .code-lang-select ul li.ruby:before {
    background-image: url(../images/lang_icon_ruby.svg)
}

.home-build-section .main-container .homepage-code__code-container .code-lang-select ul li.ruby:hover:before {
    background-image: url(../images/lang_icon_ruby_hover.svg)
}

.home-build-section .main-container .homepage-code__code-container .code-lang-select ul li.java:before {
    background-image: url(../images/lang_icon_java.svg)
}

.home-build-section .main-container .homepage-code__code-container .code-lang-select ul li.java:hover:before {
    background-image: url(../images/lang_icon_java_hover.svg)
}

.home-build-section .main-container .homepage-code__code-container label {
    cursor: pointer;
    height: 50px;
    position: absolute;
    width: 50px
}

.home-build-section .main-container .homepage-code__code-container .code-api-container {
    flex: 2;
    min-height: 550px;
    padding: 0
}

.home-build-section .main-container .homepage-code__code-container .code-api-container .enlighter-t-droide .enlighter,.home-build-section .main-container .homepage-code__code-container .code-api-container .enlighter-t-droide .enlighter span {
    font-size: 12px!important
}

.home-build-section .main-container #code-api-select-email:checked~.homepage-code__code-container .code-api-container {
    display: none
}

.home-build-section .main-container #code-api-select-email:checked~.homepage-code__code-container #code-api-container__email {
    display: flex
}

.home-build-section .main-container #code-api-select-calendar:checked~.homepage-code__code-container .code-api-container {
    display: none
}

.home-build-section .main-container #code-api-select-calendar:checked~.homepage-code__code-container #code-api-container__calendar {
    display: flex
}

.home-build-section .main-container #code-api-select-contacts:checked~.homepage-code__code-container .code-api-container {
    display: none
}

.home-build-section .main-container #code-api-select-contacts:checked~.homepage-code__code-container #code-api-container__contacts {
    display: flex
}

.home-build-section .main-container input[id=code-api-select-calendar]:checked~.homepage-code__api-select li label[for=code-api-select-calendar],.home-build-section .main-container input[id=code-api-select-contacts]:checked~.homepage-code__api-select li label[for=code-api-select-contacts],.home-build-section .main-container input[id=code-api-select-email]:checked~.homepage-code__api-select li label[for=code-api-select-email] {
    background-color: #fff;
    color: #000
}

.home-build-section .main-container input[id=code-api-curl]:checked~.homepage-code__code-container .code-lang-select .curl:before {
    background-image: url(../images/lang_icon_curl_hover.svg)
}

.home-build-section .main-container input[id=code-api-curl]:checked~.homepage-code__code-container .code-api__example {
    display: none
}

.home-build-section .main-container input[id=code-api-curl]:checked~.homepage-code__code-container .code-api-container .code-api__example--curl {
    display: flex;
    width: 100%
}

.home-build-section .main-container input[id=code-api-curl]:checked~.homepage-code__code-container .code-api-container .code-api__example--curl .enlighter-default {
    padding: 30px
}

.home-build-section .main-container input[id=code-api-curl]:checked~.homepage-code__code-container .code-api-container .code-api__example--curl .enlighter-default.enlighter-overflow-scroll {
    border-radius: 25px
}

@media screen and (max-width: 900px) {
    .home-build-section .main-container input[id=code-api-curl]:checked~.homepage-code__code-container .code-api-container .code-api__example--curl .enlighter-default {
        padding-left:10px!important
    }
}

.home-build-section .main-container input[id=code-api-curl]:checked~.homepage-code__code-container .code-api-container .code-api__example--curl>div:first-child {
    margin: 0;
    width: 100%
}

.home-build-section .main-container input[id=code-api-curl]:checked~.homepage-code__code-container .code-api-container .code-api__example--curl>div:first-child>div:first-child {
    width: 100%
}

.home-build-section .main-container input[id=code-api-js]:checked~.homepage-code__code-container .code-lang-select .js:before {
    background-image: url(../images/lang_icon_js_hover.svg)
}

.home-build-section .main-container input[id=code-api-js]:checked~.homepage-code__code-container .code-api__example {
    display: none
}

.home-build-section .main-container input[id=code-api-js]:checked~.homepage-code__code-container .code-api-container .code-api__example--js {
    display: flex;
    width: 100%
}

.home-build-section .main-container input[id=code-api-js]:checked~.homepage-code__code-container .code-api-container .code-api__example--js .enlighter-default {
    padding: 30px
}

.home-build-section .main-container input[id=code-api-js]:checked~.homepage-code__code-container .code-api-container .code-api__example--js .enlighter-default.enlighter-overflow-scroll {
    border-radius: 25px
}

@media screen and (max-width: 900px) {
    .home-build-section .main-container input[id=code-api-js]:checked~.homepage-code__code-container .code-api-container .code-api__example--js .enlighter-default {
        padding-left:10px!important
    }
}

.home-build-section .main-container input[id=code-api-js]:checked~.homepage-code__code-container .code-api-container .code-api__example--js>div:first-child {
    margin: 0;
    width: 100%
}

.home-build-section .main-container input[id=code-api-js]:checked~.homepage-code__code-container .code-api-container .code-api__example--js>div:first-child>div:first-child {
    width: 100%
}

.home-build-section .main-container input[id=code-api-py]:checked~.homepage-code__code-container .code-lang-select .py:before {
    background-image: url(../images/lang_icon_py_hover.svg)
}

.home-build-section .main-container input[id=code-api-py]:checked~.homepage-code__code-container .code-api__example {
    display: none
}

.home-build-section .main-container input[id=code-api-py]:checked~.homepage-code__code-container .code-api-container .code-api__example--py {
    display: flex;
    width: 100%
}

.home-build-section .main-container input[id=code-api-py]:checked~.homepage-code__code-container .code-api-container .code-api__example--py .enlighter-default {
    padding: 30px
}

.home-build-section .main-container input[id=code-api-py]:checked~.homepage-code__code-container .code-api-container .code-api__example--py .enlighter-default.enlighter-overflow-scroll {
    border-radius: 25px
}

@media screen and (max-width: 900px) {
    .home-build-section .main-container input[id=code-api-py]:checked~.homepage-code__code-container .code-api-container .code-api__example--py .enlighter-default {
        padding-left:10px!important
    }
}

.home-build-section .main-container input[id=code-api-py]:checked~.homepage-code__code-container .code-api-container .code-api__example--py>div:first-child {
    margin: 0;
    width: 100%
}

.home-build-section .main-container input[id=code-api-py]:checked~.homepage-code__code-container .code-api-container .code-api__example--py>div:first-child>div:first-child {
    width: 100%
}

.home-build-section .main-container input[id=code-api-ruby]:checked~.homepage-code__code-container .code-lang-select .ruby:before {
    background-image: url(../images/lang_icon_ruby_hover.svg)
}

.home-build-section .main-container input[id=code-api-ruby]:checked~.homepage-code__code-container .code-api__example {
    display: none
}

.home-build-section .main-container input[id=code-api-ruby]:checked~.homepage-code__code-container .code-api-container .code-api__example--ruby {
    display: flex;
    width: 100%
}

.home-build-section .main-container input[id=code-api-ruby]:checked~.homepage-code__code-container .code-api-container .code-api__example--ruby .enlighter-default {
    padding: 30px
}

.home-build-section .main-container input[id=code-api-ruby]:checked~.homepage-code__code-container .code-api-container .code-api__example--ruby .enlighter-default.enlighter-overflow-scroll {
    border-radius: 25px
}

@media screen and (max-width: 900px) {
    .home-build-section .main-container input[id=code-api-ruby]:checked~.homepage-code__code-container .code-api-container .code-api__example--ruby .enlighter-default {
        padding-left:10px!important
    }
}

.home-build-section .main-container input[id=code-api-ruby]:checked~.homepage-code__code-container .code-api-container .code-api__example--ruby>div:first-child {
    margin: 0;
    width: 100%
}

.home-build-section .main-container input[id=code-api-ruby]:checked~.homepage-code__code-container .code-api-container .code-api__example--ruby>div:first-child>div:first-child {
    width: 100%
}

.home-build-section .main-container input[id=code-api-java]:checked~.homepage-code__code-container .code-lang-select .java:before {
    background-image: url(../images/lang_icon_java_hover.svg)
}

.home-build-section .main-container input[id=code-api-java]:checked~.homepage-code__code-container .code-api__example {
    display: none
}

.home-build-section .main-container input[id=code-api-java]:checked~.homepage-code__code-container .code-api-container .code-api__example--java {
    display: flex;
    width: 100%
}

.home-build-section .main-container input[id=code-api-java]:checked~.homepage-code__code-container .code-api-container .code-api__example--java .enlighter-default {
    padding: 30px
}

.home-build-section .main-container input[id=code-api-java]:checked~.homepage-code__code-container .code-api-container .code-api__example--java .enlighter-default.enlighter-overflow-scroll {
    border-radius: 25px
}

@media screen and (max-width: 900px) {
    .home-build-section .main-container input[id=code-api-java]:checked~.homepage-code__code-container .code-api-container .code-api__example--java .enlighter-default {
        padding-left:10px!important
    }
}

.home-build-section .main-container input[id=code-api-java]:checked~.homepage-code__code-container .code-api-container .code-api__example--java>div:first-child {
    margin: 0;
    width: 100%
}

.home-build-section .main-container input[id=code-api-java]:checked~.homepage-code__code-container .code-api-container .code-api__example--java>div:first-child>div:first-child {
    width: 100%
}

@media screen and (max-width: 768px) {
    .home-build-section .main-container {
        padding:0
    }

    .home-build-section .main-container>div:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    section.home-build-section {
        padding-bottom: 0!important;
        padding-top: 20px!important
    }

    section.home-build-section .main-container>div:first-child {
        padding: 0 25px
    }

    section.home-build-section .main-container>div:first-child #build-section {
        padding-top: 150px
    }

    section.home-build-section .main-container>div:first-child #build-section:before {
        top: 24px
    }

    section.home-build-section .main-container .homepage-code__code-container {
        width: 100%
    }
}

@keyframes toBlue {
    0% {
        color: #000
    }

    50% {
        color: #4169e1
    }

    to {
        color: #000
    }
}

.animateHero {
    animation: toBlue 4s infinite forwards
}

section.home-hero-section {
    background-color: transparent;
    flex-direction: column;
    padding: 11.2% 0 3.2%!important
}

section.home-hero-section a,section.home-hero-section h1 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 15px
}

section.home-hero-section a span,section.home-hero-section h1 span {
    color: #000;
    font-size: 140px;
    font-weight: 900;
    line-height: 105px
}

section.home-hero-section a span:nth-of-type(2),section.home-hero-section h1 span:nth-of-type(2) {
    margin-left: -30px;
    position: relative
}

section.home-hero-section a span:nth-of-type(2):after,section.home-hero-section h1 span:nth-of-type(2):after {
    background-image: url(../images/nylas_with_flag.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 174px;
    position: absolute;
    right: -162px;
    top: -58px;
    width: 200px
}

@media screen and (max-width: 768px) {
    section.home-hero-section a span,section.home-hero-section h1 span {
        font-size:70px;
        line-height: 55px
    }

    section.home-hero-section a span:nth-of-type(2):after,section.home-hero-section h1 span:nth-of-type(2):after {
        height: 167px;
        right: -92px;
        top: -38px;
        width: 114px
    }
}

@media screen and (min-width: 1200px) {
    section.home-hero-section a span,section.home-hero-section h1 span {
        font-size:160px;
        line-height: 125px
    }

    section.home-hero-section a span:nth-of-type(2):after,section.home-hero-section h1 span:nth-of-type(2):after {
        height: 195px;
        right: -185px;
        top: -61px;
        width: 224px
    }
}

section.home-hero-section a span:first-child,section.home-hero-section h1 span:first-child {
    font-size: 29px;
    font-weight: 500;
    line-height: 10px
}

@media screen and (max-width: 768px) {
    section.home-hero-section a span:first-child,section.home-hero-section h1 span:first-child {
        font-size:24px
    }
}

@media screen and (min-width: 1024px) {
    section.home-hero-section a span:first-child,section.home-hero-section h1 span:first-child {
        font-size:35px
    }
}

@media screen and (min-width: 1400px) {
    section.home-hero-section a span:first-child,section.home-hero-section h1 span:first-child {
        font-size:47px
    }
}

section.home-hero-section a span:nth-of-type(5),section.home-hero-section h1 span:nth-of-type(5) {
    font-size: 29px;
    font-weight: 500;
    line-height: 55px
}

@media screen and (max-width: 768px) {
    section.home-hero-section a span:nth-of-type(5),section.home-hero-section h1 span:nth-of-type(5) {
        font-size:24px;
        line-height: 33px
    }
}

@media screen and (min-width: 1024px) {
    section.home-hero-section a span:nth-of-type(5),section.home-hero-section h1 span:nth-of-type(5) {
        font-size:35px
    }
}

@media screen and (min-width: 1400px) {
    section.home-hero-section a span:nth-of-type(5),section.home-hero-section h1 span:nth-of-type(5) {
        font-size:47px
    }
}

section.home-hero-section .cta-section .main-container {
    display: flex;
    justify-content: center
}

section.home-hero-section .cta-section .main-container .buttons-holder {
    justify-content: center!important;
    margin: 50px 20px
}

section.home-hero-section .cta-section .main-container .buttons-holder .button-link {
    margin: 0 auto;
    min-width: 200px
}

section.home-hero-section .cta-section .main-container .buttons-holder:nth-of-type(2) .button-link {
    background-color: #fff!important;
    border: 1px solid #4169e1;
    color: #4169e1
}

section.home-hero-section .cta-section .main-container .buttons-holder:nth-of-type(2) .button-link:hover {
    background: #4169e1!important;
    color: #fff
}

@media screen and (max-width: 768px) {
    section.home-hero-section {
        padding-top:120px!important
    }

    section.home-hero-section .cta-section .main-container {
        flex-direction: column;
        gap: 25px;
        padding: 40px 0
    }

    section.home-hero-section .cta-section .main-container .buttons-holder {
        margin: 0 auto
    }
}

.front-page-nav-section .section-heading {
    font-size: 48px;
    margin: 0 auto;
    max-width: 660px
}

@media screen and (max-width: 1024px) {
    .front-page-nav-section .section-heading h2 {
        font-size:40px;
        line-height: 50px
    }
}

@media screen and (min-width: 1024px) {
    .front-page-nav-section .section-heading h2 {
        font-size:48px;
        line-height: 64px
    }
}

.front-page-nav-section .section-heading .homepage_links {
    align-items: center;
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 20px 0 10px
}

.front-page-nav-section .section-heading .homepage_links li {
    margin-right: 40px
}

.front-page-nav-section .section-heading .homepage_links li a {
    color: #4169e1;
    font-size: 24px;
    font-weight: 600;
    transition: text-decoration .4s ease-in-out
}

.front-page-nav-section .section-heading .homepage_links li a:hover {
    text-decoration: underline;
    transition: text-decoration .4s ease-in-out
}

.front-page-nav-section .section-heading .homepage_links li a.home-nav-active {
    text-decoration: underline
}

.home-brands-section {
    background-color: #f8f8f8;
    padding: 40px 0 5px;
    position: relative;
    z-index: 8
}

@media screen and (max-width: 768px) {
    .home-brands-section {
        padding:40px 0
    }
}

@keyframes rocketDown {
    0% {
        top: 0
    }

    to {
        top: 95%
    }
}

@keyframes animateBoxes {
    0% {
        opacity: 0
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@keyframes blueBorder {
    0% {
        max-height: 0
    }

    to {
        max-height: 900px
    }
}

.home-unlock-section {
    padding: 0!important;
    position: relative
}

.home-unlock-section #unlock-section {
    align-items: center;
    color: #4169e1;
    display: flex;
    font-size: 24px;
    font-weight: 900;
    height: 50px;
    justify-content: center;
    margin-bottom: 10px;
    padding-top: 60px;
    position: relative;
    text-align: center
}

.home-unlock-section #unlock-section:before {
    background-image: url(../images/unlock_elipse_vertical.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 96px;
    position: absolute;
    top: -72px;
    width: 18px
}

.home-unlock-section .main-container {
    max-width: 1480px
}

.home-unlock-section .main-container>div:first-child {
    background-color: #f2f5fd;
    padding: 75px 0;
    position: relative;
    z-index: 8
}

.home-unlock-section .main-container .rocket-container {
    background: #f2f5fd;
    position: relative;
    z-index: 999
}

.home-unlock-section .main-container .rocket-container .rocket-line {
    display: none;
    height: 100%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 75px;
    z-index: 999999
}

.home-unlock-section .main-container .rocket-container .rocket-line object {
    height: 100%
}

.home-unlock-section .main-container .rocket-container .row {
    display: flex;
    flex-direction: column
}

.home-unlock-section .main-container .rocket-container .column {
    align-items: center;
    display: flex;
    flex: 1;
    position: relative
}

.home-unlock-section .main-container .rocket-container .column:first-of-type {
    padding: 50px 0
}

.home-unlock-section .main-container .rocket-container .column:first-of-type>* {
    max-width: 90%
}

.home-unlock-section .main-container .rocket-container .column>* {
    opacity: 1
}

.home-unlock-section .main-container .rocket-container .column__inner {
    height: 100%;
    position: relative;
    width: 100%
}

@media screen and (min-width: 900px) {
    .home-unlock-section .main-container .rocket-container .column__inner {
        width:80%
    }
}

.home-unlock-section .main-container .rocket-container .column__inner .info {
    height: 100%;
    width: 100%
}

.home-unlock-section .main-container .rocket-container .column__inner .info h4 {
    font-size: 24px
}

.home-unlock-section .main-container .rocket-container .column__inner .info a {
    color: #4169e1;
    cursor: pointer;
    font-size: 20px;
    font-weight: 700
}

.home-unlock-section .main-container .rocket-container .column__inner .info a:hover {
    text-decoration: underline
}

@media screen and (min-width: 1024px) {
    .home-unlock-section .main-container .rocket-container .column {
        justify-content:center
    }
}

@media screen and (min-width: 900px) {
    .home-unlock-section .main-container .row {
        flex-direction:row
    }

    .home-unlock-section .main-container .rocket-container {
        background: #f2f5fd;
        position: relative;
        z-index: 999
    }

    .home-unlock-section .main-container .rocket-container .row {
        display: flex;
        flex-direction: row
    }

    .home-unlock-section .main-container .rocket-container .column {
        align-items: center;
        display: flex;
        flex: 1;
        justify-content: center;
        position: relative
    }

    .home-unlock-section .main-container .rocket-container .column:first-of-type {
        padding: 50px 0
    }

    .home-unlock-section .main-container .rocket-container .column:first-of-type>* {
        width: 90%
    }

    .home-unlock-section .main-container .rocket-container .column:nth-of-type(2) {
        max-height: 0
    }

    .home-unlock-section .main-container .rocket-container .column__inner {
        height: 100%;
        position: relative;
        transition: transform .5s ease,background-color .5s ease,box-shadow .5s ease;
        width: 80%
    }

    .home-unlock-section .main-container .rocket-container .column__inner .info {
        height: 100%;
        padding: 50px 50px 0 0;
        position: absolute;
        width: 100%
    }

    .home-unlock-section .main-container .rocket-container .column__inner .info h4 {
        font-size: 24px
    }

    .home-unlock-section .main-container .rocket-container .column__inner .info a {
        color: #4169e1;
        cursor: pointer;
        font-size: 20px;
        font-weight: 700
    }

    .home-unlock-section .main-container .rocket-container .column__inner .info a:hover {
        text-decoration: underline
    }

    .home-unlock-section .rocketAnimate {
        z-index: 99999
    }

    .home-unlock-section .rocketAnimate.rocket-container .rocket-line {
        display: block;
        height: 100%
    }
}

.home-unlock-section .cta-section {
    background-color: #f2f5fd;
    padding-top: 120px
}

.home-unlock-section .section-heading {
    margin-left: auto;
    margin-right: auto;
    max-width: 660px
}

.home-unlock-section .section-heading h3 {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px
}

@media screen and (max-width: 768px) {
    .home-unlock-section .section-heading h3 {
        font-size:24px;
        line-height: 36px
    }
}

.home-unlock-section .section-heading p {
    margin: 30px auto;
    max-width: 700px
}

@media screen and (min-width: 1440px) {
    .home-unlock-section .section-heading {
        max-width:880px
    }
}

@media screen and (max-width: 768px) {
    section.home-unlock-section {
        padding:0!important
    }

    section.home-unlock-section .main-container {
        padding: 0
    }

    section.home-unlock-section .main-container>div:first-child {
        padding: 0 25px 60px
    }

    section.home-unlock-section .main-container>div:first-child #unlock-section {
        padding-top: 130px
    }

    section.home-unlock-section .main-container>div:first-child #unlock-section:before {
        top: -5px
    }
}

.home-engage-section {
    color: #fff;
    padding-top: 0!important
}

.home-engage-section #engage-section {
    align-items: center;
    display: flex;
    font-size: 24px;
    font-weight: 900;
    height: 50px;
    justify-content: center;
    margin-bottom: 10px;
    position: relative;
    text-align: center
}

.home-engage-section #engage-section:before {
    background-image: url(../images/build_elipse_vertical.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 85px;
    position: absolute;
    top: -100px;
    width: 30px
}

.home-engage-section .main-container {
    max-width: 1480px
}

.home-engage-section .main-container>div:first-child {
    background-color: #4169e1;
    background-image: linear-gradient(#4169e1,#16244f);
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    overflow: hidden;
    padding: 110px 0 75px!important
}

.home-engage-section .main-container .home-engage-slider {
    color: #000;
    cursor: grab;
    margin: 0 auto;
    max-width: 1140px;
    padding-left: 20px;
    width: 93%;
    z-index: 8
}

.home-engage-section .main-container .home-engage-slider .slick-track {
    gap: 50px
}

.home-engage-section .main-container .home-engage-slider .slick-list {
    overflow: visible
}

.home-engage-section .main-container .home-engage-slider .slick-slide {
    flex: 1;
    height: auto!important
}

.home-engage-section .main-container .home-engage-slider .slick-slide>div,.home-engage-section .main-container .home-engage-slider .slick-slide>div .text-with-image-module {
    height: 100%
}

.home-engage-section .main-container .home-engage-slider .slick-slide>div .text-with-image-module .info-cascade-media {
    display: flex;
    margin: 0;
    max-height: 400px
}

@media screen and (min-width: 768px) {
    .home-engage-section .main-container .home-engage-slider .slick-slide>div .text-with-image-module .info-cascade-media {
        max-height:550px
    }
}

@media screen and (min-width: 1024px) {
    .home-engage-section .main-container .home-engage-slider .slick-slide>div .text-with-image-module .info-cascade-wrap {
        width:55%
    }
}

.home-engage-section .main-container .home-engage-slider .slick-slide>div .text-with-image-module ul {
    margin-top: 20px;
    padding-left: 30px
}

.home-engage-section .main-container .home-engage-slider .slick-slide>div .text-with-image-module ul li {
    list-style: none;
    margin-bottom: 20px;
    position: relative
}

.home-engage-section .main-container .home-engage-slider .slick-slide>div .text-with-image-module ul li:before {
    background-image: url(../images/check_black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 20px;
    left: -30px;
    position: absolute;
    top: 7px;
    width: 20px
}

.home-engage-section .main-container .home-engage-slider .slick-slide .slide {
    background-color: #e7ecfc;
    background-image: url(../images/slider_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
    height: 100%;
    padding: 60px 30px
}

@media screen and (min-width: 1024px) {
    .home-engage-section .main-container .home-engage-slider .slick-slide .slide {
        padding:60px 65px
    }
}

.home-engage-section .main-container .home-engage-slider .slick-slide .slide h3 {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .home-engage-section .main-container .home-engage-slider .slick-slide .slide h3 {
        font-size:24px;
        line-height: 36px
    }
}

.home-engage-section .main-container .home-engage-slider .slick-slide:not(.slick-current) {
    opacity: .2
}

.home-engage-section .main-container .home-engage-slider .slick-dots button {
    background: #e8f7ff;
    opacity: .5
}

.home-engage-section .main-container .home-engage-slider .slick-dots li.slick-active button {
    background: #fff;
    opacity: 1
}

.home-engage-section .main-container .home-engage-slider .slick-track {
    display: flex
}

.home-engage-section .main-container .home-engage-slider .slick-track:after,.home-engage-section .main-container .home-engage-slider .slick-track:before {
    display: none
}

.no-touch .home-engage-section .main-container .home-engage-slider .slick-track:hover {
    cursor: move;
    cursor: grab
}

.no-touch .home-engage-section .main-container .home-engage-slider .slick-track:active {
    cursor: grabbing
}

.home-engage-section .section-heading {
    margin-left: auto;
    margin-right: auto;
    max-width: 660px;
    padding: 0 25px
}

.home-engage-section .section-heading h3 {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px
}

.home-engage-section .section-heading p {
    margin: 30px auto;
    max-width: 700px
}

@media screen and (min-width: 1440px) {
    .home-engage-section .section-heading {
        max-width:880px
    }
}

@media screen and (max-width: 768px) {
    section.home-engage-section {
        padding:0!important
    }

    section.home-engage-section .main-container {
        padding: 0
    }

    section.home-engage-section .main-container>div:first-child {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding: 0 25px
    }

    section.home-engage-section .main-container>div:first-child #unlock-section {
        padding-top: 130px
    }

    section.home-engage-section .main-container>div:first-child #unlock-section:before {
        top: -5px
    }

    section.home-engage-section .main-container .home-engage-slider .slick-list {
        overflow: hidden
    }

    section.home-engage-section .main-container .home-engage-slider .slick-list .slick-track {
        gap: initial!important
    }
}

.new-testimonials-section {
    z-index: 7
}

.new-testimonials-section .new-home-testimonial-slider {
    cursor: grab;
    margin-right: -20px
}

@media only screen and (min-width: 1400px) {
    .new-testimonials-section .new-home-testimonial-slider {
        margin-right:-40px
    }
}

.new-testimonials-section .new-home-testimonial-slider .slick-track {
    display: flex
}

@media screen and (min-width: 1024px) {
    .new-testimonials-section .new-home-testimonial-slider .slick-track {
        margin-left:-34%
    }
}

.new-testimonials-section .new-home-testimonial-slider .slick-track:after,.new-testimonials-section .new-home-testimonial-slider .slick-track:before {
    display: none
}

.no-touch .new-testimonials-section .new-home-testimonial-slider .slick-track:hover {
    cursor: move;
    cursor: grab
}

.no-touch .new-testimonials-section .new-home-testimonial-slider .slick-track:active {
    cursor: grabbing
}

.new-testimonials-section .new-home-testimonial-slider .slick-list {
    overflow: visible;
    padding-left: 0!important
}

.new-testimonials-section .new-home-testimonial-slider .slick-slide {
    display: flex;
    float: none;
    height: auto;
    margin-right: 20px
}

@media only screen and (min-width: 1400px) {
    .new-testimonials-section .new-home-testimonial-slider .slick-slide {
        margin-right:40px
    }
}

@media only screen and (min-width: 1024px) {
    .new-testimonials-section .new-home-testimonial-slider .slick-slide {
        min-width:600px
    }
}

.new-testimonials-section .product-list-item {
    background-color: #fff;
    box-shadow: 5px 8px 28px rgba(23,23,36,.1)
}

.new-testimonials-section .product-list-item:first-child {
    margin-left: 0!important
}

.new-testimonials-section .product-list-item .testimonial-headline {
    color: #4169e1;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px
}

.new-testimonials-section .product-list-item .testimonial-quote {
    margin-bottom: 20px
}

.new-testimonials-section .product-list-item .testimonial-info {
    align-items: center;
    display: flex
}

.new-testimonials-section .product-list-item .testimonial-info .co-logo {
    flex: 1;
    margin-right: 12px
}

.new-testimonials-section .product-list-item .testimonial-info .co-logo img {
    max-width: 120px
}

.new-testimonials-section .product-list-item .testimonial-info .testimonial-author {
    flex: 2
}

.new-testimonials-section .product-list-item .testimonial-info .testimonial-author p {
    margin: 0
}

.new-testimonials-section .product-list-item .testimonial-info .testimonial-author p:first-of-type {
    font-weight: 600
}

.new-testimonials-section .product-list-item .testimonial-info .testimonial-author p:nth-of-type(2) {
    opacity: .8
}

.home-security-section {
    background-color: #16244f;
    color: #fff;
    position: relative;
    z-index: 8
}

@media screen and (min-width: 768px) {
    .home-security-section .info-cascade-media {
        width:52%
    }
}

.home-security-section .button-link {
    border: thin solid #fff;
    color: #fff
}

.home-security-section .button-link:hover {
    background-color: #fff;
    color: #16244f
}

.home-security-section+.home-stat--section {
    background-color: #16244f;
    background-image: linear-gradient(#4169e1,#2d4499);
    color: #fff;
    position: relative;
    z-index: 8
}

.home-security-section+.home-stat--section .main-container>div {
    display: flex;
    flex-direction: column;
    gap: 50px;
    width: 100%
}

.home-security-section+.home-stat--section .main-container>div .stat {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column
}

.home-security-section+.home-stat--section .main-container>div .stat p {
    margin: 0
}

.home-security-section+.home-stat--section .main-container>div .stat p:first-of-type {
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 15px
}

@media screen and (min-width: 1024px) {
    .home-security-section+.home-stat--section .main-container>div {
        flex-direction:row;
        gap: 0
    }

    .home-security-section+.home-stat--section .main-container>div .stat:not(:last-child) {
        border-right: 2px solid #fff
    }
}

.home-resource-section .main-container {
    margin-top: 30px
}

.home-resource-section .newsroom-item {
    transition: transform .5s ease,background-color .5s ease,box-shadow .5s ease
}

.home-resource-section .newsroom-item:hover {
    border-radius: 5px;
    border-radius: 15px;
    box-shadow: 5px 8px 28px rgba(23,23,36,.1);
    cursor: pointer;
    transform: translateY(-20px)
}

.jumpstart-section {
    position: relative;
    z-index: 8
}

.jumpstart-section,.jumpstart-section .product-list-item {
    background-color: #fff
}

.jumpstart-section .product-list-item:hover {
    background-color: #f2f5fd
}

.jumpstart-section .section-heading {
    text-align: left
}

.jumpstart-section .info-cascade-item {
    align-items: normal
}

.jumpstart-section .info-cascade-item .info-cascade-media {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.jumpstart-section .products-list-holder {
    flex-direction: column
}

.jumpstart-section .products-list-holder .product-list-item {
    width: 100%
}

.jumpstart-section .products-list-holder .product-list-item p {
    color: #080817;
    font-weight: 400
}

.jumpstart-section .products-list-holder .product-list-item p:first-of-type {
    font-weight: 500;
    letter-spacing: .15em;
    opacity: 1
}

.jumpstart-section .products-list-holder .product-list-item p:nth-of-type(2) {
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    opacity: 1
}

.jumpstart-section .products-list-holder .product-list-item p:has(a) {
    font-size: 16px;
    opacity: 1
}

.jumpstart-section .products-list-holder .product-list-item p:has(a) a {
    color: #4169e1;
    font-weight: 600;
    text-decoration: none
}

@media screen and (min-width: 900px) {
    .jumpstart-section .products-list-holder {
        padding:0 75px 0 0
    }
}

.industry-compare {
    margin: 0 auto;
    max-width: 1280px;
    padding: 90px 16px
}

@media screen and (min-width: 900px) {
    .industry-compare {
        padding:70px 30px
    }
}

.industry-compare-heading {
    font-size: 18px;
    line-height: 30px;
    margin: 0 auto 60px;
    max-width: 840px
}

@media screen and (min-width: 900px) {
    .industry-compare-heading {
        margin-bottom:48px
    }
}

.industry-compare-heading h2 {
    font-size: 36px;
    line-height: 45px;
    text-align: left
}

@media screen and (min-width: 900px) {
    .industry-compare-heading h2 {
        text-align:center
    }
}

.industry-compare-heading p {
    font-size: 16px;
    line-height: 24px;
    margin: 30px auto;
    max-width: 568px;
    text-align: left
}

@media screen and (min-width: 900px) {
    .industry-compare-heading p {
        text-align:center
    }
}

.industry-compare .compare-table {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 auto
}

.industry-compare .compare-table.no-category {
    justify-content: center
}

@media only screen and (min-width: 900px) {
    .industry-compare .compare-table {
        flex-direction:row
    }
}

.industry-compare .compare-table-title {
    font-size: 22px;
    font-weight: 600;
    line-height: 125%;
    text-align: right
}

.industry-compare .compare-table-copy {
    text-align: left
}

.industry-compare .compare-table-copy p {
    font-size: 16px;
    line-height: 24px
}

.industry-compare .compare-table-logo {
    align-self: center;
    height: 48px;
    margin-bottom: 0;
    padding: 44px 0;
    width: 48px
}

.industry-compare .compare-table .hidden-column {
    display: none
}

.industry-compare .compare-table .column {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    margin: 0;
    padding: 48px 20px 16px 16px;
    width: 100%
}

@media only screen and (min-width: 900px) {
    .industry-compare .compare-table .column {
        margin:70px 24px 0;
        padding: 24px 0;
        width: 27%
    }
}

.industry-compare .compare-table .column .row {
    align-items: flex-start;
    display: flex;
    min-height: 48px;
    padding-bottom: 16px
}

@media only screen and (min-width: 900px) {
    .industry-compare .compare-table .column .row {
        align-items:center;
        min-height: 90px
    }
}

.industry-compare .compare-table .column .row p {
    margin: 0;
    padding-left: 8px
}

.industry-compare .compare-table .column .row.title {
    justify-content: flex-end
}

.industry-compare .compare-table .column .row img {
    padding-top: 5px
}

@media only screen and (min-width: 900px) {
    .industry-compare .compare-table .column .row img {
        padding-top:0
    }
}

.industry-compare .compare-table .column .row.compare-table-logo {
    min-height: 70px;
    padding: 0
}

.industry-compare .compare-table .column.titles {
    display: none
}

@media only screen and (min-width: 900px) {
    .industry-compare .compare-table .column.titles {
        display:block
    }
}

.industry-compare .compare-table .column.featured {
    background-color: #f6f8fd;
    border-radius: 10px;
    padding: 24px 16px 48px;
    width: 100%
}

@media only screen and (min-width: 900px) {
    .industry-compare .compare-table .column.featured {
        margin:0 24px;
        padding: 24px 48px;
        width: 36%
    }
}

.industry-compare.features-table .column:not(:first-child) {
    width: 100%
}

@media only screen and (min-width: 900px) {
    .industry-compare.features-table .column:not(:first-child) {
        width:65%
    }
}

.industry-compare.features-table .column:first-child {
    width: 100%
}

@media only screen and (min-width: 900px) {
    .industry-compare.features-table .column:first-child {
        margin-top:0;
        width: 45%
    }
}

.industry-compare.features-table .compare-table-title-mobile {
    display: block;
    text-align: left
}

@media only screen and (min-width: 900px) {
    .industry-compare.features-table .compare-table-title-mobile {
        display:none
    }

    .industry-compare.features-table .compare-table {
        display: grid;
        grid-template-columns: 45fr 65fr;
        grid-template-rows: repeat(100,auto)
    }

    .industry-compare.features-table .compare-table>.column {
        display: grid;
        grid-row: 1/-1;
        grid-template-columns: subgrid;
        grid-template-rows: subgrid;
        width: auto
    }

    .industry-compare.features-table .compare-table>.column>.row {
        align-items: flex-start
    }
}

.sticky-element-inner:has(.sidebar-cta) {
    display: flex;
    flex-direction: column;
    gap: 30px
}

.sidebar-cta {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px;
    text-align: center
}

.sidebar-cta__heading {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0
}

.sidebar-cta__body {
    margin-bottom: 0
}

.sidebar-cta .buttons-holder {
    min-width: 60%
}

.sidebar-cta .button-link {
    background-color: #fff;
    color: #4169e1
}

.sidebar-cta .button-link:hover {
    background-color: #4169e1;
    color: #fff
}

.sidebar-cta.demo-cta .buttons-holder a:hover {
    border: solid #fff
}

.sidebar-cta.crm-cta .buttons-holder a {
    margin-top: 0
}

.sidebar-cta.crm-cta img {
    object-fit: cover;
    width: 150px
}

.new-quote-module p {
    margin: 0
}

.new-quote-module .wrapper {
    border-left: solid #4169e1;
    padding-left: 20px
}

.new-quote-module__quote {
    color: #080817!important;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    quotes: "“" "”" "‘" "’"
}

.new-quote-module__quote:before {
    content: open-quote;
    font-size: 28px;
    position: relative
}

.new-quote-module__quote:after {
    content: close-quote;
    font-size: 28px;
    position: relative
}

.new-quote-module__author {
    color: #080817!important;
    font-weight: 500;
    margin: 15px 0!important
}

.new-quote-module__author:before {
    content: " - "
}

.new_highlight_box {
    background-color: #f2f5fd;
    border-radius: 15px;
    color: #080817!important;
    padding: 40px
}

.new_highlight_box .highlight_heading {
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    margin: 15px 0!important
}

.new_highlight_box .highlight_body {
    color: #080817!important
}

.new_faq_section {
    margin: 0 auto;
    max-width: 1280px
}

.new_faq_section .wrapper {
    display: flex
}

@media screen and (max-width: 1020px) {
    .new_faq_section .wrapper {
        flex-direction:column
    }
}

.new_faq_section__title-section {
    color: #080817;
    font-size: 36px;
    font-weight: 600;
    line-height: 50px;
    width: 50%
}

@media screen and (max-width: 1020px) {
    .new_faq_section__title-section {
        font-size:32px;
        line-height: 42px;
        padding: 0 5%;
        width: 100%
    }
}

.new_faq_section__faqs {
    padding: 0 6% 0 5%;
    width: 100%
}

.new_faq_section__faqs--row {
    border-bottom: thin solid rgba(65,105,225,.1)
}

.new_faq_section__faqs--row__question {
    font-weight: 600;
    margin: 0;
    padding: 20px 0;
    position: relative
}

.new_faq_section__faqs--row__question span {
    display: inline-block;
    width: 90%
}

.new_faq_section__faqs--row__question:after {
    background: url(../images/icon_down.svg) 0 0 no-repeat;
    background-position: 50%;
    background-size: contain;
    content: "";
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 30px;
    top: 20px;
    width: 25px
}

.new_faq_section__faqs--row__question:has(+.faq__active) {
    color: #4169e1
}

.new_faq_section__faqs--row__question:has(+.faq__active):after {
    transform: rotate(180deg);
    transition: transform .2s ease-in-out
}

.new_faq_section__faqs--row__answer {
    max-height: 0;
    overflow: hidden
}

.new_faq_section__faqs--row__answer.faq__active {
    height: fit-content;
    max-height: 1000px;
    padding: 0 0 20px;
    transition: all .3s ease-in-out
}

.get_started_module {
    margin: 0 auto;
    max-width: 1280px;
    padding: 75px!important
}

.get_started_module .wrapper {
    background-color: #f2f5fd;
    border-radius: 15px;
    display: flex;
    padding: 75px!important
}

@media screen and (max-width: 1020px) {
    .get_started_module .wrapper {
        flex-direction:column;
        padding: 75px 30px!important
    }
}

.get_started_module__left {
    display: flex;
    justify-content: center;
    padding: 0 0 40px;
    width: 40%
}

@media screen and (min-width: 1200px) {
    .get_started_module__left {
        justify-content:end;
        padding: 0 40px
    }
}

.get_started_module__right {
    width: 60%
}

.get_started_module__heading {
    font-weight: 600
}

@media screen and (max-width: 1020px) {
    .get_started_module__left,.get_started_module__right {
        width:100%
    }
}

.report-cta-section {
    background: url(https://nylasdev.wpengine.com/wp-content/uploads/report-cta-bg-mobile.png);
    background-size: cover
}

@media screen and (min-width: 1000px) {
    .report-cta-section {
        background:url(https://nylasdev.wpengine.com/wp-content/uploads/report-cta-bg.png) no-repeat;
        background-size: cover
    }
}

@media screen and (min-width: 701px) {
    .report-cta-section .report-container {
        margin:0 auto;
        max-width: 730px;
        padding: 0 30px
    }
}

@media screen and (min-width: 1024px) {
    .report-cta-section .report-container {
        display:flex;
        margin: unset;
        max-width: unset;
        padding: 0
    }

    .report-cta-section .report-container .image-container {
        width: 50%
    }
}

@media screen and (max-width: 1023px) {
    .report-cta-section .report-container .image-container .desktop {
        display:none
    }
}

@media screen and (min-width: 1024px) {
    .report-cta-section .report-container .image-container .tablet {
        display:none
    }
}

.report-cta-section .report-container .report-content {
    padding: 0 35px 65px
}

@media screen and (min-width: 701px) {
    .report-cta-section .report-container .report-content {
        padding:0 50px 65px
    }
}

@media screen and (min-width: 1024px) {
    .report-cta-section .report-container .report-content {
        padding:7.5% 11.6% 0 3.5%;
        width: 50%
    }
}

@media screen and (min-width: 1100px) {
    .report-cta-section .report-container .report-content {
        padding-top:9.4%
    }
}

.report-cta-section .report-container .report-content .button-link,.report-cta-section .report-container .report-content h2,.report-cta-section .report-container .report-content p {
    color: #fff
}

.report-cta-section .report-container .report-content h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 36px
}

@media screen and (min-width: 1024px) {
    .report-cta-section .report-container .report-content h2 {
        font-size:36px;
        line-height: 44px
    }
}

.report-cta-section .report-container .report-content p {
    font-size: 14px;
    line-height: 20px;
    margin: 20px 0
}

@media screen and (min-width: 1024px) {
    .report-cta-section .report-container .report-content p {
        font-size:16px;
        line-height: 24px;
        margin-bottom: 40px
    }
}

.report-cta-section .report-container .report-content .button-link.white {
    color: #4169e1
}

.report-cta-section .report-container .report-content .button-link.white:hover {
    background-color: #4169e1;
    color: #fff
}

.pricing--hero-module {
    padding: 100px 0!important
}

@media screen and (max-width: 768px) {
    .pricing--hero-module {
        padding:80px 0!important
    }
}

.pricing--hero-module .top-wrap {
    text-align: center
}

.pricing--hero-module .top-wrap p {
    font-weight: 600;
    margin-top: 6px
}

@media screen and (max-width: 768px) {
    .pricing--hero-module .top-wrap p {
        font-size:16px;
        font-weight: 400
    }
}

.pricing--hero-module h1 {
    color: #080817;
    font-size: 48px;
    font-weight: 600
}

@media screen and (max-width: 768px) {
    .pricing--hero-module h1 {
        font-size:30px;
        line-height: 40px;
        margin-bottom: 20px
    }
}

.pricing--hero-module .row {
    display: flex;
    flex-wrap: wrap;
    margin-top: 80px
}

@media screen and (max-width: 768px) {
    .pricing--hero-module .row {
        margin-top:50px
    }
}

.pricing--hero-module .col {
    box-shadow: 0 21.2187px 28.2916px rgba(0,0,0,.05);
    padding: 25px 30px 90px;
    position: relative;
    width: calc(33.33333% - 20px)
}

@media screen and (max-width: 768px) {
    .pricing--hero-module .col {
        width:100%
    }
}

.pricing--hero-module .col:hover span {
    background-color: #4169e1;
    color: #fff
}

.pricing--hero-module .col:first-child {
    border-top: 9px solid #17c3b2
}

.pricing--hero-module .col:nth-child(2) {
    border-top: 9px solid #6dceff
}

.pricing--hero-module .col:nth-child(3) {
    border-top: 9px solid #4169e1
}

.pricing--hero-module .col:not(:last-child) {
    margin-right: 30px
}

@media screen and (max-width: 768px) {
    .pricing--hero-module .col:not(:last-child) {
        margin-bottom:30px;
        margin-right: 0
    }
}

.pricing--hero-module .col span {
    background-color: #fff;
    border: 1px solid #4169e1;
    border-radius: 8px;
    bottom: 35px;
    color: #4169e1;
    display: inline-block;
    font-weight: 500;
    left: 25px;
    padding: 8px 15px;
    position: absolute;
    transition: .35s
}

@media screen and (max-width: 960px) {
    .pricing--hero-module .col span {
        font-size:14px
    }
}

.pricing--hero-module h2 {
    color: #080817;
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 15px
}

@media screen and (max-width: 960px) {
    .pricing--hero-module h2 {
        font-size:18px
    }
}

.pricing--hero-module .list-title {
    margin-top: 5px
}

.pricing--hero-module figure {
    margin: 0;
    position: relative
}

.pricing--hero-module figure img {
    max-height: 118px;
    object-fit: cover
}

.pricing--hero-module ul {
    list-style: none;
    padding-left: 0
}

.pricing--hero-module li,.pricing--hero-module p {
    color: #080817
}

@media screen and (max-width: 960px) {
    .pricing--hero-module li,.pricing--hero-module p {
        font-size:14px
    }
}

.pricing--hero-module li {
    margin-bottom: 17px;
    padding-left: 30px;
    position: relative
}

.pricing--hero-module li svg {
    left: 0;
    position: absolute;
    top: 5px
}

section.logo-scroller--module {
    background-color: #f8f8f8;
    padding: 20px 0!important
}

@media screen and (max-width: 700px) {
    section.logo-scroller--module {
        padding:10px 0!important
    }
}

section.logo-scroller--module .marquee-slide-card {
    align-content: center;
    border-radius: 5px;
    display: flex;
    height: 100px;
    justify-content: center;
    margin: 0 22px;
    width: 220px
}

section.logo-scroller--module .marquee-slide-card-wrap {
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100vw
}

section.logo-scroller--module .marquee-slide-card-wrap.marquee-active {
    height: 100px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100vw
}

section.logo-scroller--module .marquee-slide-card-wrap.marquee-active .marquee-slide-card {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    transition: all .2s ease
}

section.logo-scroller--module .marquee-slide-card-wrap .marquee-slide-card-wrap-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative
}

section.logo-scroller--module .marquee-slide-card-wrap.marquee-active .marquee-slide-card-wrap-inner {
    animation: marquee 20s linear infinite;
    display: flex;
    flex-wrap: nowrap;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    white-space: nowrap
}

section.logo-scroller--module .marquee-slide-card-wrap.marquee-active .marquee-slide-card-wrap-inner:hover {
    animation-play-state: paused
}

@keyframes marquee {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-50%)
    }
}

section.logo-scroller--module .marquee-slide-card img {
    align-self: center
}

section.pricing-faqs--module {
    background-color: #f2f5fc;
    padding: 60px 0!important
}

section.pricing-faqs--module .rounded-bottom path {
    fill: #f2f5fc
}

section.pricing-faqs--module h2 {
    color: #080817;
    font-size: 36px;
    line-height: 44px;
    margin-top: 20px;
    text-align: center
}

section.pricing-faqs--module h3 {
    color: #080817;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    padding-right: 55px;
    position: relative
}

@media screen and (max-width: 700px) {
    section.pricing-faqs--module h3 {
        line-height:28px
    }
}

section.pricing-faqs--module .answer {
    height: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height .15s ease
}

section.pricing-faqs--module p {
    color: #52525d;
    font-size: 16px;
    line-height: 24px
}

section.pricing-faqs--module .rows-wrap {
    margin-bottom: 20px;
    margin-top: 60px
}

section.pricing-faqs--module .row {
    background-color: #fff;
    border: 1px solid #e6e6e8;
    margin-bottom: 13px;
    padding: 25px 30px
}

@media screen and (max-width: 700px) {
    section.pricing-faqs--module .row {
        padding:25px 15px
    }
}

section.pricing-faqs--module .row.is-active .answer {
    display: block;
    margin-top: 25px;
    padding-right: 75px;
    padding-top: 10px;
    position: relative
}

@media screen and (max-width: 700px) {
    section.pricing-faqs--module .row.is-active .answer {
        padding-right:15px
    }
}

section.pricing-faqs--module .row.is-active .answer:before {
    background-color: #4169e1;
    content: "";
    height: 2px;
    position: absolute;
    top: 0;
    width: 19px
}

section.pricing-faqs--module .row.is-active .arrow-wrap {
    transform: rotate(180deg)
}

section.pricing-faqs--module .row .arrow-wrap {
    align-items: center;
    display: flex;
    height: 30px;
    justify-content: center;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 5px;
    width: 30px
}

@media screen and (max-width: 700px) {
    section.pricing-faqs--module .row .arrow-wrap {
        display:none
    }
}

section.pricing-faqs--module.pricing-theme {
    background-color: #f8f9fc;
    padding: 128px 0!important
}

@media screen and (max-width: 700px) {
    section.pricing-faqs--module.pricing-theme {
        padding:96px 0!important
    }
}

section.pricing-faqs--module.pricing-theme .faqs-wrap {
    display: flex;
    margin: 0 auto;
    max-width: 1200px
}

@media screen and (max-width: 700px) {
    section.pricing-faqs--module.pricing-theme .faqs-wrap {
        display:block;
        margin: 0 -1px
    }
}

section.pricing-faqs--module.pricing-theme .faqs-wrap p {
    color: #3e4784
}

@media screen and (min-width: 701px) {
    section.pricing-faqs--module.pricing-theme .copy-wrap {
        margin-right:5.3333333333%;
        width: 26.6666666667%
    }
}

section.pricing-faqs--module.pricing-theme .copy-wrap h2 {
    color: #293056;
    font-weight: 600;
    line-height: 125%;
    margin: 0;
    text-align: left
}

@media screen and (max-width: 700px) {
    section.pricing-faqs--module.pricing-theme .copy-wrap h2 {
        font-size:28px;
        max-width: 300px
    }
}

section.pricing-faqs--module.pricing-theme .copy-wrap p {
    margin-top: 8px
}

section.pricing-faqs--module.pricing-theme .copy-wrap p a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: none;
    transition: color .15s ease
}

section.pricing-faqs--module.pricing-theme .copy-wrap p a:hover {
    color: #1e3a8a
}

section.pricing-faqs--module.pricing-theme .rows-wrap {
    margin: 32px 0 0
}

@media screen and (min-width: 701px) {
    section.pricing-faqs--module.pricing-theme .rows-wrap {
        margin:0;
        width: 66.6666666667%
    }
}

section.pricing-faqs--module.pricing-theme .rows-wrap .row {
    background-color: #fcfcfd;
    border-color: #d5d9eb;
    border-radius: 12px;
    margin-bottom: 8px;
    padding: 0;
    transition: background-color .15s ease
}

section.pricing-faqs--module.pricing-theme .rows-wrap .row:hover {
    background-color: #fff
}

section.pricing-faqs--module.pricing-theme .rows-wrap .row h3 {
    color: #293056;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    padding: 20px 32px 20px 16px
}

@media screen and (max-width: 700px) {
    section.pricing-faqs--module.pricing-theme .rows-wrap .row h3 {
        padding:20px 16px
    }
}

section.pricing-faqs--module.pricing-theme .rows-wrap .row h3 .arrow-wrap {
    display: block;
    height: auto;
    left: 0;
    margin-right: 16px;
    position: relative;
    top: 0;
    width: 20px
}

section.pricing-faqs--module.pricing-theme .rows-wrap .row h3 .arrow-wrap svg {
    position: absolute;
    top: calc(50% - 1px);
    transform: translateY(-50%)
}

section.pricing-faqs--module.pricing-theme .rows-wrap .row h3 .arrow-wrap svg.minus {
    opacity: 0
}

section.pricing-faqs--module.pricing-theme .rows-wrap .row.is-active h3 .arrow-wrap {
    transform: none
}

section.pricing-faqs--module.pricing-theme .rows-wrap .row.is-active h3 .arrow-wrap svg.plus {
    opacity: 0
}

section.pricing-faqs--module.pricing-theme .rows-wrap .row.is-active h3 .arrow-wrap svg.minus {
    opacity: 1
}

section.pricing-faqs--module.pricing-theme .rows-wrap .row.is-active .answer {
    height: fit-content;
    margin: 0;
    max-height: 500px;
    padding: 0 16px 0 52px
}

section.pricing-faqs--module.pricing-theme .rows-wrap .row.is-active .answer:before {
    display: none
}

section.pricing-faqs--module.pricing-theme .rows-wrap .row.is-active .answer a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: none;
    transition: color .15s ease
}

section.pricing-faqs--module.pricing-theme .rows-wrap .row.is-active .answer a:hover {
    color: #1e3a8a
}

section.pricing-faqs--module.pricing-theme .rows-wrap .row.is-active .answer p {
    margin: 16px 0
}

section.pricing-faqs--module.pricing-theme .rows-wrap .row.is-active .answer>:first-child {
    margin-top: -4px
}

section.pricing-faqs--module.pricing-theme .rows-wrap .row.is-active .answer>:last-child {
    margin-bottom: 20px
}

.pricing-plans--module {
    padding: 60px 0
}

.pricing-plans--module .compare-copy {
    margin-top: 15px;
    text-align: center
}

@media screen and (max-width: 700px) {
    .pricing-plans--module .compare-copy {
        margin-top:25px
    }
}

.pricing-plans--module .compare-copy p {
    color: #080817;
    font-size: 18px;
    font-weight: 500
}

@media screen and (max-width: 700px) {
    .pricing-plans--module .compare-copy p {
        font-size:16px
    }
}

.pricing-plans--module .compare-copy a {
    background-color: #4169e1;
    border: 1px solid #4169e1;
    border-radius: 8.00196px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin-top: 13px;
    padding: 12px 25px;
    transition: background-color .3s
}

@media screen and (max-width: 700px) {
    .pricing-plans--module .compare-copy a {
        margin-top:5px
    }
}

.pricing-plans--module .compare-copy a:hover {
    background-color: #fff;
    border: 1px solid #4169e1;
    color: #4169e1
}

.pricing-plans--module h2 {
    color: #080817;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 55px;
    text-align: center
}

@media screen and (max-width: 800px) {
    .pricing-plans--module h2 {
        margin-bottom:15px;
        margin-top: 35px
    }
}

@media screen and (max-width: 700px) {
    .pricing-plans--module h2 {
        font-size:30px;
        margin-top: 30px
    }
}

.pricing-plans--module.calendar .platform-text {
    color: #52525d
}

.pricing-plans--module.calendar .calen-text {
    color: #080817
}

.pricing-plans--module.calendar .plan-calendar-wrap {
    display: block
}

.pricing-plans--module.calendar .plan-calendar-wrap .content {
    flex-direction: row-reverse;
    max-width: 1000px
}

.pricing-plans--module.calendar .plan-calendar-wrap .content img {
    padding-right: 30px
}

@media screen and (max-width: 800px) {
    .pricing-plans--module.calendar .plan-calendar-wrap .content img {
        padding-right:0
    }
}

.pricing-plans--module.calendar .plan-calendar-wrap .check svg path {
    fill: #17c3b2
}

.pricing-plans--module.calendar .plan-flatform-wrap {
    display: none
}

.pricing-plans--module.calendar .option-wrap .switch span {
    background-color: #17c3b2
}

.pricing-plans--module.calendar .plans-nav li.is-active {
    border-bottom: 1px solid #17c3b2
}

.pricing-plans--module .calen-text {
    color: #52525d
}

.pricing-plans--module .platform-text {
    color: #080817
}

.pricing-plans--module .plan-calendar-wrap {
    display: none
}

.pricing-plans--module .option-wrap {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

@media screen and (max-width: 800px) {
    .pricing-plans--module .option-wrap {
        display:block;
        margin-bottom: 30px
    }
}

.pricing-plans--module .option-wrap p {
    font-weight: 600
}

@media screen and (max-width: 800px) {
    .pricing-plans--module .option-wrap p {
        font-size:14px;
        padding: 0 15px
    }
}

.pricing-plans--module .option-wrap .mobile-nav-items {
    display: none
}

@media screen and (max-width: 800px) {
    .pricing-plans--module .option-wrap .mobile-nav-items {
        display:flex;
        justify-content: center;
        width: 100%
    }

    .pricing-plans--module .option-wrap .desktop-item {
        display: none
    }
}

.pricing-plans--module .option-wrap .switch {
    background: #f3f3f3;
    border-radius: 999px;
    cursor: pointer;
    height: 29px;
    margin: 0 25px;
    position: relative;
    width: 89px
}

@media screen and (max-width: 800px) {
    .pricing-plans--module .option-wrap .switch {
        margin:0 auto
    }
}

.pricing-plans--module .option-wrap .switch span {
    background-color: #4169e1;
    border-radius: 50%;
    display: inline-block;
    height: 20px;
    left: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s ease;
    width: 20px
}

.pricing-plans--module .option-wrap .switch.off span {
    left: inherit;
    right: 8px
}

.pricing-plans--module .copy {
    margin: 0 auto;
    max-width: 635px;
    text-align: center
}

.pricing-plans--module .copy p {
    color: #52525d;
    font-size: 16px
}

@media screen and (max-width: 700px) {
    .pricing-plans--module .copy p {
        font-size:14px;
        line-height: 20px
    }
}

.pricing-plans--module .plans-nav {
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 35px auto 50px;
    max-width: 500px;
    padding: 0
}

@media screen and (max-width: 800px) {
    .pricing-plans--module .plans-nav {
        margin:35px auto 20px
    }
}

.pricing-plans--module .plans-nav li {
    border-bottom: 1px solid transparent;
    color: #52525d;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    text-align: center
}

@media screen and (max-width: 700px) {
    .pricing-plans--module .plans-nav li {
        font-size:14px
    }
}

.pricing-plans--module .plans-nav li.is-active {
    border-bottom: 1px solid #4169e1;
    color: #080817
}

.pricing-plans--module .plans-contents .content {
    align-items: center;
    display: none;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px auto;
    max-width: 920px
}

.pricing-plans--module .plans-contents .content.is-active {
    display: flex
}

.pricing-plans--module .plans-contents article {
    width: 37%
}

@media screen and (max-width: 800px) {
    .pricing-plans--module .plans-contents article {
        width:100%
    }
}

.pricing-plans--module .plans-contents article p {
    color: #080817;
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 10px
}

.pricing-plans--module .plans-contents .arrow-link {
    color: #080817;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    position: relative
}

.pricing-plans--module .plans-contents .arrow-link:hover svg {
    right: -25px
}

.pricing-plans--module .plans-contents .arrow-link svg {
    position: absolute;
    right: -20px;
    top: 5px;
    transition: all .5s ease
}

.pricing-plans--module .plans-contents img {
    object-fit: cover;
    width: 59%
}

@media screen and (max-width: 800px) {
    .pricing-plans--module .plans-contents img {
        display:block;
        margin-top: 20px;
        width: 100%
    }
}

.pricing-plans--module .plans-contents ul {
    list-style: none;
    margin-bottom: 55px;
    padding-left: 0
}

@media screen and (max-width: 800px) {
    .pricing-plans--module .plans-contents ul {
        margin-bottom:35px
    }
}

.pricing-plans--module .plans-contents li {
    color: #ceced1;
    font-size: 18px;
    margin-bottom: 20px;
    padding-left: 38px;
    position: relative
}

@media screen and (max-width: 700px) {
    .pricing-plans--module .plans-contents li {
        font-size:16px;
        margin-bottom: 15px
    }
}

.pricing-plans--module .plans-contents li.check {
    color: #080817;
    font-weight: 500
}

.pricing-plans--module .plans-contents li svg {
    left: 0;
    position: absolute;
    top: -2px
}

.pricing-table-module {
    padding-top: 45px
}

@media screen and (max-width: 700px) {
    .pricing-table-module .main-container {
        padding-right:0
    }
}

.pricing-table-module.calendar .tables-wrap .table.calendar-table {
    display: block
}

.pricing-table-module.calendar .tables-wrap .platform-table {
    display: none
}

.pricing-table-module.calendar .platform-text {
    color: #83838b
}

.pricing-table-module.calendar .calen-text {
    color: #080817
}

.pricing-table-module .calen-text {
    color: #83838b
}

.pricing-table-module .platform-text {
    color: #080817
}

.pricing-table-module .option-wrap {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

@media screen and (max-width: 800px) {
    .pricing-table-module .option-wrap {
        display:block;
        margin-bottom: 30px
    }
}

@media screen and (max-width: 700px) {
    .pricing-table-module .option-wrap {
        padding-right:25px
    }
}

.pricing-table-module .option-wrap p {
    font-weight: 600
}

@media screen and (max-width: 800px) {
    .pricing-table-module .option-wrap p {
        font-size:14px;
        padding: 0 15px
    }
}

.pricing-table-module .option-wrap .mobile-nav-items {
    display: none
}

@media screen and (max-width: 800px) {
    .pricing-table-module .option-wrap .mobile-nav-items {
        display:flex;
        justify-content: center;
        width: 100%
    }

    .pricing-table-module .option-wrap .desktop-item {
        display: none
    }
}

.pricing-table-module .option-wrap .switch {
    background: #f3f3f3;
    border-radius: 999px;
    cursor: pointer;
    height: 29px;
    margin: 0 25px;
    position: relative;
    width: 89px
}

@media screen and (max-width: 800px) {
    .pricing-table-module .option-wrap .switch {
        margin:0 auto
    }
}

.pricing-table-module .option-wrap .switch span {
    background-color: #4169e1;
    border-radius: 50%;
    display: inline-block;
    height: 20px;
    left: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s ease;
    width: 20px
}

.pricing-table-module .option-wrap .switch.off span {
    background-color: #17c3b2;
    left: inherit;
    right: 8px
}

.pricing-table-module .copy {
    margin: 25px auto;
    max-width: 522px
}

@media screen and (max-width: 700px) {
    .pricing-table-module .copy {
        padding-right:25px
    }
}

.pricing-table-module .copy p {
    color: #52525d;
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

.pricing-table-module .tables-wrap {
    margin-bottom: 40px;
    margin-top: 50px
}

@media screen and (max-width: 1140px) {
    .pricing-table-module .tables-wrap {
        overflow-x:scroll
    }
}

@media screen and (max-width: 700px) {
    .pricing-table-module .tables-wrap {
        box-shadow:0 10px 30px rgba(0,0,0,.1);
        margin-top: 35px
    }
}

.pricing-table-module .tables-wrap .table {
    border-radius: 3px;
    box-shadow: 0 10px 30px rgba(0,0,0,.1);
    min-width: 950px;
    width: 100%
}

.pricing-table-module .tables-wrap .table.calendar-table {
    display: none
}

.pricing-table-module .tables-wrap .table.calendar-table .top-row {
    background-color: #17c3b2
}

.pricing-table-module .tables-wrap .table.calendar-table .top-row .col:not(:last-child) {
    border-right: 1px solid #7c9c95
}

.pricing-table-module .tables-wrap .table.calendar-table .title-wrap {
    background: rgba(23,195,178,.5)
}

.pricing-table-module .tables-wrap .table.calendar-table h3 {
    color: #080817
}

.pricing-table-module .tables-wrap .table.calendar-table .col .info svg circle {
    fill: #17c3b2
}

.pricing-table-module .tables-wrap .table.calendar-table .col .info svg path {
    fill: #fff
}

.pricing-table-module .tables-wrap .table.calendar-table .col svg path {
    fill: #17c3b2
}

.pricing-table-module .tables-wrap .top-row {
    align-items: center;
    background: #4169e1;
    display: flex
}

.pricing-table-module .tables-wrap .top-row .col:first-of-type h3 {
    font-size: 24px;
    font-weight: 600
}

@media screen and (max-width: 700px) {
    .pricing-table-module .tables-wrap .top-row .col:first-of-type h3 {
        font-size:18px
    }
}

.pricing-table-module .tables-wrap .top-row .col:not(:last-child) {
    border-right: 1px solid #484a63
}

.pricing-table-module .tables-wrap .row {
    background-color: #fff;
    display: flex;
    width: 100%
}

.pricing-table-module .tables-wrap .row.light-grey {
    background-color: #f6f8fe
}

.pricing-table-module .tables-wrap .title-wrap {
    background: rgba(65,105,255,.5)
}

.pricing-table-module .tables-wrap .title-wrap .col {
    display: block;
    padding: 15px 35px;
    width: 100%!important
}

@media screen and (max-width: 700px) {
    .pricing-table-module .tables-wrap .title-wrap p {
        font-size:14px
    }

    .pricing-table-module .tables-wrap .title-wrap .sub-head {
        font-size: 15px
    }
}

.pricing-table-module .tables-wrap h3,.pricing-table-module .tables-wrap h4,.pricing-table-module .tables-wrap h5,.pricing-table-module .tables-wrap p {
    margin: 0
}

.pricing-table-module .tables-wrap h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 600
}

@media screen and (max-width: 700px) {
    .pricing-table-module .tables-wrap h3 {
        font-size:18px
    }
}

.pricing-table-module .tables-wrap .sub-head,.pricing-table-module .tables-wrap h4,.pricing-table-module .tables-wrap h5 {
    color: #080817;
    font-size: 16px;
    font-weight: 600
}

@media screen and (max-width: 700px) {
    .pricing-table-module .tables-wrap .sub-head,.pricing-table-module .tables-wrap h4,.pricing-table-module .tables-wrap h5 {
        font-size:16px
    }
}

.pricing-table-module .tables-wrap p {
    color: #080817;
    font-size: 16px;
    line-height: 24px
}

@media screen and (max-width: 700px) {
    .pricing-table-module .tables-wrap p {
        font-size:14px;
        line-height: 20px
    }
}

.pricing-table-module .tables-wrap .col {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 20px 35px;
    text-align: center;
    width: 20%
}

@media screen and (max-width: 700px) {
    .pricing-table-module .tables-wrap .col {
        padding:18px 35px
    }
}

.pricing-table-module .tables-wrap .col:first-child {
    justify-content: space-between;
    padding-right: 60px;
    position: relative;
    text-align: left;
    width: 40%
}

@media screen and (max-width: 700px) {
    .pricing-table-module .tables-wrap .col:first-child {
        padding-right:35px
    }

    .pricing-table-module .tables-wrap .col:first-child .info {
        left: 0;
        right: inherit
    }

    .pricing-table-module .tables-wrap .col:first-child:hover .info-box {
        display: block
    }
}

.pricing-table-module .tables-wrap .col .info {
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 35px;
    top: 27px;
    width: 20px
}

@media screen and (max-width: 700px) {
    .pricing-table-module .tables-wrap .col .info {
        right:55px;
        top: 23px
    }

    .pricing-table-module .tables-wrap .col .info svg {
        display: none
    }
}

.pricing-table-module .tables-wrap .col .info:hover .info-box {
    display: block
}

.pricing-table-module .tables-wrap .col .info-box {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 4px 24px rgba(0,0,0,.25);
    display: none;
    padding: 25px 35px;
    pointer-events: none;
    position: absolute;
    right: -292px;
    top: -64px;
    width: 270px;
    z-index: 1
}

@media screen and (max-width: 700px) {
    .pricing-table-module .tables-wrap .col .info-box {
        left:35px;
        right: inherit;
        top: 37px;
        width: 260px
    }
}

.pricing-table-module .tables-wrap .col .info-box p {
    color: #52525d;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    position: relative
}

.pricing-table-module .tables-wrap .col .info-box p:after {
    background: #fff;
    content: "";
    height: 12px;
    left: -40px;
    position: absolute;
    top: 44px;
    transform: rotate(45deg);
    width: 12px
}

@media screen and (max-width: 700px) {
    .pricing-table-module .tables-wrap .col .info-box p:after {
        left:-24px;
        top: -30px
    }
}

.pricing-table-module .tables-wrap .col:not(:last-child) {
    border-right: 1px solid #eee
}

@media screen and (max-width: 700px) {
    .page-template-template-compare .request-demo-section h2 {
        font-size:24px
    }

    .page-template-template-compare .request-demo-section p {
        color: #fff;
        font-size: 14px;
        line-height: 20px
    }
}

section.compare-hero--module {
    margin-bottom: 150px;
    padding-bottom: 150px!important;
    padding-top: 65px;
    position: relative
}

@media screen and (max-width: 700px) {
    section.compare-hero--module {
        padding-top:75px!important
    }
}

section.compare-hero--module .hero-bg {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

section.compare-hero--module h1 {
    color: #fff;
    font-size: 48px;
    font-weight: 600;
    line-height: 64px;
    margin-top: 20px
}

@media screen and (max-width: 700px) {
    section.compare-hero--module h1 {
        font-size:30px;
        line-height: 40px
    }
}

section.compare-hero--module .copy {
    color: #fff;
    font-weight: 600
}

@media screen and (max-width: 700px) {
    section.compare-hero--module .copy {
        font-size:16px;
        font-weight: 400
    }
}

section.compare-hero--module article {
    margin: 0 auto;
    max-width: 660px;
    position: relative;
    text-align: center;
    z-index: 1
}

section.compare-hero--module .btn-wrap {
    margin-top: 25px
}

section.compare-hero--module .btn-wrap a {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 8.00196px;
    color: #4169e1;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 13px 35px;
    transition: background-color .3s
}

section.compare-hero--module .btn-wrap a:hover {
    background-color: #4169e1;
    border: 1px solid #fff;
    color: #fff
}

section.compare-hero--module .row {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 21.2187px 28.2916px rgba(0,0,0,.05);
    display: flex;
    flex-wrap: wrap;
    margin: 35px auto -300px;
    padding: 35px 25px 45px;
    position: relative;
    width: 100%;
    z-index: 2
}

@media screen and (max-width: 700px) {
    section.compare-hero--module .row {
        margin-top:45px;
        padding: 25px 25px 35px
    }
}

section.compare-hero--module .col {
    padding: 0 35px 20px;
    text-align: center;
    width: 33.3333333333%
}

@media screen and (max-width: 900px) {
    section.compare-hero--module .col {
        width:100%
    }
}

@media screen and (max-width: 700px) {
    section.compare-hero--module .col {
        padding:0 0 15px
    }
}

section.compare-hero--module .col:not(:last-child) {
    border-right: 1px solid #eee
}

@media screen and (max-width: 900px) {
    section.compare-hero--module .col:not(:last-child) {
        border-right:none
    }
}

section.compare-hero--module .col:not(:last-child) figure {
    position: relative
}

section.compare-hero--module .col:not(:last-child) figure:before {
    background-color: #fff;
    content: "";
    height: 100%;
    position: absolute;
    right: -36px;
    top: 0;
    width: 3px;
    z-index: 4
}

@media screen and (max-width: 900px) {
    section.compare-hero--module .col:not(:last-child) figure:before {
        content:none
    }
}

section.compare-hero--module .col figure {
    margin: 0;
    padding-top: 20px
}

section.compare-hero--module .col img {
    display: inline-block;
    margin: 0 auto;
    max-width: 62px;
    object-fit: cover
}

section.compare-hero--module .col h3 {
    color: #080817;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 10px
}

@media screen and (max-width: 700px) {
    section.compare-hero--module .col h3 {
        font-size:18px;
        margin-bottom: 5px;
        margin-top: 5px
    }
}

section.compare-hero--module .col p {
    color: #52525d;
    font-size: 15px;
    line-height: 24px;
    margin-left: auto;
    margin-right: auto;
    max-width: 306px
}

@media screen and (max-width: 900px) {
    section.compare-hero--module .col p {
        max-width:100%
    }
}

@media screen and (max-width: 700px) {
    section.compare-hero--module .col p {
        font-size:14px;
        line-height: 20px
    }
}

section.pricing-table-module-2024:not(.container) {
    padding: 128px 0!important
}

@media screen and (max-width: 700px) {
    section.pricing-table-module-2024:not(.container) {
        margin:0 -17px;
        padding: 65px 0!important
    }
}

section.pricing-table-module-2024:not(.container) .pricing-table-module-2024-wrap {
    margin: 0 auto;
    max-width: 1184px
}

section.pricing-table-module-2024:not(.container) .calen-text {
    color: #83838b
}

section.pricing-table-module-2024:not(.container) .platform-text {
    color: #080817
}

@media screen and (max-width: 700px) {
    section.pricing-table-module-2024:not(.container) .intro-wrap {
        padding:15px 17px 24px
    }
}

section.pricing-table-module-2024:not(.container) .intro-wrap h2 {
    color: #293056;
    font-weight: 600;
    line-height: 125%
}

section.pricing-table-module-2024:not(.container) .intro-wrap p {
    color: #3e4784;
    font-size: 16px;
    line-height: 150%;
    margin: 8px 0 0;
    max-width: 424px
}

section.pricing-table-module-2024:not(.container) .intro-wrap p strong {
    color: #293056;
    font-weight: 600
}

section.pricing-table-module-2024:not(.container) .sticky-section-wrap {
    width: 100%
}

section.pricing-table-module-2024:not(.container) .sticky-section-wrap.is--fixed {
    background-color: #f8f9fc;
    box-shadow: 0 4px 6px -2px rgba(13,15,28,.05),0 10px 15px -3px rgba(13,15,28,.1);
    position: fixed;
    z-index: 2
}

section.pricing-table-module-2024:not(.container) .sticky-section-wrap.is--fixed .table-top {
    position: relative
}

section.pricing-table-module-2024:not(.container) .table-top {
    display: flex;
    width: 100%
}

@media screen and (max-width: 1160px) {
    section.pricing-table-module-2024:not(.container) .table-top {
        align-items:flex-end;
        flex-direction: column
    }
}

section.pricing-table-module-2024:not(.container) .table-top .pricing--switch {
    align-self: flex-end;
    background-color: #f8f9fc;
    border: 1px solid #b3b8d8;
    border-radius: 12px;
    cursor: pointer;
    display: block;
    flex: 1;
    margin: 0 0 16px;
    min-width: calc(46% - 32px);
    padding: 4px;
    transition: background-color .3s ease
}

@media screen and (max-width: 1160px) {
    section.pricing-table-module-2024:not(.container) .table-top .pricing--switch {
        margin:24px 0;
        min-width: 344px;
        width: calc(46% - 32px)
    }
}

@media screen and (max-width: 700px) {
    section.pricing-table-module-2024:not(.container) .table-top .pricing--switch {
        width:100%
    }
}

section.pricing-table-module-2024:not(.container) .table-top .pricing--switch:hover {
    background-color: #eaecf5;
    border-color: #717bbc
}

#comments .form-submit section.pricing-table-module-2024:not(.container) .table-top .pricing--switch input,section.pricing-table-module-2024:not(.container) .table-top .pricing--switch #comments .form-submit input,section.pricing-table-module-2024:not(.container) .table-top .pricing--switch .mono {
    letter-spacing: 0
}

section.pricing-table-module-2024:not(.container) .table-top .pricing--switch-wrapper {
    display: flex;
    gap: 4px;
    justify-content: space-between;
    position: relative
}

section.pricing-table-module-2024:not(.container) .table-top .pricing--switch-highlight {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(13,15,28,.06),0 1px 3px 0 rgba(13,15,28,.1);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateX(0);
    transition: transform .3s ease-in-out;
    width: calc(50% - 4px);
    z-index: 1
}

section.pricing-table-module-2024:not(.container) .table-top .pricing--switch-box {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center;
    padding: 12px 0;
    position: relative;
    width: 50%;
    z-index: 2
}

section.pricing-table-module-2024:not(.container) .table-top .pricing--switch-box .heading-s {
    align-items: center;
    color: #293056;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    line-height: 125%
}

section.pricing-table-module-2024:not(.container) .table-top .pricing--switch-box .heading-s svg {
    margin-right: 12px
}

section.pricing-table-module-2024:not(.container) .table-top-right {
    display: flex;
    margin-left: 32px;
    min-width: 192px;
    text-align: center;
    transform: translateX(-1px);
    width: 54%
}

section.pricing-table-module-2024:not(.container) .table-top-tabs {
    border-left: 1px solid #eaecf5;
    min-width: 33.33%;
    padding: 16px
}

@media screen and (max-width: 768px) {
    section.pricing-table-module-2024:not(.container) .table-top-tabs {
        padding:16px 6px
    }
}

section.pricing-table-module-2024:not(.container) .table-top-tabs .hs--body {
    color: #293056;
    font-weight: 600;
    line-height: 125%;
    margin: 0 0 8px
}

@media screen and (max-width: 768px) {
    section.pricing-table-module-2024:not(.container) .table-top-tabs .hs--body {
        font-size:14px;
        line-height: 150%
    }
}

section.pricing-table-module-2024:not(.container) .table-top-tabs p {
    margin: 0
}

section.pricing-table-module-2024:not(.container) .table-top-tabs .price {
    color: #293056;
    font-size: 22px;
    font-weight: 600;
    left: 50%;
    line-height: 125%;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .15s ease
}

@media screen and (max-width: 768px) {
    section.pricing-table-module-2024:not(.container) .table-top-tabs .price {
        font-size:14px;
        line-height: 150%
    }
}

section.pricing-table-module-2024:not(.container) .table-top-tabs .price-container {
    height: 27.5px;
    position: relative
}

@media screen and (max-width: 768px) {
    section.pricing-table-module-2024:not(.container) .table-top-tabs .price-container {
        height:21px
    }
}

section.pricing-table-module-2024:not(.container) .table-top-tabs .price.calendar {
    opacity: 0
}

section.pricing-table-module-2024:not(.container) .table-top-tabs .per {
    color: #3e4784;
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 12px
}

@media screen and (max-width: 768px) {
    section.pricing-table-module-2024:not(.container) .table-top-tabs .per {
        display:none
    }
}

section.pricing-table-module-2024:not(.container) .table-top-tabs .table-button {
    align-items: center;
    background-color: #3e4784;
    border-radius: 12px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    line-height: 14px;
    padding: 13px 16px;
    transition: background-color .15s ease;
    width: 100%
}

@media screen and (max-width: 768px) {
    section.pricing-table-module-2024:not(.container) .table-top-tabs .table-button {
        display:none
    }
}

section.pricing-table-module-2024:not(.container) .table-top-tabs .table-button:hover {
    background-color: #363f72
}

section.pricing-table-module-2024:not(.container) .table-top-tabs .table-button:focus {
    background-color: #293056
}

@media screen and (max-width: 700px) {
    section.pricing-table-module-2024:not(.container) .table-top-tabs:first-of-type {
        border:none
    }
}

section.pricing-table-module-2024:not(.container) .table-top-tabs:first-of-type .table-button {
    background-color: #2563eb
}

section.pricing-table-module-2024:not(.container) .table-top-tabs:first-of-type .table-button:hover {
    background-color: #1d4ed8
}

section.pricing-table-module-2024:not(.container) .table-top-tabs:first-of-type .table-button:focus {
    background-color: #1e40af
}

section.pricing-table-module-2024:not(.container) .tables-wrap .table {
    width: 100%
}

section.pricing-table-module-2024:not(.container) .tables-wrap .table.calendar-table {
    display: none
}

section.pricing-table-module-2024:not(.container) .tables-wrap .table.calendar-table .title-wrap {
    background: #fdf2f8
}

section.pricing-table-module-2024:not(.container) .tables-wrap .table.calendar-table .col:nth-child(2) p {
    color: #db2777
}

section.pricing-table-module-2024:not(.container) .tables-wrap .table.calendar-table .col:nth-child(2) svg path {
    fill: #db2777
}

section.pricing-table-module-2024:not(.container) .tables-wrap .row {
    background-color: #fff;
    display: flex;
    width: 100%
}

section.pricing-table-module-2024:not(.container) .tables-wrap .row:not(:last-of-type) {
    border-bottom: 1px solid #eaecf5
}

section.pricing-table-module-2024:not(.container) .tables-wrap .title-wrap {
    background: #f8f9fc
}

section.pricing-table-module-2024:not(.container) .tables-wrap .title-wrap .col {
    display: block;
    padding: 16px;
    width: 100%!important
}

section.pricing-table-module-2024:not(.container) .tables-wrap h3,section.pricing-table-module-2024:not(.container) .tables-wrap h4,section.pricing-table-module-2024:not(.container) .tables-wrap h5,section.pricing-table-module-2024:not(.container) .tables-wrap p {
    margin: 0
}

section.pricing-table-module-2024:not(.container) .tables-wrap h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 600
}

section.pricing-table-module-2024:not(.container) .tables-wrap .sub-head,section.pricing-table-module-2024:not(.container) .tables-wrap h4,section.pricing-table-module-2024:not(.container) .tables-wrap h5 {
    color: #293056;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%
}

section.pricing-table-module-2024:not(.container) .tables-wrap p {
    color: #3e4784;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%
}

section.pricing-table-module-2024:not(.container) .tables-wrap .col {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 16px;
    text-align: center;
    width: 18%
}

@media screen and (max-width: 768px) {
    section.pricing-table-module-2024:not(.container) .tables-wrap .col {
        min-width:48px;
        padding: 16px 8px;
        text-align: left
    }
}

section.pricing-table-module-2024:not(.container) .tables-wrap .col:first-child {
    justify-content: space-between;
    padding-right: 24px;
    text-align: left;
    width: 46%
}

@media screen and (max-width: 700px) {
    section.pricing-table-module-2024:not(.container) .tables-wrap .col:first-child {
        padding-left:16px
    }
}

section.pricing-table-module-2024:not(.container) .tables-wrap .col:first-child p {
    font-size: 16px;
    font-weight: 400
}

section.pricing-table-module-2024:not(.container) .tables-wrap .col:first-child p.sub-head {
    color: #293056;
    font-size: 18px;
    font-weight: 600;
    line-height: 125%
}

section.pricing-table-module-2024:not(.container) .tables-wrap .col:first-child p.has-info {
    cursor: pointer
}

section.pricing-table-module-2024:not(.container) .tables-wrap .col:first-child p.has-info:hover .info-box {
    opacity: 0
}

@media(hover: hover)and (pointer:fine) {
    section.pricing-table-module-2024:not(.container) .tables-wrap .col:first-child p.has-info:hover .info-box {
        opacity:1
    }
}

section.pricing-table-module-2024:not(.container) .tables-wrap .col:first-child p.has-info.active .info-box {
    opacity: 1
}

section.pricing-table-module-2024:not(.container) .tables-wrap .col:first-child p.has-info.active .info-box.fold {
    z-index: 1
}

section.pricing-table-module-2024:not(.container) .tables-wrap .col:first-child p.has-info.fade .info-box {
    opacity: 0
}

section.pricing-table-module-2024:not(.container) .tables-wrap .col:nth-child(2) svg path {
    fill: #2563eb
}

section.pricing-table-module-2024:not(.container) .tables-wrap .col:nth-child(2) p {
    color: #2563eb
}

section.pricing-table-module-2024:not(.container) .tables-wrap .col .info {
    padding-left: 4px;
    padding-top: 3px;
    position: absolute
}

section.pricing-table-module-2024:not(.container) .tables-wrap .col .info-box {
    background-color: #293056;
    border-radius: 16px;
    left: 32px;
    margin-top: -3px;
    opacity: 0;
    padding: 16px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .3s ease;
    width: 363px;
    z-index: 3
}

@media screen and (max-width: 700px) {
    section.pricing-table-module-2024:not(.container) .tables-wrap .col .info-box {
        max-width:200px
    }
}

section.pricing-table-module-2024:not(.container) .tables-wrap .col .info-box-text {
    color: #d5d9eb;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    position: relative
}

section.pricing-table-module-2024:not(.container) .tables-wrap .col .info-box-text.heading {
    color: #fff;
    font-weight: 600;
    margin-bottom: 4px
}

section.pricing-table-module-2024:not(.container) .tables-wrap .col .info-box-text-wrap {
    display: block;
    height: 100%;
    position: relative;
    width: 100%
}

section.pricing-table-module-2024:not(.container) .tables-wrap .col .info-box-text-wrap:after {
    background: #293056;
    content: "";
    height: 16px;
    left: -30px;
    position: absolute;
    rotate: 45deg;
    top: 50%;
    transform: translateY(-50%);
    width: 16px
}

section.pricing-table-module-2024:not(.container) .tables-wrap .col:not(:last-child) {
    border-right: 1px solid #eee
}

section.pricing-table-module-2024:not(.container).calendar .pricing--switch-highlight {
    transform: translateX(calc(100% + 8px))
}

section.pricing-table-module-2024:not(.container).calendar .price {
    opacity: 0
}

section.pricing-table-module-2024:not(.container).calendar .price.calendar {
    opacity: 1
}

section.pricing-table-module-2024:not(.container).calendar .tables-wrap .table.calendar-table {
    display: block
}

section.pricing-table-module-2024:not(.container).calendar .tables-wrap .platform-table {
    display: none
}

section.pricing-table-module-2024:not(.container).calendar .table-top-tabs:first-of-type .table-button {
    background-color: #ec4899
}

section.pricing-table-module-2024:not(.container).calendar .table-top-tabs:first-of-type .table-button:hover {
    background-color: #db2777
}

section.pricing-table-module-2024:not(.container).calendar .table-top-tabs:first-of-type .table-button:focus {
    background-color: #be185d
}

section.pricing-table-module-2024:not(.container) .footnotes {
    margin-top: 32px
}

section.pricing-table-module-2024:not(.container) .footnotes ul {
    list-style: none;
    margin: 0;
    padding: 0
}

section.pricing-table-module-2024:not(.container) .footnotes ul li {
    color: #3e4784;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px
}

section.pricing-table-module-2024:not(.container) .footnotes ul li:not(:last-of-type) {
    margin-bottom: 8px
}

section.pricing-table-module-2024:not(.container) .footnotes ul li sup {
    font-size: 8px;
    font-weight: 900;
    margin-right: 3px;
    position: relative;
    top: 1px
}

.page-template-template-pricing-2024 .main-header .menu-item {
    color: #3e4784
}

.page-template-template-pricing-2024 .main-header .button-link {
    background-color: #2563eb;
    border-color: #2563eb
}

.page-template-template-pricing-2024 .main-header .button-link:hover {
    background-color: #1d4ed8;
    border-color: #1d4ed8;
    color: #fff
}

.page-template-template-pricing-2024 .main-header .button-link:focus {
    background-color: #1e40af;
    border-color: #1e40af;
    color: #fff
}

.page-template-template-pricing-2024 .main-header .button-link#menu-item-12073 {
    background-color: transparent;
    border-color: #3e4784;
    color: #3e4784
}

.page-template-template-pricing-2024 .main-header .button-link#menu-item-12073:hover {
    border-width: 2px;
    color: #3e4784;
    padding: 9px 0
}

.page-template-template-pricing-2024 .main-header .button-link#menu-item-12073:hover a {
    color: #3e4784;
    padding: 9px 29px
}

.page-template-template-pricing-2024 .main-header .button-link#menu-item-12073:hover a:focus {
    border-radius: 7px;
    padding: 9px 28px
}

.page-template-template-pricing-2024 .main-header .button-link#menu-item-12073 a:focus {
    border: 1px solid #3e4784;
    border-radius: 9px;
    color: #3e4784;
    padding: 10px 29px
}

.page-template-template-pricing-2024.calendar .main-header .main-logo img {
    filter: brightness(.7) grayscale(.2)
}

.page-template-template-pricing-2024.calendar .main-header .button-link:not(#menu-item-12073) {
    background-color: #ec4899;
    border-color: #ec4899
}

.page-template-template-pricing-2024.calendar .main-header .button-link:not(#menu-item-12073):hover {
    background-color: #db2777;
    border-color: #db2777;
    color: #fff
}

.page-template-template-pricing-2024.calendar .main-header .button-link:not(#menu-item-12073):focus {
    background-color: #be185d;
    border-color: #be185d;
    color: #fff
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new .intro-wrap h2 {
    font-size: 18px;
    text-align: center
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new .table-top-tabs .hs--body {
    font-size: 15px;
    margin: 0
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new a.table-button.table-button.table-button.table-button {
    background-color: #fff;
    border: 1px solid #446dde;
    border-radius: 4px;
    color: #446dde;
    display: block;
    font-weight: 600;
    margin: 0 auto;
    padding: 10px 26px;
    text-align: center;
    transition: all .15s ease-in-out;
    white-space: nowrap;
    width: max-content
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new .table-top-tabs:last-child a.table-button.table-button.table-button.table-button,section.pricing-table-module-2024--new.pricing-table-module-2024--new a.table-button.table-button.table-button.table-button:focus,section.pricing-table-module-2024--new.pricing-table-module-2024--new a.table-button.table-button.table-button.table-button:hover {
    background-color: #446dde;
    color: #fff
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new .table-top-tabs:last-child a.table-button.table-button.table-button.table-button:focus,section.pricing-table-module-2024--new.pricing-table-module-2024--new .table-top-tabs:last-child a.table-button.table-button.table-button.table-button:hover {
    background-color: #2253db;
    color: #fff
}

@media screen and (max-width: 480px) {
    section.pricing-table-module-2024--new.pricing-table-module-2024--new a.table-button.table-button.table-button.table-button {
        padding-left:10px;
        padding-right: 10px
    }
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new .pricing--switch.pricing--switch {
    display: none
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new .table-top {
    align-items: center;
    flex-direction: row;
    justify-content: flex-end
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new .col.col.col,section.pricing-table-module-2024--new.pricing-table-module-2024--new .row.row.row,section.pricing-table-module-2024--new.pricing-table-module-2024--new .table-top-tabs {
    border: none
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new .tables-wrap .title-wrap {
    background-color: #eaf3fe
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new .rows .row:nth-child(2n) {
    background-color: #f8f9fc
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new .table-top-right {
    width: 75%
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new .pricing--switch.pricing--switch {
    min-width: calc(25% - 32px)
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new .tables-wrap .col.col {
    width: 25%
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new .info-box.info-box.info-box.info-box,section.pricing-table-module-2024--new.pricing-table-module-2024--new .info-box.info-box.info-box.info-box .info-box-text-wrap:after {
    background-color: #2e4483
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new .info-box.info-box.info-box.info-box .info-box-text {
    color: #fff
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new .check-mark.check-mark.check-mark.check-mark.check-mark path {
    fill: transparent
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new .check-mark-x.check-mark-x.check-mark-x.check-mark-x.check-mark-x.check-mark-x path {
    fill: initial
}

@media screen and (max-width: 700px) {
    section.pricing-table-module-2024--new.pricing-table-module-2024--new .table-top-right {
        margin-left:0;
        width: 100%
    }

    section.pricing-table-module-2024--new.pricing-table-module-2024--new .row.row.row {
        flex-wrap: wrap
    }

    section.pricing-table-module-2024--new.pricing-table-module-2024--new .tables-wrap .col.col {
        width: 33.33%
    }

    section.pricing-table-module-2024--new.pricing-table-module-2024--new .tables-wrap .col.col:first-child {
        width: 100%
    }
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new .table-top-tabs {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-left: 4px;
    padding-right: 4px
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new .table-top-tabs .per,section.pricing-table-module-2024--new.pricing-table-module-2024--new .table-top-tabs .price-container {
    display: none
}

@media screen and (max-width: 1200px) {
    section.pricing-table-module-2024--new.pricing-table-module-2024--new .table-top-tabs {
        align-items:center;
        flex-direction: column;
        gap: 10px
    }
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new .features-title {
    align-items: center;
    display: flex;
    font-weight: 500;
    justify-content: flex-start;
    min-width: 25%;
    padding-left: 20px
}

@media screen and (max-width: 700px) {
    section.pricing-table-module-2024--new.pricing-table-module-2024--new .features-title {
        display:none
    }
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new .platform-table>.rows {
    overflow-y: hidden;
    transition: height .35s ease-in-out
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new .platform-table>.title-wrap {
    pointer-events: none
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new .platform-table>.title-wrap:has(+.rows) {
    cursor: pointer;
    pointer-events: auto
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new .platform-table>.title-wrap:has(+.rows) .sub-head {
    align-items: center;
    display: flex;
    justify-content: space-between
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new .platform-table>.rows[style*="height: 0px"] .info {
    display: none!important
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new .platform-table>.title-wrap:has(+.rows) .toggle-icon {
    display: block;
    transition: transform .35s ease-in-out
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new .toggle-icon.rotate-180 {
    transform: rotate(180deg)
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new .row,section.pricing-table-module-2024--new.pricing-table-module-2024--new .title-wrap {
    border-radius: 5px
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new .rows {
    margin-bottom: 14px
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new .sticky-section-wrap:not(.is--fixed) {
    left: 0!important;
    position: relative;
    top: 0!important
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new .sticky-section-wrap:not(.is--fixed) .table-tops-shaddow {
    bottom: -30px;
    left: 0;
    overflow-x: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

section.pricing-table-module-2024--new.pricing-table-module-2024--new .sticky-section-wrap:not(.is--fixed) .table-tops-shaddow:before {
    bottom: 30px;
    box-shadow: 0 4px 6px -2px rgba(13,15,28,.05),0 10px 15px -3px rgba(13,15,28,.1);
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

section.pricing--hero-module-2024:not(.container) {
    background-color: #f8f9fc;
    padding: 160px 0 128px!important
}

@media only screen and (max-width: 768px) {
    section.pricing--hero-module-2024:not(.container) {
        height:1490px;
        padding: 128px 0 64px!important
    }
}

@media screen and (min-width: 769px) {
    section.pricing--hero-module-2024:not(.container) {
        height:1290px
    }
}

@media screen and (min-width: 1116px) {
    section.pricing--hero-module-2024:not(.container) {
        height:950px
    }
}

@media screen and (max-width: 700px) {
    section.pricing--hero-module-2024:not(.container) .main-container {
        padding:0 24px
    }
}

section.pricing--hero-module-2024:not(.container) .top-wrap {
    text-align: center
}

@media screen and (max-width: 768px) {
    section.pricing--hero-module-2024:not(.container) .top-wrap {
        text-align:left
    }
}

section.pricing--hero-module-2024:not(.container) .top-wrap p {
    color: #3e4784;
    line-height: 150%;
    margin: 4px 0 0
}

@media screen and (max-width: 768px) {
    section.pricing--hero-module-2024:not(.container) .top-wrap p {
        font-size:16px
    }
}

section.pricing--hero-module-2024:not(.container) h1 {
    color: #293056;
    font-size: 36px;
    font-weight: 600;
    line-height: 125%
}

section.pricing--hero-module-2024:not(.container) .pricing--switch {
    background-color: #f8f9fc;
    border: 1px solid #b3b8d8;
    border-radius: 16px;
    cursor: pointer;
    display: block;
    margin: 48px auto;
    max-width: 587px;
    padding: 8px;
    transition: background-color .3s ease;
    width: 100%
}

@media screen and (max-width: 768px) {
    section.pricing--hero-module-2024:not(.container) .pricing--switch {
        margin:24px 0
    }
}

section.pricing--hero-module-2024:not(.container) .pricing--switch:hover {
    background-color: #eaecf5;
    border-color: #717bbc
}

section.pricing--hero-module-2024:not(.container) .pricing--switch-wrapper {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    position: relative
}

section.pricing--hero-module-2024:not(.container) .pricing--switch-highlight {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 2px 0 rgba(13,15,28,.06),0 1px 3px 0 rgba(13,15,28,.1);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateX(0);
    transition: transform .3s ease-in-out;
    width: calc(50% - 8px);
    z-index: 1
}

section.pricing--hero-module-2024:not(.container) .pricing--switch-box {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    padding: 16px 0;
    position: relative;
    width: 50%;
    z-index: 2
}

section.pricing--hero-module-2024:not(.container) .pricing--switch-box .heading-s {
    color: #293056;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 125%
}

@media screen and (max-width: 768px) {
    section.pricing--hero-module-2024:not(.container) .pricing--switch-box .heading-s {
        font-size:16px;
        line-height: 150%
    }
}

section.pricing--hero-module-2024:not(.container) .pricing--switch-box .image-wrapper {
    align-items: center;
    display: flex;
    gap: 8px
}

section.pricing--hero-module-2024:not(.container) .pricing--switch-box .image-wrapper img {
    width: 24px
}

section.pricing--hero-module-2024:not(.container) .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1200px
}

@media screen and (max-width: 1170px) {
    section.pricing--hero-module-2024:not(.container) .row {
        gap:8px;
        justify-content: center
    }
}

section.pricing--hero-module-2024:not(.container) .col {
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 1px 2px 0 rgba(13,15,28,.06),0 1px 3px 0 rgba(13,15,28,.1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 48px 32px 32px;
    position: relative;
    width: calc(33.33333% - 16px)
}

@media screen and (max-width: 1280px) {
    section.pricing--hero-module-2024:not(.container) .col {
        padding:32px 24px;
        width: calc(33.33333% - 8px)
    }
}

@media screen and (max-width: 1170px) {
    section.pricing--hero-module-2024:not(.container) .col {
        width:312px
    }
}

@media screen and (max-width: 768px) {
    section.pricing--hero-module-2024:not(.container) .col {
        width:100%
    }
}

section.pricing--hero-module-2024:not(.container) .col .text-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 32px
}

@media screen and (max-width: 1170px) {
    section.pricing--hero-module-2024:not(.container) .col .text-wrap {
        margin-bottom:24px
    }
}

section.pricing--hero-module-2024:not(.container) .col a {
    background-color: #fff;
    border: 1px solid #293056;
    border-radius: 12px;
    color: #293056;
    display: inline-block;
    font-weight: 500;
    line-height: 14px;
    padding: 16px 8px;
    position: relative;
    text-align: center;
    transition: background-color .15s ease-out;
    width: 100%
}

section.pricing--hero-module-2024:not(.container) .col a svg {
    margin-bottom: -8px;
    margin-left: 8px;
    transform: translateY(-4px)
}

@media screen and (max-width: 769px) {
    section.pricing--hero-module-2024:not(.container) .col a svg {
        margin-left:4px
    }
}

section.pricing--hero-module-2024:not(.container) .col a:hover {
    border-width: 2px;
    padding: 15px 7px
}

section.pricing--hero-module-2024:not(.container) .col a:focus {
    background-color: #fff;
    border-width: 3px;
    color: #293056;
    padding: 14px 6px
}

section.pricing--hero-module-2024:not(.container) .col:first-child a,section.pricing--hero-module-2024:not(.container) .col:nth-child(4) a {
    background-color: #2563eb;
    border-color: #2563eb;
    color: #fff
}

section.pricing--hero-module-2024:not(.container) .col:first-child a:hover,section.pricing--hero-module-2024:not(.container) .col:nth-child(4) a:hover {
    background-color: #1d4ed8;
    border-color: #1d4ed8
}

section.pricing--hero-module-2024:not(.container) .col:first-child a:focus,section.pricing--hero-module-2024:not(.container) .col:nth-child(4) a:focus {
    background-color: #1e40af;
    border-color: #1e40af
}

section.pricing--hero-module-2024:not(.container) .col:nth-child(2) a,section.pricing--hero-module-2024:not(.container) .col:nth-child(5) a {
    background-color: #3e4784;
    color: #fff
}

section.pricing--hero-module-2024:not(.container) .col:nth-child(2) a:hover,section.pricing--hero-module-2024:not(.container) .col:nth-child(5) a:hover {
    background-color: #363f72;
    border-color: #363f72
}

section.pricing--hero-module-2024:not(.container) .col:nth-child(2) a:focus,section.pricing--hero-module-2024:not(.container) .col:nth-child(5) a:focus {
    background-color: #293056;
    border-color: #293056
}

section.pricing--hero-module-2024:not(.container) .col.calendar {
    opacity: 0;
    position: absolute;
    z-index: -1
}

section.pricing--hero-module-2024:not(.container) h2 {
    color: #293056;
    font-size: 28px;
    font-weight: 600;
    line-height: 125%;
    margin-bottom: 12px
}

section.pricing--hero-module-2024:not(.container) .list-title {
    color: #3e4784;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 24px
}

@media screen and (min-width: 769px) {
    section.pricing--hero-module-2024:not(.container) .list-title {
        height:45px
    }
}

section.pricing--hero-module-2024:not(.container) .list-title strong {
    color: #293056;
    font-size: 18px;
    font-weight: 600;
    line-height: 125%
}

section.pricing--hero-module-2024:not(.container) figure {
    margin: 0;
    position: relative
}

section.pricing--hero-module-2024:not(.container) figure img {
    max-height: 118px;
    object-fit: cover
}

section.pricing--hero-module-2024:not(.container) ul {
    list-style: none;
    margin: 0;
    padding-left: 0
}

section.pricing--hero-module-2024:not(.container) li,section.pricing--hero-module-2024:not(.container) p {
    color: #3e4784
}

@media screen and (max-width: 960px) {
    section.pricing--hero-module-2024:not(.container) p {
        font-size:14px
    }
}

section.pricing--hero-module-2024:not(.container) li {
    margin-bottom: 8px;
    padding-left: 24px;
    position: relative
}

section.pricing--hero-module-2024:not(.container) li strong {
    color: #293056;
    font-weight: 500
}

section.pricing--hero-module-2024:not(.container) li:last-of-type {
    margin-bottom: 0
}

section.pricing--hero-module-2024:not(.container) li svg {
    left: 0;
    position: absolute;
    top: 4px
}

section.pricing--hero-module-2024:not(.container).calendar .pricing--switch-highlight {
    transform: translateX(calc(100% + 16px))
}

section.pricing--hero-module-2024:not(.container).calendar .col {
    opacity: 0;
    position: absolute;
    z-index: -1
}

section.pricing--hero-module-2024:not(.container).calendar .col.calendar {
    opacity: 1;
    position: relative;
    z-index: 1
}

section.pricing--hero-module-2024:not(.container).calendar .col:nth-child(4) a {
    background-color: #ec4899;
    border-color: #ec4899
}

section.pricing--hero-module-2024:not(.container).calendar .col:nth-child(4) a:hover {
    background-color: #db2777;
    border-color: #db2777
}

section.pricing--hero-module-2024:not(.container).calendar .col:nth-child(4) a:focus {
    background-color: #be185d;
    border-color: #be185d
}

.scalable-api--module {
    background-color: #fff;
    position: relative
}

.scalable-api--module .rounded-bottom,.scalable-api--module .wave {
    display: none
}

.scalable-api--module.section-colored {
    background: #f2f5fd
}

.scalable-api--module.section-bottom-rounded .rounded-bottom,.scalable-api--module.section-has-wave .wave {
    display: block
}

.scalable-api--module.indent-top {
    padding-top: 100px
}

@media only screen and (min-width: 1024px) {
    .scalable-api--module.indent-top {
        padding-top:130px
    }
}

@media only screen and (min-width: 1200px) {
    .scalable-api--module.indent-top {
        padding-top:170px
    }
}

@media only screen and (min-width: 1400px) {
    .scalable-api--module.indent-top {
        padding-top:200px
    }
}

.scalable-api--module.indent-bottom {
    padding-bottom: 100px
}

@media only screen and (min-width: 1024px) {
    .scalable-api--module.indent-bottom {
        padding-bottom:130px
    }
}

@media only screen and (min-width: 1200px) {
    .scalable-api--module.indent-bottom {
        padding-bottom:170px
    }
}

@media only screen and (min-width: 1400px) {
    .scalable-api--module.indent-bottom {
        padding-bottom:200px
    }
}

.scalable-api--module .row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1040px
}

.scalable-api--module .row.right {
    flex-direction: row-reverse
}

.scalable-api--module .row.right .bg-img {
    left: 50%
}

@media only screen and (max-width: 900px) {
    .scalable-api--module .row.right {
        flex-direction:column-reverse
    }

    .scalable-api--module .row.right .bg-img {
        left: 45%
    }
}

.scalable-api--module .bg-img {
    left: 35%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%) scale(1.2)
}

.scalable-api--module .col {
    position: relative;
    width: 47%
}

.scalable-api--module .col.code-wrap {
    display: flex;
    justify-content: center
}

.scalable-api--module .col.copy h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    margin-bottom: 30px
}

.scalable-api--module .col.copy p {
    color: #52525d;
    font-size: 16px;
    line-height: 24px
}

.scalable-api--module .col.copy .btn-wrap {
    margin-top: 30px
}

#comments .form-submit .scalable-api--module .col.copy input,.scalable-api--module .col.copy #comments .form-submit input,.scalable-api--module .col.copy .btn {
    border: 2px solid #4169e1;
    cursor: pointer;
    display: inline-block
}

#comments .form-submit .scalable-api--module .col.copy input:hover,.scalable-api--module .col.copy #comments .form-submit input:hover,.scalable-api--module .col.copy .btn:hover {
    border: 2px solid #4169e1!important
}

.scalable-api--module .window-table-wrap {
    background-color: #fff;
    border-radius: 0 0 6.28px 6.28px;
    box-shadow: 0 157.092px 125.674px rgba(78,99,171,.07),0 65.6294px 52.5035px rgba(78,99,171,.05),0 35.0886px 28.0709px rgba(78,99,171,.042),0 19.6704px 15.7363px rgba(78,99,171,.035),0 10.4468px 8.35743px rgba(78,99,171,.028),0 4.34714px 3.47772px rgba(78,99,171,.02);
    min-height: 463px;
    position: relative;
    width: 400px;
    z-index: 1
}

.scalable-api--module .window-table-wrap .top-tag {
    align-items: center;
    background-color: #4169e1;
    border-radius: 6.28px 6.28px 0 0;
    display: flex;
    height: 33px;
    padding: 10px 20px
}

.scalable-api--module .window-table-wrap .top-tag span {
    background-color: #e6e6e8;
    border-radius: 50%;
    height: 9.5px;
    margin-right: 10px;
    width: 9.5px
}

.scalable-api--module .window-table-wrap .sdk-tabs-container>ul li {
    background: #fff
}

.scalable-api--module .window-table-wrap .sdk-tabs-container>ul li a {
    padding: 0
}

.scalable-api--module .window-table-wrap .sdk-tabs-container>ul li:not(.ui-tabs-active) {
    top: 0
}

.scalable-api--module .window-table-wrap .ui-tabs-nav {
    background-color: #fff;
    display: flex;
    padding-left: 20px;
    padding-right: 50px;
    padding-top: 20px
}

.scalable-api--module .window-table-wrap .ui-tabs-nav li {
    border-bottom: 2.2px solid rgba(65,105,225,.2);
    margin-right: 0;
    width: 25%
}

.scalable-api--module .window-table-wrap .ui-tabs-nav li .icon {
    align-items: center;
    display: flex;
    height: 35px;
    justify-content: center
}

.scalable-api--module .window-table-wrap .ui-tabs-nav li.ui-tabs-active {
    border-bottom: 2.2px solid #4169e1
}

.scalable-api--module .window-table-wrap .ui-tabs-nav li.ui-tabs-active svg path {
    fill: #4169e1
}

.scalable-api--module .window-table-wrap .ui-tabs-nav li.ui-tabs-active p {
    color: #52525d
}

.scalable-api--module .window-table-wrap .ui-tabs-nav li p {
    color: #9c9ca2;
    font-family: Poppins;
    font-size: 10px;
    font-weight: 500;
    line-height: 22px;
    margin: 0;
    text-transform: uppercase
}

.scalable-api--module .sdk-tabs-container .enlighter {
    font-size: 14px
}

.scalable-api--module .sdk-tabs-container {
    position: static
}

.scalable-api--module .sdk-tabs-container .sdk-link {
    background: transparent;
    bottom: -60px
}

.scalable-api--module .sdk-tabs-container .sdk-link a {
    color: #080817!important;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: inherit;
    text-decoration: none
}

.scalable-api--module .sdk-tabs-container .sdk-link a img {
    display: inline-block;
    height: 11px;
    margin-left: 8px;
    margin-right: 0;
    transition: .35s;
    width: 12px
}

.scalable-api--module .sdk-tabs-container .sdk-link a:hover img {
    transform: translateX(3px)
}

.scalable-api--module .sdk-tabs-container .sdk-link:after {
    content: none
}

.scalable-api--module .sdk-tabs-container:not(.sdk-tabs--home) .sdk-link:before,.scalable-api--module .sdk-tabs-container>ul:after {
    content: none;
    display: none
}

.scalable-api--module .sdk-tabs-container .sdk-content {
    background-color: #fff;
    border-radius: 0 0 6.28px 6.28px;
    height: auto;
    padding-bottom: 30px;
    padding-top: 35px;
    position: static
}

.scalable-api--module .enlighter-t-wpcustom.enlighter-linenumbers div.enlighter>div:before {
    display: none
}

.scalable-api--module .sdk-tabs-container .enlighter-t-wpcustom div.enlighter>div {
    background-color: #fff
}

.scalable-api--module .enlighter-t-wpcustom {
    border: none
}

.scalable-api--module div.enlighter>div>div {
    padding-left: 20px
}

.scalable-api--module .enlighter-t-wpcustom .enlighter span {
    font-size: 14px
}

.scalable-api--module .enlighter-t-wpcustom .enlighter-text {
    color: #52525d
}

.scalable-api--module .enlighter-t-wpcustom .enlighter-k0 {
    color: #17c3b2
}

.scalable-api--module .enlighter-t-wpcustom .enlighter-s0 {
    color: #4169e1
}

.scalable-api--module .enlighter-t-wpcustom .enlighter-g1 {
    color: #c769a7
}

.scalable-api--module .enlighter-t-wpcustom .enlighter-k3,.scalable-api--module .enlighter-t-wpcustom .enlighter-k9 {
    color: #4169e1
}

.scalable-api--module .enlighter-t-wpcustom .enlighter-s2,.scalable-api--module .enlighter-t-wpcustom .enlighter-s3 {
    color: #ff786a
}

@media only screen and (max-width: 1000px) {
    .scalable-api--module .sdk-tabs-container {
        width:400px
    }
}

@media only screen and (max-width: 900px) {
    .scalable-api--module .container {
        overflow:inherit
    }

    .scalable-api--module .sdk-tabs-container .sdk-link {
        bottom: -75px
    }

    .scalable-api--module .scalable-api--module .col.copy h2 {
        font-size: 24px
    }

    .scalable-api--module .sdk-tabs-container {
        width: 100%
    }

    .scalable-api--module .row {
        flex-direction: column-reverse
    }

    .scalable-api--module .row .col {
        width: 100%
    }

    .scalable-api--module .row .col.code-wrap {
        padding: 45px 0
    }

    .scalable-api--module .row .col.copy {
        padding-bottom: 20px;
        text-align: center
    }

    .scalable-api--module .row .col.copy p {
        font-size: 14px
    }

    .scalable-api--module .window-table-wrap {
        margin-left: auto;
        margin-right: auto;
        max-width: 400px;
        width: 100%
    }

    .scalable-api--module .bg-img {
        left: 45%;
        max-width: 450px;
        top: 51%;
        transform: translate(-50%,-50%) scale(1.2)
    }

    .scalable-api--module .sdk-tabs-container .sdk-link {
        width: 100%
    }
}

@media only screen and (max-width: 650px) {
    .scalable-api--module .window-table-wrap .ui-tabs-nav li .icon {
        display:none
    }

    .scalable-api--module .window-table-wrap .ui-tabs-nav {
        padding-right: 20px
    }
}

@media screen and (min-width: 933px) {
    .marketecture-module .mobile {
        display:none
    }
}

@media screen and (max-width: 932px) {
    .marketecture-module .desktop {
        display:none
    }
}

@media screen and (min-width: 733px) {
    .marketecture-module .below-mobile {
        display:none
    }
}

@media screen and (max-width: 732px) {
    .marketecture-module .above-mobile {
        display:none
    }
}

.marketecture-module .slick-slide {
    height: auto
}

.marketecture-module a,.marketecture-module button,.marketecture-module h2,.marketecture-module h3,.marketecture-module h4,.marketecture-module li,.marketecture-module p,.marketecture-module span {
    font-family: Poppins,"sans-serif"
}

.marketecture-module h2 {
    color: #080817;
    font-size: 42px;
    font-weight: 600;
    line-height: 112%
}

@media screen and (max-width: 932px) {
    .marketecture-module h2 {
        font-size:24px;
        line-height: 129%
    }
}

.marketecture-module h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 100%
}

@media screen and (max-width: 932px) {
    .marketecture-module h3 {
        font-size:13px
    }
}

.marketecture-module h4 {
    color: #080817;
    font-size: 14px;
    font-weight: 600;
    line-height: 127%
}

@media screen and (max-width: 932px) {
    .marketecture-module h4 {
        font-size:12px;
        line-height: 166%
    }
}

.marketecture-module button {
    background-color: transparent;
    border: none;
    display: block
}

.marketecture-module button:focus-visible {
    outline: 1px solid #4169e1
}

.marketecture-module .main-wrap {
    margin: 0 auto;
    max-width: 914px;
    padding: 57.5px 0
}

@media screen and (max-width: 932px) {
    .marketecture-module .main-wrap {
        padding:85px 5% 57px
    }
}

.marketecture-module .top-wrap {
    margin: 0 auto 69px;
    max-width: 580px;
    text-align: center
}

@media screen and (max-width: 932px) {
    .marketecture-module .top-wrap {
        margin-bottom:42px
    }
}

.marketecture-module .top-wrap p {
    color: #080817;
    font-size: 14px;
    font-weight: 400;
    line-height: 127%;
    margin: 18px auto 0;
    max-width: 370px
}

@media screen and (max-width: 932px) {
    .marketecture-module .top-wrap p {
        font-size:12px;
        line-height: 148%;
        margin: 15px auto 0
    }
}

.marketecture-module .top-images {
    height: 167px;
    margin: 0 auto;
    max-width: 578px;
    position: relative;
    text-align: center
}

@media screen and (max-width: 932px) {
    .marketecture-module .top-images {
        height:134px;
        max-width: 355px
    }
}

@media screen and (max-width: 400px) {
    .marketecture-module .top-images {
        height:130px
    }
}

.marketecture-module .top-images:after {
    background: rgba(65,105,225,.03);
    border-radius: 9999px;
    bottom: -317.5px;
    content: "";
    height: 635px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 635px
}

@media screen and (max-width: 932px) {
    .marketecture-module .top-images:after {
        bottom:-227.35px;
        height: 454.7px;
        width: 454.7px
    }
}

.marketecture-module .top-image-wrap {
    height: 136px;
    position: relative;
    z-index: 1
}

@media screen and (max-width: 932px) {
    .marketecture-module .top-image-wrap {
        height:112px
    }
}

@media screen and (max-width: 400px) {
    .marketecture-module .top-image-wrap {
        height:107px
    }
}

.marketecture-module .circles-logo-wrap {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 113px;
    z-index: -1
}

@media screen and (max-width: 932px) {
    .marketecture-module .circles-logo-wrap {
        width:81.3px
    }
}

.marketecture-module .logo-wrap {
    left: 50%;
    position: relative;
    top: 0;
    transform: translateX(-50%);
    width: 62px;
    z-index: 1
}

@media screen and (max-width: 932px) {
    .marketecture-module .logo-wrap {
        width:45.2px
    }
}

.marketecture-module .logo-wrap:after {
    border-radius: 9999px;
    box-shadow: 0 2.267px 5.668px 0 rgba(0,47,122,.1),0 10.202px 10.202px 0 rgba(0,47,122,.09),0 22.672px 13.603px 0 rgba(0,47,122,.05),0 40.809px 15.87px 0 rgba(0,47,122,.01),0 63.48px 18.137px 0 rgba(0,47,122,0);
    content: "";
    height: 90%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

@media screen and (max-width: 932px) {
    .marketecture-module .logo-wrap:after {
        box-shadow:0 1.622px 4.056px 0 rgba(0,47,122,.1),0 7.301px 7.301px 0 rgba(0,47,122,.09),0 16.225px 9.735px 0 rgba(0,47,122,.05),0 29.204px 11.357px 0 rgba(0,47,122,.01),0 45.429px 12.98px 0 rgba(0,47,122,0);
        height: 87%
    }
}

.marketecture-module .expander-wrap ul,.marketecture-module .right-box ul {
    list-style: none;
    margin: 0;
    padding-left: 25px
}

.marketecture-module .expander-wrap ul li svg,.marketecture-module .right-box ul li svg {
    left: -25px;
    position: absolute;
    top: 0
}

.marketecture-module .expander-wrap ul li,.marketecture-module .expander-wrap ul p,.marketecture-module .right-box ul li,.marketecture-module .right-box ul p {
    position: relative
}

.marketecture-module .expander-wrap ul li:not(:last-of-type),.marketecture-module .expander-wrap ul p:not(:last-of-type),.marketecture-module .right-box ul li:not(:last-of-type),.marketecture-module .right-box ul p:not(:last-of-type) {
    margin: 0 0 6px
}

.marketecture-module .expander-wrap li,.marketecture-module .expander-wrap p,.marketecture-module .right-box li,.marketecture-module .right-box p {
    color: #52525d;
    font-size: 14px;
    font-weight: 400;
    line-height: 148%
}

.marketecture-module .expander-wrap li.disclaimer,.marketecture-module .expander-wrap p.disclaimer,.marketecture-module .right-box li.disclaimer,.marketecture-module .right-box p.disclaimer {
    font-size: 8px;
    margin-bottom: 0;
    margin-top: 16.5px
}

@media screen and (max-width: 932px) {
    .marketecture-module .expander-wrap li.disclaimer,.marketecture-module .expander-wrap p.disclaimer,.marketecture-module .right-box li.disclaimer,.marketecture-module .right-box p.disclaimer {
        margin-top:17.5px
    }
}

.marketecture-module .expander {
    background: #f0f4ff;
    border: 1px solid #4169e1;
    border-radius: 16px;
    padding: 50px 44.5px 18px;
    position: relative;
    width: 100%
}

@media screen and (max-width: 932px) {
    .marketecture-module .expander {
        border-radius:10px;
        padding: 41px 18.6px 26.8px
    }
}

@media screen and (max-width: 400px) {
    .marketecture-module .expander {
        margin-top:-4px
    }
}

@media screen and (min-width: 933px) {
    .marketecture-module .expander-wrap {
        min-width:914px
    }
}

@media screen and (min-width: 933px)and (max-width:1000px) {
    .marketecture-module .expander-wrap {
        scale:.8;
        transform-origin: top
    }
}

.marketecture-module .expander:before {
    background: rgba(65,105,225,.03);
    border-radius: 9999px;
    content: "";
    height: 305px;
    left: 50%;
    position: absolute;
    top: -152.5px;
    transform: translateX(-50%);
    width: 305px
}

@media screen and (max-width: 932px) {
    .marketecture-module .expander:before {
        height:141.7px;
        top: -70.85px;
        width: 141.7px
    }
}

.marketecture-module .expander:last-child {
    margin-bottom: 0
}

.marketecture-module .expander .center-section {
    display: flex;
    justify-content: space-between;
    margin-bottom: 14.5px
}

@media screen and (max-width: 932px) {
    .marketecture-module .expander .center-section {
        display:none
    }
}

.marketecture-module .expander .center-section-img {
    margin-right: 14px
}

.marketecture-module .expander .center-section-wrap {
    align-items: center;
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    height: 60px;
    justify-content: center;
    position: relative;
    width: 240px
}

.marketecture-module .expander .center-section-wrap .tool-tip {
    cursor: pointer;
    display: block;
    margin-left: 6px;
    position: relative
}

.marketecture-module .expander .center-section-wrap .tool-tip-box {
    background: #fff;
    border: 2px solid rgba(109,206,255,.5);
    border-radius: 5px;
    filter: drop-shadow(0 2px 5px rgba(0,47,122,.1)) drop-shadow(0 9px 9px rgba(0,47,122,.09)) drop-shadow(0 20px 12px rgba(0,47,122,.05)) drop-shadow(0 36px 14px rgba(0,47,122,.01)) drop-shadow(0 56px 16px rgba(0,47,122,0));
    left: -143px;
    opacity: 0;
    position: absolute;
    top: 26px;
    transition: opacity .15s ease-in;
    width: 192px;
    z-index: -1
}

.marketecture-module .expander .center-section-wrap .tool-tip-box p {
    color: #52525d;
    font-family: Poppins,"sans-serif";
    font-size: 10px;
    line-height: 120%;
    margin: 11px 14px;
    position: relative;
    text-align: left
}

.marketecture-module .expander .center-section-wrap .tool-tip-box-carrot {
    background: #fff;
    border-left: 2px solid rgba(109,206,255,.5);
    border-top: 2px solid rgba(109,206,255,.5);
    bottom: -12.4px;
    height: 10px;
    left: 8px;
    opacity: 0;
    position: absolute;
    rotate: 45deg;
    transition: opacity .15s ease-in;
    width: 10px;
    z-index: -1
}

.marketecture-module .expander .center-section-wrap .tool-tip:focus .tool-tip-box,.marketecture-module .expander .center-section-wrap .tool-tip:hover .tool-tip-box {
    opacity: 1;
    z-index: 1
}

.marketecture-module .expander .center-section-wrap .tool-tip:focus .tool-tip-box-carrot,.marketecture-module .expander .center-section-wrap .tool-tip:hover .tool-tip-box-carrot {
    opacity: 1;
    z-index: 2
}

.marketecture-module .expander .center-section-wrap .tool-tip:focus.close .tool-tip-box,.marketecture-module .expander .center-section-wrap .tool-tip:focus.close .tool-tip-box-carrot,.marketecture-module .expander .center-section-wrap .tool-tip:hover.close .tool-tip-box,.marketecture-module .expander .center-section-wrap .tool-tip:hover.close .tool-tip-box-carrot {
    opacity: 0;
    z-index: -1
}

.marketecture-module .expander .center-section-wrap.ui .center-section-img {
    margin-left: 20px;
    margin-right: 10px
}

.marketecture-module .expander .center-section-wrap.ui .tool-tip {
    margin-left: 10px
}

.marketecture-module .dot-line {
    position: absolute;
    z-index: 2
}

.marketecture-module .dot-line.bottom {
    bottom: -33px
}

@media screen and (max-width: 932px) {
    .marketecture-module .dot-line.bottom {
        bottom:-20px
    }
}

.marketecture-module .dot-line.bottom.green {
    bottom: -52px
}

.marketecture-module .dot-line.top {
    top: -29px
}

@media screen and (max-width: 932px) {
    .marketecture-module .dot-line.top {
        top:-19px
    }
}

.marketecture-module .dot-line.bottom,.marketecture-module .dot-line.top {
    left: 50%;
    transform: translateX(-50%)
}

.marketecture-module .dot-line.left,.marketecture-module .dot-line.right {
    top: 22px
}

.marketecture-module .dot-line.right {
    right: -172px
}

.marketecture-module .dot-line.left {
    left: -172px
}

.marketecture-module .accordion-wrap {
    background: #fff;
    border: 2.5px solid #fff;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 0 20px;
    position: relative;
    width: 100%
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap {
        border-width:2px;
        margin-bottom: 9px;
        padding: 0 8px
    }
}

@media screen and (min-width: 933px) {
    .marketecture-module .accordion-wrap.comm .dot-line.bottom {
        bottom:-101px
    }

    .marketecture-module .accordion-wrap.devex .dot-line.bottom {
        bottom: -247px
    }
}

.marketecture-module .accordion-wrap.pulse .accordion-top .toggle .plus {
    -moz-animation: pulse 2s infinite;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    border-radius: 50%
}

.marketecture-module .accordion-wrap.active {
    border-color: #4169e1
}

@media screen and (min-width: 933px) {
    .marketecture-module .accordion-wrap.active {
        box-shadow:0 2px 5px 0 rgba(0,47,122,.1),0 9px 9px 0 rgba(0,47,122,.09),0 20px 12px 0 rgba(0,47,122,.05),0 36px 14px 0 rgba(0,47,122,.01),0 56px 16px 0 rgba(0,47,122,0);
        outline: 2.5px solid #4169e1;
        outline-offset: -.5px
    }
}

.marketecture-module .accordion-wrap.active .accordion-top .toggle .plus {
    opacity: 0
}

.marketecture-module .accordion-wrap.active .accordion-top .toggle .minus {
    opacity: 1
}

.marketecture-module .accordion-wrap.active .accordion-bottom {
    border-top: 1px solid #e5eaff;
    height: fit-content;
    max-height: 405px;
    position: relative;
    transition: max-height .5s ease-out
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap.active .accordion-bottom {
        margin-top:0;
        max-height: 753px
    }
}

.marketecture-module .accordion-wrap.active .accordion-bottom svg {
    position: absolute
}

.marketecture-module .accordion-wrap.active.auth .accordion-bottom-wrap {
    padding: 70.7px 10px 23px 37.5px
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap.active.auth .accordion-bottom-wrap {
        display:flex;
        flex-wrap: wrap;
        padding: 21px 34px 23px 25%
    }
}

@media screen and (max-width: 732px) {
    .marketecture-module .accordion-wrap.active.auth .accordion-bottom-wrap {
        padding-left:73px
    }
}

@media screen and (max-width: 632px) {
    .marketecture-module .accordion-wrap.active.auth .accordion-bottom-wrap {
        display:block
    }
}

.marketecture-module .accordion-wrap.active.auth .accordion-bottom-wrap h4 {
    margin: 0
}

.marketecture-module .accordion-wrap.active.auth .item-wrap {
    margin-right: 29.25px;
    width: 150px
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap.active.auth .item-wrap {
        display:flex;
        flex-direction: column;
        margin: 0 0 29px;
        position: relative;
        width: 50%
    }
}

@media screen and (max-width: 632px) {
    .marketecture-module .accordion-wrap.active.auth .item-wrap {
        width:100%
    }
}

.marketecture-module .accordion-wrap.active.auth .item-wrap svg {
    top: 28.9px
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap.active.auth .item-wrap svg {
        left:-56px;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media screen and (min-width: 933px) {
    .marketecture-module .accordion-wrap.active.auth .item-wrap:first-of-type {
        margin-right:38.9px;
        width: 159px
    }

    .marketecture-module .accordion-wrap.active.auth .item-wrap:nth-of-type(2) {
        margin-right: 38.66px;
        width: 165.5px
    }
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap.active.auth .item-wrap:nth-of-type(3) svg {
        left:-60px
    }
}

@media screen and (min-width: 933px) {
    .marketecture-module .accordion-wrap.active.auth .item-wrap:nth-of-type(3) svg {
        top:23.8px
    }
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap.active.auth .item-wrap:nth-of-type(3) h4 {
        line-height:32px
    }
}

.marketecture-module .accordion-wrap.active.auth .item-wrap:last-of-type {
    margin-right: 0
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap.active.auth .item-wrap:last-of-type {
        margin:0
    }
}

@media screen and (min-width: 633px)and (max-width:932px) {
    .marketecture-module .accordion-wrap.active.auth .item-wrap:last-of-type svg {
        top:25%
    }
}

@media screen and (min-width: 933px) {
    .marketecture-module .accordion-wrap.active.auth .item-wrap:last-of-type svg {
        top:34px
    }
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap.active.auth .item-wrap:last-of-type h4 {
        line-height:32px
    }
}

.marketecture-module .accordion-wrap.active.auth .item-wrap span {
    color: #83838b;
    font-size: 9px;
    font-weight: 600;
    line-height: 17.821px
}

.marketecture-module .accordion-wrap.active.comm .accordion-bottom-wrap {
    padding: 82px 27.5px 49.5px
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap.active.comm .accordion-bottom-wrap {
        display:flex;
        flex-wrap: wrap;
        padding: 27px 13px 35px 25%
    }
}

@media screen and (max-width: 732px) {
    .marketecture-module .accordion-wrap.active.comm .accordion-bottom-wrap {
        padding-left:64px
    }
}

@media screen and (max-width: 632px) {
    .marketecture-module .accordion-wrap.active.comm .accordion-bottom-wrap {
        display:block
    }
}

.marketecture-module .accordion-wrap.active.comm .accordion-bottom-wrap h4 {
    margin: 0 0 18.25px
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap.active.comm .accordion-bottom-wrap h4 {
        margin-bottom:6px
    }
}

.marketecture-module .accordion-wrap.active.comm .item-wrap {
    margin-right: 62.5px;
    width: 200px
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap.active.comm .item-wrap {
        display:flex;
        flex-direction: column;
        margin: 0 0 19px;
        position: relative;
        width: 50%
    }
}

@media screen and (max-width: 632px) {
    .marketecture-module .accordion-wrap.active.comm .item-wrap {
        width:100%
    }
}

.marketecture-module .accordion-wrap.active.comm .item-wrap svg:not(li>svg) {
    top: 30.5px
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap.active.comm .item-wrap svg:not(li>svg) {
        left:-46px;
        top: -7px
    }
}

@media screen and (min-width: 933px) {
    .marketecture-module .accordion-wrap.active.comm .item-wrap:first-of-type svg:not(li>svg) {
        top:38.3px
    }
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap.active.comm .item-wrap:first-of-type svg:not(li>svg) {
        top:-1px
    }

    .marketecture-module .accordion-wrap.active.comm .item-wrap:nth-of-type(2) svg:not(li>svg) {
        left: -43px
    }
}

.marketecture-module .accordion-wrap.active.comm .item-wrap:last-of-type {
    margin: 0
}

@media screen and (min-width: 933px) {
    .marketecture-module .accordion-wrap.active.comm .item-wrap:last-of-type svg:not(li>svg) {
        top:30px
    }
}

.marketecture-module .accordion-wrap.active.found .accordion-bottom-wrap {
    padding: 86px 37.5px 36px 27.5px
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap.active.found .accordion-bottom-wrap {
        display:flex;
        flex-wrap: wrap;
        padding: 34px 13px 17px 25%
    }
}

@media screen and (max-width: 732px) {
    .marketecture-module .accordion-wrap.active.found .accordion-bottom-wrap {
        padding-left:62px
    }
}

@media screen and (max-width: 632px) {
    .marketecture-module .accordion-wrap.active.found .accordion-bottom-wrap {
        display:block
    }
}

.marketecture-module .accordion-wrap.active.found .accordion-bottom-wrap h4 {
    margin: 0 0 18.25px
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap.active.found .accordion-bottom-wrap h4 {
        margin-bottom:6px
    }
}

.marketecture-module .accordion-wrap.active.found .item-wrap {
    margin-right: 54px;
    width: 215px
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap.active.found .item-wrap {
        display:flex;
        flex-direction: column;
        margin: 0 0 19px;
        padding-right: 55px;
        position: relative;
        width: 50%
    }
}

@media screen and (max-width: 632px) {
    .marketecture-module .accordion-wrap.active.found .item-wrap {
        padding-right:0;
        width: 100%
    }
}

.marketecture-module .accordion-wrap.active.found .item-wrap svg:not(li>svg) {
    top: 28.9px
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap.active.found .item-wrap svg:not(li>svg) {
        left:-43px;
        top: -7px
    }
}

@media screen and (min-width: 933px) {
    .marketecture-module .accordion-wrap.active.found .item-wrap:first-of-type {
        margin-right:55px;
        width: 200px
    }

    .marketecture-module .accordion-wrap.active.found .item-wrap:first-of-type svg:not(li>svg) {
        top: 35.8px
    }
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap.active.found .item-wrap:first-of-type svg:not(li>svg) {
        left:-45px
    }
}

.marketecture-module .accordion-wrap.active.found .item-wrap:last-of-type {
    margin: 0
}

@media screen and (min-width: 933px) {
    .marketecture-module .accordion-wrap.active.found .item-wrap:last-of-type {
        width:190px
    }
}

.marketecture-module .accordion-wrap.active.found .item-wrap:last-of-type figure {
    margin-bottom: 0
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap.active.found .item-wrap:last-of-type figure {
        margin-left:-2px;
        width: 190px
    }
}

.marketecture-module .accordion-wrap.active.found .item-wrap:last-of-type h4 {
    margin: 0 0 12px
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap.active.found .item-wrap:last-of-type h4 {
        margin-bottom:13px
    }
}

@media screen and (min-width: 933px) {
    .marketecture-module .accordion-wrap.active.found .item-wrap:last-of-type svg:not(li>svg) {
        top:28.3px
    }
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap.active.found .item-wrap:last-of-type svg:not(li>svg) {
        left:-45px
    }
}

.marketecture-module .accordion-wrap.active.devex .accordion-bottom-wrap {
    padding: 80.3px 40px 26.5px
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap.active.devex .accordion-bottom-wrap {
        display:flex;
        flex-wrap: wrap;
        padding: 34px 13px 42px 25%
    }
}

@media screen and (max-width: 732px) {
    .marketecture-module .accordion-wrap.active.devex .accordion-bottom-wrap {
        padding-left:64px
    }
}

@media screen and (max-width: 632px) {
    .marketecture-module .accordion-wrap.active.devex .accordion-bottom-wrap {
        display:block
    }
}

.marketecture-module .accordion-wrap.active.devex .accordion-bottom-wrap h4 {
    margin: 0 0 15.6px
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap.active.devex .accordion-bottom-wrap h4 {
        margin-bottom:6px
    }
}

.marketecture-module .accordion-wrap.active.devex .item-wrap {
    margin-right: 22.5px;
    width: 215px
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap.active.devex .item-wrap {
        display:flex;
        flex-direction: column;
        margin: 0 0 19px;
        padding-right: 55px;
        position: relative;
        width: 50%
    }
}

@media screen and (max-width: 632px) {
    .marketecture-module .accordion-wrap.active.devex .item-wrap {
        padding-right:0;
        width: 100%
    }
}

.marketecture-module .accordion-wrap.active.devex .item-wrap svg:not(li>svg) {
    top: 25px
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap.active.devex .item-wrap svg:not(li>svg) {
        left:-49px;
        top: -7px
    }
}

@media screen and (min-width: 933px) {
    .marketecture-module .accordion-wrap.active.devex .item-wrap:first-of-type {
        margin-right:75px;
        width: 185px
    }
}

.marketecture-module .accordion-wrap.active.devex .item-wrap:first-of-type h4 {
    margin: 0 0 18px
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap.active.devex .item-wrap:first-of-type h4 {
        margin-bottom:6px
    }
}

@media screen and (min-width: 933px) {
    .marketecture-module .accordion-wrap.active.devex .item-wrap:first-of-type p {
        max-width:181px
    }
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap.active.devex .item-wrap:first-of-type p {
        margin:0;
        max-width: 200px
    }
}

@media screen and (min-width: 933px) {
    .marketecture-module .accordion-wrap.active.devex .item-wrap:first-of-type svg:not(li>svg) {
        top:34.5px
    }
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap.active.devex .item-wrap:first-of-type svg:not(li>svg) {
        left:-45px
    }
}

.marketecture-module .accordion-wrap.active.devex .item-wrap:last-of-type {
    margin: 0
}

@media screen and (min-width: 933px) {
    .marketecture-module .accordion-wrap.active.devex .item-wrap:last-of-type {
        width:204px
    }
}

.marketecture-module .accordion-wrap.active.devex .item-wrap:last-of-type figure {
    margin: 0 0 0 -1px
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap.active.devex .item-wrap:last-of-type figure {
        width:187px
    }
}

.marketecture-module .accordion-wrap.active.devex .item-wrap:last-of-type h4 {
    margin: 0 0 16px
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap.active.devex .item-wrap:last-of-type h4 {
        margin-bottom:17px
    }
}

@media screen and (min-width: 933px) {
    .marketecture-module .accordion-wrap.active.devex .item-wrap:last-of-type svg:not(li>svg) {
        top:26.6px
    }
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap.active.devex .item-wrap:last-of-type svg:not(li>svg) {
        left:-45px
    }
}

.marketecture-module .accordion-wrap .nudge-wrap {
    bottom: 6px;
    opacity: 0;
    position: absolute;
    right: -48px;
    transition: opacity .2s ease-in;
    width: 95px;
    z-index: -1
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap .nudge-wrap {
        transform:rotateY(180deg)
    }
}

.marketecture-module .accordion-wrap .nudge-wrap img {
    position: absolute
}

.marketecture-module .accordion-wrap .nudge-wrap span {
    color: #4169e1;
    font-size: 12px;
    font-weight: 600;
    left: 63px;
    line-height: 16px;
    position: absolute;
    top: 29px;
    width: 65px
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-wrap .nudge-wrap span {
        transform:rotateY(180deg)
    }
}

.marketecture-module .accordion-wrap.nudge .nudge-wrap {
    opacity: 1;
    z-index: 1
}

.marketecture-module .accordion-top {
    cursor: pointer;
    padding: 15px 0;
    position: relative;
    width: 100%
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-top {
        padding:17.9px 0
    }
}

.marketecture-module .accordion-top h3 {
    margin: 0
}

.marketecture-module .accordion-top .toggle {
    height: 29px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 29px
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-top .toggle {
        height:26.4px;
        width: 26.4px
    }
}

.marketecture-module .accordion-top .toggle .plus,.marketecture-module .accordion-top .toggle svg {
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px
}

@media screen and (max-width: 932px) {
    .marketecture-module .accordion-top .toggle .plus,.marketecture-module .accordion-top .toggle svg {
        height:26.4px;
        width: 26.4px
    }
}

.marketecture-module .accordion-top .toggle .plus.minus,.marketecture-module .accordion-top .toggle svg.minus {
    opacity: 0
}

.marketecture-module .accordion-bottom {
    height: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s ease-out
}

@media screen and (min-width: 933px) {
    .marketecture-module .accordion-bottom-wrap {
        display:flex
    }
}

.marketecture-module .applications {
    border: 1px solid #17c3b2;
    border-radius: 16px;
    margin-top: 47px;
    position: relative;
    width: 100%
}

@media screen and (max-width: 932px) {
    .marketecture-module .applications {
        border-radius:10px
    }
}

.marketecture-module .applications .top-bar {
    align-items: center;
    background-color: #17c3b2;
    border-radius: 15px 15px 0 0;
    display: flex;
    height: 37px;
    justify-content: center;
    position: relative;
    width: 100%
}

@media screen and (max-width: 932px) {
    .marketecture-module .applications .top-bar {
        border-radius:9px 9px 0 0
    }
}

.marketecture-module .applications .top-bar h3 {
    color: #fff
}

.marketecture-module .applications .top-bar .circlet {
    background-color: #fff;
    border-radius: 50%;
    height: 9.78px;
    left: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 9px
}

.marketecture-module .applications .top-bar .circlet.two {
    left: 28.3px
}

.marketecture-module .applications .top-bar .circlet.three {
    left: 42.6px
}

.marketecture-module .applications-wrap {
    align-items: start;
    background-color: rgba(211,244,240,.4);
    display: flex;
    justify-content: center;
    padding: 30px 44.5px 38px;
    width: 100%
}

@media screen and (max-width: 932px) {
    .marketecture-module .applications-wrap {
        display:block;
        padding: 20px 20px 45px
    }
}

@media screen and (max-width: 732px) {
    .marketecture-module .applications-wrap {
        padding:20px 0 45px
    }
}

.marketecture-module .applications .left-box {
    background-color: #fff;
    border-radius: 5px;
    height: 404px;
    margin-right: 15px;
    padding: 18px 32px 23px;
    width: 490px
}

@media screen and (max-width: 732px) {
    .marketecture-module .applications .left-box {
        background-color:transparent;
        height: auto;
        padding: 0
    }
}

@media screen and (max-width: 932px) {
    .marketecture-module .applications .left-box {
        margin:0 0 20px;
        width: 100%
    }
}

.marketecture-module .applications .buttons-wrap {
    align-items: center;
    display: flex;
    gap: 10.5px;
    justify-content: space-between;
    margin-bottom: 27.5px
}

@media screen and (max-width: 732px) {
    .marketecture-module .applications .buttons-wrap {
        display:block
    }
}

.marketecture-module .applications .buttons-wrap button {
    border-bottom: 2px solid #9c9ca2;
    color: #080817;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    line-height: 15px;
    padding-bottom: 13px;
    position: relative;
    text-align: center;
    transition: all .15s ease;
    width: 25%
}

@media screen and (min-width: 733px) {
    .marketecture-module .applications .buttons-wrap button {
        min-height:46px
    }
}

@media screen and (max-width: 732px) {
    .marketecture-module .applications .buttons-wrap button {
        border-bottom:1px solid #ceced1;
        font-size: 10px;
        line-height: 12.5px;
        margin-bottom: 1px;
        padding-inline:15px}

    .marketecture-module .applications .buttons-wrap button span {
        border-bottom: 3px solid transparent;
        padding-bottom: 13px;
        position: relative;
        z-index: 1
    }
}

@media screen and (min-width: 733px) {
    .marketecture-module .applications .buttons-wrap button.active {
        border-color:#17c3b2
    }
}

.marketecture-module .applications .buttons-wrap .slick-slide:first-of-type button {
    margin-left: 15px;
    padding-left: 0;
    text-align: left
}

.marketecture-module .applications .buttons-wrap .slick-slide:last-of-type button {
    margin-right: 15px;
    padding-right: 0;
    text-align: right
}

.marketecture-module .applications .buttons-wrap .slick-current span {
    border-color: #17c3b2
}

.marketecture-module .applications .images-wrap {
    margin: 0 auto 10px;
    width: 98%
}

@media screen and (min-width: 733px) {
    .marketecture-module .applications .images-wrap {
        margin:0 4px;
        position: relative;
        width: 100%
    }
}

@media screen and (min-width: 933px) {
    .marketecture-module .applications .images-wrap {
        width:418px
    }
}

@media screen and (min-width: 733px) {
    .marketecture-module .applications .images-wrap figure {
        box-shadow:0 2px 5px 0 rgba(0,0,0,.1),0 9px 9px 0 rgba(0,0,0,.09),0 20px 12px 0 rgba(0,0,0,.05),0 36px 14px 0 rgba(0,0,0,.01);
        height: 282px;
        left: 0;
        left: 50%;
        opacity: 0;
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        transition: opacity .25s ease;
        width: 418px
    }
}

@media screen and (min-width: 933px) {
    .marketecture-module .applications .images-wrap figure {
        left:0;
        transform: none
    }
}

.marketecture-module .applications .images-wrap figure.active {
    opacity: 1;
    transition: opacity .25s ease
}

.marketecture-module .applications .images-wrap .slick-dots {
    justify-content: center;
    margin: 0 auto
}

.marketecture-module .applications .images-wrap .slick-dots li {
    margin: 0 2.5px
}

.marketecture-module .applications .images-wrap .slick-dots li button {
    background-color: #ceced1;
    height: 6px;
    width: 6px
}

.marketecture-module .applications .images-wrap .slick-dots li.slick-active button {
    background-color: #17c3b2
}

.marketecture-module .applications .right-box {
    background-color: #fff;
    border-radius: 5px;
    margin: 38px 16px 0;
    max-width: 100%;
    padding: 20px 20px 22px
}

@media screen and (min-width: 733px) {
    .marketecture-module .applications .right-box {
        margin:0;
        padding: 20px 0 30px 24px;
        width: 319.5px
    }
}

.marketecture-module .applications .right-box h4 {
    margin: 0 0 12px
}

.marketecture-module .applications .right-box li {
    font-size: 12px
}

.marketecture-module .applications .right-box li:not(:last-of-type) {
    margin-bottom: 10px
}

@media screen and (max-width: 732px) {
    .marketecture-module .applications .right-box li svg {
        top:2px
    }
}

.marketecture-module .applications .nylas-guy {
    bottom: -55px;
    max-width: 187px;
    position: absolute;
    right: 0
}

@media screen and (max-width: 932px) {
    .marketecture-module .applications .nylas-guy {
        max-width:118px;
        right: 30px
    }
}

@media screen and (max-width: 732px) {
    .marketecture-module .applications .nylas-guy {
        bottom:-75px;
        max-width: 100px;
        right: 6%
    }
}

@media screen and (min-width: 933px)and (max-width:1000px) {
    .marketecture-module .applications {
        margin-top:-130px;
        scale: .8;
        transform-origin: top
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #6dceff
    }

    50% {
        box-shadow: 0 0 0 24px rgba(109,206,255,0)
    }

    70% {
        box-shadow: 0 0 0 96px rgba(109,206,255,0)
    }

    to {
        box-shadow: 0 0 0 188px rgba(109,206,255,0)
    }
}

.home-hero-2024--module {
    --_center-margin-bottom: -96px;
    padding: var(--top-nav-height) 0 70px
}

@media screen and (max-width: 1440px) {
    .home-hero-2024--module figure.gif-img {
        margin-top:20px
    }
}

@media screen and (max-width: 1280px) {
    .home-hero-2024--module figure.gif-img {
        margin-top:20px
    }

    .home-hero-2024--module article {
        padding-left: 0;
        padding-right: 0
    }
}

.home-hero-2024--module article {
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    max-width: 100%;
    padding-left: 63px;
    padding-right: 63px;
    padding-top: 101px;
    text-align: left
}

@media screen and (max-width: 1280px) {
    .home-hero-2024--module article {
        padding-left:0;
        padding-right: 0;
        padding-top: 0
    }
}

@media screen and (max-width: 768px) {
    .home-hero-2024--module article {
        flex-direction:column
    }
}

.home-hero-2024--module article .hero-titles {
    flex: auto;
    flex-basis: 642px;
    padding-top: 60px
}

@media screen and (max-width: 768px) {
    .home-hero-2024--module article .hero-titles {
        flex:auto;
        padding-top: 30px
    }
}

.home-hero-2024--module article .hero-icons {
    flex: auto;
    flex-basis: 410px
}

@media screen and (max-width: 1280px) {
    .home-hero-2024--module article .hero-icons {
        flex-grow:0
    }
}

@media screen and (max-width: 768px) {
    .home-hero-2024--module article .hero-icons {
        display:grid;
        flex: auto;
        justify-content: center
    }
}

.home-hero-2024--module h1 {
    text-wrap: balance;
    color: #293056;
    color: #fff;
    font-size: 52px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    line-height: 112%;
    margin-bottom: 28px
}

@media screen and (max-width: 1280px) {
    .home-hero-2024--module h1 {
        font-size:44px
    }
}

@media screen and (max-width: 768px) {
    .home-hero-2024--module h1 {
        font-size:40px;
        line-height: 50px
    }
}

.home-hero-2024--module p {
    color: #eff6ff;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 173%
}

.home-hero-2024--module .top-wrap {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 267%;
    margin-top: 50px
}

@media screen and (max-width: 768px) {
    .home-hero-2024--module .top-wrap {
        margin-top:25px
    }
}

.home-hero-2024--module .top-wrap .container {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-left: 63px;
    padding-right: 63px
}

@media screen and (max-width: 768px) {
    .home-hero-2024--module .top-wrap .container {
        display:block;
        justify-content: flex-start;
        padding: 10px 20px 14px!important
    }
}

.home-hero-2024--module .top-wrap--top {
    background-color: #e0f2fe;
    box-shadow: 0 7px 10px 0 rgba(0,0,0,.349);
    color: #3e4784;
    margin-top: 0
}

.home-hero-2024--module .top-wrap .tab {
    color: #db2777;
    margin-right: .45em
}

.home-hero-2024--module .top-wrap p {
    color: #3e4784;
    font-weight: 600
}

@media screen and (max-width: 768px) {
    .home-hero-2024--module .top-wrap p {
        margin:0
    }
}

.home-hero-2024--module .top-wrap a {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: center
}

@media screen and (max-width: 768px) {
    .home-hero-2024--module .top-wrap a {
        flex-grow:0;
        justify-content: flex-start
    }
}

.home-hero-2024--module .top-wrap a:hover svg {
    transform: translateX(5px)
}

.home-hero-2024--module .top-wrap a span {
    color: #2563eb;
    font-weight: 500;
    margin-left: .45em
}

@media screen and (max-width: 768px) {
    .home-hero-2024--module .top-wrap a span {
        font-size:14px;
        margin-left: 0
    }
}

.home-hero-2024--module .top-wrap a svg {
    margin-left: .3em;
    transition: .35s;
    width: 1.17em
}

.home-hero-2024--module .btn-wrap {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 41px
}

@media screen and (max-width: 768px) {
    .home-hero-2024--module .btn-wrap {
        margin-top:20px
    }

    .home-hero-2024--module .btn-wrap a {
        margin-bottom: 20px
    }
}

#comments .form-submit .home-hero-2024--module .btn-wrap input,.home-hero-2024--module .btn-wrap #comments .form-submit input,.home-hero-2024--module .btn-wrap .btn {
    background-color: #fff!important;
    border: none!important;
    border-radius: 8px!important;
    color: #1e3a8a;
    font-size: 14px;
    font-style: normal;
    font-weight: 600!important;
    line-height: 100%;
    padding: 13px 24px
}

#comments .form-submit .home-hero-2024--module .btn-wrap input:hover,.home-hero-2024--module .btn-wrap #comments .form-submit input:hover,.home-hero-2024--module .btn-wrap .btn:hover {
    border: none!important
}

.home-hero-2024--module .arrow-btn {
    align-items: center;
    display: flex;
    margin-left: 30px
}

@media screen and (max-width: 400px) {
    .home-hero-2024--module .arrow-btn {
        margin-left:20px
    }
}

.home-hero-2024--module .arrow-btn:hover svg {
    transform: translateX(5px)
}

.home-hero-2024--module .arrow-btn span {
    color: #fff;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 173%
}

.home-hero-2024--module .arrow-btn svg {
    margin-left: 6px;
    transition: .35s
}

.home-hero-2024--module figure {
    border-radius: 16px;
    margin-bottom: 0;
    margin-top: 70px;
    overflow: hidden;
    position: relative
}

.home-hero-2024--module figure:before {
    content: "";
    display: block;
    height: 0;
    padding-top: 54%
}

.home-hero-2024--module figure.gif-img {
    margin-top: 50px
}

@media screen and (max-width: 768px) {
    .home-hero-2024--module figure.gif-img {
        margin-top:20px
    }
}

.home-hero-2024--module figure.gif-img:before {
    padding-top: 38%
}

.home-hero-2024--module figure.mobile {
    display: none
}

@media screen and (max-width: 768px) {
    .home-hero-2024--module figure.mobile {
        display:block
    }

    .home-hero-2024--module figure.mobile:before {
        padding-top: 108%
    }

    .home-hero-2024--module figure.desktop {
        display: none
    }
}

.home-hero-2024--module figure img,.home-hero-2024--module figure video {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.home-hero-2024--module .hero-icons-container {
    background: #fff;
    border-radius: 24px;
    box-shadow: 7px 7px 10px rgba(0,0,0,.25);
    height: 446px;
    padding: 20px 20px 10px;
    width: 410px
}

@media screen and (max-width: 1280px) {
    .home-hero-2024--module .hero-icons-container {
        margin-left:-90px;
        transform: scale(.75);
        transform-origin: right
    }
}

@media screen and (max-width: 768px) {
    .home-hero-2024--module .hero-icons-container {
        margin:-40px auto;
        transform-origin: center
    }
}

.home-hero-2024--module .hero-icons-container .hero-icons-inner-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

.home-hero-2024--module .hero-icon {
    transition: all .3s ease-in-out
}

.home-hero-2024--module .hero-icon svg path {
    fill: #717bbc
}

.home-hero-2024--module .hero-icon-border {
    align-items: center;
    background-color: #fff;
    border: 4px solid #b3b8d8;
    border-radius: 100vw;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    height: 50px;
    justify-content: center;
    transition: all .3s ease-in-out;
    width: 50px
}

.home-hero-2024--module .hero-icon:focus .hero-icon-border,.home-hero-2024--module .hero-icon:hover .hero-icon-border,.home-hero-2024--module .hero-icons-container:not(:hover):not(:focus-within) .hero-icon.hero-icon-active .hero-icon-border {
    border-color: #2f80ed
}

.home-hero-2024--module .hero-icon:focus .hero-icon-border svg path,.home-hero-2024--module .hero-icon:hover .hero-icon-border svg path,.home-hero-2024--module .hero-icons-container:not(:hover):not(:focus-within) .hero-icon.hero-icon-active .hero-icon-border svg path {
    fill: #1d4ed8
}

.home-hero-2024--module .hero-background-image,.home-hero-2024--module .hero-code-image {
    max-width: 100%;
    opacity: 0;
    position: absolute;
    transition: opacity .5s ease-in-out
}

.home-hero-2024--module .hero-background-image {
    margin-top: -52%;
    z-index: 1
}

.home-hero-2024--module .hero-icons_reverse .hero-background-image {
    margin-bottom: -52%;
    margin-top: 0;
    z-index: 2
}

.home-hero-2024--module .hero-code-image {
    margin-bottom: -65%;
    z-index: 3
}

.home-hero-2024--module .hero-icons_reverse .hero-code-image {
    margin-bottom: 0;
    margin-top: -65%
}

.home-hero-2024--module .hero-icons_reverse {
    --_center-margin-bottom: 98px
}

.home-hero-2024--module .hero-icon-center,.home-hero-2024--module .hero-icon-center-bg {
    height: 214px;
    margin-bottom: var(--_center-margin-bottom);
    position: absolute;
    width: 214px
}

.home-hero-2024--module .hero-icon-center-bg {
    background-color: rgba(65,105,225,.102);
    border-radius: 100vw;
    z-index: 2
}

.home-hero-2024--module .hero-icon-center {
    align-items: center;
    display: flex;
    justify-content: center;
    z-index: 4
}

.home-hero-2024--module .hero-icon {
    align-items: center;
    color: #75787f;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    position: absolute;
    z-index: 5
}

.home-hero-2024--module .hero-icon .hero-icon-title {
    min-height: 24px;
    padding-bottom: 4px;
    padding-top: 4px
}

.hero-icons-container:not(:hover):not(:focus-within) .home-hero-2024--module .hero-icon.hero-icon-active,.home-hero-2024--module .hero-icon:focus,.home-hero-2024--module .hero-icon:hover {
    color: #0a0909
}

.home-hero-2024--module .hero-icons_reverse .hero-icon {
    flex-direction: column-reverse
}

.home-hero-2024--module .hero-icon-active-line {
    border-top: 3px dotted #436cde;
    margin-bottom: var(--_center-margin-bottom);
    margin-right: 100px;
    opacity: 0;
    position: absolute;
    transform-origin: right;
    transition: opacity .3s ease-in-out;
    width: 100px;
    z-index: 1
}

.home-hero-2024--module .hero-icons_reverse .hero-icon-active-line {
    margin-bottom: var(--_center-margin-bottom);
    z-index: 2
}

.home-hero-2024--module .hero-icon-active-line-1 {
    transform: rotate(35deg)
}

.home-hero-2024--module .hero-icon-active-line-2-title {
    margin-right: 56px;
    width: 56px
}

.home-hero-2024--module .hero-icon-active-line-2 {
    transform: rotate(90deg)
}

.home-hero-2024--module .hero-icon-active-line-3 {
    transform: rotate(145deg)
}

.home-hero-2024--module .hero-icons_reverse .hero-icon-active-line-1 {
    transform: rotate(-35deg)
}

.home-hero-2024--module .hero-icons_reverse .hero-icon-active-line-2-title {
    margin-right: 56px;
    width: 56px
}

.home-hero-2024--module .hero-icons_reverse .hero-icon-active-line-2 {
    transform: rotate(-90deg)
}

.home-hero-2024--module .hero-icons_reverse .hero-icon-active-line-3 {
    transform: rotate(-145deg)
}

.home-hero-2024--module .hero-icon-1:focus~.hero-icon-active-line-1,.home-hero-2024--module .hero-icon-1:hover~.hero-icon-active-line-1,.home-hero-2024--module .hero-icons-container:not(:hover):not(:focus-within) .hero-icon-1.hero-icon-active~.hero-icon-active-line-1 {
    opacity: 1
}

.home-hero-2024--module .hero-icon-2:focus~.hero-icon-active-line-2,.home-hero-2024--module .hero-icon-2:hover~.hero-icon-active-line-2,.home-hero-2024--module .hero-icons-container:not(:hover):not(:focus-within) .hero-icon-2.hero-icon-active~.hero-icon-active-line-2 {
    opacity: 1
}

.home-hero-2024--module .hero-icon-3:focus~.hero-icon-active-line-3,.home-hero-2024--module .hero-icon-3:hover~.hero-icon-active-line-3,.home-hero-2024--module .hero-icons-container:not(:hover):not(:focus-within) .hero-icon-3.hero-icon-active~.hero-icon-active-line-3 {
    opacity: 1
}

.home-hero-2024--module .hero-icon-1 {
    margin-left: -178px
}

.home-hero-2024--module .hero-icon-2 {
    margin-top: -90px
}

.home-hero-2024--module .hero-icon-3 {
    margin-right: -178px
}

.home-hero-2024--module .hero-icons_reverse .hero-icon-1 {
    margin-top: calc(100px - var(--_center-margin-bottom))
}

.home-hero-2024--module .hero-icons_reverse .hero-icon-2 {
    margin-top: calc(204px - var(--_center-margin-bottom))
}

.home-hero-2024--module .hero-icons_reverse .hero-icon-3 {
    margin-top: calc(100px - var(--_center-margin-bottom))
}

.home-hero-2024--module .hero-background-image-1,.home-hero-2024--module .hero-code-image-1 {
    opacity: 1
}

.home-hero-2024--module .hero-icons-container:has(.hero-icon:not(.hero-icon-1):is(:hover,:focus)) :is(.hero-background-image-1,.hero-code-image-1.hero-code-image-1),.home-hero-2024--module .hero-icons-container:not(:hover):not(:focus-within):has(.hero-icon:not(.hero-icon-1).hero-icon-active) :is(.hero-background-image-1,.hero-code-image-1.hero-code-image-1) {
    opacity: 0
}

.home-hero-2024--module .hero-icon:focus+.hero-background-image,.home-hero-2024--module .hero-icon:focus+.hero-background-image+*+.hero-code-image,.home-hero-2024--module .hero-icon:focus+.hero-background-image+.hero-code-image,.home-hero-2024--module .hero-icon:hover+.hero-background-image,.home-hero-2024--module .hero-icon:hover+.hero-background-image+*+.hero-code-image,.home-hero-2024--module .hero-icon:hover+.hero-background-image+.hero-code-image,.home-hero-2024--module .hero-icons-container:not(:hover):not(:focus-within) .hero-icon.hero-icon-active+.hero-background-image,.home-hero-2024--module .hero-icons-container:not(:hover):not(:focus-within) .hero-icon.hero-icon-active+.hero-background-image+*+.hero-code-image,.home-hero-2024--module .hero-icons-container:not(:hover):not(:focus-within) .hero-icon.hero-icon-active+.hero-background-image+.hero-code-image {
    opacity: 1
}

.home-hero-2024--module .hero-icons-container:hover:not(:focus-within):not(:has(.hero-icon:hover,.hero-icon:focus)) .hero-icon-border {
    animation: wave 1.3s infinite
}

@keyframes wave {
    0% {
        box-shadow: 0 0 0 0 rgba(113,123,188,.5)
    }

    70% {
        box-shadow: 0 0 0 16px rgba(113,123,188,0)
    }

    to {
        box-shadow: 0 0 0 0 rgba(113,123,188,0)
    }
}

.home-hero-2024--back {
    --_block-height: 643px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: calc(var(--_block-height)*-1);
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="1920" height="643" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"><path d="M1589 558c252 32 331-184 331-184V0H0v338c89 306 517 386 819 220 245.53-134.961 349.38-53.412 770 0Z"/></svg>');
    mask-position: 12% 0;
    mask-repeat: no-repeat;
    mask-size: 100% var(--_block-height);
    mask-size: clamp(100%,73.6842105263% + 505.2631578947px,200%) var(--_block-height);
    min-height: var(--_block-height);
    position: relative;
    z-index: -1
}

@media screen and (max-width: 1280px) {
    .home-hero-2024--back {
        --_block-height:496px
    }
}

@media screen and (max-width: 768px) {
    .home-hero-2024--back {
        --_block-height:776px;
        mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='393' height='776' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h393v718c-93.5-49-107.5 58-236 58C54.2 776 0 662 0 614V0Z'/%3E%3C/svg%3E");
        mask-position: 0 0;
        mask-size: 100% var(--_block-height)
    }
}

@media screen and (min-width: 1920px) {
    .home-hero-2024--back {
        mask-position:0 0
    }
}

.customer-accordion--module {
    padding: 129px 0!important
}

@media only screen and (max-width: 768px) {
    .customer-accordion--module {
        padding:64px 0!important
    }
}

.customer-accordion--module .heading-wrap {
    margin-bottom: 32px
}

.customer-accordion--module .heading-wrap small {
    color: #2563eb;
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 22px
}

.customer-accordion--module .heading-wrap h2 {
    color: #293056;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.25em;
    margin-bottom: 16px
}

.customer-accordion--module .heading-wrap p {
    color: #3e4784;
    font-size: 18px;
    line-height: 1.25em
}

.customer-accordion--module .heading-wrap p strong {
    color: #293056;
    font-size: 22px;
    font-weight: 600
}

.customer-accordion--module .slider {
    display: flex;
    flex-wrap: wrap
}

.customer-accordion--module .slider-nav {
    width: 26%
}

@media only screen and (max-width: 1200px) {
    .customer-accordion--module .slider-nav {
        width:30%
    }
}

@media only screen and (max-width: 768px) {
    .customer-accordion--module .slider-nav {
        margin-bottom:40px;
        width: 100%
    }
}

.customer-accordion--module .slider-nav .logo-wrap {
    align-items: center;
    display: flex!important;
    justify-content: center;
    padding: 32px 64px
}

@media only screen and (max-width: 600px) {
    .customer-accordion--module .slider-nav .logo-wrap {
        padding:16px
    }
}

@media only screen and (min-width: 769px) {
    .customer-accordion--module .slider-nav .slick-slide>div {
        border-right:1px solid #b3b8d8
    }

    .customer-accordion--module .slider-nav .slick-slide>div img {
        opacity: .5
    }

    .customer-accordion--module .slider-nav .slick-slide.slick-current>div {
        border-right-color: #293056
    }

    .customer-accordion--module .slider-nav .slick-slide.slick-current>div img {
        opacity: 1
    }
}

@media only screen and (max-width: 768px) {
    .customer-accordion--module .slider-nav .slick-slide>div {
        border:1px solid transparent;
        border-radius: 12px
    }

    .customer-accordion--module .slider-nav .slick-slide.slick-current>div {
        border: 1px solid #d5d9eb
    }
}

.customer-accordion--module .slider-nav .slick-track {
    transform: none!important;
    width: 100%!important
}

.customer-accordion--module .slider-nav .slick-track:before {
    content: none
}

@media only screen and (max-width: 768px) {
    .customer-accordion--module .slider-nav .slick-track {
        grid-gap:10px;
        display: grid;
        grid-template-columns: repeat(2,1fr)
    }
}

.customer-accordion--module .slider-nav .slick-slide {
    float: none;
    height: auto!important;
    width: 100%!important
}

.customer-accordion--module .slider-nav img {
    cursor: pointer;
    display: block
}

.customer-accordion--module .slider-content {
    padding-left: 5%;
    user-select: auto;
    width: 74%
}

@media only screen and (max-width: 1200px) {
    .customer-accordion--module .slider-content {
        width:70%
    }
}

@media only screen and (max-width: 768px) {
    .customer-accordion--module .slider-content {
        padding-left:0;
        width: 100%
    }
}

.customer-accordion--module .slider-content p {
    color: #3e4784;
    font-size: 16px;
    line-height: 1.5em
}

.customer-accordion--module h3 {
    color: #293056;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.25em;
    margin-bottom: 48px
}

@media only screen and (max-width: 768px) {
    .customer-accordion--module h3 {
        margin-bottom:20px
    }
}

.customer-accordion--module .col-2-wrap {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: space-between
}

.customer-accordion--module .content-wrap {
    width: 48%
}

@media only screen and (max-width: 1200px) {
    .customer-accordion--module .content-wrap {
        width:100%
    }
}

.customer-accordion--module .content-wrap p:first-of-type {
    margin-top: 0
}

.customer-accordion--module .stats-wrap {
    width: 48%
}

@media only screen and (max-width: 1200px) {
    .customer-accordion--module .stats-wrap {
        width:100%
    }
}

.customer-accordion--module .stats-wrap>div {
    grid-gap: 4%;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    margin-bottom: 38px
}

.customer-accordion--module .stats-wrap h4 {
    color: #2563eb;
    font-size: 36px;
    font-weight: 600;
    margin: 8px 0
}

.customer-accordion--module .quote {
    align-items: center;
    display: flex;
    margin-bottom: 48px
}

@media only screen and (max-width: 768px) {
    .customer-accordion--module .quote {
        margin-top:24px
    }
}

.customer-accordion--module .quote figure {
    border-radius: 50%;
    height: 64px;
    margin-bottom: 0;
    margin-right: 15px;
    overflow: hidden;
    position: relative;
    width: 64px
}

.customer-accordion--module .quote figure img {
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

.customer-accordion--module .quote p {
    font-size: 14px;
    line-height: 1.5em;
    margin: 0
}

.customer-accordion--module .quote .name {
    color: #293056;
    font-weight: 600
}

.customer-accordion--module .cta {
    align-items: center;
    color: #2563eb;
    display: flex;
    font-size: 16px;
    font-weight: 500
}

.customer-accordion--module .cta svg {
    left: 0;
    position: relative;
    transition: .35s
}

.customer-accordion--module .cta:hover svg {
    left: 5px
}

@media only screen and (max-width: 1200px) {
    .customer-accordion--module .products-used {
        display:none
    }
}

.customer-accordion--module .products-used p {
    color: #293056;
    font-weight: 600;
    margin-bottom: 5px
}

.customer-accordion--module .products-used ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0
}

.customer-accordion--module .products-used li {
    align-items: center;
    border: 1px solid #d5d9eb;
    border-radius: 50px;
    color: #3e4784;
    display: flex;
    font-size: 14px;
    list-style: none;
    margin: 8px 4px 8px 0;
    padding: 8px 12px
}

.customer-accordion--module .products-used li:last-child {
    margin-right: 0
}

.customer-accordion--module .products-used li img {
    margin-right: 5px
}

.meet-nylas-api--module {
    padding: 100px 0
}

@media screen and (max-width: 768px) {
    .meet-nylas-api--module {
        padding:64px 0
    }
}

.meet-nylas-api--module .eyebrow,.meet-nylas-api--module .pricing-feature-grid h5,.meet-nylas-api--module .subhead,.pricing-feature-grid .meet-nylas-api--module h5 {
    color: #2563eb;
    font-size: 16px;
    font-weight: 600
}

.meet-nylas-api--module .top-wrap {
    max-width: 780px
}

@media screen and (max-width: 768px) {
    .meet-nylas-api--module .top-wrap {
        margin-bottom:60px
    }
}

.meet-nylas-api--module p {
    color: #3e4784;
    font-size: 16px;
    line-height: 150%
}

.meet-nylas-api--module p a {
    color: #2563eb;
    font-weight: 600;
    text-decoration: inherit
}

.meet-nylas-api--module p a:hover {
    text-decoration: underline
}

.meet-nylas-api--module h2 {
    color: #293056;
    font-size: 28px;
    font-weight: 600;
    line-height: 125%;
    margin-top: 25px
}

.meet-nylas-api--module .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 35px
}

.meet-nylas-api--module .col {
    width: calc(33.33333% - 20px)
}

@media screen and (max-width: 768px) {
    .meet-nylas-api--module .col {
        width:100%
    }

    .meet-nylas-api--module .col:not(:last-child) {
        margin-bottom: 60px
    }
}

.meet-nylas-api--module figure {
    border-radius: 16px;
    box-shadow: 0 25px 50px -12px rgba(13,15,28,.25);
    overflow: hidden;
    position: relative
}

.meet-nylas-api--module figure:before {
    content: "";
    display: block;
    height: 0;
    padding-top: 88%
}

.meet-nylas-api--module figure img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.meet-nylas-api--module h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 125%;
    margin-bottom: 16px;
    margin-top: 45px
}

.meet-nylas-api--module .arrow-btn {
    align-items: center;
    display: flex;
    margin-top: 30px
}

.meet-nylas-api--module .arrow-btn:hover svg {
    transform: translateX(5px)
}

.meet-nylas-api--module .arrow-btn span {
    color: #2563eb;
    font-weight: 600
}

.meet-nylas-api--module .arrow-btn svg {
    margin-left: 5px;
    transition: .35s
}

.developer-api--module {
    background-color: #101323;
    padding: 129px 0!important
}

@media only screen and (max-width: 768px) {
    .developer-api--module {
        padding:64px 0!important
    }
}

.developer-api--module .inner-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.developer-api--module p {
    color: #b3b8d8
}

.developer-api--module .heading-wrap small {
    color: #60a5fa;
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 32px
}

.developer-api--module .heading-wrap h2 {
    color: #fff;
    font-weight: 600;
    line-height: 1.25em;
    margin-bottom: 16px
}

.developer-api--module .code-col,.developer-api--module .content-col {
    width: calc(50% - 32px)
}

@media only screen and (max-width: 1023px) {
    .developer-api--module .code-col,.developer-api--module .content-col {
        width:100%
    }

    .developer-api--module .code-col {
        margin-top: 64px
    }
}

.developer-api--module .item-list {
    grid-gap: 48px 32px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    margin-top: 64px
}

.developer-api--module .item-list img {
    display: inline-block;
    margin: 0
}

.developer-api--module .item-list h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.25em;
    margin-bottom: 8px;
    margin-top: 8px
}

.developer-api--module .item-list p {
    font-size: 16px;
    line-height: 1.5em;
    margin-top: 0
}

.developer-api--module .item-list p a {
    color: #93c5fd;
    font-weight: 600;
    text-decoration: none
}

.developer-api--module .item-list p a:hover {
    text-decoration: underline
}

.developer-api--module .code-col-top {
    background-color: #293056;
    border-radius: 15px;
    padding: 8px 16px 16px
}

.developer-api--module .code-col-top .hljs-copy-button {
    display: none!important
}

.developer-api--module .code-col-top code {
    max-height: 450px;
    min-height: 250px
}

@media only screen and (max-width: 1023px) {
    .developer-api--module .code-col-top code {
        height:167px;
        max-height: none;
        min-height: auto
    }
}

.developer-api--module code {
    -webkit-overflow-scrolling: touch;
    width: 100%
}

.developer-api--module code::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #293056
}

.developer-api--module code::-webkit-scrollbar {
    background-color: transparent;
    height: 0
}

.developer-api--module code::-webkit-scrollbar-thumb {
    background-color: #363f72;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 0 5px #293056
}

.developer-api--module code::-webkit-scrollbar-corner {
    background-color: transparent
}

.developer-api--module pre {
    display: flex
}

.developer-api--module .code-lang-nav {
    -webkit-overflow-scrolling: touch;
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    overflow-x: auto
}

.developer-api--module .code-lang-nav::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #293056
}

.developer-api--module .code-lang-nav::-webkit-scrollbar {
    background-color: transparent
}

.developer-api--module .code-lang-nav::-webkit-scrollbar-thumb {
    background-color: #293056;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 0 5px #293056
}

.developer-api--module .code-lang-nav-item {
    border-radius: 16px;
    cursor: pointer;
    padding: 8px 20px;
    user-select: none
}

.developer-api--module .code-lang-nav-item.is-active {
    background-color: #3e4784
}

.developer-api--module .code-lang-nav-item.is-active path {
    fill: #fff
}

.developer-api--module .code-lang-nav-item.is-active p {
    color: #fff
}

.developer-api--module .code-lang-nav-item:hover path {
    fill: #fff
}

.developer-api--module .code-lang-nav-item:hover p {
    color: #fff
}

.developer-api--module .code-lang-nav svg {
    display: block;
    margin: 0 auto;
    min-height: 41px
}

.developer-api--module .code-lang-nav svg path {
    fill: #b3b8d8
}

.developer-api--module .code-lang-nav p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5em;
    margin: 4px 0 0
}

.developer-api--module .code-lang-display-item {
    display: none
}

.developer-api--module .code-lang-display-item.is-active {
    display: block
}

.developer-api--module .code-topic-section {
    display: none
}

.developer-api--module .code-topic-section.is-active {
    display: block
}

.developer-api--module .topic-dropdown-container {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.developer-api--module .topic-dropdown {
    margin-bottom: 15px;
    margin-right: 20px;
    position: relative
}

@media only screen and (max-width: 500px) {
    .developer-api--module .topic-dropdown {
        flex:1
    }
}

.developer-api--module .topic-dropdown select {
    -webkit-appearance: none;
    background-color: transparent;
    border: 0;
    border-radius: 12px;
    box-shadow: none;
    color: #fff;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    outline: none;
    padding: 12px 28px 12px 12px;
    width: 100%
}

.developer-api--module .topic-dropdown select:hover {
    background-color: #363f72
}

.developer-api--module .topic-dropdown svg {
    pointer-events: none;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

.developer-api--module .developer-api-copy-btn {
    cursor: pointer
}

.developer-api--module .developer-api-copy-btn:hover svg path {
    fill: #fff
}

.developer-api--module .github-link {
    color: #b3b8d8;
    font-size: 12px;
    font-weight: 500;
    padding-right: 10px
}

.developer-api--module .github-link a {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.developer-api--module .github-link a svg {
    margin-right: 5px
}

.developer-api--module .github-link:hover a {
    color: #fff
}

.developer-api--module .github-link:hover a path {
    fill: #fff
}

.developer-api--module .code-col-bottom {
    background-color: #363f72;
    border-radius: 15px;
    margin-top: 8px;
    padding: 16px
}

.developer-api--module .code-col-bottom .hljs {
    background-color: #363f72;
    height: 120px
}

.developer-api--module .code-col-bottom p {
    color: #fff;
    font-size: 14px;
    font-weight: 500
}

.developer-api--module .code-col-bottom .hljs-copy-button {
    display: none!important
}

.developer-api--module .code-col-bottom code {
    -webkit-overflow-scrolling: touch;
    width: 100%
}

.developer-api--module .code-col-bottom code::-webkit-scrollbar-track {
    background-color: #363f72;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #363f72
}

.developer-api--module .code-col-bottom code::-webkit-scrollbar {
    background-color: #363f72
}

.developer-api--module .code-col-bottom code::-webkit-scrollbar-thumb {
    background-color: #293056;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 0 5px #363f72;
    height: 70px
}

.developer-api--module .code-lang-response-item {
    display: none
}

.developer-api--module .code-lang-response-item .hljs * {
    color: #eaecf5
}

.developer-api--module .code-lang-response-item.is-active {
    display: block
}

.developer-api-prod--module {
    background-color: #f0f9ff;
    padding: 129px 0!important
}

@media only screen and (max-width: 768px) {
    .developer-api-prod--module {
        padding:64px 0!important
    }
}

.developer-api-prod--module .inner-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.developer-api-prod--module p {
    color: #3e4784
}

.developer-api-prod--module .heading-wrap small {
    color: #0284c7;
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 22px
}

.developer-api-prod--module .heading-wrap h2 {
    color: #293056;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.25em;
    margin-bottom: 16px
}

.developer-api-prod--module .heading-wrap p {
    font-size: 16px;
    line-height: 1.5em
}

.developer-api-prod--module .heading-wrap .button-link {
    align-items: center;
    display: inline-flex;
    margin-top: 16px
}

.developer-api-prod--module .heading-wrap .button-link svg {
    margin-left: 5px
}

.developer-api-prod--module .code-col,.developer-api-prod--module .content-col {
    width: calc(50% - 8px)
}

@media only screen and (max-width: 1023px) {
    .developer-api-prod--module .code-col,.developer-api-prod--module .content-col {
        width:100%
    }
}

.developer-api-prod--module .code-col {
    display: flex
}

@media only screen and (max-width: 1023px) {
    .developer-api-prod--module .code-col {
        margin-top:16px
    }
}

.developer-api-prod--module .item-list {
    grid-gap: 48px 64px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    margin-top: 64px
}

@media only screen and (max-width: 768px) {
    .developer-api-prod--module .item-list {
        grid-template-columns:repeat(1,1fr)
    }
}

.developer-api-prod--module .item-list img {
    display: inline-block;
    margin: 0
}

.developer-api-prod--module .item-list h3 {
    color: #293056;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.25em;
    margin-bottom: 8px;
    margin-top: 8px
}

.developer-api-prod--module .item-list p {
    font-size: 16px;
    line-height: 1.5em;
    margin-top: 0
}

.developer-api-prod--module .item-list p a {
    color: #93c5fd;
    font-weight: 600;
    text-decoration: none
}

.developer-api-prod--module .item-list p a:hover {
    text-decoration: underline
}

.developer-api-prod--module .code-col-top {
    background-color: #101323;
    border-radius: 15px;
    margin-top: 64px;
    overflow: hidden;
    padding: 8px 16px 16px
}

.developer-api-prod--module .code-col-top .hljs-copy-button {
    display: none!important
}

.developer-api-prod--module .code-col-top code {
    height: 167px
}

.developer-api-prod--module code {
    -webkit-overflow-scrolling: touch;
    color: #eaecf5;
    width: 100%
}

.developer-api-prod--module code .hljs-ln-n:before {
    color: #eaecf5
}

.developer-api-prod--module code::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #101323
}

.developer-api-prod--module code::-webkit-scrollbar {
    background-color: transparent
}

.developer-api-prod--module code::-webkit-scrollbar-thumb {
    background-color: #363f72;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 0 5px #101323
}

.developer-api-prod--module code::-webkit-scrollbar-corner {
    background: transparent
}

.developer-api-prod--module .code-lang-nav {
    -webkit-overflow-scrolling: touch;
    display: flex;
    margin-top: 4px;
    overflow-x: auto;
    position: relative
}

.developer-api-prod--module .code-lang-nav::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #101323
}

.developer-api-prod--module .code-lang-nav::-webkit-scrollbar {
    background-color: transparent
}

.developer-api-prod--module .code-lang-nav::-webkit-scrollbar-thumb {
    background-color: #101323;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 0 5px #101323
}

.developer-api-prod--module .code-lang-nav-item {
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    padding: 8px 12px;
    user-select: none
}

.developer-api-prod--module .code-lang-nav-item.is-active {
    background-color: #3e4784
}

.developer-api-prod--module .code-lang-nav-item.is-active path {
    fill: #fff
}

.developer-api-prod--module .code-lang-nav-item.is-active p {
    color: #fff
}

.developer-api-prod--module .code-lang-nav-item:hover path {
    fill: #fff
}

.developer-api-prod--module .code-lang-nav-item:hover p {
    color: #fff
}

.developer-api-prod--module .code-lang-nav svg {
    display: block;
    margin: 0 4px 0 0
}

.developer-api-prod--module .code-lang-nav svg path {
    fill: #b3b8d8
}

.developer-api-prod--module .code-lang-nav p {
    color: #b3b8d8;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5em;
    margin: 0
}

.developer-api-prod--module .code-lang-display {
    margin-top: 4px;
    padding-top: 14px;
    position: relative
}

.developer-api-prod--module .code-lang-display:before {
    border-top: 1px solid #293056;
    content: "";
    height: 100%;
    left: -100px;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: calc(100% + 200px)
}

.developer-api-prod--module .code-lang-display-item {
    display: none
}

.developer-api-prod--module .code-lang-display-item.is-active {
    display: block
}

.developer-api-prod--module .code-topic-section {
    display: none
}

.developer-api-prod--module .code-topic-section.is-active {
    display: block
}

.developer-api-prod--module .topic-dropdown-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative
}

.developer-api-prod--module .topic-dropdown-container:before {
    border-bottom: 1px solid #293056;
    content: "";
    height: 100%;
    left: -100px;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: calc(100% + 200px)
}

.developer-api-prod--module .topic-dropdown {
    margin-bottom: 10px;
    margin-right: 20px;
    position: relative
}

@media only screen and (max-width: 500px) {
    .developer-api-prod--module .topic-dropdown {
        flex:1
    }
}

.developer-api-prod--module .topic-dropdown select {
    -webkit-appearance: none;
    background-color: transparent;
    border: 0;
    border-radius: 12px;
    box-shadow: none;
    color: #fff;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    outline: none;
    padding: 12px 28px 12px 12px;
    width: 100%
}

.developer-api-prod--module .topic-dropdown select:hover {
    background-color: #363f72
}

.developer-api-prod--module .topic-dropdown svg {
    pointer-events: none;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

.developer-api-prod--module .developer-api-copy-btn {
    cursor: pointer;
    margin-bottom: 15px
}

.developer-api-prod--module .developer-api-copy-btn:hover svg path {
    fill: #fff
}

.developer-api-prod--module .github-link {
    color: #b3b8d8;
    font-size: 12px;
    font-weight: 500;
    padding-right: 10px
}

.developer-api-prod--module .github-link a {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.developer-api-prod--module .github-link a svg {
    margin-right: 5px
}

.developer-api-prod--module .github-link:hover a {
    color: #fff
}

.developer-api-prod--module .github-link:hover a path {
    fill: #fff
}

.developer-api-prod--module .hljs {
    background-color: #101323
}

.developer-api-prod--module .code-col-bottom {
    background-color: #101323;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    margin-top: 8px;
    padding: 16px;
    width: 100%
}

.developer-api-prod--module .code-col-bottom code::-webkit-scrollbar-thumb {
    height: 70px
}

.developer-api-prod--module .code-col-bottom .hljs {
    padding: 0
}

.developer-api-prod--module .code-col-bottom .hljs code * {
    color: #eaecf5!important
}

.developer-api-prod--module .code-col-bottom pre {
    display: flex;
    position: relative;
    width: 100%
}

@media only screen and (max-width: 1023px) {
    .developer-api-prod--module .code-col-bottom pre {
        height:500px
    }
}

.developer-api-prod--module .code-col-bottom code {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.developer-api-prod--module .code-col-bottom p {
    color: #fff;
    font-size: 14px;
    font-weight: 500
}

.developer-api-prod--module .code-col-bottom .hljs-copy-button {
    display: none!important
}

.developer-api-prod--module .code-lang-response-item {
    display: none;
    flex: 1
}

.developer-api-prod--module .code-lang-response-item.is-active {
    display: flex
}

.home-security--module {
    background-color: #101323;
    padding: 100px 0
}

@media screen and (max-width: 768px) {
    .home-security--module {
        padding:75px 0
    }
}

.home-security--module .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.home-security--module .col {
    width: calc(50% - 32px)
}

@media screen and (max-width: 1024px) {
    .home-security--module .col {
        width:100%
    }

    .home-security--module .col.map-wrap {
        margin-top: 60px
    }
}

@media screen and (max-width: 768px) {
    .home-security--module .col.map-wrap {
        margin-top:40px
    }
}

.home-security--module .eyebrow,.home-security--module .pricing-feature-grid h5,.home-security--module .subhead,.pricing-feature-grid .home-security--module h5 {
    color: #60a5fa;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%
}

.home-security--module h2 {
    color: #f8f9fc;
    font-size: 36px;
    font-weight: 600;
    line-height: 125%;
    margin-top: 25px
}

.home-security--module p {
    color: #b3b8d8;
    font-size: 18px;
    line-height: 160%
}

.home-security--module .logo-wrap {
    margin: 64px 0
}

@media screen and (max-width: 768px) {
    .home-security--module .logo-wrap {
        margin:64px 0 44px;
        text-align: center
    }
}

.home-security--module .logo-wrap img:not(:last-child) {
    margin-right: 32px
}

@media screen and (max-width: 768px) {
    .home-security--module .logo-wrap img:not(:last-child) {
        margin-right:13px
    }

    .home-security--module .logo-wrap img {
        margin: 0 13px 20px
    }
}

.home-security--module .text-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.home-security--module .text-wrap .text {
    width: calc(33.33333% - 20px)
}

@media screen and (max-width: 768px) {
    .home-security--module .text-wrap .text {
        margin-bottom:10px;
        width: calc(50% - 15px)
    }
}

.home-security--module .text-wrap h3 {
    color: #f8f9fc;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 6px;
    margin-top: 6px
}

.home-security--module .text-wrap p {
    font-size: 16px;
    line-height: 150%;
    margin-top: 0
}

.home-security--module .text-wrap p a {
    color: #93c5fd;
    font-weight: 500;
    text-decoration: none
}

.home-security--module .text-wrap p a:hover {
    text-decoration: underline
}

.start-future--module {
    background: var(--Radial,radial-gradient(42.5% 100% at 72.64% 99.94%,#293056 0,#101323 100%));
    border-bottom: 1px solid #293056;
    padding: 110px 0
}

@media screen and (max-width: 768px) {
    .start-future--module {
        padding-bottom:0;
        padding-top: 70px
    }
}

.start-future--module .row {
    display: flex;
    flex-wrap: wrap
}

.start-future--module .col {
    position: relative;
    width: 50%
}

@media screen and (max-width: 768px) {
    .start-future--module .col {
        width:100%
    }
}

.start-future--module .col.left {
    padding-right: 30px
}

@media screen and (max-width: 768px) {
    .start-future--module .col.left {
        padding-right:0
    }

    .start-future--module .col.right {
        align-items: flex-end;
        display: flex;
        justify-content: center;
        margin-top: 60px
    }
}

.start-future--module .col .sf-img {
    bottom: -110px;
    left: 0;
    margin: 0 auto;
    max-width: 387px;
    position: absolute;
    right: 0
}

@media screen and (max-width: 768px) {
    .start-future--module .col .sf-img {
        bottom:inherit;
        max-width: 100%;
        position: static
    }
}

.start-future--module h2 {
    background-color: rgba(16,19,35,.5);
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    line-height: 125%
}

.start-future--module p {
    background-color: rgba(16,19,35,.5);
    color: #fff;
    font-size: 16px;
    line-height: 150%
}

.start-future--module .btn-wrap {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-top: 35px
}

#comments .form-submit .start-future--module .btn-wrap input,.start-future--module .btn-wrap #comments .form-submit input,.start-future--module .btn-wrap .btn {
    border: 1px solid #4169e1!important;
    font-size: 16px;
    padding: 15px
}

@media screen and (max-width: 768px) {
    #comments .form-submit .start-future--module .btn-wrap input,.start-future--module .btn-wrap #comments .form-submit input,.start-future--module .btn-wrap .btn {
        font-size:16px;
        padding: 15px
    }
}

#comments .form-submit .start-future--module .btn-wrap input:hover,.start-future--module .btn-wrap #comments .form-submit input:hover,.start-future--module .btn-wrap .btn:hover {
    border: 1px solid #4169e1!important
}

.start-future--module .arrow-btn {
    align-items: center;
    background-color: rgba(16,19,35,.1);
    display: flex;
    margin-left: 25px
}

@media screen and (max-width: 768px) {
    .start-future--module .arrow-btn {
        margin-left:20px
    }
}

.start-future--module .arrow-btn:hover svg {
    transform: translateX(5px)
}

.start-future--module .arrow-btn span {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%
}

.start-future--module .arrow-btn svg {
    margin-left: 6px;
    transition: .35s
}

.home-logo--block .logo-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media screen and (max-width: 1024px) {
    .home-logo--block .logo-wrap {
        justify-content:center;
        margin: 0 auto;
        max-width: 474px
    }
}

@media screen and (max-width: 768px) {
    .home-logo--block .logo-wrap {
        max-width:328px
    }
}

.home-logo--block .logo-wrap img {
    height: 32px
}

@media screen and (max-width: 1024px) {
    .home-logo--block .logo-wrap img {
        margin-bottom:20px;
        padding: 0 7px
    }
}

@media screen and (max-width: 768px) {
    .home-logo--block .logo-wrap img {
        height:24px;
        height: 23px;
        padding: 0 2px
    }
}

.product-detail-hero--module {
    background: #fff;
    padding: 160px 0 100px;
    padding-top: calc(var(--top-nav-height) + 32px)
}

@media screen and (max-width: 1200px) {
    .product-detail-hero--module {
        padding:130px 0 100px;
        padding-top: calc(var(--top-nav-height) + 16px)
    }
}

@media screen and (max-width: 768px) {
    .product-detail-hero--module {
        padding:70px 0 40px;
        padding-top: calc(var(--top-nav-height) + 14px)
    }
}

.product-detail-hero--module .row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.product-detail-hero--module .image-wrap,.product-detail-hero--module article {
    width: calc(50% - 32px)
}

@media screen and (max-width: 1024px) {
    .product-detail-hero--module .image-wrap,.product-detail-hero--module article {
        width:100%
    }
}

@media screen and (max-width: 1200px) {
    .product-detail-hero--module:has(.product-detail-hero--module-animation) .image-wrap,.product-detail-hero--module:has(.product-detail-hero--module-animation) article {
        padding-right:0;
        width: 100%
    }
}

@media screen and (max-width: 1024px) {
    .product-detail-hero--module .image-wrap {
        margin-top:60px
    }
}

@media screen and (max-width: 768px) {
    .product-detail-hero--module .image-wrap {
        margin-top:50px
    }
}

.product-detail-hero--module article {
    padding-right: 25px
}

@media screen and (max-width: 1024px) {
    .product-detail-hero--module article {
        padding-right:0
    }
}

.product-detail-hero--module figure {
    border-radius: 0;
    margin-bottom: 0;
    position: relative
}

.product-detail-hero--module figure img {
    left: -10%;
    max-width: 120%;
    pointer-events: none;
    position: relative;
    top: 2rem;
    width: 120%
}

@media screen and (max-width: 1024px) {
    .product-detail-hero--module figure img {
        top:0
    }
}

.product-detail-hero--module h1 {
    font-size: 48px;
    font-weight: 600;
    line-height: 125%;
    margin-bottom: 30px;
    margin-top: 35px
}

.product-detail-hero--module p {
    color: #3e4784;
    font-size: 16px
}

.product-detail-hero--module p strong {
    color: #293056;
    font-weight: 600
}

.pricing-feature-grid .product-detail-hero--module h5,.product-detail-hero--module .eyebrow,.product-detail-hero--module .pricing-feature-grid h5,.product-detail-hero--module .subhead {
    align-items: center;
    display: flex;
    font-weight: 600
}

.pricing-feature-grid .product-detail-hero--module h5 img,.product-detail-hero--module .eyebrow img,.product-detail-hero--module .pricing-feature-grid h5 img,.product-detail-hero--module .subhead img {
    height: 32px;
    width: 32px
}

.pricing-feature-grid .product-detail-hero--module h5 span,.product-detail-hero--module .eyebrow span,.product-detail-hero--module .pricing-feature-grid h5 span,.product-detail-hero--module .subhead span {
    font-size: 16px;
    margin-left: 8px
}

.product-detail-hero--module .btn-wrap {
    align-items: center;
    display: flex;
    margin-top: 35px
}

#comments .form-submit .product-detail-hero--module .btn-wrap input,.product-detail-hero--module .btn-wrap #comments .form-submit input,.product-detail-hero--module .btn-wrap .btn {
    border: 1px solid #4169e1!important;
    padding: 16px 30px;
    white-space: nowrap
}

@media screen and (max-width: 768px) {
    #comments .form-submit .product-detail-hero--module .btn-wrap input,.product-detail-hero--module .btn-wrap #comments .form-submit input,.product-detail-hero--module .btn-wrap .btn {
        font-size:16px;
        padding: 16px 32px
    }
}

#comments .form-submit .product-detail-hero--module .btn-wrap input:hover,.product-detail-hero--module .btn-wrap #comments .form-submit input:hover,.product-detail-hero--module .btn-wrap .btn:hover {
    border: 1px solid #4169e1!important
}

.product-detail-hero--module .arrow-btn {
    align-items: center;
    display: flex;
    line-height: 1.25em;
    margin-left: 30px;
    white-space: nowrap
}

@media screen and (max-width: 768px) {
    .product-detail-hero--module .arrow-btn {
        margin-left:20px
    }
}

.product-detail-hero--module .arrow-btn span {
    color: #2563eb;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%
}

.product-detail-hero--module .arrow-btn svg {
    margin-left: 6px
}

.product-detail-hero--module__banner-info {
    padding: 100px 0 0
}

@media screen and (max-width: 768px) {
    .product-detail-hero--module__banner-info {
        padding:70px 0 0
    }
}

.product-detail-hero--module .product-detail-hero--module__banner-info--top {
    padding: 0 0 50px
}

@media screen and (max-width: 768px) {
    .product-detail-hero--module .product-detail-hero--module__banner-info--top {
        padding:0 0 25px
    }
}

.product-detail-hero--module__banner-info .row {
    justify-content: center
}

@media screen and (max-width: 768px) {
    .product-detail-hero--module__banner-info .row {
        align-items:flex-start;
        flex-direction: column;
        justify-content: flex-start
    }
}

.product-detail-hero--module__banner-info p {
    align-items: center;
    color: #293056;
    display: flex;
    font-weight: 600;
    margin: 0 10px
}

@media screen and (max-width: 768px) {
    .product-detail-hero--module__banner-info p {
        flex-direction:column;
        justify-content: flex-start;
        margin: 5px 0
    }
}

.product-detail-hero--module__banner-info i {
    background-color: #bfdbfe;
    border-radius: 5px;
    color: #101323;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    padding: 3px 4px
}

.product-detail-hero--module__banner-info a {
    align-items: center;
    color: #2563eb;
    display: flex;
    font-size: 14px;
    font-weight: 500
}

.product-detail-hero--module__banner-info a:hover svg {
    left: 10px
}

.product-detail-hero--module__banner-info a svg {
    left: 5px;
    position: relative;
    transition: .35s
}

section.use-case-product--module {
    background-color: #f0f9ff;
    padding: 129px 0!important
}

@media only screen and (max-width: 768px) {
    section.use-case-product--module {
        padding:64px 0!important
    }

    section.use-case-product--module .container {
        overflow: initial
    }
}

section.use-case-product--module .heading-wrap {
    max-width: 584px
}

section.use-case-product--module .heading-wrap small {
    color: #0284c7;
    display: block;
    font-weight: 600;
    margin-bottom: 32px
}

section.use-case-product--module .heading-wrap h2 {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.25em;
    margin-bottom: 16px
}

section.use-case-product--module .heading-wrap p {
    color: #3e4784;
    font-size: 16px;
    line-height: 1.5em
}

section.use-case-product--module .two-col-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 42px
}

section.use-case-product--module .card-wrap {
    background-color: #fff;
    border-radius: 32px;
    box-shadow: 0 25px 50px -12px rgba(13,15,28,.25);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    width: calc(50% - 12px)
}

@media only screen and (max-width: 1023px) {
    section.use-case-product--module .card-wrap {
        width:100%
    }

    section.use-case-product--module .card-wrap:not(:first-child) {
        margin-top: 24px
    }
}

section.use-case-product--module .card-top {
    flex: 1;
    padding: 48px 48px 40px
}

@media only screen and (max-width: 768px) {
    section.use-case-product--module .card-top {
        padding:40px 24px 32px
    }
}

section.use-case-product--module .card-top h3 {
    color: #293056;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.25em;
    margin: 0
}

section.use-case-product--module .card-top p {
    color: #3e4784;
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 0;
    margin-top: 16px
}

section.use-case-product--module .card-top .button-link {
    align-items: center;
    display: inline-flex;
    margin-top: 24px;
    padding: .8em 1em
}

section.use-case-product--module .card-top .button-link:hover path {
    fill: #4169e1
}

section.use-case-product--module .card-top .button-link svg {
    margin-left: 5px
}

section.use-case-product--module .card-bottom {
    background-color: #bae6fd;
    border-top: 1px solid #d5d9eb;
    padding: 32px 32px 0
}

@media only screen and (max-width: 768px) {
    section.use-case-product--module .card-bottom {
        padding:32px 0 0 32px
    }
}

section.use-case-product--module .card-bottom figure {
    margin: 0;
    position: relative
}

@media only screen and (max-width: 768px) {
    section.use-case-product--module .card-bottom figure {
        max-width:180%;
        width: 180%
    }
}

section.use-case-product--module .card-bottom figure:before {
    content: "";
    display: block;
    padding-top: 49%;
    position: relative
}

section.use-case-product--module .card-bottom figure img {
    display: block;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.product-email--api {
    background-color: #f9fbfe;
    padding: 100px 0
}

@media screen and (max-width: 768px) {
    .product-email--api {
        padding:70px 0
    }
}

.product-email--api .row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.product-email--api .col {
    width: calc(50% - 32px)
}

@media screen and (max-width: 1024px) {
    .product-email--api .col {
        width:100%
    }

    .product-email--api .col.right-col {
        margin-top: 60px
    }
}

.product-email--api figure {
    background-color: #eaecf5;
    border-radius: 12px;
    margin-bottom: 0;
    overflow: hidden;
    position: relative
}

.product-email--api figure:before {
    content: "";
    display: block;
    height: 0;
    padding-top: 72%
}

.product-email--api figure img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.pricing-feature-grid .product-email--api h5,.product-email--api .eyebrow,.product-email--api .pricing-feature-grid h5,.product-email--api .subhead {
    color: #0284c7;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%
}

.product-email--api h2 {
    color: #293056;
    font-size: 28px;
    font-weight: 600;
    line-height: 125%;
    margin-top: 30px
}

.product-email--api p {
    color: #3e4784;
    font-size: 16px;
    line-height: 150%;
    max-width: 565px
}

@media screen and (max-width: 768px) {
    .product-email--api p {
        max-width:100%
    }
}

.product-email--api .tabs-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 35px
}

.product-email--api .tabs-wrap span {
    background-color: #f0f9ff;
    border-radius: 32px;
    color: #3e4784;
    display: inline-block;
    margin-bottom: 8px;
    margin-right: 4px;
    padding: 8px 16px
}

.product-email--api .feature-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 80px
}

@media screen and (max-width: 768px) {
    .product-email--api .feature-row {
        margin-top:60px
    }
}

.product-email--api .feature-row img {
    max-width: 40px
}

.product-email--api .feature-row .col {
    width: calc(33.33333% - 20px)
}

@media screen and (max-width: 768px) {
    .product-email--api .feature-row .col {
        width:100%
    }

    .product-email--api .feature-row .col:not(:last-child) {
        margin-bottom: 30px
    }
}

.product-email--api .feature-row h3 {
    color: #293056;
    font-size: 18px;
    font-weight: 600;
    line-height: 125%;
    margin: 10px 0 8px
}

.product-email--api .feature-row p {
    margin-top: 0;
    max-width: 363px
}

@media screen and (max-width: 768px) {
    .product-email--api .feature-row p {
        max-width:100%
    }
}

.product-email--api .feature-row p strong {
    color: #293056
}

.productLdr-4Col {
    padding: 120px 0
}

.productLdr-4Col .heading-wrap {
    margin-bottom: 35px
}

.productLdr-4Col .heading-wrap small {
    color: #2563eb;
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 30px
}

.productLdr-4Col .heading-wrap h2 {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.25em;
    margin-bottom: 20px
}

.productLdr-4Col .heading-wrap p {
    color: #3e4784;
    font-size: 16px;
    line-height: 1.5em
}

.productLdr-4Col .cols-wrap {
    grid-gap: 80px 32px;
    display: grid;
    grid-template-columns: repeat(4,1fr)
}

@media screen and (min-width: 1025px) {
    .productLdr-4Col .cols-wrap.desktop .big-text,.productLdr-4Col .cols-wrap.desktop .caption {
        display:none
    }
}

@media screen and (max-width: 1024px) {
    .productLdr-4Col .cols-wrap {
        grid-template-columns:repeat(2,1fr)
    }

    .productLdr-4Col .cols-wrap.mobile {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .productLdr-4Col .cols-wrap {
        grid-gap:45px 30px;
        grid-template-columns: repeat(1,1fr)
    }
}

.productLdr-4Col .cols-wrap figure {
    display: block;
    margin-bottom: 20px
}

.productLdr-4Col .cols-wrap h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.25em;
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .productLdr-4Col .cols-wrap h3 {
        margin-bottom:15px
    }
}

.productLdr-4Col .cols-wrap p {
    color: #3e4784;
    font-size: 16px;
    line-height: 1.5em
}

.productLdr-4Col .cols-wrap p.big-text {
    color: #2563eb;
    font-size: 35px;
    font-weight: 600;
    line-height: 1em;
    margin: 40px 0 0
}

@media screen and (min-width: 1025px) {
    .productLdr-4Col .cols-wrap p.big-text {
        margin:18px 0 0
    }
}

.productLdr-4Col .cols-wrap .caption {
    margin-top: 12px
}

@media screen and (max-width: 768px) {
    .productLdr-4Col .cols-wrap .caption,.productLdr-4Col .cols-wrap p.big-text {
        text-align:right
    }

    .productLdr-4Col .cols-wrap p.big-text {
        margin-top: 20px
    }

    .productLdr-4Col .cols-wrap .caption {
        margin-top: 5px
    }
}

.productLdr-heading {
    padding: 230px 0 120px
}

@media screen and (max-width: 768px) {
    .productLdr-heading {
        padding:120px 0 60px
    }
}

.productLdr-heading .heading-wrap {
    text-align: center
}

.productLdr-heading h2 {
    color: #080817;
    font-size: 42px;
    font-weight: 600;
    line-height: 1.15em;
    margin: 0 auto 20px;
    max-width: 624px
}

.productLdr-heading .text-wrap {
    margin: 0 auto;
    max-width: 460px
}

.productLdr-heading p {
    color: #52525d;
    font-size: 14px;
    line-height: 1.5em
}

.product-promo-banner {
    padding: 120px 0
}

@media screen and (max-width: 768px) {
    .product-promo-banner {
        padding:60px 0
    }
}

.product-promo-banner .container {
    align-items: flex-end;
    background-color: #eff6ff;
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
    padding-left: 0!important;
    padding-right: 75px
}

@media screen and (max-width: 1024px) {
    .product-promo-banner .container {
        max-width:calc(100% - 60px)
    }
}

@media screen and (max-width: 768px) {
    .product-promo-banner .container {
        flex-wrap:wrap;
        padding-right: 0
    }
}

.product-promo-banner .heading-wrap {
    flex: 1;
    max-width: 688px;
    padding: 50px
}

@media screen and (max-width: 768px) {
    .product-promo-banner .heading-wrap {
        max-width:100%;
        padding: 50px 30px
    }
}

.product-promo-banner .heading-wrap h2 {
    color: #213571;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.25em;
    margin-bottom: 15px
}

.product-promo-banner .heading-wrap p {
    color: #213571;
    font-size: 16px;
    line-height: 1.5em
}

.product-promo-banner .heading-wrap .cta-wrap {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    margin-top: 20px
}

@media screen and (max-width: 768px) {
    .product-promo-banner .heading-wrap .cta-wrap {
        width:100%
    }
}

.product-promo-banner .heading-wrap .button-link {
    align-items: center;
    display: flex;
    white-space: nowrap
}

@media screen and (max-width: 768px) {
    .product-promo-banner .heading-wrap .button-link {
        justify-content:center;
        margin-bottom: 15px;
        text-align: center;
        width: 100%
    }
}

.product-promo-banner .heading-wrap .button-link svg {
    display: inline-block;
    margin-left: 5px
}

.product-promo-banner .heading-wrap .text-link {
    color: #4169e1;
    padding: 5px 30px;
    white-space: nowrap
}

@media screen and (max-width: 768px) {
    .product-promo-banner .heading-wrap .text-link {
        text-align:center;
        width: 100%
    }
}

.product-promo-banner .image-wrap img {
    max-width: 258px
}

@media screen and (max-width: 768px) {
    .product-promo-banner .image-wrap img {
        display:block;
        margin: 0 auto;
        max-width: 100%;
        width: 70%
    }
}

.lp-hero-module {
    padding-top: calc(var(--top-nav-height) - 13px)!important
}

.lp-hero-module,.lp-hero-module .main-container {
    position: relative
}

.lp-hero-module .body-bg {
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (max-width: 768px) {
    .lp-hero-module .body-bg-d {
        display:none
    }
}

@media screen and (min-width: 769px) {
    .lp-hero-module .body-bg-m {
        display:none
    }
}

@media screen and (max-width: 768px) {
    .lp-hero-module .railimg-column-mobile.off-rail-mobile {
        display:none
    }
}

.lp-hero-module .guide-details-columns {
    align-items: center;
    color: #080817;
    display: flex;
    flex-wrap: wrap;
    font: 16px/24px Poppins,sans-serif;
    padding-bottom: 20px;
    padding-top: 30px;
    position: relative
}

@media screen and (min-width: 769px) {
    .lp-hero-module .guide-details-columns {
        justify-content:space-between;
        padding-bottom: 60px;
        padding-top: 60px
    }
}

@media screen and (min-width: 1200px) {
    .lp-hero-module .guide-details-columns {
        font-size:18px;
        line-height: 30px
    }
}

.lp-hero-module .guide-details-columns>.column {
    width: 100%
}

@media screen and (min-width: 769px) {
    .lp-hero-module .guide-details-columns>.column {
        padding:0;
        width: 50%
    }

    .lp-hero-module .guide-details-columns>.column:first-child {
        width: 46%
    }

    .lp-hero-module .guide-details-columns>.column:last-child {
        width: 40%
    }
}

.lp-hero-module .guide-details-columns>.column .column {
    width: 100%
}

.lp-hero-module .guide-details-columns .content-wrap .list-column {
    margin-top: 70px
}

.lp-hero-module .guide-details-columns .image {
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center
}

@media only screen and (min-width: 769px) {
    .lp-hero-module .guide-details-columns .image {
        text-align:left
    }
}

@media screen and (min-width: 1200px) {
    .lp-hero-module .guide-details-columns .image {
        margin-bottom:35px
    }
}

@media screen and (min-width: 1400px) {
    .lp-hero-module .guide-details-columns .image {
        margin-bottom:48px
    }
}

@media screen and (min-width: 1800px) {
    .lp-hero-module .guide-details-columns .image {
        margin-bottom:68px
    }
}

.lp-hero-module .guide-details-columns .image img {
    border-radius: 10px
}

.lp-hero-module .guide-details-columns img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: top
}

.lp-hero-module .guide-details-columns .share {
    align-items: center;
    display: flex;
    font-size: 14px;
    justify-content: flex-start;
    line-height: 24px
}

.lp-hero-module .guide-details-columns .share>span {
    color: #293056;
    font-size: 16px;
    font-weight: 500;
    margin-right: 10px
}

@media only screen and (min-width: 1200px) {
    .lp-hero-module .guide-details-columns .share>span {
        margin-right:15px
    }
}

.lp-hero-module .guide-details-columns .social {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -10px;
    padding: 0
}

@media only screen and (min-width: 769px) {
    .lp-hero-module .guide-details-columns .social {
        margin:0
    }
}

.lp-hero-module .guide-details-columns .social li {
    margin: 0 2px!important;
    padding: 0!important
}

.lp-hero-module .guide-details-columns .social a {
    align-items: center;
    display: flex;
    position: relative
}

.lp-hero-module .guide-details-columns .social a:before {
    background: #4169e1;
    border-radius: 50%;
    content: "";
    height: 40px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .3s;
    width: 40px
}

.lp-hero-module .guide-details-columns .social a:hover:before {
    opacity: 1
}

.lp-hero-module .guide-details-columns .social a:hover path {
    fill: #fff
}

.lp-hero-module .guide-details-columns .social svg {
    position: relative;
    z-index: 2
}

.lp-hero-module .guide-details-columns .social path {
    transition: fill .3s
}

.lp-hero-module .guide-details-columns .heading-tag {
    background-color: #bae6fd;
    border-radius: 4px;
    color: #1e40af;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
    padding: 0 10px
}

.lp-hero-module .guide-details-columns .heading-tag:hover {
    background-color: #bae6fd;
    color: #1e40af
}

.lp-hero-module .guide-details-columns .h1,.lp-hero-module .guide-details-columns h1 {
    color: #293056;
    font: 600 28px/35px Poppins,sans-serif;
    font-size: 22px;
    line-height: 27.5px;
    margin: 0 0 20px
}

@media only screen and (min-width: 1200px) {
    .lp-hero-module .guide-details-columns .h1,.lp-hero-module .guide-details-columns h1 {
        font-size:28px;
        line-height: 35px;
        margin-bottom: 14px
    }
}

.lp-hero-module .guide-details-columns .h5,.lp-hero-module .guide-details-columns h5 {
    color: #293056;
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 15px
}

@media only screen and (min-width: 1200px) {
    .lp-hero-module .guide-details-columns .h5,.lp-hero-module .guide-details-columns h5 {
        font-size:18px;
        line-height: 22px;
        margin-bottom: 20px
    }
}

.lp-hero-module .guide-details-columns .left-col-wrap p {
    color: #293056;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 20px
}

.lp-hero-module .guide-details-columns .left-col-wrap ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.lp-hero-module .guide-details-columns .left-col-wrap ul li {
    color: #293056;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 25px;
    padding-left: 35px;
    position: relative
}

.lp-hero-module .guide-details-columns .left-col-wrap ul .icon {
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px
}

.lp-hero-module .guide-details-columns .left-col-wrap ul.info-list {
    list-style: disc;
    max-width: none;
    padding: 0 0 0 30px
}

.lp-hero-module .guide-details-columns .left-col-wrap ul.info-list li {
    margin-bottom: 20px;
    padding: 0
}

.lp-hero-module .guide-details-columns .button-link.orange {
    background: #ff786a;
    margin-top: 20px
}

@media only screen and (min-width: 1400px) {
    .lp-hero-module .guide-details-columns .button-link.orange {
        margin-top:40px
    }
}

@media only screen and (min-width: 1800px) {
    .lp-hero-module .guide-details-columns .button-link.orange {
        margin-top:50px
    }
}

.no-touch .lp-hero-module .guide-details-columns .button-link.orange:hover {
    background: #ff1c04;
    border-color: transparent;
    color: #fff
}

.lp-hero-module .guide-details-columns.two-col {
    margin-bottom: 80px;
    padding-top: 0
}

@media screen and (max-width: 767px) {
    .lp-hero-module .guide-details-columns.two-col {
        margin-bottom:73px;
        margin-top: -30px
    }
}

.lp-hero-module .guide-details-columns.two-col .hide {
    display: none
}

.lp-hero-module .guide-details-columns.two-col .left-col {
    padding: 0 30px 0 0;
    width: 50%
}

@media screen and (max-width: 1023px) {
    .lp-hero-module .guide-details-columns.two-col .left-col {
        padding-left:20px
    }
}

@media screen and (max-width: 767px) {
    .lp-hero-module .guide-details-columns.two-col .left-col {
        padding:0;
        width: 100%
    }
}

.lp-hero-module .guide-details-columns.two-col .left-col br {
    display: none
}

.lp-hero-module .guide-details-columns.two-col .left-col h1 {
    font-size: 60px;
    line-height: 78px;
    margin-bottom: 22px
}

@media screen and (max-width: 767px) {
    .lp-hero-module .guide-details-columns.two-col .left-col h1 {
        font-size:36px;
        line-height: 44px;
        margin-bottom: 31px
    }
}

.lp-hero-module .guide-details-columns.two-col .left-col p {
    color: #52525d;
    opacity: 1
}

@media screen and (min-width: 769px) {
    .lp-hero-module .guide-details-columns.two-col .left-col p {
        max-width:509px
    }
}

@media screen and (max-width: 767px) {
    .lp-hero-module .guide-details-columns.two-col .left-col p {
        font-size:14px;
        line-height: 20px
    }
}

.lp-hero-module .guide-details-columns.two-col .right-col {
    padding: 0 0 0 30px;
    width: 50%
}

@media screen and (max-width: 1023px) {
    .lp-hero-module .guide-details-columns.two-col .right-col {
        padding-right:20px
    }
}

@media screen and (max-width: 767px) {
    .lp-hero-module .guide-details-columns.two-col .right-col {
        margin-top:40px;
        padding: 0;
        width: 100%
    }
}

.lp-hero-module .guide-details-columns.two-col .right-col-wrap {
    background-color: #f6f8fe;
    border-radius: 10px;
    padding: 30px
}

@media screen and (max-width: 767px) {
    .lp-hero-module .guide-details-columns.two-col .right-col-wrap {
        padding:20px 19px 30px
    }
}

.lp-hero-module .guide-details-columns.two-col .right-col .image {
    margin-bottom: 29px
}

@media screen and (max-width: 767px) {
    .lp-hero-module .guide-details-columns.two-col .right-col .image {
        margin-bottom:20px
    }
}

.lp-hero-module .guide-details-columns.two-col .right-col .image img {
    border-radius: 5px
}

.lp-hero-module .guide-details-columns.two-col .right-col h5 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 13px
}

@media screen and (max-width: 767px) {
    .lp-hero-module .guide-details-columns.two-col .right-col h5 {
        line-height:30px;
        margin-bottom: 10px
    }

    .lp-hero-module .guide-details-columns.two-col .right-col .info-list {
        padding-left: 23px
    }
}

.lp-hero-module .guide-details-columns.two-col .right-col .info-list li {
    color: #52525d;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 14px
}

.lp-hero-module .guide-details-columns.two-col .right-col-cta {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 30px
}

@media screen and (max-width: 1023px) {
    .lp-hero-module .guide-details-columns.two-col .right-col-cta {
        flex-direction:column;
        margin-top: 30px
    }

    .lp-hero-module .guide-details-columns.two-col .right-col-cta .button-link {
        margin-bottom: 20px
    }
}

.lp-hero-module .guide-details-columns.two-col .right-col .share {
    justify-content: flex-start
}

@media screen and (max-width: 1023px) {
    .lp-hero-module .guide-details-columns.two-col .right-col .share {
        align-items:center;
        flex-direction: column
    }
}

.lp-hero-module .guide-details-columns.two-col .right-col .share span {
    opacity: 1
}

@media screen and (max-width: 1023px) {
    .lp-hero-module .guide-details-columns.two-col .right-col .share span {
        margin:0 0 7px 3px
    }
}

.lp-hero-module .guide-details-columns.two-col .right-col .share span:after {
    content: ":"
}

.lp-hero-module .guide-details-columns.two-col .right-col .share a:before {
    background: #fff;
    height: 28px;
    opacity: 1;
    transition: all .3s ease;
    width: 28px
}

.lp-hero-module .guide-details-columns.two-col .right-col .share a svg * {
    fill: #4169e1;
    transition: all .3s ease
}

.lp-hero-module .guide-details-columns.two-col .right-col .share a:hover:before {
    background: #4169e1
}

.lp-hero-module .guide-details-columns.two-col .right-col .share a:hover svg * {
    fill: #fff
}

.lp-hero-module .guide-details-columns.two-col .right-col .share li {
    margin: 0 15px!important
}

.lp-hero-module .guide-details-columns.two-col .right-col .share li:first-of-type svg {
    width: 12px
}

.lp-hero-module .guide-details-columns.two-col .right-col .share li:nth-of-type(2) svg {
    width: 6px
}

@media screen and (min-width: 1024px) {
    .lp-hero-module .guide-details-columns.two-col .right-col .share li:last-of-type {
        margin-right:9px!important
    }
}

.lp-hero-module .guide-details-columns.two-col .right-col .share li:last-of-type svg {
    width: 10px
}

.lp-hero-module .guide-details-columns .connect-form {
    box-shadow: 0 2px 4px -1px rgba(13,15,28,.059),0 4px 6px -1px rgba(13,15,28,.102);
    padding: 50px 30px
}

@media only screen and (max-width: 768px) {
    .lp-hero-module .guide-details-columns .connect-form {
        border-radius:0;
        box-shadow: 0 2px 4px -1px rgba(13,15,28,.059),0 4px 6px -1px rgba(13,15,28,.102);
        left: -25px;
        position: relative;
        width: calc(100% + 50px)
    }

    .lp-hero-module .guide-details-columns .form-column {
        padding-top: 60px
    }
}

.lp-hero-module .guide-details-columns .h3_form {
    color: #293056;
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 45px;
    margin-top: 0
}

@media only screen and (min-width: 769px) {
    .lp-hero-module .guide-details-columns .h3_form {
        margin-left:auto;
        margin-right: auto;
        max-width: 300px
    }
}

@media only screen and (max-width: 768px) {
    .lp-hero-module .guide-details-columns .h3_form {
        text-align:left!important
    }
}

.lp-hero-module .guide-details-columns .privacy-policy-form {
    color: #4e5ba6;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    text-align: center
}

.lp-hero-module .guide-details-columns .privacy-policy-form a {
    color: #2563eb
}

@media screen and (max-width: 768px) {
    .lp-hero-module .railimg-column-desktop {
        display:none
    }
}

.lp-hero-module .railimg-column-mobile {
    margin-bottom: 20px;
    margin-top: 20px
}

@media screen and (min-width: 769px) {
    .lp-hero-module .railimg-column-mobile {
        display:none
    }
}

@media screen and (max-width: 768px) {
    .lp-hero-module .railimg-column-mobile {
        margin-bottom:0;
        margin-top: 60px
    }
}

.lp-hero-module .cta-btn-wrap {
    margin: 15px 0 0
}

@media screen and (max-width: 768px) {
    .lp-hero-module .cta-btn-wrap {
        margin-top:15px
    }
}

.lp-hero-module .cta-button {
    border-style: solid!important;
    border-width: 1px!important
}

@media screen and (max-width: 768px) {
    .lp-hero-module .cta-button {
        font-size:16px;
        padding: 16px!important
    }
}

.lp-hero-module .cta-button:hover {
    border-width: 1px!important
}

.lp-hero-module .cta-text {
    border: none;
    padding-left: 30px
}

.lp-hero-module .download-btn {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    padding: 17px 30px;
    white-space: nowrap
}

.lp-hero-module .download-btn:hover path {
    fill: #4169e1
}

.lp-hero-module .download-btn svg {
    display: inline-block;
    margin-right: 5px
}

.lp-hero-module.theme-gray .cta-text:hover span {
    border-bottom: 1px solid #080817;
    color: #080817
}

.lp-hero-module.theme-blue h1,.lp-hero-module.theme-blue h5 {
    color: #fff
}

.lp-hero-module.theme-blue .left-col-wrap ol li,.lp-hero-module.theme-blue .left-col-wrap p,.lp-hero-module.theme-blue .left-col-wrap ul li {
    color: hsla(0,0%,100%,.7)
}

.lp-hero-module.theme-blue .left-col-wrap ul .icon path {
    fill: hsla(0,0%,100%,.85)
}

.lp-hero-module.theme-blue .share>span {
    color: hsla(0,0%,100%,.7)
}

.lp-hero-module.theme-blue .social svg path {
    fill: hsla(0,0%,100%,.85)
}

#comments .form-submit .lp-hero-module.theme-blue input.cta-button,.lp-hero-module.theme-blue #comments .form-submit input.cta-button,.lp-hero-module.theme-blue .cta-button.btn {
    background: #fff;
    border-color: #fff;
    color: #2c2c2c
}

#comments .form-submit .lp-hero-module.theme-blue input.cta-button:hover,.lp-hero-module.theme-blue #comments .form-submit input.cta-button:hover,.lp-hero-module.theme-blue .cta-button.btn:hover {
    background: #4169e1!important;
    border-color: #4169e1!important;
    color: #fff!important
}

.lp-hero-module.theme-blue .cta-text {
    color: #fff
}

.lp-hero-module.theme-blue .cta-text:hover span {
    border-bottom: 1px solid #fff
}

.lp-hero-module.theme-blue .download-btn:hover path {
    fill: #fff
}

.lp-hero-module.theme-blue .download-btn svg path {
    fill: #4169e1
}

.lp-hero-module__banner-info {
    padding: 100px 0 0
}

@media screen and (max-width: 768px) {
    .lp-hero-module__banner-info {
        padding:70px 0 0
    }
}

.product-detail-hero--module .lp-hero-module__banner-info--top {
    padding: 0 0 50px
}

@media screen and (max-width: 768px) {
    .product-detail-hero--module .lp-hero-module__banner-info--top {
        padding:0 0 25px
    }
}

.lp-hero-module__banner-info .row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media screen and (max-width: 768px) {
    .lp-hero-module__banner-info .row {
        align-items:flex-start;
        flex-direction: column;
        justify-content: flex-start
    }
}

.lp-hero-module__banner-info p {
    align-items: center;
    color: #293056;
    display: flex;
    font-weight: 600;
    margin: 0 10px
}

@media screen and (max-width: 768px) {
    .lp-hero-module__banner-info p {
        flex-direction:column;
        justify-content: flex-start;
        margin: 5px 0
    }
}

.lp-hero-module__banner-info i {
    background-color: #bfdbfe;
    border-radius: 5px;
    color: #101323;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    padding: 3px 4px
}

.lp-hero-module__banner-info a {
    align-items: center;
    color: #2563eb;
    display: flex;
    font-size: 14px;
    font-weight: 500
}

.lp-hero-module__banner-info a:hover svg {
    left: 10px
}

.lp-hero-module__banner-info a svg {
    left: 5px;
    position: relative;
    transition: .35s
}

.generative-resources--block {
    padding: 90px 0 80px
}

@media screen and (max-width: 668px) {
    .generative-resources--block {
        padding:45px 0
    }
}

.generative-resources--block .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 26px
}

.generative-resources--block .col {
    border-radius: 12px;
    display: block;
    overflow: hidden;
    padding: 24px 24px 60px;
    position: relative;
    transition: transform .5s ease,background-color .5s ease,box-shadow .5s ease;
    width: calc(33.33333% - 16px)
}

.generative-resources--block .col:hover {
    box-shadow: 5px 8px 28px rgba(23,23,36,.1);
    transform: translateY(-10px)
}

@media screen and (max-width: 900px) {
    .generative-resources--block .col {
        width:100%
    }

    .generative-resources--block .col:not(:last-child) {
        margin-bottom: 26px
    }
}

@media screen and (max-width: 668px) {
    .generative-resources--block .col {
        padding:20px 20px 55px
    }
}

.generative-resources--block .bg-img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.generative-resources--block article {
    position: relative;
    z-index: 1
}

.generative-resources--block h2 {
    color: #101323;
    font-size: 28px;
    font-weight: 600;
    line-height: 35px
}

.generative-resources--block h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    line-height: 35px;
    margin-bottom: 18px;
    margin-top: 0
}

@media screen and (max-width: 668px) {
    .generative-resources--block h3 {
        font-size:22px;
        line-height: 27.5px
    }
}

.generative-resources--block p {
    color: #fff;
    font-size: 16px;
    line-height: 24px
}

.generative-resources--block .read-btn {
    align-items: center;
    bottom: 24px;
    display: flex;
    position: absolute;
    right: 24px;
    z-index: 1
}

@media screen and (max-width: 668px) {
    .generative-resources--block .read-btn {
        bottom:20px;
        right: 20px
    }
}

.generative-resources--block .read-btn span {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-right: 6px
}

.generative-main--block {
    padding: 100px 0;
    position: relative
}

@media screen and (max-width: 868px) {
    .generative-main--block {
        padding:80px 0
    }
}

.generative-main--block .bg-img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.generative-main--block .container {
    position: relative
}

.generative-main--block .boxes-wrap .title {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px
}

@media screen and (max-width: 868px) {
    .generative-main--block .boxes-wrap .title {
        display:block;
        justify-content: flex-start
    }
}

.generative-main--block .boxes-wrap .title span {
    margin-right: 10px
}

.generative-main--block .boxes-wrap h2 {
    color: #293056;
    font-size: 22px;
    font-weight: 600;
    line-height: 27.5px
}

.generative-main--block .boxes-wrap span {
    color: #2563eb;
    font-size: 28px;
    font-weight: 600
}

@media screen and (max-width: 868px) {
    .generative-main--block .boxes-wrap span {
        display:block;
        margin-bottom: 15px
    }
}

.generative-main--block .boxes-wrap p {
    color: #3e4784;
    font-size: 16px;
    line-height: 24px
}

.generative-main--block .top-box {
    text-align: center
}

@media screen and (max-width: 868px) {
    .generative-main--block .top-box {
        text-align:left
    }
}

.generative-main--block .top-box p {
    margin: 0 auto;
    max-width: 915px
}

@media screen and (max-width: 868px) {
    .generative-main--block .top-box p {
        max-width:100%
    }
}

.generative-main--block .box-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 100px
}

@media screen and (max-width: 868px) {
    .generative-main--block .box-row {
        margin-top:80px
    }
}

.generative-main--block .box {
    margin-bottom: 80px;
    max-width: 500px;
    width: 45%
}

@media screen and (max-width: 868px) {
    .generative-main--block .box {
        max-width:100%;
        width: 100%
    }

    .generative-main--block .box:last-child {
        margin-bottom: 0
    }
}

.generative-main--block .box span {
    display: block;
    margin-bottom: 8px
}

@media screen and (max-width: 868px) {
    .generative-main--block .box span {
        margin-bottom:15px
    }
}

.generative-main--block .three-item-case .cards-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 80px;
    margin-top: 20px
}

@media screen and (max-width: 868px) {
    .generative-main--block .three-item-case .cards-wrap {
        margin-top:80px
    }
}

.generative-main--block .three-item-case .cards-wrap .card {
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 1px 3px 0 rgba(13,15,28,.1),0 1px 2px 0 rgba(13,15,28,.06);
    padding: 20px;
    width: calc(33.33333% - 30px)
}

@media screen and (max-width: 868px) {
    .generative-main--block .three-item-case .cards-wrap .card {
        width:100%
    }
}

.generative-main--block .three-item-case .cards-wrap .card:not(:last-child) {
    margin-right: 45px
}

@media screen and (max-width: 868px) {
    .generative-main--block .three-item-case .cards-wrap .card:not(:last-child) {
        margin-bottom:40px;
        margin-right: 0
    }
}

.generative-main--block .three-item-case .cards-wrap .card img {
    display: block
}

.generative-main--block .three-item-case .cards-wrap .card span {
    color: #293056;
    display: block;
    font-size: 48px;
    font-weight: 600;
    line-height: 35px;
    margin-top: 20px
}

.generative-main--block .three-item-case .cards-wrap .card p {
    color: #363f72;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 3px;
    margin-top: 20px
}

.generative-main--block .two-items-caes .cards-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.generative-main--block .two-items-caes .icon {
    display: block
}

.generative-main--block .two-items-caes .card {
    margin-bottom: 110px;
    width: 47%
}

@media screen and (max-width: 768px) {
    .generative-main--block .two-items-caes .card {
        width:100%
    }
}

.generative-main--block .two-items-caes .number {
    color: #2563eb;
    display: block;
    font-size: 28px;
    font-weight: 600
}

.generative-main--block .two-items-caes h2 {
    color: #293056;
    font-size: 22px;
    font-weight: 600;
    line-height: 27.5px;
    margin-top: 10px
}

.generative-main--block .two-items-caes p {
    color: #3e4784;
    font-size: 16px;
    line-height: 24px
}

.generative-main--block .two-items-caes .wrap {
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 1px 3px 0 rgba(13,15,28,.1),0 1px 2px 0 rgba(13,15,28,.06);
    margin-top: 30px;
    padding: 20px
}

.generative-main--block .two-items-caes .wrap p {
    color: #363f72;
    font-weight: 500;
    margin-bottom: 0
}

.generative-main--block .two-items-caes .wrap .top {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width: 500px) {
    .generative-main--block .two-items-caes .wrap .top {
        display:block
    }
}

.generative-main--block .two-items-caes .wrap .top img {
    margin-right: 15px;
    margin-top: 5px
}

@media screen and (max-width: 500px) {
    .generative-main--block .two-items-caes .wrap .top img {
        display:block;
        margin-top: 0
    }
}

.generative-main--block .two-items-caes .wrap span {
    color: #293056;
    display: block;
    font-size: 48px;
    font-weight: 600;
    line-height: 40px;
    margin-top: 10px
}

@media screen and (max-width: 500px) {
    .generative-main--block .two-items-caes .wrap span {
        margin-top:20px
    }
}

.generative-main--block .report-block {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 3px 0 rgba(13,15,28,.1),0 1px 2px 0 rgba(13,15,28,.06);
    display: flex;
    justify-content: space-between;
    padding: 32px 48px 25px
}

@media screen and (max-width: 768px) {
    .generative-main--block .report-block {
        flex-direction:column-reverse;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 600px) {
    .generative-main--block .report-block {
        padding:48px 5%
    }
}

.generative-main--block .report-block article {
    max-width: 646px;
    padding-right: 25px
}

@media screen and (max-width: 768px) {
    .generative-main--block .report-block article {
        max-width:100%
    }
}

.generative-main--block .report-block h2 {
    color: #293056;
    font-size: 28px;
    font-weight: 600;
    line-height: 35px
}

@media screen and (max-width: 600px) {
    .generative-main--block .report-block h2 {
        font-size:22px
    }
}

.generative-main--block .report-block p {
    color: #293056;
    font-size: 16px;
    line-height: 24px
}

.generative-main--block .report-block .btn-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px
}

#comments .form-submit .generative-main--block .report-block .btn-wrap input,.generative-main--block .report-block .btn-wrap #comments .form-submit input,.generative-main--block .report-block .btn-wrap .btn {
    align-items: center;
    border: 2px solid #4169e1;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    margin-right: 15px;
    padding: 16px 32px
}

@media screen and (max-width: 600px) {
    #comments .form-submit .generative-main--block .report-block .btn-wrap input,.generative-main--block .report-block .btn-wrap #comments .form-submit input,.generative-main--block .report-block .btn-wrap .btn {
        margin-bottom:15px;
        margin-right: 0;
        width: 100%
    }

    #comments .form-submit .generative-main--block .report-block .btn-wrap input span,.generative-main--block .report-block .btn-wrap #comments .form-submit input span,.generative-main--block .report-block .btn-wrap .btn span {
        font-size: 16px;
        font-weight: 500
    }
}

#comments .form-submit .generative-main--block .report-block .btn-wrap input:hover,.generative-main--block .report-block .btn-wrap #comments .form-submit input:hover,.generative-main--block .report-block .btn-wrap .btn:hover {
    border: 2px solid #4169e1!important
}

#comments .form-submit .generative-main--block .report-block .btn-wrap input:hover svg path,.generative-main--block .report-block .btn-wrap #comments .form-submit input:hover svg path,.generative-main--block .report-block .btn-wrap .btn:hover svg path {
    fill: #4169e1
}

#comments .form-submit .generative-main--block .report-block .btn-wrap input svg,.generative-main--block .report-block .btn-wrap #comments .form-submit input svg,.generative-main--block .report-block .btn-wrap .btn svg {
    margin-left: 5px
}

.generative-main--block .report-block .btn-wrap .button-link {
    margin-bottom: 10px;
    padding: 16px 32px
}

@media screen and (max-width: 600px) {
    .generative-main--block .report-block .btn-wrap .button-link {
        font-size:16px;
        font-weight: 500;
        margin-bottom: 0;
        margin-left: 0;
        width: 100%
    }
}

.generative-main--block .report-block figure {
    margin: 0
}

.generative-main--block .report-block figure img {
    max-width: 215px
}

@media screen and (max-width: 768px) {
    .generative-main--block .report-block figure img {
        max-width:150px
    }
}

@media screen and (max-width: 600px) {
    .generative-main--block .report-block figure img {
        max-width:100px
    }
}

:root {
    --ig-max-width: 1620px
}

.inspiration-main {
    padding-bottom: 30px
}

@media screen and (min-width: 1024px) {
    .inspiration-main {
        padding-bottom:75px
    }
}

.page-template-template-inspiration .inspiration-section {
    margin-top: 40px
}

.inspiration-section.blog-section .blog-list>header {
    display: none
}

.inspiration-section.blog-section .pagetitle {
    color: #101323;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%
}

.inspiration-section.blog-section .hero-holder {
    margin-bottom: 40px
}

.inspiration-section.blog-section .post-details {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%
}

.inspiration-section.blog-section .post-details>* {
    white-space: normal
}

.inspiration-section.blog-section .post-authors-title {
    margin-right: .6em;
    opacity: .8
}

.inspiration-section.blog-section .post-author {
    white-space: nowrap
}

.inspiration-section.blog-section .read-more {
    margin-left: auto
}

.inspiration-section.blog-section .post-footer {
    flex-wrap: wrap
}

.inspiration-section.blog-section .newsroom-list {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(1,minmax(0,1fr));
    margin: 0
}

@media screen and (min-width: 568px) {
    .inspiration-section.blog-section .newsroom-list {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}

@media screen and (min-width: 1024px) {
    .inspiration-section.blog-section .newsroom-list {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
}

.inspiration-section.blog-section .blog-newsroom-item_inspiration {
    margin: 0;
    width: auto
}

.ig-popup-title {
    color: #101323;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 133.333%;
    margin: 0 0 .6em
}

@media screen and (min-width: 1024px) {
    .ig-popup-title {
        text-wrap:nowrap;
        overflow: hidden;
        position: absolute;
        text-overflow: ellipsis;
        top: 56px;
        width: calc(100% - 128px)
    }

    .ig-popup-container .ig-header {
        flex-basis: 581px;
        flex-grow: 1;
        flex-shrink: 1;
        min-height: 300px
    }

    .ig-popup-container .ig-post-content {
        flex-basis: 533px;
        flex-grow: 1;
        flex-shrink: 1;
        overflow: hidden;
        position: relative
    }
}

.ig-popup-container .ig-post-content p {
    color: #3e4784;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.ig-popup-container .ig-build-link {
    text-wrap: nowrap;
    color: #4169e1;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    transition: color .3s
}

.ig-popup-container .ig-build-link svg {
    vertical-align: middle
}

.ig-popup-container .ig-build-link:hover {
    color: #6dceff
}

.ig-popup-container .ig-build-link:hover svg {
    opacity: .6
}

.ig-popup-container .ig-authors {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0 20px
}

.ig-popup-container .ig-authors>h4 {
    flex-basis: 100%
}

.ig-popup-container .ig-authors.ig-mobile {
    border-top: 1px solid #d5d9eb;
    padding-top: 12px
}

.ig-popup-container .ig-author {
    align-items: center;
    display: flex;
    flex-direction: row
}

@media screen and (min-width: 1024px) {
    .ig-popup-container .ig-author {
        flex-basis:calc(50% - 10px)
    }
}

.ig-popup-container .ig-author .ig-authour-avatar {
    flex-shrink: 0;
    margin-right: 10px
}

.ig-popup-container .ig-author .ig-authour-avatar img {
    border-radius: 50%;
    height: 35px;
    object-fit: cover;
    width: 35px
}

.ig-popup-container .ig-author .ig-authour-name {
    color: #3e4784;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

.ig-popup-container .ig-author .ig-authour-name a {
    text-decoration: underline
}

.ig-popup-container .ig-buttons {
    align-items: center;
    display: flex;
    gap: 20px;
    padding: 0 0 20px
}

@media screen and (min-width: 1024px) {
    .ig-popup-container .ig-buttons {
        padding:30px 0 20px
    }
}

.ig-popup-container .ig-buttons .ig-button {
    padding: 0
}

.ig-popup-container .ig-buttons .ig-button.button-link {
    padding: 8px 20px
}

@media screen and (min-width: 1024px) {
    .ig-popup-container .ig-buttons .ig-button {
        padding:8px 20px
    }
}

.ig-popup-container .ig-buttons .ig-button a {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 142.857%
}

.ig-slider-container {
    --slider-aspect-ratio: 1.777;
    overflow: hidden;
    position: relative;
    width: 100%
}

.ig-slider {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory
}

.ig-slide {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    flex: 1;
    justify-content: center;
    min-width: 100%;
    scroll-snap-align: start
}

.ig-slide iframe,.ig-slide img {
    aspect-ratio: var(--slider-aspect-ratio);
    height: auto;
    object-fit: cover;
    width: 100%
}

.ig-slider-nav {
    height: 46px;
    position: relative
}

.ig-slider-nav-buttons {
    display: flex;
    gap: 10px;
    position: absolute;
    right: 0;
    top: 10px
}

.ig-slider-navigation-dots {
    display: flex;
    height: 8px;
    justify-content: center;
    padding-top: 23px
}

.ig-slider-dot {
    background-color: #b5b5b9;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 8px;
    margin: 0 7px;
    width: 8px
}

.ig-slider-dot.active {
    background-color: #4169e1
}

.ig-slider-nav-button {
    align-items: center;
    background: transparent;
    border: 1px solid #4169e1;
    border-radius: 8px;
    cursor: pointer;
    display: inline-flex;
    height: 36px;
    justify-content: center;
    transition: color .3s,background-color .3s;
    width: 36px
}

.ig-slider-nav-button:hover {
    background: #4169e1
}

.ig-slider-nav-button:hover path {
    fill: #fff
}

.ig-slider-nav-button svg {
    height: 11px;
    width: 13px
}

.ig-slider-nav-button.ig-slider-prev {
    left: 10px
}

.ig-slider-nav-button.ig-slider-prev svg {
    transform: rotate(180deg)
}

.ig-slider-nav-button.ig-slider-next {
    right: 10px
}

.inpiration-popup .popup-body {
    position: relative
}

@media only screen and (min-width: 1200px) {
    .inpiration-popup .popup-close {
        position:absolute;
        right: 20px;
        top: 15px
    }
}

@media only screen and (min-width: 1400px) {
    .inpiration-popup .popup-close {
        position:absolute;
        right: 35px;
        top: 32px
    }
}

.inpiration-popup .popup-close:after,.inpiration-popup .popup-close:before {
    height: 3px;
    width: 25px
}

@media only screen and (min-width: 1200px) {
    .inpiration-popup .popup-close:after,.inpiration-popup .popup-close:before {
        background:#4169e1
    }
}

.inpiration-popup .popup-close:hover:after,.inpiration-popup .popup-close:hover:before {
    background: #080817
}

@media only screen and (min-width: 1024px) {
    .inpiration-popup .ig-post-content-scroll {
        bottom:0;
        left: 0;
        overflow-y: auto;
        position: absolute;
        right: 0;
        top: 0
    }
}

.inpiration-popup .popup-holder {
    border-radius: 0;
    overflow-y: auto
}

@media only screen and (min-width: 1024px) {
    .inpiration-popup .popup-holder {
        display:flex;
        min-width: 70vw;
        overflow-y: hidden;
        padding: 0
    }
}

@media only screen and (min-width: 1200px) {
    .inpiration-popup .popup-holder {
        margin:0
    }
}

.inpiration-popup .inner {
    opacity: 0;
    transition: opacity .7s ease-in-out,visibility .7s ease-in-out;
    visibility: hidden
}

@media only screen and (min-width: 1024px) {
    .inpiration-popup .inner {
        align-items:center;
        display: flex;
        flex-wrap: wrap;
        min-height: auto;
        padding: 100px 40px 40px;
        width: 100%
    }
}

@media only screen and (min-width: 1400px) {
    .inpiration-popup .inner {
        padding:120px 60px 60px
    }
}

.inpiration-popup .scroll-gradient-container:before {
    background: linear-gradient(1turn,#fff,hsla(0,0%,100%,0) 110%);
    border-radius: 0;
    bottom: 0;
    content: "";
    display: none;
    height: 90px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 2
}

@media only screen and (max-width: 1023px) {
    .inpiration-popup .scroll-gradient-container:before {
        display:none!important
    }
}

@media only screen and (min-width: 1200px) {
    .inpiration-popup .scroll-gradient-container:before {
        height:50px
    }
}

@media only screen and (min-width: 1400px) {
    .inpiration-popup .scroll-gradient-container:before {
        height:90px
    }
}

.inpiration-popup .scroll-gradient-container_active:before {
    display: block
}

.inpiration-popup .ig-popup-container {
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media screen and (min-width: 1024px) {
    .inpiration-popup .ig-popup-container {
        flex-direction:row;
        gap: 45px;
        max-height: 100%;
        width: 100%
    }

    .inpiration-popup .ig-header {
        overflow-y: auto
    }
}

.ig-desktop.ig-desktop.ig-desktop.ig-desktop {
    display: none
}

@media screen and (min-width: 1024px) {
    .ig-desktop.ig-desktop.ig-desktop.ig-desktop {
        display:flex
    }
}

.ig-mobile.ig-mobile.ig-mobile.ig-mobile {
    display: flex
}

@media screen and (min-width: 1024px) {
    .ig-mobile.ig-mobile.ig-mobile.ig-mobile {
        display:none
    }
}

.ig-top-header {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    display: flex;
    height: 360px;
    margin-top: var(--top-nav-height)
}

.ig-top-header-content {
    margin: 0 auto;
    max-width: var(--ig-max-width);
    padding-left: 20px;
    padding-right: 20px;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .ig-top-header-content {
        padding-left:120px;
        padding-right: 120px
    }
}

.ig-top-header-title {
    color: #fff;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    margin: 4px 0;
    text-align: center;
    text-shadow: 0 4px 4px rgba(0,0,0,.25)
}

@media screen and (min-width: 1024px) {
    .ig-top-header-title {
        font-size:48px;
        line-height: 129.167%
    }
}

.ig-top-header-description {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-top: 4px;
    position: relative;
    text-align: center
}

@media screen and (min-width: 1024px) {
    .ig-top-header-description {
        font-size:18px;
        line-height: 155.556%
    }
}

.inspiration-hero-section .inspiration-search-inputs {
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media only screen and (min-width: 768px) {
    .inspiration-hero-section .inspiration-search-inputs {
        flex-direction:row
    }

    .inspiration-hero-section .inspiration-search-inputs .inspiration-search-input {
        flex-grow: 1;
        flex-shrink: 1
    }

    .inspiration-hero-section .inspiration-search-inputs .inspiration-search-input_search {
        flex-basis: 842px
    }

    .inspiration-hero-section .inspiration-search-inputs .inspiration-search-input_fiter {
        flex-basis: 410px
    }
}

.inspiration-hero-section .inspiration-search-inputs .inspiration-search-input-title {
    color: #293056;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.inspiration-hero-section .search-form {
    padding-top: 40px
}

.inspiration-hero-section .search-form form {
    position: relative
}

.inspiration-hero-section .search-form input {
    transition: border-color .5s
}

.inspiration-hero-section .search-form button {
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    z-index: 10
}

@supports selector(:has(a,b)) {
    .inspiration-hero-section .search-form input[type=text]::placeholder {
        padding-left: 20px
    }

    .inspiration-hero-section .search-form button {
        left: 10px;
        opacity: 0
    }

    .inspiration-hero-section .search-form:has(input[type=text]:placeholder-shown:not(:focus-within)) button {
        opacity: 1
    }
}

.inspiration-hero-section .search-form input[type=text] {
    min-width: 240px
}

.inspiration-hero-section .search-form input[type=email],.inspiration-hero-section .search-form input[type=number],.inspiration-hero-section .search-form input[type=password],.inspiration-hero-section .search-form input[type=tel],.inspiration-hero-section .search-form input[type=text],.inspiration-hero-section .search-form textarea {
    -webkit-appearance: none!important;
    background: #fff!important;
    border: 1px solid #cacaca!important;
    border-radius: 10px!important;
    color: #080817!important;
    display: block!important;
    float: none!important;
    font-family: Poppins,sans-serif!important;
    font-size: 14px!important;
    height: 48px!important;
    line-height: 20px!important;
    margin: 0!important;
    outline: none!important;
    padding: 10px 20px!important;
    vertical-align: middle!important;
    width: 100%!important
}

@media only screen and (min-width: 768px) {
    .inspiration-hero-section .search-form input[type=email],.inspiration-hero-section .search-form input[type=number],.inspiration-hero-section .search-form input[type=password],.inspiration-hero-section .search-form input[type=tel],.inspiration-hero-section .search-form input[type=text],.inspiration-hero-section .search-form textarea {
        height:48px!important;
        padding: 18px 20px!important
    }
}

@media only screen and (min-width: 1200px) {
    .inspiration-hero-section .search-form input[type=email],.inspiration-hero-section .search-form input[type=number],.inspiration-hero-section .search-form input[type=password],.inspiration-hero-section .search-form input[type=tel],.inspiration-hero-section .search-form input[type=text],.inspiration-hero-section .search-form textarea {
        transition:border-color .5s
    }
}

.inspiration-hero-section .search-form input[type=email]:focus,.inspiration-hero-section .search-form input[type=number]:focus,.inspiration-hero-section .search-form input[type=password]:focus,.inspiration-hero-section .search-form input[type=tel]:focus,.inspiration-hero-section .search-form input[type=text]:focus,.inspiration-hero-section .search-form textarea:focus {
    border-color: #4169e1!important
}

.inspiration-hero-section .search-form .inspiration-search-input_fiter .inspiration-search-input-input {
    align-items: center;
    display: flex;
    position: relative
}

.inspiration-hero-section .search-form .inspiration-search-input_fiter .inspiration-search-input-input select {
    -webkit-appearance: none!important;
    background: #fff!important;
    border: 1px solid #cacaca!important;
    border-radius: 10px!important;
    color: #080817!important;
    display: block!important;
    float: none!important;
    font-family: Poppins,sans-serif!important;
    font-size: 14px!important;
    height: 48px!important;
    line-height: 20px!important;
    margin: 0!important;
    outline: none!important;
    overflow: hidden!important;
    padding: 10px 40px 10px 20px!important;
    text-overflow: ellipsis;
    vertical-align: middle!important;
    white-space: nowrap;
    width: 100%!important
}

.inspiration-hero-section .search-form .inspiration-search-input_fiter .inspiration-search-input-input select:focus {
    border-color: #4169e1!important
}

.inspiration-hero-section .search-form .inspiration-search-input_fiter .inspiration-search-input-input svg {
    pointer-events: none;
    position: absolute;
    right: 16px
}

.inspiration-hero-section .inspiration-search-input-input {
    position: relative
}

.nylas-search .ig-top-header+.blog-hero-section,.page-template-template-strattic-search .ig-top-header+.blog-hero-section {
    padding-top: 30px!important
}

.about-hero {
    padding-top: 100px
}

#hero-module--33 {
    margin-bottom: 0
}

.about-hero p {
    margin: 0 auto;
    max-width: 750px
}

@media only screen and (max-width: 700px) {
    .about-hero {
        padding-top:50px
    }

    .about-hero.ta--center {
        text-align: left
    }

    .about-hero p {
        font-size: 18px;
        line-height: 28px
    }
}

.investors img {
    height: auto;
    width: 100%
}

.investors-desktop {
    display: none
}

@media only screen and (min-width: 700px) {
    .investors {
        padding:100px 0
    }

    .investors-desktop {
        display: block
    }

    .investors-mobile {
        display: none
    }
}

@media only screen and (max-width: 700px) {
    .investors .container>div {
        border-left:3px solid #00e5bf;
        padding: 10px 0 10px 30px
    }
}

@media only screen and (min-width: 700px) {
    .awards {
        margin-bottom:80px
    }

    .awards .container {
        column-gap: 45px;
        display: grid;
        grid-template-columns: 5fr 9fr
    }

    .awards .container>div:last-child {
        column-gap: 30px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        row-gap: 30px
    }

    .awards img {
        height: 125px
    }

    .award-grid>div:last-child {
        display: none
    }
}

@media only screen and (max-width: 700px) {
    .awards {
        padding-top:0
    }

    .awards .container>div:last-child>* {
        place-self: center
    }

    .awards .container>div:last-child {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        row-gap: 20px
    }

    .awards img {
        height: auto;
        max-height: 85px;
        max-width: 80%;
        width: 80%
    }
}

.locations img {
    widtH: auto;
    height: 100px
}

.grid--col-6 {
    justify-content: space-between
}

.location-container {
    margin-top: 50px
}

@media only screen and (max-width: 700px) {
    .locations h2.ta--center {
        text-align:left
    }

    .location-container .flex {
        column-gap: 20px;
        display: grid!important;
        grid-template-columns: 1fr 1fr;
        row-gap: 20px
    }

    .location-container .flex>div {
        background: #1f2020;
        border-radius: 6px;
        padding-top: 20px
    }

    .page-id-33 .base-header {
        margin-top: 50px
    }

    .page-id-33 .cards {
        margin-top: 0
    }

    .page-id-33 .cards>div {
        display: flex
    }

    .page-id-33 .cards>div img {
        margin-right: 30px
    }
}

.leadership-cards {
    column-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 40px;
    row-gap: 40px
}

.leadership-card__single {
    background: #1f2020;
    border-radius: 6px;
    display: block;
    padding: 40px;
    position: relative
}

.leadership-card__single .title {
    font-size: 18px;
    line-height: 28px
}

.leadership-card__portrait {
    border-radius: 50%;
    height: auto;
    margin-bottom: 30px;
    width: 140px
}

.leadership h3 {
    color: #00e5bf;
    font-size: 24px;
    font-weight: 400;
    margin: 0
}

.leadership-card__linkedin {
    position: absolute;
    right: 30px;
    top: 30px
}

.leadership-card__linkedin:hover {
    opacity: .8
}

.leadership-card__linkedin img {
    height: auto;
    width: 25px
}

.page-id-33 .gallery-bar-module,.page-id-33 .six-col-bar {
    margin-bottom: 50px;
    margin-top: 50px
}

.page-id-33 .logo-block-module {
    margin-top: 0
}

@media only screen and (min-width: 700px) {
    .page-id-33 .gallery-bar-module {
        margin-bottom:100px;
        margin-top: 100px
    }

    .page-id-33 .six-col-bar {
        margin-bottom: 100px;
        margin-top: 50px
    }

    .about-philosophy .container {
        display: block;
        position: relative
    }

    #base-six-col-block_5fc657c5f59c4 img {
        filter: invert(50%);
        width: 100px
    }

    #base-six-col-block_5fbf23880b94b img {
        height: 100px;
        width: auto
    }
}

@media only screen and (max-width: 700px) {
    .leadership h2.ta--center {
        text-align:left
    }

    .leadership-card__single {
        margin-bottom: 20px
    }

    .page-id-35 .gallery-bar-module img:not(:first-child) {
        display: none;
        height: auto;
        width: 100%
    }

    .page-id-35 .six-col-bar .flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .page-id-35 .six-col-bar .flex>div {
        margin-bottom: 20px
    }

    .page-id-35 .six-col-bar .flex img {
        height: auto;
        max-width: 70px
    }
}

.team-values p.subhead--sm {
    margin-bottom: 60px;
    margin-top: 10px
}

.team-values .cards {
    row-gap: 40px
}

.join-the-team {
    margin-bottom: 50px
}

@media only screen and (min-width: 700px) {
    .join-the-team .container {
        background:#f7f7f7;
        border-radius: 6px
    }

    .join-the-team .half__left {
        align-items: center;
        display: flex
    }

    .join-the-team .half__left div {
        padding: 80px
    }

    .join-the-team__1,.join-the-team__2 {
        background-position: 100%;
        background-size: cover;
        min-height: 360px
    }

    .join-the-team__2 {
        border-bottom-right-radius: 6px;
        border-top-right-radius: 6px
    }

    .join-the-team .half__right {
        background-image: none!important;
        display: flex;
        justify-content: space-between
    }

    .join-the-team .half__right>div {
        width: 49%
    }

    .join-mobile {
        display: none
    }
}

@media only screen and (max-width: 700px) {
    .join-the-team .flex {
        align-content:center;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .join-the-team .half__left {
        background: #1f2020;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        order: 2;
        padding: 30px 30px 60px
    }

    .join-the-team .half__right>div {
        display: none
    }

    .join-the-team .half__right img {
        object-fit: cover;
        object-position: -100% 50%;
        width: 100%
    }

    .join-the-team .half__right,.join-the-team .half__right img {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        height: 150px
    }

    .join-the-team .half__right {
        background-position: center 0;
        background-size: cover
    }
}

.about-community__col span {
    display: block
}

.about-philosophy__icons img {
    max-height: 100px;
    width: 100%
}

@media only screen and (min-width: 1000px) {
    .about-philosophy__content {
        width:calc(95% - 340px)
    }

    .about-philosophy__content>div {
        column-count: 2;
        column-gap: 40px
    }

    .about-philosophy__content>div>p:first-child {
        margin-top: 0
    }

    .about-philosophy__icons {
        column-gap: 20px;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        row-gap: 20px;
        width: 340px
    }

    .about-philosophy__icons img {
        widtH: auto;
        filter: invert(50%);
        height: auto;
        margin-bottom: 10px;
        max-height: 70px;
        max-width: 70px
    }

    .about-philosophy__icons>* {
        background: #f7f7f7;
        border-radius: 6px;
        padding: 20px
    }
}

.page-id-35 .six-col-bar .flex>div img {
    height: 100px;
    max-width: 150px;
    width: auto
}

.page-id-35 .six-col-bar .flex>div:nth-child(4) img {
    height: auto
}

@media only screen and (max-width: 700px) {
    .page-id-35 .six-col-bar .flex>div img {
        height:100px;
        max-width: 100px;
        width: auto
    }
}

.press-release-list {
    margin: 0 auto;
    max-width: 700px
}

.press-release-single {
    background-color: #1f2020;
    border-radius: 6px;
    padding: 30px 40px
}

.image-placeholder {
    width: 100%
}

.blog-feed__posts img {
    height: 200px;
    object-fit: cover;
    width: 100%
}

@media only screen and (max-width: 800px) {
    .blog-feed__posts img {
        object-fit:contain
    }
}

.blog-subscribe {
    background: #4169e1;
    border-radius: 6px;
    color: #fff
}

.blog-subscribe>div {
    padding: 30px
}

.blog-subscribe .privacy a {
    color: #fff!important;
    text-decoration: underline
}

#blog-subscribe-container .mktoForm input[type=text],.mktoForm input[type=email],.mktoForm input[type=url] {
    background-color: #fff!important;
    border-bottom: 0!important
}

#blog-subscribe-container .mktoButtonRow .mktoButton {
    border: solid #fff!important;
    font-family: Poppins!important
}

#blog-subscribe-container .mktoButtonRow .mktoButton:hover {
    background-color: #fff!important;
    color: #002db4
}

.privacy,.privacy a {
    font-size: 14px;
    line-height: 20px;
    margin-top: 30px
}

.blog-search-trigger {
    align-items: center;
    background: #4169e1;
    border-radius: 6px;
    display: flex;
    height: 85px;
    justify-content: center;
    position: relative;
    width: 85px
}

.blog-search-trigger:hover {
    cursor: pointer
}

.blog-button {
    align-items: center;
    background: #4169e1;
    border-radius: 6px;
    color: #fff;
    display: flex;
    font-size: 16px;
    justify-content: center
}

.blog-card-meta {
    color: #818181;
    font-size: 14px
}

.blog-single__intro {
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 50px;
    padding-bottom: 30px
}

@media only screen and (min-width: 700px) {
    .blog-featured .half {
        width:calc(50% - 25px)
    }

    .blog-featured__secondary__single>:first-child {
        height: 150px;
        width: 48%
    }

    .blog-featured__single__content {
        width: 45%
    }

    .blog-feed__posts__single__copy>div {
        padding: 20px
    }

    .blog-navigation .container {
        display: flex
    }

    .blog-feed__posts {
        column-gap: 50px;
        display: grid;
        grid-template-columns: repeat(3,1fr);
        row-gap: 50px
    }

    .blog-button {
        height: 85px;
        width: calc(24% - 30px)
    }

    .blog-navigation .container.flex--jc-c .blog-button {
        margin-right: 30px
    }

    .blog-button:after {
        right: 20px;
        top: 30px
    }

    .blog-featured__main img,.blog-featured__secondary img {
        height: auto;
        width: 100%
    }
}

@media only screen and (min-width: 1000px) {
    .blog-button {
        align-items:center;
        background: #4169e1;
        border-radius: 6px;
        color: #fff;
        display: flex;
        font-size: 18px;
        justify-content: center
    }

    .blog-button:after {
        right: 20px
    }
}

@media only screen and (max-width: 800px) {
    .blog-featured__secondary__single {
        display:inline-block;
        margin-bottom: 30px
    }

    .blog-button {
        font-size: 14px
    }
}

@media only screen and (max-width: 700px) {
    .blog-feed__posts {
        display:grid;
        grid-template-columns: repeat(1,1fr);
        row-gap: 50px
    }

    .blog-subscribe {
        order: 9
    }

    .blog-button {
        margin-bottom: 15px
    }

    .blog-search-trigger {
        display: flex;
        height: 45px;
        justify-content: flex-start;
        padding-left: 30px;
        position: relative;
        width: 100%
    }

    .blog-search-trigger img {
        height: 24px;
        width: 24px
    }

    .blog-search-trigger:hover {
        cursor: pointer
    }
}

@media only screen and (max-width: 500px) {
    .blog-button {
        font-size:24px;
        margin-bottom: 15px;
        padding-left: 20px
    }
}

.blog-navigation {
    display: block;
    position: relative
}

@media only screen and (min-width: 700px) {
    #blog-search-form {
        position:absolute;
        right: 120px;
        top: 200px
    }

    .child-cat-post__single img {
        height: 150px;
        object-fit: cover;
        width: 100%
    }

    .search-form input[type=text] {
        width: 270px
    }

    .search-form button {
        position: relative
    }

    .search-form button img {
        left: 5px;
        position: relative;
        top: 5px;
        width: 30px
    }

    .search-form button:active,.search-form button:hover {
        cursor: pointer
    }

    .next.page-numbers,.prev.page-numbers {
        margin: 0 20px;
        min-width: 250px
    }
}

@media only screen and (max-width: 700px) {
    #blog-search-form input[type=text] {
        margin-top:30px;
        width: 90%
    }
}

.search-form {
    opacity: 1;
    transition: opacity .5s ease
}

.search-form input[type=text] {
    color: #cbcbcb;
    font-family: Source Sans Pro,Arial,Helvetica,sans-serif;
    font-size: 18px
}

.search-form input[type=text]::placeholder {
    color: #cbcbcb;
    font-family: Source Sans Pro,Arial,Helvetica,sans-serif;
    font-size: 18px
}

.search-form button {
    background: transparent;
    border: none;
    padding: 0
}

.paged .blog-navigation {
    margin-top: 100px
}

.blog.paged .blog-subscribe {
    grid-row-start: 2
}

.page-numbers:not(.next),.page-numbers:not(.prev) {
    display: none
}

.next.page-numbers,.prev.page-numbers {
    background: #fff;
    color: #000;
    display: inline-block;
    font-family: Inconsolata,Courier New,Courier,monospace;
    margin-bottom: 30px;
    padding: 17px 50px
}

.search-form-hidden {
    height: 1px;
    opacity: 0;
    overflow: hidden;
    visibility: hidden
}

#search-form-1 {
    border: none;
    border-bottom: 1px solid #757575
}

.blog-single img {
    height: auto;
    max-width: 100%
}

.z-about-author {
    align-items: center;
    border-bottom: 1px solid #242424;
    border-top: 1px solid #242424;
    display: flex;
    flex-wrap: wrap
}

.z-about-author .z-avatar {
    flex: 0 0 25%;
    max-width: 25%
}

.z-about-author .z-avatar img {
    border-radius: 50%
}

.z-about-author .z-description {
    flex: 0 0 75%;
    max-width: 75%
}

@media only screen and (min-width: 700px) {
    .blog-single-related-posts {
        max-width:900px
    }

    .blog-single-related-posts img {
        height: 150px;
        object-fit: cover;
        width: 100%
    }
}

@media only screen and (max-width: 500px) {
    .z-about-author {
        align-items:flex-start;
        justify-content: space-between;
        padding: 20px 0
    }

    .z-avatar {
        flex: none;
        width: 25%
    }

    .z-avatar img {
        height: auto!important;
        width: 100%!important
    }

    .z-about-author .z-description {
        flex: none;
        width: 70%
    }

    .blog-single img {
        height: auto;
        max-width: none;
        width: 100%
    }

    .blog-author {
        margin-top: 0
    }
}

#confirm-submission-form,#confirm-subscribe-form {
    display: none
}

#confirm-submission-form img,#confirm-subscribe-form img {
    height: 46px;
    width: 50px
}

#blog-subscribe-container.confirm-subscribe-form--active {
    align-items: center;
    display: flex
}

#confirm-submission-form.confirm-submission-form--active,#confirm-subscribe-form.confirm-subscribe-form--active {
    display: block
}

#confirm-submission-form.confirm-submission-form--active .case-study-single h2,#confirm-submission-form.confirm-submission-form--active .container--sm h2,#confirm-submission-form.confirm-submission-form--active .hs--3,#confirm-subscribe-form.confirm-subscribe-form--active .case-study-single h2,#confirm-subscribe-form.confirm-subscribe-form--active .container--sm h2,#confirm-subscribe-form.confirm-subscribe-form--active .hs--3,.case-study-single #confirm-submission-form.confirm-submission-form--active h2,.case-study-single #confirm-subscribe-form.confirm-subscribe-form--active h2,.container--sm #confirm-submission-form.confirm-submission-form--active h2,.container--sm #confirm-subscribe-form.confirm-subscribe-form--active h2 {
    margin-bottom: 10px!important
}

.single-post .enlighter-t-wpcustom {
    max-width: 100%!important
}

.single-post .enlighter-default {
    font-size: 16px;
    overflow: scroll!important
}

.single-post .enlighter-t-wpcustom div.enlighter>div {
    word-break: break-all
}

.single-post .enlighter-t-wpcustom.enlighter-linenumbers div.enlighter>div:before {
    font-size: 1em
}

.nylas-social-share ul {
    display: flex
}

.nylas-social-share a,.nylas-social-share span {
    line-height: 1;
    text-align: center
}

.nylas-social-share .nylas-social-share__single {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 45px;
    justify-content: center;
    width: 45px
}

.nylas-social-share .nylas-social-share__single svg {
    height: 15px;
    width: auto
}

.nylas-social-share .nylas-social-share__single svg path {
    fill: #fff
}

.nylas-social-share .nylas-social-share__single.nylas-social-share__single--facebook {
    background-color: #3a579a
}

.nylas-social-share .nylas-social-share__single.nylas-social-share__single--linkedin {
    background-color: #0077b5
}

.nylas-social-share .nylas-social-share__single.nylas-social-share__single--twitter {
    background-color: #00abf0
}

@media only screen and (min-width: 900px) {
    .nylas-social-share {
        position:fixed;
        right: 80px;
        top: 300px;
        z-index: 0
    }

    .nylas-social-share ul {
        display: flex;
        flex-direction: column
    }

    .nylas-social-share ul li {
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 900px) {
    .nylas-social-share li {
        margin-right:10px
    }
}

.page-id-625 .logo-block-module h2 {
    text-align: left
}

.feature-cards--case-studies .feature-cards__single__top {
    align-items: center;
    display: flex;
    justify-content: center
}

.feature-cards--case-studies img {
    height: auto;
    max-width: 160px
}

.case-study-single__featured-image {
    height: auto;
    max-width: 100%
}

.case-study-single {
    padding-bottom: 100px
}

.case-study-single .base-header {
    padding-bottom: 0!important;
    padding-top: 0!important
}

.case-study-single .base-header .container {
    padding-left: 0!important;
    padding-right: 0!important
}

.case-study-single .base-header .subhead--sm {
    color: #000!important;
    font-size: 24px
}

.case-study-single blockquote {
    background: #4169e1;
    margin: 50px 0;
    padding: 50px
}

.case-study-single blockquote p {
    color: #fff;
    font-size: 25px;
    font-style: italic;
    font-weight: 500;
    line-height: 36px;
    margin-top: 0
}

.case-study-single blockquote cite {
    color: #cbcbcb;
    font-style: normal
}

.competitor-module {
    background: #f7f7f7;
    padding: 20px
}

.table_icon i:before {
    background-size: cover
}

.competitor-column-headings {
    color: #4169e1!important;
    font-size: 16px;
    margin: 0 0 30px;
    padding: 30px 0 0;
    text-align: right
}

.competitor-section__single h4 {
    background: #4169e1;
    color: #fff;
    padding: 10px 20px
}

.competitor-section__rows {
    padding: 20px 0
}

.competitor-section__single-row {
    display: grid;
    grid-template-columns: 40% 30% 30%;
    margin: 0 10px;
    padding: 10px 0
}

.competitor-section__single-row>span span {
    display: inline-block
}

span.competitor-section__single-item__text {
    font-size: 14px;
    text-align: center
}

span.competitor-section__single-item__text>span {
    display: block;
    font-size: 18px
}

.competitor-section__single-row:not(:last-child) {
    border-bottom: 1px solid #545656
}

@media only screen and (min-width: 700px) {
    .competitor-module {
        margin:0 auto 100px;
        max-width: 1230px;
        padding: 100px 130px!important
    }

    .competitor-module__header {
        margin-bottom: 100px
    }

    .competitor-column-headings {
        display: grid;
        font-size: 25px;
        font-weight: 700;
        grid-template-columns: 40% 30% 30%;
        margin: 0 0 30px;
        padding: 0 20px;
        text-align: center
    }

    .competitor-column-headings>:first-child {
        grid-column-start: 2
    }

    .competitor-section__single-row {
        grid-template-columns: 40% 30% 30%;
        margin: 0 20px
    }

    .icon-list-module .half__left {
        position: relative
    }

    .icon-list-module .half__left:after {
        background-size: cover;
        bottom: -100px;
        content: "";
        display: inline-block;
        filter: invert(50%);
        height: 217px;
        left: 0;
        position: absolute;
        width: 554px;
        z-index: -1
    }
}

@media only screen and (max-width: 700px) {
    section:not(.container).competitor-module {
        padding:30px!important
    }

    #competitor-tabs__nav li {
        background: #2c2d2d;
        margin: 0 1.5%;
        padding: 10px;
        width: 28%
    }

    #competitor-tabs__nav li a {
        font-weight: 700
    }

    #competitor-tabs__nav li:nth-child(2) {
        order: -1
    }

    .case-study-single .competitor-table__single h1,.competitor-table__single .case-study-single h1,.competitor-table__single .hs--2 {
        display: none
    }

    .competitor-column-headings>* {
        margin: 0 8px
    }

    .col-4-ihc.flex-mobile .grid-col--4 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .col-4-ihc.flex-mobile .grid-col--4>:not(.last-card) {
        display: block;
        width: 45%
    }

    .col-4-ihc.flex-mobile .grid-col--4 img {
        height: auto;
        max-height: 90px;
        max-width: 90px;
        width: 90px
    }

    #base-half-block_5fbd28f606285 .align-right {
        text-align: center
    }

    #base-half-block_5fbd28f606285 img {
        max-width: 75%
    }

    #checklist-module-block_5fbc693610722,#icon-list-moduleblock_5fbd260410735 {
        margin-top: 50px
    }
}

@media only screen and (min-width: 700px) {
    .page-id-2851 .checklist-module,.page-id-2889 .checklist-module {
        padding-top:150px
    }

    .page-id-2851 .checklist-module ul,.page-id-2889 .checklist-module ul {
        padding-right: 80px
    }

    .page-id-2851 .checklist-module .half__right:after,.page-id-2889 .checklist-module .half__right:after {
        filter: invert(50%);
        top: -80px
    }
}

@media only screen and (max-width: 700px) {
    .page-id-2851 .checklist-module {
        margin-top:50px
    }

    #comments .form-submit .page-id-2851 .icon-list-module input,#comments .form-submit .page-id-2889 .icon-list-module input,.page-id-2851 .icon-list-module #comments .form-submit input,.page-id-2851 .icon-list-module .btn,.page-id-2889 .icon-list-module #comments .form-submit input,.page-id-2889 .icon-list-module .btn {
        padding: 17px
    }
}

#comments .form-submit .page-id-2889 .icon-list-module input,.page-id-2889 .icon-list-module #comments .form-submit input,.page-id-2889 .icon-list-module .btn {
    background: #4169e1;
    border: 1px solid #4169e1;
    color: #fff
}

#comments .form-submit .page-id-2889 .icon-list-module input:hover,.page-id-2889 .icon-list-module #comments .form-submit input:hover,.page-id-2889 .icon-list-module .btn:hover {
    background: #00238d
}

#comments .form-submit .page-id-2889 #base-half-block_5fbd28f606285 input,#comments .form-submit .page-id-2889 .base-content-button input,.page-id-2889 #base-half-block_5fbd28f606285 #comments .form-submit input,.page-id-2889 #base-half-block_5fbd28f606285 .btn,.page-id-2889 .base-content-button #comments .form-submit input,.page-id-2889 .base-content-button .btn {
    background: #fff;
    color: #000
}

#comments .form-submit .page-id-2889 #base-half-block_5fbd28f606285 input:hover,#comments .form-submit .page-id-2889 .base-content-button input:hover,.page-id-2889 #base-half-block_5fbd28f606285 #comments .form-submit input:hover,.page-id-2889 #base-half-block_5fbd28f606285 .btn:hover,.page-id-2889 .base-content-button #comments .form-submit input:hover,.page-id-2889 .base-content-button .btn:hover {
    background: #d9d9d9
}

@media only screen and (min-width: 700px) {
    .page-id-2889 .base-content-button {
        margin-top:200px
    }

    .page-id-2889 #base-half-block_5fbd28f606285 img {
        max-width: 400px
    }
}

@media only screen and (max-width: 700px) {
    .page-id-2889 .reverse-order.reverse-order-mobile .flex {
        display:flex;
        flex-direction: column
    }

    .page-id-2889 .reverse-order.reverse-order-mobile .flex>div:first-child {
        order: 1
    }

    .page-id-2889 .col-4-ihc .grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .page-id-2889 .col-4-ihc .grid>div {
        width: 45%
    }

    .page-id-2889 .col-4-ihc .grid>div img {
        height: 90px;
        max-height: 90px;
        max-width: 90px;
        width: 90px
    }
}

.form-content__container h1 {
    margin-top: 0
}

.form-content__container ul {
    list-style: none
}

.form-content__container ul li {
    margin-bottom: 10px
}

.form-content__container ul li:before {
    color: #4169e1;
    content: "•";
    display: inline-block;
    font-weight: 700;
    margin-left: -1em;
    width: 1em
}

.form-content__container .form-content__download {
    margin-top: 50px
}

.form-content__left>div {
    padding: 40px 35px
}

.form-logo {
    max-width: 250px
}

.f-width-ty {
    display: flex;
    justify-content: center!important;
    text-align: center;
    width: 100%!important
}

.f-width-ty ul {
    text-align: left
}

.f-width-ty form.mktoForm {
    margin: 0 auto;
    max-width: 60%!important
}

.f-width-ty form.mktoForm#mktoForm_1034,.f-width-ty form.mktoForm#mktoForm_1129,.f-width-ty form.mktoForm#mktoForm_1218,.f-width-ty form.mktoForm#mktoForm_1248,.f-width-ty form.mktoForm#mktoForm_1249,.f-width-ty form.mktoForm#mktoForm_1253 {
    max-width: 100%!important
}

.f-width-ty form.mktoForm#mktoForm_1129 .mktoFormCol {
    width: 100%
}

.f-width-ty form.mktoForm#mktoForm_1129 .mktoFormCol input {
    width: 100%!important
}

.f-width-ty form.mktoForm .mktoButton {
    border-radius: 12px!important;
    font-weight: 500!important;
    transition: all .3s ease-in-out
}

.f-width-ty form.mktoForm .mktoButton:hover {
    background-color: #fff!important;
    border: solid #4169e1!important;
    color: #4169e1!important;
    transition: all .3s ease-in-out
}

.form-content__right {
    background: #fff
}

.form-content__right>div {
    padding: 40px 35px
}

.form-content__footer {
    margin-top: 100px
}

.form-content__footer span {
    display: inline-block;
    margin: 0 5px
}

.form-content__asset {
    height: auto;
    max-width: 300px
}

.form-header {
    background: #1f2020;
    padding: 15px;
    position: sticky;
    top: 0;
    z-index: 100
}

.form-header img {
    max-height: 30px;
    width: auto
}

.form-content__footer.desktop-hide {
    background: #161717;
    margin-top: 0;
    padding: 30px 35px
}

.form-module .mktoForm input {
    border-bottom: 1px solid #cbcbcb!important
}

.form-module .mktoForm input::placeholder {
    color: #cbcbcb!important
}

.form-base__container .form-content__right ul {
    list-style: none
}

.form-base__container .form-content__right ul li {
    margin-bottom: 20px;
    position: relative
}

.form-base__container .form-content__right ul li:before {
    background-image: url(../images/checkmark.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 22px;
    left: -50px;
    position: absolute;
    top: 0;
    width: 22px;
    z-index: 0
}

.form-base__logos img,.form-content__logos img {
    height: auto;
    margin: 0 auto;
    max-width: 100%
}

@media only screen and (min-width: 900px) {
    .form-base__container,.form-content__container {
        min-height:100vh
    }

    .form-base__container h1,.form-content__container h1 {
        margin-top: 50px
    }

    .form-content__left {
        align-items: flex-start;
        display: flex;
        justify-content: flex-end;
        width: 55%
    }

    .form-content__left>div {
        max-width: 786.5px;
        padding: 100px
    }

    .form-content__right {
        align-items: flex-start;
        background: #fff;
        display: flex;
        justify-content: flex-start;
        width: 45%
    }

    .form-content__right>div {
        max-width: 643.5px;
        padding: 100px;
        width: 100%
    }

    .form-base__container .form-content__left {
        width: 45%
    }

    .form-base__container .form-content__left>div {
        max-width: 643.5px;
        padding: 100px
    }

    .form-base__container .form-content__right {
        padding-top: 100px;
        width: 55%
    }

    .form-base__container .form-content__right>div {
        max-width: 786.5px;
        padding: 100px;
        width: 100%
    }

    .form--two-column.mktoForm>.mktoFormRow:first-child,.form--two-column.mktoForm>.mktoFormRow:nth-child(2),.form--two-column.mktoForm>.mktoFormRow:nth-child(3),.form--two-column.mktoForm>.mktoFormRow:nth-child(4),.form--two-column.mktoForm>.mktoFormRow:nth-child(5) {
        display: inline-block;
        width: 48%
    }

    .form--two-column.mktoForm>.mktoFormRow:first-child,.form--two-column.mktoForm>.mktoFormRow:nth-child(2),.form--two-column.mktoForm>.mktoFormRow:nth-child(4) {
        margin-right: 4%
    }
}

.form-content__right__content * {
    color: #000
}

@media only screen and (min-width: 1800px) {
    .form-content__right {
        align-items:center;
        padding-top: 0
    }

    .form-content__right>div {
        width: auto
    }
}

@media only screen and (max-width: 700px) {
    .form-base__container .form-content__left {
        padding-bottom:50px
    }

    .form-content__asset {
        margin-top: -250px
    }

    .form-content__container .form-content__left>div {
        padding-bottom: 250px
    }

    .form-module .mktoForm {
        margin: 20px 0;
        width: 100%!important
    }
}

.eligibility_text {
    font-size: 14px!important;
    line-height: 1.71
}

.form-base--icon-content>div {
    align-items: flex-start;
    margin-bottom: 30px
}

.form-base--icon-content h3 {
    margin-bottom: 0;
    margin-top: 0
}

.form-base--icon-content img {
    display: inline-block;
    margin-right: 20px;
    max-height: 40px;
    max-width: 40px
}

.form-base--icon-content {
    margin-top: 50px
}

.list--checklist ul {
    list-style-type: none
}

.list--checklist ul li {
    margin-bottom: 15px;
    position: relative
}

.list--checklist ul li:before {
    background-image: url(../images/checkmark.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 22px;
    left: -40px;
    position: absolute;
    top: 0;
    width: 22px;
    z-index: 0
}

.related-content-guide img {
    max-height: 240px;
    max-width: 100%
}

@media(min-width: 1000px) {
    .related-content-guide .flex {
        align-items:flex-end
    }

    .related-content-guide .flex>div {
        margin: 0 30px 40px;
        width: 284px
    }
}

@media(max-width: 700px) {
    .related-content-guide .cards-3__single {
        background:#2d2d2d;
        border-radius: 6px;
        padding: 20px
    }

    .related-content-guide .cards-3__single>div {
        align-items: center;
        display: flex;
        flex-direction: row-reverse
    }

    .related-content-guide .cards-3__single>div img {
        height: 170px;
        margin-left: 20px;
        max-width: 120px
    }
}

.split-module-content iframe {
    max-width: 100%!important
}

.case-studies {
    margin-bottom: 50px;
    margin-top: 80px
}

.case-studies .grid {
    grid-template-columns: 1.2fr 4fr
}

.case-studies p {
    margin-top: 0
}

@media only screen and (min-width: 700px) {
    .case-studies {
        margin-top:80px
    }

    .case-studies .logos {
        display: block;
        padding-right: 30px;
        position: relative
    }

    .logos-mobile {
        display: none
    }

    .case-studies .logos:after,.case-studies .logos:before {
        background-image: url(../images/curly-bracket.png);
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: block;
        filter: invert(100%);
        height: 200px;
        position: absolute;
        top: 0;
        width: 45px
    }

    .case-studies .logos:before {
        left: 30px;
        top: -10px
    }

    .case-studies .logos:after {
        right: -33px;
        top: -34px;
        transform: rotate(180deg)
    }

    .case-studies .logos {
        text-align: right
    }

    .case-studies img {
        filter: invert(1);
        height: auto;
        margin-top: 10px;
        width: 90%
    }
}

@media only screen and (min-width: 1200px) {
    .case-studies img {
        margin-top:0
    }
}

@media only screen and (max-width: 700px) {
    .case-studies img {
        height:auto;
        margin-top: 30px;
        width: 100%
    }

    .cards-end-cta--9 {
        margin-top: 0
    }

    #base-half-block_5fa08bc68bc3b {
        margin-bottom: 0
    }
}

@media only screen and (max-width: 900px) {
    .case-studies .logos {
        margin-top:30px;
        text-align: left
    }

    .case-studies .logos:after,.case-studies .logos:before {
        display: none
    }
}

@media only screen and (max-height: 450px)and (min-width:700px) {
    .case-studies .logos {
        margin-top:30px;
        text-align: left
    }

    .case-studies .logos:after,.case-studies .logos:before {
        display: none
    }
}

.features .grid-col--4>div {
    margin-bottom: 20px
}

.features .half__right {
    display: none
}

@media only screen and (min-width: 700px) {
    .features .half__right {
        display:block
    }

    .features .flex {
        margin-bottom: 60px
    }

    .half-module img {
        max-width: 530px
    }

    .cards-end-cta--9>div:first-child img {
        max-width: 75px
    }
}

.elite-performance {
    margin: 80px 0
}

.elite-performance h2,.elite-performance span {
    color: #fff
}

.stats>div {
    border-left: 1px solid #00e5bf;
    padding: 0 20px
}

.stats__single>* {
    display: block;
    font-size: 18px;
    line-height: 29px
}

span.stat-animate,span.stat-animate * {
    color: #6dceff!important;
    font-size: 40px;
    font-weight: 700;
    margin: 15px 0
}

@media only screen and (min-width: 900px) {
    .elite-performance .flex {
        justify-content:space-between
    }

    .elite-performance .flex>div:first-child {
        width: 40%
    }

    .elite-performance .stats {
        width: 55%
    }

    .elite-performance {
        background: #1f2020;
        padding: 100px
    }

    .stats {
        column-gap: 20px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media only screen and (max-width: 900px) {
    .elite-performance {
        background-color:#181818;
        margin: 80px 0 0
    }

    .stats>div {
        margin: 40px 0
    }

    .stats {
        display: block;
        z-index: 2
    }

    .elite-performance .container,.stats {
        position: relative
    }

    .elite-performance .container:before {
        background-image: url(../images/features_background_mobile.png);
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: block;
        height: 460px;
        position: absolute;
        right: 0;
        top: 120px;
        width: 250px;
        z-index: 0
    }
}

.home-sdk .home-sdk__content a:not(.btn) {
    margin-top: 20px
}

.home-sdk .home-sdk__content a.btn {
    max-width: 270px
}

@media only screen and (min-width: 700px) {
    .home-sdk .container>div:first-child {
        height:600px;
        width: 25%
    }

    .home-sdk .container {
        display: block;
        position: relative
    }

    .home-sdk .sdks {
        left: calc(25% + 40px);
        position: absolute;
        top: 0
    }

    .home-sdk .sdks>:first-child {
        margin-right: 40px
    }
}

@media only screen and (min-width: 1200px) {
    .home-sdk .container>div:first-child {
        height:450px;
        width: 35%
    }

    .home-sdk .sdks {
        left: calc(35% + 40px)
    }
}

@media only screen and (min-width: 700px)and (max-width:1000px) {
    .home-sdk .container>div:first-child {
        width:30%
    }

    .home-sdk .sdks {
        left: calc(30% + 100px)
    }
}

.security-module .container {
    display: block;
    position: relative
}

.security-module img {
    height: 80px;
    margin-right: 30px;
    max-width: 100px
}

@media only screen and (min-width: 1000px) {
    .security-module {
        padding-bottom:150px
    }

    .security-module .flex>:first-child {
        width: 45%
    }

    .security-module .container:before {
        background-image: url(../images/hex-corner.png);
        bottom: -180px;
        height: 133px;
        left: -130px;
        width: 156px
    }

    .security-module .container:after,.security-module .container:before {
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: block;
        filter: invert(55%);
        position: absolute;
        z-index: -1
    }

    .security-module .container:after {
        background-image: url(../images/security_hex.png);
        height: 294px;
        right: 0;
        top: 80px;
        width: 561px
    }

    .security-module .half__right>:last-child {
        display: none
    }
}

@media only screen and (max-width: 700px) {
    #hero-module--9 {
        margin-bottom:0
    }

    .case-studies {
        margin-top: 30px
    }

    .page-id-9 .half-module img {
        display: none
    }

    .security-module {
        padding-top: 0
    }

    .security-module .half__right {
        display: flex;
        flex-wrap: wrap
    }

    .security-module .half__right>* {
        margin-bottom: 30px;
        opacity: .7
    }

    .security-module .half__right>:nth-child(2) {
        order: 3
    }

    .security-module .half__right>:nth-child(4) {
        order: 6
    }

    .security-module .half__right>:nth-child(5) {
        order: 5
    }

    .security-module .half__right>:nth-child(6) {
        order: 4
    }
}

#logo-industries-block_5fce742d0a2f9 {
    margin-bottom: 0;
    padding-bottom: 0!important
}

@media only screen and (min-width: 1000px) {
    .template--industries .flex-50-50-container {
        align-items:center
    }

    .template--industries .flex-50-50-container .half__right img {
        max-width: 85%
    }

    .template--industries .cards-end-cta--industries img {
        height: auto;
        max-height: 40px;
        max-width: 60px;
        width: auto
    }

    .template--industries .cards-end-cta {
        margin-bottom: 150px;
        margin-top: 30px
    }

    .template--industries .green-cards-icon-container {
        margin-bottom: 30px
    }

    .template--industries .base-heading-link {
        padding: 0 0 50px
    }

    .template--industries .base-content-button {
        padding: 100px 0 0
    }

    .template--industries .green-cards-icon__icon__circle {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 700px) {
    .template--industries .grid-col--4>div {
        display:flex
    }

    .template--industries .grid-col--4>div>div:first-child {
        margin-right: 30px
    }

    .template--industries .grid-col--4 img {
        margin-top: 10px
    }

    .template--industries .base-content-button a,.template--industries .base-heading-link a {
        display: none
    }

    .template--industries .desktop--hide {
        margin-bottom: 80px
    }

    #base-header-block_5fac48a4ff7de {
        margin-top: 80px
    }

    .cards-end-cta--3395 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 20px
    }

    .cards-end-cta--3395>div:not(.last-card) {
        display: block!important;
        width: 45%
    }
}

@media only screen and (min-width: 1000px) {
    .template--integration .hero-module img {
        margin-top:80px;
        max-height: 350px;
        max-width: 480px
    }

    .template--integration .hero-module .half__right .ta--right {
        text-align: center
    }

    .template--integration .base-header h2,.template--integration .base-header p {
        max-width: 50%
    }

    .template--integration .image-wysiwyg-module {
        margin-top: 100px;
        position: relative
    }

    .template--integration .image-wysiwyg-module:before {
        background-image: url(../images/base/accents/integrations_cost_accent.png);
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: block;
        height: 529px;
        left: 0;
        position: absolute;
        top: 0;
        width: 593px;
        z-index: -1
    }

    #hero-module--2041 .ta--right {
        text-align: left
    }

    #hero-module--2041 .ta--right img {
        max-height: 300px
    }
}

@media only screen and (max-width: 1000px) {
    .template--integration .base-header,.template--integration .checklist-module {
        margin-top:50px
    }

    .template--integration .feature-cards-text__single__mid,.template--integration .feature-cards-text__single__top {
        min-height: 0
    }

    .template--integration .feature-cards-text__single {
        margin-bottom: 20px
    }

    .template--integration .image-wysiwyg-module .half__right {
        margin-top: 0
    }
}

@media only screen and (max-width: 700px) {
    .template--integration .sdk-copy-module {
        display:flex;
        flex-direction: column-reverse
    }

    .template--integration .sdk-copy-module .half__left {
        margin-top: 50px
    }
}

@media only screen and (min-width: 700px) {
    .page-id-9 .hero-module img {
        height:auto;
        width: 90%
    }
}

.doc-languages img {
    height: 50px;
    margin-bottom: 20px;
    width: auto
}

@media only screen and (min-width: 1000px) {
    .doc-languages {
        margin:0 auto;
        width: 700px
    }

    .page-id-1395 .hero-module--centered {
        margin-bottom: 0
    }

    .page-id-1395 section.feature-cards-container+section.feature-cards-container {
        padding-top: 0!important
    }

    .page-id-1395 section.logo-docs-module+section.feature-cards-container {
        padding-bottom: 0!important
    }

    .page-id-16 section.hero-module--centered+section {
        padding-top: 100px!important
    }

    .feature-cards--nylas-documentation .feature-cards {
        grid-template-columns: calc(25% - 15px) calc(25% - 15px) calc(25% - 15px) calc(25% - 15px)
    }

    .feature-cards--nylas-documentation.justify-content--center .feature-cards {
        grid-template-columns: calc(25% - 15px) calc(25% - 15px) calc(25% - 15px);
        justify-content: center
    }

    .feature-cards--nylas-documentation .feature-cards {
        padding-bottom: 10px;
        padding-top: 10px
    }

    .feature-cards--nylas-documentation h3 {
        margin-bottom: 0
    }

    .feature-cards--nylas-documentation .feature-cards__single__mid {
        min-height: 200px
    }

    .feature-cards--nylas-documentation .feature-cards__single__top img {
        height: 50px
    }
}

@media only screen and (max-width: 700px) {
    .doc-languages>* {
        margin-bottom:30px;
        width: 45%
    }

    .hero-module--guides img {
        display: none
    }
}

.error-not-found__num {
    font-size: 215px;
    line-height: 125px
}

@media only screen and (max-width: 700px) {
    .error-not-found__num {
        margin-bottom:40px
    }
}

@media only screen and (min-width: 1000px) {
    .error-not-found-container {
        min-height:50vh
    }

    .error-not-found__copy {
        margin-left: 80px;
        max-width: 450px
    }
}

.template--pricing .hero-module--centered {
    margin-bottom: 0
}

.template--pricing .pricing-card__single {
    background: #f7f7f7;
    border-radius: 6px;
    padding: 35px
}

.template--pricing .pricing-card__single img {
    border-radius: 50%;
    padding: 5px;
    width: 82px
}

.template--pricing #copy-cta-center-steams-block {
    display: none
}

.template--pricing #copy-cta-center-steams-block .container {
    padding-bottom: 0!important;
    padding-top: 0!important
}

.template--pricing #copy-cta-center-steams-block .container>div {
    max-width: 800px
}

@media only screen and (max-width: 900px) {
    .template--pricing #pricing-5 .pricing-section__single-row {
        grid-template-columns:40% 30% 30% 30%
    }
}

.pricing-table__single__intro {
    margin: 0 auto;
    max-width: 700px
}

.pricing-tabs__nav {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.tier-lists h4 {
    color: #4169e1;
    font-size: 25px;
    font-weight: 700
}

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

.tier-lists__single .essential {
    display: flex;
    flex-direction: column
}

.tier-lists__single .essential h4 {
    margin-bottom: 0
}

.tier-lists__single .essential span {
    display: block;
    font-size: 13px;
    margin-bottom: 10px
}

.tier-lists__single ul li {
    margin-bottom: 20px;
    position: relative
}

.pricing-tabs__nav li {
    border: 1px solid #cbcbcb;
    border-radius: 50px;
    text-align: center
}

.pricing-tabs__nav li a {
    color: #4169e1
}

.pricing-tabs__nav li.ui-tabs-active a {
    color: #17c3b2
}

.pricing-table__single {
    background: #f7f7f7;
    padding: 20px 35px
}

.table_icon {
    align-items: center;
    display: flex;
    justify-content: center
}

.table_icon i {
    display: block;
    height: 20px;
    margin: 0 auto;
    width: 20px
}

.table_icon,.table_icon i {
    position: relative;
    text-align: center
}

.table_icon i:before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px;
    z-index: 1
}

.table_icon_checkmark:before {
    background-image: url(../images/checkmark-black.svg)
}

.table_icon_x:before {
    background-image: url(../images/base/icons/icon_x.svg);
    filter: invert(1)
}

.pricing-section__single button {
    background: #4169e1;
    border: none;
    border-radius: 0;
    color: #fff;
    display: block;
    font-family: Source Sans Pro,Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    padding: 10px 20px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

.pricing-section__single button:before {
    background-image: url(../images/base/icons/icon_accordian_arrow.svg);
    background-size: cover;
    content: "";
    display: inline-block;
    height: 9px;
    left: 88%;
    position: absolute;
    top: 15px;
    width: 20px;
    z-index: 1
}

.pricing-section__single.pricing-section__rows-active button:before {
    transform: rotate(180deg)
}

.pricing-section__single.pricing-section__rows-active .pricing-section__rows {
    height: auto;
    max-height: 1000vh;
    overflow: visible;
    padding: 20px 0;
    visibility: visible
}

.pricing-section__single .pricing-section__rows {
    height: 0;
    max-height: 0;
    overflow: hidden;
    padding: 10px 0;
    visibility: hidden
}

.pricing-section__single-item span {
    max-width: 70%
}

.pricing-section__single-row span.column {
    flex-direction: column
}

.pricing-column-headings {
    color: #4169e1;
    font-size: 16px;
    margin: 0 0 30px;
    padding: 30px 0 0;
    text-align: right
}

.pricing-column-headings .essential {
    display: flex;
    flex-direction: column
}

.pricing-column-headings .essential span:nth-of-type(2) {
    color: #000;
    font-size: 12px;
    font-weight: 400
}

.pricing-section__rows {
    padding: 20px 0
}

.pricing-section__single-row {
    display: grid;
    grid-template-columns: 40% 20% 20% 20%;
    margin: 0 10px;
    padding: 10px 0
}

.pricing-section__single-row>span span {
    display: inline-block
}

.pricing-section__single-row:not(:last-child) {
    border-bottom: 1px solid #545656
}

.pricing-tabs-separator {
    width: 100%
}

.pricing-tabs-group {
    position: relative
}

.info-item span a {
    display: inline-block;
    position: relative
}

.info-item span a:after {
    background-image: url(../images/icon_info.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 15px;
    opacity: .7;
    position: absolute;
    right: -25px;
    top: 5px;
    width: 15px
}

.info-item a:hover {
    color: #d9d9d9!important
}

.info-item a:hover:after {
    opacity: .8
}

.pricing-feature-heading {
    border-top: 1px solid #545656;
    height: 1px;
    margin: 70px 0;
    overflow: visible;
    position: relative
}

.pricing-feature-heading h4 {
    background: #2c2d2d;
    display: inline-block;
    font-size: 25px;
    padding: 10px 20px 10px 0;
    position: relative;
    top: -55px
}

.pricing-feature-grid {
    column-gap: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 50px
}

.pricing-feature-grid h5 {
    margin: 0
}

.pricing-column-headings.pricing-column-headings--no-sections {
    margin-bottom: 0
}

.pricing-on-prem {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
    min-height: 0
}

@media only screen and (min-width: 1270px) {
    .pricing-tabs__nav li {
        margin:0 20px;
        position: relative;
        width: 160px
    }

    .pricing-tabs__nav li.ui-state-active span {
        border-color: transparent transparent #4169e1;
        border-style: solid;
        border-width: 0 40px 50px;
        height: 0;
        left: calc(50% - 40px);
        position: absolute;
        top: 65px;
        width: 0
    }

    .pricing-tabs__nav li a {
        display: inline-block;
        padding: 8px 0;
        width: 100%
    }
}

@media screen and (min-width: 900px) {
    .pricing-cards {
        background-size:contain
    }

    .pricing-tabs__nav {
        justify-content: center;
        margin: 30px 100px 50px
    }

    .pricing-tabs__nav li {
        margin: 0 20px;
        position: relative;
        width: 160px
    }

    .pricing-tabs__nav li.ui-state-active span {
        border-color: transparent transparent #4169e1;
        border-style: solid;
        border-width: 0 40px 50px;
        height: 0;
        left: calc(50% - 40px);
        position: absolute;
        top: 65px;
        width: 0
    }

    .pricing-tabs__nav li a {
        display: inline-block;
        padding: 8px 0;
        width: 100%
    }

    .pricing-tabs__nav li.ui-state-active {
        border: 1px solid #4169e1
    }

    .pricing-table__single {
        background: #f7f7f7;
        margin: 0 100px;
        padding: 80px
    }

    .pricing-column-headings {
        color: #4169e1;
        display: grid;
        font-size: 20px;
        font-weight: 700;
        grid-template-columns: 39% 20% 23% 20%;
        margin: 0 0 30px;
        padding: 100px 20px 0;
        text-align: center
    }

    .pricing-column-headings>:first-child {
        grid-column-start: 2
    }

    .pricing-section__single-row {
        grid-template-columns: 40% 20% 20% 20%;
        margin: 0 20px
    }

    .pricing-section__single button:before {
        left: 25%
    }

    .pricing-feature-grid {
        column-gap: 30px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        margin-top: 50px
    }

    .pricing-feature-heading {
        margin: 100px 0;
        text-align: center
    }

    .pricing-feature-heading h4 {
        padding: 10px 20px
    }

    .pricing-on-prem {
        margin-bottom: 100px;
        min-height: 460px
    }

    .pricing-table__single {
        padding: 100px 130px
    }
}

@media screen and (min-width: 900px)and (max-width:1270px) {
    .pricing-tabs__nav li {
        margin:0 15px;
        position: relative;
        width: 115px
    }

    .pricing-tabs__nav li.ui-state-active span {
        border-color: transparent transparent #2c2d2d;
        border-style: solid;
        border-width: 0 40px 50px;
        height: 0;
        left: calc(50% - 40px);
        position: absolute;
        top: 65px;
        width: 0
    }

    .pricing-tabs__nav li a {
        display: inline-block;
        font-size: 16px;
        padding: 8px 0;
        width: 100%
    }

    .pricing-tabs-group.pricing-tabs-group--right {
        margin-left: 50px
    }
}

@media only screen and (max-width: 900px) {
    .pricing-cards {
        background-repeat:repeat-y;
        background-size: 150%
    }

    .pricing-tabs__nav li {
        margin: 0 3% 3% 0;
        width: 30%
    }

    .pricing-tabs__nav li a {
        display: inline-block;
        padding: 10px
    }

    .pricing-tabs__nav li.ui-state-active {
        border: 1px solid #4169e1
    }

    .pricing-tabs__nav li:nth-last-of-type(-n+2) {
        width: 41%
    }

    .pricing-tabs__nav li a {
        font-weight: 400
    }

    .case-study-single .pricing-table__single h1,.pricing-table__single .case-study-single h1,.pricing-table__single .hs--2 {
        display: none
    }

    .pricing-column-headings>* {
        margin: 0 8px
    }

    .pricing-card__single {
        margin-bottom: 30px
    }

    .pricing-tabs h2 {
        margin-bottom: 40px;
        text-align: center
    }

    section.pricing-faq:not(.container) {
        padding: 30px 30px 80px!important
    }

    .pricing-tabs__nav {
        margin: 0 20px 30px
    }
}

@media only screen and (min-width: 600px)and (max-width:1000px) {
    .pricing-table__single {
        padding:50px
    }
}

.hero-module--sdks .ta--right {
    text-align: center
}

@media only screen and (min-width: 900px) {
    .hero-module--sdks img {
        max-height:400px!important;
        width: auto
    }

    .page-id-29 .home-sdk__content {
        width: 30%
    }
}

@media only screen and (max-width: 900px) {
    .page-id-29 .home-sdk {
        margin-bottom:80px
    }

    .page-id-29 .home-sdk .ui-tabs-nav {
        justify-content: flex-end
    }

    .page-id-29 .home-sdk .ui-tabs-nav>li {
        width: 45px
    }

    .page-id-29 .home-sdk .sdk-tabs--title {
        display: block;
        font-size: 16px;
        left: 0;
        position: absolute;
        top: 10px
    }

    .page-id-29 .grid-col--4 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 0
    }

    .page-id-29 .grid-col--4>div {
        width: 45%
    }

    .page-id-29 .grid-col--4 img {
        height: auto;
        max-height: 90px;
        max-width: 90px;
        width: 90px
    }
}

.page-id-1579 .hero-module--centered {
    margin-bottom: 0
}

.page-id-1579 .feature-cards__single__top img {
    height: 80px;
    max-width: 100px;
    width: auto
}

.page-id-1579 .feature-cards__single__mid {
    min-height: 200px
}

.ungated-content-module-container {
    max-width: 600px
}

.ungated-content-module-container img {
    margin-bottom: 20px
}

.ungated-content-module-container h2 {
    font-size: 25px;
    line-height: 36px
}

@media only screen and (min-width: 700px) {
    .ungated-content-module-container {
        margin:0 auto
    }

    .ungated-content-module {
        padding-top: 30px!important;
        position: relative
    }

    .ungated-content-module:before {
        background-image: url(../images/base/accents/ungated_hexagons_left.png);
        height: 450px;
        left: 0;
        top: -150px;
        width: 325px
    }

    .ungated-content-module:after,.ungated-content-module:before {
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: block;
        position: absolute
    }

    .ungated-content-module:after {
        background-image: url(../images/base/accents/ungated_hexagons_right.png);
        height: 478px;
        right: 0;
        top: -300px;
        width: 322px
    }
}

.template--platform .cards-end-cta .card-image-wrap {
    height: auto
}

.template--platform .cards-end-cta .card-image-wrap img {
    max-height: 90px;
    max-width: 90px;
    width: 90px
}

.template--platform-platform-user-experience .feature-cards__single__top img {
    margin-bottom: -6px
}

.template--platform-platform-security .cards-end-cta .card-image-wrap {
    height: 65px
}

.template--platform-platform-security .cards-end-cta .card-image-wrap img {
    height: 100%;
    max-width: 75px;
    width: auto
}

.platform-overview-container {
    margin-bottom: 100px
}

.platform-triangle {
    margin: 50px 0
}

.platform-triangle-section-wrap {
    margin-right: 30px;
    text-align: right;
    width: 220px
}

.platform-triangle__single {
    align-items: center;
    display: flex
}

.platform-overview-body {
    column-gap: 50px;
    display: grid;
    grid-template-columns: max-content auto
}

.platform-overview-body>div {
    align-self: center
}

.platform-overview__content__copy {
    margin-top: 0
}

.platform-triangle__single--active {
    position: relative
}

.platform-triangle__single--active #Platform-Overview-Desktop---Parallax {
    fill: #4169e1
}

.platform-triangle__single--active span.fc--white,.platform-triangle__single:hover span.fc--white {
    color: #4169e1
}

.platform-overview__content__single__container {
    position: relative
}

.scroll-target {
    position: absolute;
    top: -35vh
}

@media only screen and (min-width: 1000px)and (min-height:1000px) {
    .scroll-target {
        top:-45vh
    }

    .scroll-target-1 {
        top: calc(-45vh - 80px)
    }
}

.platform-overview__content__single {
    opacity: 1;
    transition: opacity .4s ease-in-out
}

.platform-overview__content__single:not(.platform-overview__content__single--active) {
    opacity: .2
}

.platform-overview__content,.platform-overview__content__single {
    align-items: center;
    background: #1f2020;
    border: 1px solid #4169e1;
    border-radius: 6px;
    display: flex;
    height: 80%;
    padding: 80px
}

.platform-overview__content>div,.platform-overview__content__single>div {
    align-items: center;
    display: flex
}

.platform-overview__content>div>div:first-child,.platform-overview__content__single>div>div:first-child {
    width: 35%
}

.platform-overview__content>div>div:last-child,.platform-overview__content__single>div>div:last-child {
    width: 65%
}

#platform-cards-desktop {
    display: none;
    margin-top: 100px
}

.platform-overview__content__single {
    margin-bottom: 50px;
    min-height: 380px;
    width: 100%
}

.platform-overview__content__single__container:first-child .platform-overview__content__single {
    margin-top: 80px
}

#platform-cards-desktop__left {
    align-self: flex-start;
    left: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 25vh;
    width: 40%
}

#platform-cards-desktop__left h2 {
    line-height: 1
}

#platform-cards-desktop__right {
    width: 60%
}

#platform-overview__content-right {
    border-left: 1px solid #5e5e5e;
    padding-left: 50px
}

#platform-overview__content__heading {
    color: #4169e1;
    font-weight: 700
}

.platform-cards {
    display: none
}

@media only screen and (min-width: 1000px)and (min-height:1000px) {
    #platform-cards-desktop__left {
        top:35vh
    }
}

@media only screen and (min-width: 1000px) {
    .template--platform .cards {
        margin:50px 0 100px
    }

    .template--platform .feature-cards-container {
        margin-bottom: 50px
    }

    .template--platform .base-header .h2,.template--platform .base-header p {
        max-width: 750px
    }

    .template--platform .hero-module .half__left>div {
        padding-right: 0
    }

    .template--platform .hero-module .half__left>div p {
        padding-right: 50px
    }

    .template--platform .hero-module img {
        max-height: 400px
    }

    .template--platform .hero-module.hero-module--platform-automation img,.template--platform .hero-module.hero-module--platform-intelligence img {
        max-width: 520px
    }

    .template--platform .hero-module.hero-module--platform-intelligence img {
        max-height: 450px
    }

    .template--platform .hero-module.hero-module--platform-user-experience img {
        max-height: 500px
    }

    .template--platform .hero-module.hero-module--platform-connectivity img {
        padding-right: 100px
    }

    .template--platform-platform-connectivity .feature-cards__single--customers .feature-cards__single__mid {
        min-height: 290px
    }

    .template--platform-platform-intelligence .feature-cards__single--customers .feature-cards__single__mid,.template--platform-platform-user-experience .feature-cards__single--customers .feature-cards__single__mid {
        min-height: 300px
    }

    .feature-cards--platform-intelligence .feature-cards__single__top,.template--platform-platform-security .feature-cards__single__top {
        min-height: 140px
    }

    .feature-cards--platform-intelligence .feature-cards>div .feature-cards__single__mid-bottom {
        min-height: 350px
    }

    #platform-cards-desktop {
        display: flex;
        position: relative
    }
}

@media only screen and (max-width: 1000px) {
    .platform-cards {
        display:block
    }

    #platform-cards-desktop {
        display: none
    }

    .platform-cards__single {
        margin-bottom: 30px
    }

    .platform-cards__single .card-desktop-icon {
        display: none
    }

    .platform-cards__single__top {
        background: #1f2020;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        padding: 30px
    }

    .platform-cards__single__bottom {
        background: #1f2020;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        border-top: 1px solid #5e5e5e;
        padding: 20px 30px
    }
}

@media only screen and (max-width: 700px) {
    .template--platform .cards-end-cta {
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .template--platform .cards-end-cta>:not(.last-card) {
        display: block;
        width: 45%
    }

    .template--platform .cards-end-cta img {
        margin-bottom: 10px
    }

    .template--platform .feature-offset__single {
        display: flex
    }

    .template--platform .feature-offset-cards-container {
        margin-bottom: 70px
    }

    .template--platform .subhead--sm {
        font-size: 18px;
        line-height: 28px
    }
}

.swiper-mobile {
    display: none
}

.page-id-4132 .hero-module .half__left>div {
    padding-right: 0
}

.page-id-4132 .feature-cards-container .feature-cards__single.feature-image__np .feature-cards__single__top img {
    max-height: 60px;
    max-width: 100%;
    padding: 0
}

@media only screen and (min-width: 700px) {
    .page-id-4132 .feature-cards-container .feature-cards__single .feature-cards__single__mid {
        min-height:290px
    }

    .page-id-4132 .feature-cards-container .feature-cards__single.feature-image__np .feature-cards__single__top img {
        max-height: 130px;
        max-width: 107%;
        padding: 0
    }
}

@media only screen and (max-width: 700px) {
    .page-id-4132 .feature-cards-container .feature-cards__single .feature-cards__single__top img {
        max-width:80%
    }
}

@media only screen and (min-width: 700px) {
    .template--product .half-module img {
        max-height:380px;
        max-width: 530px
    }

    .template--product .feature-cards__single__top {
        align-items: center;
        display: flex;
        justify-content: center;
        max-height: 130px;
        padding: 20px 35px
    }

    .template--product .feature-cards__single__top img {
        filter: invert(50%);
        max-height: 100px;
        max-width: 100%
    }

    .template--product .half-module.scheduling-software-feature {
        padding-bottom: 0
    }

    .template--product .half-module.scheduling-software-feature .half__right {
        text-align: center!important
    }

    .template--product .half-module.scheduling-software-feature .half__right img {
        max-height: 320px;
        max-width: 310px;
        width: auto
    }

    .template--product .feature-cards__single__mid {
        min-height: 250px
    }

    .template--product .half-module.reverse-order .flex>div:first-child {
        order: 2
    }

    .template--product .half-module.reverse-order .flex .half__right {
        text-align: center
    }

    .template--product .half-module.reverse-order .flex .half__right img {
        width: auto
    }

    .template--product #base-half-block_5fb5aefa7712a .half__right {
        text-align: left
    }

    .template--product .half-module.scheduler-security .half__right {
        text-align: center
    }

    .template--product .half-module.scheduler-security .half__right img {
        max-width: 400px;
        width: auto
    }

    .feature-cards--integration-landing-page .feature-cards__single__top {
        align-items: center;
        display: flex;
        justify-content: center
    }

    .feature-cards--integration-landing-page .feature-cards__single__top img {
        max-height: 60px;
        max-width: 90px;
        width: auto
    }

    .page-id-11 .image-wysiwyg-module img {
        max-height: 400px;
        max-width: 430px;
        width: auto
    }

    .page-id-11 .image-wysiwyg-module.reverse-order .half__left,.page-id-11 .sdk-copy-module.reverse-order .half__left {
        order: 1
    }

    .page-id-2813 #base-half-block_5fb67f0298422 {
        padding-bottom: 0!important
    }

    .page-id-2813 #base-half-block_5fb67f0298422+.col-4-ihc {
        padding-top: 0!important
    }
}

@media only screen and (max-width: 700px) {
    .template--product .col-4-ihc .cards.grid-col--4 {
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .template--product .col-4-ihc .cards.grid-col--4>:not(.last-card) {
        display: block;
        width: 45%
    }

    .template--product .col-4-ihc .cards.grid-col--4 img {
        margin-bottom: 10px;
        max-height: 90px;
        max-width: 90px;
        width: 90px
    }

    .template--product .mini-col-module.reverse-order .half__right {
        margin-bottom: 50px
    }

    #comments .form-submit .template--product .mini-col-module input,.template--product .mini-col-module #comments .form-submit input,.template--product .mini-col-module .btn {
        padding: 17px 20px;
        text-align: center;
        width: 100%
    }

    .template--product .mini-col-module__cols>div {
        align-items: center;
        margin-bottom: 20px
    }

    .template--product .mini-col-module__cols>div img {
        margin-top: 0
    }

    .template--product .half-module.reverse-order.reverse-mobile .flex {
        display: flex;
        flex-direction: column
    }

    .template--product .half-module.reverse-order.reverse-mobile .flex>div:first-child {
        order: 2
    }

    .template--product .half-module.scheduler-security .flex {
        display: flex;
        flex-direction: column
    }

    .template--product .half-module.scheduler-security .half__left {
        order: 2
    }

    .template--product .half-module.scheduler-security .half__right {
        margin-bottom: 30px
    }

    .template--product .feature-offset__single {
        display: flex
    }

    .template--product .feature-offset-cards-container .card-image-wrap {
        margin-right: 30px
    }

    .template--product .feature-offset-cards-container .card-image-wrap img {
        height: auto;
        width: 50px
    }

    .template--product .half-module.scheduling-software-feature .flex {
        display: flex;
        flex-direction: column
    }

    .template--product .half-module.scheduling-software-feature .half__left {
        order: 2
    }

    .template--product .half-module.scheduling-software-feature .half__right {
        text-align: center
    }

    .template--product .half-module.scheduling-software-feature img {
        margin-bottom: 30px;
        max-height: 300px;
        width: auto
    }

    .swiper-mobile {
        display: block
    }

    .swiper-container {
        display: none
    }
}

.swiper-module {
    padding-top: 50px
}

.swiper-container {
    margin-bottom: 30px;
    padding-bottom: 50px;
    width: 100%
}

.swiper-slide {
    background-position: top;
    background-repeat: no-repeat;
    background-size: 670px 410px;
    height: 460px;
    opacity: .2;
    width: 670px
}

.swiper-slide.swiper-slide-active {
    opacity: 1
}

.swiper-button-next,.swiper-button-prev {
    color: #fff!important
}

.wrapper-calculator-form {
    display: block;
    margin: 0 auto;
    overflow: hidden
}

.content-calculator-form {
    column-gap: 20px
}

.columns-services-providers {
    background-color: #f2f2f2;
    border-radius: 6px;
    color: #000;
    padding: 40px
}

.columns-services-providers label:hover {
    cursor: pointer
}

.columns-services-providers .service-providers-images {
    min-height: 52px
}

.columns-services-providers.last-column .service-providers-images img {
    filter: invert(1)
}

.columns-services-providers .img-gmail {
    height: 48px
}

.columns-services-providers .img-exchange {
    height: 52px
}

.columns-services-providers .img-office365 {
    float: left;
    height: 52px;
    padding-right: 15px
}

.columns-services-providers .img-outlook {
    height: 48px;
    height: 52px
}

.columns-services-providers .img-imapsmtp {
    height: 45px
}

.columns-services-providers input[type=checkbox] {
    left: -9999px;
    position: absolute
}

.columns-services-providers label {
    display: block;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 16px;
    padding-left: 45px;
    position: relative
}

.columns-services-providers label.blocked {
    opacity: .5;
    pointer-events: none
}

.columns-services-providers input[type=checkbox]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0)
}

.columns-services-providers input[type=checkbox]:checked+label:before,.columns-services-providers input[type=checkbox]:not(:checked)+label:before {
    border: 1.25px solid;
    content: "";
    height: 23px;
    margin-left: -45px;
    margin-top: 0;
    position: absolute;
    width: 23px
}

.columns-services-providers input[type=checkbox]:checked+label:after,.columns-services-providers input[type=checkbox]:not(:checked)+label:after {
    background-image: url(../images/checkmark-black.svg);
    background-repeat: no-repeat;
    background-size: 19px;
    content: "";
    height: 19px;
    left: 4px;
    position: absolute;
    top: 3.4px;
    transition: all .2s;
    width: 19px
}

.columns-services-providers label.blocked:after {
    display: none!important
}

.modal-task {
    background-color: rgba(0,0,0,.9);
    display: none;
    flex-direction: column;
    height: calc(100% - 120px);
    justify-content: center;
    left: 0;
    margin: 0 auto;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 120px;
    width: 100%;
    z-index: 10000
}

.modal-task-content {
    background-color: #262626;
    border-radius: 8px;
    margin: auto;
    max-width: 710px;
    opacity: .95;
    padding: 55px 70px 45px;
    position: relative;
    width: 100%
}

h3.modal-title {
    font-size: 25px!important;
    font-weight: 700!important;
    line-height: 1.44!important;
    margin-bottom: 25px!important;
    text-align: left!important
}

span.modal-subtitle {
    display: block;
    font-weight: 700!important;
    margin-bottom: 5px!important
}

.modal-task-content p,span.modal-subtitle {
    font-size: 18px!important;
    line-height: 1.56!important
}

.modal-task-content p {
    font-weight: 400!important;
    margin-bottom: 20px!important;
    margin-top: 0!important
}

.close-modal {
    color: #aaa;
    float: right
}

.close-modal img {
    height: 18px;
    position: absolute;
    right: 25px;
    top: 25px;
    width: 18px
}

.close-modal:focus,.close-modal:hover {
    color: #000;
    cursor: pointer;
    text-decoration: none
}

@media only screen and (min-width: 900px) {
    #hero-module--1581 .half__left {
        width:60%
    }

    #hero-module--1581 .half__right {
        width: 40%
    }
}

@media only screen and (max-width: 1024px) {
    .modal-task {
        height:100%;
        top: 0
    }
}

@media only screen and (max-width: 800px) {
    .modal-task-content {
        max-width:calc(100% - 60px)
    }
}

@media only screen and (max-width: 640px) {
    .modal-task-content {
        padding:40px 35px 25px
    }
}

@media only screen and (max-width: 400px) {
    .modal-task-content {
        max-width:calc(100% - 30px);
        padding: 40px 20px 25px
    }

    .close-modal img {
        right: 20px;
        top: 20px
    }
}

.title-task:hover {
    cursor: pointer
}

.roi-summary span {
    color: #4169e1
}

.roi-disclaimer {
    color: #8c8c8c;
    font-size: 14px;
    line-height: 24px
}

.hero-module--roi .half__right {
    background: #f7f7f7;
    border-radius: 6px
}

.hero-module--roi .half__right>div {
    padding: 50px
}

.roi-summary-table .grid {
    grid-template-columns: 2fr 1fr 1fr
}

.roi-summary-table__headings span:first-child {
    grid-column-start: 2
}

.roi-summary-table__separator {
    background-color: #9a9e9d;
    display: block;
    height: 1px;
    margin: 20px 0;
    width: 80%
}

.roi-summary-table__provider {
    padding: 10px 0
}

.provider-label {
    padding-right: 50px;
    text-align: right
}

.roi-summary-table__hide-label {
    display: none
}

.estimated-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    margin-top: 50px;
    row-gap: 100px
}

.content-task span {
    display: block
}

.t-copy,.t-number {
    color: #cb62e3
}

.t-number {
    font-size: 40px;
    margin: 20px 0 10px
}

.title-task span {
    display: inline-block;
    position: relative
}

.title-task span:after {
    background-image: url(../images/icon_info.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 15px;
    position: absolute;
    right: -25px;
    top: 5px;
    width: 15px
}

#site-content.roi-calculator {
    padding-bottom: 0
}

#site-content.roi-calculator .hero-module {
    margin-bottom: 0
}

#site-content.roi-calculator .hero-module .ta--right {
    bottom: -85px;
    position: relative
}

@media only screen and (max-width: 900px) {
    #site-content.roi-calculator .hero-module .ta--right {
        bottom:0
    }
}

#site-content.roi-calculator .hero-module+.container {
    background-color: #fff;
    margin-bottom: 0;
    margin-top: 0;
    max-width: 100%;
    padding-bottom: 100px;
    padding-top: 50px
}

#site-content.roi-calculator .hero-module+.container .wrapper-calculator-form {
    max-width: 1230px
}

#site-content.roi-calculator .roi-calculator__button {
    margin: 50px 0 0;
    text-align: center
}

#site-content.roi-calculator .company_sizes {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 50px 0 0
}

#site-content.roi-calculator .company_sizes__header {
    width: 100%
}

#site-content.roi-calculator .company_sizes__header h2,#site-content.roi-calculator .company_sizes__header p {
    color: #000
}

#site-content.roi-calculator .company_sizes__header h2 {
    font-size: 40px
}

#site-content.roi-calculator .company_sizes__header p {
    font-size: 24px
}

#site-content.roi-calculator .company_sizes__form {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 24px;
    justify-content: space-between;
    margin: 60px 0 30px;
    width: 100%
}

#site-content.roi-calculator .company_sizes__ul {
    background-color: #fff!important;
    color: #000;
    display: flex;
    font-size: 18px;
    justify-content: space-between;
    list-style: none;
    margin: 0 auto;
    padding: 0
}

#site-content.roi-calculator .company_sizes__ul li {
    align-items: center;
    display: flex;
    margin: 0 15px
}

#site-content.roi-calculator .company_sizes__ul li label {
    padding-bottom: 0
}

@media only screen and (max-width: 900px) {
    #site-content.roi-calculator .company_sizes__form,#site-content.roi-calculator .company_sizes__ul {
        flex-direction:column
    }
}

#site-content.roi-calculator select[name=currency_select] {
    height: 35px;
    margin-bottom: 30px;
    margin-right: auto;
    margin-top: 30px;
    text-align: center;
    width: 120px
}

@media only screen and (min-width: 1000px) {
    .template--solution .flex-50-50-container .half__right img {
        display:block;
        margin: 0 auto;
        max-height: 330px;
        max-width: 80%;
        width: auto
    }

    .hero-module img {
        max-height: 500px;
        max-width: 100%
    }
}

@media only screen and (max-width: 700px) {
    .container.padding--md {
        margin-bottom:50px
    }
}

.register-form {
    border-radius: 8px;
    color: #000!important;
    max-width: 375px;
    padding: 30px
}

.register-form #mktoForm_1262.mktoForm {
    margin: 0 auto!important;
    max-width: 100%!important;
    width: 100%!important
}

.webinar__speakers img {
    height: auto;
    max-width: 125px;
    width: 100%
}

.webinar__speakers .flex-col--4 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.webinar__speakers .flex-col--4>div {
    margin-bottom: 30px;
    width: 45%
}

hr.desktop-hide {
    border-top: 1px solid #cbcbcb;
    margin: 50px 0;
    opacity: .5
}

.webinar-content__left li {
    margin-bottom: 15px
}

.webinar-ty__wrapper {
    margin: 0 auto;
    max-width: 600px
}

.ty-cta {
    border: thin solid #d3d3d3;
    border-radius: 8px;
    padding: 30px
}

.ty-cta img {
    filter: invert(50%);
    height: 80px;
    width: 80px
}

@media screen and (min-width: 900px) {
    .webinar-content__left {
        max-width:60%;
        padding-right: 100px
    }

    .webinar-content__right {
        position: relative
    }

    .webinar-content__right .mktoButtonRow {
        text-align: center
    }

    .webinar-content__right .mktoButtonRow .mktoButton {
        padding-left: 40px!important;
        padding-right: 40px!important;
        width: auto
    }

    .webinar-content__right .mktoForm input[type=email]::placeholder,.webinar-content__right .mktoForm input[type=text]::placeholder {
        color: #000
    }

    .register-form.sticky {
        padding: 30px 50px;
        position: sticky;
        top: 180px
    }

    .webinar-ty-module .content>div {
        margin-top: 50px
    }

    .ty-cta {
        align-items: center;
        display: flex;
        padding: 20px 40px
    }

    .ty-cta img {
        margin-right: 30px
    }
}

@media screen and (min-width: 1024px) {
    .webinar-content__left {
        padding-right:100px
    }
}

@media screen and (min-width: 1300px) {
    .webinar-content__left {
        max-width:650px;
        padding-right: 0
    }

    .webinar__speakers .flex-col--4 div {
        width: 20%
    }
}

@media screen and (max-width: 900px) {
    .register-form.sticky {
        margin:0 auto
    }

    .webinar-content__left {
        padding-top: 50px
    }
}

.template-ty-light {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-bottom: 0;
    padding-top: 50px!important
}

.template-ty-light .ty-light-header-logo {
    margin: 0 auto;
    max-width: 250px
}

.template-ty-light .ty-light-header-logo img {
    max-width: 100%
}

.template-ty-light #main-content {
    display: flex;
    height: 100%;
    justify-content: center;
    padding-bottom: 0
}

.template-ty-light #main-content #ty-light {
    display: flex;
    position: relative
}

.case-study-single .template-ty-light #main-content #ty-light .container h1,.template-ty-light #main-content #ty-light .container .case-study-single h1,.template-ty-light #main-content #ty-light .container .hs--2 {
    margin: 0 auto 40px;
    max-width: 60%
}

@media(max-width: 600px) {
    .case-study-single .template-ty-light #main-content #ty-light .container h1,.template-ty-light #main-content #ty-light .container .case-study-single h1,.template-ty-light #main-content #ty-light .container .hs--2 {
        max-width:100%;
        text-align: center
    }
}

.template-ty-light #main-content #ty-light .container .body-text {
    margin: 0 auto 50px;
    text-align: center
}

@media(max-width: 600px) {
    .template-ty-light #main-content #ty-light .container .body-text {
        margin-bottom:0
    }
}

.template-ty-light #main-content #ty-light .container .row {
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 90%;
    position: relative;
    z-index: 9
}

.template-ty-light #main-content #ty-light .container .row:first-of-type {
    align-items: center;
    justify-content: center
}

@media(max-width: 600px) {
    .template-ty-light #main-content #ty-light .container .row {
        flex-direction:column
    }
}

.template-ty-light #main-content #ty-light .container .row .col {
    align-items: center;
    background-color: #f8f8f8;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 50px;
    padding: 30px 0;
    width: 45%
}

@media(max-width: 600px) {
    .template-ty-light #main-content #ty-light .container .row .col {
        width:100%
    }
}

@media only screen and (min-width: 800px)and (max-width:899px) {
    .template-ty-light #main-content #ty-light .container .row .col {
        width:50%
    }
}

.template-ty-light #main-content #ty-light .container .row .col p {
    margin: 0;
    text-align: center
}

.template-ty-light #main-content #ty-light .container .row .col img,.template-ty-light #main-content #ty-light .container .row .col p {
    margin-bottom: 10px
}

.template-ty-light #main-content #ty-light .container .row .col a {
    width: 65%
}

.template-ty-light #main-content #ty-light .container .row .col a.btn--blue,.template-ty-light #main-content #ty-light .container .row .col a.btn--green {
    color: #fff
}

@media only screen and (min-width: 800px)and (max-width:899px) {
    .template-ty-light #main-content #ty-light .container .row .col a {
        width:75%
    }
}

.template-ty-light footer {
    display: flex;
    justify-content: center;
    padding: 40px 0
}

.page-template-template-ty-demo #ty-demo .main-body {
    background-color: #fff;
    border-radius: 5px;
    margin: 0 auto;
    max-width: 750px;
    padding: 60px 30px;
    position: relative;
    z-index: 10
}

.page-template-template-ty-demo #ty-demo .main-body h1 {
    color: #000;
    font-size: 40px;
    max-width: 900px;
    text-align: center
}

.page-template-template-ty-demo #ty-demo .main-body h3 {
    color: #000;
    font-size: 21px;
    line-height: 28px;
    margin-top: 10px;
    max-width: 900px;
    text-align: center
}

@media(max-width: 600px) {
    .page-template-template-ty-demo #ty-demo .main-body h1 {
        font-size:34px
    }

    .page-template-template-ty-demo #ty-demo .main-body h3 {
        font-size: 18px
    }

    .page-template-template-ty-demo #ty-demo .main-body .partner-container h3 {
        font-size: 23px;
        line-height: 36px
    }
}

.page-template-template-ty-demo #ty-demo .main-body ul {
    margin: 55px auto 0;
    max-width: 90%
}

.page-template-template-ty-demo #ty-demo .main-body ul li {
    color: #000;
    list-style: none;
    margin-bottom: 30px;
    position: relative
}

.page-template-template-ty-demo #ty-demo .main-body ul li:before {
    background-image: url(../images/checkmark.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    filter: invert(50%);
    height: 22px;
    left: -40px;
    position: absolute;
    top: 0;
    width: 22px;
    z-index: 0
}

.page-template-template-ty-demo #ty-demo .main-body .partner-container {
    text-align: center
}

.page-template-template-ty-demo #ty-demo .main-body .partner-container h3 {
    color: #000;
    font-weight: 600;
    margin: 60px 0 40px;
    text-align: center
}

.page-template-template-ty-demo #ty-demo .main-body .partner-container img {
    max-width: 90%
}

.hero_with_form {
    overflow: hidden;
    padding-bottom: 0!important;
    padding-top: 0!important;
    position: relative
}

.hero_with_form:after,.hero_with_form:before {
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 100%;
    max-width: 350px;
    position: absolute;
    width: 100%
}

.hero_with_form:before {
    height: 100%;
    top: -10px;
    z-index: 7
}

@media only screen and (max-width: 899px) {
    .hero_with_form:before {
        background-image:none
    }
}

.hero_with_form:after {
    bottom: -45%;
    right: 0;
    z-index: 2
}

@media only screen and (max-width: 899px) {
    .hero_with_form:after {
        background-image:none
    }
}

@media(max-width: 799px) {
    .hero_with_form {
        margin:0 30px
    }
}

.hero_with_form .container {
    display: flex
}

@media only screen and (max-width: 899px) {
    .hero_with_form .container {
        flex-direction:column
    }
}

.hero_with_form .container .eyebrow,.hero_with_form .container .pricing-feature-grid h5,.hero_with_form .container .subhead,.pricing-feature-grid .hero_with_form .container h5 {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin: 1em 0 0
}

.hero_with_form .container h1,.hero_with_form .container p {
    text-align: left
}

.hero_with_form .container .half__left {
    position: relative
}

.hero_with_form .container .half__left .left-content {
    width: 90%
}

.hero_with_form .container .half__left .left-content .eyebrow,.hero_with_form .container .half__left .left-content .pricing-feature-grid h5,.hero_with_form .container .half__left .left-content .subhead,.pricing-feature-grid .hero_with_form .container .half__left .left-content h5 {
    font-size: 25px;
    line-height: 35px
}

.hero_with_form .container .half__left .left-content .eyebrow+div p,.hero_with_form .container .half__left .left-content .pricing-feature-grid h5+div p,.hero_with_form .container .half__left .left-content .subhead+div p,.pricing-feature-grid .hero_with_form .container .half__left .left-content h5+div p {
    font-size: 24px;
    line-height: 36px;
    margin-top: 10px
}

@media(max-width: 799px) {
    .hero_with_form .container .half__left .left-content {
        width:100%
    }
}

.hero_with_form .container .half__right {
    width: 50%
}

@media(max-width: 799px) {
    .hero_with_form .container .half__right {
        padding-bottom:50px;
        width: 100%
    }
}

.hero_with_form .container .form_section {
    background-color: #fff;
    margin: 0 auto;
    max-width: 400px;
    padding: 20px;
    position: relative;
    z-index: 9
}

.hero_with_form .container .form_section__header {
    text-align: center
}

.hero_with_form .container .form_section__privacy {
    color: #818181;
    font-size: 14px;
    line-height: 24px;
    margin-top: 27px;
    text-align: left!important
}

.hero_with_form .container .form_section .mktoForm {
    margin: 0 auto;
    max-width: 420px
}

.hero_with_form .container .form_section .mktoForm .mktoLabel:after {
    content: "*";
    margin-left: 5px
}

.hero_with_form .container .form_section .mktoForm .mktoLabel .mktoAsterix {
    display: none
}

.hero_with_form .container .form_section .mktoForm input {
    background-color: #fff!important;
    color: #000!important;
    margin: 10px 0;
    padding-left: 20px!important
}

.hero_with_form .container .form_section .mktoForm input::placeholder {
    color: #d7d7d9;
    padding: 20px 0 10px
}

.hero_with_form .container .form_section .mktoForm .mktoButtonRow {
    text-align: center
}

.hero_with_form .container .form_section .mktoForm .mktoButtonRow input {
    border-bottom: 0
}

.hero_with_form .container .form_section .mktoForm .mktoButtonRow .mktoButtonWrap button.mktoButton {
    background-color: #002db4;
    background-image: none;
    border: 1px solid #002db4;
    color: #fff;
    display: inline-block;
    font-family: Inconsolata;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    margin-top: 20px;
    padding: 17px 50px;
    text-align: center;
    text-decoration: none
}

.nylas_chart_light {
    background-color: #fff;
    max-width: 950px
}

.nylas_chart_light__heading {
    padding: 30px 0;
    text-align: center
}

.nylas_chart_light__heading p {
    color: #0b45d8;
    font-size: 24px
}

.nylas_chart_light .chart-section__title {
    background-color: #4169e1;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 700;
    padding: 10px 30px;
    text-transform: uppercase;
    width: 100%
}

.nylas_chart_light .chart-section__row {
    border: none;
    display: grid;
    grid-template-columns: 30% 35% 35% 0;
    padding: 10px 30px
}

.nylas_chart_light .chart-section__row:nth-of-type(2n) {
    background-color: #f2f2f2
}

.nylas_chart_light .chart-section__row .table_icon_x:before {
    filter: brightness(.2)
}

.nylas_chart_light .chart-section__row .chart_header {
    color: #4169e1;
    font-size: 25px;
    font-weight: 700;
    line-height: 36px
}

.light_quote {
    background-color: #e6e7e8;
    margin-top: 150px
}

.light_quote .quote {
    display: flex;
    position: relative
}

.light_quote .quote__image {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 25%
}

.light_quote .quote__image img {
    border-radius: 50%;
    max-width: 230px
}

.light_quote .quote__text {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 100px 0;
    position: relative
}

.light_quote .quote__text blockquote {
    position: relative
}

.light_quote .quote__text blockquote:after,.light_quote .quote__text blockquote:before {
    color: #002db4;
    font-family: Arial;
    font-size: 150px;
    font-style: normal;
    font-weight: 700;
    position: absolute
}

.light_quote .quote__text blockquote:before {
    content: "“";
    left: -10px;
    top: -20px
}

.light_quote .quote__text blockquote:after {
    bottom: -50px;
    content: "”";
    margin-left: 15px
}

.light_quote .quote__text .quote__author,.light_quote .quote__text blockquote {
    font-size: 25px;
    font-weight: 400;
    line-height: 35px;
    margin: 0 auto;
    width: 80%
}

.light_quote .quote__text .quote__author {
    font-size: 22px;
    line-height: 20px;
    margin-top: 40px
}

@media(max-width: 799px) {
    .light_quote .quote {
        align-items:center;
        flex-direction: column;
        max-width: 100%;
        padding: 50px!important
    }

    .light_quote .quote__text blockquote:after,.light_quote .quote__text blockquote:before {
        font-size: 105px
    }

    .light_quote .quote__text blockquote:after {
        bottom: -25px
    }

    .light_quote .quote__text blockquote {
        font-size: 24px;
        font-style: normal;
        line-height: 35px
    }

    .light_quote .quote__text .quote__author {
        font-size: 20px;
        line-height: 20px;
        margin-top: 40px
    }
}

.landingPage {
    scroll-behavior: smooth
}

.landingPage .wrapper {
    overflow: hidden
}

.landingPage .main-container {
    padding: 0 10px
}

@media only screen and (min-width: 1200px) {
    .landingPage .main-container {
        max-width:1190px
    }
}

@media only screen and (min-width: 1800px) {
    .landingPage .main-container {
        max-width:1290px
    }
}

.landingPage img {
    display: inline-block;
    filter: none!important;
    height: auto;
    max-width: 100%;
    vertical-align: top
}

.landingPage .main-header {
    background: transparent!important;
    position: absolute
}

@media only screen and (min-width: 1024px) {
    .landingPage .main-header {
        padding:20px 40px
    }
}

.landingPage .main-header .main-logo {
    margin: 0 auto
}

.landingPage .site-footer {
    padding: 25px 0 20px;
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .landingPage .site-footer {
        text-align:left
    }
}

@media only screen and (min-width: 1200px) {
    .landingPage .site-footer {
        margin:0
    }
}

.landingPage .site-footer .footer-bottom .wrap {
    opacity: .7
}

.landingPage .site-footer .footer-bottom .add-nav {
    justify-content: center;
    margin: 0 -10px -5px
}

@media only screen and (min-width: 1024px) {
    .landingPage .site-footer .footer-bottom .add-nav {
        margin:0 -8px -5px
    }
}

.landingPage .site-footer .footer-bottom .add-nav li {
    margin: 0 8px 5px
}

.landingPage .site-footer .footer-bottom .social {
    justify-content: center;
    margin-bottom: 25px
}

@media only screen and (min-width: 1024px) {
    .landingPage .site-footer .footer-bottom .social {
        margin-bottom:0
    }
}

.landingPage .site-footer .footer-bottom .social>span {
    flex-shrink: 0;
    margin-right: 20px;
    opacity: .7
}

.landingPage .site-footer .footer-bottom .social ul {
    margin: 0
}

.landingPage .site-footer .footer-bottom .social li {
    margin: 0 10px
}

.landingPage .site-footer .footer-bottom .social a {
    justify-content: center;
    width: 20px
}

.landingPage .hero-section {
    background-position: 50% 0;
    color: #fff;
    min-height: 745px;
    padding-bottom: 55vw!important
}

@media only screen and (min-width: 768px) {
    .landingPage .hero-section {
        padding-bottom:27vw!important
    }
}

@media only screen and (min-width: 1200px) {
    .landingPage .hero-section {
        align-items:flex-start;
        padding-bottom: 170px!important
    }
}

@media only screen and (min-width: 1800px) {
    .landingPage .hero-section {
        min-height:1016px;
        padding: 217px 0!important
    }
}

@media only screen and (min-width: 2200px) {
    .landingPage .hero-section {
        align-items:center;
        padding-bottom: 450px!important
    }
}

.landingPage .hero-section .main-container {
    padding: 0 18px
}

.landingPage .hero-section .hero-holder {
    font-size: 16px;
    justify-content: center;
    line-height: 24px;
    margin: 0 auto;
    max-width: 900px;
    text-align: center
}

@media only screen and (min-width: 1800px) {
    .landingPage .hero-section .hero-holder {
        font-size:18px;
        line-height: 30px;
        max-width: 1100px
    }
}

.landingPage .hero-section h1 {
    color: #fff
}

@media only screen and (min-width: 1200px) {
    .landingPage .hero-section h1 {
        line-height:60px
    }
}

@media only screen and (min-width: 1800px) {
    .landingPage .hero-section h1 {
        font-size:80px;
        line-height: 90px
    }
}

@media only screen and (min-width: 768px) {
    .landingPage .hero-section h1 strong {
        display:block
    }
}

@media only screen and (min-width: 1200px) {
    .landingPage .hero-section h1 strong sub {
        margin:0 15px 0 2px
    }
}

.landingPage .hero-section h1 sub {
    vertical-align: baseline
}

@media only screen and (min-width: 768px) {
    .landingPage .hero-section h1 sub {
        font-size:23px;
        line-height: 23px;
        margin-left: 5px;
        position: relative;
        top: -5px
    }
}

@media only screen and (min-width: 1200px) {
    .landingPage .hero-section h1 sub {
        font-size:30px;
        line-height: 30px;
        margin: 0;
        top: 0
    }
}

@media only screen and (min-width: 1800px) {
    .landingPage .hero-section h1 sub {
        font-size:50px;
        line-height: 50px
    }
}

@media only screen and (max-width: 567px) {
    .landingPage .hero-section .word-left {
        display:block
    }
}

@media only screen and (min-width: 768px) {
    .landingPage .hero-section .word-right {
        left:50vw;
        position: relative
    }
}

.landingPage .hero-section .colored {
    color: #ff786a
}

.landingPage .hero-section .h4,.landingPage .hero-section h4 {
    font-size: 22px;
    line-height: 32px;
    margin: 20px 0 0
}

@media only screen and (min-width: 1200px) {
    .landingPage .hero-section .h4,.landingPage .hero-section h4 {
        font-size:24px;
        line-height: 36px;
        margin-top: 10px
    }
}

@media only screen and (min-width: 1400px) {
    .landingPage .hero-section .h4,.landingPage .hero-section h4 {
        font-size:30px;
        line-height: 40px
    }
}

@media only screen and (min-width: 1800px) {
    .landingPage .hero-section .h4,.landingPage .hero-section h4 {
        margin-top:25px
    }
}

.landingPage .hero-section p {
    color: hsla(0,0%,100%,.7);
    font-size: 16px;
    line-height: 24px;
    margin: 12px 0 0
}

@media only screen and (min-width: 1800px) {
    .landingPage .hero-section p {
        font-size:18px;
        line-height: 30px;
        margin-top: 20px
    }
}

.landingPage .hero-section p strong {
    color: #fc0
}

.landingPage .hero-section .button-link {
    margin-top: 30px
}

@media only screen and (min-width: 1800px) {
    .landingPage .hero-section .button-link {
        margin-top:40px
    }
}

@media only screen and (max-width: 767px) {
    .landingPage .hero-section .has-animation {
        opacity:0;
        transform: translateY(100px);
        transition: transform .8s ease-in-out,opacity .8s ease-in-out
    }
}

@media only screen and (min-width: 768px) {
    .landingPage .hero-section .has-animation .word-left {
        left:-50vw;
        opacity: 0;
        position: relative;
        transition: left .8s ease-in-out,opacity .8s ease-in-out
    }

    .landingPage .hero-section .has-animation .word-right {
        left: 50vw;
        opacity: 0;
        position: relative;
        transition: left .8s ease-in-out,opacity .8s ease-in-out
    }

    .landingPage .hero-section .has-animation h1 strong {
        opacity: 0;
        position: relative;
        top: 50vh;
        transition: top .8s ease-in-out,opacity .8s ease-in-out
    }

    .landingPage .hero-section .has-animation .title-inner {
        opacity: 0;
        transition: opacity .8s ease-in-out
    }
}

@media only screen and (max-width: 767px) {
    .landingPage .hero-section .has-animation.animate {
        opacity:1;
        transform: translateY(0)
    }
}

@media only screen and (min-width: 768px) {
    .landingPage .hero-section .has-animation.animate .word-left,.landingPage .hero-section .has-animation.animate .word-right {
        left:0;
        opacity: 1
    }

    .landingPage .hero-section .has-animation.animate h1 strong {
        opacity: 1;
        top: 0;
        transition-delay: .4s
    }

    .landingPage .hero-section .has-animation.animate .title-inner {
        opacity: 1;
        transition-delay: 1.3s
    }
}

.video-section {
    margin: -47vw 10px 0;
    position: relative;
    z-index: 350
}

@media only screen and (min-width: 768px) {
    .video-section {
        margin-top:-200px
    }
}

@media only screen and (min-width: 2200px) {
    .video-section {
        margin-top:-220px
    }
}

@media only screen and (min-width: 1200px) {
    .video-section .video-holder {
        transform:translateY(-6%)
    }
}

@media only screen and (min-width: 1800px) {
    .video-section .video-holder {
        transform:translateY(-8.5%)
    }
}

.video-section .video-holder.has-animation {
    transition: opacity .5s;
    transition-delay: 2s
}

.video-section .video-holder.has-animation.animate {
    opacity: 1
}

@media only screen and (min-width: 1200px) {
    .video-section .video,.video-section .video-offset-holder {
        opacity:1;
        will-change: transform
    }

    .video-section .video {
        margin: 0 auto;
        width: 1000px
    }
}

@media only screen and (min-width: 1400px) {
    .video-section .video {
        margin:0 auto;
        width: 1200px
    }
}

@media only screen and (min-width: 1800px) {
    .video-section .video {
        margin:0 auto;
        width: 1500px
    }
}

@media only screen and (min-width: 2200px) {
    .video-section .video {
        margin:0 auto;
        width: 1900px
    }
}

.video-section .video-inner {
    opacity: 0;
    padding-bottom: 56.25%;
    position: relative;
    transform: translateY(50px);
    transition: transform .5s,opacity .5s
}

@media only screen and (min-width: 1200px) {
    .video-section .video-inner {
        pointer-events:auto;
        transform: translateY(250px)
    }
}

.video-section video {
    border-radius: 10px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media only screen and (min-width: 1200px) {
    .video-section video {
        border-radius:20px
    }
}

.video-section button {
    background: none;
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 100
}

.video-section .play {
    display: none;
    height: 64px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 64px
}

.video-section .sound {
    bottom: 25px;
    display: none;
    height: 27px;
    right: 25px;
    width: 27px
}

@media only screen and (min-width: 1200px) {
    .video-section .sound {
        display:block
    }
}

.video-section .sound svg {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .3s
}

.video-section .sound svg.on {
    opacity: 0
}

.video-section .sound.active svg.on {
    opacity: 1
}

.video-section .sound.active svg.off {
    opacity: 0
}

@media only screen and (min-width: 1200px) {
    .video-section video::-webkit-media-controls,.video-section video::-webkit-media-controls-timeline {
        display:none
    }
}

.video-section.animate .video-inner {
    opacity: 1;
    transform: translateY(0)
}

.history-section {
    color: #080817;
    font: 16px/24px Poppins,sans-serif
}

@media only screen and (min-width: 1200px) {
    .history-section {
        font-size:18px;
        line-height: 30px
    }
}

.history-section .section-heading {
    max-width: none;
    text-align: left
}

@media only screen and (min-width: 1200px) {
    .history-section .section-heading {
        font-size:16px;
        line-height: 26px;
        margin: 0 0 20px auto;
        width: 66%
    }
}

@media only screen and (min-width: 1400px) {
    .history-section .section-heading {
        font-size:18px;
        line-height: 30px
    }
}

@media only screen and (min-width: 1800px) {
    .history-section .section-heading {
        margin-bottom:80px
    }
}

.history-section .section-heading p {
    margin: 0 0 20px
}

@media only screen and (min-width: 1200px) {
    .history-section .section-heading p {
        font-size:16px;
        line-height: 26px
    }
}

@media only screen and (min-width: 1400px) {
    .history-section .section-heading p {
        font-size:18px;
        line-height: 30px
    }
}

@media only screen and (min-width: 768px) {
    .history-section .columns {
        display:flex;
        margin: 0 -10px
    }
}

@media only screen and (min-width: 1200px) {
    .history-section .columns {
        margin:0 -15px
    }
}

@media only screen and (min-width: 768px) {
    .history-section .column {
        padding:0 10px;
        width: 50%
    }
}

@media only screen and (min-width: 1200px) {
    .history-section .column {
        padding:0 15px
    }
}

.history-section .h2,.history-section h2 {
    font: 600 30px/40px Poppins,sans-serif;
    margin: 0 0 20px
}

@media only screen and (min-width: 1024px) {
    .history-section .h2,.history-section h2 {
        font-size:43px;
        line-height: 55px
    }
}

@media only screen and (min-width: 1400px) {
    .history-section .h2,.history-section h2 {
        font-size:48px;
        line-height: 64px
    }
}

@media only screen and (min-width: 1800px) {
    .history-section .h2,.history-section h2 {
        font-size:60px;
        line-height: 80px;
        margin-bottom: 30px
    }
}

.history-section .h4,.history-section h4 {
    font: 600 22px/32px Poppins,sans-serif;
    margin: 0 0 20px
}

@media only screen and (min-width: 1200px) {
    .history-section .h4,.history-section h4 {
        color:#080817;
        font-size: 26px;
        line-height: 36px
    }
}

@media only screen and (min-width: 1800px) {
    .history-section .h4,.history-section h4 {
        font-size:36px;
        line-height: 48px
    }
}

.history-section .h5,.history-section h5 {
    font: 600 16px/20px Poppins,sans-serif;
    margin: 0 0 10px;
    text-transform: capitalize
}

@media only screen and (min-width: 1024px) {
    .history-section .h5,.history-section h5 {
        font-size:18px;
        line-height: 30px
    }
}

.history-section p {
    margin: 0 0 20px
}

@media only screen and (max-width: 767px) {
    .history-slider-wrap {
        margin-top:100px
    }
}

@media only screen and (min-width: 1200px) {
    .history-slider-wrap {
        display:flex;
        position: relative
    }
}

.history-slider-wrap .slider-nav {
    display: none;
    height: 345px;
    left: 0;
    position: absolute;
    top: 0;
    width: 370px
}

@media only screen and (min-width: 1200px) {
    .history-slider-wrap .slider-nav {
        display:block
    }
}

@media only screen and (min-width: 1800px) {
    .history-slider-wrap .slider-nav {
        height:515px;
        width: 555px
    }
}

.history-slider-wrap .slider-nav .inner {
    height: 345px;
    width: 370px
}

@media only screen and (min-width: 1800px) {
    .history-slider-wrap .slider-nav .inner {
        height:515px;
        width: 555px
    }
}

.history-slider-wrap .slider-nav .circle {
    border: 4px solid rgba(0,0,0,.1);
    border-radius: 50%;
    height: 345px;
    left: -60%;
    margin-top: 0;
    position: absolute;
    width: 345px
}

@media only screen and (min-width: 1800px) {
    .history-slider-wrap .slider-nav .circle {
        height:515px;
        left: -50%;
        width: 515px
    }
}

.history-slider-wrap .slider-nav .circle svg {
    height: 252px;
    left: 115px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 252px
}

@media only screen and (min-width: 1800px) {
    .history-slider-wrap .slider-nav .circle svg {
        height:377px;
        left: 165px;
        width: 377px
    }
}

.history-slider-wrap .slider-nav .circle circle {
    transition: fill .3s
}

.history-slider-wrap .slider-nav .circle.orange circle {
    fill: #ff786a
}

.history-slider-wrap .slider-nav .circle.blue circle {
    fill: #4169e1
}

.history-slider-wrap .slider-nav .circle.green circle {
    fill: #17c3b2
}

.history-slider-wrap .slider-nav .circle.blue-light circle {
    fill: #6dceff
}

.history-slider-wrap .slider-nav .circle.pink circle {
    fill: #c769a7
}

.history-slider-wrap .slider-nav-list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 15px 0 25px 95px
}

@media only screen and (min-width: 1800px) {
    .history-slider-wrap .slider-nav-list {
        padding:55px 0 58px 210px
    }
}

.history-slider-wrap .slider-nav-list li {
    flex-basis: 100%
}

.history-slider-wrap .slider-nav-list li:first-child a:before {
    margin-right: 18px
}

.history-slider-wrap .slider-nav-list li:nth-child(2) {
    padding-left: 54px
}

@media only screen and (min-width: 1800px) {
    .history-slider-wrap .slider-nav-list li:nth-child(2) {
        padding-left:52px
    }
}

.history-slider-wrap .slider-nav-list li:nth-child(2) a:before {
    margin-right: 26px
}

.history-slider-wrap .slider-nav-list li:nth-child(3) {
    padding-left: 72px
}

@media only screen and (min-width: 1800px) {
    .history-slider-wrap .slider-nav-list li:nth-child(3) {
        padding-left:70px
    }
}

.history-slider-wrap .slider-nav-list li:nth-child(3) a:before {
    margin-right: 32px
}

.history-slider-wrap .slider-nav-list li:nth-child(4) {
    padding-left: 63px
}

@media only screen and (min-width: 1800px) {
    .history-slider-wrap .slider-nav-list li:nth-child(4) {
        padding-left:58px
    }
}

.history-slider-wrap .slider-nav-list li:nth-child(4) a:before {
    margin-right: 32px
}

.history-slider-wrap .slider-nav-list li:nth-child(5) {
    padding-left: 14px
}

@media only screen and (min-width: 1800px) {
    .history-slider-wrap .slider-nav-list li:nth-child(5) {
        padding-left:5px
    }
}

.history-slider-wrap .slider-nav-list li:nth-child(5) a:before {
    margin-right: 22px
}

.history-slider-wrap .slider-nav-list li.active a:before {
    transform: translateY(-50%) scale(1)
}

.history-slider-wrap .slider-nav-list li.active span {
    transform: scale(1)
}

.history-slider-wrap .slider-nav-list li.active.orange a {
    color: #ff786a
}

.history-slider-wrap .slider-nav-list li.active.blue a {
    color: #4169e1
}

.history-slider-wrap .slider-nav-list li.active.green a {
    color: #17c3b2
}

.history-slider-wrap .slider-nav-list li.active.blue-light a {
    color: #6dceff
}

.history-slider-wrap .slider-nav-list li.active.pink a {
    color: #c769a7
}

.history-slider-wrap .slider-nav-list a {
    background: none;
    border: none;
    color: rgba(8,8,23,.6);
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    transition: color .3s,transform .3s;
    vertical-align: top;
    white-space: nowrap;
    will-change: color,transform
}

.history-slider-wrap .slider-nav-list a:before {
    background: currentColor;
    border: 7px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 2px currentColor;
    content: "";
    height: 26px;
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform .3s;
    width: 26px;
    will-change: transform
}

.history-slider-wrap .slider-nav-list a span {
    display: block;
    font-size: 18px;
    line-height: 30px;
    position: relative;
    transform: scale(.85);
    transform-origin: 0 50%;
    transition: transform .3s;
    will-change: transform
}

@media only screen and (min-width: 1800px) {
    .history-slider-wrap .slider-nav-list a span {
        font-size:30px;
        line-height: 40px;
        transform: scale(.6)
    }
}

@media only screen and (min-width: 1200px) {
    .history-slider-wrap .slider-content {
        margin-left:auto;
        width: 66%
    }
}

.history-slider-wrap .slider-item {
    margin-bottom: 75px;
    position: relative
}

@media only screen and (min-width: 1200px) {
    .history-slider-wrap .slider-item {
        margin-bottom:0;
        padding-top: 150px
    }
}

.history-slider-wrap .slider-item.orange {
    color: #ff786a
}

.history-slider-wrap .slider-item.blue {
    color: #4169e1
}

.history-slider-wrap .slider-item.green {
    color: #17c3b2
}

.history-slider-wrap .slider-item.blue-light {
    color: #6dceff
}

.history-slider-wrap .slider-item.pink {
    color: #c769a7
}

@media only screen and (min-width: 1200px) {
    .history-slider-wrap .slider-item.reverse .grid-item:nth-child(odd) {
        flex-direction:row-reverse
    }

    .history-slider-wrap .slider-item.reverse .grid-item:nth-child(2n) {
        flex-direction: row
    }

    .history-slider-wrap .slider-item.active .title {
        padding-top: 20px;
        position: fixed;
        top: 0;
        z-index: 20
    }

    .history-slider-wrap .slider-item.active .title .inner,.history-slider-wrap .slider-item:first-child .title .inner {
        opacity: 1
    }
}

.history-slider-wrap .slider-item:last-child {
    margin-bottom: 0
}

.history-slider-wrap .title {
    padding-bottom: 10px
}

@media only screen and (min-width: 1200px) {
    .history-slider-wrap .title {
        background:#fff;
        font-size: 16px;
        line-height: 26px;
        position: absolute;
        top: 0;
        width: 772px;
        z-index: 10
    }
}

@media only screen and (min-width: 1400px) {
    .history-slider-wrap .title {
        font-size:18px;
        line-height: 30px
    }
}

@media only screen and (min-width: 1800px) {
    .history-slider-wrap .title {
        font-size:24px;
        line-height: 30px;
        width: 838px
    }
}

@media only screen and (min-width: 1200px) {
    .history-slider-wrap .title .inner {
        opacity:0;
        transition: opacity .5s
    }
}

.history-slider-wrap .title p {
    color: #080817;
    font-size: 16px;
    line-height: 26px
}

@media only screen and (min-width: 1400px) {
    .history-slider-wrap .title p {
        font-size:18px;
        line-height: 30px
    }
}

@media only screen and (min-width: 1800px) {
    .history-slider-wrap .title p {
        font-size:24px;
        line-height: 30px
    }
}

@media only screen and (min-width: 1200px) {
    .history-slider-wrap .grid-list-wrap {
        border-left:1px solid rgba(65,105,225,.1);
        border-right: 1px solid rgba(65,105,225,.1)
    }
}

.history-slider-wrap .grid-item {
    position: relative
}

@media only screen and (min-width: 768px) {
    .history-slider-wrap .grid-item {
        display:flex
    }
}

.history-slider-wrap .grid-item .box {
    align-items: flex-start;
    background-color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .history-slider-wrap .grid-item .box {
        width:50%
    }
}

@media only screen and (min-width: 1800px) {
    .history-slider-wrap .grid-item .box {
        padding:30px
    }
}

.history-slider-wrap .grid-item .box p {
    color: #080817;
    margin-bottom: 0
}

.history-slider-wrap .grid-item .box[style^="background-image: url"] {
    min-height: 243px
}

@media only screen and (min-width: 568px) {
    .history-slider-wrap .grid-item .box[style^="background-image: url"] {
        min-height:350px
    }
}

@media only screen and (min-width: 768px) {
    .history-slider-wrap .grid-item .box[style^="background-image: url"] {
        min-height:275px
    }
}

@media only screen and (min-width: 1024px) {
    .history-slider-wrap .grid-item .box[style^="background-image: url"] {
        min-height:330px
    }
}

@media only screen and (min-width: 1200px) {
    .history-slider-wrap .grid-item .box[style^="background-image: url"] {
        min-height:275px
    }
}

@media only screen and (min-width: 1800px) {
    .history-slider-wrap .grid-item .box[style^="background-image: url"] {
        min-height:300px
    }
}

.history-slider-wrap .grid-item .box[style^="background-image: url"] .h5,.history-slider-wrap .grid-item .box[style^="background-image: url"] h5 {
    color: #080817;
    margin: 0
}

@media only screen and (min-width: 1200px) {
    .history-slider-wrap .grid-item:nth-child(2n) {
        flex-direction:row-reverse
    }

    .history-slider-wrap .grid-item p {
        font-size: 18px;
        line-height: 30px
    }
}

.history-slider-wrap .badge {
    background: currentColor;
    border-radius: 30px;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
    padding: 2px 13px;
    vertical-align: top
}

@media only screen and (min-width: 1200px) {
    .history-slider-wrap .badge {
        font-size:18px;
        line-height: 30px
    }
}

.history-slider-wrap .badge span {
    color: #fff
}

.history-slider-wrap .slick-list {
    padding-top: 20px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .history-slider-wrap .slick-list {
        padding-bottom:20px
    }
}

@media only screen and (max-width: 1199px) {
    .history-slider-wrap .slick-list:after,.history-slider-wrap .slick-list:before {
        background:currentColor;
        content: "";
        height: 1px;
        left: 0;
        opacity: .2;
        position: absolute;
        width: 100%
    }
}

.history-slider-wrap .slick-list:before {
    top: 0
}

.history-slider-wrap .slick-list:after {
    bottom: 0
}

@media only screen and (min-width: 768px) {
    .history-slider-wrap .slick-list .grid-item {
        display:flex!important
    }
}

.history-slider-wrap .slick-dots {
    justify-content: center;
    margin: 15px 0 0
}

.info-cards-section {
    overflow: hidden
}

@media only screen and (max-width: 1199px) {
    .info-cards-section {
        padding-bottom:180px!important
    }
}

@media only screen and (min-width: 1800px) {
    .info-cards-section .section-heading .h2,.info-cards-section .section-heading h2 {
        font-size:60px;
        line-height: 80px
    }
}

.info-cards-section .section-heading p {
    font-size: 16px;
    line-height: 26px
}

@media only screen and (min-width: 1800px) {
    .info-cards-section .section-heading p {
        font-size:18px;
        line-height: 30px
    }
}

.info-cards-section .info-cards-list {
    color: #080817;
    font: 600 14px/20px Poppins,sans-serif;
    position: relative;
    text-transform: capitalize
}

@media only screen and (min-width: 1200px) {
    .info-cards-section .info-cards-list {
        display:flex;
        font-size: 18px;
        line-height: 30px;
        margin: 0 -20px
    }
}

@media only screen and (min-width: 2500px) {
    .info-cards-section .info-cards-list {
        font-size:24px;
        line-height: 36px
    }
}

.info-cards-section .info-card-item {
    flex: 1 0 100%
}

@media only screen and (min-width: 768px) {
    .info-cards-section .info-card-item {
        flex:0 0 500px
    }
}

@media only screen and (min-width: 1200px) {
    .info-cards-section .info-card-item {
        flex:0 0 659px;
        margin-bottom: -45px;
        padding: 0 20px
    }
}

.info-cards-section .cards {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

@media only screen and (min-width: 1200px) {
    .info-cards-section .cards {
        margin:0 -20px
    }
}

.info-cards-section .card {
    background-color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 0 10px 20px;
    min-height: 226px;
    padding: 20px;
    position: relative;
    width: calc(50% - 20px)
}

@media(min-width: 700px)and (min-height:700px) {
    .info-cards-section .card {
        min-height:300px
    }
}

@media only screen and (min-width: 1200px) {
    .info-cards-section .card {
        margin:0 20px 44px;
        min-height: 290px;
        padding: 30px;
        width: calc(50% - 40px)
    }
}

@media only screen and (min-width: 2500px) {
    .info-cards-section .card {
        min-height:400px
    }
}

.info-cards-section .card .logo {
    margin-bottom: 20px;
    max-width: 137px
}

.info-cards-section .card .logo img {
    width: 100%
}

.info-cards-section .card .h1 {
    color: #4169e1;
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    margin: auto 0 0
}

@media only screen and (min-width: 1200px) {
    .info-cards-section .card .h1 {
        font-size:60px;
        line-height: 80px
    }
}

.info-cards-section .card p {
    font-size: 14px;
    line-height: 20px;
    margin: 0
}

@media only screen and (min-width: 1200px) {
    .info-cards-section .card p {
        font-size:18px;
        line-height: 30px
    }
}

.info-cards-section .card blockquote {
    color: #fff;
    font-weight: 400;
    margin: 0
}

.info-cards-section .card blockquote p {
    margin-bottom: 16px
}

.info-cards-section .card cite {
    color: hsla(0,0%,100%,.5);
    font-style: normal
}

@media only screen and (min-width: 1200px) {
    .info-cards-section .card cite {
        font-size:16px;
        line-height: 24px
    }
}

.info-cards-section .card cite strong {
    color: #fff
}

.info-cards-section .card.full-width {
    width: 100%
}

.info-cards-section .card .play-video {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

@media only screen and (min-width: 1200px) {
    .info-cards-section .card .play-video path {
        transition:fill .5s
    }
}

.no-touch .info-cards-section .card .play-video:hover path {
    fill: #4169e1
}

.info-cards-section.fixed {
    z-index: 300
}

.info-cards-section.fixed .inner {
    bottom: 20px;
    left: 0;
    position: fixed;
    width: 100%
}

.info-cards-section.bottom .inner {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%
}

.info-cards-section.indent-bottom.bottom .inner {
    bottom: 100px!important
}

@media only screen and (min-width: 1024px) {
    .info-cards-section.indent-bottom.bottom .inner {
        bottom:130px!important
    }
}

@media only screen and (min-width: 1200px) {
    .info-cards-section.indent-bottom.bottom .inner {
        bottom:170px!important
    }
}

@media only screen and (min-width: 1400px) {
    .info-cards-section.indent-bottom.bottom .inner {
        bottom:200px!important
    }
}

.info-cards-section .slick-list {
    overflow: visible
}

.info-cards-section .slick-slide {
    margin-right: 10px
}

.info-cards-section .slick-dots {
    background: rgba(8,8,23,.1);
    border-radius: 6px;
    height: 6px;
    margin: 0;
    pointer-events: none;
    width: 100%
}

.info-cards-section .slick-dots li {
    flex: 1 1 0;
    margin: -3px -5px 2px 0
}

.info-cards-section .slick-dots li.slick-active~li button {
    width: 0
}

.info-cards-section .slick-dots li:last-child {
    margin-right: 0
}

.info-cards-section .slick-dots button {
    background: #4169e1;
    border-radius: 6px;
    height: 100%;
    transition: width 1s;
    width: 100%
}

.info-cards-section .slick-arrow {
    margin-top: 20px;
    top: 100%
}

.info-cards-section .slick-arrow.slick-prev {
    left: 0
}

.info-cards-section .slick-arrow.slick-next {
    left: 70px
}

.take-demo-section {
    background-color: #f2f5fd;
    background-position: 47% 0;
    background-repeat: no-repeat;
    background-size: 280% auto;
    color: #fff;
    font: 16px/24px Poppins,sans-serif;
    padding: 345px 0 100px;
    position: relative;
    z-index: 10
}

@media only screen and (min-width: 568px) {
    .take-demo-section {
        background-position:50% 0;
        background-size: cover
    }
}

@media only screen and (min-width: 1200px) {
    .take-demo-section {
        padding:405px 0 110px
    }
}

@media only screen and (min-width: 1400px) {
    .take-demo-section {
        font-size:18px;
        line-height: 30px
    }
}

@media only screen and (min-width: 1800px) {
    .take-demo-section {
        min-height:1060px;
        padding: 590px 0 195px
    }
}

@media only screen and (max-width: 567px) {
    .take-demo-section:after {
        background:#4169e1;
        bottom: 0;
        content: "";
        height: 50%;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: -1
    }
}

@media only screen and (min-width: 1200px) {
    .take-demo-section .holder {
        align-items:center;
        display: flex;
        justify-content: space-between
    }
}

.take-demo-section .info {
    margin: 0 -10px 40px;
    text-align: center
}

@media only screen and (min-width: 1200px) {
    .take-demo-section .info {
        margin:0;
        text-align: left;
        width: 40%
    }
}

@media only screen and (min-width: 1800px) {
    .take-demo-section .info {
        width:36%
    }
}

.take-demo-section .info .button-link {
    background: #ff786a;
    margin-top: 28px
}

.take-demo-section p {
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 5px;
    opacity: .7
}

@media only screen and (min-width: 1800px) {
    .take-demo-section p {
        font-size:18px;
        line-height: 30px
    }
}

.take-demo-section .h2,.take-demo-section h2 {
    font: 600 30px/40px Poppins,sans-serif;
    margin: 0 0 20px
}

@media only screen and (min-width: 1200px) {
    .take-demo-section .h2,.take-demo-section h2 {
        font-size:43px;
        line-height: 55px
    }
}

@media only screen and (min-width: 1400px) {
    .take-demo-section .h2,.take-demo-section h2 {
        font-size:48px;
        line-height: 64px
    }
}

@media only screen and (min-width: 1800px) {
    .take-demo-section .h2,.take-demo-section h2 {
        font-size:60px;
        line-height: 80px
    }
}

.take-demo-section .h5,.take-demo-section h5 {
    color: #fc0;
    font: 600 16px/24px Poppins,sans-serif;
    margin: 0 0 10px
}

@media only screen and (min-width: 1024px) {
    .take-demo-section .h5,.take-demo-section h5 {
        font-size:18px;
        line-height: 30px
    }
}

.take-demo-form {
    background: #fff;
    border-radius: 20px;
    box-shadow: 5px 8px 28px rgba(23,23,36,.1);
    padding: 30px
}

@media only screen and (min-width: 768px) {
    .take-demo-form {
        margin:0 auto;
        max-width: 620px
    }
}

@media only screen and (min-width: 1200px) {
    .take-demo-form {
        flex-shrink:0;
        margin: 0;
        max-width: none;
        padding: 40px;
        width: 48.5%
    }
}

@media only screen and (min-width: 1800px) {
    .take-demo-form {
        padding:60px
    }
}

.take-demo-form form.mktoForm {
    width: 100%!important
}

.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email],.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number],.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password],.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel],.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text],.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea {
    -webkit-appearance: none!important;
    background: #f2f5fd!important;
    border: 1px solid transparent!important;
    border-radius: 10px!important;
    box-shadow: none!important;
    color: #080817!important;
    display: inline-block!important;
    float: none!important;
    font-family: Poppins,sans-serif!important;
    font-size: 16px!important;
    height: 44px!important;
    line-height: 20px!important;
    margin: 0!important;
    outline: none!important;
    padding: 10px 20px!important;
    vertical-align: middle!important;
    width: 100%!important
}

@media only screen and (min-width: 768px) {
    .take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email],.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number],.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password],.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel],.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text],.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea {
        height:54px!important;
        padding: 18px 20px!important
    }
}

@media only screen and (min-width: 1200px) {
    .take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email],.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number],.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password],.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel],.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text],.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea {
        transition:border-color .5s
    }
}

.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email:focus,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email]:focus,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number]:focus,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password]:focus,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel]:focus,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text]:focus,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea:focus {
    border-color: #4169e1!important
}

.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email.mktoField.mktoInvalid,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email].mktoField.mktoInvalid,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number].mktoField.mktoInvalid,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password].mktoField.mktoInvalid,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel].mktoField.mktoInvalid,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text].mktoField.mktoInvalid,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea.mktoField.mktoInvalid {
    border-color: red!important
}

.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email::-webkit-input-placeholder,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email]::-webkit-input-placeholder,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number]::-webkit-input-placeholder,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password]::-webkit-input-placeholder,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel]::-webkit-input-placeholder,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text]::-webkit-input-placeholder,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea::-webkit-input-placeholder {
    color: transparent!important
}

.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email:-moz-placeholder,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email::-moz-placeholder,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email]:-moz-placeholder,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email]::-moz-placeholder,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number]:-moz-placeholder,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number]::-moz-placeholder,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password]:-moz-placeholder,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password]::-moz-placeholder,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel]:-moz-placeholder,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel]::-moz-placeholder,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text]:-moz-placeholder,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text]::-moz-placeholder,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea:-moz-placeholder,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea::-moz-placeholder {
    color: transparent!important
}

.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email:-ms-input-placeholder,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email]:-ms-input-placeholder,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number]:-ms-input-placeholder,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password]:-ms-input-placeholder,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel]:-ms-input-placeholder,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text]:-ms-input-placeholder,.take-demo-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea:-ms-input-placeholder {
    color: transparent!important
}

.take-demo-form form.mktoForm .mktoFormRow {
    margin-right: 0!important;
    width: 100%!important
}

@media screen and (min-width: 768px) {
    .take-demo-form form.mktoForm .mktoFormRow:first-of-type {
        clear:none;
        float: left;
        width: 48%!important
    }

    .take-demo-form form.mktoForm .mktoFormRow:first-of-type+.mktoFormRow {
        clear: none;
        float: right;
        width: 48%!important
    }
}

.take-demo-form form.mktoForm .mktoFormCol {
    float: none;
    margin-bottom: 30px!important;
    width: 100%
}

.take-demo-form form.mktoForm .mktoFieldWrap {
    float: none;
    width: 100%
}

.take-demo-form form.mktoForm label.mktoLabel {
    color: #080817;
    display: inline-block!important;
    float: none;
    font: 400 16px/24px Poppins,sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
    padding-top: 0;
    width: auto!important
}

.take-demo-form form.mktoForm .mktoGutter,.take-demo-form form.mktoForm .mktoOffset {
    display: none!important
}

.take-demo-form form.mktoForm .mktoButtonRow {
    display: block;
    width: 100%
}

@media screen and (min-width: 1200px) {
    .take-demo-form form.mktoForm .mktoButtonRow {
        margin-top:40px
    }
}

.take-demo-form form.mktoForm .mktoButtonWrap {
    margin-left: 0!important
}

.take-demo-form form.mktoForm .mktoButton {
    background: #4169e1!important;
    border: 1px solid transparent!important;
    border-radius: 10px!important;
    color: #fff!important;
    cursor: pointer;
    display: block;
    font: 500 14px/20px Poppins,sans-serif;
    margin: 0!important;
    padding: 13px 35px!important;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase!important;
    transition: background-color .3s;
    width: 100%
}

@media only screen and (min-width: 1200px) {
    .take-demo-form form.mktoForm .mktoButton {
        font-size:16px!important;
        line-height: 24px
    }
}

.take-demo-form form.mktoForm .mktoButton:first-letter {
    text-transform: uppercase
}

.take-demo-form form.mktoForm .mktoButton:hover {
    background: #fff!important;
    border-color: #4169e1!important;
    color: #4169e1!important
}

.take-demo-form form.mktoForm .mktoError .mktoErrorMsg {
    left: 0;
    position: absolute;
    width: 100%
}

.take-demo-form form.mktoForm .mktoError .mktoErrorMsg .mktoErrorDetail {
    display: none!important
}

.take-demo-form .mktoForm:not(#mktoForm_1250) .mktoFormCol {
    margin-bottom: 25px!important
}

.webinar-listing-with-form-module .main-container .hero-holder {
    align-items: unset
}

.webinar-listing-with-form-module .main-container .webinar-listing__info h2 {
    color: #080817;
    font-weight: 500;
    margin-top: 20px
}

.webinar-listing-with-form-module .main-container .webinar-listing__info .info-container,.webinar-listing-with-form-module .main-container .webinar-listing__info .nylas-101-overview {
    color: #4169e1
}

.webinar-listing-with-form-module .main-container .webinar-listing__info .info-container {
    border-bottom: thin solid #000;
    margin: 60px 0 30px;
    padding-bottom: 30px;
    width: 90%
}

.webinar-listing-with-form-module .main-container .webinar-listing__info.info {
    font-size: 16px;
    font-weight: 700
}

.webinar-listing-with-form-module .main-container .webinar-listing__info.info.location {
    margin: 50px 0 0
}

.webinar-listing-with-form-module .main-container .webinar-listing__info.info.date,.webinar-listing-with-form-module .main-container .webinar-listing__info.info.time {
    margin: 25px 0 0
}

.webinar-listing-with-form-module .main-container .webinar-listing__info.info+div p,.webinar-listing-with-form-module .main-container .webinar-listing__info.info+p,.webinar-listing-with-form-module .main-container .webinar-listing__info.info.date+div p+p {
    font-size: 18px;
    font-weight: 700;
    margin-top: 10px
}

.webinar-listing-with-form-module .main-container #webinar_form {
    background-color: #e8f7ff;
    border-radius: 20px;
    color: #080817;
    margin: 0 auto;
    max-width: 400px;
    padding: 20px;
    position: relative;
    z-index: 12
}

.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm {
    width: 100%!important
}

.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email],.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number],.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password],.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel],.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text],.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap select,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap textarea {
    -webkit-appearance: none!important;
    background: #f2f5fd!important;
    border: 1px solid transparent!important;
    border-radius: 10px!important;
    color: #080817!important;
    display: inline-block!important;
    float: none!important;
    font-family: Poppins,sans-serif!important;
    font-size: 14px!important;
    height: 44px!important;
    line-height: 20px!important;
    margin: 0!important;
    outline: none!important;
    padding: 10px 20px!important;
    vertical-align: middle!important;
    width: 100%!important
}

@media only screen and (min-width: 768px) {
    .webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email],.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number],.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password],.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel],.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text],.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap select,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap textarea {
        height:54px!important;
        padding: 18px 20px!important
    }
}

@media only screen and (min-width: 1200px) {
    .webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email],.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number],.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password],.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel],.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text],.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap select,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap textarea {
        transition:border-color .5s
    }
}

.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email:focus,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email]:focus,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number]:focus,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password]:focus,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel]:focus,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text]:focus,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap select:focus,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap textarea:focus {
    border-color: #4169e1!important
}

.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email.mktoField.mktoInvalid,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email].mktoField.mktoInvalid,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number].mktoField.mktoInvalid,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password].mktoField.mktoInvalid,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel].mktoField.mktoInvalid,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text].mktoField.mktoInvalid,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap select.mktoField.mktoInvalid,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap textarea.mktoField.mktoInvalid {
    border-color: red!important
}

.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email::-webkit-input-placeholder,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email]::-webkit-input-placeholder,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number]::-webkit-input-placeholder,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password]::-webkit-input-placeholder,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel]::-webkit-input-placeholder,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text]::-webkit-input-placeholder,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap select::-webkit-input-placeholder,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap textarea::-webkit-input-placeholder {
    color: transparent!important
}

.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email:-moz-placeholder,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email::-moz-placeholder,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email]:-moz-placeholder,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email]::-moz-placeholder,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number]:-moz-placeholder,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number]::-moz-placeholder,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password]:-moz-placeholder,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password]::-moz-placeholder,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel]:-moz-placeholder,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel]::-moz-placeholder,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text]:-moz-placeholder,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text]::-moz-placeholder,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap select:-moz-placeholder,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap select::-moz-placeholder,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap textarea:-moz-placeholder,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap textarea::-moz-placeholder {
    color: transparent!important
}

.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email:-ms-input-placeholder,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email]:-ms-input-placeholder,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number]:-ms-input-placeholder,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password]:-ms-input-placeholder,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel]:-ms-input-placeholder,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text]:-ms-input-placeholder,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap select:-ms-input-placeholder,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow .mktoFieldWrap textarea:-ms-input-placeholder {
    color: transparent!important
}

.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow {
    margin-right: 0!important;
    width: 100%!important
}

@media screen and (min-width: 768px) {
    .webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow:first-of-type {
        clear:none;
        float: left;
        width: 48%!important
    }

    .webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormRow:first-of-type+.mktoFormRow {
        clear: none;
        float: right;
        width: 48%!important
    }
}

.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFormCol {
    float: none;
    margin-bottom: 30px!important;
    width: 100%
}

.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoFieldWrap {
    float: none;
    width: 100%
}

.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm label.mktoLabel {
    color: #080817;
    display: inline-block!important;
    float: none;
    font: 400 16px/24px Poppins,sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
    padding-top: 0;
    width: auto!important
}

.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoGutter,.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoOffset {
    display: none!important
}

.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoButtonRow {
    display: block;
    margin-top: 35px;
    width: 100%
}

.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoButtonWrap.mktoSimple {
    margin-left: 0!important
}

.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoButton {
    background: #ff786a;
    background-color: #ff786a;
    border: 1px solid #ff786a;
    border-radius: 10px!important;
    color: #fff;
    cursor: pointer;
    display: block;
    font: 500 14px/20px Poppins,sans-serif;
    margin: 0!important;
    padding: 13px 35px!important;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase!important;
    transition: background-color .3s;
    width: 100%
}

@media only screen and (min-width: 1200px) {
    .webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoButton {
        font-size:16px!important;
        line-height: 24px
    }
}

.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoButton:first-letter {
    text-transform: uppercase
}

.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoButton:hover {
    background: #fff!important;
    border: solid #ff786a;
    color: #ff786a
}

.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoError .mktoErrorMsg {
    left: 0;
    position: absolute;
    width: 100%
}

.webinar-listing-with-form-module .main-container #webinar_form form.mktoForm .mktoError .mktoErrorMsg .mktoErrorDetail {
    display: none!important
}

.webinar-listing-with-form-module .main-container #webinar_form .mktoForm:not(#mktoForm_1250) .mktoFormCol {
    margin-bottom: 25px!important
}

@media screen and (max-width: 1024px) {
    .webinar-listing-with-form-module .main-container #webinar_form {
        margin-top:75px
    }
}

.webinar-listing-with-form-module .main-container #webinar_form+.share {
    align-items: center;
    display: flex;
    font-size: 14px;
    line-height: 24px;
    margin: 0 auto;
    max-width: 400px;
    padding: 20px
}

.webinar-listing-with-form-module .main-container #webinar_form+.share>span {
    margin-right: 10px;
    opacity: .7
}

@media only screen and (min-width: 1200px) {
    .webinar-listing-with-form-module .main-container #webinar_form+.share>span {
        margin-right:15px
    }
}

.webinar-listing-with-form-module .main-container #webinar_form+.share .social {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -10px;
    padding: 0
}

@media only screen and (min-width: 768px) {
    .webinar-listing-with-form-module .main-container #webinar_form+.share .social {
        margin-left:10px
    }
}

@media only screen and (min-width: 1024px) {
    .webinar-listing-with-form-module .main-container #webinar_form+.share .social {
        margin:0
    }
}

.webinar-listing-with-form-module .main-container #webinar_form+.share .social li {
    margin: 0 10px
}

@media only screen and (min-width: 1024px) {
    .webinar-listing-with-form-module .main-container #webinar_form+.share .social li {
        margin:0 17px
    }
}

.webinar-listing-with-form-module .main-container #webinar_form+.share .social a {
    align-items: center;
    display: flex;
    position: relative
}

.webinar-listing-with-form-module .main-container #webinar_form+.share .social a:before {
    background: #4169e1;
    border-radius: 50%;
    content: "";
    height: 40px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .3s;
    width: 40px
}

.webinar-listing-with-form-module .main-container #webinar_form+.share .social a:hover:before {
    opacity: 1
}

.webinar-listing-with-form-module .main-container #webinar_form+.share .social a:hover path {
    fill: #fff
}

.webinar-listing-with-form-module .main-container #webinar_form+.share .social svg {
    position: relative;
    z-index: 2
}

.webinar-listing-with-form-module .main-container #webinar_form+.share .social path {
    transition: fill .3s
}

.page-template-template-imc #imc_form {
    padding: 30px 60px
}

.page-template-template-imc .main-header-box,.page-template-template-imc .main-header-box .main-header.sticky {
    position: static!important
}

.page-template-template-imc .main-header-box .main-logo {
    margin: 40px auto 0;
    width: 180px
}

.page-template-template-imc .site-footer.secondary {
    background: #fff;
    padding: 40px 0 50px
}

.page-template-template-imc .site-footer.secondary a {
    color: #080817!important
}

.page-template-template-imc .site-footer.secondary a:hover {
    color: #17c3b2!important
}

.page-template-template-imc .brands-section {
    padding: 75px 0!important
}

.page-template-template-imc .brands-section li {
    margin: 0 15px 35px
}

@media only screen and (min-width: 1024px) {
    .page-template-template-imc .brands-section li {
        margin:0 45px 0 35px;
        max-width: calc(20% - 90px)
    }
}

@media only screen and (min-width: 1200px) {
    .page-template-template-imc .brands-section li {
        margin:0 50px 0 35px;
        max-width: calc(20% - 100px)
    }
}

.imc-hero-with-form-module.hero-section {
    background-color: #fff;
    padding: 95px 0 0!important
}

.imc-hero-with-form-module .hero-holder {
    align-items: normal!important
}

.imc-hero-with-form-module .hero-holder h3 {
    font-weight: 600
}

.imc-hero-with-form-module .hero-holder .img-holder h3 {
    font-size: 36px;
    margin-top: 0
}

@media screen and (max-width: 900px) {
    .imc-hero-with-form-module.hero-section {
        padding:75px 0 0!important
    }

    .imc-hero-with-form-module .img-holder h3 {
        font-size: 28px!important;
        margin-top: 20px!important
    }

    .imc-hero-with-form-module .img-holder #imc_form {
        margin-top: 20px;
        padding: 60px 30px
    }
}

@media screen and (min-width: 900px) {
    .imc-3-column-cta-module .main-container {
        padding:50px 90px
    }
}

.imc-3-column-cta-module .main-container .container {
    display: flex
}

.imc-3-column-cta-module .section-heading {
    margin-bottom: 70px;
    max-width: 100%;
    width: 100%
}

.imc-3-column-cta-module .col h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 0
}

@media screen and (max-width: 900px) {
    .imc-3-column-cta-module .main-container .container {
        flex-direction:column
    }

    .imc-3-column-cta-module .col,.imc-3-column-cta-module .cta-container div {
        text-align: center
    }

    .imc-3-column-cta-module .col h3 {
        margin-bottom: 0
    }

    .imc-3-column-cta-module .col p {
        margin: 0 0 20px;
        opacity: .7
    }
}

.imc-2-column-cta-with-image-module .main-container {
    display: flex
}

.imc-2-column-cta-with-image-module .main-container .cta-container {
    margin: 30px 0 0
}

.imc-2-column-cta-with-image-module .main-container .cta-container a {
    text-decoration: initial
}

.imc-2-column-cta-with-image-module .right {
    align-items: center;
    display: flex;
    justify-content: center
}

.imc-2-column-cta-with-image-module .left h3 {
    font-weight: 600;
    margin-top: 0
}

@media screen and (max-width: 900px) {
    .imc-2-column-cta-with-image-module .section-heading {
        margin:0 auto;
        max-width: 90%
    }

    .imc-2-column-cta-with-image-module .main-container {
        flex-direction: column
    }

    .imc-2-column-cta-with-image-module .main-container .right {
        margin: 75px 0;
        width: 100%
    }

    .imc-2-column-cta-with-image-module .main-container .left {
        width: 100%
    }

    .imc-2-column-cta-with-image-module .main-container .cta-container {
        margin: 60px 0
    }
}

.imc-2-column-cta-with-image-module .left,.imc-2-column-cta-with-image-module .right {
    width: 50%
}

.imc-partner-quote-module .container {
    display: flex
}

@media screen and (max-width: 900px) {
    .imc-partner-quote-module .container {
        align-items:center;
        flex-direction: column
    }
}

.imc-stat-section-module {
    padding-bottom: 0!important
}

.imc-stat-section-module .container {
    border-bottom: 1px solid hsla(0,0%,100%,.2);
    display: flex
}

@media screen and (max-width: 900px) {
    .imc-stat-section-module .container {
        align-items:center;
        flex-direction: column
    }

    .imc-stat-section-module .container .left,.imc-stat-section-module .container .right {
        width: 100%
    }

    .imc-stat-section-module .container .col {
        text-align: center
    }
}

.col-icon {
    height: 90px;
    object-fit: contain
}

.col__body p {
    margin-top: 0
}

.cta-nylas {
    background-color: #ff786a;
    border: 1px solid #ff786a;
    border-radius: 8px;
    color: #fff;
    transition: background-color .3s
}

.cta-nylas:hover {
    background-color: #fff;
    border-color: #ff786a;
    color: #ff786a
}

.cta1--section {
    background-color: #f7f7f7;
    margin-top: 75px;
    max-width: 100%!important;
    position: relative
}

.cta1--section .cta-container {
    padding-bottom: 30px
}

.cta1--section .col {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-bottom: 60px;
    min-height: 100%;
    padding: 0 40px
}

.cta1--section .col .col__text {
    display: flex;
    flex-direction: column;
    height: 100%
}

@media screen and (min-width: 901px) {
    .cta1--section {
        background-color:transparent;
        background-image: url(../images/imc_cta_background.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin-top: 0;
        padding: 135px 0 165px!important
    }

    .cta1--section .col {
        margin-bottom: 0
    }

    .cta1--section .col__header {
        min-height: 70px
    }

    .cta1--section .col__body {
        min-height: 120px
    }
}

.optional-quote--section .quote {
    background: #f8f8f8;
    border: thin solid transparent;
    border-radius: 10px;
    margin: 0 auto;
    max-width: 900px;
    padding: 60px 40px 40px;
    position: relative;
    quotes: "“" "”" "‘" "’";
    text-align: center;
    width: 60%
}

@media screen and (max-width: 900px) {
    .optional-quote--section .quote {
        padding:60px 0;
        width: 90%
    }
}

.optional-quote--section .quote .quote__inside {
    margin-top: 50px
}

.quote__inside img {
    max-width: 130px
}

.optional-quote--section .quote .quote__author p {
    margin-bottom: 0
}

.optional-quote--section .quote:before {
    color: #ff786a;
    content: open-quote;
    font-family: sans-serif;
    font-size: 170px;
    left: 0;
    line-height: 30px;
    position: absolute;
    right: 0;
    top: 85px
}

@media screen and (min-width: 780px) {
    .optional-quote--section .quote:before {
        top:80px
    }
}

.partner-quote--section {
    margin-left: auto;
    margin-right: auto;
    padding: 30px 0 0!important
}

.partner-quote--section .container {
    justify-content: space-around;
    max-width: 1400px;
    padding: 0!important
}

.partner-quote--section .container .quote {
    background-color: #4169e1;
    border-radius: 5px;
    color: #fff;
    padding: 20px;
    width: 45%
}

.partner-quote--section .container .quote__inside__quote {
    margin-top: 60px;
    position: relative;
    quotes: "“" "”"
}

.partner-quote--section .container .quote__inside__quote p {
    margin: 0 auto;
    max-width: 80%
}

.partner-quote--section .container .quote__inside__logo {
    filter: brightness(0) invert(1);
    margin: 0 auto;
    max-width: 80%
}

.partner-quote--section .container .quote__inside__author {
    margin: 30px 0
}

.partner-quote--section .container .quote__inside__author p {
    font-size: 14px;
    margin: 0 auto;
    max-width: 80%
}

.partner-quote--section .container .quote__inside__quote p:before {
    color: #fff;
    content: open-quote;
    font-family: sans-serif;
    font-size: 140px;
    position: absolute;
    top: -10px
}

.partner-quote--section .container .quote__inside__quote p:after {
    color: #fff;
    content: close-quote;
    font-family: sans-serif;
    font-size: 140px;
    margin-left: 20px;
    margin-top: 45px;
    position: absolute
}

@media screen and (max-width: 900px) {
    .partner-quote--section {
        padding:60px 30px!important
    }

    .partner-quote--section .quote {
        width: 90%!important
    }

    .partner-quote--section .quote:first-of-type {
        margin-bottom: 30px
    }

    .optional-quote--section {
        padding-top: 60px!important
    }

    .optional-quote--section .quote {
        max-width: 100%
    }
}

.page-template-template-event {
    color: #000
}

.page-template-template-event .bottom-cta-section {
    align-items: center;
    background-color: #fff;
    display: flex;
    justify-content: center
}

#comments .form-submit .page-template-template-event .bottom-cta-section input,.page-template-template-event .bottom-cta-section #comments .form-submit input,.page-template-template-event .bottom-cta-section .btn {
    background: #ff786a
}

#comments .form-submit .page-template-template-event .bottom-cta-section input:hover,.page-template-template-event .bottom-cta-section #comments .form-submit input:hover,.page-template-template-event .bottom-cta-section .btn:hover {
    background-color: #fff;
    border: solid #ff786a!important;
    color: #ff786a!important
}

.page-template-template-event .webinar-learn-more-links-module .webinar-learn-more-links-module__links {
    flex-wrap: wrap;
    justify-content: space-between
}

@media screen and (min-width: 1400px) {
    .page-template-template-event .webinar-learn-more-links-module .webinar-learn-more-links-module__links .link_card-link img {
        max-width:370px
    }
}

.page-template-template-event .main-header {
    background-color: #f0faff
}

.page-template-template-event .main-header.sticky {
    position: relative!important
}

.page-template-template-event .main-header-box {
    background-color: #f0faff;
    position: relative
}

.page-template-template-event .main-header-box .main-logo {
    margin: 40px auto 0;
    width: 200px
}

.page-template-template-event .site-footer.secondary {
    background: #fff;
    padding: 40px 0 50px
}

.page-template-template-event .site-footer.secondary a {
    color: #080817
}

.page-template-template-event main {
    background-color: #f0faff
}

.page-template-template-event main .event-section {
    padding-top: 0!important
}

.page-template-template-event main .event-section .main-container>h3 {
    text-align: center
}

.page-template-template-event main .event-section__region-select {
    display: flex;
    display: none;
    flex-direction: column;
    justify-content: center
}

#comments .form-submit .page-template-template-event main .event-section__region-select input,.page-template-template-event main .event-section__region-select #comments .form-submit input,.page-template-template-event main .event-section__region-select .btn {
    background-color: #fff;
    border: none!important;
    box-shadow: 0 0 11px rgba(23,195,178,.11);
    color: #080817;
    cursor: pointer
}

#comments .form-submit .page-template-template-event main .event-section__region-select input.btn-active,#comments .form-submit .page-template-template-event main .event-section__region-select input.initial-active,#comments .form-submit .page-template-template-event main .event-section__region-select input:hover,.page-template-template-event main .event-section__region-select #comments .form-submit input.btn-active,.page-template-template-event main .event-section__region-select #comments .form-submit input.initial-active,.page-template-template-event main .event-section__region-select #comments .form-submit input:hover,.page-template-template-event main .event-section__region-select .btn.btn-active,.page-template-template-event main .event-section__region-select .btn.initial-active,.page-template-template-event main .event-section__region-select .btn:hover {
    background-color: #17c3b2!important;
    color: #fff!important
}

.page-template-template-event main .event-section .event-wrapper {
    display: flex;
    flex-direction: column
}

.page-template-template-event main .event-section .event-wrapper #event-region {
    color: #17c3b2;
    font-size: 18px;
    font-weight: 600;
    margin: 30px 0
}

.page-template-template-event main .event-section .event-wrapper .column {
    width: 100%
}

.page-template-template-event main .event-section .event-wrapper .column:first-of-type {
    flex-direction: column
}

.page-template-template-event main .event-section .event-wrapper .event-list {
    position: relative
}

.page-template-template-event main .event-section .event-wrapper .event-list .event {
    border-radius: 15px;
    cursor: pointer;
    padding: 20px;
    position: relative
}

.page-template-template-event main .event-section .event-wrapper .event-list .event h3 {
    font-weight: 600;
    margin: 0
}

.page-template-template-event main .event-section .event-wrapper .event-list .event.featured {
    background-color: #fff
}

.page-template-template-event main .event-section .event-wrapper .event-list .event.featured .event__title {
    color: #17c3b2
}

.page-template-template-event main .event-section .event-wrapper .event-list .event.featured:after {
    filter: none!important
}

.page-template-template-event main .event-section .event-wrapper .event-list .event.active-top~.minimize {
    padding-top: 20px!important
}

.page-template-template-event main .event-section .event-wrapper .event-list .event.active-top~.minimize:before {
    margin-top: 8.5px
}

.page-template-template-event main .event-section .event-wrapper .event-list .event.active-top~.minimize:after {
    margin-top: 14.5px
}

.page-template-template-event main .event-section .event-wrapper .event-list .event.minimize {
    padding-top: 0
}

.page-template-template-event main .event-section .event-wrapper .event-list .event.minimize p {
    display: none
}

.page-template-template-event main .event-section .event-wrapper .event-list .event.minimize:before {
    margin-top: -10.5px
}

.page-template-template-event main .event-section .event-wrapper .event-list .event.minimize:after {
    margin-top: -4.5px
}

.page-template-template-event main .event-section .event-wrapper .event-list .event.minimize:active,.page-template-template-event main .event-section .event-wrapper .event-list .event.minimize:before {
    transition: none!important
}

.page-template-template-event main .event-section .event-wrapper .event-list .event.active .event-hidden {
    max-height: 700px;
    transition: all .8s ease-in-out
}

.page-template-template-event main .event-section .event-wrapper .event-list .event.active:before {
    transform: rotate(90deg)
}

.page-template-template-event main .event-section .event-wrapper .event-list .event .event-hidden {
    max-height: 0;
    overflow-y: hidden;
    transition: all .8s ease-in-out
}

.page-template-template-event main .event-section .event-wrapper .event-list .event .event-hidden__overview {
    font-weight: 500;
    margin-bottom: 0
}

.page-template-template-event main .event-section .event-wrapper .event-list .event .event-hidden__overview+p {
    margin-top: 5px
}

.page-template-template-event main .event-section .event-wrapper .event-list .event .event-hidden__overview~p {
    font-size: 16px
}

.page-template-template-event main .event-section .event-wrapper .event-list .event .event-hidden__details {
    font-weight: 600;
    margin-bottom: 0;
    padding-left: 5px
}

.page-template-template-event main .event-section .event-wrapper .event-list .event .event-hidden .event-details {
    background-color: #17c3b2;
    border-radius: 15px;
    color: #fff;
    padding: 5px 10px
}

.page-template-template-event main .event-section .event-wrapper .event-list .event .event-hidden .event-details--container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: fr fr
}

.page-template-template-event main .event-section .event-wrapper .event-list .event .event-hidden .event-details--container>div {
    padding: 5px
}

.page-template-template-event main .event-section .event-wrapper .event-list .event .event-hidden .event-details--container>div>span {
    font-weight: 600
}

.page-template-template-event main .event-section .event-wrapper .event-list .event:after,.page-template-template-event main .event-section .event-wrapper .event-list .event:before {
    background: #080817;
    border-radius: 2px;
    content: "";
    margin: 0 0 -8px;
    position: absolute;
    right: 0;
    top: 20px
}

.page-template-template-event main .event-section .event-wrapper .event-list .event:before {
    height: 15px;
    margin-top: 8.5px;
    right: 27px;
    transition: transform .3s;
    width: 3px
}

.page-template-template-event main .event-section .event-wrapper .event-list .event:after {
    height: 3px;
    margin-top: 14.5px;
    right: 20px;
    width: 17px
}

.page-template-template-event main .event-section .event-wrapper .event-list .event.expanded:before {
    height: 0;
    margin-top: 0
}

.page-template-template-event main .event-section .event-wrapper .event-list .event.featured:after,.page-template-template-event main .event-section .event-wrapper .event-list .event.featured:before {
    background: #17c3b2
}

.page-template-template-event main .event-section .event-wrapper .event-list .event .expand-label {
    position: absolute;
    right: 20px;
    top: 20px
}

@media screen and (min-width: 900px) {
    .page-template-template-event main .event-section {
        position:relative
    }

    .page-template-template-event main .event-section:after {
        background: url(../images/nylas101_event_bg.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: "";
        height: 100%;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
    }

    .page-template-template-event main .event-section__region-select {
        display: flex;
        flex-direction: row
    }

    .page-template-template-event main .event-section .event-wrapper {
        flex-direction: row;
        justify-content: space-between
    }

    .page-template-template-event main .event-section .event-wrapper .column {
        width: 48%;
        z-index: 9
    }

    .page-template-template-event main .event-section .event-wrapper .column:first-of-type {
        display: flex
    }

    .page-template-template-event main .event-section .event-wrapper .column.form-column {
        max-width: 480px;
        width: 45%
    }
}

@media screen and (max-width: 900px) {
    .page-template-template-event main .heading-section {
        border:solid transparent;
        padding-bottom: 0!important
    }

    .page-template-template-event main .select-container {
        padding: 33px 0!important
    }

    .page-template-template-event main .event-wrapper .form-column {
        margin-top: 30px
    }
}

.page-template-template-event .webinar-learn-more-links-module,.page-template-template-event .webinar_speakers {
    background-color: #fff;
    position: relative;
    z-index: 9
}

.page-template-template-event .webinar-takeaway-list-module {
    background-color: #f0faff;
    position: relative
}

@media screen and (min-width: 1200px) {
    .page-template-template-event .webinar-takeaway-list-module {
        padding-top:30px!important
    }
}

@media screen and (min-width: 1020px)and (max-width:1040px) {
    .page-template-template-event .webinar-takeaway-list-module {
        padding-top:95px!important
    }
}

@media screen and (min-width: 1500px) {
    .page-template-template-event .webinar-takeaway-list-module {
        padding-bottom:115px!important
    }
}

@media screen and (min-width: 3000px) {
    .page-template-template-event .webinar-takeaway-list-module {
        padding-bottom:230px!important
    }
}

.page-template-template-event .webinar-takeaway-list-module .main-container {
    padding-bottom: 150px!important
}

@media screen and (max-width: 900px) {
    .page-template-template-event .webinar-takeaway-list-module .main-container {
        padding-bottom:100px!important
    }
}

@media screen and (min-width: 1600px) {
    .page-template-template-event .webinar-takeaway-list-module .main-container {
        padding-bottom:200px!important
    }
}

.page-template-template-event .webinar-takeaway-list-module .subtext {
    color: #17c3b2;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px
}

.page-template-template-event .webinar-takeaway-list-module:after {
    background: url(../images/wave.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 100%;
    margin-top: -90px;
    position: absolute;
    transform: rotate(180deg);
    width: 100%
}

@media screen and (max-width: 900px) {
    .page-template-template-event .webinar-takeaway-list-module:after {
        margin-top:-175px
    }
}

@media screen and (min-width: 1600px) {
    .page-template-template-event .webinar-takeaway-list-module:after {
        margin-top:-185px!important
    }
}

.page-template-template-event .webinar-takeaway-list-module ol li:before {
    color: #17c3b2
}

.page-template-template-event .webinar_speakers__inner {
    padding-left: 0;
    padding-right: 0
}

.page-template-template-event .webinar_speakers__header,.page-template-template-event .webinar_speakers__inner .webinar_speakers__speaker {
    color: #080817
}

.page-template-template-event .webinar_speakers {
    position: relative;
    z-index: 9
}

.page-template-template-event .webinar_speakers .section-heading {
    margin-left: 0
}

.page-template-template-event .webinar_speakers__inner .webinar_speakers__speaker {
    margin: 0
}

@media screen and (min-width: 1020px) {
    .page-template-template-event .webinar_speakers__header {
        text-align:left
    }
}

.page-template-template-event .share {
    align-items: center;
    display: flex;
    font-size: 14px;
    justify-content: center;
    line-height: 24px;
    margin-top: 25px
}

@media only screen and (min-width: 768px) {
    .page-template-template-event .share {
        justify-content:flex-start
    }
}

.page-template-template-event .share>span {
    margin-right: 10px;
    opacity: .7
}

@media only screen and (min-width: 1200px) {
    .page-template-template-event .share>span {
        margin-right:15px
    }
}

.page-template-template-event .social {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -10px;
    padding: 0
}

@media only screen and (min-width: 768px) {
    .page-template-template-event .social {
        margin:0
    }
}

.page-template-template-event .social li {
    margin: 0 10px
}

@media only screen and (min-width: 1200px) {
    .page-template-template-event .social li {
        margin:0 15px
    }
}

.page-template-template-event .social a {
    align-items: center;
    display: flex;
    position: relative
}

.page-template-template-event .social a:before {
    background: #4169e1;
    border-radius: 50%;
    content: "";
    height: 40px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .3s;
    width: 40px
}

.page-template-template-event .social a:hover:before {
    opacity: 1
}

.page-template-template-event .social a:hover path {
    fill: #fff
}

.page-template-template-event .social svg {
    position: relative;
    z-index: 2
}

.page-template-template-event .social path {
    transition: fill .3s
}

.page-template-template-event .select-container {
    background-color: #f0faff;
    background-image: url(../images/wave.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

@media screen and (min-width: 900px) {
    .page-template-template-event .select-container {
        padding:6% 0!important
    }
}

.page-template-template-event .select-container__inner {
    width: 100%
}

.page-template-template-event .select-container__inner h3 {
    font-size: 20px;
    font-weight: 600;
    text-align: center
}

.event-heading-section {
    padding-bottom: 0!important
}

.event-heading-section h1,.event-heading-section h3 {
    text-align: center
}

.event-heading-section+#event-region {
    display: flex
}

.event-heading-section+#event-region span:first-of-type {
    margin-right: 10px
}

.event-heading-section+#event-region span+span {
    border-bottom: 1px solid;
    margin-bottom: 5px;
    width: 100%
}

.event-heading-section .select-container__inner {
    display: flex;
    flex-direction: column
}

#comments .form-submit .event-heading-section .event-section__region-select input.event-continent,.event-heading-section .event-section__region-select #comments .form-submit input.event-continent,.event-heading-section .event-section__region-select .btn.event-continent {
    padding: 13px 20px
}

.event-heading-section~#event-list,.event-heading-section~#event-region {
    display: none
}

@media screen and (min-width: 900px) {
    .event-heading-section h1,.event-heading-section h3 {
        text-align:left
    }

    .event-heading-section .select-container__inner {
        align-items: center;
        display: flex;
        flex-direction: row
    }

    .event-heading-section .event-section__region-select {
        margin-left: 30px
    }

    #comments .form-submit .event-heading-section .event-section__region-select input:first-of-type,.event-heading-section .event-section__region-select #comments .form-submit input:first-of-type,.event-heading-section .event-section__region-select .btn:first-of-type {
        margin-right: 20px
    }

    .event-heading-section~#event-region {
        display: flex
    }

    .event-heading-section~#event-list {
        display: block
    }
}

.region-select--mobile {
    position: relative
}

.region-select--mobile .mo-button {
    margin-bottom: 20px
}

.region-select--mobile .mo-button__hidden {
    border-bottom-left-radius: 15px!important;
    border-bottom-right-radius: 15px!important;
    border-width: 0 2px 2px;
    max-height: 0;
    overflow-y: hidden
}

.region-select--mobile .mo-button__hidden--button {
    background-color: #fff;
    color: #17c3b2;
    cursor: pointer
}

.region-select--mobile .mo-button__hidden--button.featured {
    background-color: #17c3b2;
    color: #fff
}

.region-select--mobile .mo-button__hidden--button.featured>span:after,.region-select--mobile .mo-button__hidden--button.featured>span:before {
    background: #fff!important
}

.region-select--mobile .mo-button__hidden--button:not(.featured) {
    border-top: 1px solid #17c3b2
}

.region-select--mobile .mo-button.mo-button-hide {
    position: absolute;
    top: 0;
    z-index: -1
}

.region-select--mobile .mo-button__button {
    background: #fff;
    color: #080817;
    cursor: pointer;
    position: relative;
    text-align: left;
    width: 100%!important
}

#comments .form-submit .region-select--mobile .mo-button__button--featured input,.region-select--mobile .mo-button__button--featured #comments .form-submit input,.region-select--mobile .mo-button__button--featured .btn {
    box-shadow: -1px 8px 14px rgba(0,0,151,.06);
    color: #17c3b2
}

#comments .form-submit .region-select--mobile .mo-button__button--featured input:after,#comments .form-submit .region-select--mobile .mo-button__button--featured input:before,.region-select--mobile .mo-button__button--featured #comments .form-submit input:after,.region-select--mobile .mo-button__button--featured #comments .form-submit input:before,.region-select--mobile .mo-button__button--featured .btn:after,.region-select--mobile .mo-button__button--featured .btn:before {
    background: #17c3b2!important
}

.region-select--mobile .mo-button__button--featured.mo-button__button--active {
    border-bottom-left-radius: 15px!important;
    border-bottom-right-radius: 15px!important;
    box-shadow: -1px 8px 14px rgba(0,0,151,.06)
}

.region-select--mobile .mo-button__button--featured.mo-button__button--active .mo-button__button {
    box-shadow: none
}

#comments .form-submit .region-select--mobile .mo-button__button--featured.mo-button__button--active input,.region-select--mobile .mo-button__button--featured.mo-button__button--active #comments .form-submit input,.region-select--mobile .mo-button__button--featured.mo-button__button--active .btn {
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important
}

#comments .form-submit .region-select--mobile .mo-button__button--featured.mo-button__button--active input:before,.region-select--mobile .mo-button__button--featured.mo-button__button--active #comments .form-submit input:before,.region-select--mobile .mo-button__button--featured.mo-button__button--active .btn:before {
    transform: rotate(90deg)
}

.region-select--mobile .mo-button__button--featured.mo-button__button--active .mo-button__hidden {
    max-height: 800px;
    transition: max-height .8s ease-in
}

.region-select--mobile .mo-button__button--featured.mo-button__button--active .mo-button__hidden--button .event-hidden {
    max-height: 0;
    overflow-y: hidden
}

.region-select--mobile .mo-button__button--featured.mo-button__button--active .mo-button__hidden--button>span {
    display: block;
    padding: 13px 50px;
    position: relative
}

.region-select--mobile .mo-button__button--featured.mo-button__button--active .mo-button__hidden .featured-expand {
    padding-bottom: 20px
}

.region-select--mobile .mo-button__button--featured.mo-button__button--active .mo-button__hidden .featured-expand>span {
    padding: 13px 50px
}

.region-select--mobile .mo-button__button:hover {
    border: 0!important;
    color: #17c3b2!important
}

.region-select--mobile .mo-button__button:hover:after,.region-select--mobile .mo-button__button:hover:before {
    background-color: #17c3b2!important
}

.region-select--mobile .mo-button__button:after,.region-select--mobile .mo-button__button:before {
    background: #080817;
    border-radius: 2px;
    content: "";
    margin: 0 0 -8px;
    position: absolute;
    right: 0;
    top: 23px
}

.region-select--mobile .mo-button__button:before {
    height: 15px;
    margin-top: -7.5px;
    right: 20px;
    transition: all .3s;
    width: 3px
}

.region-select--mobile .mo-button__button:after {
    height: 3px;
    margin-top: -1.5px;
    right: 13px;
    width: 17px
}

.region-select--mobile .mo-button__button.expanded:before {
    height: 0;
    margin-top: 0
}

.region-select--mobile .mo-button__button .expand-label {
    position: absolute;
    right: 20px;
    top: 20px
}

@media screen and (min-width: 900px) {
    .region-select--mobile {
        display:none
    }
}

.page-template-template-pricing-new .table-sticky {
    background-color: #fff;
    max-height: 89px;
    padding-bottom: 30px;
    position: fixed;
    z-index: 9999
}

.page-template-template-pricing-new .hero-section .hero-holder {
    justify-content: center
}

.page-template-template-pricing-new .hero-section .hero-holder .wrap {
    text-align: center;
    width: 100%
}

.page-template-template-pricing-new .hero-section .hero-holder h1 {
    margin-bottom: 40px;
    text-align: center
}

.page-template-template-pricing-new .hero-section .hero-holder .buttons-holder {
    justify-content: center
}

.page-template-template-pricing-new .hero-section .hero-holder .hero-module--centered-cta {
    margin-top: 60px
}

#comments .form-submit .page-template-template-pricing-new .hero-section .hero-holder .hero-module--centered-cta input:hover,.page-template-template-pricing-new .hero-section .hero-holder .hero-module--centered-cta #comments .form-submit input:hover,.page-template-template-pricing-new .hero-section .hero-holder .hero-module--centered-cta .btn:hover {
    border: 1px solid!important
}

@media screen and (min-width: 1024px) {
    .page-template-template-pricing-new .hero-section {
        margin-bottom:100px
    }
}

#comments .form-submit .page-template-template-pricing-new .pricing-tabs-new .basic input,#comments .form-submit .page-template-template-pricing-new .pricing-tabs-new input.basic:hover,.page-template-template-pricing-new .pricing-tabs-new #comments .form-submit input.basic:hover,.page-template-template-pricing-new .pricing-tabs-new .basic #comments .form-submit input,.page-template-template-pricing-new .pricing-tabs-new .basic .btn,.page-template-template-pricing-new .pricing-tabs-new .basic.btn:hover,.page-template-template-pricing-new .pricing-tabs-new .basic.card__top {
    background-color: #e8f7ff!important
}

#comments .form-submit .page-template-template-pricing-new .pricing-tabs-new .essential input,#comments .form-submit .page-template-template-pricing-new .pricing-tabs-new input.essential:hover,.page-template-template-pricing-new .pricing-tabs-new #comments .form-submit input.essential:hover,.page-template-template-pricing-new .pricing-tabs-new .essential #comments .form-submit input,.page-template-template-pricing-new .pricing-tabs-new .essential .btn,.page-template-template-pricing-new .pricing-tabs-new .essential.btn:hover,.page-template-template-pricing-new .pricing-tabs-new .essential.card__top {
    background-color: #fff2f1!important
}

#comments .form-submit .page-template-template-pricing-new .pricing-tabs-new .enterprise input,#comments .form-submit .page-template-template-pricing-new .pricing-tabs-new input.enterprise:hover,.page-template-template-pricing-new .pricing-tabs-new #comments .form-submit input.enterprise:hover,.page-template-template-pricing-new .pricing-tabs-new .enterprise #comments .form-submit input,.page-template-template-pricing-new .pricing-tabs-new .enterprise .btn,.page-template-template-pricing-new .pricing-tabs-new .enterprise.btn:hover,.page-template-template-pricing-new .pricing-tabs-new .enterprise.card__top {
    background-color: rgba(174,224,219,.46)!important
}

.page-template-template-pricing-new .pricing-tabs-new input[id=pricing-package1] {
    display: none
}

.page-template-template-pricing-new .pricing-tabs-new input[id=pricing-package1]:checked~ul>li.pricing-package1 {
    border: 1px solid rgba(65,105,225,.1);
    border-bottom: 6px solid #4169e1;
    box-shadow: 2px 10px 15px -6px rgba(23,23,36,.15)
}

.page-template-template-pricing-new .pricing-tabs-new input[id=pricing-package1]:checked~ul>li.pricing-package1 label {
    background-color: #fff;
    border-right: transparent;
    transition: background-color .2s ease-in-out,box-shadow .2s ease-in-out
}

@media screen and (min-width: 1024px) {
    .page-template-template-pricing-new .pricing-tabs-new input[id=pricing-package1]:checked~ul>li.pricing-package1 {
        border-bottom:0;
        border-top: 6px solid #4169e1
    }
}

.page-template-template-pricing-new .pricing-tabs-new input[id=pricing-package2] {
    display: none
}

.page-template-template-pricing-new .pricing-tabs-new input[id=pricing-package2]:checked~ul .pricing-package1 label {
    border-right: transparent
}

.page-template-template-pricing-new .pricing-tabs-new input[id=pricing-package2]:checked~ul>li.pricing-package2 {
    border: 1px solid rgba(65,105,225,.1);
    border-bottom: 6px solid #4169e1;
    box-shadow: 2px 10px 15px -6px rgba(23,23,36,.15)
}

.page-template-template-pricing-new .pricing-tabs-new input[id=pricing-package2]:checked~ul>li.pricing-package2 label {
    background-color: #fff;
    border-right: transparent;
    transition: background-color .2s ease-in-out,box-shadow .2s ease-in-out
}

@media screen and (min-width: 1024px) {
    .page-template-template-pricing-new .pricing-tabs-new input[id=pricing-package2]:checked~ul>li.pricing-package2 {
        border-bottom:0;
        border-top: 6px solid #4169e1
    }
}

.page-template-template-pricing-new .pricing-tabs-new input[id=pricing-package3] {
    display: none
}

.page-template-template-pricing-new .pricing-tabs-new input[id=pricing-package3]:checked~ul .pricing-package2 label {
    border-right: transparent
}

.page-template-template-pricing-new .pricing-tabs-new input[id=pricing-package3]:checked~ul>li.pricing-package3 {
    border: 1px solid rgba(65,105,225,.1);
    border-bottom: 6px solid #4169e1;
    box-shadow: 2px 10px 15px -6px rgba(23,23,36,.15)
}

.page-template-template-pricing-new .pricing-tabs-new input[id=pricing-package3]:checked~ul>li.pricing-package3 label {
    background-color: #fff;
    border-right: transparent;
    transition: background-color .2s ease-in-out,box-shadow .2s ease-in-out
}

@media screen and (min-width: 1024px) {
    .page-template-template-pricing-new .pricing-tabs-new input[id=pricing-package3]:checked~ul>li.pricing-package3 {
        border-bottom:0;
        border-top: 6px solid #4169e1
    }
}

.page-template-template-pricing-new .pricing-tabs-new #pricing-package2:checked~.pricing-tabs-new__pricing-package {
    display: none
}

.page-template-template-pricing-new .pricing-tabs-new #pricing-package2:checked~.pricing-tabs-new__pricing-package:nth-of-type(2) {
    display: block
}

.page-template-template-pricing-new .pricing-tabs-new #pricing-package3:checked~.pricing-tabs-new__pricing-package {
    display: none
}

.page-template-template-pricing-new .pricing-tabs-new #pricing-package3:checked~.pricing-tabs-new__pricing-package:nth-of-type(3) {
    display: block
}

.page-template-template-pricing-new .pricing-tabs-new__main-select {
    border-bottom: 1px solid #d9e1f9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    list-style: none;
    padding: 0;
    top: -50px;
    width: 100%
}

.page-template-template-pricing-new .pricing-tabs-new__main-select li {
    align-items: flex-end;
    display: flex
}

.page-template-template-pricing-new .pricing-tabs-new__main-select li label {
    background-color: #f2f5fd;
    font-size: 18px;
    font-weight: 700;
    padding: 20px 60px;
    text-align: center;
    transition: background-color .2s ease-in-out,box-shadow .2s ease-in-out;
    width: 100%
}

.page-template-template-pricing-new .pricing-tabs-new__main-select li label:hover {
    cursor: pointer
}

@media screen and (min-width: 1024px) {
    .page-template-template-pricing-new .pricing-tabs-new__main-select li label {
        text-align:left
    }
}

.page-template-template-pricing-new .pricing-tabs-new__main-select li:first-of-type li {
    border-left: 0
}

@media screen and (min-width: 1024px) {
    .page-template-template-pricing-new .pricing-tabs-new__main-select li:first-of-type label,.page-template-template-pricing-new .pricing-tabs-new__main-select li:nth-of-type(2) label {
        border-right:2px solid #d9e1f9
    }

    .page-template-template-pricing-new .pricing-tabs-new__main-select {
        flex-direction: row;
        position: absolute
    }
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package:not(:first-of-type) {
    display: none
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards {
    display: flex;
    flex-direction: column;
    gap: 60px;
    justify-content: space-between;
    margin: 60px 0;
    position: relative
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card {
    background: #fff;
    border-radius: 20px;
    box-shadow: 5px 8px 28px rgba(23,23,36,.1);
    display: flex;
    flex: 1;
    flex-direction: column;
    font: 16px/24px Poppins,sans-serif
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card.recommended-card {
    position: relative
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card.recommended-card:before {
    background-color: #ff786a;
    border-radius: 12px;
    color: #fff;
    content: "Recommended";
    font-weight: 700;
    left: 50%;
    padding: 10px 30px;
    position: absolute;
    top: 0;
    transform: translate(-50%,-50%);
    z-index: 99
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card__top {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    min-height: 300px
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card__top p {
    font-size: 24px;
    text-align: center
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card__top p>small {
    font-size: 12px
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card__top p.card__top--heading {
    font-size: 26px;
    font-weight: 700
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card__top p.card__top--heading+p:not(.card__top--price) {
    margin-bottom: 10px
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card__top p.card__top--price {
    font-size: 42px;
    font-weight: 700;
    line-height: 46px;
    margin: 0 auto;
    max-width: 75%
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card__top p.card__top--price+p {
    margin-bottom: 0;
    margin-top: 10px
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card__top p.card__top--annual-monthly-price {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 11px;
    margin-top: 22px
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card__top p.card__top--annual-monthly-price+p {
    margin-bottom: 5px;
    margin-top: 0
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card__top p.card__top--monthly-billing {
    font-size: 14px;
    margin-top: 0
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card__top.enterprise p.card__top--price {
    font-size: 36px
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card__bottom {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 20px 40px
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card__bottom a.button-link {
    border-radius: 12px!important;
    display: inline-block;
    font-weight: 600;
    font-weight: 500!important;
    line-height: 1;
    padding: 17px 50px;
    text-align: center;
    text-decoration: none;
    transition: all .3s ease-in-out
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card__bottom a.button-link.white {
    border: 1px solid #4169e1
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card__bottom a.btn.mono:hover {
    border: 1px solid #4169e1!important
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card__bottom ul>li {
    list-style-type: none;
    margin-bottom: 20px;
    position: relative
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card__bottom ul>li:before {
    background-image: url(../images/blue_check.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 22px;
    left: -32px;
    position: absolute;
    top: 2px;
    width: 22px
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card__top {
    flex: 1;
    padding: 20px
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card__top:has(.annual-pricing),.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card__top:has(.optional-switch:checked) {
    flex: 2
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card__top:has(.optional-switch:not(:checked)) {
    flex: 1
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card.has-switch .card__top {
    display: flex;
    flex-direction: column
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card.has-switch .card__top .optional-switch {
    display: none
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card.has-switch .card__top .optional-monthly-annual {
    order: 1;
    position: relative;
    text-align: center;
    top: 0
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card.has-switch .card__top #platform-monthly-annual-switch:checked~.platform-basic-monthly,.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card.has-switch .card__top .calendar-basic-annual,.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card.has-switch .card__top .email-basic-annual,.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card.has-switch .card__top .platform-basic-annual {
    display: none
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card.has-switch .card__top #platform-monthly-annual-switch:checked~.platform-basic-annual {
    display: block
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card.has-switch .card__top #email-monthly-annual-switch:checked~.email-basic-monthly {
    display: none
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card.has-switch .card__top #email-monthly-annual-switch:checked~.email-basic-annual {
    display: block
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card.has-switch .card__top #calendar-monthly-annual-switch:checked~.calendar-basic-monthly {
    display: none
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards .card.has-switch .card__top #calendar-monthly-annual-switch:checked~.calendar-basic-annual {
    display: block
}

@media screen and (min-width: 1024px) {
    .page-template-template-pricing-new .pricing-tabs-new__pricing-package--cards {
        flex-direction:row
    }
}

.page-template-template-pricing-new .pricing-tabs-new__ask-about {
    font-style: italic;
    margin: 60px auto;
    text-align: center
}

@media screen and (min-width: 1024px) {
    .page-template-template-pricing-new .pricing-tabs-new__ask-about {
        max-width:60%
    }
}

.page-template-template-pricing-new .pricing-tabs-new__package-details {
    margin: 0 auto 50px
}

.page-template-template-pricing-new .pricing-tabs-new__package-details p {
    font-weight: 400
}

@media screen and (min-width: 1024px) {
    .page-template-template-pricing-new .pricing-tabs-new__package-details {
        max-width:75%
    }
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-container .table-row {
    display: flex;
    height: 100%;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-container .table-row:not(.table-header) {
        max-height:50px
    }
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-container .table-row.table-section-header {
    background-color: #fff;
    display: flex;
    font-weight: 700
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-container .table-row.table-section-header .table-section-header__heading {
    font-size: 24px;
    padding: 15px 0;
    position: relative;
    width: 100%
}

#comments .form-submit .page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-container .table-row.table-header input,.page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-container .table-row.table-header #comments .form-submit input,.page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-container .table-row.table-header .btn {
    color: #000!important
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-container .table-row .table-column {
    border: 2px solid #fff;
    border-width: 0 2px 2px 0;
    display: flex
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-container .table-row .table-column.heading {
    border-bottom: 2px solid #efefef
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-container .table-row .table-column:not(.heading) {
    flex: 1;
    justify-content: center
}

#comments .form-submit .page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-container .table-row .table-column input,.page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-container .table-row .table-column #comments .form-submit input,.page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-container .table-row .table-column .btn {
    align-items: center;
    border: none!important;
    border-radius: 0!important;
    color: #4169e1;
    display: flex;
    justify-content: center;
    min-height: 50px;
    padding: 0!important;
    position: relative;
    width: 100%
}

#comments .form-submit .page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-container .table-row .table-column input.check-yes:after,.page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-container .table-row .table-column #comments .form-submit input.check-yes:after,.page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-container .table-row .table-column .btn.check-yes:after {
    background-image: url(../images/blue_check.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    content: " ";
    height: 70px;
    position: absolute;
    width: 100%
}

#comments .form-submit .page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-container .table-row .table-column input.check-no:after,.page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-container .table-row .table-column #comments .form-submit input.check-no:after,.page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-container .table-row .table-column .btn.check-no:after {
    background-image: url(../images/blue_x.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    content: " ";
    height: 60px;
    position: absolute;
    width: 60px
}

#comments .form-submit .page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-container .table-row .table-column input:hover,.page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-container .table-row .table-column #comments .form-submit input:hover,.page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-container .table-row .table-column .btn:hover {
    border: none!important;
    transition: none
}

.page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-container .table-row .table-column.heading {
    align-items: center;
    flex: 1;
    font-size: 14px
}

@media screen and (min-width: 1024px) {
    .page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-container .table-row {
        margin-bottom:20px
    }

    .page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-container .table-row.table-section-header {
        justify-content: flex-start
    }

    .page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-container .table-row .table-column,.page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-container .table-row .table-column.heading {
        border: 0
    }

    .page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-container .table-row .table-column.heading {
        font-size: 16px
    }

    #comments .form-submit .page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-container .table-row .table-column input,.page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-container .table-row .table-column #comments .form-submit input,.page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-container .table-row .table-column .btn {
        border-radius: 12px!important;
        padding: initial;
        width: 90%
    }

    .page-template-template-pricing-new .pricing-tabs-new__pricing-table .table-row-container {
        background-color: #fff;
        overflow: hidden
    }

    .page-template-template-pricing-new .pricing-tabs-new {
        padding-top: 120px!important
    }
}

.page-template-template-pricing-new .has-switch .switch {
    display: inline-block;
    height: 20px;
    position: relative;
    width: 60px
}

.page-template-template-pricing-new .has-switch .switch input {
    height: 0;
    opacity: 0;
    width: 0
}

.page-template-template-pricing-new .has-switch .slider {
    background-color: #ccc;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .4s;
    transition: .4s
}

.page-template-template-pricing-new .has-switch .slider:before {
    background-color: #4169e1;
    bottom: -5px;
    content: "";
    height: 30px;
    left: 0;
    position: absolute;
    -webkit-transition: .4s;
    transition: .4s;
    width: 30px
}

.page-template-template-pricing-new .has-switch input:checked+.slider {
    background-color: #ccc
}

.page-template-template-pricing-new .has-switch .optional-switch:checked+.optional-monthly-annual .switch .slider:before {
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px)
}

.page-template-template-pricing-new .has-switch .slider.round {
    border-radius: 34px
}

.page-template-template-pricing-new .has-switch .slider.round:before {
    border-radius: 50%
}

.page-template-template-pricing-new .has-switch .switch:before {
    bottom: -2px;
    content: "Monthly";
    position: absolute;
    right: calc(100% + 10px)
}

.page-template-template-pricing-new .has-switch .switch:after {
    bottom: -2px;
    content: "Annual";
    left: calc(100% + 10px);
    position: absolute
}

.home .wrapper {
    overflow: initial
}

.home .confetti {
    margin-top: 200px;
    z-index: 7
}

.home .products-list-heading .column:first-child {
    flex: 3
}

.home .products-list-heading .column {
    flex: 1
}

.main-container:has(.h-anchor-section) {
    position: relative;
    z-index: 7
}

.h-anchor-section {
    left: 0;
    position: absolute;
    top: -100px
}

.new-home-footer {
    z-index: 7
}

.new-home-footer .holder {
    border-bottom: 0
}

.new-home-footer .holder .block {
    max-width: none!important
}

.new-home-footer .holder .block .footer-2-columns {
    display: flex;
    flex-direction: column;
    gap: 50px
}

.new-home-footer .holder .block .footer-2-columns .rd-container {
    flex: 1
}

@media screen and (min-width: 1024px) {
    .new-home-footer .holder .block .footer-2-columns {
        flex-direction:row;
        gap: 0
    }

    .new-home-footer .holder .block .footer-2-columns div:first-child {
        border-right: 1px solid hsla(0,0%,100%,.1)
    }
}

.page-template-template-everngreen .breadcrumbs-wrap:has(ul li.alt-link-no-slash) .alt-link-no-slash:after {
    content: ""
}

.page-template-template-everngreen .press-release-content h1,.page-template-template-everngreen .press-release-content h2,.page-template-template-everngreen .press-release-content h3,.page-template-template-everngreen .press-release-content h4,.page-template-template-everngreen .press-release-content h5,.page-template-template-everngreen .press-release-content h6 {
    scroll-margin-top: 200px
}

.page-template-template-everngreen .press-release-content h1:last-of-type,.page-template-template-everngreen .press-release-content h2:last-of-type,.page-template-template-everngreen .press-release-content h3:last-of-type,.page-template-template-everngreen .press-release-content h4:last-of-type,.page-template-template-everngreen .press-release-content h5:last-of-type,.page-template-template-everngreen .press-release-content h6:last-of-type {
    scroll-margin-top: 350px
}

@media screen and (min-width: 1025px) {
    .page-template-template-everngreen section.hero-section h1 {
        font-size:48px;
        line-height: 60px
    }
}

@media screen and (min-width: 1400px) {
    .page-template-template-everngreen h2 {
        font-size:36px;
        line-height: 46px
    }
}

.page-template-template-everngreen p .button-link {
    color: #fff
}

.page-template-template-everngreen p .button-link:hover {
    color: #4169e1
}

.page-template-template-everngreen .single-cta {
    margin-bottom: 75px
}

.page-template-template-everngreen section:has(+.single-cta) {
    padding-bottom: 35px!important
}

.page-template-template-everngreen section:has(+.single-cta)+.single-cta {
    margin-bottom: 75px
}

.page-template-template-everngreen .hero-section {
    padding: 12% 0 10%!important
}

.page-template-template-everngreen .hero-section .breadcrumbs-wrap {
    margin-top: 0!important;
    top: 20px
}

@media screen and (min-width: 768px) {
    .page-template-template-everngreen .hero-section {
        padding:14% 0 3%!important
    }

    .page-template-template-everngreen .hero-section .breadcrumbs-wrap {
        top: 100px
    }
}

@media screen and (min-width: 1020px) {
    .page-template-template-everngreen .hero-section {
        padding:14% 0 3%!important
    }

    .page-template-template-everngreen .hero-section .breadcrumbs-wrap {
        top: 100px
    }
}

@media screen and (min-width: 1200px) {
    .page-template-template-everngreen .hero-section .breadcrumbs-wrap {
        top:100px
    }
}

@media screen and (min-width: 1400px) {
    .page-template-template-everngreen .hero-section {
        padding:9% 0 3%!important
    }

    .page-template-template-everngreen .hero-section .breadcrumbs-wrap {
        top: 100px
    }
}

.page-template-template-everngreen .hero-section .main-container {
    max-width: 1080px;
    padding: 0 25px;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .page-template-template-everngreen .hero-section .main-container {
        padding:0 82px
    }
}

@media screen and (min-width: 1200px) {
    .page-template-template-everngreen .hero-section .main-container {
        margin:0 auto;
        max-width: 1280px;
        padding: 0 90px
    }
}

@media screen and (min-width: 1400px) {
    .page-template-template-everngreen .hero-section .main-container {
        padding:0
    }
}

.page-template-template-everngreen .hero-section .main-container .hero-holder .press-release-content {
    display: flex
}

.page-template-template-everngreen .hero-section .main-container .hero-holder .img-holder,.page-template-template-everngreen .hero-section .main-container .hero-holder .text-holder {
    width: 100%
}

@media screen and (min-width: 1024px) {
    .page-template-template-everngreen .hero-section .main-container .hero-holder .img-holder,.page-template-template-everngreen .hero-section .main-container .hero-holder .text-holder {
        width:50%
    }
}

.page-template-template-everngreen .hero-section .main-container .hero-holder .img-holder {
    margin: 0 0 0 auto
}

.page-template-template-everngreen .hero-section .main-container .hero-holder .img-holder .video iframe {
    border-radius: 5px;
    max-width: 100%
}

.page-template-template-everngreen .hero-section .main-container .hero-holder .img-holder .video {
    height: auto;
    margin: 0 auto;
    max-width: 90%;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}

@media screen and (max-width: 1020px) {
    .page-template-template-everngreen .hero-section .main-container .hero-holder .img-holder .video {
        max-width:100%
    }
}

.page-template-template-everngreen .hero-section .main-container .hero-holder .img-holder .video embed,.page-template-template-everngreen .hero-section .main-container .hero-holder .img-holder .video iframe,.page-template-template-everngreen .hero-section .main-container .hero-holder .img-holder .video object {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (min-width: 1800px) {
    .page-template-template-everngreen .hero-section .wave {
        bottom:-24px!important
    }
}

.page-template-template-everngreen .press-release-details-section {
    margin-top: 10px
}

@media screen and (min-width: 1200px) {
    .page-template-template-everngreen .press-release-details-section .inner {
        display:flex;
        flex-direction: row-reverse;
        margin: 0 auto;
        max-width: 1280px;
        padding-top: 60px
    }
}

.page-template-template-everngreen .press-release-details-section .inner .press-release-sidebar.everngreen-sidebar {
    margin-top: 60px;
    width: 300px!important
}

.page-template-template-everngreen .press-release-details-section .main-container {
    max-width: 1280px!important
}

@media screen and (min-width: 1024px) {
    .page-template-template-everngreen .press-release-details-section .main-container {
        padding:0
    }
}

.page-template-template-everngreen .press-release-details-section .main-container .press-release-content {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    padding: 0 5%
}

.page-template-template-everngreen .press-release-details-section .main-container .press-release-content h3 {
    color: #080817;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px
}

.page-template-template-everngreen .press-release-details-section .sticky-element-inner .share-box {
    background: #fff;
    border-radius: 20px;
    box-shadow: 5px 8px 28px rgba(23,23,36,.1);
    margin: 0 auto;
    max-width: 400px;
    padding: 40px 20px;
    text-align: center
}

@media screen and (max-width: 1200px) {
    .page-template-template-everngreen .press-release-details-section .sticky-element-inner {
        position:relative!important;
        top: 0!important
    }

    .page-template-template-everngreen .press-release-details-section .sticky-element-inner .share-box {
        display: none
    }
}

.page-template-template-everngreen .press-release-details-section .sticky-element-inner .share-box:has(label[for=mobile-toc]) {
    border-bottom: 1px solid #d9e1f9;
    border-radius: 0;
    box-shadow: none;
    padding: 20px 0
}

.page-template-template-everngreen .press-release-details-section .sticky-element-inner .share-box:has(label[for=mobile-toc]) label {
    color: #4169e1;
    font-size: 24px;
    font-weight: 600;
    text-align: left
}

.page-template-template-everngreen .press-release-details-section .sticky-element-inner .share-box:has(label[for=mobile-toc]) .items {
    border-left: 1px solid #d9e1f9;
    font-size: 16px;
    margin: 20px 0;
    position: relative;
    text-align: left
}

.page-template-template-everngreen .press-release-details-section .sticky-element-inner .share-box:has(label[for=mobile-toc]) .items a:hover {
    color: #080817;
    cursor: pointer;
    font-weight: 500
}

.page-template-template-everngreen .press-release-details-section .sticky-element-inner .share-box:has(label[for=mobile-toc]) .items .toc-item {
    margin: 0 0 20px;
    padding-left: 20px
}

.page-template-template-everngreen .press-release-details-section .sticky-element-inner .share-box:has(label[for=mobile-toc]) .items .toc-item:not(.toc-active) * {
    font-weight: 400
}

.page-template-template-everngreen .press-release-details-section .sticky-element-inner .share-box:has(label[for=mobile-toc]) .items .toc-item:last-of-type {
    margin-bottom: 0;
    margin-top: 20px
}

.page-template-template-everngreen .press-release-details-section .sticky-element-inner .share-box:has(label[for=mobile-toc]) .items .toc-item.toc-active {
    border-left: 3px solid #ff786a;
    font-weight: 500;
    left: -2px;
    position: relative
}

.page-template-template-everngreen .press-release-details-section .mobile-toc {
    margin: 20px auto 40px;
    max-width: 700px;
    order: -1
}

.page-template-template-everngreen .press-release-details-section .mobile-toc .h5 {
    align-items: center;
    border: thin solid #4169e1;
    border-radius: 10px;
    color: #4169e1;
    cursor: pointer;
    display: flex;
    margin: 0;
    padding: 10px 30px;
    position: relative;
    width: 100%
}

.page-template-template-everngreen .press-release-details-section .mobile-toc .h5:after {
    background: url(../images/icon_down.svg) 0 0 no-repeat;
    background-position: 50%;
    background-size: contain;
    content: "";
    height: 30px;
    position: absolute;
    right: 30px;
    transition: transform .1s ease-in-out;
    width: 25px
}

.page-template-template-everngreen .press-release-details-section .mobile-toc .items .item {
    max-height: 0;
    overflow: hidden;
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 0
}

.page-template-template-everngreen .press-release-details-section .mobile-toc .items .item a {
    font-weight: 500
}

.page-template-template-everngreen .press-release-details-section .mobile-toc .items .item a:hover {
    color: #4169e1
}

.page-template-template-everngreen .press-release-details-section .mobile-toc input {
    display: none
}

.page-template-template-everngreen .press-release-details-section .mobile-toc input:checked~.items div.item {
    max-height: 1000px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-top: 10px;
    transition: max-height .4s ease-in-out,overflow .4s ease-in-out,padding-top .3s ease-in-out
}

.page-template-template-everngreen .press-release-details-section .mobile-toc input:checked~label>div:after {
    transform: rotate(180deg);
    transition: transform .1s ease-in-out
}

@media screen and (min-width: 1200px) {
    .page-template-template-everngreen .press-release-details-section .mobile-toc {
        display:none
    }
}

.page-template-template-everngreen .sidebar-cta.mobile {
    display: none;
    margin: 60px auto;
    max-width: 600px
}

@media screen and (max-width: 1200px) {
    .page-template-template-everngreen .sidebar-cta.sidebar {
        display:none
    }

    .page-template-template-everngreen .sidebar-cta.mobile {
        display: flex;
        gap: 30px
    }

    .page-template-template-everngreen .sidebar-cta.mobile .sidebar-cta__body {
        margin-top: 0
    }
}

.page-template-template-everngreen .share {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 auto 40px;
    width: 300px
}

@media screen and (min-width: 1200px) {
    .page-template-template-everngreen .share {
        justify-content:end;
        width: 100%
    }
}

.page-template-template-everngreen .share span {
    color: #080817
}

.page-template-template-everngreen .share ul {
    display: flex;
    gap: 15px;
    list-style: none;
    margin: 0 20px 0 0;
    padding-left: 15px
}

body.page-template-template-gated-devex.stop-scroll {
    overflow-y: hidden
}

body.page-template-template-gated-devex main {
    padding-bottom: 0!important
}

body.page-template-template-gated-devex .main-header {
    background-color: #f2f5fc
}

body.page-template-template-gated-devex .main-nav {
    visibility: hidden
}

@media screen and (max-width: 1024px) {
    body.page-template-template-gated-devex .main-nav {
        display:none
    }
}

body.page-template-template-gated-devex .menu-header_additional_menu-container {
    visibility: hidden
}

@media screen and (max-width: 1024px) {
    body.page-template-template-gated-devex .menu-header_additional_menu-container {
        display:none
    }
}

body.page-template-template-gated-devex .mobile-menu-opener {
    display: none
}

body.page-template-template-gated-devex .main-nav-holder .button-link {
    background-color: #f6f8fe;
    border: 1px solid #4169e1;
    color: #4169e1
}

body.page-template-template-gated-devex .main-nav-holder .button-link:hover {
    background-color: #4169e1;
    color: #fff
}

@media screen and (max-width: 1024px) {
    body.page-template-template-gated-devex .main-nav-holder {
        background:none!important;
        display: flex;
        flex-grow: 1;
        height: unset;
        margin: 0;
        opacity: 1;
        padding: 0;
        position: relative;
        transform: none;
        visibility: visible;
        width: unset
    }

    body.page-template-template-gated-devex .main-nav-holder .main-nav-wrap {
        display: flex;
        flex-grow: 1;
        justify-content: flex-end;
        margin: 0;
        padding: 0
    }

    body.page-template-template-gated-devex .main-nav-holder .main-nav-wrap .main-header-links {
        align-items: center;
        display: flex;
        flex-shrink: 0;
        margin: 0;
        padding: 0
    }

    body.page-template-template-gated-devex .main-nav-holder .main-nav-wrap .main-header-links .button-link {
        font-size: 12px;
        margin-top: 0
    }
}

body.page-template-template-gated-devex footer {
    background-color: #f6f8fe;
    display: flex;
    justify-content: center;
    padding: 22px 0
}

@media only screen and (min-width: 768px) {
    body.page-template-template-gated-devex footer {
        padding:30px 0
    }
}

body.page-template-template-gated-devex footer * {
    color: #52525d!important;
    font-size: 12px!important;
    font-weight: 400!important;
    line-height: 20px!important
}

body.page-template-template-gated-devex footer .footer-bottom .social,body.page-template-template-gated-devex footer .footer-nav {
    display: none
}

body.page-template-template-gated-devex footer .footer-bottom .wrap {
    max-width: none!important
}

@media only screen and (min-width: 768px) {
    body.page-template-template-gated-devex footer .footer-bottom .wrap {
        display:flex
    }
}

body.page-template-template-gated-devex footer .footer-bottom .wrap p {
    margin-bottom: 5px;
    text-align: center
}

@media only screen and (min-width: 768px) {
    body.page-template-template-gated-devex footer .footer-bottom .wrap p {
        margin:0 40px 0 6px
    }
}

body.page-template-template-gated-devex footer .footer-bottom .wrap .add-nav li {
    margin-right: 20px
}

body.page-template-template-gated-devex footer .footer-bottom .wrap .add-nav li:last-of-type {
    margin: 0
}

body.page-template-template-gated-devex footer .footer-bottom .wrap .add-nav li a:hover {
    color: #4169e1!important
}

body.page-template-template-gated-devex .products-list-heading .column h2 {
    font-size: 18px;
    line-height: 30px
}

@media only screen and (min-width: 768px) {
    body.page-template-template-gated-devex .products-list-heading .column h2 {
        font-size:30px;
        line-height: 40px
    }
}

.gated-devex--hero {
    background-color: #f2f5fc;
    margin-bottom: 74px;
    padding: 80px 0 0
}

@media only screen and (min-width: 1024px) {
    .gated-devex--hero {
        margin-bottom:191px;
        padding: 94px 0 0
    }
}

.gated-devex--hero p {
    color: #080817;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 13px 0 26px
}

@media only screen and (min-width: 700px) {
    .gated-devex--hero p {
        max-width:75%
    }
}

@media only screen and (min-width: 1024px) {
    .gated-devex--hero p {
        color:#52525d;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        margin: 20px 0 40px;
        max-width: 400px
    }
}

.gated-devex--hero h1 {
    color: #4169e1;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px
}

@media only screen and (min-width: 1024px) {
    .gated-devex--hero h1 {
        font-size:48px;
        font-weight: 600;
        line-height: 64px;
        margin-top: 102px
    }

    .gated-devex--hero .container {
        display: flex
    }
}

@media only screen and (max-width: 700px) {
    .gated-devex--hero .container {
        overflow:visible
    }
}

@media only screen and (min-width: 1024px) {
    .gated-devex--hero-content {
        width:50%
    }
}

@media only screen and (min-width: 1201px) {
    .gated-devex--hero-content {
        margin-left:32.5px
    }
}

@media only screen and (max-width: 1023px) {
    .gated-devex--hero-content .button-link {
        display:block;
        margin: 0 auto;
        width: fit-content
    }
}

.gated-devex--hero-image {
    margin: 23px -5.6% 0
}

@media only screen and (min-width: 1024px) {
    .gated-devex--hero-image {
        margin:0;
        width: 50%
    }

    .gated-devex--hero-image .image {
        margin: 0 -2% -10.9% -34.5%
    }
}

@media only screen and (min-width: 1201px) {
    .gated-devex--hero-image .image {
        margin-right:8px
    }
}

@media only screen and (max-width: 1023px) {
    .gated-devex--hero-image .image img {
        margin-bottom:-6.9%
    }
}

.gated-devex--modal {
    align-items: center;
    backdrop-filter: blur(6.94px);
    -webkit-backdrop-filter: blur(6.94px);
    background-color: rgba(0,0,0,.5);
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 1;
    overflow-y: scroll;
    pointer-events: auto;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .25s ease;
    visibility: visible;
    width: 100%;
    z-index: 500
}

.gated-devex--modal.hidden {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    z-index: -1
}

.gated-devex--modal-inner,.gated-devex--modal-wrapper {
    height: 100%
}

.gated-devex--modal-inner {
    max-height: 100%;
    padding-top: 38px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .gated-devex--modal-inner {
        padding-top:104px
    }
}

.gated-devex--modal-container {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 25px rgba(0,0,0,.15);
    margin: 0 auto;
    padding: 26px 21px 79px;
    position: relative;
    width: 87.2%
}

@media only screen and (min-width: 768px) {
    .gated-devex--modal-container {
        padding:56px 43px 98px;
        width: 510px
    }
}

.gated-devex--modal-container .modal-close {
    cursor: pointer;
    display: flex;
    padding-right: 6px;
    position: absolute;
    right: 0;
    top: -29px
}

@media only screen and (min-width: 768px) {
    .gated-devex--modal-container .modal-close {
        padding-right:16px;
        top: -42px
    }
}

.gated-devex--modal-container .modal-close span {
    color: #fff;
    font-size: 12.6px;
    font-weight: 500;
    line-height: 20px
}

@media only screen and (min-width: 768px) {
    .gated-devex--modal-container .modal-close span {
        font-size:18px;
        line-height: 28px
    }
}

.gated-devex--modal-container .modal-close .x {
    align-items: center;
    display: flex;
    margin-left: 10px
}

@media only screen and (min-width: 768px) {
    .gated-devex--modal-container .modal-close .x {
        margin-left:21px
    }
}

.gated-devex--modal-container .modal-close .line {
    background-color: #fff;
    height: 14px;
    margin: .5px -.5px;
    transform: rotate(45deg);
    transform-origin: center;
    width: 1.4px
}

@media only screen and (min-width: 768px) {
    .gated-devex--modal-container .modal-close .line {
        height:20px;
        margin: 1px -1px;
        width: 2px
    }
}

.gated-devex--modal-container .modal-close .line:last-of-type {
    transform: rotate(-45deg)
}

.gated-devex--modal-container h2 {
    color: #080817;
    font-size: 18px;
    line-height: 30px
}

@media only screen and (min-width: 768px) {
    .gated-devex--modal-container h2 {
        font-size:24px;
        line-height: 36px
    }
}

.gated-devex--modal-container p {
    color: #52525d;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 9px 0 14px
}

@media only screen and (min-width: 768px) {
    .gated-devex--modal-container p {
        font-size:16px;
        line-height: 24px;
        margin: 7px 0 25px
    }
}

.gated-devex--modal-container form.modal-form.mktoForm:not(#mktoForm_1250) {
    display: flex;
    flex-wrap: wrap;
    padding: 0!important
}

.gated-devex--modal-container form.modal-form.mktoForm:not(#mktoForm_1250) * {
    padding: 0
}

.gated-devex--modal-container form.modal-form.mktoForm:not(#mktoForm_1250) .mktoFormRow {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .gated-devex--modal-container form.modal-form.mktoForm:not(#mktoForm_1250) .mktoFormRow:first-of-type,.gated-devex--modal-container form.modal-form.mktoForm:not(#mktoForm_1250) .mktoFormRow:nth-of-type(2) {
        width:50%
    }

    .gated-devex--modal-container form.modal-form.mktoForm:not(#mktoForm_1250) .mktoFormRow:first-of-type {
        padding-right: 11px!important
    }

    .gated-devex--modal-container form.modal-form.mktoForm:not(#mktoForm_1250) .mktoFormRow:nth-of-type(2) {
        padding-left: 11px!important
    }
}

.gated-devex--modal-container form.modal-form.mktoForm:not(#mktoForm_1250) label {
    color: #52525d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    width: unset!important
}

@media only screen and (min-width: 768px) {
    .gated-devex--modal-container form.modal-form.mktoForm:not(#mktoForm_1250) label {
        font-size:14px
    }
}

.gated-devex--modal-container form.modal-form.mktoForm:not(#mktoForm_1250) label .mktoAsterix {
    color: #ff786a;
    float: right!important;
    padding-left: 0
}

.gated-devex--modal-container form.modal-form.mktoForm:not(#mktoForm_1250) input {
    background-color: #f6f8fe!important;
    border: none!important;
    border-radius: 5px;
    font-size: 16px!important;
    height: unset!important;
    line-height: 20px;
    margin-bottom: 10px!important;
    margin-top: 3px!important;
    padding: 12px!important
}

@media only screen and (min-width: 768px) {
    .gated-devex--modal-container form.modal-form.mktoForm:not(#mktoForm_1250) input {
        font-size:18px!important;
        line-height: 27px;
        margin-bottom: 8px!important;
        margin-top: 8px!important;
        padding-left: 14px!important;
        padding-top: 14px!important
    }
}

.gated-devex--modal-container form.modal-form.mktoForm:not(#mktoForm_1250) input::placeholder {
    color: transparent!important
}

.gated-devex--modal-container form.modal-form.mktoForm:not(#mktoForm_1250) .mktoCaptchaDisclaimer {
    color: #6b6b74;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 12px;
    margin-top: 13px
}

@media only screen and (min-width: 768px) {
    .gated-devex--modal-container form.modal-form.mktoForm:not(#mktoForm_1250) .mktoCaptchaDisclaimer {
        font-size:14px;
        margin-bottom: 44px
    }
}

.gated-devex--modal-container form.modal-form.mktoForm:not(#mktoForm_1250) .mktoButtonRow {
    bottom: 35px;
    position: absolute
}

@media only screen and (min-width: 768px) {
    .gated-devex--modal-container form.modal-form.mktoForm:not(#mktoForm_1250) .mktoButtonRow {
        bottom:53px
    }
}

.gated-devex--modal-container form.modal-form.mktoForm:not(#mktoForm_1250) .mktoButton {
    background-color: #4169e1;
    background-image: none;
    border: 1px solid #4169e1;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 12px 40px!important;
    transition: background-color .3s
}

.gated-devex--modal-container form.modal-form.mktoForm:not(#mktoForm_1250) .mktoButton:hover {
    background-color: #fff;
    border: 1px solid #4169e1;
    color: #4169e1
}

.gated-devex--modal-container form.modal-form.mktoForm:not(#mktoForm_1250) .mktoErrorMsg {
    padding-top: 0!important
}

.gated-devex--modal .modal-disclaimer {
    margin-top: 13px
}

@media only screen and (min-width: 768px) {
    .gated-devex--modal .modal-disclaimer {
        margin-top:19px
    }
}

.gated-devex--modal .modal-disclaimer * {
    color: #6b6b74;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 12px;
    margin-top: 0
}

@media only screen and (min-width: 768px) {
    .gated-devex--modal .modal-disclaimer * {
        font-size:14px;
        margin-bottom: 44px
    }
}

.gated-devex--modal .modal-disclaimer a {
    text-decoration: underline
}

.gated-devex--modal .modal-disclaimer a:hover {
    color: #52525d
}

.gated-devex--alt h2 {
    color: #52525d;
    font-size: 18px;
    line-height: 30px
}

@media only screen and (min-width: 1024px) {
    .gated-devex--alt h2 {
        color:#080817;
        font-size: 24px;
        line-height: 36px;
        max-width: 425px
    }
}

@media only screen and (max-width: 1023px) {
    .gated-devex--alt .desktop {
        display:none
    }
}

@media only screen and (min-width: 1024px) {
    .gated-devex--alt .tablet {
        display:none
    }
}

.gated-devex--alt-container {
    margin: 0 auto;
    max-width: 600px;
    padding: 0 35px
}

@media only screen and (min-width: 1024px) {
    .gated-devex--alt-container {
        max-width:1280px;
        padding: 0 90px
    }

    .gated-devex--alt-content {
        display: flex
    }
}

.gated-devex--alt-content-text {
    margin-bottom: 36px
}

@media only screen and (min-width: 1024px) {
    .gated-devex--alt-content-text {
        display:flex;
        flex-direction: column;
        justify-content: center;
        margin-bottom: 0;
        width: 50%
    }
}

.gated-devex--alt-content-text p {
    color: #52525d;
    font-size: 14px;
    line-height: 20px;
    margin: 30px 0 0
}

@media only screen and (min-width: 1024px) {
    .gated-devex--alt-content-text p {
        font-size:16px;
        line-height: 24px;
        max-width: 425px
    }
}

.gated-devex--alt-content-image {
    margin-bottom: 56px
}

@media only screen and (min-width: 1024px) {
    .gated-devex--alt-content-image {
        margin-bottom:0;
        width: 50%
    }
}

.gated-devex--alt-content-image .image {
    margin-bottom: 25px
}

@media only screen and (min-width: 1024px) {
    .gated-devex--alt-content-image .image {
        margin-bottom:41px
    }
}

.gated-devex--alt-content-image p,.gated-devex--alt-content-image span {
    color: #4169e1;
    font-weight: 600
}

.gated-devex--alt-content-image span {
    font-size: 76px;
    line-height: 69px
}

@media only screen and (min-width: 1024px) {
    .gated-devex--alt-content-image span {
        font-size:128px;
        line-height: 115px
    }
}

.gated-devex--alt-content-image p {
    font-size: 18px;
    line-height: 30px;
    margin: 7px 0 0
}

@media only screen and (min-width: 1024px) {
    .gated-devex--alt-content-image p {
        font-size:30px;
        line-height: 40px;
        margin: 20px -10px 0 0
    }
}

.gated-devex--alt-content-image.no-image {
    margin-top: 50px
}

@media only screen and (min-width: 1024px) {
    .gated-devex--alt-content:nth-of-type(odd) .gated-devex--alt-content-text {
        padding-right:40px
    }

    .gated-devex--alt-content:nth-of-type(odd) .gated-devex--alt-content-image {
        padding-left: 40px
    }

    .gated-devex--alt-content:nth-of-type(2n) {
        flex-direction: row-reverse
    }

    .gated-devex--alt-content:nth-of-type(2n) .gated-devex--alt-content-text {
        padding-left: 40px
    }

    .gated-devex--alt-content:nth-of-type(2n) .gated-devex--alt-content-image {
        padding-right: 40px
    }

    .gated-devex--alt-content:first-of-type {
        margin-bottom: 34px
    }

    .gated-devex--alt-content:first-of-type .gated-devex--alt-content-text {
        padding-bottom: 317px;
        padding-left: 30px
    }

    .gated-devex--alt-content:nth-of-type(2) {
        margin-bottom: 61px
    }

    .gated-devex--alt-content:nth-of-type(2) .gated-devex--alt-content-text p {
        max-width: 444px
    }

    .gated-devex--alt-content:last-of-type {
        margin-bottom: 181px
    }

    .gated-devex--alt-content:last-of-type .gated-devex--alt-content-text {
        margin-top: 100px
    }
}

@media only screen and (max-width: 1023px) {
    .gated-devex--alt-content:last-of-type .gated-devex--alt-content-image {
        margin-bottom:48px
    }
}

.page-template-template-use-case-lander .main-header {
    background-color: #f6f8fd
}

.page-template-template-use-case-lander main:not(.main--no-padding) {
    padding-bottom: 0
}

.use-case--hero-module {
    --color-blue-50: #f6f8fd;
    --color-logo: #16a392;
    --color-logo-opacity: rgba(22,163,146,.2);
    --color-blue-100: #e0e6f9;
    --color-blue-300: #bdccf9;
    --color-green-700: #16a392;
    --color-grey-400: #cacaca;
    --color-grey-700: #6e6e6e;
    --color-grey-800: #4b4b4b;
    --color-grey-900: #2c2c2c;
    --border-radius-16: 0.8vw;
    --font-weight-regular: 400;
    --font-weight-bold: 600;
    --shadow-xl: 0 0.4vw 0.8vw 0 rgba(33,53,113,.1);
    --font-size-s: 0.6vw;
    --font-size-m: 0.7vw;
    --font-size-xl: 0.9vw;
    --font-size-xxl: 1.1vw;
    background-color: var(--color-blue-50);
    padding-bottom: 56px;
    padding-top: 165px;
    padding-top: calc(var(--top-nav-height) + 77px)
}

@media screen and (max-width: 1024px) {
    .use-case--hero-module {
        margin-top:0;
        padding-bottom: 35px;
        padding-top: 100px;
        padding-top: calc(var(--top-nav-height) + 40px)
    }
}

.use-case--hero-module h1 {
    color: #2c2c2c;
    font-family: Poppins,"sans-serif";
    font-size: 36px;
    font-weight: 600;
    line-height: 45px
}

.use-case--hero-module .info-cascade-media .note-wrap {
    margin-top: 27px
}

.use-case--hero-module .info-cascade-media .note-wrap p {
    color: #080817;
    font-size: 12px;
    line-height: 18px
}

.use-case--hero-module .info-cascade-media .note-wrap p a {
    color: #4169e1;
    font-size: 12px
}

.use-case--hero-module .info-cascade-media .note-wrap p a:hover {
    text-decoration: underline
}

.use-case--hero-module p {
    color: #4b4b4b;
    font-size: 16px;
    line-height: 24px
}

.use-case--hero-module .row {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.use-case--hero-module .col {
    width: 50%
}

@media screen and (max-width: 1024px) {
    .use-case--hero-module .col {
        width:100%
    }
}

.use-case--hero-module .col.left {
    padding-right: 5%
}

@media screen and (max-width: 1024px) {
    .use-case--hero-module .col.left {
        margin-bottom:45px;
        padding-right: 0
    }
}

.use-case--hero-module figure {
    margin: 0;
    position: relative
}

.use-case--hero-module figure img {
    border-radius: 16px;
    box-shadow: 0 8px 16px 0 rgba(33,53,113,.1);
    object-fit: cover
}

.use-case--hero-module .btn-wrap {
    align-items: center;
    display: flex;
    margin-top: 35px
}

.use-case--hero-module .btn-wrap .button-link {
    border-radius: 16px;
    font-size: 16px;
    padding: 16px;
    transition-duration: .15s
}

.use-case--hero-module .btn-wrap .button-link:hover {
    background-color: #314fa9;
    border: 1px solid #314fa9;
    color: #fff
}

.use-case--hero-module .btn-wrap .btn-rg {
    border-radius: 16px;
    color: #4169e1;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-left: 25px;
    padding: 16px;
    transition-duration: .15s
}

.use-case--hero-module .btn-wrap .btn-rg:hover {
    background-color: rgba(65,105,255,.08);
    color: #314fa9
}

.use-case--hero-module #hero-dots {
    fill: var(--color-blue-300);
    animation: anim-dot-group 2.5s ease;
    bottom: 18.8vw;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 6vw
}

.use-case--hero-module #hero-dot-1 {
    animation: anim-dots .4s ease 0s infinite alternate
}

.use-case--hero-module #hero-dot-2 {
    animation: anim-dots .4s ease .2s infinite alternate
}

.use-case--hero-module #hero-dot-3 {
    animation: anim-dots .4s ease .4s infinite alternate
}

.use-case--hero-module #hero-message-2 {
    animation: anim-message-2 3s ease
}

.use-case--hero-module #hero-message-3 {
    animation: anim-message-3 4.1s ease
}

.use-case--hero-module #hero-message-4 {
    align-items: flex-start;
    animation: anim-message-4 5.1s ease
}

@keyframes anim-dots {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes anim-dot-group {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes anim-message-2 {
    0% {
        opacity: 0
    }

    90% {
        opacity: 0;
        scale: .8
    }

    to {
        opacity: 1;
        scale: 1
    }
}

@keyframes anim-message-3 {
    0% {
        opacity: 0
    }

    93% {
        opacity: 0;
        scale: .8
    }

    to {
        opacity: 1;
        scale: 1
    }
}

@keyframes anim-message-4 {
    0% {
        opacity: 0
    }

    94% {
        opacity: 0;
        scale: .8
    }

    to {
        opacity: 1;
        scale: 1
    }
}

@keyframes anim-button {
    0% {
        opacity: 0
    }

    92% {
        filter: none;
        opacity: 1;
        scale: 1
    }

    96% {
        filter: brightness(50%);
        scale: .9
    }

    to {
        scale: 1
    }
}

@keyframes anim-scheduler {
    0%,92% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.use-case--hero-module #hero {
    background-color: var(--color-blue-50);
    border-radius: var(--border-radius-16);
    box-shadow: var(--shadow-xl);
    color: var(--color-grey-800);
    font-size: var(--font-size-m);
    position: relative;
    width: 48vw
}

@media screen and (max-width: 1024px) {
    .use-case--hero-module #hero {
        margin:0 auto;
        max-width: 550px;
        width: 100%
    }
}

.use-case--hero-module #hero-top-bar {
    background-color: #fff;
    border-radius: var(--border-radius-16) var(--border-radius-16) 0 0;
    padding: .8vw 1.2vw
}

.use-case--hero-module #hero-top-bar img {
    height: 1.2vw
}

.use-case--hero-module #hero-side {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: .4vw;
    height: 100%;
    margin: 0;
    padding: .8vw;
    width: 33.33%
}

.use-case--hero-module .hero-chat {
    align-items: center;
    align-self: stretch;
    border-radius: var(--border-radius-16);
    display: flex;
    gap: .8vw;
    padding: .8vw
}

.use-case--hero-module .hero-avatar {
    border-radius: 100%;
    height: 2.8vw;
    width: 2.8vw
}

.use-case--hero-module .hero-active,.use-case--hero-module .hero-avatar {
    background-color: var(--color-blue-100)
}

.use-case--hero-module .hero-active .hero-avatar {
    background-color: var(--color-blue-300)
}

.use-case--hero-module .hero-active .hero-status {
    background-color: var(--color-green-700)
}

.use-case--hero-module .hero-status {
    background-color: var(--color-blue-100);
    border: 1px solid var(--color-blue-50);
    border-radius: 100%;
    bottom: .6vw;
    display: inline-block;
    height: .6vw;
    position: relative;
    right: -2.2vw;
    width: .6vw
}

.use-case--hero-module .hero-chat-name {
    color: var(--color-grey-900);
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    font-size: var(--font-size-m);
    font-weight: var(--font-weight-bold)
}

.use-case--hero-module .hero-chat-secondary {
    font-size: var(--font-size-m);
    padding-right: 1.6vw
}

.use-case--hero-module .hero-chat-timestamp {
    font-size: var(--font-size-s)
}

.use-case--hero-module .hero-chat-header {
    align-self: stretch;
    display: flex
}

.use-case--hero-module .hero-chat-text {
    align-items: flex-start;
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    gap: .2vw
}

.use-case--hero-module #hero-body {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 1 0 0
}

.use-case--hero-module #hero-main {
    align-items: flex-start;
    align-self: stretch;
    border-left: 1px solid var(--color-blue-100);
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    padding: .8vw 1.6vw
}

.use-case--hero-module .hero-main-title {
    color: var(--color-grey-900);
    font-size: var(--font-size-xxl);
    font-weight: var(--font-weight-bold);
    padding: .8vw 0
}

.use-case--hero-module #hero-main .hero-chat {
    padding: .8vw 0
}

.use-case--hero-module #hero-main-chat {
    height: 100%;
    position: relative;
    width: 100%
}

.use-case--hero-module #hero-main .hero-status {
    background-color: var(--color-green-700)
}

.use-case--hero-module #hero-message-2 .hero-avatar,.use-case--hero-module #hero-message-3 .hero-avatar,.use-case--hero-module #hero-message-4 .hero-avatar {
    background-color: var(--color-blue-300)
}

.use-case--hero-module #hero strong {
    color: var(--color-grey-900);
    display: inline-block;
    font-weight: var(--font-weight-bold)
}

.use-case--hero-module #hero-main-button {
    animation: anim-button 6.5s ease;
    background-color: var(--color-logo);
    border-radius: var(--border-radius-16);
    color: #fff;
    line-height: 2.4vw;
    margin-top: .4vw;
    padding: 0 .8vw;
    vertical-align: middle
}

.use-case--hero-module #hero-main-chatbox {
    align-self: stretch;
    background-color: #fff;
    border: 1px solid var(--color-blue-100);
    border-radius: var(--border-radius-16);
    display: flex;
    height: 2.4vw;
    justify-content: flex-end;
    padding: .8vw
}

.use-case--hero-module #hero-main-chatbox svg {
    height: 1.2vw;
    width: 1.2vw
}

.use-case--hero-module #hero-scheduler {
    background-color: #fff;
    border-radius: var(--border-radius-16);
    box-shadow: var(--shadow-xl);
    display: flex;
    flex-direction: column;
    gap: .8vw;
    margin: auto;
    padding: 1.6vw;
    position: relative;
    top: 10%;
    width: min-content
}

@media screen and (max-width: 768px) {
    .use-case--hero-module #hero-scheduler {
        gap:1vw;
        padding: 5vw
    }
}

.use-case--hero-module #hero-scheduler-calendar {
    display: flex;
    flex-wrap: wrap;
    gap: .2vw
}

.use-case--hero-module .hero-scheduler-button {
    background-color: #fff;
    border-radius: .4vw;
    color: var(--color-grey-700);
    grid-column: 1/7;
    grid-row: 1;
    line-height: 2.4vw;
    text-align: center;
    width: 2.4vw
}

@media screen and (max-width: 768px) {
    .use-case--hero-module .hero-scheduler-button {
        font-size:1.2vw;
        line-height: 3.4vw;
        width: 3.4vw
    }
}

.use-case--hero-module .hero-scheduler-button-selected {
    background-color: var(--color-logo);
    color: #fff;
    font-weight: var(--font-weight-bold)
}

.use-case--hero-module .hero-scheduler-button-available {
    background-color: var(--color-logo-opacity);
    color: var(--color-grey-800);
    font-weight: var(--font-weight-bold)
}

.use-case--hero-module #hero-scheduler-attendees img {
    height: 2vw;
    margin-right: .4vw;
    width: 2vw
}

@media screen and (max-width: 768px) {
    .use-case--hero-module #hero-scheduler-attendees img {
        height:4vw;
        width: 4vw
    }
}

.use-case--hero-module #hero-scheduler-attendees .hero-active {
    background-color: var(--color-blue-300)
}

.use-case--hero-module #hero-scheduler-title {
    color: var(--color-grey-900);
    font-size: var(--font-size-xxl);
    font-weight: var(--font-weight-bold)
}

@media screen and (max-width: 768px) {
    .use-case--hero-module #hero-scheduler-title {
        font-size:2vw
    }
}

.use-case--hero-module #hero-scheduler-month {
    align-items: center;
    align-self: stretch;
    display: flex;
    gap: 3.2vw;
    height: 2.4vw;
    justify-content: center
}

.use-case--hero-module #hero-scheduler-month svg {
    height: 1.4vw;
    width: 1.4vw
}

.use-case--hero-module #hero-scheduler-month span {
    color: var(--color-grey-900);
    font-weight: var(--font-weight-bold)
}

@media screen and (max-width: 768px) {
    .use-case--hero-module #hero-scheduler-month span {
        font-size:1.1vw
    }
}

.use-case--hero-module #hero-scheduler-left {
    display: flex;
    flex-direction: column;
    gap: .2vw;
    width: 18vw
}

@media screen and (max-width: 768px) {
    .use-case--hero-module #hero-scheduler-left {
        gap:.5vw;
        width: 34vw
    }
}

.use-case--hero-module #hero-scheduler-right {
    display: flex;
    flex-direction: column;
    gap: .2vw;
    width: 9.6vw
}

@media screen and (max-width: 768px) {
    .use-case--hero-module #hero-scheduler-right {
        width:19.6vw
    }
}

.use-case--hero-module #hero-scheduler-right .hero-scheduler-button {
    border: 1px solid var(--color-grey-400);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 2.4vw;
    width: 100%
}

@media screen and (max-width: 768px) {
    .use-case--hero-module #hero-scheduler-right .hero-scheduler-button {
        height:auto
    }
}

.use-case--hero-module #hero-scheduler-body {
    display: flex;
    flex-direction: row;
    gap: 2.4vw
}

.use-case--hero-module #hero-scheduler-overlay {
    animation: anim-scheduler 7s ease;
    background-color: rgba(224,230,249,.5);
    border-radius: var(--border-radius-16);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 48vw;
    width: 100%
}

.use-case--hero-module #circle {
    r: 1vw
}

.use-case--intro-module {
    background-color: #f6f8fd;
    padding: 96px 0
}

@media screen and (max-width: 768px) {
    .use-case--intro-module {
        padding:70px 0
    }
}

.use-case--intro-module h2 {
    color: #2c2c2c;
    font-size: 36px;
    font-weight: 600;
    line-height: 45px;
    margin-bottom: 30px;
    text-align: center
}

@media screen and (max-width: 768px) {
    .use-case--intro-module h2 {
        text-align:left
    }
}

.use-case--intro-module .top-wrap p {
    text-align: center
}

@media screen and (max-width: 768px) {
    .use-case--intro-module .top-wrap p {
        font-size:16px;
        text-align: left
    }
}

.use-case--intro-module h3 {
    color: #2c2c2c;
    font-size: 22px;
    font-weight: 600;
    line-height: 27.5px;
    margin: 13px 0
}

.use-case--intro-module .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 60px
}

.use-case--intro-module .col {
    width: calc(33.33333% - 30px)
}

@media screen and (max-width: 768px) {
    .use-case--intro-module .col {
        width:100%
    }

    .use-case--intro-module .col:not(:last-child) {
        margin-bottom: 35px
    }
}

.use-case--intro-module .col img {
    height: 48px;
    object-fit: cover;
    width: 48px
}

.use-case--intro-module .col p {
    color: #4b4b4b;
    font-size: 16px;
    line-height: 24px
}

.use-case--slider-module {
    background-color: #e0e6f9;
    padding: 96px 40px
}

@media screen and (max-width: 1024px) {
    .use-case--slider-module {
        padding:70px 0 80px
    }
}

.use-case--slider-module h2 {
    color: #2c2c2c;
    font-size: 36px;
    font-weight: 600;
    line-height: 45px;
    text-align: center
}

@media screen and (max-width: 1024px) {
    .use-case--slider-module h2 {
        text-align:left
    }
}

.use-case--slider-module h3 {
    color: #2c2c2c;
    font-size: 28px;
    font-weight: 600;
    line-height: 35px;
    margin-bottom: 35px;
    margin-top: 0
}

@media screen and (max-width: 1024px) {
    .use-case--slider-module h3 {
        margin-bottom:25px
    }
}

.use-case--slider-module li,.use-case--slider-module p {
    color: #4b4b4b;
    font-size: 16px;
    line-height: 24px
}

.use-case--slider-module li em,.use-case--slider-module li strong,.use-case--slider-module p em,.use-case--slider-module p strong {
    color: #2c2c2c
}

.use-case--slider-module .slider-wrap {
    margin: 85px auto 0;
    max-width: 1100px;
    position: relative
}

.use-case--slider-module .slice {
    display: flex!important;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%!important
}

@media screen and (max-width: 1024px) {
    .use-case--slider-module .slice {
        flex-direction:column-reverse
    }
}

.use-case--slider-module .slick-dots {
    justify-content: center;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -55px
}

.use-case--slider-module .slick-dots button {
    background: #bdccf9;
    height: 16px;
    width: 16px
}

.use-case--slider-module .slick-dots li.slick-active button {
    background: #213571
}

.use-case--slider-module .slick-arrow {
    background: #bdccf9;
    border: none;
    border-radius: 16px;
    height: 64px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition-duration: .15s;
    width: 64px
}

.use-case--slider-module .slick-arrow:hover {
    background: #e0e6f9!important
}

.use-case--slider-module .slick-arrow:hover svg path {
    fill: #213571!important
}

@media screen and (max-width: 1024px) {
    .use-case--slider-module .slick-arrow {
        display:none!important
    }
}

.use-case--slider-module .slick-arrow svg {
    height: 32px;
    width: 32px
}

.use-case--slider-module .slick-arrow svg path {
    fill: #213571
}

.use-case--slider-module .slick-arrow.slick-next {
    right: -100px
}

.use-case--slider-module .slick-arrow.slick-prev {
    left: -100px
}

.use-case--slider-module .slick-slide {
    display: flex;
    float: none;
    height: auto;
    width: 100%!important
}

.use-case--slider-module .slick-slide.slick-active {
    display: flex;
    width: 100%
}

.use-case--slider-module .slick-slide img {
    display: inline-block!important
}

.use-case--slider-module .slick-track {
    display: flex
}

.use-case--slider-module .quote-wrap {
    background-color: #f6f8fd;
    border-radius: 16px;
    height: min-content;
    padding: 32px;
    width: 47%
}

@media screen and (max-width: 1024px) {
    .use-case--slider-module .quote-wrap {
        width:100%
    }
}

.use-case--slider-module .quote-wrap p {
    margin-top: 0
}

.use-case--slider-module .author-wrap {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px
}

.use-case--slider-module .author-wrap .author-img {
    height: 64px;
    margin-right: 20px;
    object-fit: cover;
    width: 64px
}

.use-case--slider-module .author-wrap p {
    font-size: 14px;
    line-height: 21px;
    margin: 0
}

.use-case--slider-module .author-wrap .name {
    color: #2c2c2c;
    font-weight: 600;
    margin-bottom: 2px
}

.use-case--slider-module .author-wrap .copy {
    width: calc(100% - 84px)
}

.use-case--slider-module .company-logo {
    height: 40px
}

@media screen and (max-width: 1024px) {
    .use-case--slider-module .company-logo {
        height:26px
    }
}

.use-case--slider-module .logo-wrap {
    margin-left: auto;
    margin-right: 0;
    margin-top: 30px;
    text-align: right
}

.use-case--slider-module .copy-wrap {
    width: 47%
}

@media screen and (max-width: 1024px) {
    .use-case--slider-module .copy-wrap {
        margin-bottom:45px;
        width: 100%
    }
}

.use-case--slider-module .link-wrap a {
    color: #4169e1;
    font-size: 16px;
    line-height: 21px;
    position: relative;
    transition-duration: .15s
}

.use-case--slider-module .link-wrap a:hover {
    color: #213571
}

.use-case--slider-module .link-wrap a:hover svg path {
    fill: #213571
}

.use-case--slider-module .link-wrap a:hover svg {
    right: -32px
}

.use-case--slider-module .link-wrap svg {
    position: absolute;
    right: -25px;
    top: 50%;
    transform: translateY(-50%);
    transition-duration: .15s
}

.use-case--availability-module {
    padding: 96px 0
}

@media screen and (max-width: 768px) {
    .use-case--availability-module {
        padding:70px 0
    }
}

.use-case--availability-module .top-wrap {
    text-align: center
}

@media screen and (max-width: 768px) {
    .use-case--availability-module .top-wrap {
        text-align:left
    }

    .use-case--availability-module .top-wrap p {
        font-size: 16px
    }
}

.use-case--availability-module h2 {
    color: #2c2c2c;
    font-size: 36px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 35px
}

.use-case--availability-module h3 {
    color: #2c2c2c;
    font-size: 36px;
    font-weight: 600;
    line-height: 45px;
    margin-bottom: 35px
}

.use-case--availability-module ul {
    padding-left: 25px
}

.use-case--availability-module li {
    color: #4b4b4b;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px
}

.use-case--availability-module li strong {
    color: #2c2c2c;
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 4px
}

.use-case--availability-module .btn-wrap {
    margin-top: 35px;
    text-align: center
}

@media screen and (max-width: 768px) {
    .use-case--availability-module .btn-wrap {
        margin-bottom:15px
    }
}

#comments .form-submit .use-case--availability-module .btn-wrap input,#comments .form-submit .use-case--availability-module .btn-wrap input:hover,.use-case--availability-module .btn-wrap #comments .form-submit input,.use-case--availability-module .btn-wrap #comments .form-submit input:hover,.use-case--availability-module .btn-wrap .btn,.use-case--availability-module .btn-wrap .btn:hover {
    border: 2px solid #4169e1!important
}

.use-case--availability-module .row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1200px
}

.use-case--availability-module .col {
    width: 47%
}

@media screen and (max-width: 768px) {
    .use-case--availability-module .col {
        width:100%
    }
}

.use-case--availability-module .col.left {
    max-width: 536px
}

@media screen and (max-width: 768px) {
    .use-case--availability-module .col.left {
        margin-bottom:20px;
        max-width: 100%
    }
}

.use-case--availability-module figure {
    margin: 0;
    position: relative
}

.use-case--availability-module figure img {
    border-radius: 16px
}

.use-case--explore-module {
    background: #f6f8fd;
    padding: 96px 0
}

@media screen and (max-width: 768px) {
    .use-case--explore-module {
        padding:70px 0
    }
}

.use-case--explore-module h2 {
    color: #2c2c2c;
    font-size: 36px;
    font-weight: 600;
    line-height: 45px;
    text-align: center
}

@media screen and (max-width: 1024px) {
    .use-case--explore-module h2 {
        text-align:left
    }
}

.use-case--explore-module h3 {
    color: #2c2c2c;
    font-size: 22px;
    font-weight: 600;
    line-height: 27.5px;
    margin-bottom: 13px;
    margin-top: 0
}

@media screen and (max-width: 1024px) {
    .use-case--explore-module h3 {
        margin-bottom:9px
    }
}

.use-case--explore-module p {
    color: #4b4b4b;
    font-size: 16px;
    line-height: 24px
}

.use-case--explore-module figure {
    margin: 0;
    position: relative
}

.use-case--explore-module figure:before {
    content: "";
    display: block;
    height: 0;
    padding-top: 47%
}

.use-case--explore-module figure img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.use-case--explore-module .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 40px auto 0;
    max-width: 1200px
}

.use-case--explore-module .col {
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 8px 0 rgba(33,53,113,.15);
    display: block;
    overflow: hidden;
    width: calc(33.33333% - 10px)
}

@media screen and (max-width: 768px) {
    .use-case--explore-module .col {
        width:100%
    }

    .use-case--explore-module .col:not(:last-child) {
        margin-bottom: 17px
    }
}

.use-case--explore-module article {
    padding: 32px 24px
}

.use-case--start-module {
    background-color: #213571;
    padding: 100px 0
}

@media screen and (max-width: 768px) {
    .use-case--start-module {
        padding:75px 0
    }
}

.use-case--start-module .inner-wrap {
    margin: 0 auto;
    max-width: 730px
}

.use-case--start-module h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    line-height: 45px
}

.use-case--start-module p {
    color: #fff;
    font-size: 18px;
    line-height: 27px
}

.use-case--start-module .btn-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 35px
}

@media screen and (max-width: 768px) {
    .use-case--start-module .btn-wrap {
        margin-top:30px
    }
}

.use-case--start-module .btn-wrap a {
    border-radius: 16px;
    width: calc(50% - 7px)
}

.use-case--start-module .btn-wrap a:first-child {
    transition-duration: .15s
}

.use-case--start-module .btn-wrap a:first-child:hover {
    background-color: #314fa9;
    border: 1px solid #314fa9;
    color: #fff
}

@media screen and (max-width: 768px) {
    .use-case--start-module .btn-wrap a {
        width:100%
    }
}

.use-case--start-module .btn-wrap a.transparent {
    border: 1px solid #fff;
    color: #fff;
    transition-duration: .15s
}

@media screen and (max-width: 768px) {
    .use-case--start-module .btn-wrap a.transparent {
        margin-top:12px
    }
}

.use-case--start-module .btn-wrap a.transparent:hover {
    background-color: #314fa9;
    border: 1px solid #314fa9
}

.use-case--faq-module {
    background-color: #f6f8fd;
    padding: 96px 0
}

@media screen and (max-width: 1099px) {
    .use-case--faq-module {
        padding:70px 0
    }
}

.use-case--faq-module h2 {
    color: #2c2c2c;
    font-size: 36px;
    font-weight: 600;
    line-height: 45px;
    text-align: center
}

@media screen and (max-width: 768px) {
    .use-case--faq-module h2 {
        text-align:left
    }
}

.use-case--faq-module .faq-dropdown-wrap {
    margin: 60px auto 0;
    max-width: 720px
}

@media screen and (max-width: 768px) {
    .use-case--faq-module .faq-dropdown-wrap {
        margin-top:45px
    }
}

.use-case--faq-module h4 {
    color: #2c2c2c;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    line-height: 22.5px;
    margin: 0;
    padding-bottom: 15px;
    padding-right: 8%;
    padding-top: 15px;
    position: relative
}

.use-case--faq-module h4:hover {
    color: #4169e1
}

.use-case--faq-module h4 svg {
    position: absolute;
    right: 0;
    top: 20px
}

.use-case--faq-module p {
    color: #4b4b4b;
    font-size: 16px;
    line-height: 24px
}

.use-case--faq-module p a {
    color: #4169e1;
    font-weight: 500
}

.use-case--faq-module p a:hover {
    text-decoration: underline
}

.use-case--faq-module .faq-dropdown-wrap {
    margin-top: 70px
}

.use-case--faq-module .faq-dropdown-wrap .item p {
    padding-right: 8%
}

@media screen and (max-width: 768px) {
    .use-case--faq-module .faq-dropdown-wrap .item p {
        padding-right:0
    }
}

.use-case--faq-module .faq-dropdown-wrap .item .answer {
    display: none
}

.use-case--faq-module .faq-dropdown-wrap .item.is-active h4 svg {
    transform: rotate(-180deg)
}

.use-case--faq-module .faq-dropdown-wrap .item.is-active .answer {
    display: block
}

.use-case--faq-module .faq-dropdown-wrap .item.is-active .answer p,.use-case--faq-module .faq-dropdown-wrap .item.is-active .answer ul {
    margin-top: 5px
}

.use-case--faq-module .faq-dropdown-wrap .item:not(:last-child) {
    margin-bottom: 50px
}

@media screen and (max-width: 768px) {
    .use-case--faq-module .faq-dropdown-wrap .item:not(:last-child) {
        border-bottom:1px solid #e0e6f9;
        margin-bottom: 30px;
        padding-bottom: 20px
    }
}

.product2024 .main-header .main-logo svg path {
    fill: #3e4784
}

.pricing-feature-grid .product2024 .product-detail-hero--module h5 span,.product2024 .product-detail-hero--module .eyebrow span,.product2024 .product-detail-hero--module .pricing-feature-grid h5 span,.product2024 .product-detail-hero--module .subhead span {
    font-weight: 600
}

.product2024 .customer-accordion--module .heading-wrap {
    max-width: 592px
}

.product2024 .customer-accordion--module .heading-wrap h2 {
    font-size: 28px
}

.product2024 .customer-accordion--module .heading-wrap p {
    font-size: 16px
}

.product2024 .customer-accordion--module .heading-wrap p strong {
    font-size: inherit
}

.product2024.theme-sky-blue .hljs-addition,.product2024.theme-sky-blue .hljs-attribute,.product2024.theme-sky-blue .hljs-built_in,.product2024.theme-sky-blue .hljs-bullet,.product2024.theme-sky-blue .hljs-deletion,.product2024.theme-sky-blue .hljs-name,.product2024.theme-sky-blue .hljs-number,.product2024.theme-sky-blue .hljs-quote,.product2024.theme-sky-blue .hljs-selector-class,.product2024.theme-sky-blue .hljs-selector-id,.product2024.theme-sky-blue .hljs-string,.product2024.theme-sky-blue .hljs-symbol,.product2024.theme-sky-blue .hljs-template-tag,.product2024.theme-sky-blue .hljs-template-variable,.product2024.theme-sky-blue .hljs-title,.product2024.theme-sky-blue .hljs-type,.product2024.theme-sky-blue .hljs-variable {
    color: #7dd3fc
}

.product2024.theme-sky-blue .main-header-links>.button-link {
    background-color: #0284c7
}

.product2024.theme-sky-blue .main-header-links>.button-link:hover {
    background-color: #fff;
    border-color: #0284c7;
    color: #0284c7
}

.product2024.theme-sky-blue .menu-header_additional_menu-container .button-link.transparent {
    border-color: #3e4784
}

.product2024.theme-sky-blue .menu-header_additional_menu-container .button-link.transparent:hover {
    background-color: #0284c7;
    border-color: #0284c7
}

.product2024.theme-sky-blue .menu-header_additional_menu-container .button-link.transparent:hover a {
    color: #fff
}

.product2024.theme-sky-blue .menu-header_additional_menu-container .button-link.transparent a {
    color: #3e4784
}

.product2024.theme-sky-blue section.use-case-product--module .heading-wrap p a {
    color: #0284c7;
    font-weight: 600;
    text-decoration: none
}

.product2024.theme-sky-blue section.use-case-product--module .heading-wrap p a:hover {
    text-decoration: underline
}

.pricing-feature-grid .product2024.theme-sky-blue .product-detail-hero--module h5 span,.product2024.theme-sky-blue .product-detail-hero--module .eyebrow span,.product2024.theme-sky-blue .product-detail-hero--module .pricing-feature-grid h5 span,.product2024.theme-sky-blue .product-detail-hero--module .subhead span,.product2024.theme-sky-blue .product-detail-hero--module p strong {
    color: #0284c7
}

.product2024.theme-sky-blue .product-detail-hero--module p a {
    color: #0284c7;
    font-weight: 600;
    text-decoration: none
}

.product2024.theme-sky-blue .product-detail-hero--module p a:hover {
    text-decoration: underline
}

#comments .form-submit .product2024.theme-sky-blue .product-detail-hero--module .btn-wrap input,.product2024.theme-sky-blue .product-detail-hero--module .btn-wrap #comments .form-submit input,.product2024.theme-sky-blue .product-detail-hero--module .btn-wrap .btn {
    background-color: #0284c7;
    border-color: #0284c7!important
}

#comments .form-submit .product2024.theme-sky-blue .product-detail-hero--module .btn-wrap input:hover,.product2024.theme-sky-blue .product-detail-hero--module .btn-wrap #comments .form-submit input:hover,.product2024.theme-sky-blue .product-detail-hero--module .btn-wrap .btn:hover {
    border-color: #0284c7!important;
    color: #0284c7!important
}

#comments .form-submit .product2024.theme-sky-blue .product-detail-hero--module .btn-wrap input:hover path,.product2024.theme-sky-blue .product-detail-hero--module .btn-wrap #comments .form-submit input:hover path,.product2024.theme-sky-blue .product-detail-hero--module .btn-wrap .btn:hover path {
    fill: #0284c7
}

.product2024.theme-sky-blue .product-detail-hero--module .arrow-btn span {
    color: #0284c7
}

.product2024.theme-sky-blue .product-detail-hero--module .arrow-btn svg path {
    fill: #0284c7
}

.product2024.theme-sky-blue .product-detail-hero--module__banner-info i {
    background-color: #7dd3fc
}

.product2024.theme-sky-blue .product-detail-hero--module__banner-info a {
    color: #0284c7
}

.product2024.theme-sky-blue .product-detail-hero--module__banner-info a svg path {
    fill: #0284c7
}

.pricing-feature-grid .product2024.theme-sky-blue .product-email--api h5,.product2024.theme-sky-blue .product-email--api .eyebrow,.product2024.theme-sky-blue .product-email--api .pricing-feature-grid h5,.product2024.theme-sky-blue .product-email--api .subhead {
    color: #0284c7
}

.product2024.theme-sky-blue .product-email--api .tabs-wrap span {
    background-color: #f0f9ff
}

.product2024.theme-sky-blue .product-email--api p a {
    color: #0284c7;
    font-weight: 600;
    text-decoration: none
}

.product2024.theme-sky-blue .product-email--api p a:hover {
    text-decoration: underline
}

.pricing-feature-grid .product2024.theme-sky-blue .meet-nylas-api--module h5,.product2024.theme-sky-blue .meet-nylas-api--module .eyebrow,.product2024.theme-sky-blue .meet-nylas-api--module .pricing-feature-grid h5,.product2024.theme-sky-blue .meet-nylas-api--module .subhead {
    color: #0284c7
}

.product2024.theme-sky-blue .meet-nylas-api--module p a {
    color: #0284c7;
    cursor: pointer
}

.product2024.theme-sky-blue .developer-api-prod--module {
    background-color: #f0f9ff
}

.product2024.theme-sky-blue .developer-api-prod--module .heading-wrap small {
    color: #0284c7
}

.product2024.theme-sky-blue .developer-api-prod--module .heading-wrap p a,.product2024.theme-sky-blue .developer-api-prod--module .item-list p a {
    color: #0284c7;
    font-weight: 600;
    text-decoration: none
}

.product2024.theme-sky-blue .developer-api-prod--module .heading-wrap p a:hover,.product2024.theme-sky-blue .developer-api-prod--module .item-list p a:hover {
    text-decoration: underline
}

.product2024.theme-sky-blue .developer-api-prod--module .heading-wrap .button-link {
    background-color: #0284c7
}

.product2024.theme-sky-blue .developer-api-prod--module .heading-wrap .button-link path {
    fill: #fff
}

.product2024.theme-sky-blue .developer-api-prod--module .heading-wrap .button-link:hover {
    background-color: #fff;
    border-color: #0284c7;
    color: #0284c7
}

.product2024.theme-sky-blue .developer-api-prod--module .heading-wrap .button-link:hover path {
    fill: #0284c7
}

.product2024.theme-sky-blue .developer-api-prod--module .code-col-bottom .hljs * {
    color: #eaecf5
}

.product2024.theme-sky-blue .customer-accordion--module .cta,.product2024.theme-sky-blue .customer-accordion--module .heading-wrap small,.product2024.theme-sky-blue .customer-accordion--module .stats-wrap h4 {
    color: #0284c7
}

.product2024.theme-sky-blue .customer-accordion--module .heading-wrap p a {
    color: #0284c7;
    font-weight: 600;
    text-decoration: none
}

.product2024.theme-sky-blue .customer-accordion--module .heading-wrap p a:hover {
    text-decoration: underline
}

.product2024.theme-sky-blue .customer-accordion--module .cta svg path {
    fill: #0284c7
}

.product2024.theme-sky-blue .customer-accordion--module .slider-nav .slick-slide.slick-current>div {
    border-color: #0284c7
}

#comments .form-submit .product2024.theme-sky-blue .product-detail-hero--module .btn-wrap input,.product2024.theme-sky-blue .product-detail-hero--module .btn-wrap #comments .form-submit input,.product2024.theme-sky-blue .product-detail-hero--module .btn-wrap .btn {
    background-color: #4169e1;
    border-color: #4169e1!important
}

#comments .form-submit .product2024.theme-sky-blue .product-detail-hero--module .btn-wrap input path,.product2024.theme-sky-blue .product-detail-hero--module .btn-wrap #comments .form-submit input path,.product2024.theme-sky-blue .product-detail-hero--module .btn-wrap .btn path {
    fill: #fff
}

#comments .form-submit .product2024.theme-sky-blue .product-detail-hero--module .btn-wrap input:hover,.product2024.theme-sky-blue .product-detail-hero--module .btn-wrap #comments .form-submit input:hover,.product2024.theme-sky-blue .product-detail-hero--module .btn-wrap .btn:hover {
    background-color: #fff!important;
    border-color: #4169e1!important;
    color: #4169e1!important
}

#comments .form-submit .product2024.theme-sky-blue .product-detail-hero--module .btn-wrap input:hover path,.product2024.theme-sky-blue .product-detail-hero--module .btn-wrap #comments .form-submit input:hover path,.product2024.theme-sky-blue .product-detail-hero--module .btn-wrap .btn:hover path {
    fill: #4169e1
}

.product2024.theme-sky-blue .product-detail-hero--module .arrow-btn span {
    color: #000
}

.product2024.theme-sky-blue .product-detail-hero--module .arrow-btn svg path {
    fill: #000
}

.product2024.theme-sky-blue .product-detail-hero--module p strong {
    color: #293056!important
}

.product2024.theme-sky-blue section.use-case-product--module {
    background-color: #f0f9ff
}

.product2024.theme-sky-blue section.use-case-product--module .heading-wrap small {
    color: #0284c7
}

.product2024.theme-sky-blue section.use-case-product--module .card-bottom,.product2024.theme-sky-blue section.use-case-product--module .card-wrap .card-bottom {
    background-color: #bae6fd
}

.product2024.theme-sky-blue section.use-case-product--module .card-wrap .button-link {
    background-color: #0284c7
}

.product2024.theme-sky-blue section.use-case-product--module .card-wrap .button-link:hover {
    background-color: #fff;
    border-color: #0284c7;
    color: #0284c7
}

.product2024.theme-sky-blue section.use-case-product--module .card-wrap .button-link:hover path {
    fill: #0284c7
}

.product2024.theme-pink .hljs-addition,.product2024.theme-pink .hljs-attribute,.product2024.theme-pink .hljs-built_in,.product2024.theme-pink .hljs-bullet,.product2024.theme-pink .hljs-deletion,.product2024.theme-pink .hljs-name,.product2024.theme-pink .hljs-number,.product2024.theme-pink .hljs-quote,.product2024.theme-pink .hljs-selector-class,.product2024.theme-pink .hljs-selector-id,.product2024.theme-pink .hljs-string,.product2024.theme-pink .hljs-symbol,.product2024.theme-pink .hljs-template-tag,.product2024.theme-pink .hljs-template-variable,.product2024.theme-pink .hljs-title,.product2024.theme-pink .hljs-type,.product2024.theme-pink .hljs-variable {
    color: #f9a8d4
}

.product2024.theme-pink .main-header-links>.button-link {
    background-color: #db2777
}

.product2024.theme-pink .main-header-links>.button-link:hover {
    background-color: #fff;
    border-color: #db2777;
    color: #db2777
}

.product2024.theme-pink .menu-header_additional_menu-container .button-link.transparent {
    border-color: #3e4784
}

.product2024.theme-pink .menu-header_additional_menu-container .button-link.transparent:hover {
    background-color: #db2777;
    border-color: #db2777
}

.product2024.theme-pink .menu-header_additional_menu-container .button-link.transparent:hover a {
    color: #fff
}

.product2024.theme-pink .menu-header_additional_menu-container .button-link.transparent a {
    color: #3e4784
}

.product2024.theme-pink section.use-case-product--module .heading-wrap p a {
    color: #db2777;
    font-weight: 600;
    text-decoration: none
}

.product2024.theme-pink section.use-case-product--module .heading-wrap p a:hover {
    text-decoration: underline
}

.pricing-feature-grid .product2024.theme-pink .product-detail-hero--module h5 span,.product2024.theme-pink .product-detail-hero--module .eyebrow span,.product2024.theme-pink .product-detail-hero--module .pricing-feature-grid h5 span,.product2024.theme-pink .product-detail-hero--module .subhead span,.product2024.theme-pink .product-detail-hero--module p strong {
    color: #db2777
}

.product2024.theme-pink .product-detail-hero--module p a {
    color: #db2777;
    font-weight: 600;
    text-decoration: none
}

.product2024.theme-pink .product-detail-hero--module p a:hover {
    text-decoration: underline
}

#comments .form-submit .product2024.theme-pink .product-detail-hero--module .btn-wrap input,.product2024.theme-pink .product-detail-hero--module .btn-wrap #comments .form-submit input,.product2024.theme-pink .product-detail-hero--module .btn-wrap .btn {
    background-color: #db2777;
    border-color: #db2777!important
}

#comments .form-submit .product2024.theme-pink .product-detail-hero--module .btn-wrap input path,.product2024.theme-pink .product-detail-hero--module .btn-wrap #comments .form-submit input path,.product2024.theme-pink .product-detail-hero--module .btn-wrap .btn path {
    fill: #fff
}

#comments .form-submit .product2024.theme-pink .product-detail-hero--module .btn-wrap input:hover,.product2024.theme-pink .product-detail-hero--module .btn-wrap #comments .form-submit input:hover,.product2024.theme-pink .product-detail-hero--module .btn-wrap .btn:hover {
    background-color: #fff!important;
    border-color: #db2777!important;
    color: #db2777!important
}

#comments .form-submit .product2024.theme-pink .product-detail-hero--module .btn-wrap input:hover path,.product2024.theme-pink .product-detail-hero--module .btn-wrap #comments .form-submit input:hover path,.product2024.theme-pink .product-detail-hero--module .btn-wrap .btn:hover path {
    fill: #db2777
}

.product2024.theme-pink .product-detail-hero--module .arrow-btn span {
    color: #db2777
}

.product2024.theme-pink .product-detail-hero--module .arrow-btn svg path {
    fill: #db2777
}

.product2024.theme-pink .product-detail-hero--module__banner-info i {
    background-color: #f9a8d4
}

.product2024.theme-pink .product-detail-hero--module__banner-info a {
    color: #db2777
}

.product2024.theme-pink .product-detail-hero--module__banner-info a svg path {
    fill: #db2777
}

.pricing-feature-grid .product2024.theme-pink .product-email--api h5,.product2024.theme-pink .product-email--api .eyebrow,.product2024.theme-pink .product-email--api .pricing-feature-grid h5,.product2024.theme-pink .product-email--api .subhead {
    color: #db2777
}

.product2024.theme-pink .product-email--api .tabs-wrap span {
    background-color: #fdf2f8
}

.product2024.theme-pink .product-email--api p a {
    color: #db2777;
    font-weight: 600;
    text-decoration: none
}

.product2024.theme-pink .product-email--api p a:hover {
    text-decoration: underline
}

.pricing-feature-grid .product2024.theme-pink .meet-nylas-api--module h5,.product2024.theme-pink .meet-nylas-api--module .eyebrow,.product2024.theme-pink .meet-nylas-api--module .pricing-feature-grid h5,.product2024.theme-pink .meet-nylas-api--module .subhead {
    color: #db2777
}

.product2024.theme-pink .meet-nylas-api--module p a {
    color: #db2777;
    cursor: pointer
}

.product2024.theme-pink .developer-api-prod--module {
    background-color: #fdf2f8
}

.product2024.theme-pink .developer-api-prod--module .heading-wrap small {
    color: #db2777
}

.product2024.theme-pink .developer-api-prod--module .heading-wrap p a,.product2024.theme-pink .developer-api-prod--module .item-list p a {
    color: #db2777;
    font-weight: 600;
    text-decoration: none
}

.product2024.theme-pink .developer-api-prod--module .heading-wrap p a:hover,.product2024.theme-pink .developer-api-prod--module .item-list p a:hover {
    text-decoration: underline
}

.product2024.theme-pink .developer-api-prod--module .heading-wrap .button-link {
    background-color: #db2777
}

.product2024.theme-pink .developer-api-prod--module .heading-wrap .button-link path {
    fill: #fff
}

.product2024.theme-pink .developer-api-prod--module .heading-wrap .button-link:hover {
    background-color: #fff;
    border-color: #db2777;
    color: #db2777
}

.product2024.theme-pink .developer-api-prod--module .heading-wrap .button-link:hover path {
    fill: #db2777
}

.product2024.theme-pink .developer-api-prod--module .code-col-bottom .hljs * {
    color: #eaecf5
}

.product2024.theme-pink .customer-accordion--module .cta,.product2024.theme-pink .customer-accordion--module .heading-wrap small,.product2024.theme-pink .customer-accordion--module .stats-wrap h4 {
    color: #db2777
}

.product2024.theme-pink .customer-accordion--module .heading-wrap p a {
    color: #db2777;
    font-weight: 600;
    text-decoration: none
}

.product2024.theme-pink .customer-accordion--module .heading-wrap p a:hover {
    text-decoration: underline
}

.product2024.theme-pink .customer-accordion--module .cta svg path {
    fill: #db2777
}

.product2024.theme-pink .customer-accordion--module .slider-nav .slick-slide.slick-current>div {
    border-color: #db2777
}

.product2024.theme-pink section.use-case-product--module {
    background-color: #fdf2f8
}

.product2024.theme-pink section.use-case-product--module .card-wrap .card-bottom {
    background-color: #fbcfe8!important
}

.product2024.theme-pink section.use-case-product--module .heading-wrap small {
    color: #db2777
}

.product2024.theme-pink section.use-case-product--module .card-wrap .button-link {
    background-color: #db2777
}

.product2024.theme-pink section.use-case-product--module .card-wrap .button-link:hover {
    background-color: #fff;
    border-color: #db2777;
    color: #db2777
}

.product2024.theme-pink section.use-case-product--module .card-wrap .button-link:hover path {
    fill: #db2777
}

.product2024.theme-green .hljs-addition,.product2024.theme-green .hljs-attribute,.product2024.theme-green .hljs-built_in,.product2024.theme-green .hljs-bullet,.product2024.theme-green .hljs-deletion,.product2024.theme-green .hljs-name,.product2024.theme-green .hljs-number,.product2024.theme-green .hljs-quote,.product2024.theme-green .hljs-selector-class,.product2024.theme-green .hljs-selector-id,.product2024.theme-green .hljs-string,.product2024.theme-green .hljs-symbol,.product2024.theme-green .hljs-template-tag,.product2024.theme-green .hljs-template-variable,.product2024.theme-green .hljs-title,.product2024.theme-green .hljs-type,.product2024.theme-green .hljs-variable {
    color: #5eead4
}

.product2024.theme-green .main-header-links>.button-link {
    background-color: #0d9488
}

.product2024.theme-green .main-header-links>.button-link:hover {
    background-color: #fff;
    border-color: #0d9488;
    color: #0d9488
}

.product2024.theme-green .menu-header_additional_menu-container .button-link.transparent {
    border-color: #3e4784
}

.product2024.theme-green .menu-header_additional_menu-container .button-link.transparent:hover {
    background-color: #0d9488;
    border-color: #0d9488
}

.product2024.theme-green .menu-header_additional_menu-container .button-link.transparent:hover a {
    color: #fff
}

.product2024.theme-green .menu-header_additional_menu-container .button-link.transparent a {
    color: #3e4784
}

.product2024.theme-green section.use-case-product--module .heading-wrap p a {
    color: #0d9488;
    font-weight: 600;
    text-decoration: none
}

.product2024.theme-green section.use-case-product--module .heading-wrap p a:hover {
    text-decoration: underline
}

.pricing-feature-grid .product2024.theme-green .product-detail-hero--module h5 span,.product2024.theme-green .product-detail-hero--module .eyebrow span,.product2024.theme-green .product-detail-hero--module .pricing-feature-grid h5 span,.product2024.theme-green .product-detail-hero--module .subhead span,.product2024.theme-green .product-detail-hero--module p strong {
    color: #0d9488
}

.product2024.theme-green .product-detail-hero--module p a {
    color: #0d9488;
    font-weight: 600;
    text-decoration: none
}

.product2024.theme-green .product-detail-hero--module p a:hover {
    text-decoration: underline
}

#comments .form-submit .product2024.theme-green .product-detail-hero--module .btn-wrap input,.product2024.theme-green .product-detail-hero--module .btn-wrap #comments .form-submit input,.product2024.theme-green .product-detail-hero--module .btn-wrap .btn {
    background-color: #0d9488;
    border-color: #0d9488!important
}

#comments .form-submit .product2024.theme-green .product-detail-hero--module .btn-wrap input path,.product2024.theme-green .product-detail-hero--module .btn-wrap #comments .form-submit input path,.product2024.theme-green .product-detail-hero--module .btn-wrap .btn path {
    fill: #fff
}

#comments .form-submit .product2024.theme-green .product-detail-hero--module .btn-wrap input:hover,.product2024.theme-green .product-detail-hero--module .btn-wrap #comments .form-submit input:hover,.product2024.theme-green .product-detail-hero--module .btn-wrap .btn:hover {
    background-color: #fff!important;
    border-color: #0d9488!important;
    color: #0d9488!important
}

#comments .form-submit .product2024.theme-green .product-detail-hero--module .btn-wrap input:hover path,.product2024.theme-green .product-detail-hero--module .btn-wrap #comments .form-submit input:hover path,.product2024.theme-green .product-detail-hero--module .btn-wrap .btn:hover path {
    fill: #0d9488
}

.product2024.theme-green .product-detail-hero--module .arrow-btn span {
    color: #0d9488
}

.product2024.theme-green .product-detail-hero--module .arrow-btn svg path {
    fill: #0d9488
}

.product2024.theme-green .product-detail-hero--module__banner-info i {
    background-color: #5eead4
}

.product2024.theme-green .product-detail-hero--module__banner-info a {
    color: #0d9488
}

.product2024.theme-green .product-detail-hero--module__banner-info a svg path {
    fill: #0d9488
}

.pricing-feature-grid .product2024.theme-green .product-email--api h5,.product2024.theme-green .product-email--api .eyebrow,.product2024.theme-green .product-email--api .pricing-feature-grid h5,.product2024.theme-green .product-email--api .subhead {
    color: #0d9488
}

.product2024.theme-green .product-email--api .tabs-wrap span {
    background-color: #f0fdfa
}

.product2024.theme-green .product-email--api p a {
    color: #0d9488;
    font-weight: 600;
    text-decoration: none
}

.product2024.theme-green .product-email--api p a:hover {
    text-decoration: underline
}

.pricing-feature-grid .product2024.theme-green .meet-nylas-api--module h5,.product2024.theme-green .meet-nylas-api--module .eyebrow,.product2024.theme-green .meet-nylas-api--module .pricing-feature-grid h5,.product2024.theme-green .meet-nylas-api--module .subhead {
    color: #0d9488
}

.product2024.theme-green .meet-nylas-api--module p a {
    color: #0d9488;
    cursor: pointer
}

.product2024.theme-green .developer-api-prod--module {
    background-color: #f0fdfa
}

.product2024.theme-green .developer-api-prod--module .heading-wrap small {
    color: #0d9488
}

.product2024.theme-green .developer-api-prod--module .heading-wrap p a,.product2024.theme-green .developer-api-prod--module .item-list p a {
    color: #0d9488;
    font-weight: 600;
    text-decoration: none
}

.product2024.theme-green .developer-api-prod--module .heading-wrap p a:hover,.product2024.theme-green .developer-api-prod--module .item-list p a:hover {
    text-decoration: underline
}

.product2024.theme-green .developer-api-prod--module .heading-wrap .button-link {
    background-color: #0d9488
}

.product2024.theme-green .developer-api-prod--module .heading-wrap .button-link path {
    fill: #fff
}

.product2024.theme-green .developer-api-prod--module .heading-wrap .button-link:hover {
    background-color: #fff;
    border-color: #0d9488;
    color: #0d9488
}

.product2024.theme-green .developer-api-prod--module .heading-wrap .button-link:hover path {
    fill: #0d9488
}

.product2024.theme-green .developer-api-prod--module .code-col-bottom .hljs * {
    color: #eaecf5
}

.product2024.theme-green .customer-accordion--module .cta,.product2024.theme-green .customer-accordion--module .heading-wrap small,.product2024.theme-green .customer-accordion--module .stats-wrap h4 {
    color: #0d9488
}

.product2024.theme-green .customer-accordion--module .heading-wrap p a {
    color: #0d9488;
    font-weight: 600;
    text-decoration: none
}

.product2024.theme-green .customer-accordion--module .heading-wrap p a:hover {
    text-decoration: underline
}

.product2024.theme-green .customer-accordion--module .cta svg path {
    fill: #0d9488
}

.product2024.theme-green .customer-accordion--module .slider-nav .slick-slide.slick-current>div {
    border-color: #0d9488
}

.product2024.theme-green section.use-case-product--module {
    background-color: #f8f9fc
}

.product2024.theme-green section.use-case-product--module .card-wrap:first-child .card-bottom {
    background-color: #bae6fd
}

.product2024.theme-green section.use-case-product--module .card-wrap:first-child .button-link {
    background-color: #0284c7
}

.product2024.theme-green section.use-case-product--module .card-wrap:first-child .button-link:hover {
    background-color: #fff;
    border-color: #0284c7;
    color: #0284c7
}

.product2024.theme-green section.use-case-product--module .card-wrap:first-child .button-link:hover path {
    fill: #0284c7
}

.product2024.theme-green section.use-case-product--module .card-wrap:last-child .card-bottom {
    background-color: #fbcfe8
}

.product2024.theme-green section.use-case-product--module .card-wrap:last-child .button-link {
    background-color: #db2777
}

.product2024.theme-green section.use-case-product--module .card-wrap:last-child .button-link:hover {
    background-color: #fff;
    border-color: #db2777;
    color: #db2777
}

.product2024.theme-green section.use-case-product--module .card-wrap:last-child .button-link:hover path {
    fill: #db2777
}

.product2024.theme-green section.use-case-product--module .heading-wrap small {
    color: #0d9488
}

.product2024.theme-notetaker-green .hljs-addition,.product2024.theme-notetaker-green .hljs-attribute,.product2024.theme-notetaker-green .hljs-built_in,.product2024.theme-notetaker-green .hljs-bullet,.product2024.theme-notetaker-green .hljs-deletion,.product2024.theme-notetaker-green .hljs-name,.product2024.theme-notetaker-green .hljs-number,.product2024.theme-notetaker-green .hljs-quote,.product2024.theme-notetaker-green .hljs-selector-class,.product2024.theme-notetaker-green .hljs-selector-id,.product2024.theme-notetaker-green .hljs-string,.product2024.theme-notetaker-green .hljs-symbol,.product2024.theme-notetaker-green .hljs-template-tag,.product2024.theme-notetaker-green .hljs-template-variable,.product2024.theme-notetaker-green .hljs-title,.product2024.theme-notetaker-green .hljs-type,.product2024.theme-notetaker-green .hljs-variable {
    color: #5eead4
}

.product2024.theme-notetaker-green .main-header-links>.button-link {
    background-color: #1aa780
}

.product2024.theme-notetaker-green .main-header-links>.button-link:hover {
    background-color: #fff;
    border-color: #1aa780;
    color: #1aa780
}

.product2024.theme-notetaker-green .menu-header_additional_menu-container .button-link.transparent {
    border-color: #3e4784
}

.product2024.theme-notetaker-green .menu-header_additional_menu-container .button-link.transparent:hover {
    background-color: #1aa780;
    border-color: #1aa780
}

.product2024.theme-notetaker-green .menu-header_additional_menu-container .button-link.transparent:hover a {
    color: #fff
}

.product2024.theme-notetaker-green .menu-header_additional_menu-container .button-link.transparent a {
    color: #3e4784
}

.product2024.theme-notetaker-green section.use-case-product--module .heading-wrap p a {
    color: #1aa780;
    font-weight: 600;
    text-decoration: none
}

.product2024.theme-notetaker-green section.use-case-product--module .heading-wrap p a:hover {
    text-decoration: underline
}

.pricing-feature-grid .product2024.theme-notetaker-green .product-detail-hero--module h5 span,.product2024.theme-notetaker-green .product-detail-hero--module .eyebrow span,.product2024.theme-notetaker-green .product-detail-hero--module .pricing-feature-grid h5 span,.product2024.theme-notetaker-green .product-detail-hero--module .subhead span,.product2024.theme-notetaker-green .product-detail-hero--module p strong {
    color: #1aa780
}

.product2024.theme-notetaker-green .product-detail-hero--module p a {
    color: #1aa780;
    font-weight: 600;
    text-decoration: none
}

.product2024.theme-notetaker-green .product-detail-hero--module p a:hover {
    text-decoration: underline
}

#comments .form-submit .product2024.theme-notetaker-green .product-detail-hero--module .btn-wrap input,.product2024.theme-notetaker-green .product-detail-hero--module .btn-wrap #comments .form-submit input,.product2024.theme-notetaker-green .product-detail-hero--module .btn-wrap .btn {
    background-color: #1aa780;
    border-color: #1aa780!important
}

#comments .form-submit .product2024.theme-notetaker-green .product-detail-hero--module .btn-wrap input path,.product2024.theme-notetaker-green .product-detail-hero--module .btn-wrap #comments .form-submit input path,.product2024.theme-notetaker-green .product-detail-hero--module .btn-wrap .btn path {
    fill: #fff
}

#comments .form-submit .product2024.theme-notetaker-green .product-detail-hero--module .btn-wrap input:hover,.product2024.theme-notetaker-green .product-detail-hero--module .btn-wrap #comments .form-submit input:hover,.product2024.theme-notetaker-green .product-detail-hero--module .btn-wrap .btn:hover {
    background-color: #fff!important;
    border-color: #1aa780!important;
    color: #1aa780!important
}

#comments .form-submit .product2024.theme-notetaker-green .product-detail-hero--module .btn-wrap input:hover path,.product2024.theme-notetaker-green .product-detail-hero--module .btn-wrap #comments .form-submit input:hover path,.product2024.theme-notetaker-green .product-detail-hero--module .btn-wrap .btn:hover path {
    fill: #1aa780
}

.product2024.theme-notetaker-green .product-detail-hero--module .arrow-btn span {
    color: #1aa780
}

.product2024.theme-notetaker-green .product-detail-hero--module .arrow-btn svg path {
    fill: #1aa780
}

.product2024.theme-notetaker-green .product-detail-hero--module__banner-info i {
    background-color: #5eead4
}

.product2024.theme-notetaker-green .product-detail-hero--module__banner-info a {
    color: #1aa780
}

.product2024.theme-notetaker-green .product-detail-hero--module__banner-info a svg path {
    fill: #1aa780
}

.pricing-feature-grid .product2024.theme-notetaker-green .product-email--api h5,.product2024.theme-notetaker-green .product-email--api .eyebrow,.product2024.theme-notetaker-green .product-email--api .pricing-feature-grid h5,.product2024.theme-notetaker-green .product-email--api .subhead {
    color: #1aa780
}

.product2024.theme-notetaker-green .product-email--api .tabs-wrap span {
    background-color: #f0fdfa
}

.product2024.theme-notetaker-green .product-email--api p a {
    color: #1aa780;
    font-weight: 600;
    text-decoration: none
}

.product2024.theme-notetaker-green .product-email--api p a:hover {
    text-decoration: underline
}

.pricing-feature-grid .product2024.theme-notetaker-green .meet-nylas-api--module h5,.product2024.theme-notetaker-green .meet-nylas-api--module .eyebrow,.product2024.theme-notetaker-green .meet-nylas-api--module .pricing-feature-grid h5,.product2024.theme-notetaker-green .meet-nylas-api--module .subhead {
    color: #1aa780
}

.product2024.theme-notetaker-green .meet-nylas-api--module p a {
    color: #1aa780;
    cursor: pointer
}

.product2024.theme-notetaker-green .developer-api-prod--module {
    background-color: #f0fdfa
}

.product2024.theme-notetaker-green .developer-api-prod--module .heading-wrap small {
    color: #1aa780
}

.product2024.theme-notetaker-green .developer-api-prod--module .heading-wrap p a,.product2024.theme-notetaker-green .developer-api-prod--module .item-list p a {
    color: #1aa780;
    font-weight: 600;
    text-decoration: none
}

.product2024.theme-notetaker-green .developer-api-prod--module .heading-wrap p a:hover,.product2024.theme-notetaker-green .developer-api-prod--module .item-list p a:hover {
    text-decoration: underline
}

.product2024.theme-notetaker-green .developer-api-prod--module .heading-wrap .button-link {
    background-color: #1aa780
}

.product2024.theme-notetaker-green .developer-api-prod--module .heading-wrap .button-link path {
    fill: #fff
}

.product2024.theme-notetaker-green .developer-api-prod--module .heading-wrap .button-link:hover {
    background-color: #fff;
    border-color: #1aa780;
    color: #1aa780
}

.product2024.theme-notetaker-green .developer-api-prod--module .heading-wrap .button-link:hover path {
    fill: #1aa780
}

.product2024.theme-notetaker-green .developer-api-prod--module .code-col-bottom .hljs * {
    color: #eaecf5
}

.product2024.theme-notetaker-green .customer-accordion--module .cta,.product2024.theme-notetaker-green .customer-accordion--module .heading-wrap small,.product2024.theme-notetaker-green .customer-accordion--module .stats-wrap h4 {
    color: #1aa780
}

.product2024.theme-notetaker-green .customer-accordion--module .heading-wrap p a {
    color: #1aa780;
    font-weight: 600;
    text-decoration: none
}

.product2024.theme-notetaker-green .customer-accordion--module .heading-wrap p a:hover {
    text-decoration: underline
}

.product2024.theme-notetaker-green .customer-accordion--module .cta svg path {
    fill: #1aa780
}

.product2024.theme-notetaker-green .customer-accordion--module .slider-nav .slick-slide.slick-current>div {
    border-color: #1aa780
}

.product2024.theme-notetaker-green section.use-case-product--module {
    background-color: #f8f9fc
}

.product2024.theme-notetaker-green section.use-case-product--module .card-wrap:first-child .card-bottom {
    background-color: #bae6fd
}

.product2024.theme-notetaker-green section.use-case-product--module .card-wrap:first-child .button-link {
    background-color: #0284c7
}

.product2024.theme-notetaker-green section.use-case-product--module .card-wrap:first-child .button-link:hover {
    background-color: #fff;
    border-color: #0284c7;
    color: #0284c7
}

.product2024.theme-notetaker-green section.use-case-product--module .card-wrap:first-child .button-link:hover path {
    fill: #0284c7
}

.product2024.theme-notetaker-green section.use-case-product--module .card-wrap:last-child .card-bottom {
    background-color: #fbcfe8
}

.product2024.theme-notetaker-green section.use-case-product--module .card-wrap:last-child .button-link {
    background-color: #db2777
}

.product2024.theme-notetaker-green section.use-case-product--module .card-wrap:last-child .button-link:hover {
    background-color: #fff;
    border-color: #db2777;
    color: #db2777
}

.product2024.theme-notetaker-green section.use-case-product--module .card-wrap:last-child .button-link:hover path {
    fill: #db2777
}

.product2024.theme-notetaker-green section.use-case-product--module .heading-wrap small {
    color: #0d9488
}

.product2024.theme-violet .hljs-addition,.product2024.theme-violet .hljs-attribute,.product2024.theme-violet .hljs-built_in,.product2024.theme-violet .hljs-bullet,.product2024.theme-violet .hljs-deletion,.product2024.theme-violet .hljs-name,.product2024.theme-violet .hljs-number,.product2024.theme-violet .hljs-quote,.product2024.theme-violet .hljs-selector-class,.product2024.theme-violet .hljs-selector-id,.product2024.theme-violet .hljs-string,.product2024.theme-violet .hljs-symbol,.product2024.theme-violet .hljs-template-tag,.product2024.theme-violet .hljs-template-variable,.product2024.theme-violet .hljs-title,.product2024.theme-violet .hljs-type,.product2024.theme-violet .hljs-variable {
    color: #c569ea
}

.product2024.theme-violet .main-header-links>.button-link {
    background-color: #923bd4
}

.product2024.theme-violet .main-header-links>.button-link:hover {
    background-color: #fff;
    border-color: #923bd4;
    color: #923bd4
}

.product2024.theme-violet .menu-header_additional_menu-container .button-link.transparent {
    border-color: #3e4784
}

.product2024.theme-violet .menu-header_additional_menu-container .button-link.transparent:hover {
    background-color: #923bd4;
    border-color: #923bd4
}

.product2024.theme-violet .menu-header_additional_menu-container .button-link.transparent:hover a {
    color: #fff
}

.product2024.theme-violet .menu-header_additional_menu-container .button-link.transparent a {
    color: #3e4784
}

.product2024.theme-violet section.use-case-product--module .heading-wrap p a {
    color: #923bd4;
    font-weight: 600;
    text-decoration: none
}

.product2024.theme-violet section.use-case-product--module .heading-wrap p a:hover {
    text-decoration: underline
}

.pricing-feature-grid .product2024.theme-violet .product-detail-hero--module h5 span,.product2024.theme-violet .product-detail-hero--module .eyebrow span,.product2024.theme-violet .product-detail-hero--module .pricing-feature-grid h5 span,.product2024.theme-violet .product-detail-hero--module .subhead span,.product2024.theme-violet .product-detail-hero--module p strong {
    color: #923bd4
}

.product2024.theme-violet .product-detail-hero--module p a {
    color: #923bd4;
    font-weight: 600;
    text-decoration: none
}

.product2024.theme-violet .product-detail-hero--module p a:hover {
    text-decoration: underline
}

#comments .form-submit .product2024.theme-violet .product-detail-hero--module .btn-wrap input,.product2024.theme-violet .product-detail-hero--module .btn-wrap #comments .form-submit input,.product2024.theme-violet .product-detail-hero--module .btn-wrap .btn {
    background-color: #923bd4;
    border-color: #923bd4!important
}

#comments .form-submit .product2024.theme-violet .product-detail-hero--module .btn-wrap input path,.product2024.theme-violet .product-detail-hero--module .btn-wrap #comments .form-submit input path,.product2024.theme-violet .product-detail-hero--module .btn-wrap .btn path {
    fill: #fff
}

#comments .form-submit .product2024.theme-violet .product-detail-hero--module .btn-wrap input:hover,.product2024.theme-violet .product-detail-hero--module .btn-wrap #comments .form-submit input:hover,.product2024.theme-violet .product-detail-hero--module .btn-wrap .btn:hover {
    background-color: #fff!important;
    border-color: #923bd4!important;
    color: #923bd4!important
}

#comments .form-submit .product2024.theme-violet .product-detail-hero--module .btn-wrap input:hover path,.product2024.theme-violet .product-detail-hero--module .btn-wrap #comments .form-submit input:hover path,.product2024.theme-violet .product-detail-hero--module .btn-wrap .btn:hover path {
    fill: #923bd4
}

.product2024.theme-violet .product-detail-hero--module .arrow-btn span {
    color: #923bd4
}

.product2024.theme-violet .product-detail-hero--module .arrow-btn svg path {
    fill: #923bd4
}

.product2024.theme-violet .product-detail-hero--module__banner-info i {
    background-color: #c569ea
}

.product2024.theme-violet .product-detail-hero--module__banner-info a {
    color: #923bd4
}

.product2024.theme-violet .product-detail-hero--module__banner-info a svg path {
    fill: #923bd4
}

.pricing-feature-grid .product2024.theme-violet .product-email--api h5,.product2024.theme-violet .product-email--api .eyebrow,.product2024.theme-violet .product-email--api .pricing-feature-grid h5,.product2024.theme-violet .product-email--api .subhead {
    color: #923bd4
}

.product2024.theme-violet .product-email--api .tabs-wrap span {
    background-color: #f6f0ff
}

.product2024.theme-violet .product-email--api p a {
    color: #923bd4;
    font-weight: 600;
    text-decoration: none
}

.product2024.theme-violet .product-email--api p a:hover {
    text-decoration: underline
}

.pricing-feature-grid .product2024.theme-violet .meet-nylas-api--module h5,.product2024.theme-violet .meet-nylas-api--module .eyebrow,.product2024.theme-violet .meet-nylas-api--module .pricing-feature-grid h5,.product2024.theme-violet .meet-nylas-api--module .subhead {
    color: #923bd4
}

.product2024.theme-violet .meet-nylas-api--module p a {
    color: #923bd4;
    cursor: pointer
}

.product2024.theme-violet .developer-api-prod--module {
    background-color: #f6f0ff
}

.product2024.theme-violet .developer-api-prod--module .heading-wrap small {
    color: #923bd4
}

.product2024.theme-violet .developer-api-prod--module .heading-wrap p a,.product2024.theme-violet .developer-api-prod--module .item-list p a {
    color: #923bd4;
    font-weight: 600;
    text-decoration: none
}

.product2024.theme-violet .developer-api-prod--module .heading-wrap p a:hover,.product2024.theme-violet .developer-api-prod--module .item-list p a:hover {
    text-decoration: underline
}

.product2024.theme-violet .developer-api-prod--module .heading-wrap .button-link {
    background-color: #923bd4
}

.product2024.theme-violet .developer-api-prod--module .heading-wrap .button-link path {
    fill: #fff
}

.product2024.theme-violet .developer-api-prod--module .heading-wrap .button-link:hover {
    background-color: #fff;
    border-color: #923bd4;
    color: #923bd4
}

.product2024.theme-violet .developer-api-prod--module .heading-wrap .button-link:hover path {
    fill: #923bd4
}

.product2024.theme-violet .developer-api-prod--module .code-col-bottom .hljs * {
    color: #eaecf5
}

.product2024.theme-violet .customer-accordion--module .cta,.product2024.theme-violet .customer-accordion--module .heading-wrap small,.product2024.theme-violet .customer-accordion--module .stats-wrap h4 {
    color: #923bd4
}

.product2024.theme-violet .customer-accordion--module .heading-wrap p a {
    color: #923bd4;
    font-weight: 600;
    text-decoration: none
}

.product2024.theme-violet .customer-accordion--module .heading-wrap p a:hover {
    text-decoration: underline
}

.product2024.theme-violet .customer-accordion--module .cta svg path {
    fill: #923bd4
}

.product2024.theme-violet .customer-accordion--module .slider-nav .slick-slide.slick-current>div {
    border-color: #923bd4
}

.product2024.theme-violet .product-detail-hero--module p strong {
    color: #293056!important
}

.product2024.theme-violet section.use-case-product--module {
    background-color: #f6f0ff
}

.product2024.theme-violet section.use-case-product--module .heading-wrap small {
    color: #923bd4
}

.product2024.theme-violet section.use-case-product--module .card-bottom,.product2024.theme-violet section.use-case-product--module .card-wrap .card-bottom {
    background-color: #f6f0ff
}

.product2024.theme-violet section.use-case-product--module .card-wrap .button-link {
    background-color: #923bd4
}

.product2024.theme-violet section.use-case-product--module .card-wrap .button-link:hover {
    background-color: #fff;
    border-color: #923bd4;
    color: #923bd4
}

.product2024.theme-violet section.use-case-product--module .card-wrap .button-link:hover path {
    fill: #923bd4
}

.page-template-template-generative #site-content {
    padding-bottom: 0!important
}

.page-template-template-generative .start-future--module .col .sf-img {
    max-width: 362px
}

@media screen and (max-width: 768px) {
    .page-template-template-generative .start-future--module .col .sf-img {
        max-width:100%
    }
}

.page-template-template-generative .lp-hero-module {
    padding-top: 115px!important
}

@media screen and (min-width: 1200px) {
    .page-template-template-generative .lp-hero-module {
        margin-top:50px
    }
}

@media screen and (max-width: 1023px) {
    .page-template-template-generative .lp-hero-module {
        padding-top:70px!important
    }
}

.page-template-template-generative .guide-details {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    height: 100%;
    min-height: 100vh;
    overflow: hidden;
    width: 100%
}

.page-template-template-generative .guide-details .main {
    flex-grow: 1;
    flex-shrink: 0;
    padding: 60px 0 0
}

@media screen and (min-width: 1200px) {
    .page-template-template-generative .guide-details .main {
        padding-top:80px
    }
}

.page-template-template-generative .guide-details .breadcrumbs-wrap {
    background: none
}

.page-template-template-generative .guide-details .breadcrumbs-wrap li:after {
    opacity: .2
}

.page-template-template-generative .guide-details hr {
    background: rgba(65,105,225,.2);
    border: none;
    height: 1px;
    margin: 50px 0
}

@media screen and (min-width: 1200px) {
    .page-template-template-generative .guide-details hr {
        margin:100px 0
    }
}

.page-template-template-generative body.single-guide .main-container,.page-template-template-generative body.single-guide .start-future--module {
    position: relative
}

.page-template-template-generative body.single-guide .body-bg {
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (max-width: 768px) {
    .page-template-template-generative body.single-guide .body-bg-d {
        display:none
    }
}

@media screen and (min-width: 769px) {
    .page-template-template-generative body.single-guide .body-bg-m {
        display:none
    }
}

.page-template-template-generative .guide-details .guide-details-columns {
    color: #080817;
    display: flex;
    flex-wrap: wrap;
    font: 16px/24px Poppins,sans-serif;
    padding-bottom: 80px;
    padding-top: 80px;
    position: relative
}

@media screen and (min-width: 769px) {
    .page-template-template-generative .guide-details .guide-details-columns {
        justify-content:space-between;
        padding-top: 120px
    }
}

@media screen and (min-width: 1200px) {
    .page-template-template-generative .guide-details .guide-details-columns {
        font-size:18px;
        line-height: 30px;
        padding-bottom: 70px
    }
}

@media screen and (min-width: 1400px) {
    .page-template-template-generative .guide-details .guide-details-columns {
        padding-bottom:120px
    }
}

.page-template-template-generative .guide-details .guide-details-columns>.column {
    width: 100%
}

@media screen and (min-width: 769px) {
    .page-template-template-generative .guide-details .guide-details-columns>.column {
        padding:0;
        width: 50%
    }

    .page-template-template-generative .guide-details .guide-details-columns>.column:first-child {
        width: 46%
    }

    .page-template-template-generative .guide-details .guide-details-columns>.column:last-child {
        width: 40%
    }
}

.page-template-template-generative .guide-details .guide-details-columns>.column .column {
    width: 100%
}

.page-template-template-generative .guide-details .guide-details-columns .content-wrap {
    margin-top: 70px
}

.page-template-template-generative .guide-details .guide-details-columns .image {
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center
}

@media only screen and (min-width: 769px) {
    .page-template-template-generative .guide-details .guide-details-columns .image {
        text-align:left
    }
}

@media screen and (min-width: 1200px) {
    .page-template-template-generative .guide-details .guide-details-columns .image {
        margin-bottom:35px
    }
}

@media screen and (min-width: 1400px) {
    .page-template-template-generative .guide-details .guide-details-columns .image {
        margin-bottom:48px
    }
}

@media screen and (min-width: 1800px) {
    .page-template-template-generative .guide-details .guide-details-columns .image {
        margin-bottom:68px
    }
}

.page-template-template-generative .guide-details .guide-details-columns .image img {
    border-radius: 10px
}

.page-template-template-generative .guide-details .guide-details-columns img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: top
}

@media screen and (max-width: 768px) {
    .page-template-template-generative .guide-details .guide-details-columns .railimg-column-desktop {
        display:none
    }
}

.page-template-template-generative .guide-details .guide-details-columns .railimg-column-mobile {
    margin-bottom: 20px;
    margin-top: 20px
}

@media screen and (min-width: 769px) {
    .page-template-template-generative .guide-details .guide-details-columns .railimg-column-mobile {
        display:none
    }
}

.page-template-template-generative .guide-details .guide-details-columns .share {
    align-items: center;
    display: flex;
    font-size: 14px;
    justify-content: flex-start;
    line-height: 24px
}

.page-template-template-generative .guide-details .guide-details-columns .share>span {
    color: #293056;
    font-size: 16px;
    font-weight: 500;
    margin-right: 10px
}

.page-template-template-generative .guide-details .guide-details-columns .share>span:after {
    content: " this guide with your network:"
}

@media only screen and (min-width: 1200px) {
    .page-template-template-generative .guide-details .guide-details-columns .share>span {
        margin-right:15px
    }
}

.page-template-template-generative .guide-details .guide-details-columns .social {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -10px;
    padding: 0
}

@media only screen and (min-width: 769px) {
    .page-template-template-generative .guide-details .guide-details-columns .social {
        margin:0
    }
}

.page-template-template-generative .guide-details .guide-details-columns .social li {
    margin: 0 2px!important;
    padding: 0!important
}

.page-template-template-generative .guide-details .guide-details-columns .social a {
    align-items: center;
    display: flex;
    position: relative
}

.page-template-template-generative .guide-details .guide-details-columns .social a:before {
    background: #4169e1;
    border-radius: 50%;
    content: "";
    height: 40px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .3s;
    width: 40px
}

.page-template-template-generative .guide-details .guide-details-columns .social a:hover:before {
    opacity: 1
}

.page-template-template-generative .guide-details .guide-details-columns .social a:hover path {
    fill: #fff
}

.page-template-template-generative .guide-details .guide-details-columns .social svg {
    position: relative;
    z-index: 2
}

.page-template-template-generative .guide-details .guide-details-columns .social path {
    transition: fill .3s
}

.page-template-template-generative .guide-details .guide-details-columns .heading-tag {
    background-color: #bae6fd;
    border-radius: 4px;
    color: #1e40af;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
    padding: 0 10px
}

.page-template-template-generative .guide-details .guide-details-columns .heading-tag:hover {
    background-color: #bae6fd;
    color: #1e40af
}

.page-template-template-generative .guide-details .guide-details-columns .h1,.page-template-template-generative .guide-details .guide-details-columns h1 {
    color: #293056;
    font: 600 28px/35px Poppins,sans-serif;
    margin: 0 0 20px
}

@media only screen and (min-width: 1200px) {
    .page-template-template-generative .guide-details .guide-details-columns .h1,.page-template-template-generative .guide-details .guide-details-columns h1 {
        font-size:28px;
        line-height: 35px;
        margin-bottom: 14px
    }
}

.page-template-template-generative .guide-details .guide-details-columns .h5,.page-template-template-generative .guide-details .guide-details-columns h5 {
    color: #293056;
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 15px
}

@media only screen and (min-width: 1200px) {
    .page-template-template-generative .guide-details .guide-details-columns .h5,.page-template-template-generative .guide-details .guide-details-columns h5 {
        font-size:18px;
        line-height: 22px;
        margin-bottom: 20px
    }
}

.page-template-template-generative .guide-details .guide-details-columns .left-col-wrap p {
    color: #293056;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 20px
}

.page-template-template-generative .guide-details .guide-details-columns .left-col-wrap ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.page-template-template-generative .guide-details .guide-details-columns .left-col-wrap ul li {
    color: #293056;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 25px;
    padding-left: 35px;
    position: relative
}

.page-template-template-generative .guide-details .guide-details-columns .left-col-wrap ul .icon {
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px
}

.page-template-template-generative .guide-details .guide-details-columns .left-col-wrap ul.info-list {
    list-style: disc;
    max-width: none;
    padding: 0 0 0 30px
}

.page-template-template-generative .guide-details .guide-details-columns .left-col-wrap ul.info-list li {
    margin-bottom: 20px;
    padding: 0
}

.page-template-template-generative .guide-details .guide-details-columns .button-link.orange {
    background: #ff786a;
    margin-top: 20px
}

@media only screen and (min-width: 1400px) {
    .page-template-template-generative .guide-details .guide-details-columns .button-link.orange {
        margin-top:40px
    }
}

@media only screen and (min-width: 1800px) {
    .page-template-template-generative .guide-details .guide-details-columns .button-link.orange {
        margin-top:50px
    }
}

.no-touch .page-template-template-generative .guide-details .guide-details-columns .button-link.orange:hover {
    background: #ff1c04;
    border-color: transparent;
    color: #fff
}

.page-template-template-generative .guide-details .guide-details-columns.two-col {
    margin-bottom: 80px;
    padding-top: 0
}

@media screen and (max-width: 767px) {
    .page-template-template-generative .guide-details .guide-details-columns.two-col {
        margin-bottom:73px;
        margin-top: -30px
    }
}

.page-template-template-generative .guide-details .guide-details-columns.two-col .hide {
    display: none
}

.page-template-template-generative .guide-details .guide-details-columns.two-col .left-col {
    padding: 0 30px 0 0;
    width: 50%
}

@media screen and (max-width: 1023px) {
    .page-template-template-generative .guide-details .guide-details-columns.two-col .left-col {
        padding-left:20px
    }
}

@media screen and (max-width: 767px) {
    .page-template-template-generative .guide-details .guide-details-columns.two-col .left-col {
        padding:0;
        width: 100%
    }
}

.page-template-template-generative .guide-details .guide-details-columns.two-col .left-col br {
    display: none
}

.page-template-template-generative .guide-details .guide-details-columns.two-col .left-col h1 {
    font-size: 60px;
    line-height: 78px;
    margin-bottom: 22px
}

@media screen and (max-width: 767px) {
    .page-template-template-generative .guide-details .guide-details-columns.two-col .left-col h1 {
        font-size:36px;
        line-height: 44px;
        margin-bottom: 31px
    }
}

.page-template-template-generative .guide-details .guide-details-columns.two-col .left-col p {
    color: #52525d;
    opacity: 1
}

@media screen and (min-width: 769px) {
    .page-template-template-generative .guide-details .guide-details-columns.two-col .left-col p {
        max-width:509px
    }
}

@media screen and (max-width: 767px) {
    .page-template-template-generative .guide-details .guide-details-columns.two-col .left-col p {
        font-size:14px;
        line-height: 20px
    }
}

.page-template-template-generative .guide-details .guide-details-columns.two-col .right-col {
    padding: 0 0 0 30px;
    width: 50%
}

@media screen and (max-width: 1023px) {
    .page-template-template-generative .guide-details .guide-details-columns.two-col .right-col {
        padding-right:20px
    }
}

@media screen and (max-width: 767px) {
    .page-template-template-generative .guide-details .guide-details-columns.two-col .right-col {
        margin-top:40px;
        padding: 0;
        width: 100%
    }
}

.page-template-template-generative .guide-details .guide-details-columns.two-col .right-col-wrap {
    background-color: #f6f8fe;
    border-radius: 10px;
    padding: 30px
}

@media screen and (max-width: 767px) {
    .page-template-template-generative .guide-details .guide-details-columns.two-col .right-col-wrap {
        padding:20px 19px 30px
    }
}

.page-template-template-generative .guide-details .guide-details-columns.two-col .right-col .image {
    margin-bottom: 29px
}

@media screen and (max-width: 767px) {
    .page-template-template-generative .guide-details .guide-details-columns.two-col .right-col .image {
        margin-bottom:20px
    }
}

.page-template-template-generative .guide-details .guide-details-columns.two-col .right-col .image img {
    border-radius: 5px
}

.page-template-template-generative .guide-details .guide-details-columns.two-col .right-col h5 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 13px
}

@media screen and (max-width: 767px) {
    .page-template-template-generative .guide-details .guide-details-columns.two-col .right-col h5 {
        line-height:30px;
        margin-bottom: 10px
    }

    .page-template-template-generative .guide-details .guide-details-columns.two-col .right-col .info-list {
        padding-left: 23px
    }
}

.page-template-template-generative .guide-details .guide-details-columns.two-col .right-col .info-list li {
    color: #52525d;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 14px
}

.page-template-template-generative .guide-details .guide-details-columns.two-col .right-col-cta {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 30px
}

@media screen and (max-width: 1023px) {
    .page-template-template-generative .guide-details .guide-details-columns.two-col .right-col-cta {
        flex-direction:column;
        margin-top: 30px
    }

    .page-template-template-generative .guide-details .guide-details-columns.two-col .right-col-cta .button-link {
        margin-bottom: 20px
    }
}

.page-template-template-generative .guide-details .guide-details-columns.two-col .right-col .share {
    justify-content: flex-start
}

@media screen and (max-width: 1023px) {
    .page-template-template-generative .guide-details .guide-details-columns.two-col .right-col .share {
        align-items:center;
        flex-direction: column
    }
}

.page-template-template-generative .guide-details .guide-details-columns.two-col .right-col .share span {
    opacity: 1
}

@media screen and (max-width: 1023px) {
    .page-template-template-generative .guide-details .guide-details-columns.two-col .right-col .share span {
        margin:0 0 7px 3px
    }
}

.page-template-template-generative .guide-details .guide-details-columns.two-col .right-col .share span:after {
    content: ":"
}

.page-template-template-generative .guide-details .guide-details-columns.two-col .right-col .share a:before {
    background: #fff;
    height: 28px;
    opacity: 1;
    transition: all .3s ease;
    width: 28px
}

.page-template-template-generative .guide-details .guide-details-columns.two-col .right-col .share a svg * {
    fill: #4169e1;
    transition: all .3s ease
}

.page-template-template-generative .guide-details .guide-details-columns.two-col .right-col .share a:hover:before {
    background: #4169e1
}

.page-template-template-generative .guide-details .guide-details-columns.two-col .right-col .share a:hover svg * {
    fill: #fff
}

.page-template-template-generative .guide-details .guide-details-columns.two-col .right-col .share li {
    margin: 0 15px!important
}

.page-template-template-generative .guide-details .guide-details-columns.two-col .right-col .share li:first-of-type svg {
    width: 12px
}

.page-template-template-generative .guide-details .guide-details-columns.two-col .right-col .share li:nth-of-type(2) svg {
    width: 6px
}

@media screen and (min-width: 1024px) {
    .page-template-template-generative .guide-details .guide-details-columns.two-col .right-col .share li:last-of-type {
        margin-right:9px!important
    }
}

.page-template-template-generative .guide-details .guide-details-columns.two-col .right-col .share li:last-of-type svg {
    width: 10px
}

.page-template-template-generative .guide-details .guide-details-columns .connect-form {
    box-shadow: 0 2px 4px -1px rgba(13,15,28,.059),0 4px 6px -1px rgba(13,15,28,.102);
    padding: 50px 30px
}

@media only screen and (max-width: 768px) {
    .page-template-template-generative .guide-details .guide-details-columns .connect-form {
        border-radius:0;
        box-shadow: 0 2px 4px -1px rgba(13,15,28,.059),0 4px 6px -1px rgba(13,15,28,.102);
        left: -25px;
        position: relative;
        width: calc(100% + 50px)
    }

    .page-template-template-generative .guide-details .guide-details-columns .form-column {
        padding-top: 60px
    }
}

.page-template-template-generative .guide-details .guide-details-columns .h3_form {
    color: #293056;
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 45px;
    margin-top: 0
}

@media only screen and (min-width: 769px) {
    .page-template-template-generative .guide-details .guide-details-columns .h3_form {
        margin-left:auto;
        margin-right: auto;
        max-width: 300px
    }
}

@media only screen and (max-width: 768px) {
    .page-template-template-generative .guide-details .guide-details-columns .h3_form {
        text-align:left!important
    }
}

.page-template-template-generative .guide-details .guide-details-columns .privacy-policy-form {
    color: #4e5ba6;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    text-align: center
}

.page-template-template-generative .guide-details .guide-details-columns .privacy-policy-form a {
    color: #2563eb
}

.page-template-template-generative .guide-details .guide-details-columns .cta-btn-wrap {
    margin: 40px 0
}

.page-template-template-generative .guide-details .guide-details-columns .cta-button {
    border-style: solid!important;
    border-width: 1px!important
}

.page-template-template-generative .guide-details .guide-details-columns .cta-button:hover {
    border-width: 1px!important
}

.page-template-template-generative .guide-details .guide-details-columns .cta-text {
    border: none;
    padding-left: 30px
}

.page-template-template-generative .guide-details .guide-details-columns .download-btn {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    padding: 17px 30px;
    white-space: nowrap
}

.page-template-template-generative .guide-details .guide-details-columns .download-btn:hover path {
    fill: #4169e1
}

.page-template-template-generative .guide-details .guide-details-columns .download-btn svg {
    display: inline-block;
    margin-right: 5px
}

.page-template-template-generative .guide-details .guide-details-columns.theme-gray .cta-text:hover span {
    border-bottom: 1px solid #080817;
    color: #080817
}

.page-template-template-generative .guide-details .guide-details-columns.theme-blue h1,.page-template-template-generative .guide-details .guide-details-columns.theme-blue h5 {
    color: #fff
}

.page-template-template-generative .guide-details .guide-details-columns.theme-blue .left-col-wrap li,.page-template-template-generative .guide-details .guide-details-columns.theme-blue .left-col-wrap p {
    color: hsla(0,0%,100%,.7)
}

.page-template-template-generative .guide-details .guide-details-columns.theme-blue .left-col-wrap ul .icon path {
    fill: hsla(0,0%,100%,.85)
}

.page-template-template-generative .guide-details .guide-details-columns.theme-blue .share>span {
    color: hsla(0,0%,100%,.7)
}

.page-template-template-generative .guide-details .guide-details-columns.theme-blue .social svg path {
    fill: hsla(0,0%,100%,.85)
}

#comments .form-submit .page-template-template-generative .guide-details .guide-details-columns.theme-blue input.cta-button,.page-template-template-generative .guide-details .guide-details-columns.theme-blue #comments .form-submit input.cta-button,.page-template-template-generative .guide-details .guide-details-columns.theme-blue .cta-button.btn {
    background: #fff;
    border-color: #fff;
    color: #4169e1
}

#comments .form-submit .page-template-template-generative .guide-details .guide-details-columns.theme-blue input.cta-button:hover,.page-template-template-generative .guide-details .guide-details-columns.theme-blue #comments .form-submit input.cta-button:hover,.page-template-template-generative .guide-details .guide-details-columns.theme-blue .cta-button.btn:hover {
    background: #4169e1!important;
    border-color: #4169e1!important;
    color: #fff!important
}

.page-template-template-generative .guide-details .guide-details-columns.theme-blue .cta-text {
    color: #fff
}

.page-template-template-generative .guide-details .guide-details-columns.theme-blue .cta-text:hover span {
    border-bottom: 1px solid #fff
}

.page-template-template-generative .guide-details .guide-details-columns.theme-blue .download-btn:hover path {
    fill: #fff
}

.page-template-template-generative .guide-details .guide-details-columns.theme-blue .download-btn svg path {
    fill: #4169e1
}

.page-template-template-generative .guide-subscribe-form {
    background: #e8f7ff;
    border-radius: 20px;
    margin-bottom: 50px;
    padding: 20px
}

@media only screen and (min-width: 568px) {
    .page-template-template-generative .guide-subscribe-form {
        padding:40px
    }
}

@media only screen and (min-width: 1200px) {
    .page-template-template-generative .guide-subscribe-form {
        margin-bottom:100px;
        width: 730px
    }
}

.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm {
    width: 100%!important
}

@media only screen and (min-width: 769px) {
    .page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm {
        display:flex
    }
}

.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email,.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email],.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number],.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password],.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel],.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text],.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea {
    -webkit-appearance: none!important;
    background: #fff!important;
    border: 1px solid transparent!important;
    border-radius: 10px!important;
    color: #080817!important;
    display: inline-block!important;
    float: none!important;
    font-family: Poppins,sans-serif!important;
    font-size: 14px!important;
    height: 44px!important;
    line-height: 20px!important;
    margin: 0!important;
    outline: none!important;
    padding: 10px 20px!important;
    vertical-align: middle!important;
    width: 100%!important
}

@media only screen and (min-width: 769px) {
    .page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email,.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email],.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number],.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password],.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel],.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text],.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea {
        height:54px!important;
        padding: 18px 20px!important
    }
}

@media only screen and (min-width: 1200px) {
    .page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email,.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email],.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number],.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password],.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel],.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text],.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea {
        transition:border-color .5s
    }
}

.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email:focus,.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email]:focus,.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number]:focus,.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password]:focus,.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel]:focus,.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text]:focus,.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea:focus {
    border-color: #4169e1!important
}

.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input#Email.mktoField.mktoInvalid,.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=email].mktoField.mktoInvalid,.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=number].mktoField.mktoInvalid,.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=password].mktoField.mktoInvalid,.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=tel].mktoField.mktoInvalid,.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap input[type=text].mktoField.mktoInvalid,.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow .mktoFieldWrap textarea.mktoField.mktoInvalid {
    border-color: red!important
}

.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow {
    margin-right: 0!important;
    width: 100%!important
}

.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormCol {
    float: none;
    margin-bottom: 25px!important;
    width: 100%
}

@media only screen and (min-width: 769px) {
    .page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormCol {
        margin-bottom:0!important
    }
}

.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFieldWrap {
    float: none;
    width: 100%
}

.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm label.mktoLabel {
    color: #080817;
    display: inline-block!important;
    float: none;
    font: 400 16px/24px Poppins,sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
    padding-top: 0;
    text-align: left;
    width: auto!important
}

@media only screen and (min-width: 1200px) {
    .page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm label.mktoLabel {
        margin-bottom:20px
    }
}

.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoGutter,.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoOffset {
    display: none!important
}

.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoButtonRow {
    display: block;
    margin-top: 20px;
    width: 100%
}

@media only screen and (min-width: 769px) {
    .page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoButtonRow {
        flex-shrink:0;
        margin: 0 0 0 20px;
        width: 205px!important
    }
}

.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoButtonWrap.mktoSimple {
    margin-left: 0!important
}

.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoButton {
    background: #ff786a!important;
    border: 1px solid transparent!important;
    border-radius: 10px!important;
    color: #fff!important;
    cursor: pointer;
    display: block;
    font: 500 14px/20px Poppins,sans-serif;
    margin: 0!important;
    padding: 13px 35px!important;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase!important;
    transition: background-color .3s,color .3s;
    width: 100%
}

@media only screen and (min-width: 769px) {
    .page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoButton {
        padding:16px 35px!important
    }
}

@media only screen and (min-width: 1200px) {
    .page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoButton {
        font-size:16px!important;
        line-height: 24px;
        padding: 13px 35px!important
    }
}

.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoButton:first-letter {
    text-transform: uppercase
}

.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoButton:hover {
    background: #fff!important;
    border-color: #fff!important;
    color: #4169e1!important
}

.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoError .mktoErrorMsg {
    left: 0;
    margin-top: -8px!important;
    position: absolute;
    width: 100%
}

.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoAsterix,.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoError .mktoErrorMsg .mktoErrorDetail {
    display: none!important
}

.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow {
    display: none
}

.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoFormRow:nth-child(2) {
    display: block
}

.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoAsterix,.page-template-template-generative .guide-subscribe-form .subscribe-form form.mktoForm .mktoLabel {
    display: none!important
}

.page-template-template-generative .lp-hero-popup-form-elm--modal {
    align-items: center;
    backdrop-filter: blur(6.94px);
    -webkit-backdrop-filter: blur(6.94px);
    background-color: rgba(0,0,0,.5);
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 1;
    overflow-y: scroll;
    pointer-events: auto;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .25s ease;
    visibility: visible;
    width: 100%;
    z-index: 500
}

.page-template-template-generative .lp-hero-popup-form-elm--modal.hidden {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    z-index: -1
}

.page-template-template-generative .lp-hero-popup-form-elm--modal-inner,.page-template-template-generative .lp-hero-popup-form-elm--modal-wrapper {
    height: 100%
}

.page-template-template-generative .lp-hero-popup-form-elm--modal-inner {
    max-height: 100%;
    padding-top: 38px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .page-template-template-generative .lp-hero-popup-form-elm--modal-inner {
        padding-top:104px
    }
}

.page-template-template-generative .lp-hero-popup-form-elm--modal-container {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 25px rgba(0,0,0,.15);
    margin: 0 auto;
    padding: 26px 21px 79px;
    position: relative;
    width: 87.2%
}

@media only screen and (min-width: 768px) {
    .page-template-template-generative .lp-hero-popup-form-elm--modal-container {
        padding:56px 43px 98px;
        width: 510px
    }
}

.page-template-template-generative .lp-hero-popup-form-elm--modal-container .modal-close {
    cursor: pointer;
    display: flex;
    padding-right: 6px;
    position: absolute;
    right: 0;
    top: -29px
}

@media only screen and (min-width: 768px) {
    .page-template-template-generative .lp-hero-popup-form-elm--modal-container .modal-close {
        padding-right:16px;
        top: -42px
    }
}

.page-template-template-generative .lp-hero-popup-form-elm--modal-container .modal-close span {
    color: #fff;
    font-size: 12.6px;
    font-weight: 500;
    line-height: 20px
}

@media only screen and (min-width: 768px) {
    .page-template-template-generative .lp-hero-popup-form-elm--modal-container .modal-close span {
        font-size:18px;
        line-height: 28px
    }
}

.page-template-template-generative .lp-hero-popup-form-elm--modal-container .modal-close .x {
    align-items: center;
    display: flex;
    margin-left: 10px
}

@media only screen and (min-width: 768px) {
    .page-template-template-generative .lp-hero-popup-form-elm--modal-container .modal-close .x {
        margin-left:21px
    }
}

.page-template-template-generative .lp-hero-popup-form-elm--modal-container .modal-close .line {
    background-color: #fff;
    height: 14px;
    margin: .5px -.5px;
    transform: rotate(45deg);
    transform-origin: center;
    width: 1.4px
}

@media only screen and (min-width: 768px) {
    .page-template-template-generative .lp-hero-popup-form-elm--modal-container .modal-close .line {
        height:20px;
        margin: 1px -1px;
        width: 2px
    }
}

.page-template-template-generative .lp-hero-popup-form-elm--modal-container .modal-close .line:last-of-type {
    transform: rotate(-45deg)
}

.page-template-template-generative .lp-hero-popup-form-elm--modal-container h2 {
    color: #080817;
    font-size: 18px;
    line-height: 30px
}

@media only screen and (min-width: 768px) {
    .page-template-template-generative .lp-hero-popup-form-elm--modal-container h2 {
        font-size:24px;
        line-height: 36px
    }
}

.page-template-template-generative .lp-hero-popup-form-elm--modal-container p {
    color: #52525d;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 9px 0 14px
}

@media only screen and (min-width: 768px) {
    .page-template-template-generative .lp-hero-popup-form-elm--modal-container p {
        font-size:16px;
        line-height: 24px;
        margin: 7px 0 25px
    }
}

.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) {
    width: 100%!important
}

.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input#Email,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=email],.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=number],.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=password],.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=tel],.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=text],.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap select,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap textarea {
    -webkit-appearance: none!important;
    background: #f2f5fd!important;
    border: 1px solid transparent!important;
    border-radius: 10px!important;
    color: #080817!important;
    display: inline-block!important;
    float: none!important;
    font-family: Poppins,sans-serif!important;
    font-size: 14px!important;
    height: 44px!important;
    line-height: 20px!important;
    margin: 0!important;
    outline: none!important;
    padding: 10px 20px!important;
    vertical-align: middle!important;
    width: 100%!important
}

@media only screen and (min-width: 768px) {
    .page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input#Email,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=email],.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=number],.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=password],.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=tel],.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=text],.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap select,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap textarea {
        height:54px!important;
        padding: 18px 20px!important
    }
}

@media only screen and (min-width: 1200px) {
    .page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input#Email,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=email],.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=number],.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=password],.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=tel],.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=text],.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap select,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap textarea {
        transition:border-color .5s
    }
}

.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input#Email:focus,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=email]:focus,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=number]:focus,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=password]:focus,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=tel]:focus,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=text]:focus,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap select:focus,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap textarea:focus {
    border-color: #4169e1!important
}

.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input#Email.mktoField.mktoInvalid,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=email].mktoField.mktoInvalid,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=number].mktoField.mktoInvalid,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=password].mktoField.mktoInvalid,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=tel].mktoField.mktoInvalid,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=text].mktoField.mktoInvalid,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap select.mktoField.mktoInvalid,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap textarea.mktoField.mktoInvalid {
    border-color: red!important
}

.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input#Email::-webkit-input-placeholder,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=email]::-webkit-input-placeholder,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=number]::-webkit-input-placeholder,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=password]::-webkit-input-placeholder,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=tel]::-webkit-input-placeholder,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=text]::-webkit-input-placeholder,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap select::-webkit-input-placeholder,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap textarea::-webkit-input-placeholder {
    color: transparent!important
}

.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input#Email:-moz-placeholder,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input#Email::-moz-placeholder,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=email]:-moz-placeholder,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=email]::-moz-placeholder,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=number]:-moz-placeholder,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=number]::-moz-placeholder,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=password]:-moz-placeholder,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=password]::-moz-placeholder,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=tel]:-moz-placeholder,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=tel]::-moz-placeholder,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=text]:-moz-placeholder,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=text]::-moz-placeholder,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap select:-moz-placeholder,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap select::-moz-placeholder,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap textarea:-moz-placeholder,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap textarea::-moz-placeholder {
    color: transparent!important
}

.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input#Email:-ms-input-placeholder,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=email]:-ms-input-placeholder,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=number]:-ms-input-placeholder,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=password]:-ms-input-placeholder,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=tel]:-ms-input-placeholder,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap input[type=text]:-ms-input-placeholder,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap select:-ms-input-placeholder,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow .mktoFieldWrap textarea:-ms-input-placeholder {
    color: transparent!important
}

.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow {
    margin-right: 0!important;
    width: 100%!important
}

@media screen and (min-width: 768px) {
    .page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow:first-of-type {
        clear:none;
        float: left!important;
        width: 48%!important
    }

    .page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow:first-of-type+.mktoFormRow {
        clear: none;
        float: right;
        width: 48%!important
    }
}

.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFormRow div.mktoFormCol {
    float: none;
    margin-bottom: 30px!important;
    width: 100%
}

.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoFieldWrap {
    float: none;
    width: 100%
}

.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) label.mktoLabel {
    color: #080817;
    display: inline-block!important;
    float: none;
    font: 400 16px/24px Poppins,sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
    padding-top: 0;
    width: auto!important
}

.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoGutter,.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoOffset {
    display: none!important
}

.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoButtonRow {
    display: block;
    margin-top: 35px;
    width: 100%
}

.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoButtonWrap.mktoSimple {
    margin-left: 0!important
}

.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoButton {
    background: #4169e1!important;
    border: 1px solid transparent!important;
    border-radius: 10px!important;
    color: #fff!important;
    cursor: pointer;
    display: block;
    font: 500 14px/20px Poppins,sans-serif;
    margin: 0!important;
    padding: 13px 35px!important;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase!important;
    transition: background-color .3s;
    width: 100%
}

@media only screen and (min-width: 1200px) {
    .page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoButton {
        font-size:16px!important;
        line-height: 24px
    }
}

.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoButton:first-letter {
    text-transform: uppercase
}

.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoButton:hover {
    background: #fff!important;
    border-color: #4169e1!important;
    color: #4169e1!important
}

.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoError .mktoErrorMsg {
    left: 0;
    position: absolute;
    width: 100%
}

.page-template-template-generative .lp-hero-popup-form-elm--modal form.mktoForm:not(#mktoForm_1250) .mktoError .mktoErrorMsg .mktoErrorDetail {
    display: none!important
}

.page-template-template-generative .lp-hero-popup-form-elm--modal .modal-disclaimer {
    margin-top: 13px
}

@media only screen and (min-width: 768px) {
    .page-template-template-generative .lp-hero-popup-form-elm--modal .modal-disclaimer {
        margin-top:19px
    }
}

.page-template-template-generative .lp-hero-popup-form-elm--modal .modal-disclaimer * {
    color: #6b6b74;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 12px;
    margin-top: 0
}

@media only screen and (min-width: 768px) {
    .page-template-template-generative .lp-hero-popup-form-elm--modal .modal-disclaimer * {
        font-size:14px;
        margin-bottom: 44px
    }
}

.page-template-template-generative .lp-hero-popup-form-elm--modal .modal-disclaimer a {
    text-decoration: underline
}

.page-template-template-generative .lp-hero-popup-form-elm--modal .modal-disclaimer a:hover {
    color: #52525d
}