main#primary {
    background: url(https://petuku.com/wp-content/uploads/2024/01/home-banner-1.webp);
    width: 100% !important;
    padding-top: 50px;
    background-position: center center;
    background-size: cover;
    background-repeat: norepeat;
}

.mepr-pro-template #primary {
    max-width: none;
    margin: 0 auto;
    height: 100vh !important;
}

input.mepr-submit {
    background: #2d3756 !important;
    border: none !important;
}

#mepr-account-nav {
    background: #d7df20!important;
}

.page-id-4946 main#primary {
    background: none;
    width: 100% !important;
    padding-top: 100px; 
}

.postid-4961 .app-layout .site-header, .guest-layout .site-header {
    background: #d7df20 !important;
    text-align: center !important;
    justify-content: space-between;
    padding: 1.5rem 1rem;
}


.postid-4961 .site-header .site-branding__logo {
    height: 73px;
}

.page-id-4946 #mepr-template-login h1 {
    font-family: poppins;
    color: #2D3756;
    font-weight: 600;
    font-size: 25px !important;
}

.mepro-boxed {
    background-color: #d7df20;
}

input#wp-submit {
    background: #2D3756 !important;
}

.page-id-4946.mepr-guest-layout {
    background: url(https://petuku.com/wp-content/uploads/2024/01/home-banner-1.webp) !important;
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat !important;
}

.page-id-4946 header#masthead {
    background: #D7DF20 !important;
}

.page-id-4946 header#masthead {
    background: #D7DF20 !important;
    padding: 10px;
}

.mepr-guest-layout .site-branding img.site-logo {
    max-height: 68px;
}

.page-id-4946 ite-branding img {
    max-width: 57% !important;
}

.form-wrapper .mp-form-row-group {
    margin-bottom: -18px;
}

.mepr-signup-form, .mepr-before-signup-form, .mepr-pro-template #primary {
    max-width: none;
    margin: 0 auto;
}

.mepr_spacer {
    display: none !important;
}

.app-layout .site-header, .guest-layout .site-header {
    background: #d7df20 !important;
}

.mepr-pro-template #primary {
    max-width: none;
    margin: 0 auto;
}

#primary h3 {
    text-align: center;
    color: #2D3756;
    font-size: 25px;
    font-family: 'Poppins';
}

#primary p {
   text-align: center;
}

.mepr-checkout-container .form-wrapper {
    position: relative;
    width: 100%;
    background: #D7DF20;
    height: 860px;
    padding-right: 50px;
    border-radius: 17px;
   margin-bottom: 30px;
}

.form-wrapper {
	padding-top: 1rem; 
}

.mp-form-row.mepr_email.mepr-field-required {
    margin-top: -10px;
}

.mepr-checkout-container .form-wrapper input[type="submit"] {
    background: #2D3756 !important;
}

input#user_first_name1 {
    margin-right: 17px;
    border-radius: 6px;
}

input#user_last_name1 {
    border-radius: 6px;
}


.form-wrapper .mp-form-row input[type="text"] {
    height: 40px;
}

input#mepr-address-one {
    border-radius: 6px;
    margin-bottom: 5px;
}


.form-wrapper .mp-address-group > .mp-form-row + .mp-form-row .mepr-form-input {
    margin-top: 12px;
    border-radius: 6px;
}


.mepr-checkout-container .invoice-wrapper .invoice-amount {
    color: #2D3756;
    font-family: poppins;
    font-weight: 600;
}

.invoice-wrapper h3 {
    text-align: left !important;
    font-size: 15px !important;
}

.form-wrapper .mp-address-group > .mp-form-row + .mp-form-row .mepr-form-input {
    height: 40px;
}

input {
    background: #F2F5B9 !important;
}

.form-wrapper .mp-form-row select {
    background-color: #F2F5B9;
}

.mp_wrapper .mp-form-row label {
    font-size: 16px;
    font-family: 'Poppins';
    font-weight: 700;
}

@media only screen and (max-width: 767px) {
.mepr-checkout-container .invoice-wrapper {
    padding-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0em;
    margin-top: -47px;
}

.mepr-pro-template #primary {
    max-width: none;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
}

.form-wrapper .mp-form-row-group {
    position: relative;
    display: block; 
}

input#user_first_name1 {
    margin-bottom: 13px;
}

.mepr-checkout-container .form-wrapper {
    height: auto; 
}

.page-id-4946.mepr-guest-layout {
    background-size: auto !important;  
}

}