html{scroll-behavior: smooth;}
:root{--hp-allInO-blue:#4759f5;--swiper-navigation-size: 25px;}
.hp-all-wrapper{max-width: 1368px;width:100%;margin: 0px auto;font-size: 16px; line-height: 1.3; transition-duration:300ms;}
.hp-allinOne-main h1,.hp-allinOne-main h2, .hp-allinOne-main h3, .hp-allinOne-main h4, .hp-allinOne-main h5, .hp-allinOne-main h6,.hp-allinOne-main .hp-all-wrapper p{margin: 0;font-weight: 400;}
.hp-allinOne-main .hp-allInO-Blue{background-color:var(--hp-allInO-blue) ;}
.hp-allinOne-main .hp-allInO-white{color:#fff;}
.hp-allinOne-main .hp-allInO-bg-white{background:#fff !important;}
.hp-allinOne-main sup{position: relative;top:0;vertical-align: top;font-size: 50%;}
.hp-allinOne-main button{font-size: 18px; cursor: pointer;}
.hp-allinOne-main .image-block img{width:100%; object-fit: cover;}
.hp-allinOne-main .hp-all-transpBG{background:transparent !important;}
.hp-allinOne-main a.link{color:#000;text-decoration: underline;}
.fa-plus::after{content:"\276E";position:absolute;font-size: inherit;right: max(72px, 50% - 672px);color: #000;transform: rotate(-91deg);cursor:pointer;transition: transform 0.5s;}
.fa-minus::after{content:"\276E";position:absolute;font-size: inherit;right: max(72px, 50% - 672px);color: #000;transform: rotate(-270deg);cursor:pointer;transition: transform 0.5s;}
.mb20{margin-bottom: 20px !important;}
.hp-howWaccord.mobl-view .active{color:var(--hp-allInO-blue) !important;}

.hp-howItWrk-sectn, .hp-allinOne-main .hp-allBanner-sectn, .hp-allinOne-main .hp-howPlan-sectn, .hp-allinOne-main .hp-colorBlocks-sectn, .hp-allinOne-main .hp-reduceImpct-sectn, .hp-allinOne-main .hp-faq-sectn, .hp-allinOne-main .disclm-sectn{display: flex;}
.hp-howItWrk-sectn.hp-allInO-white {position: sticky;width: 100%;top: 0px;z-index:99;display: flex;justify-content: left;align-items: center;box-sizing: border-box;height: 60px;padding: 12px max(72px, 50% - 760px);background-color: rgb(255, 255, 255);outline: rgb(217, 217, 217) solid 1px;
}
.hp-howItWrk-sectn .hp-howItWrk-inner{display:flex;justify-content: space-between;align-items: center;padding:9px 0;}
.hp-howItWrk-sectn .hp-howW-wrap{display:flex;gap:60px;}
.hp-howItWrk-sectn .hp-howW-wrap a.hp-howW-link{font-size: clamp(1rem, 3.7vw, 1.25rem);line-height: 1.1;text-decoration: none;font-weight: 400;color:#000;position: relative;}
.hp-howItWrk-sectn .hp-howW-wrap a.hp-howW-link:focus,.hp-allinOne-main .hp-howItWrk-sectn .hp-howW-wrap a.hp-howW-link:visited,.hp-allinOne-main .hp-howItWrk-sectn .hp-howW-wrap a.hp-howW-link:active{color:#000;}
.hp-howItWrk-sectn .hp-howW-wrap a.hp-howW-link:hover{color:var(--hp-allInO-blue);}
.hp-howItWrk-sectn .hp-howW-wrap a.hp-howW-link.active::after{content: "";position: absolute;bottom: -20px;left: 0px;right: 0px;height: 4px;background-color: black;}
.hp-howItWrk-sectn .hp-howWaccord.mobl-view{display: none;}


.hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner{display:flex; padding:48px 0;}
.hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-allBanner-left{flex-basis: 50%;display: flex;flex-direction: column;gap:28px;}
.hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-allBanner-left h1{font-size: clamp(1.25rem, 3.7vw, 2rem);line-height: 1.1;text-wrap: pretty;color: #fff}
.hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-allBanner-left h2{width:100%;box-sizing:border-box;font-size: clamp(2.25rem, 5vw, 3.5rem);line-height: 1.1;text-wrap: pretty;color: #fff}
.hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-allBanner-left .hp-list-of-plan{display:flex;flex-direction: column;gap:18px;}
.hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-allBanner-left .hp-list-of-plan h3{font-size: clamp(1rem, 3.7vw, 1.125rem);line-height: 1.1;text-wrap: pretty;color: #fff}
.hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-allBanner-left .hp-listIcon-texts-wrap{display:flex;flex-direction: column;}
.hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-allBanner-left .hp-listIcon-texts-wrap .hp-listIcon-text{display: flex;align-items: center;gap: 12px;font-size: clamp(1rem, 3.7vw, 1.5rem);line-height: 1.1;text-wrap: pretty;color: rgb(255, 255, 255);margin: 0px 0px 8px;}
.hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-allBanner-left .hp-listIcon-texts-wrap .hp-listIcon-text .hp-allIcon{box-sizing: border-box;display: inline-block;user-select: none;width: 30px;height: 30px;color: rgb(255, 255, 255);fill: currentcolor;}
.hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-allBanner-left .hp-listIcon-texts-wrap .hp-listIcon-text sup{font-size:50%;}
.hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-allBanner-left span{font-size: 16px;line-height:1;}
.hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-allHbanner-right{flex-basis: 50%;display: flex;align-items: center;}
.hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-hero-banner{position: relative;width: 100%;max-width: 735px;height: 483px;margin: 0px;z-index: 1;}
.hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-hero-banner::before {
    content: "";
    position: absolute;
    inset: 0px 0px 0px -72px;
    background-image: url(/wcsstore/hpusstore/Treatment/cvPages/hpAip/images/printers_new.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 5;
}
.hp-allinOne-main .button-lg{
    padding: 14px 20px;
    border-radius: 0px;
    border: none;
    max-width: 560px;
    color:#000;
    text-decoration:none;
}
.hp-allBanner-sectn a.button-lg, .hp-allBanner-sectn a.button-lg:visited{background-color: #fff;text-align: center;color:#000;}
.hp-allBanner-sectn a.button-lg:hover{background-color: rgb(240, 240, 240);color:#000;}
.button-md{
    font-size: 16px;
    line-height: 20px;
    height: 36px;
    text-align: center;
    align-content: center;
    margin-bottom: 12px;
    cursor: pointer;
    text-decoration:none;
  }
.hp-compPrinter-sectn a.button-md,.hp-compPrinter-sectn a.button-md:visited{background-color: #fff;text-align: center;color:#000;}
.hp-compPrinter-sectn a.button-md:hover{background-color: rgb(240, 240, 240);color:#000;}
.button-sm{background-color: rgb(0, 0, 0);
    color:#fff;
    padding: 8px 16px;
    border-radius: 0px;
    font-size: 16px;
    line-height: 24px;
    border-width: 0px;
    font-weight: 400;
    text-decoration:none;
}
a.button-sm:visited{background-color: rgb(0, 0, 0);color:#fff;}
a.button-sm:hover{background-color: rgb(41, 41, 41);color:#fff;}
.hp-allinOne-main .hp-faq-sectn a.button-sm{margin-top:40px;}
.button-outline-md{
  box-sizing: border-box;
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: transparent;
    font-size: 16px;
    line-height: 20px;
    height: 36px;
    text-align: center;
    align-content: center;
    margin-bottom: 36px;
    text-decoration:none;
}
.button-outline-md:hover{color: rgb(255, 255, 255); text-decoration: none;background-color: rgb(63, 79, 219);}
.button-link{
/*  background-color: transparent;*/
/*    border: none;*/
/*    font-family: "Forma DJR UI", Arial, sans-serif;*/
    font-size:16px !important;
    text-decoration: underline;
/*    cursor: pointer;*/
    padding: 0px; margin: 0; font-weight: normal; color: #000;
}
.button-link:hover{text-decoration: none; color: #000}
.hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-allBanner-left .hp-listIcon-texts-wrap.hp-tick-text{flex-direction:row;gap:17px;}
.hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-allBanner-left .hp-listIcon-texts-wrap.hp-tick-text .hp-tick-icon{box-sizing: border-box;
    display: inline-block;
    user-select: none;
    width: 24px;
    height: 24px;
    color: rgb(256,256,256);
    fill: currentcolor;}
.hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-allBanner-left .hp-listIcon-texts-wrap.hp-tick-text .hp-listIcon-text{font-size: clamp(1rem, 3.7vw, 1.125rem);line-height: 1.1;gap:4px;}
.hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner.mobl-view{display: none;}
.hp-allinOne-main .hp-howPlan-sectn{background: -webkit-linear-gradient(90deg, #e5eafe 50%, rgba(99, 117, 253, .898039) 0);
    background: -o-linear-gradient(90deg, #e5eafe 50%, rgba(99, 117, 253, .898039) 50%);
    background: -moz-linear-gradient(90deg, #e5eafe 50%, rgba(99, 117, 253, .898039) 50%);
    background: linear-gradient(90deg, #e5eafe 50%, rgba(99, 117, 253, .898039) 0);}
.hp-allinOne-main .hp-howPlan-sectn .hp-howPlan-inner{display:flex;}
.hp-allinOne-main .hp-howPlan-sectn .hp-howPlan-inner h2{font-size: clamp(1.8rem, 3.7vw, 5rem);line-height: 1.1;text-wrap: pretty;padding:50px 0;width: 100%;
    box-sizing: border-box;}
.hp-allinOne-main .hp-howPlan-sectn .hp-howPlan-inner .hp-howPlan-blockWrap{display: flex;justify-content: center;height: auto;}
.hp-allinOne-main .hp-howPlan-sectn .hp-howPlan-inner .hp-howPlan-blockWrap .hp-howPlan-block, .swiper .hp-howPlan-block{display:flex;flex-direction: column;gap:25px;justify-content: stretch;padding: 2.5rem 1.5rem;width:25%;}
.hp-allinOne-main .hp-howPlan-sectn .hp-howPlan-inner .hp-howPlan-blockWrap .hp-howPlan-block h3, .swiper .hp-howPlan-block h3{font-size: clamp(1rem, 3.7vw, 1.5rem);line-height: 1.1;}
.hp-allinOne-main .hp-howPlan-sectn .hp-howPlan-inner .hp-howPlan-blockWrap .hp-howPlan-block ul, .swiper .hp-howPlan-block ul{padding: 0 0 0 15px;}
.hp-allinOne-main .hp-howPlan-sectn .hp-howPlan-inner .hp-howPlan-blockWrap .hp-howPlan-block li, .swiper .hp-howPlan-block li{list-style: disc}
.hp-allinOne-main .hp-howPlan-sectn .hp-howPlan-inner .hp-howPlan-blockWrap .hp-howPlan-block p sup, .swiper .hp-howPlan-block p sup{font-size: 50%;}

.hp-allinOne-main .hp-howPlan-sectn .hp-howPlan-inner .hp-howPlan-blockWrap .hp-howPlan-block.hp-howBlock-1 .image-block, .swiper .hp-howPlan-block.hp-howBlock-1 .image-block{max-width: 50px;}
.hp-allinOne-main .hp-howPlan-sectn .hp-howPlan-inner .hp-howPlan-blockWrap .hp-howPlan-block.hp-howBlock-2 .image-block, .swiper .hp-howPlan-block.hp-howBlock-2 .image-block{max-width:40px;}
.hp-allinOne-main .hp-howPlan-sectn .hp-howPlan-inner .hp-howPlan-blockWrap .hp-howPlan-block.hp-howBlock-3 .image-block, .swiper .hp-howPlan-block.hp-howBlock-3 .image-block{max-width:45px;}
.hp-allinOne-main .hp-howPlan-sectn .hp-howPlan-inner .hp-howPlan-blockWrap .hp-howPlan-block.hp-howBlock-4 .image-block, .swiper .hp-howPlan-block.hp-howBlock-4 .image-block{max-width:50px;}

.hp-allinOne-main .hp-howPlan-sectn .hp-howPlan-inner .hp-howPlan-blockWrap .hp-howPlan-block.hp-howBlock-1, .swiper .hp-howPlan-block.hp-howBlock-1{background-color: #d7ddff;}
.hp-allinOne-main .hp-howPlan-sectn .hp-howPlan-inner .hp-howPlan-blockWrap .hp-howPlan-block.hp-howBlock-2, .swiper .hp-howPlan-block.hp-howBlock-2{background-color: #c3cdff;}
.hp-allinOne-main .hp-howPlan-sectn .hp-howPlan-inner .hp-howPlan-blockWrap .hp-howPlan-block.hp-howBlock-3, .swiper .hp-howPlan-block.hp-howBlock-3{background-color: #a7b5ff;}
.hp-allinOne-main .hp-howPlan-sectn .hp-howPlan-inner .hp-howPlan-blockWrap .hp-howPlan-block.hp-howBlock-4, .swiper .hp-howPlan-block.hp-howBlock-4{background-color: rgba(130, 143, 255);}
.hp-allinOne-main .mobile-swiper{display:none;}
.hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks{display:flex; flex-direction: column;gap: 20px;align-items: flex-start;background-color: rgb(168, 158, 250);
    height: 650px;
    width: 480px;
    box-sizing: border-box;
    color: rgb(0, 0, 0);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 100%;}
.hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks.hp-colBlk-1{background-image: url(https://www.hp.com/wcsstore/hpusstore/Treatment/cvPages/hpAip/images/automatic-printer-big-desktop.jpg);
    background-size: 730px;
    min-width: unset;
    width: unset;
    padding:50px 72px 0px max(72px, 50% - 648px);}
.hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks.hp-colBlk-2{background-color: rgb(22, 93, 186);padding:50px 85px 0px;color: #fff;
        min-width:480px;
        width:480px;} 
.hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks.hp-colBlk-2 > h5, 
.hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks.hp-colBlk-2 > h3{color: #fff}

.hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks.hp-colBlk-3{background-color: rgb(194, 222, 255);padding-right: max(72px, 50% - 648px);
    box-sizing: border-box;
    padding:50px max(72px, 50% - 648px) 0 72px;min-width: unset;
    width: unset;}
.hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks.hp-colBlk-2  .image-block{max-width:432px;}
.hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks.hp-colBlk-3  .image-block{max-width:532px;}
.hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks.hp-colBlk-2  .image-block, .hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks.hp-colBlk-3  .image-block{margin-top: auto;
    padding-bottom:40px;}
.hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks h5{font-size: clamp(1rem, 3.7vw, 1.125rem);
    line-height: 1.1;
    text-wrap: pretty;margin-top:42px;}
.hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks h3{font-size: clamp(1.5rem, 3.7vw, 2rem);
    line-height: 1.1;
    text-wrap: pretty;} 
.hp-allinOne-main .hp-reduceImpct-sectn{background: rgb(0, 208, 114);}      
.hp-allinOne-main .hp-reduceImpct-sectn .hp-reduceImpct-inner{display:flex;align-items: center;justify-content: space-between;}
.hp-allinOne-main .hp-reduceImpct-sectn .hp-reduceImpct-inner .hp-rImpct-info{flex-basis:45%;display:flex;flex-direction: column;gap:25px;}
.hp-allinOne-main .hp-reduceImpct-sectn .hp-reduceImpct-inner .hp-rImpct-info h5{font-size: clamp(1rem, 3.7vw, 1.125rem);
    line-height: 1.1;
    text-wrap: pretty;}

    .hp-allinOne-main .hp-reduceImpct-sectn .hp-reduceImpct-inner .hp-rImpct-info h3{font-size: clamp(1.5rem, 3.7vw, 2.5rem);
        line-height: 1.1;
        text-wrap: pretty;}
    .hp-allinOne-main .hp-reduceImpct-sectn .hp-reduceImpct-inner .hp-rImpct-image{flex-basis:50%;}
    .hp-allinOne-main .hp-reduceImpct-sectn .hp-reduceImpct-inner .hp-rImpct-image .image-block{max-width: 706px;}
    .hp-allinOne-main .hp-faq-sectn .hp-faq-inner{display:flex; flex-direction: column; align-items: center;padding-top:40px;} 
    .hp-allinOne-main .hp-faq-sectn .hp-faq-inner h2{font-size: clamp(1.5rem, 3.7vw, 3.5rem);box-sizing: border-box;
        line-height: 1.1;
        text-wrap: pretty;padding: 50px 0;width:100%;}
    .hp-allinOne-main .hp-faq-sectn{flex-direction: column;align-items: center;}
    .hp-allinOne-main .hp-faq-sectn button{margin:30px 0;}
        .hp-allinOne-main .hp-faqAccord{
            position: relative;
            max-width: 100%;
            width: 100%;
            height: auto;
          }
          .hp-allinOne-main .accord-set{
            position: relative;
            width: 100%;
            height: auto;
            border-bottom: 1px solid #000;
          }
          .hp-allinOne-main .accord-set > h3{
            display: block;
            padding: 25.5px max(72px, 50% - 680px) 25.5px;
            font-size: clamp(1.5rem, 3.7vw, 2.5rem);
            color: #000;
            -webkit-transition:all 0.2s linear;
            -moz-transition:all 0.2s linear;
            transition:all 0.2s linear;
            position: relative;
            cursor:pointer;
          }
          .hp-allinOne-main .accord-set > a i{
            float: right;
            margin-top: 2px;
          }
          /* .hp-allinOne-main .accord-set > a.active{
            background-color:#3399cc;
            color: #fff;
          } */
          .hp-allinOne-main .content{
            background-color: #fff;
            display:none;
          }
          .hp-allinOne-main .content p{
            padding:0px max(72px, 50% - 680px) 35px;
            margin: 0;
            color: #000;
          }
          .hp-allinOne-main .accord-set .table-wrap{display: flex;flex-direction: column;
                align-items: center;
                max-width:1000px;
                width: 100%;
                margin: 32px auto 0px;}
          .hp-allinOne-main .accord-set .table-wrap .table-cap{display: flex
            ;
                flex-direction: column;
                margin-bottom: 16px;
                text-align: center;
                font-size: 18px;}
                .hp-allinOne-main .accord-set .table-wrap .table-wrap-inner{table-layout: fixed;overflow: auto;
                  scrollbar-color: auto;
                  background-color: rgb(255, 255, 255);
                  border-color: rgb(224, 224, 224);
                  border-radius:0px;
                  border-style: solid;
                  border-width: 1px;
                  width: 100%;
                  margin-bottom: 40px;
                }
                .hp-allinOne-main .accord-set .table-wrap .table-wrap-inner table{
                  border-collapse: collapse;
                  border-spacing: 0px;
                  display: table;
                  width: 100%;
                }
            .hp-allinOne-main .accord-set .table-wrap .table-wrap-inner table thead{
                font-size: 14px;
                font-weight: 400;
                line-height:1.1;
                }
                .hp-allinOne-main .accord-set .table-wrap .table-wrap-inner table tr:first-child, .hp-allinOne-main .accord-set .table-wrap .table-wrap-inner table tr:nth-child(2n+1){
                  background-color: rgb(245, 245, 245);
                }
                .hp-allinOne-main .accord-set .table-wrap .table-wrap-inner table tr {
                  display: table-row;
                  outline: 0px;
                  position: relative;
                  vertical-align: middle;
                  background-color: rgb(245, 245, 245);
              }
              .hp-allinOne-main .accord-set .table-wrap .table-wrap-inner table th:first-child, .hp-allinOne-main .accord-set .table-wrap .table-wrap-inner table td:first-child {
                text-align: left;
                padding: 0px 12px;
            }
            .hp-allinOne-main .accord-set .table-wrap .table-wrap-inner table th, .hp-allinOne-main .accord-set .table-wrap .table-wrap-inner table tr:nth-child(2n) {
              background-color: rgb(255, 255, 255);
          }
          .hp-allinOne-main .accord-set .table-wrap .table-wrap-inner table th, .hp-allinOne-main .accord-set .table-wrap .table-wrap-inner table td {
            text-align: center;
            overflow-wrap: break-word;
            font-style: normal;
            line-height: 20px;
            font-weight: 400;
            min-width: min-content;
        }
        .hp-allinOne-main .accord-set .table-wrap .table-wrap-inner table td {
          font-size: 14px;
          padding: 12px 0px;
      }
      .hp-allinOne-main .accord-set .table-wrap .table-wrap-inner table th {
        font-size: 14px;
        padding: 10px 8px;
        max-width: 148px;
    }
      .hp-allinOne-main .accord-set .table-wrap .table-wrap-inner table tr:hover:nth-of-type(2n+1) {
        background-color: rgba(115, 207, 254, 0.3);
    }
          .hp-allinOne-main .disclm-sectn{
            margin:54px 0 0;
            padding: 0px 0px;
            background-color: rgb(102, 102, 102);
            border-top:1px solid #000;
          }
          .hp-allinOne-main .disclm-sectn .content{
            background-color: rgb(102, 102, 102);
          }
          .hp-allinOne-main .disclm-sectn .accord-set > h3{
            padding: 45.5px max(72px, 50% - 680px) 45.5px;
            color:#fff;
          }
          .hp-allinOne-main .disclm-sectn .accord-set > h3 .fa-plus::after, .hp-allinOne-main .disclm-sectn .accord-set > h3 .fa-minus::after{
            color:#FFF;
          }
          .hp-allinOne-main .disclm-sectn .content ol{
            padding:0px max(72px, 50% - 666px) 60px;
            margin: 0;
            color: #fff;
          }
          .hp-allinOne-main .disclm-sectn .content ol li a, .hp-allinOne-main .disclm-sectn .content ol li a:link, .hp-allinOne-main .disclm-sectn .content ol li a:visited{
            color: #fff;
          }
          .hp-allinOne-main .disclm-sectn .content ol li {padding:6px 0; list-style: decimal}
          .hp-allinOne-main .disclm-sectn .content ol li:last-child {padding:6px 0 0;}
          .hp-allinOne-main .hp-compPrinter-sectn{display:flex;    background-color: rgb(71, 89, 245);overflow: auto; color:#FFF;padding:50px 0;}
          .hp-compPrint-inner{display: grid;grid-template-columns: repeat(4, 306px);gap: 0px 20px;}
          .chsPrintr-sectn {
            grid-area: 1 / 1 / 9 / 2;
            max-height: 646px;
        }
        .hp-allinOne-main .hp-compPrinter-sectn .hp-compPrint-inner .chsPrintr-sectn h2{font-size: clamp(1.5rem, 3.7vw, 2.5rem);box-sizing: border-box;
          line-height: 1.1; text-wrap: pretty;padding:40px 0;width:100%;color: #fff}
          
            .hp-allinOne-main .hp-compPrinter-sectn .hp-compPrint-inner .compPrintr-blk-hd{color: #fff; 
              padding-top: 8px;
              font-size: clamp(1.5rem, 3.7vw, 2.5rem);box-sizing: border-box;
          line-height: 1.1;
              text-align: left;margin-top:40px;}
              .hp-allinOne-main .hp-compPrinter-sectn .hp-compPrint-inner .compPrintr-blk-sbHd{border-bottom: 1px solid rgb(255, 255, 255);
                padding-top: 8px;
                padding-bottom: 8px;
                font-size: clamp(1rem, 3vw, 1.4rem);line-height: 1.1;
                text-align: left;}
                .compPrintr-blk-img.image-block{max-width:345px;}
                .compPrintr-blk-para{font-size: 18px;
                  line-height: 24px;
                  text-align: left;}
                  .compPrintr-blk-price{font-size: clamp(1.6rem, 3vw, 2rem);line-height: 1.1;
                    text-align: left;
                    /* margin-top: 5px; 
                    margin-bottom: 12px;*/}
        .compPrintr-blk-text-sm{padding-top: 8px;
          text-align: left;
          font-weight: 700;}
          .compPrintr-blk-bordrText{box-sizing: border-box;
            border-top: 1px solid rgb(167, 180, 255);
            font-size: 16px;
            line-height: 24px;text-align: left;
            align-content: flex-start;
            padding: 10px;}
            .circled-tick{
              box-sizing: border-box;
              display: inline-block;
              user-select: none;
              width: 24px;
              height: 24px;
              color: rgb(255, 255, 255);
              fill: currentcolor;
          }
          .compPrintr-blk-bordrText.link{color:#fff !important;}
          .hp-compPrinter-sectn.mobile-swiper{display: none;}
          .hp-allinOne-main .itEasy-sectn{display:flex;background-color:#f7f0e3;position: relative;}
          .hp-allinOne-main .itEasy-sectn h2{font-size: clamp(1.8rem, 3.7vw, 5rem);
            line-height: 1.1;
            text-wrap: pretty;
            padding: 50px 0 30px;
            width: 100%;
            box-sizing: border-box;}
          .hp-allinOne-main .itEasy-sectn .itEasy-sectn-inner{display:flex;flex-direction: column;background-color:#f7f0e3;width: 100%; padding:0 0 50px;}
          .itEasy-points-wrap{display:flex;padding:0px max(72px, 50% - 684px) 0px;
            align-items: center;
            justify-content: flex-start;gap:15px;border-bottom: 1px solid #000;}
          .itEasy-point{font-size: clamp(2rem, 3.7vw, 10rem);line-height: 1.1;padding:20px 0;}
          .itEasy-info-wrap{padding:20px 30px;}
          .itEasy-points-wrap h3{font-size: clamp(1.6rem, 3.2vw, 2rem);line-height: 1.1;
            color: #000;}
            .itEasy-points-wrap p{font-size: clamp(1rem, 3.7vw, 1.325rem);margin-bottom:0;width:90%;text-wrap: pretty;margin-top:18px;
              line-height: 1.1;
              color: #000;}
              .itEasy-points-wrap:nth-child(2) .itEasy-info-wrap,.itEasy-points-wrap:nth-child(3) .itEasy-info-wrap{padding-left:20px;}
              .itEasy-points-wrap:last-child{border-bottom: 0;}
              .image-right.image-block {
                max-width:479px;
                position: absolute;
                right: 0;
                top:-50px;
            }
.hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks sup{font-size: 50%;}

/* Modal */


.modal-inner{display: flex;flex-direction: column;width: 100%;align-items: flex-end;background-color: #fff;position: relative;
  z-index: 999999999;}

.modal-inner h2{
/*	font-family: "Forma DJR UI", Arial, sans-serif;*/
  font-size: clamp(2.5rem, 5vw, 7.75rem) !important;
    line-height: 1.1;
  margin:50px 0 0;
  font-weight: 400;
  border-top: 1px solid rgb(0, 0, 0);
  padding: 10px 20px;
  color: rgb(0, 0, 0);
  width: 100%;
  box-sizing: border-box;}
  .m0{
    margin: 0 !important;
  }
    .hp-allinOne-main .hp-all-wrapper p sup{font-size: 50%;}

    .modal-wrap {
      position: fixed;
      z-index: 10000; /* 1 */
      top: 1%;
    bottom: 1%;
      left: 0;
      visibility: hidden;
      width: 100%;
      height:90%;
      border-radius: 12px;
  }
  
  .modal-wrap.visibleModal {
      visibility: visible;
  }
  
  .modal-overlay {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 0%, 0.5);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.3s, opacity 0.3s;
  }
  
  .modal-wrap.visibleModal .modal-overlay {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
  }
  
  .modal-inner {
    position: absolute;
    z-index: 9999;
    top: 6%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0px auto;
    width: 72%;
    background-color: #fff;
    box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
    border-radius: 20px;
  }
  
  .modal-transition {
    transition: all 0.3s 0.12s;
    transform: translateY(-10%);
    opacity: 0;
  }
  
  .modal-wrap.visibleModal .modal-transition {
    transform: translateY(0);
    opacity: 1;
  }
  
  .modal-header {
    position: relative;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    width: 100%;
    box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06);
    border-bottom: 1px solid #000;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
  .modal-body{
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }
  .modal-body h3{font-size: clamp(1.4rem, 3vw, 2.625rem)!important;line-height: 1.1;}
  .modal-body .hp-howPlan-block.hp-howBlock-1 .image-block{max-width:38px !important;}
  .modal-body .hp-howPlan-block{width:29% !important;}
  .modal-body .hp-howPlan-block .svg-img{min-width: 54px;
    min-height: 54px;
    max-width: 54px;
    max-height: 54px;}
  .modal-body .hp-howPlan-block{gap:20px !important;}
  .modal-body .hp-howPlan-block .hp-howBlock-hd{display: flex;flex-direction: column; gap:20px;}
  .modal-body .hp-howPlan-block p{margin-top: 0;}
  .close {
    position: absolute;
    top: 5px;
    right: 7px;
    padding: 2px 10px;
    color: rgb(102, 102, 102);
    background: none;
    border: 0;
    font-size: 30px !important;
  }
  
  .close:hover {
    background: rgba(163, 163, 163, 0.1);
    color: rgb(84, 84, 84);
    border-radius: 4px;
  }
  
  .modal-heading {
    font-size: 1.125em;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .modal-content > *:first-child {
    margin-top: 0;
  }
  
  .modal-content > *:last-child {
    margin-bottom: 0;
  }

/* ----------------------------------- */
.hp-blue-ribbon{background-color: rgb(178, 216, 255);display: flex;padding:16px 20px;}
.hp-blue-ribbon .hp-br-inner{display: flex;gap:10px;align-items:center;}
.hp-blue-ribbon .hp-br-inner p{font-size: clamp(1rem, 1vw, 1.75rem);line-height: 1.1;}
.br-icon {
  box-sizing: border-box;
  display: inline-block;
  user-select: none;
  width: 24px;
  height: 24px;
  color: rgb(0, 0, 0);
  fill: currentcolor;
}
.hp-allinOne-main .accord-set .table-wrap .table-wrap-inner table th{color: rgb(102, 102, 102);}
.hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-hero-banner::before{ inset: 0px -90px 0px -37px;}

.chsPrintr-sectn h2{font-size: clamp(1.5rem, 3.7vw, 2.5rem);box-sizing: border-box;line-height: 1.1;text-wrap: pretty;padding:40px 0 0;width:100%; color: #fff}
.hp-compPrint-inner{grid-template-columns: repeat(4, 326px);}
.ink-cartd-cont{display: flex;flex-wrap: wrap;align-content: flex-start;gap: 7px;}
.icTick{box-sizing: border-box;display: inline-block;user-select: none;width: 24px;height: 24px;color: rgb(255, 255, 255);fill: currentcolor;}
.ink-cartd-wrap{display: flex;flex-direction: column;gap:12px;}
.ink-cartd-wrap .ink-cartd-cont:last-child{padding-bottom: 32px;}
.wdash{
  box-sizing: border-box;
  display: inline-block;
  user-select: none;
  width: 24px;
  height: 24px;
  color: rgb(250, 250, 250);
  fill: currentcolor;
}
.compPrintr-blk-bordrText{padding: 20px 0;height: auto;}
/* .compPrintr-blk-price{margin-top: 5px;} */
.compPrntr-Badge{float: right;
  padding: 9.5px;
  background: rgb(178, 216, 255);
  color: rgb(0, 0, 0);
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 0px 0px 6px 6px;
  line-height: 0px;}
  .mr-featr-btn-wrap{display: flex;text-align: center;color: rgb(255, 255, 255);justify-content: center;align-items: center;}
  .mr-featr-btn{display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        background-color: rgb(99, 116, 253);
        text-align: center;
        border-style: solid;
        border-color: rgb(255, 255, 255);
        border-image: initial;
        border-width: 1px 0px;
        color: rgb(255, 255, 255);
        padding: 10.5px;
        cursor: pointer; font-weight: 100}
        .mr-featr-btn:hover{background-color: rgb(99, 116, 253);}
  .icon-add{box-sizing: border-box;
    display: inline-block;
    user-select: none;
    width: 24px;
    height: 24px;
    color: rgb(255, 255, 255);
    fill: currentcolor;}
  .mr-featr-btn-wrap button span{border-radius:50%;display:inline-block;justify-content:center;align-items:center;background-color: rgb(99, 116, 253);color:white;border:1px solid  white;width: 18px;height: 18px;line-height: 18px;font-size: 18px;vertical-align: middle;text-align: center;}
  

  /* --------------------------------- */
 
  .chsPrintr-sectn h2{font-size: clamp(1.5rem, 3.7vw, 3.5rem);}
  .hp-allinOne-main .hp-compPrinter-sectn .hp-compPrint-inner .compPrintr-blk-hd{font-size: clamp(1.5rem, 3.7vw, 2rem);border-top-left-radius:8px; border-top-right-radius:8px;padding-top:24px;}
  .hp-allinOne-main .hp-compPrinter-sectn .hp-compPrint-inner .compPrintr-blk-sbHd{font-size: clamp(1rem, 3vw, 1.25rem);padding-bottom: 8px;}
  .compPrintr-blk-para.compPrintr_tx{font-size: 14px;line-height: 20px;}
  .compPrintr-blk-para.compPrintr_st_tx{font-size: 16px;line-height: 20px;padding-top: 12px;}
  .compPrintr-blk-price{font-size: clamp(1.3rem, 3vw, 1.5rem);text-align: left;}
  .ink-cartd-cont{align-items: center;}
  .compPrntr-Badge{
    padding: 9.5px 9.5px 12px;
    margin:-24px -20px 0px;
    background:rgb(195, 205, 255);
    color: rgb(0, 0, 0);
    line-height: 0px;border-bottom-right-radius: 0;}
    .compPrintr-blk-img.image-block{padding-top:15px;}
    .mr-featr-btn-wrap{margin-top: 20px;}

.clr_bg_lbl{background-color:rgb(81, 101, 253);padding: 0 20px;}
.clr_bg_gr{background-color: rgb(53, 67, 192); padding: 0 20px;}
.gd_bt_wrp{padding: 20px;}
.gd_bt_wrp.pd0{padding-top: 0px;}
.gd_bt_wrp.bd-rds-8{border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.compPrintr-blk-hd.tp_brd_hd{border-top:6px solid rgb(195, 205, 255);}
.gd_bt_wrp a.button-md, .gd_bt_wrp a.button-outline-md{margin: 0;display: block;}
.compPrintr-blk-bordrText.tx_lft {
  text-align: left;
}
.brd_tp_0{border-top: 0;}

/* -------------------------------------------------- */
.hp-orange-ribbon{background-color: rgb(255, 184, 102) !important;}
.papr{box-sizing: border-box;display: inline-block;user-select: none;width: 24px;height: 24px;color: rgb(0, 0, 0);fill: currentcolor;}
.hp-blue-ribbon .hp-br-inner{align-items: flex-end;}
.hp-allinOne-main .hp-reduceImpct-sectn.ppr_adn_srv_sctn {background: rgb(108, 121, 248);}
.ylw_bdg{width: fit-content;color: rgb(33, 33, 33);padding:8px 8px 6px;background-color: rgb(255, 184, 102);border-radius: 8px;font-size: 16px;font-weight: 400;line-height: 15px;}
.hp-allinOne-main .hp-reduceImpct-sectn.ppr_adn_srv_sctn .hp-reduceImpct-inner .hp-rImpct-info, .hp-allinOne-main .hp-reduceImpct-sectn.ppr_adn_srv_sctn .hp-reduceImpct-inner .hp-rImpct-info h5, .hp-allinOne-main .hp-reduceImpct-sectn.ppr_adn_srv_sctn .hp-reduceImpct-inner .hp-rImpct-info h3{color:#FFF;}
.hp-allinOne-main .hp-reduceImpct-sectn.ppr_adn_srv_sctn .hp-reduceImpct-inner .hp-rImpct-info{gap:15px;}
.hp-allinOne-main .hp-reduceImpct-sectn.ppr_adn_srv_sctn .hp-reduceImpct-inner .hp-rImpct-image .image-block{display: flex;}

/* -------------------------------------------------------------------- */
.ink-cartd-cont{align-items: flex-end;}
.ink-cartd-wrap{gap:2px;}
.pb20 {padding-bottom: 20px !important;}
.pt10 {padding-top: 10px !important;}
.hp-allinOne-main .hp-compPrinter-sectn .hp-compPrint-inner .compPrintr-blk-sbHd{border-bottom: 0;}

@media (max-width: 1280px) {
    .chsPrintr-sectn {
        padding: 0px 20px 26px;
    }
    .compPrintr-blk-img.image-block {
        max-width: -webkit-fill-available;
    }
}

/* Responsive */
@media (max-width:375px){
  .image-right.image-block {
    max-width:80px;
    top: -70px;
    right: 0;
}
.hp-allinOne-main .itEasy-sectn h2 {
  padding: 20px 85px 20px 20px !important;
}
}
@media (min-width:375px) and (max-width:420px){
  .image-right.image-block {
    max-width:80px;
    top: -70px;
    right: 0;
}
}
@media (min-width:421px) and (max-width:500px){
  .image-right.image-block {
    max-width:100px;
    top: -70px;
    right: 0;
}
}
@media (min-width:500px) and (max-width:600px){
  .image-right.image-block {
    max-width:120px;
    top: -70px;
    right: 0;
}
}
@media(max-width:600px){
    .hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-allBanner-left .hp-listIcon-texts-wrap.hp-tick-text{flex-direction: column;gap:0;}
    .hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks.hp-colBlk-1{background-size:610px;padding:20px;background-image: url(https://static.hpsmart.com/monetization/hpaip-landing-pages-react-prod/latest/assets/automatic-printer-card.png);
        background-size: cover;height: 574px;}
    .hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks.hp-colBlk-2{padding:20px;min-width: 100%;}
    .hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks.hp-colBlk-3{position: relative;padding:20px;}
    .hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks.hp-colBlk-3 .image-block{position: absolute; left:0;bottom:0}
    .hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks.hp-colBlk-3 .image-block img{height:250px;}
    .hp-allinOne-main .hp-reduceImpct-sectn .hp-reduceImpct-inner {padding: 20px;}

    .hp-allinOne-main .hp-howPlan-sectn .hp-howPlan-inner .hp-howPlan-blockWrap .hp-howPlan-block{max-width: 234px;width: 100%;}
/*    .swiper .hp-howPlan-block{height: 574px !important;gap: 0px !important;}*/
    .swiper .hp-howPlan-block.hp-howBlock-1 .image-block, .swiper .hp-howPlan-block.hp-howBlock-2 .image-block, .swiper .hp-howPlan-block.hp-howBlock-3 .image-block, .swiper .hp-howPlan-block.hp-howBlock-4 .image-block{margin-bottom: 12px;}
    .fa-plus::after, .fa-minus::after{right: max(16px, 50% - 672px);}
    .hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks h5{margin-top:0;}
  .hp-allinOne-main .hp-compPrinter-sectn .hp-compPrint-inner .compPrintr-blk-hd{margin-top:0;}
  .hp-cPrintHeader-wrap h2{padding-top:40px; color: #fff}
  .hp-allinOne-main .hp-faq-sectn .hp-faq-inner h2{padding:30px 20px 20px;}
  .modal-wrap{max-height:inherit !important;}
  .modal-inner{width:90%;overflow-y: auto;}
  .modal-body .hp-howPlan-blockWrap{flex-wrap:wrap}
  .modal-body .hp-howPlan-blockWrap .hp-howPlan-block{width:100% !important;max-width: 100% !important;}
  .modal-body .hp-howPlan-block .hp-howBlock-hd {
    align-items: center;
}
.modal-body .hp-howPlan-block.hp-howBlock-1 .image-block {
  max-width:26px !important;
}
.modal-body .hp-howPlan-block.hp-howBlock-3 .image-block {
  max-width:40px !important;
}
  }
  @media (min-width:600px) and (max-width:767px){
    .image-right.image-block{max-width:120px !important;top:-70px;right:0;}
    .modal-wrap{max-height:inherit !important;}
  }
@media (max-width:820px){
    .hp-allinOne-main .hp-colorBlocks-sectn {
        flex-wrap: wrap;
    }
    .hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks.hp-colBlk-2{width:100%;}
    .hp-allinOne-main .hp-howPlan-sectn.hp-all-transpBG .hp-howPlan-inner h2{padding:20px;}
    .hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks.hp-colBlk-1, .hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks.hp-colBlk-2, .hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks.hp-colBlk-3{padding:20px;}
    .hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks.hp-colBlk-1 .image-block, .hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks.hp-colBlk-2 .image-block, .hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks.hp-colBlk-3 .image-block{max-width:100%;margin:auto;}
    .hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks.hp-colBlk-1{background-image: url(https://www.hp.com/wcsstore/hpusstore/Treatment/cvPages/hpAip/images/automatic-printer-tablet.jpg);
        background-size:900px;
        background-position: center;}
        .modal-wrap{max-height:inherit !important;}
}
@media (max-width:912px){
    .hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner.mobl-view{display:flex;}
    .hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner.desktp-view{display:none;}
    .hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-allBanner-left{flex-basis: 100%;gap:20px;}
    .hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-hero-banner{width:100%;height:224px;}
    .hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-hero-banner::before{left:0;}
    .hp-allinOne-main .button-lg{max-width: 100%;}
}
@media (max-width:991px){
  .hp-allinOne-main .accord-set .table-wrap{margin:0 auto;box-sizing: border-box;width: 93%;}
}
@media (min-width:768px) and (max-width:912px){
    .hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-hero-banner{width:100%;height:324px;}
    .hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-allBanner-left .hp-listIcon-texts-wrap.hp-tick-text{justify-content: center;}
    .hp-allinOne-main .hp-howItWrk-sectn .hp-howItWrk-inner{padding:9px 20px;}
    
}
@media (min-width:821px) and (max-width:911px){
    .hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks.hp-colBlk-1{background-position-y: bottom;
        background-size:405px;
        background-repeat: no-repeat;}
        .hp-allinOne-main .hp-howPlan-sectn.hp-all-transpBG .hp-howPlan-inner h2{padding:20px;}
}
@media (max-width:1023px){
  .hp-howItWrk-sectn.hp-allInO-white{padding: 12px max(1px, 50% - 760px);}
  .hp-howItWrk-sectn .hp-howW-wrap.desktp-view{display: none;}
    .hp-howItWrk-sectn .hp-howWaccord.mobl-view{display: block;position: absolute;
        left: 0;
        padding: 0 0px;z-index: 0;}
    .hp-howItWrk-sectn .hp-howItWrk-inner{position:relative;padding: 20px 0 20px 20px;justify-content: end;}
    .hp-howItWrk-sectn .hp-howWaccord{
        position: relative;
        max-width: 500px;
        width:100%;
        height: auto;
        margin:0;
      }
      .hp-howItWrk-sectn .hp-howWaccord .set{
        position: relative;
        width: 100%;
        height: auto;
        background-color: #fff;
      }
      .hp-howItWrk-sectn .hp-howWaccord .set > a{
        display: block;
        padding: 5px 20px 5px 0;
        text-decoration: none;
        color: #000;
        font-size: clamp(1rem, 3.7vw, 1.25rem);line-height: 1.1;font-weight: 400;
        -webkit-transition:all 0.2s linear;
        -moz-transition:all 0.2s linear;
        transition:all 0.2s linear;
      }
      .hp-howItWrk-sectn .hp-howWaccord .set > a i{
        float: right;
        margin-top: 2px;
      }
      .hp-howItWrk-sectn .hp-howWaccord .set > a.active{
        color:var(--hp-allInO-blue);
      }
      .hp-howItWrk-sectn .hp-howWaccord .set .content{
        background-color: #fff;
        border-bottom: 1px solid #ddd;
        display:none;
        position: absolute;
        padding:0px;
        top:43px;
        width:100%;
      }
      .hp-howItWrk-sectn .hp-howWaccord .set .hp-howW-wrap{display:flex;flex-direction: column; gap:0px;}
      .hp-howItWrk-sectn .hp-howWaccord .set .hp-howW-wrap a.hp-howW-link.active::after{content:none;}
      .hp-howItWrk-sectn .hp-howWaccord .set .hp-howW-wrap a.hp-howW-link{padding:6px 20px;}
      .button-sm{z-index: 1;}
    .hp-allinOne-main .hp-reduceImpct-sectn .hp-reduceImpct-inner{flex-wrap: wrap;justify-content: center;}
    .hp-allinOne-main .hp-reduceImpct-sectn .hp-reduceImpct-inner .hp-rImpct-info{flex-basis: 100%;}
    .hp-allinOne-main .hp-reduceImpct-sectn .hp-reduceImpct-inner .hp-rImpct-image {flex-basis: 100%;display: flex;justify-content: center;}
    .hp-howItWrk-sectn .hp-howWaccord .set > a .fa-plus::after, .hp-howItWrk-sectn .hp-howWaccord .set > a .fa-minus::after {right: unset;
      left: max(148px, 50% - 100%);}
      .hp-allinOne-main .mobile-swiper{display:block;}
      .hp-allinOne-main .desktp-view{display: none;}
      .swiper .hp-howPlan-block{width: 100%;
        box-sizing: border-box;
        min-height: 450px;gap: 15px;}
          .hp-howPlan-inner h2{font-size: clamp(1.7rem, 3.7vw, 5rem);line-height: 1.1;text-wrap: pretty;padding:20px;width: 100%;
            box-sizing: border-box;}
            .swiper-button-next, .swiper-button-prev{
              top: var(--swiper-navigation-top-offset, 5.3%);
            }
            .swiper-button-prev{
              left: unset;
              right: 49px;
            }
            .hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-allBanner-left{flex-basis: 100%;}
            .hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-allBanner-left .hp-listIcon-texts-wrap.hp-tick-text {
              justify-content: center;
          }
          .hp-allinOne-main .button-lg {
            max-width: 100%;
        }
        .hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-hero-banner {
          width: 100%;
          height: 254px;
          margin: auto;
      }
      .hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-allHbanner-right.desktp-view{display: none;}
}
@media (min-width:1024px){
  .hp-hero-banner.mobl-view{display:none;}
  .hp-cPrint-nav{display:none;}
}
@media (max-width:1024px){
  .hp-cPrint-nav{display: flex;align-items: flex-end;gap: 20px;}
  .hp-cPrint-nav a{font-size: 0;color:#4759f5;text-decoration: none;
    background-color: #FFF;
    min-width:34px;
    max-width:34px;
    min-height: 34px;
    max-height: 34px;
    border-radius: 100%;}
  .hp-cPrint-nav a:visited{color:#FFF;}
  .hp-cPrint-nav a.tleft:after {
    content: 'prev';
}
  .hp-cPrint-nav a.tright:after {
    content: 'next';
}
.hp-cPrint-nav a.tright:after, .hp-cPrint-nav a.tleft:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  color:#4759f5;
  padding: 10px 10px;
  line-height: 34px;
}
.hp-allinOne-main .itEasy-sectn h2{padding:20px;}
  .itEasy-points-wrap {padding:16px max(20px, 50% - 684px) 16px;gap:5px;}
  .itEasy-info-wrap {
    padding: 0px 0px 0 30px;
}
  .itEasy-points-wrap p{margin-top:8px;width:100%;}
  .hp-allinOne-main .itEasy-sectn .itEasy-sectn-inner{padding:0 0 20px 0px;}
  .modal-inner{width:90%;overflow-y: auto;}
  .modal-body .hp-howPlan-sectn.mobl-view {
    display: block;
}
.modal-body .hp-howPlan-block .hp-howBlock-hd{flex-direction: row;flex-wrap: wrap;}
.modal-wrap{max-height:60%;}
.modal-wrap{max-height:inherit !important;}
/* -------------------------------- */
.hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-hero-banner::before {
  inset: 0px 0px 0px -2px !important;
}
.chsPrintr-sectn {
  padding: 0 20px 26px !important;
}
}
@media (min-width:768px) and (max-width:1024px){
  .hp-cPrintHeader-wrap h2{margin-top:40px}
  .itEasy-points-wrap p{margin-top:8px;width:80%;}
  .image-right.image-block{max-width:250px;right:0;}
  .itEasy-points-wrap:nth-child(2) .itEasy-info-wrap p, .itEasy-points-wrap:nth-child(3) .itEasy-info-wrap p {
    width:60%;
}
}
@media (min-width:912px) and (max-width:1024px){
    .hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks.hp-colBlk-1{background-position-y: bottom;
        background-size:478px;
        background-repeat: no-repeat;}
}
@media (min-width:821px) and (max-width:1500px){
  .hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks.hp-colBlk-1{min-width: 32%;background-size: cover;background-position:100% 100%;}
  .hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks{height: 710px;}
    .hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks.hp-colBlk-2{min-width: 35%;}
    .hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks.hp-colBlk-2 .image-block{padding-top: 90px;width: 260px;margin:auto}
    .hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks.hp-colBlk-1, .hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks.hp-colBlk-2, .hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks.hp-colBlk-3{padding:20px;}
}
@media (min-width:1024px) and (max-width:1400px){.hp-howItWrk-sectn.hp-allInO-white{padding: 12px max(20px, 50% - 760px);}}
@media (min-width:1025px) and (max-width:1280px),(min-width:1281px) and (max-width:1400px){
    .hp-allinOne-main .hp-colorBlocks-sectn .hp-colorBlocks.hp-colBlk-1{
        background-size:cover;
        background-repeat: no-repeat;}
        .modal-wrap{height:inherit;top: -5%;}
}
@media (min-width:1281px) and (max-width:1500px){
  .itEasy-points-wrap p{margin-top:8px;width:80%;}
  .image-right.image-block{max-width:400px;top:-75px;right:0;}
  .itEasy-points-wrap:nth-child(2) .itEasy-info-wrap p, .itEasy-points-wrap:nth-child(3) .itEasy-info-wrap p {
    width:70%;
}
.itEasy-points-wrap {padding:16px max(35px, 50% - 684px) 16px !important;gap:5px;}
.modal-wrap{height:inherit;top: -5%;}
/* ---------------------------------------------------- */
.chsPrintr-sectn {
  display: flex;
  padding: 0 20px 0px;
}
}
@media (min-width:1025px) and (max-width:1280px){
  .hp-compPrint-inner{grid-template-columns:390px 390px 390px !important;}
  .fa-plus::after, .fa-minus::after{right: max(30px, 50% - 672px);}
  .hp-cPrint-nav{display: none;}
  .itEasy-points-wrap p{margin-top:8px;width:80%;}
  .image-right.image-block{max-width:300px;top:16px;right:0;}
  .itEasy-points-wrap:nth-child(2) .itEasy-info-wrap p, .itEasy-points-wrap:nth-child(3) .itEasy-info-wrap p {
    width:60%;
}
.modal-wrap {
  max-height: inherit !important;
}
/* --------------------------------------------- */
.hp-compPrint-inner{grid-template-columns:390px 390px 390px 390px !important;}
}
@media (max-width:1280px){
  .hp-allinOne-main .hp-compPrinter-sectn{overflow: unset;}
  .hp-allinOne-main .hp-compPrinter-sectn .hp-compPrint-inner .compPrintr-blk-hd{margin-top: 00px;}
  .hp-allinOne-main .hp-faq-sectn .hp-faq-inner h2{padding:20px 20px 20px}
    .hp-allinOne-main .hp-reduceImpct-sectn .hp-reduceImpct-inner{padding:20px;}
    .hp-allinOne-main .hp-compPrinter-sectn.desktp-view{display: none;}
  .hp-allinOne-main .hp-compPrinter-sectn.mobile-swiper{display: block;}
  .hp-cPrint-block{
    display:flex;
    flex-direction: column;
    align-items: center;
    gap:20px;
    color:#fff;
    padding: 20px;
  }
  .hp-cPrint-block .hp-cPrint-headings{display:flex;flex-direction: column;gap:12px;border-top:1px solid #fff;border-bottom:1px solid #fff;padding:10px 0;width: 100%;}
  .hp-cPrint-block .hp-cPrint-headings h3{font-size: clamp(1.5rem, 3.7vw, 2.5rem);
    box-sizing: border-box;
    line-height: 1.1;}
    .hp-cPrint-block .hp-cPrint-headings .h4{font-size: clamp(1rem, 3vw, 1.4rem);
    line-height: 1.1;
    text-align: left;}
    .hp-cPrint-block .image-block {
      max-width: 345px;
      margin-top:0px;
  }
  .hp-cPrint-block p{
    font-size: 18px;
line-height: 24px;
text-align: left;
margin:0px;
  }
  .hp-cPrint-block .hp-cPprice-block{display:flex;flex-direction: column;width:100%;}
  .hp-cPrint-block .hp-cPprice-block .price{font-size:32px;
    line-height: 1.1;
    text-align: left;
    margin-bottom: 12px;}
    .hp-cPrint-block button {
      width: 100%;
  }
  .hp-cPrint-block .button-outline-md{
    width: 100%;
    margin-bottom: 18px;
  }
  .btn-wrapper{display:flex;flex-direction: column;width: 100%;}
  .print-pBlock{align-items: center;border-bottom:0 !important;padding:10px 0 0;}
  .hp-compPrint-inner{
    grid-template-columns: 300px 300px 300px;
    padding: 0 20px;
    overflow: auto;
  }
  .hp-cPrintHeader-wrap{display: flex;justify-content: space-between;padding: 20px;}
  .hp-cPrintHeader-wrap h2{font-size: clamp(1.5rem, 3.7vw, 2.5rem);
    box-sizing: border-box;
    line-height: 1.1;
    text-wrap: pretty;}
  .compPrintr-blk-bordrText{border-bottom: 1px solid rgb(167, 180, 255);border-top:0;}
  .bordered-txt-para{border-top: 1px solid rgb(167, 180, 255);text-align: center;}
  .hp-allinOne-main .hp-compPrinter-sectn{padding: 20px 0;}
  /* -------------------------------------------------- */
  .hp-compPrint-inner{
    grid-template-columns: 300px 300px 300px 300px;
    padding: 0 20px;
    overflow: auto;
  }
  .chsPrintr-sectn {
    display: flex;
    padding: 0 20px 26px;
}
}
@media (max-width:1400px){
	.hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-allHbanner-right{align-items: flex-start;}
	
    .hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner{padding: 20px;}
    .hp-allinOne-main .hp-faq-sectn .hp-faq-inner h2{padding:50px 20px 20px;}
    .hp-allinOne-main .accord-set > h3, .hp-allinOne-main .disclm-sectn .accord-set > h3{padding: 20px max(20px, 50% - 648px);}
    .hp-allinOne-main .content p{padding:0px max(20px, 50% - 648px) 20px;}
    .hp-allinOne-main .disclm-sectn .content ol{padding:0px max(31px, 50% - 648px) 20px;}
    .hp-allinOne-main .hp-howPlan-sectn .hp-howPlan-inner h2{padding: 20px;}
    .hp-compPrint-inner{
      padding: 0 20px;
    }
    .hp-allinOne-main .itEasy-sectn h2{padding:20px;}
  .itEasy-points-wrap {padding:16px max(20px, 50% - 684px) 16px;gap:5px;}
  .itEasy-info-wrap {
    padding: 0px 0px 0 30px;
}
  
  .hp-allinOne-main .itEasy-sectn .itEasy-sectn-inner{padding:0 0 20px 0px;}
  /* ------------------------------ */
  .chsPrintr-sectn{padding:0 20px 0px;}
  .hp-compPrint-inner{
    padding: 0 20px;
    overflow: auto;
  }
}
@media (min-width:913px) and (max-width:1400px){
    .hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-allBanner-left .hp-listIcon-texts-wrap.hp-tick-text{gap: 7px;flex-wrap: wrap;}
    .hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-hero-banner{width:100%;height:424px;}
    .hp-allinOne-main .hp-allBanner-sectn .hp-allBanner-inner .hp-hero-banner::before{inset: 0 0px -50px 0px;background-position:center bottom;}
    .hp-allinOne-main .hp-howItWrk-sectn .hp-howItWrk-inner{padding:9px 20px;}
    .hp-allinOne-main .hp-howPlan-sectn.hp-all-transpBG .hp-howPlan-inner h2{padding:20px;}
    .hp-allinOne-main .hp-reduceImpct-sectn .hp-reduceImpct-inner{padding:20px;}
}
@media (max-width:1515px){
  .hp-howItWrk-sectn.hp-allInO-white{
    padding: 12px max(20px, 50% - 760px);
  }
  
}
@media (min-width:1500px) and (max-width:1920px){
  .modal-wrap{height:102%;top: -4%;}
}