Save

wp-content/themes/hello-elementor/assets/css/custom.scss

@@ -3,3 +3,118 @@ p {
 		margin-bottom: 0;
 	}
 }
+
+.box-1 {
+	> .e-con-inner {
+		padding: 80px 70px;
+		border-radius: 28px;
+		background: #fff;
+	}
+}
+
+#kontakt-form {
+	.elementor-field-group {
+		&:not(.elementor-field-type-acceptance) {
+			position: relative;
+
+			label {
+				position: absolute;
+				top: 24px;
+				left: 22px;
+				transform: translateY(-50%);
+				transition: 0.3s ease;
+				pointer-events: none;
+				// 	background: white;
+				// 	padding: 0 5px;
+				// 	color: #777;
+
+				font-size: 15px;
+				color: #505050;
+				font-weight: 400;
+			}
+
+			input {
+				height: 48px;
+				padding: 19px 16px 5px;
+				font-size: 15px;
+				font-weight: 600;
+
+				&::placeholder {
+					font-size: 0;
+				}
+
+				&:focus + label,
+				&:not(:placeholder-shown) + label {
+					top: 7px;
+					// transform: translateY(-50%) scale(0.85);
+					transform: translateY(0);
+					font-size: 12px;
+				}
+			}
+
+			textarea {
+				padding: 19px 16px 5px;
+				font-size: 15px;
+				font-weight: 600;
+				resize: none;
+
+				&::placeholder {
+					font-size: 0;
+				}
+
+				&:focus + label,
+				&:not(:placeholder-shown) + label {
+					top: 7px;
+					// transform: translateY(-50%) scale(0.85);
+					transform: translateY(0);
+					font-size: 12px;
+				}
+			}
+		}
+	}
+
+	.elementor-field-type-acceptance {
+		.elementor-field-option {
+			display: flex;
+			flex-direction: row;
+			align-items: center;
+			gap: 12px;
+		}
+		input[type='checkbox'] {
+			appearance: none;
+			position: relative;
+
+			display: inline-block;
+			width: 24px;
+			height: 24px;
+			background: #00ac35;
+			border-radius: 8px;
+			cursor: pointer;
+
+			&::before {
+				content: '';
+				position: absolute;
+				top: 50%;
+				left: 50%;
+				transform: translate(-50%, -50%);
+				width: 12px;
+				height: 12px;
+				background-image: url('/wp-content/uploads/2026/03/Check.svg');
+				background-size: contain;
+				background-repeat: no-repeat;
+				opacity: 0;
+			}
+			&:checked::before {
+				opacity: 1;
+			}
+		}
+		label {
+			color: #1e1756;
+			font-family: 'Open Sans', sans-serif;
+			font-weight: 600;
+			font-size: 14px;
+			line-height: 1.7;
+			cursor: pointer;
+		}
+	}
+}