.flex {
    justify-content: space-between;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
.section-container {
    padding-left: 0;
    padding-right: 0;
}

.pre-title {
    font-size: var(--font-size-sm);
    font-weight: 600;
    line-height: 1.5;
}
body.admin-bar .menu {
    top: 32px;
}
.sticky .menu-left__list>.menu-item>a, 
.sticky .menu-left__list>.menu-item>a:after, 
.sticky .menu-right__list .buttons .menu__buttons .btn--signin>a, 
.sticky .menu-right__list .fa-envelope, 
.sticky .menu-right__list .fa-search, 
.sticky .menu-right__list>.menu-item>a {
    color: var(--color-white);
}
.menu.sticky .menu-left__list>.menu-item-has-children>a:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' stroke-width='96'%3E%3Cpath fill='%23fff' d='M100 148.6L40.3 89c-5.5-5.5-5.5-14.2 0-19.7s14.2-5.5 19.7 0L100 109.3l40-40c5.5-5.5 14.2-5.5 19.7 0s5.5 14.2 0 19.7L100 148.6z'/%3E%3C/svg%3E");
}
.sticky .menu-right__list .btn--search a svg {
    fill: var(--color-white);
    stroke: var(--color-white);
}
.sticky>a>img {
    content: initial;
}
.sticky .menu-image img {
  content: initial;
}
.sticky .menu-hamburger .menu-hamburger__wrapper span {
    background-color: var(--color-white);
}
#cs-header {
    padding: 130px 0 25px;
    background-color: var(--color-bg-blockquote);
}
.page-template-page-customers-success-offer-page #cs-header {
    padding-top: 108px;
}
#cs-header .flex {
    justify-content: flex-start;
}
#cs-header .text-area {
    margin-left: 22px;
}
#cs-header .text-area .page-title {
    margin-top: 0;
    margin-bottom: 2px;
    font-size: var(--font-size-2xl);
    font-weight: 700;
    line-height: 1.4;
}
#cs-header .text-area .subtitle {
    font-size: var(--font-size-base);
    font-weight: 500;
}

#content {
    padding: 53px 0 100px;
}
#content > .section-container.flex {
    align-items: flex-start;
}
#content .sidebar {
    position: sticky;
    top: 130px;
    width: 21.5%;
}
#content .sidebar .sidebar-title {
    font-size: var(--font-size-md);
    line-height: 1.5;
    font-weight: 600;
}
#content .sidebar .mobile-inner-nav-trigger {
    display: none;
}
#content .sidebar .sidebar-nav-wrapper {
    position: relative;
}
#content .sidebar .sidebar-nav-wrapper .scroller {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
}
#content .sidebar .sidebar-nav-wrapper .scroller .bar {
    width: 100%;
    height: 100%;
    background-color: #e5e5e5;
}
#content .sidebar .sidebar-nav-wrapper .scroller .handle {
    position: absolute;
    top: 0;
    width: 100%;
    height: 24px;
    background: var(--color-brand-accent);
}
#content .sidebar .sidebar-menu {
    list-style-type: none;
    margin-top: 22px;
    padding-left: 26px;
}
#content .sidebar .sidebar-menu-item + .sidebar-menu-item {
    margin-top: 20px;
}
#content .sidebar .sidebar-menu-item a {
    font-size: var(--font-size-base);
    line-height: 1.5;
    color: var(--color-brand-primary);
}
#content .sidebar .sidebar-menu-item.active a {
    color: var(--color-brand-accent);
}
#content .sidebar-btn-wrapper {
    margin-top: 43px;
    padding: 30px 20px;
    text-align: center;
    border: 1px solid var(--color-border-default);
    border-radius: 5px;
}
#content .sidebar-btn-wrapper.mobile-only {
    display: none;
}
#content .sidebar-btn-wrapper .pre-btn {
    margin-bottom: 18px;
    font-size: var(--font-size-base);
    font-weight: 500;
}
#content .sidebar-btn-wrapper .sidebar-btn {
    display: block;
    width: 203px;
    /* height: 41px; */
    max-width: 100%;
    line-height: 41px;
    margin: 0 auto;
    font-size: var(--font-size-sm);
    font-weight: 700;
    background-color: var(--color-brand-secondary);
    color: var(--color-white);
    border: 2px solid var(--color-brand-secondary);
    border-radius: 5px;
    transition: background-color .3s ease-in;
}
#content .sidebar-btn-wrapper .sidebar-btn:hover {
    text-decoration: none;
    background-color: var(--color-white);
    color: var(--color-brand-secondary);
}

