.text-white-bg-clr {

  color: var(--color-primary);
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-20 {
  margin-bottom: 20px;
  padding: 0px;

}


.padding-zero {
  padding: 0px !important;
}




.bg-site {
  background: var(--gradient-site);
  ;
}






/****************Coupon Section ****************/


.coupon-suc-msg {

  color: #028a19;
  display: none;
}

.coupon-err-msg {


  color: #ff0000;
  display: none;


}

/****************Coupon Section ****************/




/****************Order Section ****************/

.table-view-order-sec {
  width: 100%;
  overflow-x: auto;
}



.table-view-order-details {
  width: 100%;

  margin: 30px auto;
  border-collapse: collapse;
  font-family: 'Segoe UI', sans-serif;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow: hidden;
}

.table-view-order-details td {
  padding: 15px 20px;
  background-color: #fff;
  border-bottom: 1px solid #eee;
  font-size: 16px;
}

.table-view-order-details tr:nth-child(even) td {
  background-color: #f9f9f9;
}

.table-view-order-details td:first-child {
  font-weight: 600;
  background-color: #f5f5f5;
  width: 40%;
}

.table-view-order-details tr:last-child td:last-child {
  font-weight: bold;
  color: #e74c3c;
  /* Red for pending */
}


.table-view-order-items {
  width: 100%;
  border-collapse: collapse;
  margin: 30px auto;
  font-family: 'Segoe UI', sans-serif;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow: hidden;
}

.table-view-order-items thead {
  background-color: var(--color-primary);
  ;
  color: white;
  text-align: left;
}

.table-view-order-items th,
.table-view-order-items td {
  padding: 14px 18px;
  border-bottom: 1px solid #eee;
  font-size: 15px;

}

.table-view-order-items td {

  background-color: #f5f5f5;
}

.table-view-order-summary {
  width: 100%;
  max-width: 500px;
  margin: 30px auto;
  border-collapse: collapse;
  font-family: 'Segoe UI', sans-serif;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow: hidden;
}

.table-view-order-summary td {
  padding: 15px 20px;
  font-size: 16px;
  background-color: #fff;
  border-bottom: 1px solid #eee;
}

.table-view-order-summary td:first-child {
  font-weight: 600;
  color: #333;
  background-color: #f7f7f7;
}

.table-view-order-summary tr:last-child td {
  font-weight: bold;
  background-color: #eafaf1;
  color: #2e7d32;
}


.table-view-order {
  width: 100%;
  max-width: 600px;
  border-collapse: collapse;
  margin: 30px auto;
  font-family: 'Segoe UI', sans-serif;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow: hidden;
}

.table-view-order td {
  padding: 15px 20px;
  border-bottom: 1px solid #eee;
  background-color: #fff;
  font-size: 15px;
}

.table-view-order .order-list-header td {
  background-color: var(--color-primary);
  ;
  color: white;
  font-weight: bold;
  text-align: left;
}


@media (max-width: 768px) {

  table,
  thead,
  tbody,
  th,
  td,
  tr {
    width: 100%;
  }

  td {
    padding: 10px;
    text-align: left;
    border: none;
    border-bottom: 1px solid #ddd;
  }

  .table-view-order-details td:first-child,
  .table-view-order-summary td:first-child,
  .table-view-order td:first-child {
    font-weight: bold;
    background-color: transparent;
  }
}

.order-list-con {



  box-shadow: 0 4px 16px 0 #d8c3ef;
  margin: 10px 0px;
  padding: 15px;
  overflow: hidden;
}

/****************Order Section ****************/




/****************Save Gold Silver Section ****************/
.btn-gold-amount-sec {
  margin: 10px 0px 0px 0px;
  padding-left: 0px;
}

.btn-gold-amount-sec .btn {
  width: 80px;
  border-radius: 30px;
}

.save-gold-section {
  background-image: url(../images/amigo-bg.png);
  padding: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bg-site {
  background: var(--gradient-site);
  ;
}

.silver-section {
  display: none;
}

.metal-toggle {
  position: relative;
  width: 200px;
  margin: 20px 0px;
  cursor: pointer;
}

.metal-toggle input[type="radio"] {
  display: none;
}

.metal-toggle-switch {
  display: flex;
  position: relative;
  background-color: #fff;
  border-radius: 30px;
  overflow: hidden;
  cursor: pointer;
  height: 40px;
}

.metal-toggle-option {
  flex: 1;
  text-align: center;
  line-height: 40px;
  color: #000;
  z-index: 2;
  transition: color 0.3s ease;
  cursor: pointer;
}

.metal-toggle-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: #FDBB25;
  border-radius: 30px;
  transition: left 0.3s ease;
  z-index: 1;
}

/* Move slider when Silver is selected */
#metal-silver:checked~.metal-toggle-switch .metal-toggle-slider {
  left: 50%;
}

