/* add space between input fields like "Others" */
.two-form-groups {
    display: flex;
    flex-direction: column;
    /* gap: 0.5rem; */
}

/* add space in footer */
.brand-footer.brand-footer-bg.footer-image{
    margin-top:1rem;
}

/* justify total and include tax headings */
.theme-summary .col-sm-4.col-xs-4.text-right{
    text-align: justify;
}

/* add style in rows */
#page_8, #page_9, #page_10 {
    .dynamic-target.form-horizontal.clearfix.theme-panel {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: space-between;
    }
}


/* Ensures flexible layout for demographic, sustainability, and additional data sections: */
.demographic-section, .sustainability, .additional-data {
    flex: 1 1 48%;
}

/* CSS to align Demographic & Sustainability page  */

/* Sync the Headings */
.demographic-section .h4, .sustainability .h4 {
    min-height: 38px !important;
    margin-top: 5px !important;
    margin-bottom: 2px !important;
    display: flex;
    align-items: flex-end; 
    line-height: 1.2 !important;
}

/* Sync the Input Containers */
.demographic-section .row.bottom-padding-10, .sustainability .row.bottom-padding-10 {
    min-height: 45px !important;
    margin-bottom: 8px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Normalize the form-groups */
.demographic-section .form-group, .sustainability .form-group {
    margin-bottom: 0 !important;
    height: 38px !important;
}

/* Handle 'i' icons */
.modern-tooltip-icon {
    position: absolute;
    right: -20px;
    top: 5px !important;
}