/* common css start */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  overflow-x: hidden;
  font-family: "Poppins", sans-serif;
}
a {
  text-decoration: none;
  font-family: "Poppins", sans-serif;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
img {
  vertical-align: middle;
}

/* common css end */

/* desktop nav */

.px-50 {
  padding: 0 60px;
}

#quikctech-deskt-top {
  padding: 11px 0;
  background-color: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.quikctech-search-input input {
  padding: 10px;
  border-radius: 50px;
  border: 1px solid #ddd;
}

.quikctech-search-input input {
  padding: 10px;
  border-radius: 50px;
  border: 1px solid black;
}

.quikctech-search-input {
  padding-top: 13px;
}

.quikctech-search-input {
  position: relative;
}

.quikctech-search-input button {
  position: absolute;
  right: 4px;
  top: 18px;
  padding: 4px 28px;
  border-radius: 50px;
  background-color: black;
  color: white;
  /* border: 2px solid black; */
  border: 1px solid black;
}

/* ====== HEADER ====== */
.quikctech-header {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  position: relative;
  z-index: 100;
}

.quikctech-header-item {
  position: relative;
  margin-left: 25px;
  cursor: pointer;
  margin-top: 15px;
}

.quikctech-header-item a {
  text-decoration: none;
  color: #000;
  font-weight: 500;
}

/* ====== DROPDOWN BASE ====== */
.quikctech-dropdown {
  position: absolute;
  top: 67%;
  left: 0;
  display: none; /* ✅ hidden by default */
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.15);
  padding: 15px;
  min-width: 260px;
  margin-top: 8px;
}

/* ✅ show only on hover */
.quikctech-header-item:hover .quikctech-dropdown {
  display: block;
  width: max-content;
}

/* ====== QR CODE DROPDOWN ====== */
.quikctech-qr-dropdown {
  display: flex;
  align-items: center;
  gap: 15px;
  display: none;
}

.quikctech-qr-img {
  width: 110px;
  height: 110px;
  border: 1px solid #eee;
  border-radius: 6px;
}

.quikctech-qr-text {
  font-size: 14px;
  color: #333;
  max-width: 150px;
}

.quikctech-qr-text b {
  display: block;
  margin-bottom: 5px;
  font-size: 15px;
}

.quikctech-store-btns img {
  width: 120px;
  margin: 6px 0;
  cursor: pointer;
  display: block;
}

/* ====== SIGN IN DROPDOWN ====== */
.quikctech-signin-dropdown {
  min-width: 230px;
}

.quikctech-signin-dropdown h4 {
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: bold;
  color: #000;
}

.quikctech-signin-dropdown a {
  display: block;
  padding: 6px 0;
  font-size: 13px;
  color: #333;
  text-decoration: none;
}

.quikctech-signin-dropdown a:hover {
  color: #f6b140;
}

.quikctech-divider {
  border-top: 1px solid #eee;
  margin: 8px 0;
}

.quikctech-download a {
  display: flex;
  gap: 5px;
}

.quikctech-header-item a svg {
  font-size: 40px;
}

.quikctech-download-flex {
  display: flex;
  gap: 10px;
}

.quikctech-logo-desktop img {
  height: 72px;
}

.quikctech-signin a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.quikctech-signin a p {
    margin-top: 0;
    margin-left: 10px;
    margin-bottom: 0;
}

.quikctech-cart a {
  display: flex;
  text-align: center;
}

.quikctech-cart a p span {
  padding: 1px 14px;
  padding-bottom: 1px;
  background-color: black;
  border-radius: 20px;
  color: white;
  padding-bottom: 3px;
}

.quikctech-cart a img {
  width: 43px;
  height: 43px;
}

.quikctech-categories {
  position: relative;
  display: inline-block;
  width: 100%;
}

.quikctech-main-menu {
  background: #fff;
  padding: 12px 20px;
  cursor: pointer;
  border: 1px solid #ccc;
  width: 100%;
  border-radius: 50px;
}

.quikctech-submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #f9f9f9;
  border: 1px solid #ccc;
  display: none;
  z-index: 10;
}

.quikctech-categories:hover .quikctech-submenu {
  display: block;
}

.quikctech-submenu-item {
  padding: 10px;
  cursor: pointer;
  border-bottom: 1px solid #eee;
  position: relative;
  background: #fff;
}

.quikctech-submenu-item:hover {
  background-color: #f0f0f0;
}

.quikctech-submenu-item:hover .quikctech-detail-panel {
  display: block;
}

.quikctech-detail-panel {
  position: absolute;
  top: 0;
  left: 100%;
  background: #fff;
  border: 1px solid #ccc;
  width: 600px;
  display: none;
  padding: 20px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}

.quikctech-detail-column {
  float: left;
  width: 25%;
}

.quikctech-detail-column h4 {
  margin: 0 0 10px;
  font-size: 16px;
}

.quikctech-detail-column ul {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
}

.quikctech-detail-column ul li {
  padding: 4px 0;
  font-size: 14px;
}

.quikctech-clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.quikctech-main-menu:hover {
  font-weight: 600;
  border-radius: 20px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  font-weight: 600;
}

.quicktech-desktop-menu ul {
  display: flex;
  gap: 8px;
  margin-top: 9px;
}
.quicktech-desktop-menu ul li a {
  color: black;
  font-weight: 600;
  padding: 11px 20px;
  /* border: 1px solid #ddd; */
  border-radius: 50px;
}

.quicktech-desktop-menu ul li a:hover {
  background-color: #f7f7f7;
}

.quikctech-detail-column h4 {
  font-weight: 600;
}

#quicktech-banner {
  background-color: #f6b140;
}

.banner-img img {
  height: 600px;
}

.quikctech-timer-wrapper {
  background-color: #fbb03b;
  padding: 10px 20px;
  display: inline-block;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: white;
  padding-top: 62px;
}

.quikctech-timer-wrapper span {
  margin-right: 5px;
}

.quikctech-time-block {
  background-color: white;
  color: black;
  padding: 4px 8px;
  font-weight: bold;
  font-size: 18px;
  border-radius: 2px;
  display: inline-block;
  min-width: 30px;
  text-align: center;
}

.quikctech-separator {
  color: white;
  margin: 0 4px;
}

.quicktech-full-sale h5 {
  font-size: 56px;
  font-weight: 600;
  color: white;
}

.quicktech-full-sale h5 span {
  color: #fe571a;
}

.quicktech-full-sale {
  padding-left: 22px;
}
.quicktech-full-sale a img {
  width: 40px;
  height: 40px;
}

.quicktech-full-sale a {
  display: flex;
  gap: 20px;
  align-items: center;
}

.quikctech-top-deals-inner {
  display: flex;
  gap: 20px;
}

.quicktech-top-img img {
  height: 132px;
  width: 133px;
}

.quikctech-top-deals-inner {
  background-color: white;
  padding: 10px;
  border-radius: 4px;
}

.quicktech-deals-text h4 {
  font-weight: 600;
  color: black;
}

.quicktech-deals-text p {
  width: 100%;
  background-color: #1c05b0;
  margin-top: 56px;
  text-align: center;
  padding: 3px 41px;
  font-size: 20px;
  color: white;
  font-weight: 600;
  padding-bottom: 7px;
}

