.elementor-253 .elementor-element.elementor-element-cc1f1f1{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-253 .elementor-element.elementor-element-cc1f1f1:not(.elementor-motion-effects-element-type-background), .elementor-253 .elementor-element.elementor-element-cc1f1f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );background-image:url("https://dnetuk.co.uk/wp-content/uploads/2026/03/transportation-services-13.png");background-position:top left;background-repeat:no-repeat;}.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-253 .elementor-element.elementor-element-6f1c1bc{text-align:center;}.elementor-253 .elementor-element.elementor-element-6f1c1bc .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:700;line-height:60px;color:var( --e-global-color-secondary );}.elementor-253 .elementor-element.elementor-element-6f58930{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.37;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-253 .elementor-element.elementor-element-6f58930:not(.elementor-motion-effects-element-type-background), .elementor-253 .elementor-element.elementor-element-6f58930 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dnetuk.co.uk/wp-content/uploads/2026/03/transportation-services-05.png");background-position:top left;background-repeat:no-repeat;}.elementor-253 .elementor-element.elementor-element-6f58930::before, .elementor-253 .elementor-element.elementor-element-6f58930 > .elementor-background-video-container::before, .elementor-253 .elementor-element.elementor-element-6f58930 > .e-con-inner > .elementor-background-video-container::before, .elementor-253 .elementor-element.elementor-element-6f58930 > .elementor-background-slideshow::before, .elementor-253 .elementor-element.elementor-element-6f58930 > .e-con-inner > .elementor-background-slideshow::before, .elementor-253 .elementor-element.elementor-element-6f58930 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://dnetuk.co.uk/wp-content/uploads/2026/03/Screenshot-2026-03-26-223639.png");--background-overlay:'';background-position:bottom left;background-repeat:no-repeat;background-size:cover;}.elementor-253 .elementor-element.elementor-element-de68b56{--display:flex;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-253 .elementor-element.elementor-element-5fd06b7 .elementor-field-group{padding-right:calc( 35px/2 );padding-left:calc( 35px/2 );margin-bottom:35px;}.elementor-253 .elementor-element.elementor-element-5fd06b7 .elementor-form-fields-wrapper{margin-left:calc( -35px/2 );margin-right:calc( -35px/2 );margin-bottom:-35px;}.elementor-253 .elementor-element.elementor-element-5fd06b7 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-253 .elementor-element.elementor-element-5fd06b7 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}.elementor-253 .elementor-element.elementor-element-5fd06b7 .elementor-field-group > label{font-family:"Nunito Sans", Sans-serif;font-size:16px;font-weight:400;line-height:21px;}.elementor-253 .elementor-element.elementor-element-5fd06b7 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF00;border-width:0px 0px 2px 0px;border-radius:0px 0px 0px 0px;}.elementor-253 .elementor-element.elementor-element-5fd06b7 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF00;border-width:0px 0px 2px 0px;border-radius:0px 0px 0px 0px;}.elementor-253 .elementor-element.elementor-element-5fd06b7 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-253 .elementor-element.elementor-element-5fd06b7 .elementor-button[type="submit"]{color:#ffffff;}.elementor-253 .elementor-element.elementor-element-5fd06b7 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-253 .elementor-element.elementor-element-5fd06b7 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-253 .elementor-element.elementor-element-5fd06b7 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-253 .elementor-element.elementor-element-5fd06b7 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-253 .elementor-element.elementor-element-5fd06b7 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-253 .elementor-element.elementor-element-5fd06b7 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-253 .elementor-element.elementor-element-5fd06b7{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(min-width:768px){.elementor-253 .elementor-element.elementor-element-de68b56{--width:42%;}}@media(max-width:1024px){.elementor-253 .elementor-element.elementor-element-6f1c1bc .elementor-heading-title{font-size:40px;line-height:46px;}.elementor-253 .elementor-element.elementor-element-6f58930{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-253 .elementor-element.elementor-element-6f1c1bc{text-align:center;}.elementor-253 .elementor-element.elementor-element-6f1c1bc .elementor-heading-title{font-size:36px;line-height:42px;}.elementor-253 .elementor-element.elementor-element-6f58930{--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for form, class: .elementor-element-5fd06b7 *//* ============================================================
   ELEMENTOR FLOATING LABELS — density global style
   ============================================================ */

/* 1. Make each field group the positioning anchor */
.elementor-form .elementor-field-group {
  position: relative;
  margin-top: 8px;
  padding-top: 0;
}

/* 2. Base label — sits INSIDE the input visually */
.elementor-form .elementor-field-group > label:not(.elementor-field-type-checkbox label):not(.elementor-field-type-acceptance label):not(.elementor-field-type-radio label) {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: #999;
  pointer-events: none;
  transition: top 0.2s ease, transform 0.2s ease, font-size 0.2s ease, color 0.2s ease;
  background: transparent;
  padding: 0 4px;
  z-index: 1;
  line-height: 1;
  white-space: nowrap;
}

/* Textarea label sits near top, not vertically centered */
.elementor-form .elementor-field-type-textarea > label {
  top: 18px !important;
  transform: none !important;
}

/* 3. FLOATED state — triggered by JS adding class "fl-focused" */
.elementor-form .elementor-field-group.fl-focused > label,
.elementor-form .elementor-field-group.fl-filled > label {
  top: -8px !important;
  transform: none !important;
  font-size: 11px !important;
  color: #555 !important;
  background: #fff !important;
  padding: 0 4px !important;
}

/* 4. Input / textarea base styles — ensure enough height */
.elementor-form .elementor-field-group input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.elementor-form .elementor-field-group textarea,
.elementor-form .elementor-field-group select {
  height: 52px;
  padding: 16px 14px 4px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  background: #fff;
  transition: border-color 0.2s ease;
  box-sizing: border-box;
}

.elementor-form .elementor-field-group textarea {
  height: auto;
  min-height: 120px;
  padding-top: 22px;
  resize: vertical;
}

/* Focus border highlight */
.elementor-form .elementor-field-group input:focus,
.elementor-form .elementor-field-group textarea:focus,
.elementor-form .elementor-field-group select:focus {
  border-color: #222 !important;
  outline: none;
}

/* 5. SELECT — always floated (can't detect placeholder-shown reliably) */
.elementor-form .elementor-field-type-select > label {
  top: -8px !important;
  transform: none !important;
  font-size: 11px !important;
  color: #555 !important;
  background: #fff !important;
  padding: 0 4px !important;
  z-index: 2;
}

/* 6. Required asterisk — keep it visible */
.elementor-form .elementor-field-group label .elementor-required {
  color: #e00;
}

/* 7. Acceptance / checkbox — restore normal flow */
.elementor-form .elementor-field-type-acceptance label,
.elementor-form .elementor-field-type-checkbox label,
.elementor-form .elementor-field-type-radio label {
  position: static !important;
  transform: none !important;
  font-size: 13px !important;
  color: #333 !important;
  background: transparent !important;
  pointer-events: auto !important;
  top: auto !important;
}



/* Autofill detection animation */
@keyframes onAutoFillStart { from {} to {} }
@keyframes onAutoFillCancel { from {} to {} }

.elementor-form input:-webkit-autofill {
  animation-name: onAutoFillStart;
  animation-duration: 0.001s;
}
.elementor-form input:not(:-webkit-autofill) {
  animation-name: onAutoFillCancel;
  animation-duration: 0.001s;
}

/* Chrome autofill background override */
.elementor-form input:-webkit-autofill,
.elementor-form input:-webkit-autofill:hover,
.elementor-form input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
  transition: background-color 5000s ease-in-out 0s;
}





