.two-columns { display: grid; gap: 12px; }
.two-columns-item { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: start; }
.two-columns-item .col { padding: 8px; border: 1px solid #ddd; border-radius: 4px; background: #fafafa; }

/* Editor specifics */
.editor-styles-wrapper .two-columns-item .components-base-control__field { margin: 0; }



#container .wp-block-lalak-two-columns {
	display: grid; 
	grid-auto-columns: 1fr; 
	grid-template-columns: 1fr 1fr; 
	gap: 10px 100px; 
	margin: 40px 0;
}

	#container .wp-block-lalak-two-columns .wp-block-lalak-two-columns-item {
		display: flex;
		gap: 15px;
		width: 100%;
		
	}
		
		#container .wp-block-lalak-two-columns .wp-block-lalak-two-columns-item .col1 {
			border: 0;
			border-radius: 0;
			position: relative;
			background: unset;
			
			z-index: 1;
			min-width: 50px;
			box-sizing: border-box;
			white-space: nowrap;
			
			color: #06080D;
			font-size: 32px;
			font-weight: 800;
			padding: 5px 0 5px 15px;
		}
			
			
			#container .wp-block-lalak-two-columns .wp-block-lalak-two-columns-item .col1:before {
				content: "";
				display: block;
				width: 50px;
				height: 50px;
				
				position: absolute;
				left: 0;
				z-index: -1;
				
				background: #FFA641;
			}
		
		#container .wp-block-lalak-two-columns .wp-block-lalak-two-columns-item .col2 {
			border: 0;
			background: unset;
			padding: 0;
			align-self: center;
			font-weight: 500;
		}
		
@media screen and (max-width: 600px) {		
	#container .wp-block-lalak-two-columns { 
		gap: 10px 20px;
	}
}