.quicktech-head h4 {
  font-weight: 600;
  font-size: 30px;
}

.quikctech-superdeals {
  border: 1px solid #ddd;
  padding: 24px;
  height: 595px;
}

.quikctech-superdeals h4 {
  font-weight: 600;
  padding-bottom: 7px;
}

.quikctech-bbr {
  border-radius: 50%;
  height: 27px;
}
.quikctech-sa {
  padding: 7px 20px;
  border: 1px solid transparent;
  border-radius: 20px;
  background-color: #fbb13b24;
  color: black;
  padding-bottom: 10px;
}
/* desktop nav */

/* deals */
.swiper {
  width: 100%;
  height: auto;
}

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

.quicktech-pro-text p {
  font-size: 22px;
  color: black;
  font-weight: 700;
}

.quicktech-pro-text {
  padding: 5px;
}

.quicktech-pro-text span {
  background-color: red;
  padding: 2px 5px;
  color: white;
}

.swiper-button-next,
.swiper-button-prev {
  & svg {
    height: 70%;
    object-fit: contain;
    transform-origin: center;
    width: 100%;
    fill: currentColor;
    pointer-events: none;
  }
}

.swiper-button-next,
.swiper-button-prev {
  align-items: center;
  color: white !important;
  cursor: pointer;
  display: flex;
  height: var(--swiper-navigation-size);
  justify-content: center;
  position: absolute;
  width: var(--swiper-navigation-size);
  z-index: 10;
  background-color: #000000a3;
}

.quicktech-pro-text p s {
  color: #0000006b;
  font-size: 18px;
}

/* deals */

/* super buyer */
.quikctech-super-buyer-inner {
  padding: 36px;
}

.head-imgg {
  height: 50px;
}

.quikctech-s-head ul {
  display: flex;
  gap: 14px;
  margin-top: 15px;
  margin-bottom: 30px;
}
.quikctech-s-head ul li img {
  height: 20px;
}
.quikctech-s-head ul li {
  color: white;
}

.quikctech-s-head a {
  padding: 10px 20px;
  background-color: white;
  color: black;
  font-weight: 600;
  border-radius: 2px;
}

.quikctech-ser-inner h5 {
  font-size: 44px;
  color: white;
  font-weight: 700;
}

.quikctech-ser-inner p {
  color: white;
}

.quikctech-ser-inner {
  border-left: 3px solid #ffffffb0;
  padding-left: 13px;
}

.quicktech-ser {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.quicktech-bulk {
  background-color: white;
  padding: 15px;
  border-radius: 5px;
}
.quikctech-bulk-head h5 {
  font-weight: 600;
}

.quikctech-bulk-img img {
  height: 200px;
}

.quikctech-bulk-text h4 {
  font-size: 21px;
  color: black;
  font-weight: 600;
  padding-top: 10px;
}

.quikctech-bulk-text h4 span {
  font-size: 13px;
  color: #00000085;
}

.quikctech-product-img img {
  height: 250px;
}

.quikctch-bulk-p {
  transition: 0.3s ease;
}
.quikctch-bulk-p:hover {
  transform: scale(1.02);
}
/* super buyer */

/* category */

.quikctech-category {
  height: 209px;
  padding: 25px;
}
.quicktech-category-text h4 {
  width: 111px;
  font-weight: 700;
  color: black;
}

.swiper-category {
  position: relative;
  overflow: hidden;
}

.quikctech-addto-button button {
  width: 100%;
}
.quikctech-addto-button {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}

.cart-btn {
  border: none;
  background-color: #f6b140;
  color: white;
  font-weight: 600;
  border: 2px solid #f6b140;
  transition: 0.2s ease;
  border-radius: 4px;
}
.cart-btn:hover {
  background-color: white;
  color: black;
}

.buy-btn {
  border: none;
  background-color: #1c05b0;
  color: white;
  font-weight: 600;
  border: 2px solid #1c05b0;
  transition: 0.2s ease;
  border-radius: 4px;
}
.buy-btn:hover {
  background-color: white;
  color: black;
}

.quicktech-morelove-product {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 20px;
  row-gap: 30px;
}

.quicktech-stars {
  display: flex;
  gap: 5px;
}
.quicktech-stars li {
  color: black;
  font-size: 13px;
}

.quikctech-product-inner {
  transition: 0.2s ease;
}

.quikctech-product-inner:hover {
  transform: scale(1.04);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}
/* category */

/* footer */
#quicktech-footer {
  background-color: #eaeaea;
  padding: 40px 0;
  padding-bottom: 0;
}
.quikctech-footer-menu h5 {
  font-weight: 600;
}
.quikctech-footer-menu ul li a {
  color: black;
  font-size: 14px;
}

.quikctech-footer-menu ul {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 19px;
}

.quikctech-footer-menu ul li i {
  font-size: 30px;
}

/* footer */

.quikctech-category {
  transition: 0.2px ease;
}

.quikctech-category:hover {
  transform: scale(1.04);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}

.quikctech-btn-r {
  background-color: #f6b140;
  color: white;
  font-weight: 600;
  width: 100%;
  padding: 6px;
  border: none;
  transition: 0.2s ease;
  border-radius: 4px;
}

.quikctech-btn-r:hover {
  background-color: #1c05b0;
}

.quikctech-google {
  display: flex;
  gap: 15px;
}

.quikctech-google button {
  width: 100%;
  padding: 7px;
  border: none;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: white;
}
.quikctech-google button:hover {
  background-color: #1c05b0;
  color: white;
  border: 2px solid transparent;
}
.quikctech-google button img {
  height: 20px;
}

.quicktech-rehead h4 {
  font-size: 27px;
}

/* category */

.quikctech-head-mainn {
  border-bottom: 2px solid #ddd;
  padding-bottom: 15px;
}

.quicktech-sub-category-main {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 23px;
}

.quikctech-sub-cat-img img {
  height: 200px;
  width: 200px;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}
.quikctech-sub-cat-img h5 {
  color: black;
  font-weight: 600;
  padding-top: 10px;
}
.quikctech-sub-cat-img {
  transition: 0.2s ease;
}
.quikctech-sub-cat-img:hover {
  transform: scale(1.04);
}

.quicktech-top-selling {
  display: flex;
  gap: 10px;
}

.active {
  padding: 5px 20px;
  border-radius: 40px;
  background-color: #ddd !important;
  color: black;
  font-weight: 600;
}

.foru {
  padding: 5px 20px;
  border-radius: 40px;
  background-color: white;
  color: black;
  border: 2px solid #ddd;
  font-weight: 600;
}

.topselling {
  padding: 5px 20px;
  border-radius: 40px;
  background-color: white;
  color: black;
  border: 2px solid #ddd;
  font-weight: 600;
}
/* category */

.quikctech-footer-menu ul li a {
  transition: 0.2s ease;
}
.quikctech-footer-menu ul li a:hover {
  color: #f6b140;
}

.swiperbanner {
  position: relative;
  overflow: hidden;
  height: 600px;
}

/*  */

.quicktech-product-details-left-main {
  padding: 14px 64px;
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 5px;
  position: relative;
  padding-top: 30px;
}

