.elementor-1681 .elementor-element.elementor-element-ba98520:not(.elementor-motion-effects-element-type-background), .elementor-1681 .elementor-element.elementor-element-ba98520 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ontracexpressdeliveryservice.com/wp-content/uploads/2026/11/Warehouse-Workers-Reviewing-an-OnTrac-Shipment-e1793960610601.png");background-position:center left;background-size:cover;}.elementor-1681 .elementor-element.elementor-element-ba98520{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:150px 350px 150px 350px;}.elementor-1681 .elementor-element.elementor-element-ba98520 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1681 .elementor-element.elementor-element-d555cee:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1681 .elementor-element.elementor-element-d555cee > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1681 .elementor-element.elementor-element-d555cee > .elementor-element-populated, .elementor-1681 .elementor-element.elementor-element-d555cee > .elementor-element-populated > .elementor-background-overlay, .elementor-1681 .elementor-element.elementor-element-d555cee > .elementor-background-slideshow{border-radius:14px 14px 14px 14px;}.elementor-1681 .elementor-element.elementor-element-d555cee > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:30px 20px 30px 20px;}.elementor-1681 .elementor-element.elementor-element-d555cee > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1681 .elementor-element.elementor-element-f74517d{text-align:center;}.elementor-1681 .elementor-element.elementor-element-f74517d .elementor-heading-title{font-size:32px;letter-spacing:-1px;color:var( --e-global-color-d3c174f );}.elementor-1681 .elementor-element.elementor-element-e858c7e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1681 .elementor-element.elementor-element-e858c7e{text-align:center;font-size:18px;font-weight:500;color:var( --e-global-color-d3c174f );}.elementor-1681 .elementor-element.elementor-element-94d1fcb > .elementor-widget-container{margin:-124px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1681 .elementor-element.elementor-element-d555cee{width:100%;}}@media(max-width:1024px){.elementor-1681 .elementor-element.elementor-element-ba98520 > .elementor-container{max-width:500px;}.elementor-1681 .elementor-element.elementor-element-ba98520:not(.elementor-motion-effects-element-type-background), .elementor-1681 .elementor-element.elementor-element-ba98520 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1681 .elementor-element.elementor-element-ba98520{padding:0100px 50px 100px 50px;}.elementor-1681 .elementor-element.elementor-element-d555cee > .elementor-element-populated{padding:5px 10px 5px 10px;}.elementor-1681 .elementor-element.elementor-element-e858c7e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1681 .elementor-element.elementor-element-e858c7e{font-size:16px;}}@media(max-width:767px){.elementor-1681 .elementor-element.elementor-element-ba98520:not(.elementor-motion-effects-element-type-background), .elementor-1681 .elementor-element.elementor-element-ba98520 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1681 .elementor-element.elementor-element-ba98520{padding:50px 10px 50px 10px;}.elementor-1681 .elementor-element.elementor-element-f74517d .elementor-heading-title{font-size:21px;letter-spacing:0px;}.elementor-1681 .elementor-element.elementor-element-e858c7e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1681 .elementor-element.elementor-element-e858c7e{font-size:15px;}.elementor-1681 .elementor-element.elementor-element-d5039a5{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1681 .elementor-element.elementor-element-94d1fcb > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-94d1fcb */<style>
#ontrac-business {
  --orange: #F47700;
  --navy: #06264A;
  font-family: Arial, sans-serif;
  color: var(--navy);
  width: 100%;
}

#ontrac-business * {
  box-sizing: border-box;
}

#ontrac-business .business-wrap {
  max-width: 1150px;
  margin: auto;
  padding: 55px 20px;
}

#ontrac-business .business-intro {
  margin-bottom: 35px;
}

#ontrac-business .business-intro span {
  color: var(--orange);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

#ontrac-business .business-intro h2 {
  color: var(--navy);
  font-size: 36px;
  font-weight: 800;
  margin: 12px 0;
}

#ontrac-business .business-intro p {
  color: #667085;
  max-width: 700px;
  line-height: 1.8;
  font-size: 15px;
}

#ontrac-business .business-layout {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 35px;
  align-items: start;
}

#ontrac-business .business-info {
  background: var(--navy);
  color: white;
  padding: 35px;
  border-radius: 10px;
}

