/******* Feature Content buttons https://www.wrike.com/open.htm?id=1757789586 ********/
 .feature__content .btn {
     position: relative;
     color: #012169;
     font-size: 1.125rem;
     padding: 0.375rem 3rem 0.375rem 1rem;
     line-height: 1.1;
}
 .feature__content .btn::after {
     position: absolute;
     top: 54%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     right: 0.75rem;
     width: 0.8rem;
}
 .feature__content.btn-link::after {
     content: url("../../_includes/images/site-wide/arrow-yellow.svg");
}
 .feature__content .btn-link:hover {
     text-decoration: none;
}
 .feature__content .btn-primary::after, .feature__content .btn-secondary::after, .feature__content .btn-dark::after {
     content: url("../../_includes/images/site-wide/arrow-white.svg");
}
 .feature__content .btn-light::after {
     content: url("../../_includes/images/site-wide/arrow-blue.svg");
}
 .feature__content .btn-dark {
     color: #f2a900;
     background-color: #012169;
     border-color: #012169;
}
 .feature__content.btn-dark:hover {
     background-color: #012169;
     color: #f2a900;
}
/*** cta button ***/
 .cta-button-btn.btn {
     position: relative;
     color: #012169;
     font-size: 1.125rem;
     padding: 0.375rem 3rem 0.375rem 1rem;
     line-height: 1.1;
}
 .cta-button-btn.btn::after {
     position: absolute;
     top: 54%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     right: 0.75rem;
     width: 0.8rem;
}
 .cta-button-btn.btn-link::after {
     content: url("../../_includes/images/site-wide/arrow-yellow.svg");
}
 .cta-button-btn.btn-link:hover {
     text-decoration: none;
}
 .cta-button-btn.btn-primary::after, .main-content .btn-secondary::after, .main-content .btn-dark::after {
     content: url("../../_includes/images/site-wide/arrow-white.svg");
}
 .cta-button-btn.btn-light::after {
     content: url("../../_includes/images/site-wide/arrow-blue.svg");
}
 .cta-button-btn.btn-primary {
     background-color: #f2a900;
     border-color: #f2a900;
}
 .cta-button-btn.btn-primary:hover {
     background-color: #ffbe26;
     color: #012169;
}
 .cta-button-btn.btn-secondary {
     background-color: #41b6e6;
     border-color: #41b6e6;
}
 .cta-button-btn.btn-secondary:hover {
     background-color: #6ec7ec;
     color: #012169;
}
 .cta-button-btn.btn-dark {
     color: #f2a900;
     background-color: #012169;
     border-color: #012169;
}
 .cta-button-btn.btn-dark:hover {
     background-color: #012169;
     color: #f2a900;
}
 .cta-button-btn.btn.btn-xl::after, .cta-button-btn.btn.btn-lg::after, .cta-button-btn.btn.btn-sm::after {
     top: 50%;
}
 .cta-button-btn.btn.btn-xl {
     font-size: 1.5rem;
     padding-top: 0.75rem;
     padding-bottom: 0.75rem;
}
 .cta-button-btn.btn.btn-xl::after {
     width: 1rem;
}
 .cta-button-btn.btn.btn-lg {
     font-size: 1.35rem;
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
}
 .cta-button-btn.btn.btn-lg::after {
     width: 0.9rem;
}
 .cta-button-btn.btn.btn-sm {
     font-size: 0.95rem;
     padding-top: 0.35rem;
     padding-bottom: 0.35rem;
}
 .cta-button-btn.btn.btn-sm::after {
     width: 0.65rem;
}
 .cta-button-btn.btn-block {
     text-align: left;
}
 .cta-button-btn.btn-search {
     padding: 0.375rem 0.75rem;
     font-size: 1rem;
     line-height: 1.1;
     background-color: #41b6e6;
}
/*** onboarding checklist ****/
 .checklist .h2.text-white {
     margin-bottom: inherit;
     font-size:2.45rem;
}
 .month.bg-primary {
     padding: .5rem .15rem;
}
 .checklist .h3 {
     color: #007dba;
     font-family: "Barlow Condensed", sans-serif;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 0.05em;
     padding-left: .5rem;
     font-size:2.5rem;
}
 .checklist .bg-light {
     background-color: #f8f8f7 !important;
}
/*HERO HOME */
 .hero-home {
     background-color: #101820;
     position: relative;
     overflow: hidden;
}
 .hero-home figure {
     opacity: 0.9;
}
 .hero-home .ratio-content {
     height: auto;
}
 .hero-home .hero-star {
     position: absolute;
     bottom: -66%;
     right: -10%;
     width: 60%;
}
 .display-2 {
     line-height: 1;
     color: #012169;
     font-family: "Barlow Condensed", sans-serif;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 0.05em;
}
 .hero-lead {
     color: #007dba;
     font-size: 1.5rem;
     font-weight: 400;
}
/* Home hero CTA */
 @media (min-width: 768px) {
     .hero-home__main {
         position: absolute;
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
    }
     .hero-home__main > .container {
         max-width: none;
    }
}
 .hero-home__content {
     position: relative;
     z-index: 0;
     padding: 2rem;
     display: block;
     text-decoration: none;
     transition: box-shadow ease 0.25s;
}
 .hero-home__content::before {
     position: absolute;
     top: 0;
     left: 0;
     z-index: -1;
     width: 100%;
     height: 100%;
     content: "";
     background-color: #012169;
     opacity: 0.9;
}
 @media (max-width: 767.98px) {
     .hero-home__content {
         background-color: #012169;
    }
}
 .hero-home__heading, .hero-home__subheading, .hero-home__action {
     color: #fff;
}
 .hero-home__heading {
     font-size: calc(1.275rem + 3.9vw);
     line-height: 1.1;
     font-family: "Spectral",serif;
     font-weight: 400;
     margin-bottom: 1.5rem;
}
 @media (min-width: 768px) {
     .hero-home__heading {
         font-size: 4.5vw;
    }
}
 @media (min-width: 2200px) {
     .hero-home__heading {
         font-size: 6rem;
    }
}
 .hero-home__subheading {
     font-size: 1.125rem;
     margin-bottom: 1.5rem;
}
 .hero-home__action {
     font-size: 1.125rem;
     line-height: 1.1;
     font-family: "Barlow Condensed",sans-serif;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: .05em;
}
 .hero-home__action::after {
     content: url(../../_includes/images/site-wide/arrow-yellow.svg);
     display: inline-block;
     vertical-align: text-bottom;
     width: 0.8rem;
     margin-left: 1rem;
}
 @media (max-width: 767.98px) {
     .hero-home .container {
         max-width: 100%;
         padding-right: 0;
         padding-left: 0;
    }
}
 a.hero-home__content:hover {
     box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1), 0px 8px 8px rgba(0, 0, 0, 0.1), 0px 16px 16px rgba(0, 0, 0, 0.1), 0px 32px 32px rgba(0, 0, 0, 0.1), 0px 64px 64px rgba(0, 0, 0, 0.1), 0px 128px 128px rgba(0, 0, 0, 0.1), 0px 256px 256px rgba(0, 0, 0, 0.1);
}
/*SECTION HEADING*/
 .section-heading {
     font-family: "Barlow Condensed", sans-serif;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: .05em;
     color: #012169;
}
 .section-heading::before {
     content: "";
     display: block;
     width: 100%;
     height: 5px;
     margin-right: auto;
     margin-left: auto;
     margin-bottom: 0.5rem;
     background-color: #f2a900;
}
/*STARBURST CTA*/
 .intro {
     position: relative;
     overflow: hidden;
     padding: 3rem 0;
}
 .intro::after {
     position: absolute;
     top: -42vw;
     right: -14%;
     width: 80%;
     max-width: 700px;
     content: url(../../_includes/images/site-wide/star.svg);
}
 @media (min-width: 576px) {
     .intro::after {
         top: -32vw;
         right: -10%;
         width: 60%;
    }
}
 @media (min-width: 1200px) {
     .intro::after {
         top: -370px;
    }
}
 .intro__content {
     position: relative;
     z-index: 1;
     padding-left: 4rem;
}
 @media (min-width: 576px) {
     .intro__content {
         padding-left: 8rem;
    }
}
 .intro__content::before {
     position: absolute;
     top: 0.45rem;
     left: 0;
     width: 2.5rem;
     content: url(../../_includes/images/site-wide/chevrons-yellow.svg);
}
 @media (min-width: 576px) {
     .intro__content::before {
         width: 5rem;
    }
}
 .display-1 {
     line-height: 1;
     color: #012169;
     -webkit-text-fill-color: transparent;
     -webkit-text-stroke-width: 2px;
     -webkit-text-stroke-color: #012169;
     font-family: "Barlow Condensed", sans-serif;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 0.05em;
}
 .lead {
     color: #007dba;
}
/*VIDEO JUMBO*/
 .text-video-jumbo {
     color: #A10B6E !important;
}
/*STAT COLUMNS ALTERNATE*/
 .stat-box-purple-number {
     color: #A10B6E;
     font-family: "Barlow Condensed", sans-serif;
     font-weight: 600;
     font-size: 4.5rem;
     line-height: 4rem;
     text-transform: uppercase;
     padding-top: 20px;
}
 .stat-box-yellow {
     background-color: #fdf8db;
     border: 1px solid #ffffff;
     color: #012169;
     font-size: 1.2rem;
}
/*FEATURE WITH IMAGE*/
 .feature {
     position: relative;
     width: 100%;
     max-width: 950px;
}
 .feature__img, .feature__content {
     position: relative;
     z-index: 1;
}
 .feature__content {
     width: 100%;
     color: #fff;
     background-color: #012169;
     padding: 3rem 2rem;
}
 .feature__content .btn {
     padding-left: 0;
}
 .feature__heading {
     color: #fff;
     font-size: calc(1.375rem + 1.5vw);
     font-family: "Spectral", serif;
     font-weight: 700;
     text-transform: none;
     letter-spacing: normal;
}
 .feature__img {
     position: relative;
}
 .feature__img img {
     position: relative;
     z-index: 1;
}
 .feature__img::before {
     position: absolute;
     z-index: 0;
     top: 65%;
     content: "";
     display: block;
     width: 205px;
     height: 140px;
     border: 5px solid #f2a900;
}
 .feature__img {
     width: calc(100% - 3rem);
}
 @media (min-width: 768px) {
     .feature {
         display: -ms-flexbox;
         display: flex;
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
         padding-top: 110px;
    }
     .feature__img {
         position: absolute;
         -webkit-transform: translateY(-110px);
         transform: translateY(-110px);
         width: 50%;
         max-width: 50%;
    }
     .feature__img::before {
         content: none;
    }
     .feature__content {
         width: calc(100% - 2rem);
         max-width: 500px;
    }
     .feature .feature__content {
         width: 100%;
         max-width: 55%;
    }
     .feature__square {
         position: absolute;
         z-index: 0;
         top: 55px;
    }
     .feature__square::before {
         content: "";
         display: block;
         width: 250px;
         height: 95px;
         border: 5px solid #f2a900;
    }
}
 @media (min-width: 768px) {
     .feature__heading {
         font-size: 1.75rem;
    }
}
 @media (min-width: 1200px) {
     .feature__heading {
         font-size: 2rem;
    }
}
 .feature.feature-left {
     -ms-flex-pack: end;
     justify-content: flex-end;
}
 .feature.feature-left .feature__img {
     left: 0;
}
 .feature.feature-left .feature__img::before {
     right: calc(-2rem + 5px);
}
 .feature.feature-left .feature__square {
     right: calc(1rem + 5px);
}
 @media (min-width: 768px) {
     .feature.feature-left .feature__square {
         right: 27%;
    }
}
 .feature.feature-right {
     margin-left: auto;
}
 .feature.feature-right .feature__img {
     right: 0;
     margin-left: auto;
}
 .feature.feature-right .feature__img::before {
     left: calc(-2rem + 5px);
}
 .feature.feature-right .feature__square {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-pack: end;
     justify-content: flex-end;
     left: calc(1rem - 5px);
}
 @media (min-width: 768px) {
     .feature.feature-right .feature__square {
         left: 27%;
    }
}