/* common css start */

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    overflow-x: hidden !important;
    font-family: "Lato", sans-serif;
}
a{
    text-decoration: none;
    font-family: "Lato", sans-serif;
}
ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
img{
    vertical-align: middle;
}
.sidebar {
	position: fixed;
	top: 147px;
	left: 0;
	width: 300px;
	height: 100%;
	background-color: #0F683A;
	color: white;
	padding-top: 50px;
	overflow-y: auto;
  padding: 0 5px;
}

.sidebar a {
  color: black;
  padding: 0.75rem 1rem;
  display: block;
  text-decoration: none;
}

.sidebar a:hover {
  background-color: #0F683A;
  color: white !important;
}
.sidebar button:hover {
  background-color: #0F683A !important;
  color: white !important;
}

.content {
	margin-left: 300px;
	margin-top: 65px;
	padding: 83px 0;
  padding-bottom: 0 !important;
}
/* common css end */


/* navbar */
.quikctech-logo img{
    width: 100%;
}
.quicktech-search {
	display: flex;
	padding: 19px 0;
}

#quicktech-navbar {
	padding: 10px 0;
	height: 103px;
  background-color: white;
}
.quikctech-s-input{
    width: 100%;
}
.quikctech-s-input input {
	width: 100%;
	background-color: #e5f3f3;
	border: none;
	padding: 13px;
	border-bottom-left-radius: 7px;
	border-top-left-radius: 7px;
}

.quicktech-search-btn button{
    padding: 13px 17px;
    border:none;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: #0F683A;
    color: white;
}
.quicktech-all-btn {
	padding: 13px;
	border: none;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	background-color: #f5f5f5;
	color: black;
	font-weight: 600;
}
.quikctech-delivery-modal{
    padding-top: 10px;
}
.quikctech-delivery-modall {
	padding: 10px 10px;
	width: 100%;
	border-radius: 4px;
	background-color: #e5f3f3;
	border: none;
}


/* address */
.quicktech-add-address-btn {
    background: none;
    border: none;
    color: darkblue;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 20px;
  }
  
  .quicktech-address-form {
    display: none;
    flex-direction: column;
    gap: 10px;
  }
  
  .quicktech-address-form input,
  .quicktech-address-form select {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100%;
  }
  
  .quicktech-buttons {
    display: flex;
    justify-content: space-between;
  }
  
  .quicktech-close-btn,
  .quicktech-save-btn {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
  }
  
  .quicktech-close-btn {
    background-color: #1A2238;
    color: white;
  }
  
  .quicktech-save-btn {
    background-color: darkblue;
    color: white;
  }
  
  .quicktech-address-list {
    margin-top: 20px;
  }
  
  .quicktech-address-item {
    background-color: #e5f3f3;
    color: black;
    padding: 15px;
    border-radius: 5px;
  }
  
  .quicktech-edit-btn {
    background: none;
    border: none;
    color: black;
    cursor: pointer;
  }

  .quicktech-add-address-btn{
    padding:
4px 20px;
  background-color: darkblue;
  color: white;
  border-radius:
4px;
  }

  .quikctech-s-input input:focus {
    outline: none;
    box-shadow: none;
    border-color: #ccc; /* reset border color */
  }
  
  /* Smart fix: only keep focus visible when using keyboard */
  .quikctech-s-input input:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
    border-color: #ccc;
  }

.quicktech-profiles {
	display: flex;
	gap: 10px;
	align-items: last baseline;
	margin-top: 26px;
	border-radius: 5px;
	height: max-content;
}
.quicktech-profiles p:hover{
    background-color: #f6f6f6;
}
.quicktech-profiles p{
    color: black;
    font-weight: 600;
    padding: 5px 12px;
	background-color: #e5f3f3;
    border-radius: 5px;
}

.quicktech-right-nav ul {
    display: flex;
    gap: 10px;
    align-items:center ;
    justify-content: center;
}
.quicktech-right-nav ul li svg{
    color: black;
}
.quicktech-right-nav ul li button{
    border:none;
    background-color: transparent;
}

.navbar-nav .nav-item:hover .dropdown-menu {
    display: block;
  }
  
  .dropdown-menu {
    display: none;
    margin-top: 0;
    padding: 0 !important;
  }
  
  .dropdown-menu .dropdown-column {
    padding: 15px;
  }
  
  .dropdown-menu .dropdown-column h5 {
    font-size: 14px;
    font-weight: 700;
  }
  
  .dropdown-menu .dropdown-column ul {
    list-style-type: none;
    padding-left: 0;
  }
  
  .dropdown-menu .dropdown-column ul li a {
    text-decoration: none;
    color: #000;
    font-size: 14px;
    transition: 0.4s ease-in-out;
  }
  
  .dropdown-menu .dropdown-column ul li a:hover {
    color: #0F683A; /* Color on hover */
  }
  .dropdown-column{
    width: 183px !important;
  }
 .navbar-nav {
	display: flex;
	justify-content: left;
	flex-direction: row;
	column-gap: 20px;
	padding-top: 4px;
	width: max-content;
}
  .navbar-nav .dropdown-menu {
      position: absolute !important;
  }
  
  .nav-link{
     font-size: 15px;
     color: white;
   }
  
   .quicktech-sale{
    padding: 5px 15px;
    background-color: #0F683A ;
    font-size: 14px;
    color: white;
    border-radius: 20px;
    border: 2px solid transparent;
    transition: 0.4s ease-in-out;
   }
   .quicktech-sale:hover{
     background-color: white;
     color: black;
     border: 2px solid #0F683A;
  
   }
  
   .quicktech-cate{
    height: 45px;
    background-color: #0F683A;
   }


   .nav-link:focus, .nav-link:hover{
    color: #bb0502 !important;
   }

  /* address */
  