#ontrac-business .business-info h3 {
  color: white;
  font-size: 25px;
  margin: 0 0 15px;
}

#ontrac-business .business-info > p {
  color: #E0E8F1;
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 30px;
}

#ontrac-business .business-benefit {
  display: flex;
  gap: 13px;
  margin: 22px 0;
  align-items: flex-start;
}

#ontrac-business .business-benefit .check {
  color: var(--orange);
  font-size: 21px;
  font-weight: bold;
}

#ontrac-business .business-benefit strong {
  display: block;
  color: white;
  font-size: 15px;
  margin-bottom: 5px;
}

#ontrac-business .business-benefit small {
  color: #D1DCE8;
  font-size: 13px;
  line-height: 1.6;
}

#ontrac-business .business-form-box {
  background: white;
  border: 1px solid #E5EAF0;
  border-radius: 10px;
  padding: 35px;
  box-shadow: 0 8px 30px rgba(6,38,74,.05);
}

#ontrac-business .business-form-box h3 {
  color: var(--navy);
  font-size: 24px;
  margin: 0 0 8px;
}

#ontrac-business .business-form-box > p {
  color: #667085;
  font-size: 14px;
  line-height: 1.7;
  margin: 0 0 25px;
}

#ontrac-business .form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

#ontrac-business .form-field {
  margin-bottom: 18px;
}

#ontrac-business .form-field.full {
  grid-column: 1 / -1;
}

#ontrac-business label {
  display: block;
  color: var(--navy);
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 8px;
}

#ontrac-business input,
#ontrac-business select,
#ontrac-business textarea {
  width: 100%;
  border: 1px solid #D8DEE7;
  border-radius: 5px;
  padding: 14px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #344054;
  background: white;
  outline: none;
}

#ontrac-business input,
#ontrac-business select {
  min-height: 49px;
}

#ontrac-business textarea {
  min-height: 120px;
  resize: vertical;
}

#ontrac-business input:focus,
#ontrac-business select:focus,
#ontrac-business textarea:focus {
  border-color: var(--orange);
  box-shadow: 0 0 0 2px rgba(244,119,0,.1);
}

#ontrac-business .business-submit {
  width: 100%;
  border: 0;
  border-radius: 5px;
  background: var(--orange);
  color: white;
  font-size: 15px;
  font-weight: 700;
  padding: 16px;
  cursor: pointer;
  transition: .25s;
}

#ontrac-business .business-submit:hover {
  background: var(--navy);
}

#ontrac-business .form-disclaimer {
  color: #8993A1;
  font-size: 11px;
  line-height: 1.6;
  margin-top: 12px;
}

#ontrac-business .business-bottom {
  margin-top: 40px;
  padding: 30px;
  background: #F5F7FA;
  border-left: 4px solid var(--orange);
  border-radius: 5px;
}

#ontrac-business .business-bottom h3 {
  color: var(--navy);
  font-size: 20px;
  margin: 0 0 10px;
}

#ontrac-business .business-bottom p {
  color: #667085;
  font-size: 14px;
  line-height: 1.7;
  margin: 0;
}

@media(max-width: 800px) {
  #ontrac-business .business-layout {
    grid-template-columns: 1fr;
  }
}

@media(max-width: 550px) {
  #ontrac-business .business-wrap {
    padding: 40px 16px;
  }

  #ontrac-business .business-intro h2 {
    font-size: 29px;
  }

  #ontrac-business .business-info,
  #ontrac-business .business-form-box {
    padding: 25px 20px;
  }

  #ontrac-business .form-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }

  #ontrac-business .form-field.full {
    grid-column: auto;
  }
}
<\/style>

