/* Minification failed. Returning unminified contents. (980,45): run-time error CSS1030: Expected identifier, found ',' (980,87): run-time error CSS1031: Expected selector, found ')' (980,87): run-time error CSS1025: Expected comma or open brace, found ')' (998,45): run-time error CSS1030: Expected identifier, found ',' (998,87): run-time error CSS1031: Expected selector, found ')' (998,87): run-time error CSS1025: Expected comma or open brace, found ')' (3126,20): run-time error CSS1039: Token not allowed after unary operator: '-y' (3127,21): run-time error CSS1039: Token not allowed after unary operator: '-x' (6741,45): run-time error CSS1046: Expect comma, found '79' (6741,51): run-time error CSS1046: Expect comma, found '/' (14450,91): run-time error CSS1030: Expected identifier, found '.' (14450,120): run-time error CSS1031: Expected selector, found ')' (14450,120): run-time error CSS1025: Expected comma or open brace, found ')' (19431,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-0-ffffff' (24614,49): run-time error CSS1030: Expected identifier, found '.' (24614,138): run-time error CSS1031: Expected selector, found ')' (24614,138): run-time error CSS1025: Expected comma or open brace, found ')' (24745,70): run-time error CSS1030: Expected identifier, found '.' (24745,107): run-time error CSS1031: Expected selector, found ')' (24745,107): run-time error CSS1025: Expected comma or open brace, found ')' */ _::-webkit-full-page-media, _:future, :root a.c-call-to-action.safari_only span { padding-bottom: 3px; } .lightfonts { font-weight:100 !important; } .weepstake { margin-top: 30px !important; margin-bottom: 40px !important; } .rules-text { margin-top: 15px; margin-left: 25px; } .rules-header { margin-top: 20px; margin-bottom:15px; } .rulesCTA { text-align:center; margin-top:30px; } .fw-600 { font-weight: 600; font-size: 12px; } .fw { font-weight: 600; } .fw-rule { font-weight: 700; } .pt-1 { padding-top: 10px; } .pt-2 { padding-top: 20px; } .pt-3 { padding-top: 30px; } .pt-4 { padding-top: 40px; } .pb-1 { padding-bottom: 10px; } .pb-2 { padding-bottom: 20px; } .pb-3 { padding-bottom: 30px; } .pb-4 { padding-bottom: 40px; } .uhf .c-uhff.context-uhf { margin-top: 0 !important; } .width-10 { width: 100% } /*Offers */ .redeemed { opacity: .2; } .offers .c-logo img { max-width: 100%; } .offers .offfers-content { text-align: center !important; } .m-hero-item .blue-btn { background: #005da6 !important; } .theme-dark .blue-btn span, .theme-dark .blue-btn::after { color: #fff; } .m-hero-item.f-x-left > div > div .c-heading { padding-bottom: 15px; } .m-hero-item.p-ben-hero .c-call-to-action:first-child { margin-right: 6%; } a.c-glyph.glyph-cancel.pop-glyph-cancel:focus, .popup a.c-call-to-action:focus { outline: 2px solid #000 !important; border-color: #000 !important; } .supBLink { font-weight: normal; font-size: 11px; text-decoration: underline !important; margin-right: 1px !important; } .m-content-placement.offerpanel .c-call-to-action { float: left; } span.offer-linktext { float: right; padding: 10px 3px 7px 0; /*margin-left: 6%;*/ font-size:13px; font-style: italic; } @media screen and (min-width: 1400px) { .m-hero-item > div, .c-hero > div { max-width: 1600px !important; } .m-hero-item.f-x-left > div > div, .c-hero.f-x-left > div > div { left: 10px !important; } } @media screen and (max-width: 1083px) { /*.m-social.f-horizontal { padding-left: 24px; padding-right: 24px; }*/ .rules { padding-left: 5%; padding-right: 5%; } } .text-left { text-align: left; } /*.m-social.f-horizontal { margin-bottom: 20px; margin-top: 20px; }*/ .m-hero-item.f-x-right.f-y-center > div > div > div { margin-top: 0; } .m-hero-item.f-x-right.f-y-center > div > div > div p { padding-top: 0; } .m-banner.disclaimer { text-align: left; padding-top: 30px; } @media screen and (min-width: 1083px) { .m-banner.panel-banner p { width: 75%; margin: 0 auto; } } @media screen and (min-width: 540px) and (max-width:1084px) { .m-content-placement.offerpanel [data-grid~=col-4] { width: 50% !important; float: left !important; } } @media screen and (min-width: 767px) and (max-width: 1083px) { [lang='fr-ca'] .m-hero-item.p-ben-hero .c-call-to-action:first-child { margin-bottom: 15px; } [lang='fr-ca'] .m-hero-item.p-ben-hero .c-paragraph { max-height: initial; } } .offers .m-feature .offfers-content a[aria-disabled='true'], .offers .m-feature .offfers-content a[aria-disabled='true']:focus { border: none; } @media screen and (max-width: 767px) { .m-hero-item:before { padding-bottom: 48.5% !important; } li .m-hero-item:before { padding-bottom: 56.5% !important; } .m-hero-item > div { padding: 0 !important; } .m-hero-item > div > div h1, .m-hero-item > div > div h2 { padding-top: 0 !important; } .m-banner.your365 { padding-top: 10px !important; } .offers .offfers-content { margin-top: 30px !important; } .m-hero-item > div, .c-hero > div { height: 350px !important; } } .loader { position: absolute; top: 45%; left: 50%; border: 16px solid #585858; border-radius: 50%; border-top: 16px solid #909090; width: 60px; height: 60px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; } .show { display: block !important; } /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .loading { width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: none; opacity: 0.7; background-color: #D0D0D0; z-index: 9991; text-align: center; } /** Model dialog*/ #confirmBox { display: none; background-color: white; border-radius: 5px; border: 1px solid #aaa; position: fixed; width: 350px; height: 150px; left: 50%; top: 40%; margin-left: -150px; padding: 6px 8px 8px; box-sizing: border-box; text-align: center; z-index: 9999; } #confirmBox .button { background-color: #0067b8; display: inline-block; border-radius: 3px; border: 1px solid #aaa; padding: 5px; text-align: center; width: 120px; cursor: pointer; color: white; font-weight: 600; } #confirmBox .button:hover { background-color: #0505ba; } #confirmBox .message { text-align: left; margin-bottom: 8px; padding: 20px; } @media screen and (min-width: 4000px) { #confirmBox { width: 500px; height: 200px; } #confirmBox .button { width: 200px; } } #static-banner3.gradient .offer-test { background: radial-gradient(480.94% 2623.8% at -350% -450%, #0F0A2F 0%, #3B415E 46.09%, #727095 60.09%, #C98282 71.38%, #FFA673 77.67%, #FFD6AA 85.43%); } .full-article .m-banner-article { max-width: 1000px; } .m-hero .m-hero-item { pointer-events: none !important; } .m-hero-item a, .m-hero-item button { pointer-events: auto !important; } .full-article .c-call-to-action span { text-transform: uppercase; } .image-clickable:hover img { cursor: pointer } .articletouts .c-group { margin-top: 5px; } #left-container { padding-right: 24px; } #right-container .m-content-placement { padding-left: 9% !important; padding-right: 9% !important; margin-left: 0px !important; margin-right: 0px !important; } .new-article #right-container .m-content-placement, .postcard-article #right-container .m-content-placement { padding-left: 0% !important; padding-right: 0% !important; margin-left: 0px !important; margin-right: 0px !important; } #right-container .m-content-placement .m-image-intro.video-priority { margin-bottom: 40px; padding: 0px !important; } .article #left-container, .articlesmain .m-social.f-horizontal.f-share, .shopmain .m-social.f-horizontal.f-share, .hubmain .m-social.f-horizontal.f-share { margin-bottom: 48px; } .image-priority-accolate .accolate-section div { width: auto; } .back-to-listicle a.c-call-to-action:not(.glyph-play):before, .back-to-listicle button.c-call-to-action:not(.glyph-play):before { font-size: 11px; margin-top: 3px; margin-left: 3px; display: inline-block; position: relative; right: 0; content: ""; vertical-align: top; transform: scaleX(-1); -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); } .back-to-listicle a.c-call-to-action { min-height: 30px; } .back-to-listicle a.c-call-to-action:hover span { border-bottom: 1px solid transparent; } [dir="ltr"] a.c-call-to-action:not(.glyph-play):hover:after { right: -4px !important; } [dir="rtl"] a.c-call-to-action:not(.glyph-play):hover:after { right: initial !important; } .back-to-listicle a.c-call-to-action:not(.glyph-play):hover:before { left: -4px !important; } a.c-call-to-action.glyph-play span { top: 2px; } .back-to-listicle a.c-call-to-action:not(.glyph-play):after, .back-to-listicle button.c-call-to-action:not(.glyph-play):after { content: none; } .back-to-listicle { pointer-events: none !important; } .back-to-listicle a.c-call-to-action { padding: 0px !important; pointer-events: auto !important; } .hide { display: none; } .a-pt-24 { padding-top: 24px !important; } #right-container .m-banner { padding-top: 0px; } .no-padding-top { padding-top: 0px !important; } .no-margin-top { margin-top: 0px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-24 { margin-top: 24px !important; } .margin-top-36 { margin-top: 36px !important; } .margin-top-48 { margin-top: 48px !important; } .margin-bottom-12 { margin-bottom: 12px !important; } .margin-bottom-24 { margin-bottom: 24px !important; } .margin-bottom-36 { margin-bottom: 36px !important; } .margin-bottom-48 { margin-bottom: 48px !important; } .padding-top-12 { padding-top: 12px !important; } .padding-top-24 { padding-top: 24px !important; } .padding-top-36 { padding-top: 36px !important; } .padding-top-48 { padding-top: 48px !important; } .padding-bottom-12 { padding-bottom: 12px !important; } .padding-bottom-24 { padding-bottom: 24px !important; } .padding-bottom-36 { padding-bottom: 36px !important; } .padding-bottom-48 { padding-bottom: 48px !important; } .padding-top-96 { padding-top: 96px !important; } .padding-bottom-96 { padding-bottom: 96px !important; } .padding-left-12 { padding-left: 12px !important; } .padding-left-19 { padding-left: 19px !important; } .padding-left-24 { padding-left: 24px !important; } .padding-left-36 { padding-left: 36px !important; } .padding-left-48 { padding-left: 48px !important; } @media screen and (max-width: 1083px) { [data-grid="container"] .m-feature, [data-grid="container"] .m-image-intro, [data-grid="container"] .m-social { padding-left: 5%; padding-right: 5%; } .image-priority-accolate { width: 90%; margin: 0 auto; } .selectDisplays { padding-left: 5% !important; } .custom-small-feature .show-in-lower { display: block; float: none; } .custom-small-feature .show-in-lower img { margin: 0 auto; } .comppanel { width: 100%; } .black-theme [class*=c-heading], .black-theme p { color: #000000 !important; } .surface-hero-pivot-multi-img .c-pivot > ul { display: block; } .windows-11 .hero-item-video .m-hero-item:before { padding-bottom: 38% } .featured-cards.black-theme [class*=c-heading], .featured-cards.black-theme p { color: #FFFFFF; } .black-theme .featured-cards-group .featured-single-card > div h3, .black-theme .featured-cards-group .featured-single-card > div p { color: #ffffff !important; } } @media only screen and (min-width: 768px) and (max-width: 1083px) { .articlesmain .c-carousel li .m-hero-item > picture img, .shopmain .c-carousel li .m-hero-item > picture img { left: calc(50%); right: auto; -ms-transform: translateX(-50%); transform: translateX(-50%); } .articlesmain .m-hero-item > picture img, .shopmain .m-hero-item > picture img { top: 0; left: calc(50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; } .c-carousel li.f-animate-previous .m-hero-item > picture img { animation-name: hero-background-previous-x-center !important; } .articlesmain .m-hero-item > div, .shopmain .m-hero-item > div { position: relative; height: 380px; } .c-carousel li.f-animate-next .m-hero-item[class*="f-x"][class*="f-y"] > picture img, .c-carousel li.f-animate-next .c-hero[class*="f-x"][class*="f-y"] > picture img { animation-name: hero-background-next-x-center !important; } .articlesmain .m-hero-item.f-y-center > div > div, .shopmain .m-hero-item.f-y-center > div > div { position: relative; margin: 0 auto; left: 0; top: calc(50%); -ms-transform: translateY(-50%); transform: translateY(-50%); max-width: 100%; } .articlesmain .m-hero-item:before, .shopmain .m-hero-item:before { padding-bottom: 56.5%; } .articlesmain .m-hero-item, .shopmain .m-hero-item { text-align: center; } .transfer-your-data .image-priority-accolate { margin-bottom: 40px; } .hubmain .c-hero > div, .hubmain .m-hero-item > div, .article-category .m-hero-item > div { width: 85%; height: auto; position: relative; text-align: center; padding-top: 24px; } .hubmain .c-hero[class*=f-x][class*=f-y] > div > div, .hubmain .m-hero-item[class*=f-x][class*=f-y] > div > div, .article-category .m-hero-item[class*=f-x][class*=f-y] > div > div { position: relative; margin: 0 auto; left: 0; top: calc(50%); -webkit-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); max-width: 100%; height: 400px; } .windows .holiday-animated-hero .m-hero-item > div > div, .windows-11 .holiday-animated-hero .m-hero-item > div > div { width: 100%; padding-bottom: 48px; height: fit-content !important; float: left; } .hubmain.windows-11 .vertical-parallax-hero2 .c-hero[class*=f-x][class*=f-y] > div > div, .hubmain.windows-11 .vertical-parallax-hero3 .c-hero[class*=f-x][class*=f-y] > div > div, .hubmain.windows-11 .vertical-parallax-hero2 .m-hero-item[class*=f-x][class*=f-y] > div > div, .hubmain.windows-11 .vertical-parallax-hero3 .m-hero-item[class*=f-x][class*=f-y] > div > div { height: auto; padding-bottom: 60px; margin-bottom: 80px; } .windows .hero-item-video .m-hero-item:before { padding-bottom: 40%; } .windows .m-hero-item.upgraded-width:before { padding-bottom: 45%; } } @media screen and (max-width: 767px) { .m-feature.accolate-section.f-align-right .featurecontent, .m-feature.accolate-section.f-align-left .featurecontent { width: 100%; padding: 0px !important; } .m-table .c-table { margin-top: 0; } .m-table.right-table { margin-left: 0 !important; padding-top: 0 !important; } .m-table.left-table { margin-right: 0 !important; } .m-table { padding-top: 0; margin-top: 0; } .two-column-table [data-grid="col-6"] { width: 100%; } #retailers nav.c-link-navigation li, #retailers-Win8 nav.c-link-navigation li, #retailers-Win7 nav.c-link-navigation li { width: 250px; display: inline-block; } #retailers nav.c-link-navigation p, #retailers-Win8 nav.c-link-navigation p, #retailers-Win7 nav.c-link-navigation p { width: 250px; } } div#retailers .c-link-navigation img, div#retailers-Win8 .c-link-navigation img, div#retailers-Win7 .c-link-navigation img { border: 1px solid #f9f9f9; box-shadow: 0px 0px 10px #CCCCCC; } div#retailers .c-link-navigation ul li picture, div#retailers-Win8 .c-link-navigation ul li picture, div#retailers-Win7 .c-link-navigation ul li picture { max-height: initial; text-align: center; margin-top: 20px; } div#retailers .c-link-navigation ul li p, div#retailers-Win8 .c-link-navigation ul li p, div#retailers-Win7 .c-link-navigation ul li p { display: block; text-align: center; text-decoration: none; } div#retailers .c-link-navigation picture div, div#retailers-Win8 .c-link-navigation picture div, div#retailers-Win7 .c-link-navigation picture div { text-transform: none; } @media screen and (min-width: 768px) { .m-feature.accolate-section.f-align-right .featurecontent h2, .m-feature.accolate-section.f-align-left .featurecontent h2 { padding-top: 0px; margin-top: 0px; } .featurebox .featurecontent p { padding-top: 12px !important; } .m-link-navigation.wdg-support-links li { width: 19%; } [lang='de-de'] .m-link-navigation.wdg-support-links li { width: 19%; } } @media screen and (max-width: 539px) { .full-article #left-container { padding-right: 0px; } .image-priority-accolate { margin: 0 auto; } .image-priority-accolate .accolate-section { margin-bottom: 40px; } .m-feature.accolate-section .desk-vp { display: none; } } /* video css */ .video-priority .youtubevidplayer { float: right; position: relative; } .c-dialog.f-lightbox.wdg-lightbox [role=dialog] [role=document] { height: 100% !important; padding-bottom: 0% !important; z-index: 1001; position: relative; } .c-dialog.f-lightbox.wdg-lightbox [role=dialog] { overflow: visible !important; } .c-dialog.f-lightbox .nav-buttons button.c-glyph { padding: 0; background: none; border: 0; width: 36px; height: 36px; } .c-dialog.f-lightbox .nav-buttons button.c-glyph:before { vertical-align: top; } .c-dialog.f-lightbox .nav-buttons .c-glyph { position: fixed; top: 24px; right: 24px; color: rgba(255,255,255,.6); font-size: 36px; z-index: 1001; } .c-dialog.f-lightbox .nav-buttons .c-glyph:hover { color: rgba(255,255,255,.8); } .c-dialog.f-lightbox .nav-buttons .c-glyph:focus { outline: 1px dashed rgba(255,255,255,.6); } @media only screen and (max-width: 767px) { .c-dialog.f-flow [role=dialog], .c-dialog.f-lightbox [role=dialog] { padding: 0% !important; } } .f-video-trigger button.c-action-trigger.c-glyph, .f-video-trigger a.c-action-trigger.c-glyph { font-size: 24px; font-family: MWF-MDL2; content: ""; line-height: 13px; padding-right: 5px; height: 48px; width: 48px; color: rgb(255, 255, 255); margin: 0px; outline: none; border-radius: 50%; background: #0067b8 !important; margin-top: 40px; padding: 0 24px !important; } .f-video-trigger button.c-action-trigger.c-glyph:before { margin-left: 0px; color: #FFFFFF; } .inline-popup.mp4inline .f-video-trigger button.c-action-trigger.c-glyph:focus { outline: 2px solid #000000; } .inline-popup.mp4inline .f-video-trigger button.c-action-trigger.c-glyph:focus span { text-decoration: underline; color: #FFFFFF; } .f-video-trigger { border: solid 1px transparent; margin: 0; position: absolute; height: 100%; width: 100%; cursor: pointer; margin-top: 20px; } .f-video-trigger > div { padding: 0%; width: 100%; left: 0; top: calc(50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; margin: auto; right: 0; cursor: pointer; } .f-video-overlay { position: relative; } .f-video-trigger button.c-action-trigger.glyph-play.c-glyph[aria-label]:focus { outline: none !important; border: 2px dashed #000 !important; } .InlinePlayerAPIinline { height: 100%; } #video iframe, .c-dialog iframe { min-height: 550px; } @media screen and (max-width: 1083px) { .video-priority button.videobutton { display: none; } .video-priority picture iframe, .c-dialog iframe, picture iframe { min-height: 300px; } .video-priority #video iframe, .c-dialog iframe { min-height: 450px; } .content.comppanel { width: 100%; } div#smallFeaturebox { padding-left: 3%; padding-right: 3%; } } @media only screen and (max-width: 1083.98px) and (min-width: 540px) { .video-priority picture iframe, .video-priority .c-dialog iframe, picture iframe { min-height: 300px; } .video-priority #video iframe, .video-priority .c-dialog iframe { min-height: 300px; } .hubmain .c-hero[class*=f-x][class*=f-y] > picture img, .hubmain .m-hero-item[class*=f-x][class*=f-y] > picture img, .article-category .m-hero-item[class*=f-x][class*=f-y] > picture img { top: 0; left: calc(50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .hubmain .c-feature.f-align-left > div, .hubmain .c-feature.f-align-right > div, .hubmain .c-feature.f-align-center > div, .hubmain:not(.win-comprehensive-security,.ai-features,.PC-buying-guide,.win-11-new) .m-feature.f-align-left > div, .hubmain:not(.win-comprehensive-security,.ai-features,.PC-buying-guide,.win-11-new) .m-feature.f-align-right > div, .hubmain:not(.win-comprehensive-security,.ai-features,.PC-buying-guide,.win-11-new) .m-feature.f-align-center > div { width: 85%; margin: 0 auto; text-align: center; position: relative; top: 0; left: 0 !important; transform: translateX(0); -webkit-transform: translateX(0); } .hubmain .c-feature.f-align-left .c-video, .hubmain .c-feature.f-align-left picture, .hubmain .c-feature.f-align-right .c-video-player, .hubmain .c-feature.f-align-right picture, .hubmain .m-feature.f-align-left .c-video-player, .hubmain:not(.win-comprehensive-security,.ai-features,.PC-buying-guide,.win-11-new) .m-feature.f-align-left picture, .hubmain .m-feature.f-align-right .c-video-player, .hubmain:not(.win-comprehensive-security,.ai-features,.PC-buying-guide,.win-11-new) .m-feature.f-align-right picture { float: none; display: block; width: 100%; max-width: 100%; } } div#right-container { background: #f2f2f2; padding-bottom: 48px; margin-bottom: 48px; } .new-article div#right-container, .postcard-article div#right-container { margin-bottom: 0px; } .article-category div#right-container { clear: both; } @media only screen and (max-width: 1083px) { .back-to-listicle { padding-top: 0 !important; padding-left: calc(5% - 12px) !important; padding-right: calc(5% - 12px) !important; } .dropdown-category, .selectDisplays { padding-left: 5%; padding-right: 5%; } div#right-container { margin-top: 48px; margin-bottom: 0; } .featured-cards-group [data-grid~="col-4"] { width: 46% !important; } #all-tips .featured-cards-group [data-grid~="col-4"] { width: 480px !important; } } @media screen and (max-width: 767px) { .video-priority picture iframe, .video-priority .c-dialog iframe, .video-priority picture iframe { min-height: 200px; } .video-priority #video iframe, .video-priority .c-dialog iframe { min-height: 200px; } .featured-cards-group [data-grid~="col-4"] { width: 99% !important; } } .video-priority #video iframe:focus, .video-priority .c-dialog iframe:focus { outline: 1px dashed #000000; } .video-priority .c-dialog.f-lightbox > [role=presentation] + .c-glyph { position: fixed; top: 24px; right: 24px; color: rgba(255, 255, 255, .6); font-size: 36px; z-index: 1000; } .video-priority .c-dialog.f-lightbox > [role=presentation] + button.c-glyph { padding: 0; background: 0 0; border: 0; width: 36px; height: 36px; } .video-priority .c-glyph.glyph-cancel:before { content: ' \E894'; } .video-priority .c-dialog.f-lightbox > [role=presentation] + button.c-glyph { padding: 0; background: 0 0; border: 0; width: 36px; height: 36px; } .video-priority .c-dialog.f-lightbox > [role=presentation] + button.c-glyph:before { vertical-align: top; } @media only screen and (min-width: 1084px) { .video-priority #setup .youtubevidplayer { width: 65%; float: right; } .video-priority #setup .youtubevidplayer .youtubevidplayer-posterimagewrap > picture { width: 100%; } .featurebox .featurecontent > p { padding: 0px; } .featurebox .featurecontent > h2 + p { padding: 24px 0 0; } .custom-mosaic .m-mosaic .c-mosaic [data-f-mosaic*="card-small"]:first-child { width: 35%; padding-right: 10px; } .custom-mosaic .m-mosaic .c-mosaic [data-f-mosaic*="card-large"]:last-child { width: 65%; } .custom-mosaic .m-mosaic .c-mosaic [data-f-mosaic*="card-large"]:first-child { width: 65%; } .custom-mosaic .m-mosaic .c-mosaic [data-f-mosaic*="card-small"]:last-child { width: 35%; padding-left: 10px !important; } [dir="rtl"] .custom-mosaic .m-mosaic .c-mosaic [data-f-mosaic*="card-small"]:last-child { padding-left: 0px !important; } [dir="rtl"] .custom-mosaic .m-mosaic .c-mosaic [data-f-mosaic*="card-large"]:first-child { padding-left: 10px; } [dir="rtl"] .custom-mosaic .m-mosaic .c-mosaic [data-f-mosaic*="card-small"]:first-child { padding-right: 0px; padding-left: 10px; } .windows-11-specifications div#table5 thead th div { margin-left: -200px } /* Sticky Social Share start */ div#sticky-share { position: sticky; top: 40px; height: 0; margin-left: -100px; } div#sticky-share .m-social > h3 { display: none; } div#sticky-share li { display: list-item; float: none; } div#sticky-share li a { width: 40px; height: 40px; } div#sticky-share li a img { width: 100%; } div#sticky-share li a:hover img { background: none; } div#sticky-share li a:hover:before { background: none; } div#sticky-share .m-social { margin-top: 0; } /* Sticky Social Share end */ } div#default-lightbox .m-content-placement-item > div { padding: 20px !important; } #default-lightbox .nav-buttons { position: fixed; width: 100%; height: 100%; z-index: 99; left: 50%; top: 50%; transform: translate(-50%,-50%); } @media only screen and (min-width: 1084px) and (max-width: 1430px) { .windows-11-specifications div#table5 thead th div { margin-left: -175px !important; } [dir="rtl"] .windows-11-specifications div#table5 thead th div { margin-right: -150px !important; } div#default-lightbox .m-content-placement-item > div > h3 { font-size: 24px; line-height: 32px; } #default-lightbox .m-content-placement-item > div > p { font-size: 18px; line-height: 24px; } div#default-lightbox .m-content-placement-item > div { padding: 12px !important; } .remote-resource-center .accolate-panel-specs .featurecontent, .article-category .accolate-panel-specs .featurecontent, .article-tags .accolate-panel-specs .featurecontent { padding-left: 20px; padding-right: 20px; } } /* .custom-mosaic [data-f-mosaic*="card-large"] { min-height: 550px; height: 100%; } .custom-mosaic [data-f-mosaic*="card-large"] .c-mosaic-placement { min-height: 550px; height: 100%; } .custom-mosaic [data-f-mosaic*="card-small"] { min-height: 750px; height: 100%; } .custom-mosaic [data-f-mosaic*="card-small"] .c-mosaic-placement { min-height: 990px; height: 100%; } @media screen and (min-width: 1084px) { .custom-mosaic [data-f-mosaic] { min-height: 550px; height: 100%; } .custom-mosaic [data-f-mosaic] .c-mosaic-placement { min-height: 550px; height: 100%; } } @media screen and (min-width: 1200px) { .custom-mosaic [data-f-mosaic] { min-height: 610px; height: 100%; } .custom-mosaic [data-f-mosaic] .c-mosaic-placement { min-height: 610px; height: 100%; } } @media screen and (min-width: 1400px) { .custom-mosaic [data-f-mosaic] { min-height: 710px; height: 100%; } .custom-mosaic [data-f-mosaic] .c-mosaic-placement { min-height: 710px; height: 100%; } } @media screen and (min-width: 1600px) { .custom-mosaic [data-f-mosaic] { min-height: 740px; } } */ @media screen and (min-width: 1600px) { .windows-11-specifications div#table5 thead th div { margin-left: -350px } } .video-priority #videoplayerpopup .youtubevidplayer { position: relative; } .video-priority .f-video-trigger > div { z-index: 10; } .video-priority button.c-action-trigger.c-glyph:before, .video-priority a.c-action-trigger.c-glyph:before { vertical-align: middle; line-height: 15px; width: 16px; height: 16px; } .InlinePlayerAPINonAutoplay { position: relative; padding-bottom: 56.25%; height: 0; } .InlinePlayerAPINonAutoplay iframe { position: absolute; top: 0; left: 0; } .image-priority-accolate .accolate-section { border: 1px solid #000 !important; padding: 40px !important; width: 100%; float: right; min-height: auto; } .image-w-100 picture img { width: 100%; } .m-rich-content-block .image-priority-accolate .accolate-section { padding: 40px !important; margin-bottom: 48px; } .multirichcontent .image-priority-accolate.featurebox { width: 100%; } .m-rich-content-block .m-image-intro, .mb-48 { margin-bottom: 48px; } #left-container .featurecontent p a:not(.supBLink) { text-decoration: none !important; } #left-container p a:not(.supBLink):hover { text-decoration: underline !important; } .f-video-trigger { border: solid 1px transparent; margin: 0; position: initial; height: 100%; width: 100%; cursor: pointer; } .featurebox picture.c-image { position: relative; } .featurebox picture.c-image img { width: 100%; } .featurebox .c-group .c-call-to-action.c-glyph { white-space: normal; } .featurebox .c-group :not(.glyph-play).c-call-to-action.c-glyph span { display: inline; } .pagination-bottom { text-align: center; } .pagination-bottom .m-pagination li > a:focus:not(.x-hidden-focus), .pagination-bottom .c-pagination li > a:focus:not(.x-hidden-focus) { background-color: #fff; } .hide-articles { display: none !important; } .c-video-player.wdg-oneplayer-inline { width: 100% !important; } div#player-container23, div#player-container24 { position: relative; padding-bottom: 56.23%; } iframe#player-container23-oneplayer, iframe#player-container24-oneplayer { position: absolute; } picture .featureinlinevideo .wdg-oneplayer-inline iframe, .featureinlinevideo .wdg-oneplayer-inline .c-dialog iframe, .featureinlinevideo .wdg-oneplayer-inline picture iframe { min-height: 0 !important; } iframe video { background-color: #fff !important; } @media only screen and (min-width: 540px) { .m-feature.accolate-section .mobile-vp { display: none; } } @media only screen and (max-width: 539px) { .hero-item-video .videobutton.c-call-to-action.c-glyph.bottom-right, .hero-item-video .videobutton.c-call-to-action.c-glyph.bottom-right:focus { bottom: 290px !important; } .tips-overlay.c-dialog iframe { min-height: 180px !important; } .windows-11-pc-gaming #games-hero .videobutton.c-call-to-action.c-glyph.bottom-right, .windows-11-pc-gaming #games-hero .videobutton.c-call-to-action.c-glyph.bottom-right:focus { bottom: 400px !important; } [dir="rtl"] .c-dialog.tips-overlay [role="dialog"] { left: initial !important; margin-left: 5% !important; margin-right: 5% !important; } } .mp4videoinline { width: 100%; border: none; /*background: #e6e6e6;*/ } .videobutton.c-call-to-action.c-glyph, .videobutton.c-call-to-action.c-glyph:focus { width: 40px; height: 40px; background: transparent !important; border-radius: 100%; position: absolute !important; left: calc(50% - 20px); top: calc(50% - 20px); margin: 0; padding: 0; border: 1px solid #FF0000; } .windows .videobutton.c-call-to-action.c-glyph.top-right, .windows .videobutton.c-call-to-action.c-glyphtop-right:focus { right: 20px; top: 30px; } .videobutton.c-call-to-action.c-glyph.top-left, .videobutton.c-call-to-action.c-glyph.top-left:focus { left: 50px; top: 60px; } .hero-item-video .videobutton.c-call-to-action.c-glyph.top-right, .hero-item-video .videobutton.c-call-to-action.c-glyphtop-right:focus { left: auto; right: 50px; top: 60px; } .videobutton.c-call-to-action.c-glyph.top-right, .videobutton.c-call-to-action.c-glyphtop-right:focus { left: auto; right: 50px; top: 60px; } .videobutton.c-call-to-action.c-glyph.bottom-left, .videobutton.c-call-to-action.c-glyph.bottom-left:focus { left: 60px; bottom: 50px; top: auto; } [dir="rtl"] .videobutton.c-call-to-action.c-glyph.bottom-left, [dir="rtl"] .videobutton.c-call-to-action.c-glyph.bottom-left:focus { left: 0px; } .videobutton.c-call-to-action.c-glyph.bottom-right, .videobutton.c-call-to-action.c-glyph.bottom-right:focus { right: 60px; bottom: 50px; left: auto; top: auto; } .videobutton.c-call-to-action.c-glyph:before { margin-left: 4px; margin-top: 0px; } .videobutton.glyph-pause:after { content: "" !important } .mp4videoinline + .videobutton.glyph-play, .mp4videoinline:hover + .videobutton.glyph-pause, .mp4videoinline + .videobutton.glyph-pause:hover, .mp4videoinline + .videobutton.c-glyph:focus { opacity: 1; } .article-section-footnotes.theme-dark a.c-hyperlink { color: #00bcf2 !important; display: inline-block; } .article-section-footnotes.theme-dark > div > div > p { font-size: 11px; line-height: 16px; padding: 4px 0; } .hide { display: none !important; } .article-section-footnotes li.c-caption-2:focus { border: 1px dashed #fff; outline: none !important; } @media only screen and (max-width: 1083px) { .article-section-footnotes > div { padding-left: 12px; padding-right: 12px; } } [data-grid~="pad-6x"] > [data-grid~="pad-6x"] { padding-left: 0 !important; padding-right: 0 !important; } .dropdownlist .c-checkbox input[type="checkbox"] + span:before, .c-checkbox input[type="checkbox"] + span:after { visibility: hidden; } .dropdownlist .c-checkbox input[type="checkbox"]:checked:not(:disabled) + span { background-color: #005293; color: #fff; } .dropdownlist .c-checkbox input[type="checkbox"] + span { padding: 5px; display: block; text-align: center; margin: 0; } #dropdownArea li { float: left; margin-right: 20px; } div#default-lightbox .c-video-player.hide + .m-content-placement-item { background: #FFFFFF; min-height: auto; max-width: 540px; margin: 0px; cursor: auto; } div#default-lightbox .c-video-player:not(.hide) + .m-content-placement-item { background: #FFFFFF; min-height: auto; max-width: 540px; margin: 0px; } @media screen and (min-width: 1400px) { .filteringSection { padding: 0 18%; } .custom-mosaic .c-mosaic-placement picture img { width: 100%; height: auto; } .devices-mosaic .c-mosaic-placement picture img { height: auto; } .windows-11-specifications div#table5 thead th div { margin-left: -300px } div#default-lightbox .c-video-player.hide + .m-content-placement-item { min-height: 650px; } div#default-lightbox .c-video-player:not(.hide) + .m-content-placement-item { min-height: 350px; margin-top: -5px; } .featured-products-area.m-content-placement-item { background: #f2f2f2; } .featured-products-area .feature-products-content { background: none; } } @media screen and (max-width: 1399px) { .filteringSection { padding: 0 8%; } [dir="rtl"] .windows #Hero-Item-panel-1 .m-hero-item > div > div { max-width: 400px; } [dir="ltr"] .windows #Hero-Item-panel-1 .m-hero-item > div > div { max-width: 410px; } } .buttonContainer { text-align: center; margin-top: 40px; } .dropdownlist .c-checkbox label.c-label { margin: 0px; } .rightMenu label a { font-weight: 600; } .mostpopular { margin-right: 25px; cursor: pointer; } .mostrecent { cursor: pointer; } .m-pagination li > a, .m-pagination li > span, .c-pagination li > a, .c-pagination li > span { border: 0px; } .x-page { cursor: pointer; } #dropdownArea button.c-selected-buttons { background-color: #ccc; color: #000; font-weight: 500; border: none; width: auto; padding: 10px 25px; border-radius: 0; margin-left: 12px; margin-right: 12px; margin-bottom: 8px; margin-top: 8px; text-transform: capitalize; outline: none; } #dropdownArea button.c-selected-buttons:focus { outline: 3px solid #000; } #dropdownArea button.c-selected-buttons[aria-pressed="true"], #dropdownArea button.c-selected-buttons:hover { background: #0067b8; color: #fff; } span.fromno { margin-right: 5px; } .popularAtrcles h2 { margin-bottom: 20px; } a.popularActive, a.recentActive { border-bottom: 2px solid #0067b8; } span.sortbyText { margin-left: 10px; margin-right: 20px; } span#resultsCount { margin-right: 10px; } a.popularFilter, a.recentFilter { border-bottom: 2px solid #0067b8; } div#dropdownArea { display: inline; } .clearallArticles { margin-top: 20px; font-weight: 500; color: #0067b8; display: none; } .clearallArticles a { cursor: pointer; } .sortSection { display: inline-block; } @media screen and (max-width: 767px) { span.sortdivider { display: none; } span.sortbyText { margin-left: 0; } .sortSection { margin-top: 20px; } .sortSection { display: block; } .windows .hero-item-video .m-hero-item[class*=f-x][class*=f-y] > div { height: fit-content !important; padding: 48px 0px !important; } .windows .hero-item-video .m-hero-item[class*=f-x][class*=f-y] > div > div { position: relative; top: 0; transform: none; } .windows .hero-item-video .m-hero-item > picture { position: relative; } .windows .hero-item-video .m-hero-item .videobutton.c-call-to-action.c-glyph.top-left, .windows .hero-item-video .m-hero-item .videobutton.c-call-to-action.c-glyph.top-left:focus { left: 20px; top: 25px; } .windows-11-specifications #table5 .c-table td { padding: 10px 1px !important; } .windows-11-specifications #table5 .c-table td:first-child, #table5 .c-table th:first-child { padding-left: 0px !important; } .windows-11 .mp4inline .f-video-trigger, .windows .mp4inline .f-video-trigger { margin-top: 30px !important; cursor: default; } .windows-11 div#features { margin-top: -36px !important; } .windows-11-pc-gaming .m-hero-item > div { height: 450px !important; } } button[data-filter=articles], button[data-filter=resources] { display: none; } .articlesmain .m-content-placement .c-group { height: 61px; max-height: 61px; } .mostpopular:focus, .mostrecent:focus, label.mostpopular a:focus, label.mostrecent a:focus { outline: 2px solid #000 !important; } .filter-component ~ [data-grid="container"] { padding-left: 0%; padding-right: 0% } .holiday-top-head .c-heading-4 { padding: 5px 0 4px; } section.holiday-top-head { background-color: #f2f2f2; margin-top: 0; } .holiday-top-head picture { padding-right: 10px !important; } .holiday-top-head .c-heading-3 { padding-top: 2px; } @media only screen and (min-width: 768px) { section.holiday-top-head > div.featurecontent { padding-left: 3%; padding-right: 0%; } .sync-across-your-devices .m-highlight-feature > div { background: rgba(240, 240, 240, .9); border-radius: 8px; } #parallaxheroimage .parallax-hero-laptop-cls { position: absolute; z-index: 999; display: block; width: 100%; } [dir="rtl"] .windows-11 .teams-feature-panel .m-feature.f-align-left > div.feature-content { left: 0; right: initial; } [dir="rtl"] .windows-11 .teams-feature-panel .m-feature.f-align-left picture.feature-panel-right-image img { left: 230px; } } /*Accesbility 112808*/ .pagination-bottom .m-pagination li > a:focus { outline: 2px solid #000; } body a.m-back-to-top[aria-disabled=false] { position: fixed; bottom: 24px; right: 24px; width: 48px; height: 48px; /*background: rgba(0,0,0,.1);*/ visibility: visible; float: right; padding: 12px; z-index: 999; opacity: 1; transition: opacity .6s cubic-bezier(.19,1,.22,1); } [lang="en-us"] body a.m-back-to-top[aria-disabled=false] { bottom: 40px; } body a.m-back-to-top .c-glyph.glyph-up { font-size: 24px; } /* Rounded Corner Button CSS Start*/ .rounded-corners .c-button.f-primary.blue-button { border-radius: 6px; text-align: center; padding-top: 10px; padding-right: 20px; padding-bottom: 8px; padding-left: 27px; line-height: 20px; box-shadow: none; background: #0067b8; color: #FFFFFF; margin-right: 15px; margin-top: 15px; white-space: normal; } .rounded-corners .c-button.f-primary.blue-button:after, .rounded-corners .c-button.f-primary.blue-button:before, .rounded-corners .c-button.f-primary.white-button:after, .rounded-corners .c-button.f-primary.white-button:before { content: ''; } .c-button.f-primary.blue-button:hover, .c-button.f-primary.blue-button:focus { background: #005da6 !important; } .c-button.f-primary.blue-button:hover span, .c-button.f-primary.blue-button:focus span { color: #FFFFFF; /*box-shadow: 0 2px #FFFFFF !important;*/ } .c-button.f-primary.white-button:hover span, .c-button.f-primary.white-button:focus span { color: #0067b8; box-shadow: 0 2px #0067b8 !important; } .rounded-corners .c-button.f-primary:hover, .rounded-corners .c-button.f-primary:focus, .tipsTricks-filters-section.tipstricks-filter:hover { box-shadow: none !important; border: 2px solid transparent; text-decoration: none; } html body .rounded-corners .c-button.f-primary:focus { outline: 2px solid #000000 !important; } .rounded-corners .c-button.f-primary.white-button { border-radius: 6px; text-align: center; line-height: 1; padding-top: 13px !important; padding-right: 20px !important; padding-bottom: 12px !important; padding-left: 27px !important; background: transparent !important; color: #0067b8 !important; border: 1px solid #0067b8 !important; margin-top: 15px !important; white-space: normal; } .rounded-corners .c-button.f-primary.white-button:hover, .rounded-corners .c-button.f-primary.white-button:focus, .tipsTricks-filters-section.tipstricks-filter:hover { background: #FFFFFF; text-decoration: none !important; } /* Rounded Corner Button CSS End*/ .m-highlight-feature.rounded-corners img { border-radius: 0; } .m-highlight-feature.rounded-corners > div, [data-grid='container'] .m-highlight-feature.rounded-corners img { border-radius: 8px; } .compare-edition-tables tr th:first-child { width: 50%; } .compare-edition-tables tr td { width: 25%; } .compare-edition-tables tr td [data-grid='container'] { padding: 0 } .compare-edition-tables tr td .c-drawer, .compare-edition-tables tr td .c-drawer button { background: #FFFFFF; } .compare-edition-tables tr td .c-drawer button { width: auto; padding-left: 0px; padding-top: 0px; font-size: 15px; } .compare-edition-tables tr td .c-drawer .c-drawer-panel { padding-left: 0px; padding-top: 0px; } .compare-edition-tables tr td .c-drawer button:before { float: right; left: 12px; top: 10px; position: relative; } .compare-edition-tables tr td .c-drawer button:hover { background: none; box-shadow: none; } .compare-edition-tables tr td .c-drawer button[aria-expanded=true] { font-weight: bold; } .drawer-panel p.expand-collapse-toggle-area { margin-bottom: 20px; } .drawer-panel p.expand-collapse-toggle-area button { padding: 0; } div.c-drawer-panel { padding: 15px; } div.c-drawer-panel p { padding: 0px; } body .m-feature.custom-small-feature { min-height: auto; padding: 0px 36px; } @media screen and (max-width: 1083px) { .show-in-higher { display: none !important; } .show-in-lower { display: block !important; float: none; } .custom-small-feature [data-grid='col-8'] { text-align: center; margin: 0 auto; float: none; } .m-feature.custom-small-feature { flex-direction: column; } .m-feature.custom-small-feature .content { width: 100% !important; } div#pchealthcheck { margin-left: 1%; margin-right: 1%; } .transfer-your-data .featurecontent { left: 0 !important; } .windows .hero-item-video .black-theme h2, .windows .hero-item-video .black-theme p { color: #000000 !important; } .hero-item-video .videobutton.c-call-to-action.c-glyph.bottom-right, .hero-item-video .videobutton.c-call-to-action.c-glyph.bottom-right:focus { right: 20px; bottom: 320px; } .windows-11-pc-gaming #games-hero .videobutton.c-call-to-action.c-glyph.bottom-right, .windows-11-pc-gaming #games-hero .videobutton.c-call-to-action.c-glyph.bottom-right:focus { right: 20px; bottom: 320px; } #homeMosaic .videobutton.c-call-to-action.c-glyph.bottom-right, #homeMosaic .videobutton.c-call-to-action.c-glyph.bottom-right:focus { right: 15px; bottom: 15px; } .windows-11-specifications .accolate-panel-specs { text-align: center; } .windows-11-specifications .accolate-panel-specs .featurecontent { text-align: center !important; } .windows-11-specifications .accolate-panel-specs .c-image img { margin-top: 0 !important; margin-right: 0 !important; } .windows-11 .white-bg-video .videobutton.c-call-to-action.c-glyph.bottom-right, .windows-11 .white-bg-video .videobutton.c-call-to-action.c-glyph.bottom-right:focus { right: 10px !important; } } @media screen and (min-width: 1083px) and (max-width: 1300px) { .surface-hero-pivot-multi-img div > div.pivot-copy-block { max-width: 300px !important; } } @media screen and (min-width: 1084px) { [dir="rtl"] .windows-11-specifications .accolate-panel-specs .featurecontent, [dir="rtl"] .custom-small-feature .content, [dir="rtl"] .accolate-panel-specs.small-feature-panel .featurecontent { text-align: right !important; } .windows-11-specifications .m-feature.accolate-panel-specs, .m-feature.accolate-panel-specs.small-feature-panel { display: flex; justify-content: center; align-items: center; } .windows-11-specifications .accolate-panel-specs .featurecontent h2, .accolate-panel-specs.small-feature-panel .featurecontent h2 { padding-top: 0; } .windows-11-specifications .accolate-panel-specs .featurecontent, .accolate-panel-specs.small-feature-panel .featurecontent { width: 80%; } .show-in-higher { display: block !important; } .show-in-lower { display: none !important; } .custom-small-feature .img_style { margin-top: 0px; } .windows .upgraded-width > div > div, .surface-hero-pivot-multi-img div > div.pivot-copy-block, .vertical-parallax-hero3 .m-hero-item > div > div, .c-hero > div > div, .vertical-parallax-hero2 .m-hero-item > div > div, .c-hero > div > div { max-width: 360px; } } .bground-default, .bground-default-mobile { background-color: #D5E6F5; } @media only screen and (min-width: 1084px) { .content { text-align: left !important; width: 90% !important; margin-right: 10%; } [dir="rtl"] .content { text-align: right !important; margin-right: 0%; } .custom-mosaic .m-image-intro video, .custom-mosaic picture, .custom-mosaic img { border-radius: 8px; } .windows-11-pc-gaming .vertical-parallax-hero2 button.c-action-trigger, .windows-11-pc-gaming .vertical-parallax-hero3 button.c-action-trigger { float: left; } [dir="rtl"] .windows-11-pc-gaming .vertical-parallax-hero2 button.c-action-trigger, [dir="rtl"] .windows-11-pc-gaming .vertical-parallax-hero3 button.c-action-trigger { float: right; } .article-category .small-hero-item .m-hero-item.f-transparent:before, .remote-resource-center .small-hero-item .m-hero-item.f-transparent:before { padding-bottom: 20.5%; } .remote-resource-center .small-hero-item .m-hero-item h1 { color: #aaf6eb !important; } .article-image-dialog picture { float: left; } .cat-feature { padding-top: 100px !important; } .dropdown-filter-articles { padding-left: 20px; } .article-tags .tags-container { padding-left: 5%; padding-right: 5%; } .offers-features-item .m-hero-item > div > div { width: 330px; } .remote-resource-center #rrc-color-accolate .c-image img { border-end-start-radius: 8px; border-start-start-radius: 8px; } .remote-resource-center #rrc-color-accolate .m-feature { border-end-start-radius: 10px; border-start-start-radius: 10px; border-end-end-radius: 8px; border-start-end-radius: 8px; } div#articlesSmallFeature .small-feature-panel .c-image img { border-end-start-radius: 8px; border-start-start-radius: 8px; border-start-end-radius: 0px; border-end-end-radius: 0px; } .article-category div#right-container .dropdown-filter-articles { padding-left: 10%; width: 100%; padding-right: 10%; } .sync-across-your-devices .m-hero-item > div > div { max-width: 400px; } .sync-across-your-devices .m-highlight-feature > div { top: calc(55%); padding: 30px 20px; height: auto; } .sync-across-your-devices .m-highlight-feature > div h2 { padding-top: 0; } } .rounded-corners-10, .rounded-corners-img img, .rounded-corners img { border-radius: 8px; } .rounded-corners-5 { border-radius: 5px; } .c-pivot.center section[role=tabpanel] { position: relative; overflow: hidden; box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.2); margin-top: -5px; } .c-pivot.center ul[role="tablist"] li.f-active { color: #000; background: #fff; z-index: 1; box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.2); } .c-pivot.center:not(.f-disabled) [role="tablist"] [role="tab"].f-active:after { border-bottom: none; } .c-pivot.center [role="tablist"] [role="tab"] { background: rgba(0, 0, 0, 0.1); margin: 0 auto; padding: 5px 20px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-weight: bold; color: #000000; } .c-pivot.center ul[role="tablist"] { text-align: center; display: inline-block; } .hide-expand-collapse .expand-collapse-toggle-area { display: none; } .tick.c-glyph { font-size: 40px; text-align: center; font-family: MWF-MDL2; color: #0264b4; } section.m-hero-item.rounded-corners.hero-bgcolor { background: #fae6e4; } .rounded-corners.hero-bgcolor > div > div { background: #f4f2f2; padding: 50px 30px; border-radius: 8px; } .m-mosaic.rounded-corners picture { margin: 5px; border-radius: 8px; } .m-mosaic .c-group.top-left { top: 8px; left: 20px; right: auto; } .m-mosaic .c-group.top-right { top: 8px; left: auto; right: 18px; } .m-mosaic .c-group.bottom-left { top: auto; left: 19px; right: auto; bottom: 12px; height: auto; } .m-mosaic .c-group.bottom-right { top: auto; left: auto; right: 19px; bottom: 12px; } .m-mosaic .c-group.bottom-center { margin-bottom: 12px; } .has-border { border: 1px solid #000000; } .m-link-navigation.rounded-corners .c-link-navigation picture p { padding-top: 15px; color: #000000; } .m-link-navigation .c-link-navigation picture p { max-width: 100% !important; } .m-link-navigation.rounded-corners .c-link-navigation a:hover p, .m-link-navigation.rounded-corners .c-link-navigation a:focus p { color: #000000 !important; background: none !important; } .m-social.f-horizontal.f-share.social-share { float: right; } .m-social.f-horizontal.f-share.social-share, .m-social.f-horizontal.f-share.social-follow { padding: 0 12px; margin-top: 12px; margin-bottom: 12px !important; } @media screen and (max-width: 539px) { .m-social.f-horizontal.f-share.social-share { float: left; } .featured-cards-group .featured-single-card h3 { padding-top: 0px; } .featured-cards-group .featured-single-card p { padding-bottom: 0px; padding-top: 0px; } } .m-hero-item { pointer-events: none; } .m-hero-item a { pointer-events: auto; } .m-hero-item .c-pivot.custom-pivot ul li { pointer-events: auto; padding: 0; outline: none; border: 2px solid #bbbbbb; border-radius: 10px; } nav.c-in-page-navigation.f-sticky { background-color: rgba(255, 255, 255, .9); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.14); font-weight: bold; } @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { nav.c-in-page-navigation.f-sticky { background: rgba(243, 243, 243, 0.9) !important; -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.14); font-weight: bold; } } .windows-11-specifications .c-table { padding: 24px; } .windows-11-specifications nav.c-in-page-navigation.f-sticky:not(f-dropdown) .f-active { border: 2px solid #0067b8; } .windows-11-specifications nav.c-in-page-navigation.f-sticky:not(f-dropdown) .f-active:focus { border: 2px solid #000; } .windows-11-specifications .specs-stickynav { padding-top: 48px; } .windows-11-specifications #table4 td { width: 33%; } .windows-11-specifications #table4 th { width: auto; } .windows-11-specifications table th { vertical-align: middle !important; } .custom-mosaic { padding: 9px; } .custom-mosaic .m-image-intro video, .custom-mosaic picture, .custom-mosaic img { width: 100%; } .custom-mosaic .m-mosaic { padding-top: 12px !important; } .custom-mosaic .m-image-intro { padding-top: 12px !important; } /* .custom-mosaic video, .custom-mosaic .c-mosaic-placement .mp4inline .f-video-trigger { display: none; } .inline-popup.mp4inline .f-video-trigger { display: block; }*/ .inline-popup.mp4inline .f-video-trigger > div { top: calc(90%) !important; cursor: default !important; } .inline-popup.mp4inline .f-video-trigger button.c-action-trigger.c-glyph { width: auto; border-radius: 6px; font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px; padding-right: 12px; font-weight: 600; } .vertical-parallax-hero { float: none; } .featured-single-card img { width: 100%; border-radius: 8px; } .featured-single-card { margin: 12px; position: relative; width: 30% !important; border-radius: 8px; } .featured-single-card picture + div { position: absolute; top: 0; padding: 20px 40px !important; text-align: center; width: 100%; font-weight: bold; height: 100%; z-index: 400; } .featured-single-card picture + div > div.c-group { position: absolute; bottom: 0; text-align: center; width: 100%; padding: 20px; } .featured-cards-group { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .featured-cards { background: -webkit-linear-gradient(top, #333333 65%, #BDBDBD); background: -moz-linear-gradient(top, #333333 65%, #BDBDBD); background: -ms-linear-gradient(top, #333333 65%, #BDBDBD); background: -o-linear-gradient(top, #333333 65%, #BDBDBD); background: linear-gradient(top, #333333 65%, #BDBDBD); padding-top: 20px; padding-bottom: 12px; text-align: center; clear: both; } .featured-single-card > div { padding: 0px 30px; vertical-align: middle; display: table-cell; } .featured-single-card > picture + div { padding: 0; } .featured-single-card h2 { padding-top: 0; } .article-section-footnotes, div[data-grid="container"] { clear: both; } .no-play-pause button.videobutton { display: none; } .surface-hero-pivot-multi-img .c-pivot:not(.f-disabled) > [role="tablist"] > [role="tab"].f-active:after { border-bottom: none; } .surface-hero-pivot-multi-img .c-pivot:not(.f-disabled) > [role="tablist"] > [role="tab"].f-active { border: 2px dashed #000000; border-radius: 8px; } .videobutton.c-call-to-action.c-glyph:before { color: #000000; } .black-theme *, .black-theme .videobutton.c-call-to-action.c-glyph:before { color: #FFFFFF !important; } .white-theme *, .white-theme .videobutton.c-call-to-action.c-glyph:before { color: #000000; } .black-theme .videobutton.c-call-to-action.c-glyph, .black-theme .videobutton.c-call-to-action.c-glyph:focus { border: 1px solid #FFFFFF; } .white-theme .videobutton.c-call-to-action.c-glyph, .white-theme .videobutton.c-call-to-action.c-glyph:focus { border: 1px solid #000000; } div.custom-mosaic h3, div.custom-mosaic .m-image-intro h3, .windows-11 .win11-mosaic h3 { padding: 0; position: absolute; left: 24px; top: 24px; text-align: left; } .custom-mosaic .m-image-intro.f-align-left > div { position: absolute; left: auto; top: 24px; width: 70%; } #show-more-faq .show-more-link, #show-more-faq .show-less-link { text-decoration: none !important; padding: 6px; } [dir="rtl"] #show-more-faq .show-more-link:before, [dir="rtl"] #show-more-faq .show-less-link:before { padding-left: 10px; } #show-more-faq .show-more-link:before { content: '\EAEE'; font-size: 12px; padding-right: 10px; } #show-more-faq .show-less-link:before { content: '\ECC9'; font-size: 12px; padding-right: 10px; } .bground-default { background-color: #D5E6F5; } .default-bg-color { background-color: #D5E6F5 !important; } .bground-no { background-color: #FFF4CE; } .bground-yes { background-color: #DFF6DD; } .bground-dontknow { background-color: rgba(80, 230, 255, 0.25); } #pchealthcheck .bground-default * { color: #243a5e; } #pchealthcheck .default-bg-color * { color: #243a5e !important; } #pchealthcheck .bground-no * { color: #6a4b16; } #pchealthcheck .bground-yes * { color: #054b16; } #pchealthcheck .bground-dontknow * { color: #243a5e; } .video-container video { width: 100%; } .image-container2 img { width: 24%; margin-bottom: 2.5vw; border-radius: 2px; } .image-container1 img { width: 100%; transform: translate(120px, 45px) scale(4.6, 4.6); } @media screen and (min-width: 1800px) { .image-container1 img { transform: translate(150px, 335px) scale(4.6, 4.6); } #windowsh22.compare-windows-11-home-vs-pro-versions .c-table td:first-child, #windowsh22.compare-windows-11-home-vs-pro-versions .c-table th:first-child { padding-left: 10px; } } .image-container1 { width: 100%; position: absolute; top: 0; } .image-container2 { position: absolute; text-align: center; width: 100%; bottom: 7vw; z-index: 9; } .heading-container { position: absolute; z-index: 6; text-align: center; margin-top: 30px; width: 100%; } body { overflow-x: hidden; } .home-stickynav { opacity: 0; } .home-stickynav img { height: 21px !important; vertical-align: middle; } .home-stickynav .c-in-page-navigation.f-sticky .nav-2 { float: right; } [dir="rtl"] .home-stickynav .c-in-page-navigation.f-sticky .nav-2 { float: left; } .home-stickynav .c-in-page-navigation.f-sticky .nav-2 a { float: right; background: #0067b8; padding: 10px 25px; margin: 5px; border-radius: 6px; color: #FFFFFF !important; } .home-stickynav .c-in-page-navigation.f-sticky .nav-2 a:focus { background: #0067b8; color: #FFFFFF !important; } .c-in-page-navigation.f-dropdown ul { margin-left: 0 !important; } [dir="rtl"] .c-in-page-navigation.f-dropdown ul { margin-right: 0 !important; } nav.c-in-page-navigation > ul li > a.f-active { padding-bottom: 5px; } .two-column-table table td { padding-left: 20px; padding-right: 20px; } .two-column-table table td:first-child { width: 180px; } .m-table.left-table { margin-right: 20px; } .m-table.right-table { margin-left: 20px; } .two-column-table { margin-top: 36px; } .transfer-your-data .m-feature iframe.oneplayer-iframe { border-radius: 8px; } .windows-11-specifications table th, .windows-11-specifications table td, .two-column-table table th, .two-column-table table td { padding-top: 20px; padding-bottom: 20px; } .windows-11-specifications table th a, .windows-11-specifications table td a, .two-column-table table th a, .two-column-table table td a, .windows-11-specifications .c-table .c-list li a, .hubmain .m-content-placement-item p.toutpara .c-hyperlink, #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables tr th a.c-hyperlink { text-decoration: underline; } .windows-11-specifications table tbody tr:last-child, .windows-11-specifications #table6 thead { border-bottom: 0px; } nav.c-link-navigation div[role="link"]::after, #retailers nav.c-link-navigation picture div::after, #retailers-Win8 nav.c-link-navigation picture div::after, #retailers-Win7 nav.c-link-navigation picture div::after, #windowsh22 .retailers nav.c-link-navigation picture div::after { font-family: MWF-MDL2; font-size: 11px; margin-top: 5px; margin-left: 3px; display: inline-block; position: relative; right: 0px; content: ""; vertical-align: top; } div#upgrade-for-free .m-feature { background: url("https://img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RWIjyu"); padding-bottom: 170px; padding-top: 170px; } div#upgrade-for-free .m-feature video { border: 10px solid rgba(243, 243, 243, 0.1) !important; backdrop-filter: blur(13px) !important; border-radius: 4px; box-shadow: 0 0px 3px rgba(255, 255, 255, 1); } #windowsh22.compare-windows-11-home-vs-pro-versions section.m-content-placement-item { cursor: default !important; } .hubmain .m-content-placement-item .c-hyperlink, .hubmain .c-content-placement .c-hyperlink { padding: 0; margin-right: 0; } #headerArea { position: relative; z-index: 9; } .windows-11 .hero-item-video .m-hero-item, .windows .hero-item-video .m-hero-item { padding: 0 } .windows-11 .mp4inline .f-video-trigger, .windows .mp4inline .f-video-trigger { margin-top: -90px; } .windows nav.c-in-page-navigation.f-dropdown.f-sticky { display: none; } @media only screen and (max-width: 325px) { .custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 230px; } } @media only screen and (min-width: 326px) { .custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 348px; } } @media only screen and (min-width: 501px) { .custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 350px; } } @media only screen and (min-width: 601px) { .custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 420px; } } @media only screen and (min-width: 671px) { .custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 473px; } } @media only screen and (min-width: 761px) { .custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 536px; } } @media only screen and (min-width: 881px) { .custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 613px; } } @media only screen and (min-width: 972px) { .custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 678px; } } @media only screen and (min-width: 1084px) { .custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 447px; } } @media only screen and (min-width: 1229px) { .custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 506px; } } @media only screen and (min-width: 1400px) { .custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 575px; } } @media only screen and (min-width: 1536px) { .custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 633px; } } @media only screen and (min-width: 1700px) { .custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 700px; } } @media only screen and (min-width: 1800px) { .custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 742px; } } .c-drawer > button:hover, .c-drawer > button:focus { z-index: 100; } /* 20210810 New mosaic CSS */ @media only screen and (max-width: 1083px) { section.surface-hero-pivot-multi-img .m-hero-item .pivot-copy-block p .supBLink span, section.surface-hero-pivot-multi-img .m-hero-item .pivot-copy-block p .supBLink span { color: #005293 !important; text-decoration: underline; } .custom-mosaic h3, .custom-mosaic p { background: rgba(243, 243, 243, 0.5) !important; backdrop-filter: blur(13px); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.14); font-weight: 600; padding: 2px 20px !important; border-radius: 8px; font-size: 18px; } .custom-mosaic .c-mosaic-placement .c-group, .custom-mosaic .c-mosaic-placement picture, .custom-mosaic .c-mosaic-placement picture:after { top: 10px; } .custom-mosaic section.m-image-intro { padding-left: 0; padding-right: 0; } .custom-mosaic .m-mosaic { padding-top: 0px !important; } div#homeMosaic.custom-mosaic { padding-left: 2%; padding-right: 2%; } .custom-mosaic .m-image-intro.f-align-left > div { top: 0px; } [data-grid="container"] .m-feature, [data-grid="container"] .m-image, [data-grid="container"] .m-social { padding-left: 5%; padding-right: 5%; } .pivot-copy-block .custom-pivot header { display: initial; } } .computers .custom-mosaic h3, .computers .custom-mosaic p, .windows-11 .win11-mosaic h3, .windows-11 .win11-mosaic p { background: rgba(243, 243, 243, 0.5) !important; backdrop-filter: blur(13px); padding: 8px 20px !important; border-radius: 0; margin-right: 5px; position: initial !important; } .computers .custom-mosaic p, .windows-11 .win11-mosaic p { margin-top: -4px; font-size: 18px; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.14); } .compare-edition-tables tr td .c-drawer button[aria-expanded="true"]::before { content: '\E70E'; } .compare-edition-tables tr td .c-drawer button[aria-expanded="false"]::before { content: '\E70D'; } #homepage-hero { display: block; } .windows .static-in-lower-vp, .windows-11 .static-in-lower-vp { display: none; } @media only screen and (max-width: 1280px) { .windows .animation-in-higher-vp, .windows-11 .animation-in-higher-vp { display: none; } #homepage-hero, .home-stickynav { display: none; } .windows .static-in-lower-vp, .windows-11 .static-in-lower-vp { display: block; } .windows-11-pc-gaming .laptop-static-in-lower-vp { display: block !important; } .windows-11-pc-gaming .laptop-animation-in-higher-vp { display: none !important; } .windows-11 #chatTA { display: block; } .windows-11 #chat { display: none; } .windows-11 .article-section-footnotes.disclaimer ul li.c-caption-2:nth-child(4), .windows-11 .article-section-footnotes.disclaimer p.c-caption-2:nth-child(4) { display: none; } #windowsh22.windows-11 .article-section-footnotes.disclaimer ul li.c-caption-2:nth-child(4), #windowsh22.windows-11 .article-section-footnotes.disclaimer p.c-caption-2:nth-child(4) { display: block; } } #PivotTarget0 #articleslisting { display: flex; flex-wrap: wrap; } .position-fixed { position: fixed; top: 0 !important; } .m-feature.custom-small-feature { display: flex; justify-content: center; align-items: center; } .hubmain .m-feature.custom-small-feature .c-group a { margin-bottom: 20px; white-space: initial; } .vertical-parallax-hero3 { margin-top: -2px; } .rounded-corners .c-button.f-primary::after, .mp4inline .f-video-trigger .c-glyph.glyph-play::after, .tipsTricks-filters-section .tipstricks-filter::after, .tipstricks-loadmore::after { content: ""; position: absolute; top: calc(var(--y, 0) * 1px - 50px) !important; left: calc(var(--x, 0) * 1px - 50px) !important; width: 100px; height: 100px; background: radial-gradient(white, #3984ff00 80%); opacity: 0; transition: opacity 0.2s; } .rounded-corners .c-button.f-primary:hover::after, .mp4inline .f-video-trigger .c-glyph.glyph-play:hover::after, .tipsTricks-filters-section .tipstricks-filter:hover::after, .tipstricks-loadmore:hover::after { opacity: 0.4; } @media (prefers-reduced-motion: reduce) { .rounded-corners .c-button.f-primary:hover::after, .mp4inline .f-video-trigger .c-glyph.glyph-play:hover::after, .tipsTricks-filters-section .tipstricks-filter:hover::after, .tipstricks-loadmore:hover::after { opacity: 0; } } .animation-container p { font-weight: 400; } .m-hero-item.theme-light a.c-hyperlink, .m-hero-item.theme-light a.c-hyperlink:focus, .m-hero-item.theme-light a.c-hyperlink:hover { color: #0067b8 !important; } @media only screen and (max-width: 326px) { .custom-mosaic .m-mosaic .c-mosaic [data-f-mosaic~="f-height-medium"], .custom-mosaic .m-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 242px !important; } } @media only screen and (min-width: 327px) and (max-width: 400px) { .custom-mosaic .m-mosaic .c-mosaic [data-f-mosaic~="f-height-medium"], .custom-mosaic .m-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 247px !important; } } @media only screen and (min-width: 401px) and (max-width: 500px) { .custom-mosaic .m-mosaic .c-mosaic [data-f-mosaic~="f-height-medium"], .custom-mosaic .m-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 297px !important; } } .hubmain a.c-hyperlink:focus { outline: 2px dashed #000 !important; line-height: 14px; border: none; padding: 3px 4px; } .transfer-your-data .c-table thead th { font-size: 15px; } .transfer-your-data .c-table td:first-child { font-weight: 600; } .transfer-your-data .c-table.f-divided thead tr { border-top: 1px solid #dbdbdb; } .transfer-your-data a.c-hyperlink.drawer-ctas:after { font-size: 11px; margin-top: -1px; margin-left: 4px; display: inline-block; content: "\E76C"; vertical-align: middle; font-family: "MWF-MDL2"; } .transfer-your-data a.c-hyperlink.drawer-ctas { margin-top: 10px; padding-bottom: 10px; padding-top: 10px; display: inline-block; text-decoration: none; } .transfer-your-data.hubmain a.c-hyperlink:focus { outline: 2px solid #000 !important; } .windows-11-specifications #table5 .c-table thead { border-bottom: none; } .windows-11-specifications #table5 .c-table { border-bottom: 1px solid #dbdbdb; } .windows-11-specifications .m-link-navigation.rounded-corners .c-link-navigation picture p, .windows-11-specifications .m-link-navigation.rounded-corners .c-link-navigation picture p:hover, .windows-11-specifications .m-link-navigation.rounded-corners .c-link-navigation picture p:focus { color: #0067b8 !important; } .vertical-parallax-hero3 .m-hero-item, .vertical-parallax-hero2 .m-hero-item, .parallax-hero .m-hero-item { padding: 0 0%; } .windows-11 .featured-cards .featured-single-card h3 { margin-bottom: 16px; } .tyd-table td { vertical-align: top; } #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables tr td:not(:first-child), #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables tr th:not(:first-child) { text-align: center; } .expand-collapse-toggle-area button { font-weight: 500; } .m-social.f-horizontal.f-share img { opacity: 1; } .windows-11 .white-bg-video .videobutton.c-call-to-action.c-glyph.bottom-right, .windows-11 .white-bg-video .videobutton.c-call-to-action.c-glyph.bottom-right:focus { right: 0; } .windows-11-specifications #table6 .c-paragraph-3 a.c-call-to-action:hover { text-decoration: underline; } #prefooterDrawer { display: none; } .expand-collapse-toggle-area { display: flex; justify-content: flex-end; align-items: center; } .expand-collapse-toggle-area button { margin-top: 0px !important; } .windows-11-specifications div#table1 > div[data-grid="col-12"], .windows-11-specifications div#table2 > div[data-grid="col-12"], .windows-11-specifications div#table3 > div[data-grid="col-12"], .windows-11-specifications div#table4 > div[data-grid="col-12"], .windows-11-specifications div#table5 > div[data-grid="col-12"] { margin-top: 48px; } .windows .home-stickynav li.nav-1 { padding-top: 14px; } .windows-11-specifications .accolate-panel-specs .c-image img, .accolate-panel-specs.small-feature-panel .c-image img { width: auto !important; margin-right: 40px; display: inline-block; } .windows-11-specifications .accolate-panel-specs .c-image, .accolate-panel-specs.small-feature-panel .c-image { display: inline-block; width: auto; } .windows-11-specifications .accolate-panel-specs .featurecontent, .accolate-panel-specs.small-feature-panel .featurecontent { display: inline-block; text-align: left; } .windows-11 .f-video-trigger button.c-action-trigger.c-glyph.glyph-play:hover span, .windows-11 .f-video-trigger button.c-action-trigger.c-glyph.glyph-play:focus span { border-bottom: 2px solid #fff !important; text-decoration: none !important; } .windows-11 .f-video-trigger button.c-action-trigger.c-glyph.glyph-play { text-decoration: none; } section.c-pivot.custom-pivot a { padding: 0; margin: 0; border: 0; } section.c-pivot.custom-pivot li { height: 52px; width: 52px; } .m-link-navigation.wdg-support-links nav.c-link-navigation div[role="link"]::after { content: none; } .tips-background, #tips-background, #cp-tipstricks, .cp-tipstricks { background: #f2f2f2 !important; } #all-tips { background: none; } #all-tips .featured-single-card picture + div { text-align: left; } [dir="rtl"] #all-tips .featured-single-card picture + div { text-align: right; } #all-tips .c-badge { margin-top: 20px; font-weight: bold; padding: 5px; height: auto; border-radius: 3px; background: #00ffff } [dir="rtl"] #all-tips .c-group { text-align: right !important; } #all-tips .c-group { width: 100%; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; bottom: 0px; left: 0px; background: #FFFFFF; height: 44%; display: block; text-align: left; } #all-tips .c-group h3 { padding-top: 0; margin-bottom: 24px; } #all-tips a { background: none; padding: 0; color: #0067b8; height: auto; text-align: left; white-space: initial; position: absolute; bottom: 30px; font-weight: 600; } #all-tips a span { font-size: 20px; word-wrap: break-word; display: inline; padding-right: 0px; } #all-tips a.c-call-to-action:not(.glyph-play):after { float: right; } #all-tips .featured-single-card { box-shadow: 0px 0px 5px #656565; border-radius: 8px; width: 460px !important; } #all-tips .content-only { background: #FFFFFF; border-radius: 10px; z-index: 0; } #all-tips .content-only div.c-group { background: transparent; position: static; padding-left: 0; text-align: left; } [dir="rtl"] #all-tips .content-only div.c-group { padding-right: 0; } #all-tips .content-only:hover { background: #0068b9 !important; color: #FFFFFF; transition: all 0.5s; } #all-tips .featured-single-card:hover { margin-top: -2px; cursor: pointer; transition: margin-top 0.5s; } #all-tips .featured-single-card:not(.content-only):hover div.c-group { background: #0068b9 !important; transition: background 0.5s; } #all-tips .featured-single-card:hover > div h3, #all-tips .featured-single-card:hover > div a { color: #FFFFFF !important; } #all-tips .featured-single-card div a:hover span { box-shadow: none !important; } #all-tips .featured-single-card picture .non-hover { display: block; } #all-tips .featured-single-card picture .on-hover { display: none; } #all-tips .featured-single-card:not(.content-only):hover picture .non-hover { display: none; } #all-tips .featured-single-card:not(.content-only):hover picture .on-hover { display: block; } .tips-overlay svg { vertical-align: middle; margin-left: 5px; } div#default-lightbox .m-content-placement-item > div { padding: 40px; } .tips-overlay [role="dialog"], .tips-overlay [role="document"] { width: auto !important; border-radius: 10px; } .tips-overlay.c-dialog iframe { min-height: 304px; } a.tips-glyph:after { content: '\E76C'; font-family: "MWF-MDL2"; } [dir="rtl"] a.tips-glyph:after { content: '\E76B'; font-family: "MWF-MDL2"; } [dir="rtl"] #all-tips a:before { transform: rotate(180deg); } .windows-11-specifications #table5 td { vertical-align: top; } [data-theme='dark'] #footerArea *, [data-theme='dark'] #social-network, [data-theme='dark'] #social-network * { background-color: #000000 !important; color: #FFFFFF !important; } [data-theme='dark'] .c-uhfh .c-show-pipe::before { border-left: 2px solid #fff; } .surface-hero-pivot-multi-img .pivot-copy-block section.custom-pivot header a { padding: 0; } @media only screen and (min-width: 540px) { #prefooterDrawer { display: none; } .article-image-dialog h2 { display: inline-block; } .article-image-dialog picture { padding-right: 30px; padding-bottom: 20px; } .article-image-dialog h2 { display: inline-block; } } @media only screen and (max-width: 539px) { #prefooterDrawer { display: block; } .wdg-support-links button.drawer { font-size: 13px; line-height: 16px; display: block; border: 0; background: 0 0; color: #000; font-weight: 600; padding: 10px 12px 10px 0; left: 0; text-align: left; width: 100%; } .wdg-support-links button.drawer:focus-visible { outline-style: dashed; } .wdg-support-links button.drawer:after { margin-top: 2px; position: absolute; padding-left: 6px; font-size: x-small; } [dir="rtl"] .wdg-support-links button.drawer:after { padding-right: 6px; } .wdg-support-links nav.c-link-navigation { margin: 0 auto 24px 0; display: none; } .wdg-support-links nav.c-link-navigation ul li { clear: both; display: block; height: auto; width: 100%; padding-top: 10px; } .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink.f-image { padding-top: 4px; } .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink picture, .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink p { display: inline-block !important; } .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink picture { text-align: left; max-width: none; display: inline-block; } .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink span, .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink p { color: #0067b8; } .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink picture img { width: 30px; height: 100%; } .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink picture, .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink p { display: inline-block !important; } .m-link-navigation.wdg-support-links nav.c-link-navigation li a.c-hyperlink.f-image div { max-width: initial; padding-top: 0 !important; } .wdg-support-links nav.c-link-navigation ul li .c-hyperlink:focus:not(.x-hidden-focus):not(.wdg-f-blue-button) { outline: #000 dashed 2px !important; border: none !important; } .wdg-support-links button.drawer[aria-expanded="true"]::after { content: "\E70E"; } .wdg-support-links button.drawer[aria-expanded="false"]::after { content: "\E70D"; } .wdg-support-links nav.c-link-navigation li a.c-hyperlink.f-image:focus img { outline: 0px solid #0067b8; } .wdg-support-links nav.c-link-navigation li a.c-hyperlink.f-image:focus div { background: none; } .hubmain hr.c-divider { margin-left: 5%; margin-right: 5%; } .article-image-dialog picture img { margin-bottom: 20px; width: 100%; } } /* New Article Template CSS Start */ .c-hyperlink.category { padding: 10px 0; margin-right: 16px; display: inline-block; } .c-hyperlink.category.access { border-bottom: 2px solid #F46A4A; } .c-hyperlink.category.beproductive { border-bottom: 2px solid #CC8200; } .c-hyperlink.category.connect { border-bottom: 2px solid #A67DF4; } .c-hyperlink.category.organize { border-bottom: 2px solid #009DDB; } .c-hyperlink.category.protect { border-bottom: 2px solid #00AD10; } .c-hyperlink.category.relax { border-bottom: 2px solid #05A390; } .category-link-navigation ul li.access.active, .category-link-navigation ul li.access:hover { border-bottom: 8px solid #F46A4A; } .category-link-navigation ul li.beproductive.active, .category-link-navigation ul li.beproductive:hover { border-bottom: 8px solid #CC8200; } .category-link-navigation ul li.connect.active, .category-link-navigation ul li.connect:hover { border-bottom: 8px solid #A67DF4; } .category-link-navigation ul li.organize.active, .category-link-navigation ul li.organize:hover { border-bottom: 8px solid #009DDB; } .category-link-navigation ul li.protect.active, .category-link-navigation ul li.protect:hover { border-bottom: 8px solid #00AD10; } .category-link-navigation ul li.relax.active, .category-link-navigation ul li.relax:hover { border-bottom: 8px solid #05A390; } .category-link-navigation ul li.access, .category-link-navigation ul li.beproductive, .category-link-navigation ul li.connect, .category-link-navigation ul li.organize, .category-link-navigation ul li.protect, .category-link-navigation ul li.relax { border-bottom: 8px solid transparent; } .category-link-navigation ul li a.c-hyperlink.f-image { margin: 20px 22px 0 !important; } .category-link-navigation img { height: 80px; width: 80px; } .category-link-navigation ul li { width: 16%; } .blockquote { padding: 5px 10px; line-height: 2; margin: 20px 0 20px 25px; } .blockquote.access { border-left: 2px solid #F46A4A; color: #F46A4A; } .blockquote.beproductive { border-left: 2px solid #CC8200; color: #CC8200; } .blockquote.connect { border-left: 2px solid #A67DF4; color: #A67DF4; } .blockquote.organize { border-left: 2px solid #009DDB; color: #009DDB; } .blockquote.protect { border-left: 2px solid #00AD10; color: #00AD10; } .blockquote.relax { border-left: 2px solid #05A390; color: #05A390; } .m-banner.access { background: #F46A4A; } .m-banner.beproductive { background: #CC8200; } .m-banner.connect { background: #A67DF4; } .m-banner.organize { background: #009DDB; } .m-banner.protect { background: #00AD10; } .m-banner.relax { background: #05A390; } .tag-button.access span { border-bottom: 3px solid #F46A4A; box-shadow: none !important } .tag-button.beproductive span { border-bottom: 3px solid #CC8200; box-shadow: none !important } .tag-button.connect span { border-bottom: 3px solid #A67DF4; box-shadow: none !important } .tag-button.organize span { border-bottom: 3px solid #009DDB; box-shadow: none !important } .tag-button.protect span { border-bottom: 3px solid #00AD10; box-shadow: none !important } .tag-button.relax span { border-bottom: 3px solid #05A390; box-shadow: none !important } .more-articles-section { background: #f2f2f2; padding: 0; padding-bottom: 48px; } .article-date { margin-top: 24px; color: #707070; margin-bottom: 18px; } .article-read { font-weight: 600 !important; } .feature-with-border { border: 2px solid #D2D2D2; background: linear-gradient(#fff, #fafafa); border-right-color: #f1f1f1; } /* New Article Template CSS End */ /* Changing Old Article to New Article Template Start */ /* #right-container { margin-bottom: 0px !important; } #right-container .m-banner { text-align: left; } #right-container .m-content-placement { padding-left: 0px !important; padding-right: 0px !important; } #right-container .m-content-placement .content-touts[data-grid="col-12"] { width: 33%; padding: 6px; } */ /* Changing Old Article to New Article Template End */ #windowsh22.get-windows-11 .m-banner h2 .supBLink { font-size: 15px !important; } #table1 table tbody tr td:first-child, #table2 table tbody tr td:first-child, #table3 table tbody tr td:first-child { font-weight: 600; } [dir="rtl"] #social-network .m-social.f-horizontal.f-share.social-share { float: left; } html[lang='zh-cn'] #social-network .f-share ul li:first-child .qrcode { width: 90px !important; height: 90px !important; position: absolute; background: #fff; display: none; margin-top: 10px; margin-left: -26px; } html[lang='zh-cn'] #social-network .f-share ul li:first-child:hover .qrcode, html[lang='zh-cn'] #social-network .f-share ul li:first-child a:focus + .qrcode { display: block; } #cle-panel .m-hero-item { border-radius: 8px; } .white-theme video + button.videobutton:focus { border: none !important; outline: 2px dashed #000 !important; } .black-theme video + button.videobutton:focus { border: none !important; outline: 2px dashed #fff !important; } #table2 .bground-default, #table4 .bground-default { background-color: #e8f7fe !important; } #windowsh22.win-11-new .m-content-placement-item[data-js-href]:hover picture img, #windowsh22.compare-windows-11-home-vs-pro-versions .m-content-placement-item[data-js-href]:hover picture img, #windowsh22.compare-windows-11-home-vs-pro-versions .c-content-placement[data-js-href]:hover picture img { opacity: 1; } #homepage-hero .animation-in-higher-vp p.c-paragraph-1 { width: 75%; margin: 0 auto; } .windows-11-pc-gaming .rounded-corners.hero-darkbgcolor > div > div { background: rgba(60, 64, 68,0.9); padding: 50px 30px; border-radius: 8px; } [dir="rtl"] .rounded-corners .c-button.f-primary.blue-button { margin-right: 0px; } [dir="rtl"] div.custom-mosaic h3, [dir="rtl"] div.custom-mosaic .m-image-intro h3 { text-align: right; right: 24px; left: auto; padding-left: 24px; } [dir="rtl"] .videobutton.glyph-play.c-call-to-action.c-glyph:before { margin-left: -2px; } [dir="rtl"] .videobutton.glyph-pause.c-call-to-action.c-glyph:before { margin-left: -4px; } .windows-11-pc-gaming .featured-cards { background: -webkit-linear-gradient(top, #343434 65%, #171717); background: -moz-linear-gradient(top, #343434 65%, #171717); background: -ms-linear-gradient(top, #343434 65%, #171717); background: -o-linear-gradient(top, #343434 65%, #171717); background: linear-gradient(top, #343434 65%, #171717); padding-top: 48px; padding-bottom: 48px; text-align: center; clear: both; } .windows-11-pc-gaming { background: #171717; } .windows-11-pc-gaming .m-feature.custom-small-feature.bground-games.rounded-corners-10 { background: #0d244d; color: #40a0ee; } .windows-11-pc-gaming .f-video-trigger > div { -ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%); } .windows-11-pc-gaming .featured-cards-group { text-align: left; } .windows-11-pc-gaming a.c-call-to-action.c-glyph.c-button.f-primary.blue-button span, .windows-11-pc-gaming .f-video-trigger button.c-action-trigger.c-glyph, .windows-11-pc-gaming .f-video-trigger a.c-action-trigger.c-glyph, .windows-11-pc-gaming .f-video-trigger button.c-action-trigger.c-glyph:before, .windows-11-pc-gaming .featured-cards-group.c-button.f-primary.blue-button { color: black !important; } .c-uhfh > div:first-child { margin-bottom: 0px !important; } [dir='rtl'] .compare-edition-tables tr td .c-drawer button[aria-expanded="false"]::before { float: left; } [dir='rtl'] .compare-edition-tables tr td .c-drawer button[aria-expanded="true"]::before { float: left; } [dir='rtl'] .compare-edition-tables tr td .c-drawer div.c-drawer-panel { padding-right: 0px; } [dir='rtl'] .compare-edition-tables tr td .c-drawer button { padding-right: 0; } .feature-products-content, picture.featured-products-image { display: inline-block; } .featured-products-area { display: flex !important; align-items: center; margin-right: 20px; width: 46% !important; } .featured-products-area .feature-products-content { padding-left: 20px; padding-right: 20px; background: #f2f2f2; padding-top: 3%; padding-bottom: 3%; } .featured-products { display: flex; flex-wrap: wrap; } .featured-products-image img { width: 100%; } @media only screen and (max-width: 767px) { .featured-products-area .featured-products-image { width: 25%; } .featured-products-area .feature-products-content { width: 75%; } .featured-products-area { width: 100% !important; } .featured-products { padding-left: 5%; padding-right: 5%; } .tips-overlay .m-content-placement-item > div { padding: 20px !important; } .offers-features-item { padding-left: 2% !important; padding-right: 2% !important; } } @media screen and (max-width: 1083px) { .tyd-table { width: 90%; margin: 0 auto; } .computers div.custom-mosaic p, .windows-11 .win11-mosaic p { font-size: initial; font-weight: 400; padding-bottom: 5px !important; } .windows-11 .win11-mosaic p { font-size: 15px; } .windows-11 .custom-mosaic .m-image-intro.f-align-left > div { width: 100%; } .computers .custom-mosaic .m-image-intro.f-align-left > div { width: 100% !important; } .windows-11-pc-gaming .vertical-parallax-hero2 .hero-darkbgcolor > div > div, .windows-11-pc-gaming .vertical-parallax-hero3 .hero-darkbgcolor > div > div { background: none; backdrop-filter: none; padding: 0; } .tips-overlay [role="dialog"] .m-content-placement-item h3 { font-size: 24px; line-height: 24px; } } @media screen and (max-width: 767px) { .tyd-table.c-table th:first-child { padding-left: 19px !important; } .tyd-table.c-table th { padding: 10px !important; } .windows-11-pc-gaming #games-hero .m-hero-item div > div { top: calc(50%); } .computers .custom-mosaic h3, .computers .custom-mosaic p, .windows-11 .win11-mosaic p, .windows-11 .win11-mosaic h3 { background: rgba(243, 243, 243, 0.8) !important; } .c-dialog.tips-overlay [role="dialog"] { min-width: 324px; } .article-category .image-priority-accolate .cat-feature .featurecontent { box-shadow: 0px 2px 2px 2px #f2f2f2; text-align: left; } .article-category div#articlesSmallFeature .featurecontent { box-shadow: none !important; } } .computers div.custom-mosaic p, .windows-11 .win11-mosaic p { position: absolute; left: 24px; text-align: left; padding-right: 24px; } .computers .custom-mosaic .c-mosaic-placement div, .windows-11 .win11-mosaic .c-mosaic-placement > div { justify-content: start; top: 30px; padding: 0 14px; } .computers .custom-mosaic .m-image-intro.f-align-left > div { width: 40%; } @media only screen and (min-width: 768px) and (max-width: 1083px) { [dir="rtl"] .sync-across-your-devices .m-feature > div { right: 0% !important; } .windows-11-pc-gaming #games-hero .m-hero-item div > div { transform: translateY(5%); } .remote-resource-center .m-hero-item > div > div, .article-category .m-hero-item > div > div { transform: translateY(35%) !important; } .new-article .featured-products { padding-left: 5%; padding-right: 5%; } .sync-across-your-devices .m-highlight-feature > div { width: 48%; height: auto; top: calc(55%); } .sync-across-your-devices .m-highlight-feature > div h2 { padding-top: 10px; } .sync-across-your-devices div.featurecontent div.c-logo img { margin: 0 auto; } #parallaxheroimage .m-hero-item > div > div { transform: translate(0%, 35%) !important; } .windows-11-pc-gaming #gamecontroller .m-hero-item > div > div { transform: translate(0%, 25%) !important; } } [data-theme="dark"] .m-link-navigation.wdg-support-links a.c-hyperlink { color: #3AA0EF; } .hubmain.windows-11-pc-gaming div#pchealthcheck .m-feature .comppanel .c-group a { color: #3AA0EF; } [data-theme="dark"] .rounded-corners .c-button.f-primary.blue-button, [data-theme="dark"] .rounded-corners .f-video-trigger button.c-action-trigger.c-glyph { background: #3AA0EF !important; color: #000000 !important; } [data-theme="dark"] .rounded-corners .c-call-to-action.c-glyph { color: #3AA0EF; } @media only screen and (max-width: 539px) { [dir="rtl"] .wdg-support-links button.drawer { text-align: right; } .featured-single-card picture + div { padding: 20px 20px !important; } .windows-11 .win11-mosaic p { font-size: 14px; padding-top: 0 !important; padding-bottom: 5px !important; } } .wdg-support-links nav.c-link-navigation li a.c-hyperlink p, .wdg-support-links nav.c-link-navigation li a.c-hyperlink div { text-transform: none !important; } [dir="rtl"] .f-video-trigger button.c-action-trigger.c-glyph:before { transform: rotate(180deg); float: right; margin-left: 10px; } .windows-11-pc-gaming .f-video-trigger button.c-action-trigger.c-glyph.glyph-play { text-decoration: none; } .windows-11-pc-gaming .f-video-trigger button.c-action-trigger.c-glyph.glyph-play:hover span, .windows-11-pc-gaming .f-video-trigger button.c-action-trigger.c-glyph.glyph-play:focus span { color: #000000; box-shadow: 0 2px #000000 !important; text-decoration: none; } .windows-11-pc-gaming #gaming-pcs .rounded-corners.hero-darkbgcolor > div > div { background: none; backdrop-filter: none; } [data-theme="dark"] .c-button.f-primary.blue-button:hover span, [data-theme="dark"] .c-button.f-primary.blue-button:focus span { color: #000000; box-shadow: 0 2px #000000 !important; } [data-theme="dark"] hr.c-divider { border-top: 1px solid #595959; } @media only screen and (min-width: 767px) and (max-width: 1083px) { #windowsh22.compare-windows-11-home-vs-pro-versions .toutheading.c-heading-4 { word-break: break-word; } } body .article-category #right-container .image-priority-accolate .m-feature.accolate-section { padding: 0 !important; border: none !important; min-height: 300px !important; max-height: 350px !important; display: flex; align-items: center; } .category-link-navigation nav.c-link-navigation div[role="link"]::after { content: ""; } .category-link-navigation ul li a { color: #000; } .tag-button-container a.c-call-to-action { text-transform: none; } .tag-button-container a.c-call-to-action { text-transform: none; color: #606060 !important; } .tag-button-container a.c-call-to-action span { box-shadow: 0 1.5px currentColor; } .tag-button-container a.c-call-to-action.c-glyph.tag-button::after { content: ""; } .remote-resource-center #rrc-color-accolate { background: #fbf7ec; padding-top: 48px; padding-bottom: 48px; } div#rrc-color-accolate .m-feature { background: #fff; } div#articlesSmallFeature .small-feature-panel.accolate-section { border: none !important; padding: 0 !important; background: #e9e9e9; } #articlesSmallFeature .accolate-panel-specs.small-feature-panel .c-image img { margin-right: 60px } .article-tags div#right-container { margin-bottom: 0; } .category-link-navigation nav.c-link-navigation { margin-top: 0; } @media screen and (max-width: 1083px) { .category-link-navigation .c-link-navigation ul li { width: 32%; display: inline-block; } .category-link-navigation ul li a.c-hyperlink.f-image { margin: 20px 0px 0 !important; } .category-link-navigation ul li a.c-hyperlink.f-image div { display: block; text-align: center; max-width: none !important; } .category-link-navigation ul li a.c-hyperlink.f-image picture { display: block; text-align: center; } body .article-category #right-container .image-priority-accolate .m-feature.accolate-section { display: initial; max-height: initial !important; } div#articlesSmallFeature .small-feature-panel, div#articlesSmallFeature .small-feature-panel .featurecontent { text-align: center; } #articlesSmallFeature .accolate-panel-specs.small-feature-panel .c-image img { margin-right: 0px; } div#articlesSmallFeature .small-feature-panel.accolate-section { padding: 5% !important; } #right-container .filter-component-dropdown { text-align: left; padding-top: 0; padding-left: 5%; } div#rrc-color-accolate .m-feature { background: #fbf7ec; } div#rrc-color-accolate .m-feature .featurecontent { background: #fff; width: 100%; padding-bottom: 40px; } div#rrc-color-accolate { width: 100%; } [dir="rtl"] .videobutton.c-call-to-action.c-glyph.bottom-left, [dir="rtl"] .videobutton.c-call-to-action.c-glyph.bottom-left:focus { left: 10px; } div#sticky-share .m-social { margin-top: 10px; margin-bottom: 24px; } .remote-resource-center .small-hero-item .m-hero-item h1 { color: #000 !important; } .article-image-dialog picture img { margin-bottom: 30px; width: 100%; } div#categorySocialIcons .m-social { padding-left: 5%; padding-right: 5%; } .remote-resource-center #rrc-color-accolate .c-image img { border-start-end-radius: 8px; border-start-start-radius: 8px; } .remote-resource-center #rrc-color-accolate .m-feature .featurecontent { border-end-end-radius: 8px; border-end-start-radius: 8px; } div#articlesSmallFeature .small-feature-panel .c-image img { border-radius: 8px; } .getting-started .image-priority-accolate .m-feature .featurecontent .c-logo img { margin: 0 auto; } #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables { padding-left: 5%; padding-right: 5%; } .windows-11 .win11-feature-hero .m-hero-item:before { padding-bottom: 45.875%; } } .filter-component-dropdown { text-align: right; padding-top: 30px; } button#filteredDropdownArea-generated-select-menu-trigger { color: #0067b8; font-weight: 500; } button#filteredDropdownArea-generated-select-menu-trigger:after { color: #0067b8; } .filter-component-dropdown ul { width: auto; text-align: left; } .filter-component-dropdown ul li span { padding: 11px 10px; } div#category-loadless-articles { display: none; } .featured-video-popup .featured-products-bleed-area { display: flex !important; align-items: center; margin-right: 20px; border-top: 1px solid #000; border-bottom: 1px solid #000; padding-top: 10px; padding-bottom: 10px; } .featured-products-bleed-area .feature-products-content { padding-right: 20px; padding-left: 20px; } body.removeoverflow { overflow: hidden !important; } .reduced-article { overflow: hidden; } div#default-lightbox .m-content-placement-item > div p a.c-hyperlink { margin-right: 0; } [lang="zh-cn"] .windows-11 .m-ambient-video .f-video-trigger { display: none; } [data-theme="dark"] body a.m-back-to-top[aria-disabled=false], [data-theme="dark"] .wdg-support-links #prefooterDrawer { color: white; } .windows-11-pc-gaming #gaming-mosaic .featured-single-card .c-group a.tips-glyph span { white-space: normal; } div#category-loadmore-articles .c-group a { background: #0067b8; color: #fff; padding: 10px 20px 7px; border-radius: 30px; } .getting-started-tips .featured-single-card { box-shadow: 0px 0px 5px #656565; border-radius: 8px; } .getting-started-tips .featured-single-card picture + div { text-align: left; } .getting-started-tips .c-badge { margin-top: 20px; font-weight: bold; padding: 5px; height: auto; border-radius: 3px; background: #00ffff; } .getting-started-tips .c-group { width: 100%; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; bottom: 0px; left: 0px; background: #FFFFFF; height: 44%; display: block; text-align: left !important; } .getting-started-tips .c-group h3 { padding-top: 0; margin-bottom: 24px; } .getting-started-tips a { background: none; padding: 0; height: auto; text-align: left; white-space: initial; position: absolute; bottom: 30px; font-weight: 600; color: #0067b8 !important; } .getting-started-tips a.tips-glyph:after { content: '\E76C'; font-family: "MWF-MDL2"; font-size: 12px; } .getting-started-tips a.tips-glyph:hover span { box-shadow: 0 2px currentColor; } [data-theme="dark"] nav.c-link-navigation li a.c-hyperlink.f-image:focus p, [data-theme="dark"] nav.c-link-navigation li a.c-hyperlink.f-image:focus div, [data-theme="dark"] nav.c-link-navigation li a.c-hyperlink.f-image:hover p, [data-theme="dark"] nav.c-link-navigation li a.c-hyperlink.f-image:hover div, [data-theme="dark"] nav.c-link-navigation li a.c-hyperlink.f-image:active p, [data-theme="dark"] nav.c-link-navigation li a.c-hyperlink.f-image:active div { color: #3AA0EF !important; } .article-category div#top-container { margin-bottom: 40px; } @media only screen and (min-width: 540px) and (max-width: 767px) { .tips-overlay.c-dialog iframe { min-height: 180px; } } .computers .custom-mosaic h3, .windows-11 .win11-mosaic h3 { margin-bottom: 4px; } div#devices-mosaic .f-width-small div .c-group a { white-space: normal; margin-right: 20px; margin-left: 20px; } .hubmain.features #pchealthcheck img { padding: 20px; } [dir="rtl"] .windows-11-pc-gaming .featured-cards-group { text-align: right; } .windows-11 #pchealthcheck .m-feature.custom-small-feature .c-group a { margin-bottom: 0; } .windows-11 #pchealthcheck .m-feature.custom-small-feature { padding-bottom: 20px } @media screen and (min-width: 1920px) { .m-image img { width: 100%; } .devices-mosaic .c-mosaic-placement picture img { width: 100%; } .remote-resource-center #rrc-color-accolate { max-width: initial; } } .redesign-touts .content-touts .articletouts .m-content-placement-item > div { padding: 0 20px 0px 20px; } .category-link-navigation ul li a:hover picture div { text-decoration: none !important; color: #000 !important; } .rrc-category-hero .m-hero-item .c-group a, .rrc-category-hero .m-hero-item .c-group a:hover, .rrc-category-hero .m-hero-item .c-group a:focus { color: #000; background: none !important; padding: 0; } .rrc-category-hero .m-hero-item a.c-call-to-action:not(.glyph-play):before, .rrc-category-hero .m-hero-item button.c-call-to-action:not(.glyph-play):before { font-size: 11px; margin-top: 3px; margin-left: 1px; display: inline-block; position: relative; right: 0; content: ""; vertical-align: top; transform: scaleX(-1); -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); } .rrc-category-hero .m-hero-item a.c-call-to-action:not(.glyph-play):after, .rrc-category-hero .m-hero-item button.c-call-to-action:not(.glyph-play):after { content: none; } .rrc-category-hero .m-hero-item a.c-call-to-action:not(.glyph-play):hover:before { left: -4px !important; } .image-priority-accolate section.m-feature.feature-bleed { padding: 0 !important; border: 0 !important; } .image-priority-accolate section.m-feature.feature-bleed .featurecontent { top: calc(0%); transform: translateY(0); } div#category-loadmore-articles { margin-top: 50px; clear: both; float: right; width: 100%; } #cp-tipstricks a.c-hyperlink.c-glyph::after { font-family: MWF-MDL2; font-size: 11px; margin-top: 1px; margin-left: 3px; content: ""; } .getting-started #cp-tipstricks .m-product-placement .m-product-placement-item p { padding-top: 0 } #right-container .content-touts .articletouts section { background: #fff; } #right-container .content-touts .articletouts section > div { padding: 0 20px; } #right-container .content-touts .articletouts section > div .c-group { padding-bottom: 20px; } div#categorySocialIcons { margin-bottom: 48px; clear: both; } .morearticles-bg { box-shadow: 0 -50px 20px #f2f2f2; } .article-tags div#right-container { margin-top: 48px; } .readmore-newarticle .c-group a, .readmore-newarticle .c-group a:hover, .readmore-newarticle .c-group a:focus { background: #0067b8 !important; color: #fff !important; padding: 10px 20px 7px; border-radius: 30px; } div#sticky-share li a:focus, .remote-resource-center .social-linked-icon a:focus, #categorySocialIcons .social-linked-icon a:focus { background-color: #fff; border: 2px dashed #000; border-radius: 50%; } div#sticky-share li a:focus:before, .remote-resource-center .social-linked-icon a:focus:before, .remote-resource-center .social-linked-icon a:hover:before, #categorySocialIcons .social-linked-icon a:focus:before, #categorySocialIcons .social-linked-icon a:hover:before { background: rgba(0,0,0,0); } .remote-resource-center .social-linked-icon a, #categorySocialIcons .social-linked-icon a { width: 40px; height: 40px; } .remote-resource-center .category-link-navigation { padding-left: 5%; padding-right: 5%; } div#readmore-article a:after, div#category-loadmore-articles .c-group a:after { transform: rotate(90deg); } .new-article h1 { font-weight: 400; } .article-tags .tags-container h2 { font-size: 28px; line-height: 30px; } .rounded-corners .c-button.f-primary.white-bg-button, .windows .offers-features-item .rounded-corners .c-button.f-primary.white-bg-button, .computers .offers-features-item .rounded-corners .c-button.f-primary.white-bg-button { border-radius: 6px; text-align: center; padding-top: 12px; padding-right: 20px; padding-bottom: 10px; padding-left: 27px; line-height: 1; box-shadow: none; background: #fff; color: #000; margin-right: 15px; margin-top: 15px; } .rounded-corners .c-button.f-primary.white-bg-button:hover, .rounded-corners .c-button.f-primary.white-bg-button:focus, .windows .offers-features-item .rounded-corners .c-button.f-primary.white-bg-button:focus, .computers .offers-features-item .rounded-corners .c-button.f-primary.white-bg-button:focus { background: #fff !important; color: #000 !important; } .offers-features-item .m-hero-item { border-radius: 8px; } /*Rounded conrners for redesigned rrc start*/ .remote-resource-center div#rrc-home-articles .content-touts .articletouts picture img { border-radius: 8px; } div#articlesSmallFeature .small-feature-panel { border-end-start-radius: 10px; border-start-start-radius: 10px; border-end-end-radius: 8px; border-start-end-radius: 8px; } .article-category .image-priority-accolate .m-feature picture img { border-radius: 8px; } .article-category .redesign-touts .content-touts .articletouts .m-content-placement-item picture img { border-radius: 8px; } .new-article #right-container .m-content-placement-item img, .postcard-article #right-container .m-content-placement-item img { border-top-left-radius: 8px; border-top-right-radius: 8px; } .new-article #right-container .m-content-placement-item, .postcard-article #right-container .m-content-placement-item { border-radius: 8px; } .new-article #left-container img { border-radius: 8px; } .new-article #left-container iframe { border-radius: 8px; } .new-article .featured-products .feature-products-content { border-bottom-right-radius: 8px; border-top-right-radius: 8px; } .new-article .featured-products .featured-products-image img { border-bottom-left-radius: 8px !important; border-top-left-radius: 8px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } .tags-container .image-priority-accolate img { border-radius: 8px; } /*Rounded conrners for redesigned rrc start*/ @media screen and (max-width: 767px) { .featured-products-area.m-content-placement-item { background-color: #f2f2f2; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .sync-across-your-devices .m-highlight-feature > div { background: #fff; } .category-link-navigation ul { display: initial !important; } .windows-11-pc-gaming #gamecontroller .m-hero-item > div > div { top: calc(55%); } #parallaxheroimage .parallax-hero-laptop-cls { position: absolute; z-index: 999; display: block; } #parallaxheroimage .parallax-hero-laptop-cls > picture { z-index: 999; display: block; } } @media screen and (min-width: 1240px) { .featured-products-area.m-content-placement-item { background: #f2f2f2; border-radius: 8px; } .featured-products-area .feature-products-content { background: none; } } .getting-started div#cp-tipstricks .forwin10 { padding-bottom: 48px; } #static-banner.green .offer-test { background-color: #107c10 !important; color: #FFFFFF; } .logo-cta.c-call-to-action:not(.glyph-play):after { content: none; } .getting-started .m-content-placement-item { cursor: default !important; } .getting-started .m-content-placement-item[data-js-href]:hover picture img { opacity: 1; } .new-article li svg { vertical-align: middle; margin-left: 5px; } .gray-border { border: #d2d2d2 solid 2px; } .sync-across-your-devices #pchealthcheck .m-feature.custom-small-feature.has-border { border: 1px solid #0067b8; } .article-image-dialog a.image-dialog { pointer-events: none; } /*Accessibility tasks styles starts*/ .specs-stickynav .c-in-page-navigation.f-dropdown.f-sticky a.f-dropdown-link:focus, #windowsh22.next-gen-ai-pcs stickynavnextgenai .specs-stickynav .c-in-page-navigation.f-dropdown.f-sticky a.f-dropdown-link:focus { border-color: #000 !important; } .specs-stickynav nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a:focus, #windowsh22.next-gen-ai-pcs stickynavnextgenai .specs-stickynav .c-in-page-navigation.f-dropdown.f-sticky a.f-dropdown-link:focus { border-color: #000 !important; } .hubmain .article-section-footnotes .c-hyperlink:focus { background: #fff !important; border-color: #fff !important; outline: 2px dashed #fff !important; padding: 0px 1px !important; outline-offset: 1px; color: #0067b8 !important; } .wdg-support-links nav.c-link-navigation li a.c-hyperlink div { padding-bottom: 1px !important; } .wdg-support-links nav.c-link-navigation li a.c-hyperlink.f-image:focus div { background: none !important; } a.m-back-to-top:focus { outline: 1px dashed #000 !important; } #social-network .m-social > h3, #categorySocialIcons .m-social > h3, .old-article .m-social > h3, #sticky-share .m-social > h3 { font-size: 15px; line-height: 20px; color: rgba(0,0,0,.6); padding-right: 12px; margin-bottom: 4px; font-weight: 400; } .accessibility-features .inline-popup.mp4inline .f-video-trigger button.c-action-trigger.c-glyph span { margin-left: -5px; } @media only screen and (max-width: 1083px) { .accessibility-features .image-priority-accolate { width: 100%; } .accessibility-features #accessbilityHero .m-hero-item { background: #0078d7 !important; } .accessibility-features #accessbilityHero .m-hero-item > div, .windows-11 .showinlowerVp .m-hero-item > div, .windows .showinlowerVp .m-hero-item > div, .windows .win11-feature-hero .m-hero-item > div, #windowsh22.compare-windows-11-home-vs-pro-versions .m-hero-item > div, #windowsh22.get-windows-11 .m-hero-item > div, .features .m-hero-item > div { text-align: left !important; } .accessibility-features #accessbilityFeature_1_Banner_2 .m-feature.f-align-left > div, .accessibility-features #accessbilityFeature_1_Banner_3 .m-feature.f-align-left > div { text-align: left; padding-left: 0px; padding-right: 20px; width: 100%; } } @media (min-width: 768px) and (max-width: 1083px) { .accessibility-features .numberlist-structurelist .c-image, .windows-11 .numberlist-structurelist .c-image, .windows .numberlist-structurelist .c-image { padding-right: 50px !important; } } .accessibility-features .m-content-placement-item[data-js-href] picture img { opacity: 1 !important; } .accessibility-features .m-content-placement-item { cursor: default !important; } /*Accessibility tasks styles end*/ .sync-across-your-devices .articletouts section.m-content-placement-item { cursor: default; } .sync-across-your-devices .articletouts section.m-content-placement-item:hover img { opacity: 1; } .parallax-hero-laptop-cls > picture { position: absolute; width: 100%; } .parallax-hero-laptop-cls > picture > img { width: 100%; } /*Teams Chat Animation Styles Starts*/ .show { display: block; } .show-inline { display: inline-block; } .feature-content { max-width: 375px; padding: 38px; opacity: 0; } .feature-panel-right-image { display: contents !important; } .feature-panel-right-image img { height: 200px !important; display: inline-block !important; position: relative; left: 220px; bottom: 864px; opacity: 0; } #chat .pin-spacer { display: inline !important; } .teams-icon img { height: 400px; } .teams-connect { display: contents !important; } .teams-connect img { position: relative; left: 132px; height: 255px; width: 475px; top: 200px; opacity: 0; } .m-hero-item { pointer-events: none; } .teams-connect img { border-radius: 3px; } .teams-connect-content { background: #f4f2f2; padding: 50px 30px; border-radius: 8px; transform: translateY(-68%) !important; } .slide-container { margin-top: -60px; } .text-image-container { width: 100%; text-align: center; height: 160vh; } .left-heading { display: inline-block; opacity: 0; transform: translate(-80px, 360px); width: 35%; text-align: right; } .right-heading { display: inline-block; z-index: -999; opacity: 0; transform: translate(85px, 360px); width: 35%; text-align: left; } .pin-image { display: inline-block; vertical-align: middle; } .feature-content-img-div img { height: 80px; width: 80px; } .m-hero-item.f-transparent:before, .c-hero.f-transparent:before { padding-bottom: 0; } .teams-connect-section { height: 100vh; } #chat .m-feature { float: none; } @media (min-width: 1024px) and (max-width: 1279px) { .teams-icon img { height: 300px !important; } .pin-image.teams-image img { transform: scale(0.7) !important; } .feature-content { width: 275px !important; height: 230px !important; max-width: 510px; } .feature-panel-right-image img { transform: scale(0.5); } .feature-panel-paragraph { font-size: 12px !important; line-height: 1.3 !important; } .pin-wrapper { padding-top: 11% !important; } .text-image-container { padding-bottom: 60% !important; } .teams-image img { padding-top: 0%; } .left-heading { transform: translate(-80px, 380px); } .right-heading { transform: translate(85px, 380px); } } @media (min-width: 1280px) and (max-width: 1366px) { .teams-icon img { height: 350px !important; } .pin-image.teams-image img { transform: scale(0.8) !important; } .feature-content { width: 353px !important; height: 280px !important; max-width: 510px; } .feature-panel-right-image img { height: 205px !important; } .feature-panel-paragraph { font-size: 14px !important; line-height: 1.3 !important; } .pin-wrapper { padding-top: 10% !important; } .text-image-container { padding-bottom: 88% !important; } .teams-image img { padding-top: 0%; } .left-heading { transform: translate(-80px, 380px); } .right-heading { transform: translate(85px, 380px); } } @media (min-width: 1367px) and (max-width: 1525px) { .pin-image.teams-image img { transform: scale(0.9) !important; } .feature-content { width: 365px !important; height: 435px !important; } .feature-panel-right-image img { height: 270px !important; } .feature-panel-paragraph { font-size: 18px !important; line-height: 1.3 !important; } .pin-wrapper { padding-top: 10% !important; } .text-image-container { padding-bottom: 100% !important; } .teams-image img { padding-top: 0%; } .left-heading { transform: translate(-80px, 430px); } .right-heading { transform: translate(85px, 430px); } } @media (min-width: 1367px) and (max-width: 1450px) { .pin-wrapper { padding-top: 8% !important; } } @media (min-width: 1526px) and (max-width: 1649px) { .pin-image.teams-image img { transform: scale(0.9) !important; } .feature-content { width: 365px !important; height: 435px !important; } .feature-panel-right-image img { height: 270px !important; } .feature-panel-paragraph { font-size: 18px !important; line-height: 1.3 !important; } .pin-wrapper { padding-top: 10% !important; } .text-image-container { padding-bottom: 82% !important; } .teams-image img { padding-top: 0%; } .left-heading { transform: translate(-80px, 430px); } .right-heading { transform: translate(85px, 430px); } } @media (min-width: 1800px) and (max-width: 2100px) { .pin-wrapper { padding-top: 10% !important; } .feature-panel-right-image img { left: 230px; bottom: 830px; } } @media (min-width: 1726px) and (max-width: 1799px) { .pin-wrapper { padding-top: 12% !important; } .feature-panel-right-image img { left: 228px; bottom: 865px; } } @media (min-width: 1651px) and (max-width: 1725px) { .pin-wrapper { padding-top: 10% !important; } .feature-panel-right-image img { left: 235px; bottom: 850px; } .text-image-container { padding-bottom: 82% !important; } } @media (min-width: 1580px) and (max-width: 1650px) { .feature-panel-right-image img { left: 190px; bottom: 852px; } } @media (min-width: 1400px) and (max-width: 1579px) { .feature-panel-right-image img { left: 195px; bottom: 848px; } } @media (min-width: 1366px) and (max-width: 1399px) { .feature-panel-right-image img { left: 168px; bottom: 850px; } } @media (min-width: 1260px) and (max-width: 1365px) { .feature-panel-right-image img { left: 155px; bottom: 865px; } } @media (min-width: 1650px) and (max-width: 2100px) { .teams-icon img { height: 450px !important; } .pin-image.teams-image img { transform: scale(1) !important; } .feature-content { width: 510px !important; height: 470px !important; max-width: 510px; } .feature-panel-right-image img { height: 300px !important; } .feature-panel-paragraph { font-size: 18px !important; line-height: 1.3 !important; } .text-image-container { padding-bottom: 90%; } /*.teams-image img { padding-top: 14%; } */ .left-heading { transform: translate(-80px, 570px); } .right-heading { transform: translate(85px, 570px); } } @media (min-width: 1365px) and (max-width: 1399px) { .left-heading { transform: translate(94px, 336px); } .right-heading { transform: translate(-88px, 336px); } } @media (min-width: 1400px) and (max-width: 1579px) { .left-heading { transform: translate(-80px, 490px); } .right-heading { transform: translate(85px, 490px); } .left-heading h2, .right-heading h2 { font-size: 40px; } } @media (min-width: 1580px) and (max-width: 1679px) { .left-heading { transform: translate(-80px, 530px); } .right-heading { transform: translate(85px, 530px); } .left-heading h2, .right-heading h2 { font-size: 42px; } } @media (min-width: 1680px) and (max-width: 1879px) { .left-heading { transform: translate(-80px, 560px); } .right-heading { transform: translate(85px, 560px); } .left-heading h2, .right-heading h2 { font-size: 46px; } } @media (min-width: 1880px) and (max-width: 3000px) { .left-heading { transform: translate(-80px, 600px); } .right-heading { transform: translate(85px, 600px); } .left-heading h2, .right-heading h2 { font-size: 48px; } } @media (min-width: 3001px) and (max-width: 4100px) { .left-heading { transform: translate(-80px, 60vh); } .right-heading { transform: translate(85px, 60vh); } .left-heading h2, .right-heading h2 { font-size: 54px !important; } } @media (min-width: 1180px) and (max-width: 1399px) { .pin-image.teams-image { transform: translate(0px, -205px) } } @media (min-width: 1400px) and (max-width: 1479px) { .pin-image.teams-image { transform: translate(0px, -180px) } } @media (min-width: 1480px) and (max-width: 1569px) { .pin-image.teams-image { transform: translate(0px, -210px) } } @media (min-width: 1570px) and (max-width: 1679px) { .pin-image.teams-image { transform: translate(0px, -185px) } } @media (min-width: 1680px) and (max-width: 1879px) { .pin-image.teams-image { transform: translate(0px, -170px) } } @media (min-width: 1880px) and (max-width: 1979px) { .pin-image.teams-image { transform: translate(0px, -140px) } } @media (min-width: 1980px) and (max-width: 2800px) { .pin-image.teams-image { transform: translate(0px, -18vh) } } @media (min-width: 2801px) and (max-width: 4100px) { .pin-image.teams-image { transform: translate(0px, -8vh) } } .feature-panel-right-image img { transform-origin: 0px 80px; } @media (min-width: 1300px) and (max-width: 1379px) { .feature-panel-right-image img { transform-origin: 13px 60px; } } @media (min-width: 1079px) and (max-width: 1280px) { #chatTA { padding-bottom: 48px !important; } } @media (min-width: 2100px) and (max-width: 4100px) { .windows-11 .pin-wrapper { padding-top: 15% !important; } .windows-11 .win11-feature-hero .f-x-left > div, .windows-11 .win11-feature-hero .f-x-right > div { max-width: 75vw !important; } } @media (min-width: 2100px) and (max-width: 3000px) { .windows-11 .teams-icon img { height: 40vh; } .windows-11 .pin-image.teams-image img { transform: scale(1.2) !important; } .windows-11 .feature-panel-right-image img { height: 17vw !important; } .windows-11 .feature-panel-right-image img { transform-origin: -3vw 25vh; } .windows-11 .feature-content { height: 33vh; max-width: 15vw; } .windows-11 .feature-content-img-div img { height: 6vw; width: 6vw; } } @media (min-width: 3001px) and (max-width: 4100px) { .windows-11 .teams-icon img { height: 40vh; } .windows-11 .pin-image.teams-image img { transform: scale(1.6) !important; } .windows-11 .feature-panel-right-image img { height: 33vh !important; } .windows-11 .feature-panel-right-image img { transform-origin: -5vw 20vh; } .windows-11 .feature-content { height: 33vh; max-width: 10vw; left: -8vw !important; } .windows-11 .feature-content-img-div img { height: 6vw; width: 6vw; } } /*Teams Chat Animation Styles Ends*/ #gamecontroller .hero-darkbgcolor > div > div { top: calc(75%); } .article-pop-up-video .f-video-trigger > div { position: absolute; } .article-pop-up-video .f-video-trigger button.c-action-trigger.c-glyph[aria-label], .article-pop-up-video .f-video-trigger a.c-action-trigger.c-glyph[aria-label] { margin: 0px; background: rgba(0, 0, 0, 0.6) !important; } .article-pop-up-video button.c-action-trigger.c-glyph:before, .article-pop-up-video a.c-action-trigger.c-glyph:before { margin-left: 6px; margin-right: 10px; } .article-pop-up-video .f-video-trigger button.c-action-trigger.c-glyph, .article-pop-up-video .f-video-trigger a.c-action-trigger.c-glyph { padding: 0 !important; } .article-pop-up-video .youtubevidplayer-posterimagewrap picture { background: rgb(0,0,0); } .article-pop-up-video .youtubevidplayer-posterimagewrap picture img { opacity: 0.6; margin-top: -2px; } .article .featurebox .accolate-section picture a:hover img { opacity: 0.9; } .sync-across-your-devices .mp4videoinline { border-radius: 8px; } @media (min-width: 2391px) { #parallaxheroimage .parallax-hero-laptop-cls picture { top: calc(20%); } } @media (min-width: 2201px) and (max-width: 2390px) { #parallaxheroimage .parallax-hero-laptop-cls picture { top: calc(15%); } } @media (min-width: 2049px) and (max-width: 2200px) { #parallaxheroimage .parallax-hero-laptop-cls picture { top: calc(10%); } } @media (min-width: 1921px) and (max-width: 2048px) { #parallaxheroimage .parallax-hero-laptop-cls picture { top: calc(5%); } } .windows-11-pc-gaming .laptop-static-in-lower-vp { display: none; } .windows-11-pc-gaming .laptop-animation-in-higher-vp { display: block; } .windows .hero-item-copy-animation .video-parallax-copy, .windows-11 .hero-item-copy-animation .video-parallax-copy { padding: 0; } .windows .hero-item-copy-animation .video-parallax-copy.context-accessory > div > div, .windows-11 .hero-item-copy-animation .video-parallax-copy.context-accessory > div > div { top: 50px; min-width: 100%; } .windows-11 .win11-feature-hero .m-hero-item { padding: 0 0%; } .windows-11 #chatTA { display: none; } .windows-11 #chat { display: block; background-image: linear-gradient(to bottom, white, rgb(226, 239, 249), rgb(226, 239, 249), white); } @media (min-width: 1701px) and (max-width: 1920px) { .windows-11 .win11-feature-hero .m-hero-item > div > div { max-width: 390px; } } @media (min-width: 1040px) and (max-width: 1083px) { .windows #devices-mosaic .mosaic_right_bottom_image_1 picture.mosaic_right_btm_img_1 > img { width: 100% !important; } } @media (min-width: 1084px) and (max-width: 1700px) { .windows-11 .win11-feature-hero .m-hero-item > div > div { max-width: 325px; } } .windows-11 .win11-mosaic .videobutton { right: 2% !important; bottom: 6% !important; } .windows-11 .featured-cards { margin-top: -1px; } .windows-11 .windows-video-overlay button.c-action-trigger.c-glyph { width: auto; border-radius: 6px; font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px; padding-right: 12px; font-weight: 600; margin-top: 0; } .windows-11 .windows-video-overlay button.c-action-trigger.c-glyph span { position: initial !important; } .windows-11 .windows-video-overlay .f-video-trigger > div { position: absolute; top: calc(90%); } @media only screen and (min-width: 1779px) { [dir="rtl"] .windows-11 .teams-feature-panel .m-feature.f-align-left > div.feature-content { left: 0; right: initial; } [dir="rtl"] .windows-11 .teams-feature-panel .m-feature.f-align-left picture.feature-panel-right-image img { left: 230px; } } #all-tips .featured-single-card.yellow .c-badge { background: #ffd800; } .windows-11 .video-priority button.c-action-trigger:focus:not(.x-hidden-focus) { color: #ffffff; } .windows-11 .mp4inline.video-priority .f-video-trigger { margin-top: 0; } @media only screen and (min-width: 350px) and (max-width: 400px) { [lang="el-gr"] .windows-11 .win11-mosaic p, [lang="uk-ua"] .windows-11 .win11-mosaic p { font-size: 13px; } [lang="el-gr"] .windows-11 .custom-mosaic .m-image-intro.f-align-left > div, [lang="uk-ua"] .windows-11 .custom-mosaic .m-image-intro.f-align-left > div { width: 90%; } } @media screen and (-ms-high-contrast: active) { #headerArea .c-logo:after { outline: none !important; } #headerArea [class^="m-"] button:not(.c-select-button):not(.c-sequence-indicator):active:not(:disabled), #headerArea [class^="m-"] button:not(.c-select-button):not(.c-sequence-indicator):focus:not(:disabled), #headerArea [class*=" m-"] button:not(.c-select-button):not(.c-sequence-indicator):hover:not(:disabled), #headerArea [class*=" m-"] button:not(.c-select-button):not(.c-sequence-indicator):active:not(:disabled), #headerArea [class*=" m-"] button:not(.c-select-button):not(.c-sequence-indicator):focus:not(:disabled), #headerArea [class^="c-"] button:not(.c-select-button):not(.c-sequence-indicator):hover:not(:disabled), #headerArea [class^="c-"] button:not(.c-select-button):not(.c-sequence-indicator):active:not(:disabled), #headerArea [class^="c-"] button:not(.c-select-button):not(.c-sequence-indicator):focus:not(:disabled), #headerArea [class*=" c-"] button:not(.c-select-button):not(.c-sequence-indicator):hover:not(:disabled), #headerArea [class*=" c-"] button:not(.c-select-button):not(.c-sequence-indicator):active:not(:disabled), #headerArea [class*=" c-"] button:not(.c-select-button):not(.c-sequence-indicator):focus:not(:disabled) { color: #0067b8 !important; background: #fff !important; } .article-category #categorySocialIcons li.social-linked-icon a, #social-network li.social-linked-icon a, .new-article #sticky-share li.social-linked-icon a { border: none !important; } .article-category #categorySocialIcons .m-social > a:before, .m-social > ul > li > a:before, .c-social > a:before, .c-social > ul > li > a:before { border: none !important; } } [dir="rtl"] .windows-11 .win11-mosaic p { text-align: right; } [dir="rtl"] .windows-11 .win11-mosaic .videobutton { right: initial !important; left: 1% !important; } .tag-button-container a.c-call-to-action:focus span { box-shadow: 0 1.5px currentColor !important; } .wdg-support-links nav.c-link-navigation li a.c-hyperlink.f-image:focus img, .category-link-navigation nav.c-link-navigation li a.c-hyperlink.f-image:focus img { outline: none; } .windows-11 .windows-video-overlay.video-priority .youtubevidplayer { float: initial; } .category-link-navigation nav.c-link-navigation li a.c-hyperlink.f-image:focus div { text-decoration: none; } @media screen and (min-width: 1281px) { .windows .hero-item-copy-animation .video-parallax-copy.context-accessory > div > div p { padding: 14px 0 0; } .windows-11 .hero-item-copy-animation .video-parallax-copy.context-accessory > div > div p { padding: 20px 0 0; } .windows .hero-item-copy-animation .video-parallax-copy.context-accessory > div > div > div, .windows-11 .hero-item-copy-animation .video-parallax-copy.context-accessory > div > div > div { margin: 0px !important; padding: 1px !important; } } @media screen and (min-width: 1281px) and (max-width: 1600px) { .windows .hero-item-copy-animation .video-parallax-copy.context-accessory > div > div { top: 20px; } .windows-11 .hero-item-copy-animation .video-parallax-copy.context-accessory > div > div { top: 60px; } [lang='vi-vn'] .windows .hero-item-copy-animation .video-parallax-copy.context-accessory .c-heading-2 { font-size: 43px; } } @media screen and (min-width: 1601px) { .windows .hero-item-copy-animation .video-parallax-copy.context-accessory > div > div { top: 30px; } .windows-11 .hero-item-copy-animation .video-parallax-copy.context-accessory > div > div { top: 85px; } } .getting-started .image-priority-accolate.featurebox .m-feature .featurecontent .c-group a { text-align: left; } /*post card article*/ .top-bg-color-ps { background: #eafcff; } .date-read p { display: inline; } .postcard-right-img img { width: 100%; } .pc-inner-container h1 { font-weight: 400; } .postcard-article .pc-block { padding-right: 5%; } .mixed-article .back-to-listicle { margin-bottom: 30px; } .mixed-article div#left-container img, .mixed-article #right-container .m-content-placement-item, .mixed-article div#right-container, .mixed-article #right-container .m-content-placement-item img, .postcard-right-img img { border-radius: 8px; } .mixed-article .featured-products .featured-products-image img, .postcard-article .featured-products .featured-products-image img { border-bottom-left-radius: 8px !important; border-top-left-radius: 8px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } .mixed-article div#right-container .m-banner h2 { text-align: left; } .mixed-article #right-container .m-banner { padding-left: 9%; padding-right: 9%; } .mixed-article #right-container .content-touts .articletouts section { background: none; } .mixed-article #right-container .content-touts .articletouts section > div { padding: 0; } .mixed-article #left-container { padding-right: 30px; } .mixed-article h1 { font-weight: 400; } .mixed-article .featured-products .feature-products-content, .postcard-article .featured-products .feature-products-content { border-bottom-right-radius: 8px; border-top-right-radius: 8px; } @media only screen and (max-width: 767px) { .postcard-article .pc-block, .postcard-article .pc-img-block { width: 100%; } .mixed-article .featured-video-popup .featured-products-bleed-area, .new-article .featured-video-popup .featured-products-bleed-area { display: block !important; } .mixed-article .featured-video-popup .featured-products-bleed-area .featured-products-image, .new-article .featured-video-popup .featured-products-bleed-area .featured-products-image { margin-bottom: 20px; width: 100%; } .postcard-article .articletouts { padding-left: 25px !important; padding-right: 25px !important; } } @media only screen and (max-width: 1083px) { .postcard-right-img { padding: 5%; } .pc-inner-container { padding-bottom: 5%; } .new-article .featured-video-popup, .mixed-article .featured-video-popup, .mixed-article .featured-products, .postcard-article .featured-products { margin-left: 5%; margin-right: 5%; } } @media only screen and (min-width: 1084px) and (max-width: 1279px) { .mixed-article div#sticky-share { margin-left: -50px; } } @media only screen and (min-width: 1084px) { .postcard-article div#sticky-share { margin-left: -70px; } .pc-inner-container { padding: 0 8% 3% 8% !important; } .postcard-article div#sticky-share .m-social { margin-top: 126px; } .mixed-article div#sticky-share .m-social { margin-top: 10px; } } @media only screen and (min-width: 1280px) { .mixed-article div#sticky-share { margin-left: -60px; } } .windows-11 #pchealthcheck .m-feature.custom-small-feature .c-group a.pchc-bg-white, .computers .m-mosaic a.mosaic-white-button { border: #0067b8 solid 1px !important; padding-left: 10px !important; padding-right: 10px !important; border-radius: 6px; background-color: #ffffff !important; } .windows-11 #pchealthcheck .m-feature.custom-small-feature .c-group a.pchc-bg-white span, .windows-11 #pchealthcheck .m-feature.custom-small-feature .c-group a.pchc-bg-white:after { color: #0067b8; } .featured-products-bleed-area .videobutton.c-call-to-action.c-glyph, .featured-products-bleed-area .videobutton.c-call-to-action.c-glyph:focus { width: 40px; height: 40px; background: rgba(0,0,0,0.6) !important; border-radius: 100%; position: absolute !important; left: calc(50% - 20px); top: calc(50% - 20px); margin: 0; padding: 0; border: 0px solid #fff; } .featured-products-bleed-area .mp4inline { position: relative; } .featured-products-bleed-area .videobutton.c-call-to-action.c-glyph:before { margin-left: 13px; margin-top: 3px; color: #fff; } .featured-products-bleed-area .videobutton.c-call-to-action.c-glyph { opacity: 0; } .featured-products-bleed-area:hover .videobutton.c-call-to-action.c-glyph { opacity: 1; } .featured-products-bleed-area video.mp4videoinline { border-radius: 8px; } [lang='de-de'] .tips-overlay .m-content-placement-item p { font-size: 16px; } .windows-11-pc-gaming .m-hero-item.gradient-effect::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: none; transition: all 3s ease; } @media screen and (max-width: 767px) { .windows-11 .m-hero-item.how-to-get-win-11:before { padding-bottom: 57.5% !important; } .sync-across-your-devices .m-feature.no-play-pause { overflow: hidden; border-radius: 8px; } } @media only screen and (min-width: 767px) and (max-width: 1083px) { .windows-11 .how-to-get-win-11.tablet-height:before { padding-bottom: 50.25%; } .windows-11 .how-to-get-win-11.tablet-height > div > div { height: 500px !important; } } @media screen and (max-width: 475px) { .windows-11 .how-to-get-win-11.tablet-height > div { height: 450px !important; } } .tipstricks-loadmore { position: relative; background-color: #0067b8 !important; border-radius: 20px; max-width: 10% !important; float: none !important; min-width: fit-content !important; } .loadMore { text-align: center; } .clicked-btn { background-color: #0067b8 !important; color: white !important; } .tipsTricks-filters-section .tipstricks-filter { position: relative; background-color: #f2f2f2; background: #f2f2f2; color: #0067B8; border-radius: 20px !important; margin-right: 10px; font-size: 15px; outline: 0; padding: 9px 12px 10px; margin-top: 12px; display: inline-block; text-align: center; line-height: 1; font-weight: 600; /*box-shadow: 0 4px 8px 0 transparent;*/ cursor: pointer; /*overflow: hidden;*/ transition: all .2s ease-in-out; vertical-align: bottom; white-space: nowrap; /*text-decoration: none;*/ border: none; min-width: fit-content; } .filter-heading { text-align: center; text-transform: uppercase; } .tips-tricks-right { font-size: 27px; /*margin-top: -1px; margin-left: 4px;*/ display: inline-block; /*content: "\E76C";*/ vertical-align: middle; /*font-family: "MWF-MDL2";*/ left: 76% !important; z-index: 1001 !important; top: 45% !important; position: fixed !important; color: white !important; cursor: pointer; background-color: black !important; } .tips-tricks-left { font-size: 27px; /* margin-top: -1px; margin-left: 4px;*/ display: inline-block; /*content: "\E76B";*/ vertical-align: middle; /*font-family: "MWF-MDL2";*/ left: 20% !important; z-index: 1001 !important; top: 45% !important; position: fixed !important; color: white !important; background-color: black !important; cursor: pointer; } .newsletter-subscription .news-letter-hero-btn { color: #0067B8; background: transparent !important; padding-left: 0; padding-right: 5px; text-transform: inherit !important; font-size: 15px; white-space: normal; text-align: left; } #all-tips .tipstricks-filter { background: #f2f2f2; color: #0067B8; float: inherit; border: 1px solid #0067B8; } .tips-current-position { color: white; z-index: 1000; font-weight: 600; font-size: 15px; text-align: center; background: #181818 } .tipsTricks-filter-container { text-align: center; padding-bottom: 15px; width: 100%; } .tipsTricks-filter-container::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; } .tipsTricks-filter-container::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; height: 6px; } .tipsTricks-filter-container::-webkit-scrollbar-thumb { background-color: #0067B8; } .windows #Feature-panel-1 { background: #e7cac3; } .windows #Feature-panel-2 { background: #d1e5d5; } .windows #Feature-panel-3 { background: #fdd9b9; } .windows #Feature-panel-1, .windows #Feature-panel-2, .windows #Feature-panel-3 { position: sticky; } .computers #Banner-panel, .computers #devices-mosaic { background: #f8efe0; } .windows .content-touts { margin-bottom: 48px; } .tips-overlay.c-dialog.f-lightbox [role="dialog"] { background: #181818 !important; } /*Accessibility fixes*/ #PostcardBlock-panel-3 a.c-hyperlink:not(.f-image) { color: #005da6; text-decoration: underline !important; } @media (prefers-contrast: more) { #view-all .c-checkbox input[type="checkbox"] + span:before { border: 1px solid transparent; box-shadow: none; } .ocid-postcard a.c-call-to-action.c-glyph, .pc-block a.c-hyperlink, #sticky-share .social-linked-icon a, #sticky-share .social-linked-icon a:before { border: none !important; outline: none !important; } .ocid-postcard a.c-call-to-action.c-glyph:focus, .pc-block a.c-hyperlink:focus, #sticky-share .social-linked-icon a:focus { border: 2px solid transparent !important; outline: 1px solid transparent !important; } #uhfLogo, #uhfLogo:after, #uhfCatLogo, #uhfCatLogo:after, .uhf-menu-item button, .uhf-menu-item a.c-uhf-nav-link, .c-uhf-menu button { outline: none; border: none !important; } .c-uhfh a:not(.x-hidden-focus):focus, .c-uhfh button:not(.x-hidden-focus):focus, .c-uhfh span:not(.x-hidden-focus):focus, .c-uhfh :not(.x-hidden-focus) a:focus, .c-uhfh :not(.x-hidden-focus) button:focus, .c-uhfh :not(.x-hidden-focus) span:focus, .c-uhfh .c-me .msame_Header:focus { outline: 1px dashed transparent !important; outline-offset: -1px; } a.c-call-to-action.c-glyph, a.c-hyperlink { border: none !important; outline: none !important; } a.c-call-to-action.c-glyph:focus, a.c-hyperlink:focus { outline: 2px dashed transparent !important; } a.c-call-to-action.c-glyph:hover span, a.c-hyperlink:hover span, a.c-call-to-action.c-glyph:focus span, a.c-hyperlink:focus span { text-decoration: underline !important; } nav.c-link-navigation li a.c-hyperlink.f-image { border: none; outline: none; } nav.c-link-navigation li a.c-hyperlink.f-image:focus { outline: 2px solid transparent !important; } .m-social.f-horizontal > a, .m-social.f-horizontal ul > li > a, .c-social.f-horizontal > a, .c-social.f-horizontal ul > li > a { border: none !important; outline: none !important; } .m-social > a:before, .m-social > ul > li > a:before, .c-social > a:before, .c-social > ul > li > a:before { border: none !important; } .m-social.f-horizontal > a:focus, .m-social.f-horizontal ul > li > a:focus, .c-social.f-horizontal > a:focus, .c-social.f-horizontal ul > li > a:focus, .m-social.f-horizontal > a:hover, .m-social.f-horizontal ul > li > a:hover, .c-social.f-horizontal > a:hover, .c-social.f-horizontal ul > li > a:hover { outline: 2px solid transparent !important; } nav.c-in-page-navigation a { border: none !important; } nav.c-in-page-navigation a:before { border: none !important; } nav.c-in-page-navigation a:focus { outline: 1px dashed transparent !important; } .stickyV2 .m-in-page-navigation nav.c-in-page-navigation > ul li > a.f-active { border-bottom: 3px solid #0078D7 !important; } [class^="m-"] button:not(.c-select-button):not(.c-sequence-indicator):hover:not(:disabled), [class^="m-"] button:not(.c-select-button):not(.c-sequence-indicator):active:not(:disabled), [class^="m-"] button:not(.c-select-button):not(.c-sequence-indicator):focus:not(:disabled), [class*=" m-"] button:not(.c-select-button):not(.c-sequence-indicator):hover:not(:disabled), [class*=" m-"] button:not(.c-select-button):not(.c-sequence-indicator):active:not(:disabled), [class*=" m-"] button:not(.c-select-button):not(.c-sequence-indicator):focus:not(:disabled), [class^="c-"] button:not(.c-select-button):not(.c-sequence-indicator):hover:not(:disabled), [class^="c-"] button:not(.c-select-button):not(.c-sequence-indicator):active:not(:disabled), [class^="c-"] button:not(.c-select-button):not(.c-sequence-indicator):focus:not(:disabled), [class*=" c-"] button:not(.c-select-button):not(.c-sequence-indicator):hover:not(:disabled), [class*=" c-"] button:not(.c-select-button):not(.c-sequence-indicator):active:not(:disabled), [class*=" c-"] button:not(.c-select-button):not(.c-sequence-indicator):focus:not(:disabled) { color: Highlight !important; } .sync-across-your-devices .c-pivot.center ul[role="tablist"] li:hover { color: transparent !important; -ms-high-contrast-adjust: inherit !important; } .sync-across-your-devices .drawer-panel .expand-collapse-toggle-area .c-action-trigger.active:hover { color: Highlight !important; background-color: transparent !important; } .sync-across-your-devices .drawer-panel .expand-collapse-toggle-area .c-action-trigger.active:focus { color: Highlight !important; } .sync-across-your-devices .drawer-panel .c-drawer button.c-glyph:focus:not(:disabled) { color: Highlight !important; background: none !important; } } @media screen and (-ms-high-contrast: active) { [class^="m-"] button:not(.c-select-button):not(.c-sequence-indicator):hover:not(:disabled), [class^="m-"] button:not(.c-select-button):not(.c-sequence-indicator):active:not(:disabled), [class^="m-"] button:not(.c-select-button):not(.c-sequence-indicator):focus:not(:disabled), [class*=" m-"] button:not(.c-select-button):not(.c-sequence-indicator):hover:not(:disabled), [class*=" m-"] button:not(.c-select-button):not(.c-sequence-indicator):active:not(:disabled), [class*=" m-"] button:not(.c-select-button):not(.c-sequence-indicator):focus:not(:disabled), [class^="c-"] button:not(.c-select-button):not(.c-sequence-indicator):hover:not(:disabled), [class^="c-"] button:not(.c-select-button):not(.c-sequence-indicator):active:not(:disabled), [class^="c-"] button:not(.c-select-button):not(.c-sequence-indicator):focus:not(:disabled), [class*=" c-"] button:not(.c-select-button):not(.c-sequence-indicator):hover:not(:disabled), [class*=" c-"] button:not(.c-select-button):not(.c-sequence-indicator):active:not(:disabled), [class*=" c-"] button:not(.c-select-button):not(.c-sequence-indicator):focus:not(:disabled) { color: Highlight !important; } } .animation-false .m-hero-item.inline-popup.mp4inline > div > div, .end-of-support #HeroItem-Win7 .m-hero-item > div > div { background: rgba(0,0,0,0.5); padding: 20px; border-radius: 8px; } @media only screen and (max-width: 1083px) { .postcard-right-video { padding: 5%; } } .postcard-right-video video { border-radius: 8px; } @media only screen and (max-width: 1083px) and (min-width: 480px) { .tips-tricks-right { left: 85% !important; } .tips-tricks-left { left: 7% !important; } [dir="rtl"] .tips-tricks-right { right: 85% !important; } [dir="rtl"] .tips-tricks-left { right: 7% !important; } } @media only screen and (max-width: 480px) and (min-width: 320px) { .tips-tricks-right { bottom: 5% !important; right: 36% !important; top: initial !important; left: initial !important; } .tips-tricks-left { bottom: 5% !important; left: 36% !important; top: initial !important; } } @media only screen and (max-width: 540px) and (min-width: 320px) { [dir="rtl"] .tips-tricks-right { bottom: 5% !important; left: 36% !important; top: initial !important; right: initial !important; } [dir="rtl"] .tips-tricks-left { bottom: 5% !important; right: 36% !important; top: initial !important; } } #all-tips button.c-button:before { border: none !important; } @media only screen and (min-width: 1650px) { .tipsTricks-filter-container { justify-content: center; } } @media only screen and (min-width: 1920px) { .windows #Feature-panel-1, .windows #Feature-panel-2, .windows #Feature-panel-3, .windows #Feature-panel-4 { max-width: 100%; } } .windows #content-placement-panel-1 picture, .accessibility-features .m-content-placement picture { padding-bottom: 100%; } .tipsTricks-filters-section .tipstricks-filter:hover, .tipstricks-loadmore:hover { box-shadow: none !important; } @media only screen and (min-width: 1366px) { .tipsTricks-filter-container { display: inline-flex; } } @media only screen and (max-width: 1366px) { .tipsTricks-filters-section .tipstricks-filter { max-width: 140px; } } @media only screen and (min-width: 930px) and (max-width: 1100px) { .tipsTricks-filter-container { padding-left: 6%; padding-right: 6%; } } @media only screen and (min-width: 700px) and (max-width: 929px) { .tipsTricks-filter-container { padding-left: 12%; padding-right: 12%; } } @media only screen and (min-width: 540px) and (max-width: 699px) { .tipsTricks-filter-container { padding-left: 14%; padding-right: 14%; } } .windows #Feature-panel-1, .windows #Feature-panel-2, .windows #Feature-panel-3, .windows #Feature-panel-4 { width: 100%; overflow: hidden; } .tipsTricks-filters-section .tipstricks-filter:hover, .tipstricks-loadmore:hover { text-decoration: underline !important; } .tipsTricks-filters-section { padding-bottom: 12px; } button.c-button.white-button.tipstricks-filter:focus { outline: 2px dashed #0067B8 !important; } /* Home page gray-home-button css */ @media screen and (max-width: 1083px) { .rounded-corners .c-button.f-primary.gray-home-button { background: #FFFFFF !important; } .c-button.f-primary.gray-home-button:hover, .c-button.f-primary.gray-home-button:focus { background: #FFFFFF !important; } } @media screen and (min-width: 1084px) { .rounded-corners .c-button.f-primary.gray-home-button { background: #e6e6e6 !important; } .c-button.f-primary.gray-home-button:hover, .c-button.f-primary.gray-home-button:focus { background: #e6e6e6 !important; } } .rounded-corners .c-button.f-primary.gray-home-button { border-radius: 6px !important; text-align: center !important; padding-top: 12px !important; padding-right: 28px !important; padding-bottom: 10px !important; padding-left: 28px !important; line-height: 1 !important; box-shadow: none !important; color: #005da6 !important; margin-top: 15px !important; white-space: normal !important; border: 2px solid #0067b8 !important; } .c-button.f-primary.gray-home-button:hover span, .c-button.f-primary.gray-home-button:focus span { color: #005da6 !important; box-shadow: 0 2px #005da6 !important; } .c-button.f-primary.gray-home-button span { color: #005da6 !important; } @media only screen and (min-width: 768px) and (max-width: 1083px) { .windows .Hero-Item-panel-2 .m-hero-item:before, .windows #Hero-Item-panel-3 .m-hero-item:before { padding-bottom: 55%; } .windows #Hero-Item-panel-1 .m-hero-item.f-transparent:before { padding-bottom: 66%; } .windows .Hero-Item-panel-2 .m-hero-item > div, .windows #Hero-Item-panel-3 .m-hero-item > div { padding-bottom: 48px; } } @media only screen and (min-width: 1084px) and (max-width: 1920px) { .windows-11 .bottom-padding { padding-bottom: 19%; } } .computers div#devices-mosaic .f-width-large div .c-group a { margin-right: 20px; } .windows #Hero-Item-panel-1 .m-hero-item > div > div .c-paragraph-3 { padding-right: 24px; } [dir="rtl"] .sync-across-your-devices .m-content-placement-item .c-hyperlink { margin-left: 0px !important; } .featurebox .m-feature > picture .videobutton { border: 1px solid #000 !important; } .windows .hero-item-copy-animation .gradient-effect.video-parallax-copy.context-accessory > div > div { top: calc(50%); min-width: auto; } .windows .hero-item-video .m-hero-item.f-y-center.f-transparent > div > div { top: calc(50%); max-width: 545px; } .windows-11-pc-gaming #gaming-pcs-1 > section > div > div > p > svg { fill: #fff; } .windows #content-placement-panel-1 .articletouts .m-content-placement-item, .windows #content-placement-panel-1 .articletouts .m-content-placement-item:hover { cursor: default; } .windows #content-placement-panel-1 .articletouts .m-content-placement-item[data-js-href]:hover picture img { opacity: 1; } @media screen and (max-width: 1083px) { .showinhigherVp { display: none !important; } .showinlowerVp { display: block !important; float: none; } .windows-11-pc-gaming #HeroItem-3 .videobutton.c-call-to-action.c-glyph.top-left, .videobutton.c-call-to-action.c-glyph.top-left:focus { left: 25px; top: 30px; border: 1px solid #000; } } @media screen and (min-width: 1084px) { .showinhigherVp { display: block !important; } .showinlowerVp { display: none !important; float: none; } .comprehensive-security .holiday-animated-hero .m-hero-item, .windows .Hero-Item-panel-2 .m-hero-item, .windows #Hero-Item-panel-3 .m-hero-item { height: 100vh; object-fit: cover; } .windows .Hero-Item-panel-2 .m-hero-item .mp4videoinline { position: relative; object-fit: fill; } .windows .Hero-Item-panel-2 .pin-spacer .m-hero-item picture > .mp4inline .mp4videoinline, .windows #Hero-Item-panel-3 .pin-spacer .m-hero-item picture > .mp4inline .mp4videoinline { width: 100%; border: none; height: 100vh; object-fit: fill; } .windows #Hero-Item-panel-3 .m-hero-item .mp4videoinline { object-fit: fill; height: 100vh; } .windows .Hero-Item-panel-2 .videobutton.c-call-to-action.c-glyph.top-left, .windows .Hero-Item-panel-2 .videobutton.c-call-to-action.c-glyph.top-left:focus, .windows #Hero-Item-panel-3 .videobutton.c-call-to-action.c-glyph.top-left, .windows #Hero-Item-panel-3 .videobutton.c-call-to-action.c-glyph.top-left:focus, .windows #Feature-panel-1 .videobutton.c-call-to-action.c-glyph.top-left, .windows #Feature-panel-1 .videobutton.c-call-to-action.c-glyph.top-left:focus, .windows #Feature-panel-2 .videobutton.c-call-to-action.c-glyph.top-left, .windows #Feature-panel-2 .videobutton.c-call-to-action.c-glyph.top-left:focus, .windows #Feature-panel-3 .videobutton.c-call-to-action.c-glyph.top-left, .windows #Feature-panel-3 .videobutton.c-call-to-action.c-glyph.top-left:focus { left: 40px; top: 50px; } } @media screen and (max-width: 1083px) { .windows .Hero-Item-panel-2 .videobutton.c-call-to-action.c-glyph.top-left, .windows .Hero-Item-panel-2 .videobutton.c-call-to-action.c-glyph.top-left:focus, .windows #Hero-Item-panel-3 .videobutton.c-call-to-action.c-glyph.top-left, .windows #Hero-Item-panel-3 .videobutton.c-call-to-action.c-glyph.top-left:focus, .windows #Feature-panel-1 .videobutton.c-call-to-action.c-glyph.top-left, .windows #Feature-panel-1 .videobutton.c-call-to-action.c-glyph.top-left:focus, .windows #Feature-panel-2 .videobutton.c-call-to-action.c-glyph.top-left, .windows #Feature-panel-2 .videobutton.c-call-to-action.c-glyph.top-left:focus, .windows #Feature-panel-3 .videobutton.c-call-to-action.c-glyph.top-left, .windows #Feature-panel-3 .videobutton.c-call-to-action.c-glyph.top-left:focus { left: 30px; top: 25px; } } /*EOS css starts*/ .end-of-support #show-more-faq-Win10 .mscom-link.c-call-to-action.c-glyph, .end-of-support #show-more-faq-Win8 .mscom-link.c-call-to-action.c-glyph, .end-of-support #show-more-faq-Win7 .mscom-link.c-call-to-action.c-glyph { background: none; color: #0067B8; border-color: transparent; border-width: 2px; padding: 10px 5px 7px; margin-left: 0; transition: none; } .withoutimage .m-content-placement-item picture { display: none; } .withoutimage picture + div { border: 2px solid #CCCCCC; padding: 30px 20px; box-shadow: 11.5px 16.4px 27px 0 rgb(63 79 91 / 0.8) !important; } .content-touts.withoutimage picture + div { text-align: left; } .content-touts.withoutimage:first-child picture + div { background: #0067b8; color: #ffffff !important; } .content-touts.withoutimage:first-child picture + div a { color: #ffffff !important; } .content-touts.withoutimage:last-child picture + div { background: #f7f7f7; color: #717171 !important; } .content-touts.withoutimage picture + div .toutheading { font-size: 34px; line-height: 40px; border-bottom: solid; } .m-panes picture { margin: 0 auto; } .m-panes img { width: 100%; max-width: 100%; max-height: 100%; object-fit: contain; } /*#panes-panel-Win8 .m-panes .f-align-middle picture{ height:435px; }*/ .m-panes .f-align-middle picture { width: 570px; } #new-panes-panel-Win8 .m-panes .f-align-middle picture, #panes-panel-Win7 .m-panes .f-align-middle picture { height: 570px; } .m-panes .f-stacked picture { width: 353px; } #new-panes-panel-Win8 .m-panes .f-stacked picture, #panes-panel-Win7 .m-panes .f-stacked picture { height: 353px; } .m-panes section.f-stacked:last-child > div { display: block !important; } .m-panes section.f-align-middle { padding-top: 10px !important; } .end-of-support .c-pivot.center ul[role='tablist'] li:focus { border: 2px solid #000 !important; padding-left: 3px; padding-right: 3px; text-decoration: underline; text-decoration-color: #0078D4; text-decoration-thickness: 2px; text-underline-offset: 10px; } @media only screen and (max-width: 540px) { #panes-panel-Win8 .m-panes .f-align-middle picture, #panes-panel-Win8-t1-with-ocid .m-panes .f-align-middle picture, #panes-panel-Win8-t2-with-ocid .m-panes .f-align-middle picture, #panes-panel-Win8-t3-with-ocid .m-panes .f-align-middle picture { height: 350px; } #panes-panel-Win8 .m-panes .f-stacked picture, #panes-panel-Win8-t3-with-ocid .m-panes .f-stacked picture { width: 100%; height: 330px; } #panes-panel-Win8-t1-with-ocid .m-panes .f-stacked picture, #panes-panel-Win8-t2-with-ocid .m-panes .f-stacked picture { height: 225px; width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 900px) { #panes-panel-Win8 .m-panes .f-stacked picture, #panes-panel-Win8-t1-with-ocid .m-panes .f-stacked picture, #panes-panel-Win8-t2-with-ocid .m-panes .f-stacked picture, #panes-panel-Win8-t3-with-ocid .m-panes .f-stacked picture { width: 100%; height: 260px; } } @media only screen and (min-width: 901px) and (max-width: 1083px) { #panes-panel-Win8 .m-panes .f-stacked picture, #panes-panel-Win8-t1-with-ocid .m-panes .f-stacked picture, #panes-panel-Win8-t2-with-ocid .m-panes .f-stacked picture, #panes-panel-Win8-t3-with-ocid .m-panes .f-stacked picture { width: 100%; height: 300px; } } @media only screen and (min-width: 960px) and (max-width: 1083px) { #panes-panel-Win8 .m-panes .f-align-middle picture, #panes-panel-Win8-t1-with-ocid .m-panes .f-align-middle picture, #panes-panel-Win8-t2-with-ocid .m-panes .f-align-middle picture, #panes-panel-Win8-t3-with-ocid .m-panes .f-align-middle picture { height: 520px; } } @media only screen and (max-width: 1083px) { .m-panes .f-align-middle picture, .m-panes .f-stacked picture { width: 100%; height: 100%; } } @media only screen and (min-width: 541px) and (max-width: 767px) { #panes-panel-Win8 .m-panes .f-align-middle picture, #panes-panel-Win8-t3-with-ocid .m-panes .f-align-middle picture { height: 335px; } #panes-panel-Win8-t1-with-ocid .m-panes .f-align-middle picture, #panes-panel-Win8-t2-with-ocid .m-panes .f-align-middle picture { height: 300px; } #panes-panel-Win8 .m-panes .f-stacked picture, #panes-panel-Win8-t3-with-ocid .m-panes .f-stacked picture { width: 100%; height: 250px; } #panes-panel-Win8-t1-with-ocid .m-panes .f-stacked picture, #panes-panel-Win8-t2-with-ocid .m-panes .f-stacked picture { width: 100%; height: 200px; } #new-panes-panel-Win8 .m-panes .f-stacked picture, #panes-panel-Win7 .m-panes .f-stacked picture { height: 225px; } } @media only screen and (min-width: 1084px) and (max-width: 1280px) { /*#panes-panel-Win8 .m-panes .f-align-middle picture { height: 420px; }*/ #panes-panel-Win8 .m-panes .f-stacked picture, #panes-panel-Win8-t1-with-ocid .m-panes .f-stacked picture, #panes-panel-Win8-t2-with-ocid .m-panes .f-stacked picture, #panes-panel-Win8-t3-with-ocid .m-panes .f-stacked picture { height: 275px; } } .end-of-support section.m-content-placement-item { cursor: default !important; } .end-of-support #content-placement-win7 .articletouts .toutheading.c-heading-4 { min-height: 162px; } .end-of-support #content-placement-win7 .articletouts .toutpara.c-paragraph-4 { min-height: 172px; } .end-of-support .drawer-panel ul { margin-left: 2%; } .end-of-support .drawer-panel ul li ul { margin-left: 3%; } .end-of-support .drawer-panel ul li { list-style: disc; } .end-of-support .drawer-panel ul li ul li { list-style: circle; } .end-of-support #NewFeatureGroupId .m-feature-group { margin-top: 0px; background: #f4f2f2; } .end-of-support #NewFeatureGroupId .m-feature-group .m-feature .c-group a { color: #0067b8; } .end-of-support #NewFeatureGroupId .m-feature-group .m-area-heading { padding-bottom: 10px; padding-top: 20px } .end-of-support #show-more-faq-Win10 .drawer-panel .spaceforpcls, .end-of-support #show-more-faq-Win8 .drawer-panel .spaceforpcls, .end-of-support #show-more-faq-Win7 .drawer-panel .spaceforpcls { padding-top: 10px; } @media only screen and (max-width: 1083px) { .end-of-support #HeroItem-Win7 .m-hero-item { background-color: #333 !important; padding: 0px !important; } .end-of-support #HeroItem-Win10 .m-hero-item, .end-of-support #HeroItem-Win8 .m-hero-item { padding: 0px !important; } .end-of-support #HeroItem-Win10 .m-hero-item:before, .end-of-support #HeroItem-Win8 .m-hero-item:before, .end-of-support #HeroItem-Win7 .m-hero-item:before { padding-bottom: 0% !important; } .end-of-support #HeroItem-Win10 .m-hero-item > picture, .end-of-support #HeroItem-Win8 .m-hero-item > picture, .end-of-support #HeroItem-Win7 .m-hero-item > picture { position: relative; top: 0; } .end-of-support #HeroItem-Win10 .m-hero-item > picture > img, .end-of-support #HeroItem-Win8 .m-hero-item > picture > img, .end-of-support #HeroItem-Win7 .m-hero-item > picture > img { position: relative; top: 0; transform: none; left: 0; } .end-of-support #HeroItem-Win10 .m-hero-item > div, .end-of-support #HeroItem-Win8 .m-hero-item > div, .end-of-support #HeroItem-Win7 .m-hero-item > div { width: 90%; height: fit-content !important; position: relative; padding-top: 50px !important; padding-bottom: 50px !important; } .end-of-support #HeroItem-Win10 .m-hero-item > div > div, .end-of-support #HeroItem-Win8 .m-hero-item > div > div, .end-of-support #HeroItem-Win7 .m-hero-item > div > div { height: fit-content !important; padding: 48px 10px; transform: none; top: 0; position: relative; width: 100%; max-width: 100%; } .end-of-support #NewFeatureGroupId .m-feature-group .c-feature > div, .end-of-support #NewFeatureGroupId .m-feature-group .m-feature > div { padding-bottom: 28px !important; } } @media only screen and (max-width: 1083.98px) { .end-of-support #HeroItem-Win7 .m-hero-item { background-color: #333 !important; padding: 0px !important; } .end-of-support #HeroItem-Win10 .m-hero-item, .end-of-support #HeroItem-Win8 .m-hero-item { padding: 0px !important; } .end-of-support #HeroItem-Win10 .m-hero-item:before, .end-of-support #HeroItem-Win8 .m-hero-item:before, .end-of-support #HeroItem-Win7 .m-hero-item:before { padding-bottom: 0% !important; } .end-of-support #HeroItem-Win10 .m-hero-item > picture, .end-of-support #HeroItem-Win8 .m-hero-item > picture, .end-of-support #HeroItem-Win7 .m-hero-item > picture { position: relative; top: 0; } .end-of-support #HeroItem-Win10 .m-hero-item > picture > img, .end-of-support #HeroItem-Win8 .m-hero-item > picture > img, .end-of-support #HeroItem-Win7 .m-hero-item > picture > img { position: relative; top: 0; transform: none; left: 0; } .end-of-support #HeroItem-Win10 .m-hero-item > div, .end-of-support #HeroItem-Win8 .m-hero-item > div, .end-of-support #HeroItem-Win7 .m-hero-item > div { width: 90%; height: fit-content !important; position: relative; padding-top: 50px !important; padding-bottom: 50px !important; } .end-of-support #HeroItem-Win10 .m-hero-item > div > div, .end-of-support #HeroItem-Win8 .m-hero-item > div > div, .end-of-support #HeroItem-Win7 .m-hero-item > div > div { height: fit-content !important; padding: 48px 10px; transform: none; top: 0; position: relative; width: 100%; max-width: 100%; } .end-of-support #NewFeatureGroupId .m-feature-group .c-feature > div, .end-of-support #NewFeatureGroupId .m-feature-group .m-feature > div { padding-bottom: 28px !important; } } .end-of-support #NewFeatureGroupId .m-feature-group .m-feature, .end-of-support #NewFeatureGroupId .m-feature-group .m-feature > picture { position: relative; } .end-of-support #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton, .end-of-support #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton:focus { border: 1px solid #FFFFFF; } .end-of-support #PivotTarget2 #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton, .end-of-support #PivotTarget2 #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton:focus { border: 1px solid #000; } .end-of-support #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton.c-call-to-action.c-glyph.bottom-right, .end-of-support #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton.c-call-to-action.c-glyph.bottom-right:focus { right: 30px; bottom: 25px; } .end-of-support #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton.c-call-to-action.c-glyph.top-right, .end-of-support #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton.c-call-to-action.c-glyph.top-right:focus { right: 30px; top: 25px; } .end-of-support #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton.c-call-to-action.c-glyph.bottom-left, .end-of-support #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton.c-call-to-action.c-glyph.bottom-left:focus { left: 30px; bottom: 25px; } .end-of-support #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton.c-call-to-action.c-glyph.top-left, .end-of-support #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton.c-call-to-action.c-glyph.top-left:focus { left: 30px; top: 25px; } .end-of-support #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton.c-call-to-action.c-glyph:before { color: #FFFFFF !important; } .end-of-support #PivotTarget2 #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton.c-call-to-action.c-glyph:before { color: #000 !important; } .end-of-support .hatch-button.rounded-corners { border-radius: 6px; font-size: 15px; } @media only screen and (min-width: 768px) and (max-width: 1083px) { .end-of-support a.hatch-button.cta { font-weight: 600; } } .end-of-support #windowsTransfer .m-feature > picture .videobutton.c-call-to-action.c-glyph.bottom-right { right: 30px; bottom: 25px; } .end-of-support #windowsTransfer .m-feature > picture .videobutton.c-call-to-action.c-glyph.bottom-left { left: 30px; bottom: 25px; } .end-of-support #panes-panel-Win8 .f-align-middle .deviceBadge, .end-of-support #panes-panel-Win8-t1-with-ocid .f-align-middle .deviceBadge, .end-of-support #panes-panel-Win8-t2-with-ocid .f-align-middle .deviceBadge, .end-of-support #panes-panel-Win8-t3-with-ocid .f-align-middle .deviceBadge { justify-content: center; } @media only screen and (max-width: 1422px) { .end-of-support #panes-panel-Win8 .deviceBadge, .end-of-support #panes-panel-Win8-t1-with-ocid .deviceBadge, .end-of-support #panes-panel-Win8-t2-with-ocid .deviceBadge, .end-of-support #panes-panel-Win8-t3-with-ocid .deviceBadge { justify-content: center; } } .end-of-support #panes-panel-Win8 .c-badge.f-highlight, .end-of-support #panes-panel-Win8-t1-with-ocid .c-badge.f-highlight, .end-of-support #panes-panel-Win8-t2-with-ocid .c-badge.f-highlight, .end-of-support #panes-panel-Win8-t3-with-ocid .c-badge.f-highlight { border-radius: 4px; } .end-of-support .deviceBadge .badge-tooltip:hover + span { display: block; } .end-of-support #panes-panel-Win8 .tooltipInfoCopy span.c-tooltip, .end-of-support #panes-panel-Win8-t1-with-ocid .tooltipInfoCopy span.c-tooltip, .end-of-support #panes-panel-Win8-t2-with-ocid .tooltipInfoCopy span.c-tooltip, .end-of-support #panes-panel-Win8-t3-with-ocid .tooltipInfoCopy span.c-tooltip { position: absolute; left: -180px !important; top: 20px !important; border-radius: 8px; width: 200px; text-align: left; } .end-of-support #panes-panel-Win8 .tooltipInfoCopy span.c-tooltip:hover, .end-of-support #panes-panel-Win8-t1-with-ocid .tooltipInfoCopy span.c-tooltip:hover, .end-of-support #panes-panel-Win8-t2-with-ocid .tooltipInfoCopy span.c-tooltip:hover, .end-of-support #panes-panel-Win8-t3-with-ocid .tooltipInfoCopy span.c-tooltip:hover { display: block !important; } .end-of-support .f-align-middle .hatch-button.rounded-corners { margin-top: 3%; } .end-of-support .f-stacked .hatch-button.rounded-corners { margin-top: 5%; } [dir="rtl"] .end-of-support #content-placement-win7 .articletouts .m-content-placement-item .c-group { text-align: right; } .end-of-support .show-more-faq-Win7-description { margin: 15px 10px 0px; } [dir="rtl"] .end-of-support .content-touts.withoutimage picture + div { text-align: right; } [dir="rtl"] .end-of-support #show-more-faq-Win7 div.c-drawer-panel, [dir="rtl"] .end-of-support #show-more-faq-Win8 div.c-drawer-panel { margin-right: 15px; } [dir="rtl"] .end-of-support #show-more-faq-Win7 .drawer-panel ul, [dir="rtl"] .end-of-support #show-more-faq-Win8 .drawer-panel ul { margin-right: 2%; } .end-of-support .deviceBadge .c-badge.f-small { white-space: normal; height: auto; text-overflow: initial; } .end-of-support section.m-content-placement-item { cursor: default !important; overflow-wrap: break-word; } @media only screen and (max-width: 767px) { .end-of-support #Hero-Item-panel-3 .m-hero-item > div { min-height: 390px !important; max-height: 450px !important; margin-top: 10px; } } @media only screen and (max-width: 540px) { .end-of-support #Hero-Item-panel-3 .m-hero-item > div { min-height: 450px !important; max-height: 500px !important; margin-top: 10px; } } @media only screen and (max-width: 367px) { .end-of-support #Hero-Item-panel-3 .m-hero-item > div { min-height: 490px !important; max-height: 520px !important; margin-top: 10px; } } .end-of-support #show-more-faq-Win10 .mscom-link.c-call-to-action.c-glyph, .end-of-support #show-more-faq-Win8 .mscom-link.c-call-to-action.c-glyph, .end-of-support #show-more-faq-Win7 .mscom-link.c-call-to-action.c-glyph { white-space: initial; } @media only screen and (max-width: 1399px) { .end-of-support #HeroItem-Win8 .m-hero-item > div > div, .c-hero > div > div { max-width: 410px; } .end-of-support #HeroItem-Win8 .context-accessory.m-hero-item > div > div { max-width: 100%; } } @media only screen and (min-width: 1084px) { .end-of-support #NewFeatureGroupId .m-feature.f-align-right.f-image-priority > div { top: 45%; width: 36%; } .end-of-support #NewFeatureGroupId .m-feature.f-align-left.f-image-priority > div { top: 45%; width: 36%; } .end-of-support #HeroItem-Win8 .context-accessory.m-hero-item > div > div { max-width: 410px; } } .end-of-support .deviceBadge .tooltipInfoCopy img { width: unset; max-width: unset; } .end-of-support #content-placement-win7 .c-group { min-height: 44px; } .end-of-support div#NewFeatureGroupId { margin-top: 3%; } @media screen and (min-width: 767px) and (max-width: 1083px) { [dir="rtl"] .end-of-support #NewFeatureGroupId .m-feature.f-align-right.f-image-priority > div { right: 0%; } .end-of-support #HeroItem-Win8 .m-hero-item:before { padding-bottom: 55.875%; } .end-of-support #HeroItem-Win8 .m-hero-item > div { padding-bottom: 50px; } } .end-of-support #content-placement-win7 .articletouts .m-content-placement-item .c-group { margin-top: 20px; } /*EOS css ends*/ .nondefault { display: none !important; } @media screen and (max-width: 474px) { [lang='en-us'] .computers #Multihero-panel-1 .m-hero-item > div { height: 400px !important; } } @media only screen and (min-width: 1650px) { .windows #Feature-panel-1, .windows #Feature-panel-2, .windows #Feature-panel-3 { max-width: calc(100%); } } @media only screen and (min-width: 1084px) { .windows #Hero-Item-panel-4 .m-hero-item > div > div, .windows-11-pc-gaming #HeroItem-2 .m-hero-item > div > div { top: calc(45%) !important; } } .windows #content-placement-panel-1 .articletouts .m-content-placement-item .c-group > .c-call-to-action { text-align: center; } @media only screen and (min-width: 1083px) and (max-width: 1600px) { [lang='fr-fr'] .computers .devices-mosaic .mosaic-white-button, [lang='fr-ca'] .computers .devices-mosaic .mosaic-white-button { font-size: 12px; } } @media only screen and (min-width: 540px) and (max-width: 801px) { [lang='fr-fr'] .computers .devices-mosaic .mosaic-white-button, [lang='ja-jp'] .computers .devices-mosaic .mosaic-white-button, [lang='fr-ca'] .computers .devices-mosaic .mosaic-white-button { font-size: 12px; } } /*pc-gaming text issues*/ @media only screen and (max-width: 1399px) { .windows-11-pc-gaming #games-hero .m-hero-item > div > div { max-width: 420px; } } @media only screen and (min-width: 1084px) and (max-width: 1200px) { .windows-11-pc-gaming #HeroItem-2 .m-hero-item > div > div { max-width: 360px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .windows-11-pc-gaming #HeroItem-2 .m-hero-item > div > div { max-width: 410px; } } /*pc-gaming text issues -end*/ .forwin11.without-ocid.nondefault { display: none !important; } [dir="rtl"] .windows #Hero-Item-panel-1 .m-hero-item > div > div .c-paragraph-3 { padding-right: 0px; } [dir="rtl"] .windows #Feature-panel-1 .videobutton.c-call-to-action.c-glyph.top-right, [dir="rtl"] #Feature-panel-1 .windows .videobutton.c-call-to-action.c-glyphtop-right:focus, [dir="rtl"] .windows #Feature-panel-2 .videobutton.c-call-to-action.c-glyph.top-right, [dir="rtl"] #Feature-panel-2 .windows .videobutton.c-call-to-action.c-glyphtop-right:focus, [dir="rtl"] .windows #Feature-panel-3 .videobutton.c-call-to-action.c-glyph.top-right, [dir="rtl"] #Feature-panel-3 .windows .videobutton.c-call-to-action.c-glyphtop-right:focus { right: 40px; top: 30px; } @media only screen and (max-width: 768px) { .windows #Hero-Item-panel-4 .m-hero-item > div > div .c-group .rounded-corners .c-button.f-primary.blue-button { margin-right: 15px; } } @media only screen and (min-width: 1084px) { .windows #Hero-Item-panel-4 .m-hero-item > div > div { max-width: 345px; } } @media only screen and (min-width: 768px) { .windows #Hero-Item-panel-4 .m-hero-item .blue-button { margin-right: 0px !important; } } @media screen and (max-width: 961px) and (min-width: 959px) { .tips-overlay [role="dialog"] .m-content-placement-item h3 { font-size: 20px; line-height: 20px; } div#default-lightbox .m-content-placement-item > div { padding: 10px; } .tips-overlay [role="dialog"] .m-content-placement-item p.c-paragraph-1 { padding: 10px 0 4px; font-size: 16px; line-height: 18px; } .tips-overlay [role="dialog"] .m-content-placement-item .c-group > a.c-call-to-action { font-size: 10px; padding: 7px 3px 5px 0; line-height: 1; } .tips-overlay [role="dialog"] .m-content-placement-item .c-group > a.c-call-to-action:not(.glyph-play):after { font-size: 10px; margin: 0px !important; } } #games-hero .m-hero-item.f-transparent:before, .windows-11 .holiday-animated-hero .m-hero-item.f-transparent:before, .comprehensive-security .holiday-animated-hero .m-hero-item.f-transparent:before, .windows .holiday-animated-hero .m-hero-item.f-transparent:before { padding-bottom: 62.5%; } @media screen and (max-width: 767px) { .windows #Hero-Item-panel-4 .m-hero-item > div, .c-hero > div { height: 400px !important; } } @media screen and (max-width: 330px) and (min-width: 310px) { a.c-call-to-action:not(.glyph-play):after { margin: 0px !important; } .c-dialog.tips-overlay [role="dialog"] { min-width: 200px; } .tips-overlay.c-dialog iframe { min-height: 110px !important; } .tips-overlay [role="dialog"] .m-content-placement-item h3 { font-size: 7px; line-height: 10px; } div#default-lightbox .m-content-placement-item > div { padding: 5px !important; } .tips-overlay svg { margin-left: 2px; width: 9px !important; } .tips-overlay [role="dialog"] .m-content-placement-item p.c-paragraph-1 { padding: 3px 0 0px; font-size: 6px; line-height: 9px; } .tips-overlay [role="dialog"] .m-content-placement-item .c-group > a.c-call-to-action { font-size: 5px; padding: 2px; line-height: 1; } .tips-overlay [role="dialog"] .m-content-placement-item .c-group > a.c-call-to-action:not(.glyph-play):after { font-size: 5px; } .tips-current-position { font-size: 6px; } .featured-single-card picture + div > div.c-group { padding: 5px; } #all-tips a { bottom: 12px; } #all-tips .c-badge { margin-top: 0px !important; } .featured-single-card picture + div { padding: 5px 5px !important; } .tipsRedesign h3.c-heading-4 { font-size: 18px; } #all-tips a span { font-size: 18px; } } #show-more-faq-Win8 a.c-hyperlink, #show-more-faq-Win7 a.c-hyperlink { text-decoration: underline; } #show-more-faq-Win8 a.c-hyperlink:focus, #show-more-faq-Win7 a.c-hyperlink:focus { text-decoration: none; } #show-more-faq-Win7 .show-more-faq-Win7-description a.c-hyperlink:focus { line-height: 31px; } .end-of-support #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton:focus { border-color: none; border: none; outline: 2px dashed #FFF !important; } .end-of-support #PivotTarget2 #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton:focus { outline: 2px dashed #000 !important; } @media (prefers-contrast: more) { .end-of-support button#chatButtonWin8:focus, .end-of-support button#chatButtonWin8:hover, .end-of-support button#chatButtonWin7:focus, .end-of-support button#chatButtonWin7:hover { outline: 2px transparent dashed !important; } .c-pivot.center ul[role="tablist"] li { border: none !important; outline: none !important; } .c-pivot.center ul[role="tablist"] li.f-active:focus { outline: 2px dashed transparent !important; } .drawer-panel p.expand-collapse-toggle-area button.c-action-trigger { border: none; } .drawer-panel p.expand-collapse-toggle-area button.c-action-trigger.active { border: 1px solid transparent; } .drawer-panel p.expand-collapse-toggle-area button.c-action-trigger.active:focus { outline: 1px dashed transparent; } .drawer-panel .c-drawer .c-glyph { border: none; outline: none; } .drawer-panel .c-drawer .c-glyph:focus { outline: 1px solid transparent; } } body a.m-back-to-top[aria-disabled=false]:focus:after { content: attr(data-aria-label); position: fixed; width: auto; bottom: -9px; right: 66px; z-index: 500; visibility: visible; padding: 2px 5px; margin: 10px; background: rgba(0,0,0,.1); border: 1px solid rgba(255,255,255,.5) !important; } .postcard-article #sticky-share .social-linked-icon.Twitter a:focus:after { content: attr(data-aria-label); position: fixed; font-size: 11px; width: auto; bottom: 42%; left: 59px; z-index: 500; visibility: visible; padding: 2px 5px; margin: 10px; background: #FFF; border: 1px solid rgba(255,255,255,.5) !important; } .postcard-article #sticky-share .social-linked-icon.Facebook a:focus:after { content: attr(data-aria-label); position: fixed; font-size: 11px; width: auto; bottom: 49%; left: 59px; z-index: 500; visibility: visible; padding: 2px 5px; margin: 10px; background: #FFF; border: 1px solid rgba(255,255,255,.5) !important; } .postcard-article #sticky-share .social-linked-icon.Pinterest a:focus:after { content: attr(data-aria-label); position: fixed; font-size: 11px; width: auto; bottom: 35%; left: 59px; z-index: 500; visibility: visible; padding: 2px 5px; margin: 10px; background: #FFF; border: 1px solid rgba(255,255,255,.5) !important; } @media only screen and (min-width: 1084px) { #win8_app_omc_win_t3_feature_id .m-feature.f-align-left.f-image-priority > div { width: 50%; } #win8_app_omc_win_t3_feature_id .m-feature.f-align-left.f-image-priority picture { width: 50%; } } /*EOS chat css starts*/ .eos_sidebar { position: relative; color: rgb(233, 233, 233); width: 100%; height: 100%; z-index: 99; } .eos_iframe { z-index: 99; } .eos_iframe iframe { background: #fff; border: none; width: 0; height: 0; display: flex; flex-direction: column-reverse; z-index: 999; position: fixed !important; overflow: auto; } .eos_sidebar button { position: fixed !important; bottom: 0px; right: 0px; } /*EOS chat css ends*/ /*Getting started css start*/ .getting-started .hero-quicklinks.c-call-to-action.c-glyph::after { display: none !important; } .getting-started .hero-quicklinks.c-call-to-action.c-glyph { background-color: transparent !important; padding: 8px 20px 4px 22px !important; } [lang="fr-fr"] .getting-started .hero-quicklinks.c-call-to-action.c-glyph, [lang="fr-ca"] .getting-started .hero-quicklinks.c-call-to-action.c-glyph { padding: 8px 8px 2px 8px !important; } .getting-started .hero-quicklinks.c-call-to-action.c-glyph:nth-child(2n+1) { margin-right: 10px; } .getting-started .hero-quicklinks.c-call-to-action.c-glyph:nth-child(-n+2) { margin-bottom: 5px; } .getting-started .hero-quicklinks span { font-size: 15px; } [lang="fr-fr"] .getting-started .hero-quicklinks span, [lang="fr-ca"] .getting-started .hero-quicklinks span { font-size: 12px; } .getting-started .forwin10 .hero-quicklinks { color: white !important; border: 1px solid #fff !important; } .getting-started .forwin11 .hero-quicklinks { color: #0067b8 !important; border: 1px solid #0067b8 !important; } @media (min-width: 1083px) { .getting-started .hero-quicklinks { width: 45% !important; } [lang="fr-fr"] .getting-started .hero-quicklinks, [lang="fr-ca"] .getting-started .hero-quicklinks { width: 48% !important; margin-right: 0px !important; } } @media screen and (min-width: 768px) and (max-width: 1083px) { .getting-started .hero-quicklinks.c-call-to-action.c-glyph { width: 40% !important; } .getting-started .hero-quicklinks { max-width: 400px; } [lang="fr-ca"] .getting-started .hero-quicklinks, [lang="fr-fr"] .getting-started .hero-quicklinks { max-width: 500px; } .getting-started .hero-quicklinks.c-call-to-action.c-glyph:nth-child(2n+1) { margin-right: 0px; } .getting-started .hero-quicklinks.c-call-to-action.c-glyph:nth-child(-n+2) { margin-bottom: 5px; } [lang="fr-fr"] .getting-started .hero-quicklinks span, [lang="fr-ca"] .getting-started .hero-quicklinks span { font-size: 10px; } } @media screen and (min-width: 541px) and (max-width: 767px) { .getting-started .hero-quicklinks { margin-top: 10px !important; } .getting-started .hero-quicklinks.c-call-to-action.c-glyph { width: 40% !important; } [lang="fr-fr"] .getting-started .hero-quicklinks.c-call-to-action.c-glyph, [lang="fr-ca"] .getting-started .hero-quicklinks.c-call-to-action.c-glyph { width: 47% !important; } .getting-started .hero-quicklinks span { font-size: 12px; } [lang="fr-fr"] .getting-started .hero-quicklinks span, [lang="fr-ca"] .getting-started .hero-quicklinks span { font-size: 10px; } } @media(max-width: 540px) { .getting-started .hero-quicklinks.c-call-to-action.c-glyph { width: 47% !important; } .getting-started .hero-quicklinks.c-call-to-action.c-glyph { padding: 8px 0px 4px !important; } .getting-started .hero-quicklinks a.c-call-to-action:after { margin-top: 12px !important; } .getting-started .hero-quicklinks span { font-size: 12px; } [lang="fr-fr"] .getting-started .hero-quicklinks span, [lang="fr-ca"] .getting-started .hero-quicklinks span { font-size: 8px; } [lang="fr-fr"] .getting-started .hero-quicklinks.c-call-to-action.c-glyph, [lang="fr-ca"] .getting-started .hero-quicklinks.c-call-to-action.c-glyph { padding: 2px 8px !important; } [lang="pl-pl"] .computers .m-hero-item .c-heading-3.f-lean { font-size: 22px; line-height: 28px; } [lang="pl-pl"] .computers .m-hero-item p.c-paragraph-3 { font-size: 14px; } } @media screen and (min-width: 1083px) and (max-width: 1399px) { [lang="ja-jp"] .getting-started .hero-quicklinks span, [lang="de-de"] .getting-started .hero-quicklinks span { font-size: 12px; } [lang="fr-fr"] .getting-started .hero-quicklinks span, [lang="fr-ca"] .getting-started .hero-quicklinks span { font-size: 10px; } } /*Getting started css ends*/ @media only screen and (min-width: 1083px) { [dir="rtl"] .tips-tricks-left { right: 20% !important; } [dir="rtl"] .tips-tricks-right { right: 76% !important; } } a.m-back-to-top, a.c-back-to-top { background-color: #D9D9D9 !important; } #default-lightbox .m-content-placement-item > div > p { padding: 15px 0 4px; } @media only screen and (min-width: 700px) and (max-width: 1083px) { div#default-lightbox .m-content-placement-item > div > h3 { font-size: 18px; line-height: 24px; } #default-lightbox .m-content-placement-item > div > p { line-height: 20px; } div#default-lightbox .m-content-placement-item > div { padding: 30px; } } @media only screen and (min-width: 1429px) and (max-width: 1650px) { div#default-lightbox .m-content-placement-item > div > h3 { font-size: 30px; line-height: 42px; } #default-lightbox .m-content-placement-item > div > p { line-height: 26px; } } @media only screen and (min-width: 1650px) { div#default-lightbox .m-content-placement-item > div > h3 { font-size: 34px; line-height: 46px; } #default-lightbox .m-content-placement-item > div > p { line-height: 26px; } } @media screen and (max-width: 400px) { [lang='de-at'] .tips-overlay[role="dialog"] .m-content-placement-item h3, [lang='de-ch'] .tips-overlay [role="dialog"] .m-content-placement-item h3, [lang='de-de'] .tips-overlay [role="dialog"] .m-content-placement-item h3, [lang='el-gr'] .tips-overlay [role="dialog"] .m-content-placement-item h3, [lang='bg-bg'] .tips-overlay [role="dialog"] .m-content-placement-item h3 { font-size: 20px; line-height: 20px; } [lang='de-at'] .tips-overlay[role="dialog"] .m-content-placement-item p, [lang='de-ch'] .tips-overlay[role="dialog"] .m-content-placement-item p, [lang='de-de'] .tips-overlay[role="dialog"] .m-content-placement-item p, [lang='el-gr'] .tips-overlay[role="dialog"] .m-content-placement-item p, [lang='bg-bg'] .tips-overlay[role="dialog"] .m-content-placement-item p { font-size: 15px; line-height: 20px; } [lang='el-gr'] .tips-overlay[role="dialog"] .m-content-placement-item p, [lang='bg-bg'] .tips-overlay[role="dialog"] .m-content-placement-item p { padding: 3px 0 0 0; } [lang='el-gr'] .tips-overlay [role="dialog"] .m-content-placement-item div, [lang='bg-bg'] .tips-overlay [role="dialog"] .m-content-placement-item div { padding-top: 5px; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center [role="tablist"] [role="tab"], #windowsh22.get-windows-11 .c-pivot.center [role="tablist"] [role="tab"] { padding: 10px; } } /*EOS Glyph css starts*/ .end-of-support .deviceCtaSection .tooltipInfoCopyGlyphinfo img, .end-of-support .glyphiconFeaturectasection .tooltipforFeaturePanelGlyphinfo img { width: 22px; } .end-of-support .f-align-middle .tooltipInfoCopyGlyphinfo, .end-of-support .f-stacked .tooltipInfoCopyGlyphinfo { position: relative; /*padding: 10px 3px 7px 0; */ padding-top: 5px; } .tooltipInfoCopyGlyphinfo span.c-tooltip:hover { display: block !important; } .deviceCtaSection .badge-tooltip:hover + span { display: block; } .deviceCtaSection { display: flex; align-items: center; justify-content: center; } .end-of-support .f-align-middle .tooltipInfoCopyGlyphinfo span.c-tooltip, .end-of-support .f-stacked .tooltipInfoCopyGlyphinfo span.c-tooltip { position: absolute; left: -180px !important; top: 32px !important; border-radius: 8px; width: 200px; text-align: left; } .end-of-support #HeroItem-Win10 .m-hero-item .c-group > .c-call-to-action + .c-call-to-action { padding: 10px 3px 7px 0; } @media only screen and (min-width: 1400px) { .end-of-support .f-stacked .deviceCtaSection { align-items: center; justify-content: flex-start; } .end-of-support .f-stacked .deviceCtaSection a { text-align: left; } .end-of-support .deviceCtaSection { justify-content: center; } } /*EOS Glyph css ends*/ /* EOS Trade panel Glyph starts*/ .end-of-support .glyphiconFeaturectasection .tooltipforFeaturePanelGlyphinfo { position: relative; padding: 6px 3px 7px 0; } .end-of-support .tooltipforFeaturePanelGlyphinfo span.c-tooltip:hover, .end-of-support .glyphiconFeaturectasection .badge-tooltip:hover + span { display: block !important; } .end-of-support .glyphiconFeaturectasection { display: flex !important; } @media only screen and (max-width: 1083px) { .end-of-support .glyphiconFeaturectasection { align-items: center; justify-content: center; } .end-of-support .glyphiconFeaturectasection .tooltipforFeaturePanelGlyphinfo { padding: 0px 3px 7px 0; } } .end-of-support .glyphiconFeaturectasection .tooltipforFeaturePanelGlyphinfo span.c-tooltip { position: absolute; left: -180px !important; top: 26px !important; border-radius: 8px; width: 200px; text-align: left; } @media only screen and (min-width: 1083px) { .end-of-support .glyphiconFeaturectasection .tooltipforFeaturePanelGlyphinfo span.c-tooltip { top: 30px !important; } } /* EOS Trade panel Glyph ends */ .image-priority-accolate .m-feature button.videobutton:focus { outline: 2px dashed #000 !important; } @media only screen and (min-width: 768px) and (max-width: 1083px) { .windows #Hero-Item-panel-3 section div div { display: none; } } @media only screen and (max-width: 767px) { .windows #Hero-Item-panel-3 section > div { display: none; } .windows #Hero-Item-panel-3 #grad-v2:before { padding-bottom: 56.25% !important; } .windows #Hero-Item-panel-3.hero-item-video #grad-v2.m-hero-item:before, .windows .hero-item-video .m-hero-item:before { padding-bottom: 0% !important; } .end-of-support #HeroItem-Win10 .m-hero-item .c-group > .c-call-to-action + .c-call-to-action { white-space: normal; text-align: left; } .end-of-support #HeroItem-Win10 .m-hero-item .c-group > .c-call-to-action + .c-call-to-action span { display: inline; } } .getting-started div[data-module-id] { min-height: auto; } /* patnership page css starts */ #partnership .windows-video-overlay button.c-action-trigger.c-glyph { width: auto; border-radius: 6px; font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px; padding-right: 12px; font-weight: 600; margin-top: 0; } #partnership .windows-video-overlay button.c-action-trigger.c-glyph span { position: initial !important; } #partnership .windows-video-overlay .f-video-trigger > div { position: absolute; top: calc(50%); } #partnership .windows-video-overlay.video-priority .youtubevidplayer { float: initial; } #partnership .articletouts .m-content-placement-item > picture { display: none; } #partnership .articletouts .m-content-placement-item .toutheading { padding-top: 0px; } #partnership .feature-no-container.f-align-left.f-image-priority picture { width: 100%; } #partnership .feature-no-container { padding-bottom: 30px; } #partnership .linearHorzontalLine { width: 100px; height: 4px; background: linear-gradient(89.85deg, #8661C5 -1.21%, #D59DFF 46.37%, #7ED367 99.73%); margin-top: 32px !important; margin-bottom: 8px; position: relative; padding: 0px; margin: 0 auto; } #partnership .linearHorzontalLineLeft { width: 100px; height: 4px; background: linear-gradient(89.85deg, #8661C5 -1.21%, #D59DFF 46.37%, #7ED367 99.73%); margin-top: 32px !important; margin-bottom: 8px !important; position: relative; padding: 0px !important; margin: 0; } #partnership #saveheroPartnershipID .m-hero-item > div > div { width: 100%; } #partnership #heropanelid .m-hero-item > div > div > h1 { font-style: normal; font-weight: 600; font-size: 71px; line-height: 84px; text-align: center; color: #000000; padding-top: 0; } #partnership #heropanelid .m-hero-item > div > div > p { font-weight: 600; font-size: 24px; line-height: 28px; } #partnership .m-feature .featurecontent > h2 { font-style: normal; font-weight: 600; font-size: 46px; line-height: 56px; padding-top: 0; } #partnership .m-feature .featurecontent > p { font-style: normal; font-weight: 400; font-size: 20px; line-height: 24px; } #partnership #powerfultoolid .m-feature, #partnership #switchtoolid .m-feature, #partnership #transformid .m-feature { margin-top: 0px; } #partnership #powerfultoolid .m-feature.f-align-right picture, #partnership #transformid .m-feature.f-align-right picture { padding-right: 8px; } #partnership #switchtoolid .m-feature.f-align-left picture { padding-left: 8px; } #partnership #switchtoolid .m-feature.f-align-left .featurecontent { padding-left: 0px; } /* #partnership #powerfultoolid .m-feature.f-align-right picture > img, #partnership #switchtoolid .m-feature.f-align-left picture > img, #partnership #transformid .m-feature.f-align-right picture > img { min-height: 494px; } */ #partnership #powerfultoolid .m-feature.f-align-right picture > img, #partnership #switchtoolid .m-feature.f-align-left picture > img, #partnership #transformid .m-feature.f-align-right picture > img, #partnership #customizePartnershipID .m-feature .featurecontent > picture > img, #partnership #surfaceproPartnershipID .m-feature .featurecontent > picture > img { border-radius: 8px; } #partnership #savethedayid > div > h2, #partnership #contentPlacementPanelPartnershipID .content-touts .articletouts .m-content-placement-item > div > h3 { font-style: normal; font-weight: 600; font-size: 71px; line-height: 84px; } #partnership #contentPlacementPanelPartnershipID .content-touts .articletouts .m-content-placement-item > div > .toutpara { font-style: normal; font-weight: 400; font-size: 18px; line-height: 26px; padding-top: 25px; color: #107C10; } #partnership #saveheroPartnershipID .m-hero-item > div > div > h2 { font-style: normal; font-weight: 600; font-size: 46px; line-height: 56px; } #partnership #saveheroPartnershipID .m-hero-item > div > div > p { font-style: normal; font-weight: 400; font-size: 18px; line-height: 26px; } #partnership #herosecondpanelid picture > .f-video-trigger { border: none; } #partnership #herosecondpanelid.m-image { padding: 0; } #partnership .greenTextcls { color: #107C10; } #partnership #customizePartnershipID { margin-bottom: 0; } #partnership #surfaceproPartnershipID { margin-bottom: 24px; } #partnership #heropanelid .m-hero-item.f-y-center.f-x-center > div { width: 100%; min-width: 100%; } #partnership #Footnotes-panel-1 { background: #fff !important; color: #333 !important; } #partnership #heropanelid .m-hero-item.f-y-center.f-x-center > div > div { padding: 0 40px; } #partnership #herosecondpanelid button.c-action-trigger:focus:not(.x-hidden-focus), #partnership #herosecondpanelid button.c-action-trigger:hover { color: #fff !important; } #partnership #herosecondpanelid .c-action-trigger, #partnership .m-banner .c-group > a, #partnership .m-feature .featurecontent .c-group > a, #partnership .m-hero-item .c-group > a, #partnership #contentPlacementPanelPartnershipID .c-group > a { font-style: normal; font-weight: 700; font-size: 15px; line-height: 20px; } #partnership #Footnotes-panel-1 .c-caption-2 { font-style: normal; font-weight: 400; font-size: 13px; line-height: 16px; } #partnership #Footnotes-panel-1 .c-caption-2 > strong { font-style: normal; font-weight: 700; font-size: 13px; line-height: 16px; } #partnership #heropanelid .m-hero-item:before, #partnership #heropanelid .c-hero:before { padding-bottom: 50%; } #partnership #heropanelid .m-hero-item { display: flex; justify-content: center; align-items: center; } #partnership #heropanelid .m-hero-item.f-y-center.f-x-center > div > div { transform: none; padding-left: 50px; padding-right: 50px; top: auto; left: auto; } #partnership #heropanelid .m-hero-item.f-y-center.f-x-center > div { max-width: 100%; width: 100%; height: auto !important; padding: 40px 0 !important; display: flex; align-items: center; justify-content: center; } @media only screen and (min-width: 768px) and (max-width: 1083px) { #partnership #heropanelid .m-hero-item > div > div > h1 { font-style: normal; font-weight: 600; font-size: 50px; line-height: 60px; text-align: center; color: #000000; } #partnership #heropanelid .m-hero-item > div > div > p { font-weight: 600; font-size: 20px; line-height: 24px; } #partnership #heropanelid .m-hero-item > picture > img { height: 100%; } #partnership #heropanelid .m-hero-item.f-y-center.f-x-center > div > div { position: relative; height: auto; } #partnership #heropanelid .m-hero-item.f-y-center.f-x-center > div { position: relative; } } @media only screen and (max-width: 1083.98px) { #partnership #powerfultoolid .m-feature .featurecontent, #partnership #switchtoolid .m-feature .featurecontent, #partnership #transformid .m-feature .featurecontent { text-align: left; margin-top: 0; padding: 32px 0 36px; width: 100%; } #partnership #saveheroPartnershipID .m-hero-item > div > div { text-align: left; } #partnership #customizePartnershipID .m-feature .featurecontent, #partnership #surfaceproPartnershipID .m-feature .featurecontent { text-align: left; margin: 0; padding: 32px 0 36px 0; } #partnership #powerfultoolid .m-feature.f-align-right picture, #partnership #transformid .m-feature.f-align-right picture { padding-right: 0; } #partnership #switchtoolid .m-feature.f-align-left picture { padding-left: 0; } .hubmain .m-feature.herowithgradientline-blue .featurecontent { text-align: left !important; } [dir="rtl"] .hubmain .m-feature.herowithgradientline-blue .featurecontent { text-align: right !important; } } @media only screen and (min-width: 1084px) { #partnership #saveheroPartnershipID .m-hero-item > div > div { top: calc(48%); } #partnership #heropanelid .m-hero-item.f-y-center.f-x-center > div > div { width: 100%; min-width: 100%; padding: 0 40px; } } @media only screen and (max-width: 767px) { #partnership #contentPlacementPanelPartnershipID > div > div + div > div > section { margin-top: 0px; } #partnership #heropanelid .m-hero-item { display: flex; } #partnership #heropanelid .m-hero-item > picture > img { height: 100%; } #partnership #heropanelid .m-hero-item.f-y-center.f-x-center > div > div { position: relative; } #partnership #heropanelid .m-hero-item.f-y-center.f-x-center > div { position: relative; } #partnership #saveheroPartnershipID .m-hero-item > div > div { transform: none; } #partnership #saveheroPartnershipID .m-hero-item > div { height: auto !important; padding: 100px 0 50px !important; } #partnership #heropanelid .m-hero-item > div > div > h1 { font-style: normal; font-weight: 600; font-size: 37px; line-height: 44px; text-align: center; } #partnership #heropanelid .m-hero-item > div > div > p { font-style: normal; font-weight: 600; font-size: 20px; line-height: 24px; } #partnership .m-feature .featurecontent > h2 { font-style: normal; font-weight: 600; font-size: 37px; line-height: 44px; } #partnership .m-feature .featurecontent > p { font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; } #partnership #savethedayid > div > h2, #partnership #contentPlacementPanelPartnershipID .content-touts .articletouts .m-content-placement-item > div > h3 { font-style: normal; font-weight: 600; font-size: 37px; line-height: 44px; } #partnership #contentPlacementPanelPartnershipID .content-touts .articletouts .m-content-placement-item > div > .toutpara { font-style: normal; font-weight: 400; font-size: 18px; line-height: 26px; } #partnership #saveheroPartnershipID .m-hero-item > div > div > h2 { font-style: normal; font-weight: 600; font-size: 37px; line-height: 44px; } #partnership #saveheroPartnershipID .m-hero-item > div > div > p { font-style: normal; font-weight: 400; font-size: 18px; line-height: 26px; } } #partnership #herosecondpanelid button.c-action-trigger:hover { text-decoration: none !important; } #partnership .f-video-trigger button.c-action-trigger.c-glyph.glyph-play:hover span { border-bottom: 2px solid #fff !important; text-decoration: none !important; } #partnership #Footnotes-panel-1 li.c-caption-2:focus, #partnership #Footnotes-panel-1 p.c-caption-2:focus { border: 1px dashed #000; } @media only screen and (min-width: 1084px) { #partnership #powerfultoolid .m-feature .featurecontent > p, #partnership #switchtoolid .m-feature .featurecontent > p, #partnership #transformid .m-feature .featurecontent > p { margin-bottom: 5%; } } #partnership #herosecondpanelid > div > div > picture > img { width: 100%; } /* patnership page css ends */ .hubmain.end-of-support .m-panes a.c-hyperlink.supBLink:focus { outline: 1px dashed #000 !important; padding: 0px !important; margin-left: 1px !important; line-height: 31px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .m-panes .f-align-middle picture { width: fit-content; } } /*bgfullbleed css starts*/ .fullBleedBgBanner { background-repeat: no-repeat; background-size: cover !important; background-position: right !important; } .fullBleedBgBanner .m-feature a.c-call-to-action.f-lightweight, .fullBleedBgBanner .m-feature a.c-call-to-action.f-lightweight:hover span { color: white !important; text-decoration: none; } .fullBleedBgBanner .m-feature > div { text-align: left; color: white; } /*bgfullbleed css ends*/ /*contentplacement number comp css starts*/ .numberContentPlacement .m-content-placement-item .c-badge { color: #0073d4 !important; font-size: 10rem; background: none !important; letter-spacing: unset; overflow: unset; font-weight: 600 !important; padding: 0px !important; } .numberContentPlacement .m-content-placement-item .c-heading { font-size: 28px; } .numberContentPlacement .m-content-placement-item > picture { display: none; } /*contentplacement number comp css starts*/ /* new accessbility page css start */ /*stickynavv2 css starts*/ .stickyV2 nav.c-in-page-navigation > ul li > a.f-active { color: #000; border-bottom: 4px solid #0078D7; padding-bottom: 12px; font-weight: 700; } .stickyV2 nav.c-in-page-navigation { margin-bottom: 10px; } /*stickynavv2 css ends*/ /* accessbility page css starts */ @media only screen and (min-width: 1084px) { #accessbilityID #accessbility_feature_1_b_2 .m-feature.f-align-left.f-image-priority picture { width: 50%; } #accessbilityID #accessbility_feature_1_b_2 .m-feature .f-image-priority > div { width: 49%; } .accessibility-features #accessbilityHero .m-hero-item.f-transparent:before { Padding-bottom: 64% !important; } .accessibility-features #accessbilityHero .m-hero-item { background: none !important; } .accessibility-features #accessbilityHero .m-hero-item > div .c-paragraph-3 { padding-right: 14px !important; } .accessibility-features #accessbilityHero .m-hero-item > div .c-heading-1 > span.accessbilityHeroHeading { display: block; } } #accessbilityID #hearing, #accessbilityID #accessbilityFeature_1_Banner_2, #accessbilityID #neurodiversity { background-color: #f2f2f2; } #accessbilityID #neurodiversity, #accessbilityID #hearing { margin-top: 48px; } #accessbilityID #accessbilityContentplacement_1_Banner_4.m-content-placement > [data-grid~="stack-2"], #accessbilityID #accessbilityContentplacement_1_Banner_2.m-content-placement > [data-grid~="stack-2"] { padding-bottom: 48px; } #accessbilityContentplacement1_Banner_1 .m-content-placement-item .toutpara a.c-hyperlink  { text-decoration: underline; } /* accessbility page css ends */ /*NumberList css starts*/ .numberlistpanel { padding: 40px 0px; } .numberlistpanel .numberlist-structurelist { display: flex; } .numberlistpanel .numberlist-structurelist a.c-call-to-action:active { background: transparent; } .bg-color-num .structure-container:first-child { border-top: solid #acacac 0.5px; } .bg-color-num .structure-container { border-bottom: solid #acacac 0.5px; } .numberlist-structurelist .c-image { position: absolute; width: 100%; z-index: 1; bottom: 0px; padding-right: 10px; } .structure-item .c-call-to-action { padding: 20px 3px 7px 0; position: relative; border: 2px solid transparent; outline: 1px solid transparent; outline-offset: -3px; margin-left: 0; color: #0067b8; background: transparent; transition: none; white-space: normal; text-align: left; } .structure-item .c-call-to-action:focus:not(.x-hidden-focus), .structure-item .c-call-to-action:focus:not(.x-hidden-focus) { color: #005da6; background: rgba(0,103,184,.1); } .structure-item .c-call-to-action:hover { color: #005da6; background: transparent; } .structure-container { padding-top: 0px; padding-bottom: 0px; } .numberlist-structurelist .numberlistbanner { position: relative; } .numbers { display: none; } @media screen and (max-width: 767px) { /* .numberlist-structurelist .numberlistbanner .content { padding-left: 0px !important; } */ #windowsh22.laptops-for-students .numberlistbanner .content p.c-paragraph-1.fy23-font-weight { font-size: 15px; line-height: 20px; font-weight: 400 !important; } [dir="rtl"] .numberlist-structurelist .numberlistbanner .content { padding-right: 0px !important; } } /*NumberList css ends*/ @media screen and (max-width: 767px) { .structure-container { padding-left: 0; padding-right: 0; } .numberlist .structure-item p, .structure-item .ctaclass { left: 0 !important; } /*.nonumber .numberlist .structure-item p, .structure-item .ctaclass { left: 0 !important; }*/ .nonumber .numberlist .m-structured-list.structure-container .c-structured-list { display: block; } .nonumber.numberlist-structurelist .numberlistbanner .c-image { display: none; } } @media screen and (min-width:1084px) { .numberlistpanel.list-4 .numberlist-structurelist .c-image { left: -70px; top: 150px; } .nonumber.numberlist-structurelist #gradient-mobile .c-image { display: none; } .numberlist-structurelist #gradient-image-numglyphs .c-image { display: block; } .numberlist-structurelist[data-grid="container"] { padding-left: 5%; padding-right: 5%; } .numberlist-structurelist #gradient-mobile { display: none; } } @media screen and (min-width:768px) and (max-width:1083px) { .numberlist-structurelist .c-image { position: absolute; width: 100%; margin-top: 20px; text-align: center; bottom: 0; padding: 5%; } .numberlist-structurelist[data-grid="container"] { padding-top: 5%; padding-bottom: 5%; } .numberlist-structurelist .numberlistbanner .c-paragraph-1 { width: 86%; } .m-structured-list .c-structured-list .numbers { font-size: 5rem; margin-right: 26px; } } @media screen and (min-width:541px) and (max-width:767px) { .numberlist-structurelist[data-grid="container"] { padding-left: 5%; padding-right: 5%; } .m-structured-list .c-structured-list .numbers { font-size: 3.7rem; margin-right: 20px; } .numberlist > div:first-child { margin-top: 40px; } } @media screen and (max-width:1083px) { .numberlist-structurelist.nonumber .numberlistbanner, .numberlist-structurelist.nonumber .numberlist, .numberlist-structurelist .numberlistbanner, .numberlist-structurelist .numberlist { width: 100%; } .numberlistpanel .numberlist-structurelist { flex-direction: column; padding-top: 0px; padding-bottom: 0px; } .numberlist-structurelist[data-grid="container"] { padding-left: 5%; padding-right: 5%; } [dir="rtl"] .numberlist-structurelist .numberlistbanner .content { padding-right: 0px !important; } #windowsh22.comprehensive-security .numberlist-structurelist .numberlistbanner .content { padding-left: 0px; } .numberlist-structurelist .numberlistbanner .content { padding: 0 5% 5% 0; } .number .m-structured-list.structure-container { padding: 0px !important; } .numberlist-structurelist #gradient-mobile, .numberlist-structurelist #gradient-image-numglyphs { display: none; } } @media screen and (max-width:540px) { .numberlist .structure-item p, .structure-item .ctaclass { left: -60px; } .numbers { margin-right: 20px; } } .numberlist .m-structured-list p { font-size: 15px !important; line-height: 20px; font-weight: 400 !important; padding-top: 14px; } #windowsh22 .numberlistbanner .content p.c-paragraph-1.fy23-font-weight { font-size: 18px; line-height: 24px; font-weight: 400 !important; } .structure-container .c-structured-list { margin: 0 0 24px 0; } .numberlist-structurelist { margin-top: 48px; } .numberlistbanner > .ct-heading-1 { padding-right: 25px; } @media screen and (max-width: 767px) { .numberlist .listitems .c-list { margin: 0 0; } .numberlist .glyph_icon { align-items: flex-end !important; } .numberlist .structure-item p, .numberlist-structurelist.number .numberlist .m-structured-list .ctaclass a { position: relative; left: -70px; } .numberlist .numberlist-structurelist .structure-item h2.c-heading-4, .glyph_icon .c-glyph::after { font-size: 32px; padding-bottom: 5px; line-height: 38px; } .numberlist .glyph_icon { align-items: flex-end !important; } .numberlist .numberlistbanner p { padding-bottom: 15px !important; } .numberlist .numbers { position: relative; top: 0px; } } .number .m-structured-list.structure-container { padding-top: 0px !important; } /*compare page new css*/ #windowsh22.compare-windows-11-home-vs-pro-versions.hubmain, #windowsh22.get-windows-11.hubmain .c-pivot, #windowsh22.compare-windows-11-home-vs-pro-versions #PivotTarget0, #windowsh22.compare-windows-11-home-vs-pro-versions #PivotTarget1 { background: linear-gradient(179.22deg, #EBF4FC 0.64%, #FFFFFF 89.43%); } #windowsh22.compare-windows-11-home-vs-pro-versions.hubmain .image-priority-accolate.featurebox { background: #ffffff; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center ul[role="tablist"] li.f-active, #windowsh22.get-windows-11 .c-pivot.center ul[role="tablist"] li.f-active { background: #ebf4fc; color: #000 !important; padding-top: 8px; border-bottom: 2px solid #000; padding-bottom: 8px; border-radius: 0px; border-left: 0px !important; border-right: 0px !important; border-top: 0px !important; margin: 0px 20px; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center [role="tablist"] [role="tab"] { font-weight: 700; font-size: 16px; border-radius: 6px; text-align: center; padding: 0px 0px 8px 0px; line-height: 1; box-shadow: none; color: #006CAC; margin: 0px 20px; background: rgb(235, 244, 252); } #windowsh22.get-windows-11 .c-pivot.center [role="tablist"] [role="tab"] { font-weight: 700; font-size: 16px; border-radius: 6px; text-align: center; padding: 0px 0px 8px 0px; line-height: 1; box-shadow: none; color: #006CAC; margin: 0px 20px; background: rgb(235, 244, 252); } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center ul[role="tablist"] li.f-active:focus, #windowsh22.get-windows-11 .c-pivot.center ul[role="tablist"] li.f-active:focus { outline: 2px dashed #000 !important; } #windowsh22.compare-windows-11-home-vs-pro-versions p.expand-collapse-toggle-area.x-type-right, #windowsh22.compare-windows-11-home-vs-pro-versions tr td .c-drawer button::before { visibility: hidden; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center section[role=tabpanel], #windowsh22.get-windows-11 .c-pivot.center section[role=tabpanel] { position: relative; overflow: hidden; box-shadow: none; margin-top: -5px; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center section[role=tabpanel] { margin-top: 0; } #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables tr td .c-drawer, #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables tr td .c-drawer button { background: transparent; } #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables tbody tr td:not(:first-child), #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables tbody tr th:not(:first-child) { text-align: center; background: white; border: 1px solid #dbdbdb; } #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables tbody tr td:last-child, #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables tbody tr th:last-child { border-right: none !important; } #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables tbody tr:last-child, #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables tbody tr td:not(:first-child), #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables tbody tr th:not(:first-child) { border-bottom: none; } #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables tbody tr td:not(:first-child) > span { display: block; } #windowsh22.compare-windows-11-home-vs-pro-versions tbody tr:first-child td:not(:first-child) { border-top: 3px solid #0076d1; } #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables .tick.c-glyph { border-radius: 50px; border: 2px solid #0078d7; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-table thead th { font-size: 24px; line-height: 28px; vertical-align: bottom; color: #000; font-weight: 600; text-align: center; padding-bottom: 32px; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-drawer > button[disabled] { color: inherit; cursor: auto !important; } #windowsh22.compare-windows-11-home-vs-pro-versions .tick.c-glyph { font-size: 25px; text-align: center; font-family: MWF-MDL2; color: #0078d7; padding: 4px; } /*compare page new css end*/ .main-heading, .gradient-heading { margin-top: 0px !important; } .gradient-line { display: flex; width: 5px; float: left; background: linear-gradient(to top, #0b8be9 0%,#28cef1 47.14%,#7ed367 100%); height: auto !important; margin-right: 20px; padding: 0 5px 0 0; } [dir="rtl"] .gradient-line { margin-left: 20px; margin-right: 0px; } .fit-content { transform: none !important; top: 0 !important; } .verticalgrdient { margin-top: 40px; display: flex; width: 90%; } .content-gradient { flex-grow: 1; } .fit-content .c-group { margin-left: 24px; } .f-active.f-inactive { border-bottom: 0 !important; } @media only screen and (max-width: 1083px) { .verticalgrdient, .fit-content .c-group { text-align: left; } .gradient-LVP { margin-bottom: 10px; } } .gradient-LVP .fit-content .main-heading, .gradient-divs .gradient-heading { letter-spacing: 0em; } .gradient-LVP .fit-content p.main-paragraph { font-weight: 400; letter-spacing: 0em; } .gradient-line { background: linear-gradient(180deg, #0067B8 0%, #50E6FF 100%); } .gradient-divs:not(:first-child) { margin-top: 40px; } /*5050 With Gradient line ends*/ /*Home content placement css starts*/ .windows .crossCards > div { margin: 0 auto; float: none; } @media screen and (min-width: 768px) { .crossCards div.content-touts:nth-child(2) { padding-top: 12%; } } .crossCards { background: linear-gradient(179.22deg, #EBF4FC 0.64%, #F9F9F9 89.43%); padding: 40px 0px; } .windows #numberListId { background: #f9f9f9; } #windowsh22.windows-11 #homeMosaic a.c-call-to-action.c-glyph.c-button.f-primary.button-0078D4 { background: #0078D4; color: #ffffff !important; height: 42px; border-radius: 6px; padding: 8px 40px 16px 40px; } #windowsh22.windows-11 #homeMosaic .m-mosaic .c-group { top: auto; left: 19px; right: auto; bottom: 12px; } [dir="rtl"] #windowsh22.windows-11 #homeMosaic .m-mosaic .c-group { top: auto; right: 19px; left: auto; bottom: 12px; } .linearHorzontalLinerightshade-blue { width: 60px; height: 4px; background: linear-gradient(97.21deg, #50E6FF 5.82%, #0067B8 134%); margin-top: 32px !important; margin-bottom: 8px; position: relative; padding: 0px !IMPORTANT; margin: 0; } /*Home content placement css ends*/ .linearHorzontalLineLeft-blue { width: 60px; height: 4px; background: linear-gradient(97.21deg, #0067B8 5.82%, #50E6FF 134%); margin-top: 32px !important; margin-bottom: 8px; position: relative; padding: 0px !IMPORTANT; margin: 0; } /*toggleButton CSS*/ /* Slider CSS */ .toggle-button { background: #E3E3E3; color: #000; font-size: 13px; font-weight: 600; line-height: 16px; } .toggle-button-container { display: flex; align-items: center; padding: 6px; justify-content: flex-end; } .switch { position: relative; width: 44px; height: 20px; margin-right: 5px; margin-left: 5px; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; width: 10px; height: 10px; left: 4px; bottom: 5px; top: 4px; background-color: #000; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #2196F3; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } .slider.round { border-radius: 34px; border: 1px solid #000 !important; } .slider.round:before { border-radius: 50%; } /*Start Video Gallery*/ .video-gallery { padding: 40px 0; } .video-gallery .header-enlarge, .video-gallery .header-active { color: #000 !important; font-weight: 600 !important; font-size: 34px; line-height: 40px; } .video-gallery .feature-button, .video-gallery .feature-button.header-enlarge-mobile, .video-gallery .feature-button.header-active-mobile { color: #ffffff !important; } .video-gallery .c-video-player .f-video-trigger { border: none; } .video-gallery .oneplayer-inline { background-color: #171717; } .video-gallery .feature-button.header-enlarge-mobile, .video-gallery .feature-button.header-active-mobile { color: #000 !important; font-size: 26px !important; line-height: 32px !important; } .video-gallery .m-image.inline-video-fae { padding-top: 0 !important; height: 100%; } .video-gallery .media-selector { position: relative; display: flex; flex-direction: row; } .animate-text-group { display: block; } .animate-text { opacity: 0; display: block; color: inherit; margin-top: 3px !important; } .animate-text a { position: relative; border: 2px solid transparent; outline: 1px solid transparent; outline-offset: -3px; font-weight: 600; color: #0067b8 !important; } .animate-text a:hover { color: #005da6; text-decoration: none; } .screen-reader-text { position: absolute; left: -10000px; top: auto; width: 0px; height: 0px; overflow: hidden; opacity: 0; } .off-focus { opacity: 1; } .hubmain .off-focus { animation: offFocusContent 0.3s forwards; } .animation-false .off-focus { animation: offFocusContent 0s forwards; } .on-focus { opacity: 0; } .hubmain .on-focus { animation: onFocusContent 0.3s forwards; } .animation-false .on-focus { animation: onFocusContent 0s forwards; } .hubmain .video-gallery .media-selector .loadFeature { opacity: 0; animation: onFocusContent 1s 0s forwards; } .animation-false .video-gallery .media-selector .loadFeature { opacity: 0; animation: onFocusContent 0s 0s forwards; } @keyframes onFocusContent { from { transform: translateY(10px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes offFocusContent { from { transform: translateY(0); opacity: 1; } to { transform: translateY(10px); opacity: 0; } } .currently-focused__divider { opacity: 1 !important; } .currently-focused { animation: none !important; animation-duration: 0 !important; opacity: 1 !important; } .video-gallery .media-selector .loadFeature-mobile { opacity: 1; } @media screen and (min-width: 540px) and (max-width: 1083px) { .video-gallery .media-selector { height: auto; flex-direction: column; } .video-gallery .media-selector li { opacity: 1; } .video-gallery .media-selector .c-list { margin: 0; } } @media screen and (max-width: 539.98px) { .video-gallery .media-selector { height: auto; flex-direction: column; } .video-gallery .media-selector .c-list { margin: 0; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center section[role=tabpanel] { float: left; width: 100%; } } .video-gallery .media-selector__display { order: 1; margin: auto 0px; position: relative; } @media screen and (max-width: 1083px) { .video-gallery .media-selector__display { order: 0 !important; align-items: flex-start; margin: 0 0 18px 0; width: 100% !important; } } .video-gallery .media-selector__display__media { position: absolute; opacity: 0 !important; background: transparent; z-index: 0; padding: auto 0; width: 100%; height: 100%; } .video-gallery .media-selector__display__media video, .video-gallery .media-selector__display__media > picture img { min-width: 100%; min-height: 100%; max-height: 100%; height: 100%; width: 100%; object-fit: fill; } .video-gallery .media-selector__display__media video:focus { outline: 2px solid #0067b8; border: 2px solid #0067b8; } @media (-ms-high-contrast: active) { .video-gallery .media-selector__display__media video:focus { border: 4px solid #0067b8 !important; } } .video-gallery .media-selector__display__media .c-progress { display: none; } .video-gallery .media-selector__display__media[aria-hidden="true"] .f-video-trigger { display: none; } .video-gallery .media-selector__display__media[aria-hidden="true"] .f-video-controls { display: none; } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } .hubmain .fade-in { opacity: 0; animation: fade-in 2s 0.3s forwards; } .animation-false .fade-in { animation: fade-in 0s 0s forwards; } .video-gallery .media-selector__display .mount { opacity: 1 !important; z-index: 2 !important; } .hubmain .video-gallery .media-selector__display .mount { animation: fade-in 3s 0s forwards; } .animation-false .video-gallery .media-selector__display .mount { animation: fade-in 0s 0s forwards; } .video-gallery .media-selector__display .unmount { opacity: 1; z-index: 1 !important; } .hubmain .video-gallery .media-selector__display .unmount { animation: fade-out 3s 0s forwards; } .video-gallery .media-selector .media-selector__features__container { display: flex; justify-content: center; margin: auto 0; order: 0; } @media screen and (max-width: 1083px) { .video-gallery .media-selector .media-selector__features__container { order: 1; width: 100% !important; } } .video-gallery .media-selector .media-selector__features__container .media-selector__features { order: 0; display: flex; margin: auto 0; width: 100%; } .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar { display: block; width: 10%; position: relative; } @media screen and (min-width: 539px) and (max-width: 1083px) { .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar { width: 5%; } } .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar__position { /*opacity: 0;*/ z-index: 10; position: absolute; width: 100%; height: auto; top: 12px; /* transition: top 0.75s ease-in-out; */ padding-left: 45%; padding-right: 40%; } .animation-true .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar__position { transition: top 0.75s ease-in-out; } .animation-false .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar__position { transition: top 0s ease-in-out; } @media screen and (min-width: 540px) and (max-width: 1083px) { .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar__position { padding-left: 63%; padding-right: 20%; } } .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar__position__area { height: 0px; background: linear-gradient(#0093F9, #98ECFE ); } .animation-true .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar__position__area { transition: height 0.75s ease-in-out; } .animation-false .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar__position__area { transition: height 0s ease-in-out; } @media (-ms-high-contrast: active) { .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar__position__area { border: 2px solid white; } } .video-gallery .media-selector .media-selector__features__container .media-selector__features ul { margin: 0; width: 90%; padding-right: 6%; padding-left: 1%; } .animation-true .video-gallery .media-selector .media-selector__features__container .media-selector__features ul { transition: width 0.75s ease-in; } .animation-false .video-gallery .media-selector .media-selector__features__container .media-selector__features ul { transition: width 0s ease-in; } @media screen and (min-width: 540px) and (max-width: 1083px) { .video-gallery .media-selector .media-selector__features__container .media-selector__features ul { padding-right: 10%; padding-left: 1.7%; width: 85%; } } .video-gallery .media-selector .media-selector__features__container .media-selector__features ul li { opacity: 0; margin: 0; border: none; padding: 18px 0; width: 100%; } .video-gallery .media-selector .media-selector__features__container .media-selector__features .c-subheading-2 { padding: 0; text-align: left; } .video-gallery .media-selector .media-selector__features__container .media-selector__features .c-subheading-3 { padding: 0; text-align: left; } .video-gallery .media-selector .media-selector__features__container .media-selector__features .c-heading-3 { padding: 0; text-align: left; } .video-gallery .media-selector__content { position: relative; width: auto; display: block; } .animation-true .video-gallery .media-selector__content { transition: height 1s ease-in; } .animation-false .video-gallery .media-selector__content { transition: height 0s ease-in; } .animation-true .video-gallery .media-selector__content.initialLoad { animation: rise-fade-in; animation-duration: 1s; animation-fill-mode: forwards; } .animation-false .video-gallery .media-selector__content.initialLoad { animation: rise-fade-in; animation-duration: 0s; animation-fill-mode: forwards; } .video-gallery .media-selector__content .feature-header { width: auto; text-align: left; } .video-gallery .media-selector__content .feature-header .feature-button { position: relative; display: inline-block; background: none; color: #2f2f2f; margin: 0; padding: 3px 5px 3px 5px; font: inherit; cursor: pointer; text-align: left !important; height: auto; border: 2px solid transparent; } .animation-true .video-gallery .media-selector__content .feature-header .feature-button { transition: height 0.5s ease-out; } .animation-false .video-gallery .media-selector__content .feature-header .feature-button { transition: height 0s ease-out; } @media (-ms-high-contrast: white-on-black) { .video-gallery .media-selector__content .feature-header .feature-button { border: 2px solid white; } } @media (-ms-high-contrast: black-on-white) { .video-gallery .media-selector__content .feature-header .feature-button { border: 2px solid transparent; } } .video-gallery .media-selector__content .feature-header .feature-button:focus { border: 2px solid #000; outline: 2px solid #000; } @media (-ms-high-contrast: active) { .video-gallery .media-selector__content .feature-header .feature-button:focus { border: 2px solid #0067b8; outline: 2px solid #0067b8; } } .video-gallery .media-selector__content .feature-header .feature-button:focus[init-selected="true"] { border: 2px solid #000; outline: none; } .video-gallery .media-selector__content .feature-header .feature-button:focus[aria-pressed="true"] { border: 2px solid #000; outline: 2px solid #000; } .video-gallery .media-selector__content .feature-header .feature-button:focus { outline: none; border: 2px solid #000; } .video-gallery .mp4videoinline + .videobutton.glyph-pause { visibility: hidden; } .video-gallery .mp4videoinline:hover + .videobutton.glyph-pause, .video-gallery .videobutton.glyph-pause:hover { visibility: visible; } @media (-ms-high-contrast: active) { .video-gallery .media-selector__content .feature-header .feature-button:focus[aria-pressed="true"] { border: 2px solid #0067b8; outline: 2px solid #0067b8; } } .video-gallery .media-selector__content .feature-header .feature-button .chevron-wrapper { position: relative; white-space: pre-wrap; display: inline-block; padding-right: 20px; } .video-gallery .media-selector__content .feature-header .feature-button .glyph-chevron-right { display: inline-block; position: absolute; margin-top: 2px; margin-left: 7px; font-size: 12px; color: #0067b8; } .video-gallery .media-selector__content .feature-header .feature-button.header-enlarge .glyph-chevron-right, .video-gallery .media-selector__content .feature-header .feature-button.header-active .glyph-chevron-right, .video-gallery .media-selector__content .feature-header .feature-button.header-enlarge-mobile .glyph-chevron-right, .video-gallery .media-selector__content .feature-header .feature-button.header-active-mobile .glyph-chevron-right { opacity: 1; } .video-gallery .media-selector__content__subcontent { height: auto; width: 100%; } .animation-true .video-gallery .media-selector__content__subcontent { transition: height 1s ease; } .animation-false.video-gallery .media-selector__content__subcontent { transition: height 0s ease; } .video-gallery .media-selector__content__subcontent .c-divider { margin: 2% 0; } .video-gallery .media-selector__content__subcontent p { text-align: left; padding: 3px 6px 0 6px; } .video-gallery .c-video-player.wdg-oneplayer-inline { padding-bottom: 53%; } [dir="rtl"] .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar__position { padding-right: 45%; padding-left: 40%; } @media screen and (min-width: 540px) and (max-width: 1083px) { [dir="rtl"] .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar__position { padding-right: 88%; padding-left: 6%; } } @media screen and (max-width: 539px) { [dir="rtl"] .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar__position { padding-right: 50%; padding-left: 30%; } [dir="rtl"] .video-gallery .media-selector .media-selector__features__container .media-selector__features ul { padding-right: 0; padding-left: 5%; } .video-gallery .media-selector__content .feature-header .feature-button { padding-bottom: 2px; } .video-gallery .media-selector .media-selector__features__container .media-selector__features ul { padding-left: 0; padding-right: 5%; width: 92%; } .video-gallery .media-selector .media-selector__features__container .media-selector__features ul li { padding: 12.5px 0; } .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar { width: 8%; } .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar__position { padding-left: 50%; padding-right: 30%; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center [role="tablist"] [role="tab"], #windowsh22.get-windows-11 .c-pivot.center [role="tablist"] [role="tab"] { border-bottom: 2px solid #D2D2D2 !important; border-top: 0; border-left: 0; border-right: 0; border-radius: 0; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center ul[role="tablist"] li, #windowsh22.get-windows-11 .c-pivot.center ul[role="tablist"] li { display: block; margin: 20px 0px !important; padding: 8px 0px !important; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center ul[role="tablist"] li.f-active span, #windowsh22.get-windows-11 .c-pivot.center ul[role="tablist"] li.f-active span { border-bottom: 2px solid #000 !important; padding: 2px; } } [dir="rtl"] .video-gallery .media-selector .media-selector__features__container .media-selector__features ul { padding-left: 6%; padding-right: 1%; } @media screen and (min-width: 540px) and (max-width: 1083px) { [dir="rtl"] .video-gallery .media-selector .media-selector__features__container .media-selector__features ul { padding-left: 10%; padding-right: 1.7%; } } [dir="rtl"] .video-gallery .media-selector .media-selector__features__container .media-selector__features .c-subheading-2 { padding: 0; text-align: right; } [dir="rtl"] .video-gallery .media-selector .media-selector__features__container .media-selector__features .c-subheading-3 { padding: 0; text-align: right; } [dir="rtl"] .video-gallery .media-selector .media-selector__features__container .media-selector__features .c-heading-3 { padding: 0; text-align: right; } [dir="rtl"] .video-gallery .media-selector__content .feature-header { text-align: left; } [dir="rtl"] .video-gallery .media-selector__content .feature-header .feature-button { text-align: right !important; padding-left: 20px !important; } [dir="rtl"] .video-gallery .media-selector__content .feature-header .feature-button .chevron-wrapper { padding-left: 20px; } [dir="rtl"] .video-gallery .media-selector__content .feature-header .feature-button .glyph-chevron-right { display: inline; position: absolute; margin-top: 2px; margin-left: 0px; margin-right: 7px; color: #0067b8; } [dir="rtl"] .video-gallery .media-selector__content__subcontent p { text-align: right; padding: 3px 6px 0 6px; } .video-gallery .scrollvideogallery.media-selector .media-selector__features__container .media-selector__features ul .feature-button.header-enlarge .c-glyph.glyph-chevron-right:before, .video-gallery .scrollvideogallery.media-selector .media-selector__features__container .media-selector__features ul .c-glyph.glyph-chevron-right:before { display: none; } .video-gallery .scrollvideogallery.media-selector .media-selector__features__container .media-selector__features ul .feature-button.header-enlarge:after { display: none; } .video-gallery .scrollvideogallery.media-selector .media-selector__features__container .media-selector__features ul .feature-button:not(.header-active):after { content: "\E710"; position: absolute; top: 50%; transform: translateY(-50%); right: 0; } .video-gallery .scrollvideogallery.media-selector .media-selector__features__container .media-selector__features ul .feature-button:after, .video-gallery .scrollvideogallery.media-selector .media-selector__features__container .media-selector__features ul .feature-button.header-enlarge:after { font-family: "MWF-MDL2"; margin-left: 5px; float: right; font-size: 15px; } .scrollvideogallery { display: flex; flex-wrap: wrap; flex-direction: row; } .scrollvideogallery.f-align-left .media-selector__features__container { order: 2; } .video-gallery .scrollvideogallery .feature-button.header-enlarge, .video-gallery .scrollvideogallery .feature-button.header-active { color: #000 !important; font-weight: 600 !important; /* font-size: 20px !important; */ line-height: 40px; } .video-gallery .scrollvideogallery .feature-button { color: #000 !important; width: 100%; padding-right: 17px; position: relative; } .video-gallery .media-selector.scrollvideogallery.f-align-left .media-selector__features__container .media-selector__features ul li, .video-gallery .media-selector.scrollvideogallery.f-align-left .media-selector__display__media { opacity: 1; } .video-gallery .scrollvideogallery.media-selector.f-align-left .media-selector__features__container .media-selector__features, .video-gallery .scrollvideogallery.media-selector.f-align-left .media-selector__features__container { margin: auto 0; } .video-gallery .feature-header.c-subheading-3 { font-size: 34px; line-height: 40px; } @media screen and (max-width: 767px) { .video-gallery .feature-header.c-subheading-3 { font-size: 24px; line-height: 28px; } } .video-gallery .animate-text-group strong { display: block; } /*END Video Gallery*/ /*generic button css*/ .rounded-corners .c-button.f-primary.button-0078D4 { border-radius: 6px; text-align: center; padding: 11px 40px; line-height: normal; box-shadow: none; background: #0078D4; color: #FFFFFF; margin-top: 15px; white-space: normal; } .bg-A8E1C5 { background-color: #FFABB0; padding-top: 24px; } .linearHorzontalLineLeft-grey { width: 60px; height: 4px; background: linear-gradient(270deg, #B3B3B3 0%, #FFFFFF 97.96%); margin-top: 32px !important; margin-bottom: 8px; position: relative; padding: 0px !important; } .linearHorzontalLineLeftColor-blue { width: 60px; height: 4px; background: #D289ff; margin-top: 32px !important; margin-bottom: 8px; position: relative; padding: 0px !important; } .paradiv { padding-top: 25px !important; } #windowsh22.get-windows-11 .c-table.f-divided tbody tr:first-child { border-top: 1px solid #dbdbdb; } #accessbilityID #accessbilityContentplacement1_Banner_1 .articletouts .m-content-placement-item .toutheading:nth-child(2) { padding-top: 12px; } #windowsh22 .custom-small-feature .comppanel a:focus, #windowsh22 .custom-small-feature .comppanel a.supBLink:focus { outline: 2px dashed #FFF !important; } #windowsh22 #pchealthcheck .custom-small-feature .comppanel a:focus, #windowsh22 #pchealthcheck .custom-small-feature .comppanel a.supBLink:focus { outline: 2px dashed #000 !important; } .custom-small-feature .comppanel a.supBLink:focus { line-height: 14px; } .custom-small-feature .comppanel a.c-call-to-action { padding-top: 10px !important; margin-top: 48px; } #feature_1[data-grid="container"], #feature_2[data-grid="container"], #feature_3[data-grid="container"], #feature_4[data-grid="container"] { background: #fff; } .theme-dark1 { background-color: #FFFFFF; } @media screen and (min-width:1084px) and (max-width:1200px) { .windows-11 #Hero-Item-panel-1 .m-hero-item > div > div { padding-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 1083px) { .windows .holiday-animated-hero .m-hero-item:before, .windows-11 .holiday-animated-hero .m-hero-item:before { padding-bottom: 100% !important; } [lang="en-us"] #windowsh22.windows-11 .show-animation-lvp.holiday-animated-hero .m-hero-item { padding: 0px; } [lang="en-us"] #windowsh22.windows-11 .animation-off.holiday-animated-hero .m-hero-item { padding: 0px; } [lang="en-us"] #windowsh22.windows-11 .show-animation-lvp.holiday-animated-hero .m-hero-item:before { padding-bottom: 0% !important; } [lang="en-us"] #windowsh22.windows-11 .show-animation-lvp.holiday-animated-hero .m-hero-item > div > div { position: relative !important; } [lang="en-us"] #windowsh22.windows-11 .show-animation-lvp.holiday-animated-hero .m-hero-item > picture { position: relative !important; top: 0; transform: none; } [lang="en-us"] #windowsh22.windows-11 .animation-off.holiday-animated-hero .m-hero-item:before { padding-bottom: 0% !important; } [lang="en-us"] #windowsh22.windows-11 .animation-off.holiday-animated-hero .m-hero-item > div > div { position: relative !important; } [lang="en-us"] #windowsh22.windows-11 .animation-off.holiday-animated-hero .m-hero-item > picture { position: relative !important; top: 0; transform: none; } [lang="en-us"] #windowsh22.windows-11 .animation-off.holiday-animated-hero .m-hero-item > picture > img { transform: none; top: 0; position: relative; left: 0; } [lang="lv-lv"] #windowsh22.windows #Hero-Banner h1 { font-size: 62px; line-height: 78px; } } @media screen and (max-width: 767px) { .windows .holiday-animated-hero .m-hero-item:before, .windows-11 .holiday-animated-hero .m-hero-item:before { padding-bottom: 100% !important; } #windowsh22.get-windows-11 #HeroItem-panel-1 .m-hero-item:before, #windowsh22.get-windows-11 #HeroItem-panel-2 .m-hero-item:before, .features #HeroItem-panel-1 .m-hero-item:before { padding-bottom: 56.25% !important; } [lang="en-us"] #windowsh22.windows .show-animation-lvp.holiday-animated-hero .m-hero-item:before { padding-bottom: 0% !important; } [lang="en-us"] #windowsh22.windows .show-animation-lvp.holiday-animated-hero .m-hero-item > div > div { position: relative !important; } [lang="en-us"] #windowsh22.windows .show-animation-lvp.holiday-animated-hero .m-hero-item > picture { position: relative !important; top: 0; transform: none; } } @media screen and (max-width: 1083px) { #Banner-panel-1 .m-banner { margin-top: 0px !important; } } /*accessbility fixes start for fy23*/ [dir="rtl"] .accessibility-features .number .m-structured-list .c-group > .c-call-to-action { text-align: right; } [dir="rtl"] .accessibility-features .linearHorzontalLineLeft-grey { background: linear-gradient(270deg, #B3B3B3 0%,#FFFFFF 97.96%); } [dir="rtl"] .accessibility-features .fullBleedBgBanner { background-position: left !important; } .accessibility-features nav.c-in-page-navigation.f-dropdown .f-dropdown-menu #unique-id-for-list li a.bg-blue-sticky { font-weight: 600; } .accessibility-features nav .f-dropdown-menu > a { font-weight: 700 !important; } .accessibility-features #vision, .accessibility-features #hearing, .accessibility-features #mobility, .accessibility-features #neurodiversity { padding-top: 24px; } .accessibility-features .c-badge.f-highlight { border-radius: 4px; } .accessibility-features nav.c-in-page-navigation > ul li > a, .accessibility-features nav.c-in-page-navigation a { font-weight: 700; font-size: 20px; line-height: 24px; margin-left: 0px; } .windows-11 #stickynavwindows11 nav.c-in-page-navigation > ul li > a, .windows-11 #stickynavwindows11 nav.c-in-page-navigation a { font-weight: 700; font-size: 20px; line-height: 24px; } #windowsh22.windows-11 nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a.f-active, #windowsh22.comprehensive-security nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a.f-active, #windowsh22.laptop-buying-guide nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a.f-active { color: #171717 !important; } #windowsh22.windows-11 nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, #windowsh22.comprehensive-security nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a { color: #171717 !important; } .accessibility-features nav.c-in-page-navigation.f-dropdown.f-sticky { padding-left: 5%; } .accessibility-features nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a { font-weight: 600; width: 100%; margin-left: 6px; } .accessibility-features nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a:hover, .accessibility-features nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a:focus, .accessibility-features nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a:active, .accessibility-features nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a.f-active { color: #171717 !important; } .accessibility-features nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a { color: #171717 !important; } @media screen and (max-width: 330px) and (min-width: 310px) { #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center [role="tablist"] [role="tab"], #windowsh22.get-windows-11 .c-pivot.center [role="tablist"] [role="tab"] { padding: 4px !important; } } @media screen and (min-width: 1800px) { .accessibility-features div[data-grid="container"] { max-width: 100%; padding-left: 11%; padding-right: 11%; } } @media screen and (min-width: 1084px) { .accessibility-features .fullBleedBgBanner .m-feature.custom-small-feature { padding: 0; } .accessibility-features .fullBleedBgBanner .m-feature.custom-small-feature .content { margin: 0; } } @media screen and (max-width: 1083px) { .accessibility-features .fullBleedBgBanner .m-feature.custom-small-feature .content { width: 94%; } [dir="rtl"] .accessibility-features .fullBleedBgBanner .m-feature > div { text-align: right !important } .accessibility-features #accessbilityHero .m-hero-item .linearHorzontalLineLeft-grey { margin-top: 0px !important; } } @media screen and (max-width: 539px) { .windows .Hero-Item-panel-2 .m-hero-item > div { padding-bottom: 30px !important; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-table td:first-child, #windowsh22.compare-windows-11-home-vs-pro-versions .c-table th:first-child { padding-left: 0px; } #windowsh22.get-windows-11 .m-content-placement.numberContentPlacement div[data-grid*="col-"] { width: 90%; margin-left: 5%; } } @media only screen and (max-width: 1399px) { .windows .win11-feature-hero .m-hero-item > div > div { max-width: 360px; } } .windows #homeContentPlacemet .articletouts .m-content-placement-item, .windows #homeContentPlacemet .articletouts .m-content-placement-item:hover { cursor: default; } .windows #homeContentPlacemet .articletouts .m-content-placement-item[data-js-href]:hover picture img { opacity: 1; } .video-gallery .media-selector__features ul .media-selector__content .media-selector__content__subcontent .animate-text-group a { padding: 10px 3px 7px 0 !important; position: relative; border: 2px solid transparent; outline: 1px solid transparent; outline-offset: -3px; margin-left: 0; color: #0067b8; background: transparent; transition: none; white-space: normal; font-weight: 700; } .media-selector__features__container li[selected='true'] .animate-text { opacity: 1 !important; } .m-social .social-linked-icon a span.social-icon-tooltip { display: none; } .m-social .social-linked-icon a:hover span.social-icon-tooltip, .m-social .social-linked-icon a:focus span.social-icon-tooltip { background-color: #fff; border: 1px solid #ccc; box-shadow: 2px 2px 2px #777; color: #000; display: block; font-size: 12px; max-width: 1000px; line-height: 1.5; overflow-wrap: break-word; padding: 2px; z-index: 9999999; right: -120%; margin-top: 35px; width: 165px; text-align: left; } .m-social .social-linked-icon a:hover span.social-icon-tooltip, .m-social .social-linked-icon a:focus span.social-icon-tooltip { position: absolute; top: 0; } a.m-back-to-top:hover span.social-icon-tooltip, a.m-back-to-top:focus span.social-icon-tooltip { right: -35%; width: 70px; } /* smooth scrolling text start */ .windows-11 nav.c-in-page-navigation > ul li > a { font-weight: 600; } .windows-11 #productivity, .windows-11 #easiertouse, .windows-11 #performancesecurity, .windows-11 #gaming.image-priority-accolate { background: #fff; width: 100%; overflow: hidden; position: sticky; } .windows-11 .featurepositionfixed { position: fixed; top: 0 !important; } .windows-11 #stickynavwindows11.sticky-navbarNew, .accessibility-features #stickynav1.sticky-navbarNew, .comprehensive-security #stickynavwindows11.sticky-navbarNew, .comprehensive-security #stickynavwindows11.sticky-navbarNew > div { min-height: 61px; } /* smooth scrolling text end */ /*feature bg css start*/ @media only screen and (min-width: 1084px) { .bg-feature-section { padding: 0 5%; /* margin-top: 100px; */ float: none; } .bg-feature-section.m-feature { border-radius: 8px; display: flex; min-height: 100%; } .bg-feature-section.m-feature.f-align-left { flex-direction: row-reverse; width: calc(100% - 90px); float: left; } .bg-feature-section.m-feature.f-align-right { flex-direction: column; width: calc(100% - 90px); float: right; padding-bottom: 0px; } #windowsh22.compare-windows-11-home-vs-pro-versions #Feature-panel-7 { margin-bottom: 51px; } .bg-feature-section.m-feature.f-align-left picture { padding: 0; right: -90px; top: -40px; position: relative; float: left; } .bg-feature-section.m-feature.f-align-right picture { padding: 0; left: -90px; top: -40px; position: relative; float: right; } .bg-feature-section.m-feature picture img { border-radius: 8px; width: 100%; height: 100%; } .bg-feature-section.m-feature picture + div { width: 40%; } #windowsh22.get-windows-11 .bg-feature-section.m-feature picture + div { width: 42%; } } @media only screen and (max-width: 1083.98px) { .bg-feature-section.m-feature.f-align-right { background: #EBF4FC; border-radius: 8px; margin-left: 50px; width: calc(100% - 80px); min-height: 100%; margin-right: 30px; } .bg-feature-section.m-feature.f-align-left { background: #EBF4FC; border-radius: 8px; margin-right: 50px; width: calc(100% - 80px); min-height: 100%; margin-left: 30px; } .bg-feature-section.m-feature.f-align-left picture { padding: 0; right: -50px; top: -40px; position: relative; } .bg-feature-section.m-feature.f-align-right picture { padding: 0; left: -50px; top: -40px; position: relative; } .bg-feature-section.m-feature picture img { border-radius: 8px; width: 100%; height: 100%; } .bg-feature-section.m-feature picture + div { width: 100%; } } #windowsh22.get-windows-11 .custom-small-feature .content p a.c-hyperlink.supBLink { color: #FFF !important; } #windowsh22.get-windows-11 .numberContentPlacement .content-touts { pointer-events: none; cursor: pointer; } #windowsh22.get-windows-11 .numberContentPlacement .content-touts p.toutpara sup { pointer-events: all; } @media screen and (min-width: 1770px) { #windowsh22.get-windows-11 #fullBleedBgBannerId[data-grid="container"] { max-width: 100%; padding-left: 11%; padding-right: 11%; } } @media screen and (min-width: 1084px) { .linearHorzontalLineLeft-grey { background: linear-gradient(270deg, #FFFFFF 0%, #B3B3B3 97.96%); } .linearHorzontalLineLeftColor-blue { background: #D289ff; } } /*feature bg css ends*/ #windowsh22.get-windows-11 .image-priority-accolate .bg-feature-section.m-feature, #windowsh22.compare-windows-11-home-vs-pro-versions.hubmain .image-priority-accolate .bg-feature-section.m-feature { background: #F9F9F9; } #windowsh22.get-windows-11 .m-hero-item.nonPCUsers { background: linear-gradient(113.78deg, rgba(141, 79, 130, 0.51) 0%, rgba(136, 80, 126, 0.51) 65.85%, rgba(156, 98, 145, 0.4488) 83.42%); } @media only screen and (min-width: 768px) and (max-width: 1083px) { #windowsh22.get-windows-11 .m-hero-item.herowithgradientline > div, #windowsh22.get-windows-11 .m-hero-item.herowithgradientlineblue > div, .features .m-hero-item.herowithbluegradientline > div { width: 100%; padding-bottom: 24px; height: fit-content; } #windowsh22.get-windows-11 .m-hero-item.herowithgradientline[class*=f-x][class*=f-y] > div > div, #windowsh22.get-windows-11 .m-hero-item.herowithgradientlineblue[class*=f-x][class*=f-y] > div > div, .features .m-hero-item.herowithbluegradientline[class*=f-x][class*=f-y] > div > div { top: 0; transform: translateY(2%); padding-bottom: 30px; height: fit-content !important; } } @media only screen and (max-width: 767px) { #windowsh22.get-windows-11 .m-hero-item.herowithgradientline > div, #windowsh22.get-windows-11 .m-hero-item.herowithgradientlineblue > div, .features .m-hero-item.herowithbluegradientline > div { padding-bottom: 24px; height: fit-content !important; } #windowsh22.get-windows-11 .m-hero-item.herowithgradientline[class*=f-x][class*=f-y] > div > div, #windowsh22.get-windows-11 .m-hero-item.herowithgradientlineblue[class*=f-x][class*=f-y] > div > div, .features .m-hero-item.herowithbluegradientline[class*=f-x][class*=f-y] > div > div { top: 0; transform: translateY(2%); padding-bottom: 30px; } } @media screen and (min-width: 540px)and (max-width: 767px) { #windowsh22.get-windows-11 .m-content-placement.numberContentPlacement div[data-grid*="col-"] { width: 90%; margin-left: 4%; } } #windowsh22.get-windows-11 .image-priority-accolate { margin-top: 48px; } .m-hero-item.PCUsers { background: #f3dcb2; } /*accessbility fixes end for fy23*/ /* holiday Items bugs css start*/ #windowsh22.get-windows-11 div.c-pivot.center { margin-top: 0px; } #windowsh22.get-windows-11 div#Hero-banner { background: rgba(0, 120, 215, 0.08); } #windowsh22.get-windows-11 .numberContentPlacement .articletouts .c-badge { font-size: 121px; line-height: 40px; } #windowsh22.next-gen-ai-pcs .retailers .c-link-navigation a.f-image p, #windowsh22.get-windows-11 .retailers .c-link-navigation a.f-image p, #windowsh22.PC-buying-guide .link-retailers .c-link-navigation ul li p, #windowsh22.get-windows-11 .two-column-table table th { font-size: 18px; line-height: 24px; font-weight: 600; } .windows-11#windowsh22 .featurebox .featurecontent p { font-weight: 400 !important; } .windows-11 #stickynavwindows11 nav.c-in-page-navigation.f-dropdown { padding-left: 0px; } .windows .numberlist .m-structured-list.structure-container .c-structured-list .c-group, .windows-11 .numberlist .m-structured-list.structure-container .c-structured-list .c-group { padding-left: 0px; } .windows .media-selector__display li.media-selector__display__media.mount picture { float: left; } .windows-11 #easiertouse .m-feature > picture, .windows-11 #productivity .m-feature > picture, .windows-11 #performancesecurity .m-feature > picture, .windows-11 #gaming.image-priority-accolate .m-feature > picture { margin-top: 25px; float: left; } .windows-11 #easiertouse .m-feature > picture, .windows-11 #performancesecurity .m-feature > picture { float: right; } .windows-11 #easiertouse .m-feature, .windows-11 #productivity .m-feature, .windows-11 #performancesecurity .m-feature, .windows-11 #gaming.image-priority-accolate .m-feature { display: flex; min-height: auto !important; margin: 40px 0; align-items: start; } .windows-11 #easiertouse .m-feature .featurecontent, .windows-11 #productivity .m-feature .featurecontent, .windows-11 #performancesecurity .m-feature .featurecontent, .windows-11 #gaming.image-priority-accolate .m-feature .featurecontent { position: relative; left: 0%; padding-left: 0px; margin-left: 10%; margin-top: 15px; } .windows-11 #easiertouse .m-feature .featurecontent, .windows-11 #performancesecurity .m-feature .featurecontent { margin-left: 0; margin-right: 10%; margin-top: 15px; } [dir="rtl"] .windows-11 #easiertouse .m-feature .featurecontent, [dir="rtl"] .windows-11 #productivity .m-feature .featurecontent, [dir="rtl"] .windows-11 #performancesecurity .m-feature .featurecontent, [dir="rtl"] .windows-11 #gaming.image-priority-accolate .m-feature .featurecontent { margin-right: 10%; margin-left: 0; text-align: right; } [dir="rtl"] .windows-11 #easiertouse .m-feature .featurecontent, [dir="rtl"] .windows-11 #performancesecurity .m-feature .featurecontent { margin-left: 10%; margin-right: 0; padding-right: 0; padding-left: 36px; margin-top: 15px; } .windows-11 .stickyV2 #stickynavwindows11 nav.c-in-page-navigation > ul li > a:nth-of-type(1) { margin-left: 0; } .windows-11 nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a { width: 100%; margin-left: 6px; } @media (min-width: 1084px) and (max-width: 1399px) { .windows #VideoGallery1.video-gallery .media-selector__content .feature-header .feature-button { padding-right: 25px; } } @media screen and (min-width: 1800px) { .windows-11 #homeMosaic.custom-mosaic[data-grid="container"] { max-width: 100%; padding-left: 5%; padding-right: 5%; } } @media screen and (max-width: 1083px) { [dir="rtl"] .windows-11 #easiertouse .m-feature .featurecontent, [dir="rtl"] .windows-11 #productivity .m-feature .featurecontent, [dir="rtl"] .windows-11 #performancesecurity .m-feature .featurecontent, [dir="rtl"] .windows-11 #gaming.image-priority-accolate .m-feature .featurecontent { margin-right: 0%; margin-left: 0; text-align: right; padding-right: 0; } .windows .win11-feature-hero-lowervp .m-hero-item > div { height: fit-content !important; padding: 16px 0px 48px !important; } .windows .win11-feature-hero-lowervp .m-hero-item > div > div { transform: none !important; height: fit-content !important; top: 0px !important; } .windows .holiday-animated-hero .m-hero-item > div > div, .windows-11 .holiday-animated-hero .m-hero-item > div > div { top: 0 !important; } .windows .win11-feature-hero-lowervp .m-hero-item.f-transparent:before { padding-bottom: 56.25% !important; } .windows-11 #easiertouse .m-feature, .windows-11 #productivity .m-feature, .windows-11 #performancesecurity .m-feature, .windows-11 #gaming.image-priority-accolate .m-feature { flex-direction: column; min-height: auto !important; } #AnimationtoggleButton-panel-1 .toggle-button-container, #AnimationtoggleButton-panel-2 .toggle-button-container { padding-right: 20px; } .windows-11 #easiertouse .m-feature .featurecontent, .windows-11 #productivity .m-feature .featurecontent, .windows-11 #performancesecurity .m-feature .featurecontent, .windows-11 #gaming.image-priority-accolate .m-feature .featurecontent { margin-left: 0px; padding-left: 0px; text-align: left; } .windows-11 .featurebox .m-feature.gradient-LVP .featurecontent { padding-top: 48px; } .windows-11 .custom-mosaic .c-mosaic-placement picture { border-radius: 8px; } .windows .showinlowerVp.holiday-animated-hero .m-hero-item .c-group > a, .windows-11 .holiday-animated-hero .m-hero-item .c-group > a { float: left; padding: 12px 20px; } .windows-11 .showinlowerVp.holiday-animated-hero .m-hero-item .c-group > a { float: left; padding: 12px 20px; } .windows .holiday-animated-hero .m-hero-item > div > div, .windows-11 .holiday-animated-hero .m-hero-item > div > div { width: 100%; height: fit-content !important; float: left; } .windows-11 #easiertouse .m-feature .featurecontent .c-group, .windows-11 #productivity .m-feature .featurecontent .c-group, .windows-11 #performancesecurity .m-feature .featurecontent .c-group, .windows-11 #gaming .m-feature .featurecontent .c-group { margin-left: 0px; } #windowsh22.compare-windows-11-home-vs-pro-versions.hubmain .image-priority-accolate.featurebox { width: 100%; } .show-animation-on-hvp { display: none !important; } .show-animation-lvp { display: block; } .show-animation-lvp .m-hero-item.holiday-video-auto > div > div { text-align: left; } .windows-11 .holiday-animated-hero .m-hero-item > div > div { text-align: left; } [dir="rtl"] .windows-11 .holiday-animated-hero .m-hero-item > div > div { text-align: right; } .windows-11 .animation-off.holiday-animated-hero .m-hero-item > div > div, .windows .animation-off.holiday-animated-hero .m-hero-item > div > div { text-align: left; } .windows-11 #stickynavwindows11 nav.c-in-page-navigation.f-dropdown.f-sticky { padding-left: 5%; } #windowsh22.windows-11 .show-animation-lvp.holiday-animated-hero .m-hero-item > picture > .mp4inline > video, #windowsh22.windows-11 .animation-off.holiday-animated-hero .m-hero-item > picture > img { border-radius: 8px; } } @media screen and (min-width: 1084px) { #windowsh22.compare-windows-11-home-vs-pro-versions #Feature-panel-6 .m-feature .featurecontent { padding-left: 0px; top: calc(40%); } .windows-11 #numberListId .numberlist-structurelist .numberlistbanner, .windows #numberListId .numberlist-structurelist .numberlistbanner { min-height: 620px; } .windows-11 #numberListId .numberlist-structurelist .numberlistbanner, .windows #numberListId .numberlist-structurelist .numberlistbanner { min-height: 676px; } .windows-11 #easiertouse .m-feature, .windows-11 #performancesecurity .m-feature { flex-direction: row-reverse; } #windowsh22 .numberlistpanel { padding-top: 100px; padding-bottom: 90px; } .windows-11 .m-feature.f-align-left > div { width: 40% !important; } [dir="rtl"] .windows-11 .m-feature.f-align-left > div { width: 50% !important; } .end-of-support .context-accessory picture + div h2 { font-size: 34px; line-height: 40px; } .comprehensive-security .holiday-animated-hero .m-hero-item.f-transparent, .windows-11 .holiday-animated-hero .m-hero-item.f-transparent, .windows .holiday-animated-hero .m-hero-item.f-transparent { height: auto !important; } .windows #pcs .m-banner { margin-top: 48px; } .windows #VideoGallery1 { padding-bottom: 48px; } .windows-11 #easiertouse .m-feature.f-align-right picture, .windows-11 #productivity .m-feature.f-align-right picture, .windows-11 #performancesecurity .m-feature.f-align-right picture, .windows-11 #gaming.image-priority-accolate .m-feature.f-align-right picture { width: 50%; } .windows-11 #easiertouse .m-feature.f-align-right > div, .windows-11 #productivity .m-feature.f-align-right > div, .windows-11 #performancesecurity .m-feature.f-align-right > div, .windows-11 #gaming.image-priority-accolate .m-feature.f-align-right > div { width: 50%; } .show-animation-on-hvp { display: block; } .show-animation-lvp { display: none !important; } .show-animation-on-hvp .m-hero-item.holiday-video-auto > div > div { display: none; } /*get-win11 start*/ #windowsh22.get-windows-11 .c-table td:first-child, #windowsh22.get-windows-11 .c-table th:first-child { padding-left: 8px; } #windowsh22.get-windows-11 .m-table.left-table { margin-right: 16px; } #windowsh22.get-windows-11 .m-table.right-table { margin-left: 16px; } #windowsh22.get-windows-11 .two-column-table table th { width: 226px; padding-right: 29px; } #windowsh22.get-windows-11 .two-column-table table td { width: 355px; padding-right: 0px; } #windowsh22.get-windows-11 .paradiv { margin-top: 30px; } /*get-win11 end*/ } @media (min-width: 768px) and (max-width: 1083.98px) { #windowsh22 .numberlistpanel { padding: 60px 0px; } .windows-11 .holiday-animated-hero .m-hero-item > div { margin-left: 0px !important; height: fit-content !important; padding: 48px 0px !important; } [dir="rtl"] .windows-11 .holiday-animated-hero .m-hero-item > div { margin-right: 0px !important; } [lang="en-us"] #windowsh22.windows-11 .show-animation-lvp .m-hero-item > div, [lang="en-us"] #windowsh22.windows-11 .animation-off .m-hero-item > div { margin-left: 50px !important; height: fit-content !important; padding: 48px 0px !important; } #windowsh22.windows .show-animation-lvp .m-hero-item > div, #windowsh22.windows .animation-off .m-hero-item > div { margin-left: 0px !important; height: fit-content !important; padding: 48px 0px !important; } .windows-11 .show-animation-lvp .m-hero-item > div > div, .windows-11 .animation-off .m-hero-item > div > div { transform: none; } .windows-11 .holiday-animated-hero .m-hero-item > div > div, .windows .show-animation-lvp .m-hero-item > div > div, .windows-11 .holiday-animated-hero .m-hero-item > div > div, .windows .animation-off .m-hero-item > div div { transform: none; } #windowsh22.get-windows-11 .image-priority-accolate .bg-feature-section div.c-group { margin-bottom: 24px; } .windows .win11-feature-hero-lowervp .m-hero-item.f-transparent:before { padding-bottom: 62.25% !important; } .windows-11 .featurebox .m-feature.gradient-LVP .featurecontent { padding-top: 0; } } @media screen and (min-width: 541px) and (max-width: 767px) { .windows-11 #numberListId .numberlist-structurelist .numberlist > div:first-child, .windows #numberListId .numberlist-structurelist .numberlist > div:first-child { margin-top: 0px; } } @media screen and (max-width: 767px) { .windows-11 #numberListId, .windows #numberListId { padding-top: 0px; } #windowsh22 .numberlistpanel, #view-all .numberlistpanel { padding: 50px 0px; } .windows .holiday-animated-hero .m-hero-item > div, .windows-11 .holiday-animated-hero .m-hero-item > div { height: fit-content !important; padding: 48px 0px !important; } .windows .holiday-animated-hero .m-hero-item > div > div, .windows-11 .holiday-animated-hero .m-hero-item > div > div { transform: translateY(0%) !important; top: 0 !important; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-table thead th { text-align: left !important; } [dir="rtl"] #windowsh22.compare-windows-11-home-vs-pro-versions .c-table thead th { text-align: right !important; } #windowsh22.get-windows-11 .retailers nav.c-link-navigation li { width: 250px; display: inline-block; } #windowsh22.next-gen-ai-pcs .retailers nav.c-link-navigation p, #windowsh22.get-windows-11 .retailers nav.c-link-navigation p { width: 250px; } #windowsh22.next-gen-ai-pcs nav.c-link-navigation li a.c-hyperlink.f-image { text-align: center; } } @media only screen and (min-width: 768px) { .windows .numberlist-structurelist .numberlistbanner .content, .windows-11 .numberlist-structurelist .numberlistbanner .content, .windows .numberlist-structurelist .numberlistbanner .content > h2, .windows-11 .numberlist-structurelist .numberlistbanner .content > h2 { padding-top: 0px; } #fullBleedBgBannerId .m-feature.custom-small-feature.padding-bottom-48 { padding: 0px 36px 0px 0px; } } @media only screen and (max-width: 540px) { #windowsh22.get-windows-11 #systemrequirements h2.c-heading-2 { font-size: 24px; line-height: 28px; } #windowsh22.windows .win11-feature-hero-lowervp .m-hero-item > div > div > p { padding-top: 16px; font-size: 18px; line-height: 24px; } } img.bettertogetherpaneloff { transform: translateY(-50%) !important; top: calc(50%) !important; } .mosaic-animate-stop .mosaic_firstleft_img_main picture img { transform: translate(-50%, -50%) !important; } .mosaic-animate-stop .mosaic-win11-left-img picture img { /*transform: translate(-50%, -50%) !important;*/ transform: none !important; position: relative; left: 0; top: 0; } /* get-win11 start*/ #windowsh22.get-windows-11 .m-hero-item.PCUsers { background: #f3dcb2; } /*get win11 end*/ /* accessbility fixes start*/ .accessibility-features .articletouts .m-content-placement-item p.toutpara a { text-decoration: underline !important; } @media screen and (-ms-high-contrast: active) { #windowsh22.Transfer-your-data .c-drawer > button:focus { color: highlight !important } input:checked + .slider { background: highlight !important; } } @media only screen and (max-width: 767px) { .hubmain.transfer-your-data-with-windows-backup #feature-banner a.supBLink:focus, .hubmain.transfer-your-data-with-windows-backup .m-feature a.c-hyperlink:focus, .hubmain.transfer-your-data-with-windows-backup .m-banner a.supBLink.c-hyperlink:focus, .hubmain.transfer-your-data-with-windows-backup .m-content-placement-item a.c-hyperlink:focus, .hubmain.transfer-your-data-with-windows-backup .m-content-placement-item a.c-hyperlink.supBLink:focus, .hubmain.transfer-your-data-with-windows-backup .c-drawer a.c-hyperlink:focus { outline: 2px dashed #000 !important; padding: 2px 4px; background: none !important; } } .transfer-your-data-with-windows-backup .toggle-button input:focus + .slider, .end-of-support .toggle-button input:focus + .slider, .windows .toggle-button input:focus + .slider, .comprehensive-security .toggle-button input:focus + .slider, .windows-11 .toggle-button input:focus + .slider, #windowsh22.laptops-for-students .toggle-button input:focus + .slider { outline: 2px dashed #000; } @media (prefers-contrast: more) { #windowsh22.laptops-for-students .toggle-button span.slider.round, #windowsh22.ai-features .toggle-button span.slider.round, .windows .toggle-button span.slider.round, .windows-11 .toggle-button span.slider.round, .comprehensive-security .toggle-button span.slider.round { border: 1px solid transparent; } #windowsh22.laptops-for-students .toggle-button span.slider.round:before, #windowsh22.ai-features .toggle-button span.slider.round:before, .windows .toggle-button .slider.round:before, .windows-11 .toggle-button .slider.round:before, .comprehensive-security .toggle-button .slider.round:before { border: 1px solid transparent; } #windowsh22.laptops-for-students .toggle-button input:focus + .slider, #windowsh22.ai-features .toggle-button input:focus + .slider, .windows .toggle-button input:focus + .slider, .windows-11 .toggle-button input:focus + .slider, .comprehensive-security .toggle-button input:focus + .slider { outline: 2px dashed transparent; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center ul[role="tablist"] li.f-active, #windowsh22.get-windows-11 .c-pivot.center ul[role="tablist"] li.f-active { border-bottom: 4px solid #000 !important; } #view-all .m-product-placement-item.view-all-devices a.hatch-button, .valid-compare-page a.hatch-button, #compare-button, a.hardcodelink { border: 1px solid highlight !important; outline: none !important; } #view-all .m-product-placement-item.view-all-devices a.hatch-button:focus, .valid-compare-page a.hatch-button:focus, #compare-button:focus, a.hardcodelink:focus { border: 2px solid highlight !important; } .wdg-global a.c-call-to-action.wdg-f-blue-button.disabled-button, .wdg-global a.c-call-to-action.wdg-f-blue-button.disabled-button:focus, .wdg-global a.c-call-to-action.wdg-f-blue-button.disabled-button:active, .c-checkbox input[type="checkbox"]:disabled + span { opacity: 0.5; } .windows-11-specifications nav.c-in-page-navigation.f-sticky .f-active { border: 2px solid grayText !important; } .windows-11-specifications nav.c-in-page-navigation.f-sticky .f-active:focus { border: 2px solid grayText !important; } /* .m-product-placement-item span.supText { color: highlightText !important; } */ } @media only screen and (min-width: 320px) and (max-width: 330px) {       .drawer-panel p.expand-collapse-toggle-area { margin-right: 12px; } .hubmain nav.c-in-page-navigation a { padding: 5px 12px; font-size: 10px !important; } } /* accessbility fixes end*/ #windowsh22 .c-heading-1, #accessbilityID .c-heading-1 { font-size: 62px; font-weight: 600; line-height: 72px; letter-spacing: 0em; } #windowsh22 .c-paragraph-1 { font-size: 20px; font-weight: 400; line-height: 24px; letter-spacing: 0em; } #windowsh22 .c-paragraph-2, #accessbilityID .c-paragraph-2 { font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0em; } #windowsh22 .toutheading { font-size: 34px; font-weight: 600; line-height: 40px; letter-spacing: 0em; } #windowsh22 .linearHorzontalLineLeft-grey, #windowsh22 .linearHorzontalLineLeft-blue, #windowsh22 .linearHorzontalLinerightshade-blue, .features .linearHorzontalLineLeftColor-blue { margin-bottom: 24px; } #windowsh22.compare-windows-11-home-vs-pro-versions h2.c-subheading-4 { font-size: 18px; font-weight: 600; line-height: 24px; letter-spacing: 0em; } @media only screen and (min-width: 1400px) { #windowsh22 .win11-feature-hero .m-hero-item > div > div { max-width: 400px; } #windowsh22.compare-windows-11-home-vs-pro-versions .m-banner { padding: 68px 0px; } } #windowsh22.windows-11 .numberlist .m-structured-list p, #windowsh22.laptops-for-students .numberlist .m-structured-list p, #windowsh22.windows .numberlist .m-structured-list p { line-height: 20px; } #windowsh22.windows-11 #pchealthcheck .custom-small-feature { margin-top: 0px; margin-bottom: 44px !important; } #windowsh22.windows-11 #Hero-Item-panel-1 .m-hero-item .linearHorzontalLinerightshade-blue { margin-top: 0px !important; } #windowsh22.windows-11 #Hero-Item-panel-1 .m-hero-item .linearHorzontalLinerightshade-blue { margin-top: 32px !important; } @media screen and (max-width: 767.98px) { #windowsh22.get-windows-11 #fullBleedBgBannerId p.c-paragraph-2 { margin-bottom: 30px; } #windowsh22.windows-11 .stickyV2 #stickynavwindows11 nav.c-in-page-navigation { margin-bottom: 0px; } #windowsh22.get-windows-11 #fullBleedBgBannerId div.c-group { margin-top: 0px; } #windowsh22 .c-heading-1, #accessbilityID .c-heading-1, .features .c-heading-1 { font-size: 34px; font-weight: 600; line-height: 40px; } #windowsh22.get-windows-11 #retailers .m-banner h2, .hubmain #retailers .m-banner > span { font-size: 34px !important; } #windowsh22 .c-paragraph-1, #accessbilityID .c-paragraph-2 { font-size: 15px; font-weight: 400; line-height: 20px; } #windowsh22 .toutheading { font-size: 24px; font-weight: 600; line-height: 28px; letter-spacing: 0em; } #windowsh22 .c-paragraph-2 { font-size: 15px; line-height: 20px; } #windowsh22 .video-gallery { padding: 0px; } .video-gallery .feature-header.c-subheading-3 button[aria-expanded="false"] { font-size: 18px; line-height: 24px; } #windowsh22.windows .m-mosaic { padding-top: 0px; } #windowsh22 .linearHorzontalLineLeft-grey, #windowsh22 .linearHorzontalLineLeft-blue, #windowsh22 .linearHorzontalLinerightshade-blue, .features .linearHorzontalLineLeft-grey, .features .linearHorzontalLineLeftColor-blue { margin-bottom: 16px; } .nonumber #gradient-mobile { margin-top: 48px; } #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables.padding-bottom-48 { padding-bottom: 0px !important; } #windowsh22.get-windows-11 #fullBleedBgBannerId p.c-paragraph-2, #windowsh22.get-windows-11 #Hero-banner p.c-paragraph-2 { font-size: 18px !important; line-height: 24px !important; } #windowsh22.get-windows-11 .bg-feature-section .margin-top-24 { margin-top: 0px !important; } #accessbilityID #numberListId.margin-bottom-48 { margin-bottom: 0px !important; } #windowsh22.compare-windows-11-home-vs-pro-versions #Feature-panel-6 .featurecontent { padding-bottom: 0px !important; } } #windowsh22.windows p.toutpara { height: auto !important } #fullBleedBgBannerId .m-feature.custom-small-feature.padding-bottom-48 .content { margin-right: 0px !important; } @media screen and (min-width: 320px) and (max-width: 330px) { #windowsh22.compare-windows-11-home-vs-pro-versions .c-table thead th { font-size: 12px !important; line-height: 20px !important; padding: 0px; } #windowsh22.get-windows-11 .two-column-table table th { font-size: 12px !important; line-height: 20px !important; padding: 0px; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center ul[role="tablist"] li { line-height: 15px !important; font-size: 10px !important; padding: 10px 12px !important; } } @media screen and (max-width: 540px) { #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables { padding-left: 5%; padding-right: 5%; } #windowsh22.compare-windows-11-home-vs-pro-versions #Feature-panel-6 .m-feature { padding-bottom: 90px !important; } #windowsh22.get-windows-11 #Feature-panel-2 .bg-feature-section.m-feature.f-align-right { width: calc(100% - 18px); } #windowsh22.get-windows-11 #Feature-panel-2 { margin-left: 0px; } #windowsh22.get-windows-11 Feature-panel-7 { margin-left: 0px; } #windowsh22.windows-11 .structure-container .c-structured-list .structure-item h3, #windowsh22.windows .structure-container .c-structured-list .structure-item h3 { padding-top: 24px; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-table thead th { font-size: 20px !important; line-height: 24px !important; padding: 0px; } #windowsh22.compare-windows-11-home-vs-pro-versions #Feature-panel-7.image-priority-accolate .linearHorzontalLineLeft-blue { margin-top: 0px !important; } #windowsh22.compare-windows-11-home-vs-pro-versions .bg-feature-section.m-feature.f-align-right, #windowsh22.get-windows-11 .bg-feature-section.m-feature.f-align-right { width: calc(100% - 60px) !important; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-table thead th { padding-bottom: 16px; line-height: 28px !important; font-size: 24px !important; } .bg-feature-section.m-feature.f-align-right { width: calc(100% - 50px); } #windowsh22 .bg-feature-section.rounded-corners .c-button.f-primary.blue-button { padding: 11px 30px; } #windowsh22.windows .video-gallery .feature-button.header-enlarge-mobile, #windowsh22.windows .video-gallery .feature-button.header-active-mobile { font-size: 24px !important; line-height: 28px !important; } .video-gallery .scrollvideogallery.media-selector .media-selector__features__container .media-selector__features ul .feature-button:not(.header-active)[aria-expanded="true"]:after { content: ''; } .video-gallery .scrollvideogallery button.feature-button.header-active { font-size: 2p4x !important; line-height: 28px !important; } #accessbilityID .toutheading { font-size: 24px; font-weight: 600; line-height: 28px; letter-spacing: 0em; padding-top: 42px; } #accessbilityID .toutpara { font-size: 15px; font-weight: 400; line-height: 20px; letter-spacing: 0em; } #accessbilityID .m-feature .c-heading-2 { font-size: 24px; font-weight: 600; line-height: 28px; } #accessbilityID .m-feature .c-paragraph-2 { font-size: 15px; font-weight: 400; line-height: 20px; } .accessibility-features #vision, .accessibility-features #hearing, .accessibility-features #mobility, .accessibility-features #neurodiversity { padding-top: 0px; } .accessibility-features #vision .m-banner, .accessibility-features #hearing .m-banner, .accessibility-features #mobility .m-banner, .accessibility-features #neurodiversity .m-banner { padding-top: 0px; padding-bottom: 0px !important; } #accessbilityID #numberListId.margin-bottom-48 { margin-bottom: 0px !important; } #windowsh22.compare-windows-11-home-vs-pro-versions .bg-feature-section .featurecontent { padding: 0px !important; } #windowsh22 #Feature-panel-5.image-priority-accolate .linearHorzontalLineLeft-blue, #windowsh22 #Feature-panel-6.image-priority-accolate .linearHorzontalLineLeft-blue { margin-top: 48px !important; } } span.visually-hidden, p.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; } @media only screen and (min-width: 320px) and (max-width: 330px) { #windowsh22.get-windows-11 .drawer-panel .expand-collapse-toggle-area { margin-right: 12px !important; } #windowsh22.photo-movie-editor .f-video-trigger button.c-action-trigger.c-glyph { height: 26px; padding: 0 2px !important; } #windowsh22.photo-movie-editor button.c-action-trigger.c-glyph:before { margin-right: 0px !important; } } @media screen and (min-width: 320px) and (max-width: 375px) { .accessibility-features nav.c-in-page-navigation > ul li > a, .accessibility-features nav.c-in-page-navigation a { font-size: 16px; } [lang="th-th"] .accessibility-features nav.c-in-page-navigation > ul li > a, [lang="th-th"] .accessibility-features nav.c-in-page-navigation a { font-size: 13px; } #windowsh22.windows-11 #homeMosaic .m-mosaic .c-group > a span { font-size: 12px; line-height: normal; } #windowsh22 .c-heading-2 { font-size: 24px; line-height: 28px; } #windowsh22.windows .numberlistbanner .content > h2 { font-size: 34px; font-weight: 600; line-height: 40px; } #windowsh22.windows .numberlistpanel, #windowsh22.windows-11 .numberlistpanel, .accessibility-features .numberlistpanel, #view-all .numberlistpanel { padding-top: 48px; padding-bottom: 24px; } #windowsh22.windows .structure-container .c-structured-list .structure-item h3, #windowsh22.windows-11 .structure-container .c-structured-list .structure-item h3, .accessibility-features .structure-container .c-structured-list .structure-item h3 { font-size: 24px; font-weight: 600; line-height: 28px; } [lang="nl-be"] .accessibility-features .structure-container .c-structured-list .structure-item h3 { font-size: 20px; } [lang="nl-nl"] .accessibility-features nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a:after { right: 15px; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-table thead th { line-height: 24px !important; font-size: 20px !important; } /* comparepage issues start*/ .bg-feature-section.m-feature.f-align-right { margin-left: 31px; } .bg-feature-section.m-feature.f-align-right picture { left: -45px; } #windowsh22 .bg-feature-section .featurecontent { padding: 0px 0px 24px 12px !important; } #windowsh22 #Feature-panel-6.image-priority-accolate .linearHorzontalLineLeft-blue { margin-top: 16px !important; } #windowsh22 .bg-feature-section .featurecontent > div.c-group { margin-top: 8px; } /* comparepage issues end*/ } #windowsh22.windows-11 div#homeMosaic { padding-bottom: 64px !important; } #windowsh22.windows-11 div#homeMosaic { padding-bottom: 84px; } @media screen and (max-width: 1083px) { .windows .win11-feature-hero-lowervp .m-hero-item.bettergothergradientline { background: #EBF4FC; } .fullBleedBgBanner.margin-bottom-48 { margin-bottom: 0px !important; } #windowsh22.get-windows-11 .paradiv { margin-left: 30px !important; padding-right: 36px !important; } } #windowsh22.windows .crossCards .m-content-placement-item .c-group > .c-call-to-action, #windowsh22.windows #numberListId .numberlist .m-structured-list .structure-item .c-call-to-action, #windowsh22.windows-11 #numberListId .numberlist .m-structured-list .structure-item .c-call-to-action { font-weight: 700; } #windowsh22.windows-11 #easiertouse .m-feature .featurecontent > div.c-group, #windowsh22.windows-11 #productivity .m-feature .featurecontent > div.c-group, #windowsh22.windows-11 #performancesecurity .m-feature .featurecontent > div.c-group, #windowsh22.windows-11 #gaming .m-feature .featurecontent > div.c-group { margin-top: 24px; } #windowsh22.windows .showinhigherVp.win11-feature-hero .bettergothergradientline .linearHorzontalLineLeft-blue { margin-bottom: 16px !important; } .end-of-support .rounded-corners .c-button.f-primary.blue-button, #windowsh22 .rounded-corners .c-button.f-primary.blue-button, #windowsh22.windows #performance .c-button.f-primary.blue-button { border-radius: 6px; text-align: center; padding: 11px 40px; line-height: 20px; box-shadow: none; background: #0078D4; color: #FFFFFF; white-space: normal; font-weight: 700; margin-top: 15px; border: 0; min-height: 42px; height: auto; } #windowsh22 .rounded-corners .c-button.f-primary.blue-button span { display: block; } #windowsh22 a.c-call-to-action, button.c-call-to-action { outline-offset: -2px; } #windowsh22 .rounded-corners .c-button.f-primary.white-button { border-radius: 6px; text-align: center; padding: 11px 40px !important; line-height: normal; box-shadow: none; white-space: normal; font-weight: 700; } @media screen and (max-width: 768px) { #windowsh22.get-windows-11 .two-column-table table th { padding-left: 0px; } #windowsh22.get-windows-11 .retailers .c-link-navigation picture div { text-align: center; } #windowsh22.get-windows-11 #Feature-panel-2 .linearHorzontalLineLeft-blue { margin-top: 10px !important; } #windowsh22.get-windows-11 #Feature-panel-2 .m-feature.herowithgradientline-blue .featurecontent { padding-bottom: 48px; padding-left: 0px; } #windowsh22.get-windows-11 #Feature-panel-2 { margin-left: 0px; margin-right: 0px; width: 100%; } } #windowsh22.get-windows-11 #fullBleedBgBannerId div.c-group a.c-call-to-action { font-weight: 700; } @media screen and (max-width: 1083px) { #windowsh22.get-windows-11 div#fullBleedBgBannerId { padding-left: 2%; padding-right: 2%; } } @media screen and (min-width: 540px) { #windowsh22.get-windows-11 .numberContentPlacement .toutheading { padding-top: 24px; } } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center ul[role="tablist"], #windowsh22.get-windows-11 .c-pivot.center ul[role="tablist"] { margin-bottom: 22px; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center ul[role="tablist"] { float: left; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot > [role="tablist"] > [role="tab"]:focus, #windowsh22.get-windows-11 .c-pivot > [role="tablist"] > [role="tab"]:focus { border: 0px; } #windowsh22.next-gen-ai-pcs .retailers .c-link-navigation img, #windowsh22.get-windows-11 .retailers .c-link-navigation img, #windowsh22.PC-buying-guide .link-retailers .c-link-navigation img { border: 1px solid #f9f9f9; box-shadow: 0px 0px 10px #CCCCCC; } #windowsh22.next-gen-ai-pcs .retailers .c-link-navigation img { width: 121px; } #windowsh22.next-gen-ai-pcs .retailers .c-link-navigation ul li picture, #windowsh22.get-windows-11 .retailers .c-link-navigation ul li picture, #windowsh22.PC-buying-guide .link-retailers .c-link-navigation ul li picture { max-height: initial; text-align: center; margin-top: 20px; } #windowsh22.next-gen-ai-pcs .retailers .c-link-navigation ul li p, #windowsh22.get-windows-11 .retailers .c-link-navigation ul li p, #windowsh22.PC-buying-guide .link-retailers .c-link-navigation ul li p { display: block; text-align: center; text-decoration: none; } #windowsh22.next-gen-ai-pcs .retailers .c-link-navigation picture div, #windowsh22.get-windows-11 .retailers .c-link-navigation picture div, #windowsh22.PC-buying-guide .link-retailers .c-link-navigation picture div { text-transform: none; font-weight: 700; } #windowsh22.PC-buying-guide .link-retailers .c-link-navigation picture div { max-width: 100%; } #windowsh22.get-windows-11 .two-column-table table td a.c-hyperlink { text-decoration: underline; } @media (min-width: 1600px) and (max-width: 1700px) { .animation-true .video-gallery .media-selector__content .feature-header .feature-button { padding-right: 15px; } } /* Spacings for Accessbility page Start here */ #accessbilityID.accessibility-features .stickyV2 nav.c-in-page-navigation { margin-bottom: 0px; } #accessbilityID.accessibility-features .stickyV2 nav.c-in-page-navigation:not(.f-sticky) { padding-right: 0; padding-left: 0; } #accessbilityID.accessibility-features #vision .m-banner .c-heading-1 { padding-top: 40px; } #accessbilityID.accessibility-features #vision .m-banner { padding-bottom: 42px !important; } #accessbilityID.accessibility-features .m-banner .c-heading-1 { padding-top: 24px; } #accessbilityID.accessibility-features #vision .m-banner, #accessbilityID.accessibility-features #hearing .m-banner, #accessbilityID.accessibility-features #mobility .m-banner, #accessbilityID.accessibility-features #neurodiversity .m-banner { padding-top: 0px !important; } #accessbilityID.accessibility-features #hearing .m-banner, #accessbilityID.accessibility-features #mobility .m-banner, #accessbilityID.accessibility-features #neurodiversity .m-banner { padding-bottom: 4px !important; } #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_2, #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_3 { padding-bottom: 48px; } #accessbilityID.accessibility-features .fullBleedBgBanner .m-feature { margin-top: 25px; padding-bottom: 84px !important; } /*#accessbilityID.accessibility-features .numberlistpanel {margin-bottom: 60px !important;}*/ [dir="rtl"] .accessibility-features .number a.c-call-to-action:not(.glyph-play):hover:after { left: -2px; } @media (min-width: 1084px) and (max-width: 1400px) { #accessbilityID.accessibility-features .m-hero-item > div { width: 95%; } } @media screen and (max-width: 540px) { #accessbilityID.accessibility-features .m-hero-item:before { padding-bottom: 56.5% !important; } #accessbilityID.accessibility-features .m-hero-item > div { height: auto !important; } #accessbilityID.accessibility-features .m-hero-item.f-y-center.f-transparent > div > div { padding: 48px 0px !important; transform: none !important; } #accessbilityID.accessibility-features #vision .m-banner .c-heading-1 { padding-top: 48px; } #accessbilityID.accessibility-features .m-content-placement-item, .c-content-placement { margin-top: 36px !important; } #accessbilityID.accessibility-features #hearing, .accessibility-features #neurodiversity { margin-top: 36px; } #accessbilityID.accessibility-features #hearing .m-banner .c-heading-1, .accessibility-features #mobility .c-heading-1, .accessibility-features #neurodiversity .m-banner .c-heading-1 { padding-top: 48px !important; } #accessbilityID.accessibility-features .m-feature { margin-top: 30px; } #accessbilityID.accessibility-features .m-feature .featurecontent { padding-bottom: 0px; } #accessbilityID #accessbilityContentplacement_1_Banner_4.m-content-placement > [data-grid~="stack-2"], #accessbilityID #accessbilityContentplacement_1_Banner_2.m-content-placement > [data-grid~="stack-2"] { padding-bottom: 38px; } #accessbilityID.accessibility-features .numberlistpanel { padding-top: 20px; } #accessbilityID.accessibility-features .m-feature.custom-small-feature { padding-bottom: 12px !important; } #accessbilityID.accessibility-features #vision .m-banner { padding-bottom: 0px !important; } #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_2, #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_3 { padding-bottom: 10px; } } @media (min-width: 768px) and (max-width: 1083px) { /*#windowsh22.get-windows-11 #contentPlacementId > div:first-child { margin-left: -5%; }*/ #windowsh22.windows .holiday-animated-hero .m-hero-item > div > div h2.c-heading-1 { padding-top: 12px; } } @media (min-width: 540px) and (max-width: 1083.98px) { #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables { padding-left: 0%; padding-right: 0%; } #windowsh22.compare-windows-11-home-vs-pro-versions #PivotTarget0, #windowsh22.get-windows-11 #PivotTarget0, #windowsh22.compare-windows-11-home-vs-pro-versions #PivotTarget1, #windowsh22.get-windows-11 #PivotTarget1 { padding-left: 5%; padding-right: 5%; } #windowsh22.compare-windows-11-home-vs-pro-versions #Table-panel-4, #windowsh22.get-windows-11 #PivotTarget0 > div, #windowsh22.compare-windows-11-home-vs-pro-versions #Table-panel-5, #windowsh22.get-windows-11 #PivotTarget1 > div:first-child { border-top: 2px solid #D2D2D2 !important; padding-top: 22px !important; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center ul[role="tablist"], #windowsh22.get-windows-11 .c-pivot.center ul[role="tablist"] { margin-bottom: 0px !important; } } @media screen and (max-width: 1083.98px) { .windows-11 .featurebox .m-feature.gradient-LVP .featurecontent { padding-top: 0; margin-top: 0px !important; padding-bottom: 16px; } #windowsh22.windows-11 div#homeMosaic { padding-top: 0 !important; padding-bottom: 48px !important; } #windowsh22.windows-11 .m-banner.x-type-center.bg-A8E1C5 { padding-bottom: 48px !important; } .windows-11 #easiertouse .m-feature > picture, .windows-11 #productivity .m-feature > picture, .windows-11 #performancesecurity .m-feature > picture, .windows-11 #gaming.image-priority-accolate .m-feature > picture { margin-top: 0px; } } @media screen and (min-width: 1084px) and (max-width: 1109px) { [lang="el-gr"] #windowsh22.windows-11 #homeMosaic section.c-mosaic-placement.f-height-large.f-width-small .c-group .blue-button, [lang="lt-lt"] #windowsh22.windows-11 #homeMosaic section.c-mosaic-placement.f-height-large.f-width-small .c-group .blue-button, [lang="pl-pl"] #windowsh22.windows-11 #homeMosaic section.c-mosaic-placement.f-height-large.f-width-small .c-group .blue-button { margin-top: 0px; } [lang="el-gr"] #windowsh22.windows-11 #homeMosaic section.c-mosaic-placement.f-height-large.f-width-small .c-group, [lang="lt-lt"] #windowsh22.windows-11 #homeMosaic section.c-mosaic-placement.f-height-large.f-width-small .c-group, [lang="pl-pl"] #windowsh22.windows-11 #homeMosaic section.c-mosaic-placement.f-height-large.f-width-small .c-group { bottom: 16px } } @media screen and (min-width: 1084px) and (max-width: 1400px) { [lang="bg-bg"] #windowsh22.windows-11 #homeMosaic section.c-mosaic-placement.f-height-large.f-width-small .c-group .blue-button { margin-top: 0px; } [lang="bg-bg"] #windowsh22.windows-11 #homeMosaic section.c-mosaic-placement.f-height-large.f-width-small .c-group { bottom: 12px } } @media screen and (max-width: 400px) { [lang="pl-pl"] #windowsh22.windows-11 #homeMosaic .m-mosaic .c-group, [lang="lt-lt"] #windowsh22.windows-11 #homeMosaic .m-mosaic .c-group { bottom: 28px; } } @media screen and (max-width: 350px) { [lang="el-gr"] #windowsh22.windows-11 #homeMosaic .m-mosaic .c-group, [lang="bg-bg"] #windowsh22.windows-11 #homeMosaic .m-mosaic .c-group, [lang="lt-lt"] #windowsh22.windows-11 #homeMosaic .m-mosaic .c-group, [lang="pl-pl"] #windowsh22.windows-11 #homeMosaic .m-mosaic .c-group { bottom: 28px; } } @media screen and (min-width: 1084px) { #accessbilityID.accessibility-features .numberlistpanel { padding-top: 52px; padding-bottom: 90px; margin-bottom: 0px !important; } #windowsh22.windows-11 div#homeMosaic { padding-top: 80px !important; padding-bottom: 100px !important; } [lang="en-us"] #windowsh22.windows-11 .m-banner.x-type-center.bg-A8E1C5 { padding-top: 100px; } .video-gallery .media-selector__features ul .media-selector__content .media-selector__content__subcontent .animate-text-group a { text-align: left; } #windowsh22.windows-11 #easiertouse .m-feature > picture, .windows-11 #productivity .m-feature > picture, #windowsh22.windows-11 #performancesecurity .m-feature > picture, .windows-11 #gaming.image-priority-accolate .m-feature > picture { margin-top: 25px; } #windowsh22.compare-windows-11-home-vs-pro-versions #PivotTarget0, #windowsh22.get-windows-11 #PivotTarget0, #windowsh22.compare-windows-11-home-vs-pro-versions #PivotTarget1, #windowsh22.get-windows-11 #PivotTarget1 { padding-left: 5%; padding-right: 5%; } #windowsh22.compare-windows-11-home-vs-pro-versions #Table-panel-4, #windowsh22.get-windows-11 #PivotTarget0 > div, #windowsh22.compare-windows-11-home-vs-pro-versions #Table-panel-5, #windowsh22.get-windows-11 #PivotTarget1 > div:first-child { border-top: 2px solid #D2D2D2 !important; padding-top: 22px !important; padding-left: 0%; padding-right: 0%; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center ul[role="tablist"], #windowsh22.get-windows-11 .c-pivot.center ul[role="tablist"] { margin-bottom: 0px !important; } } @media screen and (min-width: 1040px) and (max-width: 1084px) { #windowsh22 #mosaic-devices picture.mosaic_right_btm_img_1 { zoom: 104%; } } #windowsh22.windows .media-selector__features__container .media-selector__content .media-selector__content__subcontent .animate-text-group a.c-call-to-action.c-glyph:focus { border: 2px dashed #000; } #windowsh22.laptop-buying-guide #Sticky-Navigation #stickynavwindows11 .c-in-page-navigation a.f-active:focus, #windowsh22.windows-11 #Sticky-Navigation #stickynavwindows11 .c-in-page-navigation a.f-active:focus, #windowsh22.comprehensive-security #Sticky-Navigation #stickynavwindows11 .c-in-page-navigation a.f-active:focus { outline: 2px solid #000 !important; border-left: 2px solid transparent; border-right: 2px solid transparent; border-top: 2px solid transparent; outline-offset: -2px; } #windowsh22.windows-11 #Sticky-Navigation #stickynavwindows11 .c-in-page-navigation a.upgrade-button.f-active:focus { border: 0 !important; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center ul[role="tablist"] li.f-active:focus, #windowsh22.get-windows-11 .c-pivot.center ul[role="tablist"] li.f-active:focus { border-bottom: 2px solid #000; } /* Spacings for Accessbility page Ends here */ /*Accessbility feature ROW fixes start*/ [dir="rtl"] .accessibility-features nav.c-in-page-navigation a, [dir="rtl"] #windowsh22.windows-11 nav.c-in-page-navigation > ul li > a, [dir="rtl"] #windowsh22.windows-11 nav.c-in-page-navigation a { margin-right: 0px; margin-left: 24px !important; } [dir="rtl"] .accessibility-features nav.c-in-page-navigation ul li > a { margin-left: 0 !important; } [dir="rtl"] .accessibility-features nav.c-in-page-navigation.f-dropdown.f-sticky { padding-right: 5%; } [dir="rtl"] .accessibility-features nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a { margin-right: 6px; } @media screen and (max-width: 1083px) { [dir="rtl"] #accessbilityID.accessibility-features #accessbilityHero .m-hero-item > div, [dir="rtl"] #windowsh22.windows-11 .showinlowerVp .m-hero-item > div, [dir="rtl"] #windowsh22.windows .showinlowerVp .m-hero-item > div, [dir="rtl"] #windowsh22.windows .win11-feature-hero .m-hero-item > div, [dir="rtl"] #windowsh22.compare-windows-11-home-vs-pro-versions .m-hero-item > div, [dir="rtl"] #windowsh22.get-windows-11 .m-hero-item > div { text-align: right !important; } [dir="rtl"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_2 .m-feature.f-align-left > div, [dir="rtl"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_3 .m-feature.f-align-left > div { text-align: right; } } @media screen and (min-width: 1084px) { [dir="rtl"] #accessbilityID.accessibility-features .fullBleedBgBanner .m-feature.custom-small-feature .content { margin-right: 0px !important; } [lang="de-ch"] #windowsh22.compare-windows-11-home-vs-pro-versions #Feature-panel-6 .m-feature .featurecontent h2, [lang="de-at"] #windowsh22.compare-windows-11-home-vs-pro-versions #Feature-panel-6 .m-feature .featurecontent h2, [lang="de-de"] #windowsh22.compare-windows-11-home-vs-pro-versions #Feature-panel-6 .m-feature .featurecontent h2, [lang="hu-hu"] #windowsh22.compare-windows-11-home-vs-pro-versions #Feature-panel-6 .m-feature .featurecontent h2 { font-size: 48px; line-height: 60px; } } @media (min-width: 1084px) and (max-width: 1400px) { #windowsh22.windows-11 .m-banner { padding-left: 5%; padding-right: 5%; } [lang="nb-no"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_2 .m-feature .featurecontent, [lang="nb-no"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_3 .m-feature .featurecontent, [lang="nl-be"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_2 .m-feature .featurecontent, [lang="nl-be"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_3 .m-feature .featurecontent, [lang="nl-nl"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_2 .m-feature .featurecontent, [lang="nl-nl"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_3 .m-feature .featurecontent { padding-left: 0px; } [lang="de-at"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_2 .m-feature .featurecontent > h2, [lang="de-at"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_3 .m-feature .featurecontent > h2, [lang="de-ch"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_2 .m-feature .featurecontent > h2, [lang="de-ch"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_3 .m-feature .featurecontent > h2, [lang="de-de"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_2 .m-feature .featurecontent > h2, [lang="de-de"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_3 .m-feature .featurecontent > h2, [lang="da-dk"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_2 .m-feature .featurecontent > h2, [lang="da-dk"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_3 .m-feature .featurecontent > h2, [lang="et-ee"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_2 .m-feature .featurecontent > h2, [lang="et-ee"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_3 .m-feature .featurecontent > h2, [lang="ru-ru"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_2 .m-feature .featurecontent > h2, [lang="ru-ru"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_3 .m-feature .featurecontent > h2 { font-size: 36px; } [dir="rtl"] #accessbilityID.accessibility-features .m-hero-item > div { width: 97%; } [lang="ro-ro"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1, [lang="ru-ru"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1, [lang="pt-pt"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1, [lang="pt-br"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1, [lang="da-dk"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1, [lang="de-at"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1, [lang="de-ch"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1, [lang="de-de"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1, [lang="hr-hr"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1, [lang="ko-kr"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1, [lang="nb-no"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1 { font-size: 54px } [lang="hu-hu"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1, [lang="el-gr"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1, [lang="ja-jp"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1, [lang="fi-fi"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1, [lang="nl-be"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1, [lang="nl-nl"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1 { font-size: 45px } } #accessbilityID.accessibility-features .stickyV2 nav.c-in-page-navigation > ul li > a.f-active:focus { outline: 2px solid #000 !important; } @media screen and (min-width: 540px) and (max-width: 1083px) { #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center [role="tablist"] [role="tab"] { white-space: normal; max-width: calc(50% - 40px) !important; } } @media screen and (min-width: 320px) and (max-width: 375px) { #windowsh22.compare-windows-11-home-vs-pro-versions .c-table thead th { line-height: normal !important; font-size: 12px !important; } } /*Accessbility feature ROW fixes end here*/ /* hoilday Row home page starts*/ #windowsh22.windows .holiday-animated-hero button.c-button.f-primary:active, #windowsh22.windows .holiday-animated-hero a.c-button.f-primary:active, #windowsh22.windows .holiday-animated-hero button.c-button[type="submit"]:active { transform: none !important; } [dir="rtl"] #windowsh22.compare-windows-11-home-vs-pro-versions .linearHorzontalLineLeft-blue, [dir="rtl"] #windowsh22.get-windows-11 .linearHorzontalLineLeft-blue, [dir="rtl"] #windowsh22.windows .linearHorzontalLineLeft-blue, [dir="rtl"] #windowsh22.laptops-for-students .linearHorzontalLineLeft-blue { background: linear-gradient(277.21deg, #0067B8 5.82%, #50E6FF 134%); } [dir="rtl"] #windowsh22.get-windows-11 .linearHorzontalLineLeft-grey { background: linear-gradient(90deg, #FFFFFF 0%, #B3B3B3 97.96%); } [dir="rtl"] .gradient-line { background: linear-gradient(180deg, #50E6FF 0%, #0067B8 100%); } [dir="rtl"] .linearHorzontalLinerightshade-blue { background: linear-gradient(277.21deg, #50E6FF 5.82%, #0067B8 134%); } #windowsh22.get-windows-11 #Hero-banner { padding-left: 5%; padding-right: 5%; } [lang="sk-sk"] #windowsh22 .c-mosaic .c-mosaic-placement.f-width-large .c-group > a:nth-child(1), [lang="bg-bg"] #windowsh22 .c-mosaic .c-mosaic-placement.f-width-large .c-group > a:nth-child(1) { margin-top: 0px; } [lang="en-id"] #windowsh22.get-windows-11 .featurebox, [lang="en-is"] #windowsh22.get-windows-11 .featurebox, [lang="en-my"] #windowsh22.get-windows-11 .featurebox, [lang="en-nz"] #windowsh22.get-windows-11 .featurebox, [lang="en-ph"] #windowsh22.get-windows-11 .featurebox, [lang="en-sg"] #windowsh22.get-windows-11 .featurebox, [lang="ar-xm"] #windowsh22.get-windows-11 .featurebox, [lang="es-ar"] #windowsh22.get-windows-11 .featurebox, [lang="es-cl"] #windowsh22.get-windows-11 .featurebox, [lang="es-xl"] #windowsh22.get-windows-11 .featurebox, [lang="fr-ch"] #windowsh22.get-windows-11 .featurebox, [lang="fr-xf"] #windowsh22.get-windows-11 .featurebox, [lang="he-il"] #windowsh22.get-windows-11 .featurebox, [lang="pt-br"] #windowsh22.get-windows-11 .featurebox, [lang="sr-latn-rs"] #windowsh22.get-windows-11 .featurebox, [lang="th-th"] #windowsh22.get-windows-11 .featurebox, [lang="vi-vn"] #windowsh22.get-windows-11 .featurebox, [lang="zh-tw"] #windowsh22.get-windows-11 .featurebox { margin-bottom: 96px; } [dir="rtl"] #windowsh22.windows .m-content-placement-item .c-hyperlink { margin-left: 1px; } [dir="rtl"] .accessibility-features .articletouts .m-content-placement-item p.toutpara a.c-hyperlink { margin-left: 1px; } [dir="rtl"] #windowsh22.windows .video-gallery .scrollvideogallery.media-selector .media-selector__features__container .media-selector__features ul .feature-button:not(.header-active):after { left: 0%; right: unset; } @media screen and (max-width: 375px) { [lang='pl-pl'] #windowsh22.windows .video-gallery .media-selector__features ul .media-selector__content .media-selector__content__subcontent .animate-text-group a { font-size: 12px; } } @media screen and (min-width: 540px) and (max-width: 767px) { [dir="rtl"] #windowsh22.get-windows-11 .m-content-placement.numberContentPlacement div[data-grid*="col-"] { margin-right: 4% !important; } } @media screen and (max-width: 539px) { [dir="rtl"] #windowsh22.get-windows-11 .m-content-placement.numberContentPlacement div[data-grid*="col-"] { margin-right: 5% !important; } } #windowsh22 .common-button.f-sticky .c-in-page-navigation.f-sticky li a.blue-button:focus { outline: 2px solid #000; } @media screen and (min-width: 1084px) { .features .ocid_hero .m-hero-item:before { padding-bottom: 62.65%; } [lang='bg-bg'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='de-at'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='de-ch'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='de-de'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='el-gr'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='es-ar'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='es-co'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='es-cl'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='es-es'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='es-mx'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='fi-fi'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='fr-be'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='fr-ch'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='fr-ca'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='fr-fr'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='fr-xf'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='hr-hr'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='hu-hu'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='it-it'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='ja-jp'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='nl-be'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='nl-nl'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='pl-pl'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='pt-br'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='pt-pt'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='ro-ro'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='ru-ru'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='sk-sk'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='sr-latn-rs'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='uk-ua'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='es-xl'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='lv-lv'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='sl-si'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='vi-vn'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a { font-size: 14px !important; line-height: initial !important; margin-left: 8px; margin-right: 8px; margin-top: 3px; } [lang='bg-bg'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='de-at'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='de-ch'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='de-de'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='el-gr'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='es-ar'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='es-co'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='es-cl'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='es-es'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='es-mx'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='fi-fi'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='fr-be'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='fr-ch'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='fr-ca'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='fr-fr'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='fr-xf'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='hr-hr'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='hu-hu'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='it-it'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='ja-jp'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='nl-be'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='nl-nl'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='pl-pl'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='pt-br'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='pt-pt'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='ro-ro'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='ru-ru'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='sk-sk'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='sr-latn-rs'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='uk-ua'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='es-xl'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='lv-lv'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='sl-si'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='vi-vn'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a { margin-top: 4px !important; } [lang='bg-bg'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='de-at'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='de-ch'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='de-de'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='el-gr'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='es-ar'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='es-co'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='es-cl'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='es-es'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='es-mx'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='fi-fi'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='fr-be'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='fr-ch'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='fr-ca'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='fr-fr'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='fr-xf'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='hr-hr'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='hu-hu'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='it-it'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='ja-jp'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='nl-be'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='nl-nl'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='pl-pl'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='pt-br'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='pt-pt'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='ro-ro'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='ru-ru'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='sk-sk'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='sr-latn-rs'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='uk-ua'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='es-xl'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='lv-lv'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='sl-si'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='vi-vn'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a { margin: 0; } [lang='bg-bg'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='de-at'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='de-ch'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='de-de'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='el-gr'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='es-ar'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='es-co'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='es-cl'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='es-es'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='es-mx'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='fi-fi'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='fr-be'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='fr-ch'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='fr-ca'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='fr-fr'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='fr-xf'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='hr-hr'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='hu-hu'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='it-it'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='ja-jp'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='nl-be'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='nl-nl'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='pl-pl'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='pt-br'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='pt-pt'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='ro-ro'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='ru-ru'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='sk-sk'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='sr-latn-rs'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='uk-ua'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='es-xl'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='lv-lv'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='sl-si'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='vi-vn'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a { transform: translateX(0px); -ms-transform: translateX(0px); } [lang='bg-bg'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='de-at'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='de-ch'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='de-de'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='el-gr'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='es-ar'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='es-co'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='es-cl'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='es-es'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='es-mx'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='fi-fi'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='fr-be'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='fr-ch'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='fr-ca'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='fr-fr'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='fr-xf'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='hr-hr'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='hu-hu'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='it-it'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='ja-jp'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='nl-be'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='nl-nl'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='pl-pl'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='pt-br'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='pt-pt'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='ro-ro'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='ru-ru'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='sk-sk'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='sr-latn-rs'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='uk-ua'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='es-xl'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='lv-lv'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='sl-si'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='vi-vn'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a { margin-top: 0; } } #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a { line-height: 24px !important; } @media screen and (min-width: 1084px) and (max-width: 1200px) { [dir="rtl"] #windowsh22.get-windows-11 #HeroItem-panel-2 .m-hero-item h1 { font-size: 32px; } } @media screen and (min-width: 1201px) and (max-width: 1399px) { [dir="rtl"] #windowsh22.get-windows-11 #HeroItem-panel-2 .m-hero-item h1 { font-size: 46px; } [lang='bg-bg'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='de-at'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='de-ch'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='de-de'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='el-gr'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='es-ar'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='es-co'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='es-cl'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='es-es'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='es-mx'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='fi-fi'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='fr-be'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='fr-ch'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='fr-ca'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='fr-fr'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='fr-xf'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='hr-hr'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='it-it'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='ja-jp'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='nl-be'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='nl-nl'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='pl-pl'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='pt-br'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='pt-pt'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='ro-ro'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='ru-ru'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='sk-sk'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='sr-latn-rs'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='uk-ua'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a { font-size: 15px !important; line-height: initial !important; } } @media (min-width: 1084px) and (max-width: 1600px) { #windowsh22.get-windows-11 #HeroItem-panel-2 .m-hero-item:before { padding-bottom: 56.65%; } } @media (min-width: 1084px) and (max-width: 1399px) { #windowsh22.get-windows-11 #HeroItem-panel-2 .m-hero-item h1, #windowsh22.get-windows-11 #HeroItem-panel-1 .m-hero-item h1, .features #HeroItem-panel-1 .m-hero-item h1 { font-size: 46px; line-height: normal; } [dir="rtl"] #windowsh22.windows #VideoGallery1.video-gallery .media-selector__content .feature-header .feature-button { padding-left: 25px; } [dir="rtl"] #windowsh22.windows .show-animation-on-hvp .m-hero-item.holiday-video-auto > div > div, [dir="rtl"] #windowsh22.windows .animation-off.holiday-animated-hero .m-hero-item > div > div { padding-right: 25px; } [lang="vi-vn"] #windowsh22.windows .Hero-Item-panel-2 .m-hero-item h1.c-heading-1, [lang="nl-be"] #windowsh22.windows .Hero-Item-panel-2 .m-hero-item h1.c-heading-1, [lang="nl-nl"] #windowsh22.windows .Hero-Item-panel-2 .m-hero-item h1.c-heading-1, [lang="cs-cz"] #windowsh22.windows .Hero-Item-panel-2 .m-hero-item h1.c-heading-1, [lang="et-ee"] #windowsh22.windows .Hero-Item-panel-2 .m-hero-item h1.c-heading-1, [lang="sr-latn-rs"] #windowsh22.windows .Hero-Item-panel-2 .m-hero-item h1.c-heading-1, [lang="hr-hr"] #windowsh22.windows .Hero-Item-panel-2 .m-hero-item h1.c-heading-1, [lang="hu-hu"] #windowsh22.windows .Hero-Item-panel-2 .m-hero-item h1.c-heading-1, [lang="ru-ru"] #windowsh22.windows .Hero-Item-panel-2 .m-hero-item h1.c-heading-1, [lang="el-gr"] #windowsh22.windows .Hero-Item-panel-2 .m-hero-item h1.c-heading-1 { font-size: 45px; line-height: normal; } } @media only screen and (min-width: 1084px) { [dir="rtl"] #windowsh22.get-windows-11 .m-table.left-table { margin-left: 16px; } [dir="rtl"] #windowsh22.windows .content { text-align: right !important; } } @media only screen and (min-width: 1600px) { .windows-11 #numberListId .numberlist-structurelist .numberlistbanner, .windows #numberListId .numberlist-structurelist .numberlistbanner { min-height: 750px; } [lang='sr-latn-rs'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a { margin: 0 15px; } [lang='pl-pl'] #windowsh22.comprehensive-security .numberlist-structurelist .numberlistbanner .content h2 { font-size: 34px; line-height: normal; } } @media only screen and (max-width: 1399px) { [dir="rtl"] #windowsh22.windows .win11-feature-hero .m-hero-item > div > div { max-width: 330px; } } @media screen and (max-width: 1083px) { [dir="rtl"] #windowsh22.windows-11 #easiertouse .m-feature .featurecontent .c-group, [dir="rtl"] #windowsh22.windows-11 #productivity .m-feature .featurecontent .c-group, [dir="rtl"] #windowsh22.windows-11 #performancesecurity .m-feature .featurecontent .c-group, [dir="rtl"] #windowsh22.windows-11 #gaming .m-feature .featurecontent .c-group { margin-right: 0px; text-align: right; } [dir="rtl"] #windowsh22.get-windows-11 #fullBleedBgBannerId .custom-small-feature .content { text-align: right !important; } [dir="rtl"] #windowsh22.windows .show-animation-lvp .m-hero-item.holiday-video-auto > div > div, [dir="rtl"] #windowsh22.windows .animation-off.holiday-animated-hero .m-hero-item > div > div { text-align: right; } [dir="rtl"] .windows-11 .holiday-animated-hero .m-hero-item .c-group > a { float: right; } } @media (min-width: 768px) and (max-width: 1083px) { [lang="el-gr"] .windows .Hero-Item-panel-2 .m-hero-item > div { padding-bottom: 96px !important; } [dir="rtl"] #windowsh22.windows-11 .show-animation-lvp .m-hero-item > div, [dir="rtl"] #windowsh22.windows .show-animation-lvp .m-hero-item > div, [dir="rtl"] #windowsh22.windows-11 .animation-off .m-hero-item > div, [dir="rtl"] #windowsh22.windows .animation-off .m-hero-item > div { margin-right: 0px !important; } [dir="rtl"] #windowsh22.windows .holiday-animated-hero .m-hero-item > div, [dir="rtl"] #windowsh22.windows-11 .holiday-animated-hero .m-hero-item > div { margin-right: auto !important; height: auto !important; } } #windowsh22.laptop-buying-guide nav.c-in-page-navigation.f-dropdown .f-dropdown-menu #unique-id-for-list li a.bg-blue-sticky, #windowsh22.windows-11 nav.c-in-page-navigation.f-dropdown .f-dropdown-menu #unique-id-for-list li a.bg-blue-sticky, #windowsh22.comprehensive-security nav.c-in-page-navigation.f-dropdown .f-dropdown-menu #unique-id-for-list li a.bg-blue-sticky { font-weight: 600; } #windowsh22.windows-11 nav .f-dropdown-menu > a, #windowsh22.comprehensive-security nav .f-dropdown-menu > a { font-weight: 700 !important; } @media only screen and (max-width: 325px) { #homeMosaic [data-f-mosaic*="card-large"] .c-mosaic-placement picture img { height: 322px; } } @media only screen and (min-width: 326px) { #homeMosaic [data-f-mosaic*="card-large"] .c-mosaic-placement picture img { height: 347px; } } @media only screen and (min-width: 501px) { #homeMosaic [data-f-mosaic*="card-large"] .c-mosaic-placement picture img { height: 397px; } } @media only screen and (min-width: 601px) { #homeMosaic [data-f-mosaic*="card-large"] .c-mosaic-placement picture img { height: 479px; } } @media only screen and (min-width: 671px) { #homeMosaic [data-f-mosaic*="card-large"] .c-mosaic-placement picture img { height: 533px; } } @media only screen and (min-width: 761px) { #homeMosaic [data-f-mosaic*="card-large"] .c-mosaic-placement picture img { height: 586px; } } @media only screen and (min-width: 881px) { #homeMosaic [data-f-mosaic*="card-large"] .c-mosaic-placement picture img { height: 596px; } } @media only screen and (min-width: 972px) { #homeMosaic [data-f-mosaic*="card-large"] .c-mosaic-placement picture img { height: 728px; } } @media only screen and (min-width: 1084px) { #homeMosaic [data-f-mosaic*="card-large"] .c-mosaic-placement picture img { height: 537px; } } @media only screen and (min-width: 1229px) { #homeMosaic [data-f-mosaic*="card-large"] .c-mosaic-placement picture img { height: 597px; } } @media only screen and (min-width: 1400px) { #homeMosaic [data-f-mosaic*="card-large"] .c-mosaic-placement picture img { height: 625px; } } @media only screen and (min-width: 1536px) { #homeMosaic [data-f-mosaic*="card-large"] .c-mosaic-placement picture img { height: 683px; } } @media only screen and (min-width: 1700px) { #homeMosaic [data-f-mosaic*="card-large"] .c-mosaic-placement picture img { height: 750px; } } @media only screen and (min-width: 1800px) { #homeMosaic [data-f-mosaic*="card-large"] .c-mosaic-placement picture img { height: 792px; } } @media only screen and (min-width: 1920px) { #devices-mosaic .devices-mosaic .c-mosaic-placement picture img { width: initial; } } #devices-mosaic .devices-mosaic .f-width-small div .c-group a { margin-left: 10px; margin-right: 10px; } .wdg-support-links nav.c-link-navigation li:first-child a.c-hyperlink div { text-transform: capitalize !important; } /* hoilday Row home page ends*/ #windowsh22.animation-false .rounded-corners .c-button.f-primary::after, #windowsh22.animation-false .mp4inline .f-video-trigger .c-glyph.glyph-play::after, #windowsh22.animation-false .tipsTricks-filters-section .tipstricks-filter::after, #windowsh22.animation-false .tipstricks-loadmore::after { background: none !important } div#windowsh22.animation-false .featureanimate-off, div#windowsh22.animation-false .m-hero-item .featureanimate-off, div#windowsh22.animation-true .c-image.mp4inline, div#windowsh22.animation-true .m-hero-item .featureanimate-off + picture, div#windowsh22.animation-false .m-hero-item .featureanimate-off ~ div > div { display: block !important; } div#windowsh22.animation-true .featureanimate-off, div#windowsh22.animation-true .m-hero-item .featureanimate-off, div#windowsh22.animation-false .c-image.mp4inline, div#windowsh22.animation-false .m-hero-item .featureanimate-off + picture { display: block !important; } div#windowsh22.animation-false .m-hero-item .featureanimate-off ~ div > div { display: none; } #windowsh22 p[aria-hidden="true"] { visibility: hidden } /* Hoilday last css changes start*/ #windowsh22.windows .holiday-animated-hero .m-hero-item a.c-call-to-action:not(.glyph-play):hover span { right: 0px; } @media screen and (max-width: 1083px) { [dir="rtl"] #windowsh22.windows-11 .verticalgrdient, [dir="rtl"] #windowsh22.windows-11 .fit-content .c-group { text-align: right; } } #windowsh22.get-windows-11 .drawer-panel p svg { margin: 0 4px; } .drawer-panel { padding: 0 13px 0 10px; } [dir="rtl"] #windowsh22.get-windows-11 .fullBleedBgBanner { background-position: left !important; } [dir="rtl"] #windowsh22.windows .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar__position__area { background: linear-gradient(#98ECFE, #0093F9 ); } @media only screen and (min-width: 1084px) { [dir="rtl"] .bg-feature-section.m-feature.f-align-right picture { right: -90px; left: auto; } [dir="rtl"] .bg-feature-section.m-feature.f-align-right { float: left; } #windowsh22.laptops-for-students .articletouts { padding-left: 30px; padding-right: 30px; } } @media only screen and (max-width: 1083.98px) { [dir="rtl"] .bg-feature-section.m-feature.f-align-right picture { right: -60px; left: auto; } [dir="rtl"] .bg-feature-section.m-feature.f-align-right { margin-left: 30px; margin-right: 50px; float: left; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div, #windowsh22.windows .holiday-animated-hero .m-hero-item > div > div { text-align: left; } [dir="rtl"] #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div, [dir="rtl"] #windowsh22.windows .holiday-animated-hero .m-hero-item > div > div { text-align: right; } } @media only screen and (max-width: 768px) { [dir="rtl"] .bg-feature-section.m-feature.f-align-right picture { right: -60px; } } @media only screen and (max-width: 640px) { #windowsh22.compare-windows-11-home-vs-pro-versions .c-table thead th { line-height: normal !important; font-size: 12px !important; } [lang="pt-br"] #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center [role="tablist"] [role="tab"], [lang="vi-vn"] #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center [role="tablist"] [role="tab"], [lang="ru-ru"] #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center [role="tablist"] [role="tab"] { line-height: normal !important; font-size: 12px !important; } [lang="pt-br"] #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center ul[role="tablist"] li.f-active span, [lang="vi-vn"] #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center ul[role="tablist"] li.f-active span, [lang="ru-ru"] #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center ul[role="tablist"] li.f-active span { padding: 5px; } } @media only screen and (max-width: 540px) { [dir="rtl"] .bg-feature-section.m-feature.f-align-right picture { right: -40px; } [lang="fr-ca"] #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center [role="tablist"] [role="tab"] { font-size: 12px; } [lang="vi-vn"] #windowsh22.get-windows-11 .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink picture, [lang="vi-vn"] #windowsh22.get-windows-11 .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink p, [lang="ru-ru"] #windowsh22.get-windows-11 .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink picture, [lang="ru-ru"] #windowsh22.get-windows-11 .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink p, [lang="pl-pl"] #windowsh22.get-windows-11 .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink picture, [lang="pl-pl"] #windowsh22.get-windows-11 .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink p, [lang="vi-vn"] #windowsh22.compare-windows-11-home-vs-pro-versions .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink picture, [lang="vi-vn"] #windowsh22.compare-windows-11-home-vs-pro-versions .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink p, [lang="ru-ru"] #windowsh22.compare-windows-11-home-vs-pro-versions .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink picture, [lang="ru-ru"] #windowsh22.compare-windows-11-home-vs-pro-versions .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink p, [lang="pl-pl"] #windowsh22.compare-windows-11-home-vs-pro-versions .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink picture, [lang="pl-pl"] #windowsh22.compare-windows-11-home-vs-pro-versions .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink p { display: flex !important; align-items: center; justify-content: start; } [lang="vi-vn"] #windowsh22.get-windows-11 .m-link-navigation.wdg-support-links nav.c-link-navigation li a.c-hyperlink.f-image div, [lang="ru-ru"] #windowsh22.get-windows-11 .m-link-navigation.wdg-support-links nav.c-link-navigation li a.c-hyperlink.f-image div, [lang="pl-pl"] #windowsh22.get-windows-11 .m-link-navigation.wdg-support-links nav.c-link-navigation li a.c-hyperlink.f-image div, [lang="vi-vn"] #windowsh22.compare-windows-11-home-vs-pro-versions .m-link-navigation.wdg-support-links nav.c-link-navigation li a.c-hyperlink.f-image div, [lang="ru-ru"] #windowsh22.compare-windows-11-home-vs-pro-versions .m-link-navigation.wdg-support-links nav.c-link-navigation li a.c-hyperlink.f-image div, [lang="pl-pl"] #windowsh22.compare-windows-11-home-vs-pro-versions .m-link-navigation.wdg-support-links nav.c-link-navigation li a.c-hyperlink.f-image div { margin: 0; } } @media screen and (min-width: 769px) and (max-width: 1084px) { [lang="pt-br"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="bg-bg"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="et-ee"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="lv-lv"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="pl-pl"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="ru-ru"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="sk-sk"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="tr-tr"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="es-es"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="es-ar"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="es-cl"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="es-co"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="es-mx"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="es-xl"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="fr-ch"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="fr-fr"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="fr-xf"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="it-it"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading { font-size: 28px !important; } [lang="de-at"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="de-ch"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="de-de"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="fr-be"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading { font-size: 26px !important; } } @media screen and (min-width: 768px) and (max-width: 870px) { [lang="da-dk"] #windowsh22.get-windows-11 .two-column-table table th, [lang="de-de"] #windowsh22.get-windows-11 .two-column-table table th, [lang="de-at"] #windowsh22.get-windows-11 .two-column-table table th, [lang="de-ch"] #windowsh22.get-windows-11 .two-column-table table th { font-size: 14px; line-height: 22px; } [lang="hu-hu"] #windowsh22.get-windows-11 .two-column-table table th { font-size: 12px; line-height: 22px; } } @media (min-width: 768px) and (max-width: 1083px) { #windowsh22.windows .holiday-animated-hero .m-hero-item > div { margin-left: 0px !important; height: fit-content !important; padding: 48px 0px !important; } } [lang="da-dk"] #windowsh22.windows .media-selector__features__container li[selected='true'] .animate-text { display: inline; } /*below css is to fix bug 159004 for all stickynav pages*/ nav.c-in-page-navigation + nav { display: none !important; } nav.c-in-page-navigation.f-hide + nav { display: block !important; } /* holiday offer css start*/ /* @media only screen and (max-width: 1083px) { #windowsh22.windows .holdiayoffer .m-hero-item > div { text-align: left !important; } #windowsh22.windows .holidayOffer{ background:#ECEAED; } #windowsh22.windows .holidayOffer .m-hero-item { padding:0 ; } #windowsh22.windows .holidayOffer .m-hero-item:before{ padding-bottom:0 !important; } #windowsh22.windows .holidayOffer .m-hero-item > picture { position:relative; transform:none; } #windowsh22.windows .holidayOffer .m-hero-item > picture > img{ position:relative; transform:none; left:0; top:0; } #windowsh22.windows .holidayOffer .m-hero-item > div { height: fit-content !important; top: 0; padding-top:0px; } #windowsh22.windows .holidayOffer .m-hero-item > div > div{ top: 0; transform: none; padding: 48px 0px; height: fit-content; } } @media only screen and (min-width: 1400px) { #windowsh22.windows .holidayOffer .m-hero-item > div > div{ padding-left:40px; } #windowsh22.windows .holidayOffer .m-hero-item > picture > img{ height: fit-content; transform: none; top: 0; } #windowsh22.windows .holidayOffer .m-hero-item:before{ padding-bottom: 62.25%; } #windowsh22.windows .video-gallery .media-selector{ margin-bottom: 48px; } } @media only screen and (min-width: 1084px) { [lang="de-de"] #windowsh22.windows .video-gallery .media-selector, [lang="fr-fr"] #windowsh22.windows .video-gallery .media-selector, [lang="fr-ca"] #windowsh22.windows .video-gallery .media-selector, [lang="ja-jp"] #windowsh22.windows .video-gallery .media-selector{ margin-bottom:96px; } [lang="de-de"] #windowsh22.windows #VideoGallery1, [lang="fr-fr"] #windowsh22.windows #VideoGallery1, [lang="fr-ca"] #windowsh22.windows #VideoGallery1, [lang="ja-jp"] #windowsh22.windows #VideoGallery1{ padding-bottom:0px !important; } [lang="de-de"] #windowsh22.windows #pcs .m-banner, [lang="fr-fr"] #windowsh22.windows #pcs .m-banner, [lang="fr-ca"] #windowsh22.windows #pcs .m-banner, [lang="ja-jp"] #windowsh22.windows #pcs .m-banner{ margin-top:0px !important } } @media (min-width: 1084px) and (max-width: 1399px){ #windowsh22.windows #pcs .m-banner{ padding-top:0px; margin-top:0px; } } */ /* holiday offer css end*/ /* Hoilday last css changes end*/ /*accessbility features start */ .accessibility-features #accessbilityHero .m-hero-item .c-action-trigger { background: #fff !important; color: #0067B8; } .accessibility-features #accessbilityHero .m-hero-item .f-video-trigger button.c-action-trigger.c-glyph:before { color: #0067B8; } .accessibility-features #accessbilityHero .m-hero-item .c-group > div { text-align: left; } [dir="rtl"] .accessibility-features #accessbilityHero .m-hero-item .c-group > div { text-align: right; } .accessibility-features #accessbilityHero .m-hero-item .c-action-trigger:focus span { color: #0067B8 !important; } .accessibility-features #accessbilityHero .m-hero-item .c-group > div { margin-top: 20px !important; } @media screen and (max-width: 540px) { #accessbilityID.accessibility-features .m-hero-item.f-y-center.f-transparent > div > div { padding: 0px !important; transform: none !important; } } @media only screen and (max-width: 1083px) { .accessibility-features #accessbilityHero .m-hero-item:before { padding-bottom: 0 !important; } .accessibility-features #accessbilityHero .m-hero-item { padding: 0px; } .accessibility-features #accessbilityHero .m-hero-item > div { padding: 48px 0 !important; height: auto !important; } .accessibility-features #accessbilityHero .m-hero-item > picture { transform: none; top: 0; left: 0; height: fit-content !important; position: relative; } .accessibility-features #accessbilityHero .m-hero-item > picture > img { transform: none; top: 0; left: 0; height: fit-content !important; position: relative; border-radius: 0; } .accessibility-features #accessbilityHero .m-hero-item > div > div { height: auto; padding: 5px 0; transform: none; top: 0; left: 0; float: left; } .accessibility-features #accessbilityHero .m-hero-item .c-action-trigger { float: left; margin-top: 0; } [dir="rtl"] .accessibility-features #accessbilityHero .m-hero-item .c-action-trigger { float: right; margin-top: 0; } [dir="rtl"] .accessibility-features #accessbilityHero .m-hero-item > div > div { float: right; } .accessibility-features #accessbilityHero .m-hero-item .c-group > div { transform: none; float: left; margin-top: 23px; } .accessibility-features #accessbilityHero .m-hero-item .c-group { float: left; } } .hubmain .rounded-corners.c-button.f-primary.blue-button:focus span { box-shadow: 0 2px currentColor !important; } [lang='fr-fr'] .awbCatalogCategory .c-heading-3 { font-size: 30px; line-height: 36px; } @media only screen and (max-width: 767px) { .wdg-support-links nav.c-link-navigation li a.c-hyperlink.f-image div { max-width: 100%; padding-top: 0 !important; } .windows-11-specifications table th { padding: 8px 8px; } .windows-11-specifications .m-link-navigation nav.c-link-navigation li a.c-hyperlink picture { display: block; } .windows-11-specifications .m-link-navigation nav.c-link-navigation li a.c-hyperlink div { padding-top: 0 !important; } } @media print { @page { margin: 1cm 0; } html, body { margin: 0; padding: 0; min-width: 1140px; } } /* Accessbility fixes start*/ .windows-11-pc-gaming .wdg-support-links a.c-hyperlink:focus, .windows-11-pc-gaming .theme-dark a.supBLink:focus, .windows-11-pc-gaming .custom-small-feature a.supBLink:focus { outline: 2px dashed #fff !important; } .windows-11-pc-gaming .m-social > ul > li > a:focus { border: 2px dashed; } #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables thead tr th a.c-hyperlink:focus { text-decoration: underline; } [lang='fr-fr'] #windowsh22.comprehensive-security nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='fr-fr'] #windowsh22.comprehensive-security nav.c-in-page-navigation a { font-size: 19px; } @media only screen and (min-width:310px) and (max-width:350px) { .windows-11-specifications table th > img { width: 60px; } .windows-11-specifications .m-link-navigation nav.c-link-navigation li a.c-hyperlink div { padding-right: 0 !important; max-width: calc(100% - 120px) !important; } .windows-11-specifications #table5 .c-table .c-list, .windows-11-specifications .c-table, .windows-11-specifications .c-table ul.c-list, .windows-11-specifications .c-table .c-paragraph-3, .windows-11-specifications .c-table .c-paragraph-4 { font-size: 11px; line-height: 15px; } .windows-11-specifications .c-table thead th .c-heading-3 { font-size: 15px; line-height: 20px; } .windows-11-specifications #table5 .c-table .c-heading-3 { font-size: 15px; line-height: 20px; } #windowsh22.comprehensive-security nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a { font-size: 13px; } .c-dialog.f-lightbox .nav-buttons .c-glyph.glyph-cancel { top: 10px; right: 10px; font-size: 20px; width: 20px; height: 20px; } .tips-tricks-left { bottom: none !important; left: 10px !important; top: 45% !important; } .tips-tricks-right { bottom: none !important; right: 10px !important; top: 45% !important; left: initial !important; } .c-in-page-navigation.f-dropdown ul { width: 100% !important; margin-left: -6px !important; } .c-dialog.f-lightbox [role="dialog"] { top: 15% !important; transform: translate(-50%,-15%) !important; height: 100%; } .video-lightbox.c-dialog.f-lightbox.wdg-lightbox [role=dialog] [role=document] { height: calc(100% - 40px); margin-top: 40px; } .security-overlay.c-dialog.f-lightbox [role="dialog"] { top: 50% !important; transform: translate(-50%,-50%) !important; height: auto; } .tips-overlay [role="dialog"], .tips-overlay [role="document"] { border-radius: 0px !important; } div.security-overlay .c-video-player:not(.hide) + .m-content-placement-item > picture { margin-left: 0px !important; padding: 8px 25px 8px 9px !important; } div#default-lightbox.security-overlay.c-dialog.f-lightbox [role="dialog"] .m-content-placement-item > div { padding: 0 !important; } div#default-lightbox.security-overlay.c-dialog.f-lightbox > [role="presentation"] + .c-glyph { right: 5px; } div .m-content-placement-item > div { padding: 5px !important; } div.security-overlay .m-content-placement-item > div > h3 { font-size: 7px !important; line-height: 11px !important; } div.security-overlay .m-content-placement-item > div > p { font-size: 6px !important; line-height: 9px !important; padding: 3px 0 4px !important; } div#default-lightbox.security-overlay .c-video-player:not(.hide) + .m-content-placement-item { padding: 5px !important; } #windowsh22.comprehensive-security a.c-call-to-action:not(.glyph-play):after { margin-top: 2px !important; } div#default-lightbox.security-overlay .c-video-player:not(.hide) + .m-content-placement-item > picture img { width: 30% !important; } div#default-lightbox.security-overlay .m-content-placement-item > div > p { font-size: 6px !important; } } .security-overlay.c-dialog.f-lightbox [role="dialog"] .c-video-player { display: none; } @media only screen and (min-width:960px) and (max-width:970px) { .tips-overlay [role="dialog"] .m-content-placement-item h3 { font-size: 16px !important; } .tips-overlay [role="dialog"] .m-content-placement-item p.c-paragraph-1 { font-size: 12px; } div#default-lightbox .m-content-placement-item > div { padding: 10px; } div#player-container2 { height: 270px; } } @media only screen and (min-width:630px) and (max-width:650px) { div#default-lightbox.security-overlay .c-video-player:not(.hide) + .m-content-placement-item { padding: 10px 24px !important; } .c-dialog.tips-overlay [role="dialog"] { min-width: 400px; } div.security-overlay .m-content-placement-item > div > h3 { font-size: 16px !important; line-height: 22px !important; } div.security-overlay .m-content-placement-item > div > p { font-size: 9px !important; line-height: 15px !important; padding: 3px 0 4px !important; } } .newsletter-subscription .news-letter-hero-btn span { display: inline !important; } div#default-lightbox.security-overlay .m-content-placement-item > div { padding-top: 2px !important; } .hubmain #retailers .m-banner * { display: inline; } .hubmain #retailers .m-banner [class^="c-heading-"]:before, .hubmain #retailers .m-banner [class^="c-heading-"]:after { display: inline; } .hubmain #retailers .m-banner h2 { font-size: 58px; line-height: normal; } .hubmain #retailers .m-banner > span { position: relative; left: -20px; font-size: 62px; } [lang='pt-br'] .hubmain #retailers .m-banner > span, [lang='pt-pt'] .hubmain #retailers .m-banner > span, [lang='zh-cn'] .hubmain #retailers .m-banner > span { left: -10px; } .hubmain #retailers .m-banner > span sup a { font-size: 13px; } .windows-11-specifications .m-link-navigation nav.c-link-navigation li a.c-hyperlink.f-image:focus img { outline: none; } .windows-11-specifications .m-link-navigation nav.c-link-navigation li a.c-hyperlink.f-image:focus div { background: transparent; } @media only screen and (min-width:320px) and (max-width:350px) { .transfer-your-data #Drawer-panel-7 .drawer-panel, .sync-across-your-devices #show-more-faq .drawer-panel { padding: 0px 10px; } .transfer-your-data #Table-panel-5 .tyd-table thead th, .transfer-your-data #Table-panel-5 .tyd-table tbody td { padding: 3px; font-size: 11px; } .transfer-your-data #Table-panel-5 .tyd-table tbody td li { font-size: 11px; line-height: 18px; } } .transfer-your-data #Table-panel-5 .c-table tbody .c-list li a.c-hyperlink, .transfer-your-data #Table-panel-5 .c-table thead th a.c-hyperlink, .transfer-your-data #Table-panel-5 .c-table tbody p a.c-hyperlink, .sync-across-your-devices #simpleDrawer2 .c-list a.c-hyperlink { text-decoration: underline; } /*163394*/ @media only screen and (min-width:1083px) { .getting-started #Feature-panel-46.featurebox .m-feature .featurecontent p a.c-call-to-action span { font-size: 13px; } } /*163389*/ .getting-started .m-hero-item.theme-light .c-group > .c-call-to-action + .c-call-to-action:focus, .getting-started .hero-quicklinks.c-call-to-action:focus { outline: none !important; border: 2px dashed #000 !important; } /* Accessbility fixes end*/ /*EOS start*/ #content-placement-win7-id .content-touts.withoutimage picture + div { background: #0067b8; color: #ffffff !important; } /*EOS end*/ /*VA css*/ /*VA Css*/ #windowsh22.windows .win11-feature-hero { background: linear-gradient(0deg, rgba(0, 120, 215, 0.08), rgba(0, 120, 215, 0.08)), #FFFFFF; } [dir="rtl"] .windows-11-specifications nav.c-link-navigation div[role="link"]::after { transform: rotate(180deg); margin-right: 5px; } [dir="rtl"] .windows-11-pc-gaming a.c-call-to-action:not(.glyph-play) span { right: 4px !important; } .windows-11-pc-gaming .rounded-corners .c-button.f-primary.blue-button { line-height: 1.2 } .getting-started .m-feature .c-call-to-action:not(.f-primary):not(.f-secondary):hover span { box-shadow: none; border-bottom: 2px solid currentColor; } /*Comprehensive Security starts*/ #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div .c-group a { background: transparent; color: #0067b8; padding-left: 0px; white-space: normal; text-align: left; } .getting-started .image-priority-accolate.featurebox .m-feature .featurecontent a { white-space: normal; text-align: left; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div .c-group a span, .getting-started .featurebox :not(.glyph-play).c-call-to-action.c-glyph span { display: inline; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div .c-group a.c-call-to-action:focus { background: rgba(0,103,184,.1); } div.security-overlay .c-video-player:not(.hide) + .m-content-placement-item { background: #F2F2F2 !important; } #windowsh22.comprehensive-security a.security-popup:not(.glyph-play):after { display: none; } #windowsh22.comprehensive-security .security-popup.c-glyph.glyph-info:before { width: 20px; font-size: 20px; font-weight: 100; top: 2px; position: relative; } #windowsh22.comprehensive-security nav.c-in-page-navigation > ul li > a, #windowsh22.comprehensive-security nav.c-in-page-navigation a, #windowsh22.laptop-buying-guide nav.c-in-page-navigation > ul li > a, #windowsh22.laptop-buying-guide nav.c-in-page-navigation a { font-weight: 600 !important; font-size: 20px; line-height: 24px; margin-left: 0px; color: #464646; } html.scroll-behavior #windowsh22.comprehensive-security nav.c-in-page-navigation > ul li a { transition: outline 0.5s; } #windowsh22.comprehensive-security nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a { font-weight: 600; width: 100%; margin-left: 6px; } #windowsh22.comprehensive-security nav.c-in-page-navigation.f-dropdown { padding-left: 0px; } #windowsh22.comprehensive-security nav.f-sticky { padding-left: 25px; } #windowsh22.laptop-buying-guide nav.c-in-page-navigation > ul li > a.f-active, #windowsh22.laptop-buying-guide nav.c-in-page-navigation a.f-active, #windowsh22.laptop-buying-guide nav.c-in-page-navigation > ul li > a:focus, #windowsh22.laptop-buying-guide nav.c-in-page-navigation a:focus, #windowsh22.comprehensive-security nav.c-in-page-navigation > ul li > a.f-active, #windowsh22.comprehensive-security nav.c-in-page-navigation a.f-active, #windowsh22.comprehensive-security nav.c-in-page-navigation > ul li > a:focus, #windowsh22.comprehensive-security nav.c-in-page-navigation a:focus { color: #171717; } #windowsh22.comprehensive-security a.security-popup.c-button:before { display: inline-block; } #windowsh22.comprehensive-security a.security-popup.c-button:focus:not(.x-hidden-focus) { text-decoration: none; } #windowsh22.comprehensive-security a.security-popup.c-button.c-call-to-action:focus span { text-decoration: none !important; } .comprehensive-security .featurebox .featurecontent > p > .feature-paraspace { margin-top: 10px; display: block; } #windowsh22.comprehensive-security .c-call-to-action { font-weight: 700 !important; line-height: 20px !important; } #windowsh22.comprehensive-security .toutheading { font-size: 24px !important; line-height: 28px !important; } #windowsh22.comprehensive-security .numberlist .m-structured-list p { line-height: 20px !important; } div#default-lightbox.security-overlay .m-content-placement-item > div > h3 { font-size: 34px; line-height: 40px; } .comprehensive-security .herowithgradientline-blue .content-touts .articletouts .m-content-placement-item > div > h3 { padding-top: 0px; } div#default-lightbox.security-overlay .m-content-placement-item > div > p { font-weight: 400; font-size: 15px; } #windowsh22.comprehensive-security .info-icon { top: 4px; position: relative; } #windowsh22.comprehensive-security a.security-popup span { bottom: 2px; } #windowsh22.comprehensive-security a.security-popup { cursor: pointer; text-align: left; } [dir="rtl"] #windowsh22.comprehensive-security a.security-popup { text-align: right; } #windowsh22.comprehensive-security a.c-call-to-action:not(.glyph-play):after { margin-top: 2px; } #windowsh22.comprehensive-security .m-content-placement-item .linearHorzontalLineLeft-blue { width: 100px; height: 3px; } #windowsh22.comprehensive-security .m-content-placement-item { cursor: default; } #windowsh22.comprehensive-security .m-content-placement-item a { cursor: pointer; } #windowsh22.comprehensive-security .m-content-placement-item[data-js-href] picture img { opacity: 1 !important; } #windowsh22.comprehensive-security .m-content-placement-item picture img { width: auto; } #windowsh22.comprehensive-security .m-content-placement-item picture { padding-bottom: 60px; } #windowsh22.comprehensive-security #phishingprevention { background: #F7F7F7; padding-top: 10px; } #windowsh22.comprehensive-security #appsecurity { padding-top: 10px; } #windowsh22.comprehensive-security #Modernprotection { background-size: cover !important; } #windowsh22.comprehensive-security .c-feature .c-call-to-action:not(.f-primary):not(.f-secondary):focus:not(.x-hidden-focus) span, #windowsh22.comprehensive-security .c-feature .c-call-to-action:not(.f-primary):not(.f-secondary):active span, #windowsh22.comprehensive-security .m-feature .c-call-to-action:not(.f-primary):not(.f-secondary):focus:not(.x-hidden-focus) span, #windowsh22.comprehensive-security .m-feature .c-call-to-action:not(.f-primary):not(.f-secondary):active span { box-shadow: none; left: 0 !important; border-bottom: 2px solid; } [lang='ar-xm'] #windowsh22.comprehensive-security .m-content-placement-item > picture img, [lang='ar-xm'] #windowsh22.comprehensive-security .c-content-placement > picture img, [lang='he-il'] #windowsh22.comprehensive-security .m-content-placement-item > picture img, [lang='he-il'] #windowsh22.comprehensive-security .c-content-placement > picture img { left: auto; right: 0; } [dir="rtl"] #windowsh22.comprehensive-security nav.c-in-page-navigation > ul li > a, [dir="rtl"] #windowsh22.comprehensive-security nav.c-in-page-navigation a { margin-right: 0px; }   [dir="rtl"] #windowsh22.comprehensive-security .number #gradient-mobile > picture.c-image { display: none !important; } [dir="rtl"] #windowsh22.comprehensive-security .number #gradient-mobile > picture.c-image img { display: none !important; } [dir="rtl"] #windowsh22.comprehensive-security nav.c-in-page-navigation > ul li > a { margin-left: 20px; margin-right: 0px; } #windowsh22.comprehensive-security .number #gradient-mobile > picture.c-image img { display: none !important; } [dir="rtl"] div#default-lightbox.security-overlay .m-content-placement-item > div { left: 0; } [dir="rtl"] #windowsh22.comprehensive-security .m-content-placement-item a { margin-left: 0; } [dir="rtl"] #windowsh22.comprehensive-security .c-in-page-navigation.f-dropdown ul { margin-right: -9px !important; } @media only screen and (min-width:1084px) { #windowsh22.comprehensive-security .full-width-sticky-nav, #windowsh22.laptop-buying-guide .full-width-sticky-nav { max-width: 100%; padding: 0; } #windowsh22.laptop-buying-guide .full-width-sticky-nav ul, #windowsh22.comprehensive-security .full-width-sticky-nav ul { margin-left: 5%; margin-right: 5%; } #windowsh22.comprehensive-security #comprehensiveSecurity_Contentplacement1_appsecurity .toutheading { font-size: 29px !important; line-height: 34px !important; } div#default-lightbox.security-overlay .c-video-player:not(.hide) + .m-content-placement-item { display: flex; padding: 50px; max-width: 560px !important; } div#default-lightbox.security-overlay .c-video-player:not(.hide) + .m-content-placement-item > picture { width: 100%; overflow: initial; padding-bottom: initial; } div#default-lightbox.security-overlay .m-content-placement-item > div { padding: 0px 40px 0px 0px !important; } div#default-lightbox.security-overlay .c-video-player:not(.hide) + .m-content-placement-item > picture img { width: initial; position: relative; } div#default-lightbox.security-overlay .m-content-placement-item > div { left: 40px; position: relative; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div p.c-paragraph-2 { margin-top: 6px; } #windowsh22.comprehensive-security .featurebox .featurecontent > p { padding-bottom: 26px; padding-top: 45px !important; } #windowsh22.comprehensive-security .security-stickynav:not(.f-sticky) { padding-top: 10px; } #windowsh22.laptop-buying-guide .security-stickynav:not(.f-sticky) { padding-top: 10px; } #windowsh22.comprehensive-security #comprehensiveSecurity_Contentplacement1_malwareProtection { padding-top: 42px; } #windowsh22.comprehensive-security #comprehensiveSecurity_Contentplacement2_malwareProtection { padding-bottom: 42px; } #windowsh22.comprehensive-security .m-content-placement-item .linearHorzontalLineLeft-blue { margin-top: 18px !important; } #windowsh22.comprehensive-security .herowithgradientline-blue .content-touts .articletouts .m-content-placement-item > div > h3 { padding-top: 4px; } #windowsh22.comprehensive-security .numberlistpanel .numberlist-structurelist .numberlist, #view-all .numberlistpanel .numberlist-structurelist .numberlist { min-height: 690px; } #windowsh22.comprehensive-security .numberlistpanel, #windowsh22.laptops-for-students .numberlistpanel, #view-all .numberlistpanel { padding-top: 100px; padding-bottom: 90px; } #view-all .numberlistpanel { clear: both; } #windowsh22.comprehensive-security #Modernprotection.featurebox .featurecontent > p { padding-top: 58px !important; } #windowsh22.comprehensive-security #Modernprotection { padding-bottom: 70px; padding-top: 30px; } #windowsh22.comprehensive-security .m-feature { margin-top: 40px; } #windowsh22.comprehensive-security .featurebox .m-feature.f-align-right .featurecontent { padding-left: 94px; } #windowsh22.comprehensive-security .featurebox .m-feature.f-align-left .featurecontent { padding-right: 104px; padding-left: 0px; } #windowsh22.comprehensive-security nav.f-sticky { padding-left: 64px; } #windowsh22.comprehensive-security .c-heading-1 { padding-top: 12px; } [lang='ar-xm'] #windowsh22.comprehensive-security .numberlist-structurelist #gradient-mobile .c-image, [lang='he-il'] #windowsh22.comprehensive-security .numberlist-structurelist #gradient-mobile .c-image { display: none; } [dir="rtl"] #windowsh22.comprehensive-security .featurebox .m-feature.f-align-right .featurecontent { padding-right: 94px; } [dir="rtl"] #windowsh22.comprehensive-security .featurebox .m-feature.f-align-left .featurecontent { padding-left: 94px; padding-right: 0px; } [dir="rtl"] #windowsh22.comprehensive-security .numberlist-structurelist .numberlistbanner .content .c-heading-2 { text-align: left; } [dir="rtl"] #windowsh22.comprehensive-security nav.f-sticky { padding-right: 64px; } } @media only screen and (max-width: 1083.98px) { #windowsh22.comprehensive-security nav.f-sticky.f-dropdown { padding-left: 6%; padding-right: 6%; } #windowsh22.comprehensive-security nav.f-sticky { padding-left: 0px; } #accessbilityID.accessibility-features .numberlistpanel { margin-bottom: 0px !important; } .comprehensive-security .image-priority-accolate { width: 100%; padding-top: 0 !important; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item:before { padding-bottom: 0 !important; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item { padding: 0px; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > picture { transform: none; top: 0; left: 0; height: fit-content !important; position: relative; } /*looking for more panel hide css*/ #windowsh22.comprehensive-security .nonumber #gradient-mobile { display: none; } /*looking for more panel hide css end*/ #windowsh22.comprehensive-security #numberListId .numberlistbanner, #windowsh22.comprehensive-security #numberListId .numberlist { width: 100%; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > picture > img { transform: none; top: 0; left: 0; height: auto; position: relative; border-radius: 0; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div { height: auto; padding: 5px 0; transform: none; top: 0; left: 0; float: left; position: relative; max-width: 100%; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item .c-action-trigger { float: left; margin-top: 0; } [dir="rtl"] #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item .c-action-trigger { float: right; margin-top: 0; } [dir="rtl"] #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div { float: right; text-align: right; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item .c-group > div { transform: none; float: left; margin-top: 23px; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item .c-group { float: left; } [dir="rtl"] #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item .c-group { float: right; } [dir="rtl"] #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div .c-group a { text-align: right; padding-right: 6px !important; padding-left: 2px; } #windowsh22.comprehensive-security .m-content-placement-item picture img { width: 40px; } #windowsh22.comprehensive-security #comprehensiveSecurity_Contentplacement1_appsecurity .m-content-placement-item picture img { width: 50px; } #windowsh22.comprehensive-security #comprehensiveSecurity_Contentplacement1_appsecurity .linearHorzontalLineLeft-blue { margin-top: 10px !important; } [dir="rtl"] #windowsh22.comprehensive-security .numberlist-structurelist.nonumber .numberlistbanner, [dir="rtl"] .comprehensive-security .numberlist-structurelist.nonumber .numberlist { width: 100%; } [dir="rtl"] #windowsh22.comprehensive-security .numberlist-structurelist .numberlistbanner { width: 100%; } [dir="rtl"] #windowsh22.comprehensive-security .numberlist-structurelist .numberlist { width: 100%; }   [dir="rtl"] #windowsh22.comprehensive-security .numberlist-structurelist #gradient-image-numglyphs .c-image, [dir="rtl"] #windowsh22.comprehensive-security .numberlist-structurelist .c-image { display: none !important; } #windowsh22.comprehensive-security .numberlist-structurelist .c-image { display: none !important; } #windowsh22.windows .holiday-animated-hero .m-hero-item, #windowsh22.windows-11 .holiday-animated-hero .m-hero-item { padding: 0px; } #windowsh22.windows .holiday-animated-hero .m-hero-item:before, #windowsh22.windows-11 .holiday-animated-hero .m-hero-item:before { padding-bottom: 0px !important; } #windowsh22.windows .holiday-animated-hero .m-hero-item > picture, #windowsh22.windows-11 .holiday-animated-hero .m-hero-item > picture { transform: none; top: 0; left: 0; height: fit-content !important; position: relative; } #windowsh22.windows .holiday-animated-hero .m-hero-item > picture > img, #windowsh22.windows-11 .holiday-animated-hero .m-hero-item > picture > img { transform: none; top: 0; left: 0; height: auto; position: relative; border-radius: 0; } #windowsh22.windows .holiday-animated-hero .m-hero-item > div, #windowsh22.windows-11 .holiday-animated-hero .m-hero-item > div { padding-top: 16px !important; } #windowsh22.windows .holiday-animated-hero .m-hero-item > div > div, #windowsh22.windows-11 .holiday-animated-hero .m-hero-item > div > div { height: auto; padding: 5px 0; transform: none; top: 0; left: 0; float: left; } } @media screen and (max-width: 767.98px) { #windowsh22.comprehensive-security nav.c-in-page-navigation > ul li > a, #windowsh22.comprehensive-security nav.c-in-page-navigation a { font-size: 18px; } #windowsh22.laptop-buying-guide nav.c-in-page-navigation > ul li > a, #windowsh22.laptop-buying-guide nav.c-in-page-navigation a { font-size: 16px; } div#default-lightbox.security-overlay .c-video-player:not(.hide) + .m-content-placement-item { display: block; padding: 28px 24px 40px 24px; } /*looking for more panel hide css*/ #windowsh22.comprehensive-security .bg-color-num .structure-container:first-child { border-top: none; } #windowsh22.comprehensive-security .bg-color-num .numberlist .structure-container:nth-last-child(2) { border-bottom: none; } #windowsh22.comprehensive-security .bg-color-num .numberlist .structure-container:nth-last-child(2) .c-structured-list { margin-bottom: 0px; } #windowsh22.comprehensive-security .numberlist .c-structured-list .structure-item h3.c-heading-3 { padding-top: 25px; } #windowsh22.comprehensive-security .numberlist > div:first-child { margin-top: 0px; } #windowsh22.comprehensive-security .numberlist .structure-item p { left: 0; } #windowsh22.comprehensive-security .numberlist-structurelist.nonumber { padding-bottom: 10px; } /*looking for more panel hide css*/ #accessbilityID.accessibility-features .numberlistpanel { padding: 50px 0px; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div .linearHorzontalLineLeft-blue { margin-bottom: 18px !important; margin-top: 16px !important; } #windowsh22.comprehensive-security .m-content-placement-item picture img { width: 30px; } #windowsh22.comprehensive-security #comprehensiveSecurity_Contentplacement1_appsecurity .m-content-placement-item picture img { width: 40px; } #windowsh22.comprehensive-security #appsecurity .m-feature .featurecontent .c-group > .security-popup { text-align: left; } #windowsh22.comprehensive-security .m-content-placement-item picture { padding-bottom: 46px; } #windowsh22.comprehensive-security #comprehensiveSecurity_Contentplacement1_appsecurity .linearHorzontalLineLeft-blue { margin-top: 10px !important; } #windowsh22.comprehensive-security .m-feature { margin-top: 16px !important; } #windowsh22.comprehensive-security #Modernprotection { background: #DBE6F0 !important; } #windowsh22.comprehensive-security #Modernprotection .m-feature { margin-top: 40px; } #windowsh22.comprehensive-security .numberlistpanel { padding-bottom: 26px !important; } #windowsh22.comprehensive-security .numberlist .c-structured-list .structure-item h3.c-heading-3, #windowsh22.laptops-for-students .numberlist .c-structured-list .structure-item h3.c-heading-3 { font-size: 24px; line-height: 28px; } #windowsh22.comprehensive-security .numberlist-structurelist .numberlistbanner h2.c-heading-2 { font-size: 34px; line-height: 40px; } #windowsh22.comprehensive-security .linearHorzontalLineLeft-blue { margin-top: 0px !important; margin-bottom: 24px; } #windowsh22.comprehensive-security #malwareprotection { margin-top: 10px; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div { padding: 20px 0 !important; height: auto !important; position: relative; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div { position: relative; width: 100%; max-width: 100%; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div .c-paragraph-2 { padding-top: 38px !important; padding-bottom: 10px; } #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, .comprehensive-security .m-feature.f-align-left > div .c-heading-2 { margin-top: 28px !important; margin-bottom: 15px; font-size: 34px !important; line-height: 40px !important; } #windowsh22.comprehensive-security .m-feature .featurecontent .c-paragraph-2 { margin-bottom: 33px; } #windowsh22.comprehensive-security .m-feature { margin-bottom: 0px; padding-bottom: 0px !important; } #windowsh22.comprehensive-security #Modernprotection .m-feature { margin-top: 40px; margin-bottom: 40px !important; } #windowsh22.comprehensive-security .m-feature .featurecontent { text-align: left !important; padding-left: 0px !important; margin-left: 0px !important; padding-bottom: 0px; } #windowsh22.comprehensive-security #Modernprotection .m-feature { margin-bottom: 40px !important; } div#default-lightbox.security-overlay .c-video-player:not(.hide) + .m-content-placement-item > picture img { width: initial; position: relative; } div#default-lightbox.security-overlay .m-content-placement-item > div { padding: 2px 0px 0px 0px !important; } div#default-lightbox.security-overlay .c-video-player:not(.hide) + .m-content-placement-item > picture { padding-bottom: 0 } #windowsh22.comprehensive-security [data-grid~="stack-2"] > [data-grid] { float: none; width: 100%; display: block; } #windowsh22.comprehensive-security .image-priority-accolate { padding-top: initial !important; } #windowsh22.comprehensive-security .show-animation-lvp .m-hero-item > div .c-paragraph-1 { padding-top: 38px; padding-bottom: 10px; } #windowsh22.comprehensive-security .m-content-placement-item .linearHorzontalLineLeft-blue { margin-top: 10px !important; } [dir="rtl"] #windowsh22.comprehensive-security .m-feature .featurecontent { text-align: right !important; margin-right: 0px; padding-right: 0px; } [dir="rtl"] #windowsh22.comprehensive-security .numberlist .structure-item p { left: 0; } [dir="rtl"] #windowsh22.comprehensive-security #appsecurity .m-feature .featurecontent .c-group > .security-popup { text-align: right; } #windowsh22.laptops-for-students .c-heading-2 { font-size: 34px; line-height: 40px; }   #windowsh22.laptops-for-students .c-paragraph-2, #windowsh22 .c-paragraph-2, #accessbilityID .c-paragraph-2, .features .c-paragraph-2 { font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0em; } #windowsh22.laptops-for-students .m-highlight-feature .c-paragraph-2 { font-size: 18px; line-height: 24px; } #windowsh22.laptops-for-students .noimg-contentplacenent > div { padding-bottom: 22px; } #windowsh22.laptops-for-students .bg-color-num .numberlist .structure-container:nth-last-child(2) .c-structured-list { margin-bottom: 0px; } #windowsh22.laptops-for-students .image-priority-accolate .m-feature.m365education > div .linearHorzontalLineLeft-blue { margin-top: 37px !important; } } @media screen and (min-width:320px) and (max-width:767.98px) { div#default-lightbox.security-overlay .m-content-placement-item > div > p { font-size: 10px; line-height: normal; } [lang='fr-fr'] div#default-lightbox.security-overlay .m-content-placement-item > div > p, [lang='it-it'] div#default-lightbox.security-overlay .m-content-placement-item > div > p { font-size: 9px; line-height: normal; } div#default-lightbox.security-overlay .m-content-placement-item > div > h3 { font-size: 30px; line-height: normal; } } @media screen and (min-device-height: 667px) and (min-device-width: 320px) {   div#default-lightbox.security-overlay .m-content-placement-item > div > h3 { font-size: 28px; line-height: 34px; } } @media only screen and (min-width: 320px) and (max-width: 425px) { div#default-lightbox.security-overlay.c-dialog.tips-overlay [role="dialog"] { min-width: 220px; } div#default-lightbox.security-overlay .m-content-placement-item > div > h3 { font-size: 26px; line-height: 32px; } div#default-lightbox.security-overlay .m-content-placement-item > div > p { font-size: 14px; line-height: 18px; } .security-overlay.c-dialog.f-lightbox > [role="presentation"] + .c-glyph { top: 10px; right: 10px; } } @media only screen and (min-width:768px) and (max-width:1083.98px) { #accessbilityID.accessibility-features .numberlistpanel { padding: 60px 0px; } #windowsh22.comprehensive-security .m-content-placement-item .linearHorzontalLineLeft-blue { margin-bottom: 15px; margin-top: 0px !important; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div .linearHorzontalLineLeft-blue { margin-bottom: 24px !important; margin-top: 20px !important; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div { padding-top: 35px !important; padding-bottom: 58px !important; height: auto !important; margin-left: 50px; position: relative; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div .c-paragraph-2 { padding-top: 44px !important; } #windowsh22.comprehensive-security .m-feature { margin-top: 20px !important; padding-bottom: 0px !important; padding-top: 0px !important; } #windowsh22.comprehensive-security #Modernprotection .m-feature { margin-bottom: 48px; } .comprehensive-security .m-feature .featurecontent .c-paragraph-2 { padding-top: 36px; padding-bottom: 10px; } .comprehensive-security .c-feature.f-align-left > div, .comprehensive-security .c-feature.f-align-right > div, .comprehensive-security .c-feature.f-align-center > div, .comprehensive-security .m-feature.f-align-left > div:not(.win-comprehensive-security .m-feature.f-align-left > div), .comprehensive-security .m-feature.f-align-right > div:not(.win-comprehensive-security .m-feature.f-align-right > div), .comprehensive-security .m-feature.f-align-center > div:not(.win-comprehensive-security .m-feature.f-align-center > div) { padding-top: 20px; padding-bottom: 15px; padding-left: 0; padding-right: 0; width: 100%; text-align: left; } #windowsh22.comprehensive-security .toutheading { padding-top: 10px !important; padding-bottom: 0px; } #windowsh22.comprehensive-security .numberlistpanel, #view-all .numberlistpanel { padding: 40px 0px; } /*#windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div{padding:8px !important;} */ #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div p.c-paragraph-1 { padding-top: 45px; } #windowsh22.comprehensive-security #malwareprotection .m-feature { padding-top: 0px !important; } #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, .comprehensive-security .m-feature.f-align-left > div .c-heading-2 { margin-top: 0px !important; margin-bottom: 34px; } #windowsh22.comprehensive-security .featurebox .featurecontent p { padding-bottom: 10px; } #windowsh22.comprehensive-security .c-heading-1 { font-size: 46px; line-height: 56px; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div p.c-paragraph-1 { font-size: 18px; line-height: 24px; } #windowsh22.comprehensive-security [class^="m-feature"], .comprehensive-security .m-in-page-navigation { padding-left: 48px; padding-right: 48px; } #windowsh22.comprehensive-security .m-content-placement { padding-left: 36px; padding-right: 36px; } #windowsh22.comprehensive-security .featurebox .featurecontent p { margin-top: 5px !important; } #windowsh22.comprehensive-security .numberlistpanel { padding: 60px 0px; } #windowsh22.comprehensive-security .numberlist-structurelist .numberlistbanner .content { padding-left: 0px; padding-top: 0px; padding-bottom: 60px; } #windowsh22.comprehensive-security .numberlist-structurelist.nonumber { flex-direction: column; padding-top: 0px; padding-bottom: 0px; } #windowsh22.comprehensive-security .numberlist-structurelist #gradient-image-numglyphs .c-image { display: none; } div#default-lightbox.security-overlay .c-video-player:not(.hide) + .m-content-placement-item > picture { width: 100%; overflow: initial; padding-bottom: initial; } div#default-lightbox.security-overlay .m-content-placement-item > div { padding: 24px 0 0 0 !important; } div#default-lightbox .c-video-player:not(.hide) + .m-content-placement-item { display: block; padding: 48px; } div#default-lightbox.security-overlay .c-video-player:not(.hide) + .m-content-placement-item > picture img { width: initial; position: relative; } [dir="rtl"] #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div { margin-right: 50px; } [dir="rtl"] .comprehensive-security .c-feature.f-align-left > div, [dir="rtl"] .comprehensive-security .c-feature.f-align-right > div, [dir="rtl"] .comprehensive-security .c-feature.f-align-center > div, [dir="rtl"] .comprehensive-security .m-feature.f-align-left > div, [dir="rtl"] .comprehensive-security .m-feature.f-align-right > div, [dir="rtl"] .comprehensive-security .m-feature.f-align-center > div { text-align: right; right: 0; } [dir="rtl"] #windowsh22.comprehensive-security .numberlistpanel .numberlist-structurelist { flex-direction: column; padding-top: 0px; padding-bottom: 0px; } [dir="rtl"] #windowsh22.comprehensive-security .numberlist-structurelist .numberlistbanner .content { padding-right: 0px; } #windowsh22.comprehensive-security .numberlistpanel .numberlist-structurelist, #view-all .numberlistpanel .numberlist-structurelist { flex-direction: column; padding-top: 0px; padding-bottom: 0px; } #windowsh22.windows .holiday-animated-hero .m-hero-item > div, #windowsh22.windows-11 .holiday-animated-hero .m-hero-item > div { margin-left: auto !important; height: auto !important; } } @media only screen and (max-width:585px) { /*#windowsh22.comprehensive-security nav.c-in-page-navigation.f-dropdown{padding-left:0px ;} #windowsh22.comprehensive-security nav.f-sticky{padding-left: 25px !important;}*/ [dir="rtl"] #windowsh22.comprehensive-security nav.f-sticky { padding-right: 25px !important; } } @media only screen and (min-width:1084px) and (max-width:1399.98px) { #windowsh22.comprehensive-security .c-heading-1 { font-size: 56px; line-height: initial; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div p.c-paragraph-2 { font-size: 17px; line-height: initial; } #windowsh22.comprehensive-security .show-animation-on-hvp.holiday-animated-hero .m-hero-item > div > div, #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div { max-width: 345px; top: calc(50%); } #windowsh22.comprehensive-security .security-stickynav:not(.f-sticky) { padding-top: 6px; } #windowsh22.laptop-buying-guide .security-stickynav:not(.f-sticky) { padding-top: 6px; } #windowsh22.comprehensive-security .featurebox .featurecontent > p { padding-bottom: 10px; } #windowsh22.comprehensive-security #comprehensiveSecurity_Contentplacement1_malwareProtection { padding-top: 16px; } #windowsh22.comprehensive-security #comprehensiveSecurity_Contentplacement1_phishingprevention { padding-top: 14px; } #windowsh22.comprehensive-security #comprehensiveSecurity_Contentplacement1_appsecurity { padding-top: 10px; } [dir="rtl"] #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div, [dir="rtl"] #windowsh22.comprehensive-security .show-animation-on-hvp.holiday-animated-hero .m-hero-item > div > div { max-width: 315px; top: calc(50%); } /*ROW viewport specific styles*/ [lang='bg-bg'] #windowsh22.comprehensive-security .c-heading-1, [lang='el-gr'] #windowsh22.comprehensive-security .c-heading-1, [lang='fr-be'] #windowsh22.comprehensive-security .c-heading-1, [lang='fr-ch'] #windowsh22.comprehensive-security .c-heading-1, [lang='fr-ca'] #windowsh22.comprehensive-security .c-heading-1, [lang='fr-fr'] #windowsh22.comprehensive-security .c-heading-1, [lang='fr-xf'] #windowsh22.comprehensive-security .c-heading-1, [lang='lv-lv'] #windowsh22.comprehensive-security .c-heading-1, [lang='pt-br'] #windowsh22.comprehensive-security .c-heading-1, [lang='sl-si'] #windowsh22.comprehensive-security .c-heading-1, [lang='ru-ru'] #windowsh22.comprehensive-security .c-heading-1, [lang='sk-sk'] #windowsh22.comprehensive-security .c-heading-1, [lang='th-th'] #windowsh22.comprehensive-security .c-heading-1, [lang='tr-tr'] #windowsh22.comprehensive-security .c-heading-1, [lang='uk-ua'] #windowsh22.comprehensive-security .c-heading-1, [lang='vi-vn'] #windowsh22.comprehensive-security .c-heading-1 { font-size: 46px; line-height: normal; } [lang='bg-bg'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='bg-bg'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='de-at'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='de-at'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='de-ch'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='de-ch'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='de-de'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='de-de'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='el-gr'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='el-gr'] #windowsh22.comprehensive-security .m-feature.f-align-left > div h2.c-heading-2.f-lean.main-heading, [lang='es-ar'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='es-ar'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='es-co'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='es-co'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='es-cl'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='es-cl'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='es-es'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='es-es'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='es-mx'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='es-mx'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='es-xl'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='es-xl'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='et-ee'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='et-ee'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='fi-fi'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='fi-fi'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='fr-be'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='fr-be'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='fr-ch'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='fr-ch'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='fr-ca'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='fr-ca'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='fr-fr'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='fr-fr'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='fr-xf'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='fr-xf'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='he-il'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='he-il'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='hu-hu'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='hu-hu'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='it-it'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='it-it'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='lt-lt'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='lt-lt'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='lv-lv'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='lv-lv'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='nl-be'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='nl-be'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='nl-nl'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='nl-nl'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='pl-pl'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='pl-pl'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='pt-br'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='pt-br'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='pt-pt'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='pt-pt'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='ro-ro'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='ro-ro'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='ru-ru'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='ru-ru'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='sl-si'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='sl-si'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='uk-ua'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='uk-ua'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='vi-vn'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='vi-vn'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2 { font-size: 40px !important; line-height: normal; } /*ROW end*/ } @media only screen and (min-width:1400px) and (max-width:1600px) { #windowsh22.windows-11 .show-animation-on-hvp.holiday-animated-hero .m-hero-item > div > div, #windowsh22.windows-11 .holiday-animated-hero .m-hero-item > div > div { max-width: 400px; top: calc(50%); } } @media only screen and (min-width:1400px) { #windowsh22.comprehensive-security .show-animation-on-hvp.holiday-animated-hero .m-hero-item > div > div, #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div, #windowsh22.windows .show-animation-on-hvp.holiday-animated-hero .m-hero-item > div > div, #windowsh22.windows .holiday-animated-hero .m-hero-item > div > div, #windowsh22.get-windows-11 .m-hero-item > div > div { max-width: 400px; top: calc(50%); } #windowsh22.comprehensive-security .security-stickynav:not(.f-sticky) { padding-top: 0px; } #windowsh22.laptop-buying-guide .security-stickynav:not(.f-sticky) { padding-top: 0px; } #windowsh22.comprehensive-security #malwareprotection .m-feature, #windowsh22.comprehensive-security #appsecurity .m-feature { margin-top: 30px; } #windowsh22.comprehensive-security #phishingprevention .m-feature { margin-top: 40px; } #windowsh22.laptop-buying-guide #choosewindows .m-banner, #windowsh22.laptop-buying-guide #hardware .m-banner { margin-top: 30px; } #windowsh22.laptop-buying-guide #formfactors .m-banner { margin-top: 40px; } #windowsh22.comprehensive-security #comprehensiveSecurity_Contentplacement1_malwareProtection { padding-top: 6px; } /*#windowsh22.comprehensive-security #Modernprotection .m-feature { margin-top: 56px !important; margin-bottom: 56px !important; }*/ #windowsh22.comprehensive-security .featurebox .featurecontent > p { padding-bottom: 10px; } [lang="sl-si"] #windowsh22.comprehensive-security .show-animation-on-hvp.holiday-animated-hero .m-hero-item > div > div, [lang="sl-si"] #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div, [lang="ru-ru"] #windowsh22.comprehensive-security .show-animation-on-hvp.holiday-animated-hero .m-hero-item > div > div, [lang="ru-ru"] #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div { max-width: 420px; top: calc(50%); } } /*Comprehensive Security ends*/ @media only screen and (min-width:1600px) { #windowsh22.comprehensive-security .full-width-sticky-nav ul, #windowsh22.comprehensive-security .full-width-sticky-nav nav.f-sticky ul, #windowsh22.laptop-buying-guide .full-width-sticky-nav ul, #windowsh22.laptop-buying-guide .full-width-sticky-nav nav.f-sticky ul { max-width: 1600px; margin: 0 auto; min-width: 1600px; } #windowsh22.laptop-buying-guide .full-width-sticky-nav ul, #windowsh22.laptop-buying-guide .full-width-sticky-nav nav.f-sticky ul { margin: 0 auto !important; } #windowsh22.comprehensive-security .full-width-sticky-nav nav.f-sticky ul, #windowsh22.laptop-buying-guide .full-width-sticky-nav nav.f-sticky ul { margin: 0 auto !important; } #windowsh22.comprehensive-security nav.f-sticky, #windowsh22.laptop-buying-guide nav.f-sticky { padding-left: 0; } #windowsh22.comprehensive-security #phishingprevention, #windowsh22.comprehensive-security .phishingprevention, #windowsh22.comprehensive-security #Modernprotection { width: 100%; max-width: 100%; padding: 0; } #windowsh22.comprehensive-security #phishingprevention .m-feature, #windowsh22.comprehensive-security #Modernprotection .m-feature, #windowsh22.comprehensive-security .phishingprevention .m-content-placement { max-width: 1600px; margin: 0 auto; min-width: 1600px; float: none; } #windowsh22.comprehensive-security #phishingprevention .m-feature { margin-top: 40px; } } #windowsh22.comprehensive-security .mp4videoinline { background: transparent !important; } @media only screen and (min-width:1084px) { #windowsh22.windows-11 .win10-nav.f-sticky .upgrade-button, #windowsh22 .common-button.f-sticky .c-in-page-navigation.f-sticky li a.blue-button, .accessibility-features .common-button.f-sticky .c-in-page-navigation.f-sticky li a.blue-button, .windows-11-specifications .common-button.f-sticky .c-in-page-navigation.f-sticky li a.blue-button, .windows-11-specifications .common-button.f-sticky .f-dropdown.f-sticky .c-in-page-navigation.f-sticky li a.blue-button { display: inline-block; border-radius: 6px; text-align: center; box-shadow: none; background: #0078D4; color: #FFFFFF !important; font-weight: 700; font-size: 15px; line-height: 20px; border: 0; min-height: 42px; height: auto; padding: 10px 40px; margin-top: 5px; white-space: nowrap; margin-right: 5%; } #windowsh22 .common-button.f-sticky .c-in-page-navigation.f-sticky li a.blue-button { margin-top: 0; } #windowsh22.windows-11 .win10-nav.f-sticky .upgrade-button { font-size: 20px; line-height: 24px; } #windowsh22 .sticky-navbarNew.f-sticky li a.blue-button, .accessibility-features .sticky-navbarNew.f-sticky li a.blue-button, .windows-11-specifications .sticky-navbarNew.f-sticky li a.blue-button { margin-right: 0; margin-top: 0; } #windowsh22 .common-button.f-sticky ul li:last-child, .accessibility-features .common-button.f-sticky ul li:last-child, .windows-11-specifications .common-button.f-sticky ul li:last-child { float: right; margin-left: auto; } #windowsh22.laptop-buying-guide .common-button.f-sticky ul li:last-child { position: absolute; right: 5%; } [dir=rtl] #windowsh22.laptop-buying-guide .common-button.f-sticky ul li:last-child { right: auto; left: 5%; } [dir=rtl] #windowsh22 .common-button.f-sticky ul li:last-child, [dir=rtl] #windowsh22.windows-11 .win10-nav.f-sticky ul li:last-child, [dir=rtl] .accessibility-features .common-button.f-sticky ul li:last-child, [dir=rtl] .windows-11-specifications .common-button.f-sticky ul li:last-child { float: left; margin-right: auto; margin-left: 0; } #windowsh22 .common-button.f-sticky .f-sticky.f-dropdown ul li:last-child, .accessibility-features .common-button.f-sticky .f-sticky.f-dropdown ul li:last-child, .windows-11-specifications .common-button.f-sticky .f-sticky.f-dropdown ul li:last-child, .windows-11-specifications .f-dropdown ul li:last-child { float: left; width: 100%; } #windowsh22 .common-button.f-sticky .f-sticky.f-dropdown ul li:last-child a.blue-button, .accessibility-features .common-button.f-sticky .f-sticky.f-dropdown ul li:last-child a.blue-button, .windows-11-specifications .common-button.f-sticky .f-sticky.f-dropdown ul li:last-child a.blue-button, .windows-11-specifications .f-dropdown ul li:last-child a.blue-button { font-size: 15px; line-height: 20px; width: 100%; } #windowsh22 .common-button.f-sticky li a.blue-button, .accessibility-features .common-button.f-sticky li a.blue-button { font-weight: 700; position: relative; top: 5px; font-size: 15px; } .accessibility-features .common-button.f-sticky li a.blue-button { top: 1px; } .windows-11-specifications .common-button.f-sticky li a.blue-button { top: -2px; margin-left: 0; margin-right: 0; } #windowsh22 .common-button.f-sticky .f-sticky.f-dropdown li a.blue-button, .accessibility-features .common-button.f-sticky .f-sticky.f-dropdown li a.blue-button, #windowsh22.laptop-buying-guide .common-button.f-sticky .f-sticky.f-dropdown li a.blue-button, .windows-11-specifications .common-button.f-sticky .f-sticky.f-dropdown li a.blue-button { top: 0; margin-top: 0; } #windowsh22.windows-11 .win10-nav.f-dropdown ul li:last-child, #windowsh22.windows-11 .win10-nav:not(.f-sticky) .upgrade-button, #windowsh22 .common-button .c-in-page-navigation:not(.f-sticky) li a.blue-button, .accessibility-features .common-button .c-in-page-navigation:not(.f-sticky) li a.blue-button, .windows-11-specifications .common-button .c-in-page-navigation:not(.f-sticky) li a.blue-button, .windows-11-specifications .f-dropdown .c-in-page-navigation:not(.f-sticky) li a.blue-button { display: none; } #windowsh22:not(.comprehensive-security) .common-button .c-in-page-navigation:not(.f-sticky) > ul, #windowsh22.windows-11 .win10-nav:not(.f-sticky) > ul, .accessibility-features .common-button .c-in-page-navigation:not(.f-sticky) > ul, .windows-11-specifications .common-button .c-in-page-navigation:not(.f-sticky) > ul { margin-left: 0 !important; } #windowsh22.laptop-buying-guide .common-button .c-in-page-navigation:not(.f-sticky) > ul, [dir=rtl] #windowsh22.laptop-buying-guide .common-button .c-in-page-navigation:not(.f-sticky) > ul { margin: 0 auto !important; } #windowsh22.windows-11 .win10-nav.f-sticky ul li:last-child { float: right; } #windowsh22.windows-11 .win10-nav.f-sticky.f-dropdown ul li:last-child, #windowsh22.windows-11-specifications .c-in-page-navigation.f-dropdown ul li:last-child { float: left; } #windowsh22.windows-11 .win10-nav.f-sticky.f-hide ul li:last-child { float: none; } [dir=rtl] #windowsh22.windows-11 .win10-nav.f-sticky ul li:last-child { float: left; } #windowsh22.windows-11 .win10-nav.f-sticky ul li:last-child a { margin-right: 0; } [dir=rtl] #windowsh22.windows-11 .win10-nav.f-sticky ul li:last-child a { margin-left: 0 !important; } } [lang='fr-fr'] #popup-container .privacy-footer { height: 83px; } [lang='fr-fr'] #popup-container .privacy-footer p { line-height: 13px; } /*Laptop for college students*/ /* LFCS Css Starts*/ #windowsh22.laptops-for-students .noimg-contentplacenent picture { display: none; } #windowsh22.laptops-for-students .noimgcon-banner .c-heading-2, #windowsh22.laptops-for-students .noimg-contentplacenent .toutheading { padding-top: 0; } #windowsh22.laptops-for-students .m365education.m-feature > picture .videobutton.c-call-to-action.c-glyph.bottom-right, #windowsh22.laptops-for-students .m365education.m-feature > picture .videobutton.c-call-to-action.c-glyph.bottom-right:focus, #windowsh22 .feature-video.m-feature > picture .videobutton.c-call-to-action.c-glyph.bottom-right, #windowsh22 .feature-video.m-feature > picture .videobutton.c-call-to-action.c-glyph.bottom-right:focus { right: 30px; bottom: 25px; } #windowsh22.laptops-for-students a.c-call-to-action.c-glyph { font-weight: 700; } #windowsh22.laptops-for-students .noimg-contentplacenent > div { padding-bottom: 48px; } #windowsh22.laptops-for-students .m365education.m-feature > picture .videobutton, #windowsh22.laptops-for-students .m365education.m-feature > picture .videobutton:focus { border: 1px solid #FFFFFF !important; } #windowsh22.laptops-for-students .m365education.m-feature > picture .videobutton.c-call-to-action.c-glyph:before { color: #FFFFFF !important; } #windowsh22.laptops-for-students .m-highlight-feature > div, #view-all .m-highlight-feature > div { border-radius: 8px; } @media only screen and (min-width: 1084px) { #windowsh22.laptops-for-students .m-highlight-feature > div, #view-all .m-highlight-feature > div { max-width: 1600px; margin-left: 5%; } #windowsh22.laptops-for-students .featurebox .m-feature.lfcs-hero.f-align-right .featurecontent { padding-left: 107px; } #windowsh22.laptops-for-students .lfcs-hero.m-feature { margin-top: 59px; } #windowsh22.laptops-for-students .numberlistpanel { padding-top: 100px; padding-bottom: 90px; background: #F9F9F9; } #windowsh22.laptops-for-students .numberlistpanel .numberlist-structurelist .numberlist { min-height: 700px; } #windowsh22.laptops-for-students .m365education.m-feature.f-align-right .featurecontent { padding-left: 156px; } [dir="rtl"] #windowsh22.laptops-for-students .featurebox .m-feature.lfcs-hero.f-align-right .featurecontent { padding-right: 107px; } [dir="rtl"] #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div .c-group a { padding: 10px 4px 6px 20px; } } #view-all .m-highlight-feature { margin-top: 60px; } #windowsh22.laptops-for-students .m-content-placement-item > picture, .c-content-placement > picture { padding-bottom: 62%; } #windowsh22.laptops-for-students .image-priority-accolate .m365education picture.c-image.mp4inline > video { border-radius: 9.36px; } @media screen and (min-width: 1770px) { #windowsh22.laptops-for-students .m-highlight-feature > div, #view-all .m-highlight-feature > div { margin-left: calc((100% - 1600px) / 2); } } @media screen and (min-width: 1600px) { #windowsh22.laptops-for-students .numberlistpanel .numberlist-structurelist .numberlist { min-height: 750px; } } @media screen and (max-width: 1083px) { #windowsh22.laptops-for-students .m-feature .featurecontent { text-align: left !important; padding-left: 0px !important; padding-right: 0px !important; margin-left: 0px !important; padding-bottom: 0px; } #windowsh22.laptops-for-students .image-priority-accolate { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1083px) { #windowsh22.laptops-for-students .m-highlight-feature > div { height: auto; top: calc(50%); } #windowsh22.laptops-for-students .m-highlight-feature > div .c-heading-2 { font-size: 34px; line-height: 40px; } #windowsh22.laptops-for-students .m-feature .featurecontent { padding-top: 48px; } } @media only screen and (min-width: 768px) { #windowsh22.laptops-for-students .featurebox .featurecontent p { padding-top: 24px !important; } #windowsh22.laptops-for-students .image-priority-accolate .m365education { margin-top: 52px; } #windowsh22.laptops-for-students .lfcs-divider { display: none; } } @media screen and (max-width: 767px) { #windowsh22.laptops-for-students .lfcs-hero.m-feature .c-heading-1 { font-size: 46px; line-height: 56px; } [lang="fi-fi"] #windowsh22.laptops-for-students .lfcs-hero.m-feature .c-heading-1 { word-wrap: break-word; } #windowsh22.laptops-for-students .lfcs-hero { margin-top: 24px; } #windowsh22.laptops-for-students .image-priority-accolate .m-feature.lfcs-hero > div .linearHorzontalLineLeft-blue { margin-bottom: 16px !important; margin-top: 48px !important; } #windowsh22.laptops-for-students .m-banner { padding-top: 0px !important; padding-bottom: 32px !important; } #windowsh22.laptops-for-students .m-content-placement-item { margin-top: 40px; } #windowsh22.laptops-for-students .content-banner .c-heading-2 { padding-top: 0px; } #windowsh22.laptops-for-students .noimg-contentplacenent .toutheading { padding-top: 0px; } #windowsh22.laptops-for-students .m-highlight-feature { margin-top: 24px !important; } #windowsh22.laptops-for-students .image-priority-accolate .m365education { margin-top: 0px; } #windowsh22.laptops-for-students .bg-color-num .numberlist .structure-container:nth-last-child(2) { border-bottom: none; } #windowsh22.laptops-for-students .bg-color-num .numberlistpanel { padding-bottom: 60px; } #windowsh22.laptops-for-students .m-highlight-feature, #view-all .m-highlight-feature { padding-top: 0px !important; } } @media (min-width: 540px) and (max-width: 767.98px) { #windowsh22.laptops-for-students .lfcs-divider { padding-left: 19px; padding-right: 19px; } #windowsh22.laptops-for-students .m-content-placement .articletouts { padding-left: 0px; padding-right: 0px; } [lang="en-us"] #windowsh22.windows .devices-mosaic .mosaic_right_btm_img_1 img, [lang="en-us"] #windowsh22.windows .devices-mosaic .mosaic_r_img_1 img { width: 100%; } [lang="en-us"] #windowsh22.windows .devices-mosaic .c-mosaic [data-f-mosaic~="f-height-medium"] { height: 270px !important; } [dir=rtl] .sync-across-your-devices #android-faq-panel div.c-drawer-panel, [dir=rtl] .sync-across-your-devices #ios-faq-panel div.c-drawer-panel { padding-right: 4% !important; } } div#windowsh22.laptops-for-students.animation-false .c-image.mp4inline { display: block !important; } #windowsh22.laptops-for-students .articletouts .m-content-placement-item, #windowsh22.laptops-for-students .articletouts .m-content-placement-item:hover { cursor: default; } #windowsh22.laptops-for-students .m-content-placement-item[data-js-href]:hover picture img, #windowsh22.laptops-for-students .c-content-placement[data-js-href]:hover picture img { opacity: 1; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div .c-group a { background: transparent; color: #0067b8; padding-left: 0px; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div .c-group a.c-call-to-action:focus { background: rgba(0,103,184,.1); } @media only screen and (min-width: 320px) and (max-width: 600px) { [dir="rtl"] .accessibility-features nav.c-in-page-navigation.f-dropdown .f-dropdown-menu #unique-id-for-list li a.bg-blue-sticky, [dir="rtl"] #windowsh22.windows-11 nav.c-in-page-navigation.f-dropdown .f-dropdown-menu #unique-id-for-list li a.bg-blue-sticky { margin-left: 0px !important; } [dir="rtl"] .accessibility-features nav.c-in-page-navigation.f-dropdown .f-dropdown-menu .c-menu, [dir="rtl"] #windowsh22.windows-11 nav.c-in-page-navigation.f-dropdown .f-dropdown-menu .c-menu { margin-right: 0px !important; } [dir="rtl"] #windowsh22.windows-11 nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a { margin-right: 6px; } } .laptops-for-college-students .featurebox .featurecontent, .laptops-for-students .featurebox .featurecontent { padding-bottom: 1px !important; } [lang="fi-fi"] #windowsh22.laptops-for-students .m-highlight-feature > div .c-heading-2 { font-size: 42px; line-height: initial; } @media screen and (min-width: 1084px) and (max-width: 1300.99px) { #windowsh22.laptops-for-students .featurebox .m-feature.lfcs-hero.f-align-right .featurecontent > .c-heading-1 { font-size: 52px; line-height: initial; } #windowsh22.laptops-for-students .featurebox .m-feature.lfcs-hero.f-align-right .featurecontent > .c-paragraph-2 { font-size: 15px; line-height: initial; } #windowsh22.laptops-for-students .lfcs-hero.m-feature { min-height: 0px !important; } #windowsh22.laptops-for-students .m-highlight-feature > div .c-heading-2, [lang="fi-fi"] #windowsh22.laptops-for-students .m-highlight-feature > div .c-heading-2, .view-all .m-highlight-feature > div .c-heading-2 { font-size: 32px; line-height: initial; } #windowsh22.laptops-for-students .m-highlight-feature > div .c-paragraph-2, .view-all .m-highlight-feature > div .c-paragraph-2 { font-size: 15px; line-height: initial; } #windowsh22.laptops-for-students .m365education.m-feature.f-align-right .featurecontent > .c-heading-2 { font-size: 32px; line-height: initial; } #windowsh22.laptops-for-students .content-banner { padding-left: 5%; padding-right: 5%; } [lang="ar-xm"] #windowsh22.laptops-for-students .featurebox .m-feature.lfcs-hero.f-align-right .featurecontent { padding-left: 20px; } [lang="ar-xm"] #windowsh22.laptops-for-students .featurebox .m-feature.lfcs-hero.f-align-right .featurecontent > .c-heading-1 { font-size: 46px; } #windowsh22.laptops-for-students .m365education.m-feature.f-align-right .featurecontent > .c-paragraph-2 { font-size: 15px; line-height: initial; } #windowsh22.laptops-for-students .featurebox .m-feature.lfcs-hero.f-align-right .featurecontent > .c-heading-1 { word-wrap: break-word; } [lang="sk-sk"] #windowsh22.laptops-for-students .featurebox .m-feature.lfcs-hero.f-align-right .featurecontent > .c-heading-1 { word-wrap: normal; } } @media screen and (min-width: 1301px) and (max-width: 1399px) { #windowsh22.laptops-for-students .m-highlight-feature > div .c-heading-2, [lang="fi-fi"] #windowsh22.laptops-for-students .m-highlight-feature > div .c-heading-2, .view-all .m-highlight-feature > div .c-heading-2 { font-size: 32px; line-height: initial; } #windowsh22.laptops-for-students .m365education.m-feature.f-align-right .featurecontent > .c-paragraph-2 { font-size: 18px; line-height: initial; } #windowsh22.laptops-for-students .featurebox .m-feature.lfcs-hero.f-align-right .featurecontent > .c-heading-1 { word-wrap: break-word; } #windowsh22.laptops-for-students .m-highlight-feature > div .c-paragraph-2, .view-all .m-highlight-feature > div .c-paragraph-2 { font-size: 15px; line-height: initial; } } /* LFCS Css ends */ /*@media screen and (min-width: 1400px) { #windowsh22.windows .bingChat { margin-top: 96px; } }*/ @media screen and (min-width: 1084px) { #windowsh22.windows .bingChat { padding-top: 48px; padding-bottom: 14px; } #windowsh22.windows .featurebox .m-feature.bingChat .featurecontent { padding-right: 131px; } [lang='en-us'] .windows #pcs .m-banner { margin-top: 48px; } } @media screen and (max-width: 1083px) { #windowsh22.windows .m-feature.bingChat .featurecontent { text-align: left !important; padding-left: 0px !important; padding-right: 0px !important; margin-left: 0px !important; padding-bottom: 0px; } #windowsh22.windows .featurebox { width: 100% } #windowsh22.windows .image-priority-accolate .m-feature.bingChat > div .linearHorzontalLineLeft-blue { margin-top: 60px !important; } #windowsh22.laptops-for-students .m-highlight-feature > div .c-heading-2, [lang="fi-fi"] #windowsh22.laptops-for-students .m-highlight-feature > div .c-heading-2, .view-all .m-highlight-feature > div .c-heading-2 { font-size: 32px; line-height: initial; } #windowsh22.laptops-for-students .toutheading { font-size: 24px; line-height: 28px; } [dir="rtl"] #windowsh22.laptops-for-students .m-feature .featurecontent { text-align: right !important; margin-right: 0 !important; } } @media screen and (min-width: 768px) { #windowsh22.windows .featurebox .m-feature.bingChat .featurecontent p { padding-top: 24px !important; } .view-all .m-highlight-feature > div .c-paragraph-2 { font-size: 15px; line-height: initial; } .view-all .m-highlight-feature > div .c-heading-2 { font-size: 32px; line-height: initial; } } @media screen and (max-width: 768px) { #windowsh22 .bingChat .c-paragraph-2 { font-size: 15px; line-height: 20px; padding-top: 16px !important; } #windowsh22.windows .image-priority-accolate .m-feature.bingChat .c-group { margin-top: 0px; } } /*SAYD CSS starts*/ .sync-across-your-devices .c-pivot.center ul[role="tablist"] { padding-top: 32px; margin-bottom: 0px !important; } .sync-across-your-devices .c-pivot.center ul[role="tablist"] li.f-active { color: #000 !important; border-bottom: 2px solid #000; padding-bottom: 8px; border-radius: 0px; border-left: 0px !important; border-right: 0px !important; border-top: 0px !important; margin: 0px 20px; } .sync-across-your-devices .c-pivot.center [role="tablist"] [role="tab"] { font-weight: 600; font-size: 18px; border-radius: 6px; text-align: center; padding: 0px 0px 8px 0px; line-height: 1; box-shadow: none; color: #0067B8; margin: 0px 20px; background: #FFF; } .sync-across-your-devices p.c-paragraph-2 { font-weight: 400; } [lang='en-us'] #android-numberlist-banner, [lang='en-us'] #iOS-numberlist-banner { background: linear-gradient(179.22deg, #FFFFFF 0.64%, #EBF4FC 89.43%); } .sync-across-your-devices .c-pivot ul.x-type-center { border-bottom: 1px solid #D2D2D2 !important; } .sync-across-your-devices .c-pivot.center section[role=tabpanel] { box-shadow: none !important; } .sync-across-your-devices #PivotTarget1 > div:nth-child(2) { padding-left: 0px; padding-right: 0px; } .sync-across-your-devices .SAYD-contentplacement a.c-hyperlink:focus { border: 2px dashed #000 !important; line-height: 60px; } .sync-across-your-devices .custom-small-feature .c-image { width: 164px; height: 151px; } #SAYD-Android-Mosaic .c-group a.c-call-to-action { text-align: left; bottom: 10px; } .sync-across-your-devices #android-faq-panel .c-drawer > button, .sync-across-your-devices #ios-faq-panel .c-drawer > button { background: #F7F7F7; border-radius: 8px; } .sync-across-your-devices #android-faq-panel .c-drawer > button:after, .sync-across-your-devices #ios-faq-panel .c-drawer > button:after { color: #0078D7; } .sync-across-your-devices #android-faq-panel .c-drawer-panel, .sync-across-your-devices #ios-faq-panel .c-drawer-panel { background: #F7F7F7; border-radius: 8px; } .sync-across-your-devices #android-faq-panel .c-drawer, .sync-across-your-devices #ios-faq-panel .c-drawer { margin-bottom: 12px; } .sync-across-your-devices .numberlistpanel .numberlist-structurelist { margin-top: 80px; } .sync-across-your-devices #SAYDContentPlacemet.crossCards { background: none; } .sync-across-your-devices .custom-mosaic .c-mosaic-placement .c-group { text-align: left; left: 32px; bottom: 15px; } .SAYD-contentplacement .toutheading a.c-hyperlink { text-decoration: underline; } .sync-across-your-devices .expand-collapse-toggle-area { margin-right: 10px; } .sync-across-your-devices .drawer-panel .c-drawer { background: #F7F7F7; border-radius: 8px; } .sync-across-your-devices .numberContentPlacement .m-content-placement-item .c-badge { color: #0078D7 !important; } .sync-across-your-devices .c-drawer > button { font-weight: 600; font-size: 20px; line-height: 24px; } .sync-across-your-devices .c-drawer > button::before { font-size: 13px !important; line-height: 16px !important; color: #0067b8; } .sync-across-your-devices #iOS-phonelink-banner .custom-small-feature .content.comppanel { color: #001968; } .sync-across-your-devices .SAYD-hero .linearHorzontalLineLeft-blue { transform: rotate(180deg); } .sync-across-your-devices #iOS-phonelink-banner .m-feature.custom-small-feature { flex-direction: row-reverse; background: #BBDEF1; } .sync-across-your-devices .drawer-panel .expand-collapse-toggle-area button.c-action-trigger:focus { outline: none; } .sync-across-your-devices .drawer-panel .c-drawer .c-drawer-panel p.c-paragraph-3, .sync-across-your-devices .drawer-panel .c-drawer .c-drawer-panel .c-list li { font-size: 18px; line-height: 24px; font-weight: 400; } .sync-across-your-devices #android-faq-panel div.c-drawer-panel, .sync-across-your-devices #ios-faq-panel div.c-drawer-panel { padding-bottom: 16px !important; } .sync-across-your-devices p.expand-collapse-toggle-area.x-type-right > span { transform: rotate(20deg); position: relative; top: -2px; } /*.sync-across-your-devices .drawer-panel .expand-collapse-toggle-area button.c-action-trigger[disabled] { color: #000; }*/ .sync-across-your-devices .numberlistpanel .numberlist .structure-container .c-group a { font-weight: 700; } [lang='ar-xm'] .sync-across-your-devices #android-faq-panel .c-drawer-panel, [lang='ar-xm'] .sync-across-your-devices #ios-faq-panel .c-drawer-panel, [lang='he-il'] .sync-across-your-devices #android-faq-panel .c-drawer-panel, [lang='he-il'] .sync-across-your-devices #ios-faq-panel .c-drawer-panel { margin: 0 2% 0 8%; } @media only screen and (min-width: 632px) and (max-width: 640px) { .sync-across-your-devices .c-pivot.center ul[role="tablist"] li.f-active { padding-left: 3px; padding-right: 3px; } } @media only screen and (min-width: 1084px) { .sync-across-your-devices .SAYD-hero .linearHorzontalLineLeft-blue { margin-top: 12px !important; } .sync-across-your-devices .SAYD-hero h1 { margin-top: 20px; } .sync-across-your-devices .SAYD-hero p.c-paragraph-2 { padding-top: 20px; } .m-hero-item.SAYD-hero > div { margin-left: 70px; } .sync-across-your-devices .c-pivot.center ul[role="tablist"] li.f-active { z-index: 1; } .sync-across-your-devices .c-pivot.center ul[role="tablist"] li.f-active:focus { border: 2px dashed #000 !important } .sync-across-your-devices div#PivotRegionLevel-panel-2 { margin-top: 0px; } .sync-across-your-devices #android-numberlist-banner, .sync-across-your-devices #iOS-numberlist-banner { padding-top: 8px; margin-bottom: 20px; } .SAYD-contentplacement section.m-content-placement-item.f-size-medium { padding-top: 36px; padding-bottom: 80px; } .sync-across-your-devices .image-priority-accolate.featurebox { margin-top: 40px; } .sync-across-your-devices .image-priority-accolate.featurebox .m-feature.f-align-right.feature_panel .featurecontent { margin-left: 48px; } .sync-across-your-devices .image-priority-accolate.featurebox .m-feature.f-align-left.feature_panel .featurecontent { padding-left: 0px !important; padding-right: 96px !important; } .sync-across-your-devices .image-priority-accolate.featurebox .featurecontent p { padding-top: 24px !important; } .sync-across-your-devices #samsung-banner { padding-top: 8px; margin-bottom: 80px; } .sync-across-your-devices #samsung-banner p { padding-top: 24px; } .sync-across-your-devices #SAYDContentPlacemet .m-content-placement-item { margin-top: 0px !important; } .sync-across-your-devices #Feature-panel-12.image-priority-accolate.featurebox { margin-top: 80px; } .sync-across-your-devices .image-priority-accolate .bg-feature-section.m-feature { background: #F7F7F7; } [lang='en-us'] #android_faq, [lang='en-us'] #ios-faq { margin-bottom: 32px; margin-top: 80px; } .sync-across-your-devices .numberlistpanel .numberlist-structurelist .numberlist { min-height: 700px; } [lang='en-in'] .sync-across-your-devices .numberlistpanel .numberlist-structurelist .numberlist { min-height: 740px; } [lang='en-in'] .windows-11 .numberlistpanel .numberlist-structurelist .numberlist { min-height: 780px; } .sync-across-your-devices #iOS-phonelink-banner .m-feature.custom-small-feature .content.comppanel { margin: 50px 0; } .sync-across-your-devices #android-numberlist-banner, .sync-across-your-devices #iOS-numberlist-banner { padding-top: 8px; padding-bottom: 20px; } .sync-across-your-devices #PivotTarget0 > div:first-child { margin-top: 22px !important; } .sync-across-your-devices div#iOS-phonelink-banner { padding-left: 0; padding-right: 0; } .sync-across-your-devices #android-faq-panel .c-drawer-panel, .sync-across-your-devices #ios-faq-panel .c-drawer-panel { margin: 0 8% 0 2%; } .sync-across-your-devices #android-faq-panel .drawer-panel, .sync-across-your-devices #ios-faq-panel .drawer-panel { padding: 0px !important; } .SAYD-contentplacement section.m-content-placement-item.f-size-medium { margin-right: 80px; } .sync-across-your-devices .drawer-panel .expand-collapse-toggle-area button { font-weight: 600; } [lang='ar-xm'] .sync-across-your-devices .image-priority-accolate.featurebox .m-feature.f-align-right.feature_panel .featurecontent, [lang='he-il'] .sync-across-your-devices .image-priority-accolate.featurebox .m-feature.f-align-right.feature_panel .featurecontent { margin-right: 48px; } [lang='ar-xm'] .sync-across-your-devices .image-priority-accolate.featurebox .m-feature.f-align-left.feature_panel .featurecontent, [lang='he-il'] .sync-across-your-devices .image-priority-accolate.featurebox .m-feature.f-align-left.feature_panel .featurecontent { padding-left: 96px !important; padding-right: 0px !important; } .sync-across-your-devices .m-hero-item.f-transparent > div > div { background: #fff; padding: 20px; border-radius: 6px; opacity: 0.7; } } @media only screen and (max-width: 1083.98px) { .sync-across-your-devices #iOS-phonelink-banner .m-feature.custom-small-feature { flex-direction: column; } .sync-across-your-devices .SAYD-hero.m-hero-item > div { text-align: left; } .SAYD-hero .linearHorzontalLineLeft-blue { margin-top: 12px !important; margin-bottom: 16px !important; } .sync-across-your-devices .image-priority-accolate .bg-feature-section.m-feature.f-align-right { background: #F7F7F7; } .sync-across-your-devices .custom-mosaic .c-mosaic-placement .c-group { top: auto; } #SAYD-Android-Mosaic .f-vp1-whole.f-height-large.card-large, #SAYD-iOS-Mosaic .f-vp1-whole.f-height-large.card-large { margin-top: 15px; } #SAYD-Android-Mosaic picture, #SAYD-iOS-Mosaic picture { border-radius: 8px; } .sync-across-your-devices .SAYD-hero.m-hero-item { background: #FFF; } .sync-across-your-devices .image-priority-accolate.featurebox .featurecontent { padding: 0px !important; margin: 0px !important; text-align: left !important; } .sync-across-your-devices .image-priority-accolate.featurebox .bg-feature-section .featurecontent { padding-left: 32px !important; padding-right: 32px !important; padding-bottom: 18px !important; margin: 0 auto !important; } .sync-across-your-devices #Feature-panel-14.image-priority-accolate.featurebox { padding: 0 4%; } .sync-across-your-devices .image-priority-accolate { width: 100%; margin: 0px; } .sync-across-your-devices #Feature-panel-12.image-priority-accolate { margin-top: 80px; padding: 0 5%; } .sync-across-your-devices #Feature-panel-12.image-priority-accolate .featurecontent { width: 100%; text-align: left; padding: 0px; } .sync-across-your-devices .bg-feature-section.m-feature.f-align-right { margin-left: 30px; width: calc(100% - 38px); } .sync-across-your-devices .phonelinkbanner, .sync-across-your-devices #SAYD-Android-Mosaic, .sync-across-your-devices #android-faq-panel, .sync-across-your-devices #ios-faq-panel, .sync-across-your-devices #android-faq-panel div.c-drawer-panel, .sync-across-your-devices #ios-faq-panel div.c-drawer-panel, .sync-across-your-devices #SAYD-iOS-Mosaic { padding: 0 5%; } .sync-across-your-devices .numberlist-structurelist[data-grid="container"] { padding-right: 7%; padding-left: 6%; } .sync-across-your-devices .numberContentPlacement.SAYD-contentplacement > div { padding-bottom: 48px; } .sync-across-your-devices #iOS-phonelink-banner .custom-small-feature .show-in-lower { float: left; padding-top: 5%; width: 100%; } .sync-across-your-devices #iOS-phonelink-banner .content.comppanel { padding: 24px 0; text-align: left; } .sync-across-your-devices .numberlistpanel .numberlist-structurelist { margin-top: 40px; } .sync-across-your-devices .number-contentplacement { padding: 0 5%; width: 100%; } .sync-across-your-devices .number-contentplacement .SAYD-contentplacement { padding-left: 0px; padding-right: 0px; } .sync-across-your-devices #SAYD-hero { background: #FFF; } .sync-across-your-devices [data-grid="container"].image-priority-accolate.featurebox .m-feature.bg-feature-section { padding-left: 6% !important; } .sync-across-your-devices .SAYD-hero.m-hero-item { padding: 0px; } .sync-across-your-devices .SAYD-hero.m-hero-item:before { padding-bottom: 0 !important; } .sync-across-your-devices .SAYD-hero.m-hero-item > picture { transform: none; top: 0; left: 0; height: fit-content !important; position: relative; } .sync-across-your-devices .SAYD-hero.m-hero-item > picture > img { transform: none; top: 0; left: 0; height: auto; position: relative; border-radius: 0; } .sync-across-your-devices .SAYD-hero.m-hero-item > div > div { height: auto; padding: 5px 0; transform: none; top: 0; left: 0; float: left; } .sync-across-your-devices .drawer-panel { padding: 0px !important; } .sync-across-your-devices .bg-feature-section.m-feature.f-align-right { padding-bottom: 20px; } .sync-across-your-devices .custom-small-feature .c-image { width: 82px; height: 82px; } .sync-across-your-devices #SAYD-iOS-Mosaic .c-mosaic-placement.SAYD-mosaic-right img, .sync-across-your-devices #SAYD-Android-Mosaic .c-mosaic-placement.SAYD-mosaic-right img { height: 100%; } .sync-across-your-devices #BGbackground_Feature.image-priority-accolate.featurebox { padding-left: 5%; padding-right: 5%; } .sync-across-your-devices .m-hero-item.f-transparent > div > div { transform: none !important; } [dir=rtl] .sync-across-your-devices .SAYD-hero.m-hero-item > div { text-align: right; margin-right: 50px; } [dir=rtl] .sync-across-your-devices .SAYD-hero.m-hero-item > div > div { float: right; } [dir=rtl] .sync-across-your-devices .image-priority-accolate.featurebox .featurecontent, [dir=rtl] .sync-across-your-devices #iOS-phonelink-banner .content.comppanel { text-align: right !important; } [dir=rtl] .sync-across-your-devices #android-faq-panel div.c-drawer-panel, [dir=rtl] .sync-across-your-devices #ios-faq-panel div.c-drawer-panel { padding-right: 2%; padding-top: 16px; } } @media only screen and (min-width: 768px) and (max-width: 1083.98px) { .sync-across-your-devices .SAYD-hero.m-hero-item > div { padding-top: 35px !important; padding-bottom: 58px !important; height: auto !important; margin-left: 50px; } .SAYD-contentplacement section.m-content-placement-item.f-size-medium { margin-right: 80px; } .sync-across-your-devices .numberContentPlacement .m-content-placement-item .c-badge { font-size: 62px; line-height: 72px; } .sync-across-your-devices .numberContentPlacement .m-content-placement-item h3.toutheading.c-heading-3 { font-size: 18px; line-height: 24px; padding-top: 10px; } .sync-across-your-devices .SAYD-hero.m-hero-item > div > div h1.c-heading-1, .sync-across-your-devices .m-banner .c-heading-1 { font-size: 34px; line-height: 40px; } .sync-across-your-devices .c-drawer > button { font-size: 18px; } .sync-across-your-devices .SAYD-hero.m-hero-item > div > div p.c-paragraph-2, .sync-across-your-devices .m-banner p, .sync-across-your-devices .image-priority-accolate.featurebox .featurecontent p, .sync-across-your-devices .m-content-placement.x-type-left.crossCards .m-content-placement-item .toutpara, .sync-across-your-devices .drawer-panel .c-drawer .c-drawer-panel p.c-paragraph-3, .sync-across-your-devices .drawer-panel .c-drawer .c-drawer-panel .c-list li, .sync-across-your-devices .drawer-panel .c-drawer .c-drawer-panel, .sync-across-your-devices .numberlist-structurelist .numberlistbanner .content .c-paragraph-1, .sync-across-your-devices .numberlist-structurelist .structure-container .structure-item p, .sync-across-your-devices #iOS-phonelink-banner .content.comppanel p { font-size: 15px; line-height: 20px; } .sync-across-your-devices .numberlist-structurelist .numberlistbanner .content { padding: 0 5% 48px 0; } .sync-across-your-devices .c-pivot.center [role="tablist"] [role="tab"] { font-size: 15px; line-height: 24px; } .sync-across-your-devices .image-priority-accolate.featurebox .featurecontent .c-heading-2, .sync-across-your-devices #android_faq .c-heading-2, .sync-across-your-devices #ios-faq .c-heading-2, .sync-across-your-devices .numberlist-structurelist .numberlistbanner .content h2 { font-size: 24px; line-height: 28px; } .sync-across-your-devices .m-content-placement.x-type-left.crossCards .m-content-placement-item .toutheading { font-size: 18px; line-height: 24px; } .sync-across-your-devices .numberlist-structurelist .structure-container .structure-item h3, .sync-across-your-devices #iOS-phonelink-banner .content.comppanel h2 { font-size: 20px; line-height: 24px; } .sync-across-your-devices #BGbackground_Feature.image-priority-accolate.featurebox { margin-top: 80px; } } @media only screen and (min-width: 540px) and (max-width: 1083.98px) { [lang='ru-ru'] .sync-across-your-devices .c-pivot.center [role="tablist"] [role="tab"]:first-child { margin-left: 5px; } .sync-across-your-devices .c-pivot > [role="tablist"] > [role="tab"]:focus { border: 0px; outline: 2px dashed #000; } } @media only screen and (max-width: 539px) { .sync-across-your-devices .image-priority-accolate.featurebox .featurecontent { padding: 0px !important; margin: 0px !important; text-align: left !important; } .sync-across-your-devices .image-priority-accolate.featurebox .bg-feature-section .featurecontent { padding-left: 12px !important; padding-right: 12px !important; margin: 0 auto !important; } .sync-across-your-devices #Feature-panel-14.image-priority-accolate.featurebox { padding: 0 4%; } .sync-across-your-devices .articletouts { padding: 0px; } .sync-across-your-devices .numberlist-structurelist[data-grid="container"] { padding-left: 6%; } [dir=rtl] .sync-across-your-devices #android-faq-panel div.c-drawer-panel, [dir=rtl] .sync-across-your-devices #ios-faq-panel div.c-drawer-panel { padding-right: 6% !important; } } .sync-across-your-devices .numberlistpanel .numberlist-structurelist.nonumber .numberlistbanner p { font-weight: 400; } .sync-across-your-devices .numberContentPlacement .m-content-placement-item .c-badge { font-size: 105px; line-height: 120px; } .sync-across-your-devices div.c-drawer-panel { font-size: 18px; line-height: 24px; font-weight: 400; } .sync-across-your-devices .numberbanner-gradient { background: linear-gradient(179.22deg, #FFFFFF 0.64%, #EBF4FC 89.43%); } .sync-across-your-devices .numbercontentplacement-gradient { background: linear-gradient(0deg, #ECF5FD, #ECF5FD), linear-gradient(179.22deg, #EBF4FC 0.64%, #FFFFFF 89.43%); } .sync-across-your-devices ul.c-list.rounded-list { list-style: revert; } .sync-across-your-devices ul.c-list.square-list { list-style: square; } .sync-across-your-devices .c-pivot.center section[role=tabpanel] { margin-top: 0px; } @media only screen and (min-width: 1440px) { .sync-across-your-devices .numberlistpanel .numberlist-structurelist .numberlist { min-height: 750px; } [lang='en-in'] .sync-across-your-devices .numberlistpanel .numberlist-structurelist .numberlist, [lang='en-in'] .windows-11 .numberlistpanel .numberlist-structurelist .numberlist { min-height: 790px; } [lang='ru-ru'] .sync-across-your-devices .numberlistpanel .numberlist-structurelist .numberlist, [lang='bg-bg'] .sync-across-your-devices .numberlistpanel .numberlist-structurelist .numberlist { min-height: 800px; } .sync-across-your-devices .numberbanner-gradient, .sync-across-your-devices .numbercontentplacement-gradient { max-width: 100% !important; } #iOS-phonelink-banner [data-grid='col-3'].show-in-higher { width: 16.66667%; } } @media only screen and (max-width:767px) { .sync-across-your-devices .m-content-placement.crossCards > div { padding: 0 2%; } .sync-across-your-devices .SAYD-hero > div { padding: 20px 0px !important; height: auto !important; position: relative; } .sync-across-your-devices .SAYD-contentplacement .articletouts .m-content-placement-item { padding-top: 80px; width: 80%; } .sync-across-your-devices .SAYD-hero.m-hero-item > div > div h1.c-heading-1 { font-size: 34px; line-height: 40px; } .sync-across-your-devices .c-pivot.center [role="tablist"] [role="tab"] { font-size: 15px; line-height: 24px; } .sync-across-your-devices .m-banner .c-heading-1 { font-size: 34px; line-height: 40px; } .sync-across-your-devices .m-banner p.c-paragraph-2 { font-size: 15px; line-height: 20px; } .sync-across-your-devices .numberContentPlacement .m-content-placement-item .c-badge { font-size: 120px; line-height: 40px; } .sync-across-your-devices #android_faq .c-heading-2, .sync-across-your-devices #ios-faq .c-heading-2, .sync-across-your-devices .image-priority-accolate.featurebox .featurecontent .c-heading-2 { font-size: 24px; line-height: 28px; } .sync-across-your-devices .c-drawer > button { font-size: 18px; line-height: 24px; } .sync-across-your-devices .numberlist-structurelist .numberlistbanner .content .c-paragraph-1 { font-size: 15px; line-height: 20px; } .sync-across-your-devices .image-priority-accolate.featurebox .bg-feature-section .featurecontent .c-heading-2 { font-size: 34px; line-height: 40px; } } @media only screen and (max-width:539px) { .sync-across-your-devices .c-pivot > [role="tablist"] > [role="tab"]:focus { border: 0px; outline: 2px dashed #000; } .sync-across-your-devices .c-pivot.center li[role='tab'] { border-bottom: 1px solid #D2D2D2 !important; display: block; margin: 20px 0px !important; } .sync-across-your-devices .c-pivot.center li[role='tab'].f-active span { border-bottom: 2px solid #000; padding-bottom: 7px; } .sync-across-your-devices .c-pivot ul.x-type-center { border-bottom: none !important; } .sync-across-your-devices .m-content-placement.crossCards { padding-bottom: 0px; } } @media only screen and (min-width: 1084px) and (max-width: 1399.98px) { .m-hero-item.SAYD-hero > div { margin-left: 55px; } } /*SAYD CSS ends*/ /* Features Hero starts */ .features .m-hero-item.f-y-center > div .c-heading-1 { letter-spacing: 0em; } .features .m-hero-item.f-y-center > div .c-paragraph-2 { font-weight: 400; letter-spacing: 0em; } .features .m-hero-item.herowithbluegradientline { background: #30005D; color: #D289FF; } /* Features Hero ends */ @media screen and (max-width: 1083px) { [dir="rtl"] #windowsh22.windows .m-feature.bingChat .featurecontent { text-align: right !important; margin-right: 0px !important; } } [dir="rtl"] #windowsh22.windows .featurebox .m-feature.bingChat .featurecontent { padding-left: 131px; padding-right: 0px; } /*@media screen and (min-width: 1084px) and (max-width:1399px) { [lang='de-at'] #windowsh22.windows .bingChat, [lang='de-ch'] #windowsh22.windows .bingChat, [lang='de-de'] #windowsh22.windows .bingChat, [lang='bg-bg'] #windowsh22.windows .bingChat, [lang='cs-cz'] #windowsh22.windows .bingChat, [lang='es-ar'] #windowsh22.windows .bingChat, [lang='es-cl'] #windowsh22.windows .bingChat, [lang='es-co'] #windowsh22.windows .bingChat, [lang='es-es'] #windowsh22.windows .bingChat, [lang='es-mx'] #windowsh22.windows .bingChat, [lang='es-xl'] #windowsh22.windows .bingChat, [lang='fi-fi'] #windowsh22.windows .bingChat, [lang='hr-hr'] #windowsh22.windows .bingChat, [lang='hu-hu'] #windowsh22.windows .bingChat, [lang='ko-kr'] #windowsh22.windows .bingChat, [lang='lv-lv'] #windowsh22.windows .bingChat, [lang='nb-no'] #windowsh22.windows .bingChat, [lang='nl-be'] #windowsh22.windows .bingChat, [lang='pl-pl'] #windowsh22.windows .bingChat, [lang='pt-br'] #windowsh22.windows .bingChat, [lang='pt-pt'] #windowsh22.windows .bingChat, [lang='sk-sk'] #windowsh22.windows .bingChat, [lang='sr-latn-rs'] #windowsh22.windows .bingChat, [lang='tr-tr'] #windowsh22.windows .bingChat, [lang='uk-ua'] #windowsh22.windows .bingChat { margin-top: 100px; } }*/ /*[lang='en-us'] #windowsh22.windows-11 .stickyV2 nav.c-in-page-navigation { margin-bottom: 80px; } [lang='en-us'] #windowsh22.windows-11 bg-blue-sticky stickyV2{ margin-bottom: 24px; }*/ #windowsh22.windows-11.hubmain, #windowsh22.windows-11 #productivity, #windowsh22.windows-11 #easiertouse, #windowsh22.windows-11 #performancesecurity, #windowsh22.windows-11 #gaming.image-priority-accolate { background: #f9f9f9 !important; } #windowsh22.windows-11 .featurebox .m-feature > picture .mp4videoinline { border-radius: 40px; } #windowsh22.windows-11 .featurebox .m-feature > picture .videobutton { background: #ffffff !important; border: 1px solid #0078D4 !important; text-align: center; } #windowsh22.windows-11 .videobutton.c-call-to-action.c-glyph:before { color: #0078D4; } @media only screen and (min-width:1084px) and (max-width:1399px) { #windowsh22.windows .show-animation-on-hvp.holiday-animated-hero .m-hero-item > div > div, #windowsh22.windows .holiday-animated-hero .m-hero-item > div > div, #windowsh22.get-windows-11 .m-hero-item > div > div { max-width: 345px; top: calc(50%); } [lang='ro-ro'] #windowsh22.windows .holiday-animated-hero .m-hero-item > div > div h1 { font-size: 48px; line-height: normal; } } .m-hero-item.PCUsers, #windowsh22.get-windows-11 .m-hero-item.nonPCUsers { background: none !important; } @media screen and (max-width: 767px) { [lang='en-us'] #windowsh22 .sync .c-paragraph-2 { font-size: 15px; line-height: 20px; padding-top: 16px !important; } #windowsh22.windows .m-feature.f-align-right.rounded-corners.sync.herowithgradientline-blue { margin-top: 0px !important; } #windowsh22.windows .image-priority-accolate .m-feature.sync .c-group { margin-top: 0px; } [lang='fr-ca'] .c-call-to-action.features-btn:not(.glyph-play):after, [lang='fr-ca'] a.c-call-to-action.features-btn:not(.glyph-play):hover:after, [lang='fr-fr'] .c-call-to-action.features-btn:not(.glyph-play):after, [lang='fr-fr'] a.c-call-to-action.features-btn:not(.glyph-play):hover:after { right: 130px !important; } } @media screen and (min-width: 768px) { #windowsh22.windows .featurebox .m-feature.sync .featurecontent p { padding-top: 24px !important; } } @media screen and (max-width: 1083px) { #windowsh22.windows .m-feature.sync .featurecontent { text-align: left !important; padding-left: 0px !important; padding-right: 0px !important; margin-left: 0px !important; padding-bottom: 0px; } [dir='rtl'] #windowsh22.windows .m-feature.sync .featurecontent { text-align: right !important; padding-left: 0px !important; padding-right: 0px !important; margin-right: 0px !important; padding-bottom: 0px; } [lang='en-us'] #windowsh22.windows .featurebox { width: 100% } #windowsh22.windows .image-priority-accolate .m-feature.sync > div .linearHorzontalLineLeft-blue { margin-top: 60px !important; } #windowsh22.windows-11 .holiday-animated-hero .m-hero-item > picture { padding: 5% 5% 0 5%; } #windowsh22.windows-11 .holiday-animated-hero .m-hero-item > div { width: 90%; } } @media screen and (min-width: 1084px) { #windowsh22.windows .featurebox .m-feature.sync .featurecontent { padding-left: 131px; } [dir='rtl'] #windowsh22.windows .featurebox .m-feature.sync .featurecontent { padding-right: 131px; padding-left: 0; } .windows-11 #easiertouse .m-feature, .windows-11 #productivity .m-feature, .windows-11 #performancesecurity .m-feature, .windows-11 #gaming.image-priority-accolate .m-feature { margin: 80px 0; } #windowsh22.windows .bingChat { padding-bottom: 0px !important; } } @media screen and (min-width: 1400px) { #windowsh22.windows .bingChat { margin-top: 32px; } } @media screen and (max-width: 1083px) { .windows-11 #easiertouse .m-feature, .windows-11 #productivity .m-feature, .windows-11 #performancesecurity .m-feature, .windows-11 #gaming.image-priority-accolate .m-feature { display: flex; min-height: auto !important; margin: 48px 0; } #windowsh22.windows-11 p.c-paragraph-2, #windowsh22.windows-11 p.c-paragraph-3, #windowsh22.windows-11 .numberlistbanner .content p.c-paragraph-1.fy23-font-weight { font-size: 15px; line-height: 20px; font-weight: 400 !important; padding-top: 16px !important; } #windowsh22.windows #Banner-panel-1 .m-banner { margin-top: 0px !important; margin-bottom: 0px !important; } } @media screen and (min-width: 768px) and (max-width: 1083px) { [lang='en-us'] #windowsh22.windows .m-feature.f-align-right.rounded-corners.sync.herowithgradientline-blue { margin-top: 12px !important; margin-bottom: 12px !important; } } #windowsh22.windows .articletouts .m-content-placement-item, #windowsh22.windows .articletouts .m-content-placement-item:hover { cursor: default; } #windowsh22.windows .m-content-placement-item[data-js-href]:hover picture img, #windowsh22.windows .c-content-placement[data-js-href]:hover picture img { opacity: 1; } .sync-across-your-devices .custom-mosaic .c-mosaic-placement .c-group a.c-call-to-action { background: #0078D4; } div#default-lightbox .c-video-player.hide + .m-content-placement-item img { opacity: 1; } .sync-across-your-devices .SAYD_crosscard { margin-bottom: 84px !important; } /*@media only screen and (min-width: 1084px) { html:not([lang='en-us']) #windowsh22.windows .show-animation-on-hvp .m-hero-item.holiday-video-auto > div > div { display: block !important; } }*/ @media only screen and (min-width: 1400px) { .sync-across-your-devices .SAYD-hero.m-hero-item.f-y-top.f-transparent > div > div { top: 60px !important; } } @media only screen and (max-width: 1399px) { .sync-across-your-devices .m-hero-item.f-transparent > div > div { top: 24px !important; height: auto !important; } } /*SAYD Accessibility */ .sync-across-your-devices .numberlist .m-structured-list a.c-call-to-action:focus:not(.x-hidden-focus) span { box-shadow: 0 2px #005da6 !important; } .sync-across-your-devices .drawer-panel a.c-hyperlink { text-decoration: underline; } .structure-item .c-call-to-action { padding: 20px 3px 7px 0; } [dir='rtl'] .sync-across-your-devices .SAYD-hero .linearHorzontalLineLeft-blue { transform: none !important; } [dir='rtl'] .sync-across-your-devices p.expand-collapse-toggle-area.x-type-right > span { transform: rotate(-20deg); } @media screen and (min-width: 1084px) { .windows-11 #stickynavwindows11.sticky-navbarNew { padding-top: 24px; } [lang="bg-bg"] #windowsh22.windows-11 .holiday-animated-hero .m-hero-item h1, [lang="de-at"] #windowsh22.windows-11 .holiday-animated-hero .m-hero-item h1, [lang="de-ch"] #windowsh22.windows-11 .holiday-animated-hero .m-hero-item h1, [lang="de-de"] #windowsh22.windows-11 .holiday-animated-hero .m-hero-item h1, [lang="pt-pt"] #windowsh22.windows-11 .holiday-animated-hero .m-hero-item h1, [lang="fi-fi"] #windowsh22.windows-11 .holiday-animated-hero .m-hero-item h1, [lang="lt-lt"] #windowsh22.windows-11 .holiday-animated-hero .m-hero-item h1 { font-size: 46px; } } /* Mosaic transform effect */ /* .windows-11 .c-mosaic-placement picture img { transform: none !important; position: relative; left: 0; top: 0; } */ .windows-11 .c-mosaic-placement picture img { /* transform: translate(-50%,-50%) !important; position: relative; left: 0; top: 0; */ position: absolute; left: calc(50%); top: calc(50%); transform: translate(-50%,-50%) !important; } .windows .c-mosaic-placement picture.l_img img { transform: translate(-50%,-50%) !important; } /*html:not([lang='en-us'],[lang='zh-cn']) #windowsh22.windows-11 .toggle-button { display:none; }*/ @media only screen and (min-width: 768px) and (max-width: 1083px) { [lang="en-us"] #windowsh22.windows-11 .animation-off.holiday-animated-hero .m-hero-item > picture > img { transform: none; top: 0; position: relative; left: 0; border-radius: 8px; } } /*Photo movie editor styles starts*/ #windowsh22.photo-movie-editor .c-pivot.center section[role=tabpanel] { box-shadow: none; } #windowsh22.photo-movie-editor .c-pivot.center section[role=tabpanel] [data-grid="container"]:first-child { margin-top: 2px; } #windowsh22.photo-movie-editor .c-pivot.center [role="tablist"] [role="tab"] { font-size: 16px; border-radius: 6px; text-align: center; padding: 8px 3px !important; line-height: 1; box-shadow: none; margin: 0px 20px; background: none; color: #727272; font-weight: 500; } #windowsh22.photo-movie-editor .c-pivot.center ul[role="tablist"] li.f-active, #windowsh22.photo-movie-editor .c-pivot.center ul[role="tablist"] li.f-active { color: #2b2a2a !important; padding-top: 8px; border-bottom: 2px solid #0078D4; padding-bottom: 8px; border-radius: 0px; border-left: 0px !important; border-right: 0px !important; border-top: 0px !important; margin: 0px 20px; } #windowsh22.photo-movie-editor .m-content-placement-item picture img { width: auto; } #windowsh22.photo-movie-editor .m-content-placement-item picture { padding-bottom: 60px; } html[dir=rtl] #windowsh22.photo-movie-editor .m-content-placement-item picture img { position: relative; top: 50px; } #windowsh22.photo-movie-editor .toutheading { font-size: 24px !important; line-height: 28px !important; } #windowsh22.photo-movie-editor .m-content-placement-item .linearHorzontalLineLeft-blue { width: 100px; height: 3px; } #windowsh22.photo-movie-editor table thead th:first-child { width: 25%; } #windowsh22.photo-movie-editor .videobutton.c-call-to-action.c-glyph:before { color: #000000; } #windowsh22.photo-movie-editor .videobutton.c-call-to-action.c-glyph, #windowsh22.photo-movie-editor .videobutton.c-call-to-action.c-glyph:focus { border: 2px solid #000; } #windowsh22.photo-movie-editor .c-pivot.center ul[role='tablist'] li:focus { border: 2px solid #000 !important; padding-left: 3px; padding-right: 3px; text-decoration: underline; text-decoration-color: #0078D4; text-decoration-thickness: 2px; text-underline-offset: 6px; } #windowsh22.photo-movie-editor [class*=c-heading], #windowsh22.photo-movie-editor [class*=c-paragraph], #windowsh22 .rounded-corners .c-button.f-primary.blue-button { letter-spacing: inherit; } #windowsh22.photo-movie-editor #Banner-panel-0 .m-banner { padding-top: 0; margin-bottom: 0 !important; } #windowsh22.photo-movie-editor #photoMovieEditor_Contentplacement .m-content-placement-item[data-js-href]:hover { cursor: default; } #windowsh22.photo-movie-editor .feature-panel-hero.m-feature.f-align-left > div, #windowsh22.photo-movie-editor .m-feature:not(.feature-panel-hero).f-align-left > div { padding-left: 0; } #windowsh22.photo-movie-editor .m-feature.f-align-right > div { padding-right: 0; } #windowsh22.photo-movie-editor .mp4inline .f-video-trigger { position: absolute; top: 50%; left: 50%; transform: translate(-50%, 0%); cursor: default; } #windowsh22.photo-movie-editor .m-content-placement-item { cursor: default; } #windowsh22.photo-movie-editor .f-video-trigger button.c-action-trigger.c-glyph { margin-top: 0px; } [dir="rtl"] #windowsh22.photo-movie-editor .linearHorzontalLineLeft-blue { background: linear-gradient(277.21deg, #0067B8 5.82%, #50E6FF 134%); } #windowsh22.photo-movie-editor .c-table { overflow-x: auto; } #windowsh22.photo-movie-editor a.c-button.c-call-to-action:focus span { box-shadow: 0 2px currentColor !important; text-decoration: none !important; } .hubmain.photo-movie-editor .m-content-placement-item .c-hyperlink, .hubmain.photo-movie-editor .c-content-placement .c-hyperlink { margin-left: 0; display: inline; } [dir="rtl"] .hubmain.photo-movie-editor .m-content-placement-item .c-hyperlink, [dir="rtl"] .hubmain.photo-movie-editor .c-content-placement .c-hyperlink { margin-left: 0; } @media screen and (min-width: 319px) and (max-width: 640px) { #windowsh22.photo-movie-editor .c-pivot { margin-top: 0; } } @media only screen and (min-width: 768px) { #windowsh22.photo-movie-editor #photos-video, #windowsh22.photo-movie-editor #clipchamp-video { padding-top: 26px; } #windowsh22.photo-movie-editor hr.c-divider { border-top: 2px solid rgba(0,0,0,.2); } } @media screen and (min-width: 350px) and (max-width: 1083px) { .c-dialog.f-lightbox .nav-buttons .c-glyph { top: 1%; } } @media screen and (min-width: 767px) and (max-width: 768px) { #windowsh22.photo-movie-editor #photoMovieEditor_Contentplacement .content-touts[data-grid~="col-4"] { width: 50%; } } @media only screen and (max-width: 1083px) { #windowsh22.photo-movie-editor .c-pivot.center [role="tablist"] [role="tab"] { border-bottom: 2px solid #D2D2D2 !important; border-top: 0; border-left: 0; border-right: 0; border-radius: 0; } #windowsh22.photo-movie-editor .c-pivot.center ul[role="tablist"] li { display: block; margin: 20px 0px !important; padding: 8px 0px !important; } #windowsh22.photo-movie-editor .c-pivot.center ul[role="tablist"] li.f-active span { border-bottom: 2px solid #0078D4 !important; padding: 2px; } #windowsh22.photo-movie-editor .c-pivot.center section[role=tabpanel] [data-grid="container"]:first-child { border-top: none; } #windowsh22.photo-movie-editor .m-feature.f-align-left > div, #windowsh22.photo-movie-editor .m-feature.f-align-right > div { padding-bottom: 0; } #windowsh22.photo-movie-editor .c-feature > div > h1.c-heading { margin-top: 0; } #windowsh22.photo-movie-editor .bg-feature-section.m-feature.f-align-left, #windowsh22.photo-movie-editor .bg-feature-section.m-feature.f-align-right { background: none; } #windowsh22.photo-movie-editor .herowithgradientline-blue .m-feature > div { text-align: left !important; margin-left: 0; padding-left: 0; font-weight: 400; font-size: 15px; line-height: 20px; } #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent { text-align: left !important; margin-left: 0; padding-left: 0; font-weight: 400; font-size: 15px; line-height: 20px; } [dir="rtl"] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent { text-align: right !important; margin-right: 0; padding-right: 0; } #windowsh22.photo-movie-editor .image-priority-accolate { width: 100%; } #windowsh22.photo-movie-editor .bg-feature-section.m-feature.f-align-right, #windowsh22.photo-movie-editor .bg-feature-section.m-feature.f-align-left { margin-left: 0px; width: 100%; min-height: 100%; margin-right: 0px; } #windowsh22.photo-movie-editor .bg-feature-section.m-feature.f-align-right picture { left: 0; top: 0; } #windowsh22.photo-movie-editor .bg-feature-section.m-feature.f-align-left picture { right: 0; top: 0; } #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent { padding-right: 0; } #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent { margin-top: 50px !important; } #windowsh22.photo-movie-editor #photos-video .m-hero-item picture, #windowsh22.photo-movie-editor #clipchamp-video .m-hero-item picture { position: relative; } #windowsh22.photo-movie-editor #photos-video .m-hero-item > div, .c-hero > div, #windowsh22.photo-movie-editor #photos-video .m-hero-item.f-transparent:before, #windowsh22.photo-movie-editor #clipchamp-video .m-hero-item > div, .c-hero > div, #windowsh22.photo-movie-editor #clipchamp-video .m-hero-item.f-transparent:before { display: none; } #windowsh22.photo-movie-editor .m-feature.feature-panel-hero { margin-top: 0; padding-bottom: 0 !important; padding-top: 36px; } #windowsh22.photo-movie-editor .m-feature { margin-top: 0; } #windowsh22.photo-movie-editor #Banner-panel-1 .m-banner { margin-bottom: 0px !important; } html[dir=rtl] #windowsh22.photo-movie-editor .feature-panel-hero.m-feature.f-align-left > div, html[dir=rtl] #windowsh22.photo-movie-editor .m-feature.f-align-right > div { margin-right: 0; text-align: right !important; } } @media only screen and (min-width: 1084px) { #windowsh22.photo-movie-editor [data-vg="ImageorVideoWithContent"] { padding-top: 36px; border-top: 2px solid rgba(0,0,0,.2); margin-top: 2px; } #windowsh22.photo-movie-editor .m-feature.f-align-right, #windowsh22.photo-movie-editor .m-feature.f-align-left:not(.feature-panel-hero) { margin-top: 0; padding-top: 36px; border-top: 2px solid rgba(0,0,0,.2); } #windowsh22.photo-movie-editor .herowithgradientline-blue .content-touts .articletouts .m-content-placement-item > div > h3 { padding-top: 4px; } #windowsh22.photo-movie-editor .m-content-placement-item .linearHorzontalLineLeft-blue { margin-top: 18px !important; } #windowsh22.photo-movie-editor .image-priority-accolate.featurebox .m-feature.f-align-left .featurecontent { padding-left: 0px !important; padding-right: 96px !important; } #windowsh22.photo-movie-editor .image-priority-accolate.featurebox .m-feature.f-align-right .featurecontent { margin-left: 48px; } #windowsh22.photo-movie-editor .m-feature.f-align-right > div { padding-left: 60px; } #windowsh22.photo-movie-editor .m-feature.f-align-left > div { padding-right: 60px; } html[dir=rtl] #windowsh22.photo-movie-editor .m-feature.f-align-left > div { padding-right: 0px; padding-left: 60px; } html[dir=rtl] #windowsh22.photo-movie-editor .m-feature.f-align-right > div { padding-right: 60px; padding-left: 0px; } } @media only screen and (min-width: 1084px) and (max-width: 1110px) { [lang='fr-ch'] #windowsh22.photo-movie-editor .feature-panel-hero.m-feature.f-align-left > div { padding-top: 180px; } } @media only screen and (min-width: 1084px) and (max-width: 1299px) { [lang='fi-fi'] #windowsh22.photo-movie-editor .m-feature.f-align-right, [lang='fi-fi'] #windowsh22.photo-movie-editor .m-feature.f-align-left:not(.feature-panel-hero), [lang='es-cl'] #windowsh22.photo-movie-editor .m-feature.f-align-right, [lang='es-cl'] #windowsh22.photo-movie-editor .m-feature.f-align-left:not(.feature-panel-hero), [lang='el-gr'] #windowsh22.photo-movie-editor .m-feature.f-align-right, [lang='el-gr'] #windowsh22.photo-movie-editor .m-feature.f-align-left:not(.feature-panel-hero) { padding-top: 125px; padding-bottom: 125px; } [lang='ro-ro'] #windowsh22.photo-movie-editor .m-feature.f-align-right, [lang='ro-ro'] #windowsh22.photo-movie-editor .m-feature.f-align-left:not(.feature-panel-hero), [lang='ru-ru'] #windowsh22.photo-movie-editor .m-feature.f-align-right, [lang='ru-ru'] #windowsh22.photo-movie-editor .m-feature.f-align-left:not(.feature-panel-hero), [lang='es-co'] #windowsh22.photo-movie-editor .m-feature.f-align-right, [lang='es-co'] #windowsh22.photo-movie-editor .m-feature.f-align-left:not(.feature-panel-hero) { padding-top: 150px; padding-bottom: 150px; } [lang='el-gr'] #windowsh22.photo-movie-editor .feature-panel-hero.m-feature.f-align-left > div { padding-top: 210px; } [lang='sv-se'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='nl-nl'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='nb-no'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='ja-jp'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='es-xl'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='es-mx'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='es-co'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='es-ar'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='es-cl'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='el-gr'] #windowsh22.photo-movie-editor #Banner-panel-1 { padding-top: 125px; } [lang='sl-si'] #windowsh22.photo-movie-editor .m-feature.f-align-left > div, [lang='ru-ru'] #windowsh22.photo-movie-editor .m-feature.f-align-left > div, [lang='ro-ro'] #windowsh22.photo-movie-editor .m-feature.f-align-left > div, [lang='hr-hr'] #windowsh22.photo-movie-editor .m-feature.f-align-left > div, [lang='fr-xf'] #windowsh22.photo-movie-editor .m-feature.f-align-left > div, [lang='fr-fr'] #windowsh22.photo-movie-editor .m-feature.f-align-left > div, [lang='fr-be'] #windowsh22.photo-movie-editor .m-feature.f-align-left > div, [lang='es-xl'] #windowsh22.photo-movie-editor .m-feature.f-align-left > div, [lang='es-mx'] #windowsh22.photo-movie-editor .m-feature.f-align-left > div, [lang='es-es'] #windowsh22.photo-movie-editor .m-feature.f-align-left > div, [lang='es-ar'] #windowsh22.photo-movie-editor .m-feature.f-align-left > div, [lang='es-cl'] #windowsh22.photo-movie-editor .m-feature.f-align-left > div, [lang='es-co'] #windowsh22.photo-movie-editor .m-feature.f-align-left > div, [lang='el-gr'] #windowsh22.photo-movie-editor .m-feature.f-align-left > div { padding-right: 30px; } [lang='el-gr'] #windowsh22.photo-movie-editor #Banner-panel-1 { padding-top: 185px; } /*[lang='vi-vn'] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2, [lang='tr-tr'] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2, [lang='sl-si'] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2, [lang='ru-ru'] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2, [lang='hr-hr'] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2, [lang='fr-ch'] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2, [lang='lt-lt'] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2, [lang='bg-bg'] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2, [lang='da-dk'] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2, [lang='el-gr'] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2 { font-size: 38px; line-height: normal; }*/ #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2 { font-size: 34px; line-height: 40px; } #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent p.c-paragraph-2 { font-size: 15px; line-height: 20px; } #windowsh22.photo-movie-editor .c-pivot.center [role="tablist"] [role="tab"], #windowsh22.photo-movie-editor .c-pivot.center ul[role="tablist"] li.f-active, #windowsh22.photo-movie-editor .c-pivot.center ul[role="tablist"] li.f-active { margin: 0px 10px; font-size: 14px; } #windowsh22.photo-movie-editor .m-feature.f-align-right, #windowsh22.photo-movie-editor .m-feature.f-align-left:not(.feature-panel-hero) { padding-top: 105px; padding-bottom: 105px; } #windowsh22.photo-movie-editor .feature-panel-hero.m-feature.f-align-left > div { padding-top: 160px; } #windowsh22.photo-movie-editor #Banner-panel-1 { padding-top: 160px; } } @media only screen and (min-width: 1300px) and (max-width: 1455px) { #windowsh22.photo-movie-editor .m-feature.f-align-right, #windowsh22.photo-movie-editor .m-feature.f-align-left:not(.feature-panel-hero) { padding-top: 75px; padding-bottom: 75px; } [lang='ro-ro'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='sv-se'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='nl-nl'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='nb-no'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='ja-jp'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='es-xl'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='es-mx'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='es-es'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='es-co'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='es-ar'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='es-cl'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='el-gr'] #windowsh22.photo-movie-editor #Banner-panel-1 { padding-top: 110px; } #windowsh22.photo-movie-editor .m-feature.f-align-right { display: flex; align-items: center; } [lang='ru-ru'] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2, [lang='lt-lt'] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2, [lang='bg-bg'] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2, [lang='da-dk'] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2, [lang='el-gr'] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2 { font-size: 38px; line-height: normal; } #windowsh22.photo-movie-editor .feature-panel-hero.m-feature.f-align-left > div { padding-top: 140px; } #windowsh22.photo-movie-editor #Banner-panel-1 { padding-top: 160px; } } @media only screen and (min-width: 1456px) { #windowsh22.photo-movie-editor .m-feature.f-align-right, #windowsh22.photo-movie-editor .m-feature.f-align-left:not(.feature-panel-hero) { padding-top: 95px; padding-bottom: 95px; } } @media only screen and (min-width: 1084px) and (max-width: 1200px) { .c-dialog.f-lightbox.wdg-lightbox [role=dialog] { max-width: 906px; } } @media only screen and (min-width: 971px) and (max-width: 1083px) { .c-dialog.f-lightbox.wdg-lightbox [role=dialog] { max-width: 800px; } } /*Photo movie editor styles ends*/ /*laptop-buying-guide css start*/ #windowsh22.laptop-buying-guide .image-priority-accolate .bg-feature-section.m-feature { background: #F9F9F9; } #windowsh22.laptop-buying-guide .articletouts .m-content-placement-item, #windowsh22.laptop-buying-guide .articletouts .m-content-placement-item:hover { cursor: default; } #windowsh22.laptop-buying-guide .c-pivot.center section[role=tabpanel] { box-shadow: none; } #windowsh22.laptop-buying-guide .c-pivot.center section[role=tabpanel] [data-grid="container"] > [data-grid="container"] { padding: 0; } #windowsh22.laptop-buying-guide .c-pivot.center [role="tablist"] [role="tab"] { font-size: 15px; border-radius: 6px; text-align: center; padding: 8px 3px !important; line-height: 1; box-shadow: none; margin: 0px 10px; background: none; color: #727272; font-weight: 500; } #windowsh22.laptop-buying-guide .c-pivot.center ul[role="tablist"] li.f-active { color: #2b2a2a !important; padding-top: 8px; border-bottom: 2px solid #0078D4; padding-bottom: 8px; border-radius: 0px; border-left: 0px !important; border-right: 0px !important; border-top: 0px !important; margin: 0 20px 2px; } #windowsh22.laptop-buying-guide .list-style-disc { list-style-type: disc; line-height: 20px; font-size: 15px; text-align: left; } #windowsh22.laptop-buying-guide .list-style-disc li { padding-bottom: 10px; padding-right: 10px; } [dir="rtl"] #windowsh22.laptop-buying-guide .list-style-disc li { padding-left: 10px; } #windowsh22.laptop-buying-guide .m-content-placement-item .c-hyperlink { text-decoration: underline; } #windowsh22.laptop-buying-guide .m-content-placement-item p .c-hyperlink { display: inline; margin-left: 0; } #windowsh22.laptop-buying-guide .toutheading { font-size: 22px; font-weight: 600; line-height: 24px; letter-spacing: 0em; } #windowsh22.laptop-buying-guide .Content_Placement-panel-52 .toutheading { text-align: center; } #windowsh22 .laptop-buying-guide .c-paragraph-1 { font-size: 20px; font-weight: 400; line-height: 24px; letter-spacing: 0em; } #windowsh22.laptop-buying-guide table th, #windowsh22.laptop-buying-guide .two-column-table table th { padding-top: 5px; padding-bottom: 5px; /*text-align: center;*/ } #windowsh22.laptop-buying-guide .two-column-table.laptops-table table th { text-align: center; } #windowsh22.laptop-buying-guide .pivotpanel, #windowsh22.laptop-buying-guide .pivotpanel-2 { margin-top: 0; padding-top: 36px; border-top: 1px solid rgba(0,0,0,.2); } #windowsh22.laptop-buying-guide .pivotpanel { padding-left: 40px; padding-right: 40px; } #windowsh22.laptop-buying-guide .two-column-table.laptops-table { width: 70%; margin: 0 15%; } #windowsh22.laptop-buying-guide .m-table .two-column-table.laptops-table { width: 100%; margin: 0; } #windowsh22.laptop-buying-guide .c-table.hardware-table tbody tr td:first-child, #windowsh22.laptop-buying-guide .c-table.hardware-table thead th:first-child, #windowsh22.laptop-buying-guide .c-table.hardware-table tbody tr th:first-child { width: 25%; } #windowsh22.laptop-buying-guide .c-table.laptops-table thead { border-bottom: none !important; } #windowsh22.laptop-buying-guide .c-table.hardware-table tbody tr td, #windowsh22.laptop-buying-guide .c-table.hardware-table tbody tr th { border-bottom: 1px solid rgba(0,0,0,.2); text-align: left; } [dir="rtl"] #windowsh22.laptop-buying-guide .c-table.hardware-table tbody tr th:first-child { text-align: right; } #windowsh22.laptop-buying-guide .c-table thead th { font-size: 15px; line-height: 16px; font-weight: 700; } #windowsh22.laptop-buying-guide .c-table.ram-table tbody tr td, #windowsh22.laptop-buying-guide .c-table.ram-table thead th { text-align: center; } #windowsh22.laptop-buying-guide .c-table td, .c-table thead th { padding: 10px 0px; } #windowsh22.laptop-buying-guide .m-content-placement-item > picture img { width: 100%; position: relative; border-radius: 8px; } #windowsh22.laptop-buying-guide .m-content-placement.icon-content-placement { padding: 0 12px; } #windowsh22.laptop-buying-guide .m-content-placement.icon-content-placement .content-touts .articletouts { padding: 0 0 20px; } #windowsh22.laptop-buying-guide .icon-content-placement .list-style-disc { padding-top: 18px; } #windowsh22.laptop-buying-guide .m-content-placement.icon-content-placement .toutheading { text-align: center; border-bottom: 1px solid rgba(0,0,0,0.2); font-size: 13px; line-height: 16px; font-weight: 600; } #windowsh22.laptop-buying-guide .m-content-placement.icon-content-placement .m-content-placement-item > picture img { width: initial; } #windowsh22.laptop-buying-guide .m-content-placement-item > picture { text-align: center; padding-bottom: 0%; } #windowsh22.laptop-buying-guide .c-table table { max-width: 1024px; margin: 0 auto; width: 100%; } /*#windowsh22.laptop-buying-guide .image-priority-accolate { margin-top: 48px; }*/ #windowsh22.laptop-buying-guide .stickyV2 nav.c-in-page-navigation > ul { display: block; text-align: center; margin: 0 auto !important; } #windowsh22.laptop-buying-guide #Sticky-Navigation nav.c-in-page-navigation { display: block; padding-left: 0px; } [dir="rtl"] #windowsh22.laptop-buying-guide #Sticky-Navigation nav.c-in-page-navigation { padding-right: 0px; } #windowsh22.laptop-buying-guide .c-drawer { padding-top: 5px; background: transparent; } #windowsh22.laptop-buying-guide .c-drawer > button { border-radius: 8px; } #windowsh22.laptop-buying-guide .tick.c-glyph { font-size: 20px; text-align: center; font-family: MWF-MDL2; } #windowsh22.laptop-buying-guide .c-table.hardware-table tbody tr td:not(:first-child), #windowsh22.laptop-buying-guide .c-table.hardware-table thead th:not(:first-child) { text-align: center; } #windowsh22.laptop-buying-guide .c-table.ram-table tbody tr td { padding-left: 30px } #windowsh22.laptop-buying-guide .c-table.battery-table tbody tr td { text-align: center; } /*#windowsh22.laptop-buying-guide .c-table.battery-table tbody tr td:first-child { width: 60%; }*/ #windowsh22.laptop-buying-guide .c-table.battery-table thead th { text-align: center; } #windowsh22.laptop-buying-guide .c-table.battery-table tbody tr td { text-align: center; width: 50%; padding-left: 10%; } #windowsh22.laptop-buying-guide a.c-call-to-action.hatch-button.hatch-widget.cta { color: #fff !important; background: #0078d4 !important; padding: 8px 15px 8px 15px !important; font-size: 15px; line-height: 16px; margin-top: 28px; border-radius: 6px; display: inline-block; } #windowsh22.laptop-buying-guide [class^="list-style-disc"] a.c-hyperlink { text-decoration: underline; } [dir="rtl"] #windowsh22.laptop-buying-guide [class^="list-style-disc"] a.c-hyperlink { margin-left: 0; } #windowsh22.laptop-buying-guide .drawer-panel p.expand-collapse-toggle-area { padding-right: 10px; } #windowsh22.laptop-buying-guide .drawer-panel p.expand-collapse-toggle-area button { padding: 1px 5px; } #windowsh22.laptop-buying-guide .numberContentPlacement .articletouts .c-badge { font-size: 121px; line-height: 40px; } #windowsh22.laptop-buying-guide .functionality-factor-table { max-width: 1024px; margin: 0 auto; width: 100%; padding-left: 0; padding-right: 0; } #windowsh22.laptop-buying-guide .functionality-factor-table > div.stack-2 { border-bottom: 1px solid rgba(0,0,0,0.2); } #windowsh22.laptop-buying-guide .two-column-table.laptops-table { width: 100%; margin: 0 auto; max-width: 1024px; display: block; float: none; } #windowsh22.laptop-buying-guide table th, #windowsh22.laptop-buying-guide .two-column-table table th { padding: 5px 0 7px; } #windowsh22.laptop-buying-guide .icon-content-placement .list-style-disc { padding: 23px 11px 0; } #windowsh22.laptop-buying-guide nav.c-in-page-navigation { border-bottom: 0px; } #windowsh22.laptop-buying-guide .c-table.battery-table thead th { text-align: center; font-size: 16px; line-height: 20px; } #windowsh22.laptop-buying-guide nav.c-in-page-navigation > ul li > a { color: #0067B8; font-size: 16px; line-height: 24px; font-weight: 600; margin: 0 8px; } #windowsh22.laptop-buying-guide nav.c-in-page-navigation > ul li > a.f-active { color: #000; } #windowsh22.laptop-buying-guide nav.c-in-page-navigation { border-bottom: 0px; } #windowsh22.laptop-buying-guide #panes-panel-ContentPlacementPanel .content-touts .articletouts .toutheading.c-heading-4 { padding-top: 46px; } #windowsh22.laptop-buying-guide #Banner-panel-4 .m-banner .c-paragraph-1 { padding-bottom: 80px !important; } #windowsh22.laptop-buying-guide #Banner-panel-14 .m-banner .c-paragraph-1 { padding-bottom: 12px !important; } #windowsh22.laptop-buying-guide .c-pivot.center ul[role="tablist"] li.f-active { margin: 0 10px 2px; } #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1 { font-weight: 600; } #windowsh22.laptop-buying-guide .numberContentPlacement .toutheading { font-size: 34px; font-weight: 600; line-height: 40px; } [lang='sv-se'] #windowsh22.laptop-buying-guide .numberContentPlacement .toutheading { font-size: 26px; line-height: 32px; } #windowsh22.laptop-buying-guide nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a { width: 100%; margin: 0; transform: none; padding-left: 0; } #windowsh22.laptop-buying-guide #Sticky-Navigation { min-height: 54px; } #windowsh22.laptop-buying-guide #retailers .m-banner h2 { font-size: 46px; line-height: 56px; } #windowsh22.laptop-buying-guide #retailers .m-banner h2.c-heading-1 sup:nth-child(2) { right: 10px; } [dir="rtl"] #windowsh22.laptop-buying-guide .list-style-disc { list-style-type: disc; line-height: 20px; font-size: 15px; text-align: right; padding-right: 19px; } #windowsh22.laptop-buying-guide .c-table.intel-table thead th { text-align: center } #windowsh22.laptop-buying-guide .intel-table thead { border-bottom: none; } #windowsh22.laptop-buying-guide .intel-table td { width: 50%; } @media only screen and (max-width:767px) { #windowsh22.laptop-buying-guide #Banner-panel-1 > .m-banner p, #windowsh22.laptop-buying-guide #Banner-panel-7 > .m-banner p, #windowsh22.laptop-buying-guide #Banner-panel-9 > .m-banner p, #windowsh22.laptop-buying-guide #Banner-panel-11 > .m-banner p { padding-bottom: 0px !important; } #windowsh22.laptop-buying-guide #Banner-panel-1 > .m-banner, #windowsh22.laptop-buying-guide #Banner-panel-8 > .m-banner, #windowsh22.laptop-buying-guide #Banner-panel-5 > .m-banner, #windowsh22.laptop-buying-guide .ram-table { padding-top: 0px !important; } #windowsh22.laptop-buying-guide .m-content-placement-item > picture img { width: 100%; } #windowsh22.laptop-buying-guide nav.c-in-page-navigation { border-bottom: 1px solid rgba(0,0,0,.2); } #windowsh22.laptop-buying-guide .bg-feature-section.m-feature.f-align-left { border-radius: 8px; margin-right: 50px; width: calc(100% - 50px); min-height: 100%; margin-left: 0; } #windowsh22.laptop-buying-guide .bg-feature-section.m-feature.f-align-right { border-radius: 8px; margin-left: 50px; width: calc(100% - 50px); margin-right: 0; } #windowsh22.laptop-buying-guide .retailers .c-link-navigation img { border: 1px solid #f9f9f9; box-shadow: 0px 0px 10px #CCCCCC; } #windowsh22.laptop-buying-guide .c-table.battery-table tbody tr td { padding-left: 0; } #windowsh22.laptop-buying-guide .c-pivot.center [role="tablist"] [role="tab"] { border-bottom: 2px solid #D2D2D2 !important; border-top: 0; border-left: 0; border-right: 0; border-radius: 0; } #windowsh22.laptop-buying-guide .c-pivot.center ul[role="tablist"] li { display: block; margin: 20px 0px !important; padding: 8px 0px !important; } #windowsh22.laptop-buying-guide .c-pivot.center ul[role="tablist"] li.f-active span { border-bottom: 2px solid #0078D4 !important; padding: 2px; } #windowsh22.laptop-buying-guide .c-pivot.center section[role=tabpanel] [data-grid="container"]:first-child { border-top: 0; } #windowsh22.laptop-buying-guide .pivotpanel, #windowsh22.laptop-buying-guide .pivotpanel-2 { border-top: 0; } #windowsh22.laptop-buying-guide #Banner-panel-5 > .m-banner { margin-bottom: 0 !important; } #windowsh22.laptop-buying-guide #Banner-panel-5 > .m-banner p { padding-bottom: 0 !important; } #windowsh22.laptop-buying-guide #laptop-display-section > ul { padding-top: 20px; } #windowsh22.laptop-buying-guide #Banner-panel-15 > .m-banner { padding-top: 0px !important; } #windowsh22.laptop-buying-guide #Banner-panel-4 .m-banner .c-paragraph-1 { padding-bottom: 20px !important; } [dir="rtl"] #windowsh22.laptop-buying-guide .bg-feature-section.m-feature.f-align-right picture { left: -60px; right: auto; } #windowsh22.laptop-buying-guide .list-style-disc li { word-break: break-word; } /*#windowsh22.laptop-buying-guide #Sticky-Navigation .common-button nav.c-in-page-navigation:not(.f-dropdown) { display: none !important; } #windowsh22.laptop-buying-guide #Sticky-Navigation .common-button nav.c-in-page-navigation + nav.f-dropdown { display: block !important; }*/ } @media only screen and (min-width:768px) and (max-width:1083.98px) { #windowsh22.laptop-buying-guide .content-touts[data-grid~="col-2"] { width: 33.33%; } } @media only screen and (max-width: 1083.98px) { #windowsh22.laptop-buying-guide .bg-feature-section.m-feature.f-align-left { padding: 0; position: relative; min-height: auto !important; margin-left: 0; width: calc(100% - 50px); } #windowsh22.laptop-buying-guide .bg-feature-section.m-feature.f-align-right { padding: 0; position: relative; margin-right: 0; width: calc(100% - 50px); } #windowsh22.laptop-buying-guide .holiday-animated-hero .m-hero-item > div, #windowsh22.laptop-buying-guide .holiday-animated-hero .m-hero-item > div { text-align: left; position: relative; } [dir="rtl"] #windowsh22.laptop-buying-guide .holiday-animated-hero .m-hero-item > div { text-align: right; } #windowsh22.laptop-buying-guide .holiday-animated-hero > section { padding: 0; } #windowsh22.laptop-buying-guide .holiday-animated-hero > section:before { padding-bottom: 0 !important; } #windowsh22.laptop-buying-guide .holiday-animated-hero > section picture { position: relative; top: 0; } #windowsh22.laptop-buying-guide .holiday-animated-hero > section picture img { position: relative; top: 0; transform: none; left: 0; } #windowsh22.laptop-buying-guide .m-hero-item > div { padding-top: 0px !important; width: 90%; height: fit-content !important; } #windowsh22.laptop-buying-guide .m-hero-item > div > div { height: fit-content !important; padding: 48px 0; transform: none; top: 0; position: relative; width: 100%; max-width: 100%; } #windowsh22.laptop-buying-guide #laptop-display-section .featurebox .featurecontent { margin: 0; padding: 0; width: 100%; } #windowsh22.laptop-buying-guide #stickynavwindows11 nav.c-in-page-navigation.f-dropdown.f-sticky { padding-left: 5%; } [dir="rtl"] #windowsh22.laptop-buying-guide #stickynavwindows11 nav.c-in-page-navigation.f-dropdown.f-sticky { padding-right: 5%; } /* #windowsh22.laptop-buying-guide .holiday-animated-hero .m-hero-item > div { width: 90%; } #windowsh22.laptop-buying-guide .holiday-animated-hero .m-hero-item.f-transparent > div > div { height: auto !important; }*/ } @media only screen and (min-width: 1084px) { #windowsh22.laptop-buying-guide .m-feature.f-align-left > div { left: 23px; } #windowsh22.laptop-buying-guide .bg-feature-section.m-feature.f-align-right picture { padding: 0; left: -90px; top: -40px; position: relative; float: right; } #windowsh22.laptop-buying-guide .bg-feature-section.m-feature.f-align-left { left: auto; width: calc(100% - 90px); min-height: auto !important; } [dir="rtl"] #windowsh22.laptop-buying-guide .bg-feature-section.m-feature.f-align-left picture { right: auto; left: -90px; float: left; } [dir="rtl"] #windowsh22.laptop-buying-guide .bg-feature-section.m-feature.f-align-left { right: auto; float: right; } #windowsh22.laptop-buying-guide .content-touts[data-grid~="col-2"] { width: 20%; } #windowsh22.laptop-buying-guide #laptop-display-section .featurebox .m-feature { display: flex; align-items: center; } #windowsh22.laptop-buying-guide #laptop-display-section .featurebox .m-feature picture { order: 1; } #windowsh22.laptop-buying-guide #laptop-display-section .featurebox .featurecontent { position: relative; margin: 0; top: 0; transform: none; padding: 0 40px; } #windowsh22.laptop-buying-guide #laptop-display-section .featurebox .featurecontent h2 { width: 100%; margin-top: 0 !important; float: left; } #windowsh22.laptop-buying-guide #laptop-display-section .featurebox .featurecontent p { float: left; width: 100%; } #windowsh22.laptop-buying-guide #laptop-display-section .featurebox .featurecontent .linearHorzontalLineLeft-blue { margin-top: 0 !important; } #windowsh22.laptop-buying-guide .c-paragraph-1 { font-size: 20px; font-weight: 400; line-height: normal; } [dir="rtl"] #windowsh22.laptop-buying-guide .m-feature.f-align-left > div { right: 23px; left: auto; } } @media screen and (min-width: 540px) { #windowsh22.laptop-buying-guide .retailers .c-link-navigation img { border: 1px solid #f9f9f9; box-shadow: 0px 0px 10px #CCCCCC; } #windowsh22.laptop-buying-guide .retailers .c-link-navigation ul li picture { max-height: initial; text-align: center; margin-top: 20px; margin-bottom: 10px; } #windowsh22.laptop-buying-guide .retailers .c-link-navigation ul li p { display: block; text-align: center; text-decoration: none; } #windowsh22.laptop-buying-guide .retailers .c-link-navigation picture div { text-transform: none; font-weight: 700; } } @media only screen and (min-width:1084px) and (max-width:1365px) { #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade { font-size: 42px; line-height: normal; } [lang="ar-xm"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="bg-bg"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="de-at"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="de-ch"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="de-de"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="el-gr"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="fi-fi"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="fr-be"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="fr-ch"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="fr-ca"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="fr-fr"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="fr-xf"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="hr-hr"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="hu-hu"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="lt-lt"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="lv-lv"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="pt-pt"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="ro-ro"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="ru-ru"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="sk-sk"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="tr-tr"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="uk-ua"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="vi-vn"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade { font-size: 34px; line-height: normal; } [lang="ar-xm"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="bg-bg"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="de-at"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="de-ch"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="de-de"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="el-gr"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="fi-fi"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="fr-be"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="fr-ch"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="fr-ca"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="fr-fr"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="fr-xf"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="hr-hr"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="hu-hu"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="lt-lt"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="lv-lv"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="pt-pt"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="ro-ro"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="ru-ru"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="sk-sk"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="tr-tr"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="uk-ua"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="vi-vn"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1 { font-size: 15px; line-height: 20px; } } @media only screen and (min-width:1366px) and (max-width:1599px) { #windowsh22.laptop-buying-guide .m-hero-item > div > div, .c-hero > div > div { max-width: 420px; } [lang="ru-ru"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade { font-size: 42px; line-height: normal; } } #windowsh22.laptop-buying-guide .m-content-placement.icon-content-placement > div { border-bottom: 1px solid rgba(0,0,0,0.2); } /*laptop-buying-guide css ends*/ .features .c-drawer > button { font-weight: 600 } .c-call-to-action:focus:not(.x-hidden-focus), .c-call-to-action:hover, .c-call-to-action:active { background: transparent; box-shadow: none !important; } .c-call-to-action:focus:not(.x-hidden-focus) span, .c-call-to-action:hover span, .c-call-to-action:active span { left: 0 !important; box-shadow: 0 2px currentColor !important; } [dir="rtl"] .c-call-to-action:focus:not(.x-hidden-focus) span, .c-call-to-action:hover span, .c-call-to-action:active span { right: 0 !important; box-shadow: 0 2px currentColor !important; } [dir="rtl"] .c-call-to-action:focus:not(.x-hidden-focus), .c-call-to-action:hover, .c-call-to-action:active { background: transparent; box-shadow: none !important; transition: none; } #windowsh22.photo-movie-editor #table1 .c-table tbody tr th:first-child { font-weight: 600; } .list-style-disc { list-style-type: disc; } /* Sticky Header */ .stickyNavHeader { padding: 0 5%; width: 100%; float: left; display: none; background: #FFF; border-bottom: 1px solid #E3E3E3; z-index: 401; } .stickyNavHeader > section { max-width: 1600px; margin: 0 auto; } .stickyNavHeader.stickyH { display: block; position: fixed; top: 0; } .stickyNavHeader .c-logo { padding: 13px 6px 16px 10px; float: left; height: 100%; margin-top: 1px; width: 137px; outline-offset: -2px; } .stickyNavHeader .c-logo img { max-width: none; width: 108px; border-radius: 0; } .stickyNavHeader .c-pipe-div { position: relative; padding: 14px 6px 16px 28px; float: left; margin-top: 0; width: 137px; outline-offset: -2px; } .stickyNavHeader .c-pipe-div span { font-size: 18px; font-weight: 600; margin-top: -3px; } .stickyNavHeader .c-pipe-div::before { border-left: 2px solid #000; height: 24px; content: " "; margin-left: 7px; position: absolute; top: 15px; left: 0; } .stickyNavHeader #stickynavcommon .c-group a { border-radius: 6px; text-align: center; padding: 11px 40px; line-height: 20px; box-shadow: none; background: #0078D4; color: #FFFFFF; white-space: normal; font-weight: 700; margin: 5px 0 0 0 !important; border: 0; min-height: 42px; height: 42px; } .stickyNavHeader .specs-stickynav > div.c-group { float: right; margin-top: 0; } [dir="rtl"] .stickyNavHeader .c-in-page-navigation { display: flex; } [dir="rtl"] .stickyNavHeader .specs-stickynav > div.c-group { margin-right: auto; } [dir="rtl"] .stickyNavHeader .c-logo { padding: 13px 10px 16px 6px; } [dir="rtl"] .stickyNavHeader .c-pipe-div { padding: 14px 28px 16px 6px; } [dir="rtl"] .stickyNavHeader .c-pipe-div::before { border-right: 2px solid #000; border-left: 0; height: 24px; content: " "; margin-right: 7px; margin-left: 0; right: 0; left: auto; } [dir="rtl"] .stickyNavHeader #stickynavcommon .c-group a { margin-bottom: 5px !important; } @media only screen and (max-width: 1083.98px) { .stickyNavHeader.stickyH, #windowsh22.windows-11 .win10-nav.f-sticky .upgrade-button, #windowsh22.windows-11 .win10-nav.f-sticky li:last-child { display: none !important; } /*#windowsh22.laptop-buying-guide .common-button.f-sticky ul li:last-child, .accessibility-features .common-button.f-sticky ul li:last-child, .comprehensive-security .common-button.f-sticky ul li:last-child, #windowsh22.windows-11 .common-button.f-sticky ul li:last-child { right: 0; position:relative; float: none !important; } [dir=rtl] #windowsh22.laptop-buying-guide .common-button.f-sticky ul li:last-child { left: auto; }*/ } @media only screen and (min-width: 1779px) { .stickyNavHeader .c-pipe-div { padding-left: 42px; } } /* Sticky Header */ @media screen and (min-width: 1400px) { #windowsh22.hubmain .c-group.wf-cta-container { display: block !important; } } @media screen and (min-width: 1084px) { #windowsh22:not(.laptop-buying-guide) .common-button.f-sticky .common-button.f-sticky:not(.f-dropdown) ul, .windows-11-specifications .common-button.f-sticky .common-button.f-sticky:not(.f-dropdown) ul { display: flex; } /*#windowsh22 .common-button.f-sticky .f-sticky.f-dropdown ul, .windows-11-specifications .common-button.f-sticky .f-sticky.f-dropdown ul { display: block; }*/ } /*AI CSS start*/ #windowsh22.AI-Page #grey-bg .m-banner { margin-top: 50px; margin-bottom: 50px; padding-top: 80px; padding-bottom: 77px; color: #FFF; } #windowsh22.AI-Page #grey-background .m-banner { margin-top: 50px; margin-bottom: 50px; padding-top: 80px; padding-bottom: 77px; color: #000; } #windowsh22.AI-Page svg { margin-left: 5px; } .copilot-ai-features #ai-Contentplacement a.c-call-to-action:active { outline: 2px solid #000 !important; background: rgba(0,103,184,.1); color: #005da6; -ms-outline: 2px solid #000 !important; } .copilot-ai-features #ai-Contentplacement a.c-call-to-action:focus { outline: 2px solid #000 !important; background: rgba(0,103,184,.1); color: #005da6; } .copilot-ai-features #ai-Contentplacement a.c-call-to-action:active { outline: 2px solid #000 !important; background: rgba(0,103,184,.1); color: #005da6; -ms-outline: 2px solid #000 !important; } .copilot-ai-features #ai-hero a.c-hyperlink:active { outline: 2px dashed #000 !important; background: rgba(0,103,184,.1); color: #005da6; line-height: 14px; border: none; padding: 3px 4px; } #windowsh22.AI-Page .m-content-placement-item picture { padding-bottom: 60px; } #windowsh22.AI-Page .m-content-placement-item picture img { width: auto; } #windowsh22.AI-Page.hubmain #grey-bg { /* background: #F9F9F9; */ background: url('https://cdn-dynmedia-1.microsoft.com/is/image/microsoftcorp/MSFT-Get-Windows-11-RW1a42L?scl=1'); background-size: cover; } #windowsh22.AI-Page.hubmain #grey-background { background: url('https://cdn-dynmedia-1.microsoft.com/is/image/microsoftcorp/MSFT-Copilot-Banner-background-image?scl=1'); background-size: cover; } #windowsh22.AI-Page.hubmain #photoMovieEditor_Contentplacement div > .content-touts:nth-child(3n+1) { clear: both; } #windowsh22.AI-Page #numberListId { background: linear-gradient(180deg, #94C9F1 0%, rgba(148, 201, 241, 0.00) 100%), #FFF; } #windowsh22.AI-Page #numberListId { margin-top: 50px; margin-bottom: 50px; } #windowsh22.AI-Page.hubmain .image-priority-accolate .bg-feature-section.m-feature { background: #F0F8FF; box-shadow: 4.86821px 4.86821px 12.17053px 0px rgba(50, 143, 195, 0.20); backdrop-filter: blur(6.085267066955566px); } #windowsh22.AI-Page #ai-Contentplacement.m-content-placement { float: left; padding-bottom: 120px; } #windowsh22.AI-Page #show-more-faq .c-drawer > button { background: #F7F7F7; border-radius: 8px; padding-left: 40px; } #windowsh22.AI-Page #show-more-faq .c-drawer > button:after { color: #0078D7; } #windowsh22.AI-Page #show-more-faq .c-drawer-panel { background: #F7F7F7; border-radius: 8px; } #windowsh22.AI-Page #show-more-faq .c-drawer { margin-bottom: 12px; } #windowsh22.AI-Page .c-drawer > button { font-weight: 600; font-size: 20px; line-height: 24px; } #windowsh22.AI-Page .c-drawer > button::before { font-size: 13px !important; line-height: 16px !important; color: #0078D7; } #windowsh22.AI-Page .drawer-panel .c-drawer .c-drawer-panel p.c-paragraph-3, #windowsh22.AI-Page .drawer-panel .c-drawer .c-drawer-panel .c-list li { font-size: 18px; line-height: 24px; font-weight: 400; } #windowsh22.AI-Page #show-more-faq div.c-drawer-panel { padding-bottom: 16px !important; padding-left: 40px; } #windowsh22.AI-Page p.expand-collapse-toggle-area.x-type-right > span { transform: rotate(20deg); position: relative; top: -2px; } #windowsh22.AI-Page .m-content-placement-item .linearHorzontalLineLeft-blue { width: 100px; height: 3px; } #windowsh22.AI-Page .herowithgradientline-blue .content-touts .articletouts .m-content-placement-item > div > h3 { padding-top: 0px; padding-bottom: 0px; } #windowsh22.AI-Page div.c-drawer-panel { font-size: 18px; line-height: 24px; font-weight: 400; } #windowsh22.AI-Page .toutheading { font-size: 24px !important; line-height: 28px !important; } #windowsh22.AI-Page .articletouts .m-content-placement-item, #windowsh22.AI-Page .articletouts .m-content-placement-item:hover { cursor: default; } #windowsh22.AI-Page .articletouts .m-content-placement-item:hover img { opacity: 1; } [dir="rtl"] #windowsh22.AI-Page p.expand-collapse-toggle-area.x-type-right > span { transform: rotate(-20deg); } [dir="rtl"] #windowsh22.AI-Page .drawer-panel .c-drawer .c-drawer-panel p.c-paragraph-3, [dir="rtl"] #windowsh22.AI-Page .drawer-panel .c-drawer .c-drawer-panel .c-list li { margin: 0 2% 0 0; } [dir="rtl"] #windowsh22.AI-Page .linearHorzontalLineLeft-blue { background: linear-gradient(277.21deg, #0067B8 5.82%, #50E6FF 134%); } @media only screen and (min-width: 768px) and (max-width: 1083.98px) { /*.hubmain.ai-features .m-feature.herowithgradientline-blue .featurecontent { text-align: left !important; top: 0; transform: none; }*/ [dir="rtl"] .hubmain.ai-features .m-feature.herowithgradientline-blue .featurecontent { text-align: right !important; top: 0; transform: none; } } @media only screen and (min-width: 1084px) and (max-width: 1200px) { [lang="el-gr"] .copilot-ai-features #ai-hero .m-hero-item > div > div > h1 { font-size: 30px; line-height: normal; } [lang="el-gr"] .copilot-ai-features #ai-hero .m-hero-item > div > div > p { font-size: 18px; line-height: normal; } } @media only screen and (min-width: 1084px) { #windowsh22.AI-Page #ai-Contentplacement [data-grid~="pad-6x"] > [data-grid] { padding-right: 50px; padding-left: 50px; } #windowsh22.AI-Page .m-content-placement-item .linearHorzontalLineLeft-blue { margin-top: 18px !important; } #windowsh22.AI-Page .herowithgradientline-blue .content-touts .articletouts .m-content-placement-item > div > p { padding-top: 10px; } #windowsh22.AI-Page .m-content-placement-item .linearHorzontalLineLeft-blue { margin-top: 24px !important; } #windowsh22.AI-Page .articletouts .c-group { margin-top: 0px; } #windowsh22.AI-Page .m-feature { margin-top: 0px; margin-bottom: 50px; } #windowsh22.AI-Page #aiBanner-1 .m-banner { padding-top: 12px; padding-bottom: 52px; margin-bottom: 50px; } #windowsh22.AI-Page #ai-getwin11.featurebox { margin-top: 50px; } #windowsh22.AI-Page #bing-ai.featurebox { padding-top: 40px; padding-bottom: 40px; } #windowsh22.AI-Page #show-more-faq { margin-bottom: 32px; } #windowsh22.AI-Page #numberListId { margin-left: 5%; margin-right: 5%; } #windowsh22.AI-Page #numberListId .numberlist-structurelist[data-grid="container"] { margin-left: 0; margin-right: 0; } #windowsh22.AI-Page #numberListId { border-radius: 8px; } #windowsh22.AI-Page #numberListId .numberlist-structurelist .numberlistbanner { min-height: 680px; } #windowsh22.AI-Page #ai-Contentplacement.m-content-placement > div > div:nth-child(3n + 1) { clear: both; } #windowsh22.AI-Page .image-priority-accolate.featurebox .featurecontent p { padding-top: 24px !important; } [lang='sr-latn-rs'] #windowsh22.AI-Page .m-hero-item > div > div h1 { font-size: 28px; line-height: normal; } } @media screen and (max-width: 1083.98px) { .hubmain.copilot-ai-features #ai-hero a.c-hyperlink { white-space: nowrap; } #windowsh22.AI-Page #bing-ai .m-feature .featurecontent, #windowsh22.AI-Page #copilotFeature-1 .m-feature .featurecontent, #windowsh22.AI-Page #copilotFeature-2 .m-feature .featurecontent, #windowsh22.AI-Page #copilotFeature-3 .m-feature .featurecontent { text-align: left !important; padding-left: 0px !important; padding-right: 0px !important; margin-left: 0px !important; padding-bottom: 0px; } #windowsh22.AI-Page .m-hero-item { padding: 0px; } #windowsh22.AI-Page .m-hero-item { background: #FFF; } #windowsh22.AI-Page .m-hero-item:before { padding-bottom: 0 !important; } #windowsh22.AI-Page .m-hero-item > picture { top: 0; position: relative; } #windowsh22.AI-Page .m-hero-item > picture img { position: relative; top: 0; transform: none; left: 0; } #windowsh22.AI-Page .m-hero-item > div { position: relative; padding-top: 0px !important; width: 90%; height: fit-content !important; text-align: left; } #windowsh22.AI-Page .m-hero-item.f-transparent > div > div { transform: none !important; } #windowsh22.AI-Page .m-hero-item > div > div { height: fit-content !important; padding: 48px 0; transform: none; top: 0; position: relative; width: 100%; max-width: 100%; } #windowsh22.AI-Page #copilotFeature-1.image-priority-accolate, #windowsh22.AI-Page #copilotFeature-2.image-priority-accolate, #windowsh22.AI-Page #copilotFeature-3.image-priority-accolate, #windowsh22.AI-Page #bing-ai.image-priority-accolate { width: 100%; margin: 0px; } #windowsh22.AI-Page .bg-feature-section.m-feature { padding: 0; position: relative; min-height: auto !important; margin-right: 0; width: calc(100% - 50px); } [dir="rtl"] #windowsh22.AI-Page .bg-feature-section.m-feature { margin-left: 0; } [dir="rtl"] #windowsh22.AI-Page #bing-ai .m-feature .featurecontent, [dir="rtl"] #windowsh22.AI-Page #copilotFeature-1 .m-feature .featurecontent, [dir="rtl"] #windowsh22.AI-Page #copilotFeature-2 .m-feature .featurecontent, [dir="rtl"] #windowsh22.AI-Page #copilotFeature-3 .m-feature .featurecontent { margin-right: 0px !important; text-align: right !important; } [dir="rtl"] #windowsh22.AI-Page .m-hero-item > div > div { text-align: right !important; } } @media (min-width: 768px) and (max-width: 1083.98px) { #windowsh22.AI-Page #ai-getwin11.image-priority-accolate .bg-feature-section div.c-group { margin-bottom: 24px; } #windowsh22.AI-Page .featurecontent .c-heading-1 { font-size: 52px; line-height: normal; padding-top: 0; } } @media (min-width: 768px) and (max-width: 1024px) { #windowsh22.AI-Page #ai-getwin11 .featurecontent .c-heading-1 { font-size: 30px; line-height: normal; } } @media only screen and (min-width: 1440px) { #windowsh22.AI-Page .numberlistpanel .numberlist-structurelist .numberlist { min-height: 750px; } } @media only screen and (min-width: 1084px) { #windowsh22.AI-Page .m-hero-item > div > div { max-width: 400px; } } @media screen and (min-width: 320px) and (max-width: 375px) { #windowsh22.AI-Page .bg-feature-section.m-feature.f-align-right picture { left: -45px; } } @media only screen and (max-width: 767.98px) { #windowsh22.AI-Page .bg-feature-section.m-feature.f-align-right { margin-left: 50px; } [dir="rtl"] #windowsh22.AI-Page .bg-feature-section.m-feature.f-align-right { margin-left: 00px; } } @media only screen and (min-width: 768px) { #windowsh22.AI-Page.hubmain #ai-Contentplacement > div > .content-touts:nth-child(3n+1) { clear: both; } } @media (prefers-contrast: more) { #windowsh22.AI-Page .drawer-panel .expand-collapse-toggle-area .c-action-trigger.active:hover { color: Highlight !important; background-color: transparent !important; } #windowsh22.AI-Page .drawer-panel .expand-collapse-toggle-area .c-action-trigger.active:focus { color: Highlight !important; } #windowsh22.AI-Page .drawer-panel .c-drawer button.c-glyph:focus:not(:disabled) { color: Highlight !important; } .drawer-panel p.expand-collapse-toggle-area button.c-action-trigger.active:focus { outline: 1px dashed transparent; } #windowsh22.AI-Page .drawer-panel .c-drawer button.c-glyph:focus:not(:disabled) { color: highlight !important; background: none !important; } #fixed-bar .compare-items-block .disabled span { color: grayText !important; } #fixed-bar .compare-items-block .disabled { opacity: 0.6; } } /*AI CSS ends*/ /*FY24 TYD css start*/ .transfer-your-data-with-windows-backup #TYD-hero-hvp .m-hero-item a.c-hyperlink:not(.f-image):focus:not(.x-hidden-focus), .transfer-your-data-with-windows-backup #TYD-hero-hvp .m-hero-item a.c-hyperlink:not(.f-image):active, .transfer-your-data-with-windows-backup #TYD-hero-hvp-off .m-hero-item a.c-hyperlink:not(.f-image):focus:not(.x-hidden-focus), .transfer-your-data-with-windows-backup #TYD-hero-hvp-off .m-hero-item a.c-hyperlink:not(.f-image):active { color: #FFF !important; background: transparent; } #windowsh22.transfer-your-data-with-windows-backup #TYD-hero-hvp .m-hero-item a.c-hyperlink.supBLink, #windowsh22.transfer-your-data-with-windows-backup #TYD-hero-hvp-off .m-hero-item a.c-hyperlink.supBLink { color: #FFF !important; } .transfer-your-data-with-windows-backup #TYD-hero-hvp .m-hero-item a.supBLink:focus, .transfer-your-data-with-windows-backup #TYD-hero-hvp-off .m-hero-item a.supBLink:focus { outline: 2px dashed #FFF !important; } @media screen and (max-width: 1083.98px) { .transfer-your-data-with-windows-backup #TYD-hero-hvp .m-hero-item sup > a.c-hyperlink:focus, .transfer-your-data-with-windows-backup #TYD-hero-hvp-off .m-hero-item sup > a.c-hyperlink:focus { outline: 2px dashed #FFF !important; } .transfer-your-data-with-windows-backup.hubmain #TYD-hero-lvp a.c-hyperlink:focus { outline: 2px dashed #fff !important; } .transfer-your-data-with-windows-backup.hubmain #TYD-hero-hvp-off a.c-hyperlink:focus { outline: 2px dashed #fff !important; } .transfer-your-data-with-windows-backup #TYD-hero-hvp-off .m-hero-item > div, .transfer-your-data-with-windows-backup #TYD-hero-hvp-off .m-hero-item > div { text-align: left; position: relative; } [dir="rtl"] .transfer-your-data-with-windows-backup #TYD-hero-hvp-off .m-hero-item > div, [dir="rtl"] .transfer-your-data-with-windows-backup #TYD-hero-hvp-off .m-hero-item > div > div { text-align: right; } .transfer-your-data-with-windows-backup #TYD-hero-hvp-off .m-hero-item > div { padding-top: 0px !important; width: 90%; height: fit-content !important; margin: 0 auto !important; } .transfer-your-data-with-windows-backup #TYD-hero-hvp-off > section:before { padding-bottom: 0 !important; } .transfer-your-data-with-windows-backup #TYD-hero-hvp-off > section { padding: 0; } .transfer-your-data-with-windows-backup #TYD-hero-hvp-off > section picture { position: relative; top: 0; } .transfer-your-data-with-windows-backup #TYD-hero-hvp-off .m-hero-item > div > div { height: fit-content !important; padding: 48px 0; transform: none; top: 0; position: relative; width: 100%; max-width: 100%; } .transfer-your-data-with-windows-backup #TYD-hero-hvp-off > section picture img { position: relative; top: 0; transform: none; left: 0; } } @media only screen and (max-width: 767.98px) { #windowsh22.Transfer-your-data #homeContentPlacemet.m-content-placement { padding-bottom: 50px !important; } #windowsh22.Transfer-your-data #TYD-mosaic-banner .m-banner { padding-top: 20px !important; padding-bottom: 20px !important; } #windowsh22.Transfer-your-data #homeContentPlacemet.m-content-placement { padding-top: 20px !important; } #windowsh22.Transfer-your-data #contplace-banner .m-banner { padding-top: 5px !important; } } [dir="rtl"] .transfer-your-data-with-windows-backup .m-content-placement-item .c-hyperlink { margin-left: 2px; } /*FY24 TYD css end*/ /*FY24 EOS css win10 start*/ .end-of-support #show-more-faq-Win10 a.c-hyperlink { text-decoration: underline !important; } .end-of-support .linearHorzontalLineLeft-eos { width: 60px; height: 4px; background: linear-gradient(97.21deg, #0067B8 5.82%, #50E6FF 134%); margin-top: 32px !important; margin-bottom: 8px; position: relative; padding: 0px !important; } .end-of-support .c-pivot.center [role="tablist"] [role="tab"] { font-size: 16px; text-align: center; padding: 8px 3px !important; border: none; line-height: 24px; box-shadow: none; margin: 0px 20px; background: none; color: #727272; font-weight: 700; } .end-of-support p.expand-collapse-toggle-area.x-type-right > span { transform: rotate(20deg); position: relative; top: -2px; } .end-of-support .drawer-panel .expand-collapse-toggle-area button.c-action-trigger:focus { outline: none; } .end-of-support .c-pivot { margin-top: 0px !important; } .end-of-support .c-pivot.center section[role=tabpanel] { box-shadow: none; } .end-of-support .m-hero-item.f-x-left.f-y-center { margin-top: 0; padding-top: 36px; border-top: 2px solid rgba(0,0,0,.2); } .end-of-support #id-win10.featurebox .m-feature.f-align-left:not(.feature-panel-hero) { margin-top: 50px !important; margin-bottom: 50px !important; border-top: 0px !important; } .end-of-support #win-10-panes-3up .m-panes-product-placement-item picture.c-image img { width: auto; } .end-of-support #id-win10 { margin-top: 50px; } .end-of-support #id-win10 { background: #F7F7F7; } .end-of-support #numberListId { background: linear-gradient(180.05deg, #8DC8E8 0.04%, rgba(141, 200, 232, 0.578125) 59.8%, rgba(141, 200, 232, 0) 104.1%); } .end-of-support #numberListId .numberlist-structurelist { padding-top: 40px; padding-bottom: 80px; } .end-of-support #EOS-Android-Mosaic .c-group a { left: 20px; } .end-of-support #EOS-Android-Mosaic .c-group a.c-call-to-action { text-align: left; bottom: 10px; } .end-of-support #EOS-Android-Mosaic .c-group { top: auto; text-align: left; right: auto; bottom: 12px; } .end-of-support .fullBleedBgBanner .m-feature { margin-top: 25px; padding-bottom: 26px !important; } .end-of-support .fullBleedBgBanner .m-feature.custom-small-feature .c-group { padding-top: 15px; } .end-of-support .fullBleedBgBanner .c-feature .c-call-to-action:not(.f-primary):not(.f-secondary):focus:not(.x-hidden-focus), .end-of-support .fullBleedBgBanner .m-feature .c-call-to-action:not(.f-primary):not(.f-secondary):focus:not(.x-hidden-focus)i { color: #FFFFFF; } .end-of-support .fullBleedBgBanner .m-feature.custom-small-feature .c-group a { color: #FFFFFF; } .end-of-support .fullBleedBgBanner .m-feature.custom-small-feature .content { max-width: 50%; } .end-of-support #HeroItem-Win10 .m-hero-item, .end-of-support #HeroItem-Win8 .m-hero-item, .end-of-support #HeroItem-Win7 .m-hero-item { padding-top: 75px; border-top: 2px solid rgba(0,0,0,.2); } .end-of-support #HeroItem-Win7 .m-hero-item { background-color: transparent; } .end-of-support #HeroItem-Win7 .m-hero-item p.c-paragraph-1, .end-of-support #HeroItem-Win8 .m-hero-item p.c-paragraph-1, .end-of-support #HeroItem-Win10 .m-hero-item p.c-paragraph-1 { font-weight: 400; } .end-of-support .fullBleedBgBanner .m-feature.custom-small-feature .content p.c-paragraph-2 { font-weight: 400; } .end-of-support #numberListId .numberlist-structurelist .m-structured-list .c-call-to-action span { color: #0078D7 !important; } .end-of-support #numberListId .structure-container .c-structured-list { margin: 0 0 32px 0; } .end-of-support #numberListId .structure-container .c-structured-list .structure-item .c-heading-3 { padding: 36px 0 2px; } .end-of-support #fullBleedBgBanner .m-feature .c-call-to-action:not(.f-primary):not(.f-secondary):focus:not(.x-hidden-focus) { color: #FFF !important; } .end-of-support #Heroitem p.c-paragraph-2, .end-of-support #windowsTransfer p.c-paragraph-2 { font-weight: 400 !important; } .end-of-support #Heroitem .rounded-corners .c-button.f-primary.blue-button, .end-of-support #windowsTransfer .rounded-corners .c-button.f-primary.blue-button, .end-of-support .EOS-mosaic-left .c-mosaic-placement .c-group a.blue-button, .end-of-support #id-win10.featurebox .rounded-corners .c-button.f-primary.blue-button, .end-of-support .EOS-mosaic-right .c-mosaic-placement .c-group a.blue-button { background: #0078D4 !important; } .end-of-support #win-10-panes-banner p.c-paragraph-2, .end-of-support #numberListId .numberlistbanner p.c-paragraph-1, .end-of-support #id-win10.featurebox .featurecontent p.c-paragraph-2, .end-of-support #id-resources p.c-paragraph-2 { font-weight: 400 !important; } .end-of-support .fullBleedBgBanner .m-feature.custom-small-feature .c-group a { margin-bottom: 0px; } #windowsTransfer .m-feature .featurecontent h2.c-heading-2 { padding-top: 18px; padding-bottom: 15px; } .end-of-support #id-win10 .m-feature .featurecontent h2.c-heading-2 { padding-bottom: 12px; } .end-of-support #id-win10.featurebox .featurecontent p.c-paragraph-2 { padding-bottom: 10px; line-height: 24px; } .end-of-support .drawer-panel p.expand-collapse-toggle-area { margin-bottom: 24px; } .end-of-support #windowsTransfer .m-feature { padding-bottom: 40px; } .end-of-support #fullBleedBgBanner .m-feature p.c-paragraph-2 sup .c-hyperlink.supBLink { color: #fff; } .end-of-support #windowsTransfer .m-feature picture.c-image.mp4inline > video, #windowsh22.PC-buying-guide .m-feature picture.c-image.mp4inline > video { border-radius: 8px; } .end-of-support #numberListId { margin-bottom: 45px; } [dir="rtl"] .end-of-support p.expand-collapse-toggle-area.x-type-right > span { transform: rotate(-20deg); } [dir="rtl"] .end-of-support #EOS-Android-Mosaic .c-group { left: auto; text-align: right; } [dir="rtl"] .end-of-support #EOS-Android-Mosaic .c-group a { right: 20px; } .end-of-support #show-more-faq-Win8 .mscom-link.c-call-to-action.c-glyph { text-align: left; } .end-of-support #show-more-faq-Win8 .mscom-link.c-call-to-action.c-glyph span { display: inline; } .end-of-support div#retailers .c-link-navigation picture div, .end-of-support div#retailers-Win8 .c-link-navigation picture div, .end-of-support div#retailers-Win7 .c-link-navigation picture div { background: none; line-height: normal; } .end-of-support #retailers .retailers-content .c-link-navigation ul li div:after { font-size: 15px; margin-top: 2px; } .end-of-support #retailers .retailers-content .c-link-navigation ul li div { max-height: fit-content; font-size: 15px; line-height: 20px; text-transform: none; font-weight: 700; padding-left: 0; padding-right: 0; } .end-of-support #retailers .retailers-content nav.c-link-navigation li a.c-hyperlink.f-image { margin: 0 24px 24px; } @media screen and (min-width: 1084px) and (max-width: 1200px) { [lang="pl-pl"] .end-of-support #HeroItem-Win10 .m-hero-item .c-heading-2 { font-size: 32px; font-weight: 600; line-height: normal; } } @media screen and (min-width: 1084px) { [dir="rtl"] .end-of-support div.c-drawer-panel { margin: 0 2% 0 2%; } .end-of-support #HeroItem-Win8 .m-hero-item > div > div, .end-of-support #HeroItem-Win7 .m-hero-item > div > div { top: calc(50%); } .end-of-support #HeroItem-Win10 .m-hero-item > div > div { top: calc(50%); max-width: 360px; } .end-of-support #numberListId, .end-of-support #id-win10 { margin-left: 5%; margin-right: 5%; } .end-of-support #numberListId { border-radius: 8px; } .end-of-support #show-more-faq-Win10 { padding-bottom: 50px; } .end-of-support #id-resources .m-banner h2 { padding-top: 5px; } .end-of-support #id-resources .m-banner { padding-top: 25px; } .end-of-support #EOS-Android-Mosaic { padding-bottom: 50px; } .end-of-support #HeroItem-Win7 .m-hero-item:before, .end-of-support #HeroItem-Win8 .m-hero-item:before, .end-of-support #HeroItem-Win10 .m-hero-item:before { padding-bottom: 44.55%; } .end-of-support #HeroItem-Win10 .m-hero-item .c-heading-2 { font-size: 34px; font-style: normal; font-weight: 600; line-height: 40px; } .end-of-support .drawer-panel { margin-bottom: 50px !important; } .end-of-support #numberListId .numberlist-structurelist .numberlistbanner { min-height: 676px; } .end-of-support div.c-drawer-panel, .laptops-for-students div.c-drawer-panel { margin: 0 8% 0 2%; } .end-of-support .drawer-panel .expand-collapse-toggle-area button { font-weight: 600; } .end-of-support .fullBleedBgBanner .m-feature.custom-small-feature { padding: 0; } .end-of-support .fullBleedBgBanner .m-feature.custom-small-feature .content { margin: 0; padding-left: 15px; } } .end-of-support .c-pivot.center ul[role="tablist"] li.f-active { color: #2b2a2a !important; padding-top: 8px; border-bottom: 2px solid #0078D4; padding-bottom: 8px; border-radius: 0px; margin: 0px 20px; } .end-of-support #EOS-Android-Mosaic .c-call-to-action, .end-of-support #id-win10 .c-call-to-action, .end-of-support #numberListId .c-call-to-action, .end-of-support #fullBleedBgBanner .c-call-to-action, .end-of-support #windowsTransfer .c-call-to-action { font-weight: 700; } .end-of-support .c-call-to-action.c-glyph.glyph-play:before { margin-right: 2px; } @media screen and (max-width: 1083px) { .end-of-support #EOS-Android-Mosaic { padding: 0 5%; } .end-of-support #EOS-Android-Mosaic .f-vp1-whole.f-height-large.card-large { margin-top: 15px; } .end-of-support #EOS-Android-Mosaic picture { border-radius: 8px; } .end-of-support #EOS-Android-Mosaic .c-mosaic-placement.EOS-mosaic-left img { height: 100%; } .end-of-support .c-pivot.center ul[role='tablist'] li:focus { border: 2px solid #000 !important; text-decoration-thickness: 1px; text-underline-offset: 11px; } .end-of-support .faqbannercls h2.c-heading-2 { padding-top: 24px; } .end-of-support .faqbannercls { padding-top: 34px; } .end-of-support .c-pivot.center ul[role="tablist"] li { display: block; margin: 20px 0px !important; padding: 8px 0px !important; } .end-of-support .c-pivot.center ul[role="tablist"] li.f-active span { border-bottom: 2px solid #0078D4 !important; padding: 7px; } .end-of-support .c-pivot.center [role="tablist"] [role="tab"] { border-bottom: 2px solid #D2D2D2 !important; } .end-of-support .c-pivot.center ul[role="tablist"] li { display: block; } .end-of-support #EOS-Android-Mosaic { padding-bottom: 24px; } .end-of-support #show-more-faq-Win10 { padding-bottom: 24px; } .end-of-support #id-resources .m-banner { padding-top: 0px; } .end-of-support #win-10-panes-banner { padding-top: 36px; margin-bottom: 3px; } .end-of-support #HeroItem-Win10 .m-hero-item, .end-of-support #HeroItem-Win8 .m-hero-item, .end-of-support #HeroItem-Win7 .m-hero-item { margin-top: 32px; } .end-of-support #HeroItem-Win10 .m-hero-item:before { padding-bottom: 54.25%; } .end-of-support #windowsTransfer .m-feature .featurecontent, .end-of-support #id-win10 .m-feature .featurecontent { text-align: left; margin-top: 0; padding: 32px 0 36px; width: 100%; } .end-of-support .fullBleedBgBanner .m-feature.custom-small-feature .content { margin-left: 5px; } .end-of-support .fullBleedBgBanner .m-feature.custom-small-feature .content { max-width: 94%; } [dir="rtl"] .end-of-support .fullBleedBgBanner .m-feature > div { text-align: right !important } } .end-of-support .c-drawer > button, .end-of-support .c-drawer > button, .laptops-for-students .c-drawer > button { background: #F7F7F7; border-radius: 8px; } .end-of-support .c-drawer > button { font-weight: 600; font-size: 20px; line-height: 24px; } .end-of-support .c-drawer > button::before { font-size: 13px !important; line-height: 16px !important; color: #0078D7; } .end-of-support div.c-drawer-panel { padding-bottom: 16px !important; } .end-of-support div.c-drawer-panel, .laptops-for-students div.c-drawer-panel { font-size: 18px; line-height: 24px; font-weight: 400; } .end-of-support .drawer-panel .c-drawer .c-drawer-panel p.c-paragraph-3, .end-of-support .c-drawer .c-drawer-panel .c-list li, .laptops-for-students .drawer-panel .c-drawer .c-drawer-panel p.c-paragraph-3, .laptops-for-students.c-drawer .c-drawer-panel .c-list li { font-size: 18px; line-height: 24px; font-weight: 400; } .end-of-support .expand-collapse-toggle-area button.c-action-trigger.active { color: #0067b8 !important; } @media only screen and (min-width: 768px) and (max-width: 1083.98px) { .end-of-support .drawer-panel .c-drawer .c-drawer-panel p.c-paragraph-3, .end-of-support .drawer-panel .c-drawer .c-drawer-panel .c-list li, .end-of-support .drawer-panel .c-drawer .c-drawer-panel, .laptops-for-students .drawer-panel .c-drawer .c-drawer-panel p.c-paragraph-3, .laptops-for-students .drawer-panel .c-drawer .c-drawer-panel .c-list li, .laptops-for-students .drawer-panel .c-drawer .c-drawer-panel { font-size: 15px; line-height: 20px; } } @media only screen and (min-width: 540px) and (max-width: 767px) { .end-of-support #social-network [data-grid~="col-6"]:nth-last-child(1) { float: left; } .end-of-support #show-more-faq-Win8 .mscom-link.c-call-to-action.c-glyph { text-align: left; } .end-of-support #show-more-faq-Win8 .mscom-link.c-call-to-action.c-glyph span { display: inline; } } @media only screen and (min-width: 327px) and (max-width: 400px) { #windowsh22.Transfer-your-data #TYD-mosaic.custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"], .end-of-support #EOS-Android-Mosaic.custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 220px !important; } .end-of-support #EOS-Android-Mosaic .c-call-to-action { font-size: 12px; padding-left: 10px; padding-right: 10px; } .end-of-support #retailers .m-banner h2 { font-size: 26px; line-height: 32px; } } @media only screen and (min-width: 401px) and (max-width: 500px) { #windowsh22.Transfer-your-data #TYD-mosaic.custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"], .end-of-support #EOS-Android-Mosaic.custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 280px !important; } } @media only screen and (min-width: 501px) and (max-width: 540px) { #windowsh22.Transfer-your-data #TYD-mosaic.custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"], .end-of-support #EOS-Android-Mosaic.custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 330px; } } @media only screen and (min-width: 541px) and (max-width: 759px) { #windowsh22.Transfer-your-data #TYD-mosaic.custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"], .end-of-support #EOS-Android-Mosaic.custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 360px; } } @media only screen and (min-width: 760px) and (max-width: 839px) { #windowsh22.Transfer-your-data #TYD-mosaic.custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"], .end-of-support #EOS-Android-Mosaic.custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 450px; } } @media only screen and (min-width: 840px) and (max-width: 971px) { #windowsh22.Transfer-your-data #TYD-mosaic.custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"], .end-of-support #EOS-Android-Mosaic.custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 536px; } } @media only screen and (min-width: 972px) and (max-width: 1083px) { #windowsh22.Transfer-your-data #TYD-mosaic.custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"], .end-of-support #EOS-Android-Mosaic.custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 620px; } } @media screen and (max-width: 540px) { .end-of-support #HeroItem-Win10 .m-hero-item > div > div { padding-bottom: 30px; } } @media screen and (min-width: 1800px) { .end-of-support #fullBleedBgBanner[data-grid="container"] { max-width: 100%; padding-left: 5%; padding-right: 5%; } } @media only screen and (min-width: 1600px) { .transfer-your-data-with-windows-backup #numberListId .numberlist-structurelist .numberlistbanner, .end-of-support #numberListId .numberlist-structurelist .numberlistbanner { min-height: 750px; } } @media only screen and (min-width: 2300px) { .end-of-support #id-win10 { margin: 0 auto; } } @media only screen and (min-width: 2500px) { #windowsh22.Transfer-your-data .numberlist-structurelist[data-grid="container"] { margin: auto !important; } .end-of-support #numberListId .numberlist-structurelist { margin: auto; } } #windowsh22.laptop-buying-guide .c-pivot.center ul[role="tablist"] li.f-active:focus { outline: 2px dashed #000; outline-offset: 1px; } #windowsh22.laptop-buying-guide .drawer-panel.faq-section .expand-collapse-toggle-area button.c-action-trigger:focus, #windowsh22.laptop-buying-guide .m-link-navigation nav.c-link-navigation li a.c-hyperlink.f-image:focus div { background: none; } .end-of-support #show-more-faq-Win7 a.c-hyperlink:focus, .end-of-support #show-more-faq-Win8 a.c-hyperlink:focus, .end-of-support #show-more-faq-Win10 a.c-hyperlink:focus { padding: 0px 4px !important; } .end-of-support a.c-hyperlink { outline-offset: 0px; } .hubmain.end-of-support a.c-hyperlink:focus { padding: 0px 3px; } .end-of-support #HeroItem-Win8 .m-hero-item p.c-paragraph-2 { font-weight: 400 !important; } /*FY24 EOS css win10 end*/ /*Transfer your Data CSS start*/ #windowsh22.Transfer-your-data #show-more-faq .mscom-link.c-call-to-action.c-glyph { white-space: initial; } #windowsh22.Transfer-your-data #show-more-faq .mscom-link.c-call-to-action.c-glyph { background: 0 0; color: #0067B8; border-color: transparent; border-width: 2px; padding: 10px 5px 7px; margin-left: 0; transition: none; } .Transfer-your-data .crossCards { background: none !important; padding: 0; } #TYD-mosaic .c-group a.c-call-to-action { text-align: left; bottom: 12px; } #windowsh22.Transfer-your-data .articletouts .m-content-placement-item, #windowsh22.Transfer-your-data .articletouts .m-content-placement-item:hover { cursor: default; } #windowsh22.Transfer-your-data #TYD-mosaic.custom-mosaic .c-mosaic-placement .c-group { text-align: left; left: 32px; bottom: 15px; } #windowsh22.Transfer-your-data #homeContentPlacemet.m-content-placement { padding-bottom: 80px; padding-top: 80px; float: left; } @media only screen and (max-width: 1083.98px) { #windowsh22.Transfer-your-data #numberListId { background: linear-gradient(180deg, #8DC8E8 0%, rgba(141, 200, 232, 0.58) 57.43%, rgba(141, 200, 232, 0.00) 100%); } #windowsh22.Transfer-your-data #TYD-mosaic.custom-mosaic .c-mosaic-placement .c-group { top: auto; } } #windowsh22.Transfer-your-data #TYD-mosaic { padding: 0 5%; } #windowsh22.Transfer-your-data #show-more-faq .c-drawer { margin-bottom: 12px } #windowsh22.Transfer-your-data #show-more-faq .c-drawer > button { background: #F9F9F9; border-radius: 8px; font-weight: 600; font-size: 20px; line-height: 24px; padding-left: 40px; } #windowsh22.Transfer-your-data #faq-banner .m-banner { margin-bottom: 24px; } #windowsh22.Transfer-your-data #show-more-faq .c-drawer > button::before { font-size: 13px !important; line-height: 16px !important; color: #0078D7; } .Transfer-your-data #show-more-faq div.c-drawer-panel { padding-bottom: 16px !important; } .Transfer-your-data #show-more-faq .c-drawer-panel { margin: 0 8% 0 2%; } #windowsh22.Transfer-your-data .m-hero-item .c-group .c-call-to-action { background: #fff !important; color: #0067B8; } #windowsh22.transfer-your-data-with-windows-backup .m-hero-item .c-group .c-call-to-action { color: #0078D4 !important; } #windowsh22.Transfer-your-data .m-feature-group { background: var(--neutral-0-ffffff, #FFF); } #windowsh22.Transfer-your-data .m-feature h2 { padding-top: 14px; } #windowsh22.Transfer-your-data .m-feature { margin-bottom: 42px; } #windowsh22.Transfer-your-data #contplace-banner h2 { padding-top: 20px; } #windowsh22.Transfer-your-data #contplace-banner .c-call-to-action.c-glyph.c-button { margin-top: 20px; margin-bottom: 82px; } #windowsh22.Transfer-your-data #homeContentPlacemet [data-grid~="pad-6x"] > [data-grid] { padding-left: 32px; padding-right: 32px; } .numberlist-structurelist[data-grid="container"] { margin-left: 5%; margin-right: 5%; } .comprehensive-security .numberlist-structurelist[data-grid="container"], .accessibility-features .numberlist-structurelist[data-grid="container"], #windowsh22.windows-11 .numberlist-structurelist[data-grid="container"], #view-all .numberlist-structurelist[data-grid="container"] { margin-left: 0; margin-right: 0; } #windowsh22.Transfer-your-data #numberListId .numberlist-structurelist .structure-container:first-child { border-top: 1px solid #fff; } #windowsh22.Transfer-your-data #numberListId .numberlist-structurelist .structure-container { border-bottom: 1px solid #fff; } #windowsh22.Transfer-your-data p.expand-collapse-toggle-area.x-type-right > span { transform: rotate(20deg); position: relative; top: -2px; } #windowsh22.Transfer-your-data .m-hero-item .c-group .c-call-to-action:hover span, #windowsh22.Transfer-your-data .m-hero-item .c-group .c-call-to-action:focus span { background: #fff !important; color: #0067B8; box-shadow: 0 2px currentColor !important; text-decoration: none !important; } #windowsh22.Transfer-your-data #TYD-mosaic a.c-button.c-call-to-action:focus span { box-shadow: 0 2px currentColor !important; text-decoration: none !important; } #windowsh22.Transfer-your-data #show-more-faq a.c-hyperlink:focus { padding: 3px 7px; } #windowsh22.Transfer-your-data #show-more-faq a.c-hyperlink { color: #0067B8; border-color: transparent; border-width: 2px; padding: 0px; margin-left: 0; transition: none; text-decoration: underline; } #windowsh22.Transfer-your-data #show-more-faq a.c-hyperlink:hover { text-decoration: underline; } #windowsh22.Transfer-your-data #show-more-faq a.c-hyperlink.drawer-ctas:not(.supBLink) { color: #0067B8; border-color: transparent; border-width: 2px; padding: 10px 10px 7px 0; margin-left: 0; transition: none; display: inline-block; } #windowsh22.Transfer-your-data #show-more-faq a.c-hyperlink.drawer-ctas:not(.supBLink) { position: relative; } #windowsh22.Transfer-your-data #show-more-faq a.c-hyperlink.drawer-ctas:not(.supBLink):after { font-size: 11px; margin-top: 3px; margin-left: 3px; display: inline-block; position: relative; right: 0; content: ""; vertical-align: top; font-family: MWF-MDL2; } #windowsh22.Transfer-your-data .c-drawer > button { font-weight: 600; font-size: 20px; line-height: 24px; } #windowsh22.Transfer-your-data .drawer-panel .c-drawer .c-drawer-panel p.c-paragraph-3 { font-size: 18px; line-height: 24px; font-weight: 400; } [dir="rtl"] #windowsh22.Transfer-your-data p.expand-collapse-toggle-area.x-type-right > span { transform: rotate(-20deg); } [dir="rtl"] #windowsh22.Transfer-your-data #TYD-mosaic.custom-mosaic .c-mosaic-placement .c-group { text-align: right; right: 32px; } [dir="rtl"] #windowsh22.Transfer-your-data .image-priority-accolate.featurebox .featurecontent { text-align: right !important; } [lang="ar-xm"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="bg-bg"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="cs-cz"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="de-at"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="de-ch"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="de-de"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="el-gr"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="es-ar"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="es-co"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="es-cl"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="es-es"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="es-mx"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="es-xl"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="fi-fi"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="fr-be"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="fr-ch"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="fr-ca"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="fr-fr"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="fr-xf"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="hr-hr"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="hu-hu"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="lt-lt"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="it-it"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="lv-lv"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="nl-be"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="nl-nl"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="pl-pl"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="pt-br"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="pt-pt"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="ro-ro"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="sl-si"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="sr-latn-rs"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="ru-ru"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="sk-sk"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="tr-tr"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="uk-ua"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="vi-vn"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade { font-size: 34px; line-height: normal; } [lang="ar-xm"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="bg-bg"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="cs-cz"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="de-at"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="de-ch"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="de-de"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="el-gr"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="es-ar"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="es-co"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="es-cl"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="es-es"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="es-mx"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="es-xl"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="fi-fi"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="fr-be"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="fr-ch"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="fr-ca"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="fr-fr"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="fr-xf"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="hr-hr"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="hu-hu"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="lt-lt"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="it-it"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="lv-lv"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="nl-be"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="nl-nl"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="pl-pl"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="pt-br"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="pt-pt"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="ro-ro"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="sl-si"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="sr-latn-rs"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="ru-ru"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="sk-sk"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="tr-tr"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="uk-ua"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="vi-vn"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1 { font-size: 15px; line-height: normal; } @media only screen and (min-width: 1084px) { [dir="rtl"] #windowsh22.Transfer-your-data .show-animation-on-hvp .m-hero-item.holiday-video-auto > div > div, [dir="rtl"] #windowsh22.Transfer-your-data .animation-off .m-hero-item.holiday-video-auto > div > div, [dir="rtl"] #windowsh22.Transfer-your-data .show-animation .m-hero-item.holiday-video-auto > div > div { top: calc(50%); max-width: 375px; } [dir="rtl"] .Transfer-your-data #show-more-faq .c-drawer-panel { margin: 0 2% 0 2%; } #windowsh22.Transfer-your-data #numberListId .numberlist-structurelist { border-radius: 8px; background: linear-gradient(180deg, #8DC8E8 0%, rgba(141, 200, 232, 0.58) 57.43%, rgba(141, 200, 232, 0.00) 100%); } #windowsh22.Transfer-your-data #numberListId { padding-top: 50px; padding-bottom: 50px; } #windowsh22.Transfer-your-data .show-animation-on-hvp .m-hero-item.holiday-video-auto > div > div, #windowsh22.Transfer-your-data .animation-off .m-hero-item.holiday-video-auto > div > div, #windowsh22.Transfer-your-data .show-animation .m-hero-item.holiday-video-auto > div > div { top: calc(50%); max-width: 400px; } /*#windowsh22.Transfer-your-data .animation-off .m-hero-item.holiday-video-auto picture img { margin-top: -1px; }*/ #windowsh22.Transfer-your-data .m-hero-item.f-transparent:before, .c-hero.f-transparent:before { padding-bottom: 41.6666%; } #windowsh22.Transfer-your-data .show-animation-on-hvp .m-hero-item.holiday-video-auto > div > div, #windowsh22.Transfer-your-data .animation-off .m-hero-item.holiday-video-auto > div > div, #windowsh22.Transfer-your-data .show-animation .m-hero-item.holiday-video-auto > div > div { display: block; } #windowsh22.Transfer-your-data .numberlist-structurelist[data-grid="container"] { margin-left: 5%; margin-right: 5%; padding-top: 80px; padding-bottom: 80px; } #windowsh22.Transfer-your-data #TYD-mosaic.custom-mosaic .m-mosaic { padding-top: 80px !important; } } @media screen and (max-width: 1083.98px) { .transfer-your-data-with-windows-backup #TYD-hero-lvp .m-hero-item > div, .transfer-your-data-with-windows-backup #TYD-hero-lvp .m-hero-item > div { text-align: left; position: relative; } [dir="rtl"] .transfer-your-data-with-windows-backup #TYD-hero-lvp .m-hero-item > div, [dir="rtl"] .transfer-your-data-with-windows-backup #TYD-hero-lvp .m-hero-item > div > div { text-align: right; } .transfer-your-data-with-windows-backup #TYD-hero-lvp .m-hero-item > div { padding-top: 0px !important; width: 90%; height: fit-content !important; } .transfer-your-data-with-windows-backup #TYD-hero-lvp > section:before { padding-bottom: 0 !important; } .transfer-your-data-with-windows-backup #TYD-hero-lvp > section { padding: 0; } .transfer-your-data-with-windows-backup #TYD-hero-lvp > section picture { position: relative; top: 0; } .transfer-your-data-with-windows-backup #TYD-hero-lvp .m-hero-item > div > div { height: fit-content !important; padding: 48px 0; transform: none; top: 0; position: relative; width: 100%; max-width: 100%; } .transfer-your-data-with-windows-backup #TYD-hero-lvp > section picture img { position: relative; top: 0; transform: none; left: 0; } [dir="rtl"] #windowsh22.Transfer-your-data .image-priority-accolate.featurebox .featurecontent { right: 0px; } #windowsh22.Transfer-your-data .animation-off.holiday-animated-hero .m-hero-item > div > div, #windowsh22.Transfer-your-data .show-animation.holiday-animated-hero .m-hero-item > div > div { text-align: left; } #windowsh22.Transfer-your-data .image-priority-accolate { width: 100%; margin: 0px; } #windowsh22.Transfer-your-data .image-priority-accolate.featurebox .featurecontent { padding: 0px !important; margin: 0px !important; text-align: left !important; } #windowsh22.Transfer-your-data #TYD-mosaic-banner .m-banner { padding-bottom: 48px; } #windowsh22.Transfer-your-data .custom-mosaic .c-mosaic-placement picture { border-radius: 8px; } } @media only screen and (min-width: 768px) and (max-width: 1083.98px) { #windowsh22.Transfer-your-data .m-hero-item > div { margin: 0 auto; } } #windowsh22.Transfer-your-data .m-content-placement-item[data-js-href]:hover picture img, #windowsh22.Transfer-your-data .c-content-placement[data-js-href]:hover picture img { opacity: 1; } /*Transfer your Data CSS end*/ /* home page css for 9/19 start*/ #windowsh22.windows #playpopup-hero .m-feature button.videobutton { background: #ffffff !important; border: 1px solid #0078D4 !important; } #windowsh22.windows #playpopup-hero .videobutton.c-call-to-action.c-glyph:before { color: #0078D4 !important; } #windowsh22.windows #playpopup-hero .m-feature button.videobutton:focus, #windowsh22.windows #playpopup-hero .m-feature button.videobutton:hover { border: none; } #windowsh22.windows #playpopup-hero .m-feature button.videobutton:focus:after, #windowsh22.windows #playpopup-hero .m-feature button.videobutton:hover:after { right: 0px; } #windowsh22.windows #playpopup-hero .m-feature > div { padding-left: 0px; } @media only screen and (max-width: 1083.98px) { #windowsh22.windows #playpopup-hero .m-feature .featurecontent { padding: 20px 0 50px; text-align: left; margin: 0px; } } /*home page css for 9/19 end*/ @media only screen and (min-width: 1084px) and (max-width: 1400px) { [lang='th-th'] .accessibility-features nav.c-in-page-navigation > ul li > a, [lang='th-th'] .accessibility-features nav.c-in-page-navigation a { font-size: 16px; } } @media only screen and (min-width: 768px) and (max-width: 1083.98px) { .accessibility-features nav.c-in-page-navigation.f-dropdown.f-sticky .f-dropdown-menu > a { padding-left: 5%; padding-right: 5%; } } @media only screen and (max-width: 767.98px) { nav.c-in-page-navigation + nav { display: block !important; height: auto !important; visibility: visible !important; overflow: visible !important; } .accessibility-features nav.c-in-page-navigation.f-dropdown.f-sticky .f-dropdown-menu > a { padding-left: 0; } [dir="rtl"] .accessibility-features nav.c-in-page-navigation.f-dropdown.f-sticky .f-dropdown-menu > a { padding-right: 0; } nav.c-in-page-navigation:not(.f-dropdown) { display: none !important; } } @media only screen and (max-width: 1770px) { #windowsh22.windows #playpopup-hero .m-feature.f-align-left.f-image-priority.wf-exp > div.featurecontent { top: 0; transform: none; } } #windowsh22.windows #videodemo2 .mp4inline .f-video-trigger { position: absolute; top: 50%; left: 50%; transform: translate(-50%, 0%); cursor: default; } #windowsh22.windows .rounded-corners .c-button.f-primary.blue-button + .c-call-to-action.c-secondary { margin-top: 18px; line-height: normal; } #windowsh22.windows .rounded-corners .c-button.f-primary.blue-button + .c-call-to-action.c-secondary:after { margin-top: 6px; } /*Ai copilot ROW CSS starts*/ [dir="rtl"] #ai-Contentplacement .m-content-placement-item > picture img { right: 0px !important; } /*Ai copilot ROW CSS starts*/ /*Wave 2 CSS starts*/ #windowsh22 .rounded-corners .c-button.f-primary.blue-button + .c-call-to-action.c-secondary { padding-left: 0; margin-top: 12px; padding-right: 5px; } #windowsh22.get-windows-11 .numberContentPlacement .m-content-placement-item > picture { display: block; } /*Wave 2 Windows 11 css starts*/ #windowsh22.windows-11 .custom-small-feature.heart, .windows-11-specifications .custom-small-feature.heart { background-color: #0025C0; } #windowsh22.windows-11 .custom-small-feature.heart *, .windows-11-specifications .custom-small-feature.heart * { color: #FFFFFF !important; } #windowsh22.windows-11 .custom-small-feature.bulb, .windows-11-specifications .custom-small-feature.bulb { background-color: #8DC8E8; } #windowsh22.windows-11 .custom-small-feature.exclamation { background-color: #FFE399; } #windowsh22.windows-11 .custom-small-feature.info { background-color: #B9DCD2; } #windowsh22.windows-11 #pchealthcheck { background: #FFF !important; } #windowsh22.windows-11 .custom-small-feature.bulb *, .windows-11-specifications .custom-small-feature.bulb *, #windowsh22.windows-11 .custom-small-feature.exclamation, #windowsh22.windows-11 .custom-small-feature.exclamation *, #windowsh22.windows-11 .custom-small-feature.info, #windowsh22.windows-11 .custom-small-feature.info * { color: #000 !important; } .windows-11-pc-gaming .m-feature.custom-small-feature.bground-games.rounded-corners-10.heart { background: #0025C0 !important; color: #fff !important; } .windows-11-pc-gaming .m-feature.custom-small-feature.bground-games.rounded-corners-10.bulb { background: #8DC8E8 !important; color: #000 !important; } .windows-11-pc-gaming div#pchealthcheck .m-feature.heart .comppanel .c-group a, .windows-11-pc-gaming div#pchealthcheck .m-feature.heart .comppanel .supBLink { color: #FFF !important; } .windows-11-pc-gaming .m-feature.custom-small-feature.bground-games.rounded-corners-10 a { color: #000 !important; } .windows-11-specifications .custom-small-feature.bulb :after { color: #000; } .windows-11-specifications .custom-small-feature.heart :after { color: #fff; } .windows-11 #pchealthcheck .m-feature.custom-small-feature .c-group a.pchc-bg-white span, .windows-11 #pchealthcheck .m-feature.custom-small-feature .c-group a.pchc-bg-white:after { color: #0067b8 !important; } /*Wave 2 Windows 11 css ends*/ /*Wave 2 Home css starts*/ #windowsh22.windows #numberListId { background: linear-gradient(180.05deg, #8DC8E8 0.04%, rgba(141, 200, 232, 0.578125) 59.8%, rgba(141, 200, 232, 0) 104.1%); } #windowsh22.windows-11 .bg-A8E1C5 { background-color: #F2F2F2; } #windowsh22.windows-11 #numberListId { background: linear-gradient(180deg, #95CAF1 0.01%, #FFF 100.01%), #F9F9F9; } div#Bettertogether { background: #EBF4FC; margin-top: 48px; max-width: 100%; padding-bottom: 48px; } #windowsh22.windows #phoneLink .mp4inline video.mp4videoinline { border-radius: 8px; } @media only screen and (min-width: 1084px) { #windowsh22.windows .featurebox .m-feature.sync .featurecontent { padding-right: 0; } #windowsh22.windows #phoneLink.featurebox .m-feature.sync .featurecontent { padding-right: 131px; } #windowsh22.windows #phoneLink.featurebox .m-feature.sync .featurecontent { padding-right: 131px; padding-left: 0; } #windowsh22.windows #Bettertogether.featurebox .m-feature.sync .featurecontent { padding-left: 0; padding-right: 131px; } /*[lang='zh-cn'] #windowsh22.windows #phoneLink.featurebox .m-feature.sync .featurecontent { padding-left: 131px; padding-right: 0; }*/ [dir='rtl'] #windowsh22.windows #phoneLink.featurebox .m-feature.sync .featurecontent, [dir='rtl'] #windowsh22.windows #Bettertogether.featurebox .m-feature.sync .featurecontent { padding-right: 0; padding-left: 131px; } } @media only screen and (max-width: 1083px) { #windowsh22.windows #Bettertogether .m-feature.f-align-left.rounded-corners.sync.herowithgradientline-blue .featurecontent { margin-top: 48px !important; } } /*Wave 2 Home css ends*/ #windowsh22.compare-windows-11-home-vs-pro-versions.hubmain .image-priority-accolate .bg-feature-section.m-feature { background: linear-gradient(180deg, #9CCEF2 66.15%, #FFF 100%); } .windows-11 #pchealthcheck .m-feature.custom-small-feature .c-group a.pchc-bg-white span, .windows-11 #pchealthcheck .m-feature.custom-small-feature .c-group a.pchc-bg-white:after { color: #fff !important; } .windows-11 #pchealthcheck .m-feature.custom-small-feature .c-group a.pchc-bg-white, [lang="en-us"] .computers .m-mosaic a.mosaic-white-button { border: #FFF solid 1px !important; padding-left: 10px !important; padding-right: 10px !important; border-radius: 6px; background: none !important; } #windowsh22.get-windows-11 .numberContentPlacement .articletouts .c-badge { display: none; } #windowsh22.windows #Content_Placement-panel-5 .m-content-placement-item[data-js-href] picture img { border-radius: 8px; } @media only screen and (min-width: 1770px) { #windowsh22.windows-11 div#pchealthcheck { width: 100%; max-width: 100%; display: flex; } #windowsh22.windows-11 #pchealthcheck .custom-small-feature { width: 1600px; margin: 0 auto; } } .expand-collapse-toggle-area button.c-action-trigger:focus:not(.x-hidden-focus) { outline: none !important; } /*Wave 2 CSS ends*/ /*video CTA CSS start*/ .laptop-buying-guide a.c-hyperlink.videoctaclass:hover, .laptop-buying-guide a.c-hyperlink.videoctaclass, .windows-11-specifications table td a.videoctaclass:hover, .windows-11-specifications table td a.videoctaclass { text-decoration: none; } .laptop-buying-guide a.c-hyperlink.videoctaclass:before, .windows-11-specifications table td a:before { position: relative; padding-right: 5px; padding-left: 2px; top: 2px; } .laptop-buying-guide a.c-hyperlink.videoctaclass:hover span, .windows-11-specifications table td a.videoctaclass:hover span { box-shadow: 0 2px currentColor !important; } #windowsh22.laptop-buying-guide .c-paragraph-1 a.videoctaclass span { font-size: 20px; font-weight: 400; line-height: 24px; letter-spacing: 0em; } @media only screen and (min-width: 1084px) { #windowsh22.laptop-buying-guide .c-paragraph-1 a.videoctaclass span { font-size: 20px; font-weight: 400; line-height: normal; } } @media only screen and (max-width: 767px) { #windowsh22.laptop-buying-guide .c-paragraph-1 a.videoctaclass span { font-size: 15px; font-weight: 400; line-height: normal; } } /*video CTA CSS ends*/ .transfer-your-data-with-windows-backup .m-social > a:focus:before, .transfer-your-data-with-windows-backup .m-social > a:hover:before, .transfer-your-data-with-windows-backup .m-social > ul > li > a:focus:before, .transfer-your-data-with-windows-backup .m-social > ul > li > a:hover:before, .comprehensive-security .m-social > a:focus:before, .comprehensive-security .m-social > a:hover:before, .comprehensive-security .m-social > ul > li > a:focus:before, .comprehensive-security .m-social > ul > li > a:hover:before, .copilot-ai-features .m-social > a:focus:before, .copilot-ai-features .m-social > a:hover:before, .copilot-ai-features .m-social > ul > li > a:focus:before, .copilot-ai-features .m-social > ul > li > a:hover:before, #windowsh22.windows-11 .m-social > a:focus:before, #windowsh22.windows-11 .m-social > a:hover:before, #windowsh22.windows-11 .m-social > ul > li > a:focus:before, #windowsh22.windows-11 .m-social > ul > li > a:hover:before, #windowsh22.windows .m-social > a:focus:before, #windowsh22.windows .m-social > a:hover:before, #windowsh22.windows .m-social > ul > li > a:focus:before, #windowsh22.windows .m-social > ul > li > a:hover:before, #windowsh22.compare-windows-11-home-vs-pro-versions .m-social > a:focus:before, #windowsh22.compare-windows-11-home-vs-pro-versions .m-social > a:hover:before, #windowsh22.compare-windows-11-home-vs-pro-versions .m-social > ul > li > a:focus:before, #windowsh22.compare-windows-11-home-vs-pro-versions .m-social > ul > li > a:hover:before, .m-social > a:focus:before, .m-social > a:hover:before, .m-social > ul > li > a:focus:before, .m-social > ul > li > a:hover:before { background: transparent !important; } /*EOS Feature ocid starts*/ #FeatureOcid .ocid_feature { background: #92C7E6; } #FeatureOcid .ocid_feature picture { padding: 40px 50px; } #FeatureOcid .ocid_feature .featurecontent { background: #FFF; padding: 36px 24px; width: calc(50% - 50px); } @media only screen and (max-width: 1083px) { #FeatureOcid .ocid_feature .featurecontent { background: transparent; width: 100%; text-align: left; padding: 24px 0; } #FeatureOcid .ocid_feature picture { padding: 24px 0 0; } } @media only screen and (min-width: 768px) and (max-width: 1083px) { #windowsh22.get-windows-11 .m-hero-item.f-transparent.PCUsers:before, #windowsh22.get-windows-11 .m-hero-item.f-transparent.nonPCUsers:before { padding-bottom: 60%; } } @media (min-width: 1084px) and (max-width: 1399px) { [lang='sl-si'] #windowsh22.get-windows-11 #HeroItem-panel-2 .m-hero-item h1, [lang='sl-si'] #windowsh22.get-windows-11 #HeroItem-panel-1 .m-hero-item h1, [lang='ja-jp'] #windowsh22.get-windows-11 #HeroItem-panel-2 .m-hero-item h1, [lang='ja-jp'] #windowsh22.get-windows-11 #HeroItem-panel-1 .m-hero-item h1, [lang='lt-lt'] #windowsh22.get-windows-11 #HeroItem-panel-2 .m-hero-item h1, [lang='lt-lt'] #windowsh22.get-windows-11 #HeroItem-panel-1 .m-hero-item h1, [lang='hu-hu'] #windowsh22.get-windows-11 #HeroItem-panel-2 .m-hero-item h1, [lang='hu-hu'] #windowsh22.get-windows-11 #HeroItem-panel-1 .m-hero-item h1, [lang='lv-lv'] #windowsh22.get-windows-11 #HeroItem-panel-2 .m-hero-item h1, [lang='lv-lv'] #windowsh22.get-windows-11 #HeroItem-panel-1 .m-hero-item h1, [lang='ru-ru'] #windowsh22.get-windows-11 #HeroItem-panel-2 .m-hero-item h1, [lang='ru-ru'] #windowsh22.get-windows-11 #HeroItem-panel-1 .m-hero-item h1, [lang='el-gr'] #windowsh22.get-windows-11 #HeroItem-panel-2 .m-hero-item h1, [lang='el-gr'] #windowsh22.get-windows-11 #HeroItem-panel-1 .m-hero-item h1 { font-size: 34px; line-height: normal; } } /* Pen Voice Touch CSS*/ #windowsh22.PenVoiceTouch .m-content-placement .articletouts .m-content-placement-item > picture img { width: auto; } #windowsh22.PenVoiceTouch .m-content-placement .articletouts .m-content-placement-item picture { padding-bottom: 60px; } #windowsh22.PenVoiceTouch .m-content-placement-item .linearHorzontalLineLeft-blue { width: 100px; height: 3px; } #windowsh22.PenVoiceTouch #pvt-faq-panel .c-drawer > button { background: #F7F7F7; border-radius: 8px; } #windowsh22.PenVoiceTouch #pvt-faq-panel .c-drawer > button:after { color: #0078D7; } #windowsh22.PenVoiceTouch #pvt-faq-panel .c-drawer-panel { background: #F7F7F7; border-radius: 8px; } #windowsh22.PenVoiceTouch #pvt-faq-panel .c-drawer { margin-bottom: 12px; } #windowsh22.PenVoiceTouch #pvt-faq-panel div.c-drawer-panel { padding-bottom: 16px !important; } #windowsh22.PenVoiceTouch .expand-collapse-toggle-area { margin-right: 10px; } #windowsh22.PenVoiceTouch .drawer-panel .expand-collapse-toggle-area button.c-action-trigger:focus { outline: none; } #windowsh22.PenVoiceTouch p.expand-collapse-toggle-area.x-type-right > span { transform: rotate(20deg); position: relative; top: -2px; } [dir='rtl'] #windowsh22.PenVoiceTouch p.expand-collapse-toggle-area.x-type-right > span { transform: rotate(-20deg); } #windowsh22.PenVoiceTouch .drawer-panel .expand-collapse-toggle-area button { font-weight: 600; } #windowsh22.PenVoiceTouch .c-drawer > button::before { font-size: 13px !important; line-height: 16px !important; color: #0067b8; } #windowsh22.PenVoiceTouch nav.c-in-page-navigation { border-bottom: 1px solid #ACACAC; } #windowsh22.PenVoiceTouch nav.c-in-page-navigation > ul li > a { font-size: 20px; line-height: 24px; font-weight: 600; margin-left: 0px; margin-right: 64px; } [dir='rtl'] #windowsh22.PenVoiceTouch nav.c-in-page-navigation > ul li > a { margin-right: 0px; margin-left: 64px; } #windowsh22.PenVoiceTouch .toutheading { font-size: 24px; line-height: 28px; } #windowsh22.PenVoiceTouch .m-panes-product-placement-item .c-heading { font-size: 29px; line-height: 34px; } #windowsh22.PenVoiceTouch .m-panes-product-placement-item .c-paragraph { font-size: 18px; line-height: 24px; } #windowsh22.PenVoiceTouch .c-drawer > button { font-weight: 600; font-size: 20px; line-height: 24px; } #windowsh22.PenVoiceTouch .drawer-panel .c-drawer .c-drawer-panel p.c-paragraph-3 { font-size: 18px; line-height: 24px; font-weight: 400; } #windowsh22.PenVoiceTouch .m-content-placement > div > .content-touts:nth-child(3n+1) { clear: both; } #windowsh22.PenVoiceTouch .feature-panel-hero.m-feature.f-align-left > div, #windowsh22.PenVoiceTouch .m-feature:not(.feature-panel-hero).f-align-left > div { padding-left: 0; } #windowsh22.PenVoiceTouch #Sticky-Navigation { margin-bottom: 0; margin-top: 34px; } #windowsh22.PenVoiceTouch .featurebox { margin-bottom: 0; } #windowsh22.PenVoiceTouch .featurebox > .m-feature { padding-top: 94px; margin-top: 0; } #windowsh22.PenVoiceTouch #touchscreen.featurebox > .m-feature { padding-top: 70px; } #windowsh22.PenVoiceTouch #PVT-Hero.featurebox > .m-feature { padding-top: 48px; } #windowsh22.PenVoiceTouch .featurebox .f-align-right .featurecontent { padding-left: 85px; padding-right: 0px; } #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent { padding-right: 85px; } #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1 { font-size: 52px; line-height: 60px; } #windowsh22.PenVoiceTouch .featurebox .featurecontent > p { padding-top: 16px !important; } #windowsh22.PenVoiceTouch #PVT-Hero.featurebox .featurecontent > p { font-size: 17px; line-height: initial; } #windowsh22.PenVoiceTouch .m-feature > div .c-group { margin-top: 0px; } #windowsh22.PenVoiceTouch .m-content-placement > div { padding-bottom: 0; } #windowsh22.PenVoiceTouch .m-content-placement .articletouts .linearHorzontalLineLeft-blue { margin-bottom: 0px; margin-top: 10px !important; background: linear-gradient(90deg, #0067B8 0%, #50E6FF 100%); } #windowsh22.PenVoiceTouch .m-content-placement .articletouts .toutheading { padding: 16px 0; } #windowsh22.PenVoiceTouch .m-content-placement .articletouts .toutpara { padding: 0px; } #windowsh22.PenVoiceTouch #panes-panel-PVT { margin-bottom: 24px; } #windowsh22.PenVoiceTouch #panes-panel-PVT p { padding: 16px 0; } #windowsh22.PenVoiceTouch #panes-panel-PVT a { text-align: left; margin-top: 0px; } #windowsh22.PenVoiceTouch #panes-panel-PVT .m-panes-product-placement-item img { border-radius: 8px; } #pvt-faq-panel .drawer-panel { padding-left: 0px; padding-right: 0px; } #windowsh22.PenVoiceTouch #PVT-Hero.featurebox { padding-top: 24px; } #windowsh22.PenVoiceTouch .m-content-placement .m-content-placement-item { cursor: default; } #windowsh22.PenVoiceTouch nav.c-in-page-navigation.f-dropdown .f-dropdown-menu a, #windowsh22.PenVoiceTouch nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a:hover, #windowsh22.PenVoiceTouch nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a:focus, #windowsh22.PenVoiceTouch nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a:active, #windowsh22.PenVoiceTouch nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a.f-active { color: #171717 !important; } #windowsh22.PenVoiceTouch nav.c-in-page-navigation.f-dropdown { padding-left: 0 !important; } #windowsh22.PenVoiceTouch nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a { margin-left: 6px; width: 100%; } #windowsh22.PenVoiceTouch nav.c-in-page-navigation.f-dropdown.f-sticky { padding-left: 5% !important; } [dir='rtl'] #windowsh22.PenVoiceTouch nav.c-in-page-navigation.f-dropdown.f-sticky { padding-right: 5% !important; padding-left: 0 !important; } #windowsh22.PenVoiceTouch nav .f-dropdown-menu > a { font-weight: 700 !important; } #windowsh22.PenVoiceTouch .numberlist .m-structured-list p { line-height: 20px; } #windowsh22.PenVoiceTouch #pvt-faq-panel .drawer-panel .c-drawer { background: #F7F7F7; border-radius: 8px; } #windowsh22.PenVoiceTouch .m-panes-product-placement-item .c-call-to-action:focus, #windowsh22.PenVoiceTouch a.c-hyperlink.supBLink:focus, #windowsh22.PenVoiceTouch .expand-collapse-toggle-area button.c-action-trigger:focus { background: none; } #windowsh22.PenVoiceTouch nav.c-link-navigation li a.c-hyperlink picture { max-height: initial; text-align: center; margin-top: 20px; } [dir='rtl'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent { padding-left: 85px; padding-right: 0; } [dir='rtl'] #windowsh22.PenVoiceTouch .featurebox .f-align-right .featurecontent { padding-left: 0px; padding-right: 85px; } [dir='rtl'] #windowsh22.PenVoiceTouch .m-content-placement .articletouts .m-content-placement-item > picture img { right: 0; } [dir='rtl'] #windowsh22.PenVoiceTouch .m-content-placement .articletouts .linearHorzontalLineLeft-blue { background: linear-gradient(90deg, #50E6FF 0%, #0067B8 100%); } [dir='rtl'] #windowsh22.PenVoiceTouch nav.c-in-page-navigation.f-dropdown { padding-right: 0px; } [dir='rtl'] #windowsh22.PenVoiceTouch nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a { margin-right: 7px; } #windowsh22.PenVoiceTouch nav ul.c-menu.bg-blue-sticky li a { font-weight: normal; } #windowsh22.PenVoiceTouch .stickyV2 nav.c-in-page-navigation { margin-bottom: 0; } @media only screen and (max-width: 1083.98px) { #windowsh22.PenVoiceTouch #pvt-faq-panel { padding: 0 5%; } #windowsh22.PenVoiceTouch .image-priority-accolate { width: 100%; } #windowsh22.PenVoiceTouch .m-feature.feature-panel-hero { margin-top: 0; padding-bottom: 0 !important; padding-top: 36px; } #windowsh22.PenVoiceTouch .feature-panel-hero.m-feature.f-align-left > div, #windowsh22.PenVoiceTouch .m-feature:not(.feature-panel-hero).f-align-left > div, #windowsh22.PenVoiceTouch .m-feature:not(.feature-panel-hero).f-align-right > div { padding-left: 0; padding-right: 0; } #windowsh22.PenVoiceTouch .m-feature.f-align-left > div, #windowsh22.PenVoiceTouch .m-feature.f-align-right > div { padding-bottom: 0; } #windowsh22.PenVoiceTouch .featurecontent { text-align: left !important; margin-left: 0; margin-top: 50px !important; padding-left: 0; padding-right: 0; font-weight: 400; font-size: 15px; line-height: 20px; } /*#windowsh22.PenVoiceTouch .common-button.f-sticky ul li:last-child { float: none; }*/ #windowsh22.PenVoiceTouch #panes-panel-PVT .m-panes .f-align-middle picture { width: fit-content; } #windowsh22.PenVoiceTouch #panes-panel-PVT .m-panes .f-stacked picture { width: fit-content; } #windowsh22.PenVoiceTouch #panes-PVT-banner .m-banner { width: 88% !important; } #windowsh22.PenVoiceTouch #PVT-Hero.featurebox { padding-right: 0px; } #windowsh22.PenVoiceTouch .c-drawer > button { font-size: 18px; } #windowsh22.PenVoiceTouch .drawer-panel .c-drawer .c-drawer-panel p.c-paragraph-3 { font-size: 15px; line-height: 20px; } #windowsh22.PenVoiceTouch #pvt_faq .c-heading-2 { font-size: 24px; line-height: 28px; } [dir='rtl'] #windowsh22.PenVoiceTouch .featurecontent { text-align: right !important; } [dir='rtl'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent { padding-left: 0; margin-right: 0; } [dir='rtl'] #windowsh22.PenVoiceTouch .featurebox .f-align-right .featurecontent { padding-right: 0; margin-right: 0; right: 0; } } @media only screen and (min-width: 1084px) { #windowsh22.PenVoiceTouch .numberlistpanel { margin-bottom: 90px; } #windowsh22.PenVoiceTouch #pvt-faq-panel .c-drawer-panel { margin: 0 8% 0 2%; } [dir='rtl'] #windowsh22.PenVoiceTouch #pvt-faq-panel .c-drawer-panel { margin: 0 2% 0 8%; } #windowsh22.PenVoiceTouch #pvt-faq-panel .drawer-panel { padding: 0px !important; } } @media only screen and (min-width: 1440px) { #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist { min-height: 750px; } } @media only screen and (min-width: 1400px) { #windowsh22.PenVoiceTouch #panes-panel-PVT .f-align-middle .m-panes-product-placement-item div { text-align: left; } [dir='rtl'] #windowsh22.PenVoiceTouch #panes-panel-PVT .f-align-middle .m-panes-product-placement-item div { text-align: right; } .deviceCtaSection { justify-content: start; } } @media only screen and (min-width: 1084px) and (max-width: 1439px) { #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist { min-height: 650px; } [lang='bg-bg'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='cs-cz'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='de-de'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='de-at'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='de-ch'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='es-es'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='el-gr'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='fr-be'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='fr-fr'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='fr-xf'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='fr-ch'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='hr-hr'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='hu-hu'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='lt-lt'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='lv-lv'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='nb-no'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='nl-be'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='nl-nl'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='pt-pt'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='ro-ro'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='ru-ru'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='sl-si'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='sr-latn-rs'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='tr-tr'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='uk-ua'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='it-it'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1 { font-size: 34px; line-height: normal; } [lang='ar-xm'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='bg-bg'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='cs-cz'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='da-dk'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='de-at'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='de-ch'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='el-gr'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='es-ar'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='es-cl'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='es-co'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='en-hk'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='en-id'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='en-ie'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='en-is'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='es-es'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='en-my'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='en-nz'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='en-ph'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='en-sg'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='en-za'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='es-xl'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='et-ee'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='fi-fi'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='fr-be'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='fr-ca'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='fr-Fr'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='fr-xf'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='he-il'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='hr-hr'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='hu-hu'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='ko-kr'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='lt-lt'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='lv-lv'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='nb-no'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='nl-be'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='nl-nl'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='pl-pl'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='pt-pt'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='ro-ro'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='ru-ru'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='sl-si'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='sr-latn-rs'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='sv-se'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='th-th'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='tr-tr'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='uk-ua'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='vi-vn'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='zh-hk'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='zh-tw'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist { min-height: 650px; } } @media only screen and (min-width: 768px) and (max-width: 900px) { [lang='fi-fi'] #windowsh22.PenVoiceTouch .toutheading { font-size: 20px; line-height: normal; } } #windowsh22.PenVoiceTouch .retailers .c-link-navigation picture div { text-transform: none; font-weight: 700; max-width: 100%; } #windowsh22.PenVoiceTouch .retailers .c-link-navigation img { border: 1px solid #f9f9f9; box-shadow: 0px 0px 10px #CCCCCC; } #windowsh22.PenVoiceTouch .retailers .c-link-navigation a.f-image p { font-size: 18px; line-height: 24px; font-weight: 600; } #windowsh22.PenVoiceTouch .retailers .c-link-navigation ul li p { display: block; text-align: center; text-decoration: none; } @media screen and (max-width: 767px) { #windowsh22.PenVoiceTouch nav.c-link-navigation li a.c-hyperlink.f-image { text-align: center !important; } [lang='fi-fi'] #windowsh22.PenVoiceTouch #panes-PVT-banner .m-banner h2, [lang='pt-pt'] #windowsh22.PenVoiceTouch #panes-PVT-banner .m-banner h2, [lang='ru-ru'] #windowsh22.PenVoiceTouch #panes-PVT-banner .m-banner h2, [lang='sk-sk'] #windowsh22.PenVoiceTouch #panes-PVT-banner .m-banner h2, [lang='sv-se'] #windowsh22.PenVoiceTouch #panes-PVT-banner .m-banner h2, [lang='tr-tr'] #windowsh22.PenVoiceTouch #panes-PVT-banner .m-banner h2, [lang='uk-ua'] #windowsh22.PenVoiceTouch #panes-PVT-banner .m-banner h2, [lang='hr-hr'] #windowsh22.PenVoiceTouch #panes-PVT-banner .m-banner h2, [lang='hu-hu'] #windowsh22.PenVoiceTouch #panes-PVT-banner .m-banner h2, [lang='lv-lv'] #windowsh22.PenVoiceTouch #panes-PVT-banner .m-banner h2, [lang='nb-no'] #windowsh22.PenVoiceTouch #panes-PVT-banner .m-banner h2, [lang='nl-be'] #windowsh22.PenVoiceTouch #panes-PVT-banner .m-banner h2, [lang='nl-nl'] #windowsh22.PenVoiceTouch #panes-PVT-banner .m-banner h2 { font-size: 28px; line-height: normal; } [lang='el-gr'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1 { font-size: 42px; line-height: normal; } } @media screen and (max-width: 539px) { [lang='fi-fi'] #windowsh22.PenVoiceTouch #retailers .m-banner h2, [lang='el-gr'] #windowsh22.PenVoiceTouch #retailers .m-banner h2, [lang='pt-pt'] #windowsh22.PenVoiceTouch #retailers .m-banner h2, [lang='ru-ru'] #windowsh22.PenVoiceTouch #retailers .m-banner h2, [lang='sk-sk'] #windowsh22.PenVoiceTouch #retailers .m-banner h2, [lang='sv-se'] #windowsh22.PenVoiceTouch #retailers .m-banner h2, [lang='tr-tr'] #windowsh22.PenVoiceTouch #retailers .m-banner h2, [lang='uk-ua'] #windowsh22.PenVoiceTouch #retailers .m-banner h2, [lang='hr-hr'] #windowsh22.PenVoiceTouch #retailers .m-banner h2, [lang='hu-hu'] #windowsh22.PenVoiceTouch #retailers .m-banner h2, [lang='lv-lv'] #windowsh22.PenVoiceTouch #retailers .m-banner h2, [lang='nb-no'] #windowsh22.PenVoiceTouch #retailers .m-banner h2, [lang='nl-be'] #windowsh22.PenVoiceTouch #retailers .m-banner h2, [lang='nl-nl'] #windowsh22.PenVoiceTouch #retailers .m-banner h2 { font-size: 40px; } [lang='fi-fi'] #windowsh22.PenVoiceTouch .panes-PVT-banner .m-banner h2, [lang='el-gr'] #windowsh22.PenVoiceTouch .panes-PVT-banner .m-banner h2, [lang='pt-pt'] #windowsh22.PenVoiceTouch .panes-PVT-banner .m-banner h2, [lang='ru-ru'] #windowsh22.PenVoiceTouch .panes-PVT-banner .m-banner h2, [lang='sk-sk'] #windowsh22.PenVoiceTouch .panes-PVT-banner .m-banner h2, [lang='sv-se'] #windowsh22.PenVoiceTouch .panes-PVT-banner .m-banner h2, [lang='tr-tr'] #windowsh22.PenVoiceTouch .panes-PVT-banner .m-banner h2, [lang='uk-ua'] #windowsh22.PenVoiceTouch .panes-PVT-banner .m-banner h2, [lang='hr-hr'] #windowsh22.PenVoiceTouch .panes-PVT-banner .m-banner h2, [lang='hu-hu'] #windowsh22.PenVoiceTouch .panes-PVT-banner .m-banner h2, [lang='lv-lv'] #windowsh22.PenVoiceTouch .panes-PVT-banner .m-banner h2, [lang='nb-no'] #windowsh22.PenVoiceTouch .panes-PVT-banner .m-banner h2, [lang='nl-be'] #windowsh22.PenVoiceTouch .panes-PVT-banner .m-banner h2, [lang='nl-nl'] #windowsh22.PenVoiceTouch .panes-PVT-banner .m-banner h2 { font-size: 25px; } [lang='fi-fi'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='el-gr'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='pt-pt'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='ru-ru'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='sk-sk'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='sv-se'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='tr-tr'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='uk-ua'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='hr-hr'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='hu-hu'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='lv-lv'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='nb-no'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='nl-be'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='nl-nl'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1 { font-size: 46px; line-height: normal; } [lang='nl-be'] #windowsh22.PenVoiceTouch .featurebox .featurecontent h2, [lang='nl-nl'] #windowsh22.PenVoiceTouch .featurebox .featurecontent h2 { font-size: 28px; line-height: normal; } } @media screen and (max-width: 768px) { #windowsh22.PenVoiceTouch nav .c-link-navigation picture div { text-align: center; } #windowsh22.PenVoiceTouch .retailers nav.c-link-navigation li { width: 250px; display: inline-block; } } @media only screen and (min-width: 320px) and (max-width: 330px) { #windowsh22.PenVoiceTouch nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a { margin-left: 0px; font-size: 12px; } #windowsh22.PenVoiceTouch nav.c-in-page-navigation.f-dropdown .f-dropdown-menu a { font-size: 12px; padding: 5px; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #windowsh22.PenVoiceTouch .common-button.f-sticky li a.blue-button { border: 2px solid transparent !important; } #windowsh22.PenVoiceTouch .m-panes-product-placement-item .c-call-to-action:focus, #windowsh22.PenVoiceTouch .structure-item .c-call-to-action:focus, #windowsh22.PenVoiceTouch .expand-collapse-toggle-area .c-action-trigger:focus { padding-right: 7px; padding-left: 2px; } #windowsh22.PenVoiceTouch .expand-collapse-toggle-area > span { padding: 0 3px; } #windowsh22.PenVoiceTouch #pvt-faq-panel .drawer-panel .c-drawer button:focus { color: Highlight !important; } } /* Pen Voice Touch CSS Ends*/ /*TYD hero css start*/ @media only screen and (max-width: 1083px) { #windowsh22.Transfer-your-data .show-animation.holiday-animated-hero .m-hero-item > div > div { height: fit-content !important; padding: 48px 0; transform: none; top: 0; position: relative; width: 100%; max-width: 100%; } } @media only screen and (max-width: 767px) { #windowsh22.Transfer-your-data .m-hero-item.f-transparent:before { padding-bottom: 60.25%; } } /*TYD hero css ends*/ /* hero item */ .windows-11 #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1 { font-size: 62px; font-weight: 600; line-height: 72px; letter-spacing: 0em; } @media only screen and (max-width: 1083px) { .windows-11 #Heroitem .m-feature.herowithgradientline-blue .featurecontent, .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent { padding-left: 0; margin-left: 0; padding-top: 24px; } } @media only screen and (max-width: 767px) { #windowsh22.windows-11 #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, #windowsh22.windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1 { font-size: 34px; font-weight: 600; line-height: 40px; } } @media only screen and (min-width: 1084px) { #windowsh22.windows #Banner-panel-1 .m-banner { margin-top: 0px !important; } } @media only screen and (min-width: 1084px) and (max-width: 1700px) { .windows-11 #Heroitem .m-feature.herowithgradientline-blue .featurecontent, .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent { top: 0; transform: none; -ms-transform: none; } } @media only screen and (max-width: 539px) { #primaryArea { overflow-x: hidden; } } #default-lightbox.tips-overlay .m-content-placement-item { cursor: default !important; pointer-events: none; } #default-lightbox.tips-overlay .m-content-placement-item .c-group > .c-call-to-action { position: relative; z-index: 1; pointer-events: auto; } @media only screen and (max-width: 1083px) { [dir='rtl'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent { text-align: right !important; padding-left: 0px !important; padding-right: 0px !important; margin-right: 0px !important; padding-bottom: 0px; } } @media only screen and (min-width: 1084px) and (max-width: 1400px) { [lang='bg-bg'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='cs-cz'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='et-ee'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='en-in'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='fi-fi'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='lt-lt'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='it-it'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='nl-be'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='nb-no'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='nl-nl'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='sk-sk'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='uk-ua'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1 { font-size: 48px; line-height: initial; } [lang='hu-hu'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='el-gr'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1 { font-size: 34px; line-height: initial; } [lang='ru-ru'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='sl-si'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='sr-latn-rs'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='tr-tr'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='vi-vn'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='hr-hr'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1 { font-size: 42px; line-height: initial; } } @media only screen and (min-width: 310px) and (max-width: 330px) { #player-container2, #player-container2 #player-container2-oneplayer { min-height: 150px; } } @media only screen and (min-width:630px) and (max-width:650px) { #player-container2, #player-container2 #player-container2-oneplayer { min-height: 180px; } .video-lightbox.c-dialog.f-lightbox .nav-buttons .c-glyph.glyph-cancel { top: 10px; right: 10px; font-size: 20px; width: 20px; height: 20px; } } #static-banner .offer-test .m-banner sup a { color: #FFF; } .getting-started .m-feature.forMobile .c-call-to-action:not(.f-primary):not(.f-secondary):hover span, .getting-started .m-feature.forDefault .c-call-to-action:not(.f-primary):not(.f-secondary):hover span, .getting-started .m-feature.foredge .c-call-to-action:not(.f-primary):not(.f-secondary):hover span, .getting-started .m-feature.forwin11 .c-call-to-action:not(.f-primary):not(.f-secondary):hover span { border-bottom: none; } /* 4k device issues start */ @media only screen and (min-width: 3830px) { #windowsh22.AI-Page .m-hero-item > div > div, #windowsh22.get-windows-11 .m-hero-item > div > div { max-width: 300px !important; } } @media only screen and (min-width: 1770px) { .m-link-navigation.wdg-support-links[data-grid="container"] { max-width: 1600px; } .comprehensive-security .numberlist-structurelist[data-grid="container"], .accessibility-features .numberlist-structurelist[data-grid="container"], #windowsh22.windows-11 .numberlist-structurelist[data-grid="container"], #view-all .numberlist-structurelist[data-grid="container"] { margin-left: auto; margin-right: auto; } } /* 4k device issues ends */ .numberlistpanel .numberlist-structurelist.nonumber .numberlist .c-structured-list a.c-call-to-action.c-glyph span, .numberlistpanel .numberlist-structurelist.nonumber .numberlist .c-structured-list a.c-call-to-action.c-glyph:after { display: inline-block !important; } #windowsh22.PenVoiceTouch [data-vg="LinkNavigation"] nav.c-link-navigation li a.c-hyperlink.f-image:focus div { background: none; } #windowsh22.copilot-ai-features .rounded-corners .c-button.f-primary.blue-button { background: #0078D4 !important; } .copilot-ai-features .c-button.f-primary.blue-button:hover, .copilot-ai-features .c-button.f-primary.blue-button:focus { background: #005da6 !important; } @media only screen and (min-width: 1084px) and (max-width: 1400px) { #windowsh22.AI-Page #ai-hero .m-hero-item > div > div h1 { font-size: 30px; line-height: normal; } #windowsh22.AI-Page #ai-hero .m-hero-item > div > div p { font-size: 15px; line-height: normal; } } #windowsh22.copilot-ai-features #grey-bg p .c-hyperlink.supBLink { color: white; } #windowsh22.copilot-ai-features #grey-bg p svg { fill: white; } #windowsh22.copilot-ai-features #grey-bg a.c-hyperlink.supBLink:focus { outline: 2px dashed #fff !important; } @media only screen and (min-width: 1084px) and (max-width: 1400px) { [lang="sr-latn-rs"] #windowsh22.AI-Page #ai-hero .m-hero-item > div > div h1 { font-size: 28px; line-height: normal; } } #windowsh22.windows #sneakymulti.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper:focus, #windowsh22 a.c-call-to-action:focus, #windowsh22 #experiences.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper:focus { outline: 3px dashed #000 !important; outline-offset: 0; border-color: transparent; } #windowsh22.windows-11 #Win11Featurehero .m-feature.win11-hero .featurecontent { padding-left: 0px; } @media only screen and (max-width: 1083.98px) { #windowsh22.windows-11 #Win11Featurehero .m-feature.win11-hero { width: 100%; padding: 0 !important; } #windowsh22.windows-11 #Win11Featurehero .m-feature.win11-hero .featurecontent { padding-bottom: 40px; margin: 0; } #windowsh22.copilot-ai-features #spring-feature.featurebox { width: 100%; margin-top: 50px; } #windowsh22.copilot-ai-features #spring-feature.featurebox .featurecontent { text-align: left; width: 100%; padding-left: 0px; margin-top: 48px; } #windowsh22.AI-Page.hubmain #ai-Contentplacement_spring > div > .content-touts:nth-child(3n+1) { clear: both; } } #windowsh22.AI-Page.hubmain #ai-Contentplacement_spring > div > .content-touts:nth-child(3n+1) { clear: both; } @media only screen and (min-width: 1400px) { [dir="rtl"] .end-of-support .custom-mosaic .c-mosaic-placement picture img { width: 100%; height: 100%; } } /* copilot start */ #windowsh22.copilot-ai-features #aiBanner-spring, #windowsh22.copilot-ai-features #spring-feature, #windowsh22.copilot-ai-features .spring-cp { background: #FFF5ED; } #windowsh22.copilot-ai-features .spring-cp { float: left; padding-bottom: 120px !important; } @media only screen and (min-width:768px) { } @media only screen and (min-width:1770px) { #windowsh22.copilot-ai-features #spring-feature { width: 100%; max-width: 100%; padding: 0; } #windowsh22.copilot-ai-features #spring-feature .m-feature { max-width: 1600px; margin: 0 auto; min-width: 1600px; float: none; } #windowsh22.copilot-ai-features .spring-cp { width: 100%; max-width: 100%; } #windowsh22.copilot-ai-features .spring-cp .m-content-placement { max-width: 1600px; margin: 0 auto; min-width: 1600px; float: none; } } #windowsh22.copilot-ai-features #spring-feature .m-feature .featurecontent { padding-left: 10px; } #windowsh22.copilot-ai-features .spring-cp #ai-Contentplacement_spring { margin-left: 0; margin-right: 0; } @media only screen and (min-width:1084px) { #windowsh22.copilot-ai-features #spring-feature .m-feature { padding-top: 40px; padding-bottom: 0 !important; margin-bottom: 0 !important; } #windowsh22.AI-Page #ai-Contentplacement_spring [data-grid~="pad-6x"] > [data-grid] { padding-right: 50px; padding-left: 50px; } #windowsh22.AI-Page #ai-Contentplacement_spring [data-grid~="pad-6x"]:nth-child(3n+1) > [data-grid] { padding-left: 10px; } #windowsh22.AI-Page #ai-Contentplacement_spring [data-grid~="pad-6x"]:nth-child(3n+3) > [data-grid] { padding-right: 0; } .windows-11 #easiertouse .m-feature, .windows-11 #performancesecurity .m-feature, .windows-11 #productivity .m-feature, .windows-11 #gaming .m-feature { align-items: center !important; } #windowsh22.copilot-ai-features #aiBanner-spring .m-banner { margin-bottom: 0px !important; padding-bottom: 0; } [lang="sr-latn-rs"] #windowsh22.AI-Page #numberListId .numberlist-structurelist .numberlistbanner, [lang="pl-pl"] #windowsh22.AI-Page #numberListId .numberlist-structurelist .numberlistbanner { min-height: 730px; } } @media only screen and (min-width:1600px) { #windowsh22.AI-Page #ai-Contentplacement_spring [data-grid~="pad-6x"]:nth-child(3n+1) > [data-grid] { padding-left: 10px; } #windowsh22.AI-Page #ai-Contentplacement_spring [data-grid~="pad-6x"]:nth-child(3n+3) > [data-grid] { padding-right: 35px; } #windowsh22.copilot-ai-features .spring-cp #ai-Contentplacement_spring { margin: 0 auto; } } @media only screen and (min-width: 1440px) { [lang="sr-latn-rs"] #windowsh22.AI-Page .numberlistpanel .numberlist-structurelist .numberlist, [lang="pl-pl"] #windowsh22.AI-Page .numberlistpanel .numberlist-structurelist .numberlist { min-height: 800px; } } @media only screen and (max-width: 1083.98px) { #windowsh22.copilot-ai-features #aiBanner-spring .m-banner { margin-bottom: 0px !important; padding-bottom: 48px; } } /* copilot ends*/ /*New FF css Starts*/ #windowsh22.next-gen-ai-pcs #Hero-banner, #windowsh22.windows #Hero-banner { color: #001968; } #windowsh22.next-gen-ai-pcs #Hero-Banner .c-badge, #windowsh22.windows #Hero-Banner .c-badge { text-align: center; font-size: 24px; font-weight: 600; line-height: 30px; height: auto; } #windowsh22.next-gen-ai-pcs #Hero-Banner h1, #windowsh22.windows #Hero-Banner h1 { font-size: 80px; font-weight: 600; line-height: 96px; padding-bottom: 10px; } #windowsh22.next-gen-ai-pcs #performance .m-banner h2, #windowsh22.windows #features .m-banner h2, #windowsh22.next-gen-ai-pcs .multi-carousal-heading h2, #windowsh22.windows .multi-carousal-heading h2, #windowsh22.next-gen-ai-pcs #shop .m-banner h2, #windowsh22.next-gen-ai-pcs #microsoftandai .m-banner h2, #windowsh22.windows #whatsnew .m-banner h2, #windowsh22.windows #performance .m-banner h2 { font-size: 71px; line-height: 84px; } #windowsh22.next-gen-ai-pcs #performance .m-banner h2, #windowsh22.next-gen-ai-pcs #security .m-feature h2, #windowsh22.next-gen-ai-pcs .articletouts .m-content-placement-item h3, #windowsh22.next-gen-ai-pcs #hmc .m-feature h2, #windowsh22.next-gen-ai-pcs #faq1 .m-banner h2, #faq2 .m-banner h2 { font-size: 50px; line-height: 60px; } #windowsh22.next-gen-ai-pcs .articletouts .m-content-placement-item h3{ font-size: 34px; line-height: 40px; } #windowsh22.next-gen-ai-pcs #Hero-Banner .c-button.f-primary.blue-button, #windowsh22.windows #Hero-Banner .c-button.f-primary.blue-button, #windowsh22.windows #performance .c-button.f-primary.blue-button, #windowsh22.windows #performance .c-button.f-primary.blue-button:hover, #windowsh22.windows #performance .c-button.f-primary.blue-button:focus, #windowsh22.next-gen-ai-pcs #Hero-Banner .c-button.f-primary.blue-button:hover, #windowsh22.windows #Hero-Banner .c-button.f-primary.blue-button:hover, #windowsh22.next-gen-ai-pcs #Hero-Banner .c-button.f-primary.blue-button:focus, #windowsh22.windows #Hero-Banner .c-button.f-primary.blue-button:focus, #windowsh22.next-gen-ai-pcs #hmc .c-button.f-primary.blue-button, #windowsh22.next-gen-ai-pcs #hmc .c-button.f-primary.blue-button:hover, #windowsh22.next-gen-ai-pcs #hmc .c-button.f-primary.blue-button:focus, #windowsh22.next-gen-ai-pcs #stickynavnextgenai nav.c-in-page-navigation > ul li > a.blue-button { background: #001968 !important; } #windowsh22.next-gen-ai-pcs #stickynavnextgenai nav.c-in-page-navigation { border-bottom: none; } #windowsh22.windows #performance .c-button.f-primary.blue-button:after { display: none; } #windowsh22.next-gen-ai-pcs #stickynavnextgenai nav.c-in-page-navigation > ul li > a { font-size: 16px; line-height: 24px; margin: 10px; } #windowsh22.next-gen-ai-pcs #stickynavnextgenai nav.c-in-page-navigation > ul li > a.f-active { border-bottom: 4px solid #000; } #windowsh22.next-gen-ai-pcs #npu .m-feature .featurecontent .gradient-divs { border-radius: 12px; /*border: 1px solid #000; background: linear-gradient(221deg, rgba(237, 241, 255, 0.36) 15.06%, #FFF 107.56%);*/ border: 1px solid; border-image-source: linear-gradient(179.92deg, #F5F2FF 0.14%, #F5F2FF 0.15%, #F6F4FF 56.92%, #E4F3FF 110.48%); background: linear-gradient(220.65deg, rgba(237, 241, 255, 0.36) 15.06%, #FFFFFF 107.56%); padding: 12px; } #windowsh22.next-gen-ai-pcs #microsoftandaiContentPlacement > div, #windowsh22.windows #whatsnewContentPlacement > div { margin-bottom: 48px; } #windowsh22.next-gen-ai-pcs #copilot_Contentplacement1 .articletouts .m-content-placement-item picture img, #windowsh22.windows #copilot_Contentplacement1 .articletouts .m-content-placement-item picture img { width: 100%; } #windowsh22.next-gen-ai-pcs #copilot_Contentplacement1 .articletouts .m-content-placement-item > picture, #windowsh22.windows .c-content-placement > picture, #windowsh22.next-gen-ai-pcs #copilot_Contentplacement1 .articletouts .m-content-placement-item > picture, #windowsh22.windows .c-content-placement > picture { overflow: visible; } #windowsh22.next-gen-ai-pcs #copilot_Contentplacement1 .articletouts .m-content-placement-item > div { position: absolute; bottom: 2%; padding: 0 15px; } #windowsh22.windows #copilot_Contentplacement1 .articletouts .m-content-placement-item > div { position: absolute; bottom: 0; padding: 0 15px 8px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.01) 6.65%, rgba(0, 0, 0, 0.60) 40.82%, rgba(0, 0, 0, 0.90) 99.91%); width: 305px; border-radius: 8px; } #windowsh22.windows #copilot_Contentplacement1 .articletouts .m-content-placement-item .toutpara, #windowsh22.windows #copilot_Contentplacement1 .articletouts .m-content-placement-item .touthlabel, #windowsh22.windows #copilot_Contentplacement1 .articletouts .m-content-placement-item .c-call-to-action.c-glyph{ color: #fff; } #windowsh22.windows #copilot_Contentplacement1 .articletouts .m-content-placement-item > div{ background: linear-gradient(180deg, rgba(0, 0, 0, 0.01) 6.65%, rgba(0, 0, 0, 0.60) 40.82%, rgba(0, 0, 0, 0.90) 99.91%); } #windowsh22.next-gen-ai-pcs #copilot_Contentplacement1 .m-content-placement-item, #windowsh22.windows #copilot_Contentplacement1 .m-content-placement-item { position: relative; } #windowsh22.next-gen-ai-pcs #copilot_Contentplacement1 .articletouts .m-content-placement-item > picture img, #windowsh22.next-gen-ai-pcs #copilot_Contentplacement1 .c-content-placement > picture img, #windowsh22.windows #copilot_Contentplacement1 .articletouts .m-content-placement-item > picture img, #windowsh22.windows #copilot_Contentplacement1 .c-content-placement > picture img { position: unset; } @media only screen and (min-width: 1084px) { #windowsh22.next-gen-ai-pcs #npu .m-feature .featurecontent .content-gradient { align-items: flex-start; display: flex; flex-direction: column; justify-content: space-between; min-height: 16em; } #windowsh22.next-gen-ai-pcs #npu .m-feature .featurecontent { align-items: flex-start; display: flex; flex-direction: column; justify-content: space-between; } #windowsh22.next-gen-ai-pcs #npu .m-feature .featurecontent .gradient-divs:not(:first-child) { margin-top: 0px !important; } #windowsh22.next-gen-ai-pcs nav.c-link-navigation ul, #windowsh22.PC-buying-guide .link-retailers .c-link-navigation ul { max-width: 1000px; margin: 0 auto; } } @media only screen and (min-width: 1084px) and (max-width: 1399px) { #windowsh22.next-gen-ai-pcs #npu .m-feature .featurecontent { min-height: 35em !important; } } @media only screen and (min-width: 1400px) { #windowsh22.next-gen-ai-pcs #npu .m-feature .featurecontent { min-height: 45em !important; } } /*Form Factor Drawer component*/ #windowsh22.next-gen-ai-pcs #show-more-faq-Win10 .drawer-panel .spaceforpcls, #windowsh22.next-gen-ai-pcs #show-more-faq-Win8 .drawer-panel .spaceforpcls, #windowsh22.next-gen-ai-pcs #show-more-faq-Win7 .drawer-panel .spaceforpcls { padding-top: 10px; } #windowsh22.next-gen-ai-pcs .drawer-panel p.expand-collapse-toggle-area, #windowsh22.PC-buying-guide .drawer-panel p.expand-collapse-toggle-area { margin-bottom: 24px; } #windowsh22.next-gen-ai-pcs .c-drawer > button, #windowsh22.PC-buying-guide .c-drawer > button { font-weight: 600; font-size: 20px; line-height: 24px; } #windowsh22.next-gen-ai-pcs .c-drawer > button, #windowsh22.PC-buying-guide .c-drawer > button { background: #F7F7F7; border-radius: 8px; } #windowsh22.next-gen-ai-pcs .c-drawer > button::before, .laptops-for-students .c-drawer > button::before, #windowsh22.PC-buying-guide .c-drawer > button::before { font-size: 13px !important; line-height: 16px !important; color: #0078D7; } #windowsh22.next-gen-ai-pcs .drawer-panel .c-drawer .c-drawer-panel p.c-paragraph-3, #windowsh22.next-gen-ai-pcs .c-drawer .c-drawer-panel .c-list li, #windowsh22.PC-buying-guide .drawer-panel .c-drawer .c-drawer-panel p.c-paragraph-3, #windowsh22.PC-buying-guide .c-drawer .c-drawer-panel .c-list li { font-size: 18px; line-height: 24px; font-weight: 400; } #windowsh22.next-gen-ai-pcs .drawer-panel p.expand-collapse-toggle-area, #windowsh22.next-gen-ai-pcs .drawer-panel p.expand-collapse-toggle-area { margin-bottom: 24px; } /* New FF page performance benifits section start */ #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits, #windowsh22.windows .c-section-common.performance-benifits { margin: 0; } #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-banner, #windowsh22.windows .c-section-common.performance-benifits .m-banner { padding: 48px 5% 68px; } #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-banner .c-heading-3, #windowsh22.windows .c-section-common.performance-benifits .m-banner .c-heading-3 { font-size: 62px; line-height: 72px; padding: 0; } #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-banner .c-caption-2, #windowsh22.windows .c-section-common.performance-benifits .m-banner .c-caption-2 { font-size: 18px; line-height: 24px; padding: 32px 0 0; color: #464646; } #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-content-placement-item, #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item { background: #F9F9F9; border-radius: 8px; position: relative; padding: 40px !important; min-height: 290px; margin: 0; } #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-content-placement-item, #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item { height: 100%; } #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-content-placement-item:hover, #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item:hover { cursor: default; } #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-content-placement-item.shop-specs { padding: 24px 32px 30px !important; border-radius: 8px; min-height: initial; position: relative; border: 1px solid #FDE8E7; background: linear-gradient(180deg, #FEE6CE -60%, #FFFFFF 100%, #E7F4FC 0%); } #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs { padding: 24px 32px 30px !important; border-radius: 8px; min-height: initial; position: relative; background: linear-gradient(180deg, #DFEBFF 20%, #FCF5F500 130%); } #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-content-placement-item.shop-specs a.m-toggle-arrow, #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs a.m-toggle-arrow { width: 20px; height: 20px; border-top: 0; border-right: 0; position: absolute; right: 20px; top: 38px; cursor: pointer; display: none; padding: 3px; z-index: 1; text-align: center; } #windowsh22.next-gen-ai-pcs .performance-benifits .m-content-placement-item.shop-specs a.m-toggle-arrow:before, #windowsh22.windows .performance-benifits .m-content-placement-item.shop-specs a.m-toggle-arrow:before { font-family: "MWF-MDL2"; content: "\E70D"; color: #0067b8; } #windowsh22.next-gen-ai-pcs .performance-benifits .m-content-placement-item.shop-specs a.m-toggle-arrow.down:before, #windowsh22.windows .performance-benifits .m-content-placement-item.shop-specs a.m-toggle-arrow.down:before { font-family: "MWF-MDL2"; content: "\E70E"; color: #0067b8; } #windowsh22.next-gen-ai-pcs .performance-benifits .m-area-heading, #windowsh22.windows .performance-benifits .m-area-heading { padding-top: 0; margin: 44px 12px 0; width: calc(100% - 24px); } #windowsh22.next-gen-ai-pcs .performance-benifits .m-area-heading .c-heading, #windowsh22.windows .performance-benifits .m-area-heading .c-heading { padding: 44px 0; /*border-top: 1px solid #d9d9d9;*/ text-align: left; line-height: 28px; font-size: 24px; } #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-content-placement, #windowsh22.windows .c-section-common.performance-benifits .m-content-placement { margin: 0; } #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits #noresults, #windowsh22.windows .c-section-common.performance-benifits #noresults { min-height: 300px; display: flex; align-items: center; padding: 0 15%; } #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-content-placement > div, #windowsh22.windows .c-section-common.performance-benifits .m-content-placement > div { display: flex; justify-content: center; flex-wrap: wrap; } #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-content-placement > div, #windowsh22.windows .c-section-common.performance-benifits .m-content-placement > div { justify-content: left; } #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-content-placement > div > div, #windowsh22.windows .c-section-common.performance-benifits .m-content-placement > div > div { text-align: left; margin: 12px 0; } #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-content-placement > div > div > div, #windowsh22.windows .c-section-common.performance-benifits .m-content-placement > div > div > div { height: 100%; } #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs, #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-content-placement-item.shop-specs { display: flex; flex-direction: row; align-items: center; } #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs { display: block; padding: 40px 32px 24px !important; border-radius: 0 !important; background: #E8F4FA !important; border: none !important; } #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-content-placement-item.shop-specs > div, #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs > div { padding-top: 0; } #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-content-placement-item.shop-specs > .m-left-item, #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs > .m-left-item { min-width: 140px; padding-right: 32px; display: flex; flex-direction: row; justify-content: start; align-items: center; } #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-content-placement-item.shop-specs > .m-left-item, #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs > .m-left-item { min-width: 180px; } #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-content-placement-item picture, #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item picture { padding: 0; margin-bottom: 0px; } #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-content-placement-item picture img, #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item picture img { position: relative; } #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-content-placement-item picture + div .c-badge, #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item picture + div .c-badge, #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-content-placement-item picture + div .c-call-to-action, #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item picture + div .c-call-to-action { display: none; } #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-content-placement-item picture + div h3, #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item picture + div h3 { margin: 0; font-size: 18px; line-height: 24px; padding: 0 0 16px; color: #646464; } #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-content-placement-item.shop-specs h3, #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs h3 { font-size: 71px; line-height: 84px; /*padding: 0 0 32px;*/ padding-bottom: 6px; margin: 0; } #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs h3.c-heading { color: #171717; } #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item picture { margin-right: 5%; } #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs .card-icon-heading-in-a-row { display: flex; align-items: center; justify-content: space-between; flex-direction: row; position: relative; padding-bottom: 40px; } #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs .card-icon-heading-in-a-row picture.c-image { position: absolute; } #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs .card-icon-heading-in-a-row h4.c-heading { padding-left: 72px; margin-top: 0; } #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs .card-description .c-group { padding-top: 16px; padding-left: 0; margin-left: -2px; } /*#windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-content-placement-item h3, #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item h3 { font-size: 18px; line-height: 24px; color: #0078D7; padding: 0 0 32px; margin: 0; }*/ #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-content-placement-item picture + div p, #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item picture + div p, #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-content-placement-item.shop-specs .m-right-item p, #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs .m-right-item p { font-size: 14px; line-height: 20px; padding: 0; font-weight: 400; } #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-content-placement-item.shop-specs .m-right-item p { padding: 10px 0 0; } #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-content-placement-item picture + div p span, #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item picture + div p span, #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-content-placement-item.shop-specs .m-right-item h3, #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs .m-right-item h3 { font-size: 21px; line-height: 26px; font-weight: 600; display: block; padding: 0 0 8px; margin: 0; } #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs .m-right-item .c-group a.c-call-to-action { padding-left: 0; } #windowsh22.next-gen-ai-pcs .performance-benifits .m-content-placement-item picture, #windowsh22.windows .performance-benifits .m-content-placement-item picture { width: 48px; margin-bottom: 0; } #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs .card-description p.c-paragraph { font-size: 14px; font-weight: 400; line-height: 20px; } #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs .card-description a.c-call-t-action { color: #001968; font-size: 16px; line-height: 24px; } @media only screen and (max-width: 830.98px) { #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs .m-right-item h3 { font-size: 18px !important; } } @media only screen and (min-width: 768px) and (max-width: 830.98px) { #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs > .m-left-item { padding-right: 8px; } #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs h3.c-heading { padding-top: 8px; } } @media only screen and (min-width: 319.98px) { #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-content-placement-item.shop-specs > .m-left-item, #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs > .m-left-item { min-width: auto; } } @media only screen and (min-width: 768px) and (max-width: 1083.98px) { #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-content-placement-item, #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item { float: none; } } @media only screen and (min-width: 768px) { #windowsh22.next-gen-ai-pcs #microsoftandaiContentPlacement > div, #windowsh22.windows #whatsnewContentPlacement > div { display: flex; align-items: center; } } @media only screen and (min-width: 1084px) { #windowsh22.next-gen-ai-pcs #npu .m-feature.f-align-left > div { padding-left: 5%; padding-right: 10%; } } @media only screen and (max-width: 1083.98px) { #windowsh22.next-gen-ai-pcs .verticalgrdient { width: 100%; } #windowsh22.next-gen-ai-pcs #npu .m-feature .featurecontent .verticalgrdient, #windowsh22.next-gen-ai-pcs .fit-content .c-group, #windowsh22.next-gen-ai-pcs #npu .m-feature .featurecontent .featureHeadingPara { text-align: center !important; } #windowsh22.next-gen-ai-pcs #security .m-feature .featureHeadingPara h2, #windowsh22.next-gen-ai-pcs #hmc .m-feature .featureHeadingPara h2 { padding-top: 20px } } #windowsh22.next-gen-ai-pcs #hmc { padding-top: 40px; } @media only screen and (max-width: 768px) { #windowsh22.next-gen-ai-pcs #npu .m-feature.f-align-left > div { text-align: center !important; } #windowsh22.next-gen-ai-pcs #npu .m-feature.f-align-left > div { text-align: center !important; } #windowsh22.next-gen-ai-pcs #npu .m-feature .featurecontent .gradient-divs { text-align: center; } #windowsh22.next-gen-ai-pcs #security .m-feature.f-align-right > div { width: 100%; padding-top: 28px; } #windowsh22.next-gen-ai-pcs #hmc .m-feature.f-align-left > div { width: 100%; padding-top: 28px; } } #windowsh22.next-gen-ai-pcs #microsoftandaiContentPlacement, #windowsh22.windows #whatsnewContentPlacement { width: 100%; float: left; } #windowsh22.next-gen-ai-pcs .m-feature.f-align-right > div, #windowsh22.next-gen-ai-pcs .m-feature.f-align-left > div { text-align: center !important; } #windowsh22.next-gen-ai-pcs #microsoftandai, #windowsh22.next-gen-ai-pcs .microsoftAi, #windowsh22.windows #whatsnew, #windowsh22.windows .whatsnewgrid { max-width: 100%; padding-left: 5%; padding-right: 5%; background: linear-gradient(180deg, #FFF0E5 100%,#EDF6FC 0% ); } #windowsh22.next-gen-ai-pcs .microsoftAi, #windowsh22.windows .whatsnewgrid { background: linear-gradient(180deg, #FFF0E5 0%, #EDF6FC 47.09%, #FFFFFF 100%); width: 100%; float: left; } #windowsh22.next-gen-ai-pcs #Hero-Banner, #windowsh22.next-gen-ai-pcs .Heroimage { max-width: 100%; padding-left: 5%; padding-right: 5%; /*background: linear-gradient(0deg, #FEFBFA, #F3D5C9);*/ background: linear-gradient(181.07deg, #EAB28D -19.43%, rgba(237, 193, 191, 0.2) 60.79%); } #windowsh22.next-gen-ai-pcs .Heroimage { background: linear-gradient( rgba(237, 193, 191, 0.2) 33.79%, #FFFFFF 66.6%); width: 100%; float: left; } #windowsh22.next-gen-ai-pcs #microsoftandaiContentPlacement .m-content-placement-item > picture, #windowsh22.windows #whatsnewContentPlacement .m-content-placement-item > picture { padding-bottom: 0; } #windowsh22.next-gen-ai-pcs #microsoftandaiContentPlacement .m-content-placement-item > picture img, #windowsh22.windows #whatsnewContentPlacement .m-content-placement-item > picture img { position: relative; } #windowsh22.next-gen-ai-pcs .m-banner .c-paragraph-2 { font-size: 18px; font-weight: 400; line-height: 26px; } #windowsh22.next-gen-ai-pcs #device-section section.m-content-placement-item.f-size-medium { box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 8px; position: relative; } #windowsh22.next-gen-ai-pcs #device-section section.m-content-placement-item.f-size-medium picture { padding: 60px 5% 0; } #windowsh22.next-gen-ai-pcs #device-section section.m-content-placement-item.f-size-medium picture img { position: relative; } #windowsh22.next-gen-ai-pcs #device-section section.m-content-placement-item.f-size-medium > div { padding-left: 5%; padding-right: 5%; padding-bottom: 5%; } #windowsh22.next-gen-ai-pcs .c-badge.f-small.f-highlight { width: calc(100%); background: radial-gradient(480.94% 2623.8% at -320% -450%, #0F0A2F 0%, #3B415E 46.09%, #727095 60.09%, #C98282 71.38%, #FFA673 77.67%, #FFD6AA 85.43%); text-align: center; padding: 5px; font-size: 20px; font-style: normal; font-weight: 700; line-height: 24px; color: #171717; border-radius: 8px 8px 0 0; position: absolute; top: -12px; height: 34px; left: 0; } #windowsh22.next-gen-ai-pcs #npu .m-feature.f-align-left > div { text-align: left !important; } #windowsh22.next-gen-ai-pcs #Hero-Image picture.c-image img { border-radius: 15px; } #windowsh22.next-gen-ai-pcs .StoryCarousal .Storycarousal-placement .c-carousel .c-flipper { background: #fff; border: 2px solid rgb(102, 102, 102); box-shadow: rgb(84, 64, 241) -1px 0px !important; } @media only screen and (min-width: 1084px) { #windowsh22.next-gen-ai-pcs .Storycarousal-placement .progressbar-wrapper-desktop { display: block; } .Storycarousal-placement .progressbar-wrapper-mobile { display: none; } } #windowsh22.next-gen-ai-pcs #stickynavnextgenai nav.c-in-page-navigation:not(.f-sticky) { padding-left: 0; /*border-bottom: 1px solid rgba(0,0,0,.2);*/ } #windowsh22.next-gen-ai-pcs #stickynavnextgenai nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a { margin-left: 8px; width: calc(100% - 8px); } #windowsh22.next-gen-ai-pcs #stickynavnextgenai nav.c-in-page-navigation > ul li > a, #windowsh22.next-gen-ai-pcs #stickynavnextgenai nav.c-in-page-navigation a { font-weight: 700; font-size: 20px; line-height: 24px; } #windowsh22.next-gen-ai-pcs .gradient-text-hero { background: linear-gradient(to right, #181583 0%, #535376 65.00%, #B56F7E 83.38%); background-clip: text; color: transparent; } @media only screen and (min-width: 1365px) { #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits [data-grid=container], #windowsh22.windows .c-section-common.performance-benifits [data-grid=container] { max-width: 1400px; } } /*Multi carousel*/ /*New FF page story carousel section starts*/ .multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper { Display: inline; } .multi-carousal .multi-carousal-heading [class^="c-heading-"]:after { display: none; } .multi-carousal .multi-carousal-heading h2 { display: inline; } .multi-carousal .multi-carousal-heading > span { position: relative; top: -24px; } .multi-carousal .multi-carousal-heading > span sup a { font-size: 16px; } .multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper { position: initial !important; top: 98% !important; background: #fff; border: 2px solid #d3cefb; box-shadow: rgb(84, 64, 241) -2px 0px !important; } .multi-carousal .multi-carousal .c-flipper:focus { outline: 2px solid #000000 !important; } .multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#next { margin-left: 30px; } .multi-carousal .multi-carousal-heading { padding: 0 6%; } .multi-carousal .multi-carousal-heading .c-heading-3 { font-size: 71px; line-height: 84px; } .multi-carousal .multi-carousal-heading .c-subheading { font-size: 16px; line-height: 24px; padding: 20px 0; } .multi-carousal .multi-carousal-placement .story-content { padding: 80px 10px 10px; position: absolute; bottom: 120px; color: #FFF; background: linear-gradient(180deg, rgba(0, 0, 0, 0.01) 6.65%, rgba(0, 0, 0, 0.60) 40.82%, rgba(0, 0, 0, 0.90) 99.91%); width: 404px; } #windowsh22.next-gen-ai-pcs .multi-carousal .multi-carousal-placement .story-content { background: transparent; color: #000; } .multi-carousal { display: flex; align-items: center; padding: 70px 0 50px; /*background: linear-gradient(179.92deg, #E2E7F4 0.07%, #F5F6FC 70.75%, #FFFFFF 93.77%);*/ } #windowsh22.windows .multi-carousal { display: flex; align-items: center; /*padding: 70px 0 50px;*/ /*background: linear-gradient(179.92deg, #E2E7F4 0.07%, #F5F6FC 70.75%, #FFFFFF 93.77%);*/ } #windowsh22.next-gen-ai-pcs .multi-carousal { background: linear-gradient(179.92deg, #E2E7F4 0.07%, #F5F6FC 70.75%, #FFFFFF 93.77%); } .multi-carousal .multi-carousal-placement .story-content .c-paragraph, .multi-carousal .multi-carousal-placement .story-content .c-paragraph { font-size: 16px; color: #FFF; padding-top: 6px; } #windowsh22.next-gen-ai-pcs .multi-carousal .multi-carousal-placement .story-content .c-paragraph, #windowsh22.next-gen-ai-pcs .multi-carousal .multi-carousal-placement .story-content .c-paragraph { color: #000; } .multi-carousal .multi-carousal-placement .story-content .c-heading { font-size: 34px; line-height: 30px; padding: 10px 0; color: #FFF; } #windowsh22.next-gen-ai-pcs .multi-carousal .multi-carousal-placement .story-content .c-heading { color: #000; } .multi-carousal .multi-carousal-placement .card_allign_up { position: relative; top: 60px; } .sneaky-multi-carousal.multi-carousal .progress-bars .c-progress.active { background: #0736C3; } .sneaky-multi-carousal.multi-carousal .progress-bars .c-progress { background: #757575; } .multi-carousal .progress-bars .c-progress.active { background-color: #171717; height: 6px; } .multi-carousal .progress-bars .c-progress { width: 33.3333%; height: 2px; background: #757575; border-radius: 6px; } .multi-carousal .progress-bars { display: flex; justify-content: space-evenly; column-gap: 10px; align-items: center; } .multi-carousal .multi-carousal-div { display: flex; flex-direction: column; } .multi-carousal .multi-carousal-div .c-call-to-action:not(.f-primary):not(.f-secondary) { padding-left: 0 !important; position: relative; border: 2px solid transparent; outline: 1px solid transparent; outline-offset: -3px; margin-left: 0; color: #FFF !important; background: transparent !important; transition: none; } #windowsh22.next-gen-ai-pcs .multi-carousal .multi-carousal-div .c-call-to-action:not(.f-primary):not(.f-secondary) { color: #0067b8 !important; } .multi-carousal .multi-carousal-wrapper { position: relative; margin: 0 auto; display: flex; flex-direction: column-reverse; } .multi-carousal .multi-carousal-div { overflow: hidden; position: relative; } .multi-carousal #carousalDiv { width: 10000px; position: relative; top: 0; } .multi-carousal .multi-carousal-div .carousal-slide { cursor: default; float: left; position: relative; } .multi-carousal #prev, .multi-carousal #next { cursor: pointer; position: absolute; bottom: -40px; font-size: 14pt; } .multi-carousal .multi-carousal-wrapper .c-flipper#prev { left: 0 } .multi-carousal .multi-carousal-wrapper .c-flipper#next { right: 0 } #windowsh22.next-gen-ai-pcs .transition, .transition { transition: .5s; } .multi-carousal .multi-carousal-wrapper .multi-carousal-div .m-product-placement-item picture, .multi-carousal .multi-carousal-wrapper .multi-carousal-div .m-product-placement-item picture .c-image { border-radius: 8px; } .multi-carousal .multi-carousal-wrapper .multi-carousal-div .m-product-placement-item { padding-bottom: 120px; } #windowsh22.next-gen-ai-pcs a.c-call-to-action, #windowsh22.windows a.c-call-to-action { font-size: 15px; padding: 10px 20px 10px 0; font-weight: 600; max-width: 100%; display: inline-block; overflow: hidden; transition: all 10ms ease-in-out; box-shadow: 0 4px 8px 0 transparent; white-space: nowrap; text-align: center; text-decoration: none; line-height: 1.3; letter-spacing: 0; border: 2px solid transparent; border-radius: 6px; } #windowsh22.next-gen-ai-pcs .CTAdiv a.c-call-to-action { padding: 10px 20px; } #windowsh22.windows a.c-call-to-action { color: #0067b8; font-size: 16px !important; } #windowsh22.next-gen-ai-pcs #device-section .articletouts .m-content-placement-item .c-group a.c-call-to-action { padding: 8px 15px 8px 16px !important; background: #001968 !important; color: #fff; border-radius: 0 !important; margin: 10px 5px; } #windowsh22.next-gen-ai-pcs .banner-button a.c-call-to-action:not(.glyph-play):after { margin-top: 1px; } #windowsh22.next-gen-ai-pcs #Hero-Image { padding-bottom: 5px; } #windowsh22.next-gen-ai-pcs #Hero-Banner .m-banner { padding-top: 48px !important; } #windowsh22.next-gen-ai-pcs #microsoftandai .m-banner h2, #windowsh22.windows #whatsnew .m-banner h2 { padding-top: 0 !important; } #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-content-placement, #windowsh22.windows .c-section-common.performance-benifits .m-content-placement { padding-left: 10%; padding-right: 10%; } #windowsh22.next-gen-ai-pcs #device-section .articletouts .m-content-placement-item.f-size-medium:hover img { opacity: 1; } @media screen and (max-width: 1083.98px) { .multi-carousal { display: flex; flex-direction: column; padding-bottom: 80px; } .multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#prev { left: 5% !important; } .multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#next { left: 15% !important; } #windowsh22.next-gen-ai-pcs #security, #windowsh22.next-gen-ai-pcs #hmc { width: 100% } #windowsh22.next-gen-ai-pcs #hmc .featurecontent p { margin-bottom: 0px !important; } .multi-carousal .multi-carousal-wrapper .progressbar-wrapper { padding: 0 5%; } .multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper { top: 108% !important; visibility: initial !important; } .multi-carousal [data-grid*="col-"] { width: 100%; } .multi-carousal .multi-carousal-heading { text-align: center; } #windowsh22.next-gen-ai-pcs #hmc .m-feature > div .c-group { padding-bottom: 15px; } #windowsh22.next-gen-ai-pcs #performance, #windowsh22.next-gen-ai-pcs #npu, #windowsh22.next-gen-ai-pcs #security, #windowsh22.next-gen-ai-pcs #hmc, #windowsh22.next-gen-ai-pcs #faq1, #windowsh22.next-gen-ai-pcs #faq2, #windowsh22.next-gen-ai-pcs #shop, #windowsh22.next-gen-ai-pcs #microsoftandai, #windowsh22.windows #whatsnew, #windowsh22.next-gen-ai-pcs #experiences, #windowsh22.next-gen-ai-pcs #retailers, #windowsh22.windows .multi-carousal { padding-top: 50px !important; margin-top: 0 !important; clear: both; } #windowsh22.windows #whatsnew .m-banner { margin-top: 0 !important; } #windowsh22.windows #performance .m-banner { padding-top: 0 !important } #windowsh22.next-gen-ai-pcs .m-banner { padding-top: 0 !important; } #windowsh22.next-gen-ai-pcs #security .m-feature h2, #windowsh22.next-gen-ai-pcs #hmc .m-feature h2 { padding-top: 37px; } #experiences.multi-carousal .multi-carousal-wrapper .multi-carousal-div .m-product-placement-item picture, #experiences.multi-carousal .multi-carousal-wrapper .multi-carousal-div .m-product-placement-item picture .c-image { width: 280px; height: 380px; } .multi-carousal .multi-carousal-div .carousal-slide { width: 326px; } .multi-carousal #carousalDiv { transform: translateX(0); padding-left: 5%; } } @media screen and (max-width: 767.98px) { .multi-carousal { display: flex; flex-direction: column; } #windowsh22.next-gen-ai-pcs .retailers .c-link-navigation img { width: 64px; } .multi-carousal .multi-carousal-heading .c-heading-3 { font-size: 34px; line-height: 40px; } .multi-carousal .multi-carousal-heading > span { position: relative; top: -10px; } .multi-carousal .multi-carousal-heading > span sup a { font-size: 10px; } .multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#prev { left: 5% !important; } .multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#next { left: 20% !important; } } #windowsh22.next-gen-ai-pcs #stickynavnextgenai nav.c-in-page-navigation > ul li > a.blue-button, #windowsh22.next-gen-ai-pcs #stickynavnextgenai .c-button.f-primary.blue-button { background: #001968 !important; } #windowsh22.next-gen-ai-pcs #stickynavnextgenai nav.c-in-page-navigation > ul li > a.blue-button:hover, #windowsh22.next-gen-ai-pcs #stickynavnextgenai .c-button.f-primary.blue-button:hover, #windowsh22.next-gen-ai-pcs #stickynavnextgenai nav.c-in-page-navigation > ul li > a.blue-button:focus, #windowsh22.next-gen-ai-pcs #stickynavnextgenai .c-button.f-primary.blue-button:focus { background: #005da6 !important; } /*New FF page story carousel section ends*/ @media only screen and (max-width: 767px) { #windowsh22.next-gen-ai-pcs #microsoftandai .m-banner, #windowsh22.windows #whatsnew .m-banner, .articletouts .m-content-placement-item { width: 100%; } #windowsh22.windows #Hero-Banner h1, #windowsh22.next-gen-ai-pcs #Hero-Banner h1 { font-size: 40px; font-weight: 600; line-height: 50px; } #windowsh22.next-gen-ai-pcs #performance .m-banner h2, .multi-carousal .multi-carousal-heading h2, #windowsh22.next-gen-ai-pcs #shop .m-banner h2, #windowsh22.next-gen-ai-pcs #microsoftandai .m-banner h2 { font-Size: 40px; line-height: 50px; } #windowsh22.next-gen-ai-pcs #performance .m-banner h2, #windowsh22.windows #performance .m-banner h2, #windowsh22.windows #whatsnew .m-banner h2, #windowsh22.windows #experiences.multi-carousal .multi-carousal-heading h2, #windowsh22.next-gen-ai-pcs #security .m-feature h2, .articletouts .m-content-placement-item h3, #windowsh22.next-gen-ai-pcs #hmc .m-feature h2, #windowsh22.next-gen-ai-pcs #faq1 .m-banner h2, #windowsh22.next-gen-ai-pcs #faq2 .m-banner h2 { font-Size: 34px; line-height: 44px; } } @media only screen and (min-width: 1084px) and (max-width: 1248.98px) { #sneakymulti.multi-carousal .multi-carousal-wrapper .multi-carousal-div .m-product-placement-item picture .c-image { height: 480px; } } @media only screen and (min-width: 1249px) and (max-width: 1365.98px) { #sneakymulti.multi-carousal .multi-carousal-wrapper .multi-carousal-div .m-product-placement-item picture .c-image { height: 520px; } } @media only screen and (min-width: 1366px) and (max-width: 1497.98px) { #sneakymulti.multi-carousal .multi-carousal-wrapper .multi-carousal-div .m-product-placement-item picture .c-image { height: 560px; } } @media only screen and (min-width: 1498px) and (max-width: 1701.98px) { #sneakymulti.multi-carousal .multi-carousal-wrapper .multi-carousal-div .m-product-placement-item picture .c-image { height: 620px; } } @media only screen and (min-width: 1702px) and (max-width: 1919.98px) { #sneakymulti.multi-carousal .multi-carousal-wrapper .multi-carousal-div .m-product-placement-item picture .c-image { height: 660px; } } @media screen and (min-width: 1920px) { #sneakymulti.multi-carousal .multi-carousal-wrapper .multi-carousal-div .m-product-placement-item picture .c-image { height: 680px; } } @media screen and (min-width: 1084px) { #windowsh22.next-gen-ai-pcs #performance, #windowsh22.windows #performance, #windowsh22.next-gen-ai-pcs #npu, #windowsh22.next-gen-ai-pcs #hmc, #windowsh22.next-gen-ai-pcs #faq1, #windowsh22.next-gen-ai-pcs #faq2, #windowsh22.next-gen-ai-pcs #shop, #windowsh22.next-gen-ai-pcs #microsoftandai, #windowsh22.windows #whatsnew, #windowsh22.next-gen-ai-pcs #experiences, #windowsh22.next-gen-ai-pcs #retailers { padding-top: 60px !important; margin-top: 0 !important; clear:both; } #windowsh22.next-gen-ai-pcs #security { padding-top: 80px !important; margin-top: 0px !important; } #windowsh22.next-gen-ai-pcs .m-banner { padding-top: 0 !important; } #windowsh22.next-gen-ai-pcs .m-feature { margin-top: 0 !important; } .multi-carousal .multi-carousal-wrapper .multi-carousal-div .m-product-placement-item picture, .multi-carousal .multi-carousal-wrapper .multi-carousal-div .m-product-placement-item picture .c-image { width: 404px; height: 546px; } .multi-carousal .multi-carousal-div .carousal-slide { width: 450px; } .multi-carousal #carousalDiv { transform: translateX(0px); } .multi-carousal .multi-carousal-wrapper .progressbar-wrapper { padding-right: 0; position: absolute; left: -35%; width: calc(100% + 25%); } } #windowsh22.next-gen-ai-pcs #static-banner3 .offer-test .m-banner a.c-hyperlink { color: #000000; } @media screen and (min-width: 1920px) { #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits [data-grid=container] { max-width: auto; } } #windowsh22.next-gen-ai-pcs nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a:after { right: 30px !important; padding: 0; } #windowsh22.next-gen-ai-pcs .m-feature.f-align-right > div { padding-left: 5%; } #windowsh22.next-gen-ai-pcs .banner-button { margin-left: -13px; padding-top: 10px; } #windowsh22.next-gen-ai-pcs .banner-button a.c-call-to-action { padding: 7px 30px; line-height: 20px; border-radius: 6px; font-weight: 700; } #windowsh22.next-gen-ai-pcs #performance .m-banner h2, #windowsh22.windows #performance .m-banner h2, #windowsh22.next-gen-ai-pcs #shop .m-banner h2 { padding-top: 10px !important } .articletouts .m-content-placement-item p { padding-bottom: 15px; } @media screen and (max-width: 767px) { #windowsh22.next-gen-ai-pcs #security .m-feature { padding-top: 10px } } #windowsh22.next-gen-ai-pcs #experiences{ background: #E2E7F4; } #windowsh22.windows #experiences{ background: #FFEEDE; } #windowsh22.next-gen-ai-pcs #copilot_Contentplacement1 { background: linear-gradient(179.92deg, #E2E7F4 0.07%, #F5F6FC 70.75%, #FFFFFF 93.77%); } #windowsh22.windows #copilot_Contentplacement1 { background: linear-gradient(179.92deg, #FFEEDE 0.07%, #F5F6FC 70.75%, #FFFFFF 93.77%); } /*New FF css ends*/ @media only screen and (max-width: 1083.98px) { .end-of-support #win-10-panes-3up .m-panes-product-placement-item .c-call-to-action, .end-of-support #win-10-panes-3up .m-panes .m-panes-product-placement-item p.c-paragraph, .end-of-support #win-10-panes-3up .m-panes-product-placement-item h3.c-heading { height: fit-content !important; } } @media only screen and (min-width: 1640px) { [dir=rtl] #windowsh22 .common-button.f-sticky ul li:last-child, [dir=rtl] #windowsh22.windows-11 .win10-nav.f-sticky ul li:last-child, [dir=rtl] .accessibility-features .common-button.f-sticky ul li:last-child, [dir=rtl] .windows-11-specifications .common-button.f-sticky ul li:last-child { margin-left: 8%; padding-left: 64px; } } #compare-devices.comapre-devicesMainClass .m-highlight-feature.compareHeroimage { z-index: 9 !important; } .hubmain nav.c-in-page-navigation > ul li > a { text-decoration: none; } .custom-small-feature .img_style picture.c-image img { min-height: auto; } #view-all .m-highlight-feature > div .c-group a.c-call-to-action { text-decoration: none; } #windowsh22.next-gen-ai-pcs #static-banner3.gradient .offer-test { background: radial-gradient(480.94% 2623.8% at -320% -450%, #0F0A2F 0%, #3B415E 46.09%, #727095 60.09%, #C98282 71.38%, #FFA673 77.67%, #FFD6AA 85.43%); padding: 5px 5px 0; } #windowsh22.next-gen-ai-pcs .m-content-placement-item[data-js-href]:hover picture img, .c-content-placement[data-js-href]:hover picture img { opacity: 1; } #windowsh22.next-gen-ai-pcs #static-banner3 .offer-test .m-banner { max-width: initial; } @media only screen and (min-width: 1084px) and (max-width: 1640px) { #windowsh22.next-gen-ai-pcs #stickynavnextgenai nav.c-in-page-navigation > ul li { padding-right: 20px; } } @media screen and (max-width: 1499.98px) { #windowsh22.next-gen-ai-pcs #stickynavnextgenai nav.c-in-page-navigation a { width: 100%; margin-left: 0; } } @media only screen and (min-width: 1084px) { [dir="rtl"] .windows-11 #Heroitem .m-feature.f-align-left.f-image-priority > div { width: 35% !important; } [lang="bg-bg"] #windowsh22.windows-11 #Heroitem .m-feature h1, [lang="de-at"] #windowsh22.windows-11 #Heroitem .m-feature h1, [lang="de-ch"] #windowsh22.windows-11 #Heroitem .m-feature h1, [lang="de-de"] #windowsh22.windows-11 #Heroitem .m-feature h1, [lang="pt-pt"] #windowsh22.windows-11 #Heroitem .m-feature h1, [lang="fi-fi"] #windowsh22.windows-11 #Heroitem .m-feature h1, [lang="lt-lt"] #windowsh22.windows-11 #Heroitem .m-feature h1 { font-size: 46px; } } @media only screen and (max-width: 1083.98px) { [dir="rtl"] .windows-11 #Heroitem .m-feature.f-align-left.f-image-priority > div { margin-right: 0px; padding-right: 0px; } .windows-11 #Heroitem .m-feature { padding-left: 0px; padding-right: 0px; } #windowsh22.windows-11 [data-vg="HorizontalLine"] { padding-left: 5%; padding-right: 5%; margin-top: 0px !important; padding-top: 0px !important; } #windowsh22.windows-11 #easiertouse .featurecontent.fit-content, #windowsh22.windows-11 #productivity .featurecontent.fit-content, #windowsh22.windows-11 #performancesecurity .featurecontent.fit-content { padding-bottom: 0px; } } @media only screen and (min-width: 1084px) and (max-width: 1300px) { [lang='fr-ca'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='ro-ro'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1 { font-size: 58px !important; } [lang='pl-pl'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1 { font-size: 54px; } } #windowsh22.AI-Page .spring-bg .m-content-placement-item .linearHorzontalLineLeft-blue { margin-top: 16px !important; } #windowsh22.next-gen-ai-pcs .multi-carousal .multi-carousal-heading .c-heading-3, .multi-carousal .multi-carousal-heading .c-heading-3 { font-size: 50px; line-height: normal; } .multi-carousal .multi-flippers .c-flipper:after { Width: 0px; height: 0px; } @media only screen and (min-width: 1084px) { .multi-carousal .multi-carousal-placement .story-content .c-heading { font-size: 30px; line-height: normal; } .multi-carousal .multi-flippers { position: absolute; top: -7px; left: -20%; } [lang="ar-xm"] #windowsh22.windows #experiences.multi-carousal .multi-flippers, [lang="he-il"] #windowsh22.windows #experiences.multi-carousal .multi-flippers { right: -20%; } [lang="ar-xm"] #windowsh22.windows #experiences.multi-carousal .multi-flippers .c-flipper.f-previous, [lang="he-il"] #windowsh22.windows #experiences.multi-carousal .multi-flippers .c-flipper.f-previous { margin-left: 25px; } } @media only screen and (max-width: 1083.98px) { .multi-carousal .multi-carousal-placement .story-content .c-heading { font-size: 20px; line-height: normal; } .multi-carousal .multi-flippers { position: absolute; padding-top: 25px; } [lang='pt-pt'] .multi-carousal .multi-carousal-placement .story-content .c-paragraph, .multi-carousal-placement .story-content .c-paragraph, [lang='el-gr'] .multi-carousal .multi-carousal-placement .story-content .c-paragraph, .multi-carousal-placement .story-content .c-paragraph, [lang='hu-hu'] .multi-carousal .multi-carousal-placement .story-content .c-paragraph, .multi-carousal-placement .story-content .c-paragraph, [lang='fi-fi'] .multi-carousal .multi-carousal-placement .story-content .c-paragraph, .multi-carousal-placement .story-content .c-paragraph, [lang='fr-be'] .multi-carousal .multi-carousal-placement .story-content .c-paragraph, .multi-carousal-placement .story-content .c-paragraph, [lang='fr-ch'] .multi-carousal .multi-carousal-placement .story-content .c-paragraph, .multi-carousal-placement .story-content .c-paragraph, [lang='es-es'] .multi-carousal .multi-carousal-placement .story-content .c-paragraph, .multi-carousal-placement .story-content .c-paragraph, [lang='pl-pl'] .multi-carousal .multi-carousal-placement .story-content .c-paragraph, .multi-carousal-placement .story-content .c-paragraph { font-size: 15px; line-height: normal; } } .copilot-ai-features #faq { clear: both; } #windowsh22.AI-Page .m-hero-item > div > div a.c-hyperlink { outline: 2px solid transparent; line-height: 14px; border: none; padding: 3px 4px; } #windowsh22.next-gen-ai-pcs .m-content-placement-item { cursor: auto; } .windows-11-pc-gaming #gaming-faq-banner .drawer-panel { background-color: #282828 !important; } .windows-11-pc-gaming #gaming-faq-banner .drawer-panel .c-drawer { background: #282828 !important; } .windows-11-pc-gaming #gaming-faq .c-drawer > button, .windows-11-pc-gaming #gaming-faq .drawer-panel .c-drawer, .windows-11-pc-gaming #gaming-faq .drawer-panel .c-drawer .windows-11-pc-gaming #gaming-faq-banner .c-drawer > button:hover { background: #171717 !important; color: #fff; } .windows-11-pc-gaming #gaming-faq .c-drawer > button:focus, .windows-11-pc-gaming #gaming-faq .c-drawer > button:hover { outline: 1px dotted currentColor; outline-offset: -.375rem; } .windows-11-pc-gaming #gaming-faq .c-drawer > button { border-top: 1px solid #757575; } .windows-11-pc-gaming #gaming-faq .expand-collapse-toggle-area span, .windows-11-pc-gaming #gaming-faq button.c-action-trigger[disabled], .windows-11-pc-gaming #gaming-faq-banner .m-banner .c-heading-3 { color: #fff; } #windowsh22.next-gen-ai-pcs #device-section .m-content-placement-item picture { padding-bottom: 66%; } #windowsh22.windows #Hero-Banner p.c-paragraph-2 { margin-bottom: 22px; } #windowsh22.windows #Hero-Banner h1.c-heading-1 { padding-bottom: 0; } #windowsh22.windows #Hero-Banner .m-banner { padding-top: 80px; } #windowsh22.windows #performance .m-banner { padding-bottom: 20px; } #sneakymulti.multi-carousal .bottom-wrapper { display: flex; align-items: center; justify-content: center; margin-top: 40px; } #sneakymulti.multi-carousal .multi-carousal-wrapper .progressbar-wrapper { position: relative; left: auto; padding: 0; display: block !important; width: calc(100% - 160px); } #sneakymulti.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#sneakyprev, #sneakymulti.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#sneakynext { position: relative !important; left: auto !important; bottom: 0; margin-right: 20px; } #sneakymulti.multi-carousal .progress-bars .c-progress { margin-top: 0; width: 33.3333%; } #sneakymulti.multi-carousal #carousalDiv { width: 100%; min-height: auto; display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; } #sneakymulti.multi-carousal .multi-carousal-wrapper .multi-carousal-div .m-product-placement-item { position: relative; padding-top: 64px; padding-bottom: 0; margin: 0; width: 100%; } #sneakymulti.multi-carousal .multi-carousal-wrapper .multi-carousal-div .carousal-slide.card--center .m-product-placement-item picture .c-image, #sneakymulti.multi-carousal .multi-carousal-placement .carousal-slide.card--center .story-content { cursor: pointer; } #sneakymulti.multi-carousal .multi-carousal-placement .story-content { top: 0; position: absolute; bottom: auto; left: 80px; padding: 24px 24px 12px; border-radius: 12px; width: 470px; border: 1px solid #005FCF; transition-duration: 0.5s; /*background: linear-gradient(113deg, #FFF 0.84%, rgba(255, 255, 255, 0.60) 112.71%, rgba(255, 255, 255, 0.51) 112.71%);*/ background: #fff; } #sneakymulti.multi-carousal .multi-carousal-placement .story-content .c-heading { font-size: 21px; line-height: 26px; padding: 0 0 8px; color: #171717; font-weight: 600; } #sneakymulti.multi-carousal .multi-carousal-placement .story-content .c-paragraph { font-size: 16px; line-height: 24px; color: #171717; font-weight: 400; } #sneakymulti.multi-carousal .multi-carousal-div .c-call-to-action:not(.f-primary):not(.f-secondary) { color: #001968 !important; font-size: 16px; font-style: normal; font-weight: 600; } #sneakymulti.multi-carousal .multi-carousal-placement .c-mainheading { font-size: 37px; font-style: normal; font-weight: 600; line-height: 44px; color: #F2F2F2; position: absolute; bottom: 0; left: 0; padding: 84px 40px; width: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.55) 31.52%, rgba(255, 255, 255, 0.00) 100%), rgba(0, 0, 0, 0); } #sneakymulti.multi-carousal .multi-carousal-div .carousal-slide { display: flex; border-radius: 0.5rem; transform-origin: center center; transform: scale(1) translate(0px,0px) perspective(750px) rotateY(0deg); transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); transition-duration: 0.5s; position: relative; top: 0; z-index: 3; cursor: default; overflow: hidden; width: 90%; } #sneakymulti.multi-carousal .multi-carousal-div .carousal-slide.zindex, #sneakymulti.multi-carousal .multi-carousal-div .carousal-slide.card--left .story-content, #sneakymulti.multi-carousal .multi-carousal-div .carousal-slide.card--right .story-content, #sneakymulti.multi-carousal .multi-carousal-div .carousal-slide.card--left .c-mainheading, #sneakymulti.multi-carousal .multi-carousal-div .carousal-slide.card--right .c-mainheading { opacity: 0 !important; } #sneakymulti.multi-carousal .multi-carousal-div .carousal-slide.card--left { transform: scale(0.8) translate(-18%,2%); opacity: 0.6; z-index: 1; position: absolute; } #sneakymulti.multi-carousal .multi-carousal-div .carousal-slide.card--right { transform: scale(0.8) translate(18%,2%); opacity: 0.6; z-index: 1; position: absolute; } #sneakymulti.multi-carousal .multi-carousal-div .carousal-slide.card--center { transform: scale(1) translate(0px, 0px); z-index: 3; } #windowsh22.windows #whatsnewContentPlacement .m-content-placement-item > picture img { cursor: pointer; } #sneakymulti.multi-carousal .multi-carousal-wrapper .multi-carousal-div .m-product-placement-item picture { width: 100%; height: 100%; } #sneakymulti.multi-carousal .multi-carousal-wrapper .multi-carousal-div .m-product-placement-item picture .c-image { position: relative; /*height: fit-content;*/ width: 100%; } /*.main-multi { background: linear-gradient(179.92deg, #E2E7F4 0.07%, #F5F6FC 70.75%, #FFFFFF 93.77%); }*/ @media only screen and (max-width: 1083.98px) { #sneakymulti.multi-carousal #carousalDiv, #sneakymulti.multi-carousal .bottom-wrapper { padding: 0 5%; } #sneakymulti.multi-carousal .multi-carousal-div .carousal-slide.card--left { transform: scale(0.8) translate(-13%,-3%); } #sneakymulti.multi-carousal .multi-carousal-div .carousal-slide.card--right { transform: scale(0.8) translate(13%,-3%); } /*#sneakymulti.multi-carousal .progress-bars .c-progress { width: 150px; }*/ } @media only screen and (max-width: 767.98px) { #sneakymulti.multi-carousal .multi-carousal-div .carousal-slide { flex-direction: row; align-items: start; width: 100%; } #sneakymulti.multi-carousal .multi-carousal-wrapper .multi-carousal-div .m-product-placement-item { padding-top: 20px; } #sneakymulti.multi-carousal .multi-carousal-wrapper .multi-carousal-div .m-product-placement-item picture .c-image { transform: none; left: 0; top: 0; } #sneakymulti.multi-carousal .multi-carousal-placement .c-mainheading { position: relative; background: transparent; color: #171717; font-size: 24px; font-weight: 600; line-height: 30px; top: 0; padding: 40px 0 0 0; } #sneakymulti.multi-carousal .multi-carousal-placement .story-content { position: relative; padding: 16px 16px 8px; width: 100%; left: 0; top: 0; margin: 20px 0 0; } /*#sneakymulti.multi-carousal .multi-carousal-div .carousal-slide.card--left, #sneakymulti.multi-carousal .multi-carousal-div .carousal-slide.card--right { transform: scale(0.8) translate(0%, 0%); }*/ #sneakymulti.multi-carousal .bottom-wrapper { margin-top: 15px; } #sneakymulti.multi-carousal .bottom-wrapper .c-flipper-wrapper { margin-top: 8px; } #sneakymulti.multi-carousal .bottom-wrapper { flex-direction: column-reverse; align-items: start; } #sneakymulti.multi-carousal .multi-carousal-wrapper .progressbar-wrapper { margin: 20px 0; width: 100%; } #sneakymulti.multi-carousal .progress-bars .c-progress { width: 33.3333%; } #sneakymulti.multi-carousal .multi-carousal-div .carousal-slide.card--left .m-product-placement-item picture .c-image { top: -16px; } #sneakymulti.multi-carousal .multi-carousal-div .carousal-slide.card--right .m-product-placement-item picture .c-image { top: -20px; } #sneakymulti.multi-carousal .multi-carousal-wrapper .multi-carousal-div .m-product-placement-item picture .c-image { width: 85%; margin: 0 auto; } #sneakymulti.multi-carousal .multi-carousal-wrapper .multi-carousal-div .carousal-slide.card--center .m-product-placement-item picture .c-image { top: 8px; } } @media (prefers-contrast: more) { #windowsh22.next-gen-ai-pcs .multi-carousal .progress-bars .c-progress { border: 1px solid; } #windowsh22.next-gen-ai-pcs .multi-carousal .progress-bars .c-progress.active { background: graytext; } #windowsh22.next-gen-ai-pcs #device-section section.m-content-placement-item.f-size-medium > div { border: 1px solid; } #windowsh22.AI-Page .m-content-placement-item picture img { background-color: highlight; } #windowsh22.copilot-ai-features svg { background-color: highlight; } } #windowsh22.next-gen-ai-pcs #device-section section.m-content-placement-item.f-size-medium > div { margin-top: 2%; } #windowsh22.windows a.c-call-to-action:after { margin-top: 4px; } #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs .card-description .c-group { padding-top: 6px; } #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs .card-icon-heading-in-a-row { padding-bottom: 36px; } #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs .card-description .c-group a { padding-left: 0; } #windowsh22.windows .multi-carousal { padding-bottom: 80px !important; } #windowsh22.windows #Hero-Banner .rounded-corners .c-button.f-primary.blue-button + .c-call-to-action.c-secondary::after { margin-top: 5px; } #sneakymulti.multi-carousal .multi-carousal-div .c-call-to-action:not(.f-primary):not(.f-secondary):after { margin-top: 4px; } #windowsh22.windows #experiences.multi-carousal .multi-carousal-placement .story-content .c-paragraph, #windowsh22.next-gen-ai-pcs #experiences.multi-carousal .multi-carousal-placement .story-content .c-paragraph { padding-bottom: 6px; } @media only screen and (max-width: 1083.98px) { #windowsh22.windows #experiences.multi-carousal .multi-carousal-placement .story-content { width: 280px; } #windowsh22.windows #experiences.multi-carousal { padding-bottom: 120px !important; } } #windowsh22.windows .multi-carousal#experiences .multi-carousal-wrapper .multi-carousal-div .m-product-placement-item picture .c-image { border-radius: 8px; } @media screen and (max-width: 1083.98px) { .windows-11-pc-gaming #gaming-mosaic.featured-cards.black-theme [class*=c-heading] { padding: 20px 0; color: #fff !important; } #windowsh22.windows .multi-carousal { padding-bottom: 50px !important; } } .windows-11-pc-gaming #gaming-faq .drawer-panel p.expand-collapse-toggle-area button.c-action-trigger.active { color: #3AA0EF !important; } .windows-11-pc-gaming #gaming-faq .drawer-panel p.expand-collapse-toggle-area button.c-action-trigger:focus { outline: 1px dotted currentColor !important; outline-offset: 1px; color: #3AA0EF !important; } @media screen and (max-width: 2250px) { #windowsh22.windows #experiences.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#prev, #windowsh22.windows #experiences.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#next, #windowsh22.windows #experiences.multi-carousal .multi-carousal-wrapper .progressbar-wrapper { visibility: visible !important; } } @media screen and (min-width: 2251px) { #windowsh22.windows #experiences.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#prev, #windowsh22.windows #experiences.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#next, #windowsh22.windows #experiences.multi-carousal .multi-carousal-wrapper .progressbar-wrapper { visibility: hidden !important; } } @media screen and (max-width: 640px) { html[lang='zh-cn'] #windowsh22.next-gen-ai-pcs #experiences.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#prev, html[lang='zh-cn'] #windowsh22.next-gen-ai-pcs #experiences.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#next, html[lang='zh-cn'] #windowsh22.next-gen-ai-pcs #experiences.multi-carousal .multi-carousal-wrapper .progressbar-wrapper { visibility: visible !important; } } @media screen and (min-width: 641px) and (max-width: 1083.98px) { html[lang='zh-cn'] #windowsh22.next-gen-ai-pcs #experiences.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#prev, html[lang='zh-cn'] #windowsh22.next-gen-ai-pcs #experiences.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#next, html[lang='zh-cn'] #windowsh22.next-gen-ai-pcs #experiences.multi-carousal .multi-carousal-wrapper .progressbar-wrapper { visibility: hidden !important; } } @media only screen and (min-width: 641px) and (max-width: 1083.98px) { [lang='zh-cn'] #windowsh22.next-gen-ai-pcs #experiences{ padding-bottom: 0 !important; } [lang='zh-cn'] #windowsh22.next-gen-ai-pcs #security{ padding-top: 0 !important; } } @media screen and (min-width: 1084px) and (max-width: 1474px) { html[lang='zh-cn'] #windowsh22.next-gen-ai-pcs #experiences.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#prev, html[lang='zh-cn'] #windowsh22.next-gen-ai-pcs #experiences.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#next, html[lang='zh-cn'] #windowsh22.next-gen-ai-pcs #experiences.multi-carousal .multi-carousal-wrapper .progressbar-wrapper { visibility: visible !important; } } @media screen and (min-width: 1475px) { html[lang='zh-cn'] #windowsh22.next-gen-ai-pcs #experiences.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#prev, html[lang='zh-cn'] #windowsh22.next-gen-ai-pcs #experiences.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#next, html[lang='zh-cn'] #windowsh22.next-gen-ai-pcs #experiences.multi-carousal .multi-carousal-wrapper .progressbar-wrapper { visibility: hidden !important; } } @media (prefers-contrast: more) { .windows-11-pc-gaming #gaming-faq .drawer-panel p.expand-collapse-toggle-area button.c-action-trigger:focus { color: #3AA0EF !important; } } #windowsh22.windows #Hero-Banner .rounded-corners .c-call-to-action.c-secondary, #windowsh22.windows #whatsnewContentPlacement .content-touts .m-content-placement-item a.c-call-to-action, #windowsh22.windows #performancecards .m-content-placement-item.shop-specs a.c-call-to-action { color: #001968 !important; } #windowsh22.windows #Hero-Banner { background: linear-gradient(181.07deg, #CFE1FF -5.43%, rgba(255, 255, 255, 0.15) 60.79%); } #windowsh22.windows #Hero-Banner + .main-multi { background: linear-gradient(180deg, #FFFFFF -20%, #FCF5F500 75%) !important; } #windowsh22.windows #whatsnew { background: linear-gradient(181.07deg, #FFEEDE -100.43%, rgba(255, 255, 255, 0.15) 1093%); } #windowsh22.windows .whatsnewgrid { background: linear-gradient(180deg, #FFEEDE -20%, #FCF5F500 75%) !important; } #windowsh22.windows #experiences.multi-carousal { background: linear-gradient(179.92deg, #FFEEDE 0.07%, #F5F6FC 70.75%, #FFFFFF 93.77%); } #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs { padding: 24px 32px 30px !important; border-radius: 8px; min-height: initial; position: relative; display: flex; flex-direction: row; align-items: center; } #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs { background: linear-gradient(180deg, #DFEBFF 20%, #FCF5F500 130%) !important; } #windowsh22.windows .c-section-common.performance-benifits { padding-bottom: 80px; } @media only screen and (max-width: 374.98px) { #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs { display: block; } #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs > div { padding-top: 12px; } } @media only screen and (min-width: 375px) and (max-width: 414.98px) { #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs { padding: 24px 12px 30px !important; } #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs > .m-left-item { padding-right: 10px; } } @media only screen and (min-width: 768px) and (max-width: 1083.98px) { #windowsh22.windows #whatsnew .m-banner h2,#windowsh22.windows #performance .m-banner h2, #windowsh22.windows #experiences .multi-carousal-heading h2 { font-size: 50px; line-height: 60px; } #sneakymulti.multi-carousal .multi-carousal-placement .c-mainheading { padding: 84px 40px 60px 40px; } } #windowsh22.windows .rounded-corners .c-button.f-primary.blue-button { background: #001968 !important; } #windowsh22.next-gen-ai-pcs .c-section-common.performance-benifits .m-content-placement-item.shop-specs .m-right-item .c-heading{ display:inline } #windowsh22.next-gen-ai-pcs #device-section .m-content-placement-item .c-group{ padding-bottom:20px; } .copilot-plus-pcs #retailers{padding-top:60px;} #windowsh22.next-gen-ai-pcs #experiences.multi-carousal .multi-carousal-placement .story-content .c-paragraph { padding-bottom: 6px; } @media only screen and (min-width: 1084px) and (max-width: 1099px) { #windowsh22.next-gen-ai-pcs .multi-carousal .multi-carousal-heading .c-heading-3, .multi-carousal .multi-carousal-heading .c-heading-3 { font-size: 48px; line-height: normal; } } #windowsh22.windows a.c-call-to-action:focus { outline: 2px dashed #505050 !important; outline-offset: 0; } #windowsh22.windows #copilot_Contentplacement1 a.c-call-to-action:focus { outline: 2px dashed #fff !important; outline-offset: 0; } #windowsh22.windows #experiences a.c-call-to-action:focus { outline: 2px dashed #fff !important; outline-offset: 0; } [lang="ar-xm"] #windowsh22.windows #experiences.multi-carousal .multi-carousal-div .carousal-slide, [lang="he-il"] #windowsh22.windows #experiences.multi-carousal .multi-carousal-div .carousal-slide { float: right; } [lang="ar-xm"] #windowsh22.windows #experiences.multi-carousal .multi-carousal-wrapper .progressbar-wrapper, [lang="he-il"] #windowsh22.windows #experiences.multi-carousal .multi-carousal-wrapper .progressbar-wrapper { right: -35%; } [lang="ar-xm"] #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs .m-right-item .c-group a.c-call-to-action, [lang="he-il"] #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs .m-right-item .c-group a.c-call-to-action { margin-left: 0px; padding-left: 2px; } [lang="ar-xm"] #windowsh22.windows #sneakymulti.multi-carousal .multi-carousal-div .c-call-to-action:not(.f-primary):not(.f-secondary), [lang="he-il"] #windowsh22.windows #sneakymulti.multi-carousal .multi-carousal-div .c-call-to-action:not(.f-primary):not(.f-secondary) { padding: 10px 2px; } [lang="ar-xm"] #windowsh22.windows #sneakymulti.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#sneakyprev, [lang="ar-xm"] #windowsh22.windows #sneakymulti.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#sneakynext, [lang="he-il"] #windowsh22.windows #sneakymulti.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#sneakyprev, [lang="he-il"] #windowsh22.windows #sneakymulti.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#sneakynext { left: 20% !important; } [lang="ar-xm"] #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs .m-right-item p, [lang="he-il"] #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs .m-right-item p { margin-bottom: 10px; margin-top: 5px; } /*[lang="ar-xm"] #windowsh22.windows #experiences.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#prev:before, [lang="he-il"] #windowsh22.windows #experiences.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#prev:before, [lang="ar-xm"] #windowsh22.windows #sneakymulti.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#sneakyprev:before, [lang="he-il"] #windowsh22.windows #sneakymulti.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#sneakyprev:before { content: ""; } [lang="ar-xm"] #windowsh22.windows #experiences.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#next:before, [lang="he-il"] #windowsh22.windows #experiences.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#next:before, [lang="ar-xm"] #windowsh22.windows #sneakymulti.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#sneakynext:before, [lang="he-il"] #windowsh22.windows #sneakymulti.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#sneakynext:before { content: ""; } [lang="ar-xm"] #windowsh22.windows #sneakymulti.multi-carousal .bottom-wrapper .c-flipper-wrapper, [lang="he-il"] #windowsh22.windows #sneakymulti.multi-carousal .bottom-wrapper .c-flipper-wrapper { display: flex; flex-direction: row-reverse; }*/ [lang="ar-xm"] #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs .m-right-item .no-link-cta, [lang="es-xl"] #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs .m-right-item .no-link-cta, [lang="fr-xf"] #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs .m-right-item .no-link-cta, [lang="sr-latn-rs"] #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs .m-right-item .no-link-cta, [lang="zh-cn"] #windowsh22.windows #experiences.multi-carousal .multi-carousal-placement .story-content .no-link-cta, #windowsh22.windows #copilot_Contentplacement1 .no-link-cta { visibility: hidden; } @media only screen and (min-width: 768px) and (max-width: 790.98px) { #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs { padding: 8px !important; } } @media only screen and (min-width: 791px) and (max-width: 920.98px) { #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs { padding: 15px !important; } } @media only screen and (max-width: 1083.98px) { [lang="ar-xm"] #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs > .m-left-item, [lang="he-il"] #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs > .m-left-item { padding-right: 0; padding-left: 16px; } } @media only screen and (min-width: 1084px) { [lang="ar-xm"] #windowsh22.windows #sneakymulti.multi-carousal .multi-carousal-placement .c-mainheading, [lang="he-il"] #windowsh22.windows #sneakymulti.multi-carousal .multi-carousal-placement .c-mainheading { padding: 84px 40px; } [lang="ar-xm"] #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs > .m-left-item, [lang="he-il"] #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs > .m-left-item { padding-left: 32px; } [lang="ar-xm"] #windowsh22.windows #experiences.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#prev, [lang="he-il"] #windowsh22.windows #experiences.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#prev { right: -60% !important; } [lang="ar-xm"] #windowsh22.windows #experiences.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#next, [lang="he-il"] #windowsh22.windows #experiences.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#next { right: -50% !important; } [lang="ar-xm"] #windowsh22.windows .multi-carousal .multi-carousal-div .c-call-to-action:not(.f-primary):not(.f-secondary), [lang="he-il"] #windowsh22.windows .multi-carousal .multi-carousal-div .c-call-to-action:not(.f-primary):not(.f-secondary){ padding-left:10px; } [lang="ar-xm"] #windowsh22.windows #sneakymulti.multi-carousal .multi-carousal-div .c-call-to-action:not(.f-primary):not(.f-secondary), [lang="he-il"] #windowsh22.windows #sneakymulti.multi-carousal .multi-carousal-div .c-call-to-action:not(.f-primary):not(.f-secondary){ width:100%; text-align:right; } } @media only screen and (min-width: 768px) and (max-width: 1083.98px) { [lang="ar-xm"] #windowsh22.windows #experiences.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#prev, [lang="he-il"] #windowsh22.windows #experiences.multi-carousal .multi-carousal-placement .multi-carousal-wrapper .c-flipper#prev { right: 15% !important; } [lang='zh-cn'] #windowsh22.next-gen-ai-pcs #experiences{ padding-bottom: 0 !important; } [lang='zh-cn'] #windowsh22.next-gen-ai-pcs #security{ padding-top: 0 !important; } } @media only screen and (min-width: 1084px) and (max-width: 1280.98px) { #windowsh22.windows .multi-carousal-heading h2 { font-size: 48px; line-height: 58px; } } @media only screen and (min-width: 1281px) and (max-width: 1600.98px) { #windowsh22.windows .multi-carousal-heading h2 { font-size: 58px; line-height: 68px; } } @media only screen and (max-width: 767.98px) { [lang="ar-xm"] #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs, [lang="he-il"] #windowsh22.windows .c-section-common.performance-benifits .m-content-placement-item.shop-specs{ justify-content: space-between; } } .windows-11-specifications .c-table tbody td ul.c-list{ padding-top: 10px; } .laptops-for-students .drawer-panel ul{ margin-left: 2%; } .laptops-for-students .drawer-panel ul li{ list-style: disc; } .laptops-for-students #show-more-faq .drawer-panel .spaceforpcls{ padding-top: 10px; } .laptops-for-students .c-drawer > button{ font-weight: 600; font-size: 20px; line-height: 24px; } [lang="de-de"] .sync-across-your-devices .articletouts .m-content-placement-item h3, [lang="it-it"] .sync-across-your-devices .articletouts .m-content-placement-item h3 { font-Size: 35px; line-height: 55px; } @media only screen and (min-width: 1084px) and (max-width: 1300px) { .windows-11-specifications div#table5 thead th div h2, .windows-11-specifications div#table5 thead th div p { margin-left: 10%; } } @media only screen and (min-width: 767.33px) and (max-width: 1070px) { .getting-started .articletouts .m-content-placement-item h3{ font-Size: 35px; line-height: 50px; } } @media only screen and (min-width: 641px) and (max-width: 1083.98px) { [lang='zh-cn'] #windowsh22.next-gen-ai-pcs #experiences { padding-bottom: 0 !important; } [lang='zh-cn'] #windowsh22.next-gen-ai-pcs #security { padding-top: 0 !important; } } /*UMP Video player css*/ #default-lightbox .video-js.vjs-fluid:not(.vjs-audio-only-mode) { padding-top: 52.25%; overflow: hidden; } @media only screen and (min-width: 300px) and (max-width: 330px) { .c-dialog.f-lightbox.wdg-lightbox [role=dialog] [role=document] { width: 80%; margin-left: 10%; } } @media only screen and (min-width: 600px) and (max-width: 640px) { .c-dialog.f-lightbox.wdg-lightbox [role=dialog] [role=document] { width: 76%; margin-left: 12%; } } [lang='zh-cn'] .multi-carousal .progress-bars .c-progress{ width: 46.3333%; } #windowsh22.get-windows-11 nav.c-link-navigation li a.c-hyperlink.f-image:focus div{ background: none; } #windowsh22.get-windows-11 .retailers nav.c-link-navigation li a.c-hyperlink.f-image:focus div:after{ margin-top: 2px; } /*205780 a11y fix*/ .windows-11 [class^="c-paragraph"] a.c-hyperlink:focus, .windows-11 .article-section-footnotes.theme-dark a.c-hyperlink:focus{ text-decoration: underline !important; } .copilot-ai-features [class^="c-paragraph"] a.c-hyperlink:focus, .copilot-ai-features .article-section-footnotes.theme-dark a.c-hyperlink:focus{ text-decoration: underline !important; } /*205781 main issue fix*/ @media (prefers-contrast: more) { nav.c-in-page-navigation a:focus { outline: 2px dashed transparent !important; outline-offset: -2px; } } /*205780 second instance fix*/ @media (prefers-contrast: more) { .copilot-ai-features .drawer-panel p.expand-collapse-toggle-area button.c-action-trigger{ margin-right: 3px; } } /* EOS changes for fall starts*/ .end-of-support #fullBleedBgBanner p.c-paragraph-2 a.c-hyperlink{ color:#FFF; } .end-of-support #Heroitem.image-priority-accolate .bg-feature-section.m-feature{ background: #F9F9F9; } .end-of-support #Heroitem.image-priority-accolate{ margin-top:48px; } .end-of-support .faq8.m-banner h2.c-heading-2, .end-of-support .faq7.m-banner h2.c-heading-2{ margin-bottom:24px; } @media only screen and (max-width: 767.98px) { .end-of-support #Hero-banner h1{ font-size:40px; line-height:normal; } .end-of-support #Hero-banner p{ font-size:18px; line-height:24px; } .end-of-support #new-panes-panel-Win8 .m-panes-product-placement-item .c-heading, .end-of-support #win-10-panes-3up .m-panes-product-placement-item .c-heading{ font-size:26px; line-height:32px; } } @media (min-width: 768px) and (max-width: 1083.98px) { .end-of-support #Heroitem.image-priority-accolate .bg-feature-section div.c-group { margin-bottom: 24px; } .end-of-support #Hero-banner h1{ font-size:48px; line-height:normal; } .end-of-support #Banner-panel-Win7 .m-banner h2, .end-of-support #retailers .m-banner h2, .end-of-support #HeroItem-Win10 .m-hero-item .c-heading-2, .end-of-support #id-win10 .m-feature .featurecontent h2.c-heading-2, .end-of-support #Heroitem .m-feature h2.c-heading-2, .end-of-support #windowsTransfer .m-feature .featurecontent h2.c-heading-2, .end-of-support .faqbannercls h2.c-heading-2, .end-of-support #win-10-panes-banner .m-banner h2, .end-of-support #id-resources .m-banner h2, .end-of-support #numberListId .numberlist-structurelist .numberlistbanner .content h2.c-heading-2 { font-size:38px; line-height:normal; } .end-of-support #win-10-panes-banner p.c-paragraph-2, .end-of-support #numberListId .numberlistbanner p.c-paragraph-1, .end-of-support #id-win10.featurebox .featurecontent p.c-paragraph-2, .end-of-support #id-resources p.c-paragraph-2, .end-of-support #Hero-banner .m-banner p.c-paragraph-2{ font-size:18px; line-height:normal; } } .end-of-support #win-10-panes-banner .m-banner, .end-of-support #id-resources .m-banner{ width : 100% !important; } .end-of-support #FAQ-banner-Win7 .m-banner p.c-paragraph-2, .end-of-support #Panes-banner-Win7 .m-banner p.c-paragraph-2, .end-of-support #up2-banner-Win7 .m-banner p.c-paragraph-2, .end-of-support #up4-banner-win7 .m-banner p.c-paragraph-2, .end-of-support #NewFeatureGroupId .m-feature-group .m-area-heading p.c-paragraph-2, .end-of-support div#up4-banner-Win8 .m-banner p.c-paragraph-2, .end-of-support #FAQ-banner-Win8 .m-banner p.c-paragraph-2, .end-of-support #Panes-banner-Win8-without-ocid .m-banner p.c-paragraph-2, .end-of-support #Hero-banner .m-banner p.c-paragraph-2{ font-weight:400; } @media screen and (min-width: 1084px) { .end-of-support #Hero-banner h1{ font-size:52px; line-height:normal; } .end-of-support #u2-banner-Win7 h2.c-heading-2, .end-of-support .faq8.m-banner h2.c-heading-2, .end-of-support .faq7.m-banner h2.c-heading-2, .end-of-support div#up4-banner-Win8 .m-banner h2.c-heading-2 { font-size:42px !important; line-height:normal !important; } .end-of-support #Banner-panel-Win7 .m-banner h2, .end-of-support #retailers .m-banner h2, .end-of-support #FAQ-banner-Win7 .m-banner h2.c-heading-2, .end-of-support #Panes-banner-Win7 .m-banner h2.c-heading-2, .end-of-support #up2-banner-Win7 .m-banner h2.c-heading-2, .end-of-support #up4-banner-win7 .m-banner h2.c-heading-2, .end-of-support .m-banner.faq8 h2.c-heading-2, .end-of-support #NewFeatureGroupId .m-feature-group .m-area-heading h2.c-heading-2, .end-of-support #FAQ-banner-Win8 .m-banner h2.c-heading-2, .end-of-support #win-10-panes-banner .m-banner h2.c-heading-2, .end-of-support #Panes-banner-Win8-without-ocid .m-banner h2.c-heading-2, .end-of-support #id-win10 .m-feature .featurecontent h2.c-heading-2, .end-of-support #Heroitem .m-feature h2.c-heading-2, .end-of-support #windowsTransfer .m-feature .featurecontent h2.c-heading-2, .end-of-support .faqbannercls h2.c-heading-2, .end-of-support #id-resources .m-banner h2, .end-of-support #numberListId .numberlist-structurelist .numberlistbanner .content h2.c-heading-2 { font-size:42px !important; line-height:normal !important; } .end-of-support div#up4-banner-Win8 .m-banner p.c-paragraph-2{ font-size:20px; line-height:normal; } .end-of-support #FAQ-banner-Win7 .m-banner p.c-paragraph-2, .end-of-support #Panes-banner-Win7 .m-banner p.c-paragraph-2, .end-of-support #up2-banner-Win7 .m-banner p.c-paragraph-2, .end-of-support #up4-banner-win7 .m-banner p.c-paragraph-2, .end-of-support #NewFeatureGroupId .m-feature-group .m-area-heading p.c-paragraph-2, .end-of-support #FAQ-banner-Win8 .m-banner p.c-paragraph-2, .end-of-support #Panes-banner-Win8-without-ocid .m-banner p.c-paragraph-2, .end-of-support #win-10-panes-banner p.c-paragraph-2, .end-of-support #numberListId .numberlistbanner p.c-paragraph-1, .end-of-support #id-resources p.c-paragraph-2, .end-of-support #Hero-banner .m-banner p.c-paragraph-2{ font-size:20px; line-height:normal; } .end-of-support .fullBleedBgBanner .m-feature.custom-small-feature .content h2{ font-size: 34px; font-style: normal; font-weight: 600; line-height: 40px; } } /* EOS changes for fall ends*/ /*PC-buying-Guide start*/ #windowsh22.PC-buying-guide #shop>div, #windowsh22.PC-buying-guide .m-banner, #windowsh22.PC-buying-guide .m-banner h2 { padding-top: 0; } #windowsh22.PC-buying-guide .c-heading-1 { font-size: 58px; font-weight: 600; line-height: 68px; } #windowsh22.PC-buying-guide .pre-result-screen.wdg-pad-thin { display: flex; justify-content: center; } #windowsh22.PC-buying-guide .wdg-support-links nav.c-link-navigation li a.c-hyperlink div, #windowsh22.win-comprehensive-security .wdg-support-links nav.c-link-navigation li a.c-hyperlink div, #windowsh22.win-11-new .wdg-support-links nav.c-link-navigation li a.c-hyperlink div, #windowsh22.ai-features .wdg-support-links nav.c-link-navigation li a.c-hyperlink div { text-decoration: underline; } #windowsh22.PC-buying-guide .pc-buying-specs { padding: 0 0 44px; } #windowsh22.PC-buying-guide .m-content-placement .m-content-placement-item { background: #f9f9f9; border-radius: 8px; position: relative; padding: 40px; margin: 0; } #windowsh22.PC-buying-guide #shop .toutheading { padding-top: 30px; font-size: 24px; line-height: 32px; padding-bottom: 30px; } #windowsh22.PC-buying-guide .m-content-placement .toutheading { color: #646464; font-size: 18px; } #windowsh22.PC-buying-guide #shop .m-content-placement-item .devices-pcguide ul.c-list { font-size: 16px; line-height: 24px; color: #5E5E5E; } #windowsh22.PC-buying-guide .image-priority-accolate .bg-feature-section.m-feature { background: linear-gradient(180deg, #DAE9F4 0.01%, #f8fbfd 80.01%) } #windowsh22.PC-buying-guide #shop { margin-top: 48px; } #windowsh22.PC-buying-guide .m-content-placement>div>.content-touts { padding: 12px 0px; } #windowsh22.PC-buying-guide .pc-spec .articletouts .m-content-placement-item picture img { width: 48px; } #windowsh22.PC-buying-guide .featurebox .m-feature.f-align-left .featurecontent .c-paragraph-2 { padding: 20px 5px; margin-bottom: 0 !important; padding-right: 50px; } #windowsh22.PC-buying-guide .articletouts .m-content-placement-item div .toutpara span:not(.supText) { font-size: 24px; line-height: 30px; color: #000; font-weight: 600; display: block; padding: 0 0 24px; } #windowsh22.PC-buying-guide .toutheading { padding: 0 0 16px; } #windowsh22.PC-buying-guide .articletouts .m-content-placement-item p { font-size: 15px; line-height: 20px; padding: 0; color: #5e5e5e; padding-top: 0 !important; } #windowsh22.PC-buying-guide .c-pivot.center ul[role="tablist"] li.f-active { color: #000 !important; border-bottom: 2px solid #0078D4; padding-bottom: 8px; border-radius: 0px; border-left: 0px !important; border-right: 0px !important; border-top: 0px !important; } [dir="rtl"] #windowsh22.PC-buying-guide .m-content-placement .m-content-placement-item>picture { padding-bottom: 25px; text-align: right; } [dir="rtl"] #windowsh22.PC-buying-guide .featurebox .m-feature.f-align-left .featurecontent .c-paragraph-2 { padding-right: 0; } #windowsh22.PC-buying-guide .c-pivot.center section[role=tabpanel] { box-shadow: none; } [lang="ar-xm"] #windowsh22.PC-buying-guide .c-pivot.center section[role=tabpanel], [lang="en-is"] #windowsh22.PC-buying-guide .c-pivot.center section[role=tabpanel], [lang="en-my"] #windowsh22.PC-buying-guide .c-pivot.center section[role=tabpanel], [lang="en-ph"] #windowsh22.PC-buying-guide .c-pivot.center section[role=tabpanel], [lang="en-sg"] #windowsh22.PC-buying-guide .c-pivot.center section[role=tabpanel], [lang="es-ar"] #windowsh22.PC-buying-guide .c-pivot.center section[role=tabpanel], [lang="es-xl"] #windowsh22.PC-buying-guide .c-pivot.center section[role=tabpanel], [lang="fr-ch"] #windowsh22.PC-buying-guide .c-pivot.center section[role=tabpanel], [lang="fr-xf"] #windowsh22.PC-buying-guide .c-pivot.center section[role=tabpanel], [lang="he-il"] #windowsh22.PC-buying-guide .c-pivot.center section[role=tabpanel], [lang="sr-latn-rs"] #windowsh22.PC-buying-guide .c-pivot.center section[role=tabpanel], [lang="th-th"] #windowsh22.PC-buying-guide .c-pivot.center section[role=tabpanel], [lang="vi-vn"] #windowsh22.PC-buying-guide .c-pivot.center section[role=tabpanel] { padding-bottom: 30px; margin-bottom: 40px; } #windowsh22.PC-buying-guide .c-pivot.center ul[role="tablist"] li.f-active:focus { outline: 2px dashed #000 !important; } #windowsh22.PC-buying-guide .oem-cards .articletouts .m-content-placement-item picture img { width: 100%; } #windowsh22.PC-buying-guide .oem-content-placement-panel { padding-top: 0; } #windowsh22.PC-buying-guide .oem-cards .articletouts .m-content-placement-item .toutheading { font-size: 34px; font-weight: 600; line-height: 40px; letter-spacing: 0em; color: #000; } #windowsh22.PC-buying-guide .oem-cards .articletouts .m-content-placement-item .toutpara { color: #000; } #windowsh22.PC-buying-guide .oem-cards div.content-touts:nth-child(2) { padding-top: 12%; } #windowsh22.PC-buying-guide .oem-cards .articletouts .m-content-placement-item { background: none; } #windowsh22.PC-buying-guide .m-banner .c-heading-1 { font-size: 62px; line-height: 80px; font-weight: 600; } #windowsh22.PC-buying-guide .m-banner .pc-buying-heading { background: linear-gradient(to right, #000101 0%, #161616 23%, #1265A5 83.38%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; } [dir="rtl"] #windowsh22.PC-buying-guide .m-banner .pc-buying-heading, [dir="rtl"] #windowsh22.PC-buying-guide .image-priority-accolate .bg-feature-section.m-feature .c-heading-2 { background: linear-gradient(to left, #000101 0%, #161616 23%, #1265A5 83.38%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; } #windowsh22.PC-buying-guide .m-banner .pc-buying-banner-para { font-size: 18px; line-height: 24px; font-weight: 400; } #windowsh22.PC-buying-guide .c-heading-2 { font-size: 46px; line-height: normal; font-weight: 600; } #windowsh22.PC-buying-guide .m-content-placement .m-content-placement-item>picture { padding-bottom: 25px; text-align: left; } #windowsh22.PC-buying-guide #PivotTarget0 { background: linear-gradient(to bottom, #F2F8FC 0%, #ABC0D9 100%, #FFFFFF 0%); } #windowsh22.PC-buying-guide #PivotTarget1 { background: linear-gradient(to bottom, #F1F4ED 0%, #D9E2CA 100%, #FFFFFF 0%); } #windowsh22.PC-buying-guide #PivotTarget2 { background: linear-gradient(to bottom, #E6EDEB 0%, #9FB19B 100%, #FFFFFF 0%); } #windowsh22.PC-buying-guide #PivotTarget3 { background: linear-gradient(to bottom, #F3F0FC 0%, #B9B4D7 100%, #FFFFFF 0%); } #windowsh22.PC-buying-guide #PivotTarget4 { background: linear-gradient(to bottom, #FEFCF8 0%, #F2D7B7 100%, #FFFFFF 0%); } #windowsh22.PC-buying-guide #PivotTarget5 { background: linear-gradient(to bottom, #F8F5F7 0%, #F6D9D9 100%, #FFFFFF 0%); } #windowsh22.PC-buying-guide #PivotTarget0 .m-content-placement .m-content-placement-item { background: linear-gradient(15.07deg, #E2EEF8 30.57%, #ffffff 100%); } #windowsh22.PC-buying-guide #PivotTarget1 .m-content-placement .m-content-placement-item { background: linear-gradient(15.07deg, #E4ECDE 30.57%, #FFFFFF 100%); } #windowsh22.PC-buying-guide #PivotTarget2 .m-content-placement .m-content-placement-item { background: linear-gradient(15.07deg, #CFDAD1 30.57%, #FFFFFF 100%); } #windowsh22.PC-buying-guide #PivotTarget3 .m-content-placement .m-content-placement-item { background: linear-gradient(15.07deg, #DFDBF0 30.57%, #FFFFFF 100%); } #windowsh22.PC-buying-guide #PivotTarget4 .m-content-placement .m-content-placement-item { background: linear-gradient(15.07deg, #FAEFE2 30.57%, #FFFFFF 100%); } #windowsh22.PC-buying-guide #PivotTarget5 .m-content-placement .m-content-placement-item { background: linear-gradient(15.07deg, #F7EEF0 30.57%, #FFFFFF 100%); } #windowsh22.PC-buying-guide #PivotTarget0 .pc-spec-bgcolor { background: linear-gradient(to bottom, #F2F8FC 0%, #F2F8FC 30%, #fff 100%); } #windowsh22.PC-buying-guide #PivotTarget1 .pc-spec-bgcolor { background: linear-gradient(to bottom, #F1F4ED 0%, #F1F4ED 30%, #fff 100%); } #windowsh22.PC-buying-guide #PivotTarget2 .pc-spec-bgcolor { background: linear-gradient(to bottom, #E6EDEB 0%, #E6EDEB 30%, #fff 100%); } #windowsh22.PC-buying-guide #PivotTarget3 .pc-spec-bgcolor { background: linear-gradient(to bottom, #F3F0FC 0%, #F3F0FC 30%, #fff 100%); } #windowsh22.PC-buying-guide #PivotTarget4 .pc-spec-bgcolor { background: linear-gradient(to bottom, #fcf7ef 0%, #fcf7ef 30%, #fff 100%); } #windowsh22.PC-buying-guide #PivotTarget5 .pc-spec-bgcolor { background: linear-gradient(to bottom, #F8EEEF 0%, #F8EEEF 30%, #fff 100%); } #windowsh22.PC-buying-guide .image-priority-accolate .bg-feature-section.m-feature.feature-findpc-oem { background: linear-gradient(180deg, #D5CBE4 0.25%, #f8f3f7 100%); } #windowsh22.PC-buying-guide .pc-spec-bgcolor { margin-top: 48px; } #windowsh22.PC-buying-guide .m-content-placement-item .devices-pcguide .copilotBadge { width: calc(100%); background: radial-gradient(480.94% 2623.8% at -320% -450%, #0F0A2F 0%, #3B415E 46.09%, #727095 60.09%, #C98282 71.38%, #FFA673 77.67%, #FFD6AA 85.43%); text-align: center; padding: 5px; font-size: 18px; font-style: normal; font-weight: 700; line-height: 24px; color: #171717; border-radius: 8px 8px 0 0; position: relative; top: -30px; } #windowsh22.PC-buying-guide .devices-pcguide .d-hide { visibility: hidden; } #windowsh22.PC-buying-guide .devices-pcguide .d-hiden { display: none; } #windowsh22.PC-buying-guide #shop .m-content-placement-item .devices-pcguide { border: 1px solid #E3E3E3; padding-top: 30px; margin-right: 20px; background-color: #fff; border-radius: 8px; } #windowsh22.PC-buying-guide .PDivSection { padding: 0 8% 25px; cursor: auto; } #windowsh22.PC-buying-guide .PDivSection .c-glyph.c-button { background: #0078D4 !important; color: #fff; border-radius: 8px; width: 100%; max-width: 100%; margin: 25px 0 20px; text-align: center; } #windowsh22.PC-buying-guide a.c-button.hardcodelink { padding: 5px 12px 9px; } #windowsh22.PC-buying-guide .PDivSection .c-glyph.c-button:hover { text-decoration: underline; } #windowsh22.PC-buying-guide .PDivSection .hardcodelink svg { position: relative; left: 5px; top: 2px; } #windowsh22.PC-buying-guide .m-content-placement-item p .c-hyperlink { color: #0061ae; } #windowsh22.PC-buying-guide #shop .m-content-placement-item .devices-pcguide picture { height: 223px; display: block; text-align: center; } #windowsh22.PC-buying-guide #shop .m-content-placement-item .devices-pcguide img { max-height: 100%; padding-right: 0; max-width: 100%; } #windowsh22.PC-buying-guide .m-content-placement-item p .supBLink span { margin-left: 0; } #windowsh22.PC-buying-guide .toutpara .price-text { padding-right: 6px; } #windowsh22.PC-buying-guide .toutpara { font-size: 18px; line-height: 24px; color: #646464; font-weight: 400; } .pivot-dropdown { display: none; } #windowsh22.PC-buying-guide .image-priority-accolate .bg-feature-section.m-feature .c-heading-2 { background: linear-gradient(to right, #000101 0%, #161616 23%, #1265A5 83.38%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; padding-bottom: 5px; } #windowsh22.PC-buying-guide .link-retailers nav.c-link-navigation li a.c-hyperlink picture { margin-top: 20px; } @media (prefers-contrast: more) { #windowsh22.PC-buying-guide .c-pivot.center ul[role="tablist"] li.f-active { text-decoration: underline; } } @media only screen and (max-width: 767.98px) { #windowsh22.PC-buying-guide .pc-buying-specs { padding-bottom: 28px; } #windowsh22.PC-buying-guide .bg-feature-section.m-feature .featurecontent { text-align: left !important; } #windowsh22.PC-buying-guide .specs-heading { padding-top: 25px; } #windowsh22.PC-buying-guide .m-feature.f-align-left>div { margin-top: 30px; text-align: left; margin-left: 0; padding-left: 0; width: 100%; } #windowsh22.PC-buying-guide .m-feature.feature-findpc .featurecontent { text-align: left; } #windowsh22.PC-buying-guide #shop .m-content-placement-item .devices-pcguide { margin-left: 5%; margin-right: 5%; } #windowsh22.PC-buying-guide #shop { margin-top: 10px; padding-top: 25px } #windowsh22.PC-buying-guide .pc-buying-specs { text-align: left; padding-top: 0; } #windowsh22.PC-buying-guide .device-final-list { padding-bottom: 40px } #windowsh22.PC-buying-guide .featurebox .m-feature.f-align-left .featurecontent .c-paragraph-2 { padding-right: 5px; } /*#windowsh22.PC-buying-guide nav.c-link-navigation li a.c-hyperlink.f-image { text-align: left; }*/ #windowsh22.PC-buying-guide nav.c-link-navigation { padding-bottom: 40px; } #windowsh22.PC-buying-guide .pc-spec .articletouts .m-content-placement-item p:not(span) { position: relative; left: -48px; width: calc(100% + 48px); } #windowsh22.PC-buying-guide .link-retailers { max-height: 100% } #windowsh22.PC-buying-guide .c-heading-2 { font-size: 34px; } #windowsh22.PC-buying-guide .pc-spec .content-touts .m-content-placement-item { margin-top: 0 !important; } #windowsh22.PC-buying-guide .m-content-placement .articletouts .m-content-placement-item div .toutpara span:not(.supText) { font-size: 18px !important; line-height: 24px; padding-bottom: 16px; margin-left: 80px; } #windowsh22.PC-buying-guide .pc-spec.m-content-placement .articletouts .m-content-placement-item { display: inline-flex; } #windowsh22.PC-buying-guide .pc-spec.m-content-placement .articletouts .toutheading { padding: 0; font-size: 15px; line-height: 20px; margin-left: 34px; } #windowsh22.PC-buying-guide .m-content-placement .articletouts .m-content-placement-item>picture { overflow: visible; } #windowsh22.PC-buying-guide .m-feature.feature-findpc .featurecontent { Padding: 0 25px 25px; } #windowsh22.PC-buying-guide .featurebox .m-feature { padding-left: 0; padding-right: 0; } #windowsh22.PC-buying-guide #shop .m-content-placement-item { Width: 100% } #windowsh22.PC-buying-guide .m-content-placement .m-content-placement-item { padding: 20px; } #windowsh22.PC-buying-guide [role="tabpanel"] .featurebox { border-bottom: 1px solid #D9D9D9; padding-bottom: 60px; } #windowsh22.PC-buying-guide .m-content-placement>div>.content-touts, #windowsh22.PC-buying-guide .bg-feature-section.m-feature picture+div { Width: 100% } #windowsh22.PC-buying-guide .pivot-dropdown-list { width: 100%; border-bottom: 1px solid #ccc; } #windowsh22.PC-buying-guide #findPCOEM { padding: 40px 0; } #windowsh22.laptop-buying-guide .retailers nav.c-link-navigation li { padding: 20px 0; width: 250px; display: inline-block; } #windowsh22.PC-buying-guide .m-banner .c-heading-1 { font-size: 40px; line-height: 50px; } #windowsh22.PC-buying-guide .c-heading-1 { font-size: 40px; line-height: 50px; } #windowsh22.PC-buying-guide .m-link-navigation.link-retailers li a.c-hyperlink.f-image { text-align: center; } [dir="rtl"] #windowsh22.PC-buying-guide .pc-buying-specs { text-align: right; } [dir="rtl"] #windowsh22.PC-buying-guide .m-feature.f-align-left>div { text-align: right; } [dir="rtl"] #windowsh22.PC-buying-guide .pc-spec .articletouts .m-content-placement-item p:not(span) { position: relative; right: -48px; } [dir="rtl"] #windowsh22.PC-buying-guide .m-content-placement .articletouts .m-content-placement-item div .toutpara span:not(.supText) { margin-right: 80px; } [dir="rtl"] #windowsh22.PC-buying-guide .pc-spec.m-content-placement .articletouts .toutheading { margin-right: 34px; } [dir="rtl"] #windowsh22.PC-buying-guide .bg-feature-section.m-feature .featurecontent { text-align: right !important; } } windowsh22.PC-buying-guide .videobutton.c-call-to-action.c-glyph.bottom-right { right: 40px; bottom: 30px; } @media (max-width: 540px) { #windowsh22.PC-buying-guide .m-banner .c-heading-1 { font-size: 37px; line-height: 48px; } } @media (min-width: 768px) { #windowsh22.PC-buying-guide .image-priority-accolate { margin: 48px auto; } #windowsh22.PC-buying-guide #shop .c-heading-2 { padding-top: 0; } } @media only screen and (min-width:768px) and (max-width:900px) { #windowsh22.PC-buying-guide .oem-faq { padding-top: 40px; } } @media only screen and (min-width:768px) and (max-width:920px) { #windowsh22.PC-buying-guide #findPCOEM .feature-findpc-oem { min-height: 470px !important; } } @media only screen and (min-width:1084px) and (max-width:1230px) { [lang='ja-jp'] #windowsh22.PC-buying-guide .c-heading-1 { font-size: 51px !important; line-height: 60px !important; } } @media (min-width: 768px) and (max-width: 1083.98px) { #windowsh22.PC-buying-guide .pc-spec.m-content-placement>div>.content-touts, #windowsh22.PC-buying-guide .bg-feature-section.m-feature picture+div { width: 50%; } #windowsh22.PC-buying-guide .m-feature.f-align-left picture { width: 100%; padding: 0px 10% 20px; } #windowsh22.PC-buying-guide .m-feature.f-align-left .c-image.mp4inline { padding: 0 0 25px; z-index: 99; } #windowsh22.PC-buying-guide .videobutton.c-call-to-action.c-glyph.bottom-right { right: 40px; bottom: 45px; } #windowsh22.PC-buying-guide .m-feature.f-align-left>div { position: relative; top: calc(50%); -ms-transform: translateY(-50%); transform: translateY(0%); width: 100%; text-align: left; padding: 0; } #windowsh22.PC-buying-guide #heroBannerOEM .m-banner { Padding: 0; } #windowsh22.PC-buying-guide .m-content-placement .m-content-placement-item { padding: 10px; } #windowsh22.PC-buying-guide .featurebox .m-feature.f-align-left .featurecontent .c-paragraph-2 { padding-right: 5px; } #windowsh22.PC-buying-guide #shop .m-content-placement-item .devices-pcguide picture { height: 120px; } #windowsh22.PC-buying-guide .pc-spec-bgcolor .device-final-list { padding: 0 3% 0 5%; } #windowsh22.PC-buying-guide #Hero-banner>.m-banner { width: 100%; } #windowsh22.PC-buying-guide .c-heading-2 { font-size: 40px; line-height: 50px; padding-top: 30px; } #windowsh22.PC-buying-guide .bg-feature-section.m-feature.f-align-right .c-heading-2 { padding-top: 0; } #windowsh22.PC-buying-guide .m-banner .c-heading-1 { font-size: 52px !important; line-height: 62px !important; padding-bottom: 10px; } #windowsh22.PC-buying-guide .pivot-dropdown-list { width: 600px; border: 1px solid #ccc; border-top: 0; border-left: 0; } #windowsh22.PC-buying-guide .c-heading-1 { font-size: 48px; line-height: 58px; } } @media only screen and (max-width: 1083.98px) { #windowsh22.PC-buying-guide .pivot-dropdown-hide { display: none !important; } #windowsh22.PC-buying-guide .pivot-dropdown { display: block; } #windowsh22.PC-buying-guide .pivot-dropdown-list li:focus, #windowsh22.PC-buying-guide .pivot-dropdown:focus { outline: 2px dashed #000; border: none !important; outline-offset: -2px !important; } #windowsh22.PC-buying-guide .pivot-dropdown:focus { outline-offset: -9px !important; } #windowsh22.PC-buying-guide .pivot-dropdown-list { display: flex; flex-direction: column; align-items: flex-start; padding-top: 0px; background: rgba(243, 243, 243, 1); position: absolute; z-index: 999; margin-top: -6px; padding-bottom: 20px; } #windowsh22.PC-buying-guide .pivot-dropdown { padding-left: 5% !important; font-weight: 600; font-size: 22px; background: rgba(243, 243, 243, 1); padding-bottom: 20px; cursor: pointer; padding-top: 15px; padding-right: 5%; } #windowsh22.PC-buying-guide .c-pivot.center [role="tablist"] [role="tab"] { font-weight: 600; font-size: 18px; border-radius: 0; text-align: center; padding: 12px !important; box-shadow: none; margin: 3px 20px !important; background: rgba(243, 243, 243, 1); border-bottom: none !important; } #windowsh22 .pivot-dropdown[aria-expanded="false"] .arrow-icon::before { content: '\E70D'; font-size: 14px; font-family: "MWF-MDL2"; position: relative; bottom: -2px; left: 8px; } #windowsh22 .pivot-dropdown[aria-expanded="true"] .arrow-icon::before { content: '\E70E'; font-size: 14px; font-family: "MWF-MDL2"; position: relative; bottom: -2px; left: 8px; } #windowsh22.PC-buying-guide #link-retailers { padding-top: 30px !important; } [dir="rtl"] #windowsh22 .pivot-dropdown[aria-expanded="false"] .arrow-icon::before, [dir="rtl"] #windowsh22 .pivot-dropdown[aria-expanded="true"] .arrow-icon::before { left: 0; } } @media only screen and (min-width: 1084px) { #windowsh22.PC-buying-guide .m-feature.pc-pivot picture { padding: 0 2% 0 7%; } [lang='ja-jp'] #windowsh22.PC-buying-guide .c-heading-1 { font-size: 56px; font-weight: 600; line-height: 65px; } #windowsh22.PC-buying-guide .m-feature.oem-lbg picture { padding: 0 2% 0 7%; } #windowsh22.PC-buying-guide .c-pivot.center [role="tablist"] [role="tab"] { font-weight: 600; font-size: 18px; border-radius: 6px; text-align: center; padding: 0px 6px 8px 6px; line-height: 1; box-shadow: none; background: #FFF; } #windowsh22.PC-buying-guide .m-banner { margin-top: 20px; width: 90%; } #windowsh22.PC-buying-guide .m-hero-item.f-y-center.f-transparent>div>div, #windowsh22.PC-buying-guide .c-hero.f-y-center.f-transparent>div>div { top: calc(50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #windowsh22.PC-buying-guide .m-hero-item.f-transparent:before { padding-bottom: 41.55% !important; } #windowsh22.PC-buying-guide #heroBannerOEM .oem-hbanner .c-heading-2 { padding-top: 48px; } } @media only screen and (min-width: 1770px) { #windowsh22.PC-buying-guide .pc-spec-bgcolor { width: 100%; max-width: 100% !important; padding: 0; } #windowsh22.PC-buying-guide #shop { max-width: 1600px !important; margin: 0 auto; min-width: 1600px; float: none; } } /*PC-buying-Guide end*/ /*AI-Windows redesign css starts*/ #windowsh22.AI-Page .gradient-text { background: linear-gradient(to right, #000101 0%, #161616 23%, #1265A5 83.38%); -webkit-background-clip: text; color: transparent; background-clip: text; } #windowsh22.AI-Page #customvideo .c-image { position: relative; } #windowsh22.AI-Page #ai-features-hero { background: linear-gradient(to right, #E8EEF8 31%, #E8EEF8 -51%, #FEFEFE 73.38%); } #windowsh22.AI-Page #productivity { background: linear-gradient(180deg, #F9FCFF 0%, #F9FCFF 9.07%, #E5F2FD 78.75%); } #windowsh22.AI-Page #everyday, #windowsh22.AI-Page #creativity { background: linear-gradient(180deg, #FDFEFC 0%, #FDFEFC 9.07%, #F2F6EB 78.75% ); } #windowsh22.AI-Page #education { background: linear-gradient(180deg, #F9FCFF 0%, #F9FCFF 9.07%, #E5F2FD 78.75%); } #windowsh22.AI-Page #spring-feature-new { background: linear-gradient(180deg, #D5CBE4 0%, #D5CBE4 0.25%, #FFFFFF 190.75%); } #windowsh22.AI-Page #ai-features-banner .rounded-corners .c-button.f-primary.blue-button:before { top: 29% !important; } #windowsh22.AI-Page #ai-features-banner .rounded-corners .c-button.f-primary.blue-button:before, #windowsh22.AI-Page #ai-features-banner .rounded-corners .c-button.f-primary.white-button:before { content: ""; right: 75%; top: 25%; outline: none; border: none; } #windowsh22.ai-features .m-feature { margin-top: 0px !important; margin-bottom: 0px !important; } #windowsh22.AI-Page #ai-features-banner .m-banner { padding-top: 22px !important; } #windowsh22.ai-features #ai-features-banner .c-button.f-primary.blue-button { padding: 11px 25px 11px 40px !important; } #windowsh22.AI-Page #customvideo { padding-top: 48px !important; padding-bottom: 48px; } #windowsh22.AI-Page #ai-features-hero { background-color: #F9F9F9; } #windowsh22.AI-Page #content-placemnet-panel-new .m-content-placement-item { margin-top: 0px !important; } #windowsh22.AI-Page .videobutton.c-call-to-action.c-glyph:before { margin-left: 6px; } #windowsh22.AI-Page .feature-video.m-feature > picture .videobutton.c-call-to-action.c-glyph.bottom-right { right: 2%; bottom: 2%; } #windowsh22.ai-features .toggle-button input:focus + .slider { outline: 2px dashed #000; } @media screen and (min-width: 320px) and (max-width: 375px) { #windowsh22.ai-features .c-heading-2 { font-size: 30px; line-height: 40px; } } @media only screen and (max-width: 767.98px) { #windowsh22.ai-features .c-heading-1 { padding-top: 0px; font-size: 40px; font-weight: 600; line-height: 50px; letter-spacing: 0em; } #windowsh22.AI-Page #productivity.featurebox, #windowsh22.AI-Page #education.featurebox, #windowsh22.AI-Page #everyday.featurebox, #windowsh22.AI-Page #creativity.featurebox, #windowsh22.AI-Page #spring-feature-new.featurebox { padding-left: 5%; padding-right: 5%; } #windowsh22.ai-features .m-feature .featurecontent { width: 100%; margin: 0; padding: 30px 0 0; } } @media only screen and (min-width: 768px) and (max-width: 1083px) { #windowsh22.ai-features .featurecontent .c-heading-1 { font-size: 44px; line-height: normal; padding-top: 0; } #windowsh22.ai-features .c-heading-2 { font-size: 40px; line-height: 47px; } #windowsh22.AI-Page #productivity.featurebox, #windowsh22.AI-Page #education.featurebox, #windowsh22.AI-Page #everyday.featurebox, #windowsh22.AI-Page #creativity.featurebox, #windowsh22.AI-Page #spring-feature-new.featurebox { padding-left: 1%; padding-right: 1%; } #windowsh22.AI-Page #ai-features-banner .m-banner { padding-top: 40px !important; } #windowsh22.ai-features .featurebox { padding-top: 40px !important; } } @media only screen and (max-width: 1083.98px) { #windowsh22.AI-Page .c-heading-2{ padding-top: 0 !important; } #windowsh22.AI-Page #content-placemnet-panel-new .content-touts { margin-top: 48px; margin-bottom: 48px; } #windowsh22.AI-Page #customvideo { margin-left: 5%; margin-right: 5%; } #windowsh22.AI-Page #ai-features-hero .featurebox { width: 100%; margin-top: 50px; } #windowsh22.ai-features .featurebox { padding-top: 48px !important; padding-bottom: 48px !important; } #windowsh22.AI-Page #ai-features-hero { width: 100%; max-width: 100%; } #windowsh22.ai-features .image-priority-accolate { width: 100%; } #windowsh22.AI-Page #everyday .icon-overlay-wrapper, #windowsh22.AI-Page #creativity .icon-overlay-wrapper, #windowsh22.AI-Page #productivity .icon-overlay-wrapper, #windowsh22.AI-Page #education .icon-overlay-wrapper { position: absolute; display: inline-block; width: 20%; height: auto; z-index: 398; right: -9% !important; top: 50%; transform: translateY(-50%); } #windowsh22.AI-Page #productivity .icon-overlay-wrapper, #windowsh22.AI-Page #education .icon-overlay-wrapper { left: -9% !important; } } @media only screen and (min-width: 1084px) { #windowsh22.AI-Page #everyday .icon-overlay-wrapper, #windowsh22.AI-Page #creativity .icon-overlay-wrapper, #windowsh22.AI-Page #productivity .icon-overlay-wrapper, #windowsh22.AI-Page #education .icon-overlay-wrapper { position: absolute; display: inline-block; width: 20%; height: auto; z-index: 398; right: -9% !important; top: 50%; transform: translateY(-50%); } #windowsh22.AI-Page #content-placemnet-panel-new .content-touts { margin-top: 60px; margin-bottom: 60px; } #windowsh22.AI-Page #spring-feature-new .featurecontent { padding-left: 10%; } #windowsh22.AI-Page #productivity .featurecontent, #windowsh22.AI-Page #education .featurecontent { padding-right: 0px; padding-left: 15%; } #windowsh22.AI-Page #everyday .featurecontent, #windowsh22.AI-Page #creativity .featurecontent, #windowsh22.AI-Page #ai-features-hero .featurecontent { padding-right: 15%; padding-left: 0; } #windowsh22.ai-features .featurebox { padding-top: 60px !important; padding-bottom: 60px !important; } #windowsh22.AI-Page #spring-feature-new { padding: 48px 0px 30px !important; } } @media only screen and (max-width: 1084px) and (min-width: 1400px) { #windowsh22 .feature-video.m-feature > picture .videobutton.c-call-to-action.c-glyph.bottom-right { right: 3% !important; bottom: 1% !important; } } @media only screen and (min-width:1770px) { #windowsh22.ai-features .featurebox { width: 100%; max-width: 100%; padding: 0; } #windowsh22.ai-features .m-feature, #windowsh22.ai-features #ai-features-banner .m-banner { max-width: 1600px; margin: 0 auto; min-width: 1600px; float: none; } } /*AI-Windows redesign css ends*/ /*win-11 css starts*/ #windowsh22.win-11-new #Heroitem.featurebox { background: linear-gradient(180deg, #CAE9FF 0.01%, #F2F4FE 100.01%); } #windowsh22.win-11-new .m-content-placement.crossCards { background: none; } #windowsh22.win-11-new .image-priority-accolate .bg-feature-section.m-feature { background: linear-gradient(180deg, #DAE9F4 0.01%, #FFFFFF 100.01%); } #windowsh22.win-11-new #win-getwin11 .m-feature.f-align-right > div { padding: 0 24px 24px 24px; } #windowsh22.win-11-new #organizeFiles { background: linear-gradient(180deg, #D5CBE4 0.01%, #E1DAEC 100.01%); } #windowsh22.win-11-new #recordScreen { background: linear-gradient(180deg, #E1DAEC 0.01%, #ECE7F3 100.01%); } #windowsh22.win-11-new #bringPhotos { background: linear-gradient(180deg, #ECE7F3 0.01%, #F4F1F8 100.01%); } #windowsh22.win-11-new #quicklyStart { background: linear-gradient(180deg, #F4F1F8 0.01%, #FFFFFF 100.01%); } #windowsh22.win-11-new #windowsSecurity { background: linear-gradient(180deg, #D3E2F0 0.01%, #FFFFFF 100.01%); } #windowsh22.win-11-new .m-feature:not(#Heroitem .m-feature,#windowsSecurity .m-feature,#win-getwin11 .m-feature,#pchealthcheck .m-feature) { margin-top: 0px !important; margin-bottom: 0px !important; } #windowsh22.win-11-new .articletouts .m-content-placement-item, #windowsh22.win-11-new .articletouts .m-content-placement-item:hover { cursor: default; } #windowsh22.win-11-new.hubmain { background: none !important; } #windowsh22.win-11-new #homeContentPlacemet [data-grid~="pad-6x"] > [data-grid] { padding-left: 32px; padding-right: 32px; } #windowsh22.win-11-new .gradient-text { background: linear-gradient(to right, #000101 0%, #161616 23%, #1265A5 83.38%); -webkit-background-clip: text; color: transparent; background-clip: text; padding-bottom: 10px; } #windowsh22.win-11-new #organizeFiles, #windowsh22.win-11-new #win-getwin11 { margin-top: 48px; } #windowsh22.win-11-new #win-getwin11 { padding-bottom: 24px; } @media screen and (max-width: 539.98px) { #windowsh22.win-11-new #organizeFiles .c-image, #windowsh22.win-11-new #bringPhotos .c-image, #windowsh22.win-11-new #recordScreen .c-image, #windowsh22.win-11-new #quicklyStart .c-image { width: calc(100% - 40px); } } @media only screen and (min-width:540px) and (max-width:767.98px) { #windowsh22.win-11-new #organizeFiles .c-image, #windowsh22.win-11-new #bringPhotos .c-image, #windowsh22.win-11-new #recordScreen .c-image, #windowsh22.win-11-new #quicklyStart .c-image { width: calc(100% - 90px); } } @media screen and (max-width: 767.98px) { #windowsh22.win-11-new .m-feature .featurecontent { text-align: left; padding-left: 0px; margin-left: 0px; padding-bottom: 0px; float: left; } #windowsh22.win-11-new .m-feature.f-align-right > div .c-heading-2, #windowsh22.win-11-new .m-feature.f-align-left > div .c-heading-2 { margin-bottom: 15px; } #windowsh22.win-11-new #recordScreen .c-image, #windowsh22.win-11-new #quicklyStart .c-image { float: right; padding-bottom: 28px; } #windowsh22.win-11-new .m-content-placement { padding-left: 0px; padding-right: 0px; } #windowsh22.win-11-new .m-feature.f-align-right > div .c-heading-2, #windowsh22.win-11-new #windowsSecurity .m-feature .featurecontent { padding-top: 28px; } #windowsh22.win-11-new #Heroitem .m-feature .featurecontent { padding-top: 30px; } } @media only screen and (max-width: 1083.98px) { #windowsh22.win-11-new .featurebox:not(#win-getwin11), #windowsh22.win-11-new #winBanner-fall .m-banner { width: 100%; } #windowsh22.win-11-new #organizeFiles, #windowsh22.win-11-new #recordScreen, #windowsh22.win-11-new #bringPhotos, #windowsh22.win-11-new #quicklyStart { padding-top: 48px; padding-bottom: 48px; } #windowsh22.win-11-new #Heroitem .m-feature { padding-left: 5%; padding-right: 5%; } #windowsh22.win-11-new [data-vg="HorizontalLine"] { padding-left: 0px; padding-right: 0px; } } @media only screen and (min-width:768px) and (max-width:1083.98px) { #windowsh22.win-11-new #Heroitem .m-feature .featurecontent h1 { font-size: 52px; line-height: 62px; } #windowsh22.win-11-new .bg-feature-section.m-feature picture + div { width: 50%; } #windowsh22.win-11-new .image-priority-accolate#win-getwin11 .bg-feature-section.m-feature { padding: 0; min-height: auto !important; width: calc(100% - 50px); } #windowsh22.win-11-new #homeContentPlacemet [data-grid~="pad-6x"] > [data-grid] { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 1084px) { #windowsh22.win-11-new #organizeFiles .m-feature.f-align-right .featurecontent, #windowsh22.win-11-new #bringPhotos .m-feature.f-align-right .featurecontent { padding-left: 8%; padding-right: 0px; } #windowsh22.win-11-new #recordScreen .m-feature.f-align-left .featurecontent, #windowsh22.win-11-new #quicklyStart .m-feature.f-align-left .featurecontent { padding-right: 8%; padding-left: 0px; } #windowsh22.win-11-new #organizeFiles, #windowsh22.win-11-new #recordScreen, #windowsh22.win-11-new #bringPhotos, #windowsh22.win-11-new #quicklyStart { padding-top: 60px; padding-bottom: 60px; } #windowsh22.win-11-new #windowsSecurity .m-feature.f-align-left .featurecontent { padding-right: 9%; padding-left: 0px; } #windowsh22.win-11-new .m-feature.f-align-left > div { width: 50% !important; } #windowsh22.win-11-new #organizeFiles .c-image, #windowsh22.win-11-new #bringPhotos .c-image, #windowsh22.win-11-new #recordScreen .c-image, #windowsh22.win-11-new #quicklyStart .c-image { padding: 0 5%; } #windowsh22.win-11-new #Heroitem .featurecontent { padding-left: 8%; } } @media only screen and (min-width:1770px) { #windowsh22.win-11-new .featurebox:not(#win-getwin11) { width: 100%; max-width: 100%; } #windowsh22.win-11-new .featurebox .m-feature:not(#win-getwin11 .m-feature, #pchealthcheck .m-feature) { max-width: 1600px; margin: 0 auto; min-width: 1600px; margin-top: 48px; float: none; } } @media only screen and (max-width:767.98px) { #windowsh22.win-11-new .m-feature .featurecontent { width: 100%; margin: 0; /*padding: 30px 0 0;*/ } } /*win-11-new css ends*/ /*comprehensive security redesign css starts*/ #windowsh22.win-comprehensive-security #SecurityFeaturehero .featurecontent .c-heading-1 { font-size: 62px; font-weight: 600; line-height: 72px; } #windowsh22.win-comprehensive-security .c-heading-2 { font-size: 46px; font-weight: 600; line-height: 56px; } #windowsh22.win-comprehensive-security .c-heading-3 { font-size: 34px !important; line-height: 40px !important; } #windowsh22.win-comprehensive-security #SecurityFeaturehero { background: linear-gradient(180deg, rgba(253, 254, 255, 1) 0%, rgba(211, 228, 240, 1) 100%); } #windowsh22.win-comprehensive-security #privacyProtection { background: linear-gradient(rgb(242, 247, 251) 0%, rgb(211, 228, 240) 100%); } #windowsh22.win-comprehensive-security #privacyProtectionBanner, #windowsh22.win-comprehensive-security #malwareProtectionBanner { background: linear-gradient(180deg, rgba(253, 254, 255, 1) 0%, rgba(242, 247, 251, 1) 100%); } #windowsh22.win-comprehensive-security #SecurityFeaturehero .featurecontent .c-heading-1 { padding-bottom: 10px; background: linear-gradient(to right, #000000 -80%, #000000 -10%, #0078D4 50.38%); background-clip: text; -ms-background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: rgba(255,255,255,0); -ms-text-fill-color: rgba(255,255,255,0); background: -webkit-linear-gradient(to right, #000000 -80%, #000000 -10%, #0078D4 50.38%); color: rgba(255,255,255,0); } #windowsh22.win-comprehensive-security .c-heading-2 { letter-spacing: 0em; background: linear-gradient(to right, #000000 -20%, #000000 15%, #0078D4 80.38%); background-clip: text; -ms-background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: rgba(255,255,255,0); -ms-text-fill-color: rgba(255,255,255,0); background: -webkit-linear-gradient(to right, #000000 -20%, #000000 15%, #0078D4 80.38%); color: rgba(255,255,255,0); padding-bottom: 5px; } #windowsh22.win-comprehensive-security .c-paragraph-2 { padding-bottom: 12px; } #windowsh22.win-comprehensive-security .holiday-animated-hero .m-hero-item > div > div .c-group a { white-space: normal; text-align: left; } #windowsh22.win-comprehensive-security #ContentPlacemetCard .m-content-placement-item picture img, #windowsh22.win-comprehensive-security #content-placement-3up .m-content-placement-item picture img { width: 100% !important; } #windowsh22.win-comprehensive-security #ContentPlacemetCard .m-content-placement-item picture { padding-bottom: 57%; } #windowsh22.win-comprehensive-security #content-placement-3up .m-content-placement-item picture { padding-bottom: 70% !important; } #windowsh22.win-comprehensive-security .holiday-animated-hero .m-hero-item > div > div .c-group a { background: #0078D4; color: #fff; padding-left: 40px; } #windowsh22.win-comprehensive-security .articletouts .m-content-placement-item p { padding-bottom: 12px; padding-top: 12px; } #windowsh22.win-comprehensive-security #malwareProtectionBanner, #windowsh22.win-comprehensive-security #malwareProtectionBanner .m-banner { padding-top: 0; } #windowsh22.win-comprehensive-security #Modernprotection { background: linear-gradient(360deg, rgb(249, 252, 255) 300.2%, rgb(201, 222, 236) 1050.29%); padding-top: 40px; } #windowsh22.win-comprehensive-security #Modernprotection { background: linear-gradient(180deg, rgba(253, 254, 255, 1) 0%, rgba(211, 228, 240, 1) 100%); padding-top: 0; padding-bottom: 0; } #windowsh22.win-comprehensive-security #device-section .m-content-placement-item > div { box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; padding: 0 5% 5%; } #windowsh22.win-comprehensive-security .gradient-LVP .featurecontent .verticalgrdient .content-gradient .c-group { margin-left: 0; margin-top: 0; } #windowsh22.win-comprehensive-security .gradient-LVP .featurecontent .verticalgrdient { margin-top: 10%; } #windowsh22.win-comprehensive-security .gradient-LVP { display: grid; } #windowsh22.win-comprehensive-security #ContentPlacemetCard.crossCards { background: none !important; } #windowsh22.win-comprehensive-security .featurebox .featurecontent p.c-paragraph-1 { padding-top: 18px !important; } #windowsh22.win-comprehensive-security .gradient-divs:not(:first-child) { margin-top: 24px; } #windowsh22.win-comprehensive-security #SecurityFeaturehero .featurecontent .c-group a.c-call-to-action.c-glyph:not(.c-button) { margin-top: 12px; } #windowsh22.win-comprehensive-security .m-content-placement-item .linearHorzontalLineLeft-blue { display: none; } #windowsh22.win-comprehensive-security #comprehensiveSecurity_Contentplacement1_malwareProtection .m-content-placement-item picture, #windowsh22.win-comprehensive-security #comprehensiveSecurity_Contentplacement1_appsecurity .m-content-placement-item picture { margin-bottom: 40px; } #windowsh22.win-comprehensive-security #content-placement-3up .m-content-placement-item { box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; } #windowsh22.win-comprehensive-security #content-placement-3up .m-content-placement-item>div { padding: 14px 24px 24px; } #windowsh22.win-comprehensive-security #content-placement-3up .m-content-placement-item a:focus { text-decoration: none; } #windowsh22.win-comprehensive-security .m-feature .c-call-to-action:focus span { border-bottom: none !important; } @media only screen and (min-width: 540px) and (max-width: 767.98px) { #windowsh22.win-comprehensive-security #content-placement-3up .articletouts { padding: 0 20%; } } @media only screen and (max-width: 480.98px) { #windowsh22.win-comprehensive-security #SecurityFeaturehero .featurecontent .c-group a.c-call-to-action.c-glyph:not(.c-button) { margin-top: 18px; } } @media only screen and (max-width: 767.98px) { #windowsh22.win-comprehensive-security .c-heading-1 { font-size: 40px !important; line-height: 50px !important; font-weight: 600; } #windowsh22.win-comprehensive-security .c-heading-2 { font-size: 34px; line-height: 44px; font-weight: 600; } #windowsh22.win-comprehensive-security #SecurityFeaturehero .featurecontent .c-heading-1 { padding-top: 37px; padding-bottom: 0; } #windowsh22.win-comprehensive-security .c-heading-3 { font-size: 26px !important; font-weight: 600; line-height: 32px !important; } #windowsh22.win-comprehensive-security .m-feature .featurecontent .c-paragraph-2 { margin-bottom: 0px; } #windowsh22.win-comprehensive-security #privacyProtection .m-feature .featurecontent, #windowsh22.win-comprehensive-security #identityProtection .m-feature .featurecontent { padding-bottom: 20px; } #windowsh22.win-comprehensive-security .m-banner { padding-top: 24px; } #windowsh22.win-comprehensive-security .m-feature .featurecontent .verticalgrdient { width: 100%; } #windowsh22.win-comprehensive-security #privacyProtection .m-feature .featurecontent { padding-right: 0; } #windowsh22.win-comprehensive-security #content-placement-3up .m-content-placement-item h3 { padding-top: 0; } #windowsh22.win-comprehensive-security #privacyProtectionBanner .m-banner, #windowsh22.win-comprehensive-security #identityProtectionBanner .m-banner { text-align: left !important; } #windowsh22.win-comprehensive-security .featurebox#privacyProtection .m-feature .featurecontent .c-heading-2, #windowsh22.win-comprehensive-security .featurebox#privacyProtection .m-feature .featurecontent .c-paragraph-2, #windowsh22.win-comprehensive-security .featurebox#identityProtection .m-feature .featurecontent .c-heading-2, #windowsh22.win-comprehensive-security .featurebox#identityProtection .m-feature .featurecontent .c-paragraph-2 { display: block; } #windowsh22.win-comprehensive-security #privacyProtectionBanner, #windowsh22.win-comprehensive-security #identityProtectionBanner { display: none; } #windowsh22.win-comprehensive-security #privacyProtection, #windowsh22.win-comprehensive-security #identityProtection { padding-top: 40px !important; } #windowsh22.win-comprehensive-security .featurebox#privacyProtection .m-feature .featurecontent .c-paragraph-2, #windowsh22.win-comprehensive-security .featurebox#identityProtection .m-feature .featurecontent .c-paragraph-2 { padding-top: 0; } #windowsh22.win-comprehensive-security .c-paragraph-1, #windowsh22.win-comprehensive-security .c-paragraph-2 { font-size: 15px !important; font-weight: 400; line-height: 20px; } #windowsh22.win-comprehensive-security .m-feature .featurecontent { width: 100% !important; } } @media only screen and (min-width: 768px) { #windowsh22.win-comprehensive-security .featurebox#privacyProtection .m-feature .featurecontent .c-heading-2, #windowsh22.win-comprehensive-security .featurebox#privacyProtection .m-feature .featurecontent .c-paragraph-2, #windowsh22.win-comprehensive-security .featurebox#identityProtection .m-feature .featurecontent .c-heading-2, #windowsh22.win-comprehensive-security .featurebox#identityProtection .m-feature .featurecontent .c-paragraph-2{ display: none; } #windowsh22.win-comprehensive-security #privacyProtectionBanner, #windowsh22.win-comprehensive-security #identityProtectionBanner { display: block; } #windowsh22.win-comprehensive-security .c-paragraph-1 { font-size: 18px !important; } } @media only screen and (min-width: 768px) and (max-width: 1083.98px) { #windowsh22.win-comprehensive-security #SecurityFeaturehero .featurecontent .c-heading-1 { font-size: 52px; line-height: 62px; } #windowsh22.comprehensive-security .featurebox .m-feature.f-align-right .featurecontent { padding-left: 36px; } #windowsh22.win-comprehensive-security #ContentPlacemetCard [data-grid~="pad-6x"] > [data-grid] { padding-left: 16px; padding-right: 16px; } #windowsh22.win-comprehensive-security #Modernprotection .m-feature { align-items: center; display: flex; justify-content: right; } } @media only screen and (max-width: 1083.98px) { #windowsh22.win-comprehensive-security #SecurityFeaturehero .m-feature { margin-top: 48px !important; margin-bottom: 48px; } #windowsh22.win-comprehensive-security #Modernprotection .m-feature { margin-top: 48px !important; } #windowsh22.win-comprehensive-security #comprehensiveSecurity_Contentplacement1_malwareProtection .m-content-placement-item picture { margin-bottom: 10px; } #windowsh22.win-comprehensive-security #comprehensiveSecurity_Contentplacement1_appsecurity .m-content-placement-item picture { margin-bottom: 20px; } #windowsh22.win-comprehensive-security #threeUpBanner .m-banner { padding-top: 0; } } @media only screen and (min-width: 1084px) { #windowsh22.win-comprehensive-security #comprehensiveSecurity_Contentplacement1_appsecurity .m-content-placement-item picture { padding-bottom: 60px; } #windowsh22.win-comprehensive-security .m-feature { padding-bottom: 60px; padding-top: 60px; margin-top: 0; } #windowsh22.win-comprehensive-security .featurebox .m-feature.f-align-right .featurecontent { padding-left: 94px; } #windowsh22.win-comprehensive-security #ContentPlacemetCard [data-grid~="pad-6x"] > [data-grid] { padding-left: 32px; padding-right: 32px; } } @media only screen and (min-width: 1084px) and (max-width: 1274px) { #windowsh22.win-comprehensive-security #Modernprotection { padding-bottom: 0; } } @media only screen and (min-width: 1275px) { #windowsh22.win-comprehensive-security #Modernprotection { padding-bottom: 40px; } } @media only screen and (min-width: 1400px) { #windowsh22.win-comprehensive-security #SecurityFeaturehero.featurebox .featurecontent p.c-paragraph-2 { padding-bottom: 20px; padding-top: 30px !important; } #windowsh22.win-comprehensive-security .featurebox .m-feature.f-align-left .featurecontent { padding-left: 0; } } @media only screen and (min-width: 1600px) and (max-width: 1769px) { #windowsh22.comprehensive-security #Modernprotection .m-feature { min-width: 100%; } #windowsh22.win-comprehensive-security #Modernprotection { padding-left: 5%; padding-right: 5%; } } @media only screen and (min-width: 1770px) { #windowsh22.win-comprehensive-security .m-feature { max-width: 1600px; margin: 0 auto; min-width: 1600px; float: none; } #windowsh22.win-comprehensive-security [data-vg="Feature"] { max-width: 100%; } #windowsh22.win-comprehensive-security #comprehensiveSecurity_Contentplacement1_malwareProtection { max-width: calc(1600px + 10%); margin: 0 auto; padding-left: 5%; padding-right: 5%; } } .end-of-support #NewFeatureGroupId .m-feature-group .m-feature .c-group a.eosvideobtnonedrive span { top: 0px !important; } .end-of-support #NewFeatureGroupId .m-feature-group .m-feature .c-group a.eosvideobtnonedrive.c-glyph.glyph-play:before { position: relative !important; top: -2px !important; } .end-of-support #NewFeatureGroupId .m-feature-group .m-feature .c-group a.eosvideobtnonedrive:hover span, .end-of-support #windowsTransfer .c-group a.eosvideobtn:hover span { text-decoration: none; } .end-of-support #windowsTransfer .c-group a.eosvideobtn { margin-top: 15px !important; } .end-of-support #NewFeatureGroupId .m-feature-group .m-feature .c-group a.eosvideobtnonedrive span:hover, .end-of-support #NewFeatureGroupId .m-feature-group .m-feature .c-group a.eosvideobtnonedrive span:focus{ cursor:pointer; } #windowsh22.win-11-new #homeContentPlacemet a.c-call-to-action:active, #windowsh22.win-11-new #homeContentPlacemet a.c-call-to-action:focus { outline: 3px dashed #000 !important; outline-offset: 0; border-color: transparent; color: #005da6; background: rgba(0, 103, 184, .1); } #windowsh22.next-gen-ai-pcs #copilot_Contentplacement1 .content-touts, #windowsh22.windows #copilot_Contentplacement1 .content-touts { width: 330px !important; } #windowsh22.next-gen-ai-pcs #copilot_Contentplacement1 .m-content-placement-item > picture, #windowsh22.windows #copilot_Contentplacement1 .m-content-placement-item > picture { padding-bottom: 0 !important; } #windowsh22.next-gen-ai-pcs #copilot_Contentplacement1, #windowsh22.windows #copilot_Contentplacement1 { display: flex; justify-content: center; padding-bottom:25px !important; } #windowsh22.next-gen-ai-pcs #experiences .c-heading-2{ padding-top: 0; } #windowsh22.next-gen-ai-pcs #copilot_Contentplacement1 > div, #windowsh22.windows #copilot_Contentplacement1 > div { display: flex; justify-content: center; } #windowsh22.next-gen-ai-pcs #Hero-Banner.BannerWithocidvaluescls .m-banner .c-group a.c-call-to-action.banner-btn-with-ocid-cls:after{ display:none; } [lang="ja-jp"] #windowsh22.next-gen-ai-pcs #copilot_Contentplacement1 .touthlabel, [lang="ja-jp"] #windowsh22.windows #copilot_Contentplacement1 .touthlabel { font-size: 18px; } @media only screen and (max-width: 676px){ #windowsh22.next-gen-ai-pcs #copilot_Contentplacement1 > div, #windowsh22.windows #copilot_Contentplacement1 > div { max-width: 400px; display: flex; /* justify-content: center; */ flex-direction: column; align-items: center; } } #windowsh22.next-gen-ai-pcs #copilot_Contentplacement1 .touthlabel, #windowsh22.windows #copilot_Contentplacement1 .touthlabel{ font-size:20px; font-weight:600; } #windowsh22.next-gen-ai-pcs #copilot_Contentplacement1 .toutpara, #windowsh22.windows .articletouts #copilot_Contentplacement1 .toutpara{ padding: 6px 0 !important; } #windowsh22.next-gen-ai-pcs #copilot_Contentplacement1 a.c-call-to-action, #windowsh22.windows #copilot_Contentplacement1 a.c-call-to-action{ padding: 0 20px 10px 0; } #windowsh22.next-gen-ai-pcs #copilot_Contentplacement1 .glyph-play:after { font-size: 11px; margin-top: 3px; content: "\E76C"; vertical-align: middle; transition: transform 0.3s ease; } #windowsh22.next-gen-ai-pcs #copilot_Contentplacement1 .glyph-play:hover:after { transform: scale(1); margin-left: 2px; } #windowsh22.next-gen-ai-pcs #copilot_Contentplacement1 .glyph-play:before { display:none; } #windowsh22.windows #copilot_Contentplacement1 .content-touts{ margin-bottom: 0; } @media (min-width: 676px) and (max-width: 1300px) { #windowsh22.next-gen-ai-pcs #copilot_Contentplacement1 > div, #windowsh22.windows #copilot_Contentplacement1 > div { /*grid-gap: 30px;*/ /* gap: 30px; */ -ms-flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; max-width: 800px; display: flex; /* margin: 0 auto; */ flex-wrap: wrap; justify-content: center; } #windowsh22.windows #copilot_Contentplacement1 > div { max-width: 1000px !important; } } /*comprehensive security redesign css ends*/ /*Co-pilot-plus-pcs campaign css starts */ #windowsh22.next-gen-ai-pcs .ContainerExperinenesWithhocidvaluescls, #windowsh22.next-gen-ai-pcs .experinenesWithhocidvaluescls{ background:#000 !important; } #windowsh22.next-gen-ai-pcs .ContainerExperinenesWithhocidvaluescls{ padding-bottom:48px; } #windowsh22.next-gen-ai-pcs #Hero-Banner.BannerWithocidvaluescls { background: linear-gradient(179deg, #050200 -0.33%, #050200 36.89%, #633226 93.11%) !important; } #windowsh22.next-gen-ai-pcs #Hero-Banner.BannerWithocidvaluescls .m-banner .c-group a.c-call-to-action.banner-btn-with-ocid-cls{ background : #fff; color : #271207; border-radius: 6px; text-align: center; padding: 11px 40px; line-height: 20px; box-shadow: none; white-space: normal; font-weight: 700; margin-top: 15px; border: 0; min-height: 42px; height: auto; } @media screen and (max-width: 1083px) { #windowsh22.next-gen-ai-pcs #npu.npuFeatureWithocidvaluescls.image-priority-accolate { width:100%; margin: 0 auto; } #windowsh22.next-gen-ai-pcs #npu.npuFeatureWithocidvaluescls .m-feature{ margin-bottom : 0px !important; margin-top:0px; padding-top:48px; } } #windowsh22.next-gen-ai-pcs .CustomImageWithocidvaluescls .videobutton.c-call-to-action.c-glyph:before{ margin-left:2px; } @media screen and (min-width: 1500px) { #windowsh22.next-gen-ai-pcs .stickynavocidcls{ width:100%; max-width:100%; } #windowsh22.next-gen-ai-pcs #AutoStickyNavigation.AutoStickyNavWithocidvaluescls{ max-width: calc(1600px + 10%); margin: 0 auto; padding-left: 5%; padding-right: 5% } } #windowsh22.next-gen-ai-pcs .CustomImageWithocidvaluescls .videobutton.c-call-to-action.c-glyph, #windowsh22.next-gen-ai-pcs .CustomImageWithocidvaluescls .videobutton.c-call-to-action.c-glyph:focus{ border : 1px solid #271207; } #windowsh22.next-gen-ai-pcs .CustomImageWithocidvaluescls .videobutton.c-call-to-action.c-glyph:focus{ outline : 2px solid #271207; } #windowsh22.next-gen-ai-pcs .CustomImageWithocidvaluescls .videobutton.c-call-to-action.c-glyph:before{ color:#271207; } #windowsh22.next-gen-ai-pcs .heroimagewithocidcls { background: linear-gradient(#633226 14.79%, #25120d 80.28%) !important; } #windowsh22.next-gen-ai-pcs #Hero-Banner.BannerWithocidvaluescls h1{ background: radial-gradient(90.85% 103.61% at 90.02% 84.38%, #FFF 17.96%, #FDE6E0 61.45%, #ECAC9B 100%) !important; background-clip: text !important; color: transparent !important; } #windowsh22.next-gen-ai-pcs #Hero-Banner.BannerWithocidvaluescls .m-banner, #windowsh22.next-gen-ai-pcs #Hero-Banner.BannerWithocidvaluescls .banner-button a.c-call-to-action{ color: #fff; } #windowsh22.next-gen-ai-pcs #performance.perBannerWithocidvaluescls { background: linear-gradient(180deg, #1A0C04 25%, #0E0602 75%); } #windowsh22.next-gen-ai-pcs .perCardsWithocidvaluescls { background: linear-gradient(180deg, #0E0602 32.28%, #000 60%); } /*background: linear-gradient(180deg, #1B0C04 0%, #000 100%);*/ #windowsh22.next-gen-ai-pcs #performance.perBannerWithocidvaluescls .m-banner h2 { background: linear-gradient(270deg, #FFF 33.41%, #F5AE86 89.46%); background-clip: text; color: transparent; } #windowsh22.next-gen-ai-pcs .performance-benifits.perCardsWithocidvaluescls .m-content-placement-item.shop-specs { border: 1px solid #fff !important; } #windowsh22.next-gen-ai-pcs .performance-benifits.perCardsWithocidvaluescls .m-content-placement-item.shop-specs { background: linear-gradient(115deg, rgba(255, 255, 255, 0.00) 0.89%, rgba(255, 255, 255, 0.00) 95.76%); } #windowsh22.next-gen-ai-pcs .performance-benifits.perCardsWithocidvaluescls .m-content-placement-item.shop-specs { color: #fff; border: 1px solid #724935; } #windowsh22.next-gen-ai-pcs #performance.perBannerWithocidvaluescls .m-banner .c-paragraph-2 { color: #fff; } #windowsh22.next-gen-ai-pcs #npu.npuFeatureWithocidvaluescls section, #windowsh22.next-gen-ai-pcs #npu.npuFeatureWithocidvaluescls { background: #000000; color : #fff; } #windowsh22.next-gen-ai-pcs .performance-benifits.perCardsWithocidvaluescls .m-content-placement-item span.supText{ color:#fff; } #windowsh22.next-gen-ai-pcs #npu.npuFeatureWithocidvaluescls .m-feature .featurecontent .gradient-divs{ background: #000000; border: 1px solid #F5F2FF; } #windowsh22.next-gen-ai-pcs #npu.npuFeatureWithocidvaluescls .m-feature .featurecontent .featureHeadingPara h2.main-heading{ background: linear-gradient(270deg, #FFF 42.07%, #F2A881 136.01%); background-clip: text; color: transparent; } #windowsh22.next-gen-ai-pcs #retailers.retailersBannerWithocidValuescls, #windowsh22.next-gen-ai-pcs #shop.shopBannerWithocidValuescls .m-banner h2 { background: linear-gradient(90deg, #171717 0%, #7F2811 100%); background-clip: text; color: transparent; } #windowsh22.next-gen-ai-pcs #security.securityWithocidValuescls .m-feature h2{ background: linear-gradient(90deg, #000 0%, #852A11 100%); background-clip: text; color: transparent; line-height:normal; } #windowsh22.next-gen-ai-pcs #hmc.hmcFeatureWithocidValuescls .featurecontent h2.c-heading-2{ background: linear-gradient(90deg, #0B0402 0%, #762510 100%); background-clip: text; color: transparent; } #windowsh22.next-gen-ai-pcs #security.securityWithocidValuescls{ background: linear-gradient(180deg, #FFF0E5 14.87%, #FFF 96.32%); } #windowsh22.next-gen-ai-pcs #faq1.faqpanelWithocidValuescls .m-banner h2, #windowsh22.next-gen-ai-pcs #faq2.faqpanelCopilotWithocidValuescls .m-banner h2{ background: linear-gradient(90deg, #171717 0%, #7F2811 100%); background-clip: text; color: transparent; } #windowsh22.next-gen-ai-pcs #AutoStickyNavigation.AutoStickyNavWithocidvaluescls .custom-sticky-nav.f-stuck .nav-right-items, #windowsh22.next-gen-ai-pcs #AutoStickyNavigation.AutoStickyNavWithocidvaluescls .custom-sticky-nav.f-stuck .nav-div#nav-main, #windowsh22.next-gen-ai-pcs #AutoStickyNavigation.AutoStickyNavWithocidvaluescls .custom-sticky-nav #nav-main ul .more ul#submenu, #windowsh22.next-gen-ai-pcs #AutoStickyNavigation.AutoStickyNavWithocidvaluescls .custom-sticky-nav-desktop, #windowsh22.next-gen-ai-pcs #AutoStickyNavigation.AutoStickyNavWithocidvaluescls .custom-sticky-nav-mobile, #windowsh22.next-gen-ai-pcs .stickynavocidcls, #windowsh22.next-gen-ai-pcs #AutoStickyNavigation.AutoStickyNavWithocidvaluescls{ background: #1E0D05 !important; color : #fff; } #windowsh22.next-gen-ai-pcs #AutoStickyNavigation.AutoStickyNavWithocidvaluescls .custom-sticky-nav .nav-div > ul li > a:hover { color:#fff; } #windowsh22.next-gen-ai-pcs #AutoStickyNavigation.AutoStickyNavWithocidvaluescls .custom-sticky-nav .nav-div > ul li > a, #windowsh22.next-gen-ai-pcs #AutoStickyNavigation.AutoStickyNavWithocidvaluescls .custom-sticky-nav .nav-div a, #windowsh22.next-gen-ai-pcs #AutoStickyNavigation.AutoStickyNavWithocidvaluescls .custom-sticky-nav #nav-main button{ color:#fff; } #windowsh22.next-gen-ai-pcs #AutoStickyNavigation.AutoStickyNavWithocidvaluescls nav a.c-hyperlink:focus{ outline :2px dashed #fff !important; } #windowsh22.next-gen-ai-pcs #AutoStickyNavigation.AutoStickyNavWithocidvaluescls .custom-sticky-nav #nav-main #stickyNavDesktop li.active a span{ border-bottom: 2px solid #fff !important; } #windowsh22.next-gen-ai-pcs #AutoStickyNavigation.AutoStickyNavWithocidvaluescls .custom-sticky-nav #nav-main a, #windowsh22.next-gen-ai-pcs #AutoStickyNavigation.AutoStickyNavWithocidvaluescls .custom-sticky-nav #nav-main button, #windowsh22.next-gen-ai-pcs #AutoStickyNavigation.AutoStickyNavWithocidvaluescls .custom-sticky-nav #nav-main a:hover, #windowsh22.next-gen-ai-pcs #AutoStickyNavigation.AutoStickyNavWithocidvaluescls .custom-sticky-nav #nav-main button:hover{ color:#fff !important; } #windowsh22.next-gen-ai-pcs #experiences.experinenesWithhocidvaluescls{ background: #000; } #windowsh22.next-gen-ai-pcs #experiences.experinenesWithhocidvaluescls .m-banner .c-heading-2{ background: radial-gradient(12970.43% 188.09% at 0% 13.91%, #F9CFB7 0%, #FFF 81.66%); background-clip: text; color: transparent; } #windowsh22.next-gen-ai-pcs #experiences.experinenesWithhocidvaluescls .m-banner .c-paragraph-2{ color:#fff; } #windowsh22.next-gen-ai-pcs #Hero-Image.CustomImageWithocidvaluescls picture{ position: relative; } #windowsh22.next-gen-ai-pcs #copilot_Contentplacement1.experinenesWithhocidvaluescls a.c-call-to-action{ color:#000; } #windowsh22.next-gen-ai-pcs #AutoStickyNavigation.AutoStickyNavWithocidvaluescls .custom-sticky-nav-mobile li .custom-auto-nav-mobile-dropdown-items{ background:#1E0D05 !important; } @media screen and (min-width: 768px) and (max-width: 1083.98px) { #windowsh22.next-gen-ai-pcs #device-section.deviceupdateswithocidValuescls .content-touts[data-grid~="col-4"] { width: 50%; } #windowsh22.next-gen-ai-pcs #Hero-Banner.BannerWithocidvaluescls h1{ font-size:52px; line-height:normal; } } @media screen and (min-width: 1084px) and (max-width: 1372px) { #windowsh22.next-gen-ai-pcs #npu.npuFeatureWithocidvaluescls .m-feature .featurecontent .gradient-divs{ margin : 12px 0; } } @media screen and (min-width: 1600px) { #windowsh22.next-gen-ai-pcs #security.securityWithocidValuescls{ max-width:100%; } #windowsh22.next-gen-ai-pcs #npu.npuFeatureWithocidvaluescls .m-feature .featurecontent .gradient-divs{ width:100%; } } @media screen and (min-width: 1084px) { #windowsh22.next-gen-ai-pcs #hmc.hmcFeatureWithocidValuescls .featurecontent h2.c-heading-2{ line-height:normal; } } @media screen and (max-width: 1083.98px) { #windowsh22.next-gen-ai-pcs #npu.npuFeatureWithocidvaluescls .m-feature{ padding:0 5%; } #windowsh22.next-gen-ai-pcs #hmc.hmcFeatureWithocidValuescls .featurecontent h2.c-heading-2{ line-height:normal; } } #windowsh22.next-gen-ai-pcs #AutoStickyNavigation.AutoStickyNavWithocidvaluescls .custom-sticky-nav .nav-div > ul li > a, #windowsh22.next-gen-ai-pcs #AutoStickyNavigation.AutoStickyNavWithocidvaluescls .custom-sticky-nav .nav-div a{ border:none; } #windowsh22.next-gen-ai-pcs .performance-benifits.perCardsWithocidvaluescls .m-content-placement-item sup a{ color:#fff; } #windowsh22.next-gen-ai-pcs .performance-benifits.perCardsWithocidvaluescls .m-content-placement-item sup a:focus{ outline: 2px dashed #fff !important; } #windowsh22.next-gen-ai-pcs .CTAdiv a.c-call-to-action:after{ display:none; } #windowsh22.next-gen-ai-pcs .CTAdiv a.c-call-to-action:hover, #windowsh22.next-gen-ai-pcs .CTAdiv a.c-call-to-action:active, #windowsh22.next-gen-ai-pcs .CTAdiv a.c-call-to-action:focus{ text-decoration: underline; text-underline-offset: 2px; } [lang="ja-jp"] #windowsh22.ai-features #ai-features-banner .rounded-corners .c-button.f-primary.blue-button:before { right: 64%; } #windowsh22.next-gen-ai-pcs .BannerWithocidvaluescls a.c-call-to-action:focus{ outline: 3px dashed #fff !important; } #windowsh22.next-gen-ai-pcs #AutoStickyNavigation.AutoStickyNavWithocidvaluescls .custom-sticky-nav-desktop #nav-main button:focus{ outline: 2px dashed #fff; outline-offset: -2px; } #windowsh22.next-gen-ai-pcs #AutoStickyNavigation.AutoStickyNavWithocidvaluescls .custom-sticky-nav #nav-main ul .more .more-options-link:active, #windowsh22.next-gen-ai-pcs #AutoStickyNavigation.AutoStickyNavWithocidvaluescls .custom-sticky-nav #nav-main ul .more .more-options-link:focus, #windowsh22.next-gen-ai-pcs #AutoStickyNavigation.AutoStickyNavWithocidvaluescls .custom-sticky-nav #nav-main ul .more .more-options-link.active-more:focus { outline: 2px dashed #fff; outline-offset: -1px; } #windowsh22.next-gen-ai-pcs #AutoStickyNavigation.AutoStickyNavWithocidvaluescls .nav-right-items .navitem-right li a:focus { outline: 2px dashed #fff !important; outline-offset: 0; border-color: transparent; } #windowsh22.next-gen-ai-pcs .retailers nav.c-link-navigation li a.c-hyperlink.f-image:focus div:after{ margin-top:2px; } /*Co-pilot-plus-pcs campaign css ends */ /*Added 10/24/2024*/ .hidden { display: none; } #AutoStickyNavigation #nav-main:before, #nav-main:after { display: table; content: ""; } #AutoStickyNavigation #nav-main:after { clear: both; } #AutoStickyNavigation .custom-sticky-nav { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; width: 100.1%; } #AutoStickyNavigation .custom-sticky-nav #nav-main { background: #fff; clear: both; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 70%; max-width: 70%; } #AutoStickyNavigation .custom-sticky-nav #nav-main > ul#stickyNavDesktop { float: left; list-style: none; margin: 0; padding: 0; z-index: 5; } #AutoStickyNavigation .f-stuck .custom-sticky-nav-desktop#nav-main { padding-left: 7%; margin-right: -2px; } #AutoStickyNavigation .custom-sticky-nav #nav-main > ul > li button.more-options-link { padding: 17px 20px; font-size: 20px !important; } #AutoStickyNavigation .custom-sticky-nav #nav-main > ul > li, #AutoStickyNavigation .custom-sticky-nav #nav-main > ul > li button.more-options-link { background: none; float: left; margin-bottom: 0; position: relative; } #AutoStickyNavigation .custom-sticky-nav #nav-main > ul > li.hidden { display: none; } #AutoStickyNavigation .custom-sticky-nav #nav-main > ul > li .brand-name { color: #505050; font-weight: 700; } #AutoStickyNavigation .custom-sticky-nav #nav-main > ul > li .brand-name:hover { text-decoration: none; border: 2px solid transparent !important; } #AutoStickyNavigation .custom-sticky-nav #nav-main > ul > li .brand-name.hidden-visibility { visibility: hidden; } #AutoStickyNavigation .custom-sticky-nav .nav-div a:before { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; border: 1px solid transparent; } #AutoStickyNavigation .custom-sticky-nav .nav-div > ul li > a, .custom-sticky-nav .nav-div a { font-weight: 700; font-size: 20px; line-height: 24px; width: 100%; } #AutoStickyNavigation .custom-sticky-nav .nav-div { border-bottom: none; } #AutoStickyNavigation .custom-sticky-nav .nav-div > ul { white-space: nowrap; } #AutoStickyNavigation .custom-sticky-nav .nav-div > ul li > a, #AutoStickyNavigation .custom-sticky-nav .nav-div a, #AutoStickyNavigation .custom-sticky-nav #nav-main button { color: #000; font-weight: 700; font-size: 20px; line-height: 24px; } #AutoStickyNavigation .custom-sticky-nav .nav-div.f-sticky { position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 300; } #AutoStickyNavigation .custom-sticky-nav .nav-div > ul li > a:hover { color: rgba(0, 0, 0, .8); } @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { #AutoStickyNavigation .custom-sticky-nav .nav-div.f-sticky { background: rgba(243, 243, 243, 0.9) !important; -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.14); font-weight: bold; } } @media (min-width: 1920px) { #AutoStickyNavigation .custom-sticky-nav #nav-main > ul > li .brand-name { margin-left: 70px; } } @media (min-width: 2100px) { #AutoStickyNavigation .custom-sticky-nav #nav-main > ul > li .brand-name { margin-left: 0px; } } #AutoStickyNavigation .custom-sticky-nav #nav-main > ul > li:focus { outline: 1px dashed #000; outline-offset: -1px; } #AutoStickyNavigation .custom-sticky-nav #nav-main button { border: none; } #AutoStickyNavigation .custom-sticky-nav #nav-main a, #AutoStickyNavigation .custom-sticky-nav #nav-main button { color: #505050; display: block; padding: 17.5px 20px; } #AutoStickyNavigation .custom-sticky-nav #nav-main a:hover, #AutoStickyNavigation .custom-sticky-nav #nav-main button:hover { color: #171717; text-decoration: none; } #AutoStickyNavigation .custom-sticky-nav #nav-main #stickyNavDesktop li.active a span { border-bottom: 2px solid #000; } #AutoStickyNavigation .custom-sticky-nav a.c-hyperlink { border: none; outline: none; outline-offset: -2px; } #AutoStickyNavigation .custom-sticky-nav #nav-main a:not(.brand-name):focus:before, #AutoStickyNavigation .custom-sticky-nav #nav-main a:not(.brand-name):hover:before { bottom: -2px; content: ""; height: 2px; position: absolute; width: calc(100% - 40px) !important; } #AutoStickyNavigation .custom-sticky-nav #nav-main ul .more .more-options-link span.icons::before { content: '\E70D'; font-size: 14px; font-family: "MWF-MDL2"; position: relative; bottom: 1px; left: 4px; top: 2px; } #AutoStickyNavigation .custom-sticky-nav #nav-main ul .more .more-options-link span { position: relative; top: 0; left: 8px; } #AutoStickyNavigation .custom-sticky-nav #nav-main ul .more .more-options-link:active, #AutoStickyNavigation .custom-sticky-nav #nav-main ul .more .more-options-link:focus, #AutoStickyNavigation .custom-sticky-nav #nav-main ul .more .more-options-link.active-more:focus { outline: 2px dashed #000; outline-offset: -1px; } #AutoStickyNavigation .custom-sticky-nav #nav-main ul .more ul#submenu { background: #f2f2f2; display: none; list-style: none; min-width: 64px; max-width: 368px; padding: 0; margin: 0; position: absolute; width: 256px; max-height: 308px; overflow-y: auto; top: 59px; border: 1px; border-color: rgba(0, 0, 0, .05) rgba(0, 0, 0, .05) #ccc; border-style: solid; left: -1px; } #AutoStickyNavigation .custom-sticky-nav #nav-main ul .more ul#submenu a { padding: 0 15px; white-space: normal; padding-left: 24px; padding-top: 18px; padding-bottom: 18px; } #AutoStickyNavigation .custom-sticky-nav #nav-main ul .more ul#submenu::-webkit-scrollbar { width: 4px; } #AutoStickyNavigation .custom-sticky-nav #nav-main ul .more ul#submenu::-webkit-scrollbar-track { background: #f1f1f1; } #AutoStickyNavigation .custom-sticky-nav #nav-main ul .more ul#submenu::-webkit-scrollbar-thumb { background: #a1a1a1; } #AutoStickyNavigation .custom-sticky-nav #nav-main ul .more ul#submenu::-webkit-scrollbar-thumb:hover { background: #666; } #AutoStickyNavigation .nav-right-items { visibility: hidden; } #AutoStickyNavigation .f-stuck .nav-right-items { visibility: visible; } #AutoStickyNavigation .nav-right-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 30%; width: 30%; background: white; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } #AutoStickyNavigation .custom-sticky-nav #nav-main ul .more .more-options-link.active-more .more-option-text { text-decoration: underline; text-underline-offset: 4px; } @media (min-width: 1084px) and (max-width: 1399.99px) { #AutoStickyNavigation .nav-right-items { padding-right: 56px; } } @media (min-width: 1400px) and (max-width: 1919.99px) { #AutoStickyNavigation .nav-right-items { padding-right: 55px; } } @media (min-width: 1920px) { #AutoStickyNavigation .nav-right-items { padding-right: 108px; } } #AutoStickyNavigation .nav-right-items .navitem-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #AutoStickyNavigation .nav-right-items .navitem-right li:first-child { padding-right: 40px; } #AutoStickyNavigation .nav-right-items .navitem-right li.active a { color: #0067b8 !important; } #AutoStickyNavigation .nav-right-items .navitem-right li.active a::before { bottom: -2px; background: #0067b8; content: ""; height: 2px; position: absolute; width: calc(100% - 40px) !important; } #AutoStickyNavigation .nav-right-items .navitem-right li a.c-hyperlink { color: #505050; font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 200px; margin: 0 auto; padding: 17.5px 20px; } #AutoStickyNavigation .nav-right-items .navitem-right li a.c-hyperlink:hover { color: #505050; } #AutoStickyNavigation .nav-right-items .navitem-right li a span { margin-left: 5px; } #AutoStickyNavigation .nav-right-items .navitem-right li a span::before { content: '\EA37'; font-size: 15px; font-family: "MWF-MDL2"; position: relative; bottom: -3px; } #AutoStickyNavigation .nav-right-items .navitem-right li a:focus:before, #AutoStickyNavigation .nav-right-items .navitem-right li a:hover:before { bottom: -2px; background: #0067b8; content: ""; height: 2px; position: absolute; width: calc(100% - 40px) !important; } #AutoStickyNavigation .nav-right-items .navitem-right li a:focus { outline: 2px dashed #505050 !important; outline-offset: 0; border-color: transparent; } #AutoStickyNavigation .nav-right-items .navitem-right li .CTAdiv.hidden-visibility { visibility: hidden; } @media (max-width: 767.98px) { #AutoStickyNavigation #nav-main, #AutoStickyNavigation .nav-right-items { display: none; } } @media (min-width: 768px) { #AutoStickyNavigation #nav-main, #AutoStickyNavigation .nav-right-items { display: inherit; } #AutoStickyNavigation .custom-sticky-nav.f-stuck .nav-div#nav-main { background: rgba(243, 243, 243, 0.9) !important; -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); box-shadow: 0 0 5px rgba(0, 0, 0, 0.14); /*clip-path: inset(-5px -1px -5px -1px);*/ } #AutoStickyNavigation .custom-sticky-nav.f-stuck .nav-right-items { background: rgba(243, 243, 243, 0.9) !important; -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); box-shadow: 0 0 5px rgba(0, 0, 0, 0.14); clip-path: inset(-5px 0px -5px 1px); padding-top: 4px; } #AutoStickyNavigation .custom-sticky-nav #nav-main ul .more ul#submenu li:last-child { display: none; /*as per json last child is a cta for desktop so hiding cta here in more dropdown as we have cta right side of the navbar*/ } } @media (max-width: 767.98px) { #AutoStickyNavigation .custom-sticky-nav-mobile { display: block; } } @media (min-width: 768px) { #AutoStickyNavigation .custom-sticky-nav-mobile { display: none; } } #AutoStickyNavigation .custom-sticky-nav-mobile { width: 100%; z-index: 700; min-width: 64px; border-top: none; max-width: 100%; padding: 1px 0 0 0; margin: 0; background: #f2f2f2; } #AutoStickyNavigation .custom-sticky-nav-mobile[aria-expanded="true"] .icons::before { content: '\E70E'; font-size: 14px; font-family: "MWF-MDL2"; position: relative; bottom: -2px; left: 8px; } #AutoStickyNavigation .custom-sticky-nav-mobile[aria-expanded="false"] .icons::before { content: '\E70D'; font-size: 14px; font-family: "MWF-MDL2"; position: relative; bottom: -2px; left: 8px; } #AutoStickyNavigation .custom-sticky-nav-mobile li { float: left; display: block; width: 100%; } #AutoStickyNavigation .custom-sticky-nav-mobile li a { font-weight: 600; font-size: 15px; line-height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #505050; padding: 10px 0px; /*white-space: pre;*/ padding-left: 15px; padding-right: 2px; border-top: 1px solid #E6E6E6; } #AutoStickyNavigation .custom-sticky-nav-mobile a.c-hyperlink { padding-left: 8%; padding-right: 8%; } #AutoStickyNavigation .custom-sticky-nav-mobile li a:not(:first-child):hover { background: #e6e6e6; color: #505050; text-decoration: none; border-bottom: 2px solid transparent; } #AutoStickyNavigation .custom-sticky-nav-mobile li .custom-auto-nav-mobile-dropdown-items { z-index: 700; border-top: none; padding: 1px 0 0 0; margin: 0; background: #f2f2f2; } #AutoStickyNavigation .custom-sticky-nav-mobile li .custom-auto-nav-mobile-toggle-button { border-bottom: 1px solid #ccc; padding-left: 5%; position: relative; } #AutoStickyNavigation .custom-sticky-nav-mobile li .custom-auto-nav-mobile-dropdown-items li a:hover { text-decoration: none !important; } #AutoStickyNavigation .CTAdiv-mobile { position: absolute; z-index: 700; right: 12px; top: 8px; } @media (max-width: 767.98px) { #AutoStickyNavigation .CTAdiv-mobile { display: none; } #AutoStickyNavigation .custom-sticky-nav .nav-div.custom-sticky-nav-mobile .custom-auto-nav-mobile-dropdown-items li:last-child > a { color: #fff; display: none; } } @media (min-width: 768px) { #AutoStickyNavigation .CTAdiv-mobile { display: none; } } @media only screen and (max-width: 1083.98px) { #AutoStickyNavigation .nav-right-items .navitem-right { display: none; } } #AutoStickyNavigation .CTAdiv-mobile.hidden { display: none; } #AutoStickyNavigation a.c-call-to-action, #AutoStickyNavigation button.c-call-to-action { background: #001968 !important; transition: all 0ms ease-in-out !important; } @media only screen and (max-width: 760px) and (max-height: 384px) { #AutoStickyNavigation .custom-sticky-nav-mobile li ul { max-height: 90px; overflow-y: auto; } } /* 10/17/2024 */ /*:root { --chatBotBgColor: #E8E6DF; --colorWhite: #ffffff; --colorBlack: #000000; --btnBgColor: #0736C3; --btnDisabledBgColor: #0736c3db; --botBorder: #cccccc; --formBackground: rgba(0, 0, 0, 0.05); --chatHeaderbgColor: #454142; --chatHeaderBorderColor: #cbe6f4; --clickStartBoxShadowColor: rgba(0, 0, 0, .2); --clickStartBgColor: #ffffffe6; --clickStartPlusBgcolor: #007bff; --clickStartPlusColor: #0056b3; --chartBubbleContent: #F2F2F2; --pushButtonDisabledColor: #757575; --pushButtonDisabledBgColor: #d2d2d2; --chatBotBoxShadow: box-shadow: 0 5px 15px 0 rgba(0,0,0,0.25); --footerBoxShadow: 0 1px 0px 0 #c7c4c4; --chatBotLogoBoxShadow: 3px 4px 16px 0px #0000002E; --chatBotLogoBorderRadius: radial-gradient(157.86% 125.43% at 82.99% -9.79%, #8C48FF 6.6%, #F2598A 50%, #FFB152 89.6%); --ChatBotFirstCardColor: #1A1A1A; }*/ .chatbot .chat-bot { box-shadow: 2px 2px #B1B3B3; color: #000000; max-width: 20%; max-height: 100% !important; height: 100vh !important; right: 0 !important; display: block; overflow: hidden !important; border: 1px solid #cccccc; position: fixed; overflow-y: scroll; border-radius: 16px; padding: 0; top: auto !important; z-index: 1031; left: auto !important; } .chatbot .chat-bot .chat-header { display: flex; justify-content: space-between; align-items: center; z-index: 999; width: 100%; padding: 16px 10px; box-sizing: border-box; border-radius: 0; } .chatbot .chat-bot .chat-header .heading { margin: 0; flex-grow: 1; text-align: left; margin-left: 10px; } .chatbot .chat-bot .chat-header .heading>* { margin-bottom: 0px; } .chatbot .chat-bot .chat-header .chatbot-close { text-align: right; } .chatbot .chat-bot .chatbot-close-contanier { margin-right: 15px; } .chatbot .chat-bot #webchat .webchat__send-box__main { background-color: aquamarine; display: none !important; } .chatbot .chat-bot .btn { position: fixed; bottom: 10px; right: 10px; border-radius: 5px; z-index: 1000; } .chatbot .chat-bot .disabled { pointer-events: none; } .chatbot .chat-bot #webchat { height: 100%; background: #ffffff; } .chatbot .chat-bot .chatbot-close { border: 0; background: no-repeat; font-size: 1.25rem; } .chatbot .chat-bot .chatbot-close:focus { outline: .1875rem dotted #ffffff; outline-offset: -.375rem; /*padding: 5px;*/ } .chatbot .chat-bot .chatbot-close .glyph-prepend::before { font-size: 20px; color: #ffffff; } .chatbot .chat-bot .chat-header { background-color: #0078D4; border-bottom: 1px solid #cbe6f4; color: #ffffff; } .chatbot .chat-bot.img-section img, .click-start .click-start-image img { width: 21px; height: 18px; margin-top: 5px; } .chatbot .chat-bot .chatBox { position: fixed; transition: right 2s ease; right: -100%; z-index: 1111; width: 360px; } .webchat__bubble__content, .webchat__adaptive-card-renderer { border: none !important; } .webchat__bubble__content .webchat__text-content__markdown { border: 2px solid #0078D4; color: #000; padding: 8px; border-radius: 8px; } .chatbot .chat-bot .click-start-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 539.98px) { .chatbot .chat-bot .chatBox, .chatbot .chat-bot .click-start { width: 100% !important; } .chatbot .banner-content-section { margin: 0; border: 2px solid #B3BCC3; } .chatbot .chat-bot .chatBotStart { max-width: 100%; } .chatbot .banner-modal .bot-start-btn { margin: 20px 30px 20px 30px; } .chatbot .banner-modal .banner-content-inner img { width: 72px !important; height: 72px !important; margin-top: 10px; } .chatbot .chatbot-banner-heading { display: none } .chatbot .chatbot-banner-para { font-size: 18px; font-weight: 700; } .chatbot .chat-bot .click-start .click-start-container { display: inline-block !important; } .chatbot .chat-bot .chatBotStart.c-button { border-radius: 0 !important; left: 12px; } .chatbot .chat-bot .chat-header.chat-hide, .chatbot .chat-bot .chatBox.animate-close { right: -100vw !important; /* Use viewport width for more precise positioning */ transition: right 2s ease; /* Adjust the duration and timing function */ overflow: hidden; /* Ensure content overflow is hidden during transition */ } .chatbot .banner-content-inner { text-align: center; margin-left: 20%; } } .chatbot .chat-bot .chatBox.active { right: 0; top: 0; } .chatbot .chat-bot .chat-header.chat-hide, .chatbot .chat-bot.chatBox.animate-close { right: -100%; transition: right 2s ease !important; } .chatbot .chat-bot .chat-header .heading>* { font-size: 18px; font-weight: 500; } .chatbot .chat-bot .chatBox.animate-open { transition-duration: 1s; } .chatbot .chat-bot .chatBox.animate-open { padding-bottom: 38px; } .chatbot .chat-bot .chatBox .webchat__css-custom-properties>div { /*background-color: #E8E6DF;*/ background-color: #FFFFFF; padding-left: 6px; padding-right: 6px; box-shadow: 0 0px 3px 0 #c7c4c4; } .chatbot .chat-bot .click-start { position: fixed; bottom: 10px; z-index: 99; /* margin-bottom: 10px !important;*/ right: 12px; /* Adjust as needed */ display: flex; align-items: center; justify-content: space-between; transition: opacity 1s, transform 1s; border: none; /* box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, .2); */ width: auto; border-radius: 16px; text-decoration: none; cursor: default; } .chatbot .chat-bot .click-start .click-start-container { display: flex; align-items: flex-end; justify-content: space-between; width: 100%; border-radius: 8px; flex-direction: column; } .chatbot .chat-bot .click-start-text { margin-bottom: 0; padding-left: 7px; padding-right: 10px; font-size: 18px; font-weight: 600; line-height: 22px; } .chatbot .chat-bot .click-start .click-start-plus a span::before { font-family: "MWF-MDL2"; content: '\E710'; font-size: 20px; position: absolute; top: 22px; right: 22px; } .chatbot .chat-bot .close::before { content: "\2715"; font-size: 25px; } /*.close::before { font-family: "MWF-MDL2"; content: '\E711'; font-size: 24px; position: absolute; top: 19px; right: 16px; }*/ .chatbot .chat-bot .close::before:focus { outline: .1875rem dotted #FFFFFF !important; } .chatbot .chat-bot .reload::before { font-family: "MWF-MDL2"; content: '\E72C'; font-size: 20px; color: #fff; transform: rotate(90deg); position: absolute; left: 0px; bottom: 0px; padding-bottom: 3px; } .chatbot .chat-bot .click-start .click-start-plus { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background-color: #007bff; /* Change the color as needed */ color: #ffffff; border-radius: 5px; margin-left: 26px; } .chatbot .chat-bot .click-start .plus-icon { font-size: 16px; line-height: 0; } .chatbot .chat-bot .click-start .click-start-plus:hover { background-color: #0056b3; /* Change the color as needed */ } .chatbot .chat-bot .img-section { padding-left: 20px; } .chatbot .chat-bot .img-section { padding-left: 20px; } @media only screen and (min-width: 540px) and (max-width: 860px) { .chatbot .chat-bot .click-start { width: auto !important; max-width: 100%; } } .chatbot .chat-bot .chat-footer { flex-shrink: 0; padding: 13px 0 13px 10px; border-radius: 0 0 14px 14px; text-align: right; /* background-color: #E8E6DF;*/ background-color: #FFFFFF; box-shadow: 0 1px 2px 0 #c7c4c4; } .chatbot .chat-bot .chat-footer small { padding-top: 10px; padding-bottom: 10px; padding-right: 25px; } /* Style for the refresh button */ .chatbot .chat-bot .chatbot-refresh-button { border: none; border-radius: 20px; cursor: pointer; background: none; transform: rotate(-70deg); color: #000000; font-size: 18px; outline: none; /* Remove the outline */ width: 24px; height: 24px; padding-top: 6px; padding-bottom: 8px; margin-left: -35px; } .chatbot .chat-bot .chat-container { height: calc(100%); } @media only screen and (max-width: 540px) { .chatbot .chat-bot .bot-mobile-close { width: 35px; height: 35px; background: #0093F9; border-radius: 50%; display: flex; justify-content: center; position: absolute; top: -38px; right: -5px; border: none; } .chatbot .chat-bot .click-start-text { font-size: 16px; } .cbbanner-close.bot-mobile-close::before { padding-right: 0 !important; color: #fff; font-weight: 500; font-size: 23px !important; } } .chatbot .chat-bot .chatBotStart.c-button { display: flex; margin: 0; border-radius: 8px; padding-top: 8px; padding-left: 8px; justify-content: center; background: #0093F9; box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, .2); } .chatbot .chat-bot .chatBotStart.c-button:focus { background: #0093F9; text-decoration: none !important; border: 2px dotted #fff !important; } .cbbanner-close.bot-mobile-close { display: none; } .chatbot .click-start-plus { display: flex; align-items: center; justify-content: center; width: 32px; /* Set the desired width */ height: 32px; /* Set the desired height */ } .chatbot .chat-bot .click-start-plus a { display: block; width: 100%; height: 100%; } .chatbot .chat-bot .click-start .click-start-plus { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background-color: #007bff; color: #ffffff; border-radius: 5px; margin-left: 26px; } .chatbot .chat-bot .click-start .click-start-plus a { display: block; width: 100%; height: 100%; } .chatbot .chat-bot .chatbot-refresh-button:focus { outline: .1875rem dotted #ffffff; } .chatbot .chat-bot .chatbot-refresh-button .glyph-prepend-refresh::before { color: #ffffff; } .chatbot #custom-adaptive-cards { width: 320px; } .chatbot #main-Container { width: 320px; background-color: #ffffff; border: 1px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; } .chatbot #exploreChoice { padding: 1rem; background-color: #E8E6DF; border: 1px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; } .chatbot div#exploreChoice input { font-family: Segoe UI; font-size: 16px; font-weight: 400; line-height: 23px; text-align: left; height: 30px; width: 30px; } .chatbot div#exploreChoice label { font-family: Segoe UI !important; font-size: 16px !important; font-weight: 400 !important; line-height: 23px !important; text-align: left !important; } .chatbot div.ac-textBlock { text-wrap: wrap !important; font-family: Segoe UI !important; font-size: 16px !important; font-weight: 400 !important; line-height: 26px !important; text-align: left !important; } .chatbot #textContainer .ac-textBlock:nth-child(1) p { font-size: 21px !important; font-weight: 600; } .chatbot .ac-choiceSetInput-expanded { display: flex; flex-direction: column; } .chatbot button.ac-pushButton { background-color: #0736C3; height: 42px; border: none; color: white; width: 160px; font-family: Segoe UI; font-size: 16px; font-weight: 400 !important; line-height: 24px; text-align: left; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; } .chatbot #webchat button:not(.webchat__keyboard-help__close-button) { background-color: #0078D4; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; height: 42px; width: fit-content !important; border: 2px solid transparent; } .chatbot .ac-pushButton-disabled { background-color: grey; height: 42px; border: none; color: #ffffff; width: 160px; font-family: Segoe UI; font-size: 18px; font-weight: 600; line-height: 24px; text-align: left; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; } .chatbot #ac-button-overwrite { background: red !important } .chatbot .webchat__stacked-layout__main { flex-direction: row !important; gap: 10px } .chatbot .webchat__stacked-layout__content { flex-direction: row !important; } .chatbot .webchat__stacked-layout__status { flex-direction: row !important; } .chatbot .webchat__stacked-layout { display: flex !important; flex-direction: column-reverse !important; } .chatbot .webchat__bubble__nub-pad { width: 0; } .chatbot .webchat__stacked-layout__main { /* padding: 20px !important; */ display: block !important; background-color: transparent !important; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } .chatbot .ac-input-container { padding: 0px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; } .chatbot .ac-columnSet { align-items: center; } .chatbot .webchat__bubble__content { background-color: #F2F2F2 !important; border-radius: 8px !important; -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; -ms-border-radius: 8px !important; -o-border-radius: 8px !important; } .chatbot .webchat--css-gmigd-19xib6l.webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content { border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; } .chatbot #usageData .ac-input-container .ac-input, .chatbot #use-ACContainer .ac-input-container .ac-input { display: flex !important; flex-direction: column; } .chatbot .ac-textBlock { font-size: 18px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 26px !important; color: #000000; } .chatbot #textContainer>div:nth-child(1)>p { font-family: Segoe UI; font-size: 21px; font-weight: 600; line-height: 26px; text-align: left; } .chatbot #textContainer>div:nth-child(3)>p { font-family: Segoe UI; font-size: 16px; font-weight: 400; line-height: 21.28px; text-align: center; } .chatbot #textContainer * { align-items: center !important; text-align: center !important; } .chatbot #buttonContainer { align-items: center !important; } .chatbot #no_loc_personal_business { background-color: #E8E6DF !important; } .chatbot p { white-space: normal; } .chatbot #use-Container-help, #use-Container-help p, #use-Container-help .ac-container button { background-color: #454142; color: #ffffff !important; } .chatbot #lo_loc_see_results { display: block !important; } .chatbot .ac-container#lo_loc_see_results .ac-pushButton { width: 100% !important; height: 46px !important; } .chatbot #buttonContainer .ac-columnSet { padding: 2px 4px !important; background: #ffffff; border-radius: 100px; } .chatbot #buttonContainer .ac-columnSet .ac-pushButton { border-radius: 100px; } .chatbot #buttonContainer .ac-columnSet .ac-pushButton[aria-pressed="false"] { background-color: transparent; color: #0736C3; border: none; margin: 2px; } .chatbot #buttonContainer .ac-columnSet .ac-pushButton[aria-pressed="true"] { background-color: #0736C3; color: #ffffff; } .chatbot #buttonContainer .ac-columnSet .ac-pushButton[aria-pressed="false"]:focus { outline: 2px dashed #0736C3; } .chatbot .ac-container.ac-adaptiveCard .webchat__render-markdown>p { font-size: 14px; font-weight: 400; } .chatbot .ac-container.ac-adaptiveCard { padding: 16px 24px !important; } .ac-columnSet .ac-container .ac-image { border-radius: 0 !important; } .chatbot input[type="checkbox"] { width: 24px !important; border: 1.5px solid #000000 !important; height: 24px !important; appearance: none !important; margin-right: 8px !important; cursor: pointer; position: relative; } .chatbot input[type="checkbox"]:checked, .chatbot input[type="radio"]:checked { /*border-color: #0736C3 !important;*/ outline: 1px dashed; background-color: #0736C3 !important } .chatbot .ac-container div.ac-textBlock .webchat__render-markdown>p { font-size: 18px; font-weight: 400 !important } .chatbot input[type="checkbox"]:checked~label p, .chatbot input[type="radio"]:checked~label p { /*color: #0736C3 !important;*/ color: #000 !important; font-weight: 600 !important } .chatbot .ac-input.ac-choiceSetInput-multiSelect, .chatbot .ac-input.ac-choiceSetInput-expanded { /*background: rgb(232 244 250) !important; padding: 16px 24px 16px 24px !important;*/ border-radius: 8px; } .chatbot .ac-input.ac-choiceSetInput-multiSelect>div, .chatbot .ac-input.ac-choiceSetInput-expanded>div { padding: 7px 0px !important; } .chatbot .ac-input>div>label { margin-bottom: 0.1rem !important; cursor: pointer; } .chatbot .ac-input.ac-choiceSetInput-expanded>div>input { position: relative; } .chatbot .webchat__stacked-layout__message-row .webchat__bubble__content { background: #fff !important; color: #0736C3 !important; } .chatbot #use-Container-help .ac-pushButton>div { font-size: 16px !important; } .chatbot #use-Container-help #yesButtonContainer .ac-pushButton { background-color: transparent !important; margin-right: 4px !important; } .chatbot #use-Container-help .ac-pushButton { flex: 0 1 100% !important; } .chatbot #use-Container-help #noButtonContainer .ac-pushButton { background-color: #ffffff !important; color: #000000 !important; } .chatbot #use-Container-help #yesButtonContainer .ac-pushButton:focus, .chatbot .ac-container.ac-adaptiveCard .ac-pushButton:focus { outline: 2px dotted #ffffff; outline-offset: -5.5px; } .chatbot #use-Container-help #noButtonContainer .ac-pushButton:focus { outline: 2px dotted #000000; outline-offset: -5.5px; } .chatbot input[type="radio"] { height: 24px !important; width: 24px !important; margin-right: 8px !important; cursor: pointer; } .chatbot .ac-input p { line-height: 23px; } .chatbot input[disabled="true"], .chatbot input[disabled="true"]~label { /*opacity: 0.5 !important;*/ cursor: default; } .chatbot input[type="radio"] { appearance: none !important; border: 1.5px solid #000000 !important; border-radius: 50% !important; background-color: transparent !important; background-clip: content-box !important; } .chatbot input[type="radio"]:checked { background-color: #0736C3 !important; /*padding: 2px;*/ border: 2px solid #000000; } .chatbot #ac-heading-Q1 p, .chatbot #ac-heading-Q2 p, .chatbot #ac-heading-Q3 p, .chatbot #ac-heading-Q4 p, .chatbot #ac-heading-Q5 p { font-size: 18px !important; } .chatbot .ac-adaptiveCard .ac-pushButton:not([disabled="true"]):hover { background-color: #0736c3db; box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.12), 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.12) !important; } .chatbot .ac-image { background-position: 50% 50%; background-repeat: no-repeat; } .chatbot #use-Container-help #yesButtonContainer .ac-pushButton[disabled="true"] { opacity: 0.3 !important; cursor: default; } .chatbot #use-Container-help #yesButtonContainer .ac-pushButton:not([disabled="true"]):hover, .chatbot #use-Container-help #noButtonContainer .ac-pushButton:not([disabled="true"]):hover { box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.12), 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.12) !important; } .chatbot #use-Container-help #noButtonContainer .ac-pushButton:not([disabled="true"]):hover { background-color: #d2d2d2 !important; } .chatbot #use-Container-help #noButtonContainer .ac-pushButton[disabled="true"] { opacity: 0.6 !important; color: #757575 !important; } .chatbot .webchat--css-capee-1orlmet.webchat__basic-transcript .webchat__basic-transcript__activity-body:not(:empty) { padding-bottom: 16px; } .chatbot .webchat__basic-transcript__activity--read:nth-child(1) .ac-container.ac-adaptiveCard { background: #FFFFFF !important; } .chatbot .ac-container.ac-adaptiveCard #no_loc_intro_heading p { font-size: 21px; line-height: 26px; font-weight: 600; } .chatbot .ac-container.ac-adaptiveCard #no_loc_intro_para p, .chatbot .ac-container.ac-adaptiveCard #no_loc_intro_heading p { text-align: center; color: #1A1A1A; } .chatbot #no_loc_intro_image img { width: 72px !important; border-image-source: radial-gradient(157.86% 125.43% at 82.99% -9.79%, #8C48FF 6.6%, #F2598A 50%, #FFB152 89.6%); } /* width */ .chatbot ::-webkit-scrollbar { width: 8px; } /* Track */ .chatbot ::-webkit-scrollbar-track { background: transparent; } /* Handle */ .chatbot ::-webkit-scrollbar-thumb { background: #00000060; border-radius: 10px; border: 2px solid #E8E6DF; } /* Handle on hover */ .chatbot ::-webkit-scrollbar-thumb:hover { background: #00000080; border: 2px solid transparent; } .chatbot input[type="radio"]:checked::before, .chatbot input[type="checkbox"]:checked::before { font-family: "MWF-MDL2"; content: ""; color: #fff; font-size: 18px; font-weight: 600; text-align: center; position: relative; left: 2px; top: 2px; /*background-color: #0736C3 !important;*/ } .chatbot .ac-input-container[disabled="true"] input[type="checkbox"], .chatbot .ac-input-container[disabled="true"] label[disabled="true"] { cursor: default !important; } .chatbot button.ac-pushButton[disabled="disabled"] { Background: #b1b3b3 !important; } .chatbot button.ac-pushButton[disabled="disabled"]:hover { Background: #b1b3b3 !important; } .webchat--css-ujdil-19xib6l.webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content { border-color: #B1B3B3 !important; border-width: 2px !important; } .webchat__basic-transcript__activity:not(.webchat__basic-transcript__activity--acknowledged) .webchat__adaptive-card-renderer { border-radius: 8px; border: 1px solid #B1B3B3; } .webchat__basic-transcript__activity:not(.webchat__basic-transcript__activity--acknowledged):nth-child(1) .webchat__adaptive-card-renderer { border: none; border-style: none !important; } .chatbot .d-none { display: none !important; } /* The Modal (background) */ .chatbot .banner-hide { transform: translate(0%, 100%); opacity: 0; /* display: none !important; */ } .chatbot .chatbot { opacity: 1; transition: opacity 1s ease, transform 1s ease; } .chatbot .banner-modal { position: fixed; z-index: 1; left: 0; bottom: 0; width: 100%; opacity: 0.9; transition: opacity 1s ease, transform 1s ease; } /* Modal Content */ .banner-content-section { background-color: #fefefe; margin: 6% 0 auto; width: 100%; padding: 0 0 10px; } .chatbot .banner-modal .banner-content-inner img { width: 50px; height: 50px; } .chatbot .banner-content-inner { display: flex; flex-direction: column; align-items: center; } /* The Close Button */ .chatbot .banner-modal .cbbanner-close { float: right; font-size: 25px; font-weight: bold; color: #212121; background: none; border: none; position: relative; top: 8px; left: -8px; } .chatbot .cbbanner-close::before { content: "\2715"; font-size: 25px; font-weight: 500; } .chatbot .cbbanner-close:hover, .chatbot .cbbanner-close:focus { text-decoration: none; cursor: pointer; outline: 2px dashed #000; } .chatbot .ac-pushButton[disabled="disabled"] { opacity: 0.5; border: 1px solid transparent !important; } .chatbot .banner-modal .bot-start-btn { color: #fff; padding: 6px 20px 8px 20px; border: 1px solid; background: #0078D4; font-size: 16px; font-weight: 600; border-radius: 4px; margin-top: 15px; } /*.banner-content-inner img { padding: 0 0 20px; } */ .chatbot-banner-heading { font-size: 25px; font-weight: 600; } .chatbot-banner-para { font-size: 16px; } @media only screen and (min-width: 540px) { .chatbot .banner-modal { bottom: 0; } .chatbot .banner-content-section { border-top: 1px solid #888; } } @media only screen and (max-width: 859.99px) { .chatbot .banner-modal { opacity: 1 !important; display: flex; flex-direction: column; justify-content: center; } } .chatbot .banner-content-inner { text-align: center; margin-left: 40px; } .chat-banner-d-none{ display: none; } .chatbot.d-none{ display: none; } /* 09/25/2024 */