/* navbar */


/* side bar */
.accordion-button:not(.collapsed) {
	color: black !important;
	background-color: white !important;
	box-shadow: none !important;
}
/* side bar */

.quicktech-cate {
	position: fixed;
	width: 100%;
	top: 103px;
	z-index: 99;
}
.quicktech-toggle-side {
	position: absolute;
	left: 33px;
	width: 30px;
	height: 30px;
	top: 50%;
	transform: translateY(-50%);
	
}

.quicktech-toggle-side button{

    background-color: transparent;
	border: none;
    color: white;
    font-size: 20px;
}


/* banner */

.banner-swiper {
    width: 100%;
    height: 440px;
  }
  .swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-opacity, 1);
	background: #0F683A !important;
}
.swiper-pagination-bullet {

  padding: 8px;
}

.quikctech-ban-slide-img{
    border-radius:20px;
    overflow:hidden;
}

.quikctech-ban-slide-img img{
    height: 100%;
}

.quicktech-category-inner {
	justify-content: space-between;
	align-items: first baseline;
	background: linear-gradient(to right, white, rgba(255, 0, 0, 0.418));
	padding: 27px;
	border-radius: 5px;
	height: 173px;
	text-align: center;
}
.quicktech-category-innertwo {

	justify-content: space-between;
	align-items: first baseline;
    background: linear-gradient(45deg, #90ee90, white);

    height: 217px;
	padding: 27px;
    border-radius: 5px;
    text-align: center;
}

.quicktech-category-innerthree {

	justify-content: space-between;
	align-items: first baseline;
    background: linear-gradient(45deg, white, rgba(0, 0, 255, 0.534));


    height: 217px;
	padding: 27px;
    border-radius: 5px;
    text-align: center;
}
.quicktech-category-innerfour {

	justify-content: space-between;
	align-items: first baseline;
    background: linear-gradient(45deg, white, rgba(165, 42, 42, 0.678));



    height: 217px;
	padding: 27px;
    border-radius: 5px;
    text-align: center;
}

.quicktech-category-text h4 {
	font-weight: 600;
	color: black;
	font-size: 18px;
}

.quicktech-category-text p{
    font-weight: 500;
    color: black;
}
/* banner */

/* espically */
.quicktech-main-head h3{
    font-weight: 600;
}


/* especially */

/* side cart */
.quikctech-side-cart-btn{
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 9;
}

.quikctech-side-cart-btn a{
    background-color: #ddd;
  padding:26px;
}

.item-sidebar{
    position: fixed;
    top: 50%;
    right: -1px;
    transform: translateY(-50%);
    z-index: 99;
    color: white;
    background-color: #0F683A;
    border: 1px solid #0F683A;
    border-radius: 4px;
    padding: 0 10px;
  }
  .item-sidebar i{
    font-size: 18px;
    padding-bottom: 10px;
  }
  .quicktech-side-price{
    background-color: #e5f3f3;
    border-radius: 3px;
    color: black;
    
  }
  .quikctech-side-itemm{
    padding-top: 5px;
    line-height: 20px;
  }
  .quikctech-side-itemm p{
    font-size: 13px;
    padding: 0 3px;
  }


  
/* side cart */

/* especially */
.quicktech-especially-inner {
	padding: 10px;
	background: linear-gradient(45deg, white, rgba(0, 0, 255, 0.534));
	position: relative;
	text-align: center;
	padding-top: 50px;
	width: 100%;
}

.form-control:focus {
	color: #212529;
	background-color: none;
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}

.quicktech-especially-innertwo {
	padding: 10px;
  background: linear-gradient(45deg, white, rgba(165, 42, 42, 0.678));
	position: relative;
	text-align: center;
	padding-top: 50px;
	width: 100%;
}
.quicktech-especially-innerthree {
	padding: 10px;
  background: linear-gradient(45deg, #90ee90, white);
	position: relative;
	text-align: center;
	padding-top: 50px;
	width: 100%;
}

.quicktech-es-img {

	height: 114px;
}

.quikctech-especially-text h5{
   font-size: 18px;
   font-weight: 600;
   padding-bottom: 10px;
}

.quikctech-t a {
	padding: 5px 20px;
	background-color: #0F683Ab5;
	color: white;
	border-radius: 5px;
	font-size: 14px;
}
.quikctech-t a:hover{

  background-color: #0F683Aa4;


}

.gapp{
  row-gap: 20px;
}
/* especially */


.quicktech-es-img {
	height: 90px;
	position: absolute;
	top: -50px;
	/* right: 50%; */
	transform: translateX(-50%);
}

.quikctech-especiallly-main {
	display: flex;
	gap: 19px;
	overflow-x: auto;
	width: max-content;
	padding-top: 50px;
	padding-bottom: 36px;
}


.quicktech-app-body {
  background-color: #e6f4f1;
  font-family: 'Noto Sans Bengali', sans-serif;
  text-align: center;
  padding: 40px 20px;
}
.quicktech-app-h2 {
  color: #000;
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 30px;
}
.quicktech-app-list {
  list-style-type: disc;
  text-align: left;
  margin: 0 auto 30px;
  padding-left: 20px;
  font-size: 18px;
}
.quicktech-app-paragraph {
  font-size: 18px;
  margin-bottom: 20px;
}
.quicktech-app-store-buttons img {
  width: 160px;
  margin: 10px;
}


#quikctech-app {
	background-color: #0F683A13;
	padding: 15px;
}

.quicktech-app-video iframe{
  width:100% !important;
  height:317px !important;
}

.quicktech-app-text{
  padding: 10px 121px;
}


/* flash sale */
#quicktech-flash-sale{
  padding: 30px 0;
  background-color: rgba(130, 0, 3, 0.2);
}

