body {
    margin: 0;
    font-family: open sans;
    font-weight: 400;
    background: #fff;
    color: #1c1c22
}

input,
select,
textarea {
    font-family: open sans
}

a {
    color: #1e90ff;
    text-decoration: none
}

.add-padding {
    padding-top: 77px
}

.no-scroll {
    overflow: hidden
}

.bordered {
    border-bottom: 1px solid #e7e7ef
}

.mcs-body {
    border-bottom: 1px solid #e7e7ef
}

.mcs-background-alt {
    background: #fbfbfd;
}

.anchor {
    position: absolute;
    display: block;
    margin-top: -100px
}

.mcs-btns {
    display: flex
}

.mcs-btn {
    border: 1px solid transparent;
    border-radius: 6px;
    padding: 12px 36px;
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 3px 3px 5px rgba(30, 144, 255, 0);
    transition: .2s all
}

.mcs-btn:hover {
    box-shadow: 1px 1px 5px rgba(30, 144, 255, .5)
}

.mcs-btn--copy {
    font-weight: 600;
    line-height: 18px
}

.mcs-btn--divider {
    width: 12px;
    height: 1px;
    margin: 0 8px;
    opacity: .6
}

.mcs-btn--extra {
    font-weight: 400;
    opacity: .6
}

.mcs-btn--icon {
    width: 9px;
    margin-left: 6px
}

.mcs-btn--link {
    padding-left: 16px;
    padding-right: 16px;
}

.mcs-btn--link:hover {
    box-shadow: unset;
}

.mcs-btn--regular {
    border-color: #1e90ff;
    color: #1e90ff
}

.mcs-btn--primary {
    background: #1e90ff;
    border-color: #1e90ff;
    color: #fff
}

.mcs-btn--regular .mcs-btn--divider {
    background: #1e90ff
}

.mcs-btn--primary .mcs-btn--divider {
    background: #fff
}

.mcs-btn-alt {
    box-shadow: 3px 3px 5px rgba(13, 60, 107, 0)
}

.mcs-btn-alt:hover {
    box-shadow: 3px 3px 5px rgba(13, 60, 107, .2)
}

.mcs-btn--regular-alt {
    border-color: #fff;
    color: #fff
}

.mcs-btn--primary-alt {
    background: #fff;
    border-color: #fff;
    color: #1e90ff
}

.mcs-btn--regular-alt .mcs-btn--divider {
    background: #fff
}

.mcs-btn--primary-alt .mcs-btn--divider {
    background: #1e90ff
}

.mcs-links {
    display: flex;
    align-items: center
}

.mcs-link {
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    color: #1e90ff;
    cursor: pointer;
    text-decoration: none;
    padding: 4px 0;
    position: relative
}

.mcs-link--copy {
    font-weight: 600;
    line-height: 18px
}

.mcs-link--icon {
    width: 9px;
    margin-left: 6px
}

.mcs-link:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 2px;
    background: 0 0;
    bottom: 0;
    transition: .2s all
}

.mcs-link:hover:after {
    background: #1e90ff;
    width: 100%
}

.mcs-header {
    background: #1c1c22;
    padding: 12px 24px
}

.mcs-header--wrap {
    margin: auto;
    display: flex;
    justify-content: flex-end
}

.mcs--header--ident {
    display: flex
}

.mcs-header--logo {
    width: 68px
}

.mcs-header--divider {
    width: 1px;
    height: 18px;
    background: #fff;
    margin: 0 20px
}

.mcs-header--copy {
    color: #fff;
    font-size: 14px
}

.mcs-banner {
    background: linear-gradient(341.89deg, #2b5bd8 1.45%, #1e90ff 80.5%);
    padding: 12px 24px;
    display: flex
}

.mcs-banner--wrap {
    max-width: 1080px;
    margin: auto;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    opacity: 1
}

.mcs-banner--wrap:hover {
    opacity: 1
}

.mcs-banner--copy {
    font-size: 14px;
    color: #fff
}

.mcs-banner--copy .hide-on-mobile {
    display: inline-flex
}

.mcs-banner--arrow {
    color: #fff;
    margin: 0 8px 0 0;
    opacity: 0;
    transition: .1s all
}

.mcs-banner--wrap:hover .mcs-banner--arrow {
    opacity: 1;
    margin: 0 0 0 8px
}

.mcs-nav {
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 12px 24px
}

.mcs-nav-lock {
    position: fixed;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #e7e7ef;
    box-sizing: border-box
}

.mcs-nav--wrap {
    max-width: 1080px;
    display: flex;
    margin: auto;
    align-items: center
}

.mcs-nav--logo {
    width: 52px;
    display: flex;
    margin-right: 16px;
}

.mcs-nav--logo-img {
    width: 100%
}

.mcs-nav--toggle {
    background: #fbfbfd;
    font-size: 24px;
    color: #69698c;
    padding: 12px;
    border: 1px solid #e7e7ef;
    border-radius: 6px;
    display: none
}

.mcs-nav--panel {
    flex: 1;
    display: flex;
    align-items: center
}

.mcs-nav--items {
    display: flex;
    flex: 1;
}

.mcs-nav--trigger {
    display: flex;
    align-items: center;
    padding: 16px;
    position: relative;
    cursor: pointer
}

.mcs-nav--trigger:after {
    content: '';
    display: block;
    position: absolute;
    background: #1e90ff;
    height: 2px;
    width: 0;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    transition: .1s width
}

.mcs-nav--trigger-active:after {
    width: calc(100% - 24px)
}

.mcs-nav--copy {
    font-size: 14px;
    letter-spacing: -.02em;
    color: #69698c;
    transition: .1s color
}

.mcs-nav--trigger-active .mcs-nav--copy,
.mcs-nav--trigger:hover .mcs-nav--copy {
    color: #1c1c22
}

.mcs-nav--caret {
    width: 9px;
    margin-left: 6px;
    opacity: .3;
    transition: .2s all
}

.mcs-nav--trigger-active .mcs-nav--caret,
.mcs-nav--trigger:hover .mcs-nav--caret {
    opacity: .6
}

.mcs-nav--trigger-active .mcs-nav--caret {
    transform: rotate(180deg)
}

.mcs-nav--btns {
    margin-left: 8px
}

.mcs-nav--btns .mcs-btn {
    margin-left: 8px
}

.mcs-subnav {
    position: absolute;
    top: 100%;
    background: #fff;
    border: 1px solid #e7e7ef;
    display: flex;
    font-size: 14px;
    left: 50%;
    transform-origin: center top;
    transform: translateX(-50%) scale(.9);
    padding: 48px 0;
    opacity: 0;
    pointer-events: none;
    transition: .2s all
}

.mcs-subnav-active {
    pointer-events: all;
    transform: translateX(-50%) scale(1);
    opacity: 1
}

.mcs-subnav--section {
    border-right: 1px solid #e7e7ef;
    padding: 0 60px
}

.mcs-subnav--section:last-child {
    border: 0
}

.mcs-subnav--heading {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: -.02em;
    margin-bottom: 16px;
    color: #69698c
}

.mcs-subnav--cols {
    display: flex;
    margin: 0 -16px
}

.mcs-subnav--col {
    width: 240px
}

.mcs-subnav--item {
    display: block;
    padding: 8px 16px;
    color: #1c1c22;
    border-radius: 6px;
    text-decoration: none;
    transition: .1s background
}

.mcs-subnav--item:hover {
    background: #fbfbfd
}

.mcs-subnav--copy {
    line-height: 20px
}

.mcs-subnav--copy-badge {
    display: inline-flex;
    background: #1e90ff;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: 10px;
    letter-spacing: .04em;
    padding: 0 6px;
    margin-left: 8px;
    font-weight: 600;
    line-height: 17px
}

.mcs-subnav--extra {
    font-size: 12px;
    line-height: 18px;
    color: #69698c;
    margin-top: 4px
}

.mcs-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 0 72px 0
}

.mcs-hero--wrap {
    display: flex;
    justify-content: flex-end;
    width: 50%;
    padding: 0 0 0 24px;
    box-sizing: border-box
}

.mcs-hero--content {
    max-width: 540px;
    width: 100%;
    padding: 24px 48px 24px 0;
    box-sizing: border-box
}

.mcs-hero--heading {
    font-size: 48px;
    line-height: 115%;
    letter-spacing: -.02em;
    margin-bottom: 16px
}

.mcs-hero--copy {
    font-size: 20px;
    line-height: 160%;
    letter-spacing: -.02em;
    margin-bottom: 24px
}

.mcs-hero--btns .mcs-btn {
    margin-right: 8px
}

.mcs-hero--media {
    width: 47%;
    display: flex
}

.mcs-hero--media-img {
    width: 100%;
    height: intrinsic
}

.mcs-hero--cards {
    background: #42a1fe;
    padding: 0;
    border: 0
}

.mcs-hero--cards .mcs-hero--heading {
    font-size: 42px;
    line-height: 57px;
    color: #fff
}

.mcs-hero--cards .mcs-hero--copy {
    font-size: 16px;
    color: #fff
}

.mcs-hero--cards .mcs-hero--media {
    min-height: 400px;
    display: block;
    font-size: 0
}

