body { margin: 0px; scroll-behavior: smooth; } .wpc-no-wrap { white-space: nowrap; } .wpc-cta-button-primary { font: normal normal bold 16px/19px Lato; letter-spacing: 0px; color: #fff; text-transform: capitalize; opacity: 1; background: #0e5780 0% 0% no-repeat padding-box; border: 1px solid #fff; border-radius: 4px; opacity: 1; padding: 13px 24px; text-decoration: none; text-align: center; box-sizing: border-box; } .wpc-cta-button-primary:hover { background: #e8f3f9 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; border: 1px solid #0e5780; border-radius: 4px; opacity: 1; color: #0e5780; transition: all ease-in .2s; } .wpc-cta-button-primary:active { background: #1976a1 0% 0% no-repeat padding-box; color: #fff; } #wpc-gw-best-work { display: flex; flex-direction: column; } .wpc-gw-bw-icons-container { background: #e4e4e4 0% 0% no-repeat; box-sizing: content-box; display: flex; flex-direction: column; } .wpc-gw-bw-icons-container h2 { text-align: center; font: normal normal bold 28px/30px Lato; letter-spacing: 0px; color: #000; margin: 50px 14px 0px; } .wpc-gw-bw-icons-container h3 { text-align: center; font: normal normal bold 20px/20px Lato; letter-spacing: 0px; color: #000; margin: 5px 14px 20px; } #wpc-gw-plan-icons-desktop { display: none; } .wpc-gw-bw-icons-container img { padding: 0 14% 50px; } .wpc-gw-bw-img-container { background: url("https://p1-ofp.static.pub/ShareResource/na/landing-pages/google-workspace/images/lenovo-google-workspace-calendar-mobile.jpg") no-repeat; background-size: contain; background-position: center; height: 300px; width: 100%; } #wpc-gw-bw-cards-container { display: flex; flex-direction: row; align-items: center; margin: 0; background: #e1e1e1 0% 0% no-repeat padding-box; box-sizing: content-box; overflow-x: scroll; scrollbar-width: none; -ms-overflow-style: none; scrollbar-width: none; } .wpc-gw-bw-cards-cont { display: flex; flex-direction: row; gap: 22px; margin: 0; padding: 6% 14px 5% 26px; background: #e1e1e1 0% 0% no-repeat padding-box; box-sizing: content-box; overflow-x: scroll; scrollbar-width: none; -ms-overflow-style: none; scrollbar-width: none; scroll-snap-type: x proximity; } #wpc-gw-bw-cards-container::-webkit-scrollbar { display: none; } .wpc-gw-bw-cards-cont::-webkit-scrollbar { display: none; } .wpc-gw-card-header-background { background: #f1f1f1; height: 139.8px; border-radius: 8px 8px 0px 0px; } .wpc-gw-card { background: #f8f8f8 0% 0% no-repeat padding-box; border-radius: 8px; min-width: 83vw; scroll-snap-align: center; } #wpc-gw-cards-left, #wpc-gw-cards-right { display: none; } #wpc-gw-card-gmail, #wpc-gw-card-calendar, #wpc-gw-card-drive, #wpc-gw-card-meet, #wpc-gw-card-docs, #wpc-gw-card-sheets, #wpc-gw-card-slides, #wpc-gw-card-chat { width: 100%; border-radius: 8px 8px 0 0; height: 139.8px; } #wpc-gw-card-gmail { background: url("https://p3-ofp.static.pub/ShareResource/na/landing-pages/google-workspace/cards/lenovo-google-workspace-gmail-mobile.png") no-repeat; background-size: cover; background-position: center; background-size: contain; } #wpc-gw-card-calendar { background: url("https://p2-ofp.static.pub/ShareResource/na/landing-pages/google-workspace/cards/lenovo-google-workspace-calendar-mobile.png") no-repeat; background-size: cover; background-position: center; background-size: contain; } #wpc-gw-card-drive { background: url("https://p3-ofp.static.pub/ShareResource/na/landing-pages/google-workspace/cards/lenovo-google-workspace-drive-mobile.png") no-repeat; background-size: cover; background-position: center; background-size: contain; } #wpc-gw-card-meet { background: url("https://p4-ofp.static.pub/ShareResource/na/landing-pages/google-workspace/cards/lenovo-google-workspace-google-meet-mobile.png") no-repeat; background-size: cover; background-position: center; background-size: contain; } #wpc-gw-card-docs { background: url("https://p3-ofp.static.pub/ShareResource/na/landing-pages/google-workspace/cards/lenovo-google-workspace-docs-mobile.png") no-repeat; background-size: cover; background-position: center; background-size: contain; } #wpc-gw-card-sheets { background: url("https://p1-ofp.static.pub/ShareResource/na/landing-pages/google-workspace/cards/lenovo-google-workspace-sheets-mobile.png") no-repeat; background-size: cover; background-position: center; background-size: contain; } #wpc-gw-card-slides { background: url("https://p3-ofp.static.pub/ShareResource/na/landing-pages/google-workspace/cards/lenovo-google-workspace-slides-mobile.png") no-repeat; background-size: cover; background-position: center; background-size: contain; } #wpc-gw-card-chat { background: url("https://p3-ofp.static.pub/ShareResource/na/landing-pages/google-workspace/cards/lenovo-google-workspace-google-chat-mobile.png") no-repeat; background-size: cover; background-position: center; background-size: contain; } .wpc-gw-card .wpc-gw-card-body h4 { text-align: center; font: normal normal bold 22px/23px Lato; letter-spacing: 0px; color: #000; margin: 28px 9% 14px; } .wpc-gw-card .wpc-gw-card-body p { text-align: center; font: normal normal normal 18px/22px Lato; letter-spacing: 0px; color: #000; margin: 0px 8.7% 8%; } .wpc-gw-cards-disable { filter: grayscale(100%) opacity(0.5); cursor: default  !important; } #wpc-gw-fya { background: white; display: flex; flex-direction: column; padding: 0px 0px 48px; align-items: center; } #wpc-gw-fya a { width: fit-content; } .wpc-gw-fya-maxwidth { padding: 41px 34px 24px; } #wpc-gw-fya h2 { text-align: center; font: normal normal bold 28px/30px Lato; letter-spacing: 0px; color: #000; margin: 0px 0px 36px; } #wpc-gw-fya .wpc-gsw-fya-question-group:not(:last-child) { border-bottom: 1px solid #707070; } #wpc-gw-fya .wpc-gsw-fya-question-group { padding-top: 19px; } #wpc-gw-fya .wpc-gsw-fya-question-group:first-of-type { padding-top: 0px; } .wpc-gsw-fya-question-group { display: flex; flex-direction: column; } .wpc-gsw-fya-question-group h3 { text-align: left; font: normal normal bold 20px/20px Lato; letter-spacing: 0px; color: #0d5c91; margin: 0px 0px 8px; } .wpc-gsw-fya-question-container { margin: 0px 0px 20px; } .wpc-gsw-fya-question { display: flex; flex-direction: row; justify-content: space-between; } .wpc-gsw-fya-question p { text-align: left; font: normal normal bold 16px/20px Lato; letter-spacing: 0px; color: #000; padding: 0px 14px 4px 0px; margin: 0px; width: 100%; } .wpc-gsw-fya-question:hover > p { color: #0d5c91; cursor: pointer; } .wpc-gsw-fya-question:hover > img { filter: invert(24%) sepia(78%) saturate(1370%) hue-rotate(180deg) brightness(94%) contrast(90%); cursor: pointer; } .wpc-gsw-fya-question img { height: 20px; transform: rotate(0deg); transition: all ease-in-out .3s; } .wpc-gsw-fya-answer { text-align: left; font: normal normal normal 16px/20px Lato; letter-spacing: 0px; color: #555; padding: 0px 14px px 0px; overflow: hidden; margin: 0px; max-height: 0px; transition: max-height .6s ease; } .wpc-gsw-fya-answer.show-answer { max-height: 1500px; margin: 0px 0px 11px; transition: max-height .6s ease; } .wpc-gsw-fya-question.active-question > p { color: #0d5c91; } .wpc-gsw-fya-question.active-question > img { filter: invert(24%) sepia(78%) saturate(1370%) hue-rotate(180deg) brightness(94%) contrast(90%); transform: rotate(180deg); transition: all ease-in-out .3s; } #wpc-gw-contact { background: #e1e1e1 0% 0% no-repeat padding-box; padding: 47px 14px 43px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; } #wpc-gw-contact h2 { text-align: center; font: normal normal bold 28px/30px Lato; letter-spacing: 0px; color: #000; margin: 0px 0px 16px; } #wpc-gw-contact h3 { text-align: center; font: normal normal bold 18px/24px Lato; letter-spacing: 0px; color: #000; margin: 21px 18% 10px; } #wpc-gw-contact p { text-align: center; font: normal normal normal 18px/22px Lato; letter-spacing: 0px; color: #000; margin: 0px 18%; } #wpc-gw-contact .wpc-link { text-decoration: none; text-align: center; font: normal normal normal 18px/22px Lato; letter-spacing: 0px; color: #0e5780; } @media (min-width: 450px) { .wpc-gw-bw-icons-container img { padding: 0 25% 50px; } #wpc-gw-card-gmail { background: url("https://p1-ofp.static.pub/ShareResource/na/landing-pages/google-workspace/cards/lenovo-cards-google-workspace-gmail.png") no-repeat; background-size: cover; background-position: center; background-size: contain; } #wpc-gw-card-calendar { background: url("https://p3-ofp.static.pub/ShareResource/na/landing-pages/google-workspace/cards/lenovo-cards-google-workspace-calendar.png") no-repeat; background-size: cover; background-position: center; background-size: contain; } #wpc-gw-card-drive { background: url("https://p3-ofp.static.pub/ShareResource/na/landing-pages/google-workspace/cards/lenovo-cards-google-workspace-drive.png") no-repeat; background-size: cover; background-position: center; background-size: contain; } #wpc-gw-card-meet { background: url("https://p4-ofp.static.pub/ShareResource/na/landing-pages/google-workspace/cards/lenovo-cards-google-workspace-meet.png") no-repeat; background-size: cover; background-position: center; background-size: contain; } #wpc-gw-card-docs { background: url("https://p2-ofp.static.pub/ShareResource/na/landing-pages/google-workspace/cards/lenovo-cards-google-workspace-docs.png") no-repeat; background-size: cover; background-position: center; background-size: contain; } #wpc-gw-card-sheets { background: url("https://p2-ofp.static.pub/ShareResource/na/landing-pages/google-workspace/cards/lenovo-cards-google-workspace-sheets.png") no-repeat; background-size: cover; background-position: center; background-size: contain; } #wpc-gw-card-slides { background: url("https://p3-ofp.static.pub/ShareResource/na/landing-pages/google-workspace/cards/lenovo-cards-google-workspace-slides.png") no-repeat; background-size: cover; background-position: center; background-size: contain; } #wpc-gw-card-chat { background: url("https://p3-ofp.static.pub/ShareResource/na/landing-pages/google-workspace/cards/lenovo-cards-google-workspace-chat.png") no-repeat; background-size: cover; background-position: center; background-size: contain; } } @media (min-width: 750px) { #wpc-gw-plan-icons-desktop { display: flex; } #wpc-gw-plan-icons-mobile { display: none; } .wpc-gw-card { min-width: 601px; } .wpc-gw-card .wpc-gw-card-body h4 { font: normal normal bold 22px/23px Lato; margin: 33px 70px 13px; } .wpc-gw-card .wpc-gw-card-body p { font: normal normal normal 18px/22px Lato; margin: 0px 73px 45px; } #wpc-gw-card-drive-title { margin: 33px 160px 13px; } .wpc-gsw-fya-answer { max-height: 0px; transition: max-height .6s ease; } .wpc-gsw-fya-answer.show-answer { max-height: 700px; margin: 0px 0px 11px; transition: max-height .6s ease; } } @media (min-width: 750px) and (max-width: 1280px) { .wpc-gw-bw-icons-container h2 { font: normal normal bold 40px/43px Lato; margin: 32px 134px 0px; } .wpc-gw-bw-icons-container h3 { font: normal normal normal 21px/20px Lato; margin: 5px 194px 24px; } .wpc-gw-bw-icons-container img { padding: 0 24.8% 33px; } .wpc-gw-bw-img-container { background: url("https://p3-ofp.static.pub/ShareResource/na/landing-pages/google-workspace/images/lenovo-google-workspace-calendar-tablet.jpg") no-repeat; background-size: contain; background-position: center; height: 339px; width: 100%; } .wpc-gw-bw-cards-cont { padding: 77px 69px 80px 69px; } #wpc-gw-fya { padding: 0px 0px 76px; } .wpc-gw-fya-maxwidth { padding: 69px 51px 65px; } #wpc-gw-fya h2 { font: normal normal bold 40px/45px Lato; margin: 0px 0px 78px; } #wpc-gw-fya .wpc-gsw-fya-question-group { padding-top: 40px; } .wpc-gsw-fya-question-container { margin: 0px 0px 25px; } .wpc-gsw-fya-question-group h3 { margin: 0px 0px 12px; } .wpc-gsw-fya-question p { font: normal normal bold 17px/20px Lato; color: #000; padding: 0px 14px 0px 0px; } .wpc-gsw-fya-answer { font: normal normal normal 17px/24px Lato; } #wpc-gw-contact { padding: 44px 14px 50px; } #wpc-gw-contact h2 { font: normal normal bold 40px/30px Lato; margin: 0px 0px 19px; } #wpc-gw-contact h3 { font: normal normal bold 21px/24px Lato; margin: 16px 18% 10px; } #wpc-gw-contact p { font: normal normal normal 21px/25px Lato; margin: 0px 31%; } #wpc-gw-contact .wpc-link { font: normal normal bold 21px/25px Lato; } } @media (min-width: 1280px) { .wpc-gw-card { scroll-snap-align: start; } #wpc-gw-best-work { flex-direction: row; } .wpc-gw-bw-icons-container { width: 50%; } .wpc-gw-bw-img-container { width: 50%; } .wpc-gw-bw-icons-container h2 { font: normal normal bold 52px/54px Lato; margin: 170px 0px 0px; } .wpc-gw-bw-icons-container h3 { font: normal normal normal 22px/20px Lato; margin: 10px 0px 30px; } .wpc-gw-bw-icons-container img { padding: 0px 16% 169px; } #wpc-gw-cards-left, #wpc-gw-cards-right { display: flex; height: 64px; width: 64px; cursor: pointer; } .wpc-gw-card { min-width: calc(50% - 11px) } #wpc-gw-fya h2 { font: normal normal bold 52px/54px Lato; margin: 0px 0px 65px; } #wpc-gw-contact h2 { font: normal normal bold 52px/54px Lato; margin: 0px 0px 13px; } #wpc-gw-contact h3 { font: normal normal bold 21px/24px Lato; margin: 22px 40% 10px; } #wpc-gw-contact p { font: normal normal normal 21px/25px Lato; margin: 0px 35%; } #wpc-gw-contact .wpc-link { font: normal normal bold 21px/25px Lato; } } @media (min-width: 1280px) and (max-width: 1600px) { .wpc-gw-bw-img-container { background: url("https://p2-ofp.static.pub/ShareResource/na/landing-pages/google-workspace/images/lenovo-google-workspace-calendar-desktop.jpg") no-repeat; background-size: contain; background-position: center; height: 660px; } #wpc-gw-bw-cards-container { padding: 0px 69px; } .wpc-gw-bw-cards-cont { margin: 0px 37px; padding: 126px 0px 140px; } #wpc-gw-fya { padding: 0px 0px 98px; } .wpc-gw-fya-maxwidth { padding: 84px 116px 80px; } #wpc-gw-fya h2 { font: normal normal bold 52px/54px Lato; margin: 0px 0px 65px; } #wpc-gw-fya .wpc-gsw-fya-question-group { padding-top: 40px; } .wpc-gsw-fya-question-container { margin: 0px 0px 25px; } #wpc-gw-contact { padding: 71px 0px 71.5px; } } @media (min-width: 1600px) { #wpc-gw-bw-cards-container { padding: 77px 33px 80px 7.65%; } .wpc-gw-fya-maxwidth { max-width: 1358px; padding: 85.6px 117px 80px; } .wpc-gsw-fya-question-group h3 { font: normal normal bold 32px/20px Lato; margin: 0px 0px 35px; } .wpc-gsw-fya-question-group h3 { font: normal normal bold 23px/20px Lato; margin: 0px 0px 12px; } .wpc-gsw-fya-question p { font: normal normal bold 17px/20px Lato; color: #000; padding: 0px 14px 0px 0px; } .wpc-gsw-fya-answer { font: normal normal normal 17px/24px Lato; } #wpc-gw-fya { padding: 0px 0px 61px; } #wpc-gw-fya .wpc-gsw-fya-question-group { padding-top: 61px; } .wpc-gsw-fya-question-container { margin: 0px 0px 25px; } .wpc-gsw-fya-question p { font: normal normal bold 17px/20px Lato; color: #000; padding: 0px 20px 0px 0px; } #wpc-gw-fya .wpc-gsw-fya-question-group:not(:last-child) { padding-bottom: 38px; } } @media (min-width: 1600px) and (max-width: 1920px) { .wpc-gw-bw-img-container { background: url("https://p1-ofp.static.pub/ShareResource/na/landing-pages/google-workspace/images/lenovo-google-workspace-calendar-mid-desktop.jpg") no-repeat; background-size: contain; background-position: center; height: 660px; } #wpc-gw-bw-cards-container { padding: 0px 6.1875%; } .wpc-gw-bw-cards-cont { margin: 0px 37px; padding: 88px 0px 79px; } #wpc-gw-contact { padding: 71px 0px 66px; } } @media (min-width: 1920px) { .wpc-gw-bw-img-container { background: url("https://p1-ofp.static.pub/ShareResource/na/landing-pages/google-workspace/images/lenovo-google-workspace-calendar-full-desktop.jpg") no-repeat; background-size: contain; background-position: center; height: 660px; } #wpc-gw-bw-cards-container { padding: 0px 11.71875%; } .wpc-gw-bw-cards-cont { margin: 0px 37px; padding: 87px 0px 78px; } }