img[alt="Credit/debit card"]{
  float: right !important;
  max-width: 125px !important;
  max-height: 100% !important;
}

img.exp_description_image {

}
.text-center{
  text-align: center !important;
  padding: 10px 0;
  border-radius: 0.5rem;
}
img.footer_image {
  width: 100px !important;
  max-width: 100px !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  max-height: 100% !important;
}



input:focus {
outline: 0;
border-color: #57adfe;
}
input:focus + .input-icon i {
color:  #57adfe;
}
input:focus + .input-icon:after {
border-right-color: #57adfe;
}

.input-group {
margin-bottom: 1em;
zoom: 1;
box-sizing: border-box;

}
.input-group:before,
.input-group:after {
content: "";
display: table;
}
.input-group:after {
clear: both;
}
.input-group-icon {
position: relative;
box-sizing: border-box;

}
.input-group-icon input {
padding-left: 1.4em;
box-sizing: border-box;

}
.input-group-icon .input-icon {
position: absolute;
top: 0;
left: 0;
width: 2.4em;
height: 2.6em;
line-height: 2.4em;
text-align: center;
pointer-events: none;
box-sizing: border-box;

}
.input-group-icon .input-icon:after {
position: absolute;
top: 0.6em;
bottom: 0.6em;
left: 2.4em;
display: block;
border-right: 1px solid #e5e5e5;
content: "";
-webkit-transition: 0.35s ease-in-out;
-moz-transition: 0.35s ease-in-out;
-o-transition: 0.35s ease-in-out;
transition: 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
box-sizing: border-box;

}
.input-group-icon .input-icon i {
-webkit-transition: 0.35s ease-in-out;
-moz-transition: 0.35s ease-in-out;
-o-transition: 0.35s ease-in-out;
transition: 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
box-sizing: border-box;
color: #626161;
}

.divider_container {
max-width: 38em;
padding: 1em 1em 0.5em 1em;;
margin: 0em auto;
background-color: #fefefe;
/* border-radius: 4.2px;
box-shadow: 0px 3px 10px -2px rgba(0, 0, 0, 0.2); */
/* display: table; */
box-sizing: border-box;

}

.card_info{
  max-width: 100% !important;
}

.col-half {
padding-right: 10px;
float: left;
width: 50%;
box-sizing: border-box;
/* display: contents !important; */

}
.col-half:last-of-type {
padding-right: 0;
box-sizing: border-box;

}

@media only screen and (max-width: 540px) {
.col-half {
  width: 100%;
  padding-right: 0;
  box-sizing: border-box;

}

}

@media only screen and (max-width: 750px) {

  .payment_box.payment_method_wpgfull {
      padding-left: 1rem !important;
  }
}

.custom-credit-card-form {
   position: relative;
  /*margin: 300px auto 0;
  width: 500px;
  height: 250px; */
  /* background: linear-gradient(0deg, #000, #272727); */
}



.woocommerce-page input[type=radio][name=payment_method]~.payment_box {
  margin-top: 3rem !important;
}

.mf-divider {
  text-align: center;
  border-bottom: 0.063rem solid #c7c7c7;
  line-height: 0.1rem;
  margin: 0px 0px 30px 0px !important;
}
.mf-divider-span {
color: #888484;
background: #fff;
padding: 0 0.625rem;
font-size: 12px;
font-family: 'Roboto', sans-serif;
font-weight: 500;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}

p.form_desc {
  margin: -20px 0px 10px 0px !important;
  font-family:'primeformpro';
}

#ShahbandrPay_pay {

}

#cn_error{
  font-family:'primeformpro';
  color: red;
  margin-block-start: 0em !important;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-size: 12px;
  margin-left: 15px;
}

.wc_payment_method .payment_box.payment_method_wpgShahbandrPay p:first-child {
  margin-top: 0;
  text-align: center;
  margin-bottom: 24px;
}

