.elementor-2629 .elementor-element.elementor-element-533a8bb:not(.elementor-motion-effects-element-type-background), .elementor-2629 .elementor-element.elementor-element-533a8bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tsplcokenergy.com/wp-content/uploads/2026/06/young-indian-engineer-factory-appreciates-teamwork-safety_875825-67488.avif");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-2629 .elementor-element.elementor-element-533a8bb > .elementor-background-overlay{background-color:#4B3512;opacity:0.64;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2629 .elementor-element.elementor-element-533a8bb > .elementor-container{min-height:571px;}.elementor-2629 .elementor-element.elementor-element-533a8bb{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2629 .elementor-element.elementor-element-2ead90a{text-align:center;}.elementor-2629 .elementor-element.elementor-element-2ead90a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:68px;font-weight:600;line-height:49px;color:#FFFFFF;}.elementor-2629 .elementor-element.elementor-element-74122aa{text-align:center;}.elementor-2629 .elementor-element.elementor-element-74122aa .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:39px;font-weight:600;line-height:32px;letter-spacing:0.9px;word-spacing:5px;color:#FF9F00;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2629 .elementor-element.elementor-element-5382b85{text-align:center;color:#FFFFFF;}.elementor-2629 .elementor-element.elementor-element-5382b85 p{margin-block-end:44px;}.elementor-2629 .elementor-element.elementor-element-596dc37 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2629 .elementor-element.elementor-element-19f30b7:not(.elementor-motion-effects-element-type-background), .elementor-2629 .elementor-element.elementor-element-19f30b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDFDFE;}.elementor-2629 .elementor-element.elementor-element-19f30b7 > .elementor-background-overlay{background-color:#F1F1F1;opacity:0.68;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2629 .elementor-element.elementor-element-19f30b7 > .elementor-container{max-width:1030px;}.elementor-2629 .elementor-element.elementor-element-19f30b7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:44px;margin-bottom:44px;}.elementor-2629 .elementor-element.elementor-element-e412188 > .elementor-container{max-width:1600px;}.elementor-2629 .elementor-element.elementor-element-db869d9 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2629 .elementor-element.elementor-element-d80b79c{width:var( --container-widget-width, 120.702% );max-width:120.702%;--container-widget-width:120.702%;--container-widget-flex-grow:0;}.elementor-2629 .elementor-element.elementor-element-f52acde iframe{height:467px;transition-duration:1.2s;}body.elementor-page-2629:not(.elementor-motion-effects-element-type-background), body.elementor-page-2629 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-2629 .elementor-element.elementor-element-2ead90a .elementor-heading-title{font-size:51px;}.elementor-2629 .elementor-element.elementor-element-74122aa .elementor-heading-title{font-size:26px;}}/* Start custom CSS for shortcode, class: .elementor-element-d80b79c */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

.tspl-contact-wrapper {
  max-width: 780px;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,0.1);
  font-family: 'Poppins', sans-serif;
}

.tspl-form-header {
  background: linear-gradient(135deg, #0a0e27 0%, #0f1535 60%, #1a1f3a 100%);
  padding: 28px 44px 24px;
  position: relative;
  overflow: hidden;
}

.tspl-form-header::after {
  content: '';
  position: absolute;
  top: -60px;
  right: -60px;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(226,136,47,0.25), transparent 70%);
  pointer-events: none;
}

.tspl-form-title {
  font-size: 26px;
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 6px;
  line-height: 1.2;
}

.tspl-form-title span { color: #f5a623; }

.tspl-form-subtitle {
  font-size: 13px;
  color: rgba(255,248,239,0.75);
  margin: 0;
  font-weight: 400;
  line-height: 1.4;
}

/* THIS is the line that kills the big white gap right under the header */
.tspl-form-body {
  padding: 20px 44px 28px;
  background: #ffffff;
}

/* Zero out every default margin WordPress/CF7 puts on <p>, <span> wrappers
   inside the form — this is the #1 cause of the stacked extra gaps */
.tspl-contact-wrapper p,
.tspl-contact-wrapper .wpcf7-form-control-wrap,
.tspl-contact-wrapper .wpcf7 form p {
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  line-height: 0 !important;
}

.tspl-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 12px;
}

