* { margin: 0; padding: 0; box-sizing: border-box; } .dlp .banner-container .banner-container-bgImage, .dlp .banner-container .banner-container-bgImage img { display: none  !important; } .dlp .banner-container .row.data-banner { position: relative; } .dlp .banner-container .row.data-banner .banner-container__html, .dlp .banner-container .row.data-banner .banner-container__html div { display: block; } .dlp .banner-container .row.data-banner .banner-container__html div { display: flex  !important; } .main { background-color: #fff; color: #000; } .v-application .mt-4 { margin-top: 0px  !important; } .v-expansion-panel { background-color: #fff  !important; color: #000  !important; } button.v-expansion-panel-header { color: #000  !important; } span.v-list-item__label { color: #000  !important; } .hidden { display: none  !important; } .hero-banner-container { width: 100%; height: 480px; display: flex; } .hero-banner-left { width: 30%; height: 100%; display: flex; flex-direction: column; justify-content: center; background: center/cover url(https://p1-ofp.static.pub/ShareResource/las/lenovo/2023/landing-pages/junio/do-the-unthinkable/texture-desktop.24df378adc6e8af0.jpg) no-repeat; color: #fff; } .hero-banner-left-content { margin: 0px 30px; } .hero-logo { width: 100% } .hero-title { font-size: 35px; margin-top: 30px; line-height: 1.1; } .hero-subtitle { margin-top: 30px; } .hero-banner-right { width: 70%; height: 100%; background: center/cover url(https://p1-ofp.static.pub/ShareResource/las/lenovo/2023/landing-pages/junio/do-the-unthinkable/hero-desktop.1552d0b1b17147b7.jpg) no-repeat; } .promo-banner-container { margin: 50px 0px; width: 100%; height: 500px; display: flex; justify-content: center; } .promo-banner-content, .questions-banner-content { width: 75%; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; text-align: center; } .flower-container { width: 100%; height: 1160px; display: flex; justify-content: center; margin-top: 50px; } .flower-content { width: 80%; text-align: center; } .flower-title, .legal-title { font-size: 35px; margin: 10px 0px; } .flower-text { font-size: 18px; line-height: 1.1; margin: 20px 0px; } .flower-content svg { margin: 35px 0px; } .flower-bottom-text-container { width: 100%; display: flex; justify-content: center; } .flower-bottom-text-content { width: 80%; text-align: center; font-size: 12px; line-height: 1.1; } .legal-container { width: 100%; display: flex; justify-content: center; align-items: center; } .legal-content { width: 80%; display: flex; flex-direction: column; text-align: center; } .legal-title { margin-bottom: 50px; } .legal-content p { font-size: 18px; } .legal-content i { font-size: 12px; } .cards-container { width: 100%; height: 600px; margin: 50px 0px; display: flex; justify-content: center; } .cards-content { display: flex; justify-content: space-around; gap: 50px; width: 80%; } .card-display { height: 550px; display: flex; flex-direction: column; align-items: center; border: 1px solid lightgrey; } .card-img { width: 450px; } .card-img img { max-width: 100%; max-height: 100%; } .card-text { width: 80%; margin: 25px 0px; display: flex; flex-direction: column; align-items: center; text-align: center; } .card-text h3 { font-size: 25px; margin-bottom: 25px; line-height: 1.1; } .card-text h4 { margin-bottom: 25px; } .card-list { text-align: initial; } .card-btn { display: flex; justify-content: center; } .wpp-tel { flex-direction: column; align-items: center; } .questions-banner-container { width: 100%; height: 250px; display: flex; justify-content: center; } .promo-banner-text, .quote-banner-text, .questions-banner-text { font-size: 24px; line-height: 1.3; } .questions-banner-text { margin-top: 100px; } .quote-banner-container { width: 100%; height: 250px; background: center/cover url(https://static.lenovo.com/ww/campaigns/2022/lenovopro/lenovo-campaign-lenovopro-quote-bg.png) no-repeat; display: flex; justify-content: center; } .quote-banner-content { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 75%; color: #fff; } .quote-banner-text::before { content: ''; display: flex; width: 53px; height: 35px; background: center/cover url(https://static.lenovo.com/ww/campaigns/2022/lenovopro/lenovo-campaign-lenovopro-quote-quotation-mark.svg) no-repeat; position: absolute; left: 170px; } .quote-banner-text::after { content: ''; display: flex; width: 53px; height: 35px; background: center/cover url(https://static.lenovo.com/ww/campaigns/2022/lenovopro/lenovo-campaign-lenovopro-quote-quotation-mark.svg) no-repeat; position: absolute; right: 180px; top: 3420px; rotate: 180deg; } .product-container { display: flex; justify-content: center; align-items: center; height: 250px; width: 100%; } .product-title { width: 75vw; line-height: 1.2; font-size: 35px; text-align: center; color: #000; } .btn { width: 160px; background: #294e95; color: #fff  !important; padding: 15px; margin: 0px 10px; border-radius: 5px; border: 1px solid #fff; text-decoration: none  !important; text-align: center; text-wrap: nowrap; } .btn:hover { background: #fff; color: #294e95  !important; padding: 15px; border-radius: 5px; border: 1px solid #294e95; } .btn-category { width: 125px; margin-top: 15px; } .btn-chat { margin-top: 20px; } .btn-submit { margin-top: 55px; } @media (min-width: 1280px) and (max-width: 1430px) { .flower-container { height: 950px; } .legal-content { margin-top: 50px; } .cards-container { height: 650px; } .cards-content { gap: 30px; } .card-display { height: 675px; width: 355px; } .card-img { width: 355px; } .card-btn { flex-direction: column; } .btn-category { width: 160px; } .btn-chat { margin-top: 70px; } .btn-submit { margin-top: 165px; } .quote-banner-text::before { left: 80px; } .quote-banner-text::after { right: 105px; top: 3200px; } } @media (min-width: 1000px) and (max-width: 1280px) { .flower-container { height: 750px; } .legal-content { margin-top: 150px; } .cards-container { height: 650px; } .cards-content { gap: 15px; } .card-display { height: 675px; width: 355px; } .card-img { width: 355px; } .card-btn { flex-direction: column; } .btn-category { width: 160px; } .btn-chat { margin-top: 70px; } .btn-submit { margin-top: 165px; } .quote-banner-text::before { left: 65px; } .quote-banner-text::after { right: 100px; top: 3225px; } } @media (min-width: 700px) and (max-width: 1000px) { .hero-banner-container { height: 570px; flex-direction: column-reverse; } .hero-banner-left { width: 100%; height: 30%; } .hero-banner-right { width: 100%; height: 70%; } .hero-banner-left-content { height: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .hero-logo { width: 50%; scale: .8; } .hero-title { font-size: 24px; margin-top: 15px; } .hero-subtitle { margin-top: 15px; } .flower-container { height: 800px } .flower-content { width: 100%; text-align: center; margin: 0px 50px; } .flower-title, .legal-title { font-size: 28px; } .flower-content svg { scale: 1.3; margin: 100px 0px; } .flower-bottom-text-content { font-size: 10px; } .legal-content { margin-top: 50px; } .promo-banner-text, .quote-banner-text, .questions-banner-text { font-size: 20px; } .cards-container { height: 650px; } .cards-content { justify-content: center; gap: 5px; } .card-display { height: 675px; width: 250px; } .card-img { width: 250px; } .card-text { margin: 10px 0px; } .card-text h3 { font-size: 20px; } .card-btn { flex-direction: column; } .btn-phone { display: block; } .btn-category { width: 160px; } .btn-chat { margin-top: 55px; } .btn-submit { margin-top: 180px; } .quote-banner-text::before { left: 35px; } .quote-banner-text::after { right: 65px; top: 3300px; } } @media (min-width: 600px) and (max-width: 700px) { .hero-banner-container { height: 570px; flex-direction: column-reverse; } .hero-banner-left { width: 100%; height: 30%; } .hero-banner-right { width: 100%; height: 70%; } .hero-banner-left-content { height: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .hero-logo { width: 50%; scale: .8; } .hero-title { font-size: 24px; margin-top: 15px; } .hero-subtitle { margin-top: 15px; text-align: center; } .promo-banner-container { height: 600px; } .flower-container { height: 675px } .flower-content { width: 100%; text-align: center; margin: 0px 50px; } .flower-title, .legal-title { font-size: 26px; } .flower-content svg { scale: 1.2; margin: 55px 0px; } .legal-content { margin-top: 100px; } .promo-banner-text, .quote-banner-text, .questions-banner-text { font-size: 20px; } .cards-container { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 1780px; width: 100%; } .cards-content { justify-content: center; gap: 50px; width: 550px; flex-direction: column; } .card-img { width: 550px; } .btn-category { width: 135px; } .btn-chat { margin-top: 5px; } .btn-submit { margin-top: 45px; } .quote-banner-text::after { scale: .7; right: 40px; top: 4455px; } .quote-banner-text::before { left: 15px; scale: .7; } } @media (max-width: 599px){ .hero-banner-container { height: 650px; flex-direction: column-reverse; } .hero-banner-left { width: 100%; height: 30%; background: center/cover url(https://p2-ofp.static.pub/ShareResource/las/lenovo/2023/landing-pages/junio/do-the-unthinkable/texture-mobile.f14036ef72ba76d2.jpg) no-repeat; } .hero-banner-right { width: 100%; height: 70%; background: center/cover url(https://p4-ofp.static.pub/ShareResource/las/lenovo/2023/landing-pages/junio/do-the-unthinkable/hero-mobile.9a4df9e8a4bacd44.jpg) no-repeat; } .hero-banner-left-content { height: 130px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .hero-title { font-size: 24px; margin-top: 15px; } .hero-subtitle { margin-top: 15px; text-align: center; } .promo-banner-container { height: 1000px; } .flower-container { height: 675px } .flower-content { width: 100%; text-align: center; margin: 0px 50px; } .flower-title, .legal-title { font-size: 26px; line-height: 1.2; } .flower-content svg { scale: 1.4; margin: 55px 0px; } .flower-bottom-text-content { font-size: 10px; } .legal-container { height: 500px; } .legal-content { margin-top: 50px; } .promo-banner-text, .quote-banner-text, .questions-banner-text { font-size: 20px; } .cards-container { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 1950px; width: 100%; } .cards-content { justify-content: center; gap: 25px; width: 350px; flex-direction: column; } .card-display { height: 700px; } .card-display-two { height: 550px; } .card-display-three { height: 500px; } .card-img { width: 350px; } .card-btn { flex-direction: column; } .btn-category { width: 160px; } .btn-chat { margin-top: 5px; } .btn-submit { margin-top: 45px; } .quote-banner-container { height: 400px; } .quote-banner-text::after { scale: .5; right: 5px; top: 5260px; } .quote-banner-text::before { left: 1px; scale: .5; } }