#wc-wpgShahbandrPay-cc-form .exp-form-button {
  box-sizing: border-box;
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,"Helvetica Neue",Ubuntu,sans-serif;
  color: rgba(26,26,26,.9);
  line-height: normal !important;
  -webkit-font-smoothing: antialiased;
  transition: all .1s ease;
  text-transform: unset;
  text-transform: none;
  background-color: #5f1896;
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(50,50,93,.1), 0 2px 5px 0 rgba(50,50,93,.1), 0 1px 1px 0 rgba(0,0,0,.07);
  position: relative;
  overflow: hidden;
  height: initial !important;
  width: 100%;
  padding: 11.5px 12px !important;
  margin: 0;
  border: 0;
  outline: none;
  border-radius: 7px;
  cursor: pointer;
  transition: all .2s ease,box-shadow .08s ease-in,color 1.5s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  font-family: inherit;
  font-size: 18px;
  font-weight: 500;
}

#wc-wpgShahbandrPay-cc-form .exp-form-stcPayLogoLight {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA0NTAgMTMzIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MjsiPjxnPjxwYXRoIGQ9Ik0yOTEuODYyLDk3LjcxNWwwLC02OS44OWwxMS44NTIsMGwwLDUuNjA0YzMuNjA3LC00LjUwOSA4Ljk1NCwtNi45NTcgMTUuNTg4LC02Ljk1N2MxMy42NTYsMCAyMy40NDcsMTAuODg2IDIzLjQ0NywyNi40NzRjMCwxNS41ODggLTkuODU1LDI2LjY2OCAtMjMuNDQ3LDI2LjY2OGMtNi42OTksMCAtMTEuOTgxLC0yLjU3NyAtMTUuNTg4LC03LjA4NmwwLDI1LjE4NmwtMTEuODUyLDBsMCwwLjAwMVptMTEuODUzLC01MS4yMDlsLTAsMTIuODgzYzIuNTEyLDUuMjE4IDcuMDIxLDkuMDE4IDEzLjUyNyw5LjAxOGM3Ljg1OSwwIDEzLjE0MSwtNS44NjIgMTMuMTQxLC0xNS41MjRjLTAsLTkuNTMzIC01LjI4MiwtMTUuMzMxIC0xMy4xNDEsLTE1LjMzMWMtNi41MDYsMC4wNjQgLTExLjAxNSwzLjYwNyAtMTMuNTI3LDguOTU0IiBzdHlsZT0iZmlsbDojMDJhYTdjO2ZpbGwtcnVsZTpub256ZXJvOyIvPjxwYXRoIGQ9Ik0zNTAuNDE1LDYzLjc2OWMwLC04LjUwMyA1LjI4MiwtMTQuNDI5IDE0LjA0MiwtMTUuNTI0bDIwLjE2MiwtMi41NzdsMCwtMi41MTJjMCwtMy4wMjcgLTEuNTQ2LC00LjYzOCAtNC4zOCwtNC42MzhsLTI1LjMxNSwwbDAsLTEwLjc1N2wyNS43NjYsMGMxMC4yNDIsMCAxNS44NDYsNS4wMjQgMTUuODQ2LDEzLjkxNGwwLDM2LjM5NGwtMTEuOTgxLDBsMCwtNi4xMTljLTMuNDc4LDQuODk2IC05LjIxMSw3LjY2NSAtMTYuNjE5LDcuNjY1Yy0xMC40MzUsMCAtMTcuNTIxLC02LjM3NyAtMTcuNTIxLC0xNS44NDZtMjAuNDE5LDYuMTgzYzYuMDU1LDAgMTEuNjU5LC0zLjQxNCAxMy43MiwtOC40MzhsMCwtNi4zMTNsLTE1LjM5NSwyLjEyNmMtNC4yNTEsMC41OCAtNi42MzUsMi44MzQgLTYuNjM1LDYuNTA2YzAuMDAxLDMuOTI5IDMuMDI4LDYuMTE5IDguMzEsNi4xMTkiIHN0eWxlPSJmaWxsOiMwMmFhN2M7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PHBhdGggZD0iTTQwNS4xNjcsODYuOTU4bDguNjMyLDBjMy4yODUsMCA0Ljc2NywtMS4zNTMgNS44NjIsLTQuNDQ1bDEuNTQ2LC00LjQ0NWwtMTguMjk0LC01MC4zMDhsMTIuMzY4LDBsMTEuNDAxLDM1LjA0MmwwLjI1OCwwbDEwLjg4NiwtMzUuMDQybDEyLjE3NCwwbC0yMC4wMzMsNTcuNzhjLTIuNzA1LDcuOTIzIC02LjMxMywxMi4xNzQgLTE1LjEzNywxMi4xNzRsLTkuNjYyLDBsLTAuMDAxLC0xMC43NTZaIiBzdHlsZT0iZmlsbDojMDJhYTdjO2ZpbGwtcnVsZTpub256ZXJvOyIvPjxwYXRoIGQ9Ik00My40OCwxMzIuMzA2YzEzLjc4NSwwIDI1LjEyMiwtNC4zMTYgMzIuNTk0LC0xMS41M2M1LjYwNCwtNS41NCA4Ljg4OSwtMTMuMDEyIDguODg5LC0yMS42NDNjMCwtNy43OTQgLTIuODk5LC0xNC44MTUgLTguMjQ1LC0yMC4xNjJjLTUuMzQ2LC01LjM0NyAtMTMuMDEyLC05LjI3NiAtMjIuNjc0LC0xMS4xNDRsLTE1Ljg0NiwtMy4wOTJjLTYuNTcsLTEuMjI0IC0xMC4zMDYsLTQuNTA5IC0xMC4zMDYsLTkuMDgyYzAsLTUuOTkxIDUuNzk3LC0xMC4xMTMgMTUuMDczLC0xMC4xMTNjNS43OTcsMCAxMC43NTcsMS44NjggMTQuMDQyLDUuMTUzYzIuMDYxLDIuMjU1IDMuNDc4LDUuMTUzIDMuOTI5LDguNDM4bDIyLjg2NywtNS4xNTNjLTAuNjQ0LC02LjU3IC0zLjczNiwtMTIuMzY4IC04LjQzOCwtMTcuMTM0Yy03LjUzNiwtNy40MDggLTE5LjA2NywtMTIuMTEgLTMyLjY1OCwtMTIuMTFjLTEyLjU2MSwwIC0yMy4wNiw0LjEyMyAtMzAuMzM5LDEwLjY5M2MtNi4xODQsNS43OTcgLTkuNjYyLDEzLjU5MSAtOS42NjIsMjIuMjg3YzAsNy42MDEgMi40NDgsMTQuMDQyIDcuNDA4LDE4LjkzOGM0Ljk2LDQuOTYgMTIuMTc0LDguNjMyIDIxLjY0MywxMC45NWwxNS42NTMsMy43MzZjNy44NTksMS44NjggMTEuMzM3LDQuNzY3IDExLjMzNyw5LjkyYzAsNi4zNzcgLTUuNzk3LDEwLjExMyAtMTUuMjY2LDEwLjExM2MtNi44MjgsMCAtMTIuMzY4LC0yLjI1NSAtMTUuODQ2LC01Ljk5MWMtMi40NDgsLTIuNDQ4IC0zLjkyOSwtNS43OTcgLTQuMTIzLC05LjQ2OWwtMjMuNTEyLDUuMTU0YzAuNjQ0LDcuMDIxIDMuOTI5LDEzLjIwNSA4Ljg4OSwxOC4xNjVjNy43OTQsOC4xOCAyMC40MiwxMy4wNzYgMzQuNTkxLDEzLjA3Nm0xNzQuMDQ4LDBjMTUuMjY2LDAgMjYuOTksLTUuNTQgMzUuMDQxLC0xMy4zOThjNi4zNzcsLTYuMTg0IDEwLjMwNiwtMTMuMzk4IDEyLjM2OCwtMjAuODA2bC0yNC4wOTEsLTguMDUyYy0xLjAzMSwzLjczNiAtMy4wOTIsNy42NjUgLTYuMzc3LDEwLjY5M2MtMy45MjksMy43MzYgLTkuMjc2LDYuMzc3IC0xNi45NDEsNi4zNzdjLTcuMDIxLDAgLTEzLjU5MSwtMi43MDUgLTE4LjM1OCwtNy40MDhjLTQuNzY3LC00Ljk2IC03LjY2NSwtMTIuMTc0IC03LjY2NSwtMjEuMjU3Yy0wLC05LjI3NiAyLjg5OSwtMTYuMjk3IDcuNjY1LC0yMS4yNTdjNC43MDIsLTQuNzY3IDExLjE0NCwtNy4yMTQgMTguMTY1LC03LjIxNGM3LjQwOCwtMCAxMi41NjEsMi40NDggMTYuMjk3LDYuMTg0YzMuMDkyLDMuMDkyIDQuOTYsNy4wMjEgNi4xODQsMTAuOTVsMjQuNTQyLC04LjI0NWMtMS44NjgsLTcuMjE0IC01Ljc5NywtMTQuNDI5IC0xMS41MywtMjAuNDE5Yy04LjI0NSwtOC4wNTIgLTIwLjIyNiwtMTMuNzg1IC0zNi4wNzIsLTEzLjc4NWMtMTQuNjIyLC0wIC0yNy44MjcsNS41NCAtMzcuMjk2LDE1LjA3M2MtOS40NjksOS42NjIgLTE1LjI2NiwyMy4xMjUgLTE1LjI2NiwzOC43NzhjMCwxNS42NTMgNS45OTEsMjkuMDUxIDE1LjY1MywzOC43NzhjOS40MDMsOS40NjggMjIuODAxLDE1LjAwOCAzNy42ODEsMTUuMDA4bS04My4yODgsMGMxMC42OTMsMCAxOC4zNTgsLTMuMjg1IDIxLjY0MywtNi4xODRsMCwtMjIuMjg3Yy0yLjUxMiwxLjg2OCAtNy40MDgsNC4xMjMgLTEzLjg0OSw0LjEyM2MtNC41NzMsMCAtNy44NTksLTEuMDMxIC0xMC4zMDYsLTMuMjg1Yy0yLjA2MSwtMi4wNjEgLTMuMDkyLC01LjYwNCAtMy4wOTIsLTEwLjMwNmwwLC05NC4zNjdsLTI3LjI0NywwbDAsMjcuODI3bDU0LjQzLDBsMCwyNi40MWwtNTQuNDMsMGwwLDQ2LjgyOWMwLDkuNDY5IDIuODk5LDE3LjEzNCA4LjA1MiwyMi40ODFjNS43OTcsNS42NjcgMTQuMjk5LDguNzU5IDI0Ljc5OSw4Ljc1OSIgc3R5bGU9ImZpbGw6I2ZmZjtmaWxsLXJ1bGU6bm9uemVybzsiLz48L2c+PC9zdmc+);
  background-position: center;
  background-repeat: no-repeat;
  height: 17px;
  margin: 2px 0;
}

