@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

* {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}a, abbr, acronym, address, applet, aside, b, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, ins, kbd, label, legend, li, main, object, ol, p, pre, q, s, samp, section, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, ul {margin: 0;padding: 0;text-decoration: none;}html {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.cls {clear: both;}body {font-family: Lato, sans-serif;}img {max-width: 100%;vertical-align: bottom;border: none;}li, ol, ul {list-style: none;}#page-warpper {width: auto;}h1 {font-size: 23px;font-weight: 700;margin-bottom: 13px;}.sec-title h1, .sec-title h2, .sec-title h3, .sec-title h4, .sec-title{color:#000!important;}.sec-title h1 span, .sec-title h2 span, .sec-title h3 span, .sec-title h4 span{color:#0096d6;}h1, h2, h3, h4, h5, h6 {font-size: 22px;font-weight: 700;padding: 5px 0;color: #000;}section.faq {background: #baebff;padding: 50px 0;}.artical-home ul li {margin: 0px 0;line-height: 22px;text-align: justify;font-size: 15px;position: relative;margin-left: 20px;}.artical-home ul li:before {content: "";width:7px;height:7px;border-radius:50px;position: absolute;top:7px;left: -15px;background: #0097d6;font-weight: 700;}.why-choosh ul li {background: #0097d6;margin-bottom: 11px;text-align: center;font-size: 19px;color: #000;padding: 13px 3px;border: 1px solid #fff;}aside.side-bar h3.title {text-align: center!important;background: #000!important;color: #fff!important;padding: 10px 0;text-transform: uppercase;}aside.side-bar ul li:before {display: none;}aside.side-bar ul li:hover {background: #000;transition: 1s;color: #fff;text-decoration: none;border-right: 6px solid #0097d6;}aside.side-bar a:hover {text-decoration: none;}aside.side-bar ul li {background: #0097d6;padding: 7px 9px;margin: 4px 0;border-right: 5px solid #000;font-size: 15px;font-weight: 700;color: #000;text-transform: capitalize;}.dropdown-menu.show {padding: 0;}p {text-align: justify;line-height: 22px;font-size:15px;margin: 7px 0;}h1 span {color: #000;}.ser-box h3 {text-transform: capitalize;font-size: 21px;color: #fff!important;}.heading {text-align: center;font-size: 22px;font-weight: 700;margin-bottom: 60px;text-transform: uppercase;}li.nav-item {margin: 0 4px!important;font-weight: 700;font-size: 15px;}a.dropdown-item:hover {background: #000;color: #fff;transition: 1s;}a.dropdown-item {background: #0097d6;margin-bottom: 1px;}header {border-top: 4px solid #0097d6;}.btn-main {background: #0097d6;color: #fff;}a.btn.btn-link.btn-main:hover {text-decoration: none;color: #000;}.ser-box {text-align: center;}.why-choosh {background: #000;color: #fff;padding: 70px 0;}.ser-box {border: 1px solid #fff;padding: 38px 14px;}.service-hare a {color: #fff;}.service-hare a:hover {color: #fff;text-decoration: none;}.service-hare .ser-box {background: #0097d6;margin-bottom: 29px;color: #fff;line-height: 50px;margin-bottom: 24px;font-size: 31px;border: 5px double #000;}section.artical-home {padding: 10px 0;}.disclmer {background: #000;color: #fff;padding: 50px;}.disclmer .heading{margin-bottom:20px!important;}.copyright{border-top: 2px solid #646464;padding:12px 0px;}.copyright a {color: #fff;}.copyright {background: #0097d6;color: #fff;}.main-footer {background: #0097d6;color: #fff;padding-top: 24px;padding-bottom: 30px;}.copyright {background: #162533;}li.title-fotter {font-size: 21px;text-transform: uppercase;color: #000;font-weight: 700;margin-bottom: 19px;}li.title {text-transform: uppercase;font-size: 23px;margin-bottom: 30px;}.main-footer a {color: #fff;}li.title {position: relative;}li.title:before {content: "";width: 19%;background: #000;height: 4px;position: absolute;top: 31px;border-radius: 50%}.main-footer a:hover {color: #000;transition: 1s;text-decoration: none;}li.nav-item {margin: 0 11px;font-weight: 700;font-size: 16px;}heading {position: relative;}h2.heading:before {content: "";width: 100px;background: #0097d6;height: 2px;position: absolute;top: 0;left: 45%;right: 0;display: inline-block;}h2.heading:after {content: "";width: 100px;background: #0097d6;height: 2px;position: absolute;top: 31px;left: 45%;right: 0;display: inline-block;}.page-cover {color: #fff;padding: 100px 0;text-align: center;background: #0097d6!important;}.service-hare .ser-box:hover {background: #000;}.page-cover h1 {font-size: 31px;color: #fff!important;}.box-contact {background: #fff;padding: 50px 0;box-shadow: -1px 3px 5px 0 rgba(0, 0, 0, .75);}.box-contact i {font-size: 35px;color: #0097d6;}.box-contact p {text-align: center;}.call-now {width: 300px;transition: 1s;height: 36px;position: fixed;right: -248px;bottom: 10%;line-height: 36px;}.call-now:hover {right: -48px;transition: 1s;}.call-now i {width: 50px;height: 50px;background: #0097d6;line-height: 50px;border-radius: 50%;text-align: center;color: #fff;font-size: 29px;animation-name: example;animation-duration: 4s;animation-iteration-count: infinite;}.call-now span {background: #000;color: #fff;font-weight: 700;font-size: 23px;padding: 2px 12px;}@keyframes example {0% {background-color: red;}25% {background-color: #ff7bda;}50% {background-color: #00f;}100% {background-color: green;}}a.dropdown-item {background: #0097d6;margin-bottom: 1px;text-transform: capitalize;padding: 5px 6px;font-weight: 700;}.dropdown-menu.show {margin-top: 14px;}.img-caption a {color: #000;}.img-caption {background: #0097d6;text-align: center;padding: 10px 0;}.img-caption h3 a:hover {text-decoration: none;}.img-caption {display: none;}a.btn.btn-cu.btn-block {font-weight: 700;background: #0097d6;color: #fff;}aside.post_hare {background: #d4d6d7;margin-bottom: 15px;}aside.post_hare ul li:before {display: none;}aside.post_hare .bg-primary {background-color: #007bff!important;color: #fff;}aside.post_hare h3 {background: #0097d6;padding: 12px;color: #fff!important;margin-bottom: 0!important;}.blog-details {background: #fdfcfc;padding: 9px;}img.img-fluid.news-img-sm {float: left;border-radius: 9px;}.blog-v-sec .blog-title-hare {background: #0097d6;color: #fff!important;padding: 10px 4px;font-size: 18px;margin: 0;}.blog-v-sec {margin-bottom: 25px;border: 1px solid #e4dfdf;}.blog-v-sec a.btn.btn-link {background: #0d1012;color: #fff;border: 1px solid #ccc;text-decoration: none;margin-top: 11px;}ul.blog-info li {display: inline-block;margin-left: 17px;}ul.blog-info li:first-child {margin: 0;}.main-footer ul li {background: #3bc1f9;padding: 7px 17px;width: 15%}.blog-capton-hare {background: #f0f3f9;padding: 12px;}.blog-img-aa {width: 100%;height: 218px;}news-caption-sm {float: right;}img.img-fluid.news-img-sm {float: left;width: 75px;height: 75px;margin-right: 11px;}.news-caption-sm h6 {font-size: 18px;}ul.latest-news li {border-bottom: 2px solid #ccc;padding: 11px 6px;}aside.post_hare li {margin: 0;}li.nav-item:hover, .li.nav-item:active{color:#0096d6;}.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {color: #0096d6;}.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #0096d6;}.menufix {position: fixed;right: 0px;left: 0px;background: #fff;top: 0px;width: 100%;z-index: 9999;box-shadow: 1px 1px 2px #000;}.navbar-light .navbar-nav .nav-link{color:#000;}.navbar-light .navbar-nav .nav-link:active{color:#0096d6;}.navbar-light .navbar-nav .nav-link:hover{color:#0096d6;}@media (max-width:767px){.slider .carousel-inner .carousel-item img{height:300px!important;}.slider .carousel-caption{top:26%!important;left:-31%!important;}.slider .carousel-caption h1{font-size:28px!important;line-height:30px!important;}}

.inner-banner img{min-height:350px;}




.middle-header{margin-top:0px; min-height:45px;}
.middle-header {padding:10px 0px;}
.middle-header ul li a{color:#fff;}   
.middle-header .pull-left{position:relative; left:30px;} 
.middle-header .pull-right{position:absolute; right:30px;}



#stickymenu .navbar-expand-lg{padding:0px;}



p, ul, ol a{font-size: 18px;
    font-weight: 300;
    font-family: "Dosis",sans-serif;
    line-height: 28px;
}

.section-title span{color:#43c3ea;}

.section-title h1{margin-top: 0;
    font-size: 34px;
    font-weight: 600;
    line-height: 41px;
    padding-bottom: 17px;}
	
	
.section-title h2{margin-top: 0;
    font-size: 28px;
    font-weight: 600;
    line-height: 41px;
    padding-bottom: 17px;}

.about-img {
    background-color: #ffffff;
    box-shadow: 0px 0px 5px 0px #03506f;
    padding: 13px;
    position: relative;
}
.about_who:after {
    content: '';
    position: absolute;
    right: -26px;
    top: -27px;
    width: 100%;
    height: 100%;
    background: #0098d6;
    z-index: -1;
}



.hp-home {margin-top:30px;}

.hp-printer2 .box-item{margin-top:25px;}
.hp-printer2 .box-item .head p{font-size:25px; line-height:34px; text-align:center;font-weight: 500; padding-bottom:15px;}
.hp-printer2 .box-item .detail p {font-size:18px; line-height:30px;}

.hp-printer2 .box-item {
    height: 375px;
    border: 1px solid #0e88adcc!important;
    box-shadow: 5px 5px #33a5c7!important;}
	
.hp-printer2 .box-item:hover{background:#fff; transition:0.5s; margin-top:10px;}


.error-code {padding: 60px 0 250px;
    background-image: url(https://www.hpprintersupportpro.net/images/hp-printe.webp);
    background-repeat: no-repeat;
    background-size: cover;
    margin: 80px 0 60px;}	
	
.isue-hp-boxes {
    background: #20b1f5;
    padding: 25px 35px;
    border-radius: 15px;
    box-shadow: rgb(100 100 111 / 13%) 0px 7px 29px 0px;
    margin-top: -270px;
    border: 5px solid #021953;
}	

.isue-hp-boxes:hover{background: #021953;
    border: 5px solid #20b1f5;
	transition: 400ms ease-in-out;}
	
.isue-hp-boxes ul li i{margin-right:10px;}


 


.hp-support .seven-way-boxes {
   float: left;
   width: 100%;
    margin-top: 50px;
    background: #20b1f5;
}

.hp-support .seven-design-box-right {
    width: 25%;
    padding: 30px 0px 10px 35px;
    float: left;
}

.hp-support .seven-design-box-right span {
    font-size: 50px;
    color: #b3e4fc;
    font-weight: 800;
    font-family: 'Poppins';
}


.hp-support .seven-design-box-right h3 {
    font-size: 32px;
    font-weight: 600;
    color: #ffff;
    margin-top: 12px;
}

.hp-support .seven-design-left-b {
    background: #021953;
    border: 40px solid #fff;
    border-top: 25px solid #fff;
    border-bottom: 25px solid #fff;
    border-radius: 400px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 20px solid #fff;
    position: relative;
    float: left;
    width: 75%;
}

.hp-support .seven-design-left-b::after {
    content: '';
    position: absolute;
    width: 11px;
    height: 100%;
    background: #021953;
    right: -18px;
    top: 0;
}

.hp-support .seven-design-left-b .row {
    align-items: center;
}

.hp-support .sevn-deign-para {
    margin-left: 50px;
}

.hp-support .sevn-deign-para p{
    color: #fff;
}

.hp-support .seven-deig-img img {
    padding: 30px 13px 25px 0px;
    width: 300px;
    float: right;
}

.hp-support .my-seven-secnd .seven-design-left-b{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 400px;
    border-bottom-right-radius: 400px;
    background: #20b1f5;
}

.hp-support .my-seven-secnd .sevn-deign-para {
    margin-left: 0px;
    margin-right: 30px;
}

.hp-support .my-seven-secnd .seven-deig-img img {
    padding: 30px 0px 25px 15px;
 
}

.hp-support .my-seven-secnd .seven-design-left-b::after{
left: -18px;
right: initial;
background: #20b1f5;
}

.hp-support .my-seven-secnd{
    background: #021953;
}

.hp-support .my-seven-secnd .seven-design-box-right span {
    color: #9aa3ba;
    text-align: right;
    display: block;
    margin-bottom: 25px;
    margin-right: 30px;
}
.hp-support .my-seven-secnd .seven-design-box-right h3{
    margin-top: 12px;
    text-align: right;
    margin-right: 30px;
}

.hp-support .extra-pdd .seven-design-left-b{
    padding: 20px 0px 15px 30px;
}

.hp-support .seven-way-boxes ol {
    padding-left: 15px;
}

.hp-support .seven-way-boxes ol li{
    color: #fff;
}

.bg-b {
    background-image: linear-gradient(to right, #000 0%,#0098d6 36%,#0098d6 65%,#000 100%);
}
.text-animation {
    font-weight: bold;
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 6s infinite linear;
}
@keyframes hue {
from {background-position:0 0;  }
to {background-position: 2000px 0;} }




.hp-phone .box-item {min-height:380px; box-shadow: 9px 7px 0px 6px #20b1f5; color:#fff; text-align:center; border-radius: 50% 0% 10% 0%; background:#021953;} 
.hp-phone .box-item:hover{background:#20b1f5; box-shadow: 9px 7px 0px 6px #021953; transition: 500ms ease-in-out; border-radius: 10% 0% 50% 0%;}



.hp-chat .serviceBox{
    color: #000;
    
    text-align: center;
    padding: 5px;
    margin-top: 25px;
    border: 2px solid #20b1f5;
    border-top: 2px dashed #20b1f5;
    border-right: 2px dashed 20b1f5;
    border-radius: 100px 0;
    position: relative;
    z-index: 1;
}
.hp-chat .serviceBox:before,
.hp-chat .serviceBox:after{
    content: "";
    background: #1e3698;
    width: 100px;
    height: 100px;
    border-radius: 100px 0 0 0;
    position: absolute;
    top: -6px;
    left: -6px;
    z-index: -2;
}
.hp-chat .serviceBox:after{
    border-radius: 0 0 100px 0;
    top: auto;
    bottom: -6px;
    left: auto;
    right: -6px;
}
.hp-chat .serviceBox .service-content{
    background: #fff;
	min-height:240px;
    padding: 30px 15px 40px;
    border-radius: 90px 0;
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
}

.hp-chat .serviceBox .title{
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 10px;
}
.hp-chat .serviceBox .description{
    color: #000;
    font-size: 17px;
    line-height: 25px;
    margin: 0;
}


@media only screen and (max-width: 1199px){
    .hp-chat .serviceBox{ margin: 0 0 30px; }
}







.listar-feature-icon-inner img.listar-image-icon {
    width: 100%;
    height: 100%;
}




.listar-feature-item-wrapper {
  margin-bottom: 120px;
  padding-left: 27px;
  padding-right: 27px;
}

.listar-feature-item {
  height: calc(100% - 20px);
}



.listar-feature-item a {
  position: absolute;
  top: -12px;
  left: 15px;
  width: calc(100% - 30px);
  height: calc(100% + 4px);
  border-radius: 1000px;
  z-index: 10;
}

.listar-feature-with-image .listar-feature-item a:before {
  content: "";
  position: absolute;
  top: -74px;
  left: 50%;
  margin-left: -74px;
  width: 148px;
  height: 148px;
  border-radius: 1000px;
  z-index: 10;
}

.listar-feature-item a:after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  border-radius: 1000px;
  z-index: 10;
  animation: ripple 0.7s linear infinite;
  box-shadow: 5px 5px 10px rgba(163, 177, 198, 0.6),
    -5px -5px 10px rgba(255, 255, 255, 0.5);
}


@keyframes ripple {
  0% {
        box-shadow: 0 0 0 0 rgba(163, 177, 198, 0.3), 0 0 0 1em rgba(163, 177, 198, 0.3), 0 0 0 3em rgba(163, 177, 198, 0.03), 0 0 0 5em rgba(163, 177, 198, 0.01);
  }
  100% {
    box-shadow: 0 0 0 1em rgba(163, 177, 198, 0.3), 0 0 0 3em rgba(163, 177, 198, 0.03), 0 0 0 5em rgba(163, 177, 198, 0.03), 0 0 0 8em rgba(163, 177, 198, 0.01);
  }
}



.listar-feature-item .listar-feature-item-inner {
  padding: 50px 30px;
  border-radius: 6px;
  z-index: 5;
  position: relative;
  height: 100%;
}

.listar-feature-item .listar-feature-item-inner {
  padding-top: 60px;
  padding-bottom: 40px;
}

.listar-feature-item .listar-feature-item-inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.listar-feature-right-border {
  position: absolute;
  
  top: -12px;
  left: 50%;
  overflow: hidden;
}

.listar-feature-items {
	margin-top:100px;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.listar-feature-right-border:before,
.listar-hovering-features
  .listar-feature-item
  a:hover
  ~ .listar-feature-item-inner
  .listar-feature-right-border:before {
  border: 11px solid #2f53bf;
}



.listar-feature-item .listar-feature-block-content-wrapper {
  position: relative;
  display: block;
  text-decoration: none;
  margin: -30px;
  padding: 30px;
  height: calc(100% + 100px);
}

.listar-feature-item.listar-feature-has-link a {
    border-right: solid 12px #43c3ea;
}

.listar-features-design-2 .listar-feature-item-wrapper {
  margin-bottom: 120px;
}

.listar-feature-item.listar-feature-has-link .listar-feature-item-inner:after {
  content: "";
  background-color: #fff;
  z-index: 6;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
}

.listar-feature-icon-wrapper {
  width: 105px;
  height: 105px;
  line-height: 105px;
  border-radius: 500px;
  position: relative;
  background-color: #fff;
  box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.06);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  left: 50%;
  vertical-align: middle;
  margin-left: -74px;
  top: -66px;
  margin-top: -74px;
}

.listar-feature-icon-inner {
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 500px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.14);
  background: #1e3698	;
  animation: ripple 0.7s linear infinite;
}





.listar-feature-item img,
.listar-feature-item i {
  position: relative;
  display: inline-block;
  border-bottom: 0;
  font-size: 40px;
  top: 0;
  padding: 0;
  color: #258bd5;
}

.listar-feature-with-image .listar-feature-content-wrapper {
  top: 0;
}
.listar-feature-content-wrapper {
  position: relative;
  margin-top: -15.5px;
}

.listar-feature-item .listar-feature-item-title {
  padding-top: 0;
  margin: 0 0 30px;
  text-align: center;
  line-height: 1.5;
}

.listar-feature-item
  .listar-feature-item-title.listar-feature-counter-added
  > span {
  margin-left: 0px;
  border-radius: 0 50px 50px 0;
}

.listar-feature-item .listar-feature-item-title > span {
  box-shadow: 15px 20px 30px rgba(80, 80, 80, 0.12),
    5px 0px 40px rgba(80, 80, 80, 0.1);
  padding: 10px 20px;
  display: inline-block;
  position: relative;
  background-color: #fff;
}

.listar-feature-item .listar-feature-item-title > span span {
  box-shadow: 15px 15px 30px rgba(80, 80, 80, 0.2),
    5px 0px 80px rgba(80, 80, 80, 0.15);
  padding: 10px 0;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 30px;
  white-space: nowrap;
  position: absolute;
  top: -3px;
  left: -40px;
  border-radius: 50px;
  background-color: #fff;
}

.listar-feature-item .listar-feature-item-title span {
  display: inline-block;
  font-size: 14px;
  line-height: normal;
  font-weight: 400;
  text-shadow: none;
  border-radius: 50px;
  color: #252525;
  font-size: 18px;
}

.listar-feature-item-excerpt {
  padding: 0 20px;
}

.listar-feature-item-excerpt {
  color: #252525;
  position: relative;
  top: 0;
  width: 100%;
  margin: 0 auto;
  text-align: justify;
}





.hp-support .bg-shape::before {
    position: absolute;
    z-index: 0;
    content: '';
    width: 50%;
    height: 50%;
    background: #007bff;
    background: -webkit-linear-gradient(left, #007bff 0%,#ff1f8e 100%);
    background: linear-gradient(to right, #eb4816 0%,#000 100%);
}

.hp-support .bg-shape::after {
    top: -10px;
    right: -10px;
border-radius: 0px 8px 0px 0px;}


.hp-home2::after{content: "";
    background: url(img/dot_bg.png);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
	z-index: -1;

}


.hp-benefit{background:#e5f3f9;}
.hp-team .item{transform-style: preserve-3d;
    transform: perspective(1000px);
    text-align: center;
	border:2px solid #1e3698;
    min-width: 240px;
    height: 160px;
    padding: 20px 30px;
    
    background: #fff;
    border-radius: 8px 40px 8px 40px;
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
}
.hp-team .item:hover{box-shadow:5px 5px #1e3698; margin-top:-10px; transition:0.5s;}


.accordion-faq .faq-box{margin-bottom:20px;}
.accordion-faq .faq-body{padding: 20px;   border: 1px solid #ccc; margin:0px;}
.accordion-faq .accordion .card-header:after {
  font-family: 'FontAwesome';
  content: "\f068";
  color:#fff;
  float: right;
}
.accordion-faq  .accordion .card-header.collapsed:after {
  content: "\f067";
  color:#fff;
}
.accordion-faq  .accordion .card-header:after {
  font-family: 'FontAwesome';
  content: "\f068";
    color:#fff;
  float: right;
}

.accordion-faq .accordion .fa{position:absolute; right:10px;}


.accordion-faq .card{margin-bottom:20px;}
.accordion-faq .btn-link {
    font-weight: 600;
    color: #fff;
    text-decoration: none;
}
.accordion-faq .card-header {
	padding: 0.75rem 1.25rem;
    background-color: #000;
	border-radius:50px;}
    
    .accordion-faq .card-header .card-title:hover{color:#fff;}
.accordion-faq .card-header .card-title{color:#fff; font-weight:700;}
.accordion-faq .accordion .fa {
  margin-right: 0.5rem;
}
.accordion-faq .accordion button, .accordion button:hover, .accordion button:focus{
  text-decoration: none;
}

.accordion-faq .accordion .faq-body ul li{list-style:disc;}
.accordion-faq .accordion .faq-body ul{padding-left:15px;}

@media(max-width:767px){

.hp-support .seven-design-left-b::after{width:25px;}
.hp-support .seven-design-box-right {
    float: initial;
    width: 100%;}
	.hp-support .seven-design-left-b {
    float: initial;
    width: 100%;
    border: initial;
    border-radius: initial;
}
.hp-support .my-seven-secnd .seven-design-left-b {
    border-radius: initial;}
	.hp-support .seven-deig-img{text-align:center}
	.hp-support .seven-deig-img img{float:initial;}
	.hp-printer2 .box-item{height:auto;}
}


@media (max-width:767px){
	.middle-header{padding: 15px 30px!important;}
	.middle-header .pull-left{position:inherit;}
	.middle-header .pull-right{position:inherit;}
	.middle-header{min-height:110px;}
}