.websites-generatorPopup .tabs-body .step_3 .schemes {
		display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 2rem; grid-row-gap: 1rem;
}

.websites-generatorPopup .tabs-body .step_3 .scheme {
	width: fit-content; padding: 1rem; border-radius: .5rem; outline: 1px solid #e4e4e4; cursor: pointer;
}
.websites-generatorPopup .tabs-body .step_3 .scheme:hover {outline: 1px solid #7488EC;}
.websites-generatorPopup .tabs-body .step_3 .scheme.active {outline: 1px solid #032bf4;}
.websites-generatorPopup .tabs-body .step_3 .scheme h6 {margin-bottom: 0;}
.websites-generatorPopup .tabs-body .step_3 .scheme .colors {width: 100%; display: flex; gap: .5rem;}
.websites-generatorPopup .tabs-body .step_3 .scheme .color {width: 50px; height: 50px; border-radius: .5rem;}

.websites-generatorPopup .tabs-body .step_3 .preview {
	width: 45%; display: flex; flex-direction: column; margin-right: auto;
	overflow: hidden; border-radius: .5rem; background-color: #f4f4f4;
	box-shadow: 0 4px 20px 2px rgba(3, 43, 244, 0.34);
}
.websites-generatorPopup .tabs-body .step_3 .preview .header,
.websites-generatorPopup .tabs-body .step_3 .preview .footer {height: 50px;}
.websites-generatorPopup .tabs-body .step_3 .preview .header {display: flex; align-items: center; gap: .5rem; padding: 0 1rem;}
.websites-generatorPopup .tabs-body .step_3 .preview .header .item {
	width: 2rem; height: .5rem; border-radius: 3px; background: white;
}

.websites-generatorPopup .tabs-body .step_3 .preview .body {display: flex; gap: 1rem;}
.websites-generatorPopup .tabs-body .step_3 .preview .body .content {
	width: 50%; display: flex; flex-direction: column; gap: .5rem; border-radius: 3px;
}
.websites-generatorPopup .tabs-body .step_3 .preview .body .content div {width: 50%; height: .5rem; border-radius: 3px;}
.websites-generatorPopup .tabs-body .step_3 .preview .body .content div.text {width: 100%; opacity: .4;}
.websites-generatorPopup .tabs-body .step_3 .preview .body .content div.btn {width: 30%; height: 1rem;}
.websites-generatorPopup .tabs-body .step_3 .preview .body .content div {background-color: white;}
.websites-generatorPopup .tabs-body .step_3 .preview .body .content.second div.text {opacity: .6;}

.websites-generatorPopup .tabs-body .step_3 .preview .footer {margin-top: auto;}