/* common css start */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  overflow-x: hidden;
}
a {
  text-decoration: none;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
img {
  vertical-align: middle;
}

/* common css end */

/* dashboard */
.quicktech-top-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #d12053;
  padding: 10px 8px;
  border-bottom: 3px solid black;
}
.quicktech-top-menus {
  text-align: center;
  background-color: #d12053;
  padding: 10px 8px;
  border-bottom: 3px solid black;
}

.quicktech-top-menus h5 {
  color: white;
  font-weight: 600;
}

.quicktech-top-menu img {
  height: 43px;
}

.quicktech-top-menu h5 {
  color: white;
  font-weight: 600;
}

.quikctech-desk-inner {
  border-radius: 20px;
  overflow: hidden;
}

.quikctech-pro {
  border: 3px solid black;
  padding: 10px 8px;
  background-color: #d12053;
}

.quikctech-pro img {
  height: 35px;
}

.quikctech-pro h4 {
  color: white;
  font-weight: 600;
}

.quikctech-pro p {
  padding: 5px;
  background-color: #067429;
  color: white;
  font-weight: 700;
}

.quikctech-head h6 {
  color: white;
  font-weight: 600;
  font-size: 17px;
}
.quikctech-head a {
  color: white;
  padding: 5px 15px;
  background-color: #305bab;
  border: 3px solid white;
  border-radius: 10px;
}

.quikctech-community-inner {
  background-color: white;
  border: 3px solid black;
  padding: 5px;
  border-radius: 5px;
}
.quikctech-community-inner h6 {
  font-weight: 700;
  font-size: 17px;
}
.quikctech-community-inner span {
  color: #9b4a08;
  font-weight: 600;
}

.quikctech-community-inner img {
  padding-bottom: 10px;
}

.quikctech-community-inner h6 {
  color: black;
}

.gapp {
  row-gap: 10px;
}

.quicktech-bottom-nav {
  border-top: 3px solid black;
  padding: 10px 8px;
  background-color: #d12053;
}

.quikctech-bottom-menu ul li a img {
  height: 30px;
}

.quikctech-bottom-menu ul {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.quikctech-bottom-menu ul li a h6 {
  color: white;
  padding-top: 5px;
  font-weight: 700;
  font-size: 14px;
}

/* .active{
    border: 3px dotted yellow !important;
  border-radius: 5px;
} */

.quikctech-bottom-menu ul li {
  border: 3px dotted transparent;
}
/* dashboard */

/* order */

.quicktech-card {
  width: 100%;
  border-radius: 10px;
  padding: 10px 15px;
  margin-bottom: 15px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  font-size: 14px;
}

/* Colors */
.quicktech-pink {
  background: #fdd6d6;
  border: 2px solid #c72f48;
}
.quicktech-yellow {
  background: #fff3c6;
  border: 2px solid #d6b900;
}
.quicktech-green {
  background: #c2f0da;
  border: 2px solid #2fa97b;
}

.quicktech-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3px;
}

.quicktech-amount{
  color: black;
}

.quicktech-payment{
  color: black;
}

.quicktech-titles{
  color: black;
}

.quicktech-footer{
  color: black;
}

.quicktech-date {
  font-weight: bold;
}

.quicktech-oid {
  font-weight: bold;
  color: black;
}

.quicktech-oid a {
  color: #007bff;
  text-decoration: none;
}

.quicktech-label {
  font-weight: bold;
}

.quicktech-footer {
  display: flex;
  justify-content: space-between;
  margin-top: 3px;
  font-size: 13px;
}

.quicktech-title {
  margin-top: 3px;
  font-weight: bold;
}

/* order */
.quicktech-outlet-card {
  width: 100%;
  display: flex;
  border: 2px solid #333;
  border-radius: 10px;
  background: #fff;
  margin-bottom: 15px;
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  background-color: #f8d3af;
}

.quicktech-outlet-img {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 2px solid #ccc;
  padding: 8px;
}

.quicktech-outlet-img img {
  max-width: 80px;
  border-radius: 5px;
}

.quicktech-outlet-content {
  flex: 1;
  padding: 8px;
  font-size: 14px;
  line-height: 1.3;
}

.quicktech-outlet-title {
  font-weight: bold;
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* clamp to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.quicktech-outlet-price-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 3px;
  font-size: 13px;
}

.quicktech-outlet-label {
  font-weight: bold;
  color: red;
  margin-right: 3px;
}

.quicktech-outlet-price {
  color: green;
  font-weight: bold;
  margin-right: 8px;
}

.quicktech-outlet-discount {
  color: #000;
  margin-right: 8px;
}

.quicktech-outlet-buttons {
  display: flex;
  gap: 10px;
  margin-top: 5px;
}

.quicktech-outlet-btn {
  flex: 1;
  padding: 5px 8px;
  border-radius: 5px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  text-align: center;
  border: none;
}

.quicktech-outlet-btn-warning {
  background: #0b8e61;
}

.quicktech-outlet-btn-primary {
  background: #117a65;
}

/* credit */

.quicktech-credit-container {
  display: flex;
  gap: 15px;
}

.quicktech-credit-card {
  width: 100%;
  border: 2px solid #000;
  border-radius: 5px;
  text-align: center;
  background: #fff;
  overflow: hidden;
  font-size: 14px;
}

.quicktech-credit-title {
  background: #fff6c9;
  padding: 5px;
  font-weight: bold;
  color: red;
  border-bottom: 2px solid #000;
}

.quicktech-credit-title.income {
  background: #e7f0ff;
}

.quicktech-credit-balance {
  background: green;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 0;
  border-bottom: 2px solid #000;
}

.quicktech-credit-footer {
  background: #004aad;
  color: #fff;
  font-weight: bold;
  padding: 6px 0;
  border-top: 2px solid #000;
  cursor: pointer;
}

.quicktech-credit-footer:hover {
  background: #003580;
}

.quikctech-last-trans {
  display: flex;
  justify-content: space-between;
}

.quicktech-transac-main {
  border: 3px solid black;
  padding: 5px;
  background-color: #c6dcff;
  border-radius: 5px;
}

.quikctech-last-trans span {
  font-weight: 600;
}

.quicktech-social ul {
  display: flex;
  gap: 11px;
  justify-content: center;
}
.quicktech-social ul li a {
  color: white;
  font-size: 20px;
}

.quicktech-menu ul li a {
  color: #ffdc4a;
  font-size: 18px;
  font-weight: 600;
}
.quicktech-menu ul li {
  padding-bottom: 5px;
}

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

.quikctech-status-input input {
  padding: 5px;
  width: 100%;
}

.quikctech-status-input {
  position: relative;
  width: 100%;
}