.quikctech-wishlist-p-details button {
  position: absolute;
  top: 10px;
  right: 8px;
  padding: 4px 7px;
  border: 1px solid #ddd;
  font-size: 19px;
  color: #00000054;
  border-radius: 6px;
}
.swiperproimg {
  overflow: hidden;
  width: 100%;
  height: 452px;
}
.quikctech-product-d-img img {
  height: 450px;
}

.swiperthublinimg {
  position: relative;
  overflow: hidden;
}

.quikctech-product-d-thumblin-img img {
  height: 98px;
  width: 44px !;
}
.quikctech-product-d-main-img img {
  height: 437px !important;
  border-radius: 18px;
}

.swiperproimg {
  width: 100%;
  height: 450px;
}

.swiper-slide-thumb-active img {
  border: 2px solid rgba(0, 0, 0, 0.63);
  border-radius: 4px;
  padding: 5px;
}

/* .swiperproimg img {
  cursor: zoom-in;
}

.swiper-slide-zoomed img {
  cursor: zoom-out;
} */

.quikctech-s-img img {
  height: 61px;
}

.quikctech-product-social {
  display: flex;
  gap: 100px;
  align-items: center;
}

.quicktech-ocial-pp ul {
  display: flex;
  gap: 20px;
}
.quicktech-ocial-pp ul li {
  font-size: 24px;
}

.quikctech-product-short-d h5 {
  font-size: 18px;
  font-weight: 600;
}

.quikctech-product-short-d {
  display: flex;
  align-items: first baseline;
}

.quicktech-breadcum ul {
  display: flex;
  gap: 12px;
  padding-top: 21px;
}
.quicktech-breadcum ul li a {
  color: rgba(0, 0, 0, 0.575);
}

.quikctech-product-rating ul {
  display: flex;
  gap: 6px;
}

.quikctech-product-rating ul li {
  color: #ffd402;
  font-size: 13px;
}

.quikctech-product-rating {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.quikctech-brand-text ul {
  display: flex;
  gap: 10px;
}

.quikctech-price h4 {
  font-size: 26px;
  color: #1c05b0;
  font-weight: 600;
}

.quicktech-cart-button {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}

.quicktech-cart-button button {
  width: 100%;
  padding: 10px;
}

.quantity-container {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: Arial, sans-serif;
}

.quantity-label {
  margin-right: 5px;
  font-size: 14px;
  color: #333;
}

.quantity-controls {
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden;
}

.quantity-controls button {
  width: 32px;
  height: 32px;
  border: none;
  background: #f9f9f9;
  font-size: 18px;
  cursor: pointer;
  color: #555;
  transition: background 0.2s;
}

.quantity-controls button:hover {
  background: #eee;
}

.quantity-controls button:disabled {
  color: #ccc;
  cursor: not-allowed;
  background: #fafafa;
}

.quantity-number {
  width: 40px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background: #fff;
  outline: none;
  border: 1px solid #ddd;
}

.quicktech-cart-button button {
  border: 1px solid transparent;
  color: black;
  transition: 0.2s ease;
}

.quicktech-cart-button button:hover {
  transform: scale(1.04);
}

.quikctech-pro-d-addres {
  display: flex;
  gap: 10px;
}

.quikctech-pro-d-addres {
  width: 283px;
}

.quikctech-delivery-option h5 {
  font-size: 18px;
}

.quikctech-product-details-right-inner {
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 5px;
  position: sticky;
  top: 20px;
}
.quikctech-pro-address-inner i {
  padding-top: 15px;
  font-size: 20px;
}

.quikctech-card {
  width: 100%;
  margin: 0 auto;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #e6e9ee;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.quikctech-card-inner {
  padding: 18px 22px;
}

.quikctech-heading {
  font-size: 15px;
  font-weight: 600;
  color: #2b2b2b;
  margin: 6px 0 12px;
}
.quikctech-heading .quikctech-muted {
  font-weight: 400;
  font-size: 13px;
  color: #6b7280;
  margin-left: 6px;
}

.quikctech-sep {
  height: 1px;
  background: #efefef;
  margin: 12px 0;
}

.quikctech-desc {
  font-size: 13px;
  color: #444;
  line-height: 1.6;
  padding: 8px 0;
}
.quikctech-desc .quikctech-muted-line {
  color: #6b7280;
  font-size: 12px;
  margin-bottom: 12px;
}

.quikctech-specs {
  display: flex;
  gap: 40px;
  padding-top: 8px;
}
.quikctech-specs-left {
  width: 48%;
}
.quikctech-specs-right {
  flex: 1;
}

.quikctech-spec-row {
  display: flex;
  align-items: flex-start;
  padding: 10px 0;
  border-bottom: 1px solid #f2f3f5;
}
.quikctech-spec-row:last-child {
  border-bottom: none;
}
.quikctech-spec-label {
  width: 160px;
  font-size: 13px;
  color: #6b7280;
}
.quikctech-spec-value {
  font-size: 13px;
  color: #333;
}

.quikctech-sku {
  font-size: 13px;
  color: #555;
}

.quikctech-what-box {
  padding-top: 12px;
  font-size: 13px;
  color: #333;
  border-top: 1px solid #f2f3f5;
  margin-top: 8px;
}

.quikctech-ratings-container {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  width: 100%;

  padding: 30px;
}

.quikctech-ratings-title {
  font-size: 24px;
  color: #2d3748;
  margin-bottom: 25px;
  text-align: center;
  font-weight: 600;
}

.quikctech-ratings-summary {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 30px;
}

.quikctech-ratings-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.quikctech-ratings-star-label {
  font-size: 16px;
  color: #4a5568;
  min-width: 60px;
}

.quikctech-ratings-bar-container {
  flex-grow: 1;
  height: 12px;
  background-color: #e2e8f0;
  border-radius: 6px;
  overflow: hidden;
}

.quikctech-ratings-bar {
  height: 100%;
  background-color: #f59e0b;
  border-radius: 6px;
}

.quikctech-ratings-percentage {
  font-size: 14px;
  color: #718096;
  min-width: 40px;
  text-align: right;
}

.quikctech-ratings-divider {
  height: 1px;
  background-color: #e2e8f0;
  margin: 25px 0;
}

.quikctech-ratings-action {
  text-align: center;
  margin-bottom: 25px;
}

.quikctech-ratings-button {
  background-color: #3b82f6;
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}

.quikctech-ratings-button:hover {
  background-color: #2563eb;
}

.quikctech-ratings-note {
  text-align: center;
  font-size: 14px;
  color: #718096;
  margin-top: 15px;
}

.quikctech-ratings-pros-cons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-top: 30px;
}

.quikctech-ratings-section {
  background-color: #f8fafc;
  padding: 20px;
  border-radius: 8px;
}

.quikctech-ratings-section-title {
  font-size: 18px;
  color: #2d3748;
  margin-bottom: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}

.quikctech-ratings-list {
  list-style-type: none;
}

.quikctech-ratings-list-item {
  padding: 8px 0;
  color: #4a5568;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.quikctech-ratings-pros .quikctech-ratings-section-title {
  color: #10b981;
}

.quikctech-ratings-cons .quikctech-ratings-section-title {
  color: #ef4444;
}

@media (max-width: 650px) {
  .quikctech-ratings-pros-cons {
    grid-template-columns: 1fr;
  }

  .quikctech-ratings-container {
    padding: 20px;
  }
}