.mcs-hero--cards .mcs-hero--media-img {
    object-fit: cover;
    object-position: left;
    min-height: 400px
}

.mcs-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 80px 24px;
    background: rgb(30,144,255);
    background: linear-gradient(126deg, rgba(30,144,255,1) 0%, rgba(123,112,255,1) 100%);
}

.mcs-title--wrap {
    max-width: 1080px;
    display: flex;
    margin: auto;
}

.mcs-title--content {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-right: 64px;
}

.mcs-title--heading {
    color: #fff;
    font-size: 48px;
    line-height: 115%;
    letter-spacing: -.02em;
    margin-bottom: 16px;
}

.mcs-title--copy {
    font-size: 16px;
    line-height: 160%;
    letter-spacing: -.02em;
    margin-bottom: 24px;
    color: #fff;
}

.mcs-title--media {
    width: 47.5%;
    height: 0;
    padding-bottom: 28.125%;
    position: relative;
}

.mcs-title--media-src {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
    position: absolute;
}

.mcs-logos {
    padding: 50px 24px
}

.mcs-logos--wrap {
    max-width: 1080px;
    display: flex;
    margin: auto;
    justify-content: space-between
}

.mcs-logos--heading {
    font-size: 28px;
    line-height: 38px;
    letter-spacing: -.02em;
    max-width: 1080px;
    margin: 0 auto 36px auto;
    text-align: center
}

.mcs-logos--img {
    height: 36px
}

.mcs-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% / 10);
}

.mcs-logo--img {
    max-width: 100%;
}

.mcs-intro--subheading {
    font-size: 24px;
    line-height: 33px;
    font-weight: 300;
    letter-spacing: -.02em;
    color: #69698c;
    margin-bottom: 8px;
    max-width: 1080px
}

.mcs-intro--heading {
    font-size: 36px;
    line-height: 49px;
    letter-spacing: -.02em;
    margin-bottom: 40px;
    color: #1c1c22;
    max-width: 1080px
}

.mcs-intro--img {
    margin: -32px auto 40px auto;
}

.mcs-intro--badge {
    display: inline-flex;
    color: #7b70ff;
    background: #fff;
    border-radius: 6px;
    margin-left: 12px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    padding: 6px 9px;
    vertical-align: middle
}

.centered .mcs-intro--heading,
.centered .mcs-intro--subheading {
    text-align: center
}

.mcs-article {
    padding: 80px 24px
}

.mcs-article--wrap {
    max-width: 1080px;
    display: flex;
    margin: auto;
    align-items: center
}

.mcs-article--media {
    padding: 0 60px
}

.mcs-article--copy {
    font-size: 16px;
    line-height: 160%;
    letter-spacing: -.02em;
    color: #69698c;
    margin-bottom: 16px;
    margin: -32px 0 16px
}

.mcs-tools {
    padding: 80px 24px
}

.mcs-tools--wrap {
    max-width: 1080px;
    display: flex;
    margin: auto;
    flex-direction: column
}

.mcs-tools--copy {
    font-size: 16px;
    line-height: 160%;
    letter-spacing: -.02em;
    color: #69698c;
    margin: -32px 0 24px 0;
    text-align: center
}

.mcs-tools .mcs-links {
    justify-content: center;
    margin-bottom: 24px
}

.mcs-tools .mcs-links .mcs-link {
    margin: 0 8px
}

.mcs-tools--cards {
    display: flex;
    flex-wrap: wrap
}

.mcs-tools--card {
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
    border-radius: 8px;
    padding: 20px;
    margin: 8px;
    width: calc(33.33% - 16px);
    box-sizing: border-box;
    display: flex;
    transition: .2s all
}

.mcs-tools--cards-four .mcs-tools--card {
    width: calc(25% - 16px);
}

.mcs-tools--card:hover {
    box-shadow: 0 4px 24px rgba(0, 0, 0, .16)
}

.mcs-tools--card-icon {
    width: 48px;
    height: 48px;
    background: rgba(30, 144, 255, .13);
    border-radius: 6px;
    flex-shrink: 0;
    margin-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center
}

.mcs-tools--card-icon img {
    width: 20px;
}

.mcs-tools--card-icon-review {
    background: rgba(53, 193, 223, .13)
}

.mcs-tools--card-icon-roughcut {
    background: rgba(240, 134, 9, .13)
}

.mcs-tools--card-icon-medialog {
    background: rgba(155, 81, 224, .13)
}

.mcs-tools--card-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.mcs-tools--card-heading {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #1c1c22;
    margin-bottom: 4px
}

.mcs-tools--card-copy {
    font-size: 14px;
    line-height: 160%;
    letter-spacing: -.02em;
    color: #69698c;
    margin-bottom: 8px
}

.mcs-tools--card-link {
    font-size: 14px;
    line-height: 160%;
    letter-spacing: -.02em;
    text-decoration: none;
    font-weight: 600;
    color: #1e90ff
}

.mcs-tools--card:hover .mcs-link:after {
    background: #1e90ff;
    width: 100%
}

.mcs-highlights {
    padding: 80px 24px
}

.mcs-highlights--wrap {
    max-width: 1080px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: auto
}

.mcs-highlight {
    width: 30%;
    margin-bottom: 48px
}

.mcs-highlight--heading {
    font-size: 48px;
    line-height: 65px;
    font-weight: 600;
    letter-spacing: -.02em;
    margin-bottom: 8px
}

.mcs-highlight--subheading {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 12px
}

.mcs-highlight--copy {
    font-size: 16px;
    line-height: 160%;
    color: #69698c;
    margin-bottom: 12px
}

.mcs-highlight--links .mcs-link {
    margin-right: 8px
}

.mcs-feature {
    padding: 60px 24px
}

.mcs-feature--wrap {
    max-width: 1080px;
    display: flex;
    margin: auto;
    flex-direction: column
}

.mcs-feature--body {
    display: flex;
    align-items: center;
    margin-bottom: 36px
}

.mcs-feature--media {
    flex: 1
}

.mcs-feature--reversed .mcs-feature--media {
    order: 2
}

.mcs-feature--media-img {
    width: 100%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
    border-radius: 12px
}

.mcs-feature--content {
    flex: 1;
    padding: 60px 0 60px 60px
}

.mcs-feature--reversed .mcs-feature--content {
    padding: 60px 60px 60px 0;
    order: 1
}

