/* Name: lead-form-001a.css */
/* Modify or Add classes to this plugin CSS so if the site theme changes you don't loose any customizations */
/* Prefix all classes with a unique identifier (version of the plugin and if possible relate the name prefix to what the form plugin will be used for) */
/* Add any other notes to the top of this file for all developers to reference */
/* 2 up responsive flex column layout that transitions to one column for mobile */
/* This is a beta version: Use TODO: notes for continued development tasks */

/* THEME AND/OR ELEMENTOR PLUGIN OVERRIDES *******************************************************************

Place any/all overrides into this separate section at the top, but if you can make changes in Elementor,
that is a better place to customize the styles. Elementor doesn't let you add breakpoints or do custom
CSS without upgrading to Pro version, so I'm forcing these style overrides here for smoother transitions using
more breakpoints for better responsiveness. NOTE: these are specific to the Claim Bridge landing page 001a build,
you have to redo/change these overrides if you use this plugin on a different landing page, or change any
images on this landing page.
************************************************************************************************************ */


.elementor-element:not(.elementor-motion-effects-element-type-background) {
  background-position: -90px -20px !important;
  background-repeat: repeat-x !important;
}

@media (min-width: 768px) {
  .elementor-element:not(.elementor-motion-effects-element-type-background) {
    background-position: -700px -102px !important;
  }
}

@media (max-width: 1024px) {
  .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-position: -600px -300px;
    background-color: #000;
  }
  .elementor-8 .elementor-element.elementor-element-07ab819 {
    flex-direction: column-reverse;
  }
}

@media (min-width: 1025px) {
  .elementor-element:not(.elementor-motion-effects-element-type-background) {
    background-position: -680px 0px !important;
  }
  .e-con.e-con>.e-con-inner>.elementor-widget, .elementor.elementor .e-con>.elementor-widget {
    height: 100%;
  }
  .elementor-8 .elementor-element.elementor-element-0abc91e img,
  .elementor-8 .elementor-element.elementor-element-2474481 img {
    height: 100% !important;
  }
}

@media (min-width: 1080px) {
  .elementor-element:not(.elementor-motion-effects-element-type-background) {
    background-position: -580px 0px !important;
  }
}

@media (min-width: 1380px) {
  .elementor-widget-heading h1.elementor-heading-title.elementor-size-default {
    font-size: 80px !important;
  }
  .elementor-widget-heading div.elementor-heading-title.elementor-size-default {
    font-size: 30px !important;
    line-height: 38px !important
  }
}

@media (min-width: 1400px) {
  .elementor-element:not(.elementor-motion-effects-element-type-background) {
    background-position: -300px 80px !important;
  }
}

@media (min-width: 1800px) {
  .elementor-element:not(.elementor-motion-effects-element-type-background) {
    background-position: -50px 75px !important;
    background-repeat: repeat-x !important;
  }
}

/* Updates to the following classes might depend on WordPress theme in use */
:root {
  --wp--style--global--content-size: 1340px !important;
}

/* ------------------------------------------------------------------------------------------------------------------------- */
/* END THEME AND/OR ELEMENTOR PLUGIN OVERRIDES */
/* ------------------------------------------------------------------------------------------------------------------------- */

.leadForm_001a-grid-flex-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-family: "Poppins", Sans-serif;
}

.leadForm_001a-flex-left,
.leadForm_001a-flex-right {
  padding: 0px;
}

@media (min-width: 1025px) {
  .leadForm_001a-grid-flex-container {
    width: 80%;
  }
}

@media (min-width: 800px) {
  .leadForm_001a-flex-left {
    width: 85%;
    padding: 20px;
    margin: auto;
  }
  .leadForm_001a-flex-right {
    width: 85%;
    margin: auto;
  }
}

@media (min-width: 1024px) {
  .leadForm_001a-grid-flex-container {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }
  .leadForm_001a-flex-left {
    width: 40%;
    padding: 20px;
    margin: initial;
  }
  .leadForm_001a-flex-right {
    width: 44%;
    padding: 20px;
    margin: initial;
  }
}

.leadForm_001a-hero-cta {
  padding-top: 0%;
}

.leadForm_001a-hero-cta .leadForm_001a-h1 {
  font-family: "Poppins", Sans-serif;
  font-size: 40px;
  font-weight: 700;
  text-wrap: nowrap;
  text-align: center;
}

.leadForm_001a-hero-tagline .leadForm_001a-h2 {
  font-family: "Poppins", Sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
}

