* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: Arial, sans-serif; color: #111; } .container { width: 90%; max-width: 1200px; margin: auto; } .custom-container { width: 90%; max-width: 1300px; margin: auto; } .text-center { text-align: center; } .m-t-15 { margin-top: 15px; } .m-t-30 { margin-top: 30px; } .text-white { color: #fff; } .text-pale-red { color: #f0c7bf; } #heroBlade { position: relative; } .hero-bg-img { width: 100%; height: 100vh; object-fit: cover; } .hero-content { position: absolute; top: 50%; left: 8%; transform: translateY(-50%); max-width: 500px; } .hero-title { font-size: 44px; font-weight: 300; letter-spacing: -1.51px; line-height: 1.25; margin-bottom: 15px; font-family: 'Montserrat'; } .hero-copy { font-size: 28px; font-weight: 600; margin-top: 20px; line-height: 1.25; font-family: 'Lato', Arial, sans-serif; } .hero-overlay { position: absolute; top: 20%; right: 5%; } .hero-overlay img { width: 150px; } #blade-2 { padding: 80px 0; background: #fff; margin-top: -5px; background-image: url(https://p1-ofp.static.pub/ShareResource/yoga/adobe-cc/assets/images/lenovo-yoga-adobe-offer-section-1-bg-desktop.png); } .blade-2-title { font-size: 30px; max-width: 900px; line-height: 1.25; font-weight: 600; margin: auto; font-family: 'Montserrat'; } .blade-2-disclaimer { font-size: small; color: #000; font-family: 'Lato', Arial, sans-serif; } .blade-2-cc-btn img { margin-top: 20px; width: 60px; } #blade-3 { background-image: url(https://p1-ofp.static.pub/ShareResource/yoga/adobe-cc/assets/images/Feb-2025/lenovo-yoga-adobe-offer-new-existing-info-bg-img-desktop.jpg); } .blade-3-content { display: flex; align-items: center; gap: 40px; } .blade-3-content-left { flex: 1; } .blade-3-content-left-title { font-size: 1.75rem; margin-bottom: 10px; font-family: 'Montserrat'; Color: #4d144a; } .blade-3-content-left-copy { font-size: 18px; color: #4d144a; font-family: 'Lato', Arial, sans-serif; } .btn-purple-primary { display: inline-block; padding: 10px 20px; border: 1px solid purple; color: purple; text-decoration: none; border-radius: 5px; font-family: 'Lato', Arial, sans-serif; font-weight: 600; } .btn-purple-primary:hover { background-color: purple; color: white; } .blade-3-content-right img { width: 100%; max-width: 500px; } #blade-4 { padding: 80px 0; background: #fafafa; background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; min-height: 500px; height: auto; background-image: url(https://p1-ofp.static.pub/ShareResource/yoga/adobe-cc/assets/images/Feb-2025/lenovo-yoga-adobe-offer-membership-apps.jpg); } .blade-4-content { display: flex; align-items: center; gap: 40px; max-width: 600px; margin-left: auto; } .blade-4-content-left { flex: 1; } .blade-4-content-left-title-1 { font-size: 37px; margin-bottom: 15px; color: #7a126b; font-family: 'Montserrat' } .blade-4-desc { font-size: 16px; color: #7a126b; font-family: 'Lato', Arial, sans-serif; } .blade-4-app-list { display: grid; grid-template-columns: repeat(6, 80px); gap: 20px; margin-left: -19px; } .blade-4-app-list img { width: 120px; } #blade-5 { width: 100%; position: relative; } #blade-5 picture, #blade-5 img { width: 100%; } .blade-5-info-card { position: absolute; left: 0; right: 0; top: 40px; margin: auto; text-align: center; padding: 15px; max-width: 500px; } .blade-5-info-card h2 { font-size: 32px; margin: 15px; font-family: 'Montserrat'; } .blade-5-info-card p { font-size: 16px; color: #000; margin: 9px; font-family: 'Lato', Arial, sans-serif; } .blade-5-grids { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .blade-5-logo { display: none; } #blade-6 { position: relative; padding: 0; top: -177px; z-index: -9999; background-image: url("https://p2-ofp.static.pub/ShareResource/yoga/adobe-cc/assets/images/Feb-2025/lenovo-yoga-adobe-offer-how-to-redeem-bg-gen-10-new.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; padding-bottom: 40px; } .blade-6-content { margin-right: 20px; max-width: 55%; margin-left: auto; } .blade-6-wrapper { position: relative; } .blade-6-redeem-steps { display: flex; flex-direction: column; gap: 40px; } .redeem-steps { display: flex; justify-content: space-between; align-items: center; gap: 15px; color: white; } .redeem-steps img { border: 1px solid #ccc; border-radius: 5px; max-width: 50%; width: 100%; } .redeem-steps h1 { font-size: 100px; color: #fff; font-weight: 600; } .redeem-steps p { max-width: 35%; } .blade-6-content-title { font-size: 45px; padding-top: 180px; margin-top: 120px; line-height: 1.25; color: white; font-family: 'Montserrat'; } #customModal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .8); } #modal-content { position: relative; max-width: 800px; margin: 100px auto; } #modal-image { width: 100%; } #close-modal { position: absolute; top: -10px; right: 10px; color: #fff; font-size: 30px; cursor: pointer; } #blade-7 { background: #fff; color: #111; } .blade-7-content-title { font-size: 48px; text-align: center; font-weight: 600; margin: -103px; height: 205px; font-family: 'Montserrat'; } .blade-7-content-copy { font-size: 16px; line-height: 1.6; margin: auto; max-width: 660px; font-family: 'Lato', Arial, sans-serif; } @media (max-width: 1024px) { .hero-title { font-size: 36px; } .blade-3-content { flex-direction: column-reverse; padding: 30px; text-align: center; } .blade-4-content { flex-direction: column; } .hero-image { transform: none; } .blade-5-info-card { padding-top: 337px; font-size: 45px; } } .blade-4-content-left-title-1 { font-size: 37px; margin-bottom: 15px; color: #7a126b; font-family: 'Montserrat'; } @media (max-width: 768px) { .hero-bg-img { height: 400px; } .hero-content { left: 5%; max-width: 90%; } .hero-title { font-size: 28px; } .hero-copy { font-size: 16px; } .hero-overlay img { width: 80px; } .blade-5-grids { display: flex; margin-top: 40px; justify-content: center; } .hero-image { transform: scale(1.2); } #blade-5 { position: relative; padding: 0 27px; margin-top: 70px; } #blade-4 { background: #fafafa; background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: auto; background-image: url(https://p3-ofp.static.pub/ShareResource/yoga/adobe-cc/assets/images/March-2026/lenovo-yoga-adobe-offer-membership-apps-mobile.png); } .blade-4-content-left-title-1 { font-size: 39px; color: #7a126b; font-family: 'Montserrat'; margin-top: 503px; text-align: center; } .blade-4-app-list { justify-items: center; display: none; } .blade-7-content-title { font-size: 25px; text-align: center; font-weight: 600; margin: 20px; height: 50px; font-family: 'Montserrat'; } .blade-4-desc { font-size: 16px; color: #7a126b; font-family: 'Lato', Arial, sans-serif; padding-top: 30px; padding-bottom: 150px; line-height: 1.4; text-align: center; } .blade-4-app-list { grid-template-columns: repeat(3, 1fr); justify-items: center; } .blade-5-grids { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .blade-5-info-card p { margin: 12px; } .blade-5-logo { display: block; } .blade-5-info-card { position: absolute; left: 0; right: 0; top: 18%; margin: auto; text-align: center; padding: 15px; } #blade-6 { background-image: url("https://p2-ofp.static.pub/ShareResource/yoga/adobe-cc/assets/images/Feb-2025/lenovo-yoga-adobe-offer-htr-bg-img-mobile-phone-v2.jpg"); } .blade-6-content { max-width: 100%; margin: 0 10px; } .redeem-steps { flex-direction: column; } .redeem-steps p { max-width: 100%; margin: 0 20px; } .redeem-steps img { border: 1px solid #ccc; border-radius: 5px; width: 100%; } .blade-3-img-wrapper { width: 100%; height: auto; } #blade-6 { top: -15px; } .blade-6-content-title { font-size: 28px; margin-top: 10px; text-align: center; } .blade-7 { padding: 80px 0; } } @media (min-width: 1025px) { .hero-image { transform: scale(1.2); } .blade-6-redeem-steps { font-family: 'Lato'; } } @media (min-width: 2560px) { .blade-5-info-card p { font-size: 20px; } .blade-5-info-card { top: 180px; } } @media (max-width: 480px) { .hero-title { font-size: 22px; } .hero-copy { font-size: 14px; } }