body {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: -0.01em;
  background: #082131;
  color: #fff;
}
a, a:visited {
  color: #6AC346;
  text-decoration: underline;
}
a:hover {
  color: #fff;
}

/* Heading
---------------------------------- */
h1, h2, h3, h4, h5, h6 {
  letter-spacing: -0.02em;
}
h1 {
  font-size: 33px;
  line-height: 120%;
}
h2 {
  font-size: 26px;
  line-height: 130%;
}
h3 {
  font-size: 20px;
  line-height: 140%;
}
h4 {
  font-size: 18px;
  line-height: 140%;
}
h5 {
  font-size: 16px;
  line-height: 150%;
}
h6 {
  font-size: 13px;
  line-height: 150%;
}


/* Header
---------------------------------- */
.header-outer {
  background-image: url(https://pages.lenovo.com/rs/183-WCT-620/images/220414-ServiceRecap-LP-BgHeaderMobi.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}
.header-outer .byn-logo-lenovo {
  top: 100px;
  right: 0;
  margin-bottom: 30px;
}


/* Timeline
---------------------------------- */
.timeline-outer {
  background-image: url(https://pages.lenovo.com/rs/183-WCT-620/images/220414-ServiceRecap-LP-BgTimeline.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 300% auto;
}
.timeline-outer .sec-body {
  overflow-x: scroll;
  overflow-y: hidden;
}
.timeline-outer .timeline {
  width: 1110px;
}
.timeline-list {
  display: flex;
  flex-wrap: wrap;
  align-items: top;
  white-space: normal;
}
.timeline-list .timeline-list-item {
  width: calc(100% / 5 - 10px);
  padding: 15px;
  margin: 0 5px;
  background: rgba(255,255,255, 0.1);
  border-radius: 4px;
}
.timeline-list .timeline-list-item figure {
  position: relative;
}
.timeline-list .timeline-list-item figure figcaption {
  position: absolute;
  display: inline-block;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  padding: 5px 20px;
  border-radius: 4px;
}
.timeline-list .timeline-list-item li {
  margin-bottom: 15px;
}
.timeline-list .timeline-list-item figure figcaption::after {
  content: '';
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;

  border-bottom: 15px solid black;
}
.timeline-list .timeline-list-item figure figcaption.ci-bg-cyan::after {
  border-bottom-color: #46C8E1;
}
.timeline-list .timeline-list-item figure figcaption.ci-bg-pink::after {
  border-bottom-color: #F04187;
}
.timeline-list .timeline-list-item figure figcaption.ci-bg-orange::after {
  border-bottom-color: #FF6A00;
}
.timeline-list .timeline-list-item figure figcaption.ci-bg-purple::after {
  border-bottom-color: #8246AF;
}
.timeline-list .timeline-list-item figure figcaption.ci-bg-green::after {
  border-bottom-color: #6AC346;
}


/* Final CTA
---------------------------------- */
.finalcta-outer {
  background-image: url(https://pages.lenovo.com/rs/183-WCT-620/images/220414-ServiceRecap-LP-BgFinalCTA.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.finalcta-outer .ci-btn {
  width: 100%;
}


/* Win Cases
---------------------------------- */
.wincases-outer {
  background: rgb(13,133,159);
  background: linear-gradient(to bottom, #16354D, #040B0F);
}


/* Tabbed widget
---------------------------------- */
.CiTab.sticky {
  position: sticky;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 30px 20px rgba(0,0,0, 0.3);
}
.tabfy-outer .nav-tabs {
  background-color: #040B0F;
  border-bottom: 4px solid #3E8DDD;
}
.tabfy-outer .nav-tabs .nav-item {
  width: calc(100% / 5);
  text-align: center;
}
.tabfy-outer .nav-tabs .nav-link {
  border-radius: 0;
  text-decoration: none;
  color: #777;
  padding: 10px 0;
  border: 0;
  border-top: 4px solid transparent;
  margin-bottom: -4px;
  font-size: 14px;
  line-height: 140%;
}
.tabfy-outer .nav-tabs .nav-link:hover {
  color: #fff;
}
.tabfy-outer .nav-tabs .nav-link.active {
  background: #082131;
  border: 0;
  border-top: 4px solid #3E8DDD;
  color: #fff;
}

/* Background */
#tabFY1819,
#tabFY1920,
#tabFY2021,
#tabFY2122,
#tabFY2223 {
  background-image: url(https://pages.lenovo.com/rs/183-WCT-620/images/220414-ServiceRecap-LP-BgFY1819.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}
#tabFY1920 { background-image: url(https://pages.lenovo.com/rs/183-WCT-620/images/220414-ServiceRecap-LP-BgFY1920.jpg); }
#tabFY2021 { background-image: url(https://pages.lenovo.com/rs/183-WCT-620/images/220414-ServiceRecap-LP-BgFY2021.jpg); }
#tabFY2122 { background-image: url(https://pages.lenovo.com/rs/183-WCT-620/images/220414-ServiceRecap-LP-BgFY2122.jpg); }
#tabFY2223 { background-image: url(https://pages.lenovo.com/rs/183-WCT-620/images/220414-ServiceRecap-LP-BgFY2223.jpg); }

/* Campaign */
.campaign-header {
  background: #8246AF url(https://pages.lenovo.com/rs/183-WCT-620/images/220414-ServiceRecap-LP-BgCampaignHeader.png) no-repeat left center;
  background-size: auto 101%;
  padding: 5px 70px 5px 0;
  position: relative;
}
.campaign-header::before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  aspect-ratio: 1 / 1;
  background: url(https://pages.lenovo.com/rs/183-WCT-620/images/220414-ServiceRecap-LP-BgCampaignHeaderBefore.png) no-repeat center center;
  background-size: cover;
}
.campaign-header::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  aspect-ratio: 1 / 1;
  background: url(https://pages.lenovo.com/rs/183-WCT-620/images/220414-ServiceRecap-LP-BgCampaignHeaderAfter.png) no-repeat center center;
  background-size: cover;
}

/* Assets */
.sec-assets > div {
  margin-bottom: 30px
}

/* Highlight */
.sec-highlight .item {
  position: relative;
}
.sec-highlight .item::after {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 60px;
  background: rgba(255,255,255, 0.2);
}
.sec-highlight .item::before {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 60px;
  background: rgba(255,255,255, 0.2);
}
.sec-highlight .item img {
  display: block;
  margin: 10px auto;
  width: 95%;
  max-width: 278px;
  height: auto;
}
#tabFY2122 .sec-highlight .item img,
#tabFY2223 .sec-highlight .item img {
  max-width: 464px;
}

/* Outcome-based */
.sec-outcomebased,
.sec-Len360 {
  background: rgb(13,133,159);
  background: linear-gradient(to bottom left, #1B384B, #082131);
}
.sec-outcomebased img {
  width: 100%;
}


/* Video popup
---------------------------------- */
.modal-body {
  border-radius: 0;
  padding: 0;
}
.modal-content {
  border-radius: 0;
  background: none;
}

/* <> Responsive video embed <> */
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}