.quikctech-wining-digit p {
  color: #1c05b0;
  font-weight: 600;
  font-size: 14px;
}

.floating-star {
  display: inline-block;
  animation: floatUpDown 3s ease-in-out infinite;
}

@keyframes floatUpDown {
  0%,
  100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}

.quicktech-wd h6 {
  padding: 5px;
  background-color: #126461;
  width: max-content;
  color: white;
  font-size: 13px;
}

.quicktech-wd {
  margin-top: 6px;
}

.quikctech-cart-main {
  /* background-color: #f9f9f9; */
  margin: 20px 0;
}

.quikctech-cart-head h4 {
  font-weight: 600;
}

/* ===== Store Header ===== */
.quikctec-store-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 600;
}

.quikctec-store-header input[type="radio"] {
  accent-color: #000;
}

/* ===== Product Card ===== */
.quikctec-product-card {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  padding: 10px;
  position: relative;
  background: #fff;
  width: 100%;
}

.quikctec-product-card input[type="radio"] {
  margin-top: 25px;
  accent-color: #000;
}

/* ===== Product Image ===== */
.quikctec-product-img {
  position: relative;
}
.quikctec-product-img img {
  width: 90px;
  height: 90px;
  border-radius: 8px;
  object-fit: cover;
}
.quikctec-badge {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #000;
  color: #fff;
  font-size: 11px;
  padding: 3px 8px;
  border-radius: 4px 4px 0 0;
}

/* ===== Product Details ===== */
.quikctec-product-details {
  flex: 1;
}
.quikctec-product-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #333;
}
.quikctec-product-variant {
  font-size: 13px;
  color: #888;
  margin-top: 3px;
}
.quikctec-product-price {
  margin-top: 8px;
  font-size: 15px;
  font-weight: 600;
  color: #000;
}
.quikctec-product-oldprice {
  text-decoration: line-through;
  color: #999;
  font-size: 13px;
  margin-left: 5px;
}
.quikctec-extra-text {
  font-size: 12px;
  color: #f60;
  margin-top: 4px;
}

/* ===== Right Actions ===== */
.quikctec-product-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  height: 90px;
}
.quikctec-icons {
  display: flex;
  gap: 10px;
  font-size: 16px;
  color: #888;
  cursor: pointer;
}
.quikctec-icons i:hover {
  color: #000;
}

/* ===== Quantity Box ===== */
.quikctec-quantity-box {
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 30px;
  padding: 2px 6px;
  user-select: none;
}
.quikctec-qty-btn {
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
  width: 25px;
  height: 25px;
  line-height: 20px;
}
.quikctec-qty-input {
  width: 25px;
  text-align: center;
  border: none;
  background: none;
  font-size: 14px;
}

.quicktech-checkout-container {
  width: 100%; /* match screenshot width */
  margin: 32px auto;
}

/* Card */
.quicktech-checkout-summary {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 6px 18px rgba(20, 20, 30, 0.06);
  padding: 18px;
  border-top: 6px solid #fff;
}

.quicktech-checkout-title {
  font-weight: 700;
  font-size: 20px;
  margin: 0 0 12px 0;
  color: #1f2937;
}

/* Top product row */
.quicktech-checkout-product {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 10px;
}
.quicktech-checkout-thumb {
  width: 56px;
  height: 56px;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  flex: 0 0 56px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
  background: #fff;
}
.quicktech-checkout-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.quicktech-checkout-badge {
  position: absolute;
  left: 6px;
  top: 6px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 10px;
  padding: 4px 6px;
  border-radius: 4px;
}

/* Summary rows */
.quicktech-checkout-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  color: #4b5563;
  padding: 6px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.03);
}
.quicktech-checkout-row:first-of-type {
  border-top: none;
  padding-top: 12px;
}
.quicktech-checkout-label {
  color: #6b7280;
}
.quicktech-checkout-amount {
  color: #374151;
}

.quicktech-checkout-oldprice {
  text-decoration: line-through;
  color: #9ca3af;
  font-size: 13px;
}
.quicktech-checkout-discount {
  color: #ff2b2b;
  font-weight: 600;
}

/* Subtotal section */
.quicktech-checkout-subtotal {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
  font-size: 16px;
  margin-top: 8px;
  color: #111827;
}

/* Estimated total block */
.quicktech-checkout-estimated {
  margin-top: 14px;
  padding: 14px;
  background: #fff;
  border-radius: 6px;
}

.quicktech-checkout-estimated .label {
  color: #6b7280;
  font-weight: 600;
  font-size: 14px;
}
.quicktech-checkout-estimated .total {
  font-size: 22px;
  font-weight: 800;
  color: #111827;
  margin-top: 6px;
}

/* Checkout button */
.quicktech-checkout-cta {
  margin-top: 14px;
  text-align: center;
}
.quicktech-checkout-btn {
  display: inline-block;
  width: 100%;
  border-radius: 28px;
  background: #cc0b17; /* deep red */
  color: #fff;
  padding: 14px 18px;
  font-weight: 700;
  font-size: 16px;
  border: 0;
  cursor: pointer;
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.06);
}
.quicktech-checkout-cta-sub {
  margin-top: 8px;
  font-size: 12px;
  color: #fff;
  opacity: 0.95;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.quicktech-checkout-hourglass {
  background: rgba(255, 255, 255, 0.08);
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 12px;
}

/* Payment logos area */
.quicktech-checkout-pay {
  margin-top: 18px;
  background: transparent;
  padding-top: 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.03);
}
.quicktech-checkout-pay .title {
  font-weight: 700;
  color: #374151;
  margin-bottom: 8px;
  font-size: 15px;
}
.quicktech-checkout-logos {
  display: flex;
  gap: 8px;
  align-items: center;
}
.quicktech-checkout-logos .logo {
  flex: 1 0 0;
  height: 28px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  padding: 0 6px;
}
.logo-visa {
  background: #1a73e8;
}
.logo-mc {
  background: #ef6a26;
}
.logo-amex {
  background: #2b9adf;
}
.logo-jcb {
  background: #167f6b;
}

/* Buyer protection */
.quicktech-checkout-protect {
  margin-top: 14px;
  padding: 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.03);
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.quicktech-checkout-protect .shield {
  width: 26px;
  height: 26px;
  border-radius: 6px;
  background: #e6f4ea;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #059669;
  font-weight: 700;
  font-size: 14px;
}
.quicktech-checkout-protect .txt {
  font-size: 13px;
  color: #374151;
}
.quicktech-checkout-protect .txt b {
  display: block;
  color: #111827;
  font-weight: 700;
  margin-bottom: 4px;
}

/* small helpers */
.muted {
  color: #6b7280;
  font-size: 12px;
}
.right {
  text-align: right;
}


.quicktech-checkout-form {
  max-width: 850px;
  margin: 0 auto;
}

.quicktech-checkout-section-title {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 10px;
}

.quicktech-checkout-country {
  margin-bottom: 24px;
}

.quicktech-checkout-country-select {
  display: flex;
  align-items: center;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 10px 12px;
  width: 280px;
  background: #fff;
  cursor: pointer;
}

.quicktech-checkout-country-flag {
  width: 24px;
  height: 16px;
  margin-right: 8px;
}

.quicktech-checkout-country-name {
  flex: 1;
  font-size: 14px;
}