.quicketch-flashsale-head h2 {
	color: rgb(130, 0, 3);
	font-weight: 600;
	font-size: 35px;
}

.quikctech-p-slider {
  width: 100%;
  height: 436px;
}

.quikctech-starts ul{
  display: flex;
  gap: 5px;
}
.quikctech-starts ul li i{
 color: #fdcc0d;
}

.quicktech-product-inner{
  padding:20px;
  background-color: white;
  border-radius:5px;
 height: 398px;
}

.quikctech-p-add{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-top: 20px;
}

.quikctech-p-add h5 {
	font-size: 19px;
	color: black;
	font-weight: 600;
}
.quikctech-p-add h5 s{
  font-size: 17px;
  color: rgba(0, 0, 0, 0.473);
}

.quikctech-add-p-btn{
  padding: 6px 20px;
  background-color: #0F683A;
  color: white;
  border-radius: 5px;
}
.quikctech-add-p-btn:hover{
  color: white;
}
.quikctech-p-img{
  height: 200px;
  text-align: center;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}
.quikctech-p-img img{
  height: 100%;
}
.quikctech-p-text{
  padding-top: 10px;
}
.quikctech-p-text h5{
  font-weight: 600;
  font-size: 19px;
  color: black;
}
.quicktech-product-inner{
  position: relative;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
  transition: 0.3s ease;
}
.quicktech-product-inner:hover{
  box-shadow: none;
}
.quikctech-p-im{
  transition: 0.3s ease;
}
.quicktech-product-inner:hover .quikctech-p-im{
  transform: scale(1.04);
  transition: 0.3s ease;
}


.quikctech-offer {
	position: absolute;
	top: 8px;
	left: 10px;
	/* transform: translateX(-50%); */
  z-index: 9;
}
.quikctech-offer p {
	padding: 5px 10px;
	background-color: #bb0502;
	color: white;
	border-radius: 20px;
	font-weight: 600;
	font-size: 13px;
}

.swiper-button-next::after, .swiper-button-prev::after {
	color: white;
	font-size: 19px;
	background-color: #0F683A;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 50%;
	line-height: 30px;
}

.quikctech-p-im{
  max-width: 90%;
}
/* flash sale */


/* category */
.quicktech-category-main{
  width: 100%;
  transition: 0.3s ease;
}

.quikctech-category-img img {
	height: 140px;
	/* width: 100%; */
	/* max-width: 154px; */
}
.quikctech-category-img{
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  transition: 0.3s ease;
  text-align: center;
}
.quikctech-category-name h5 {
	color: black !important;
	font-weight: 600;
	font-size: 18px;
}

.quicktech-category-main:hover .quikctech-category-img{
  box-shadow: none;
  transition: 0.3s ease;
}
.quicktech-category-main:hover .q{
  color: #0F683A !important;
  transition: 0.3s ease;
}

.q{
  transition: 0.3s ease;
}
.quikctech-category-inner{
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
/* category */


/* refer */

#quicktech-refer-banner{
 height: 500px;
  margin-top: 20px;
  padding: 120px 0;
}

.quicktech-refer-ban-text h1{
  font-weight: 600;
}
.quicktech-refer-ban-text h3{
  font-weight: 600;
  font-size:20px;
}

.quikctech-refer-btn a{
  padding: 10px 30px;
  background-color: #0F683A;
  color: white;
   font-size: 20px;
   border-radius: 5px;
}
/* refer */

/* footer */
#quikctech-footer {
	padding: 37px 0;
	background-color: #0F683A;
	padding-bottom: 2px !important;
}

.quikctech-footer-logo img{
  height: 80px;
}

.quikctech-footer-logo p{
  padding-top: 15px;
  color: white;
  font-weight: 600;
}

.quicktech-footer-main h3{
  color: white;
  font-weight: 600;
  font-size: 22px;
}
.quicktech-footer-main ul li a{
  color: white;
  
}
.quicktech-footer-main ul li{
  padding-bottom: 6px;
}

.quicktech-footer-main{
  padding-left: 24px;
}

.quicktech-footer-main ul li{
  color: white;
}

.quikctech-footer-logo ul{
  display: flex;
  gap:10px;
}
.quikctech-footer-logo ul li a img{
   height: 50px !important;
   width: 100% !important;
}

.quicktech-copy-right p{
  color: white;

}
.quicktech-copy-right p a{
  color: brown;
  font-weight: 600;
}
/* footer */