/* Change text color when active */
#metal-gold:checked~.metal-toggle-switch .metal-toggle-gold {
  color: #fff;
}

#metal-silver:checked~.metal-toggle-switch .metal-toggle-silver {
  color: black;
}

.btn-save-section {
  text-align: center;
  margin: 20px 0px 20px 0px;
}

.btn-save-section .btn {
  background: #850F14;
  /* gold gradient */
  border: none;
  color: #fff;
  font-weight: bold;
  padding: 10px 15px;
  font-size: 16px;
  border-radius: 8px;
  cursor: pointer;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}


.gold-sell-section {
  padding: 10px;
}

.redeem-store-section,
.redeem-cash-section,
.silver-sell-section {
  display: none;
  padding: 10px;
}

.redeem-section {
  text-align: center;
  margin-bottom: 10px;
  width: 100%;
  padding: 10px;
}

.metal-sell-section {
  text-align: left !important;
}

.metal-sell-section .input-group input {
  padding: 25px;
}

.redeem-section button {
  background: #2f124f;
  color: #ffc107;
  border: 2px solid #ffc107;
  border-radius: 8px;
  padding: 12px 20px;
  font-weight: 600;
  font-size: 16px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.sell_gold_gram_error_msg,
.sell_silver_gram_error_msg {
  display: none;
  background: #eeabab;
  color: #ff0000;
  width: 100%;
  padding: 10px;
  text-align: center;
}


.save-gold-type .nav-item {
  width: 50%;
  text-align: center;
}

.save-gold-type.nav-tabs {
  background: var(--tab-bg);
  border-radius: 50px;
}

.save-gold-type a {
  border: 1px solid transparent;
  border-radius: 50px 50px 50px 50px;
  padding: 10px 10px 10px 0px;
  width: 100%;
  background: #FFFFFF;
  color: #850F14;
  font-size: 16px;
  font-weight: bold;
}

.save-gold-type a.active {
  border: 1px solid transparent;
  border-radius: 50px 50px 50px 50px;
  padding: 10px 10px 10px 0px;
  width: 100%;
  background: #FDBB25;
  color: #fff;
}

.save-gold-price-type .nav-item {
  width: 50%;
  text-align: center;
}

.save-gold-price-type.nav-pills {
  background: #fff;
  border-radius: 15px;
}

.save-gold-price-type a {
  border: 1px solid transparent;
  border-radius: 15px;
  padding: 10px 10px 10px 0px;
  width: 100%;
  background: #FFFFFF;
  color: #850F14;
}

.save-gold-price-type a.active {
  border: 1px solid transparent;
  border-radius: 15px;
  padding: 10px 10px 10px 0px;
  width: 100%;
  background: #FDBB25;
  color: #fff;
}

.sip-gold-type a {
  border: 1px solid transparent;
  border-radius: 50px 50px 50px 50px;
  padding: 10px 10px 10px 0px;
  width: 100%;
  background: #e2b13b;
  background: #fff;
  color: var(--color-primary);
  ;
}

.sip-gold-type a.active {
  border: 1px solid transparent;
  border-radius: 50px 50px 50px 50px;
  padding: 10px 10px 10px 0px;
  width: 100%;
  background: #e2b13b;
  color: #fff;
}

.save-gold-section {
  /*    background: var(--color-primary);;*/
  padding: 40px 20px;
}

.btn-save-gold {
  background: var(--bg-light-color);
  color: var(--color-primary);
}

.btn-save-gold:hover {
  background: var(--color-secondary);
  color: var(--color-white);
}

.metal-price-hightlight {
  font-size: 20px !important;
}


.save-gold-section .input-group {
  display: flex;
  width: 100%;
}

.save-gold-section .input-group input {
  flex: 1;
  padding: 14px;
  border: none !important;
  background: #FFFFFF;
  color: var(--color-primary);
  border-radius: 10px 0px 0px 10px;
  font-weight: 700;
}

.save-gold-section .input-group span {
  padding: 14px 5px;
  background: #FFFFFF;
  color: var(--color-primary);
  border-left: none;
  border-radius: 0px 10px 10px 0px;
}

.initial-btn {
  background: var(--color-secondary);
  color: #fff;
}

.btn-save-gold {
  background: var(--bg-light-color);
  !important;
  color: #A02123;
}


#redeemGoldSilverModal {
  z-index: 1111111111;
}