@media screen and (min-width: 768px) {
  #wc-wpgShahbandrPay-cc-form .exp-credit-card-form {
      margin-left: auto !important;
      margin-right: auto !important;
      max-width: 340px !important;
  }
}
#wc-wpgShahbandrPay-cc-form .exp-credit-card-form {
    position: relative;
    box-sizing: border-box;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,"Helvetica Neue",Ubuntu,sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: rgba(26,26,26,.9);
    line-height: normal !important;
    -webkit-font-smoothing: antialiased;
    transition: all .1s ease;
    text-transform: unset;
    min-width: 240px;
}

#wc-wpgShahbandrPay-cc-form{
  border: none !important;
}

/* ============================================
   Saved Payment Methods - Simple & Clear Design
   RTL/LTR Support - No Icons
   ============================================ */

.wc-saved-payment-methods-wrapper {
  margin: 20px 0;
  background: #ffffff;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 20px;
}

.wc-saved-payment-methods-wrapper[dir="rtl"] {
  direction: rtl;
  text-align: right;
}

.wc-saved-payment-methods-wrapper[dir="ltr"] {
  direction: ltr;
  text-align: left;
}

.wc-saved-payment-methods-header {
  margin-bottom: 15px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e0e0e0;
}

.saved-cards-title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  line-height: 1.5;
}

