{"data":{"page":{"vanityUrl":"pdp/hp-6-month-smartfriend-service","templateKey":"pdp","nextQuery":{"hash":"footerLinks","timeout":1000},"pageComponents":{"pdpTechSpecs":{"highlights":[],"technical_specifications":[{"name":"Service Feature Highlight 1","tooltip":"","value":[{"value":["Error troubleshooting"]}]},{"name":"Service Feature Highlight 2","tooltip":"","value":[{"value":["Software installation & OS Updates"]}]},{"name":"Service Feature Highlight 3","tooltip":"","value":[{"value":["“How-to” assistance"]}]},{"name":"Service Feature Highlight 4","tooltip":"","value":[{"value":["Connectivity assistance, Virus removal"]}]},{"name":"Service Feature Highlight 5","tooltip":"","value":[{"value":["24/7 on-call tech support, Any brand device"]}]},{"name":"Service Feature Highlight 6","tooltip":"","value":[{"value":["6-month term"]}]}],"datasheets":[{"datasheet_url":"http://www8.hp.com/h20195/v2/GetDocument.aspx?docname=4aa5-1705enw","label":"HP SmartFriend Service data sheet - US English","gtmId":"HP SmartFriend Service data sheet - US English","gtmValue":"aspx"}],"translations":{"technical_details":"Specs","see_complete_specs":"See complete specs","see_less_specs":"See less specs","technicalDetails":"Technical Specs"}},"exclusiveFeatures":null,"pdpAccessories":{"products":{}},"pdpRichContent":{"featuresContent":[{"value":[{"html":"<style>\r\n    .sf_wrpr video:focus,\r\n    video {\r\n        outline: none;\r\n        clip-path: fill-box;\r\n        border-radius: 0.01px;\r\n    }\r\n\r\n    .sf_wrpr video.conHover {\r\n        cursor: pointer;\r\n        max-width: 1280px;\r\n    }\r\n\r\n    .sf_wrpr video.conHover:hover::-webkit-media-controls {\r\n        opacity: 1;\r\n    }\r\n\r\n    .sf_wrpr video.conHover::-webkit-media-controls {\r\n        transition: opacity 1s;\r\n        opacity: 0;\r\n    }\r\n\r\n\r\n    .sf_wrpr p,\r\n    .sf_wrpr h2,\r\n    .sf_wrpr h3,\r\n    .sf_wrpr h4,\r\n    .sf_wrpr h5,\r\n    .sf_wrpr figure,\r\n    .sf_wrpr ul,\r\n    .sf_wrpr li,\r\n    .sf_wrpr a,\r\n    .sf_wrpr span {\r\n        margin: 0;\r\n        padding: 0;\r\n        font-size: 100%;\r\n        font: inherit;\r\n        vertical-align: baseline;\r\n        font-family: Forma DJR Micro, Arial, Helvetica, sans-serif;\r\n    }\r\n\r\n    .sf_wrpr {\r\n        max-width: 1688px;\r\n        background-color: #fff;\r\n        margin: 0 auto;\r\n        padding-bottom: 1px;\r\n    }\r\n\r\n    .sf_wrpr h2 {\r\n        font-size: 70px;\r\n        color: #000;\r\n        line-height: 1;\r\n        text-wrap-style: pretty;\r\n    }\r\n\r\n    .sf_wrpr h4 {\r\n        font-size: 40px;\r\n        line-height: 1.1;\r\n        color: #000\r\n    }\r\n\r\n    .sf_wrpr h5 {\r\n        color: #000;\r\n    }\r\n\r\n    .sf_wrpr p {\r\n        font-size: 26px;\r\n        color: #000;\r\n        line-height: 1.3;\r\n        text-wrap: pretty;\r\n    }\r\n\r\n    .sf_wrpr img {\r\n        max-width: 100%;\r\n        display: block;\r\n    }\r\n\r\n    .sf_wrpr sup,\r\n    .sf_wrpr sup small {\r\n        position: relative;\r\n        font-size: 50%;\r\n        top: 2px;\r\n        vertical-align: top;\r\n    }\r\n\r\n    .sf_content_title {\r\n        padding: 18px 0;\r\n    }\r\n\r\n    .sf_content_title h3 {\r\n        color: #000;\r\n        line-height: 1.2;\r\n        text-wrap: pretty;\r\n        font-size: 60px;\r\n    }\r\n\r\n    .sf_3_cards h4 sup {\r\n        font-size: 34%;\r\n    }\r\n\r\n    .sf_sub_title h5 {\r\n        font-size: 38px;\r\n    }\r\n\r\n    .sf_sub_title {\r\n        padding: 20px 0 30px;\r\n    }\r\n\r\n    .sf_hdr {\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .sf_hdr>div:first-child {\r\n        padding: 20px 0;\r\n    }\r\n\r\n    .sf_hdr>div:nth-child(2) {\r\n        padding: 20px 0;\r\n    }\r\n\r\n    .sf_hdr>div:nth-child(2) h3 {\r\n        font-size: 42px;\r\n    }\r\n\r\n    .sf_topbanner {\r\n        display: flex;\r\n        flex-direction: row;\r\n        flex-wrap: nowrap;\r\n        align-items: center;\r\n        border-bottom: 1px solid #000;\r\n        border-top: 1px solid #000;\r\n        gap: 35px\r\n    }\r\n\r\n    .sf_topbanner>div:first-child {\r\n        width: 65%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 55px;\r\n    }\r\n\r\n    .sf_topbanner>div:nth-child(2) {\r\n        width: 35%;\r\n    }\r\n\r\n    .sf_logo {\r\n        display: flex;\r\n        align-items: center;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n    }\r\n\r\n    .sf_topbanner>div:first-child img {\r\n        height: 100%;\r\n        object-fit: cover;\r\n        max-height: 100%;\r\n    }\r\n\r\n    .sf_crd_main {\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .sf_mobview {\r\n        display: none;\r\n    }\r\n\r\n    .sf_cards_contianer {\r\n        display: flex;\r\n        flex-direction: row;\r\n    }\r\n\r\n    .sf_cards_contianer .sf_cards:last-child {\r\n        border-right: none\r\n    }\r\n\r\n    .sf_cards {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        padding: 24px 15px;\r\n        flex-wrap: nowrap;\r\n        gap: 15px;\r\n        align-items: center;\r\n        border-right: 1px solid #000;\r\n        width: 25%;\r\n    }\r\n\r\n    .sf_cards .sf_img {\r\n        width: auto;\r\n        display: flex;\r\n        flex-direction: row;\r\n        justify-content: center;\r\n        height: 90px;\r\n        background: #fff;\r\n        width: 90px;\r\n        display: flex;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n    }\r\n\r\n    .sf_cards p {\r\n        font-size: 20px;\r\n        text-align: center;\r\n    }\r\n\r\n    .sf_thre_main {\r\n        display: flex;\r\n        flex-direction: column;\r\n        margin-top: 30px;\r\n    }\r\n\r\n    .sf_threeSection {\r\n        position: relative;\r\n    }\r\n\r\n    .sf_3_sec {\r\n        display: flex;\r\n        flex-direction: row;\r\n        gap: 54px;\r\n        padding: 0 0px\r\n    }\r\n\r\n    .sf_3_sec>div {\r\n        width: 33.33%;\r\n        display: flex;\r\n    }\r\n\r\n    .sf_3_cards {\r\n        display: flex;\r\n        flex-direction: column;\r\n        border: 1px solid #7b797a;\r\n    }\r\n\r\n    .sf_3_sec>div {\r\n        width: 33.33%;\r\n        display: flex;\r\n    }\r\n\r\n    .sf_3_cards>div:last-child {\r\n        padding: 32px\r\n    }\r\n\r\n    .sf_wrpr .sf_3_cards p {\r\n        font-size: 26px;\r\n    }\r\n\r\n    .sf_wrpr .sf_3_cards h4 {\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n    .sf_two_clms {\r\n        display: flex;\r\n        flex-direction: row;\r\n        flex-wrap: nowrap;\r\n        gap: 30px;\r\n        margin-top: 60px;\r\n        border-top: 1px solid #000;\r\n        border-bottom: 1px solid #000\r\n    }\r\n\r\n    .sf_two_clms>div:first-child {\r\n        width: 45%;\r\n        display: flex;\r\n        gap: 34px;\r\n        flex-direction: column;\r\n        align-items: start;\r\n        justify-content: center;\r\n    }\r\n\r\n    .sf_two_clms>div:nth-child(2) {\r\n        width: 55%\r\n    }\r\n\r\n    .sf_two_clms .sf_3_cards {\r\n        gap: 0;\r\n        justify-content: center;\r\n        border: none;\r\n    }\r\n\r\n    .sf_two_clms .sf_3_cards h4 {\r\n        margin-top: 0\r\n    }\r\n\r\n    .sf_two_clms img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n    }\r\n\r\n    span.sf_cal {\r\n        font-size: 50px;\r\n    }\r\n\r\n    .acco_foot__content-wrapper {\r\n        max-height: 0px;\r\n        overflow: hidden;\r\n        transition: 0.25s ease-in-out;\r\n    }\r\n\r\n    .acco_foot__content {\r\n        padding-left: 15px;\r\n        border-top: 1px solid #7b797a;\r\n        padding-top: 20px;\r\n    }\r\n\r\n    .acco_foot__title {\r\n        cursor: pointer;\r\n        display: block;\r\n        position: relative;\r\n        transition: all 0.25s ease-out;\r\n        padding: 20px 0;\r\n    }\r\n\r\n    .sf_chromebook .acco_foot__title p {\r\n        font-size: 14px;\r\n        color: #7b797a;\r\n        font-weight: bold;\r\n    }\r\n\r\n    .acco_foot__title::after {\r\n        content: \" \\002B \";\r\n        display: inline-block;\r\n        position: absolute;\r\n        right: 0px;\r\n        font-size: 18px;\r\n        font-weight: normal;\r\n        top: 20px;\r\n        transition: 0.35s ease-in-out;\r\n        vertical-align: top;\r\n    }\r\n\r\n    .acco_foot__trigger:checked+.acco_foot__title+.acco_foot__content-wrapper {\r\n        max-height: 1500px;\r\n    }\r\n\r\n    .acco_foot__trigger:checked+.acco_foot__title::after {\r\n        transition: 0.25s ease-in-out;\r\n        content: \" \\2212 \";\r\n        font-size: 18px;\r\n        top: 20px;\r\n        font-weight: normal;\r\n    }\r\n\r\n    .sf_footenotes input[type=\"checkbox\"] {\r\n        display: none;\r\n    }\r\n\r\n    .sf_footenotes {\r\n        margin: 20px 0;\r\n    }\r\n\r\n    .sf_footenotes ol {\r\n        padding: 0;\r\n        margin: 0;\r\n    }\r\n\r\n    .sf_footenotes .acco_foot {\r\n        background-color: #f5f5f5;\r\n        padding: 6px 34px;\r\n    }\r\n\r\n    .sf_footenotes ol li,\r\n    .sf_footenotes ol li a,\r\n    .sf_footenotes ol li ul li {\r\n        color: rgb(0, 0, 0, .6);\r\n        font-size: 12px;\r\n        margin-bottom: 10px;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .sf_footenotes ol li a:hover {\r\n        text-decoration: underline;\r\n    }\r\n\r\n    .sf_footenotes ol li ul {\r\n        margin: 12px 0;\r\n        padding-left: 20px;\r\n    }\r\n\r\n    .sf_footenotes ol li ul li {\r\n        margin-bottom: 10px;\r\n        list-style-type: disc;\r\n    }\r\n\r\n    .sf_wrpr .acco_foot__title p {\r\n        color: rgb(0, 0, 0, .8);\r\n        font-size: 14px;\r\n    }\r\n\r\n    .sf_br_btm {\r\n        border-bottom: 1px solid #000;\r\n    }\r\n\r\n    .sf_br_tp {\r\n        border-top: 1px solid #000;\r\n    }\r\n\r\n    .sf_plns_cntnr {\r\n        display: flex;\r\n        flex-direction: row;\r\n        flex-wrap: nowrap;\r\n        gap: 35px;\r\n        padding: 48px 0;\r\n    }\r\n\r\n    .sf_plns_cntnr>div {\r\n        flex: 1;\r\n    }\r\n\r\n    /*.sf_plns_cntnr>div:nth-child(2) li{list-style: none;}*/\r\n    /*.sf_plns_cntnr>div:nth-child(2) ul{padding-left: 0;}*/\r\n    .pls_lbl {\r\n        display: inline-block;\r\n        padding: 8px 10px;\r\n        background: #000;\r\n    }\r\n\r\n    .pls_lbl p {\r\n        color: #fff\r\n    }\r\n\r\n    .pln_dtls {\r\n        border: 1px solid #000;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .plns_top {\r\n        padding: 20px;\r\n        border-bottom: 1px solid #000;\r\n        display: flex;\r\n        flex-direction: row;\r\n        flex-wrap: nowrap;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n    }\r\n\r\n    .plns_top a img.arrCta {\r\n        transition: all 0.2s ease;\r\n    }\r\n\r\n    .pln_dtls:hover img.arrCta {\r\n        transform: translateX(5px);\r\n    }\r\n\r\n    .plns_top span:first-child {\r\n        font-size: 24px;\r\n        display: block;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .plns_top>div span:nth-child(2) {\r\n        font-size: 36px;\r\n        display: block;\r\n    }\r\n\r\n    .plns_btm {\r\n        padding: 20px;\r\n        background-color: #f4f4f4;\r\n    }\r\n\r\n    .plns_btm ul {\r\n        padding-left: 20px;\r\n    }\r\n\r\n    .plns_btm ul li {\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .sf_wrpr .sf_logo p {\r\n        font-size: 36px;\r\n    }\r\n\r\n    .af_vdo iframe {\r\n        object-fit: cover;\r\n        display: block;\r\n    }\r\n\r\n    .af_vdo video {\r\n        cursor: pointer;\r\n    }\r\n\r\n    @media only screen and (max-width: 1700px) {\r\n\r\n        .sf_crd_main,\r\n        .sf_thre_main,\r\n        .sf_two_main,\r\n        .sf_topsection,\r\n        .sf_plns,\r\n        .sf_hdr,\r\n        .af_vdo,\r\n        .sf_footenotes {\r\n            padding: 0px 30px;\r\n        }\r\n    }\r\n\r\n    @media only screen and (max-width: 1500px) {\r\n        .sf_cards .sf_img {\r\n            height: 85px;\r\n            width: 85px;\r\n        }\r\n\r\n        .sf_content_title h3 {\r\n            font-size: 50px;\r\n        }\r\n\r\n        .sf_top_title {\r\n            padding: 50px 0 30px;\r\n        }\r\n\r\n        .sf_topbanner>div:first-child {\r\n            gap: 30px\r\n        }\r\n\r\n        .sf_wrpr p {\r\n            font-size: 22px\r\n        }\r\n\r\n        .sf_featuring {\r\n            padding: 58px 30px;\r\n        }\r\n\r\n        .sf_wrpr h4 {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .sf_wrpr .sf_3_cards p {\r\n            font-size: 22px;\r\n        }\r\n\r\n        .sf_3_sec {\r\n            gap: 40px\r\n        }\r\n\r\n        .sf_3_cards>div:last-child {\r\n            padding: 26px;\r\n        }\r\n\r\n        .sf_wrpr .sf_3_cards h4 {\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        span.sf_cal {\r\n            font-size: 38px;\r\n        }\r\n\r\n        .sf_logo img {\r\n            width: 330px;\r\n        }\r\n\r\n        .sf_wrpr .sf_logo p {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .sf_footenotes .acco_foot {\r\n            padding: 6px 22px;\r\n        }\r\n    }\r\n\r\n    @media only screen and (max-width: 1366px) {\r\n        .sf_wrpr .sf_maintitle h2 {\r\n            font-size: 58px;\r\n        }\r\n\r\n        .sf_wrpr p {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .sf_sub_title h5 {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .sf_topbanner>div:first-child {\r\n            gap: 48px\r\n        }\r\n\r\n        .sf_cards .sf_img {\r\n            height: 76px;\r\n            width: 76px;\r\n        }\r\n\r\n        .sf_tab_labels label {\r\n            padding: 20px\r\n        }\r\n\r\n        .sf_tab_labels label p {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .sf_tab_content.sf_first_tab img {\r\n            width: 600px;\r\n            margin: auto;\r\n        }\r\n\r\n        .sf_port_name ol li {\r\n            padding-left: 34px;\r\n        }\r\n\r\n        .sf_port_name ol li:before {\r\n            height: 26px;\r\n            width: 26px;\r\n            font-size: 16px;\r\n            line-height: 1.9;\r\n        }\r\n\r\n        .sf_icon_container {\r\n            width: 160px\r\n        }\r\n\r\n        .sf_sus_text p {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .sf_sus_text .sf_logo_block p {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .sf_Clogo_container {\r\n            gap: 6px\r\n        }\r\n\r\n        .sf_sus_text {\r\n            padding: 30px 45px;\r\n        }\r\n\r\n        .acco_foot__title {\r\n            padding: 15px 0;\r\n        }\r\n\r\n        .acco_foot__title::after,\r\n        .acco_foot__trigger:checked+.acco_foot__title::after {\r\n            top: 14px\r\n        }\r\n\r\n        .sf_cards p {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .sf_hdr>div:nth-child(2) h3 {\r\n            font-size: 36px;\r\n        }\r\n\r\n        .af_vdo iframe {\r\n            height: 500px;\r\n        }\r\n    }\r\n\r\n    @media only screen and (max-width: 1200px) {\r\n        .sf_wrpr .sf_maintitle h2 {\r\n            font-size: 44px;\r\n        }\r\n\r\n        .sf_top_title {\r\n            gap: 12px\r\n        }\r\n\r\n        .sf_wrpr p {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .sf_topbanner>div:first-child {\r\n            gap: 26px\r\n        }\r\n\r\n        .sf_cards p {\r\n            font-size: 16px\r\n        }\r\n\r\n        .sf_wrpr .sf_3_cards p {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .sf_wrpr h4 {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .sf_port_name ol li:before {\r\n            height: 22px;\r\n            width: 22px;\r\n            font-size: 14px;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .sf_port_name ol li p {\r\n            line-height: 28px;\r\n        }\r\n\r\n        .sf_port_name ol li {\r\n            height: auto;\r\n            padding-left: 30px;\r\n        }\r\n\r\n        .sf_content_title h3 {\r\n            font-size: 36px;\r\n        }\r\n\r\n        .sf_sus_text .sf_logo_block p {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .sf_logo_block>div {\r\n            min-width: auto;\r\n            width: 80px;\r\n        }\r\n\r\n        .sf_sus_text {\r\n            padding: 20px 35px;\r\n        }\r\n\r\n        .sf_top_title {\r\n            padding-bottom: 28px;\r\n            padding-top: 20px;\r\n        }\r\n\r\n        .sf_3_sec,\r\n        .sf_featuring>div {\r\n            gap: 26px;\r\n        }\r\n\r\n        .sf_3_cards>div:last-child {\r\n            padding: 16px;\r\n        }\r\n\r\n        .sf_crd_main,\r\n        .sf_thre_main,\r\n        .sf_two_main,\r\n        .sf_topsection,\r\n        .sf_plns,\r\n        .sf_hdr,\r\n        .af_vdo,\r\n        .sf_footenotes {\r\n            padding: 0px 20px;\r\n        }\r\n\r\n        .plns_top>div span:nth-child(2) {\r\n            font-size: 30px;\r\n        }\r\n\r\n        .plns_top span:first-child {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .sf_hdr>div:nth-child(2) h3 {\r\n            font-size: 32px;\r\n            text-wrap-style: pretty;\r\n        }\r\n\r\n        .sf_wrpr h2 {\r\n            font-size: 60px;\r\n        }\r\n\r\n        .sf_hdr>div:nth-child(2) {\r\n            padding: 14px 0;\r\n        }\r\n    }\r\n\r\n    @media only screen and (max-width: 1024px) {\r\n        .sf_portsection {\r\n            padding: 28px 15px 28px 15px;\r\n        }\r\n\r\n        .sf_featuring {\r\n            padding: 50px 15px;\r\n        }\r\n\r\n        .sf_icon_container {\r\n            width: 140px;\r\n        }\r\n\r\n        .sf_Clogo_container {\r\n            flex-direction: column;\r\n        }\r\n\r\n        .sf_footenotes .acco_foot {\r\n            padding: 6px 24px;\r\n        }\r\n\r\n        .sf_sus_title {\r\n            padding: 20px 15px;\r\n        }\r\n\r\n        .sf_cards p {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .sf_topbanner {\r\n            align-items: normal;\r\n        }\r\n\r\n        .sf_thre_main {\r\n            margin-top: 18px;\r\n        }\r\n\r\n        .sf_two_clms {\r\n            margin-top: 44px\r\n        }\r\n\r\n        .sf_icon img {\r\n            width: 72px\r\n        }\r\n\r\n        .sf_two_clms>div:first-child {\r\n            gap: 18px;\r\n            padding: 24px 0;\r\n        }\r\n\r\n        span.sf_cal {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .sf_sub_title h5 {\r\n            font-size: 25px;\r\n        }\r\n    }\r\n\r\n    @media only screen and (max-width: 900px) {\r\n        .sf_cards_contianer {\r\n            width: auto\r\n        }\r\n\r\n        .sf_3_sec,\r\n        .sf_featuring>div {\r\n            display: flex;\r\n            flex-direction: row;\r\n            gap: 22px;\r\n            overflow-x: auto;\r\n            scroll-behavior: smooth;\r\n            scroll-snap-type: x mandatory;\r\n            -webkit-overflow-scrolling: touch;\r\n            scrollbar-width: none;\r\n        }\r\n\r\n        .sf_3_sec>div,\r\n        .sf_ftr_card {\r\n            flex: 0 0 38%;\r\n        }\r\n\r\n        .sf_wrpr h4 {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .sf_tab_labels label p {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .sf_3_cards,\r\n        .sf_ftr_card {\r\n            border: 1px solid rgb(0 0 0 / 60%)\r\n        }\r\n\r\n        .sf_ftr_card {\r\n            padding: 12px;\r\n        }\r\n\r\n        .sf_ftr_card .sf_3_cards {\r\n            border: none;\r\n        }\r\n\r\n        .sf_featuring {\r\n            border-top: none\r\n        }\r\n\r\n        .sf_logo_block {\r\n            padding: 0;\r\n        }\r\n\r\n        .sf_Clogo_container {\r\n            gap: 14px;\r\n        }\r\n\r\n        .sf_sus_text {\r\n            padding: 20px 15px;\r\n        }\r\n\r\n        .sf_cards_contianer {\r\n            width: 100%;\r\n        }\r\n\r\n        .sf_cards .sf_img {\r\n            width: 56px;\r\n            height: 56px;\r\n        }\r\n\r\n        .sf_topbanner>div:first-child {\r\n            width: 55%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 55px;\r\n        }\r\n\r\n        .sf_topbanner>div:nth-child(2) {\r\n            width: 45%;\r\n        }\r\n\r\n        .sf_topbanner>div:first-child img {\r\n            min-height: 280px;\r\n        }\r\n\r\n        .sf_logo img {\r\n            width: 188px\r\n        }\r\n\r\n        .sf_cards_contianer {\r\n            flex-wrap: wrap;\r\n            gap: 0;\r\n            justify-content: center;\r\n        }\r\n\r\n        .sf_cards {\r\n            border-bottom: 1px solid #000;\r\n            padding: 20px 0;\r\n            width: 33%;\r\n            gap: 6px\r\n        }\r\n\r\n        .sf_cards_contianer .sf_cards:nth-child(3) {\r\n            border-right: none;\r\n        }\r\n\r\n        .sf_plns_cntnr {\r\n            gap: 22px\r\n        }\r\n\r\n        .sf_wrpr .sf_logo p {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .sf_cards_contianer .sf_cards:nth-child(4),\r\n        .sf_cards_contianer .sf_cards:nth-child(5) {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .af_vdo iframe {\r\n            height: 400px;\r\n        }\r\n    }\r\n\r\n    @media only screen and (max-width: 768px) {\r\n\r\n        .sf_mobview {\r\n            display: block;\r\n            margin: auto;\r\n        }\r\n\r\n        .sf_mobview img {\r\n            width: 400px;\r\n        }\r\n\r\n        .sf_mobview .prologo img {\r\n            width: 180px;\r\n            margin: 0 auto 15px auto;\r\n        }\r\n\r\n        .sf_topbanner>div:first-child {\r\n            gap: 0px;\r\n        }\r\n\r\n        .sf_tabs {\r\n            flex-direction: column;\r\n            flex-wrap: wrap;\r\n            border: none\r\n        }\r\n\r\n        .sf_tab_labels {\r\n            flex-direction: row;\r\n            width: 100%;\r\n            border-bottom: 1px solid #d3d1d2;\r\n            text-align: center;\r\n            flex-wrap: wrap;\r\n            border-right: none;\r\n        }\r\n\r\n        .sf_tab_labels .sf_content_title {\r\n            flex-basis: 100%;\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .sf_tab_labels label {\r\n            width: auto;\r\n            padding: 15px 34px;\r\n        }\r\n\r\n        #sf_tab1:checked~.sf_tab_labels label[for=\"sf_tab1\"],\r\n        #sf_tab2:checked~.sf_tab_labels label[for=\"sf_tab2\"] {\r\n            border-left: none;\r\n            border-bottom: 4px solid #410099\r\n        }\r\n\r\n        .sf_content_title {\r\n            padding: 15px 0;\r\n        }\r\n\r\n        .sf_port_container {\r\n            border-top: none\r\n        }\r\n\r\n        .sf_portsection {\r\n            padding: 0 15px 0 15px;\r\n        }\r\n\r\n        .sf_sus_text {\r\n            padding: 20px;\r\n        }\r\n\r\n        .sf_content_title.sf_sus_title {\r\n            padding: 15px;\r\n        }\r\n\r\n        .acco_foot__title {\r\n            padding: 10px 0;\r\n        }\r\n\r\n        .acco_foot__title::after,\r\n        .acco_foot__trigger:checked+.acco_foot__title::after {\r\n            top: 8px;\r\n        }\r\n\r\n        .sf_top_title {\r\n            text-align: center;\r\n        }\r\n\r\n        .sf_globe {\r\n            width: 50px\r\n        }\r\n\r\n        .sf_topbanner {\r\n            gap: 0px\r\n        }\r\n\r\n        .sf_content {\r\n            padding: 20px 0px 0 0px;\r\n        }\r\n\r\n        .sf_sus_content {\r\n            flex-direction: column;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .sf_sus_content>div {\r\n            width: 100%\r\n        }\r\n\r\n        .sf_logo_block>div img {\r\n            margin: auto;\r\n        }\r\n\r\n        .sf_3_sec>div,\r\n        .sf_ftr_card {\r\n            flex: 0 0 40%;\r\n        }\r\n\r\n        .sf_two_clms>div:first-child {\r\n            width: 100%\r\n        }\r\n\r\n        .sf_sub_title {\r\n            padding: 15px 0 25px;\r\n        }\r\n\r\n        .sf_wrpr h2 {\r\n            font-size: 50px;\r\n        }\r\n    }\r\n\r\n    @media only screen and (max-width: 767px) {\r\n        .sf_wrpr .sf_maintitle h2 {\r\n            font-size: 36px;\r\n        }\r\n\r\n        .sf_logo {\r\n            width: 64px\r\n        }\r\n\r\n        .sf_wrpr p {\r\n            font-size: 16px;\r\n            text-wrap-style: pretty;\r\n        }\r\n\r\n        .sf_cards .sf_img img {\r\n            width: 56px;\r\n        }\r\n\r\n        .sf_cards .sf_img {\r\n            height: 64px;\r\n            width: 64px;\r\n        }\r\n\r\n        .sf_tab_content.sf_first_tab img {\r\n            width: auto;\r\n        }\r\n\r\n        .sf_content {\r\n            padding: 20px 0px 0 0px;\r\n        }\r\n\r\n        .sf_port_name ol {\r\n            flex-direction: column;\r\n            justify-content: start;\r\n            padding-left: 0;\r\n        }\r\n\r\n        .sf_port_name ol li:before {\r\n            height: 22px;\r\n            width: 21px;\r\n            font-size: 15px;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .sf_port_name ol li p {\r\n            line-height: 28px;\r\n        }\r\n\r\n        .sf_icon_container {\r\n            width: 124px;\r\n        }\r\n\r\n        .sf_video_bg video {\r\n            display: none;\r\n        }\r\n\r\n        .sf_sus_text {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 15px;\r\n            padding: 16px 15px;\r\n        }\r\n\r\n        p.sf_para {\r\n            margin-top: 20px;\r\n        }\r\n\r\n        .sf_wrpr h4 {\r\n            font-size: 25px;\r\n        }\r\n\r\n        .sf_two_clms .sf_3_cards {\r\n            border-left: none;\r\n            border-right: none;\r\n        }\r\n\r\n        .sf_footenotes {\r\n            padding: 6px 14px 6px\r\n        }\r\n\r\n        .eb_chromebook .acco_foot__title p {\r\n            font-size: 12px;\r\n        }\r\n\r\n        .sf_port_name ol li p {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .sf_crd_main,\r\n        .sf_thre_main,\r\n        .sf_two_main,\r\n        .sf_topsection,\r\n        .sf_plns,\r\n        .sf_hdr,\r\n        .af_vdo,\r\n        .sf_footenotes {\r\n            padding: 0px 15px;\r\n        }\r\n\r\n        .sf_cards {\r\n            flex-direction: column;\r\n            padding: 15px 0;\r\n            border-bottom: 1px solid #000;\r\n        }\r\n\r\n        .sf_cards_contianer {\r\n            gap: 0\r\n        }\r\n\r\n        .sf_cards p {\r\n            text-align: center;\r\n        }\r\n\r\n        .sf_cards_contianer .sf_cards:last-child {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .sf_two_clms {\r\n            flex-direction: column;\r\n            flex-wrap: wrap;\r\n            border-top: 0;\r\n            margin-top: 40px;\r\n            gap: 0\r\n        }\r\n\r\n        .sf_two_clms>div:first-child {\r\n            background-color: #f4f4f4;\r\n            width: auto;\r\n            padding: 18px;\r\n        }\r\n\r\n        .sf_two_clms>div {\r\n            width: 100%;\r\n        }\r\n\r\n        .sf_two_clms>div:nth-child(2) {\r\n            width: auto\r\n        }\r\n\r\n        .sf_two_clms .sf_3_cards h4 {\r\n            margin-top: 0\r\n        }\r\n\r\n        .sf_featuring {\r\n            padding: 4px 15px 38px 15px;\r\n        }\r\n\r\n        .sf_content_title h3 {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .sf_sub_title h5 {\r\n            font-size: 22px;\r\n        }\r\n\r\n        .sf_plns_cntnr {\r\n            display: flex;\r\n            flex-direction: row;\r\n            gap: 22px;\r\n            overflow-x: auto;\r\n            scroll-behavior: smooth;\r\n            scroll-snap-type: x mandatory;\r\n            -webkit-overflow-scrolling: touch;\r\n            scrollbar-width: none;\r\n        }\r\n\r\n        .sf_plns_cntnr>div {\r\n            flex: 0 0 40%;\r\n        }\r\n\r\n        .sf_plns_cntnr {\r\n            padding: 35px 0;\r\n        }\r\n\r\n        .sf_hdr>div:nth-child(2) h3 {\r\n            font-size: 25px;\r\n        }\r\n\r\n        .sf_wrpr h2 {\r\n            font-size: 44px;\r\n        }\r\n\r\n        .plns_top img {\r\n            width: 20px;\r\n        }\r\n\r\n        .af_vdo iframe {\r\n            height: auto;\r\n        }\r\n    }\r\n\r\n    @media only screen and (max-width: 600px) {\r\n\r\n        .sf_3_sec>div,\r\n        .sf_ftr_card {\r\n            flex: 0 0 86%;\r\n            scroll-snap-align: center\r\n        }\r\n\r\n        .sf_ftr_card {\r\n            flex: 0 0 76%;\r\n            scroll-snap-align: center\r\n        }\r\n\r\n        .sf_3_sec,\r\n        .sf_featuring>div {\r\n            gap: 24px\r\n        }\r\n\r\n        .sf_tab_labels label {\r\n            width: 50%;\r\n            padding: 15px;\r\n        }\r\n\r\n        .sf_himayalan_G10 h2 {\r\n            font-size: 34px;\r\n        }\r\n\r\n        .sf_topbanner {\r\n            flex-direction: column;\r\n        }\r\n\r\n        .sf_topbanner>div:first-child {\r\n            width: 100%;\r\n        }\r\n\r\n        .sf_topbanner>div:nth-child(2) {\r\n            width: 100%;\r\n            padding: 30px 0;\r\n        }\r\n\r\n        .sf_cards_contianer .sf_cards {\r\n            width: 48%\r\n        }\r\n\r\n        .sf_cards_contianer .sf_cards:nth-child(2),\r\n        .sf_cards_contianer .sf_cards:nth-child(4) {\r\n            border-right: none;\r\n        }\r\n\r\n        .sf_cards_contianer .sf_cards:nth-child(4) {\r\n            border-bottom: 1px solid #000;\r\n        }\r\n\r\n        .sf_cards_contianer .sf_cards:nth-child(3) {\r\n            border-right: 1px solid #000;\r\n        }\r\n\r\n        .sf_plns_cntnr>div {\r\n            flex: 0 0 86%;\r\n            scroll-snap-align: center\r\n        }\r\n    }\r\n\r\n    @media only screen and (max-width: 375px) {\r\n\r\n        .sf_3_sec,\r\n        .sf_featuring>div,\r\n        .sf_plns_cntnr {\r\n            gap: 12px;\r\n        }\r\n\r\n        .sf_tab_labels label p {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .sf_tab_labels label {\r\n            width: 40%;\r\n            padding: 15px 12px;\r\n        }\r\n    }\r\n</style>\r\n<section class=\"sf_wrpr\">\r\n    <section class=\"sf_hdr\">\r\n        <div class=\"sf_br_btm\">\r\n            <h2>Meet your new best friend</h2>\r\n        </div>\r\n        <div>\r\n            <h3>Having an HP SmartFriend means having ones less thing to worry about.</h3>\r\n        </div>\r\n    </section>\r\n    <section class=\"sf_topsection\">\r\n        <div class=\"sf_topbanner sf_padding\">\r\n            <div>\r\n                <img src=\"/wcsstore/hpusstore/Treatment/rc2/FY25Q1-smrtfrnd/hero_banner.jpg\" alt=\"\">\r\n            </div>\r\n\r\n            <div class=\"sf_logo\">\r\n                <img src=\"/wcsstore/hpusstore/Treatment/rc2/FY25Q1-smrtfrnd/smartfriend_logo.jpg\" alt=\"\">\r\n                <p>Contact a real person, 24/7</p>\r\n            </div>\r\n        </div>\r\n    </section><!--top_section-->\r\n\r\n    <section class=\"sf_crd_main \">\r\n        <div class=\"sf_content_title sf_br_btm\">\r\n            <h3>What we cover</h3>\r\n        </div>\r\n\r\n        <div class=\"sf_cards_contianer sf_br_btm \">\r\n\r\n            <div class=\"sf_cards\">\r\n                <div>\r\n                    <div class=\"sf_img\">\r\n                        <img src=\"/wcsstore/hpusstore/Treatment/rc2/FY25Q1-smrtfrnd/alert.jpg\" alt=\"Alert Icon\">\r\n                    </div>\r\n                </div>\r\n                <div>\r\n                    <p>Virus/Malware/ <br>Spyware removal </p>\r\n                </div>\r\n            </div>\r\n            <div class=\"sf_cards\">\r\n                <div>\r\n                    <div class=\"sf_img\">\r\n                        <img src=\"/wcsstore/hpusstore/Treatment/rc2/FY25Q1-smrtfrnd/security.jpg\" alt=\"Security Icon\">\r\n                    </div>\r\n                </div>\r\n                <div>\r\n                    <p>Software problems and <br>\r\n                        error messages</p>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"sf_cards\">\r\n                <div>\r\n                    <div class=\"sf_img\">\r\n                        <img src=\"/wcsstore/hpusstore/Treatment/rc2/FY25Q1-smrtfrnd/destop_icon.jpg\" alt=\"Desktop Icon\">\r\n                    </div>\r\n                </div>\r\n                <div>\r\n                    <p>How-to's, tips <br>\r\n                        and tricks</p>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"sf_cards\">\r\n                <div>\r\n                    <div class=\"sf_img\">\r\n                        <img src=\"/wcsstore/hpusstore/Treatment/rc2/FY25Q1-smrtfrnd/setup.jpg\" alt=\"Setup Icon\">\r\n                    </div>\r\n                </div>\r\n\r\n                <div>\r\n                    <p> Installation, setup, <br>\r\n                        troubleshooting <br>\r\n                        and optimization</p>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"sf_cards\">\r\n                <div>\r\n                    <div class=\"sf_img\">\r\n                        <img src=\"/wcsstore/hpusstore/Treatment/rc2/FY25Q1-smrtfrnd/connectivity.jpg\"\r\n                            alt=\"Connectivity icon\">\r\n                    </div>\r\n                </div>\r\n\r\n                <div>\r\n                    <p>Wi-Fi and <br>\r\n                        connectivity <br>\r\n                        issues</p>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </section>\r\n    </div>\r\n\r\n\r\n    <section class=\"sf_thre_main\">\r\n        <div class=\"sf_content_title\">\r\n            <h3>Total Peace of Mind</h3>\r\n        </div>\r\n        <div class=\"sf_sub_title sf_br_tp\">\r\n            <h5>Sit back, relax, and let your SmartFriend handle the tech stress.</h5>\r\n        </div>\r\n\r\n        <div class=\"sf_threeSection\">\r\n            <div class=\"sf_3_sec\">\r\n                <div>\r\n                    <div class=\"sf_3_cards\">\r\n                        <div class=\"sf_card_img\"><img\r\n                                src=\"/wcsstore/hpusstore/Treatment/rc2/FY25Q1-smrtfrnd/card_img1.jpg\"\r\n                                alt=\"A computer monitor displaying multiple screens with various stock prices along with desktop mini PC\">\r\n                        </div>\r\n                        <div>\r\n                            <h4>Hassle-free help</h4>\r\n                            <p>Need help with your computer or other devices? Get answers to any tech questions, for any\r\n                                device or brand<sup>1</sup>.\r\n                            </p>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div>\r\n                    <div class=\"sf_3_cards\">\r\n                        <div class=\"sf_card_img\"><img\r\n                                src=\"/wcsstore/hpusstore/Treatment/rc2/FY25Q1-smrtfrnd/card_img2.jpg\"\r\n                                alt=\"A computer monitor placed on a wooden desktop pc mounted at the bottom of the table\">\r\n                        </div>\r\n                        <div>\r\n                            <h4>Real people, real answers\r\n                            </h4>\r\n                            <p>Just pick up and call a real person to help. You'll talk to patient, personable, and,\r\n                                above all, deeply knowledgeable IT experts\r\n\r\n                            </p>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div>\r\n                    <div class=\"sf_3_cards\">\r\n                        <div class=\"sf_card_img\"><img\r\n                                src=\"/wcsstore/hpusstore/Treatment/rc2/FY25Q1-smrtfrnd/card_img3.jpg\"\r\n                                alt=\"People collaborating and working at desks in a modern open office \"></div>\r\n                        <div>\r\n                            <h4>Contact us anytime</h4>\r\n                            <p>We're here to support you 24/7, whether it's at 2 am, 12 pm, 9 pm or anything in\r\n                                between<sup>1</sup>\r\n\r\n                            </p>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </section>\r\n\r\n    <section class=\"sf_two_main\">\r\n        <div class=\"sf_two_clms\">\r\n            <div>\r\n                <div class=\"sf_icon\">\r\n                    <img src=\"/wcsstore/hpusstore/Treatment/rc2/FY25Q1-smrtfrnd/hpFriendlogo_icon.png\" alt=\"\">\r\n                </div>\r\n                <p>Just pick up the phone and give us a call.\r\n                    Experts are available 24/7 to handle any tech issue or question, on any device, from any brand.</p>\r\n                <!--<p><span>Call us :</span> <br><span class=\"sf_cal\"> 1-866-211-5207</span></p>-->\r\n            </div>\r\n            <div class=\"sf_3_cards\">\r\n                <img src=\"/wcsstore/hpusstore/Treatment/rc2/FY25Q1-smrtfrnd/left_img.jpg\" alt=\"\">\r\n            </div>\r\n        </div>\r\n    </section>\r\n    <!-- 1M: <span data-omni=\"{&quot;itemId&quot;:&quot;3074457345621128249&quot;}\" id=\"price_holder_product_3074457345621128249\" ></span><br><br>\r\n6M: <span data-omni=\"{&quot;itemId&quot;:&quot;3074457345619947338&quot;}\" id=\"price_holder_product_3074457345619947338\" ></span><br><br>\r\n12M:<span data-omni=\"{&quot;itemId&quot;:&quot;3074457345621128248&quot;}\" id=\"price_holder_product_3074457345621128248\" ></span><br><br> -->\r\n\r\n\r\n\r\n\r\n    <section class=\"af_vdo\">\r\n        <div style=\"text-align: center;\">\r\n            <video width=\"100%\" class=\"conHover\" preload=\"none\" playsinline controls\r\n                poster=\"/wcsstore/hpusstore/Treatment/rc2/FY25Q1-smrtfrnd/video_poster.jpg\">\r\n                <source src=\"/wcsstore/hpusstore/Treatment/rc2/FY25Q1-smrtfrnd/HP_SmartFriend_animation_M1915198.webm\"\r\n                    type=\"video/webm\">\r\n                Your browser does not support HTML video.\r\n            </video>\r\n        </div>\r\n    </section>\r\n\r\n\r\n    <section class=\"sf_footenotes\">\r\n\r\n\r\n        <div class=\"acco_foot\">\r\n            <input class=\"acco_foot__trigger\" id=\"acco_foot\" type=\"checkbox\" /><label class=\"acco_foot__title\"\r\n                for=\"acco_foot\">\r\n                <p>Footnotes</p>\r\n            </label>\r\n            <div class=\"acco_foot__content-wrapper\">\r\n                <div class=\"acco_foot__content\">\r\n                    <ol>\r\n                        <li>Offers subject to change, not combinable with all other offers, and exclusions may apply,\r\n                            while supplies last. HP may impose a purchase quantity limit (for example, 3 units per\r\n                            order). Taxes, shipping, and other fees may apply as applicable. HP reserves the right to\r\n                            cancel orders arising from pricing or other errors. Prices, specifications, availability,\r\n                            and terms of offers may change without notice. Price protection, price matching or price\r\n                            guarantees do not apply to Intra-day, Daily Deals or limited-time promotions. These terms\r\n                            apply only to products sold by HP.com; reseller offers may vary. Items sold by HP.com are\r\n                            not for immediate resale. Orders that do not comply with HP.com terms, conditions, and\r\n                            limitations may be cancelled. Contract and volume customers not eligible.</li>\r\n                        <li>As compared to monthly plan.</li>\r\n                    </ol>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </section>\r\n</section> <!--sf_wrpr-->"}]}]},"pdpSpecialOffers":null}}},"extensions":{}}