.metal-sell-toggle {
  position: relative;
  width: 200px;
  margin: 20px;
  cursor: pointer;
}

.metal-sell-toggle input[type="radio"] {
  display: none;
}

.metal-sell-toggle-switch {
  display: flex;
  position: relative;
  background-color: #444;
  border-radius: 30px;
  overflow: hidden;
  cursor: pointer;
  height: 40px;
  font-family: sans-serif;
}

.metal-sell-toggle-option {
  flex: 1;
  text-align: center;
  line-height: 40px;
  color: white;
  z-index: 2;
  transition: color 0.3s ease;
  cursor: pointer;
}

.metal-sell-toggle-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: #ffc107;
  border-radius: 30px;
  transition: left 0.3s ease;
  z-index: 1;
}

/* Move slider when Silver is selected */
#metal-sell-silver:checked~.metal-sell-toggle-switch .metal-sell-toggle-slider {
  left: 50%;
}

/* Change text color when active */
#metal-sell-gold:checked~.metal-sell-toggle-switch .metal-sell-toggle-gold {
  color: black;
}

#metal-sell-silver:checked~.metal-sell-toggle-switch .metal-sell-toggle-silver {
  color: black;
}



/****************Save Gold Silver Section ****************/


/****************Sell Gold Silver Section ****************/
.metal-sell-section .input-group input {
  padding: 24px;
}


/****************Save Gold Silver Section ****************/





/****************My Account****************/
ul.my-account {
  list-style-type: none;
  /* Remove default bullets */
  padding: 0;
  margin: 0;
  max-width: 100%;
  /* Optional: constrain width */
  background-color: #fff;
  border-radius: 6px;
  margin-bottom: 10px;
}

ul.my-account .nav-section-title {
  display: block;
  font-weight: bold;
  font-size: 1.2em;
  padding: 10px 15px;
  text-transform: capitalize;
  color: #850F14;
  text-align: left;
  border-bottom: 2px solid #850F14;
}

ul.my-account li {
  padding: 5px 15px;
}

ul.my-account li:last-child {
  border-bottom: none;
}

ul.my-account li p {
  margin: 0;
  color: #555;
  font-size: 1em;
}

.user-card-toggle {
  position: relative;
  width: 200px;
  margin: 20px 0px;
  cursor: pointer;
}

.user-card-toggle input[type="radio"] {
  display: none;
}

.user-card-toggle-switch {
  display: flex;
  position: relative;
  background-color: #444;
  border-radius: 30px;
  overflow: hidden;
  cursor: pointer;
  height: 40px;
  font-family: sans-serif;
}

.user-card-toggle-option {
  flex: 1;
  text-align: center;
  line-height: 40px;
  color: white;
  z-index: 2;
  transition: color 0.3s ease;
  cursor: pointer;
}

.user-card-toggle-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: var(--color-primary);
  ;
  ;
  border-radius: 30px;
  transition: left 0.3s ease;
  z-index: 1;
}

/* Move slider when Silver is selected */
#metal-user-card-silver:checked~.user-card-toggle-switch .user-card-toggle-slider {
  left: 50%;
}

/* Change text color when active */
#metal-user-card-gold:checked~.user-card-toggle-switch .user-card-toggle-gold {
  color: #fff;
}

#metal-user-card-silver:checked~.user-card-toggle-switch .user-card-toggle-silver {
  color: #fff;
}

.user-card-metal-silver-label {
  display: none;
}

.uc-silver-saving {
  display: none;
}

/****************My Account****************/


.img-responsive {
  max-width: 100%;
  height: auto;
}

.text-white {
  color: white;
}

.text-warning {
  color: #850F14;
}

.text-center {
  text-align: center;
}

.save-gold-type,
.save-gold-price-type,
.sip-gold-type {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
  display: flex;
  justify-content: center;
  background: #FFFFFF;
  border-radius: 50px;
}

.save-gold-type li,
.save-gold-price-type li,
.sip-gold-type li {
  flex: 1;
  text-align: center;
}

