:root {
  --font: "Montserrat", sans-serif;
  --mobile-img-bp: 991px;
  --desktop-img-bp: 992px;
  --mobile-copy-width: 540px;
  --primary: #294e95;
  --main: #000;
  --lenovoblack: #1e0013;
  --n0: #fff;
  --bg: #f7f7f7;
  --highlight: #e1251b;
  --highlight-hs: #7a126b;
  --highlight-hs-light: #d9c1d8;
  --link-dk: #d9c1d8;
  --lred: #b30e13;
  --lgreen: #060;
  --lviolet: #783f9b;
  --dpurple: #4d144a;
  --dblue: #11184f;
  --lenovopurple: #7a126b;
  --paleblue: #c9d0f0;
}
html {
  font-size: 16px;
}
body,
html {
  min-height: 100%;
  height: 100%;
}
body {
  font-family: var(--font);
  background-color: var(--main);
  transition: smooth;
}
.commonHeader,
.common_footer {
  font-family: Lato, Helvetica, Arial, sans-serif;
}
.commonHeader a {
  color: #000 !important;
  text-decoration: none !important;
}
.utility_nav_item_icon.utility_nav_item_store_icon {
  font-size: 16px !important;
}
.btn {
  border-radius: 4px;
  padding: 17px 46px;
  font-weight: 600;
  line-height: 1em;
  cursor: pointer;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
}
.btn-primary {
  border: 1px solid var(--primary);
  background-color: var(--primary);
  color: var(--n0);
}
.btn-primary:hover {
  background-color: #e3f2f9;
  color: var(--primary);
  border-color: var(--primary);
}
.btn-secondary:hover {
  border: 1px solid var(--primary);
  background-color: var(--primary);
}
.btn-secondary {
  border: 1px solid var(--n0);
  background-color: rgba(0, 0, 0, 0.7);
  color: var(--n0);
}
.z-container {
  max-width: 1920px;
  margin: 0 auto;
}
.z-cta {
  color: var(--paleblue);
  font-size: 18px;
  text-decoration: underline;
}
#blade-1,
#blade-2,
#blade-3,
#blade-4 {
  color: var(--n0);
}
#blade-2,
#blade-3,
#blade-4,
#blade-5,
#blade-6,
#blade-10 {
  max-width: 1920px;
  margin: auto;
}
.legion-hero {
  background-color: var(--main);
  height: 920px;
  position: relative;
  overflow: hidden;
}
.legion-video-wrapper {
  width: 100%;
  height: -webkit-fill-available;
  position: absolute;
  min-height: 500px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.legion-bg-video-content {
  display: block;
  width: 100%;
  height: -webkit-fill-available;
  padding: 0;
  overflow: hidden;
  position: relative;
  padding-top: 100vh;
}
.legion-bg-video-content:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(180deg, #00000000 0, #000 100%) 0 0
    no-repeat padding-box;
  opacity: 0.9;
}
.legion-bg-video-content-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: cover;
}
.legion-hero-content-container {
  max-width: 1920px;
  position: absolute;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: -webkit-fill-available;
}
.legion-logo-image {
  width: 400px;
  position: relative;
  left: 5%;
}
.legion-hero-cta {
  display: flex;
  position: relative;
  left: 5%;
  margin-top: 3.5em;
}
.btn-secondary {
  margin-left: 25px;
}
#blade-2 {
  position: relative;
  background-image: url(https://p3-ofp.static.pub/ShareResource/ww/landing-pages/legion-brand-2024/Agnostic-version/img/bg-legion-agnostic-1-v2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 1800px;
  overflow: hidden;
}
.blade-2-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  letter-spacing: 1px;
  padding-top: 4em;
}
.blade-2-ttl-1 {
  font-size: 3.75em;
}
.blade-2-ttl-2 {
  font-size: 4.5em;
  margin-top: -0.25em;
}
.blade-2-content {
  display: flex;
  max-width: 1920px;
  margin: 5% 0;
  flex-direction: row-reverse;
}
.blade-2-text {
  width: 40%;
  margin: 5%;
}
.blade-2-text-intro {
  font-size: 24px;
  font-weight: 600;
}
.blade-2-text-desc {
  font-size: 18px;
  margin-top: 1em;
}
.blade-2-img {
  position: absolute;
  top: 0;
  left: 0;
}
.blade-2-img-left {
  height: 960px;
}
.h-carousel-1 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.h-carousel-1-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 820px;
  width: 100%;
  max-width: 1700px;
  position: absolute;
  overflow: hidden;
  bottom: 0;
}
.blade-2-c-ttl {
  position: absolute;
  top: 0;
  margin: 0;
  text-align: center;
}
.blade-2-c-ttl-1 {
  font-size: 48px;
  font-weight: 600;
  margin-bottom: 0;
}
.blade-2-c-ttl-2 {
  font-size: 20px;
  margin-top: 0.5em;
}
.h-carousel-1-carousel-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100%;
  max-width: 800px;
}
.h-carousel-1-carousel-item {
  transition: transform 0.6s ease-in-out;
  position: absolute;
}
.h-carousel-1-carousel-item img {
  width: 765px;
  height: 480px;
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: 15px;
}
.h-carousel-1-carousel-item .carousel-img-text {
  position: absolute;
  left: 7%;
  bottom: 10%;
  max-width: 90%;
  width: 45%;
}
.h-carousel-1-carousel-item .carousel-img-text p:nth-child(1) {
  font-size: 36px;
  color: #c9d0f0;
  font-weight: 600;
  margin-bottom: 0.5em;
  line-height: 34px;
}
.h-carousel-1-carousel-item .carousel-img-text p:nth-child(2) {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0.5em !important;
  line-height: 28px;
}
.h-carousel-1-carousel-item .carousel-img-text p:nth-child(3) {
  font-size: 18px;
}
.h-carousel-1-control-next,
.h-carousel-1-control-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2rem;
  cursor: pointer;
  z-index: 1;
}
.h-carousel-1-control-prev {
  z-index: 1;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-image: none;
  background: #e6e2e4;
  left: 1%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 10px 10px 15px -10px #00000080;
  transition: all 0.6s !important;
}
.h-carousel-1-control-prev:hover {
  transition: all 0.6s !important;
}
.h-carousel-1-control-prev .arrow-left {
  width: 25px;
  height: 25px;
  background: url(https://p3-ofp.static.pub/ShareResource/ww/landing-pages/legion-brand-2024/Agnostic-version/img/lenovo-left-arrow.svg)
    center center;
  background-size: 25px;
  background-repeat: no-repeat;
  margin: auto;
}
.h-carousel-1-control-next {
  z-index: 1;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-image: none;
  background: #e6e2e4;
  right: 1%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  box-shadow: 10px 10px 15px -10px #00000080;
  transition: all 0.6s !important;
}
.h-carousel-1-control-next:hover {
  transition: all 0.6s !important;
}
.h-carousel-1-control-next .arrow-right {
  width: 25px;
  height: 25px;
  background: url(https://p3-ofp.static.pub/ShareResource/ww/landing-pages/legion-brand-2024/Agnostic-version/img/lenovo-right-arrow.svg)
    center center;
  background-size: 25px;
  background-repeat: no-repeat;
  margin: auto;
}
.carousel-dots {
  text-align: center;
  position: absolute;
  bottom: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dot {
  height: 12px;
  width: 12px;
  margin: 0 5px;
  background-color: #aba8b1;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.3s ease;
  cursor: pointer;
}
.dot.active {
  background-color: #e6e2e4;
  height: 18px;
  width: 18px;
}
#blade-3 {
  position: relative;
  background-image: url(https://p4-ofp.static.pub/ShareResource/ww/landing-pages/legion-brand-2025/Agnostic-version/img/bg-legion-agnostic-showcase-v3.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 4300px;
}
.blade-3-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  max-width: 100%;
  padding: 4em 2em 0;
}
.blade-3-ttl-1 {
  font-size: 3em;
  font-weight: 600;
  margin-bottom: 0;
}
.blade-3-ttl-2 {
  font-size: 1.25em;
  text-align: center;
}
.blade-3-ft-pdt-le-go-gen-2 {
  overflow-x: clip;
  min-height: 500px;
  margin-top: 5%;
}
.blade-3-ft-pdt-le-go-gen-2 .blade-3-ft-le-go-gen-2-container {
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
  min-height: inherit;
}
.blade-3-ft-le-go-gen-2-container .blade-3-ft-le-go-gen-2-left {
  width: 50%;
}
.blade-3-ft-le-go-gen-2-container .blade-3-ft-le-go-gen-2-left img {
  position: absolute;
  right: 5%;
  top: 0;
  left: 0;
  height: 500px;
}
.blade-3-ft-le-go-gen-2-container .blade-3-ft-le-go-gen-2-text {
  width: 35%;
  padding: 2em;
  z-index: 1;
}
.blade-3-ft-le-go-gen-2-container .blade-3-ft-le-go-gen-2-text p:nth-child(1) {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 0.5em;
}
.blade-3-ft-le-go-gen-2-container .blade-3-ft-le-go-gen-2-text p:nth-child(2) {
  font-size: 28px;
  font-weight: 600;
  margin: 0;
}
.blade-3-ft-le-go-gen-2-container .blade-3-ft-le-go-gen-2-text p:nth-child(3) {
  font-size: 18px;
  margin: 0.5em 0;
}
.blade-3-ft-pdt-le-9i-gen-10 {
  overflow-x: clip;
  min-height: 700px;
}
.blade-3-ft-pdt-le-9i-gen-10 .blade-3-ft-le-9i-gen-10-container {
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
  min-height: inherit;
}
.blade-3-ft-le-9i-gen-10-container .blade-3-ft-le-9i-gen-10-left {
  width: 40%;
}
.blade-3-ft-le-9i-gen-10-container .blade-3-ft-le-9i-gen-10-left img {
  position: absolute;
  height: 1060px;
  width: 1430px;
  left: -20%;
}
.blade-3-ft-le-9i-gen-10-container .blade-3-ft-le-fifa-player {
  position: absolute;
  top: -20%;
}
.blade-3-ft-le-9i-gen-10-container .blade-3-ft-le-fifa-player img {
  height: 500px;
}
.blade-3-ft-le-9i-gen-10-container .blade-3-ft-le-9i-gen-10-text {
  width: 30%;
  padding: 2em;
  z-index: 1;
  margin: 5% 5% 5% 15%;
  align-content: center;
}
.blade-3-ft-le-9i-gen-10-container
  .blade-3-ft-le-9i-gen-10-text
  p:nth-child(1) {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 0.5em;
}
.blade-3-ft-le-9i-gen-10-container
  .blade-3-ft-le-9i-gen-10-text
  p:nth-child(2) {
  font-size: 28px;
  font-weight: 600;
  margin: 0;
}
.blade-3-ft-le-9i-gen-10-container
  .blade-3-ft-le-9i-gen-10-text
  p:nth-child(3) {
  font-size: 18px;
  margin: 0.5em 0;
}
.blade-3-ft-le-9i-gen-10-container .blade-3-ft-le-9i-gen-10-right {
  width: 50%;
}
.blade-3-ft-le-9i-gen-10-container .blade-3-ft-le-9i-gen-10-right img {
  position: absolute;
  height: 700px;
  right: 0;
  top: -5%;
}
.lg-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1600px;
  margin: 10% auto auto auto;
}
.lg-card {
  max-width: 325px;
  text-align: center;
  position: relative;
  margin: 1em 0.5em;
  transition: all 0.5s ease;
}
.lg-card-bg-1 {
  background-image: url(https://p1-ofp.static.pub/ShareResource/ww/landing-pages/legion-brand-2025/Agnostic-version/img/lenovo-legion-tower-5-series-card-top-img.jpg);
}
.lg-card-bg-2 {
  background-image: url(https://p4-ofp.static.pub/ShareResource/ww/landing-pages/legion-brand-2025/Agnostic-version/img/lenovo-legion-tower-7i-card-top-img.jpg);
}
.lg-card-bg-3 {
  background-image: url(https://p1-ofp.static.pub/ShareResource/ww/landing-pages/legion-brand-2025/Agnostic-version/img/lenovo-legion-tab-card-top-img.jpg);
}
.lg-card-bg-4 {
  background-image: url(https://p4-ofp.static.pub/ShareResource/ww/landing-pages/legion-brand-2025/Agnostic-version/img/lenovo-legion-glasses-gen-2-card-top-img.png);
}
.lg-card-bg-5 {
  background-image: url(https://p3-ofp.static.pub/ShareResource/ww/landing-pages/legion-brand-2025/Agnostic-version/img/lenovo-legion-pro-27ud-10-monitor-card-top-img.jpg);
}
.lg-card-bg-1,
.lg-card-bg-2,
.lg-card-bg-3,
.lg-card-bg-4,
.lg-card-bg-5 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.lg-card:hover .lg-prod-img {
  transform: scale(1.07);
  transition: all 0.5s ease;
}
.lg-card:hover .lg-card-sect-2 {
  transition: all 0.25s ease;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
}
.lg-card-sect-1 {
  height: 297px;
}
.lg-card-sect-2 {
  background-color: rgb(36, 34, 153, 0.5);
  height: 380px;
  color: var(--n0);
  border-radius: 0 0 6px 6px;
}
.lg-product-copy {
  padding: 1.5em;
  text-align: left;
}
.lg-product {
  position: absolute;
  margin-top: -170px;
  width: 100%;
}
.lg-prod-img {
  height: 236px;
}
.lg-product-copy {
  position: relative;
  padding-top: 5em;
}
.lg-product-title {
  font-weight: 600 !important;
  font-size: 1.5em !important;
  margin-bottom: 0.5em;
}
.lg-product-tag {
  font-weight: 600;
  font-size: 1.6em;
  margin: 0;
}
.lg-product-desc {
  font-size: 1.125em !important;
  margin: 0.5em 0;
}
.cta-shop-all {
  display: flex;
  justify-content: center;
  margin-top: 3em;
}
#blade-4 {
  position: relative;
  background-image: url(https://p1-ofp.static.pub/ShareResource/ww/landing-pages/legion-brand-2025/Agnostic-version/img/lenovo-legion-agnostic-ecosystem-bg-img.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 1000px;
}
.blade-4-mob-img {
  display: none;
}
.blade-4-ttl {
  margin: 0;
  text-align: center;
  padding: 4em 2em 0;
}
.blade-4-ttl-1 {
  font-size: 48px;
  font-weight: 600;
  margin: 0;
}
.blade-4-ttl-2 {
  font-size: 20px;
  margin-top: 0.5em;
}
.ttip {
  position: relative;
  min-width: 25px;
  width: 25px;
}
.ttip-trigger {
  background: 0;
  border: 0;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ttip img {
  animation: pulse 1s infinite ease-in-out alternate;
  display: block;
  height: 24px;
  width: 24px;
}
@keyframes pulse {
  from {
    transform: scale(0.95);
  }
  to {
    transform: scale(1.05);
  }
}
.ttip:hover .ttip__text {
  opacity: 1;
  visibility: visible;
  transform: translateY(-5px);
}
.ttip__text {
  visibility: hidden;
  opacity: 0;
  min-width: 324px;
  color: #faeceb;
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.125);
  display: flex;
  flex-direction: column;
  text-align: center;
  position: absolute;
  padding: 1em;
  z-index: 1;
  bottom: 150%;
  right: -20px;
  pointer-events: auto;
  transition:
    transform 0.4s cubic-bezier(0.23, 1, 0.32, 1),
    0.3s opacity,
    0.3s visibility;
}
.ttip.active .ttip__text,
.ttip.is-open .ttip__text,
.ttip:focus .ttip__text,
.ttip:hover .ttip__text {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.ttip__text::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 28px;
  margin-left: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
}
.ttip.ttip-gaming-monitors .ttip__text,
.ttip.ttip-legion-go-series .ttip__text,
.ttip.ttip-legion-laptops .ttip__text,
.ttip.ttip-lg-backpack .ttip__text,
.ttip.ttip-lg-go .ttip__text {
  top: 150%;
  left: -20px;
  bottom: unset;
  right: unset;
}
.ttip.ttip-gaming-monitors .ttip__text::after,
.ttip.ttip-legion-go-series .ttip__text::after,
.ttip.ttip-legion-laptops .ttip__text::after,
.ttip.ttip-lg-backpack .ttip__text::after,
.ttip.ttip-lg-go .ttip__text::after {
  bottom: 100%;
  left: 28px;
  top: unset;
  right: unset;
  border-color: transparent transparent rgba(0, 0, 0, 0.7) transparent;
}
.ttip__text h5 {
  font-size: 36px;
  font-weight: 600;
  margin: 0;
  line-height: 34px;
}
.ttip__text p {
  font-size: 16px;
  margin: 1em 0;
}
.ttip__text .ttip-cta {
  padding: 10px;
  border: 1px solid var(--n0);
  border-radius: 4px;
  width: 50%;
  margin: auto;
  text-decoration: underline;
  color: var(--n0);
}
.ttip__text .ttip-cta:hover {
  background: #868b8e;
}
.ttip .link {
  font-size: 16px !important;
  color: var(--n0) !important;
  text-decoration: none;
}
.ttip--right .ttip__text {
  left: auto;
  right: -20px;
}
.ttip--right .ttip__text::after {
  left: auto;
  right: 28px;
  margin-left: 0;
  margin-right: -8px;
}
.ttip-legion-laptops {
  position: absolute;
  left: 15%;
  bottom: 20%;
}
.ttip-lg-go {
  position: absolute;
  left: 18%;
  bottom: 8%;
}
.ttip-gaming-monitors {
  position: absolute;
  right: 40%;
  top: 30%;
}
.ttip-rgb-mouse {
  position: absolute;
  right: 32%;
  bottom: 10%;
}
.ttip-lg-headset {
  position: absolute;
  right: 22%;
  bottom: 32%;
}
.ttip-rgb-keyboard {
  position: absolute;
  left: 50%;
  bottom: 5%;
}
.ttip-legion-glasses {
  position: absolute;
  right: 22%;
  bottom: 6%;
}
.ttip-lg-backpack {
  position: absolute;
  left: 5%;
  top: 45%;
}
.ttip-legion-go-series {
  position: absolute;
  left: 58%;
  bottom: 22%;
}
#blade-5 {
  position: relative;
  background-image: url(https://p3-ofp.static.pub/ShareResource/ww/landing-pages/legion-brand-2024/Agnostic-version/img/lenovo-legion-agnostic-ai-blade-desktop-bg-img.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 948px;
  min-height: 800px;
  color: var(--n0);
}
.blade-5-content-container {
  margin: auto 5%;
  width: 30%;
  top: 50%;
  position: absolute;
  transform: translate(0, -50%);
}
.blade-5-mob-img {
  display: none;
}
.blade-5-text p:nth-child(1) {
  font-size: 36px;
  font-weight: 600;
}
.blade-5-text p:nth-child(2) {
  font-size: 28px;
  font-weight: 600;
  margin: 0.5em 0 0 0;
}
.blade-5-text p:nth-child(3) {
  font-size: 18px;
  margin: 0.5em 0;
}
#blade-6 {
  position: relative;
  background-image: url(https://p2-ofp.static.pub/ShareResource/ww/landing-pages/legion-brand-2025/Nov-2025/Agnostic-version/img/lenovo-legion-agnostic-loq-banner.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 948px;
  min-height: 800px;
  color: var(--n0);
}
#blade-10 {
  position: relative;
  background-image: url(//p4-ofp.static.pub/ShareResource/ww/landing-pages/legion-brand-2025/Nov-2025/Agnostic-version/img/legion-monitors-section-v4.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 948px;
  min-height: 800px;
  color: var(--n0);
}
.blade-6-content-container,
.blade-10-content-container {
  margin: auto 5%;
  width: 30%;
  top: 50%;
  right: 0;
  position: absolute;
  transform: translate(0, -50%);
}
.blade-6-mob-img,
.blade-10-mob-img {
  display: none;
}
.blade-6-content-container .blade-6-loq-logo .loq-logo-image,
.blade-10-content-container .blade-loq-logo .loq-logo-image {
  width: 260px;
}
.blade-6-loq-text p:nth-child(1),
.blade-loq-text p:nth-child(1) {
  font-size: 28px;
  font-weight: 600;
  margin: 0.5em 0 0 0;
}
.blade-6-loq-text p:nth-child(2),
.blade-loq-text p:nth-child(2) {
  font-size: 18px;
  margin: 0.5em 0;
}
.blade-6-cta,
.blade-cta {
  margin-top: 2.5em;
}
.h-carousel-2,
.h-carousel-5 {
  position: relative;
  width: 100%;
  overflow: hidden;
  min-height: 530px;
  background-color: var(--main);
}
.h-carousel-2-container,
.h-carousel-5-container {
  position: relative;
  width: 100%;
}
.h-carousel-2-carousel,
.h-carousel-5-carousel {
  display: flex;
  overflow: hidden;
}
.h-carousel-2-carousel-inner,
.h-carousel-5-carousel-inner {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: -webkit-fill-available;
}
.h-carousel-2-carousel-item,
.h-carousel-5-carousel-item {
  min-width: 100%;
  height: inherit;
  position: relative;
  text-align: left;
}
.h-carousel-2-carousel-item img {
  width: 100%;
  height: 530px;
  display: block;
  object-fit: cover;
  object-position: center;
}
.h-carousel-5-carousel-item img {
  width: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
.hcarousel-2-img-text {
  position: absolute;
  top: 25%;
  left: 5%;
  color: #fff;
  text-align: left;
  width: 25%;
}
.hcarousel-2-img-text p {
  margin: 10px 0;
}
.hcarousel-2-img-text p:nth-of-type(1) {
  font-size: 36px;
  font-weight: 600;
}
.hcarousel-2-img-text p:nth-of-type(2) {
  font-size: 18px;
  margin: 15px 0;
}
.hcarousel-2-img-text a {
  color: #fff;
  font-size: 16px;
  text-decoration: underline;
}
.hcarousel-2-img-text .z-coming-soon {
  padding: 7px 10px;
  background: #871c23;
  width: fit-content;
  border-radius: 5px;
}
.legion-logo-carousel {
  height: 100px;
}
.hcarousel-2-img-text a:hover {
  text-decoration: underline;
}
.h-carousel-2-control-next,
.h-carousel-2-control-prev,
.h-carousel-5-control-next,
.h-carousel-5-control-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2rem;
  cursor: pointer;
  z-index: 1;
}
.h-carousel-2-control-prev,
.h-carousel-5-control-prev {
  z-index: 1;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-image: none;
  background: #e6e2e4;
  left: 1%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 10px 10px 15px -10px #00000080;
  transition: all 0.6s !important;
}
.h-carousel-2-control-prev:hover,
.h-carousel-5-control-prev:hover {
  transition: all 0.6s !important;
}
.h-carousel-2-control-prev .arrow-left,
.h-carousel-5-control-prev .arrow-left {
  width: 25px;
  height: 25px;
  background: url(https://p3-ofp.static.pub/ShareResource/ww/landing-pages/legion-brand-2024/Agnostic-version/img/lenovo-left-arrow.svg)
    center center;
  background-size: 25px;
  background-repeat: no-repeat;
  margin: auto;
}
.h-carousel-2-control-next,
.h-carousel-5-control-next {
  z-index: 1;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-image: none;
  background: #e6e2e4;
  right: 1%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  box-shadow: 10px 10px 15px -10px #00000080;
  transition: all 0.6s !important;
}
.h-carousel-2-control-next:hover,
.h-carousel-5-control-next:hover {
  transition: all 0.6s !important;
}
.h-carousel-2-control-next .arrow-right,
.h-carousel-5-control-next .arrow-right {
  width: 25px;
  height: 25px;
  background: url(https://p3-ofp.static.pub/ShareResource/ww/landing-pages/legion-brand-2024/Agnostic-version/img/lenovo-right-arrow.svg)
    center center;
  background-size: 25px;
  background-repeat: no-repeat;
  margin: auto;
}
.hcarousel-2-dots,
.hcarousel-5-dots {
  text-align: center;
  position: absolute;
  bottom: 5%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: -webkit-fill-available;
}
.dot2,
.dot5 {
  height: 12px;
  width: 12px;
  margin: 0 5px;
  background-color: #aba8b1;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.3s ease;
  cursor: pointer;
}
.dot2.active,
.dot5.active {
  background-color: #e6e2e4;
  height: 18px;
  width: 18px;
}
.h-carousel-3 {
  position: relative;
  width: 100%;
  overflow: hidden;
  min-height: 800px;
}
.h-carousel-3-container {
  position: relative;
  width: 100%;
}
.h-carousel-3-carousel {
  display: flex;
  overflow: hidden;
}
.h-carousel-3-carousel-inner {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: -webkit-fill-available;
}
.h-carousel-3-carousel-item {
  min-width: 100%;
  height: inherit;
  position: relative;
}
.h-carousel-3-control-next,
.h-carousel-3-control-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2rem;
  cursor: pointer;
  z-index: 1;
}
.h-carousel-3-control-prev {
  z-index: 1;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-image: none;
  background: #e6e2e4;
  left: 1%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 10px 10px 15px -10px #00000080;
  transition: all 0.6s !important;
}
.h-carousel-3-control-prev:hover {
  transition: all 0.6s !important;
}
.h-carousel-3-control-prev .arrow-left {
  width: 25px;
  height: 25px;
  background: url(https://p3-ofp.static.pub/ShareResource/ww/landing-pages/legion-brand-2024/Agnostic-version/img/lenovo-left-arrow.svg)
    center center;
  background-size: 25px;
  background-repeat: no-repeat;
  margin: auto;
}
.h-carousel-3-control-next {
  z-index: 1;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-image: none;
  background: #e6e2e4;
  right: 1%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  box-shadow: 10px 10px 15px -10px #00000080;
  transition: all 0.6s !important;
}
.h-carousel-3-control-next:hover {
  transition: all 0.6s !important;
}
.h-carousel-3-control-next .arrow-right {
  width: 25px;
  height: 25px;
  background: url(https://p3-ofp.static.pub/ShareResource/ww/landing-pages/legion-brand-2024/Agnostic-version/img/lenovo-right-arrow.svg)
    center center;
  background-size: 25px;
  background-repeat: no-repeat;
  margin: auto;
}
.hcarousel-3-dots {
  text-align: center;
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: -webkit-fill-available;
}
.dot3 {
  height: 12px;
  width: 12px;
  margin: 0 5px;
  background-color: #aba8b1;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.3s ease;
  cursor: pointer;
}
.dot3.active {
  background-color: #e6e2e4;
  height: 18px;
  width: 18px;
}
#blade-8 {
  position: relative;
  background-color: #871c23;
  height: 920px;
  min-height: 800px;
  color: var(--n0);
}
.blade-8-ttl {
  margin: 0;
  text-align: center;
  padding: 4em 2em 0;
}
.blade-8-ttl h2 {
  font-size: 36px;
  font-weight: 600;
}
.blade-8-ttl p {
  font-size: 20px;
  margin-top: 0.5em;
}
.h-carousel-4 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.h-carousel-4-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 820px;
  width: 100%;
  max-width: 1920px;
  position: absolute;
  overflow: hidden;
  bottom: 0;
}
.h-carousel-4-carousel-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100%;
  max-width: 800px;
}
.h-carousel-4-carousel-item {
  transition: transform 0.6s ease-in-out;
  position: absolute;
}
.h-carousel-4-carousel-item img {
  width: 800px;
  height: 480px;
  max-width: 100%;
  max-height: 100%;
  display: block;
  padding: 1em;
  border-radius: 30px;
  justify-self: anchor-center;
  justify-self: center;
}
.h-carousel-4-carousel-item .hcarousel-4-img-text {
  width: 50%;
  text-align: center;
  padding: 20px 0;
  margin: auto;
  height: 180px;
  align-content: center;
}
.h-carousel-4-carousel-item .hcarousel-4-img-text p:nth-child(1) {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 0.5em;
  line-height: 34px;
}
.h-carousel-4-carousel-item .hcarousel-4-img-text p:nth-child(2) {
  font-size: 20px;
}
.hcarousel-4-bullet-text {
  list-style-type: disc;
  text-align: left;
  justify-self: anchor-center;
  margin-top: 0.5em;
}
.h-carousel-4-control-next,
.h-carousel-4-control-prev {
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  font-size: 2rem;
  cursor: pointer;
  z-index: 1;
}
.h-carousel-4-control-prev {
  z-index: 1;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-image: none;
  background: #e6e2e4;
  left: 1%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 10px 10px 15px -10px #00000080;
  transition: all 0.6s !important;
}
.h-carousel-4-control-prev:hover {
  transition: all 0.6s !important;
}
.h-carousel-4-control-prev .arrow-left {
  width: 25px;
  height: 25px;
  background: url(https://p3-ofp.static.pub/ShareResource/ww/landing-pages/legion-brand-2024/Agnostic-version/img/lenovo-left-arrow.svg)
    center center;
  background-size: 25px;
  background-repeat: no-repeat;
  margin: auto;
}
.h-carousel-4-control-next {
  z-index: 1;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-image: none;
  background: #e6e2e4;
  right: 1%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  box-shadow: 10px 10px 15px -10px #00000080;
  transition: all 0.6s !important;
}
.h-carousel-4-control-next:hover {
  transition: all 0.6s !important;
}
.h-carousel-4-control-next .arrow-right {
  width: 25px;
  height: 25px;
  background: url(https://p3-ofp.static.pub/ShareResource/ww/landing-pages/legion-brand-2024/Agnostic-version/img/lenovo-right-arrow.svg)
    center center;
  background-size: 25px;
  background-repeat: no-repeat;
  margin: auto;
}
.hcarousel-4-dots {
  text-align: center;
  position: absolute;
  bottom: 5%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: -webkit-fill-available;
}
.dot4 {
  height: 12px;
  width: 12px;
  margin: 0 5px;
  background-color: #aba8b1;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.3s ease;
  cursor: pointer;
}
.dot4.active {
  background-color: #e6e2e4;
  height: 18px;
  width: 18px;
}
.le-go-carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
  min-height: 530px;
}
.le-go-carousel-container {
  position: relative;
  width: 100%;
}
.le-go-carousel-section {
  display: flex;
  overflow: hidden;
}
.le-go-carousel-inner {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: -webkit-fill-available;
}
.le-go-carousel-item {
  min-width: 100%;
  height: inherit;
  position: relative;
  text-align: left;
  display: flex;
  justify-content: center;
}
.le-go-carousel-item img {
  height: 530px;
}
.le-go-carousel-img-text {
  color: #fff;
  width: 50%;
  align-content: center;
  padding: 4em;
}
.le-go-carousel-img-text p {
  margin: 10px 0;
}
.le-go-carousel-img-text p:nth-of-type(1) {
  font-size: 36px;
  font-weight: 600;
}
.le-go-carousel-img-text p:nth-of-type(2) {
  font-size: 24px;
  font-weight: 600;
}
.le-go-carousel-img-text p:nth-of-type(3) {
  font-size: 18px;
  margin: 15px 0;
}
.le-go-carousel-img-text a {
  color: #fff;
  font-size: 16px;
  text-decoration: underline;
}
.le-go-carousel-img-text .z-coming-soon {
  padding: 7px 10px;
  background: #871c23;
  width: fit-content;
  border-radius: 5px;
}
.le-go-carousel-img-text a:hover {
  text-decoration: underline;
}
.le-go-carousel-control-next,
.le-go-carousel-control-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2rem;
  cursor: pointer;
  z-index: 1;
}
.le-go-carousel-control-prev {
  z-index: 1;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-image: none;
  background: #e6e2e4;
  left: 1%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 10px 10px 15px -10px #00000080;
  transition: all 0.6s !important;
}
.le-go-carousel-control-prev:hover {
  transition: all 0.6s !important;
}
.le-go-carousel-control-prev .arrow-left {
  width: 25px;
  height: 25px;
  background: url(https://p3-ofp.static.pub/ShareResource/ww/landing-pages/legion-brand-2024/Agnostic-version/img/lenovo-left-arrow.svg)
    center center;
  background-size: 25px;
  background-repeat: no-repeat;
  margin: auto;
}
.le-go-carousel-control-next {
  z-index: 1;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-image: none;
  background: #e6e2e4;
  right: 1%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  box-shadow: 10px 10px 15px -10px #00000080;
  transition: all 0.6s !important;
}
.le-go-carousel-control-next:hover {
  transition: all 0.6s !important;
}
.le-go-carousel-control-next .arrow-right {
  width: 25px;
  height: 25px;
  background: url(https://p3-ofp.static.pub/ShareResource/ww/landing-pages/legion-brand-2024/Agnostic-version/img/lenovo-right-arrow.svg)
    center center;
  background-size: 25px;
  background-repeat: no-repeat;
  margin: auto;
}
.le-go-carousel-dots {
  text-align: center;
  position: absolute;
  bottom: 5%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: -webkit-fill-available;
}
.le-go-carousel-dot {
  height: 12px;
  width: 12px;
  margin: 0 5px;
  background-color: #aba8b1;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.3s ease;
  cursor: pointer;
}
.le-go-carousel-dot.active {
  background-color: #e6e2e4;
  height: 18px;
  width: 18px;
}
.le-lp-carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
  min-height: 530px;
}
.le-lp-carousel-container {
  position: relative;
  width: 100%;
}
.le-lp-carousel-section {
  display: flex;
  overflow: hidden;
}
.le-lp-carousel-inner {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: -webkit-fill-available;
}
.le-lp-carousel-item {
  min-width: 100%;
  height: inherit;
  position: relative;
  text-align: left;
  display: flex;
  justify-content: center;
}
.le-lp-carousel-item img {
  height: 530px;
}
.le-lp-carousel-img-text {
  color: #fff;
  width: 50%;
  align-content: center;
  padding: 4em;
}
.le-lp-carousel-img-text p {
  margin: 10px 0;
}
.le-lp-carousel-img-text p:nth-of-type(1) {
  font-size: 36px;
  font-weight: 600;
}
.le-lp-carousel-img-text p:nth-of-type(2) {
  font-size: 18px;
  margin: 15px 0;
}
.le-lp-carousel-img-text a {
  color: #fff;
  font-size: 16px;
  text-decoration: underline;
}
.le-lp-carousel-img-text .z-coming-soon {
  padding: 7px 10px;
  background: #871c23;
  width: fit-content;
  border-radius: 5px;
}
.le-lp-carousel-img-text a:hover {
  text-decoration: underline;
}
.le-lp-carousel-control-next,
.le-lp-carousel-control-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2rem;
  cursor: pointer;
  z-index: 1;
}
.le-lp-carousel-control-prev {
  z-index: 1;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-image: none;
  background: #e6e2e4;
  left: 1%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 10px 10px 15px -10px #00000080;
  transition: all 0.6s !important;
}
.le-lp-carousel-control-prev:hover {
  transition: all 0.6s !important;
}
.le-lp-carousel-control-prev .arrow-left {
  width: 25px;
  height: 25px;
  background: url(https://p3-ofp.static.pub/ShareResource/ww/landing-pages/legion-brand-2024/Agnostic-version/img/lenovo-left-arrow.svg)
    center center;
  background-size: 25px;
  background-repeat: no-repeat;
  margin: auto;
}
.le-lp-carousel-control-next {
  z-index: 1;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-image: none;
  background: #e6e2e4;
  right: 1%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  box-shadow: 10px 10px 15px -10px #00000080;
  transition: all 0.6s !important;
}
.le-lp-carousel-control-next:hover {
  transition: all 0.6s !important;
}
.le-lp-carousel-control-next .arrow-right {
  width: 25px;
  height: 25px;
  background: url(https://p3-ofp.static.pub/ShareResource/ww/landing-pages/legion-brand-2024/Agnostic-version/img/lenovo-right-arrow.svg)
    center center;
  background-size: 25px;
  background-repeat: no-repeat;
  margin: auto;
}
.le-lp-carousel-dots {
  text-align: center;
  position: absolute;
  bottom: 5%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: -webkit-fill-available;
}
.le-lp-carousel-dot {
  height: 12px;
  width: 12px;
  margin: 0 5px;
  background-color: #aba8b1;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.3s ease;
  cursor: pointer;
}
.le-lp-carousel-dot.active {
  background-color: #e6e2e4;
  height: 18px;
  width: 18px;
}
.form-wrapper form {
  font-family: inherit !important;
  font-size: inherit !important;
  width: auto !important;
}
.mktoForm .mktoFieldWrap .mktoHtmlText p {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
}
.form-wrapper .mktoForm .mktoOffset {
  width: 0 !important;
}
#LblemailPermissionStatus {
  width: auto !important;
}
.mktoButtonWrap {
  margin-left: 0 !important;
}
.mktoForm .mktoButtonWrap.mktoShadow .mktoButton:active {
  box-shadow: none !important;
}
.mktoButtonRow {
  font-size: inherit !important;
}
.mktoFormRow:nth-of-type(7) .mktoFieldWrap {
  flex-direction: row-reverse;
}
.mktoLogicalField.mktoCheckboxList.mktoHasWidth {
  width: 100% !important;
}
.close-button {
  position: absolute;
  color: #8a8a8a;
  cursor: pointer;
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
}
[data-whatinput="mouse"] .close-button {
  outline: 0;
}
.close-button:focus,
.close-button:hover {
  color: #000;
}
.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(0, 0, 0, 0.45);
  overflow-y: scroll;
}
.reveal {
  z-index: 1006;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fff;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto;
}
[data-whatinput="mouse"] .reveal {
  outline: 0;
}
@media print, screen and (min-width: 40em) {
  .reveal {
    min-height: 0;
  }
}
.reveal > :last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
  .reveal {
    width: 600px;
    max-width: 75rem;
    font-size: 16px;
  }
}
@media screen and (max-width: 39.9375em) {
  .reveal {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    margin-left: 0;
    border: 0;
    border-radius: 0;
  }
}
.contact-us-modal {
  padding: 0;
  margin-bottom: 4%;
}
.contact-us-modal__title {
  padding: 0 0 4%;
  text-align: center;
  font: 900 1.75rem/2rem;
  color: #000;
}
@media only screen and (min-width: 750px) {
  .contact-us-modal__title {
    font: 900 2rem/2.25rem;
  }
}
.contact-us-modal__form-container {
  padding: 4%;
}
.mktoForm input,
select,
textarea {
  border: 1px solid !important;
}
.mktoForm select {
  max-width: 480px;
}
.mktoHtmlText {
  max-width: 480px !important;
  font-size: 2rem;
  line-height: 2.25rem;
  font-weight: 900;
  margin-bottom: 1rem !important;
}
.mktoField.mktoInvalid {
  border: 1px solid #e51b00 !important;
}
.mktoLabel {
  width: auto !important;
  margin-bottom: 0.5rem !important;
}
.mktoFormCol {
  margin-bottom: 10px !important;
}
.mktoButton {
  background-color: #e1251b;
  border-radius: 4px;
  border: 1px solid #e1251b;
  text-decoration: none;
  font-weight: 700;
  color: #fff;
  padding: 9px 20px;
  height: 40px;
}
#mktoRadio_481840_0 {
  margin-top: 0.3rem !important;
}
.ytp-chrome-top.ytp-show-cards-title,
.ytp-gradient-top {
  display: none !important;
}
.ytp-iv-video-content {
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
}