.quikctech-status-input button {
  position: absolute;
  right: 7px;
  background-color: transparent;
  border: none;
  top: 6px;
}
/* credit */

.quikctech-add-pbutton {
  display: flex;
  gap: 10px;
  justify-content: center;
}

.quikctech-add-pbutton a {
  padding: 5px 20px;
  background-color: #305bab;
  border: 3px solid black;
  border-radius: 10px;
  color: white;
  font-weight: 600;
}

.quicktech-shopsetting-form-container {
  width: 100%;
  margin: 0 auto;
}
.quicktech-shopsetting-form-row {
  display: flex;
  margin-bottom: 8px;
}
.quicktech-shopsetting-form-row > * {
  box-sizing: border-box;
}
.quicktech-shopsetting-input-text,
.quicktech-shopsetting-select {
  height: 38px;
  border: 1px solid #ccc;
  padding: 6px 8px;
  font-size: 14px;
  color: #000;
}
.quicktech-shopsetting-input-text::placeholder {
  color: #888;
}
.quicktech-shopsetting-input-text {
  flex: 1;
}
/* First row: two text inputs and a shop logo box */
.quicktech-shopsetting-shop-logo-box {
  width: 85px;
  height: 38px;
  background: #f6f6f6;
  border: 1px solid #ccc;
  margin-left: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  color: #555;
  user-select: none;
  position: relative;
}
.quicktech-shopsetting-shop-logo-box:hover {
  background-color: #e0e0e0;
}
/* Hide actual file input */
.quicktech-shopsetting-file-input {
  position: absolute;
  width: 85px;
  height: 38px;
  opacity: 0;
  cursor: pointer;
  left: 0;
  top: 0;
}
.quicktech-shopsetting-select {
  flex: 1;
  border-radius: 0;
  border: 1px solid #ccc;
  background: #fff;
  margin-right: 8px;
}
/* For last select in each row remove margin-right */
.quicktech-shopsetting-form-row .quicktech-shopsetting-select:last-child {
  margin-right: 0;
}
.quicktech-shopsetting-btn-submit {
  background-color: #005cbc;
  color: #fff;
  border: none;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0;
  width: 100%;
  cursor: pointer;
  margin-top: 16px;
  border-radius: 2px;
}
.quicktech-shopsetting-btn-submit:hover {
  background-color: #003f7d;
}

.quicktech-shopsetting-input-text {
  width: 100%;
}

.quikctech-login-container {
  max-width: 340px;
  margin: 60px auto;
  text-align: center;
  font-family: "Noto Sans Bengali", sans-serif;
}
.quikctech-login-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 25px;
  line-height: 1.5;
}
.quikctech-login-label {
  font-size: 15px;
  font-weight: 600;
  display: block;
  text-align: left;
  margin-bottom: 6px;
}
.quikctech-login-input {
  font-size: 18px;
  font-weight: 700;
  color: #777;
  text-align: left;
  border: 1px solid #ccc;
  border-radius: 6px;
  width: 100%;
  height: 46px;
  outline: none;
  padding-left: 9px;
}
.quikctech-login-input::placeholder {
  color: #b3b3b3;
}
.quikctech-login-terms {
  font-size: 14px;
  margin-top: 12px;
}
.quikctech-login-terms span {
  color: red;
  font-weight: 700;
  text-decoration: underline;
}

.english {
  padding: 5px 8px;
  background-color: #003580;
  color: white;
  font-weight: 600;
  border-radius: 5px;
}

/*  */
.quikctech-p-add-container {
  background: #fff;
  border: 4px solid #d92b61;
  border-radius: 8px;
  max-width: 550px;
  margin: auto;
  padding: 20px;
  box-sizing: border-box;
}

.quikctech-p-add-row {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}

.quikctech-p-add-input,
.quikctech-p-add-select,
.quikctech-p-add-textarea {
  flex: 1;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
}

.quikctech-p-add-section {
  border: 2px solid #d92b61;
  border-radius: 5px;
  margin: 15px 0;
  padding: 10px;
}

.quikctech-p-add-section-title {
  background: #d92b61;
  color: #fff;
  padding: 5px 10px;
  border-radius: 3px;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 10px;
}

