no
[]
1
0
#0073aa

on

vertical
0
#0073aa
off

/* Overall form compact */

/* Labels white and bold */
.cf7-row label {
display: block;
margin-bottom: 2px;
font-weight: 600; /* thoda zyada bold */
font-size: 13px;
color: #fff !important; /* white color */
}

.cf7-grid {
max-width: 100%;
font-size: 14px; /* thoda chhota font */
}

/* Rows ki spacing kam */
.cf7-row {
margin: 5px 0 !important; /* top-bottom kam */
padding: 0 !important;
}

/* Labels aur inputs ko compact */
.cf7-row label {
display: block;
margin-bottom: 2px;
font-weight: 500;
font-size: 13px;
}

/* Inputs, selects, textareas */
.cf7-row input,
.cf7-row select,
.cf7-row textarea {
width: 100%;
padding: 6px 8px; /* chhoti padding */
font-size: 14px;
border-radius: 4px;
}

/* 3-column wali row */
.cf7-row-3 label {
width: 32%;
display: inline-block;
margin-right: 2%;
}
.cf7-row-3 label:last-child {
margin-right: 0;
}

/* Hide default radio */
.cf7-row input[type=”radio”] {
display: none;
}

/* Hide default radio */
.cf7-row input[type=”radio”] {
display: none;
}

/* Label as button */
.cf7-row input[type=”radio”] + span {
display: inline-block;
position: relative;
padding: 8px 20px 8px 35px; /* space for circle + text */
margin-right: 15px;
cursor: pointer;
font-size: 15px;
font-weight: 600;
color: #000; /* text black */
background: #fff; /* full white background */
border: 2px solid #000; /* black border */
border-radius: 8px;
transition: all 0.3s ease;
}

/* Circle inside button */
.cf7-row input[type=”radio”] + span::before {
content: “”;
position: absolute;
left: 3px;
top: 50%;
transform: translateY(-50%);
width: 13px;
height: 13px;
border: 2px solid #000; /* black border */
border-radius: 50%;
background: #fff;
transition: all 0.3s ease;
}

/* When checked */
.cf7-row input[type=”radio”]:checked + span {
border-color: #138d86;
background: #0c5c58; /* full background fill */
color: #fff; /* text white */
}

.cf7-row input[type=”radio”]:checked + span::before {
background: black; /* inner circle white */
border-color: #fff;
}
/* Color options ka wrapper ko flex bana do */
#color-options {
display: flex;
flex-wrap: wrap;
gap: 10px; /* space between buttons */
}

/* Har label equal width */
#color-options label {
flex: 1 1 45%; /* 2 buttons per row */
text-align: center;
}

/* Inside radio buttons same style as before */
#color-options input[type=”radio”] + span {
display: block;
width: 100%;
padding: 10px;
background: #fff;
border: 2px solid #000;
border-radius: 8px;
font-weight: 600;
color: #000;
cursor: pointer;
transition: all 0.3s ease;
}

/* Checked state */
#color-options input[type=”radio”]:checked + span {
background: #138d86;
border-color: #138d86;
color: #fff;
}
.cf7-row-4 {
display: grid;
grid-template-columns: repeat(4, 1fr); /* 4 equal columns */
gap: 10px; /* space between boxes */
align-items: center;
}

.cf7-row-4 label {
display: flex;
flex-direction: column;
font-weight: 600;
font-size: 14px;
color: #fff; /* white label text */
}

.cf7-row-4 input,
.cf7-row-4 select {
padding: 8px 10px;
border: 2px solid #ccc;
border-radius: 6px;
font-size: 14px;
width: 100%;
box-sizing: border-box;
background: #fff;
color: #000;
}
.pxl-select .pxl-select-higthlight:before {
right: 0px;
}

