@charset "utf-8";
/* CSS Document */


.colored-bg,
.bg-info {
	background-color: #007DBD !important;
}

.text-justify {
	text-align: justify !important;
}

.btn-primary {
	background-color: #007DBD !important;
}

.w-90 {
	width: 90% !important;
}

.w-md-90 {
	width: 100%;
}

.font-normal {
	font-weight: 400 !important;
}

.font-bold {
	font-weight: 900 !important;
}

.font-medium {
	font-weight: 600 !important;
}

.list-none {
	list-style: none;
	padding: 0;
	margin: 0;
}

@media screen and (min-width:801px) {
	.w-md-90 {
		width: 90% !important;
	}
}

.text-xs {
	font-size: 0.7rem !important;
}

.text-sm {
	font-size: 0.8rem !important;
}

.text-lg {
	font-size: 1.2rem !important;
}

.text-xl {
	font-size: 1.4rem !important;
}

.navbar-brand {
	display: block;
	/* max-height: 60px; */
}

.navbar-brand img {
	display: block;
	max-height: 60px;
}

#hero {
	width: 100%;
	min-height: 300px;
	/* background-size  : cover; */
}

.how-to {
	width: 100%;
	min-height: 300px;
	background-image: url('../../images/hero_bg.png');
	background-repeat: repeat;
	/* background-size  : cover; */
}

.hero-head,
.heading-border-bottom {
	border-bottom: 2px solid #007dbd;
}


.cta-head {
	color: #007DBD;
	border-bottom: 2px solid #007dbd;
}


.load-img {
	display: inline-block;
	max-width: 100%;
}

.overlay-bg {
	background-color: rgba(0, 0, 0, 0.8);
}

.copyright {
	background-color: #000;
}

.bg-faded-black {
	background: rgba(0, 0, 0, 0.2);
}

.btn.bg-faded-black {
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.form-control {
	line-height: 2;
	margin-top: 5px;
}

label {
	font-weight: bold;
}

.logo-img {
	max-height: 60px;
}


.footer-links li a {
	white-space: nowrap;
	color: #fff;
	text-decoration: none;
}

.footer-links li a:hover {
	text-decoration: underline;
}

#whereis-printer-model-label {
	position: relative;
	display: inline-block;
}

#whereis-printer-model-label span {
	display: none;
	bottom: 30px;
	left: 10px;
	position: absolute;
	background: #fff;
	color: #000;
	padding: 20px;
	border-radius: 20px;
	z-index: 20;
}

#whereis-printer-model-label:hover span {
	display: block;
}

#devicenotlisted {
	position: relative;
}

#devicenotlisted span {
	display: none;
	bottom: 90%;
	position: absolute;
	background: #fff;
	color: #000;
	padding: 20px;
	border-radius: 10px;
	z-index: 20;
	width: 100%;
	min-width: 250px;
	left: 10px;
}

#devicenotlisted:hover span {
	display: block;
}


.buyNowBtn{
	background: #ffc439!important;
	column-gap: 10px;
	align-items: center;
  }
  .buyNowBtn span{
	text-align: center;
	color: #002E80 !important;
	text-transform: none;
	font-weight: bold;
  }
  .buyNowBtn img{
	height: 20px;
	width: auto!important;
	margin-bottom: 0!important;
  }
  
  .buyNowBtn:hover{
	filter: brightness(0.95);
  }

  .prodct-img{
	display: block;
	max-width: 100%;
	width: 100%;
	height: 220px;
	object-fit: contain;
	background: #efefef;
  }
  .price{
	display: block;
	font-weight: bold;
	font-size: 16px;
	color: #3B566E;
	margin-top: 20px;
	letter-spacing: 0.69px;
	margin-bottom: 5px;
	position: relative;
	z-index: 3;
  }
  .price .old{
  text-decoration: line-through;
  opacity: 0.7;
  }
  

  .prdct-details .heading{
	position: relative;
	display: flex;
	justify-content: start;
	align-items: start;
	column-gap: 20px;
  }

  /* .prdct-details .heading .close{
	position: absolute;
	top: 0;
	right: 0;
  } */

  .prdct-details .thumb{
	width: auto;
	max-width: 100%;
	max-height: 50px;
  }

  #hero {
	width            : 100%;
	height           : auto;
	background-image : url('../../images/hero_bg.png');
	background-repeat: no-repeat;
	background-size  : cover;
}

.banner-img{
	position: absolute;
	top: 50vh;
	right: 5%;
}
.banner-img img{
	max-height: 300px;
}


.navbar-brand {
	display   : block;
	max-height: 60px;
}

.navbar-brand img {
	display: block;
	height : 60px;
}

.nav-link {
	/* font-family: "HP Simplified Light" !important; */
	font-weight: 700;
	margin     : 0 15px;
	color      : #5a5a5a;
}

.nav-link{
	font-size: 1rem!important;
}