.quikctech-p-add-images {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.quikctech-p-add-image-box {
  flex: 1;
  min-width: 30%;
  text-align: center;
  border: 1px dashed #999;
  padding: 8px;
  border-radius: 5px;
  background: #f9f9f9;
}

.quikctech-p-add-image-box input[type="file"] {
  width: 100%;
}

.quikctech-p-add-image-box img {
  width: 100%;
  max-height: 120px;
  margin-top: 5px;
  border-radius: 5px;
  object-fit: cover;
}

.quikctech-p-add-button {
  background: #d92b61;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 8px 10px;
  cursor: pointer;
  font-size: 13px;
  margin-top: 5px;
}

.quikctech-p-add-button:hover {
  background: #b8204d;
}

.quikctech-p-add-textarea {
  width: 100%;
  resize: none;
}

/* notification */

.quicktech-notibuttons {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.quicktech-notibuttons button {
  width: 100% !important;
  padding: 3px;
  border: 2px solid white;
  border-radius: 5px;
  color: white !important;
  font-weight: 600;
}

.notification-card {
  background-color: #fff;
  width: 100%;
  padding: 15px;
  border-radius: 6px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  border-left: 4px solid orange;
}

.notification-title {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  gap: 5px;
  color: #000;
}

.notification-body {
  font-size: 15px;
  color: #333;
  line-height: 1.6;
}

.notification-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  font-size: 14px;
  color: #444;
}

.notification-footer i {
  margin-right: 5px;
  color: #888;
}

.footer-item {
  display: flex;
  align-items: center;
}

.quikctech-container {
  display: flex;
  gap: 8px;

  width: 100%;
  border-radius: 5px;
}

.quikctech-select,
.quikctech-input {
  font-size: 16px;
  padding: 6px 12px;
  border: 2px solid #000;
  border-radius: 3px;
  outline: none;
  font-family: "Noto Sans Bengali", sans-serif;
  color: #888;
}

.quikctech-select {
  background: #ffffff
    url('data:image/svg+xml;utf8,<svg fill="black" height="12" viewBox="0 0 24 24" width="12" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>')
    no-repeat right 10px center;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 30px;
}

.quikctech-searchbox {
  position: relative;
}

.quikctech-searchbox::after {
  content: "";
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-color: #1e90ff;
  border-radius: 50%;
  background-image: url('data:image/svg+xml;utf8,<svg fill="white" xmlns="http://www.w3.org/2000/svg" height="12" viewBox="0 0 24 24" width="12"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l4.25 4.25 1.49-1.49L15.5 14zM9.5 14C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
}

.quikctech-search h6 {
  color: white;
  font-weight: 600;
}

.quikctech-outlet-p-card {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  border: 2px solid #c7254e;
  background-color: #ffe9d2;
  padding: 10px;
  border-radius: 5px;
  width: fit-content;
}

.quikctech-outlet-p-image {
  width: 60px;
  height: 60px;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-image: url("https://cdn-icons-png.flaticon.com/512/1055/1055646.png");
  background-size: cover;
  background-position: center;
}

.quikctech-outlet-p-details {
  flex: 1;
}

.quikctech-outlet-p-title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 6px;
  line-height: 1.2;
  color: #000;
  text-align: left;
}

.quikctech-outlet-p-pricing {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  margin-bottom: 6px;
  text-align: left;
}

.quikctech-outlet-p-price {
  color: red;
  font-weight: bold;
}

.quikctech-outlet-p-cashback {
  color: green;
  font-weight: bold;
}

.quikctech-outlet-p-tags {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  font-size: 13px;
}

.quikctech-outlet-p-tag {
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: bold;
}

.quikctech-outlet-p-tag-fav {
  color: orange;
}

.quikctech-outlet-p-tag-active {
  color: green;
}

.quikctech-outlet-p-buttons {
  display: flex;
  gap: 8px;
}

.quikctech-outlet-p-button {
  background-color: #1e7e34;
  color: #fff;
  border: none;
  padding: 6px 12px;
  border-radius: 5px;
  font-weight: bold;
  font-size: 13px;
  cursor: pointer;
}

.quikctech-outlet-p-button-secondary {
  background-color: #007b8f;
}

.quikctech-see-more a {
  padding: 5px 20px;
  background-color: blue;
  color: white;
  font-weight: 600;
}

.quikctech-ot-wrapper {
  width: 100%;
  margin: 20px auto;
  border: 2px solid #ccc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 10px;
  background: white;
  border-radius: 10px;
}

.quikctech-ot-share {
  text-align: center;
  margin-bottom: 10px;
}

.quikctech-ot-socials {
  display: flex;
  justify-content: space-around;
  padding: 5px 0;
  background: #dff9fb;
  border-radius: 5px;
}

.quikctech-ot-icon {
  font-size: 18px;
  cursor: pointer;
}

.quikctech-ot-pricing {
  background: #ffeaa7;
  padding: 5px 10px;
  font-weight: bold;
}

.quikctech-ot-price {
  color: #d63031;
  font-size: 18px;
}

.quikctech-ot-price span {
  float: right;
  margin-left: 5px;
}

.quikctech-ot-cashback {
  color: #00b894;
  font-size: 18px;
}

.quikctech-ot-cashback span {
  float: right;
  margin-left: 5px;
}

.quikctech-ot-wishlist {
  background: #f8f1f1;
  padding: 5px 10px;
  text-align: center;
  font-weight: bold;
  color: #e17055;
  border-bottom: 2px solid #dfe6e9;
}

.quikctech-ot-details {
  background: #d12053;
  color: white;
  padding: 10px;
  border-radius: 5px;
  margin-top: 10px;
}

.quikctech-ot-title {
  font-weight: bold;
  margin-bottom: 5px;
}

.quikctech-ot-description {
  font-size: 14px;
}

.quikctech-ot-review {
  background: #dfe6e9;
  padding: 10px;
  margin-top: 10px;
  border-radius: 5px;
}

.quikctech-ot-review-header {
  font-weight: bold;
  text-align: left;
  padding: 5px 0;
  border-bottom: 1px solid #b2bec3;
}

.quikctech-ot-review-box {
  margin-top: 5px;
}

.quikctech-ot-review-title {
  font-weight: bold;
  font-size: 14px;
}

.quikctech-ot-review-id,
.quikctech-ot-review-date {
  font-size: 12px;
  color: #636e72;
}

.quikctech-ot-note {
  margin-top: 8px;
  font-size: 13px;
  background: #d12053;
  padding: 8px;
  border-radius: 5px;
  color: #2d3436;
}

.proreview {
  width: 100%;
  height: 252px;
  position: relative;
  overflow: hidden;
}

.quikctech-review-box {
  background: #fff;
  border: 2px solid #000;
  border-radius: 6px;
  width: 100%;
  padding: 12px 14px;
  box-sizing: border-box;
}

.quikctech-review-header {
  display: flex;
  align-items: center;
  gap: 10px;
}

.quikctech-stars img {
  height: 71px;
}

.quikctech-name {
  font-size: 20px;
  font-weight: 700;
  color: #000;
}

.quikctech-oid {
  font-size: 16px;
  margin-top: 2px;
}
.quikctech-oid span {
  color: #d12053;
  font-weight: 600;
}

.quikctech-date {
  font-size: 15px;
  color: #000;
  margin-top: 2px;
}

.quikctech-review-text {
  background: #d12053;
  color: #fff;
  border: 2px solid #000;
  border-radius: 4px;
  margin-top: 8px;
  padding: 10px 12px;
  font-size: 17px;
  line-height: 1.5;
  font-weight: 500;
  text-align: center;
}

.quikctech-review {
  background: #fff;
  border: 3px solid #c00054;
  border-radius: 6px;
  width: 100%;
  padding: 10px 14px;
  box-sizing: border-box;
}

.quikctech-review h3 {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  color: #000;
  border-bottom: 2px solid #c00054;
  padding-bottom: 4px;
}

.quikctech-review p {
  margin: 8px 0 0 0;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  color: #000;
}

.pimage {
  width: 100%;
  height: 600px;
  position: relative;
  overflow: hidden;
}

.pimage-slide img {
  width: 100%;
  height: 100%;
}

.quikctech-buttons-community {
  display: flex;
  justify-content: space-between;
}

.quikctech-buttons-community a {
  padding: 5px 20px;
  background-color: white;
  border: 2px solid black;
  border-radius: 24px;
  color: black;
  font-weight: 600;
  font-size: 14px;
}

.quikctech-community-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: 100%;
}

.quikctech-community-list-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border: 2px solid #c00054;
  border-radius: 6px;
  padding: 8px 12px;
  box-sizing: border-box;
}

.quikctech-community-list-badge img {
  width: 50px;
  height: 50px;
}

.quikctech-community-list-content {
  flex-grow: 1;
  padding: 0 8px;
}

.quikctech-community-list-content h4 {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  color: #000;
}

.quikctech-community-list-content p {
  margin: 2px 0;
  font-size: 15px;
  font-weight: 500;
}

.quikctech-community-list-content span {
  font-weight: 600;
}

.quikctech-community-list-status {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
}

.quikctech-community-list-status-badge {
  padding: 2px 8px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  border-radius: 4px;
}

.quikctech-status-rejected {
  background: #d50000;
}

.quikctech-status-approved {
  background: #008000;
}