.mcs-feature--subheading {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.mcs-feature--subheading-icon {
    background: rgba(30, 144, 255, .13);
    border-radius: 6px;
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    margin-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1e90ff;
    font-size: 24px;
}

.mcs-feature--subheading-icon img {
    width: 20px;
}

.mcs-feature--subheading-ci {
    background: unset;
}

.mcs-feature--subheading-badge {
    display: inline-flex;
    color: #fff;
    background: #7b70ff;
    border-radius: 6px;
    margin-left: 12px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    padding: 6px 9px;
    vertical-align: middle
}

.mcs-feature--subheading-icon-review {
    background: rgba(53, 193, 223, .13)
}

.mcs-feature--subheading-icon-medialog {
    background: rgba(155, 81, 224, .13)
}

.mcs-feature--subheading-icon-roughcut {
    background: rgba(240, 134, 9, .13)
}

.mcs-feature--subheading-copy {
    font-size: 24px;
    line-height: 33px;
    font-weight: 300;
    letter-spacing: -.02em;
    color: #69698c
}

.mcs-feature--heading {
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -.02em;
    margin-bottom: 16px
}

.mcs-feature--copy {
    font-size: 16px;
    line-height: 160%;
    color: #69698c;
    margin-bottom: 12px
}

.mcs-feature--list {
    margin-bottom: 24px
}

.mcs-feature--list-item {
    display: flex;
    align-items: baseline;
    margin: 16px 0
}

.mcs-feature--list-icon {
    color: #1e90ff;
    margin-right: 12px
}

.mcs-feature-catalog .mcs-feature--list-icon {
    color: #7b70ff
}

.mcs-feature-catalog .mcs-feature--list-link {
    color: #7b70ff
}

.mcs-feature--list-heading {
    font-size: 16px;
    letter-spacing: -.02em;
    font-weight: 600;
}

.mcs-feature--list-copy {
    font-size: 16px;
    letter-spacing: -.02em;
    color: #69698c
}

.mcs-feature .mcs-link {
    font-size: 16px;
    letter-spacing: -.02em
}

.mcs-feature .mcs-links .mcs-link {
    margin-right: 24px
}

.mcs-tags {
    display: flex;
    flex-wrap: wrap
}

.mcs-tag {
    display: flex;
    border: 1px solid #e7e7ef;
    padding: 12px 16px 12px 12px;
    align-items: center;
    margin: 0 12px 12px 0;
    border-radius: 8px
}

.mcs-tag--icon {
    font-size: 14px;
    color: #e7e7ef;
    margin-right: 8px
}

.mcs-tag--copy {
    font-size: 14px;
    letter-spacing: -.02em;
    font-weight: 600;
    line-height: 19px
}

.mcs-tag-workspace {
    background: rgba(30, 144, 255, .13);
    border-color: transparent;
    color: #1e90ff
}

.mcs-tag-workspace .mcs-tag--icon {
    color: #1e90ff
}

.mcs-tag-catalog {
    background: rgba(123, 112, 255, .13);
    border-color: transparent;
    color: #7b70ff
}

.mcs-tag-catalog .mcs-tag--icon {
    color: #7b70ff
}

.mcs-tag-addon {
    background: rgba(240, 134, 9, .13);
    border-color: rgba(240, 134, 9, .13);
    color: #f08609
}

.mcs-tag-addon .mcs-tag--icon {
    color: #f08609
}

.mcs-badges {
    display: flex;
    margin-top: 48px;
}

.mcs-badge {
    display: flex;
    margin-right: 8px;
}

.mcs-badge--img {
    width: 160px;
}

.mcs-cta {
    display: flex;
    justify-content: center;
    padding: 60px 24px
}

.mcs-cta--wrap {
    background: linear-gradient(274.99deg, #2b5bd8 1.45%, #42a1fe 80.5%);
    border-radius: 12px;
    max-width: 1300px;
    width: 100%;
    padding: 80px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center
}

.mcs-cta--heading {
    font-size: 32px;
    line-height: 44px;
    letter-spacing: -.02em;
    color: #fff;
    margin-bottom: 36px;
    text-align: center
}

.mcs-cta--copy {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    margin: -24px 0 36px 0;
    text-align: center
}

.mcs-cta--btns .mcs-btn {
    margin: 4px
}

.mcs-pricing {
    padding: 24px;
}

.enterprise .mcs-pricing {
    padding: 80px 24px;
}

.enterprise .mcs-pricing .mcs-feature--list {
    margin: 0 auto 24px;
}

.enterprise .mcs-pricing .mcs-btn {
    margin: auto;
}

.mcs-pricing-standalone {
    display: block
}

.mcs-pricing--wrap {
    max-width: 1080px;
    display: flex;
    margin: auto;
    flex-direction: column
}

.mcs-pricing--heading {
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    margin-bottom: 32px
}

.mcs-pricing--table {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px
}

.mcs-pricing--tier {
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .05);
    border-radius: 8px;
    padding: 24px;
    width: 32%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column
}

.mcs-tier--content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.mcs-tier--heading {
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    letter-spacing: -.02em;
    margin-bottom: 4px
}

.mcs-tier--heading-plus {
    color: #1e90ff;
    transform: translateY(-12px);
    display: inline-block
}

.mcs-tier--pricing {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
    align-items: baseline
}

.mcs-tier--mcs-pricing-price {
    font-size: 36px;
    letter-spacing: -.02em;
    line-height: 44px;
    margin-right: 6px;
    height: 44px
}

.mcs-tier--mcs-pricing-price-from {
    font-size: 14px;
}

.mcs-tier--mcs-pricing-term {
    font-size: 14px;
    line-height: 160%;
    color: #69698c;
    margin-bottom: 16px;
}

.mcs-tier--subheading {
    font-size: 15px;
    line-height: 160%;
    color: #69698c;
    margin-bottom: 16px
}

.mcs-tier--list-heading {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #1c1c22;
}

.mcs-tier--list {
    margin: 12px 0;
    flex: 1
}

.mcs-tier--item {
    font-size: 15px;
    line-height: 25px;
    color: #69698c;
    margin: 6px 0;
    padding: 0 0 0 18px;
    position: relative;
}

.mcs-tier--item:before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: #69698c;
    border-radius: 100%;
    position: absolute;
    top: 6px;
    left: 0
}

.mcs-tier--more {
    margin: 24px auto 0 auto;
}

.mcs-tier--btn {
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 48px;
}

.mcs-pricing--tier-wide {
    width: 100%;
    align-items: center
}

.mcs-pricing--tier-wide .mcs-tier--content {
    padding-bottom: 32px
}

.mcs-pricing--tier-wide .mcs-tier--heading {
    text-align: center
}

.mcs-tabs {
    padding: 80px 24px 0 24px
}

.mcs-tabs .mcs-intro--heading,
.mcs-tabs .mcs-intro--subheading {
    margin-left: 24px;
    margin-right: 24px
}

.mcs-tabs--wrap {
    max-width: 1080px;
    display: flex;
    margin: auto;
    flex-direction: column
}

.mcs-tabs--body {
    display: flex;
    justify-content: center;
    margin-bottom: -1px
}

.mcs-tab {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    letter-spacing: -.02em;
    padding: 18px;
    border: 1px solid #e7e7ef;
    width: 18%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left-width: 0;
    position: relative;
    cursor: pointer;
    color: #1c1c22;
    text-decoration: none
}

.mcs-tab:first-child {
    border-left-width: 1px
}

.mcs-tab--active {
    background: #fbfbfd;
    border-bottom-color: #fbfbfd
}

.mcs-tab:after {
    content: '';
    display: block;
    height: 3px;
    width: 0;
    background: #e7e7ef;
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    transition: .2s all
}

.mcs-tab--active:after,
.mcs-tab:hover:after {
    background: #1e90ff;
    width: 100%
}

.mcs-resources {
    padding: 80px 24px
}

.mcs-resources--wrap {
    max-width: 1080px;
    display: flex;
    margin: auto;
    flex-direction: column
}

.mcs-resources--heading {
    font-size: 28px;
    line-height: 38px;
    letter-spacing: -.02em;
    text-align: center;
    margin-bottom: 40px
}

.mcs-resource-cards {
    display: flex;
    flex-wrap: wrap
}

.mcs-resource-card {
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
    padding: 20px;
    border-radius: 6px;
    margin: 8px;
    width: calc(33.33% - 16px);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    transition: .2s all
}

.mcs-resource-card:hover {
    box-shadow: 0 4px 12px rgba(0, 4, 24, .16)
}

.mcs-resource-card--media {
    width: 100%;
    margin-bottom: 16px
}

.mcs-resource-card--content {
    flex: 1;
}

.mcs-resource-card--heading {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -.02em;
    font-weight: 600;
    margin-bottom: 8px;
    color: #1c1c22
}

.mcs-resource-card--copy {
    font-size: 14px;
    line-height: 160%;
    letter-spacing: -.02em;
    color: #69698c;
    margin-bottom: 12px
}

.mcs-resource-card--logo {
    height: 36px;
    margin: 0 16px 8px 0
}

.mcs-resource-card:hover .mcs-link:after {
    background: #1e90ff;
    width: 100%
}

.mcs-case-study--img {
    margin: 0 8px 32px 8px;
    border-radius: 6px;
    height: 240px;
    object-fit: cover;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
}

.mcs-testimonials {
    padding: 80px 24px
}

.mcs-testimonials--wrap {
    max-width: 1080px;
    display: flex;
    margin: auto;
    flex-direction: column
}

.mcs-testimonial--body {
    display: flex;
    align-items: stretch;
    margin-bottom: 48px;
}

