.websites-generatorPopup .tabs-body .step_5 .pages {
	display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 1rem; grid-row-gap: 1rem;
}

.websites-generatorPopup .tabs-body .step_5 .pages label {
	display: flex; align-items: center; gap: 1rem; position: relative;
	background-color: #e7eafa; border-radius: .5rem; padding: .5rem 1rem;
}
.websites-generatorPopup .tabs-body .step_5 .pages label:hover {background-color: #e0e5ff;}
.websites-generatorPopup .tabs-body .step_5 .pages label > img {
	width: 68px; height: 68px; object-fit: none;
	filter: invert(11%) sepia(97%) saturate(5425%) hue-rotate(237deg);
}

.websites-generatorPopup .tabs-body .step_5 .pages label .description {
	display: flex; flex-direction: column; gap: 5px; line-height: 1;
	border-right: 1px solid #a9b6f8; padding-right: 1rem
}
.websites-generatorPopup .tabs-body .step_5 .pages label .description b {font-size: 22px; color: black;}
.websites-generatorPopup .tabs-body .step_5 .pages label .description span span {font-size: 1rem; color: #444;}

.websites-generatorPopup .tabs-body .step_5 .pages label .checkbox {
	display: flex; align-items: center; justify-content: center;
	flex-shrink: 0; width: 50px; height: 50px; margin-right: auto;
}
.websites-generatorPopup .tabs-body .step_5 .pages label .checkbox span {
	width: 40px; height: 40px; border-radius: 50%;
	background-color: white; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.13);
}
.websites-generatorPopup .tabs-body .step_5 .pages label .checkbox span img {display: none; margin: 14px 10px 0 0;}
.websites-generatorPopup .tabs-body .step_5 .pages label .checkbox input {display: none;}
.websites-generatorPopup .tabs-body .step_5 .pages label .checkbox input:checked + span img {display: block;}
.websites-generatorPopup .tabs-body .step_5 .pages label .checkbox input:disabled + span {background-color: #032bf4;}
.websites-generatorPopup .tabs-body .step_5 .pages label .checkbox input:disabled + span img {
	filter: invert(100%) sepia(50%) saturate(0%) brightness(110%);
}

.websites-generatorPopup .tabs-body .step_5 .pages label .soon {
	display: none; align-items: center; justify-content: center;
	position: absolute; top: 0; right: 0; width: 100%; height: 100%; backdrop-filter: blur(2px);
	background-color: #ffffffbb; text-shadow: 0 0 3px #eee; font-size: 1.2rem; color: #032bf4;
}
.websites-generatorPopup .tabs-body .step_5 .pages label:hover .soon {display: flex;}