.quikctech-community-list-date {
  display: flex;
  align-items: center;
  font-size: 13px;
  gap: 4px;
  color: #000;
}

.quikctech-community-list-date img {
  width: 16px;
  height: 16px;
}

.quicktech-border-list-a a {
  padding: 5px 20px;
  background-color: #305bab;
  color: white;
  font-weight: 600;
  border-radius: 20px;
}

.quikctech-community-add-form {
  width: 100%;
  margin: 40px auto;
  background-color: #d32255;
  padding: 20px;
  border-radius: 6px;
}

.quikctech-community-add-form label {
  display: block;
  color: #fff;
  font-weight: 600;
  margin-bottom: 4px;
  font-size: 15px;
}

.quikctech-community-add-form input,
.quikctech-community-add-form select {
  width: 100%;
  padding: 8px 10px;
  border: none;
  border-radius: 3px;
  font-size: 14px;
  margin-bottom: 15px;
  background: #fff;
  box-sizing: border-box;
}

.quikctech-community-add-form input::placeholder {
  color: #a0a0a0;
}

.quikctech-community-add-form select {
  appearance: none;
  background: url("data:image/svg+xml;utf8,<svg fill='black' height='12' viewBox='0 0 24 24' width='12' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>")
    no-repeat right 10px center;
  background-color: #fff;
  background-size: 14px;
}

.quikctech-community-add-button {
  width: 100%;
  background-color: #fff;
  color: #000;
  border: 2px solid #f4e6a5;
  font-weight: 700;
  padding: 7px 0;
  border-radius: 5px;
  font-size: 15px;
  cursor: pointer;
  box-shadow: 0px 2px 0px #00000033;
}

.quikctech-community-add-button:hover {
  background-color: #f4e6a5;
}

.quikctech-podobi-card {
  width: 100%;
  margin: 0 auto;
  background-color: #d32255;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
}

.quikctech-podobi-title {
  background-color: #d32255;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  padding: 6px 10px;
  border-radius: 5px;
  display: inline-block;
  margin-bottom: 10px;
  border: 2px solid #fff;
}

.quikctech-podobi-box {
  background-color: #fff;
  border-radius: 8px;
  padding: 8px 12px;
  margin-bottom: 10px;
  text-align: left;
  font-size: 14px;
  line-height: 1.5;
  box-sizing: border-box;
}

.quikctech-podobi-box h4 {
  font-size: 15px;
  font-weight: 700;
  color: #000;
  margin-bottom: 4px;
}

.quikctech-podobi-greenbox {
  background-color: #fff;
  border-radius: 8px;
  padding: 8px 12px;
  text-align: left;
  font-size: 14px;
  line-height: 1.5;
  box-sizing: border-box;
  border: 2px solid #00a651;
}

.quikctech-podobi-greenbox h4 {
  font-size: 15px;
  font-weight: 700;
  color: #00a651;
  margin-bottom: 4px;
}

.quikctech-reseller-supplierlist-wrapper {
  width: 100%;

  background-color: transparent;
  padding: 4px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 3px;
  font-family: "Noto Sans Bengali", sans-serif;
}

.quikctech-reseller-supplierlist-card {
  width: 100%;
  border: 1px solid #000;
  padding: 3px 6px;
  box-sizing: border-box;
  font-size: 11px;
  line-height: 1.2;
}

.quikctech-reseller-supplierlist-header {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  margin-bottom: 2px;
}

.quikctech-reseller-supplierlist-body p {
  margin: 0;
  padding: 0;
}

.quikctech-reseller-supplierlist-body span {
  color: red;
  font-weight: bold;
}

/* Background colors */
.quikctech-reseller-supplierlist-green {
  background-color: #9ff9cd;
}

.quikctech-reseller-supplierlist-yellow {
  background-color: #fff8b2;
}

.quikctech-reseller-supplierlist-pink {
  background-color: #ffd8d8;
}

.quicktech-sup-ls p {
  font-size: 14px !important;
}

.quicktech-sup-ls span {
  font-size: 14px !important;
}

.quikctech-sup-wrapper {
  width: 100%; /* adjust if needed */
  background: linear-gradient(180deg, #c92a63 0%, #d8436b 100%);
  padding: 14px;
  border-radius: 6px;
  box-sizing: border-box;
  font-family: "Segoe UI", Roboto, Arial, sans-serif;
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.12) inset;
}

.quikctech-sup-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Top input with arrow button */
.quikctech-sup-top {
  display: flex;
  gap: 8px;
  align-items: center;
}

.quikctech-sup-input {
  flex: 1;
  height: 40px;
  padding: 8px 12px;
  border-radius: 4px;
  border: 2px solid #f1d9e6;
  background: #fff;
  font-size: 14px;
  outline: none;
  box-sizing: border-box;
  width: 100%;
}

.quikctech-sup-submit {
  padding: 6px;
  background-color: #003f7d;
  color: white;
  font-weight: 600;
  border: 1px solid transparent;
  width: 100%;
  border-radius: 5px;
}

