/* Base grid container */
.sl-2col-grid {
    display: grid;
    gap: 25px; /* Adjust gap as needed */
    margin: 0; /* Zero outside margins */
    margin-bottom: 10px; /* Add 10px margin to the bottom */
    padding: 0 6px; /* Add minimal padding of 6px */
}

/* 50-50 columns */
.sl-2col-grid-50-50 {
    grid-template-columns: 1fr 1fr;
}

.sl-2col-grid-50-50 > div {
    /* Ensure child divs fill their grid area */
    width: 100%;
}

/* Stack to single column layout earlier */
@media (max-width: 1024px) { /* Adjust the breakpoint as needed */
    .sl-2col-grid-50-50 {
        grid-template-columns: 1fr;
    }
}

/* 60-40 columns */
.sl-2col-grid-60-40 {
    grid-template-columns: 3fr 2fr;
}

.sl-2col-grid-60-40 > div {
    /* Ensure child divs fill their grid area */
    width: 100%;
}

/* Stack to single column layout earlier */
@media (max-width: 1024px) { /* Adjust the breakpoint as needed */
    .sl-2col-grid-60-40 {
        grid-template-columns: 1fr;
    }
}

/* 70-30 columns */
.sl-2col-grid-70-30 {
    grid-template-columns: 7fr 3fr;
}

.sl-2col-grid-70-30 > div {
    /* Ensure child divs fill their grid area */
    width: 100%;
}

/* Stack to single column layout earlier */
@media (max-width: 1024px) { /* Adjust the breakpoint as needed */
    .sl-2col-grid-70-30 {
        grid-template-columns: 1fr;
    }
}

/* 40-60 columns */
.sl-2col-grid-40-60 {
    grid-template-columns: 2fr 3fr;
}

.sl-2col-grid-40-60 > div {
    /* Ensure child divs fill their grid area */
    width: 100%;
}

/* Stack to single column layout earlier */
@media (max-width: 1024px) { /* Adjust the breakpoint as needed */
    .sl-2col-grid-40-60 {
        grid-template-columns: 1fr;
    }
}

/* 30-70 columns */
.sl-2col-grid-30-70 {
    grid-template-columns: 3fr 7fr;
}

.sl-2col-grid-30-70 > div {
    /* Ensure child divs fill their grid area */
    width: 100%;
}

/* Stack to single column layout earlier */
@media (max-width: 1024px) { /* Adjust the breakpoint as needed */
    .sl-2col-grid-30-70 {
        grid-template-columns: 1fr;
    }
}