.elementor-3577 .elementor-element.elementor-element-62852fda{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 0px 60px 0px;}.elementor-3577 .elementor-element.elementor-element-62852fda > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3577 .elementor-element.elementor-element-36e9b148 > .elementor-element-populated{padding:2% 2% 2% 2%;}.elementor-widget-shortcode .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-shortcode .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}body.elementor-page-3577:not(.elementor-motion-effects-element-type-background), body.elementor-page-3577 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e6e8f96 );}/* Start custom CSS for shortcode, class: .elementor-element-2736f2c */input#pmpro_btn-submit {
    background: #336D99;
    color: #fff;
    font-size: 20px;
    border-radius: 25px;
    margin-top: 22px;
    border: 1px solid #336D99;
}

p#other_discount_code_p {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    font-family: 'IstokWeb-Bold';
}


span.pmpro_checkout-h2-msg a{
    color: #fff;
     font-size: 16px;
    font-weight: 600;
    font-family: 'IstokWeb-Bold';
}




@media(max-width: 375px) { 

p#other_discount_code_p {
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    font-family: 'IstokWeb-Bold';
}
}


#pmpro_user_fields{
    
    /*display: none !important;*/
}



 .pmpro_checkout h2 span.pmpro_checkout-h2-name {
    display: inline-block;
    margin: 0 .5rem 1rem 0;
    color: white;
}



#pmpro_payment_information_fields .pmpro_checkout-fields label {
    display: block;
    float: none;
    max-width: initial;
    min-width: initial;
    text-align: left;
    width: auto;
    padding: 12px;
}




.pmpro_checkout-fields{
    color: white;
}


.pmpro-checkout input::placeholder {
    color: #ffffff !important; /* Ensure the placeholder text is white */
}

.pmpro-checkout textarea::placeholder {
    color: #ffffff !important; /* Ensure the placeholder text is white */
}


  
.pmpro_checkout h2 span.pmpro_checkout-h2-msg {
    font-size: 13px;
    font-style: italic;
    font-weight: normal;
    letter-spacing: normal;
    color: white;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-36e9b148 */.elementor-3577 .elementor-element.elementor-element-36e9b148 {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border-radius: 15px; /* Adjust the border-radius to your preference */
}
 
.elementor-3577 .elementor-element.elementor-element-36e9b148 img {
    display: block;
    width: 100%;
    border-radius: 15px; /* Match the border-radius of the container */
}
 
.elementor-3577 .elementor-element.elementor-element-36e9b148::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 15px; /* Match the border-radius of the container */
    padding: 2px; /* Adjust the padding to your preference */
    background: linear-gradient(111deg, rgba(204,0,3,1) 0%, rgba(204,0,170,1) 23%, rgba(13,0,204,1) 39%, rgba(0,186,204,1) 51%, rgba(0,204,19,1) 65%, rgba(204,195,0,1) 77%, rgba(204,12,0,1) 100%);
    background-size: 200% 200%; /* Ensure the gradient is large enough to animate */
    -webkit-mask: 
      linear-gradient(#fff 0 0) content-box, 
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: animateGradient 5s ease-in-out infinite; /* Add animation and smooth transition */
}
 
@keyframes animateGradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}/* End custom CSS */
/* Start custom CSS */.pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#AccountNumber, .pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#Expiry, .pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#CVV, .pmpro_billing_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#AccountNumber, .pmpro_billing_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#Expiry, .pmpro_billing_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#CVV  {
  color: white;
  background: white;
  border: 1px solid #fff;
  border-radius: 20px;
  margin: 0;
  padding: 14px;
  /* padding: 0.625em 0.4375em; */
}







/*.InputElement is-empty Input Input--empty placeholder*/
/*{*/
    
    
/*    color: white;*/
/*}*//* End custom CSS */