.save-gold-type button,
.save-gold-price-type button,
.sip-gold-type button {
  width: 100%;
  padding: 10px;
  border-radius: 50px;
  border: none;
  background: var(--tab-bg);
  color: var(--color-primary);
  cursor: pointer;
}

.save-gold-type button.active,
.save-gold-price-type button.active,
.sip-gold-type button.active {
  background: #e2b13b;
  color: #fff;
}

.tab-pane {
  display: none;
}

.tab-pane.active {
  display: block;
}

.form-check {
  display: inline-block;
  margin-right: 10px;
}

.input-group {
  display: flex;
  width: 100%;
}

.input-group input {
  flex: 1;
  padding: 10px;
  border: none !important;
  background: var(--bg-light-color);
  color: var(--color-primary);
}

.input-group span {
  padding: 14px;
  background: var(--bg-light-color);
  color: var(--color-primary);
  border-left: none;
}


.initial-btn {
  background: #FDBB25;
  color: #fff;
}

.btn-save-gold {
  background: #FFFFFF;
  color: #850F14;
  border: 1px solid var(--color-primary);
}

#redeemGoldSilverModal {

  z-index: 1111111111;
}



.metal-sell-toggle {
  position: relative;
  width: 200px;
  margin: 20px;
  cursor: pointer;
}

.metal-sell-toggle input[type="radio"] {
  display: none;
}

.metal-sell-toggle-switch {
  display: flex;
  position: relative;
  background-color: #444;
  border-radius: 30px;
  overflow: hidden;
  cursor: pointer;
  height: 40px;
  font-family: sans-serif;
}

.metal-sell-toggle-option {
  flex: 1;
  text-align: center;
  line-height: 40px;
  color: white;
  z-index: 2;
  transition: color 0.3s ease;
  cursor: pointer;

}

.metal-sell-toggle-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: #ffc107;
  border-radius: 30px;
  transition: left 0.3s ease;
  z-index: 1;
}

/* Move slider when Silver is selected */
#metal-sell-silver:checked~.metal-sell-toggle-switch .metal-sell-toggle-slider {
  left: 50%;
}

/* Change text color when active */
#metal-sell-gold:checked~.metal-sell-toggle-switch .metal-sell-toggle-gold {
  color: black;
}

#metal-sell-silver:checked~.metal-sell-toggle-switch .metal-sell-toggle-silver {
  color: black;
}


/**************Chit****************/

.number-input {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
  width: 140px;
}

.number-input button {
  background-color: #f0f0f0;
  border: none;
  width: 40px;
  height: 25px;
  font-size: 20px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.number-input button:hover {
  background-color: #ddd;
}

.number-input input {
  text-align: center;
  width: 60px;
  border: none;
  font-size: 16px;
  height: 25px;
}


.chit-back .radio-group {
  display: flex;
  gap: 10px;
}

.chit-back .radio-option {
  display: none;
}

.chit-back .radio-label {
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  user-select: none;
  font-size: 14px;
  background-color: #850F14;
  transition: all 0.2s ease;
  color: #FFF;
}

.chit-back .radio-option:checked+.radio-label {
  background-color: #FDBB25;
  color: white;
  border-color: #FDBB25;
}

.chit-back .radio-label:hover {
  border-color: #FDBB25;
}

.semi-progress-line {
  position: absolute;
  top: 50%;
  left: 0;
  height: 4px;
  width: 50%;
  background-color: #ccc;
  z-index: 1;
  left: 25%;
}


.image-tab>li.active>a,
.image-tab>li.active>a:hover,
.image-tab>li.active>a:focus {
  border-color: var(--color-primary);
  color: var(--color-primary);
  box-shadow: 0 0 8px rgba(0, 123, 255, 0.2);
}

.image-tab > li.active > a {
  position: relative;
}

.image-tab > li.active > a::after {
  content: "";
  position: absolute;
  right: 8px;
  top: 22%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;

  /* Inline SVG checkmark */
  background-image: url("data:image/svg+xml;utf8,<svg fill='%23FF0000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M13.485 1.929a1 1 0 0 1 .086 1.414l-7.071 8.486a1 1 0 0 1-1.414.086L2.343 8.343a1 1 0 0 1 1.414-1.414l2.157 2.157 6.364-7.657a1 1 0 0 1 1.414-.5z'/></svg>");
background-size: contain;
background-repeat: no-repeat;
}





/**************Chit****************/

.silver-price-header {
  display: none;
}


/*****navbar***********/

.sub_categories>a {
  color: #850F14 !important;
  font-weight: bold !important;
  text-decoration: underline !important;
}

/*****navbar***********/



/****************calc***************/
.calc-toggle {
  position: relative;
  width: 200px;
  margin: 20px 0px;
  cursor: pointer;
}

.calc-toggle input[type="radio"] {
  display: none;
}

.calc-toggle-switch {
  display: flex;
  position: relative;
  background-color: #444;
  border-radius: 30px;
  overflow: hidden;
  cursor: pointer;
  height: 40px;
  font-family: sans-serif;
}

.calc-toggle-option {
  flex: 1;
  text-align: center;
  line-height: 40px;
  color: white;
  z-index: 2;
  transition: color 0.3s ease;
  cursor: pointer;
}

.calc-toggle-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: var(--color-secondary);
  ;
  ;
  border-radius: 30px;
  transition: left 0.3s ease;
  z-index: 1;
}