.mcs-testimonial--content {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.mcs-testimonial--quote {
    flex: 1;
    position: relative;
    min-height: 320px;
    width: 100%;
}

.mcs-testimonial--wrap {
    position: absolute;
    width: 100%;
    background: #fff;
    box-shadow: 0 4px 12px rgb(0 0 0 / 8%);
    padding: 32px;
    border-radius: 6px;
    box-sizing: border-box;
}

.mcs-testimonial--copy {
    font-size: 16px;
    line-height: 160%;
    margin-bottom: 32px
}

.mcs-testimonial--user {
    font-size: 18px;
    line-height: 160%;
    font-weight: 600
}

.mcs-testimonial--role {
    font-size: 16px;
    line-height: 160%;
    color: #69698c;
    margin-bottom: 16px;
}

.mcs-testimonial--nav {
    display: flex;
    justify-content: space-between
}

.mcs-testimonial--item {
    width: 30%;
    filter: grayscale(1);
    cursor: pointer;
    transition: .2s all
}

.mcs-testimonial--item-active,
.mcs-testimonial--item:hover {
    filter: grayscale(0)
}

.mcs-testimonial--img {
    width: 160px;
    opacity: .8;
}

.mcs-testimonial--hero {
    width: 364px;
    height: 492px;
    flex-shrink: 0
}

.mcs-testimonial--hero:before {
    content: '';
    display: block;
    position: absolute;
    width: 332px;
    height: 332px;
    background: #1e90ff;
    border-radius: 12px
}

.mcs-testimonial--portrait {
    width: 332px;
    margin: 32px 0 0 32px;
    position: absolute
}

.testimonial-2,
.testimonial-3 {
    display: none
}

.mcs-testimonial--body {
    position: relative
}

.mcs-testmonial--chevron {
    position: absolute;
    top: 110px;
    transform: translateY(-50%);
    background: #f5f5fa;
    font-size: 24px;
    width: 54px;
    height: 54px;
    border-radius: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.testimonial-next {
    right: -100px
}

.testimonial-back {
    left: -100px
}

.mcs-callout {
    padding: 80px 24px;
    position: relative;
}

.mcs-callout--wrap {
    max-width: 800px;
    display: flex;
    margin: auto;
    flex-direction: column
}

.mcs-callout--heading {
    font-size: 28px;
    line-height: 38px;
    letter-spacing: -.02em;
    text-align: center;
    margin-bottom: 12px
}

.mcs-callout--copy {
    font-size: 16px;
    line-height: 160%;
    letter-spacing: -.02em;
    color: #69698c;
    text-align: center
}

.mcs-callout .mcs-tags {
    justify-content: center;
    margin-top: 16px
}

.mcs-callout .mcs-tag {
    margin: 0 12px
}

.mcs-callout--btns {
    justify-content: center;
    margin-top: 24px
}

.mcs-callout--btns .mcs-btn {
    margin: 4px
}

.mcs-promo {
    padding: 80px 24px
}

.mcs-promo--wrap {
    max-width: 1080px;
    display: flex;
    margin: auto;
    flex-direction: column
}

.mcs-promo--copy {
    font-size: 16px;
    line-height: 160%;
    letter-spacing: -.02em;
    color: #69698c;
    margin: -32px 0 24px 0;
}

.centered .mcs-promo--copy {
    text-align: center
}

.mcs-promo .mcs-links {
    justify-content: center;
    margin-bottom: 24px
}

.mcs-promo .mcs-links .mcs-link {
    margin: 0 8px
}

.mcs-promo--media {
    display: flex;
    justify-content: center;
    padding: 0 60px
}

.mcs-promo--img {
    width: 100%;
    height: intrinsic
}

.mcs-promo-alt {
    background: linear-gradient(274.99deg, #2b5bd8 1.45%, #42a1fe 80.5%)
}

.mcs-promo-catalog {
    background: linear-gradient(136.76deg, #4752f6 0, #7b70ff 100%)
}

.mcs-promo-catalog .mcs-links {
    margin-bottom: 0
}

.mcs-promo-alt .mcs-intro--subheading {
    color: #fff
}

.mcs-promo-alt .mcs-intro--heading {
    color: #fff
}

.mcs-promo-alt .mcs-promo--copy {
    color: #fff
}

.mcs-promo-alt .mcs-link {
    color: #fff
}

.mcs-promo-alt .mcs-link:hover:after {
    background: #fff
}

.mcs-promo-catalog .mcs-promo--copy {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
}

.mcs-promo-highlight {
    background: linear-gradient(341.89deg, #2b5bd8 1.45%, #1e90ff 80.5%);
}

.mcs-promo-highlight .mcs-intro--subheading,
.mcs-promo-highlight .mcs-intro--heading, 
.mcs-promo-highlight .mcs-promo--copy {
    color: #fff;
}

.mcs-promo-highlight .mcs-tags {
    align-self: center;
}

.mcs-promo-highlight .mcs-tag-addon {
    background: #f08609;
    border-color: #f08609;
    color: #fff;
}

.mcs-promo-highlight .mcs-tag-addon .mcs-tag--icon {
    color: #fff;
}

.mcs-buttons {
    padding: 80px 24px
}

.mcs-buttons--wrap {
    max-width: 1080px;
    display: flex;
    margin: auto;
    justify-content: center
}

.mcs-buttons--btns .mcs-btn {
    margin: 4px
}

.mcs-quotes {
    background: #fbfbfd;
    padding: 60px 24px
}

.mcs-quotes--wrap {
    max-width: 1080px;
    display: flex;
    justify-content: space-between;
    margin: auto;
    align-items: center
}

.mcs-quote {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 32%
}

.mcs-quote--bubble {
    background: #fff;
    border-radius: 17px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .05);
    padding: 36px 42px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin-bottom: 36px
}

.mcs-quote--bubble:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 35px 35px 0 35px;
    border-color: #e7e7ef transparent transparent transparent;
    top: 100%;
    opacity: .2
}

.mcs-quote--bubble:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 25px 0 25px;
    border-color: #fff transparent transparent transparent;
    top: 100%
}

.mcs-quotes-home .mcs-quote--bubble:before,
.mcs-quotes-home .mcs-quote--bubble:after {
    display: none;
}

.mcs-quote--copy {
    font-size: 14px;
    line-height: 200%;
    text-align: center;
    margin-bottom: 16px
}

.mcs-quote--credit {
    font-size: 12px;
    line-height: 200%;
    margin-bottom: 16px
}

.mcs-quote--logo {
    height: 48px;
    opacity: .15
}

.mcs-quote--avatar {
    width: 60px;
    height: 60px;
    object-fit: cover;
    object-position: top;
    border-radius: 100%;
    border: 4px solid #e7e7ef
}

.mcs-faqs {
    padding: 80px 24px
}

.mcs-faqs--wrap {
    max-width: 1080px;
    display: flex;
    margin: auto;
    flex-direction: column
}

.mcs-faqs .mcs-intro--heading {
    margin-bottom: 8px
}

.mcs-faqs--heading {
    font-size: 24px;
    line-height: 33px;
    letter-spacing: -.02em;
    margin-bottom: 8px
}

.mcs-faqs--copy {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -.02em;
    color: #69698c;
    margin-bottom: 32px
}

.centered .mcs-faqs--copy {
    text-align: center
}

.mcs-faq--item {
    border-bottom: 1px solid #e7e7ef
}

.mcs-faq--item:last-child {
    border-bottom: 0
}

.mcs-faq--header {
    display: flex;
    justify-content: space-between;
    padding: 36px 0;
    cursor: pointer
}

.mcs-faq--heading {
    font-size: 16px;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -.02em;
    line-height: 22px;
    font-weight: 600
}

.mcs-faq--icon {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .1s all
}

.mcs-faq--header-active .mcs-faq--icon {
    transform: rotate(90deg)
}

.mcs-faq--content {
    display: none;
    margin: -20px 0 36px 0
}

.mcs-faq--item:first-child .mcs-faq--content {
    display: block
}

.mca-faq--copy {
    font-size: 14px;
    line-height: 160%;
    letter-spacing: -.02em;
    color: #69698c;
    margin-bottom: 16px
}

.mcs-contact {
    padding: 80px 24px
}

.mcs-contact--wrap {
    max-width: 1080px;
    display: flex;
    margin: auto;
    justify-content: space-between
}

.mcs-contact--content {
    margin-right: 80px
}

.mcs-contact--subheading {
    font-size: 24px;
    line-height: 33px;
    font-weight: 300;
    color: #69698c;
    margin-bottom: 8px;
    letter-spacing: -.02em
}

.mcs-contact--heading {
    font-size: 36px;
    line-height: 49px;
    letter-spacing: -.02em;
    margin-bottom: 36px
}

.mcs-contact--img {
    max-width: 100%;
    margin-bottom: 16px
}

.mcs-contact--list {
    margin-bottom: 24px
}

.mcs-contact--list-item {
    display: flex;
    align-items: baseline;
    margin: 16px 0
}

.mcs-contact--list-icon {
    color: #1e90ff;
    margin-right: 12px
}

.mcs-contact--list-copy {
    font-size: 16px;
    letter-spacing: -.02em;
    color: #69698c
}

.mcs-contact--list-link {
    display: inline-flex;
    cursor: pointer;
    text-decoration: none;
    padding: 2px 0;
    position: relative;
    color: #69698c
}

.mcs-contact--list-link:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #69698c;
    bottom: 0;
    transition: .2s all
}

.mcs-contact--list-link:hover {
    color: #1e90ff
}

.mcs-contact--list-link:hover:after {
    background: #1e90ff
}

.mcs-contact--form {
    background: #fff;
    box-shadow: 0 4px 24px rgba(0, 0, 0, .08);
    border-radius: 12px;
    padding: 48px 60px;
    width: 460px;
    box-sizing: border-box;
    flex-shrink: 0
}

.mcs-form--heading {
    font-size: 28px;
    line-height: 38px;
    letter-spacing: -.02em;
    margin-bottom: 8px
}

.mcs-form--copy {
    font-size: 16px;
    line-height: 160%;
    letter-spacing: -.02em;
    color: #69698c;
    margin-bottom: 20px
}

.mcs-form--field {
    position: relative;
    margin: 12px 0
}

.mcs-form--icon {
    color: #69698c;
    opacity: .4;
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%)
}

.mcs-form--input {
    border: 1px solid #e7e7ef;
    height: auto;
    padding: 18px 16px 5px 16px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 19px;
    width: 100%;
    box-sizing: border-box;
    color: #1c1c22
}

textarea.mcs-form--input {
    padding: 18px 16px 16px 16px
}

.mcs-form--input:focus {
    outline-color: #e7e7ef
}

.mcs-form--input:placeholder-shown+.mcs-form--label {
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    opacity: .4
}

textarea.mcs-form--input:placeholder-shown+.mcs-form--label {
    top: 20px
}

.mcs-form--input:active+.mcs-form--label,
.mcs-form--input:focus+.mcs-form--label,
.mcs-form--input:hover+.mcs-form--label,
.mcs-form--label {
    position: absolute;
    font-size: 11px;
    color: #69698c;
    top: 4px;
    left: 16px;
    transform: unset;
    transition: .1s all;
    opacity: .7;
    pointer-events: none
}

textarea+.mcs-form--label,
textarea.mcs-form--input:active+.mcs-form--label,
textarea.mcs-form--input:focus+.mcs-form--label,
textarea.mcs-form--input:hover+.mcs-form--label {
    left: 16px;
    top: 4px
}

