.neat-row {
display: flex;
flex-direction: row;
box-sizing: border-box;
border: 2px solid #4F69C6;
gap: 10px;
padding: 10px;
}

.neat-row-smaller {
display: flex;
flex-direction: row;
box-sizing: border-box;
border: 2px solid #4F69C6;
gap: 10px;
padding: 20px;
height: 80px;
width: 500px;
}

.neat-column {
display: flex;
flex-direction: column;
box-sizing: border-box;
border: 2px solid #4F69C6;
padding: 10px;
gap: 10px;
height: 220px;
}

.neat-container {
flex: 1;
display: flex;
flex-direction: row;
gap: 10px; 
}

.neat-banner {
height: 80px;
flex-shrink: 0;
border: 2px solid #8FD6B4;
}

.neat-item {
flex: 1;
display: flex;
border: 2px solid #8FD6B4;
padding: 10px;
}

.neat-sidebar {
flex: 1;
border: 2px solid #8FD6B4;
}

.neat-main-area {
flex: 3;
border: 2px solid #8FD6B4;
}