{"data":{"page":{"vanityUrl":"pdp/hp-everyday-16-inch-laptop-backpack","templateKey":"pdp","nextQuery":{"hash":"footerLinks","timeout":1000},"pageComponents":{"pdpTechSpecs":{"highlights":[],"technical_specifications":[{"name":"Laptop Diagonal","tooltip":"","value":[{"value":["16.1\""]}]},{"name":"Laptop Compartment Size","tooltip":"","value":[{"value":["15.75 x 10.63 x 1.18 in"]}]},{"name":"Volume","tooltip":"","value":[{"value":["21 L"]}]},{"name":"Padding Material","tooltip":"","value":[{"value":["EPE foam"]}]},{"name":"Interior Lining Material","tooltip":"","value":[{"value":["100% polyester"]}]},{"name":"Carrying Strap","tooltip":"","value":[{"value":["Padded<br/> Shoulder<br/> Trolley"]}]},{"name":"Compartments","tooltip":"","value":[{"value":["Laptop<br/> Document<br/> Main<br/> Accessories"]}]},{"name":"Pockets","tooltip":"","value":[{"value":["Accessories<br/> 1 Quick access<br/> 1 Water bottle / umbrella"]}]},{"name":"Technical Features","tooltip":"","value":[{"value":["Cable pass-through"]}]},{"name":"Travel Features","tooltip":"","value":[{"value":["Trolley pass-through<br/> Padded back panel<br/> Padded air mesh panel"]}]},{"name":"Security Features","tooltip":"","value":[{"value":["Padded laptop pocket"]}]},{"name":"Closing System","tooltip":"","value":[{"value":["Zipper"]}]},{"name":"Color","tooltip":"","value":[{"value":["Odyssey gray"]}]},{"name":"Sustainable Impact Specifications","tooltip":"","value":[{"value":["FSC Certified Packaging<br/> 60% post-consumer recycled plastic<br/> LDPE bag contains 100% recycled plastic<br/> Hanger tag is made from 100% recycled paper stock<a class='footerLink' href='#disclaimerTabs'>[1,2]</a>"]}]},{"name":"What's in the box","tooltip":"","value":[{"value":["Backpack"]}]},{"name":"Compatibility\n","tooltip":"","value":[{"value":["Fits most laptops up to 16-inch diagonal"]}]},{"name":"Dimensions (W X D X H)","tooltip":"","value":[{"value":["12.2 x 6.1 x 17.32 in"]}]},{"name":"Weight","tooltip":"","value":[{"value":["1.25 lb"]}]},{"name":"Warranty","tooltip":"","value":[{"value":["HP three-year limited warranty"]}]}],"datasheets":[{"datasheet_url":"http://www8.hp.com/h20195/v2/GetDocument.aspx?docname=c09013032","label":"HP Everyday 16-inch Laptop Backpack","gtmId":"HP Everyday 16-inch Laptop Backpack","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    .HP_modular_sleeve_bag_full p,\r\n        .HP_modular_sleeve_bag_full h2,\r\n        .HP_modular_sleeve_bag_full h3,\r\n        .HP_modular_sleeve_bag_full h4,\r\n        .HP_modular_sleeve_bag_full h5 {\r\n            margin: 0;\r\n            padding: 0;\r\n            border: 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        .onebag_fouruses, .slider-wrapper{\r\n            margin-bottom:15px;\r\n        }\r\n        .hp_bag_icons img {\r\n    width: 60px;\r\n}\r\n        .HP_modular_sleeve_bag_full article{\r\n            background-color: #e6e6e6;\r\n        }\r\n        .onebag_fouruses{\r\n            background-color:#e6e6e6;\r\n        }\r\n        .sub-section-modular img {\r\n            width: 50px;\r\n        }\r\n        .HP_modular_sleeve_bag_full {\r\n            max-width: 1600px;\r\n            font-family: Forma DJR Micro, Arial, Helvetica, sans-serif;\r\n            margin: 0 auto;\r\n            background-color: #fff;\r\n            padding-bottom: 10px;\r\n            overflow: hidden;\r\n        }\r\n        .icons-sction-bag{\r\n            position: absolute;\r\n            bottom: 15px;\r\n        }\r\n        .HP_modular_sleeve_bag_full sup,\r\n        .HP_modular_sleeve_bag_full sup small {\r\n            position: relative;\r\n            font-size: 64%;\r\n            top: 2px;\r\n            vertical-align: text-top;\r\n        }\r\n        .HP_modular_sleeve_bag_full hr {\r\n    border: 1px solid #000000;\r\n    z-index: 9999;\r\n    position: relative;\r\n    background-color: #e6e6e6;\r\n}\r\n        \r\n        .hp_480_modular_sleeve_bag_Header {\r\n            background-color: #3f96d1;\r\n        }\r\n        \r\n        .hp_modular_sleeve_bag_light_bg {\r\n            background-color: #68b5de;\r\n            position: relative;\r\n        }\r\n        \r\n        .hp_confortmouse_top_header {\r\n            padding: 24px 60px;\r\n        }\r\n        \r\n        .hp_confortmouse_top_header h3 {\r\n            font-size: clamp(1.125rem, 0.5938rem + 2.6563vw, 3.25rem);\r\n        }\r\n        \r\n        .modular_sleeve_bag_icons img {\r\n            width: 58px;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_blankBG {\r\n            height: 30px;\r\n        }\r\n        \r\n        /* mouse around you */\r\n        .onebag_fouruses {\r\n            background-image: url(/wcsstore/hpusstore/Treatment/rc/FY25Q1-A08KLUT/HP_Everyday_16inch_laptop_backpack_front_gray.png);\r\n            background-repeat: no-repeat;\r\n            background-position: 891px 48px;\r\n            background-size: 31%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 283px;\r\n            padding: 90px 60px 60px 60px;\r\n        }\r\n        \r\n        .onebag_fouruses h2,\r\n        .hp_modular_sleeve_bag_title h2 {\r\n            font-size: 70px;\r\n            line-height: 78px;\r\n            margin-bottom: 20px;\r\n            font-weight: 500;\r\n        }\r\n        \r\n        .modular_sleeve_bag_icons {\r\n            display: flex;\r\n            flex-direction: row;\r\n            align-items: center;\r\n            margin-bottom: 10px;\r\n        }\r\n        \r\n        .modular_sleeve_bag_icons figure {\r\n            margin: 0;\r\n            margin-left: 15px;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_full p, .sub-section-modular p {\r\n            font-size: 34px;\r\n            text-wrap: pretty;\r\n        }\r\n        \r\n        /* mouse around you end */\r\n        .HP_modular_sleeve_bag_use {\r\n            display: flex;\r\n            flex-direction: row;\r\n            justify-content: end;\r\n            flex-wrap: nowrap;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_use hr {\r\n            width: 100%;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_use2 p {\r\n            text-wrap: balance !important;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_use_image {\r\n            width: 50%;\r\n            position: relative;\r\n            text-align: center;\r\n        }\r\n        \r\n        .Bag_many_use_content {\r\n            width: 50%;\r\n        }\r\n        \r\n        .soft_side_grips {\r\n            top: -5px;\r\n            position: absolute;\r\n            display: inline-block;\r\n            right: auto;\r\n            left: 34%;\r\n        }\r\n        \r\n        .hp_modular_sleeve_mb-0 {\r\n            margin-bottom: 0 !important;\r\n        }\r\n        \r\n        .quietClicks {\r\n            position: absolute;\r\n            display: inline-block;\r\n            top: 14.66666%;\r\n            left: 10%;\r\n            bottom: auto;\r\n            right: auto;\r\n        }\r\n        \r\n        .Bag_many_use_content .hp_480_modular_sleeve_bag_Header.hp_modular_sleeve_bag_title {\r\n            padding: 20px 20px 20px 20px;\r\n            min-height: 335px;\r\n            display: flex;\r\n            align-items: end;\r\n        }\r\n        .hp_bag_icons img {\r\n            max-width: 68px;\r\n        }\r\n        .Bag_many_use_content .zen_paragraph.hp_modular_sleeve_bag_light_bg {\r\n            padding: 20px 20px 60px 20px;\r\n            min-height: 335px;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_use2 {\r\n            align-items: center;\r\n            background-color: #e6e6e6;\r\n        }\r\n        \r\n        .threeinone,\r\n        .threeinone2 {\r\n            position: relative;\r\n        }\r\n         .HP_bag_footnotes{\r\n            background-color: #e6e6e6;\r\n        }\r\n        .HP_modular_sleeve_bag_full .copy-content-backpack .Hp-footer-cr-notes{\r\n            font-size: 12px;position: absolute;\r\n            line-height:1.2;\r\n            bottom: 10px;\r\n            width: 60%;\r\n        }\r\n        .footer-hp-copy-content{\r\n            display: flex;\r\n            flex-direction: row;\r\n            position: relative;\r\n            padding-top:20px\r\n        }\r\n        .copy-content-backpack{\r\n            width: 60%;\r\n        }\r\n        .copy-img-backpack{\r\n            width: 40%;\r\n        }\r\n        .copy-img-backpack img{\r\n            width: 100%;\r\n        }\r\n        .HpBag_pouch {\r\n            display: inline-block;\r\n            position: absolute;\r\n            right: -31%;\r\n            top: 30%;\r\n        }\r\n        \r\n        .HpBag_sleeve {\r\n            display: inline-block;\r\n            position: absolute;\r\n            left: -35%;\r\n            top: 22%;\r\n        }\r\n        \r\n        .hp_laptop_bag {\r\n            display: inline-block;\r\n            position: absolute;\r\n            left: -32%;\r\n            top: 5%\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_use_image img {\r\n            max-width: 100% !important;\r\n        }\r\n        \r\n        /* .HP_modular_sleeve_bag_use2 img {\r\n            width: 100% !important;\r\n        } */\r\n        .modular_sleeve_bag_icons img {\r\n            width: 50px;\r\n            margin-right: 20px;\r\n        }\r\n        .HP_modular_sleeve_bag_use_image {\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n        \r\n        .hp_laptop_bag_view_row2 {\r\n            display: flex;\r\n            flex-direction: row;\r\n            align-items: center;\r\n            width: 100%;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .hp_laptop_Bag_view {\r\n            width: 100%;\r\n            padding: 24px 0 15px 0;\r\n        }\r\n        \r\n        .hp_laptop_bag_view_row2 img,\r\n        .hp_laptop_bag_view img {\r\n            max-width: 74%;\r\n        }\r\n        \r\n        /*slider one*/\r\n        .HP_modular_sleeve_bag_one {\r\n            max-width: 100%;\r\n            margin: 0 auto;\r\n            position: relative;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_one input {\r\n            display: none;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_one .innerone {\r\n            width: 500%;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_one article {\r\n            width: 20%;\r\n            float: left;\r\n            position: relative;\r\n            background-color:#e6e6e6;\r\n        }\r\n        \r\n        /*---- SET UP CONTROL ----*/\r\n        .HP_modular_sleeve_bag_one .slider-prev-next-controlone {\r\n            height: 22px;\r\n            position: absolute;\r\n            top: 50%;\r\n            width: 100%;\r\n            -webkit-transform: translateY(-50%);\r\n            -moz-transform: translateY(-50%);\r\n            -ms-transform: translateY(-50%);\r\n            -o-transform: translateY(-50%);\r\n            transform: translateY(-50%);\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_one .slider-prev-next-controlone label {\r\n            display: none;\r\n            width: 26px;\r\n            height: 26px;\r\n            border-radius: 50%;\r\n            background: #fff;\r\n            opacity: 0.6;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_one .slider-prev-next-controlone label:hover {\r\n            opacity: 1;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_one .slider-dot-controlone {\r\n            position: absolute;\r\n            width: 100%;\r\n            bottom: 7px;\r\n            text-align: center;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_one .slider-dot-controlone label {\r\n            cursor: pointer;\r\n            border-radius: 100%;\r\n            display: inline-block;\r\n            width: 10px;\r\n            height: 10px;\r\n            background: #bbb;\r\n            -webkit-transition: all 0.3s;\r\n            -moz-transition: all 0.3s;\r\n            transition: all 0.3s;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_one .slider-dot-controlone label:hover {\r\n            background: #ccc;\r\n            border-color: #777;\r\n        }\r\n        \r\n        /* Slider Styling */\r\n        .HP_modular_sleeve_bag_one .slider-wrapper {\r\n            width: 100%;\r\n            overflow: hidden;\r\n            border-radius: 5px;\r\n            -webkit-transform: translateZ(0);\r\n            -moz-transform: translateZ(0);\r\n            -ms-transform: translateZ(0);\r\n            -o-transform: translateZ(0);\r\n            transform: translateZ(0);\r\n            -webkit-transition: all 500ms ease-out;\r\n            -moz-transition: all 500ms ease-out;\r\n            transition: all 500ms ease-out;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_one .slider-wrapper .innerone {\r\n            -webkit-transform: translateZ(0);\r\n            -moz-transform: translateZ(0);\r\n            -ms-transform: translateZ(0);\r\n            -o-transform: translateZ(0);\r\n            transform: translateZ(0);\r\n            -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n            -moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n            transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n        }\r\n        \r\n        /*---- SET POSITION FOR SLIDE ----*/\r\n        .HP_modular_sleeve_bag_one #slideone1:checked~.slider-prev-next-controlone label:nth-child(5)::after,\r\n        .HP_modular_sleeve_bag_one #slideone5:checked~.slider-prev-next-controlone label:nth-child(4)::after,\r\n        .HP_modular_sleeve_bag_one #slideone4:checked~.slider-prev-next-controlone label:nth-child(3)::after,\r\n        .HP_modular_sleeve_bag_one #slideone3:checked~.slider-prev-next-controlone label:nth-child(2)::after,\r\n        .HP_modular_sleeve_bag_one #slideone2:checked~.slider-prev-next-controlone label:nth-child(1)::after,\r\n        .HP_modular_sleeve_bag_one #slideone5:checked~.slider-prev-next-controlone label:nth-child(1)::after,\r\n        .HP_modular_sleeve_bag_one #slideone4:checked~.slider-prev-next-controlone label:nth-child(5)::after,\r\n        .HP_modular_sleeve_bag_one #slideone3:checked~.slider-prev-next-controlone label:nth-child(4)::after,\r\n        .HP_modular_sleeve_bag_one #slideone2:checked~.slider-prev-next-controlone label:nth-child(3)::after,\r\n        .HP_modular_sleeve_bag_one #slideone1:checked~.slider-prev-next-controlone label:nth-child(2)::after {\r\n            font-family: FontAwesome;\r\n            font-style: normal;\r\n            font-weight: normal;\r\n            text-decoration: inherit;\r\n            margin: 0;\r\n            line-height: 38px;\r\n            font-size: 3em;\r\n            display: block;\r\n            color: #777;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_one #slideone5:checked~.slider-prev-next-controlone label:nth-child(1)::after,\r\n        .HP_modular_sleeve_bag_one #slideone4:checked~.slider-prev-next-controlone label:nth-child(5)::after,\r\n        .HP_modular_sleeve_bag_one #slideone3:checked~.slider-prev-next-controlone label:nth-child(4)::after,\r\n        .HP_modular_sleeve_bag_one #slideone2:checked~.slider-prev-next-controlone label:nth-child(3)::after,\r\n        .HP_modular_sleeve_bag_one #slideone1:checked~.slider-prev-next-controlone label:nth-child(2)::after {\r\n            content: \" \";\r\n            height: 26px;\r\n            width: 26px;\r\n            background-image: url(/wcsstore/hpusstore/Treatment/rc/FY25Q1-A08KLUT/right-arrow.png);\r\n            background-size: 53%;\r\n            background-repeat: no-repeat;\r\n            background-position: 7px 6px;\r\n            cursor: pointer;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_one #slideone5:checked~.slider-prev-next-controlone label:nth-child(1),\r\n        .HP_modular_sleeve_bag_one #slideone4:checked~.slider-prev-next-controlone label:nth-child(5),\r\n        .HP_modular_sleeve_bag_one #slideone3:checked~.slider-prev-next-controlone label:nth-child(4),\r\n        .HP_modular_sleeve_bag_one #slideone2:checked~.slider-prev-next-controlone label:nth-child(3),\r\n        .HP_modular_sleeve_bag_one #slideone1:checked~.slider-prev-next-controlone label:nth-child(2) {\r\n            display: block;\r\n            float: right;\r\n            margin-right: 5px;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_one #slideone1:checked~.slider-prev-next-controlone label:nth-child(5),\r\n        .HP_modular_sleeve_bag_one #slideone5:checked~.slider-prev-next-controlone label:nth-child(4),\r\n        .HP_modular_sleeve_bag_one #slideone4:checked~.slider-prev-next-controlone label:nth-child(3),\r\n        .HP_modular_sleeve_bag_one #slideone3:checked~.slider-prev-next-controlone label:nth-child(2),\r\n        .HP_modular_sleeve_bag_one #slideone2:checked~.slider-prev-next-controlone label:nth-child(1) {\r\n            display: block;\r\n            float: left;\r\n            margin-left: 5px;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_one #slideone1:checked~.slider-prev-next-controlone label:nth-child(5)::after,\r\n        .HP_modular_sleeve_bag_one #slideone5:checked~.slider-prev-next-controlone label:nth-child(4)::after,\r\n        .HP_modular_sleeve_bag_one #slideone4:checked~.slider-prev-next-controlone label:nth-child(3)::after,\r\n        .HP_modular_sleeve_bag_one #slideone3:checked~.slider-prev-next-controlone label:nth-child(2)::after,\r\n        .HP_modular_sleeve_bag_one #slideone2:checked~.slider-prev-next-controlone label:nth-child(1)::after {\r\n            content: \" \";\r\n            height: 26px;\r\n            width: 26px;\r\n            background-image: url(/wcsstore/hpusstore/Treatment/rc/FY25Q1-A08KLUT/left-arrow.png);\r\n            background-size: 53%;\r\n            background-repeat: no-repeat;\r\n            background-position: 4px 6px;\r\n            cursor: pointer;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_one #slideone5:checked~.slider-dot-controlone label:nth-child(5),\r\n        .HP_modular_sleeve_bag_one #slideone4:checked~.slider-dot-controlone label:nth-child(4),\r\n        .HP_modular_sleeve_bag_one #slideone3:checked~.slider-dot-controlone label:nth-child(3),\r\n        .HP_modular_sleeve_bag_one #slideone2:checked~.slider-dot-controlone label:nth-child(2),\r\n        .HP_modular_sleeve_bag_one #slideone1:checked~.slider-dot-controlone label:nth-child(1) {\r\n            background: #3f96d1;\r\n            border: 1px solid #000\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_one #slideone5:checked~.slider-wrapper article:nth-child(5) .info,\r\n        .HP_modular_sleeve_bag_one #slideone4:checked~.slider-wrapper article:nth-child(4) .info,\r\n        .HP_modular_sleeve_bag_one #slideone3:checked~.slider-wrapper article:nth-child(3) .info,\r\n        .HP_modular_sleeve_bag_one #slideone2:checked~.slider-wrapper article:nth-child(2) .info,\r\n        .HP_modular_sleeve_bag_one #slideone1:checked~.slider-wrapper article:nth-child(1) .info {\r\n            opacity: 1;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_one #slideone1:checked~.slider-wrapper .innerone {\r\n            margin-left: 0%;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_one #slideone2:checked~.slider-wrapper .innerone {\r\n            margin-left: -100%;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_one #slideone3:checked~.slider-wrapper .innerone {\r\n            margin-left: -200%;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_one #slideone4:checked~.slider-wrapper .innerone {\r\n            margin-left: -300%;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_one #slideone5:checked~.slider-wrapper .innerone {\r\n            margin-left: -400%;\r\n        }\r\n        \r\n        /*---- TABLET ----*/\r\n        @media only screen and (max-width: 850px) and (min-width: 450px) {\r\n            .HP_modular_sleeve_bag_one .slider-wrapper {\r\n                border-radius: 0;\r\n            }\r\n        }\r\n        \r\n        /*---- MOBILE----*/\r\n        @media only screen and (max-width: 450px) {\r\n            .HP_modular_sleeve_bag_one .slider-wrapper {\r\n                border-radius: 0;\r\n            }\r\n        \r\n            .HP_modular_sleeve_bag_one .slider-wrapper .info {\r\n                opacity: 0;\r\n            }\r\n        }\r\n        \r\n        /*slider two*/\r\n        .HP_modular_sleeve_bag_two {\r\n            max-width: 100%;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            background-color: #e6e6e6;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_two input {\r\n            display: none;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_two .innertwo {\r\n            width: 500%;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_two article {\r\n            width: 20%;\r\n            float: left;\r\n            position: relative;\r\n        }\r\n        \r\n        \r\n        /*---- SET UP CONTROL ----*/\r\n        .HP_modular_sleeve_bag_two .slider-prev-next-controltwo {\r\n            height: 22px;\r\n            position: absolute;\r\n            top: 50%;\r\n            width: 100%;\r\n            -webkit-transform: translateY(-50%);\r\n            -moz-transform: translateY(-50%);\r\n            -ms-transform: translateY(-50%);\r\n            -o-transform: translateY(-50%);\r\n            transform: translateY(-50%);\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_two .slider-prev-next-controltwo label {\r\n            display: none;\r\n            width: 26px;\r\n            height: 26px;\r\n            border-radius: 50%;\r\n            background: #fff;\r\n            opacity: 0.6;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_two .slider-prev-next-controltwo label:hover {\r\n            opacity: 1;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_two .slider-dot-controltwo {\r\n            position: absolute;\r\n            width: 100%;\r\n            bottom: 10px;\r\n            text-align: center;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_two .slider-dot-controltwo label {\r\n            cursor: pointer;\r\n            border-radius: 100%;\r\n            display: inline-block;\r\n            width: 10px;\r\n            height: 10px;\r\n            background: #bbb;\r\n            -webkit-transition: all 0.3s;\r\n            -moz-transition: all 0.3s;\r\n            transition: all 0.3s;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_two .slider-dot-controltwo label:hover {\r\n            background: #ccc;\r\n            border-color: #777;\r\n        }\r\n        \r\n        /* Slider Styling */\r\n        .HP_modular_sleeve_bag_two .slider-wrapper {\r\n            width: 100%;\r\n            overflow: hidden;\r\n            border-radius: 5px;\r\n            -webkit-transform: translateZ(0);\r\n            -moz-transform: translateZ(0);\r\n            -ms-transform: translateZ(0);\r\n            -o-transform: translateZ(0);\r\n            transform: translateZ(0);\r\n            -webkit-transition: all 500ms ease-out;\r\n            -moz-transition: all 500ms ease-out;\r\n            transition: all 500ms ease-out;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_two .slider-wrapper .innertwo {\r\n            -webkit-transform: translateZ(0);\r\n            -moz-transform: translateZ(0);\r\n            -ms-transform: translateZ(0);\r\n            -o-transform: translateZ(0);\r\n            transform: translateZ(0);\r\n            -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n            -moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n            transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n        }\r\n        \r\n        /*---- SET POSITION FOR SLIDE ----*/\r\n        .HP_modular_sleeve_bag_two #slidetwo1:checked~.slider-prev-next-controltwo label:nth-child(5)::after,\r\n        .HP_modular_sleeve_bag_two #slidetwo5:checked~.slider-prev-next-controltwo label:nth-child(4)::after,\r\n        .HP_modular_sleeve_bag_two #slidetwo4:checked~.slider-prev-next-controltwo label:nth-child(3)::after,\r\n        .HP_modular_sleeve_bag_two #slidetwo3:checked~.slider-prev-next-controltwo label:nth-child(2)::after,\r\n        .HP_modular_sleeve_bag_two #slidetwo2:checked~.slider-prev-next-controltwo label:nth-child(1)::after,\r\n        .HP_modular_sleeve_bag_two #slidetwo5:checked~.slider-prev-next-controltwo label:nth-child(1)::after,\r\n        .HP_modular_sleeve_bag_two #slidetwo4:checked~.slider-prev-next-controltwo label:nth-child(5)::after,\r\n        .HP_modular_sleeve_bag_two #slidetwo3:checked~.slider-prev-next-controltwo label:nth-child(4)::after,\r\n        .HP_modular_sleeve_bag_two #slidetwo2:checked~.slider-prev-next-controltwo label:nth-child(3)::after,\r\n        .HP_modular_sleeve_bag_two #slidetwo1:checked~.slider-prev-next-controltwo label:nth-child(2)::after {\r\n            font-family: FontAwesome;\r\n            font-style: normal;\r\n            font-weight: normal;\r\n            text-decoration: inherit;\r\n            margin: 0;\r\n            line-height: 38px;\r\n            font-size: 3em;\r\n            display: block;\r\n            color: #777;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_two #slidetwo5:checked~.slider-prev-next-controltwo label:nth-child(1)::after,\r\n        .HP_modular_sleeve_bag_two #slidetwo4:checked~.slider-prev-next-controltwo label:nth-child(5)::after,\r\n        .HP_modular_sleeve_bag_two #slidetwo3:checked~.slider-prev-next-controltwo label:nth-child(4)::after,\r\n        .HP_modular_sleeve_bag_two #slidetwo2:checked~.slider-prev-next-controltwo label:nth-child(3)::after,\r\n        .HP_modular_sleeve_bag_two #slidetwo1:checked~.slider-prev-next-controltwo label:nth-child(2)::after {\r\n            content: \" \";\r\n            height: 26px;\r\n            width: 26px;\r\n            background-image: url(..//wcsstore/hpusstore/Treatment/rc/FY25Q1-A08KLUT/right-arrow.png);\r\n            background-size: 53%;\r\n            background-repeat: no-repeat;\r\n            background-position: 7px 6px;\r\n            cursor: pointer;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_two #slidetwo5:checked~.slider-prev-next-controltwo label:nth-child(1),\r\n        .HP_modular_sleeve_bag_two #slidetwo4:checked~.slider-prev-next-controltwo label:nth-child(5),\r\n        .HP_modular_sleeve_bag_two #slidetwo3:checked~.slider-prev-next-controltwo label:nth-child(4),\r\n        .HP_modular_sleeve_bag_two #slidetwo2:checked~.slider-prev-next-controltwo label:nth-child(3),\r\n        .HP_modular_sleeve_bag_two #slidetwo1:checked~.slider-prev-next-controltwo label:nth-child(2) {\r\n            display: block;\r\n            float: right;\r\n            margin-right: 5px;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_two #slidetwo1:checked~.slider-prev-next-controltwo label:nth-child(5),\r\n        .HP_modular_sleeve_bag_two #slidetwo5:checked~.slider-prev-next-controltwo label:nth-child(4),\r\n        .HP_modular_sleeve_bag_two #slidetwo4:checked~.slider-prev-next-controltwo label:nth-child(3),\r\n        .HP_modular_sleeve_bag_two #slidetwo3:checked~.slider-prev-next-controltwo label:nth-child(2),\r\n        .HP_modular_sleeve_bag_two #slidetwo2:checked~.slider-prev-next-controltwo label:nth-child(1) {\r\n            display: block;\r\n            float: left;\r\n            margin-left: 5px;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_two #slidetwo1:checked~.slider-prev-next-controltwo label:nth-child(5)::after,\r\n        .HP_modular_sleeve_bag_two #slidetwo5:checked~.slider-prev-next-controltwo label:nth-child(4)::after,\r\n        .HP_modular_sleeve_bag_two #slidetwo4:checked~.slider-prev-next-controltwo label:nth-child(3)::after,\r\n        .HP_modular_sleeve_bag_two #slidetwo3:checked~.slider-prev-next-controltwo label:nth-child(2)::after,\r\n        .HP_modular_sleeve_bag_two #slidetwo2:checked~.slider-prev-next-controltwo label:nth-child(1)::after {\r\n            content: \" \";\r\n            height: 26px;\r\n            width: 26px;\r\n            background-image: url(..//wcsstore/hpusstore/Treatment/rc/FY25Q1-A08KLUT/left-arrow.png);\r\n            background-size: 53%;\r\n            background-repeat: no-repeat;\r\n            background-position: 4px 6px;\r\n            cursor: pointer;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_two #slidetwo5:checked~.slider-dot-controltwo label:nth-child(5),\r\n        .HP_modular_sleeve_bag_two #slidetwo4:checked~.slider-dot-controltwo label:nth-child(4),\r\n        .HP_modular_sleeve_bag_two #slidetwo3:checked~.slider-dot-controltwo label:nth-child(3),\r\n        .HP_modular_sleeve_bag_two #slidetwo2:checked~.slider-dot-controltwo label:nth-child(2),\r\n        .HP_modular_sleeve_bag_two #slidetwo1:checked~.slider-dot-controltwo label:nth-child(1) {\r\n            background: #ffcc00;\r\n            border: 1px solid #000\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_two #slidetwo5:checked~.slider-wrapper article:nth-child(5) .info,\r\n        .HP_modular_sleeve_bag_two #slidetwo4:checked~.slider-wrapper article:nth-child(4) .info,\r\n        .HP_modular_sleeve_bag_two #slidetwo3:checked~.slider-wrapper article:nth-child(3) .info,\r\n        .HP_modular_sleeve_bag_two #slidetwo2:checked~.slider-wrapper article:nth-child(2) .info,\r\n        .HP_modular_sleeve_bag_two #slidetwo1:checked~.slider-wrapper article:nth-child(1) .info {\r\n            opacity: 1;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_two #slidetwo1:checked~.slider-wrapper .innertwo {\r\n            margin-left: 0%;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_two #slidetwo2:checked~.slider-wrapper .innertwo {\r\n            margin-left: -100%;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_two #slidetwo3:checked~.slider-wrapper .innertwo {\r\n            margin-left: -200%;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_two #slidetwo4:checked~.slider-wrapper .innertwo {\r\n            margin-left: -300%;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_two #slidetwo5:checked~.slider-wrapper .innertwo {\r\n            margin-left: -400%;\r\n        }\r\n        \r\n        /*---- TABLET ----*/\r\n        @media only screen and (max-width: 850px) and (min-width: 450px) {\r\n            .HP_modular_sleeve_bag_two .slider-wrapper {\r\n                border-radius: 0;\r\n            }\r\n        }\r\n        \r\n        /*---- MOBILE----*/\r\n        @media only screen and (max-width: 450px) {\r\n            .HP_modular_sleeve_bag_two .slider-wrapper {\r\n                border-radius: 0;\r\n            }\r\n        \r\n            .HP_modular_sleeve_bag_two .slider-wrapper .info {\r\n                opacity: 0;\r\n            }\r\n        }\r\n        \r\n        /* slider two end */\r\n        .Built_to_last_block {\r\n            display: flex;\r\n            flex-direction: row;\r\n            flex-direction: row;\r\n            flex-wrap: nowrap;\r\n        }\r\n        \r\n        .Built_to_last_img {\r\n            width: 50%;\r\n        }\r\n        \r\n        \r\n        \r\n        .Built_to_last_img img {\r\n            max-width: 100%;\r\n            position: relative;\r\n            object-fit: fill;\r\n        }\r\n        \r\n        .Built_to_last_img {\r\n            text-align: right;\r\n        }\r\n        \r\n        .hp_bag_title_padding {\r\n            padding: 60px 60px 0 60px\r\n        }\r\n        .sub-section-modular{\r\n            padding: 10px 50px;\r\n        }\r\n        .hp_p_0 {\r\n            padding: 0;\r\n        }\r\n        \r\n        .Built_to_last_details {\r\n            width: 50%;\r\n        }\r\n        \r\n        .responsilbly_bag_img {\r\n            padding: 0;\r\n            width: 50%;\r\n        }\r\n        \r\n        .res_bag_details {\r\n            width: 50%;\r\n        }\r\n        \r\n        .Built_to_last_details p,\r\n        .responsibly_made_content p {\r\n            padding-top: 10px;\r\n        }\r\n        \r\n        .responsibly_made_content {\r\n            display: flex;\r\n            flex-direction: row;\r\n            margin-top: 32px;\r\n            border-bottom: 1px solid #000;\r\n            background-color: #e6e6e6;\r\n        }\r\n        \r\n        .hp_bag_mt-0 {\r\n            margin-top: 0 !important;\r\n        }\r\n        \r\n        .hp_bag_pt-0 {\r\n            padding-top: 0 !important;\r\n        }\r\n        \r\n        .responsilbly_bag_img img {\r\n            max-width: 100%;\r\n        }\r\n        \r\n        .res_bag_details ul li {\r\n            display: flex;\r\n            list-style-type: none;\r\n            align-items: center;\r\n            gap: 15px;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .res_bag_details ul {\r\n            padding-left: 0;\r\n            margin-top: 50px\r\n        }\r\n        \r\n        .res_bag_details ul li figure {\r\n            margin: 0;\r\n        }\r\n        \r\n        .hp_bag_measurements_top {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            flex-direction: row;\r\n            justify-content: space-between;\r\n            padding: 15px 60px;\r\n            align-items: center;\r\n        }\r\n        \r\n        .hp_bag_icons {\r\n            display: flex;\r\n            flex-direction: row;\r\n            gap: 22px;\r\n            flex-wrap: wrap;\r\n        }\r\n        \r\n        .hp_bag_icons figure {\r\n            margin: 0;\r\n        }\r\n        \r\n        .Hp_modular_sleeve_bag_slider_image {\r\n            width: 438px;\r\n            margin: auto;\r\n        }\r\n        \r\n        .Hp_modular_sleeve_bag_slider_image_width {\r\n            background-repeat: no-repeat;\r\n            background-size: 100%;\r\n            /* height: 100px; */\r\n            background-position: 0px 50%;\r\n            position: absolute;\r\n            width: 100%;\r\n            bottom: -43px;\r\n            left: -67px;\r\n            display: flex;\r\n            justify-content: center;\r\n        }\r\n        .Hp_modular_sleeve_bag_slider_image_breath{\r\n            background-repeat: no-repeat;\r\n            background-size: 100%;\r\n            /* height: 100px; */\r\n            background-position: 0px 50%;\r\n            position: absolute;\r\n            width: 100%;\r\n            bottom: -30px;\r\n            left: 39%;\r\n            display: flex;\r\n            justify-content: center;\r\n        }\r\n        \r\n        \r\n        \r\n        .Hp_modular_sleeve_bag_slider_image_width p {\r\n            padding: 6px;\r\n            text-align: center;\r\n        }\r\n        \r\n        .bagSize {\r\n            max-width: 100%;\r\n        }\r\n        \r\n        .Hp_modular_sleeve_bag_slider_image_height {\r\n            background-image: url(..//wcsstore/hpusstore/Treatment/rc/FY25Q1-A08KLUT/horizondal_line.png);\r\n            background-repeat: no-repeat;\r\n            background-size: contain;\r\n            position: absolute;\r\n            width: 140px;\r\n            height: 320px;\r\n            justify-content: start;\r\n            display: flex;\r\n            align-items: center;\r\n            right: 102%;\r\n            background-position: 50% 50%;\r\n        }\r\n        \r\n        .Hp_modular_sleeve_bag_slider_image_height p {\r\n        \r\n            text-align: center;\r\n            text-wrap: nowrap;\r\n        \r\n        }\r\n        \r\n        .hp_slider_image_container {\r\n            display: flex;\r\n            flex-direction: row;\r\n            gap: 60px;\r\n            align-items: end;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .Hp_modular_sleeve_bag_slider_mouse img {\r\n            max-width: 100%;\r\n        }\r\n        \r\n        .responsilbly_bag_img {\r\n            display: flex;\r\n            flex-direction: row;\r\n        }\r\n        \r\n        .hp_bag_slider2 {\r\n            padding: 0px 60px 20px 60px;\r\n            position: relative;\r\n            display: flex;\r\n            height: 400px;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n        }\r\n        \r\n        .hp_bag_slider2 ol {\r\n            padding: 0;\r\n        }\r\n        \r\n        .hp_bag_slider2 ol li {\r\n            margin-bottom: 12px;\r\n            font-size: 16px;\r\n        }\r\n        \r\n        .hp_bag_slider2 p {\r\n            font-size: 15px !important;\r\n        }\r\n        \r\n        .Hp_modular_sleeve_bag_slider_bag {\r\n            position: relative;\r\n            margin-bottom: 60px;\r\n            display: flex;\r\n            align-items: end;\r\n        }\r\n        \r\n        .HP_modular_sleeve_bag_use_image {\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        .handbag.foldable_bag {\r\n            align-items: end;\r\n        }\r\n        \r\n        .HP_bag_footnotes {\r\n            padding: 0 60px;\r\n            margin-top: -8px;\r\n        }\r\n        \r\n        .HP_bag_footnotes ol li {\r\n            font-size: 12px ;\r\n            line-height:1.2;\r\n            padding: 2px 0;\r\n        }\r\n        \r\n        .HP_bag_footnotes ol {\r\n            padding-left: 16px;\r\n        }\r\n        \r\n        .Built_to_last_details .hp_modular_sleeve_bag_title, .res_bag_details .hp_modular_sleeve_bag_title {\r\n            padding: 32px 60px 0 60px;\r\n        }\r\n        \r\n        \r\n        \r\n        @media only screen and (max-width: 1444px) {\r\n        \r\n            .soft_side_grips {\r\n                left: 30%\r\n            }\r\n        \r\n            .quietClicks {\r\n                left: 7%\r\n            }\r\n        \r\n            .onebag_fouruses {\r\n                background-position: 764px 48px;\r\n                background-size: 36%;\r\n            }\r\n        \r\n        }\r\n        \r\n        @media only screen and (max-width: 1360px) {\r\n            .Hp_modular_sleeve_bag_slider_image_height {\r\n                width: 107px;\r\n                right: 109%;\r\n            }\r\n        \r\n            .HpBag_sleeve {\r\n                left: -30%;\r\n                top: 23%;\r\n            }\r\n        \r\n            .HpBag_pouch {\r\n                right: -26%;\r\n                top: 32%\r\n            }\r\n        \r\n            .hp_laptop_bag {\r\n                left: -26%;\r\n                top: 9%;\r\n            }\r\n        \r\n            .onebag_fouruses h2,\r\n            .hp_modular_sleeve_bag_title h2 {\r\n                font-size: clamp(1.875rem, 1.1827rem + 3.4vw, 3.875rem);\r\n                line-height: 58px;\r\n                margin-bottom: 20px;\r\n            }\r\n        \r\n            .HP_modular_sleeve_bag_full p {\r\n                font-size: 28px;\r\n            }\r\n        \r\n            .onebag_fouruses {\r\n                background-position: 756px 42px;\r\n                background-size: 31%;\r\n                gap: 182px;\r\n            }\r\n        \r\n            .Bag_many_use_content .hp_480_modular_sleeve_bag_Header.hp_modular_sleeve_bag_title {\r\n                padding: 20px;\r\n            }\r\n        \r\n            .soft_side_grips {\r\n                left: 32%;\r\n            }\r\n        \r\n            .quietClicks {\r\n                left: 9%;\r\n            }\r\n        \r\n            .Bag_many_use_content .hp_480_modular_sleeve_bag_Header.hp_modular_sleeve_bag_title {\r\n                min-height: 180px;\r\n            }\r\n        \r\n            .Built_to_last_img img {\r\n                min-height: auto;\r\n            }\r\n        }\r\n        \r\n        @media only screen and (max-width: 1200px) {\r\n        \r\n            .onebag_fouruses {\r\n                background-position: 691px 30px;\r\n        \r\n                gap: 145px;\r\n            }\r\n            .footer-hp-copy-content {\r\n                display: flex;\r\n                flex-direction: row;\r\n                position: relative;\r\n                min-height: 446px;\r\n            }\r\n            .res_bag_details ul {\r\n                margin-top: 35px;\r\n            }\r\n        \r\n            .res_bag_details ul li {\r\n                margin-bottom: 12px;\r\n                gap: 12px;\r\n            }\r\n        \r\n            .res_bag_details ul li img {\r\n                max-width: 35px;\r\n            }\r\n        \r\n            .HP_modular_sleeve_bag_full p, .sub-section-modular p {\r\n                font-size: 16px;\r\n            }\r\n        \r\n            .hp_modular_sleeve_icons img {\r\n                max-width: 34px;\r\n            }\r\n        \r\n            .hp_modular_sleeve_icons .modular_sleeve_bag_icons:first-child imG {\r\n                max-width: 32px;\r\n            }\r\n        \r\n            .hp_modular_sleeve_icons .modular_sleeve_bag_icons:last-child imG {\r\n                max-width: 28PX;\r\n                margin: 0px;\r\n            }\r\n        \r\n            .onebag_fouruses h2 {\r\n                line-height: 48px;\r\n            }\r\n        \r\n            .quietClicks {\r\n                left: 10%;\r\n            }\r\n        \r\n            .soft_side_grips {\r\n                left: 34%;\r\n            }\r\n        \r\n            .Bag_many_use_content .hp_480_modular_sleeve_bag_Header.hp_modular_sleeve_bag_title {\r\n                padding: 20px;\r\n            }\r\n        \r\n            .Bag_many_use_content .zen_paragraph.hp_modular_sleeve_bag_light_bg {\r\n                padding: 20px 20px 48px 20px;\r\n                min-height: 204px;\r\n            }\r\n        \r\n            .onebag_fouruses h2,\r\n            .hp_modular_sleeve_bag_title h2 {\r\n                line-height: 58px;\r\n            }\r\n        \r\n            .Bag_many_use_content .hp_480_modular_sleeve_bag_Header.hp_modular_sleeve_bag_title {\r\n                min-height: 244px;\r\n            }\r\n        \r\n            .hp_bag_icons img {\r\n                width: 60px;\r\n            }\r\n        \r\n        \r\n            .HP_modular_sleeve_bag_use2 .HP_modular_sleeve_bag_use_image img {\r\n                width: 100% !important;\r\n            }\r\n        \r\n        }\r\n        \r\n        @media only screen and (max-width: 1024px) {\r\n            .Built_to_last_details .hp_modular_sleeve_bag_title, .res_bag_details .hp_modular_sleeve_bag_title\r\n            {padding: 32px 20px 0 20px;}\r\n            .Built_to_last_details p, .res_bag_details ul, .res_bag_details>p{padding: 0px 20px}\r\n            .res_bag_details{padding-left: 0;}\r\n            .HP_bag_footnotes{padding: 0 20px;}\r\n            .HpBag_pouch {\r\n                right: -23%;\r\n                top: 32%;\r\n            }\r\n        \r\n            .HpBag_sleeve {\r\n                left: -25%;\r\n                top: 24%;\r\n            }\r\n        \r\n            .hp_laptop_bag {\r\n                left: -21%;\r\n                top: 9%;\r\n            }\r\n        \r\n            .hp_confortmouse_top_header {\r\n                padding: 24px 20px;\r\n            }\r\n        \r\n            .soft_side_grips {\r\n                left: 30%;\r\n            }\r\n        \r\n            .quietClicks {\r\n                left: 7%;\r\n            }\r\n        \r\n            .onebag_fouruses h2,\r\n            .hp_modular_sleeve_bag_title h2 {\r\n                line-height: 55px;\r\n            }\r\n        \r\n            .onebag_fouruses {\r\n                padding: 20px;\r\n                background-position: 650px 30px;\r\n                background-size: 26%;\r\n                gap: 100px;\r\n            }\r\n        \r\n            .Hp_modular_sleeve_bag_slider_image_height {\r\n                width: 78px;\r\n                background-position: 50% 50%;\r\n                right: 110%;\r\n            }\r\n        \r\n            .Hp_modular_sleeve_bag_slider_image_height p {\r\n                padding: 8px;\r\n                font-size: 20px;\r\n                text-align: center;\r\n                white-space: nowrap;\r\n            }\r\n        \r\n            .HP_modular_sleeve_bag_use2 img {\r\n                max-width: 100% !important;\r\n            }\r\n        \r\n            .HP_bag_footnotes {\r\n                background-image: none;\r\n                height: auto;\r\n            }\r\n        }\r\n        \r\n        @media only screen and (max-width: 999px) {\r\n            .onebag_fouruses {\r\n                background-position: 85% 30px;\r\n                gap: 145px;\r\n            }\r\n        \r\n            .HP_modular_sleeve_bag_full p, .sub-section-modular p {\r\n                font-size: 20px;\r\n            }\r\n        \r\n            .HpBag_pouch {\r\n                right: -19%;\r\n                top: 33%;\r\n            }\r\n        \r\n            .hp_laptop_bag {\r\n                left: -19%;\r\n                top: 12%;\r\n            }\r\n        \r\n            .HpBag_sleeve {\r\n                left: -22%;\r\n                top: 26%;\r\n            }\r\n        \r\n            .Bag_many_use_content .hp_480_modular_sleeve_bag_Header.hp_modular_sleeve_bag_title {\r\n                padding: 20px 20px 20px 20px;\r\n            }\r\n        \r\n            .onebag_fouruses h2,\r\n            .hp_modular_sleeve_bag_title h2 {\r\n                line-height: 48px;\r\n            }\r\n        \r\n            .Bag_many_use_content .hp_480_modular_sleeve_bag_Header.hp_modular_sleeve_bag_title {\r\n                height: 142px;\r\n            }\r\n        \r\n            .Hp_modular_sleeve_bag_slider_image_width {\r\n                margin-bottom: 25px;\r\n            }\r\n        }\r\n        \r\n        @media only screen and (max-width: 800px) {\r\n            .Bag_many_use_content .hp_480_modular_sleeve_bag_Header.hp_modular_sleeve_bag_title {\r\n                min-height: 142px;\r\n            }\r\n        \r\n            .onebag_fouruses h2,\r\n            .hp_modular_sleeve_bag_title h2 {\r\n                line-height: 44px;\r\n            }\r\n        \r\n            .onebag_fouruses {\r\n                background-position: 534px 30px;\r\n                gap: 65px\r\n            }\r\n        \r\n            .Bag_many_use_content,\r\n            .Built_to_last_img {\r\n                width: 50%;\r\n            }\r\n        \r\n            .HP_modular_sleeve_bag_use_image img {\r\n                max-width: 70% !important;\r\n            }\r\n        \r\n            .HP_bag_footnotes ol li {\r\n                font-size: 12px !important;\r\n            }\r\n        \r\n            .Bag_many_use_content .zen_paragraph.hp_modular_sleeve_bag_light_bg {\r\n                min-height: 170px;\r\n            }\r\n        \r\n            .HpBag_pouch {\r\n                right: -5%;\r\n                top: 31%;\r\n            }\r\n        \r\n            .hp_laptop_bag {\r\n                left: -5%;\r\n                top: 8%;\r\n            }\r\n        \r\n            .HpBag_sleeve {\r\n                left: -7%;\r\n                top: 23%;\r\n            }\r\n        }\r\n        \r\n        @media only screen and (min-width: 769px) {\r\n            .responsilbly_bag_img img {\r\n                max-width: 100%;\r\n            }\r\n        }\r\n        \r\n        @media only screen and (max-width: 768px) {\r\n            .hp_bag_measurements_top {\r\n                padding: 15px 20px;\r\n            }\r\n        \r\n            .onebag_fouruses {\r\n                background-position: 87% 20px;\r\n                background-size: 26%;\r\n                gap: 70px;\r\n            }\r\n        \r\n            .onebag_fouruses h2 {\r\n                line-height: 37px;\r\n            }\r\n        \r\n            .HP_modular_sleeve_bag_full p {\r\n                font-size: 16px;\r\n            }\r\n        \r\n            .Bag_many_use_content .hp_480_modular_sleeve_bag_Header.hp_modular_sleeve_bag_title {\r\n                padding: 20px 20px 20px 20px;\r\n                height: 110px;\r\n            }\r\n        \r\n            .onebag_fouruses h2,\r\n            .hp_modular_sleeve_bag_title h2 {\r\n                font-size: 38px;\r\n                line-height: 40px;\r\n            }\r\n        \r\n            .Bag_many_use_content .zen_paragraph.hp_modular_sleeve_bag_light_bg {\r\n                padding: 20px 20px 20px 20px;\r\n            }\r\n        \r\n            .hp_slider_image_container {\r\n                gap: 26px;\r\n            }\r\n        \r\n            .hp_bag_icons img {\r\n                width: 48px;\r\n            }\r\n            .Built_to_last_details,\r\n            .responsilbly_bag_img {\r\n                align-items: end;\r\n                width: 50%;\r\n            }\r\n        \r\n            .responsilbly_bag_img img {\r\n                max-width: 100%;\r\n                height: fit-content;\r\n            }\r\n        \r\n            .Hp_modular_sleeve_bag_slider_image {\r\n                width: 238px;\r\n            }\r\n        \r\n            .Hp_modular_sleeve_bag_slider_image_height {\r\n                height: 170px;\r\n            }\r\n        \r\n            .HP_modular_sleeve_bag_use_image {\r\n                width: 50%;\r\n            }\r\n        \r\n            .res_bag_details .hp_modular_sleeve_bag_title {\r\n                margin-top: 0;\r\n            }\r\n        \r\n            .res_bag_details {\r\n                margin-top: 10px;\r\n            }\r\n        \r\n            .HP_modular_sleeve_bag_use_image img {\r\n                max-width: 56% !important;\r\n            }\r\n        \r\n            .HP_modular_sleeve_bag_use2 .HP_modular_sleeve_bag_use_image img {\r\n                width: 100% !important;\r\n                max-width: 100% !important;\r\n            }\r\n        \r\n            .tab_view_hp {\r\n                display: block !important;\r\n            }\r\n        \r\n            .desktop_tab_view {\r\n                display: none;\r\n            }\r\n        \r\n            .res_bag_details ul {\r\n                margin-top: 18px;\r\n            }\r\n        \r\n            .hp_modular_sleeve_bag_title h2 {\r\n                margin-bottom: 0;\r\n            }\r\n        \r\n            .HpBag_pouch {\r\n                right: 3%;\r\n                top: 29%;\r\n            }\r\n        \r\n            .HpBag_sleeve {\r\n                left: 0%;\r\n                top: 22%;\r\n            }\r\n        \r\n            .hp_laptop_bag {\r\n                left: 5%;\r\n                top: 3%\r\n            }\r\n        }\r\n        \r\n        @media only screen and (max-width: 767px) {\r\n            .hp_bag_icons img {\r\n    width: 32px;\r\n}\r\n            .pdp-v2 .pdp-rich-content img {\r\n    max-width: 75%;\r\n    display: block;\r\n    margin-right: 10px;\r\n}\r\n.pdp-v2 .pdp-rich-content img {\r\n    max-width: 100%;\r\n    margin: auto;\r\n    display: block;\r\n}\r\n            .sub-section-modular {\r\n                padding: 0 20px;\r\n            }\r\n            .HP_bag_footnotes ol li {\r\n                font-size: 12px !important;\r\n            }\r\n            .HP_modular_sleeve_bag_full .copy-content-backpack .Hp-footer-cr-notes {\r\n                font-size: 12px;\r\n            }\r\n            .footer-hp-copy-content {\r\n                display: flex;\r\n                flex-direction: column-reverse;\r\n            }\r\n            .copy-content-backpack, .copy-img-backpack{\r\n                width: 100%;\r\n            }\r\n            .HP_modular_sleeve_bag_full .copy-content-backpack .Hp-footer-cr-notes {\r\n                font-size: 12px;\r\n                position: relative;\r\n                bottom: 10px;\r\n                width: 100%;\r\n                padding: 10px 10px;\r\n            }\r\n            .Bag_many_use_content .zen_paragraph.hp_modular_sleeve_bag_light_bg {\r\n                min-height: 175px;\r\n            }\r\n            .HpBag_sleeve {\r\n                left: 5%;\r\n                top: 24%;\r\n            }\r\n            .HpBag_pouch {\r\n                right: 5%;\r\n                top: 31%;\r\n            }\r\n            .hp_laptop_bag {\r\n                left: 7%;\r\n                top: 6%;\r\n            }\r\n            .onebag_fouruses {\r\n                padding: 15px;\r\n                background-position: 82% 17px;\r\n                background-size: 25%;\r\n        \r\n            }\r\n            .Hp_modular_sleeve_bag_slider_image_height br{\r\n                display: inline;\r\n            }\r\n            .HP_modular_sleeve_bag_full p, .sub-section-modular p {\r\n                font-size: 20px;\r\n            }\r\n        \r\n            .Bag_many_use_content .hp_480_modular_sleeve_bag_Header.hp_modular_sleeve_bag_title {\r\n                padding: 15PX;\r\n            }\r\n        \r\n            .hp_bag_title_padding,\r\n            .Bag_many_use_content .zen_paragraph.hp_modular_sleeve_bag_light_bg {\r\n                padding: 15PX\r\n            }\r\n        \r\n            .Built_to_last_details {\r\n                padding: 0px;\r\n                width: 50%;\r\n            }\r\n        \r\n            .hp_bag_title_padding h2 {\r\n                margin-bottom: 0;\r\n            }\r\n        \r\n            .Built_to_last_details p {\r\n                padding-top: 12px;\r\n                padding-left: 15px;\r\n            }\r\n        \r\n            .Built_to_last_details .hp_modular_sleeve_bag_title {\r\n                margin-top: 0px;\r\n                padding-left: 15px;\r\n            }\r\n        \r\n            .hp_bag_mb-0 {\r\n                margin-bottom: 0 !important;\r\n            }\r\n        \r\n            .responsilbly_bag_img,\r\n            .res_bag_details {\r\n        \r\n                width: 50%;\r\n                margin-top: 10px;\r\n                justify-content: center;\r\n            }\r\n        \r\n        }\r\n        \r\n        @media only screen and (max-width: 600px) {\r\n            .HpBag_pouch {\r\n                right: 78%;\r\n                top: 40%;\r\n            }\r\n        \r\n            .HpBag_sleeve {\r\n                left: -4%;\r\n                top: 26%;\r\n            }\r\n        \r\n            .hp_laptop_bag {\r\n                left: auto;\r\n                top: 6%;\r\n                right: 75%;\r\n            }\r\n        \r\n            .desktop_view {\r\n                display: inline-block;\r\n            }\r\n            .sub-section-modular {\r\n                padding: 0px 0px;\r\n            }\r\n            .threeinone,\r\n            .threeinone2 {\r\n                display: flex;\r\n                align-items: end;\r\n                flex-direction: column;\r\n            }\r\n        \r\n        \r\n        \r\n            .Built_to_last_block {\r\n                flex-direction: column;\r\n            }\r\n        \r\n            .Built_to_last_img,\r\n            .Built_to_last_details,\r\n            .res_bag_details {\r\n                width: 100%;\r\n            }\r\n        \r\n            .hp_bag_title_padding h2 {\r\n                margin-bottom: 0;\r\n            }\r\n        \r\n            .Built_to_last_img img {\r\n                max-width: 100%;\r\n                position: relative;\r\n                top: 22px;\r\n            }\r\n        \r\n            .Built_to_last_details {\r\n                padding: 0;\r\n            }\r\n        \r\n            .Built_to_last_details P {\r\n                PADDING: 0 15PX;\r\n            }\r\n        \r\n            .onebag_fouruses {\r\n                background-position: 267px 70px;\r\n                gap: 52px\r\n            }\r\n        \r\n            .hp_modular_sleeve_icons img {\r\n                max-width: 30px;\r\n            }\r\n        \r\n            .onebag_fouruses h2 {\r\n                line-height: 34px;\r\n                font-size: 46px;\r\n            }\r\n        \r\n            .HP_modular_sleeve_bag_use_image {\r\n                width: 100%;\r\n                order: 2;\r\n            }\r\n        \r\n            .Bag_many_use_content {\r\n                width: 100%;\r\n                order: 1;\r\n            }\r\n        \r\n            .HP_modular_sleeve_bag_use {\r\n                flex-direction: column;\r\n            }\r\n        \r\n            .HP_modular_sleeve_bag_use2 img {\r\n                max-width: 80%;\r\n            }\r\n        \r\n            .zen_palm_mt_25 {\r\n                margin-top: 25px;\r\n            }\r\n        \r\n            .soft_side_grips {\r\n                left: auto;\r\n                right: 36%;\r\n                top: 1%;\r\n            }\r\n        \r\n            .quietClicks {\r\n                top: 17.3333%;\r\n                right: 65%;\r\n                white-space: nowrap;\r\n            }\r\n        \r\n            .hp_bag_destopview {\r\n                display: none;\r\n            }\r\n        \r\n            .hp_bag_mobile_view {\r\n                display: block !important;\r\n            }\r\n        \r\n            .onebag_fouruses {\r\n                background: none;\r\n                gap: 30px;\r\n            }\r\n        \r\n            .hp_bag_image img {\r\n                max-width: 100%;\r\n            }\r\n        \r\n            .onebag_fouruses h2,\r\n            .hp_modular_sleeve_bag_title h2 {\r\n                line-height: 30px;\r\n                text-wrap: pretty;\r\n                font-size: 32px;\r\n                margin-bottom: 10px;\r\n            }\r\n        \r\n            .Bag_many_use_content .hp_480_modular_sleeve_bag_Header.hp_modular_sleeve_bag_title {\r\n                height: auto;\r\n                min-height: auto;\r\n                padding-bottom: 20px;\r\n            }\r\n        \r\n            .hp_modular_sleeve_icons {\r\n                display: flex;\r\n                justify-content: space-around;\r\n                flex-direction: column;\r\n            }\r\n        \r\n            .modular_sleeve_bag_icons figure {\r\n                margin-left: 0;\r\n                height: 32px;\r\n            }\r\n        \r\n            .modular_sleeve_bag_icons p {\r\n                text-align: left;\r\n            }\r\n        \r\n            .hp_modular_sleeve_icons img {\r\n                max-width: 36px;\r\n            }\r\n        \r\n            .hp_modular_sleeve_icons .modular_sleeve_bag_icons:last-child img {\r\n                max-width: 28PX;\r\n                margin: 0px;\r\n            }\r\n        \r\n            .Built_to_last {\r\n                margin-top: 25px;\r\n            }\r\n        \r\n            .responsibly_made_content {\r\n                flex-direction: column;\r\n                padding-top:15px ;\r\n            }\r\n        \r\n            .responsilbly_bag_img,\r\n            .res_bag_details {\r\n                width: 100%;\r\n            }\r\n        \r\n            .modular_sleeve_bag_icons {\r\n                gap: 8px\r\n            }\r\n        \r\n            .responsilbly_bag_img {\r\n                order: 2;\r\n            }\r\n        \r\n            .res_bag_details {\r\n                order: 1\r\n            }\r\n        \r\n            .responsibly_made {\r\n                padding: 0;\r\n            }\r\n        \r\n            .hp_bag_mb-0 {\r\n                margin-bottom: 0 !important;\r\n            }\r\n        \r\n            .Bag_many_use_content .zen_paragraph.hp_modular_sleeve_bag_light_bg {\r\n                padding: 15PX 15px 15px 15px;\r\n            }\r\n        \r\n            .res_bag_details ul {\r\n                margin-top: 20px;\r\n            }\r\n        \r\n            .res_bag_details ul p {\r\n                padding-left: 0;\r\n            }\r\n        \r\n        \r\n            .responsilbly_bag_img {\r\n                top: 0\r\n            }\r\n        \r\n            .hp_bag_measurements_top {\r\n                padding: 15px;\r\n            }\r\n        \r\n            .hp_bag_icons img {\r\n                width: 30px;\r\n            }\r\n        \r\n        \r\n            .hp_bag_icons {\r\n                gap: 5px\r\n            }\r\n        \r\n            .hp_bag_slider2 {\r\n                padding: 14px 30px 12px 36px;\r\n                height: 320px;\r\n            }\r\n        \r\n            .hp_bag_slider2 p {\r\n                font-size: 12px !important;\r\n            }\r\n        \r\n            .HPMouse_full_image {\r\n                width: 100%;\r\n                text-align: center;\r\n                padding: 30px 0 20px;\r\n            }\r\n        \r\n            .hp_bag_mobile_view {\r\n                text-align: center;\r\n            }\r\n        \r\n            .hp_bag_mobile_view img {\r\n                max-width: 62%;\r\n            }\r\n            br{\r\n                display: none;\r\n            }\r\n            .hp_modular_sleeve_icons .modular_sleeve_bag_icons:last-child img {\r\n                max-width: 35PX;\r\n            }\r\n        \r\n            .hp_modular_sleeve_icons img {\r\n                max-width: 35px;\r\n            }\r\n        \r\n            .hp_modular_sleeve_icons .modular_sleeve_bag_icons:last-child img {\r\n                max-width: 28PX;\r\n                margin: 0px;\r\n            }\r\n        \r\n            .res_bag_details .hp_modular_sleeve_bag_title h2,\r\n            .res_bag_details p,\r\n            .res_bag_details ul,\r\n            .Built_to_last_details .hp_modular_sleeve_bag_title h2 {\r\n                padding-left: 15px;\r\n            }\r\n        \r\n            .Built_to_last_details .hp_modular_sleeve_bag_title {\r\n                padding: 0 20px 0 0;\r\n                margin-top: 0 !important;\r\n            }\r\n        \r\n            .responsilbly_bag_img {\r\n                padding: 0;\r\n            }\r\n        \r\n            .responsilbly_bag_img,\r\n            .res_bag_details {\r\n                padding: 0;\r\n            }\r\n        \r\n            .Built_to_last_details p,\r\n            .responsibly_made_content p {\r\n                padding-top: 0px;\r\n            }\r\n        \r\n            .Hp_modular_sleeve_bag_slider_image {\r\n                width: 150px;\r\n            }\r\n        \r\n            .Hp_modular_sleeve_bag_slider_image_height {\r\n                height: 108px;\r\n                width: 85px;\r\n                background-position: 50% 50%;\r\n                right: 97%;\r\n            }\r\n        \r\n            .Hp_modular_sleeve_bag_slider_image_width {\r\n                bottom: -70px;\r\n                height: 46px;\r\n            }\r\n        \r\n        \r\n            .res_bag_details .hp_modular_sleeve_bag_title {\r\n                margin-top: 0;\r\n                padding: 0;\r\n            }\r\n            .hp_confortmouse_top_header {\r\n                padding: 24px 15px;\r\n            }\r\n        \r\n            .HP_bag_footnotes {\r\n                margin-top: 20px;\r\n                padding: 0 15px;\r\n            }\r\n        \r\n            .HP_modular_sleeve_bag_use_image img {\r\n                max-width: 100% !important;\r\n            }\r\n        \r\n            .HP_modular_sleeve_bag_use2 .HP_modular_sleeve_bag_use_image img {\r\n                width: 100%;\r\n            }\r\n            .hp_modular_sleeve_icons .modular_sleeve_bag_icons{margin-bottom: 6px;}\r\n        \r\n        }\r\n        \r\n        @media only screen and (max-width: 425px) {\r\n            .onebag_fouruses h2 {\r\n                line-height: 31px;\r\n                font-size: 38px;\r\n                margin-bottom: 10px;\r\n            }\r\n        \r\n            .quietClicks {\r\n                top: 15%;\r\n                right: 66%;\r\n            }\r\n        \r\n            .soft_side_grips {\r\n                left: auto;\r\n                right: 37%;\r\n                top: -1%;\r\n            }\r\n        \r\n            .hp_slider_image_container {\r\n                gap: 30px\r\n            }\r\n        \r\n            .HP_bag_footnotes ol li {\r\n                font-size: 10px !important;\r\n            }\r\n        }\r\n        \r\n        @media only screen and (max-width: 375px) {\r\n            .hp_confortmouse_top_header {\r\n                padding: 20px 14px;\r\n            }\r\n        \r\n            .HP_modular_sleeve_bag_one .slider-dot-controlone {\r\n                bottom: -8px;\r\n            }\r\n        \r\n            .onebag_fouruses h2,\r\n            .hp_modular_sleeve_bag_title h2 {\r\n                line-height: 36px;\r\n                text-wrap: pretty;\r\n                font-size: 38px;\r\n            }\r\n        \r\n            .Hp_modular_sleeve_bag_slider_image_height p {\r\n                padding: 6px 0;\r\n            }\r\n        \r\n            .hp_bag_slider2 ol li {\r\n                font-size: 15px;\r\n            }\r\n        \r\n            .modular_sleeve_bag_icons p {\r\n                font-size: 12px !important;\r\n            }\r\n        \r\n            .Hp_modular_sleeve_bag_slider_image_height {\r\n                width: 58px;\r\n                right: 100%\r\n            }\r\n        \r\n            .Hp_modular_sleeve_bag_slider_image_width {\r\n                height: 44px;\r\n            }\r\n        \r\n            .Hp_modular_sleeve_bag_slider_image_height p,\r\n            .Hp_modular_sleeve_bag_slider_image_width p {\r\n                font-size: 12PX;\r\n            }\r\n        \r\n        \r\n            .hp_modular_sleeve_icons .modular_sleeve_bag_icons:first-child {\r\n                margin-bottom: 0px;\r\n            }\r\n            .small_s{display: block !important;}\r\n            .desk_view{display: none;}\r\n        }\r\n        \r\n        @media only screen and (max-width: 320px) {\r\n            .small_s{display: block !important;}\r\n            .desk_view{display: none;}\r\n        \r\n            .onebag_fouruses h2,\r\n            .hp_modular_sleeve_bag_title h2 {\r\n                font-size: 30px;\r\n                line-height: 28px;\r\n            }\r\n        \r\n            .HP_modular_sleeve_bag_full p, .sub-section-modular p {\r\n                font-size: 14px;\r\n            }\r\n        \r\n            .hp_bag_slider2 {\r\n                height: auto;\r\n            }\r\n        \r\n            .hp_bag_slider2 p {\r\n                margin-top: 12px;\r\n            }\r\n        \r\n            .modular_sleeve_bag_icons p {\r\n                font-size: 13px !important;\r\n                text-wrap: wrap;\r\n            }\r\n        \r\n            .responsilbly_bag_img,\r\n            .res_bag_details {\r\n                margin-top: 0;\r\n            }\r\n        }\r\n        </style>\r\n    <section class=\"HP_modular_sleeve_bag_full\">\r\n        <div class=\"hp_480_modular_sleeve_bag_Header hp_confortmouse_top_header\">\r\n            <h3>HP Everyday 16-inch Laptop Backpack</h3>\r\n        </div>\r\n        <div class=\"HP_modular_sleeve_bag_blankBG hp_modular_sleeve_bag_light_bg\"></div>\r\n\r\n\r\n\r\n        <section class=\"onebag_fouruses\">\r\n            <div class=\"hp_modular_sleeve_bag_title\">\r\n                <h2>\r\n                    Your everyday</br>\r\n                    companion \r\n                </h2>\r\n                <div class=\"hp_bag_mobile_view\" style=\"display: none;\">\r\n                    <img src=\"/wcsstore/hpusstore/Treatment/rc/FY25Q1-A08KLUT/HP_Everyday_16inch_laptop_backpack_front_gray.png\" alt=\"\">\r\n\r\n                </div>\r\n\r\n                <p class=\"hp_bag_destopview\">Keep your laptop and accessories <br>\r\n                    protected and organized throughout <br>\r\n                    your day with this durable, spacious, <br>\r\n                    and thoughtfully designed 16-inch laptop bag.</p>\r\n\r\n            </div>\r\n\r\n            <div class=\"hp_modular_sleeve_icons\">\r\n                <div class=\"modular_sleeve_bag_icons\">\r\n                    <p class=\"desk_view\">60% post-consumer recycled plastic<sup><small>3</small></sup></p>\r\n                    <p style=\"display: none;\" class=\"small_s\">60% post-consumer recycled plastic<sup><small>3</small></sup></p>\r\n\r\n                    <figure><img src=\"/wcsstore/hpusstore/Treatment/rc/FY25Q1-A08KLUT/green.png\" alt=\"\"></figure>\r\n                </div>\r\n            </div>\r\n        </section>\r\n\r\n\r\n\r\n        <!--HP_modular_sleeve_bag_use_slider-->\r\n\r\n        <section class=\"HP_modular_sleeve_bag_one HP_onebag_manyuse\">\r\n            <input checked type=\"radio\" name=\"sliderone\" id=\"slideone1\" />\r\n            <input type=\"radio\" name=\"sliderone\" id=\"slideone2\" />\r\n            <input type=\"radio\" name=\"sliderone\" id=\"slideone3\" />\r\n            <input type=\"radio\" name=\"sliderone\" id=\"slideone4\" />\r\n            <input type=\"radio\" name=\"sliderone\" id=\"slideone5\" />\r\n\r\n            <div class=\"slider-wrapper\">\r\n                <div class=innerone>\r\n                    <article>\r\n                        <div class=\"HP_modular_sleeve_bag_use\">\r\n                            <div class=\"HP_modular_sleeve_bag_use_image\">\r\n                                <div class=\"threeinone\">\r\n                                    <img class=\"desktop_view\" src=\"/wcsstore/hpusstore/Treatment/rc/FY25Q1-A08KLUT/cablepass_gray_side.png\" alt=\"\"/>\r\n                                    \r\n                                </div>\r\n                            </div>\r\n\r\n                            <div class=\"Bag_many_use_content\">\r\n                                <div class=\"hp_480_modular_sleeve_bag_Header hp_modular_sleeve_bag_title \">\r\n                                    <h2 class=\"hp_modular_sleeve_mb-0\">Built tough for <br>your tech\r\n                                    </h2>\r\n\r\n                                </div>\r\n                                <div class=\"zen_paragraph hp_modular_sleeve_bag_light_bg\">\r\n                                    <p>Water-resistant and made from 600D polyester for extra strength<sup>2</sup>, this durable backpack comes with a 3-year warranty.  </p>\r\n                                   <div class=\"icons-sction-bag\">\r\n                                    <div class=\"hp_modular_sleeve_icons\">\r\n                                        <div class=\"modular_sleeve_bag_icons\">\r\n                                           <img src=\"/wcsstore/hpusstore/Treatment/rc/FY25Q1-A08KLUT/water-resistent.png\" alt=\"\">\r\n                                            <p>Water-resistant</p>                    \r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"hp_modular_sleeve_icons\">\r\n                                        <div class=\"modular_sleeve_bag_icons\">\r\n                                            <img src=\"/wcsstore/hpusstore/Treatment/rc/FY25Q1-A08KLUT/padded-laptop.png\" alt=\"\">\r\n                                            <p>Padded laptop compartment<sup><small>1</small></sup></p>                    \r\n                                        </div>\r\n                                    </div>\r\n                                   </div>\r\n                                </div>\r\n                               \r\n                            </div>\r\n                        </div>\r\n                    </article>\r\n\r\n                    <article>\r\n\r\n                        <div class=\"HP_modular_sleeve_bag_use HP_modular_sleeve_bag_use2\">\r\n                            <div class=\"Bag_many_use_content\">\r\n                                <div class=\"hp_480_modular_sleeve_bag_Header hp_modular_sleeve_bag_title \">\r\n                                    <h2 class=\"hp_modular_sleeve_mb-0\">Designed <br>\r\n                                        around you</h2>\r\n\r\n                                </div>\r\n                                <div class=\"zen_paragraph hp_modular_sleeve_bag_light_bg\">\r\n                                    <p>This laptop backpack features a comfortable mesh back panel, cable passthrough,and a key fob, so you're ready for wherever your day takes you.</p>\r\n                                    <div class=\"hp_modular_sleeve_icons\">\r\n                                        <div class=\"icons-sction-bag\">\r\n                                            <div class=\"modular_sleeve_bag_icons\">\r\n                                                <img src=\"/wcsstore/hpusstore/Treatment/rc/FY25Q1-A08KLUT/travel-ready.png\" alt=\"\">\r\n                                                <p>Travel-ready trolley strap</p>                    \r\n                                            </div>\r\n                                            </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"HP_modular_sleeve_bag_use_image\">\r\n                                <img class=\"desktop_view\" src=\"/wcsstore/hpusstore/Treatment/rc/FY25Q1-A08KLUT/backpack_back.png\" alt=\"\">\r\n                       \r\n                            </div>\r\n                        </div>\r\n                    </article>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"slider-prev-next-controlone\">\r\n                <label for=\"slideone1\"></label>\r\n                <label for=\"slideone2\"></label>\r\n\r\n            </div>\r\n            <div class=\"slider-dot-controlone\">\r\n                <label for=\"slideone1\"></label>\r\n                <label for=\"slideone2\"></label>\r\n            </div>\r\n        </section>\r\n        <section class=\"Built_to_last\">\r\n            <!---slidertwo start---->\r\n            <div class=\"HP_modular_sleeve_bag_two\">\r\n                <div class=\"slider-wrapper\">\r\n                    <div class=\"innertwo\">\r\n                        <article>\r\n\r\n                            <div class=\"HP_modular_sleeve_bag_use HP_modular_sleeve_bag_use2\">\r\n                                <div class=\"HP_modular_sleeve_bag_use_image\">\r\n                                    <img class=\"desktop_view\" src=\"/wcsstore/hpusstore/Treatment/rc/FY25Q1-A08KLUT/half-viewy.png\" alt=\"\">\r\n\r\n                                </div>\r\n                                <div class=\"Bag_many_use_content\">\r\n                                    <div class=\"hp_480_modular_sleeve_bag_Header hp_modular_sleeve_bag_title \">\r\n                                        <h2 class=\"hp_bag_mb-0\">\r\n                                            Everything in <br>its place\r\n                                        </h2>\r\n    \r\n                                    </div>\r\n                                    <div class=\"zen_paragraph hp_modular_sleeve_bag_light_bg\">\r\n                                        <p>Stay organized with three compartments for all your essentials, a quick access pocket,accessories pockets, document storage,pen loops, bottle pockets, and more.</p>\r\n                                        <div class=\"icons-sction-bag\">\r\n                                            <div class=\"hp_modular_sleeve_icons\">\r\n                                                <div class=\"modular_sleeve_bag_icons\">\r\n                                                    <img src=\"/wcsstore/hpusstore/Treatment/rc/FY25Q1-A08KLUT/2l-storage.png\" alt=\"\">\r\n                                                    <p>21L storage space</p>                    \r\n                                                </div>\r\n                                            </div>\r\n                                            </div>\r\n                                       </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </article>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </section>\r\n        <section class=\"responsibly_made\">\r\n            <div class=\"responsibly_made_content\">\r\n\r\n                <div class=\"responsilbly_bag_img\">\r\n                    <img src=\"/wcsstore/hpusstore/Treatment/rc/FY25Q1-A08KLUT/sustainable.png\" alt=\"\">\r\n                </div>\r\n                <div class=\"res_bag_details\">\r\n                    <div class=\"hp_modular_sleeve_bag_title hp_p_0\">\r\n                        <h2>\r\n\r\n                            Sustainable in <br>every way \r\n                        </h2>\r\n                        <hr />\r\n                    </div>\r\n\r\n                    <div class=\"sub-section-modular\">\r\n                        <p>This laptop backpack is built to last with at least 60% post-consumer recycled plastic (PCR)<sup><small>3</small></sup>.</p>\r\n    \r\n                        <ul>\r\n                            <li>\r\n                                <figure>\r\n                                    <img src=\"/wcsstore/hpusstore/Treatment/rc/FY25Q1-A08KLUT/HP_bag_packing.png\" alt=\"\">\r\n                                </figure>\r\n                                <p class=\"hp_bag_pt-0\">FSC&reg; certified packaging<sup><small>4</small></sup></p>\r\n                            </li>\r\n    \r\n                        </ul>\r\n                       </div>\r\n\r\n                </div>\r\n            </div>\r\n\r\n        </section>\r\n        <section class=\"mouse_measurements_slider \">\r\n\r\n\r\n            <div class=\"HP_modular_sleeve_bag_two\">\r\n\r\n                <div class=\"hp_bag_measurements_top\">\r\n\r\n                    <p class=\"hp_bag_weight\">Weight: 1.25 lb (0.57 kg)</p>\r\n                    <div class=\"hp_bag_icons\">\r\n                        <figure><img src=\"/wcsstore/hpusstore/Treatment/rc/FY25Q1-A08KLUT/green.png\" alt=\"\"></figure>\r\n                        <figure><img src=\"/wcsstore/hpusstore/Treatment/rc/FY25Q1-A08KLUT/bag.png\" alt=\"\"></figure>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"Hp_modular_sleeve_bag_slider_image\">\r\n\r\n                    <div class=\"hp_slider_image_container\">\r\n\r\n                        <div class=\"Hp_modular_sleeve_bag_slider_bag\">\r\n                            <div class=\"Hp_modular_sleeve_bag_slider_image_height\">\r\n                                <p>17.32 in <br>(440 mm)</p>\r\n                            </div>\r\n                            <img class=\"bagSize\" src=\"/wcsstore/hpusstore/Treatment/rc/FY25Q1-A08KLUT/diminestion-view-front-side.png\" alt=\"\">\r\n                            <div class=\"Hp_modular_sleeve_bag_slider_image_width\">\r\n                                <p>12.2 in <br>(310 mm)</p>\r\n                            </div>\r\n\r\n                            <div class=\"Hp_modular_sleeve_bag_slider_image_breath\">\r\n                                <p>6.1 in <br>(155 mm)</p>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n\r\n                </div>\r\n\r\n\r\n\r\n            </div>\r\n\r\n\r\n\r\n        </section>\r\n\r\n        <section class=\"HP_bag_footnotes\">\r\n            <hr />\r\n            <div class=\"footer-hp-copy-content\">\r\n                <div class=\"copy-content-backpack\">\r\n                    <ol>\r\n                        <li>\r\n                            Fits most laptops up to 16 inches.\r\n                        </li>\r\n                        <li>\r\n                            HP Total Test Process testing is not a guarantee of future performance under these test conditions. Damage under the HP Total Test Process test conditions or any accidental damage requires an optional HP Accidental Damage Protection Care Pack.\r\n                        </li>\r\n                        <li>\r\n                            Bottle count calculation is based on 12.7 grams per 16.9 ounce single serve bottle. <br>Recycled plastic content percentage is based on the definition set in the IEEE 1680.1-2018 EPEAT&#174; standard.\r\n                        </li>   \r\n                        <li>\r\n                            Forest Stewardship Council&#174; (FSC) Certified, meaning all components of our packaging come from responsibly managed forests to provide environmental benefits.\r\n                        </li>\r\n        \r\n                    </ol>\r\n                    <p class=\"Hp-footer-cr-notes\">Copyright &#169; 2024 HP Development Company, L.P. The only warranties for HP products are set forth in the express limited warranty statements accompanying such products. Nothing herein should be construed as constituting an additional warranty. HP shall not be liable for technical or editorial errors or omissions contained herein.</p>\r\n        \r\n                </div>\r\n                <div  class=\"copy-img-backpack\">\r\n                    <img src=\"/wcsstore/hpusstore/Treatment/rc/FY25Q1-A08KLUT/backview.png\" alt=\"\">\r\n                </div>\r\n            </div>\r\n\r\n        </section>\r\n\r\n\r\n\r\n    </section>"}]}]},"pdpSpecialOffers":null}}},"extensions":{}}