/* Move slider when Silver is selected */
#metal-calc-silver:checked~.calc-toggle-switch .calc-toggle-slider {
  left: 50%;
}

/* Change text color when active */
#metal-calc-gold:checked~.calc-toggle-switch .calc-toggle-gold {
  color: black;
}

#metal-calc-silver:checked~.calc-toggle-switch .calc-toggle-silver {
  color: black;
}

.calc-metal-silver-label {
  display: none;
}

.calc-gold-value {
  color: #000;
  font-size: 16px;
  font-weight: 700;

}

#calculator-section .form-control {
  border: 1px solid #ccc !important;
  box-shadow: none;
  background: #fff;
  padding: 21px;
  border-radius: 0;
}


.date-text {
  background: #fff;
  padding: 5px 4px 4px 2px;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  color: #000 !important;
}

.daily-sav-amnt span.addon-left {
  width: 50px !important;
}

.save-calculator-section .input-group span {
  background: #fff;
  color: var(--color-primary);
  border: #cccccc;
}


.save-calculator-section .input-group-addon,
.input-group-btn {
  width: 90px;
  white-space: nowrap;
  vertical-align: middle;
}


.save-calculator-section .input-group span.addon-left {
  border-radius: 10px 0px 0px 10px;

}


/****************calc***************/