.mcs-form--icon+.mcs-form--input {
    padding-left: 36px
}

.mcs-form--icon+.mcs-form--input+.mcs-form--label,
.mcs-form--icon+.mcs-form--input:active+.mcs-form--label,
.mcs-form--icon+.mcs-form--input:focus+.mcs-form--label,
.mcs-form--icon+.mcs-form--input:hover+.mcs-form--label {
    left: 36px
}

.mcs-form--cols {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px
}

.mcs-form--col {
    width: 49%
}

.mcs-form--cols-nested .mcs-form--field {
    margin-top: 0
}

.mcs-form--btns {
    flex-direction: column;
    align-items: flex-start
}

.mcs-form--btns .g-recaptcha {
    order: -1;
    margin-bottom: 16px
}

.mcs-message {
    border: 1px solid;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 16px;
    display: block
}

.mcs-message-error {
    border-color: rgba(193, 39, 45, .13);
    background: rgba(193, 39, 45, .13);
    color: #c1272d
}

.mcs-message-success {
    border-color: #70b11a;
    background: rgba(112, 177, 26, .13);
    color: #70b11a
}

.mcs-terms {
    background: #fbfbfd;
    padding: 48px 24px;
    display: none
}

.mcs-terms-trial {
    display: block
}

.mcs-terms--wrap {
    max-width: 1080px;
    display: flex;
    margin: auto;
    flex-direction: column;
    background: #fff;
    border: 1px solid #e7e7ef;
    padding: 36px 48px;
    word-break: break-word
}

.mcs-terms--heading {
    font-size: 28px;
    line-height: 38px;
    letter-spacing: -.02em
}

.mcs-terms--copy {
    font-size: 16px;
    line-height: 160%;
    letter-spacing: -.02em;
    color: #69698c
}

.mcs-bits {
    padding: 80px 24px
}

.mcs-bits--wrap {
    max-width: 1080px;
    display: flex;
    margin: auto;
    justify-content: space-between;
    align-items: flex-start
}

.mcs-bit {
    width: 30%
}

.mcs-bits-quarter .mcs-bit {
    width: 20%
}

.mcs-bit--icon {
    margin-bottom: 16px;
    height: 40px;
    display: block;
    font-size: 32px;
    line-height: 40px;
    color: #1e90ff;
}

.mcs-bit--heading {
    font-size: 16px;
    line-height: 160%;
    font-weight: 600;
    letter-spacing: -.02em;
    margin-bottom: 12px
}

.mcs-bit--subheading {
    font-size: 16px;
    line-height: 160%;
    letter-spacing: -.02em;
    margin: -12px 0 12px 0;
    color: #69698c;
}

.mcs-bit--copy {
    font-size: 16px;
    line-height: 160%;
    letter-spacing: -.02em;
    color: #69698c;
    margin-bottom: 16px
}

.mcs-bit .mcs-btn {
    margin-top: 40px
}

.mcs-certified {
    display: flex;
    justify-content: center;
    padding: 80px 24px
}

.mcs-certified--wrap {
    max-width: 1080px;
    display: flex;
    margin: auto;
    flex-direction: column;
    align-items: center
}

.mcs-certified--img {
    width: 150px;
    height: 150px;
    margin-bottom: 40px
}

.mcs-certified--copy {
    font-size: 16px;
    line-height: 24px;
    color: #69698c;
    max-width: 800px;
    text-align: center
}

.mcs-content {
    padding: 80px 24px
}

.mcs-content--wrap {
    max-width: 1080px;
    display: flex;
    margin: auto;
    flex-direction: column
}

.mcs-content--heading {
    font-size: 28px;
    line-height: 38px;
    letter-spacing: -.02em;
    margin-bottom: 40px
}

.mcs-content--subheading {
    font-size: 24px;
    line-height: 33px;
    letter-spacing: -.02em;
    margin-bottom: 24px
}

.mcs-content--lead {
    font-size: 20px;
    line-height: 27px;
    letter-spacing: -.02em;
    margin-bottom: 8px
}

.mcs-content--copy {
    font-size: 16px;
    line-height: 160%;
    letter-spacing: -.02em;
    margin-bottom: 40px;
    color: #69698c
}

.mcs-content--img {
    max-width: 100%;
    margin-bottom: 40px
}

.mcs-content--cols {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px
}

.mcs-content--col {
    width: 45%
}

.mcs-content--list {
    margin-bottom: 24px
}

.mcs-content--list-item {
    display: flex;
    align-items: baseline;
    margin: 16px 0
}

.mcs-content--list-icon {
    color: #1e90ff;
    margin-right: 12px
}

.mcs-content--list-icon.fa-circle {
    color: #69698c;
    transform: scale(.5)
}

.mcs-content--list-copy {
    font-size: 16px;
    letter-spacing: -.02em;
    color: #69698c
}

.mcs-content .mcs-btn {
    align-self: flex-start
}

.mcs-apply {
    padding: 60px 24px
}

.mcs-apply--wrap {
    max-width: 1080px;
    display: flex;
    margin: auto;
    flex-direction: column;
    align-items: flex-start
}

.mcs-apply--form {
    background: #fff;
    box-shadow: 0 4px 24px rgba(0, 0, 0, .08);
    border-radius: 12px;
    padding: 48px 60px;
    width: 850px;
    box-sizing: border-box;
    margin: auto
}

.mcs-apply--form .mcs-form--heading {
    text-align: center;
    margin-bottom: 24px
}

.mcs-apply--form .mcs-form--subheading {
    font-weight: 600
}

.mcs-apply--form .mcs-form--btns {
    justify-content: center;
    margin: -24px 0 16px 0;
    align-items: center
}

.enterprise {
    background-image: url(/img/enterprise--back.png);
    background-size: 100%;
    background-repeat: no-repeat
}

.enterprise .mcs-nav {
    background: 0 0
}

.enterprise .mcs-nav-lock {
    background: #fff
}