<div id="ontrac-business">
  <div class="business-wrap">

    <div class="business-intro">
      <span>Business Solutions</span>
      <h2>Logistics Solutions for Your Business</h2>
      <p>
        From growing businesses to established companies, OnTrac provides
        shipping and logistics solutions to support your business operations.
        Tell us about your requirements and our team can discuss the available options.
      </p>
    </div>

    <div class="business-layout">

      <div class="business-info">
        <h3>Move Your Business Forward</h3>
        <p>
          Get in touch with our team to discuss your shipping requirements
          and explore business logistics options.
        </p>

        <div class="business-benefit">
          <span class="check">✓</span>
          <div>
            <strong>Business Shipping</strong>
            <small>Shipping support for business parcels and deliveries.</small>
          </div>
        </div>

        <div class="business-benefit">
          <span class="check">✓</span>
          <div>
            <strong>E-commerce Logistics</strong>
            <small>Delivery support for online stores and their customers.</small>
          </div>
        </div>

        <div class="business-benefit">
          <span class="check">✓</span>
          <div>
            <strong>Shipping Enquiries</strong>
            <small>Discuss your shipping needs with our team.</small>
          </div>
        </div>

        <div class="business-benefit">
          <span class="check">✓</span>
          <div>
            <strong>Dedicated Assistance</strong>
            <small>Get guidance on available services and arrangements.</small>
          </div>
        </div>
      </div>

      <div class="business-form-box">
        <h3>Request Business Information</h3>
        <p>Complete the form below and tell us what your business needs.</p>

        <form action="YOUR_FORM_HANDLER_URL" method="POST">

          <div class="form-grid">

            <div class="form-field">
              <label for="business-name">Business Name *</label>
              <input type="text" id="business-name" name="business_name"
                placeholder="Enter business name" required>
            </div>

            <div class="form-field">
              <label for="contact-person">Contact Person *</label>
              <input type="text" id="contact-person" name="contact_person"
                placeholder="Full name" required>
            </div>

            <div class="form-field">
              <label for="business-email">Business Email *</label>
              <input type="email" id="business-email" name="email"
                placeholder="name@company.com" required>
            </div>

            <div class="form-field">
              <label for="business-phone">Phone Number *</label>
              <input type="tel" id="business-phone" name="phone"
                placeholder="Enter phone number" required>
            </div>

            <div class="form-field">
              <label for="business-country">Country *</label>
              <input type="text" id="business-country" name="country"
                placeholder="Enter country" required>
            </div>

            <div class="form-field">
              <label for="business-type">Business Type *</label>
              <select id="business-type" name="business_type" required>
                <option value="">Select business type</option>
                <option value="E-commerce">E-commerce / Online Store</option>
                <option value="Retail">Retail Business</option>
                <option value="Wholesale">Wholesale / Distribution</option>
                <option value="Manufacturing">Manufacturing</option>
                <option value="Corporate">Corporate Business</option>
                <option value="Other">Other</option>
              </select>
            </div>

            <div class="form-field full">
              <label for="shipping-needs">What Services Do You Need? *</label>
              <select id="shipping-needs" name="shipping_needs" required>
                <option value="">Select a service</option>
                <option value="Domestic Shipping">Domestic Shipping</option>
                <option value="International Shipping">International Shipping</option>
                <option value="Express Delivery">Express Delivery</option>
                <option value="E-commerce Logistics">E-commerce Logistics</option>
                <option value="Bulk Shipping">Bulk Shipping</option>
                <option value="Other">Other / Not Sure Yet</option>
              </select>
            </div>

            <div class="form-field full">
              <label for="shipment-volume">Estimated Monthly Shipment Volume</label>
              <select id="shipment-volume" name="shipment_volume">
                <option value="">Select estimated volume</option>
                <option value="1-20">1–20 shipments</option>
                <option value="21-50">21–50 shipments</option>
                <option value="51-100">51–100 shipments</option>
                <option value="101-500">101–500 shipments</option>
                <option value="500+">More than 500 shipments</option>
              </select>
            </div>

            <div class="form-field full">
              <label for="business-message">Tell Us About Your Requirements *</label>
              <textarea id="business-message" name="message"
                placeholder="Describe your shipping needs..."
                required></textarea>
            </div>

          </div>

          <button type="submit" class="business-submit">
            Submit Business Enquiry →
          </button>

          <p class="form-disclaimer">
            By submitting this form, you agree that our team may contact
            you regarding your business enquiry.
          </p>

        </form>
      </div>

    </div>

    <div class="business-bottom">
      <h3>Let's Discuss Your Business Shipping Needs</h3>
      <p>
        Whether you ship occasionally or manage regular business deliveries,
        contact our team to discuss a suitable logistics arrangement.
      </p>
    </div>

  </div>
</div>/* End custom CSS */