.elementor-984 .elementor-element.elementor-element-5a81ed3{--display:flex;--min-height:100px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-984 .elementor-element.elementor-element-1d354fcf{--display:flex;--min-height:35vh;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-984 .elementor-element.elementor-element-1d354fcf{--content-width:70vw;}}/* Start custom CSS for shortcode, class: .elementor-element-48c0439e *//* General container styling without border */
.lifterlms-checkout, .llms-checkout {
    border: none; /* Remove the container border */
    border-radius: 8px;
    font-family: 'Sora', sans-serif;
    color: #000000;
    padding: 20px;
}

/* Styling the form elements */
.lifterlms-checkout form, .llms-checkout form {
    display: flex;
    flex-direction: column;
    color: #000000;
}

.lifterlms-checkout form .form-field, .llms-checkout form .form-field {
    margin-bottom: 15px;
}

.lifterlms-checkout form .form-field label, .llms-checkout form .form-field label {
    font-family: 'Sora', sans-serif;
    font-weight: bold;
    color: #000000;
}

.lifterlms-checkout form .form-field input,
.lifterlms-checkout form .form-field select,
.llms-checkout form .form-field input,
.llms-checkout form .form-field select {
    width: 100%;
    padding: 10px;
    border: 2px solid #000000;
    border-radius: 8px;
    font-family: 'Sora', sans-serif;
    color: #000000;
}

.lifterlms-checkout form .form-submit, .llms-checkout form .form-submit {
    background-color: #0073aa;
    color: #000000;
    padding: 10px;
    border: 2px solid #000000;
    border-radius: 8px;
    cursor: pointer;
    text-align: center;
    font-family: 'Sora', sans-serif;
}

.lifterlms-checkout form .form-submit:hover, .llms-checkout form .form-submit:hover {
    background-color: #005a87;
    color: #000000;
}

/* Styling the form sections */
.llms-checkout-section.billing-information, 
.llms-checkout-section.order-summary, 
.llms-checkout-section.payment-details {
    border: 2px solid #000000;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
}

/* Styling the form section headers */
.llms-dform-heading,
.llms-checkout-section.billing-information h4,
.llms-checkout-section.order-summary h4,
.llms-checkout-section.payment-details h4 {
    background-color: #000000; /* Change background to black */
    color: #ffffff;
    padding: 10px;
    font-family: 'Sora', sans-serif;
    border-radius: 8px; /* Add border radius */
}

/* Styling the notice elements */
.llms-notice {
    border: 2px solid #000000;
    border-radius: 8px;
    background-color: #f0f0f0; /* Light grey background for notices */
    color: #000000;
    padding: 15px;
    margin-bottom: 20px;
    font-family: 'Sora', sans-serif;
}/* End custom CSS */