/* side bar content */

.bg-dark {
	--bs-bg-opacity: 1;
	background-color: #e5f3f3 !important;
	color: black !important;
	font-weight: 600;
  border-bottom: 1px solid #ddd;
}



.accordion-body a {
	/* color: black; */
	padding: 0.75rem 0;
	display: block;
	text-decoration: none;
	color: black !important;
	font-size: 14px;
}

.accordion-button:focus {

	border-color: none;

	box-shadow: none;
}
.accordion-item:first-of-type .accordion-button {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.accordion-buttonn{
  font-size: 16px;
  color: black !important;
  padding-left: 20px !important;
  padding:15px 20px !important;
}

.quicktech-no-acc{
  background-color: #e5f3f3 !important;
  font-weight:600;

}
.quicktech-no-acc:hover{
  background-color: #0F683A !important;

}

/* side bar content */
/*side cart*/
.offcanvas-cart {
  max-width: 400px;
}
.cart-title {
  font-weight: bold;
  font-size: 1.25rem;
  margin-bottom: 20px;
}
.cart-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
	/* border: 1px solid #ddd; */
	padding: 11px;
	background-color: white;
	border-radius: 5px;
}
.cart-item img {
  width: 76px;
}
.cart-quantity {
  display: flex;
  align-items: center;
}
.cart-quantity button {
  background-color: #f8f9fa;
  border: 1px solid #ced4da;
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: 1.2rem;
}
.cart-quantity input {
width: 34px;
text-align: center;
border: 1px solid #ced4da;
height: 32px;
}
.cart-subtotal {
  font-weight: bold;
  font-size: 1.2rem;
  margin-top: 20px;
}
.quicktech-cart-btnn{
 padding:10px;
 background-color: #0F683A ;
 color:white;
 font-weight:500;
}

/* Off-canvas styles */
.off-canvas-right {
position: fixed;
top: 37px;
right: -300px; /* Hidden by default */
width: 300px;
height: 100%;
background-color: #f8f9fa;
box-shadow: -5px 0 5px rgba(0, 0, 0, 0.1);
transition: right 0.3s ease;
z-index: 1050;
overflow:scroll;
}

.off-canvas-right.show {
right: 0; /* Show off-canvas */
}

.off-canvas-header {
padding: 15px;
background-color: #007bff;
color: #fff;
}

.off-canvas-body {
padding: 15px;
padding-bottom:120px;
}
.quicktech-bag-button i{
font-size:20px;
}

/*.sidecart-img img{*/
/*    width:150px;*/
/*}*/
.quicktech-delete p {
color: red;
font-weight: 600;
cursor: pointer;
font-size: 19px;
background-color: #00000042;
width: 20px;
height: 20px;
line-height: 15px;
border-radius: 50%;
margin: auto;
text-align: center;
}
.quicktech-btn-nav{
padding: 8px;
}
.quicktech-btn-navv{
display:flex;
flex-direction:column;
color:black;
}

.quicktech-fixed-bottom {
	position: fixed;
	bottom: 14px;
	height: 105px;
	/* padding: 13px 40px; */
	background-color: #e5f3f3;
	/* width: 100% !important; */
	padding-left: 92px;
  text-align: center;
}
.offcanvas-body {
	padding: 1rem;
	padding-bottom: 140px !important;
  background-color: #e5f3f3;
}
.cart-product a{
    font-size: 15px;
}
.cart-total-inner p{
    font-size:17px;
}
.mcart-item-hide{
    font-size:16px;
}
.noproducts-cart a{
    padding: 10px;
  background-color: red;
  color: white;
  font-weight: 600;
}


.quikctech-product-card {
	max-width: 100%;
	background: #fff;
	margin: 30px auto;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
	position: sticky;
	top: 146px;
}

.quikctech-product-title {
  font-weight: 700;
  font-size: 20px;
}

.quikctech-product-dosage {
  font-size: 13px;
  color: #6c757d;
}

.quikctech-product-link {
  color: #00b3b3;
  font-size: 14px;
  text-decoration: none;
  display: inline-block;
  margin-top: 5px;
}

.quikctech-product-mrp {
  text-decoration: line-through;
  color: #888;
  font-size: 14px;
}

.quikctech-product-discount {
  color: #0d6efd;
  font-size: 14px;
  margin-left: 5px;
}

.quikctech-product-de-best-price {
  font-weight: bold;
  font-size: 18px;
  margin-top: 5px;
}

.quikctech-product-qty {
  font-size: 16px;
}

.quikctech-product-btn {
  background-color: #0F683A;
  border: none;
  font-size: 16px;
  padding: 12px;
  border-radius: 8px;
  color: #fff;
  width: 100%;
  margin-top: 15px;
}

.quikctech-product-btn:hover {
  background-color: #0F683Ab7;
}

.product-thumbnails {
	display: flex;
	gap: 15px;
	justify-content: center;
	width: 500px;
	overflow-x: auto;
	margin: auto;
}

.quikctehc-proiduct-details-btn{
  display: flex;
  gap: 10px;
}

@keyframes pulseScale {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}

.quikctech-order-btn {
  animation: pulseScale 1.5s ease-in-out infinite;
}

