.woocommerce-error {
	display:block !important;
}
.loader {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #3498db;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    text-align: center;
    margin-left: 47%;
    margin-top: 25% !important;
}
#cred_overlay {
    background-color: rgba(0, 0, 0, 0.5); 
    width: 100%;
    height: 100%;/*900px;**/
    position: fixed; 
    top: 0;
    left: 0;
    padding-top:30px !important;
    z-index: 100000;
    display: flex;
    justify-content: center;
    align-items: center;
}
#body {
height: 100vh;
}

#credframe {
display: flex
justifycenter: center
align-items: center
border: none;
}

/*#credframe {
    position: absolute;
    top:40vh;/*35%;*/
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%; /* Adjust as necessary */
    height: 80%; /* Adjust as necessary */
	
}*/
.payment-icon {
    width: 30px !important; /* Adjust size */
    height: auto !important; /* Maintain aspect ratio */
    vertical-align: middle !important; /* Align with text */
    margin-right: 5px !important; /* Spacing between icons */
}
.woocommerce input[name="payment_method"][value="snappy_credpay"] + label {
    display: inline-block;
    vertical-align: middle;
    width: 92%;
    white-space: nowrap;
}
.cred-img {
    width:180px; 
    float: right; 
    margin-left: 0px;
}
.wc_payment_method payment_method_snappy_credpay li {
	margin-top: 5px;
}
@media (max-width: 768px) {
   .woocommerce input[name="payment_method"][value="snappy_credpay"] + label {
    display: inline;
    vertical-align: middle;
    width: 85%;
    white-space: nowrap;
    float:left !important;
    text-align:left !important;
	margin-top: -7px !important;
}
	.woocommerce input[name="payment_method"][value="snappy_credpay"] {
		  float:left !important;
	}
#add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img {
    vertical-align: middle;
    margin: -2px 0 0 .5em;
    padding: 0;
    position: relative;
    box-shadow: none;
	float:left !important;
}
.cred-img {
   /* width:150px; */
    float: none; 
    text-align:left;
    margin-left: 0px !important;
}
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}