document.addEventListener(“DOMContentLoaded”, function() {
const printingRadios = document.querySelectorAll(‘input[name=”Printing”]’);
const colorOptions = document.getElementById(“color-options”);

printingRadios.forEach(radio => {
radio.addEventListener(“change”, function() {
if (this.value === “Yes”) {
colorOptions.style.display = “block”;
} else {
colorOptions.style.display = “none”;
}
});
});
});

1
[_site_title] “New Order Received”
[_site_title]
jahangirpackages05@gmail.com

body {
font-family: Arial, sans-serif;
background-color: #f5f5f5;
padding: 20px;
color: #333;
}
.container {
background-color: #fff;
padding: 30px;
max-width: 700px;
margin: 0 auto;
border: 1px solid #ddd;
border-radius: 8px;
}
.header {
text-align: center;
margin-bottom: 30px;
}
.header img {
max-width: 120px;
margin-bottom: 10px;
}
.header h2 {
color: #149b93;
margin: 10px 0 5px;
}
.header p {
margin: 5px 0;
font-size: 14px;
color: #666;
}
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 30px;
}
table th, table td {
text-align: left;
padding: 10px;
border: 1px solid #eee;
}
table th {
background-color: #149b93;
color: #fff;
width: 30%;
}
.footer {
text-align: center;
font-size: 14px;
color: #555;
}
.footer strong {
color: #149b93;
}

Customize Product Order

Jahangir Packages

Contact: +92 301 5523333

Box Type	[Box-Type]
Size: Length	[Length]
Size: Width	[Width]
Size: Height	[Height]
Material	[Material]
Printing	[Printing-826]
Quantity	[Quantity]
Design File	Its Attach with On Your Email
Name	[Name]
Email Address	[email-483]
Phone Number	[tel-323]

Thank you for choosing Jahangir Packages.

We appreciate your business and look forward to serving you again.

Reply-To: [email-483]
[Design]
1

1
[_site_title] “New Order Received”
[_site_title]
muhammadusamanaeem127@gmail.com

body {
font-family: Arial, sans-serif;
background-color: #f5f5f5;
padding: 20px;
color: #333;
}
.container {
background-color: #fff;
padding: 30px;
max-width: 700px;
margin: 0 auto;
border: 1px solid #ddd;
border-radius: 8px;
}
.header {
text-align: center;
margin-bottom: 30px;
}
.header img {
max-width: 120px;
margin-bottom: 10px;
}
.header h2 {
color: #149b93;
margin: 10px 0 5px;
}
.header p {
margin: 5px 0;
font-size: 14px;
color: #666;
}
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 30px;
}
table th, table td {
text-align: left;
padding: 10px;
border: 1px solid #eee;
}
table th {
background-color: #149b93;
color: #fff;
width: 30%;
}
.footer {
text-align: center;
font-size: 14px;
color: #555;
}
.footer strong {
color: #149b93;
}

Customize Product Order

Jahangir Packages

Contact: +92 301 5523333

Box Type	[Box-Type]
Size: Length	[Length]
Size: Width	[Width]
Size: Height	[Height]
Material	[Material]
Printing	[Printing-826]
Quantity	[Quantity]
Design File	Its Attach with On Your Email
Name	[Name]
Email Address	[email-483]
Phone Number	[tel-323]

Thank you for choosing Jahangir Packages.

We appreciate your business and look forward to serving you again.

Reply-To: [email-483]
[Design]
1

Thank you for your message. It has been sent.
There was an error trying to send your message. Please try again later.
One or more fields have an error. Please check and try again.
There was an error trying to send your message. Please try again later.
You must accept the terms and conditions before sending your message.
Please fill out this field.
This field has a too long input.
This field has a too short input.
There was an unknown error uploading the file.
You are not allowed to upload files of this type.
The uploaded file is too large.
There was an error uploading the file.
Please enter a date in YYYY-MM-DD format.
This field has a too early date.
This field has a too late date.
Please enter a number.
This field has a too small number.
This field has a too large number.
The answer to the quiz is incorrect.
Please enter an email address.
Please enter a URL.
Please enter a telephone number.