.quicktech-checkout-country-arrow {
  font-size: 12px;
  color: #6b7280;
}

/* Contact info layout */
.quicktech-checkout-contact {
  margin-bottom: 24px;
}

.quicktech-checkout-row {
  display: flex;
  gap: 12px;
  margin-bottom: 6px;
}

.quicktech-checkout-input,
.quicktech-checkout-select {
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
  outline: none;
}

.quicktech-checkout-input:focus {
  border-color: #000;
}

.quicktech-checkout-phone-group {
  display: flex;
  width: 100%;
}

.quicktech-checkout-phone-code {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d1d5db;
  border-right: none;
  border-radius: 6px 0 0 6px;
  padding: 10px;
  background: #f9fafb;
  font-size: 14px;
  color: #111;
  width: 80px;
}

.quicktech-checkout-phone-input {
  border: 1px solid #d1d5db;
  border-radius: 0 6px 6px 0;
  padding: 10px 12px;
  font-size: 14px;
  flex: 1;
}

.quicktech-checkout-hint {
  color: #ef4444;
  font-size: 12px;
  margin-top: 4px;
}

/* Address layout */
.quicktech-checkout-address-row {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
}

.quicktech-checkout-address-row .quicktech-checkout-input {
  flex: 1;
}


/* Payment method */
.quicktech-checkout-payment {
  margin-top: 30px;
}
.quicktech-checkout-payment-option {
  display: flex;
  align-items: center;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 12px 14px;
  margin-bottom: 10px;
  cursor: pointer;
  transition: border-color 0.2s;
  width: max-content;
}

.quicktech-checkout-payment-options{
  display: flex;
  align-items: center;

  margin-bottom: 10px;
  cursor: pointer;
  transition: border-color 0.2s;
  width: max-content;
  gap: 4px;
}

.quicktech-checkout-payment-option:hover {
  border-color: #000;
}

.quicktech-checkout-payment-option input[type="radio"] {
  width: 18px;
  height: 18px;
  accent-color: #000;
  margin-right: 10px;
  cursor: pointer;
}

.quicktech-checkout-payment-label {
  font-size: 14px;
  color: #111;
  cursor: pointer;
}

.quicktech-promocodes{
  display: flex;
  gap: 10px;
}
.quicktech-promocodes input{
  width: 100%;
  padding: 5px;
}
.quicktech-promocodes button {
	border: none;
	background-color: #1c05b0;
	color: white;
	font-weight: 600;
	padding: 5px;
}

.quikctech-s{
  display: flex;
  gap: 14px;
}


/* user dashboard */
/* dashboard */

.quicktech-sidebar-main ul li a {
	display: flex;
	width: 100%;
	color: black;
	border-bottom: 1px solid #ddd;
	padding-bottom: 8px;
  transition: 0.2s ease;
}
.quicktech-sidebar-main ul li a:hover {
	transform: scale(1.04);
  font-weight: 600;
  
}
.quicktech-sidebar-main ul li a img{
  height: 20px;
}

.quicktech-sidebar-main ul {
	display: flex;
	flex-direction: column;
	gap: 13px;
	border-right: 1px solid #ddd;
}

.quicktech-sidebar-main h4{
  font-size: 22px;
  font-weight: 600;
  padding-bottom: 11px;
}

.quikctech-dashboard-inner-profile{
  background-color: #f9f9f9;
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.quikctech-pp-flex{
  display: flex;
  gap: 20px;
  align-items: center;
}


.quikctech-prodile-edit-btn a{
  padding: 5px 20px;
  background-color: #ddd;
  color: black;
  border-radius: 2px;
}

.quikctech-profile-name h6{
  font-size: 14px;
}

.quikctech-dashboard-head h5 img {
	height: 24px;
}

.quikctech-dashboard-membber-profile{
  background-color: #f9f9f9;
  padding: 16px;
}
/* dashboard */
.quikctech-dashboard button {
	width: 100%;
	margin-top: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 8px;
}

.quikctech-dashboard button a{
  color: black;
}

.activeprofile{
  font-weight: 600;
  transform: scale(1.04);
  border-left: 3px solid #00000091;
  padding-left: 9px;
}

/* acc info */


 .quikctech-profile-accinfo {

      border: 1px solid #ddd;
      border-radius: 6px;
      padding: 20px;
      background: #fff;
    }

    .quikctech-profile-accinfo-section {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 12px 0;
      border-bottom: 1px solid #eee;
    }

    .quikctech-profile-accinfo-label {
      font-weight: bold;
      flex: 1;
    }

    .quikctech-profile-accinfo-value {
      flex: 2;
      color: #333;
    }

    .quikctech-profile-accinfo-input {
      width: 100%;
      padding: 6px;
      border: 1px solid #ccc;
      border-radius: 4px;
    }

    .quikctech-profile-accinfo-btn {
      padding: 6px 12px;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      margin-left: 5px;
      font-size: 14px;
    }

    .quikctech-profile-accinfo-btn-edit {
      background: #f5f5f5;
    }

    .quikctech-profile-accinfo-btn-update {
      background: #ffb400;
      color: #000;
    }

    .quikctech-profile-accinfo-btn-cancel {
      background: #eee;
    }

    .quikctech-profile-accinfo-btn-changepass {
      background: #f5f5f5;
    }

    .quikctech-profile-accinfo-btn-enable {
      background: #f5f5f5;
    }

    .quikctech-profile-accinfo-header {
      display: flex;
      align-items: center;
      margin-bottom: 20px;
    }

    .quikctech-profile-accinfo-header img {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      margin-right: 15px;
    }


    /* address */


    .quikctech-address-pro-section {
      background: #fff;
      border-radius: 6px;
      padding: 20px;
      margin-bottom: 20px;
      border: 1px solid #eee;
    }

    .quikctech-address-pro-section h6 {
      font-weight: bold;
      margin-bottom: 15px;
    }

    .quikctech-address-pro-input,
    .quikctech-address-pro-select {
      border-radius: 4px;
      font-size: 14px;
      padding: 8px;
    }

    .quikctech-address-pro-label {
      font-size: 13px;
      font-weight: 500;
      margin-bottom: 3px;
      display: block;
    }

    .quikctech-address-pro-error {
      font-size: 12px;
      margin-top: 3px;
      color: red;
    }

    .quikctech-address-pro-btn {
      background: #f6b140;
      border: none;
      color: #000;
      font-weight: bold;
      padding: 10px 20px;
      border-radius: 4px;
      float: right;
    }

    .quikctech-address-pro-captcha {
      background: #fff;
      border: 1px solid #ddd;
      border-radius: 4px;
      padding: 10px;
      width: 310px;
      height: 78px;
      display: flex;
      align-items: center;
      margin-top: 15px;
    }

    .quikctech-address-pro-captcha input {
      margin-right: 10px;
    }

    .quikctech-address-pro-captcha img {
      margin-left: auto;
    }

    .quikctech-save-add-btn{
      margin-bottom: 41px;
    }

    /* address */

    /* referral */

      .quikctech-referral {
      /* max-width: 1000px;
      margin: auto; */
      display: flex;
      justify-content: space-between;
      gap: 30px;
      align-items: flex-start;
    }

    .quikctech-referral-left {
      flex: 2;
    }

    .quikctech-referral-block {
      margin-bottom: 25px;
    }

    .quikctech-referral-title {
      color: #f7a600;
      font-weight: bold;
      font-size: 15px;
      margin-bottom: 8px;
    }

    .quikctech-referral-link,
    .quikctech-referral-code {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border: 1px solid #eee;
      border-radius: 4px;
      padding: 8px 12px;
      font-size: 14px;
      background: #fff;
    }

    .quikctech-referral-copy {
      cursor: pointer;
      color: #555;
      font-size: 18px;
      margin-left: 10px;
    }

    .quikctech-referral-share {
      margin-top: 8px;
      font-size: 14px;
    }

    .quikctech-referral-share span {
      margin-right: 8px;
      color: #333;
    }

    .quikctech-referral-share a {
      margin-right: 10px;
      font-size: 18px;
      color: #444;
      text-decoration: none;
    }

    .quikctech-referral-share a:hover {
      color: #f7a600;
    }

    .quikctech-referral-right {
      flex: 1;
    }

    .quikctech-referral-right img {
      width: 100%;
    }

 .quicktech-balance-inner {
	background-color: white;
	width: max-content;
	padding: 30px 53px;
	margin: auto;
	border-radius: 7px;
	width: 500px;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}

    .quicktech-balance-inner a{
      padding: 4px 20px;
      background-color: black;
      color: white;
      border-radius: 5px;
    }

.quicktech-balance-inner h4{
  padding-bottom: 10px;
}
    

/*  */

    .quikctech-transaction-table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 20px;
      font-size: 14px;
    }

    .quikctech-transaction-table th,
    .quikctech-transaction-table td {
      border: 1px solid #ddd;
      padding: 10px 12px;
      text-align: left;
    }

    .quikctech-transaction-table th {
      background: #1c05b0;
      color: #fff;
      font-weight: bold;
    }

    .quikctech-transaction-table tr:nth-child(even) {
      background-color: #f9f9f9;
    }

    .quikctech-transaction-table tr:hover {
      background-color: #f1f1f1;
    }

    .quikctech-transaction-title {
      font-size: 18px;
      font-weight: bold;

    }

    .quicktech-sidebar-main ul li a span{
      padding-left: 24px;
    }



