:root { --swiper-theme-color: #ccc  !important; } .breadcrumb-links { padding: 20px 0; font-size: 14px; } .breadcrumb-links a, .edu-main-content a, .left-img-right-txt a, .text-left-bg a { color: #294e95; } .breadcrumb-links a { text-decoration: underline; } .resources-hero-image { background: url('//p4-ofp.static.pub/ShareResource/NA/faqs/img/lenovo-seo-faq-page-main-hero-banner.png') no-repeat left top; color: #fff; background-size: 100%; } .resource-herowht-txt { width: 100%; padding: 4% 0 4% 20px; background: rgba(0, 0, 0, .6); line-height: 22px; } .resources-hero-image h2 { width: 64%; font-size: 24px; font-weight: bold; padding: 0 0 20px; margin: 0; } .resources-hero-image p { width: 54%; padding: 0 0 20px; margin: 0; font-size: 15px; } .edu-breadcrumb-links { font-size: 14px; padding: 20px 25px 0 32px; width: 100%; margin: 0 auto; } .main_content { max-width: 1977px; width: 100%; margin: 0 auto; } .layouts_special_content_5354a76cf48e8-49f5-b7b7-3829ac508b0a { max-width: 1950px; } #body_head_top { font-size: 35px; padding: 10px 0 5px; margin: 0; } .cms_background_layout_c539b72cd9b31-46d3-9861-8d9cdf17b1f9 { max-width: 1920px; margin: auto; width: 100%; } .edu-main-body-content { margin: auto; padding: 0 0 0 20px; color: #000; } .edu-main-content { font-size: 14px; padding: 0 20px; } .edu-main-content h2 { font-size: 22px; font-weight: 800; margin: 15px 30px 20px 0; } .edu-main-content h3 { font-size: 16px; font-weight: 800; margin: 0 0 20px; } .edu-main-content p { font-size: 16px; margin: 0 0 25px; line-height: 24px; } .edu-main-content a, .left-img-right-txt a { text-decoration: none; } .edu-main-content ul, .edu-main-content ol { padding: 0 20px 25px; font-size: 16px  !important; line-height: 24px; } .edu-main-content ul li, .edu-main-content ol li { padding: 5px; } .edu-main-content ul li { list-style-type: disc; } .edu-main-content ol li { list-style-type: decimal; } .edu-hero-banner img { width: 100%; } .cta-wrapper { text-align: center; } .cta-wrapper a { margin: 15px 0 12px; } .cta-wrapper a:hover { color: var(--med-blue); } .cta-wrapper .cta-button { line-height: 23px; padding: 10px; width: 100%; cursor: pointer; font-weight: bold; text-align: center; color: #fff; font-size: 16px; background-color: var(--med-blue); border: 1px solid var(--med-blue); border-radius: 4px; transition: background .2s ease, color .2s ease; display: block; } .cta-wrapper .cta-button:hover, .cta-wrapper .cta-button:focus { background-color: var(--pale-blue); color: var(--med-blue); } .related-article-list { font-size: 15px; font-family: Lato; color: #000; padding: 20px 0 0; text-align: left; line-height: 24px; } .related-article-list ul { padding-left: 10px; padding-top: 10px; } .related-article-list li { text-align: left; line-height: 24px; list-style: disc; padding: 7px 0; } .related-article-list a { text-decoration-line: underline; color: #294e95; font-weight: bold; display: inline  !important; } .related a:hover img, .related a:active img { opacity: 1; } .img_content.radiusfalse.hoverShadowfalse { border: 1px solid #bcbcbc  !important; margin-right: 13px; border-radius: 6px  !important; } .carouseEspotParent .carouselEspot { height: 550px  !important; } #\36 ef995eat8a1f-472c-9179-51d3c18d5155 { padding: 0 8px; } #\35 60baba6t85a6-4cf2-a662-92315b0cdff4 { padding-right: 13px; } .layouts_special_content_c539b72cd9b31-46d3-9861-8d9cdf17b1f9 .layouts_special_2columns31_left { margin-right: 30px; } .layouts_special_content_b48c5c8fw0a62-4b90-9ca8-c8e0a8218e38 > div { margin-left: 10px; } .shop-links-ul { padding: 20px 0 20px 20px; background-color: #f7f2f8; float: left; width: 100%; border-radius: 4px; color: #000; } .shop-links-ul h5 { font-size: 20px; } .shop-links-ul ul { padding-left: 25px; list-style-type: disc; line-height: 22px; padding-top: 10px; font-size: 18px; } .shop-links-ul ul li { padding: 5px 0 0; font-size: 16px; } .text-left-middle { float: left; width: 63%; } .text-left-middle:hover, .text-left-middle a:hover { color: #294e95; background-color: #f4f1f7; } .text-left-middle a:hover { text-decoration: underline; } .image-right-middle { float: right; width: auto; text-align: right; } .image-right-middle img { max-width: 150px; } .grid figure { overflow: hidden; width: 180px; max-height: 294px; max-width: 100%; display: block; padding-left: 10px; } .grid figure img { position: relative; min-height: 100%; max-width: 100%; width: 180px; height: 180px; } div.effect-lily img { max-width: none; transition: opacity .35s, transform .35s; } div.effect-lily:hover img { transform: translate3d(-10px, 0, 0); } .drop-down-bdr { text-align: right; } .drop-down-bdr h3 { padding-right: 10%; font-size: 24px; } .drop-down-bdr input, .drop-down-bdr select, .drop-down-bdr textarea { background-color: #fff  !important; border: 1px solid #ccc; padding: 10px; color: #777; font-size: 12px; width: 50%; } .head_left_text { float: left; width: 50%; text-align: left; margin-bottom: 20px; } .text_normal_right { float: right; width: 48%; } .text_normal_right select { color: #767676; font-family: "Lato", Helvetica, Arial, sans-serif  !important; background-color: #fff  !important; border: 1px solid #ccc; padding: 10px; font-size: 15px; width: 56%; box-shadow: none; -webkit-box-shadow: none; } .text_normal_right option { color: #111; font-family: "Lato", Helvetica, Arial, sans-serif  !important; border: 0 none  !important; padding: 5px; font-size: 15px; width: auto  !important; box-shadow: none  !important; border-radius: 0; margin-left: -10px  !important; margin-right: -10px  !important; } .text_normal_right option:checked, .text_normal_right option:hover, .text_normal_right option:selected { background-color: #ccc  !important; background: #ccc  !important; margin-left: -10px  !important; margin-right: -10px  !important; } .left-img-right-txt { width: 100%; clear: both; border: 1px solid #ccc; display: table; border-radius: 4px; } .left-img-right-txt a { font-weight: 800; } .image-left-resources { width: 46%; padding-right: 4%; display: table-cell; line-height: 0; } .text-right-resources { width: 46%; display: table-cell; line-height: 20px; vertical-align: middle; padding: 0; } .text-right-resources h4 { font-size: 18px; padding-bottom: 5px; font-weight: 800; } .text-right-resources p { padding: 0 10px 5px 0; font-size: 15px  !important; } .text-right-resources p a { font-weight: bold; } .heading-three-img { padding: 25px 0 10px; font-size: 20px  !important; margin: 0; float: left; } .float-left-both { clear: both; float: left; width: 100%; height: 20px; } .edu-right-box-bg-img { text-align: center; padding: 20px; margin: 0 0 20px 0; color: #000; font-family: 'Lato', sans-serif; font-size: 20px; background: url("https://p1-ofp.static.pub/fes/cms/2023/05/23/rv0xc2p9vk3s1644os0skrnn67k44a918678.png") center center / cover no-repeat #fff; border-radius: 6px; } .edu-font-bold-big-black { padding-bottom: 16px; line-height: 24px; font-weight: bold; } .edu-font-normal-big-black { font-size: 16px; line-height: 24px; padding-bottom: 15px; } .related-products-head h4 { font-size: 24px; padding: 20px 0 10px 6px; } .text-left-bg, .img-right-bg { display: table-cell  !important; vertical-align: middle; } .img-right-bg { padding-right: 5px  !important; } @media only screen and (max-width: 1200px) { .edu-right-box-bg-img { margin-left: 0; margin-right: 0; } } @media only screen and (max-width: 1100px) { .heading-three-img { width: 100%; } .head_left_text { width: 49%; } .text_normal_right { width: 49%; } .text-left-middle { width: 80%; } .edu-right-box-bg-img { margin-left: 0; } .text-left-middle ul { display: grid; grid-template-rows: repeat(4, min-content); grid-auto-flow: column; } } @media only screen and (max-width: 1050px) { .layouts_special_content_c539b72cd9b31-46d3-9861-8d9cdf17b1f9 { display: block  !important; } .cmsSlot1_background_layout_color_c539b72cd9b31-46d3-9861-8d9cdf17b1f9.layouts_special_2columns31_left.cms_currency_layout { width: 60%  !important; float: left; } .resources-hero-image { background-size: cover; } .resource-herowht-txt { padding: 3% 0 3% 20px; } .resources-hero-image p { width: 80%; } .text-left-middle { width: 64%; } } @media only screen and (max-width: 900px) { .edu-right-box-bg-img { width: 98%  !important; margin: 3% 0 2%  !important; } .cms_background_layout_color_7d8813fci9ceb-4707-a065-3302c4616c8f, .cms_background_layout_color_5bacf431wd141-4edb-a382-f63237f8412f { padding-left: 10px  !important; padding-right: 10px  !important; } .text-right-resources h4 { font-size: 18px; } .text-right-resources p { font-size: 15px; } .layouts_special_content_b48c5c8fw0a62-4b90-9ca8-c8e0a8218e38 > div:first-child { background-color: #f7f2f8; } .layouts_special_content_b48c5c8fw0a62-4b90-9ca8-c8e0a8218e38 > div { padding-right: 0; } .shop-links-ul { margin-top: 20px; } .layouts_special_content_f0b532acwbacf-4872-9fb7-7a49523eac72 .layouts_special_2columns31_left { margin-bottom: 20px; } } @media only screen and (max-width: 840px) { .cmsSlot1_background_layout_color_c539b72cd9b31-46d3-9861-8d9cdf17b1f9.layouts_special_2columns31_left.cms_currency_layout { width: auto  !important; } .carouseEspotParent .carouselEspot { height: 550px  !important; } .layouts_special_content_c539b72cd9b31-46d3-9861-8d9cdf17b1f9 .layouts_special_2columns31_left { margin-right: 20px; } .edu-main-content { font-size: 14px; padding: 0 20px; } .widgets_merchandising_reel_pc_container .vertical { padding-bottom: 20px; } .cc__slim_blade .cc__icon { text-align: center; height: 7rem; } .cc__slim_blade .cc__description { text-align: center; } .edu-right-box-bg-img { margin-right: 5px; margin-left: 5px; } #\35 60baba6t85a6-4cf2-a662-92315b0cdff4 { padding-right: 0; } #\36 ef995eat8a1f-472c-9179-51d3c18d5155 { padding: 0 0 0 8px; } .layouts_special_content_c539b72cd9b31-46d3-9861-8d9cdf17b1f9 .layouts_special_2columns31_right { float: left; } } @media only screen and (max-width: 770px) { .cmsSlot1_background_layout_color_c539b72cd9b31-46d3-9861-8d9cdf17b1f9.layouts_special_2columns31_left.cms_currency_layout { width: 100%  !important; float: none; } .edu-main-content h2 { font-size: 18px; margin: 15px 0 20px; } #body_head_top { font-size: 24px; } .edu-main-body-content { padding: 0 10px; } .cc__slim_blade .cc__section { background-size: cover  !important; } .cc__slim_blade .cc__icon { margin: 1.25rem .5rem  !important; } .cc__slim_blade.ll__slim_blade .cc__cta_btn { width: 8.675rem  !important; } .cc__slim_blade .cc__description { height: 100%  !important; padding: 20px 0 10px; font-size: .825rem; width: 100%  !important; display: block  !important; float: none  !important; flex: unset  !important; } .edu-breadcrumb-links { font-size: 13px; padding: 20px 20px 0 22px; } #\36 ef995eat8a1f-472c-9179-51d3c18d5155 { margin-top: 20px; padding: 0 2%; } .cms_background_layout_c539b72cd9b31-46d3-9861-8d9cdf17b1f9 { padding: 20px 0; } .layouts_special_content_c539b72cd9b31-46d3-9861-8d9cdf17b1f9 .layouts_special_2columns31_left { margin-right: 0; } .widgets_merchandising_reel_pc_container .product_headline, .widgets_merchandising_reel_tablet_container .product_headline, .widgets_merchandising_reel_mobile_container .product_headline, .widgets_merchandising_reel_pc_container .vertical, .widgets_merchandising_reel_tablet_container .vertical, .widgets_merchandising_reel_mobile_container .vertical { margin-left: 1%; } #\35 60baba6t85a6-4cf2-a662-92315b0cdff4 { padding-right: 1%; } .img_content.radiusfalse.hoverShadowfalse { margin-right: 9px; margin-left: 5px; } .carouseEspotParent .carouselEspot .swiper { margin-bottom: 10px  !important; } .cc__section.cc_community.flex { margin: 1% 2% 2%; } .resources-hero-image p { width: 98%; font-size: 14px; } .resources-hero-image h2 { width: 98%; font-size: 20px; } } @media only screen and (max-width: 600px) { .edu-main-content { font-size: 15px; padding: 0 10px; } .edu-main-content p { font-size: 15px; margin: 0 0 15px; } .edu-main-content h3 { font-size: 15px; margin: 0 0 15px; } .left-img-right-txt { display: block; } .image-left-resources { width: 100%; padding-right: 0; display: block; float: none; } .text-right-resources { width: 100%; display: block; padding: 10px 5px; } .text-left-middle { width: 100%; padding-bottom: 20px; } .head_left_text, .text_normal_right { width: 100%; float: none; text-align: left; } .text_normal_right { margin-bottom: 20px; } .image-right-middle { display: none; } .text-left-middle ul { display: block; } } @media only screen and (max-width: 500px) { .widgets_merchandising_reel_pc_container .vertical { padding-bottom: 20px; } #cc__slim_blade { margin-top: 10px; } }