@media (min-width: 1024px) {
  .leadForm_001a-hero-cta {
    padding-top: 25%;
  }
  .leadForm_001a-hero-cta .leadForm_001a-h1 {
    text-align: left;
  }
  .leadForm_001a-hero-tagline .leadForm_001a-h2 {
    line-height: 1.5;
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .leadForm_001a-hero-cta .leadForm_001a-h1 {
    font-size: 72px;
    font-weight: 600;
  }
  .leadForm_001a-hero-tagline .leadForm_001a-h2 {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
  }
}

.leadForm_001a-form-heading {
  text-align: center;
  font-family: "Poppins", Sans-serif;
}

.leadForm_001a-form-heading .leadForm_001a-h1 {
  margin-top: 50px;
  font-size: 22px;
  font-weight: 600;
  font-family: "Poppins", Sans-serif;
  line-height: 1;
}

.leadForm_001a-form-heading .leadForm_001a-h2 {
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  font-family: "Poppins", Sans-serif;
}

@media (min-width: 1024px) {
  .leadForm_001a-form-heading .leadForm_001a-h1 {
    margin-top: 20px;
  }
}

@media (min-width: 1080px) {
  .leadForm_001a-form-heading .leadForm_001a-h1 {
    margin-top: 30px;
    font-size: 25px;
    font-weight: 600;
    line-height: 1;
  }
  .leadForm_001a-form-heading .leadForm_001a-h2 {
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
  }
}

.leadForm_001a-form {
  font-family: "Poppins", Sans-serif;
  font-size: 14px;
  color: #fff;
  letter-spacing: 1px;
  display: initial;
}

.leadForm_001a-form-error-message {
  font-family: "Poppins", Sans-serif;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: #ff9138;
  padding-top: 2px;
  display: inline-block;
  min-height: 18px;
}

.leadForm_001a-form-submit-success-message {
  font-family: "Poppins", Sans-serif;
  color: #FFF;
  text-align: center;
  align-items: center;
  background-color: #126283;
  border-radius: 3px;
  padding: 20px;
}

.leadForm_001a-form-submit-success-message.heading {
  font-size: 30px;
  font-weight: 500;
}
.leadForm_001a-form-submit-success-message.sub-heading {
  font-size: 18px;
  font-weight: 400;
}

@media (min-width: 1080px) {
  .leadForm_001a-form-submit-success-message.wrap {
    margin-bottom: 350px;
  }
}

@media (min-width: 1200px) {
  .leadForm_001a-form-submit-success-message.wrap {
    min-height: 400px;
  }
  .leadForm_001a-form-submit-success-message.heading {
    font-size: 40px;
    font-weight: 500;
  }
  .leadForm_001a-form-submit-success-message.sub-heading {
    font-size: 20px;
    font-weight: 400;
  }
}

.leadForm_001a-form-submit-error-message {
  font-family: "Poppins", Sans-serif;
  color: #000;
  text-align: center;
  align-items: center;
  background-color: #ff9138;

  border-radius: 3px;
  padding: 20px;
}

.leadForm_001a-form-submit-error-message.heading {
  font-size: 30px;
  font-weight: 500;
}

.leadForm_001a-form-submit-error-message.sub-heading {
  font-size: 18px;
  font-weight: 400;
}

@media (min-width: 1080px) {
  .leadForm_001a-form-submit-error-message.wrap {
    margin-bottom: 350px;
  }
}

@media (min-width: 1200px) {
  .leadForm_001a-form-submit-error-message.wrap {
    min-height: 400px;
  }
  .leadForm_001a-form-submit-error-message.heading {
    font-size: 40px;
    font-weight: 500;
  }
  .leadForm_001a-form-submit-error-message.sub-heading {
    font-size: 20px;
    font-weight: 400;
  }
}

.leadForm_001a-form-text {
  font-family: "Poppins", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: #fff !important;
}

.leadForm_001a-form-text.passenger-hint {
  text-transform: lowercase;
  margin: 10px 0;
  display: inline-flex;
}

.leadForm_001a-form-text.description-count {
  text-align: right;
  float: right;
  font-size: 13px;
}

.leadForm_001a-form-section {
  padding: 10px 0 0;
  margin: auto;
  border: none;
}
.leadForm_001a-form-section.driver-injured {
  margin: 0px 0 0;
}

.leadForm_001a-input#numPassengers {
  display: inline;
}

.leadForm_001a-form-section.number-of-passengers {
  padding: 0 0 0;
  margin-bottom: 20px;
}

