.main_content { background-color: #f5f5f5; } @media only screen and (max-width: 1920px) { .app .mobile-compare-cards_wrap { width: auto; } } @media only screen and (max-width: 412px) { #ai-roadmap .heroContent { position: relative; } } @media only screen and (max-width: 1210px) { .app .commonHero:has(#ai-roadmap) .heroTypeOne .typeOneContent .heroBgImage { object-position: right; } } .largeCoontainer { padding: 24px 0; } .largeCoontainer .large_content_container { gap: 50px  !important; } .smallCoontainer .small_content_container_media { height: auto; } .smallCoontainer .small_content_container { min-height: unset  !important; } .small_card_noImageBG .small_content_container { padding-top: 24px; } .smallCoontainer .small_content_container_text_content { padding-bottom: 0; } .smallCoontainer .small_content_container_text_sub_heading { padding-bottom: 6px; } .smallCoontainer .small_content_container_text_title { padding-bottom: 12px; } .smallCoontainer .small_content_container_text_title { font: 700 36px / 42px Montserrat  !important; } .smallCoontainer:has(#icon-card) .small_content_container_media, .smallCoontainer:has(#icon-card-1) .small_content_container_media { padding: 24px; margin: 0; } .smallCoontainer:has(#icon-card) .small_content_container_media img, .smallCoontainer:has(#icon-card-1) .small_content_container_media img { height: 125px; object-fit: contain; } .smallCoontainer .small_content_container_text { padding: 0 24px; } .smallCoontainer .small_content_container-cta-link:hover, .largeCoontainer .large_content_container_text-cta-link:hover { border-bottom: none  !important; } .smallCoontainer .small_content_container-cta { padding: 0 24px  !important; } #ai-roadmap li::before { content: url(https://p1-ofp.static.pub/ShareResource/ww/img/solutions/sustainability-solutions/climate-action/certified-refurbishment-services/Checkmark.svg); filter: brightness(0) invert(1); margin-right: 0; } .compare-table-pc-layout .compare-table-pc-layout-table th:first-child, .compare-table-pc-layout .compare-table-pc-layout-table td:first-child, .compare-table-tablet-layout table tbody th, .compare-table-tablet-layout table td:first-child, .compare-table-mobile-layout table tbody th, .compare-table-mobile-layout table td:first-child { font-weight: bold; } .compare-table-pc-layout-table table td, .compare-table-tablet-layout-table table td, .compare-table-mobile-layout-table table td { text-align: left  !important; } .ctaButton_link span { text-decoration: underline; } .ctaButton_link span:hover { text-decoration: none; } .widgetsTitle { padding-top: 0; margin: 0; } .widgetsTitle .headline_box .title-content .shopAll { display: none; } @media screen and (max-width: 520px) { table { min-width: 625px; } .new_content_blade .blade_content .blade_information, .new_content_blade, .largeCoontainer .large_content_container { margin: 0  !important; } .new_content_blade .content_blade_data .front_image { width: 0; } .new_content_blade { width: 100%; } .largeCoontainer .large_content_container { gap: 0  !important; } .largeCoontainer .large_content_container_text-cta { display: none; } .new_content_blade .content_blade_data, .new_content_blade .blade_content { background-position: right  !important; } .new_content_blade .blade_header { width: auto; } .new_content_blade.dark_blade_theme { background-color: #f5f5f5; } .new_content_blade.dark_blade_theme .blade_header, .new_content_blade.dark_blade_theme .blade_textLink, .new_content_blade.dark_blade_theme .copy_link, .new_content_blade.dark_blade_theme .blade_header .blade_sub_header, .new_content_blade.dark_blade_theme .blade_textLink .blade_sub_header, .new_content_blade.dark_blade_theme .copy_link .blade_sub_header, .new_content_blade.dark_blade_theme .blade_information .blade_sub_header { color: black; } thead tr th.fixed-column { width: 135px  !important; } } @media screen and (min-width: 521px) { .largeCoontainer .large_content_container__media .large_content_container_media { width: 50%; } } @media screen and (min-width: 521px) and (max-width: 1024px) { .large_content_container .large_content_container__media .zoom_in, .large_content, .largeCoontainer .large_content_container_media { height: auto  !important; } .app .commonHero:has(#ai-roadmap) .heroTypeOne .typeOneContent .heroContent { justify-content: left  !important; } .heroTextContent { width: 100%  !important; } .smallCoontainer:has(#icon-card) .small_content_container { min-height: 360px  !important; } .smallCoontainer:has(#icon-cards-2) .small_content_container { min-height: 460px  !important; } } @media screen and (max-width: 1024px) { .app .commonHero .heroTypeOne .typeOneContent .heroBreadcrumbs { margin: 40px 0 0 16px  !important; } .app .commonHero .heroTypeOne .typeOneContent .heroBgImage { object-position: left; } .smallCoontainer .small_content_container_media img { width: auto; max-width: 430px; object-position: left; } .smallCoontainer .small_content, .smallCoontainer .caption { min-height: auto; min-width: auto; max-width: unset; } .compare-table-tablet-layout .compare-table-tablet-layout-table-container { max-width: unset; } .new_content_blade .blade_content .blade_information { margin: 48px 16px; width: 100%; } table { table-layout: fixed  !important; width: 100%  !important; } thead th { box-sizing: border-box  !important; } thead tr th.fixed-column { width: 20%; } thead tr th:nth-child(2) { width: 40%  !important; } thead tr th:nth-child(3) { width: 40%  !important; } } @media screen and (max-width: 1280px) { .smallCoontainer .small_content_container_media { height: auto; } } @media screen and (min-width: 1280px) and (max-width: 1919px) { .widgetsTitle, .mtSegmentEspot { margin: 0; } } @media screen and (min-width: 921px) and (max-width: 1919px) { .compare-table-pc-layout.three-column .compare-table-pc-layout-table th, .compare-table-pc-layout.three-column .compare-table-pc-layout-table td { width: 0  !important; } .largeCoontainer .large_content_container_text_title { font: 700 56px / 84px Montserrat; } } @media screen and (min-width: 1919px) { .largeCoontainer .large_content_container_text_title { font: 700 80px / 100px Montserrat; } } @media screen and (min-width: 1024px) { .smallCoontainer .small_content, .smallCoontainer .caption { min-width: unset; max-width: unset; } .smallCoontainer .small_content_container_media img { object-position: left; } } @media screen and (min-width: 1200px) and (max-width: 1919px) { .espot-layout .espot-layout-threeChilds .small-icon-item-head-image { height: auto; } }