.elementor-12 .elementor-element.elementor-element-6d27a92e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:035px;--padding-right:035px;}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-305bac5d{font-family:"Montserrat", Sans-serif;font-weight:400;}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-6d27a92e{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for container, class: .elementor-element-6d27a92e *//* General container styles for the Login and Register forms */
.woocommerce .customer-login {
    display: flex !important;
    justify-content: space-between !important;
    gap: 50px !important; /* Adjust the spacing between forms */
    align-items: flex-start !important; /* Align the forms at the top */
}

/* Styling the Login and Register form wrappers */
.woocommerce .u-column1,
.woocommerce .u-column2 {
    width: 48% !important; /* Equal width for both forms */
    padding: 20px !important;
   
}

/* Remove border and padding for forms on My Account page */
body.woocommerce-account .woocommerce form.login,
body.woocommerce-account .woocommerce form.register {
    border: none !important;
    padding: 0 !important;
}


/* Headings for Login and Register forms */
.woocommerce .u-column1 h2,
.woocommerce .u-column2 h2 {
    margin-bottom: 15px !important;
  color: #080808;
font-family: "Red Hat Display" !important;
font-size: 35px !important;
font-style: normal;
font-weight: 700 !important;
line-height: normal;
text-transform: capitalize;
}

/* Input field styling */
.woocommerce .woocommerce-form-row input.input-text {
    width: 100% !important;
    padding: 10px !important;
    font-size: 14px !important;
    margin-bottom: 15px !important;
}

/* Checkbox styling */
.woocommerce-form__label-for-checkbox {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 14px !important;
    color: #333 !important;
}

/* Button styling for Login and Register */
.woocommerce .button {
    background-color: #3D550C !important; /* Dark green color */
    color: #fff !important;
    padding: 10px 20px !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    border: none !important;
    cursor: pointer !important;
    text-transform: capitalize !important;
    transition: background-color 0.3s ease !important;
}

.woocommerce .button:hover {
    background-color: #2E4409 !important; /* Slightly darker green on hover */
}

/* Privacy policy link styling */
.woocommerce .u-column2 .privacy-policy-link {
    color: #3D550C !important;
    font-weight: bold !important;
    text-decoration: underline !important;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .woocommerce .customer-login {
        flex-direction: column !important;
    }
    
    .woocommerce .u-column1,
    .woocommerce .u-column2 {
        width: 100% !important;
    }
}


p{
color: #080808 !important;
font-family: Montserrat !important;
font-size: 14px !important;
font-style: normal !important;
font-weight: 400 !important;
    
}

/* Style for form labels on My Account page */
body.woocommerce-account .woocommerce form.login label,
body.woocommerce-account .woocommerce form.register label {
    color: #080808 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
}

/* Style for input fields on My Account page */
body.woocommerce-account .woocommerce form.login input.input-text,
body.woocommerce-account .woocommerce form.register input.input-text {
    border: 1px solid rgba(8, 8, 8, 0.50) !important;
    padding: 10px !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}/* End custom CSS */