/*********************Payment Success*************/
.payment-success-container {
  text-align: center;
  background-color: #ffffff;
  padding: 40px 30px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.payment-success-container .icon {
  font-size: 60px;
  color: #28a745;
  margin-bottom: 20px;
}

.payment-success-container h1 {
  color: #333333;
  margin-bottom: 10px;
}

.payment-success-container p {
  color: #555555;
  font-size: 16px;
}

/**************Payment Success****************/


/**************Payment Failed****************/
.payment-failed-container {
  text-align: center;
  background-color: #ffffff;
  padding: 40px 30px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.payment-failed-container .icon {
  font-size: 60px;
  color: #dc3545;
  margin-bottom: 20px;
}

.payment-failed-container h1 {
  color: #b02a37;
  margin-bottom: 10px;
}

.payment-failed-container p {
  color: #555555;
  font-size: 16px;
}

/**************Payment Failed****************/

/*************Header*************/

.header-user-sec {
  position: static;
  text-align: right;
  justify-content: end;
  display: flex;
}

.header-user-sec-inner {

  position: absolute;
}

/*************Header*************/




/****************Wallet*****************/


.wallet-suc-msg {
  color: #028a19;
  display: none;
}


.display_none {
  display: none;
}

/****************Wallet*****************/




/**************Product Details**********/
.cart_error_msg {
  color: #ff0000;
}

.product-detail-section select.product-attribute {
  width: 100px
}

/**************Product Details**********/


/**************Reviews**********/
.review-stars {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.review-stars input {
  display: none;
}

.review-stars label {
  font-size: 30px;
  color: #ccc;
  cursor: pointer;
  transition: color 0.2s;
}

.review-stars input:checked~label,
.review-stars label:hover,
.review-stars label:hover~label {
  color: gold;
}



/**************Reviews**********/




/****************gift***************/
.scheme-ddown {
  display: flex;
  align-items: center;
}

.d-user-toggle {
  left: 90%;
  position: absolute;
}

.border-none {
  border: none
}

.dropdown-wrapper {
  position: relative;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  user-select: none;
  margin-top: 5px;
}

.gift-dropdown-toggle {
  padding: 10px;
  background: #fff;
}

.dropdown-options {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 200px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #ccc;
  border-top: none;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 1000;
}

.dropdown-options li {
  padding: 10px;
  border-bottom: 1px solid #eee;
}

.dropdown-options li:hover {
  background-color: #f5f5f5;
}

/****************gift***************/




.error-msg {

  background: #ffe2e2;
  color: #ff0000;
  padding: 10px;
  text-align: center;
  display: none;
  width: 100%;
  float: left;
}

.success-msg {

  background: #d1f6c0;
  color: #1c5204;
  padding: 10px;
  text-align: center;
  display: none;
  width: 100%;
  float: left;
}




/****************Product Color***************/

.product-color-picker {
  display: flex;
  gap: 12px;
}

.product-color-option {
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid transparent;
  display: inline-block;
}

.product-color-option input[type="radio"] {
  display: none;
}

.product-color-option .circle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid #ccc;
  box-sizing: border-box;
  transition: border 0.3s;
}

.product-color-option input[type="radio"]:checked+.circle {
  border: 2px solid black;
  box-shadow: 0 0 0 2px white, 0 0 0 4px black;
}

/****************Product Color***************/

/***************Wallet Header*********/



.wallet-rates-header {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  background-color: #850F14;
  border-bottom: 1px solid #850F14;
  flex-wrap: wrap;
  border-radius: 50px;
  padding: 3px 0px 3px 0px;
  margin: 3px 0px 2px 0px;

}

.wallet-rates-header .rate-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  font-size: 1rem;
  color: #333;
}

.wallet-rates-header .rate-item img {
  width: 32px;
  height: auto;
}

.wallet-rates-header .rate-text {
  white-space: nowrap;
  font-size: 14px;
  font-weight: bold;
  margin-top: 2px;
}

.wallet-rates-header .rate-item-label {

  font-size: 15px;
}


@media (max-width: 767px) {

  .wallet-rates-header .rate-item {

    color: #fff;

  }
}



/***************Wallet Header*********/




/**************Testimonials****************/


.testimonial_slide {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  margin: 15px;
  transition: transform 0.3s ease;
}

.testimonial_slide:hover {
  transform: translateY(-5px);
}

/* User Image */
.testimonial-user-img img {
  border-radius: 50%;
  max-width: 100px;
  border: 3px solid #f1f1f1;
  margin-right: 15px;
}

/* Review Details */
.review-details p {
  font-size: 16px;
  color: #555;
  font-style: italic;
  margin-top: 10px;
  padding: 0 10px;
  line-height: 1.6;
}

/* Bottom Section */
.testimonial-btm {
  margin-top: 15px;
  text-align: center;
  padding: 0px 10px 15px 10px;
}

.testimonial-btm h4 {
  font-size: 18px;
  margin: 0;
  color: #333;
  font-weight: bold;
}

.testimonial-btm i {
  font-size: 14px;
  color: #888;
  display: block;
  margin: 4px 0px;
}

.test-img-sec {
  display: flex;
  justify-content: center;
  align-items: center;
}

.review-slide-sec {
  padding: 10px !important;
  background: #FFE19E;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  margin-bottom: 15px;
}

.review-slider {
  border: 1px solid #FEC954;
  border-radius: 12px;
  min-height: 220px;
  background: #fff;
}


.review-star-sec {
  display: flex;
  justify-content: center;
}

/**************Testimonials****************/


/**************Customize****************/

.customize-add-photo-trigger {
  width: 100px;
  height: 100px;
  border: 2px dashed #aaa;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #666;
  font-weight: bold;
  cursor: pointer;
  position: relative;
  border-radius: 8px;
  transition: all 0.3s ease;
  background: #f8f8f8;
  padding: 0px 20px;
}

.customize-add-photo-trigger .uploader,
.customize-add-photo-trigger .uploader .filename,
.customize-add-photo-trigger .uploader .action {
  display: none;
}

.customize-photo-item {
  position: relative;
  display: inline-block;
  margin: 5px;
}

.customize-photo-item img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 5px;
}

.customize-remove-photo {
  position: absolute;
  top: 2px;
  right: 2px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  cursor: pointer;
  text-align: center;
  line-height: 18px;
  font-size: 14px;
}

/**************Customize****************/