.quikctech-sup-arrow {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  border: 2px solid #0b2e61;
  background: linear-gradient(180deg, #ffffff 0%, #e6eefc 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.12);
}

.quikctech-sup-arrow:after {
  content: "\25B6"; /* triangle arrow */
  font-size: 14px;
  color: #0b2e61;
  transform: translateX(1px);
}

/* Larger stacked inputs */
.quikctech-sup-textarea {
  height: 40px;
  padding: 8px 12px;
  border-radius: 4px;
  border: 2px solid #f1d9e6;
  background: #fff;
  font-size: 14px;
  outline: none;
  box-sizing: border-box;
  width: 100%;
}

/* Two short inputs side by side */
.quikctech-sup-row {
  display: flex;
  gap: 8px;
}
.quikctech-sup-small {
  flex: 1;
  height: 36px;
  padding: 6px 10px;
  border-radius: 4px;

  width: 100%;
}
.quikctech-sup-wrapper * {
  -webkit-font-smoothing: antialiased;
}

.quikctech-bs-card {
  width: 100%; /* match image scale */
}

/* title */
.quikctech-bs-header {
  background: var(--header);
  color: var(--accent);
  text-align: center;
  padding: 6px 10px;
  border-radius: 4px;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 20px;
  margin-bottom: 10px;

}

/* top row with date/time */
.quikctech-bs-top {
  display: flex;
  gap: 8px;
  margin-bottom: 10px;
}
.quikctech-bs-panel {
  display: flex;
  align-items: center;
  gap: 8px;
    padding: 6px 8px;
  border-radius: 6px;
  border: 3px solid #fff;
  flex: 1;
  font-weight: 700;
  color: white;
}
.quikctech-bs-panel .icon {
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 3px;
  display: inline-block;
}
.quikctech-bs-panel.time {
  justify-content: flex-end;
}

.quikctech-bs-btn input{
   width: 100%;
}

/* buttons row */
.quikctech-bs-actions {
  display: flex;
  gap: 8px;
  margin-bottom: 10px;
}
.quikctech-bs-btn {
  flex: 1;
  background: transparent;
  border: 3px solid var(--outline);
  color: var(--accent);
  font-weight: 700;
  text-align: center;
  position: relative;
  font-size: 14px;
}
.quikctech-bs-btn.neon {
  background: transparent;
}
.quikctech-bs-btn.add {
  background: linear-gradient(90deg, #6ecbff, #7ad6ff);
  color: #001;
}

/* search row */
.quikctech-bs-search {
  display: flex;
  gap: 8px;
  margin-bottom: 10px;
}
.quikctech-bs-input,
.quikctech-bs-name {
  width: 100%;
  padding: 5px;
  border-radius: 4px;
  border: 1px solid #ddd;
}
.quikctech-bs-go {
  width: 46px;
  border-radius: 6px;
  background: #000;
  color: #fff;
  border: none;
  font-weight: 700;
}

/* main content grid */
.quikctech-bs-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.quikctech-bs-leftbig {
  background: orange;
  border-radius: 8px;
  padding: 12px;
  border: 4px solid #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 110px;
}
.quikctech-bs-leftbig .amount {
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 6px;
  color: white;
}
.quikctech-bs-leftbig .label {
  font-size: 14px;
  font-weight: 700;
  color: white;
}

.quikctech-bs-right {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.quikctech-bs-small {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  border-radius: 8px;
  border: 4px solid #fff;
  background: #fff;
  min-height: 46px;
  font-weight: 800;
}
.quikctech-bs-green {
  background: var(--green);
  color: #fff;
  border: none;
  padding: 8px;
  border-radius: 8px;
  font-weight: 800;
  text-align: center;
}
.quikctech-bs-yellow {
  background: var(--yellow);
  color: #000;
  border-radius: 8px;
  padding: 8px;
  font-weight: 800;
  text-align: center;
}

/* small adjustments to more closely match the image */
.quikctech-bs-leftbig .amount small {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: white;
}

/* ensure inner borders look like black outlines */
.quikctech-bs-small,
.quikctech-bs-leftbig {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12) inset;
}

/* responsive */


.quikctech-bill-container {
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  width: 100%;
  border: 3px solid #b3122d;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.quikctech-bill-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  text-align: center;
}

.quikctech-bill-table th {
  background: #7a0019;
  color: #fff;
  padding: 8px;
  border: 1px solid #fff;
  font-weight: 700;
}

.quikctech-bill-table td {
  border: 1px solid #7a0019;
  padding: 6px 8px;
  font-weight: 600;
  color: #000;
}

.quikctech-note {
  font-size: 13px;
  color: #000;
  text-align: left;
  padding: 8px;
  border: 1px solid #7a0019;
  border-top: none;
}

.quikctech-total-section {
  display: flex;
  flex-direction: column;
  border: 1px solid #7a0019;
  border-top: none;
}

.quikctech-total-row {
  display: flex;
  justify-content: space-between;
  padding: 6px 10px;
  font-weight: 700;
  border-top: 1px solid #7a0019;
}

.quikctech-total-row:nth-child(1) {
  background: #ffeb8a;
}

.quikctech-total-row:nth-child(2) {
  background: #d9f3c4;
}

.quikctech-total-row:nth-child(3) {
  background: #ffe3e3;
}

.quikctech-total-label {
  flex: 1;
  text-align: left;
}

.quikctech-total-value {
  flex: 1;
  text-align: right;
}

.quikctech-button-row {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  background: #b3122d;
}

.quikctech-btn {
  padding: 8px 25px;
  border: none;
  border-radius: 25px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  font-size: 15px;
}

.quikctech-btn-cancel {
  background: #cf3c3c;
}

.quikctech-btn-hand {
  background: #ff9000;
}

.quikctech-btn-confirm {
  background: #48b648;
}

.quikctech-btn:hover {
  opacity: 0.9;
}



 .quikctech-buy-wrapper {
    width: 100%;
    background-color: #d4145a;
    color: #fff;
    padding: 15px;
    margin: 20px auto;
    border-radius: 6px;
  }
  .quikctech-buy-title {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 2px solid #fff;
    padding-bottom: 6px;
    margin-bottom: 15px;
  }
  .quikctech-buy-label {
    font-size: 14px;
    margin-bottom: 4px;
    display: block;
  }
  .quikctech-buy-input {
    width: 100%;
    background-color: #fff;
    border: none;
    color: #000;
    font-size: 18px;
    text-align: center;
    padding: 6px 0;
    border-radius: 3px;
    outline: none;
    font-weight: bold;
    margin-bottom: 12px;
  }
  .quikctech-buy-select,
  .quikctech-buy-textarea {
    width: 100%;
    border: none;
    outline: none;
    font-size: 14px;
    padding: 6px;
    border-radius: 3px;
    color: #000;
    background-color: #fff;
    margin-bottom: 12px;
  }
  .quikctech-buy-textarea {
    height: 50px;
    resize: none;
    background-color: #efefef;
  }
  .quikctech-buy-keypad {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
  }
  .quikctech-buy-btn {
    background-color: #fff;
    color: #000;
    border: none;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
    border-radius: 4px;
    cursor: pointer;
  }
  .quikctech-buy-btn:active {
    transform: scale(0.97);
  }
  .quikctech-buy-btn-black {
    background-color: #000;
    color: #fff;
  }
  .quikctech-buy-btn-green {
    background-color: #009846;
    color: #fff;
  }
  .quikctech-buy-btn-red {
    background-color: #c52828;
    color: #fff;
  }

  .quicktech-profile img{
    border-radius: 50%;
    width: 79px;
    height: 79px;
  }

  .quicktech-shop-search{
    display: flex;
  }


  .quikctech-shop-in{
    background-color: white;
    border-radius: 5px;
    border: 1px solid black;
  }

  .quikctech-shop-in input{
    width: 100%;
  padding: 4px;
  }

  .quikctech-c-out-pos{
    position: relative;
  }

.quikctech-c-out-pos button {
	background-color: transparent;
	border: none;
	position: absolute;
	right: 7px;
	top: 6px;
}


.swiperoutban {
	width: 100%;
	height: 188px;
	position: relative;
	overflow: hidden;
}


.quikctech-outban-img img{
  height: 100%;
}

.quiktech-cate-inner img {
	height: 79px !important;
	object-fit: cover;
}

.quiktech-cate-inner h6 {
	font-weight: 600;
	color: white;
	padding-top: 3px;
	font-size: 13px;
}

.quicktech-product-cat-head h5{
  font-weight: 600;
  color: white;
}

.quikctech-p-head h5{
  color: white;
  font-weight: 600;
}

.quikctech-p-head a{
  color: white;
  font-weight: 600;
}

.quicktech-product-inner img{
  height: 110px !important;
  object-fit: cover;
}

.quikctech-proudtc-text h5{
  font-size: 15px;
  font-weight: 600;
  color: #d12053;
}

.quicktech-product-inner{
  background-color: white;
}

.quikctech-proudtc-text{
  padding: 0 5px;
}

.gapp{
  row-gap: 20px;
}

.quikctech-breadcum h6{
  color: white;
  font-weight: 600;
}



.quicktech-cart {
      border: 3px solid #004a8f;
      border-radius: 8px;
      background: #fff;
      max-width: 900px;
      margin: 4px auto;
      box-shadow: 0 3px 10px rgba(0,0,0,0.05);
    }

    /* Header */
   .quicktech-cart-header {
	background-color: #004a8f;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 2px;
	font-weight: 600;
	font-size: 15px;
	gap: 10px;
}

    .quicktech-cart-header span {
      background: #004a8f;
      padding: 2px 8px;
      border-radius: 4px;
      font-size: 13px;
    }

    /* Sub header */
    .quicktech-cart-top {
      display: flex;
      justify-content: space-between;
      background-color: #004a8f;
      color: #fff;
      padding: 5px 15px;
      font-size: 14px;
      border-bottom: 3px solid #e50064;
    }

    /* Product Table */
    .quicktech-cart-table {
      width: 100%;
      border-collapse: collapse;
    }

    .quicktech-cart-table th,
    .quicktech-cart-table td {
      border: 2px solid #e50064;
      text-align: center;
      vertical-align: middle;
      padding: 8px;
      font-size: 14px;
    }

    .quicktech-cart-table th {
      background: #ffeaf3;
      font-weight: 600;
      color: #333;
    }

    .quicktech-cart-checkbox {
      width: 18px;
      height: 18px;
      accent-color: #e50064;
      cursor: pointer;
    }

    .quicktech-cart-img {
      width: 60px;
      height: 60px;
      border: 1px solid #ccc;
      border-radius: 6px;
      object-fit: cover;
    }

    .quicktech-cart-product {
      text-align: left;
      font-weight: 600;
      color: #333;
      line-height: 1.4;
    }

    /* Qty box */
    .quicktech-cart-qty {
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #ccc;
      border-radius: 6px;
      overflow: hidden;
      background: #f9f9f9;
      width: fit-content;
      margin: 0 auto;
    }

    .quicktech-cart-qty button {
      background: #000;
      color: #fff;
      border: none;
      width: 30px;
      height: 30px;
      font-weight: bold;
      cursor: pointer;
      line-height: 1;
    }

    .quicktech-cart-qty input {
      width: 40px;
      text-align: center;
      border: none;
      background: none;
      font-weight: 600;
    }

    .quicktech-cart-close {
      background: #e50064;
      color: #fff;
      border: none;
      border-radius: 50%;
      width: 26px;
      height: 26px;
      line-height: 1;
      font-size: 18px;
      font-weight: bold;
      cursor: pointer;
    }

    .quicktech-cart-footer {
      background: #ffeaf3;
      text-align: right;
      padding: 8px 15px;
      border-top: 3px solid #e50064;
      font-weight: 600;
      color: #333;
    }

    @media (max-width: 767px) {
      .quicktech-cart-table th,
      .quicktech-cart-table td {
        font-size: 12px;
        padding: 6px;
      }
      .quicktech-cart-img {
        width: 45px;
        height: 45px;
      }
    }



    .quikctech-total-inner{
      display:flex;
    }


 .quikctech-total-main {
	background-color: white;
	border: 2px solid black;
	width: 100%;
	text-align: center;
	padding: 11px;
}
    

.quikctech-total-main h6{
  font-weight: 600;
  font-size: 14px;
}

.quikctech-process-order a{
  padding: 6px 30px;
  background-color: #004a8f;
  color: white;
  font-weight: 600;
  border-radius: 10px;
  border: 2px solid white;
}



 .quicktech-pro-wrapper {
      max-width: 430px;
      margin: 40px auto;
      background-color: #c60064;
      padding: 15px;
    }

    /* top checkbox + info */
    .quicktech-pro-top {
      display: flex;
      align-items: center;
      border: 2px solid #fff;
      border-radius: 5px;
      background-color: #fff;
      padding: 6px 10px;
      margin-bottom: 8px;
    }

    .quicktech-pro-checkbox {
      width: 20px;
      height: 20px;
      border: 2px solid #000;
      appearance: none;
      cursor: pointer;
      position: relative;
      margin-right: 10px;
      flex-shrink: 0;
    }

    .quicktech-pro-checkbox:checked::after {
      content: "";
      position: absolute;
      top: 2px;
      left: 6px;
      width: 5px;
      height: 10px;
      border: solid #000;
      border-width: 0 2px 2px 0;
      transform: rotate(45deg);
    }

    .quicktech-pro-text {
      flex-grow: 1;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 15px;
      color: #000;
      line-height: 1.3;
    }

    .quicktech-pro-text span {
      color: #007bff;
      font-weight: 700;
      font-size: 18px;
    }

    .quicktech-pro-charge span {
      color: #1ca028;
      font-weight: 700;
      font-size: 18px;
    }

    /* second box */
    .quicktech-pro-second {
      display: flex;
      justify-content: space-between;
      background: #fff;
      border: 2px solid #fff;
      border-radius: 5px;
      padding: 10px 12px;
      font-size: 16px;
      margin-bottom: 10px;
    }

    .quicktech-pro-second span:first-child {
      color: #199700;
      font-weight: 700;
      font-size: 18px;
    }

    .quicktech-pro-second span:last-child {
      color: #ff9800;
      font-weight: 700;
      font-size: 18px;
    }

    /* input and selects */
    .quicktech-pro-input,
    .quicktech-pro-select {
      width: 100%;
      background: #fff;
      border: 2px solid #fff;
      border-radius: 5px;
      padding: 10px 12px;
      margin-bottom: 8px;
      font-size: 15px;
    }

    .quicktech-pro-select {
      appearance: auto;
    }

    /* address row */
    .quicktech-pro-select-row {
      display: flex;
      gap: 6px;
    }

    /* button */
    .quicktech-pro-btn {
      width: 100%;
      background-color: #004b9b;
      color: #fff;
      font-weight: 600;
      font-size: 17px;
      border: none;
      border-radius: 5px;
      padding: 10px;
      margin-top: 8px;
    }

    .quicktech-pro-btn:hover {
      background-color: #003a7a;
    }


    .quicktech-pro-box{
      background-color: white;
      padding:10px 4px;
    }

    .quicktech-pro-label {
      border: 2px solid black;
      padding: 5px;
      
    }


    .col-lg-4 {
	flex: 0 0 auto;
	width: 37% !important;
}

.quicktech-width{
  width: 33.3333% !important;
}




.quicktech-deposit {
 
    padding: 25px 20px;
    width: 100%;
 
    border-radius: 6px;
    color: #fff;
    text-align: center;
}

.quicktech-deposit-title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
}

.quicktech-deposit-form {
    text-align: left;
}

.quicktech-deposit-label {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 5px;
    display: block;
}

.quicktech-deposit-input,
.quicktech-deposit-select {
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    border: none;
    margin-bottom: 15px;
    font-size: 15px;
}

.quicktech-deposit-btn {
    width: 100%;
    background: #1d4fa1;
    border: none;
    padding: 12px;
    font-size: 18px;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}

.quicktech-deposit-btn:hover {
    opacity: .9;
}


/* Modal box design */
.quicktech-modal-box {
  border-radius: 25px !important;
  border: 2px solid #000 !important;
 
}

/* Success icon */

/* Main title */
.quicktech-title {
  font-size: 24px;
  font-weight: 700;
  color: #7a4c00;
  border-bottom: 2px solid #7a4c00;
  display: inline-block;
  padding-bottom: 2px;
  margin-bottom: 8px;
}

/* Subtitle text */
.quicktech-subtitle {
  font-size: 20px;
  font-weight: 600;
  color: #7a4c00;
  line-height: 1.4;
}

/* Close button */
.quicktech-close-btn {
  background: #7a4c00;
  color: #fff;
  font-size: 16px;
  padding: 8px 20px;
  border-radius: 12px;
}

.quicktech-close-btn:hover {
 background-color: #7a4c00 !important;
 color: white !important;
}

/* Popup animation */
.modal.fade .modal-dialog {
  transform: scale(0.7);
  transition: transform 0.25s ease-in-out;
}

.modal.show .modal-dialog {
  transform: scale(1);
}




/*  */

.quicktech-wish-wrapper{
    width:100%;
    padding:10px;

}

/* TOP BAR */
.quicktech-wish-top{
    display:flex;
    align-items:center;
}

/* RED CLOSE ICON */
.quicktech-wish-close {
	width: 28px;
	height: 28px;
	border: 2px solid #333;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 8px;
	font-size: 9px;
	color: red;
	background: white;
	border-radius: 4px;
}

/* BLUE BAR */
.quicktech-wish-top-content{
    width:100%;
    background:#063f7a;
    border:3px solid #fff;
    padding:8px 10px;
    display:flex;
    justify-content:space-between;
    color:white;
}

.quicktech-wish-top-left {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.3;
}

.quicktech-wish-top-left span {
	font-size: 14px;
	text-decoration: underline;
}

.quicktech-wish-top-right {
	font-size: 13px;
	line-height: 1.4;
	text-align: right;
}

/* WHITE PRODUCT AREA */
.quicktech-wish-main{
    background:#fff;
    padding:6px;
    border-radius:18px;
    margin-top:6px;
    display:flex;
    align-items:center;
}

/* IMAGE BOX */
.quicktech-wish-img-box{
    width:85px;
    height:85px;
    border:2px solid #444;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    margin-right:6px;
    background:#f9f9f9;
}

/* IMAGE */
.quicktech-wish-img-box img{
    width:70px;
    height:70px;
}

/* INFORMATION TABLE */
.quicktech-wish-table {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	border: 2px solid #333;
	width: 100%;
}

.quicktech-wish-cell {
	border-right: 2px solid #333;
	padding: 2px;
	font-size: 12px;
	text-align: center;
}

.quicktech-wish-cell:last-child{
    border-right:none;
}

.quicktech-wish-bold{
    font-weight:bold;
    font-size:13px;
}

/* BUTTON AREA */
.quicktech-wish-buttons {
	display: flex;
	flex-direction: column;
	margin-left: 6px;
	width: 100px;
}

/* BUY NOW */
.quicktech-wish-buy {
	background: #2f5ea8;
	color: white;
	padding: 3px 7px;
	border-radius: 20px;
	text-align: center;
	margin-bottom: 6px;
	font-weight: bold;
	border: 2px solid #222;
	font-size: 11px;
}

/* ADD TO CART */
.quicktech-wish-cart{
    background:#0b6b1f;
   	color: white;
	padding: 3px 7px;
	border-radius: 20px;
	text-align: center;
	margin-bottom: 6px;
	font-weight: bold;
	border: 2px solid #222;
	font-size: 11px;
}


.quikctech-all-btn button{
   background-color: #2f5ea8;
  padding: 7px 20px;
  border-radius: 10px;
  color: white;
  font-weight: 600;
  border: 2px solid white;
}


.quikctech-filter-wrapper{
    width:100%;

    background:#fff;
    padding:16px 0;
    font-family: Arial, Helvetica, sans-serif;
}

/* Heading text */
.quikctech-filter-title{
    font-size:16px;
    font-weight:bold;
    margin: 10px 0 8px 10px;
    text-decoration: underline;
}

/* Red line */
.quikctech-filter-divider{
    height:8px;
    background:#d81b4a;
    margin:12px 0;
}

/* Price Row */
.quikctech-filter-price-row{
    display:flex;
    align-items:center;
    gap:8px;
    padding-left:10px;
}

.quikctech-filter-box{
    border:1.5px solid #999;
    padding:7px 18px;
    font-size:18px;
    width: 100%;
}

.quikctech-filter-dash{
    font-size:22px;
    font-weight:bold;
}

/* Play arrow */
.quikctech-filter-arrow{
    width:0;
    height:0;
    border-top:12px solid transparent;
    border-bottom:12px solid transparent;
    border-left:18px solid #0a2d74;
    margin-left: 10px;
}

/* Value text */
.quikctech-filter-value{
    font-size:16px;
    padding-left:10px;
    padding-top:5px;
}



/*  */
/*  */

/* MAIN */
.quikctech-filter-wrapper{
    border:3px solid #000;
}

/* ROW */
.quikctech-filter-main-row{
    border-bottom:3px solid #000;
}

/* LEFT SIDE (col-lg-4) */
.quikctech-filter-left{
    border-right:3px solid #000;
    padding:10px 5px;
    text-align:center;
}

.quikctech-filter-left img {
	width: 50px;
	display: block;
	margin: 10px auto 5px;
	height: 45px;
}

.quikctech-filter-left span {
	display: block;
	font-size: 12px;
	font-weight: 700;
	text-decoration: underline;
  color: black;
}

/* ACCORDION CONTAINER */
.quikctech-accordion-item {
    background: #ededed;
    margin-bottom: 12px;
    border-radius: 4px;
    overflow: hidden;
}

/* HEADER (same as before but for accordion) */
.quikctech-accordion-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 14px;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    border-bottom: 3px solid #000;
}