.saved-cards-title .title-ar {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #666;
  margin-top: 4px;
}

.wc-saved-payment-methods-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.saved-card-item {
  margin: 0 0 10px 0;
  padding: 0;
}

.saved-card-item:last-child {
  margin-bottom: 0;
}

.saved-card-radio {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
}

.saved-card-label {
  display: flex;
  align-items: center;
  padding: 14px 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #f9f9f9;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
}

.wc-saved-payment-methods-wrapper[dir="rtl"] .saved-card-label {
  text-align: right;
}

.wc-saved-payment-methods-wrapper[dir="ltr"] .saved-card-label {
  text-align: left;
}

.saved-card-label:hover {
  border-color: #999;
  background: #f5f5f5;
}

.saved-card-item.selected .saved-card-label {
  border-color: #0073aa;
  background: #e8f4f8;
}

.saved-card-new-label {
  border-color: #0073aa;
  background: #f0f8ff;
}

.saved-card-new-label:hover {
  background: #e6f3ff;
}

.card-radio-indicator {
  width: 18px;
  height: 18px;
  border: 2px solid #999;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
  transition: all 0.2s ease;
  background: #ffffff;
}

.wc-saved-payment-methods-wrapper[dir="rtl"] .card-radio-indicator {
  margin-left: 12px;
  margin-right: 0;
}

