/* Base container */
.twocol-container {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    width: 100%;
}

/* General column styling */
.twocol-column {
    padding: 0;
    box-sizing: border-box;
}

/* Equal Columns */
.twocol-equal .twocol-column {
    flex: 1;
}

/* One-Third and Two-Third */
.twocol-one-third .twocol-column:first-child {
    flex: 1;
}
.twocol-one-third .twocol-column:last-child {
    flex: 2;
}

.twocol-two-third .twocol-column:first-child {
    flex: 2;
}
.twocol-two-third .twocol-column:last-child {
    flex: 1;
}

/* Responsive: Stack columns for mobile */
@media (max-width: 768px) {
    .twocol-container {
        flex-direction: column;
    }
    .twocol-column {
        width: 100%;
    }
}