/* ARROW */
.quikctech-filter-arrow {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 12px solid #000;
    transition: .3s;
}

/* BODY (accordion content) */
.quikctech-accordion-body {
    display: none;
    background: #fff;
    padding: 15px;
    border-top: 3px solid #000;
}

/* ACTIVE STATE */
.quikctech-accordion-item.active .quikctech-accordion-body {
    display: block;
}

.quikctech-accordion-item.active .quikctech-filter-arrow {
    transform: rotate(180deg);
}

/* INSIDE ITEMS (same as before) */
.quikctech-filter-items,
.quikctech-accordion-body {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.quikctech-filter-item {
    text-align: center;
    width: 90px;
}

.quikctech-filter-item img {
	width: 45px;
	display: block;
	margin: 0 auto 6px;
	height: 45px;
}

.quikctech-filter-item span {
	display: block;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}


.quikctech-accordion-body {
    display: none;
    padding: 10px;
}

.quikctech-accordion-item.active .quikctech-accordion-body {
    display: block;
}

/* Optional arrow rotation */
.quikctech-accordion-head {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.quikctech-accordion-item.active .quikctech-filter-arrow {
    transform: rotate(180deg);
}


.quikctech-filte-content {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.quikctech-filter-item span{
  color: black;
}


.quikctech-fil-he span{
  font-size: 16px;
}

.quicktech-notice{
  display: flex;
  gap: 7px;
  align-items: center;
}

.quicktech-notice marquee {
	background-color: white;
	padding: 8px;
	border-radius: 5px;
	font-weight: 600;
}
.quicktech-notice span{
  color: white;
  font-weight: 600;
}



/*  */



 .quikctech-orderform-container {
      width: 100%;
      margin: 20px auto;
      background: #fff;
      padding: 15px;
      border-radius: 15px;
  
    }
   .quikctech-orderform-logo img {
	width: 80px;
	margin: 0 auto;
	display: block;
	height: 80px;
	border-radius: 50%;
}
    .quikctech-orderform-header {
      text-align: center;
      font-size: 15px;
      font-weight: 600;
      margin-top: 8px;
    }
    .quikctech-orderform-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 12px;
    }
    .quikctech-orderform-table th, .quikctech-orderform-table td {
      border: 1px dashed #999;
      padding: 4px;
      text-align: center;
    }
    .quikctech-orderform-table img {
      width: 35px;
      height: 35px;
      object-fit: cover;
      border-radius: 5px;
    }
    .quikctech-orderform-summary {
      font-size: 13px;
      font-weight: 700;
      text-align: right;
      margin-top: 10px;
      line-height: 18px;
    }
    .quikctech-orderform-input input, .quikctech-orderform-input select {
      font-size: 14px;
      margin-bottom: 6px;
      height: 40px;
    }
    .quikctech-orderform-submit {
      width: 100%;
      background: #007f3b;
      border: 0;
      color: #fff;
      height: 42px;
      font-size: 16px;
      border-radius: 5px;
      margin-top: 5px;
      font-weight: 600;
    }

    .quikctech-out-down-arrow a{
      font-size: 25px;
      color: white;
    }

    .quikctech-out-down-arrow{
         text-align: center;
         margin-top: 15px;
    }


    /*  */


    .quikctech-manage-wrapper {
    width: 100%;

    padding: 0;
    font-family: "Hind Siliguri", sans-serif;
}

.quikctech-manage-add-btn {
    width: 100%;
    background: #004a8f;
    color: #fff;
    padding: 10px 0;
    border: none;
    font-size: 20px;
    font-weight: 700;
    border-radius: 8px;
    margin-bottom: 12px;
}

.quikctech-manage-title {
    /* background: #ff0062; */
    color: #fff;
    padding: 10px 12px;
    font-weight: 700;
    font-size: 20px;
    border-radius: 6px;
    margin: 0 0 10px 0;
}

.quikctech-manage-box {
    border: 3px solid #000;
    padding: 12px;
    border-radius: 10px;
    background: #ffe99b;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.quikctech-manage-active {
    background: #c7ffcb !important;
}

.quikctech-manage-selected {
    position: relative;
}

.quikctech-manage-left {
    display: flex;
    gap: 12px;
    align-items: center;
}

.quikctech-manage-circle {
    width: 55px;
    height: 55px;
    border: 3px solid #000;
    border-radius: 50%;
    text-align: center;
    font-size: 13px;
    line-height: 17px;
    padding-top: 7px;
    font-weight: 600;
}

.quikctech-manage-shopname {
    margin: 0;
    font-size: 19px;
    font-weight: 700;
    color: black !important;
}

.quikctech-manage-id {
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    background-color: transparent !important;
    color: black !important;
}

.quikctech-manage-tick {
    width: 42px;
    height: 42px;
    background: #0abf3a;
    border-radius: 50%;
    color: #fff;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #000;
    font-weight: bold;
}


/*  */


.quikctech-manage-addnew-wrapper {
    width: 100%;
    padding: 40px 12px;
   
    
    border-radius: 6px;
}

.quikctech-manage-addnew-title {
    background: #008f32;   /* Green header */
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    padding: 8px 0;
    border-radius: 8px;
    margin-bottom: 12px;
}

.quikctech-manage-input-group {
    display: flex;
    width: 100%;
    margin-bottom: 10px;
}

.quikctech-manage-input {
    width: 100%;
    padding: 8px;
    border: 2px solid #000;
    border-radius: 4px;
    font-size: 15px;
}

.quikctech-manage-arrow-btn {
    width: 38px;
    background: #000;
    color: #fff;
    border: 2px solid #000;
    margin-left: 4px;
    border-radius: 4px;
    font-size: 20px;
    font-weight: 900;
}

.quikctech-manage-double {
    display: flex;
    gap: 6px;
    margin-bottom: 12px;
}

.quikctech-manage-submit-btn {
    width: 100%;
    background: #0046ad;   /* Blue button */
    color: #fff;
    padding: 10px;
    border: 2px solid #000;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 700;
}


.quicktech-o-d-iner{
  background-color: white;
  padding: 10px;
}




.quikctech-details-pppp h5{
  font-size: 17px;
  font-weight: 700;
  border-bottom: 1px solid black;
  margin-bottom: 20px;
}



.quikctech-use-button{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 5px;
}

.quikctech-use-button button{
  background-color: #004a8f;
  color: white;
  padding: 10px 0;
  border-radius: 8px;
  font-weight: 600;
  border: 2px solid white;
  width: 100%;
}