/* user dashboard */


	.quikctech-menu-sidebar-customer{
    display: none ;
    }



    .quikctech-or-container {
  padding: 15px;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

.quikctech-or-table {
  border-radius: 10px;
  overflow: hidden;
}

.quikctech-or-th {
  font-weight: 600;
  font-size: 15px;
  color: white;
}

.quikctech-or-td {
  font-size: 14px;
}

.quikctech-or-status {
  font-size: 13px;
  padding: 6px 10px;
  border-radius: 20px;
}
.quikctech-or-thead{
  background-color: #1c05b0;
}
.quikctech-or-invoice-btn {
  font-size: 13px;
  padding: 5px 12px;
  border-radius: 20px;
  transition: all 0.3s ease;
}

.quikctech-or-invoice-btn:hover {
  background-color: #0a58ca;
  transform: scale(1.05);
}

@media (max-width: 576px) {
  .quikctech-or-td, 
  .quikctech-or-th {
    font-size: 13px;
    white-space: nowrap;
  }
}


.quikctechd-sidebar-menu {
  width: 100%;
}

.quikctechd-item {
  border: none;
}

.quikctechd-btn,
.quikctechd-link {
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  color: #333;
  font-size: 17px;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.quikctechd-btn img,
.quikctechd-link img {
  width: 18px;
}

.quikctechd-btn:focus {
  box-shadow: none;
}

.quikctechd-btn:not(.collapsed) {
  background-color: #f5f5f5;
  color: #000;
}

.quikctechd-submenu a {
  display: block;
  padding: 0;
  color: #555;
  text-decoration: none;
}

.quikctechd-submenu a:hover {
  background-color: #f2f2f2;
}

.quikctechd-submenu{
  padding: 5px 26px !important;
}

.quikctech-table-scroll{
  height: 300px;
  overflow-y: auto;
}

.quikctech-package-main{
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    transition: 0.3s ease;
}

.quikctech-package-main:hover{
  box-shadow: none;
  transform: scale(1.04);
}

.quikctech-package-img img{
  height: 240px;
  object-fit: cover;
}

.quikctech-package-text h4{
  font-size: 23px;
  font-weight: 600;
  padding-top: 8px;
  color:black;
}

.quikctech-package-text p {
	font-size: 16px;
	font-weight: 500;
	color: #1c05b0;
}

.quikctech-package-text ul{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
}

.quikctech-package-text ul li{
  font-size: 14px;
  color:black;
}

.quikctech-read-more-btn a{
  padding: 4px 20px;
  background: #1c05b0;
  border-radius: 5px;
  color: white;
  color:black;
}

.quicktech-tour-package-inner{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 15px;
}

.quicktech-package-details-img img{
  height: 300px;
  object-fit: cover;
}

.quicktech-package-details ul{
   display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 5px;
}

.quikctech-desp p{
  color: rgba(0, 0, 0, 0.555);
}

.quikctech-booknow-btn a{
  padding: 6px 25px;
  background-color: #0a58ca;
  color: white;
  font-weight: 600;
  border-radius: 5px;
  border: 1px solid transparent;
}

.quikctech-booknow-btn a:hover{
  background-color: white;
  color: black;
  border: 1px solid black;
}

.quicktech-package-details h3{
  font-weight: 600;
}


.quicktech-p-price{
  font-weight: 500;
  font-size: 18px;
  color: #1c05b0;
}

.quikctech-retail-mainnn{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.quikctech-retailer-search-inner{
  display: flex;
  gap: 10px;
  align-items: center;
}

.qikctech-re-search input{
  padding: 4px;
  border-radius: 5px;
  border: 1px solid #ddd;
}

.qikctech-re-search{
  position: relative;
 }

 .qikctech-re-search button {
	position: absolute;
	right: 7px;
	top: 6px;
	border: none;
	background-color: transparent;
}



.quikctech-order-progress-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 50px auto;
  position: relative;
  font-family: Arial, sans-serif;
}

.quikctech-order-progress-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
  flex: 1;
}

.quikctech-order-progress-circle {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 2px solid #ccc;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ccc;
  font-size: 14px;
  font-weight: bold;
}

.quikctech-order-progress-step.actives .quikctech-order-progress-circle {
  background-color: #1e90ff !important;
  border-color: #1e90ff;
  color: #fff;

}

.quikctech-order-progress-line {
  flex: 1;
  height: 2px;
  background-color: #ddd;
  z-index: 1;
}

.quikctech-order-progress-step span {
  margin-top: 8px;
  font-size: 12px;
  color: #999;
  text-align: center;
  white-space: nowrap;
}

.quikctech-order-progress-step.actives span {
  color: #1e90ff;
}


.quicktech-invoi-card {
  border-radius: 8px;
  background-color: #fff;
}

.quicktech-invoi-title {
  font-size: 15px;
  color: #333;
}


.quicktech-invoi-name {
  font-size: 14px;
}

.quicktech-invoi-address,
.quicktech-invoi-phone,
.quicktech-invoi-fee,
.quicktech-invoi-method {
  font-size: 13px;
  color: #666;
}

.quicktech-invoi-table th,
.quicktech-invoi-table td {
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
}

.quicktech-invoi-table th:first-child,
.quicktech-invoi-table td:first-child {
  text-align: left;
}

.quicktech-invoi-img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  background: #fff;
}