.quikctech-product-desp-card,
.quikctech-product-rating-card {
  border-radius: 0.5rem;
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.quikctech-product-desp-title,
.quikctech-product-rating-title {
  font-weight: 600;
  font-size: 1.2rem;
}

.quikctech-product-desp-text,
.quikctech-product-desp-list,
.quikctech-product-desp-madein {
  font-size: 0.95rem;
  line-height: 1.5;
}

.quikctech-product-desp-list {
  padding-left: 1.2rem;
}

.quikctech-product-desp-list li {
  margin-bottom: 0.25rem;
}

.quikctech-rating-badge {
  font-size: 0.85rem;
  padding: 0.35em 0.65em;
  border-radius: 0.5rem;
}

.quikctech-stars {
  letter-spacing: 0.1rem;
}

.quikctech-rating-row .progress-bar {
  border-radius: 5px;
}

.quikctech-rating-count {
  font-size: 0.95rem;
}

.product-main-image {
	max-height: 473px;
	width: 85%;
	margin: auto;
}


.quikctech-categr-p-inner{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 13px;
}


/* checkout */

.quicktec-container {
  padding: 40px;
  background-color: #fff;
}
.quicktec-title {
  font-weight: bold;
  margin-bottom: 15px;
}
.quicktec-form-control, .quicktec-form-select {
  margin-bottom: 15px;
}
.quicktec-summary {
  border-left: 2px solid #eee;
  padding-left: 40px;
}
.quicktec-summary h6 {
  font-weight: bold;
}
.quicktec-total {
  font-size: 24px;
  color: black;
  font-weight: 700;
}
.quicktec-order-btn {
  background-color: #0F683A;
  border: none;
  color: white;
  font-weight: bold;
  width: 100%;
  padding: 15px;
}
.quicktec-order-btn:hover {
  background-color: #00b3b3;
}
.apply-btn {
  padding: 6px 18px;
  background-color: #0F683A;
  border: 2px solid transparent;
  color: white;
  font-weight: 600;
  border-radius: 4px;
}
.apply-btn:hover {
  padding: 6px 18px;
  background-color: white;
  border: 2px solid #0F683A;
  color: black;
}
.quicktech-coupon input{
  padding: 4px 0;
  padding-left: 5px;
  padding-right: 6px;
  border-radius: 4px;
  border: 2px solid #ddd;
}




/* checkout */


/* cart */
.quicktech-cart-head{
  font-family: "Noto Sans", sans-serif;
font-weight: 500;
  font-size: 24px;
}

.table-image {
  width: 74px;
  height: auto;
}
.table thead th {
background-color: #dfedeb;
font-size: 17px;
  font-family: "Noto Sans", sans-serif;
font-weight: 500;
}
.product-name p{
font-size: 16px;
/* font-weight: bold; */
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
}
.product-details p{
  color: gray;
  font-size: 14px;
}
.quantity-buttons button {
  width: 30px;
  height: 30px;
}
.checkout-btn {
  background-color: #36BCCAFF;
  border: none;
  padding: 10px 20px;
  color: white;
  font-size: 1.2rem;
  border-radius: 5px;
}
.quicktech-td td{
  font-size: 15px;

}
.quicktech-td {
  padding-top: 10px;
}
.quicktech-mt{
  padding-top: 30px !important;
}
.quicktech-total strong{
  font-size:20px;
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  padding-right: 20px;
}
.btn-h:hover{
  background-color: #36BCCAFF !important;
}
.btn-ho:hover{
  background-color: tomato !important;
}



/* cart */


/* prescription */

.quicktech-prescrip-container {
 
  margin: 0 auto;
  background-color: #f9f9f9;
}

.quicktech-prescrip-upload {
  background-color: #ffffff;
  border: 2px dashed #007bff;
  border-radius: 10px;
  transition: background-color 0.3s, border-color 0.3s;
  cursor: pointer;
}

.quicktech-prescrip-upload:hover {
  background-color: #e9f5ff;
  border-color: #0056b3;
}

.quicktech-prescrip-icon {
  width: 50px;
  height: 50px;
  background-color: #007bff;
  color: white;
  font-size: 30px;
  border-radius: 50%;
}

.quicktech-prescrip-text h6 {
  margin: 0;
  font-weight: 600;
}

.quicktech-prescrip-form input[type="text"],
.quicktech-prescrip-form input[type="tel"],
.quicktech-prescrip-form textarea {
  border-radius: 8px;
  border: 1px solid #ced4da;
  transition: 0.3s;
}

.quicktech-prescrip-form input[type="text"]:focus,
.quicktech-prescrip-form input[type="tel"]:focus,
.quicktech-prescrip-form textarea:focus {
  border-color: #007bff;
  box-shadow: none;
}

.quicktech-prescrip-submit {
  margin-top: 10px;
  border-radius: 8px;
}

.quicktech-prescrip-whyupload {


}



.quicktech-prescrip-text {
  font-size: 15px;
  color: #333;
}
/* prescription */
.quicktech-login-img img {
  height: auto;
  width: 82%;
}

.quicktech-card {
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  border: none;
  background-color: #fff;
}

.quicktech-heading {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 20px;
}

.quicktech-subheading {
  font-size: 16px;
  font-weight: 500;
  color: #555;
}

.quicktech-form-group label {
  font-weight: 600;
  color: #333;
}

.quicktech-input {
  border-radius: 5px;
  height: calc(1.5em + 1rem + 2px);
  border: 1px solid #ddd;
  padding: 10px;
}

.quicktech-btn {
  border-radius: 5px;
  padding: 12px;
  font-size: 16px;
  transition: all 0.3s ease;
}

.quicktech-btn:hover {
  background-color: #095e54;
}

.quicktech-form-label {
  font-size: 17px;
  color: #333;
}

.quicktech-card .text-danger {
  color: #FF6F61 !important;
}


.card {
  border-radius: 10px;
  box-shadow: 0 8px 24px #0000001a;
  border:none;
}

.card h2 {
  margin-bottom: 20px;
}

.card .form-group label {
  font-weight: 600;
}

.card .form-control {
  border-radius: 5px;
  height: calc(1.5em + 1rem + 2px);
}

.card .btn {
  border-radius: 5px;
  padding: 10px;
}

.card .text-danger {
  color: #FF6F61 !important;
}

.form-control {
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da82;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: .375rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.padd label{
  padding-bottom: 10px;
  font-family: "Noto Sans", sans-serif;
font-weight: 500;
}

.btn-hov:hover{
  background-color: rgba(54, 187, 202, 0.502) !important;
  transition: 0.4s;
}
.btn-hov{
  font-family: "Noto Sans", sans-serif;
font-weight: 500;
}
.quicktech-welcome{
  font-family: "Noto Sans", sans-serif;
font-weight: 500;
}
.quic span{
  font-family: "Noto Sans", sans-serif;
font-weight: 400;
  font-size: 16px;
}

.quic{
  position: relative;
}
.quic::after {
position: absolute;
content: "";
top: 13px;
left: 0;
width: 26%;
height: 2px;
background-color: #0000001d;
}
.quic::before {
position: absolute;
content: "";
top: 13px;
right: 0;
width: 25%;
height: 2px;
background-color: #0000001a;
}

.checkbox{
  padding-left: 10px;
}

.otp-input{
  width: 40px;
  height: 40px;
  text-align: center;
}



/*  */

.quicktech-pro-img{
  width: 100px;
  height: 100px;
}

.quicktech-pro-dflex{
  display: flex;
  column-gap: 20px;
  flex-direction: column;
  row-gap: 10px;
}

.quicktech-profile-name h5{
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  font-size: 15px;
  text-align: left;
}
.quicktech-profile-name h4{
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  font-size: 18px;
}

.quicktech-ic i{
  font-size: 20px;

}
.quicktech-ic{
  color: black;
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: #095e54;
background-color: var(--bs-nav-tabs-link-active-bg);
border-color: var(--bs-nav-tabs-link-active-border-color);
}

.nav-link:focus, .nav-link:hover {
color: #095e54;
  transition: 0.4s;
}

.gapp{
  row-gap: 20px;
}

.display-text{
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.quicktech-n-btn{
  padding: 7px !important;
}
.quicktech-n-btn:hover{
 background-color: #36BCCAFF !important;

}

.quicktech-card{
  background-color: #f9f9f9 !important;
}



.quicktech-order{
font-size: 20px;
font-family: "Noto Sans", sans-serif;
font-weight: 500;
}
.quicktech-border{
  border: 1px solid rgba(0, 0, 0, 0.388);
  border-style: dashed;
}

.quicktech-order-id{
  font-size: 13px;
  color: #095e54;
  font-family: "Noto Sans", sans-serif;
font-weight: 500;
}

.quicktech-text-muted{
      font-size: 11px;
      font-family: "Noto Sans", sans-serif;
font-weight: 400;
}

.qucktech--price{
  font-size: 20px !important;
  font-family: "Noto Sans", sans-serif;
font-weight: 700;
}

.quicktech-id-btn{
  padding: 3px 10px;
  font-size: 14px;
  margin: 10px 0;
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.521);
  border-radius: 10px;
}

.quicktech-after{
  position: relative;

}
.quicktech-after::after{
  position: absolute;
  content: '';
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: rgba(0, 0, 0, 0.055);
}

.img-thumbnail{
  width: 12%;
}

.hidden {
  display: none;
}
.address-card {
  border: 1px solid #ced4da;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
}
.btn-default {
  background-color: #20c997;
  color: white;
}
.btn-default:hover {
  background-color: #198754;
}
.form-container {
  padding: 20px;
  border: 1px solid #ced4da;
  border-radius: 5px;
  margin-bottom: 20px;
}
.back-link {
  color: #dc3545;
  cursor: pointer;
}
.back-link:hover {
  text-decoration: underline;
}

#address-book h2{
  font-size: 20px;
font-family: "Noto Sans", sans-serif;
font-weight: 500;
}

.quikctech-num p {
border: 1px solid #095e54;
width: 150px;
padding: 10px;
border-radius: 10px;
font-size: 13px;
margin-top: -33px;
background-color: white;
  color: #095e54;
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
}
.quicktech-address-dflex{
  display: flex;
  justify-content: space-between;
}

.qucitech-old-add{
font-size: 15px;
font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  color: #095e54;
}

.quicktech-default{
  padding: 5px 10px;
  font-size: 13px;
font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  background-color: #095e54;
  color: white;
  border: none;
  border-radius: 10px;
  transition: 0.4s;
  cursor: pointer;
}
.quicktech-default:hover{
  background-color:rgba(54, 187, 202, 0.6) ;
}

.quicktech-edit-btn{
  border: none;
  background-color: transparent;
 
  
}
.quicktech-edit-btn i{
  font-size: 17px;
  color: #ddd;
  padding-left: 5px;
  transition: 0.4s;
  cursor: pointer;
}
.quicktech-edit-btn i:hover{

  color: #36BCCAFF;
}
.quicktech-border{
  padding: 20px;
 border: 2px solid #dddddd52;
 border-radius: 10px;
}

.form-group label{
  font-size: 16px !important;
  font-family: "Noto Sans", sans-serif;
      font-weight: 400 !important;
      padding: 10px 0;
}

.quicktech-create-btn button {
padding: 10px 20px;
border: none;
background-color: #36BCCAFF;
border-radius: 10px;
  color: white;
  transition: 0.4s;
}
.quicktech-create-btn button:hover{
  background-color: rgba(54, 187, 202, 0.744);

}

.quicktech-add-address button{
  padding: 5px 15px;
  background-color: #095e54;
  font-size: 15px;
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  color: white;
  transition: 0.4s;
  border: none;
}

.quicktech-add-address button:hover{
  background-color: rgba(54, 187, 202, 0.744);
}
.quicketch-pro-head{
  font-size: 20px;
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
}
.quicktech-change-pass{
  background-color: transparent;
  border-radius: none;
box-shadow: none;
border: none;
}

.quicktech-changepass-btn button{
  padding: 15px 25px;
  background-color: #095e54;
  font-size: 16px;
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  color: white;
  transition: 0.4s;
  border: none;
  border-radius: 10px;
}

.quicktech-changepass-btn button:hover{
  background-color: rgba(54, 187, 202, 0.744);
}
.quicktech-wish-img img{
  width: 100px;
  height: 100px;
}

.quicktech-wishlist-main{
  padding: 30px;
  background-color: #dddddd5f;
  border-radius: 10px;
}
.quicktech-wish-col{
  background-color: white;
  border-radius: 10px;
}

.quicktech-wishlist-btn a{
  padding: 10px 20px;
  background-color: #095e54;
  font-size: 14px;
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  color: white;
  transition: 0.4s;
  border: none;
  border-radius: 10px;
}
.quicktech-wishlist-btn a:hover{
  background-color: rgba(54, 187, 202, 0.744);
}


.quicktech-orderdetails-head h2 {
	font-size: 26px;
	font-family: "Noto Sans", sans-serif;
	font-weight: 700;
}

.quicktech-order-col{
  background-color: #e5f3f3 !important;
  padding: 30px;
}

.quicktech-order-id h4{
  font-size: 14px;
  padding-top: 4px;
  color: black;
}
.quicktech-order-id button{
  padding: 2px 10px;
  font-size: 13px;
  border: 1px solid rgba(0, 0, 0, 0.212);
  background-color: transparent;
  border-radius: 10px;
  margin-left: 10px;
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;

}
.quicktech-od p{
  font-size: 11px;
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.429);

}

