.elementor-611 .elementor-element.elementor-element-60957c8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-611 .elementor-element.elementor-element-70b2147{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-611 .elementor-element.elementor-element-70b2147{--width:100%;}}@media(max-width:1024px){.elementor-611 .elementor-element.elementor-element-60957c8{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for container, class: .elementor-element-60957c8 *//* ===== Coffee Order Form (Cafe Style) ===== */
		.wpcf7-list-item {
			font-size: 18px;
			border-bottom: 1px solid #ffffff21;
			padding: 10px 0px;
		}

		.wpcf7 form {
			background: #777777;
			/* Grey background */
			padding: 30px;
			border-radius: 12px;
			box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
			width: 100%;
			margin: 30px auto;
			 font-family: "Times New Roman", Times, serif;
			font-weight: 500;
			color: #fff;
			text-align: left;
		}

		/* Headings */
		.wpcf7 form h2,
		.wpcf7 form h3 {
			margin-bottom: 15px;
			font-weight: 500;
			color: #fff;
			 font-family: "Times New Roman", Times, serif;
			text-transform: capitalize !important;
		}

		.wpcf7 form h2 {
			font-size: 44px;
			border-bottom: 1px solid #fff;
			padding-bottom: 8px;
			text-transform: capitalize !important;
		}

		.wpcf7 form h3 {
			font-size: 42px;
			margin-top: 20px;
			text-transform: capitalize !important;
		}

		/* Labels & Inputs */
		.wpcf7 form label {
			display: block;
			text-align: center;
			max-width: 20% margin: 15px 0;
			font-size: 38px;
			font-weight: 500;
			cursor: pointer;
			color: #fff;
			 font-family: "Times New Roman", Times, serif;
			text-transform: capitalize !important;
			text-transform: capitalize !important;
		}

		.wpcf7 input[type="text"],
		.wpcf7 input[type="email"] {
			width: 100%;
			padding: 11px 15px;
			border: 2px solid #555;
			border-radius: 6px;
			font-size: 22px;
			margin-top: 5px;
			background: #666;
			color: #fff;
			text-transform: capitalize !important;
			transition: 0.3s;
			 font-family: "Times New Roman", Times, serif;
			text-transform: capitalize !important;
		}

		.wpcf7 input[type="text"]:focus,
		.wpcf7 input[type="email"]:focus {
			border-color: #fff;
			outline: none;
			box-shadow: 0 0 6px rgba(255, 255, 255, 0.4);
		}

		/* Checkboxes */
		.wpcf7-list-item {
			display: inline-block;
			width: 100%;
			margin: 6px 1%;
			font-size: 16px;
			color: #fff;
			 font-family: "Times New Roman", Times, serif;
		}

		.wpcf7-list-item label {
			display: flex;
			align-items: center;
			gap: 8px;
		}

		.wpcf7-list-item input[type="checkbox"] {
			appearance: none;
			width: 20px;
			height: 20px;
			border: 2px solid #fff;
			border-radius: 4px;
			position: relative;
			cursor: pointer;
			transition: 0.3s;
			text-transform: capitalize !important;
			background: #555;
		}

		.wpcf7-list-item input[type="checkbox"]:checked {
			background: #fff;
			border-color: #fff;
		}

		.wpcf7-list-item input[type="checkbox"]:checked::after {
			content: "✓";
			color: #000;
			font-size: 14px;
			position: absolute;
			top: -2px;
			left: 4px;
		}

		/* Submit Button */
		.wpcf7 input[type="submit"] {
			background: #fff;
			color: #000;
			border: none;
			padding: 14px 35px;
			border-radius: 30px;
			font-size: 17px;
			font-weight: 600;
			cursor: pointer;
			display: block;
			margin: 25px auto 0;
			transition: 0.3s;
			 font-family: "Times New Roman", Times, serif;
		}

		.wpcf7 input[type="submit"]:hover {
			background: #000;
			color: #fff;
			padding: 14px 35px;
			border-radius: 30px;
		}

		/* ===== Responsive ===== */
		@media (max-width: 768px) {
			.wpcf7-list-item {
				width: 100%;
				/* Stack checkboxes full width */
				margin: 6px 0;
			}

			.wpcf7 form {
				padding: 20px;
			}

			.wpcf7 form h2 {
				font-size: 22px;
			}

			.wpcf7 form h3 {
				font-size: 18px;
			}
		}

		span.wpcf7-form-control-wrap {
			text-align: center;
		}

		.wpcf7 form h3 {
			font-size: 42px;
			margin-top: 20px;
			white;
			text-transform: capitalize !important;
			text-align: center;
		}

		.wpcf7 form h2 {
			text-align: center;
		}

		input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
			width: 37%;
		}

		/* ===== Responsive Font Sizes for Mobile ===== */
		@media (max-width: 768px) {
			.wpcf7 form {
				padding: 20px;
			}

			/* Headings */
			.wpcf7 form h2 {
				font-size: 28px;
				/* smaller */
			}

			.wpcf7 form h3 {
				font-size: 24px;
				/* smaller */
			}

			/* Labels */
			.wpcf7 form label {
				font-size: 20px;
				/* reduce */
				max-width: 100%;
				/* fix width issue */
				text-align: center;
			}

			/* Inputs */
			.wpcf7 input[type="text"],
			.wpcf7 input[type="email"] {
				font-size: 18px;
				width: 90%;
				/* better fit on mobile */
			}

			/* Checkboxes text */
			.wpcf7-list-item {
				font-size: 18px;
			}

			/* Button */
			.wpcf7 input[type="submit"] {
				font-size: 16px;
				padding: 12px 28px;
			}
			input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 80%;
}
		}/* End custom CSS */