.quicktech-invoi-btn {
  background-color: #007bff;
  border: none;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 4px;
}

.quicktech-invoi-btn-cancel {
  background-color: #dc3545;
  border: none;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 4px;
}

.quikctech-package-main{
  position: relative;
}

.quikctech-taget span{
  position: absolute;
  right: 6px;
  background-color: #ffffffb2;
  font-weight: 600;
  padding: 4px;
  border-radius: 5px;
  font-size: 13px;
}



.quicktech-rating-img{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
}

.quikctech-digit-main {
	width: 19%;
	padding: 32px;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
	height: 145px;
}

.quikctech-digit-box{
  display: flex;
  gap: 10px;
  justify-content: center;
}

.quikctech-digit-main  h4{
  font-size: 20px;
}

.quicktech-next-rank h5{
  padding-top: 12px;
  font-size: 19px;
}

.quicktech-balance-inners{
  padding: 20px;
  border: 1px solid #ddd;
}

.quicktech-next-rank span{
  position: absolute;
  top: 8px;
  right: 11px;
  font-weight: 600;
  background-color: #f6b140;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 14px;
  color: white;
}
.quicktech-balance-inner{
  position: relative;
}

/* .quicktech-balance-inner span{
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: #0a58ca;
  color: white;
  font-weight: 600;
  font-size: 14px;

} */


#quicktech-mobile-navbar {
	position: fixed;
	top: 0;
	background-color: white;
	width: 100%;
	padding: 8px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	z-index: 9999;
  display: none;
}


.quikctech-sidebar button {
	border: none;
	background-color: transparent;
	font-size: 25px;
	margin-top: 9px;
}

.quikctech-mobile-logo img{
  height: 48px;
}
.quikctech-mobile-logo{
  text-align: center;
}

.quikctech-mobile-cart ul {
	display: flex;
	gap: 20px;
	justify-content: end;
	margin-top: 10px;
}

.quikctech-mobile-cart ul li a{
  font-size: 20px;
  color: black;
}
.quikctech-search-mob {
	position: relative;
	margin-top: 9px;
}
.quikctech-search-mob input{
  width: 100%;
  padding: 8px;
  border-radius: 20px;
  border: 1px solid #ddd;
}

.quikctech-search-mob button {
	position: absolute;
	right: 12px;
	top: 7px;
	border: none;
	background-color: transparent;
	font-size: 19px;
}



.quikctech-offcanvas {
  width: 280px !important;
  background-color: #fff;
  box-shadow: 4px 0 10px rgba(0,0,0,0.1);
  border-right: 1px solid #eee;
}

.quikctech-menu-list a:hover {
  background-color: #f5f5f5;
  border-radius: 6px;
  text-decoration: none;
}

.offcanvas-start{
  z-index: 99999999;
}

.quikctech-menu-list li{
  border-bottom: 1px solid #ddd;
}


#quikctech-bottom-nav{
  display: none;
  z-index: 99999999999999999999;
}

.quikctech-bottom-nav-menu ul li a {
	font-size: 22px;
	color: white;
}

.gapp{
  row-gap: 20px;
}

#offcanvasRight{
  z-index: 999999;
}


 .quikctech-shop-banner {
      width: 100%;
      height: 200px;
      background: url('banner.png') center center/cover no-repeat;
    }

    .quikctech-shop-profile-section {
      background-color: #f2e4db;
      padding: 40px 0;
      border-bottom: 1px solid #d8c5b8;
    }

    .quikctech-shop-profile-img {
      width: 120px;
      height: 120px;
      border-radius: 50%;
      background-color: #000;
      border: 3px solid #d8c5b8;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-weight: 500;
      font-size: 22px;
      margin: 0 auto;
      position: relative;
      flex-direction: column;
    }

    .quikctech-shop-profile-img small {
      font-size: 10px;
      color: red;
      letter-spacing: 1px;
      margin-top: -3px;
    }

    .quikctech-shop-stats {
      text-align: center;
      margin-top: 15px;
    }

    .quikctech-shop-stats strong {
      font-size: 20px;
      color: #704e3b;
      display: block;
    }

    .quikctech-shop-stats span {
      font-size: 13px;
      color: #7a6b60;
    }

    .quikctech-shop-profile-name {
      text-align: center;
      font-weight: 600;
      color: #6d4b39;
      font-size: 18px;
    }

    .quikctech-shop-message-btn {
      border: 1px solid #704e3b;
      background: transparent;
      color: #704e3b;
      font-size: 13px;
      padding: 5px 15px;
      border-radius: 20px;
      transition: 0.3s ease;
    }

    .quikctech-shop-message-btn:hover {
      background: #704e3b;
      color: #fff;
    }

   

     .quikctech-shop-banner img{
      width: 100%;
      height: 100%;
    }


    .retailer{
      border: 1px solid #704e3b;
  background: transparent;
  color: #704e3b;
  font-size: 13px;
  padding: 5px 15px;
  border-radius: 20px;
  transition: 0.3s ease;
  width: max-content;
  margin: auto;
    }

    .quicktech-vv{
         border: 1px solid #704e3b;
  background: transparent;
  color: #704e3b !important;
  font-size: 13px;
  padding: 5px 15px;
  border-radius: 20px;
  transition: 0.3s ease;
  width: max-content;
 
    }

      .quicktech-vv a{
        color: black;
      }

      .quikctech-filter-flex{
        display: flex;
        justify-content: space-between;
        align-items: center;
        
      }

      .quicktech-search-filter{
        position: relative;
      }
     .quicktech-search-filter button {
	position: absolute;
	right: 10px;
	top: 7px;
	border: none;
	background-color: transparent;
}

      .quicktech-search-filter input{
        padding: 6px;
        border-radius: 20px;
        border: 1px solid #ddd;
      }

      .quikctech-filter{
        display: flex;
        gap: 20px;
        align-items: end;
      }

      .quikctech-monthly-button button{
        padding: 5px 15px;
  border-radius: 5px;
  border: 1px solid #1c05b0;
  background-color: #1c05b0;
  color: white;
  font-weight: 600;
      }



      * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-family: inherit;
}



#quikctech-roughpaper {
	opacity: 0.2;
}

.quikctech-ticket {
	filter: drop-shadow(5px 5px 8px rgba(0, 0, 0, 0.2)) blur(0.2px);
	position: relative;
}