.quicktech-orderdetails-price h4{
  font-size: 24px;
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  color: #08615d;
}
.quicktech-od-after{
  position: relative;
}
.quicktech-od-after::after{
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.114);
}

.quicktech-orderdetails-cashon{
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.quicktech-orderdetails-cashon h4{
  font-size: 16px;
  font-family: "Noto Sans", sans-serif;
  font-weight: 600;
}

.progress-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  position: relative;
}
.progress-step {
  width: 15%;
  /* text-align: center; */
  position: relative;
}
.progress-bar-custom {
  position: absolute;
  top: 12%;
  left: 0;
  right: 0;
  height: 8px;
  background: #e0e0e0;
  z-index: 1;
  width: 87%;
}
.progress-step::before {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #e0e0e0;
  display: inline-block;
  z-index: 2;
}
.progress-step.active::before,
.progress-step.completed::before {
  background-color: #08615d;
}
.progress-step.active .progress-bar-fill,
.progress-step.completed .progress-bar-fill {
  background-color: #08615d;
}
.progress-bar-fill {
  height: 8px;
  background-color: #f76c6c;
  width: 0%;
  z-index: 3;
  position: absolute;
  top: 21%;
  transform: translateY(-50%);
}

.progress-step span{
 display: block;
 font-size: 14px;
  font-family: "Noto Sans", sans-serif;
  font-weight: 600;
}