.tspl-row.tspl-full {
  grid-template-columns: 1fr;
  margin-bottom: 0;
}

.tspl-field-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.tspl-label {
  font-size: 13px;
  font-weight: 600;
  color: #1a1f3a;
  letter-spacing: 0.02em;
  margin: 0;
  line-height: 1.3;
}

.tspl-required { color: #e2882f; margin-left: 2px; }

.tspl-input-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.tspl-field-icon {
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  color: #c46a26;
  display: flex;
  align-items: center;
  pointer-events: none;
  z-index: 2;
}

.tspl-phone-prefix {
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 13px;
  font-weight: 600;
  color: #1a1f3a;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

.tspl-input-wrap input[type="text"],
.tspl-input-wrap input[type="email"],
.tspl-input-wrap input[type="tel"] {
  width: 100% !important;
  height: 46px !important;
  border: 1.5px solid #e5e7eb !important;
  border-radius: 12px !important;
  padding: 0 16px 0 44px !important;
  font-size: 14px !important;
  font-family: 'Poppins', sans-serif !important;
  color: #1a1f3a !important;
  background: #fafafa !important;
  outline: none !important;
  transition: all 0.3s ease !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  margin: 0 !important;
  line-height: normal !important;
}

.tspl-phone-wrap input[type="tel"] { padding-left: 70px !important; }

.tspl-input-wrap input[type="text"]:focus,
.tspl-input-wrap input[type="email"]:focus,
.tspl-input-wrap input[type="tel"]:focus {
  border-color: #e2882f !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(226,136,47,0.1) !important;
}

.tspl-input-wrap input::placeholder {
  color: #b0b5c0 !important;
  font-size: 13px !important;
}

.tspl-textarea-wrap { position: relative; }

.tspl-textarea-icon {
  position: absolute;
  top: 14px;
  left: 13px;
  color: #c46a26;
  display: flex;
  align-items: flex-start;
  pointer-events: none;
  z-index: 2;
}

/* Reduced height — this was the main reason the card looked stretched */
.tspl-textarea-wrap textarea {
  width: 100% !important;
  height: 90px !important;
  min-height: 90px !important;
  max-height: 90px !important;
  border: 1.5px solid #e5e7eb !important;
  border-radius: 12px !important;
  padding: 12px 16px 12px 44px !important;
  font-size: 14px !important;
  font-family: 'Poppins', sans-serif !important;
  color: #1a1f3a !important;
  background: #fafafa !important;
  outline: none !important;
  transition: all 0.3s ease !important;
  resize: vertical !important;
  line-height: 1.5 !important;
  box-shadow: none !important;
  margin: 0 !important;
  display: block !important;
}

.tspl-textarea-wrap textarea:focus {
  border-color: #e2882f !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(226,136,47,0.1) !important;
}

.tspl-textarea-wrap textarea::placeholder {
  color: #b0b5c0 !important;
  font-size: 13px !important;
}

.tspl-char-hint {
  font-size: 11px;
  color: #9ca3af;
  text-align: right;
  margin-top: 3px !important;
  line-height: 1.4 !important;
}

.tspl-submit-row {
  display: flex;
  justify-content: center;
  margin-top: 18px;
}

.tspl-submit-btn,
.tspl-contact-wrapper input[type="submit"],
.tspl-contact-wrapper .wpcf7-submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 13px 48px !important;
  background: linear-gradient(135deg, #e2882f, #b8501f) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  font-family: 'Poppins', sans-serif !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 50px !important;
  cursor: pointer !important;
  transition: all 0.35s cubic-bezier(0.22, 1, 0.36, 1) !important;
  box-shadow: 0 8px 24px rgba(226,136,47,0.4) !important;
  min-width: 200px !important;
}

.tspl-submit-btn:hover,
.tspl-contact-wrapper input[type="submit"]:hover,
.tspl-contact-wrapper .wpcf7-submit:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 32px rgba(226,136,47,0.5) !important;
  background: linear-gradient(135deg, #f5a623, #c46a26) !important;
}

.wpcf7-not-valid-tip {
  font-size: 11px !important;
  color: #ef4444 !important;
  margin-top: 4px !important;
  line-height: 1.4 !important;
  font-family: 'Poppins', sans-serif !important;
}

.wpcf7-response-output {
  margin: 14px 44px 0 !important;
  padding: 12px 18px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-family: 'Poppins', sans-serif !important;
  border: none !important;
  line-height: 1.4 !important;
}

.wpcf7-mail-sent-ok {
  background: #ecfdf5 !important;
  color: #065f46 !important;
  border-left: 4px solid #10b981 !important;
}

.wpcf7-mail-sent-ng,
.wpcf7-aborted {
  background: #fef2f2 !important;
  color: #991b1b !important;
  border-left: 4px solid #ef4444 !important;
}

@media (max-width: 640px) {
  .tspl-form-header { padding: 22px 24px 18px; }
  .tspl-form-title { font-size: 21px; }
  .tspl-form-body { padding: 16px 20px 24px; }
  .tspl-row { grid-template-columns: 1fr; gap: 12px; }
  .tspl-contact-wrapper .wpcf7-submit { width: 100% !important; min-width: unset !important; }
  .wpcf7-response-output { margin: 14px 20px 0 !important; }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-e412188 */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

.tspl-contact-wrapper {
  max-width: 780px;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,0.1);
  font-family: 'Poppins', sans-serif;
}

.tspl-form-header {
  background: linear-gradient(135deg, #0a0e27 0%, #0f1535 60%, #1a1f3a 100%);
  padding: 36px 44px 32px;
  position: relative;
  overflow: hidden;
}

.tspl-form-header::after {
  content: '';
  position: absolute;
  top: -60px;
  right: -60px;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(226,136,47,0.25), transparent 70%);
  pointer-events: none;
}

.tspl-form-title {
  font-size: 28px;
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 10px;
  line-height: 1.2;
}

.tspl-form-title span {
  color: #f5a623;
}

.tspl-form-subtitle {
  font-size: 14px;
  color: rgba(255,248,239,0.75);
  margin: 0;
  font-weight: 400;
  line-height: 1.6;
}

.tspl-form-body {
  padding: 32px 44px 40px;
  background: #ffffff;
}

.tspl-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 20px;
}

.tspl-row.tspl-full {
  grid-template-columns: 1fr;
}

/* Label + input gap = 6px only */
.tspl-field-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.tspl-label {
  font-size: 13px;
  font-weight: 600;
  color: #1a1f3a;
  letter-spacing: 0.02em;
  margin: 0;
  line-height: 1.3;
}

.tspl-required {
  color: #e2882f;
  margin-left: 2px;
}

/* Input wrap */
.tspl-input-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.tspl-field-icon {
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  color: #c46a26;
  display: flex;
  align-items: center;
  pointer-events: none;
  z-index: 2;
}

/* Phone prefix */
.tspl-phone-prefix {
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 13px;
  font-weight: 600;
  color: #1a1f3a;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

/* All text/email/tel inputs */
.tspl-input-wrap input[type="text"],
.tspl-input-wrap input[type="email"],
.tspl-input-wrap input[type="tel"] {
  width: 100% !important;
  height: 48px !important;
  border: 1.5px solid #e5e7eb !important;
  border-radius: 12px !important;
  padding: 0 16px 0 44px !important;
  font-size: 14px !important;
  font-family: 'Poppins', sans-serif !important;
  color: #1a1f3a !important;
  background: #fafafa !important;
  outline: none !important;
  transition: all 0.3s ease !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* Phone field extra left padding for +91 prefix */
.tspl-phone-wrap input[type="tel"] {
  padding-left: 70px !important;
}

.tspl-input-wrap input[type="text"]:focus,
.tspl-input-wrap input[type="email"]:focus,
.tspl-input-wrap input[type="tel"]:focus {
  border-color: #e2882f !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(226,136,47,0.1) !important;
}

.tspl-input-wrap input::placeholder {
  color: #b0b5c0 !important;
  font-size: 13px !important;
}

/* Textarea */
.tspl-textarea-wrap {
  position: relative;
}

.tspl-textarea-icon {
  position: absolute;
  top: 14px;
  left: 13px;
  color: #c46a26;
  display: flex;
  align-items: flex-start;
  pointer-events: none;
  z-index: 2;
}

.tspl-textarea-wrap textarea {
  width: 100% !important;
  min-height: 130px !important;
  border: 1.5px solid #e5e7eb !important;
  border-radius: 12px !important;
  padding: 12px 16px 12px 44px !important;
  font-size: 14px !important;
  font-family: 'Poppins', sans-serif !important;
  color: #1a1f3a !important;
  background: #fafafa !important;
  outline: none !important;
  transition: all 0.3s ease !important;
  resize: vertical !important;
  line-height: 1.6 !important;
  box-shadow: none !important;
  margin: 0 !important;
  display: block !important;
}

.tspl-textarea-wrap textarea:focus {
  border-color: #e2882f !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(226,136,47,0.1) !important;
}

.tspl-textarea-wrap textarea::placeholder {
  color: #b0b5c0 !important;
  font-size: 13px !important;
}

.tspl-char-hint {
  font-size: 11px;
  color: #9ca3af;
  text-align: right;
  margin-top: 4px;
}

/* Submit */
.tspl-submit-row {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}

.tspl-submit-btn,
.tspl-contact-wrapper input[type="submit"],
.tspl-contact-wrapper .wpcf7-submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px 48px !important;
  background: linear-gradient(135deg, #e2882f, #b8501f) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  font-family: 'Poppins', sans-serif !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 50px !important;
  cursor: pointer !important;
  transition: all 0.35s cubic-bezier(0.22, 1, 0.36, 1) !important;
  box-shadow: 0 8px 24px rgba(226,136,47,0.4) !important;
  min-width: 200px !important;
}

.tspl-submit-btn:hover,
.tspl-contact-wrapper input[type="submit"]:hover,
.tspl-contact-wrapper .wpcf7-submit:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 32px rgba(226,136,47,0.5) !important;
  background: linear-gradient(135deg, #f5a623, #c46a26) !important;
}

/* CF7 validation */
.wpcf7-not-valid-tip {
  font-size: 11px !important;
  color: #ef4444 !important;
  margin-top: 4px !important;
  font-family: 'Poppins', sans-serif !important;
}

.wpcf7-response-output {
  margin: 16px 44px 0 !important;
  padding: 12px 18px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-family: 'Poppins', sans-serif !important;
  border: none !important;
}

.wpcf7-mail-sent-ok {
  background: #ecfdf5 !important;
  color: #065f46 !important;
  border-left: 4px solid #10b981 !important;
}

.wpcf7-mail-sent-ng,
.wpcf7-aborted {
  background: #fef2f2 !important;
  color: #991b1b !important;
  border-left: 4px solid #ef4444 !important;
}

/* Responsive */
@media (max-width: 640px) {
  .tspl-form-header { padding: 28px 24px 24px; }
  .tspl-form-title { font-size: 22px; }
  .tspl-form-body { padding: 24px 20px 32px; }
  .tspl-row { grid-template-columns: 1fr; gap: 16px; }
  .tspl-contact-wrapper .wpcf7-submit { width: 100% !important; min-width: unset !important; }
  .wpcf7-response-output { margin: 16px 20px 0 !important; }
}
.tspl-field-group .wpcf7-form-control-wrap {
  display: block !important;
  margin: 0 !important;
  line-height: 0 !important;
}/* End custom CSS */