.mcs-detail {
    padding: 80px 24px;
    background: linear-gradient(341.89deg, #2b5bd8 1.45%, #1e90ff 80.5%);
    background-image: url(/img/enterprise--security.jpg);
    background-size: cover
}

.mcs-detail--wrap {
    max-width: 1080px;
    display: flex;
    margin: auto;
    align-items: center
}

.mcs-detail--content {
    flex: 1;
    margin-right: 80px
}

.mcs-detail--icon {
    margin-bottom: 12px
}

.mcs-detail--heading {
    font-size: 28px;
    line-height: 38px;
    letter-spacing: -.02em;
    margin-bottom: 12px
}

.mcs-detail--copy {
    font-size: 16px;
    line-height: 160%;
    margin-bottom: 24px
}

.mcs-detail .mcs-link {
    color: #fff
}

.mcs-detail .mcs-link:hover:after {
    background: #fff
}

.mcs-detail--list {
    flex: 1
}

.mcs-detail--list-item {
    display: flex;
    align-items: baseline;
    margin: 4px 0;
    background: #262630;
    border-radius: 4px;
    padding: 14px 24px
}

.mcs-detail--list-icon {
    color: #1e90ff;
    margin-right: 12px
}

.mcs-detail--list-copy {
    font-size: 16px;
    letter-spacing: -.02em;
    color: #69698c
}

.enterprise .mcs-tools .mcs-links {
    margin-top: 60px
}

.enterprise .mcs-tools--copy {
    margin-bottom: 60px
}

.mcs-careers {
    padding: 80px 24px 160px 24px;
    background: rgb(245,245,251);
    background: linear-gradient(180deg, rgba(245,245,251,1) 25%, rgba(245,245,251,0) 100%);
    position: relative;        
}

.mcs-careers .anchor {
    margin-top: -77px;
}
    
.mcs-careers--wrap {
    max-width: 1080px;
    display: flex;
    margin: auto;
    flex-direction: column;
}
    
.mcs-careers--cards {
    display: flex;
    flex-direction: column;
}
    
.mcs-careers--card {
    background: #fff;
    box-shadow: 0 4px 12px rgb(0 0 0 / 8%);
    border-radius: 8px;
    padding: 20px;
    margin: 8px;
    box-sizing: border-box;
    display: flex;
    transition: .2s all;
    display: flex;
    align-items: center;
}
    
.mcs-careers--card-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
    
.mcs-careers--card-heading {
    font-size: 16px;
    font-weight: 600;
    color: #1c1c22;
    margin-right: 16px;
}
    
.mcs-careers--card-copy {
    font-size: 14px;
    letter-spacing: -.02em;
    color: #69698c;
    margin-right: 16px;
    flex: 1;
}
    
.mcs-careers--card:hover {
    box-shadow: 0 4px 24px rgba(0, 0, 0, .16)
}

.mcs-careers--card:hover .mcs-link:after {
    background: #1e90ff;
    width: 100%
}

.mcs-careers--message {
    text-align: center;
}
    
.mcs-about {
    padding: 80px 24px;
    background: #f5f5fb;
}

.mcs-about--wrap {
    max-width: 1080px;
    display: flex;
    margin: auto;
}
    
.mcs-about--content {
    width: 50%;
    margin-right: 32px;
}
    
.mcs-about--img {
    width: 50%;
    margin-left: 32px;
    border-radius: 6px;
    object-fit: cover;
    box-shadow: 0 4px 12px rgb(0 0 0 / 8%);
}

.group-below {
    padding-bottom: 0
}

.group-above {
    padding-top: 0
}

.mcs-bits.group-above {
    padding-top: 36px
}

.mcs-footer {
    background: #fff;
    padding: 36px 24px 48px 24px;
    border-bottom: 1px solid #e7e7ef
}

.mcs-footer--wrap {
    max-width: 1080px;
    margin: auto;
    display: flex;
    flex-direction: column
}

.mcs-footer--header {
    display: flex;
    margin: 0 -16px 16px -16px;
    justify-content: space-between;
    align-items: center
}

.mcs-footer--ident {
    width: 25%;
    padding: 0 16px;
    box-sizing: border-box;
    display: flex;
    align-items: center
}

.mcs-footer--logo {
    width: 52px;
    display: flex;
    flex-shrink: 0
}

.mcs-footer--logo-img {
    width: 100%
}

.mcs-footer--social {
    display: flex;
    margin-left: 16px
}

.mcs-footer--social-link {
    color: #69698c;
    text-decoration: none;
    display: block;
    padding: 4px;
    margin: 0 4px
}

.mcs-footer--social-link:hover {
    color: #1c1c22
}

.mcs-footer--btns {
    width: 25%;
    padding: 0 16px;
    box-sizing: border-box
}

.mcs-footer--cols {
    display: flex;
    margin: 0 -16px
}

.mcs-footer--col {
    width: 25%;
    display: flex;
    flex-direction: column
}

.mcs-footer--heading {
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: -.02em;
    font-weight: 600;
    color: #69698c;
    padding: 8px 16px;
    margin: 24px 0 8px 0
}

.mcs-footer--link {
    font-size: 14px;
    padding: 8px 16px;
    color: #69698c;
    text-decoration: none
}

.mcs-footer--link-badge {
    display: inline-flex;
    background: #1e90ff;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: 10px;
    letter-spacing: .04em;
    padding: 0 6px;
    margin-left: 8px;
    font-weight: 600;
    line-height: 17px
}

.mcs-footer--link:hover {
    color: #1c1c22
}

.mcs-copyright {
    background: #fff;
    padding: 24px
}

.mcs-copyright--wrap {
    max-width: 1080px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mcs-copyright--social {
    display: none;
    margin: 4px 0
}

.mcs-copyright--social-link {
    color: #69698c;
    text-decoration: none;
    display: block;
    padding: 4px;
    margin: 0 4px
}

.mcs-copyright--social-link:hover {
    color: #1c1c22
}

.mcs-copyright--copy {
    font-size: 12px;
    color: #69698c
}

.mcs-copyright--link {
    font-size: 12px;
    margin-left: 24px;
    text-decoration: none;
    color: #69698c
}

.mcs-copyright--link:hover {
    color: #1c1c22
}

.grecaptcha-badge {
    visibility: hidden;
    height: 0 !important
}

.mcs-grecaptcha {
    margin: 0;
    color: #69698c;
    font-size: 14px
}

.mcs-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .2);
    z-index: 2;
    overflow: auto;
    display: none;
    color: #1c1c22
}

.mcs-modal-active {
    display: block
}

.mcs-modal--dialog {
    width: calc(100% - 32px);
    max-width: 927px;
    margin: 60px auto;
    background: #fff;
    border-radius: 12px
}

.mcs-modal--header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e7e7ef;
    padding: 24px 36px
}

.mcs-modal--title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    letter-spacing: -.02em
}

.mcs-modal--close {
    cursor: pointer
}

.mcs-table-wrap {
    max-width: 1080px;
    display: flex;
    margin: 0 auto 64px auto;
    flex-direction: column;
}

.mcs-table {
    font-size: 14px
}

.mcs-table--row {
    display: flex;
}

.mcs-table--cell {
    width: 22%;
    padding: 12px 24px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    justify-content: center;
    text-align: center;
}

.mcs-table--cell-label {
    width: 34%;
    padding-left: 36px;
    border-left: 0;
    justify-content: flex-start;
}

.mcs-table--cell-heading {
    font-size: 18px;
    line-height: 27px;
    font-weight: 600;
    letter-spacing: -.02em;
    margin-bottom: 4px
}

.mcs-table--cell-detail {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.mcs-table--cell-price {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -.02em;
    margin-right: 4px;
    color: #69698C;
}

.mcs-table--cell-term {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -.02em
}

.mcs-table--cell-copy {

}

.mcs-table--cell-label .mcs-table--cell-copy {

}

.mcs-table--cell-info {
    position: relative;
    cursor: pointer;
    margin-left: 8px;
}

.mcs-table--header .mcs-table--cell-empty {

}

.mcs-table--header .mcs-table--cell {
    flex-direction: column;
    padding-bottom: 24px;
}

.mcs-table--group {
    padding: 24px 0;
}

.mcs-table--group:nth-child(even) {
    background: #F5F5FA
}

.mcs-table--section .mcs-table--cell {
}

.mcs-table--section .mcs-table--cell-copy {
    font-weight: 600;
    font-size: 18px;
}

.mcs-modal--footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 20px 20px 20px 36px
}

.mcs-modal--footer .mcs-link {
    margin-right: auto
}

.mcs-tooltip {
    background: #303244;
    color: #fff;
    border-radius: 6px;
    padding: 8px 12px;
    text-align: center;
    font-size: 12px;
    position: absolute;
    bottom: 31px;
    left: 50%;
    transform: translateX(-50%);
    width: 160px;
    opacity: 0;
    pointer-events: none;
    transition: .2s all
}

.mcs-table--cell-info:hover .mcs-tooltip {
    opacity: 1
}

.mcs-tooltip:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #303244 transparent transparent transparent;
    top: 100%;
    left: 50%;
    transform: translateX(-50%)
}

.mcs-scrollnav {
    padding: 80px 24px 24px 24px;
    border-bottom: 1px solid transparent
}

.mcs-scrollnav--wrap {
    max-width: 1080px;
    display: flex;
    margin: auto;
    flex-direction: column
}

.mcs-scrollnav .mcs-intro--heading {
    margin-bottom: 24px
}

.mcs-scrollnav--list {
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    position: relative
}

.mcs-scrollnav-solutions .mcs-scrollnav--list {
    justify-content: center
}

.mcs-scrollnav--item {
    font-size: 14px;
    letter-spacing: -.02em;
    color: #69698c;
    padding: 18px;
    position: relative
}

.mcs-scrollnav--item-active:after {
    content: '';
    display: block;
    position: absolute;
    right: 16px;
    bottom: 0;
    left: 16px;
    height: 2px;
    background: #1e90ff
}

.mcs-scrollnav--item-active {
    color: #1c1c1c
}

.mcs-scrollnav--divider {
    margin-right: 36px
}

.mcs-scrollnav--divider:before {
    content: '';
    display: block;
    position: absolute;
    top: 16px;
    bottom: 16px;
    width: 1px;
    background: #e7e7ef;
    right: -18px
}

.mcs-scrollnav-lock {
    position: fixed;
    z-index: 1;
    top: 77px;
    right: 0;
    left: 0;
    padding: 0;
    border-color: #e7e7ef;
    background: #fff
}

.mcs-scrollnav-lock .mcs-intro--heading {
    display: none
}

.add-padding-more {
    padding-top: 294px
}

.mcs-feature {
    position: relative
}

.anchor {
    margin-top: -132px;
    left: 0;
    top: 0
}

.mcs-nav-lock {
    z-index: 2
}

.mcs-scrollnav--arrow {
    position: absolute;
    top: 0;
    z-index: 1;
    cursor: pointer;
    height: 55px
}

.mcs-scrollnav--arrow:before {
    color: #69698c;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5fa;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.mcs-scrollnav--arrow:after {
    content: '';
    display: block;
    height: 55px;
    width: 100px;
    position: absolute;
    z-index: -2;
    top: 0;
    pointer-events: none
}

.scrollnav-back,
.scrollnav-next {
    opacity: 0;
    pointer-events: none;
    transition: .1s all
}

.overflows-left .scrollnav-back {
    opacity: 1;
    pointer-events: all
}

.overflows-right .scrollnav-next {
    opacity: 1;
    pointer-events: all
}

.scrollnav-back:before {
    left: 0
}

.scrollnav-next:before {
    right: 0
}

.scrollnav-back {
    left: 0
}

.scrollnav-next {
    right: 0
}

.scrollnav-back:after {
    left: 0;
    background: -moz-linear-gradient(left, #fff 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, #fff 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, #fff 50%, rgba(255, 255, 255, 0) 100%)
}

.scrollnav-next:after {
    right: 0;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 50%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 50%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 50%)
}

.mcs-scrollnav--arrows {
    max-width: 1080px;
    position: relative
}

.hide-on-mobile {
    display: flex
}

.show-on-mobile {
    display: none
}