.quicktech-order-status p{
  background-color: white;
  padding: 10px 0;
  font-size: 14px;
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
}

.quicktech-order-product{
  background-color: white;
}
.quicktech-op{
  border: none !important;
}
.quicktech-oppt h4{
  font-size: 16px;
width: 157px;
font-family: "Noto Sans", sans-serif;
font-weight: 600;
color: #095e54;
}
.quicktech-od-head h4{
  font-size: 20px;
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
}
.quicktech-s-content ul li{
  font-size: 15px;
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
}

.order-details, .shipping-address, .total-summary {
  margin-top: 20px;
}
.order-item img {
  width: 50px;
  height: 50px;
  margin-right: 10px;
}
.summary-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.total-row {
  font-weight: bold;
}

.quicktech-del-after{
  position: relative;
}
.quicktech-del-after::after{
  position: absolute;
  content: "";
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.05);
}

.quicktech-dis-col span{
   color: #08615d ;
}
.summary-row span{
  font-family: "Noto Sans", sans-serif;
  font-weight: 600;
}
.quicktech-sub span{
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
}
.quicktech-due span{
  color: red;
  font-weight: 700;
}


.card-product {
  border: 1px solid #ddd;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 10px;
}
.card-product img {
  max-width: 100%;
}
.price-range {
  padding: 15px;
  border: 1px solid #ddd;
  margin-bottom: 20px;
  border-radius: 10px;
}
.price-range h5{
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  font-size: 18px;
}
.quicktech-dis-dflex{
  justify-content: space-between;
}