#content .main-col {
    width: 66%;
}
.page-template-page-customers-success-offer-page #overview {
    margin-bottom: 26px;
    border-bottom: 1px solid var(--color-border-default);
}
#content .main-col .intro-text p {
    margin-bottom: 26px;
    line-height: 1.5;
}
#content .overview-boxes {
    margin-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--color-border-default);
}
#content .overview-box {
    align-items: center;
    padding: 20px 38px 18px;
    border: 1px solid var(--color-border-default);
    border-radius: 5px;
}
#content .overview-box .icon-wrapper {
    flex-shrink: 0;
}
#content .overview-box .text-col {
    margin-left: 54px;
}
#content .overview-box .text-col .box-title {
    margin-bottom: 6px;
    font-size: var(--font-size-lg);
    font-weight: 700;
}
#content .overview-box .text-col .box-desc {
    line-height: 1.5;
}
#content .overview-box .text-col .box-link {
    position: relative;
    top: -4px;
    font-size: var(--font-size-base);
    font-weight: 500;
    color: var(--color-brand-secondary);
}
#content .overview-box .text-col .box-link:before {
    content: "\f078";
    padding: 10px 10px 10px 0;
    font-family: 'Font Awesome 5 Free';
    font-size: 1em;
    font-weight: 700;
    color: var(--color-brand-secondary);
}
#content .overview-box .text-col .box-link:hover:after {
    content: "";
    position: absolute;
    bottom: 3px;
    right: 0;
    left: 22px;
    height: 1px;
    background-color: var(--color-brand-secondary);
}
#content .overview-box .text-col .box-link:hover {
    text-decoration: none;
}
#content .overview-box + .overview-box {
    margin-top: 10px;
}

.section-title {
    text-align: left;
    font-size: var(--font-size-5xl);
    font-weight: 700;
}
.page-template-page-customers-success-offer-page .section-title {
    margin-top: 0;
}
#content .cs-section {
    padding-bottom: 40px;
    border-bottom: 1px solid var(--color-border-default);
}
#content .cs-section:last-child {
    border-bottom: none;
}
#content .cs-section + .cs-section {
    padding-top: 38px;
}
#professional-services {
    padding-top: 33px;
}
#content .cs-section .entry-content {
    margin-top: 21px;
}
#content .cs-section .entry-content p {
    margin-bottom: 26px;
    line-height: 1.5;
}
#content .cs-section .lists-title {
    font-size: var(--font-size-xl);
}
#content .cs-section .lists-wrapper {
    margin-top: 20px;
}
#content .cs-section .section-list .list-title {
    margin: 0;
    padding: 14px;
    text-align: center;
    font-size: var(--font-size-md);
    font-weight: 700;
    color: var(--color-white);
}
.page-template-page-customers-success-offer-page #content .cs-section .section-list .list-title {
    padding: 14px 19px;
    text-align: left;
}
#content .cs-section .section-list.grey .list-title {
    background: var(--color-text-secondary);
}
#content .cs-section .section-list.blue .list-title {
    background: var(--color-brand-secondary);
}
#content .cs-section .section-list .list-item {
    margin-top: 6px;
    padding: 20px 19px;
}
#content .cs-section .section-list.grey .list-item {
    background-color: rgba(116,127,157,0.2);
}
#content .cs-section .section-list.blue .list-item {
    background-color: rgba(16,132,189,0.2);
}
#content .cs-section .section-list .list-item .item-title {
    margin: 0;
    font-size: var(--font-size-md);
    font-weight: 700;
    color: var(--color-gray-900);
}
#content .cs-section .section-list .list-item .excerpt {
    margin-top: 10px;
    font-size: var(--font-size-base);
    font-weight: 500;
    color: var(--color-gray-900);
}
.page-template-page-customers-success-offer-page #content .cs-section .section-list .list-item .excerpt {
    margin-top: 0;
}
#content .cs-section .section-list .list-item .list-item-link {
    position: relative;
    display: inline-block;
    margin-top: 7px;
    font-size: var(--font-size-base);
    font-weight: 500;
    color: var(--color-brand-secondary);
}
#content .cs-section .section-list .list-item .list-item-link:before {
    content: "\f054";
    padding: 10px 10px 10px 0;
    font-family: 'Font Awesome 5 Free';
    font-size: 1em;
    font-weight: 700;
    color: var(--color-brand-secondary);
    transform: rotate(270deg);   
}
#content .cs-section .section-list .list-item .list-item-link:hover:after {
    content: "";
    position: absolute;
    bottom: 3px;
    right: 0;
    left: 21px;
    height: 1px;
    background-color: var(--color-brand-secondary);
}
#content .cs-section .section-list .list-item .list-item-link:hover {
    text-decoration: none;
}
#content .cs-section .section-list + .section-list {
    margin-top: 21px;
}