@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
    .mcs-promo--img {
        max-width: 960px
    }
    .mcs-tools--card-content {
        display: block
    }
    .mcs-testimonial--img {
        max-width: 172px
    }
    .mcs-resource-card--media {
        width: 304px
    }
    .mcs-feature--wrap {
        display: block
    }
    .mcs-pricing--tier {
        display: block
    }
    .mcs-pricing--tier-wide .mcs-tier--content {
        text-align: center
    }
    .mcs-tier--btn {
        display: block;
        text-align: center
    }
    .mcs-quote {
        display: block
    }
    .mcs-quote--copy {
        width: 262px
    }
    .mcs-quote--user {
        text-align: center
    }
    .mcs-quote--avatar {
        height: auto;
        border-radius: 0
    }
    .mcs-quote--bubble::before {
        margin-left: -35px
    }
    .mcs-quote--bubble::after {
        margin-left: -25px
    }
    .mcs-certified {
        display: block
    }
    .mcs-content--img {
        max-width: 1080px
    }
    .mcs-promo--wrap {
        display: block
    }
    .mcs-link:after {
        display: none
    }
    .mcs-subnav--cols {
        flex-direction: column
    }
    .mcs-contact--img {
        max-width: 540px
    }
    .mcs-contact--list {
        max-width: 540px
    }
}

@media screen and (max-width:1299px) {
    .mcs-testmonial--chevron {
        display: none
    }
}

@media screen and (max-width:1199px) {
    .mcs-subnav--cols {
        flex-direction: column
    }
}

@media screen and (max-width:991px) {
   .enterprise .mcs-pricing {
        padding: 60px 24px;
    }
    .mcs-header--wrap {
        justify-content: flex-start
    }
    .mcs-banner--wrap {
        margin: 0
    }
    .mcs-banner--arrow {
        margin: 0 0 0 8px;
        opacity: 1
    }
    .mcs-nav--wrap {
        justify-content: space-between
    }
    .mcs-nav--panel {
        justify-content: flex-start;
        position: fixed;
        background: #fff;
        top: 0;
        right: -100%;
        bottom: 0;
        width: calc(100% - 32px);
        flex-direction: column;
        overflow: auto;
        opacity: 0;
        transition: .2s all;
        pointer-events: none;
        align-items: stretch
    }
    .mcs-nav--panel-after {
        content: '';
        display: block;
        background: rgba(0, 0, 0, .7);
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        transition: .2s all;
        pointer-events: none
    }
    .mcs-nav--panel-active {
        right: 0;
        opacity: 1;
        pointer-events: all
    }
    .mcs-nav--panel-after-active {
        width: 32px;
        opacity: 1;
        pointer-events: all
    }
    .mcs-nav--panel-header {
        justify-content: space-between;
        align-items: center;
        padding: 12px 24px;
        border-bottom: 1px solid #e7e7ef
    }
    .mcs-nav--panel-logo {
        width: 52px;
        display: flex
    }
    .mcs-nav--panel-logo-img {
        width: 100%:
    }
    .mcs-nav--panel-close {
        font-size: 24px;
        color: #69698c
    }
    .mcs-nav--panel-demo {
        margin: 16px 0 0 24px;
        flex-shrink: 0
    }
    .mcs-nav--items {
        flex-direction: column;
        flex: 1;
        overflow: auto;
        padding-bottom: 32px
    }
    .mcs-nav--btns {
        margin: 0;
        padding: 16px 0;
        border-top: 1px solid #e7e7ef;
        justify-content: center
    }
    .mcs-nav--btns .mcs-btn {
        margin: 0 4px
    }
    .mcs-subnav {
        position: relative;
        top: unset;
        background: 0 0;
        border: 0;
        left: unset;
        transform: unset;
        opacity: 1;
        pointer-events: all;
        flex-direction: column;
        padding: 0;
        transition: unset
    }
    .mcs-subnav--section {
        border: 0;
        padding: 0
    }
    .mcs-subnav--heading {
        padding: 8px 24px;
        margin: 24px 0 8px 0
    }
    .mcs-subnav--cols {
        flex-direction: column;
        margin: 0
    }
    .mcs-subnav--col {
        width: auto;
        margin: 0
    }
    .mcs-subnav--item {
        padding: 8px 24px;
        border-radius: 0
    }
    .mcs-hero {
        padding: 24px 0 48px 0
    }
    .mcs-hero--wrap {
        width: 100%;
        padding: 0 24px;
        justify-content: center
    }
    .mcs-hero--content {
        width: auto;
        max-width: unset;
        padding: 24px 0 0 0
    }
    .mcs-hero--heading {
        font-size: 32px;
        text-align: center
    }
    .mcs-hero--copy {
        font-size: 16px;
        text-align: center
    }
    .mcs-hero--btns {
        flex-direction: column;
        align-items: center
    }
    .mcs-hero--btns .mcs-btn {
        margin-right: 0;
        margin-bottom: 8px
    }
    .mcs-hero--cards .mcs-hero--media,
    .mcs-hero--media {
        display: none
    }
    .mcs-hero--cards .mcs-hero--heading {
        font-size: 32px;
        line-height: 44px
    }
    .mcs-title {
        padding: 60px 24px;
    }
    .mcs-title--wrap {
        flex-direction: column;
    }
    .mcs-title--content {
        margin: 0 0 32px 0;
    }
    .mcs-title--heading {
        font-size: 32px;
    }
    .mcs-title--media {
        width: 100%;
        padding-bottom: 56.25%;
    }
    .mcs-logos {
        border-bottom: 1px solid #e7e7ef;
        padding: 34px 24px
    }
    .mcs-logos--wrap {
        justify-content: center;
        flex-wrap: wrap
    }
    .mcs-logos--heading {
        font-size: 20px;
        line-height: 27px
    }
    .mcs-logos--img {
        margin: 16px
    }
    .mcs-logos--wrap {
        justify-content: space-around;
    }
    .mcs-logo {
        width: 25%;
        padding: 16px;
    }
    .mcs-intro--subheading {
        font-size: 20px;
        line-height: 27px
    }
    .mcs-intro--heading {
        font-size: 24px;
        line-height: 33px
    }
    .mcs-article {
        padding: 60px 24px
    }
    .mcs-article--wrap {
        flex-direction: column
    }
    .mcs-section--subheading {
        font-size: 20px;
        line-height: 27px
    }
    .mcs-section--heading {
        font-size: 24px;
        line-height: 33px
    }
    .mcs-article--media {
        padding: 0 0 32px 0
    }
    .mcs-tools {
        padding: 60px 24px
    }
    .mcs-tools--cards {
        flex-direction: column;
        width: 100%
    }
    .mcs-tools--card,
    .mcs-tools--cards-four .mcs-tools--card {
        display: flex;
        width: auto
    }
    .mcs-section--media {
        flex-direction: column;
        width: 100%
    }
    .mcs-highlights {
        padding: 60px 24px
    }
    .mcs-highlight {
        width: 100%;
        order: 2
    }
    .mcs-highlight--heading {
        font-size: 36px;
        line-height: 49px
    }
    .mcs-feature {
        padding: 36px 24px
    }
    .mcs-feature--body {
        flex-direction: column;
        margin-bottom: 0
    }
    .mcs-feature--media,
    .mcs-feature--reversed .mcs-feature--media {
        order: 1
    }
    .mcs-feature--content,
    .mcs-feature--reversed .mcs-feature--content {
        order: 2;
        padding: 24px 0;
        width: 100%
    }
    .mcs-feature--subheading-copy {
        font-size: 20px;
        line-height: 27px
    }
    .mcs-feature--heading {
        font-size: 24px;
        line-height: 33px
    }
    .mcs-feature--media-img {
        border-radius: 6px
    }
    .mcs-tags {
        display: none
    }
    .mcs-cta {
        padding: 0
    }
    .mcs-cta--wrap {
        border-radius: 0;
        padding: 48px 24px
    }
    .mcs-cta--heading {
        font-size: 24px;
        line-height: 33px
    }
    .mcs-cta--btns .mcs-btn {
        padding: 12px 28px
    }
    .mcs-pricing--table {
        flex-direction: column;
        margin-bottom: 0
    }
    .mcs-pricing--tier {
        width: 100%;
        margin-bottom: 32px
    }
    .mcs-tier--content {
    }
    .mcs-tabs {
        padding: 24px 0 0 0
    }
    .mcs-tab {
        width: auto;
        flex: 1
    }
    .mcs-tab:first-child {
        border-left-width: 0
    }
    .mcs-tab:first-child {
        border-right-width: 0
    }
    .mcs-resources {
        padding: 60px 24px
    }
    .mcs-resource-cards {
        flex-direction: column
    }
    .mcs-resource-card {
        width: auto
    }
    .mcs-testimonials {
        padding: 60px 24px
    }
    .mcs-testimonial--content {
        margin-right: 0;
        height: 420px
    }
    .mcs-testimonial--copy {
        margin-bottom: 32px
    }
    .mcs-testimonial--role {
        margin-bottom: 24px
    }
    .mcs-testimonial--hero {
        display: none
    }
    .mcs-callout {
        padding: 60px 24px
    }
    .mcs-callout--heading {
        font-size: 20px;
        line-height: 27px
    }
    .mcs-callout--btns {
        flex-direction: column;
        align-items: center
    }
    .mcs-promo {
        padding: 60px 24px
    }
    .mcs-buttons {
        padding: 60px 24px
    }
    .mcs-buttons--btns {
        flex-direction: column;
        align-items: center
    }
    .mcs-quotes {
        padding: 40px 24px 8px 24px
    }
    .mcs-quotes--wrap {
        flex-direction: column
    }
    .mcs-quote {
        width: 100%;
        margin-bottom: 32px
    }
    .mcs-quote--bubble {
        padding: 32px
    }
    .mcs-contact {
        padding: 40px 0
    }
    .mcs-contact--wrap {
        flex-direction: column
    }
    .mcs-contact--content {
        padding: 60px 24px 0 24px;
        margin: 0;
        order: 2
    }
    .mcs-contact--subheading {
        font-size: 20px;
        text-align: center;
        line-height: 27px
    }
    .mcs-contact--heading {
        font-size: 24px;
        line-height: 33px;
        text-align: center
    }
    .mcs-contact--form {
        box-shadow: unset;
        border-radius: unset;
        padding: 0;
        order: 1;
        border-bottom: 1px solid #e7e7ef;
        padding: 0 24px 60px 24px;
        width: 100%
    }
    .mcs-form--heading {
        text-align: center;
        font-size: 20px;
        line-height: 160%
    }
    .mcs-form--copy {
        text-align: center
    }
    .mcs-form--btns {
        justify-content: center
    }
    .mcs-form--cols {
        flex-direction: column
    }
    .mcs-form--col {
        width: 100%
    }
    .mcs-form--cols-nested .mcs-form--field,
    .mcs-form--field {
        margin: 12px 0 0 0
    }
    .mcs-apply {
        border-top: 1px solid #e7e7ef;
        margin-top: 36px
    }
    .mcs-apply--form {
        width: 100%;
        padding: 0;
        box-shadow: unset
    }
    .mcs-terms {
        padding: 24px
    }
    .mcs-terms--wrap {
        padding: 24px
    }
    .mcs-bits {
        padding: 60px 24px
    }
    .mcs-bits--wrap {
        flex-direction: column
    }
    .mcs-bits .mcs-bit {
        width: 100%;
        margin-bottom: 32px
    }
    .mcs-bit:last-child {
        margin-bottom: 0
    }
    .mcs-bit .mcs-btn {
        margin: 24px 0
    }
    .mcs-certified {
        padding: 60px 24px
    }
    .mcs-content {
        padding: 60px 24px
    }
    .mcs-content--heading {
        font-size: 24px;
        line-height: 33px
    }
    .mcs-content--subheading {
        font-size: 20px;
        line-height: 27px
    }
    .mcs-content--lead {
        font-size: 19px;
        line-height: 26px
    }
    .mcs-content--copy {
        margin-bottom: 24px
    }
    .mcs-content--cols {
        flex-direction: column
    }
    .mcs-content--col {
        width: 100%
    }
    .mcs-detail {
        padding: 60px 24px
    }
    .mcs-detail--wrap {
        flex-direction: column
    }
    .mcs-detail--content {
        margin: 0 0 32px 0
    }
    .mcs-about {
        padding: 60px 24px;
    }
    .mcs-about--wrap {
        flex-direction: column;
    }
    .mcs-about--content {
        width: 100%;
        margin: 0;
        order: 2;
    }
    .mcs-about--img {
        width: 100%;
        margin: 0 0 48px 0;
    }
    .mcs-careers--card {
        flex-direction: column;
        align-items: flex-start;
    }
    .mcs-careers--card-heading {
        margin: 0 0 4px 0;
    }
    .mcs-careers--card-copy {
        flex: unset;
        margin: 0 0 16px 0;
    }
    .group-below {
        padding-bottom: 0
    }
    .group-above {
        padding-top: 0
    }
    .mcs-bits.group-above {
        padding-top: 36px
    }
    .mcs-footer {
        padding: 24px
    }
    .mcs-footer--btns,
    .mcs-footer--ident {
        width: auto
    }
    .mcs-footer--cols {
        flex-direction: column
    }
    .mcs-footer--col {
        width: 100%
    }
    .mcs-copyright--wrap {
        flex-direction: column
    }
    .mcs-copyright--copy {
        order: 2;
        margin: 8px 0
    }
    .mcs-copyright--links {
        order: 1;
        margin: 8px 0
    }
    .hide-on-mobile {
        display: none
    }
    .mcs-banner--copy .hide-on-mobile {
        display: none
    }
    .show-on-mobile {
        display: flex
    }
    .mcs-subnav--section.show-on-mobile {
        flex-direction: column
    }
    .mcs-modal--dialog {
        width: 100%;
        margin: 0;
        border-radius: 0
    }
    .mcs-modal--header {
        border: 0;
        padding: 0
    }
    .mcs-modal--title {
        display: none
    }
    .mcs-modal--close {
        position: absolute;
        top: 24px;
        right: 24px
    }
    .mcs-table {
        border-bottom: 1px solid #e7e7ef;
    }
    .mcs-table--row {
        flex-wrap: wrap;
    }
    .mcs-table--section .mcs-table--cell-copy {
        text-transform: uppercase;
        font-size: 12px
    }
    .mcs-table--cell {
        border: 0;
        width: 33.33%;
    }
    .mcs-table--cell-label {
        width: 100%;
        padding-left: 24px;
    }
    .mcs-table--header .mcs-table--cell-empty {
        display: none
    }
    .mcs-table--section .mcs-table--cell-label {
        width: 100%
    }
    .mcs-table--section .mcs-table--cell:nth-child(2),
    .mcs-table--section .mcs-table--cell:nth-child(3),
    .mcs-table--section .mcs-table--cell:nth-child(4) {
        display: none
    }
    .mcs-table--group {
        padding: 0;
    }
    .mcs-table--group:nth-child(even) {
        background: unset;
    }
    .mcs-table--cell:nth-child(3), .mcs-table--cell:nth-child(4) {
        border-left: 1px solid #E7E7EF;
    }
    .mcs-table--row.mcs-table--header .mcs-table--cell {
        border: 0;
        justify-content: flex-start;
    }
    .mcs-table--cell-price {
        margin-bottom: 8px;
    }
    .mcs-table--section .mcs-table--cell-label {
        background: #E7E7EF;
    }
    .mcs-table--cell-label {
        background: #F5F5FA;
    }
    .mcs-table--header .mcs-table--cell span {
        display: none;
    }
    .mcs-modal--footer {
        padding-left: 20px;
        flex-direction: column;
        align-items: stretch
    }
    .mcs-modal--footer .mcs-link {
        display: none
    }
    .mcs-modal--footer .mcs-btn {
        justify-content: center
    }
    .option-1 .mcs-table--row .mcs-table--cell:nth-child(3),
    .option-1 .mcs-table--row .mcs-table--cell:nth-child(4) {
        display: none
    }
    .option-2 .mcs-table--row .mcs-table--cell:nth-child(2),
    .option-2 .mcs-table--row .mcs-table--cell:nth-child(4) {
        display: none
    }
    .option-3 .mcs-table--row .mcs-table--cell:nth-child(2),
    .option-3 .mcs-table--row .mcs-table--cell:nth-child(3) {
        display: none
    }
    .mcs-scrollnav {
        display: none
    }
    .add-padding-more {
        padding-top: 77px
    }
    .anchor {
        margin-top: -77px
    }
}

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

    .mcs-badges {
        flex-direction: column;
        align-items: center;
    }

    .mcs-badge {
        margin: 0 0 8px 0;
    }

    .mcs-badge--img {
        width: 200px;
    }

}

