.OminiStudio_X_MDP p, 
.OminiStudio_X_MDP h1,
.OminiStudio_X_MDP h2, 
.OminiStudio_X_MDP h3, .OminiStudio_X_MDP h4, .OminiStudio_X_MDP h5, .OminiStudio_X_MDP h6, .OminiStudio_X_MDP figure, .OminiStudio_X_MDP br, .OminiStudio_X_MDP hr{ margin: 0;padding: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-family: forma-djr-micro, Arial, Helvetica, sans-serif;}
.OminiStudio_X_MDP  sup, .OminiStudio_X_MDP sup small { position: relative; font-size: 50%; top: 0px; vertical-align: text-top;}
.OminiStudio_X_MDP  h2 sup, .OminiStudio_X_MDP  h3 sup, .OminiStudio_X_MDP  h4 sup{ position: relative; font-size: 34%; top: 0px; vertical-align: text-top;}

html {
scroll-behavior: smooth !important;
}
@font-face {
    font-display: swap;
    font-family: forma-djr-micro;
    font-style: normal;
    src: url(https://www.hp.com/etc.clientlibs/HPIT-AEM-DIGITNAV/clientlibs/clientlib-main/resources/fonts/FormaDJRUI.woff2) format("woff2"), url(https://www.hp.com/etc.clientlibs/HPIT-AEM-DIGITNAV/clientlibs/clientlib-main/resources/fonts/FormaDJRUI.woff) format("woff");
}

.OminiStudio_X_MDP img{width: 100%;
    height: 100%;
    object-fit: cover;}
.OminiStudio_X_MDP{    
    display: flex;
    flex-direction: column;
    background-color: #fff;
    margin: 0 auto;
    font-family: forma-djr-micro, Arial, Helvetica, sans-serif;
}
.OminiStudio_X_MDP .MDP_sec_1{position: relative;}
.OminiStudio_X_MDP .OminiStudio_X_MDP_wrp{
    max-width: 1680px;
    margin: 0 auto;
}
.OminiStudio_X_MDP .OminiStudio_X_MDP_wrp .hero_cnt{position: relative;display: flex;    min-height: 570px;}
.OminiStudio_X_MDP .OminiStudio_X_MDP_wrp .hero_cnt .hero_cnt_inner{width: 40%;padding: 50px 24px 50px 0;display: flex;
    flex-direction: column;
    justify-content: center;}
.slider_cnt_sec .subtitle_cp, .OminiStudio_X_MDP h5{font-size: 24px;font-weight: 500;}
.P_min_height{min-height: 69px;}
.P_min_height, .P_min_height2{display: flex;flex-direction: column;gap: 5px;}

.hero_banner_eyebro, .hero_banner_title{margin-bottom: 16px;}
.OminiBook_regular p{font-size: 16px;line-height: 26px;text-wrap-style: pretty;}

.hero_banner_title h1{font-size: clamp(2.5rem, 2.0313rem + 2.3438vw, 4.375rem);font-weight: 500;text-wrap-style: pretty;line-height: 1;}
.slider_cnt_sec h2, .OminiStudio_X_MDP h2{font-size: clamp(2.25rem, 1.9559rem + 1.4706vw, 3.5rem);;font-weight: 500;text-wrap-style: pretty;}
/*Button*/
.hero_banner_ctas{display: flex;    flex-direction: column;    gap: 16px;    margin-top: 36px}
.hero_banner_ctas>div{display: flex;}
.button__primary{background-color: #024ad8;border-radius: 8px;color: #fff;max-width: 100%;    min-width: 112px;    position: relative;    text-decoration: none;    transition: color .3s ease, background-color .3s ease, border-color .3s ease;}
.button__primary:hover{background-color: #103fb2;}
.button__large{gap: 8px;padding: 12px 16px;}

/*2nd button*/
.small_ctas{display: flex;    flex-direction: column;    gap: 16px;}
.small_ctas>div{display: flex;}
.button__small{background-color: #024ad8;border-radius: 8px;color: #fff;max-width: 100%;    min-width: 112px;    position: relative;    text-decoration: none;    transition: color .3s ease, background-color .3s ease, border-color .3s ease;}
.button__small:hover{background-color: #103fb2;}
.button__small{gap: 8px;padding: 8px 16px;}

.OminiStudio_X_MDP sup, .OminiStudio_X_MDP sup small{    position: relative;    font-size: 50%;    top: -5px;    vertical-align: top;}
.card_wrapper .marg_top_6{margin-top: 15px;}
.card_wrapper p{font-size: 16px;line-height: 24px;}
.marg_btm_10{margin-bottom: 10px;}
.card_wrapper h4{font-size: 20px;font-weight: 500;}


.hero_banner_sec .hero_banner_sec_inner{    background-color: transparent;    height: 100%;    overflow: hidden;    }
.hero_banner_sec .hero_banner_sec_inner .hero_banner_sec_image{position: absolute; width: 60%; top: 0;right: 0;  /*clip-path: polygon(20% 0%, 100% 0%, 100% 30%, 90% 100%, 0% 100%, 0% 100% ); */   height: 570px;}
.hero_banner_sec .hero_banner_sec_inner .hero_banner_sec_image img{object-position: left;}


/* 2nd section */
.MDP_sec_2{width: 100%;}
.MDP_sec_2 .MDP_sec_2_wrp{border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}
.MDP_sec_2 .MDP_sec_2_wrp>div{display: flex;justify-content: space-between;align-items: center;padding: 0;}
.ul_nav_bar{display: flex;list-style: none;padding: 0;margin: 0;}
.ul_nav_bar a{padding: 25px 0;display: flex;text-decoration: none;border-top: 3px solid #fff;border-bottom: 3px solid #fff}
.ul_nav_bar a li{align-items: center;   color: #000; border-radius: 6px;font-size: 16px;   display: flex;    padding: 0 20px;}
.ul_nav_bar a:hover li{color: #0e3191;}
.ul_nav_bar a:hover{background: #c9e0fc;border-top: 3px solid #c9e0fc;border-bottom: 3px solid #103fb2;}


/*3rd section */
.MDP_sec_3, .MDP_sec_4{padding: 50px 0 0;}
.slider_cnt_sec .subtitle_cp{margin-top: 15px;text-wrap-style: pretty;}
.MDP_sec_3 .MDP_sec_3_wrp{display: flex;flex-direction: column;}
.MDP_sec_3 .MDP_sec_3_wrp .slider_cnt_sec{margin-bottom: 25px;padding: 30px 0;}

.SE_three_content_box_wrapper {    display: flex;    flex-direction: row;  padding-bottom: 20px;  }
.SE_three_content_box{width: 33.33%;cursor: pointer;opacity: 1;}
.SE_three_slide_wrapper{margin-bottom: 25px;}
.card_wrapper_img img{object-fit: unset;    height: auto;}
.card_wrapper_img{max-width: 60px;}
.indicator_top_1, .indicator_top_2, .indicator_top_3, .indicator_top_4{background-color: #024ad8;    border-radius: 4px;    height: 4px;    margin-bottom: 24px;    -o-object-fit: contain;    object-fit: contain;    opacity: 1;    transition: opacity .3s ease;    width: 60px;}
.sl_content_wrp:hover, .after_show1:hover, .after_show2:hover, .after_show3:hover, .after_show4:hover{opacity: 1;}
.after_show1,.after_show2, .after_show3, .after_show4{margin-right: 25px;}
.indicator_top_white1, .indicator_top_white2, .indicator_top_white3, .indicator_top_white4{background-color: #fff;    border-radius: 4px;    height: 4px;    margin-bottom: 24px;    -o-object-fit: contain;    object-fit: contain;    opacity: 1;    transition: opacity .3s ease;    width: 60px;}
.MDP_scroll_btn, .OminiBook_x_dropdown{display: none;}
.MDP_sec_4 .MDP_sec_4_wrp .slider_cnt_sec {padding: 40px 0 0px 0;}

/*4th section*/
.MDP_sec_4>div{background-color: #f5f5f5;}
.MDP_sec_4>div, .MDP_sec_5 .MDP_sec_5_wrp{padding: 0 35px;}
.MDP_sec_4 .MDP_sec_4_wrp .compare_box_wrp{    display: flex;    flex-direction: row;    padding: 30px 0;}
.MDP_sec_4 .MDP_sec_4_wrp .compare_box_wrp .compare_box{width: 50%;margin-right: 20px;}
.MDP_sec_4 .MDP_sec_4_wrp .compare_box_wrp .compare_box>div{display: flex;flex-direction: column;gap: 5px;}
.MDP_sec_4 .MDP_sec_4_wrp .compare_box_wrp .compare_box .compare_box_main .cell_one{padding: 12px 0;}
.compare_box_main .cell_one_heading{margin-top: 15px;}
.compare_box_main .cell_one_heading h3, .compare_box_main .cell_one_heading p{font-size: 20px;font-weight: 500;text-wrap-style: pretty;}
.compare_box_main .Very_sml_p{color: rgb(2, 74, 216);font-size: 12px;}
.MDP_sec_4 .MDP_sec_4_wrp .compare_box_wrp .compare_box .compare_box_main .cell_three{padding: 15px 0 15px 0;border-bottom: 1px solid #cacaca;}
.MDP_sec_4 .MDP_sec_4_wrp .compare_box_wrp .compare_box .compare_box_main .cell_three p{margin-top: 10px;}
.Key_spec{
    border-bottom: 1px solid #e7e4e4;
    padding-bottom: 10px;
}
.cell_three p{font-size: 18px;}
.cell_five p, .cell_six p{font-size: 12px;padding: 10px 0;border-bottom: 1px solid #e7e4e4;text-wrap-style: pretty;}
.cmpare_bnt{display: flex;justify-content: left;margin: 30px 0;}
.cmpare_bnt .button__small{    min-width: 80px;    text-align: center;}

/*5th section */
.MDP_sec_5{padding: 0px 0 0;}
.MDP_sec_5 .MDP_sec_5_wrp{display: flex;flex-direction: column;background: #000;}
.MDP_sec_5 .MDP_sec_5_wrp h2{color: #fff;}
.MDP_sec_5 .MDP_sec_5_wrp .MDP_sec_5_pad{padding: 30px 0 30px;}
.MDP_sec_5 .MDP_sec_5_wrp>div{padding: 50px 0 0;}


/* Slider*/
.slider_section_wrp {
  width: 100%;
}

.image_box video:hover::-webkit-media-controls {opacity: 1;}
.image_box video::-webkit-media-controls {transition: opacity 1s;opacity: 0;}
.image_box img, .image_box video {
  width: 100%;
  border-radius: 17px;
  
  object-fit: cover;
}
.image_box video{height: 418px;}
/* CONTENT */
.content_boxes {
  display: flex;
  gap: 10px;
  margin-top: 30px;
  overflow-x: auto;
  scroll-behavior: smooth;
}

.sl_content_wrp {
  /*flex: 1;
  opacity: 0.5;
  cursor: pointer;*/
   min-width: 120px; /* important for horizontal scroll */
  /*flex-shrink: 0;*/
  padding: 0;  
  cursor: pointer;
  opacity: 0.5;
  border-top: 25px solid #fff;
}

.sl_content_wrp.active {
  background: #fff;
  color: #000;
  opacity: 1;
  border-top: none;
}
.sl_content_wrp.active::before{content: "";
        display: block;
        width: 100px;
        border-radius: 15px;
        height: 5px;
        margin-bottom: 20px;
        background-color: #024ad8;}

/* BUTTONS */
.controls {
  margin-top: 15px;
}

/*slider End */


/*Accordian*/
.HPC-collapse-list {
    margin: 30px 0 50px;
    padding: 0;
    list-style: none;
    /*border-bottom: 1px solid #e0e0e0;*/
}
.col_frst .cp_pd_lft .mg_top_list{margin-top: 0 !important;}

.HPC-collapse-open {
    display: none;
}

.HPC-collapse-painel {
    visibility: hidden;
    max-height: 0;
    opacity: 0;
    /*transition: max-height .1s,     visibility .3s,    opacity .3s;*/
    padding: 0px 30px 20px;
    background: #fff;
}

   


.HPC-collapse-open:checked ~ .HPC-collapse-painel {
    max-height: 100%;
    opacity: 100;
    visibility: visible;
    margin-bottom: 20px;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    padding-bottom: 20px;
}
.HPC-collapse-open:checked ~ label{/*background: #eee;*/border-radius: 0;padding: 30px 30px 20px 30px;}
.HPC-collapse-list li {        border-radius: 16px;    overflow: hidden;
}
.HPC-collapse-list li label{border-top: none;border-bottom: none;border-radius: 16px;}
.HPC-collapse-list .HPC-collapse-btn {
    /*border-top: 1px solid #e0e0e0;*/
    font-weight: 500;
    cursor: pointer;
    display: block;
    padding: 30px;
    border-radius: 16px;
    margin-bottom: 0;
    transition: background-color .2s ease;
    font-size: 24px;
    background: #fff;
}

.HPC-collapse-list .HPC-collapse-btn:hover {
    background: #fff;
}

.HPC-collapse-open ~ .HPC-collapse-btn:before {
    content: " \002B ";
    float: right;
}

.HPC-collapse-open:checked ~ .HPC-collapse-btn:before {
    content: " \00D7 ";
}


.HPC-collapse-list .HPC-collapse-inner {
    padding: 0 0px 10px;
    background-color: #fff;
    
}
.HPC-collapse-list .HPC-collapse-inner ul{padding-left: 20px;list-style-type: disc;}
.Onsite_support_list{padding-left: 20px !important;list-style-type: disc;}
.HPC-collapse-list .HPC-collapse-inner p{font-size: 16px;line-height: 1.3;}
.HPC-collapse-list .HPC-collapse-inner li{font-size: 18px;    line-height: 1.3;    margin-bottom: 5px;}
.Onsite_support_list li{font-size: 18px;    line-height: 1.3;    margin-bottom: 5px;}
/**/


/* Footnote */
.acco_foot__content-wrapper { max-height: 0px;  overflow: hidden; transition: 0.25s ease-in-out;}
.acco_foot__content{padding-left: 20px; border-top:1px solid #7b797a; padding-top: 20px;} 
.acco_foot__title { cursor: pointer; display: block; position: relative; transition: all 0.25s ease-out; padding: 10px 0;}
.hz_chromebook .acco_foot__title p{font-size: 16px; color: #7b797a; font-weight: bold;}
.acco_foot__title::after {  content: " \002B "; display: inline-block; position: absolute; right: 0px;  font-size: 18px; font-weight: normal; top: 10px; transition: 0.35s ease-in-out; vertical-align: top; }
.acco_foot__trigger:checked + .acco_foot__title  + .acco_foot__content-wrapper {  max-height: 1500px;}
.acco_foot__trigger:checked + .acco_foot__title::after { transition: 0.25s ease-in-out; content: " \00D7 "; font-size: 18px; top: 10px; font-weight: normal;}
.hz_footenotes input[type="checkbox"] {  display: none;}
.Disclaimers_sec{background-color: #f5f5f5;}
.hz_footenotes{background-color: #f5f5f5; padding: 6px 20px; margin: 0 0 20px;}
.hz_footenotes ol{padding: 0; margin: 0;}
.hz_footenotes ol li, .hz_footenotes ol li a, .hz_footenotes ol li ul li{color: #1a1a1a; font-size: 14px; margin-bottom: 10px; text-decoration: none;}
.hz_footenotes ol li a:hover{text-decoration: underline;}
.hz_footenotes ol li ul {margin: 12px 0; padding-left: 20px;}.hz_footenotes ol li ul li{margin-bottom: 10px; list-style-type: disc;}
.hz_footenotes .acco_foot__title p{ color: #1a1a1a; font-size: 14px;}
.hz_footenotes .acco_foot{margin: 30px 0px;    display: block;    background: #fff;    padding: 20px;    border-radius: 16px;}
.hz_footenotes .acco_foot:hover{box-shadow: 0 3px 12px 3px rgba(26,26,26,.2);}
/*End here */


@media screen and (max-width: 1620px){
    .OminiStudio_X_MDP .OminiStudio_X_MDP_wrp .hero_cnt .hero_cnt_inner{padding: 20px 20px 20px 0;}
}
@media screen and (max-width: 1344px){
    .P_min_height3{    min-height: 69px;}
}
@media screen and (max-width: 1200px){
    .OminiStudio_X_MDP .OminiStudio_X_MDP_wrp .hero_cnt .hero_cnt_inner{padding: 20px 24px 20px 0;}
    .slider_cnt_sec .subtitle_cp, .OminiStudio_X_MDP h5, .HPC-collapse-list .HPC-collapse-btn{font-size: 20px;}
    .hero_banner_sec .hero_banner_sec_inner .hero_banner_sec_image img{object-position: left;}
    .compare_box_main .cell_one_heading h3, .compare_box_main .cell_one_heading p{font-size: 18px;}
    .compare_box_wrp{        display: flex;        flex-direction: row;        gap: 22px;        overflow-x: auto;        scroll-behavior: smooth;        scroll-snap-type: x mandatory;        -webkit-overflow-scrolling: touch;        scrollbar-width: none;    }
    .compare_box_wrp>div {/*flex: 0 0 40%;*/scroll-snap-align: center;}
    
    .cmpare_controls{    display: flex;margin-top: 25px;    justify-content: end;}
    .MDP_sec_4 .MDP_sec_4_wrp .compare_box_wrp{padding: 0 0 30px 0;}
    .hero_banner_title h1 br{display: none;}
}

@media screen and (max-width: 1024px){
    .compare_box_wrp>div {flex: 0 0 35%;}
    .compare_box_main .cell_one_heading h3, .compare_box_main .cell_one_heading p, .cell_three p{font-size: 16px;}
    .cmpare_bnt{margin-top: 20px;}
    .HPC-collapse-list .HPC-collapse-btn{font-size: 18px;}
    .MDP_sec_5 .MDP_sec_5_wrp .MDP_sec_5_pad{padding: 20px 0 15px;}
    .HPC-collapse-list{padding: 0px 0 20px;margin: 30px 0 0px;}
    .p_boxes_section{        display: flex;        flex-direction: row;        gap: 22px;        overflow-x: auto;        scroll-behavior: smooth;        scroll-snap-type: x mandatory;        -webkit-overflow-scrolling: touch;        scrollbar-width: none;    }
    .p_boxes_section>div {flex: 0 0 40%;scroll-snap-align: center;}
    .after_show1, .after_show2, .after_show3, .after_show4 {    margin-right: 0px;}
    .OminiStudio_X_MDP .controls{    display: flex;margin-top: 25px;    justify-content: end;}
    .content_boxes{margin-top: 0;}
    .image_box img, .image_box video{height: 320px;}
    .MDP_scroll_btn{display: unset;background: none;border: 1px solid #000;padding: 5px;margin-right: 10px;margin-bottom: 25px;border-radius: 8px;opacity: 0.5;}
    .MDP_scroll_btn:hover{opacity: 1;}
    .MDP_scroll_btn img{padding: 0;float: right;}
    .cmpare_controls .MDP_scroll_btn{display: none;}
}

@media screen and (max-width:  1000px) {
    .OminiStudio_X_MDP .MDP_sec_1{display: flex;flex-direction: column-reverse;}
    .OminiStudio_X_MDP .OminiStudio_X_MDP_wrp .hero_cnt, .OminiStudio_X_MDP .OminiStudio_X_MDP_wrp .hero_banner_sec{width: 100%;}
    .hero_banner_sec .hero_banner_sec_inner .hero_banner_sec_image{position: relative;width: auto;clip-path: none;height: auto;}
    .OminiStudio_X_MDP .OminiStudio_X_MDP_wrp .hero_cnt{min-height: auto;}
    
    .OminiStudio_X_MDP .OminiStudio_X_MDP_wrp .hero_cnt .hero_cnt_inner{width: auto;}
    .OminiStudio_X_MDP .OminiStudio_X_MDP_wrp .hero_cnt .hero_cnt_inner{padding: 10px 0px 20px 0;}
    .hero_banner_ctas{margin-top: 26px;}
    .small_ctas{}
    
    .ul_nav_bar{flex-wrap: wrap;}
    .MDP_sec_4>div, .MDP_sec_5 .MDP_sec_5_wrp{padding: 0 20px;}
    
    
}

@media screen and (max-width: 768px){
    
    .SE_three_slide_wrapper{margin-bottom: 15px;}
    .MDP_sec_4>div, .MDP_sec_5 .MDP_sec_5_wrp{padding: 0 15px;}
}

@media screen and (max-width: 600px){
    .p_boxes_section>div {flex: 0 0 80%;}
    .compare_box_wrp>div{flex: 0 0 53%;}
    .p_boxes_section{      gap: 12px;    }
    .MDP_scroll_btn img{padding: 0px;}
    .MDP_scroll_btn{margin-bottom: 15px;}
    .hz_footenotes .acco_foot{padding: 10px 20px;}
    .dropbtn_down {
        font-size: 16px;
        cursor: pointer;
        background-color: transparent;
        color: #000;
        border: 1px solid;
        border-radius: 8px;
        padding: 5px 16px;
        }
        .dropbtn_down::after{content: "\25be";font-size: 20px;}
        .OminiBook_x_dropdown {padding: 10px 0;position: relative;display: block;}

        .OminiBook_x_dropdown_content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 200px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        }

        .OminiBook_x_dropdown_content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        }

        .OminiBook_x_dropdown_content a:hover {
        background-color: #f1f1f1;
        }

        .OminiBook_x_dropdown:hover .OminiBook_x_dropdown_content {
        display: block;
        }

        .OminiBook_x_dropdown:hover .dropbtn_down {
        background-color: unset;
        }
        .mob_hide{display: none;}
        .image_box img, .image_box video{height: 250px;}
        .HPC-collapse-list .HPC-collapse-btn{padding: 20px;}
        .cmpare_controls .MDP_scroll_btn{display: unset;}
        .cmpare_controls .MDP_scroll_btn{display: unset;background: none;border: 1px solid #000;padding: 5px;margin-right: 10px;margin-bottom: 0px;border-radius: 8px;opacity: 0.5;}
    .cmpare_controls .MDP_scroll_btn:hover{opacity: 1;}
    .cmpare_controls .MDP_scroll_btn img{padding: 0;float: right;}
    .MDP_sec_4 .MDP_sec_4_wrp .slider_cnt_sec{padding: 40px 0 0px 0;}
    .cmpare_controls{margin-top: 5px;}
    
}

@media screen and (max-width: 425px){
    .slider_cnt_sec .subtitle_cp, .OminiStudio_X_MDP h5{font-size: 18px;}
    .image_box img, .image_box video{height: 200px;}
    .compare_box_wrp>div {flex: 0 0 60%;}
}