.quicktech-cat-drop h5{
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: black;
  padding-top: 10px;
  
}
.quicktech-cat-drop p{
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: black;
  padding-top: 5px;
}

.quicktech-cat-drop{
  justify-content: space-between;
  /* position: relative; */

}

.quicktech-dis-label{
  font-family: "Noto Sans", sans-serif !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  padding-bottom: 5px !important;
}
/* .quicktech-cat-drop::after{
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.073);

} */
 
.hidden {
	display: none;
}

.quicktech-profile-details-btn{
  padding:2px 10px;
  background-color: #095e54;
  border-radius:4px;
  color: white;
}
.quicktech-profile-details-btn:hover{

  color: white;
}



.quicktech-balance-card {
  background-color: #0a726f;
  color: #fff;
  border-radius: 8px;
  padding: 20px;
}
.quicktech-balance-card i {
  font-size: 35px;
}
.quicktech-payment-card {
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 15px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.quicktech-payment-icon {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quicktech-icon-used {
  background-color: #ffe6e6;
  color: #f25767;
}
.quicktech-icon-payment {
  background-color: #e6f7f3;
  color: #3ac29f;
}
.quicktech-amount-red {
  color: #f25767;
}
.quicktech-amount-green {
  color: #3ac29f;
}
.quicktech-order-info {
  font-size: 14px;
  color: #666;
}


.quikctech-notified-card {
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  padding: 20px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.quicktech-upload-box {
  border: 1px dashed #0a726f;
  border-radius: 8px;
  padding: 15px;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.quicktech-upload-box i {
  font-size: 22px;
  color: #0a726f;
}
.quicktech-submit-btn {
  background-color: #0a726f;
  color: #fff;
  border-radius: 6px;
  padding: 10px 20px;
  font-weight: 500;
}
.quicktech-submit-btn:hover {
  background-color: #08615d;
}
.quicktech-note {
  font-size: 13px;
  color: #555;
}
.quicktech-upload-box input[type="file"] {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.quicktech-suggested-product {
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 5px;
}
.quicktech-suggested-product img{
  max-height: 223px;
  max-width: 100%;
}
.quicktech-suggested-product h4{
  font-weight: 700;
}



.quickctech-pri-body {
  background-color: #f8f9fa;
  padding: 30px;
}
.quickctech-pri-head {
  color: #0d6efd;
  border-bottom: 2px solid #0d6efd;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.quickctech-pri-section {
  background: #ffffff;
  padding: 25px;
  margin-bottom: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
}

#quikcth-navbar-mobile{
  display: none;
}

.quikctech-mob-logo img{
  height: 61px;
}

#quikcth-navbar-mobile {
	position: fixed;
	top: 0;
	width: 100%;
	padding-top: 7px;
	z-index: 999;
	background-color: white;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Added bottom shadow */
}


.quikctch-mob-cart {
	margin-right: 30px;
	margin-top: 17px;
	position: relative;
}
.quikctch-mob-cart button{

    border: none;
    background-color: transparent;
    font-size: 21px;

}

.quikctech-mob-cart-quantity {
	position: absolute;
	top: -8px;
	right: -16px;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 17px;
	background-color: red;
	border-radius: 50%;
	color: white;
}
.quikctch-mob-cart button img{
  height: 23px;
}

.quikctech-mob-cart-quantity span{
  font-size: 12px;
}

#quicktech-bottom-nav{
  display: none;
}

#quicktech-bottom-nav {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #08615d;
	height: 55px;
	z-index: 999;
	padding-top: 5px;
	box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.3); /* Top shadow */
}

.quicktech-category-text h5 {
	color: black;
	font-size: 15px;
	font-weight: 600;
}

.quikctech-p-brand{
  height: 151px;
}
.quicktech-bottom-nav-main a{
  color: white;
}
.quicktech-bottom-nav-main span{
  font-size: 14px;
}

.quicktech-no-acc{
  color: black;
  padding:
0.75rem 1rem;
  display: block;
  text-decoration:
none;
}
.quicktech-no-acc:hover{
  color: white !important;

}


.quicktech-bottom-nav-main span {
	font-size: 14px;
	color: white;
}



.quicktech-category-item {
  display: none; /* Hide all initially */
}

/* Show first 2 rows (8 items for col-lg-3 grid) */
.quicktech-category-item:nth-child(-n+8) {
  display: block;
}

.brand-item {
        display: none;
    }

    /* Show first 12 (2 rows on lg screens) */
    .brand-item:nth-child(-n+12) {
        display: block;
    }

    /* Expanded state */
    #brand-container.show-all .brand-item {
        display: block;
    }