.wc-saved-payment-methods-wrapper[dir="ltr"] .card-radio-indicator {
  margin-right: 12px;
  margin-left: 0;
}

.saved-card-radio:checked + .saved-card-label .card-radio-indicator {
  border-color: #0073aa;
  background: #0073aa;
}

.saved-card-radio:checked + .saved-card-label .card-radio-indicator::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ffffff;
}

.card-info-wrapper {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
}

.card-details {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
}

.card-brand {
  font-size: 15px;
  font-weight: 600;
  color: #333;
  text-transform: capitalize;
}

.card-number {
  font-size: 14px;
  color: #666;
  font-family: 'Courier New', monospace;
  letter-spacing: 0.5px;
}

.card-expiry {
  font-size: 12px;
  color: #888;
  margin-top: 2px;
}

.card-expiry .expiry-ar {
  display: block;
  margin-top: 2px;
}

.new-card-text {
  color: #0073aa;
  font-size: 15px;
  font-weight: 600;
}

.new-card-text .new-card-ar {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #666;
  margin-top: 4px;
}

.wc-save-payment-method-wrapper {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #e0e0e0;
}

.save-card-checkbox-label {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 10px 12px;
  background: #f9f9f9;
  border-radius: 4px;
  transition: all 0.2s ease;
  border: 1px solid transparent;
}

.wc-saved-payment-methods-wrapper[dir="rtl"] .save-card-checkbox-label {
  text-align: right;
}

.wc-saved-payment-methods-wrapper[dir="ltr"] .save-card-checkbox-label {
  text-align: left;
}

.save-card-checkbox-label:hover {
  background: #f5f5f5;
}

.save-card-checkbox {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.checkbox-custom {
  width: 18px;
  height: 18px;
  border: 2px solid #999;
  border-radius: 3px;
  position: relative;
  flex-shrink: 0;
  transition: all 0.2s ease;
  background: #ffffff;
}

.wc-saved-payment-methods-wrapper[dir="rtl"] .checkbox-custom {
  margin-left: 10px;
  margin-right: 0;
}

.wc-saved-payment-methods-wrapper[dir="ltr"] .checkbox-custom {
  margin-right: 10px;
  margin-left: 0;
}

.save-card-checkbox:checked + .checkbox-custom {
  border-color: #0073aa;
  background: #0073aa;
}

.save-card-checkbox:checked + .checkbox-custom::after {
  content: '✓';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
}

.save-card-text {
  font-size: 14px;
  font-weight: 500;
  color: #555;
  flex: 1;
  line-height: 1.5;
}

.save-card-text .save-card-ar {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #777;
  margin-top: 2px;
}

.save-card-checkbox:checked ~ .save-card-text {
  color: #0073aa;
  font-weight: 600;
}

/* Responsive Design */
@media (max-width: 768px) {
  .wc-saved-payment-methods-wrapper {
    padding: 15px;
  }
  
  .saved-card-label {
    padding: 12px 14px;
  }
  
  .card-brand {
    font-size: 14px;
  }
  
  .card-number {
    font-size: 13px;
  }
  
  .saved-cards-title {
    font-size: 15px;
  }
  
  .new-card-text {
    font-size: 14px;
  }
}

/* Animation for card form */
.custom-credit-card-form {
  transition: all 0.3s ease;
  overflow: hidden;
}

.custom-credit-card-form.card-form-visible {
  animation: slideDownFade 0.3s ease;
}

@keyframes slideDownFade {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}