.cookie-notification {
    background: rgba(30, 144, 255, .8);
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 24px 36px;
    z-index: 9999;
    backdrop-filter: blur(36px);
    display: none;
    flex-wrap: wrap;
    align-items: center
}

.cookie-notification--title {
    flex: 1;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #fff
}

.cookie-notification--btns {
    display: flex;
    margin-bottom: 8px
}

.cookie-notification--btn-privacy {
    padding: 8px 24px;
    border-radius: 4px;
    font-size: 13px;
    color: #fff
}

.cookie-notification--btn-privacy:hover {
    color: #fff
}

.cookie-notification--btn-acknowledge {
    padding: 8px 24px;
    border-radius: 4px;
    font-size: 13px;
    margin-left: 4px;
    background: #fff;
    color: #1e90ff;
    cursor: pointer
}

.cookie-notification--btn-acknowledge:hover {
    color: #1e90ff
}

.cookie-notification--copy {
    font-size: 13px;
    min-width: 100%;
    color: #fff
}

.cookie-notification--copy a {
    color: #fff;
    font-weight: 600
}

.cookie-notification--copy a:hover {
    color: #fff
}

@media screen and (max-width:1200px) {
    .cookie-notification--title {
        order: 1
    }
    .cookie-notification--btns {
        order: 3
    }
    .cookie-notification--btn-privacy {
        margin-left: 4px;
        order: 2
    }
    .cookie-notification--btn-acknowledge {
        margin-left: 0;
        order: 1
    }
    .cookie-notification--copy {
        order: 2;
        margin-bottom: 12px
    }
}