.wc-cedit-card-form {
max-width: 500px;
margin: 20px auto;
}
#wc-moyasar-cc-form,
#wc-moyasar-stc-pay-form {
border: 1px solid #e5e5e5;
background: #fdfdfd;
padding: 25px; border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
#wc-moyasar-cc-form *,
#wc-moyasar-stc-pay-form * {
box-sizing: border-box; } #wc-moyasar-cc-form .form-row.form-row-wide,
#wc-moyasar-stc-pay-form .form-row.form-row-wide {
width: 100%;
margin: 0 0 20px;
clear: both;
}
#wc-moyasar-cc-form label,
#wc-moyasar-stc-pay-form label {
display: block;
margin-bottom: 8px;
font-weight: 600;
color: #444;
font-size: 14px;
} #wc-moyasar-cc-form input.input-text,
#wc-moyasar-cc-form input[type="text"],
#wc-moyasar-cc-form input[type="password"],
#wc-moyasar-stc-pay-form input[type="text"] {
width: 100%;
padding: 0 14px;
border: 1px solid #ccc;
border-radius: 6px;
font-size: 16px;
line-height: 48px; height: 48px;
transition: all 0.3s ease;
box-sizing: border-box;
}
#wc-moyasar-cc-form input.input-text:focus,
#wc-moyasar-cc-form input[type="text"]:focus,
#wc-moyasar-cc-form input[type="password"]:focus,
#wc-moyasar-stc-pay-form input[type="text"]:focus {
border-color: #316896;
box-shadow: 0 0 0 4px rgba(49, 104, 150, 0.1);
outline: none;
} #wc-moyasar-cc-form .moyasar-cc-group {
position: relative;
min-width: 100%;
} form.checkout.processing input[name="payment_method"],
form.checkout.processing .payment_box input,
form.checkout.processing .payment_box select,
form.checkout.processing .payment_box textarea {
pointer-events: none;
}
form.checkout.processing .woocommerce-checkout-payment li.payment_method_moyasar_cc,
form.checkout.processing .woocommerce-checkout-payment li.payment_method_moyasar_stc_pay,
form.checkout.processing .woocommerce-checkout-payment li.payment_method_moyasar_apple_pay,
form.checkout.processing .woocommerce-checkout-payment li.payment_method_moyasar_samsung_pay {
opacity: 0.6;
pointer-events: none;
} ul.wc_payment_methods.moyasar-payment-processing {
opacity: 0.6;
pointer-events: none;
} .wc-moyasar_cc-payment-methods .wc-saved-payment-method input[type="radio"],
.payment_method_moyasar_cc input[name="wc-moyasar_cc-payment-token"] {
appearance: auto;
-webkit-appearance: radio;
width: auto;
min-width: auto;
display: inline-block;
vertical-align: middle;
margin-right: 6px;
} .moyasar-cc-expiry-cvc-group {
display: flex;
justify-content: space-between;
gap: 20px;
margin-bottom: 20px;
}
.moyasar-cc-expiry-cvc-group .form-row {
flex: 1;
float: none; margin: 0;
width: auto;
} @media (max-width: 480px) {
.moyasar-cc-expiry-cvc-group {
flex-direction: column;
gap: 15px;
}
.moyasar-cc-expiry-cvc-group .form-row {
width: 100% !important;
}
} #wc-moyasar-cc-form .woocommerce-SavedPaymentMethods-saveNew,
#wc-moyasar-cc-form .form-row.create-account {
display: flex !important;
align-items: center !important;
gap: 8px !important;
margin-top: 15px;
margin-bottom: 10px;
float: none !important;
clear: both !important;
}
#wc-moyasar-cc-form .woocommerce-SavedPaymentMethods-saveNew label,
#wc-moyasar-cc-form .form-row.create-account label {
display: inline-block !important;
margin: 0 !important;
font-weight: normal !important;
cursor: pointer;
font-size: 14px;
}
#wc-moyasar-cc-form .woocommerce-SavedPaymentMethods-saveNew input[type="checkbox"],
#wc-moyasar-cc-form .form-row.create-account input[type="checkbox"] {
width: auto !important;
height: auto !important;
margin: 0 !important;
cursor: pointer;
} #moyasar_card_brand {
font-style: normal;
font-weight: 100 !important;
} .moyasar-quick-buy-btn {
margin-top: 10px;
width: 100%;
background-color: #1a1a1a !important;
color: #ffffff !important;
display: flex !important;
align-items: center;
justify-content: center;
gap: 8px;
border: none !important;
padding: 15px 20px !important;
font-size: 16px !important;
border-radius: 8px !important;
cursor: pointer;
font-weight: 600;
transition: all 0.2s ease !important;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.moyasar-quick-buy-btn:hover {
background-color: #000000 !important;
transform: translateY(-2px);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
.moyasar-quick-buy-btn.loading {
opacity: 0.8;
cursor: not-allowed;
background-color: #333 !important;
background-image: none !important;
} .woocommerce-checkout[dir="rtl"] .moyasar-cc-group .moyasar-cc-logos,
.woocommerce-cart[dir="rtl"] .moyasar-cc-group .moyasar-cc-logos,
[dir="rtl"] .moyasar-cc-group .moyasar-cc-logos {
right: auto !important;
left: 12px !important;
}
[dir="rtl"] .moyasar-cc-group input {
padding-left: 50px !important; padding-right: 12px !important;
} [dir="ltr"] .moyasar-cc-group input,
.moyasar-cc-group input:not([dir="rtl"]) {
padding-right: 50px !important;
} .moyasar-gateway-icon {
max-height: 32px !important;
vertical-align: middle; float: right;
margin-left: 10px;
} [dir="rtl"] .moyasar-gateway-icon,
.woocommerce[dir="rtl"] .moyasar-gateway-icon {
float: left;
margin-left: 0;
margin-right: 10px;
} apple-pay-button {
cursor: pointer;
display: inline-block;
} #moyasar_card_brand_img {
height: 24px !important;
width: auto !important;
max-height: 24px !important;
max-width: 55px !important;
display: inline-block !important;
vertical-align: middle !important;
}
#moyasar_card_brand_placeholder {
font-size: 20px !important;
line-height: 1 !important;
opacity: 0.3 !important;
}
.moyasar-cc-logos {
pointer-events: none !important;
}   .moyasar-blocks-cc,
.moyasar-blocks-stc,
.moyasar-blocks-apple-pay,
.moyasar-blocks-samsung,
.moyasar-blocks-invoice {
padding-top: 4px;
}
.moyasar-blocks-desc {
margin: 0 0 12px;
}
.moyasar-blocks-field,
.moyasar-blocks-field-group {
margin-bottom: 12px;
}
.moyasar-blocks-field label {
display: block;
margin-bottom: 4px;
font-size: 0.9em;
}
.moyasar-blocks-field-group label {
display: block;
margin-bottom: 4px;
font-size: 0.9em;
} .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__label .moyasar-blocks-icons img {
height: var(--moyasar-icon-height, 26px) !important;
max-height: var(--moyasar-icon-height, 26px) !important;
width: auto !important;
}
.moyasar-blocks-icons img {
height: var(--moyasar-icon-height, 26px) !important;
max-height: var(--moyasar-icon-height, 26px) !important;
width: auto !important;
} .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__label .moyasar-blocks-icons-moyasar_cc img,
.moyasar-blocks-icons-moyasar_cc img {
height: var(--moyasar-icon-height, 20px) !important;
max-height: var(--moyasar-icon-height, 20px) !important;
}
.moyasar-samsung-pay-btn:hover {
opacity: 0.9;
}
.moyasar-blocks-cc input[type="text"],
.moyasar-blocks-cc input[type="password"],
.moyasar-blocks-stc input[type="text"] {
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
}.mfrash-slide-banner-wrapper{ background:#f4f4f4; border-radius:6px; height:28px; margin-top:8px; overflow:hidden; font-family:"Cairo",sans-serif } .mfrash-slide-banner{ position:relative; height:100% } .slide-text{ position:absolute; width:100%; top:0; left:0; opacity:0; transform:translateY(100%); transition:all 1s ease; text-align:center; font-size:13px; color:#333; line-height:28px; white-space:nowrap; font-weight:700 } .slide-text.active{ opacity:1; transform:translateY(0) } @media(max-width:768px){ .mfrash-slide-banner-wrapper{height:26px} .slide-text{font-size:12.5px;line-height:26px} } @media(max-width:480px){ .mfrash-slide-banner-wrapper{height:24px} .slide-text{font-size:10px;line-height:24px} }.thumb-info{text-decoration:none;max-width:100%;border:1px solid;word-wrap:break-word}.thumb-info,.thumb-info .thumb-info-wrapper{display:block;position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0,0,0)}.thumb-info .owl-carousel{z-index:auto}.thumb-info .owl-carousel .owl-dots,.thumb-info .owl-carousel .owl-nav{z-index:2}.thumb-info img{transition:0.3s;position:relative;width:100%}.thumb-info .zoom{display:block;border-radius:100%;bottom:4px;cursor:pointer;background:var(--porto-primary-color);color:#FFF;height:30px;width:30px;padding:0;position:absolute;left:4px;text-align:center;opacity:0;transition:0.1s;line-height:30px;font-size:14px;z-index:2}.thumb-info:hover .thumb-info-wrapper:after{opacity:1}.thumb-info:hover .thumb-info-action-icon{left:0;top:0}.thumb-info:hover img{transform:scale(1.1,1.1)}.thumb-info:hover .zoom{opacity:1}.thumb-info:hover .owl-carousel.show-nav-hover .owl-nav{opacity:1}.thumb-info .owl-item.active{z-index:1}.thumb-info.thumb-info-hide-info-hover:hover .thumb-info-wrapper:after{opacity:0.1}.thumb-info.thumb-info-centered-icons .thumb-info-action-icon{left:auto;right:auto;top:50%}.thumb-info.thumb-info-centered-info .thumb-info-title{background:transparent}.thumb-info.thumb-info-bottom-info-dark .thumb-info-title{background:linear-gradient(to top,rgba(23,23,23,0.8) 0,transparent 100%) repeat scroll 0 0 rgba(0,0,0,0)}.thumb-info.thumb-info-left-no-bg .thumb-info-title{background:none}.thumb-info-wrapper{margin:0;overflow:hidden}.thumb-info-wrapper:after{content:"";transition:0.3s;bottom:0;color:#FFF;right:0;position:absolute;left:0;top:0;display:block;opacity:0;z-index:1}.thumb-info-action-icon{transition:0.3s;border-radius:0 0 4px 0;display:inline-block;font-size:25px;height:50px;line-height:50px;position:absolute;left:-100px;text-align:center;text-decoration:none;vertical-align:bottom;top:-100px;width:50px;z-index:2;overflow:hidden;font-size:18px;background:var(--porto-primary-color);color:#fff}.thumb-info-action-icon i{color:var(--porto-primary-color-inverse)}.thumb-info-action-icon i img{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;border-radius:0;transform:none!important}.thumb-info-action-icon.thumb-info-plus{visibility:hidden;transform:none!important}.thumb-info-inner{transition:0.3s;display:block;font:inherit;color:inherit;margin-bottom:0}.thumb-info-inner em{display:block;font-size:0.8em;font-style:normal;font-weight:normal}.thumb-info-title{transition:0.3s;background:rgba(33,37,41,0.8);bottom:13%;color:#fff;font-size:17px;font-weight:600;right:0;letter-spacing:-0.05em;padding:13px 21px 2px;position:absolute;z-index:2;max-width:90%}.thumb-info-title a,.thumb-info-title a:hover{color:#fff;text-decoration:none}.thumb-info-type{display:inline-block;float:right;font-size:0.6em;font-weight:600;letter-spacing:0;margin:8px -2px -15px 0;padding:2px 12px;text-transform:uppercase;z-index:2;line-height:2.3;background:var(--porto-primary-color)}.thumb-info-no-zoom img{transition:none}.thumb-info-no-zoom:hover img{transform:scale(1,1)}.thumb-info-lighten .thumb-info-wrapper:after{background:rgba(23,23,23,0.25)}.thumb-info-hide-wrapper-bg .thumb-info-wrapper:after{display:none}.thumb-info-centered-icons .thumb-info-action{transition:transform 0.2s ease-out,opacity 0.2s ease-out;transform:translate3d(0,-10px,0);top:50%;right:3px;left:auto;bottom:auto;width:100%;height:45px;margin-top:-20px;text-align:center;position:absolute;opacity:0;z-index:2;padding-top:5px}.thumb-info-centered-icons .thumb-info-action-icon{transition:0.1s;display:inline-block;position:relative;z-index:2;bottom:auto;width:36px;height:36px;line-height:36px;border-radius:50%;margin-left:6px;font-size:14px;transform:translateY(-50%)}.thumb-info-centered-icons .thumb-info-action-icon:hover{transform:scale(1.15,1.15)}.thumb-info-centered-icons:hover .thumb-info-action{transform:translate3d(0,0,0);opacity:1}.thumb-info-centered-icons:hover .thumb-info-action-icon{position:relative;transform:translateY(-50%) scale(1.15,1.15)}.thumb-info-centered-info .thumb-info-title{right:5%;width:90%;transition:transform 0.2s ease-out,opacity 0.2s ease-out;transform:translate(0%,-30%);top:50%;bottom:auto;opacity:0;text-align:center;padding:0;position:absolute}.thumb-info-centered-info .thumb-info-type{float:none}.thumb-info-centered-info:hover .thumb-info-title{opacity:1;transform:translate(0%,-50%)}.thumb-info-bottom-info .thumb-info-title,.thumb-info-bottom-info .thumb-info-title a,.thumb-info-bottom-info .thumb-info-title a:hover{color:var(--porto-body-color)}.thumb-info-bottom-info .thumb-info-title{right:0;width:100%;max-width:100%;transition:transform 0.2s ease-out,opacity 0.2s ease-out;transform:translate3d(0,100px,0);top:auto;bottom:0;opacity:0;padding:15px;text-shadow:none}.thumb-info-bottom-info .thumb-info-type{float:none;background:none;padding:0;margin:0}.thumb-info-bottom-info .thumb-info-inner{line-height:1}.thumb-info-bottom-info:hover .thumb-info-title{transform:translate3d(0,0,0);opacity:1}.thumb-info-bottom-info:hover img{transform:sacle(1.1)}.thumb-info-bottom-info:not(.thumb-info-bottom-info-dark) .thumb-info-title{background:var(--porto-body-bg)}.thumb-info-bottom-info:not(.thumb-info-bottom-info-dark) .thumb-info-inner{color:var(--porto-heading-color)}.thumb-info-bottom-info-dark .thumb-info-title{color:#FFF}.thumb-info-bottom-info-dark .thumb-info-title a,.thumb-info-bottom-info-dark .thumb-info-title a:focus,.thumb-info-bottom-info-dark .thumb-info-title a:hover{color:inherit}.thumb-info-push-hor img{transform:translateX(-18px);width:calc(100% + 19px);max-width:none}.thumb-info-push-hor:hover img{transform:translateX(0)}.thumb-info-hide-info-hover .thumb-info-wrapper:after{opacity:0.65}.thumb-info-hide-info-hover .thumb-info-title{opacity:1;top:50%}.thumb-info-hide-info-hover .thumb-info-type{float:none}.thumb-info-hide-info-hover:hover .thumb-info-title{opacity:0}.thumb-info-no-borders,.thumb-info-no-borders .thumb-info-wrapper,.thumb-info-no-borders img{border:0;padding:0;margin:0;border-radius:0}.thumb-info-no-borders .thumb-info-wrapper:after{border-radius:0;bottom:0;right:0;left:0;top:0}.thumb-info-preview .thumb-info-wrapper:after{display:none}.thumb-info-preview .thumb-info-image{min-height:232px;display:block;background-position:center top;background-repeat:no-repeat;background-size:100% auto;position:relative;transition:background-position 0.8s linear}.thumb-info-preview:hover .thumb-info-image{transition:background-position 2.5s linear;background-position:center bottom}.thumb-info-preview.thumb-info-preview-short:hover .thumb-info-image{transition:background-position 1s linear}.thumb-info-preview.thumb-info-preview-long:hover .thumb-info-image{transition:background-position 5s linear}.thumb-info-preview.thumb-info-preview-fixed .thumb-info-image,.thumb-info-preview.thumb-info-preview-fixed:hover .thumb-info-image{background-position:center center;transition:none}.thumb-info-preview.thumb-info-preview-fixed-top .thumb-info-image,.thumb-info-preview.thumb-info-preview-fixed-top:hover .thumb-info-image{background-position:center top}.thumb-info-preview.thumb-info-preview-fixed-bottom .thumb-info-image,.thumb-info-preview.thumb-info-preview-fixed-bottom:hover .thumb-info-image{background-position:center bottom}.thumb-info-box-shadow{box-shadow:10px 10px 74px -15px rgba(0,0,0,0.1);transition:all 0.3s}.thumb-info-box-shadow:hover{box-shadow:10px 10px 74px 0 rgba(0,0,0,0.1)}.thumb-info-left-no-bg .thumb-info-type{background:none}.thumb-info-left-no-bg .thumb-info-title{bottom:0;padding:1.5rem;color:#212529}.thumb-info-left-no-bg .thumb-info-type{padding:0;margin:0;opacity:0.6}.thumb-info-left-no-bg .thumb-info-inner{font-weight:700;font-size:1.2em}.full-width .thumb-info img{border-radius:0!important}.thumb-info-caption{padding:10px 0}.thumb-info-caption p{line-height:20px;margin:0 0 8px}.thumb-info-caption-text{display:block;margin:0 0 8px;font-size:0.9em;padding:10px}.thumb-info-caption-text>:last-child{margin-bottom:0}.thumb-info-caption-text .thumb-info-date{display:block;font-style:normal;font-weight:normal}.thumb-info-caption-text img{width:auto}.thumb-info-side-image{border:1px solid var(--porto-gray-5)}.thumb-info-side-image:after{content:" ";display:table;clear:both}.thumb-info-side-image .thumb-info-caption-text{padding:17px;margin:0}.thumb-info-side-image .thumb-info-social-icons{border-width:0;padding-bottom:0}.thumb-info-side-image.thumb-info-no-borders .thumb-info-side-image-wrapper{padding:0}.thumb-info-side-image-wrapper{position:relative;padding:0;float:right;margin-left:20px}.thumb-info-side-image-right .thumb-info-side-image-wrapper{float:left;margin-right:20px;margin-left:0}.thumb-info-social-icons{margin:0;padding:15px 10px;display:block}.thumb-info-social-icons a{position:relative;margin:2px;border-radius:25px;display:inline-block;height:30px;line-height:30px;text-align:center;width:30px;vertical-align:bottom;overflow:hidden;background-color:var(--porto-primary-color);color:var(--porto-primary-color-inverse);font-size:0.9em;font-weight:normal}.thumb-info-social-icons a:hover{text-decoration:none}.thumb-info-social-icons a span{display:none}.thumb-info-social-icons a i img{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;border-radius:0;transform:none!important}.thumb-info-social-icons.share-links a{margin:2px;border-radius:25px}.thumb-info-icons.position-style-2{position:absolute;top:-15px;left:50%;z-index:3;transform:translateX(-51%)}.thumb-info-icons .thumb-info-icon{display:inline-block;padding:5px 11px;border-radius:20px;transition:all 0.3s}.thumb-info-icons .thumb-info-icon.love{margin-right:0.2em}.thumb-info-icons .thumb-info-icon i{margin-right:8px}.thumb-info-icons.position-style-1{position:absolute;bottom:5%;left:5%;z-index:2}.thumb-info-icons.position-style-3{bottom:7%;position:absolute;left:2%}.thumb-info-plus:before{opacity:1;transition:auto;content:"";display:block;position:absolute;width:100%;top:50%;left:50%;border-top:1px solid #FFF;transform:translate3d(-50%,-50%,0)}.thumb-info-plus:after{opacity:1;transition:auto;content:"";display:block;position:absolute;width:100%;top:50%;left:50%;border-top:1px solid #FFF;transform:translate3d(-50%,-50%,0) rotate(0deg)}.thumb-info .thumb-info-plus{opacity:0;position:absolute;width:10%;top:50%;left:50%;z-index:2;transform:translate3d(-50%,-50%,0);transition:all 0.3s}.thumb-info:hover .thumb-info-plus{opacity:1;width:30%}.thumb-info:hover .thumb-info-plus:after{transform:translate3d(-50%,-50%,0) rotate(90deg)}.portfolio-parallax .thumb-info-plus{opacity:0;position:absolute;width:10%;top:50%;left:50%;z-index:2;transform:translate3d(-50%,-50%,0);transition:0.3s;width:2%}.portfolio-parallax:hover .thumb-info-plus{opacity:1;width:8%}.portfolio-parallax:hover .thumb-info-plus:after{transform:translate3d(-50%,-50%,0) rotate(90deg)}.portfolio-parallax .container-fluid{position:static}.portfolio-parallax.hidden-plus .thumb-info-plus{display:none}.thumb-info.thumb-info-bottom-info.alternate-info-hide:hover img{transform:scale(1.1,1.1)}.thumb-info-slow-zoom{transition:box-shadow 0.3s}.thumb-info-slow-zoom:hover{box-shadow:0 0 59px -16px rgba(0,0,0,0.4)}.thumb-info-slow-zoom:hover img{transform:translate3d(0,3%,0) scale(1.3)!important}.thumb-info-slow-zoom img{transform:translate3d(-2%,-2%,0) scale(1.2);transition:5s}.thumb-info-slow-zoom .thumb-info-plus{display:none}.portfolio-stripes .owl-item .portfolio-item .thumb-info.thumb-info-slow-zoom:hover .thumb-info-wrapper .background-image{transform:translate3d(0,3%,0) scale(1.3)!important;box-shadow:none}.portfolio-stripes .owl-item .portfolio-item .thumb-info.thumb-info-slow-zoom .thumb-info-wrapper .background-image{transform:translate3d(-2%,-2%,0) scale(1.2)!important;transition:5s}.portfolio-stripes .owl-item .portfolio-item .thumb-info-slow-zoom:hover .thumb-info-wrapper:after{opacity:0}.portfolio-stripes .owl-item .portfolio-item .thumb-info-slow-zoom:hover .thumb-info-wrapper:before{bottom:-41px}.thumb-info .thumb-info-action .thumb-info-action-icon-secondary{background-color:var(--porto-secondary-color)}.thumb-info .thumb-info-action-icon-secondary i{color:var(--porto-secondary-color-inverse,#FFF)}.thumb-info .thumb-info-action .thumb-info-action-icon-tertiary{background-color:var(--porto-tertiary-color)}.thumb-info .thumb-info-action-icon-tertiary i{color:var(--porto-tertiary-color-inverse,#FFF)}.thumb-info .thumb-info-action .thumb-info-action-icon-quaternary{background-color:var(--porto-quaternary-color)}.thumb-info .thumb-info-action-icon-quaternary i{color:var(--porto-quaternary-color-inverse,#FFF)}.thumb-info .thumb-info-action .thumb-info-action-icon-dark{background-color:var(--porto-dark-color)}.thumb-info .thumb-info-action-icon-dark i{color:var(--porto-dark-color-inverse,#FFF)}.thumb-info .thumb-info-action .thumb-info-action-icon-light{background-color:var(--porto-light-color)}.thumb-info .thumb-info-action-icon-light i{color:var(--porto-light-color-inverse,#212529)}@media (max-width:991px){.thumb-info .thumb-info-title{font-size:14px}.thumb-info .thumb-info-more{font-size:11px}.portfolio-parallax:hover .thumb-info-plus{width:20%}}