@media (max-width: 64em) {
  .page-template-page-customers-success .menu-left {top: 60px}
  .page-template-page-customers-success .menu-left .menu-left__list {margin-block: 0}
}

@media screen and (max-width: 1279px) {
    body h4:after {
        display: none;
    }
    #content .sidebar {
        width: 27.5%;
    }
    #content .overview-box {
        padding: 20px 18px 18px;
    }
    #content .overview-box .text-col {
        margin-left: 26px;
    }
}

@media screen and (max-width: 1223px) {
    body > .menu .section-container.flex {
        max-width: 960px;
    }
}
@media screen and (max-width: 991px) {
    body > .menu .section-container.flex {
        max-width: 720px;
    }
}
@media screen and (max-width: 578px) {
    body > .menu .section-container.flex {
        padding: 0 20px;
    }
}

@media screen and (max-width: 1023px) {
    #content > .section-container.flex {
        flex-wrap: wrap;
    }
    #content .sidebar-btn-wrapper {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    body.fixed-pos {
        position: fixed;
        width: 100%;
        height: 100%;
    }
    .section-container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .section-title {
        font-size: var(--font-size-xl);
    }

    body > .menu {
        justify-content: space-between;
    }
    .menu-image {
        padding-left: 0;
    }
    .menu-hamburger {
        order: 3;
        justify-content: flex-end;
        width: 13%;
        padding-right: 20px;
    }
    .menu-right {
        margin-left: auto;
    }

    #cs-header {
        padding: 75px 0 20px;
    }
    .page-template-page-customers-success-offer-page #cs-header {
        padding-top: 60px;
    }
    #cs-header .flex {
        align-items: flex-start;
    }
    #cs-header img {
        width: 33px;
    }
    #cs-header .text-area {
        margin-left: 8px;
    }
    #cs-header .text-area .page-title {
        margin: 0 0 15px;
        font-size: var(--font-size-lg);
    }
    #cs-header .text-area .subtitle {
        margin-left: -41px;
    }

    #content {
        position: relative;
        padding-top: 0;
    }
    #content > .section-container.flex {
        display: block;
    }
    #content .sidebar {
        top: 60px;
        width: auto;
        margin: 0 -20px;
        z-index: 1;
    }
    #content .sidebar .mobile-inner-nav-trigger {
        display: block;
        position: relative;
        padding: 20px 20px 18px;
        font-size: var(--font-size-sm);
        font-weight: 500;
        color: var(--color-brand-primary);
        background: var(--color-white);
        border-bottom: 1px solid var(--color-text-secondary);
    }
    #content .sidebar .mobile-inner-nav-trigger:after {
        content: "\f078";
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        font-family: 'Font Awesome 5 Free';
        font-size: var(--font-size-base);
        font-weight: 700;
        color: var(--color-text-secondary);
    }
    #content .sidebar.open .mobile-inner-nav-trigger:after {
        transform: translateY(-50%) rotate(180deg);
    }
    #content .sidebar {
        position: sticky;
    }
    #content .sidebar .inner-wrapper {
        display: none;
        background: var(--color-white);
    }
    #content .sidebar .sidebar-btn-wrapper {
        display: none;
    }
    #content .sidebar-btn-wrapper.mobile-only {
        display: block;
    }

    .page-template-page-product-videos.fixed-pos #content {
        contain: none;
    }
    #content .sidebar.open {
        position: fixed;
        top: 60px;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
    }
    #content .sidebar.open .mobile-inner-nav-trigger {
        margin: 0;
    }
    #content .sidebar.open .inner-wrapper {
        display: block;
        position: absolute;
        top: 60px;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 20px;
        background: var(--color-white);
    }

    #content .main-col {
        width: auto;
        padding-top: 20px;
    }
    #content .overview-boxes {
        margin-top: 33px;
        padding-bottom: 22px;
    }
    #content .overview-box {
        padding: 25px 18px 24px;
        flex-direction: column;
        text-align: center;
    }
    #content .overview-box .text-col {
        margin-top: 15px;
        margin-left: 0;
    }
    #professional-services {
        padding-top: 17px;
    }

    #content .sidebar-btn-wrapper {
        margin: 0;
    }
    #content .sidebar-btn-wrapper .sidebar-btn {
        width: 260px;
    }
}