.quikctech-ticket::after {
	content: "";
	filter: url("#quikctech-roughpaper");
	clip-path: path(
		"M4.3542 116.355C17.3259 117.282 20.7794 127.838 20.8847 133C91.2186 132.93 235.192 132.79 248.417 132.79C250.733 118.568 264.421 116.04 265.263 115.829C266.106 115.619 265.263 113.512 265.263 112.985C265.263 112.458 263.263 111.931 263.263 110.141C263.263 108.35 264.632 106.875 265.263 106.453C265.895 106.032 265.895 102.872 265.895 102.134C265.895 101.397 262.842 99.7112 262.842 97.7096C262.842 95.708 265.158 94.4438 265.895 91.5994C266.632 88.7551 263.263 87.8069 262.842 84.9626C262.42 82.1182 265.895 82.2235 265.895 79.0631C265.895 75.9027 262.842 76.1134 262.842 73.269C262.842 70.4247 265.369 70.3193 265.895 67.0535C266.421 63.7878 262.842 63.261 262.842 60.522C262.842 57.783 265.369 58.099 265.895 54.4119C266.421 50.7247 262.842 49.9873 262.842 47.9857C262.842 45.9841 265.79 43.2451 265.895 41.8756C265.895 39.5 263.263 38.9258 262.842 36.3975C262.42 33.8692 265.369 32.605 265.369 29.6553C265.369 26.7055 262.526 25.7574 262.526 23.9665C262.315 21.9649 267.369 19.4366 261.999 17.3296C253.66 15.6441 249.259 5.7409 248.101 1H22.6751C22.6751 1 21.7275 1.00095 21.7275 1.63208C17.9371 18.2769 6.77635 17.3286 6.03932 17.3286C5.30229 17.3286 5.51287 16.4859 3.72294 18.3821C1.93301 20.2784 4.3542 22.8067 4.3542 27.3366C4.3542 31.8665 1.61708 33.4467 2.14359 35.027C2.6701 36.6072 4.3542 37.1339 4.3542 40.821C4.3542 44.5082 1.82766 43.3494 1.09063 45.7724C0.353596 48.1954 4.3542 48.5114 4.3542 52.3039C4.3542 56.0964 1.61708 54.0948 1.61708 57.9927C1.61708 61.8905 4.3542 60.3103 4.3542 63.9975C4.3542 67.6846 1.61708 67.6846 1.61708 70.845C1.61708 74.0054 4.3542 74.1108 4.3542 77.1659C4.3542 80.2209 1.61708 79.7995 1.61708 82.3279C1.61708 84.8562 4.3542 86.9632 4.3542 89.1754C4.3542 91.3877 1.61708 92.5466 1.61708 94.8642C1.61708 97.1818 4.3542 100.132 4.3542 101.712C4.3542 103.292 2.03824 106.242 2.03824 108.033C2.03824 109.465 3.23125 111.86 3.82775 112.879C3.82775 113.511 4.35457 114.986 4.3542 116.355Z"
	);
	position: absolute;
	inset: 0;
}

.quikctech-ticket p {
	z-index: 2;
	padding: 0.8rem 1.2rem;
	position: relative;
	font-size: 3rem;
	font-stretch: 85%;
	font-weight: 800;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: -1px;
	display: grid;
	grid-template-columns: auto min-content auto;
	filter: url("#quikctech-warp");
	mix-blend-mode: multiply;
	transform: scale(0.95) translateX(-6px);
}

.quikctech-ticket span {
	border: 3.5px solid var(--border-color);
	padding: 0 0.75rem;
	font-size: 33px;
	margin-top: 28px;
}

.quikctech-ticket p::after,
.quikctech-ticket p::before {
	content: "123456";
	font-size: 1.8rem;
	font-stretch: 85%;
	font-weight: 400;
	writing-mode: vertical-lr;
	border: 3.5px solid var(--border-color);
	letter-spacing: 1px;
}

.quikctech-ticket p::after {
	border-left: none;
	border-bottom-right-radius: 0.75rem;
	border-top-right-radius: 0.75rem;
}

.quikctech-ticket p::before {
	border-right: none;
	border-bottom-left-radius: 0.75rem;
	border-top-left-radius: 0.75rem;
}
.quikctech-ticket{
  width: max-content;
  margin: auto;
}


.quicktech-floating-contact img {
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 9999;
  height: 60px;
  animation: quikctech-scalePulse 1.4s ease-in-out infinite;
}

/* Infinite Scale Animation */
@keyframes quikctech-scalePulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}



.quikctech-ticket::after {
	content: "";
	filter: url("#quikctech-roughpaper");
	clip-path: path(
		"M4.3542 116.355C17.3259 117.282 20.7794 127.838 20.8847 133C91.2186 132.93 235.192 132.79 248.417 132.79C250.733 118.568 264.421 116.04 265.263 115.829C266.106 115.619 265.263 113.512 265.263 112.985C265.263 112.458 263.263 111.931 263.263 110.141C263.263 108.35 264.632 106.875 265.263 106.453C265.895 106.032 265.895 102.872 265.895 102.134C265.895 101.397 262.842 99.7112 262.842 97.7096C262.842 95.708 265.158 94.4438 265.895 91.5994C266.632 88.7551 263.263 87.8069 262.842 84.9626C262.42 82.1182 265.895 82.2235 265.895 79.0631C265.895 75.9027 262.842 76.1134 262.842 73.269C262.842 70.4247 265.369 70.3193 265.895 67.0535C266.421 63.7878 262.842 63.261 262.842 60.522C262.842 57.783 265.369 58.099 265.895 54.4119C266.421 50.7247 262.842 49.9873 262.842 47.9857C262.842 45.9841 265.79 43.2451 265.895 41.8756C265.895 39.5 263.263 38.9258 262.842 36.3975C262.42 33.8692 265.369 32.605 265.369 29.6553C265.369 26.7055 262.526 25.7574 262.526 23.9665C262.315 21.9649 267.369 19.4366 261.999 17.3296C253.66 15.6441 249.259 5.7409 248.101 1H22.6751C22.6751 1 21.7275 1.00095 21.7275 1.63208C17.9371 18.2769 6.77635 17.3286 6.03932 17.3286C5.30229 17.3286 5.51287 16.4859 3.72294 18.3821C1.93301 20.2784 4.3542 22.8067 4.3542 27.3366C4.3542 31.8665 1.61708 33.4467 2.14359 35.027C2.6701 36.6072 4.3542 37.1339 4.3542 40.821C4.3542 44.5082 1.82766 43.3494 1.09063 45.7724C0.353596 48.1954 4.3542 48.5114 4.3542 52.3039C4.3542 56.0964 1.61708 54.0948 1.61708 57.9927C1.61708 61.8905 4.3542 60.3103 4.3542 63.9975C4.3542 67.6846 1.61708 67.6846 1.61708 70.845C1.61708 74.0054 4.3542 74.1108 4.3542 77.1659C4.3542 80.2209 1.61708 79.7995 1.61708 82.3279C1.61708 84.8562 4.3542 86.9632 4.3542 89.1754C4.3542 91.3877 1.61708 92.5466 1.61708 94.8642C1.61708 97.1818 4.3542 100.132 4.3542 101.712C4.3542 103.292 2.03824 106.242 2.03824 108.033C2.03824 109.465 3.23125 111.86 3.82775 112.879C3.82775 113.511 4.35457 114.986 4.3542 116.355Z"
	);
	position: absolute;
	inset: 0;
}


.quikctech-product-inner{
  position: relative;
}


.quikctech-wishlist button {
	position: absolute;
	top: 10px;
	right: 10px;
	background-color: transparent;
	border: none;
	color: red;
	font-size: 29px;
}

.preview-box{
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  transition: all .2s ease;
}

.preview-box.active{
  background: #e8f1ff;
  border-color: #0d6efd;
}

.preview-box .list-item:first-child{
  margin-bottom: 8px;
}