/* Bottom border turns #0080C8 on hover */
.elementor-form .elementor-field-group input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):hover,
.elementor-form .elementor-field-group textarea:hover,
.elementor-form .elementor-field-group select:hover {
  border-bottom-color: #0080C8 !important;
}

/* On focus: bottom border + label both turn #0080C8 */
.elementor-form .elementor-field-group input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):focus,
.elementor-form .elementor-field-group textarea:focus,
.elementor-form .elementor-field-group select:focus {
  border-bottom-color: #0080C8 !important;
  border-color: #ccc !important; /* keep other 3 sides grey */
  border-bottom-color: #0080C8 !important;
}

/* Label color turns #0080C8 while field is focused */
.elementor-form .elementor-field-group.fl-focused > label {
  color: #0080C8 !important;
}





/* Remove all borders on focus, then add ONLY bottom border */
.elementor-form .elementor-field-group input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):focus,
.elementor-form .elementor-field-group textarea:focus,
.elementor-form .elementor-field-group select:focus {
  border: none !important;
  border-bottom: 2px solid #0080C8 !important;
  outline: none !important;
  box-shadow: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f58930 */.elementor-253 .elementor-element.elementor-element-6f58930{
    padding-left:0 !important;
    padding-right:0 !important;
}

.elementor-253 .elementor-element.elementor-element-6f58930 .e-con-inner,
.elementor-253 .elementor-element.elementor-element-6f58930 .e-container__inner{
    padding-left:0 !important;
    padding-right:0 !important;
}/* End custom CSS */