@media (min-width: 600px) {
  .leadForm_001a-form-section.number-of-passengers {
    padding: 0 0 0;
    margin-bottom: 30px;
  }
}

.leadForm_001a-form-section.ins-company {
  margin: 0px auto 5px auto;
}

.leadForm_001a-form-section.i-was-they-were {
  padding-top: 0px;
}

.leadForm_001a-form-section.submit-btn {
	text-align: center;
}

@media (min-width: 600px) {
  .leadForm_001a-form-section.submit-btn {
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .leadForm_001a-form-section.submit-btn {
    text-align: left;
  }
}

fieldset.leadForm_001a-form-section {
  min-height: 65px;
}

@media (min-width: 600px) {
  fieldset.leadForm_001a-form-section {
    min-height: 75px;
  }
}

.leadForm_001a-form-section-flex-container {
  display: flex;
  flex-direction: column;
}

@media (min-width: 600px) {
  .leadForm_001a-form-section-flex-container{
    flex-direction: row;
  }
}

@media (min-width: 1025px) and (max-width: 1200px) {
  .leadForm_001a-form-section-flex-container {
    flex-direction: column;
  }
}

.leadForm_001a-form-section-flex-container.description {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}

.leadForm_001a-form-section-flex-container.what-happened-count-error-cols {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  min-height: 38px;
}

.leadForm_001a-first-name-wrap,
.leadForm_001a-last-name-wrap,
.leadForm_001a-phone-wrap,
.leadForm_001a-email-wrap {
  margin-left: 0px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.leadForm_001a-last-name-wrap,
.leadForm_001a-email-wrap {
  padding-top: 10px;
}

@media (min-width: 600px) {
  .leadForm_001a-last-name-wrap,
  .leadForm_001a-email-wrap {
    margin-left: 15px;
    padding-top: 0px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
  .leadForm_001a-last-name-wrap,
  .leadForm_001a-email-wrap {
    margin-left: 0px;
    padding-top: 10px;
  }
}

.leadForm_001a-i-was-wrap,
.leadForm_001a-they-were-wrap {
  margin-left: 0px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.leadForm_001a-they-were-wrap {
  padding-top: 20px;
}

@media (min-width: 600px) {
  .leadForm_001a-they-were-wrap {
    margin-left: 15px;
  }
  .leadForm_001a-i-was-wrap,
  .leadForm_001a-they-were-wrap {
    padding-top: 0px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
  .leadForm_001a-they-were-wrap {
    padding-top: 20px;
    margin-left: 0px;
  }
}

.leadForm_001a-label {
  display: block;
  font-weight: 600;
  text-transform: uppercase;
}

.leadForm_001a-label-required {
  color: #ff9138;
}

.leadForm_001a-form input[type="radio"] {
  -ms-transform: scale(2); /* for IE */
  -webkit-transform: scale(2); /* for Safari and Chrome */
  transform: scale(2);
  margin: 0px 10px 5px 10px;
  outline: 1px; /* Remove default outline */
  accent-color: #f6583b;
}

.leadForm_001a-form input[type="radio"]:focus-visible {
  border-color:#f6583b;
}

.leadForm_001a-input-ins-company {
  width: 100%;
}

.leadForm_001a-select,
.leadForm_001a-textarea,
.leadForm_001a-input {
  padding: 8px;
  margin-top: 4px;
  font-size: inherit;
  font-family: "Poppins", Sans-serif;
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-shadow: none;
  line-height: 100%;
  border-width: 1px;
}

.leadForm_001a-select {
  width: 100%;
}

.leadForm_001a-textarea {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  line-height: 18px;
  height: 120px;
}

.leadForm_001a-select:focus,
.leadForm_001a-textarea:focus,
.leadForm_001a-input:focus {
  border-color: #f6583b;
}

.leadForm_001a-select:focus,
.leadForm_001a-textarea:focus,
.leadForm_001a-input:focus {
  border-width: 1px;
  border-style: solid;
  border-color: #f6583b;
  box-shadow: 0 0 0 1px #f6583b, 0px 1px 2px rgba(0, 0, 0, 0.15);
  outline: none;
}

@media (min-width: 480px) {
  .leadForm_001a-textarea {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    line-height: 18px;
    height: auto;
  }
}

/* Hide the spin buttons in WebKit browsers */
.leadForm_001a-input-outer-spin-button,
.leadForm_001a-input::-webkit-inner-spin-button {
  -webkit-appearance: none; /* For WebKit-based browsers like Chrome, Safari */
  -moz-appearance: none;    /* For Mozilla Firefox */
  appearance: none;         /* Standard property */
  margin: 0;
}

/* Hide spin buttons in Firefox */
.leadForm_001a-input[type="number"] {
  appearance: textfield;
  width: 43px;
}

.leadForm_001a-input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 26px;
  height: 25px;
  margin: 5px 10px 5px 2px;
  outline: 1px;
  background-color: #e0e0e0; /* Default background */
  border-radius: 3px;
  cursor: pointer;
  position: relative;
  margin-top: -3px;
}

.leadForm_001a-input[type="checkbox"]:checked {
  background-color: #f6583b; /* checked color */
  border: 2px solid #FFF;
}

/* Add a checkmark */
.leadForm_001a-input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 7px;
  top: -2px;
  width: 8px;
  height: 20px;
  border-width: 0 4px 4px 0;
  transform: rotate(45deg);
  border-color: white; /* Color of the check */
  border-style: solid;
}

.js_leadForm_001a-hidden {
  display: none;
}

.leadForm_001a-radio-group,
.leadForm_001a-checkbox-group {
  margin-bottom: 20px;
  display: flex;
}

.leadForm_001a-radio-group label.leadForm_001a-radio-label,
.leadForm_001a-checkbox-group label.leadForm_001a-ckbx-label,
.leadForm_001a-radio-group label,
.leadForm_001a-checkbox-group label {
  font-weight: normal;
  display: block;
  margin: 0 40px 0 5px;
}

.leadForm_001a-radio-group.sub-section,
.leadForm_001a-checkbox-group.sub-section {
  display:flex;
  flex-direction: column;
  min-height: 140px;
}

.leadForm_001a-radio-group.sub-section ul,
.leadForm_001a-checkbox-group.sub-section ul {
  list-style: none;
  list-style-type: none;
  display:flex;
  flex-direction: row;
  margin: 0px 0px 15px;
  padding: 0px;
}

.leadForm_001a-radio-group.sub-section ul {
  margin: 0px 0px 25px;
}

.leadForm_001a-checkbox-group.sub-section ul {
  margin: 0px 0px 20px;
}
.leadForm_001a-radio-group.sub-section ul:nth-child(1),
.leadForm_001a-checkbox-group.sub-section ul:nth-child(1) {
  margin-bottom: 20px;
}

.leadForm_001a-radio-group.sub-section ul:nth-child(2) {
  margin-top: 8px;
  min-height: 40px;
}

.leadForm_001a-checkbox-group.sub-section ul:nth-child(2) {
  margin-top: 0px;
}

.leadForm_001a-checkbox-group.sub-section ul:last-of-type {
  margin-bottom: 10px;
}

.leadForm_001a-radio-group.sub-section ul:last-of-type {
  margin-top: -10px;
  margin-bottom: 15px;
}

@media (min-width: 600px) {
  .leadForm_001a-radio-group.sub-section ul,
  .leadForm_001a-checkbox-group.sub-section ul {
    list-style: none;
    list-style-type: none;
    display:flex;
    flex-direction: row;
    padding: 0px;
  }
}

.leadForm_001a-radio-group.sub-section ul li label,
.leadForm_001a-checkbox-group.sub-section ul li label {
  font-weight: 700;
  margin-left: 5px;
  min-width: 55px;
  line-height: 18px;
}

.leadForm_001a-radio-group.sub-section li.leadForm_001a-form-text label,
.leadForm_001a-checkbox-group.sub-section li.leadForm_001a-form-text label {
  font-weight: 400;
}

.leadForm_001a-button-wrap {
  text-align: center;
  margin-top: 20px;
}

.leadForm_001a-button {
  height: 48px;
  min-width: 100%;
  margin-top: 35px;
  background-color: #f6583b;
  background-clip: border-box;
  border-radius: 3px;
  border-style: none;
  border-color: #CCC;
  border-width: 1px;
  box-shadow: none;
  outline: none; /* custom focus using :focus:after class */
  color: #FFF;
  padding: 10px 30px;
  font-family: "Inter", Sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}

@media (min-width: 600px) {
  .leadForm_001a-button {
    min-width: 50%;
  }
}

@media (min-width: 1024px) {
  .leadForm_001a-button {
    min-width: auto;
  }
}

.leadForm_001a-button:focus:after {
  content: "";
  position: absolute;
  border: 2px solid  #f6583b;
  border-radius: 3px;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
}