.form-section {
  position: relative;
}
.form-section .form-on-submit {
  display: none;
}
.form-section.submitted .form-on-submit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.form-section.in-progress .form-on-submit > * {
  display: none;
}
.form-section.in-progress .form-content {
  opacity: .5;
}
.form-section.success .form-content,
.form-section.failed .form-content {
  visibility: hidden;
}
.form-section.success .error-msg,
.form-section.failed .thank-you {
  display: none;
}

.ln-popup {
  margin-top: 2px;
  background: #fff;
  border: 1px solid #DCDCDC;
  text-align: left;
}
.ln-header {
  font-size: 15px;
  font-weight: bold;
  padding: .6em 1em .8em;
}
.ln-results {
  border-top: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  max-height: 200px;
  overflow-y: auto;
  padding: 8px 0;
}
.ln-results::-webkit-scrollbar {
  width: 7px;
}
.ln-results::-webkit-scrollbar-thumb {
  background-color: gray;
}
.ln-company {
  cursor: pointer;
  font-size: 13px;
  color: #777;
  padding: 4px 1rem 4px;
}
.ln-company:hover {
  background: #eee;
}
.ln-company h4 {
  font-size: 15px;
  margin: 0 0 4px;
  color: #383d68;
}
.ln-footer {
  cursor: pointer;
  color: #167450;
  padding: 1em;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.ln-footer:hover {
  background: #eee;
}
.ln-footer span::before {
  content: "My business is not in this\00A0list";
}

html,
body {
  margin: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
.sep,
.sep-x,
.sep-y {
  color: transparent;
  user-select: none;
  pointer-events: none;
}
.sep-x {
  max-height: 8px;
  overflow-y: hidden;
}

body.mobile-menu-active {
  overflow: hidden;
}
#mobile-menu {
  position: fixed;
  top: 55px;
  bottom: 0;
  width: 100vw;
  left: -100vw;
  z-index: 999;
  transition: left 500ms;
}
#mobile-menu.active {
  left: 0;
}

.video {
  display: inline-block;
  position: relative;
  line-height: 0;
}
.lp-video {
  width: 100%;
  overflow: hidden;
  cursor: pointer;
}
.lp-video > video {
  width: 100%;
}
.lp-video.active > div {
  display: none;
}
.play-icon {
  display: inline-block;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  width: 66px;
  height: 66px;
  margin-top: -33px;
  margin-left: -33px;
  border: none;
  border-radius: 33px;
  box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.08);
  background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 8'%3E%3Cpath fill='%23317153' d='M0 0L6 4L0 8Z'/%3E%3C/svg%3E") 57% center no-repeat;
  background-size: 18px;
}

.expandable {
  max-height: 200px;
  transition: max-height 0.5s linear;
  overflow-y: hidden;
}
.expandable.collapsed,
.collapsed .expandable,
.accordion > div:not(.active) .expandable {
  max-height: 0 !important;
}
.collapsed .hide-on-collapse {
  display: none;
}

.cq-Editable-dom > .cq-block,
.cq-Editable-dom.cq-block {
  display: block !important;
  height: auto !important;
}
.cq-Editable-dom > .cq-iblock,
.cq-Editable-dom.cq-iblock {
  display: inline-block !important;
}
.cq-Editable-dom > .cq-flex,
.cq-Editable-dom.cq-flex {
  display: flex !important;
}
.cq-Editable-dom > .cq-visible,
.cq-Editable-dom.cq-visible {
  visibility: visible !important;
}
.cq-Editable-dom > .cq-static,
.cq-Editable-dom.cq-static {
  position: static !important;
}
.cq-Editable-dom > .cq-h-auto,
.cq-Editable-dom.cq-h-auto {
  height: auto !important;
}
.cq-Editable-dom > .cq-mt-0,
.cq-Editable-dom.cq-mt-0 {
  margin-top: 0 !important;
}
.cq-Editable-dom > .cq-o-1,
.cq-Editable-dom.cq-o-1 {
  opacity: 1 !important;
}
.cq-Editable-dom .cq,
.cq-Editable-dom .cq-container > div {
  display: block !important;
  visibility: visible !important;
  position: static !important;
  height: auto !important;
}
.cq-Editable-dom dialog {
  position: static;
  display: block;
}

.cq-Editable-dom .step {
  display: block !important;
}
.cq-Editable-dom input[type=file] {
  height: auto !important;
  width: auto !important;
}

:root {
  /**Fonts start**/
  --font-family: Roboto;
  --heading-font-family: Oswald;
  --font-weight-bold: 700;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-light: 300;
  --font-weight-thin: 100;
  --font-weight-extra-light: 200;
  --font-weight-semi-bold: 600;
  /**Fonts end**/
  --white-color: #FFF;
  --background-color: #00e091;
  --disabled-background-color: #e3e3ef;
  --white-background-color: #FFF;
  --blue-color-shade-1: 47, 180, 229, 0.20;
  --blue-color-shade-2: 47, 180, 229, 0.10;
  --black-color-dark: 0, 0, 0, 1;
  --black-color-light: 0, 0, 0, 0.15;
  --banner-background-color: #000;
  /*** Input ***/
  --checkbox-border-color: #cecece;
  --input-border-color: #000;
  /*** Text, Fonts and icons ***/
  --regular-black: 0, 0, 0, 0.87;
  --regular-black-light: 0, 0, 0, 0.60;
  --regular-black-dark: 0, 0, 0;
  --regular-white: 255, 255, 255, 0.87;
  --hilite-important-heading: #383D68;
  --hilite-important-subheading: #6C7599;
  --dark-blue: #004eff;
  --font-style-normal: normal;
  --font-style-italic: italic;
  --font-style-oblique: oblique;
  --font-style-underline: underline;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-24: 24px;
  --font-size-28: 28px;
  --font-size-32: 32px;
  /**Forms**/
  --form-wrapper-background: #F5F5F5;
  /*** Error and Warning color ***/
  --warning-background-color: #FFD065;
}
:root .tc-document-heading {
  background-color: var(--dark-blue);
  width: 100%;
  display: inline-block;
  margin: 16px 0;
  color: var(--white-color);
  padding: 4px;
  font-weight: 700;
}
:root .showImageForComdata {
  display: none;
}
:root .showImageForFuelman {
  display: block;
}

/**
  * Comdata Theme
  * 
  * @author Comdata
  * @version 1.0
  */
.comdata {
  /**Fonts start**/
  --font-family: Roboto;
  --heading-font-family: Montserrat;
  /**Fonts end**/
  /*** Colors start ***/
  --banner-background-color: #F26964;
  --background-color: #2FB4E5;
  --white-color: #FFF;
  --light-blue-color: #58BEE8;
  /*** Form ***/
  --form-wrapper-background: #F5F5F5;
  --paymentoption-form-background: #ffffff;
  /*** Button ***/
  /*** Input Fields ***/
  /*** Text, Fonts and icons ***/
  --regular-black: 0, 0, 0, 0.87;
  --regular-white: 255, 255, 255, 0.87;
  --hilite-important-heading: #383D68;
  --hilite-important-subheading: #6C7599;
  --paymentoption-icons-border-color: #265f79;
  /**error message ***/
  --paymentstep-message-background: 242, 105, 100, 0.50;
  /*** Colors end ***/
}
.comdata button,
.comdata .btn {
  border-radius: 16px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  font-size: 16px;
  padding: 9px 16px;
  text-align: center;
  min-width: 152px;
  border: none;
  cursor: pointer;
  height: 56px;
}
.comdata .onfido-wrapper {
  display: flex;
  line-height: normal;
}
@media only screen and (max-width: 767px) {
  .comdata .onfido-wrapper {
    flex-direction: column-reverse;
  }
}
.comdata .onfido-image {
  width: 100%;
  background-image: url(../../../content/dam/e2e-apps/media/onfido-img.png);
  background-repeat: no-repeat;
  margin: 1rem 0 0 1rem;
}
@media only screen and (max-width: 767px) {
  .comdata .onfido-image {
    width: 100%;
    width: 329px;
    height: 136px;
    flex-shrink: 0;
    background-image: url(../../../content/dam/e2e-apps/media/onfido-mobile.png);
    margin: 0 0 2rem 0;
  }
}
.comdata .showImageForComdata {
  display: block !important;
}
.comdata .showImageForFuelman {
  display: none !important;
}
.comdata .main .hero-image-layout .treatmentImage {
  background: url(../../../content/dam/e2e-apps/media/NAT_TreatmentPage.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .comdata .main .hero-image-layout .treatmentImage {
    background: url(../../../content/dam/e2e-apps/media/NAT_TreatmentPage_mobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.comdata .main .hero-image-layout .disclosureImage {
  background: url(../../../content/dam/e2e-apps/media/NAT_TreatmentPage.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .comdata .main .hero-image-layout .disclosureImage {
    background: url(../../../content/dam/e2e-apps/media/NAT_TreatmentPage_mobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.checkbox > input[type="radio"] {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%232FB4E5'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'%3E%3C/path%3E%3C/svg%3E");
}
.checkbox > input[type="radio"]:checked {
  background-position-y: initial;
  background-position-x: initial;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%232FB4E5'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'%3E%3C/path%3E%3Cpath d='M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z'%3E%3C/path%3E%3C/svg%3E");
  background-color: transparent;
}
.comdata .noBox-shadow .shadow-lg {
  box-shadow: none !important;
}
.comdata.horizontal-template :has(.addedMainHeight) .main {
  height: auto;
}

/**
  * Fuelman Theme
  * 
  * @author Fuelman
  * @version 1.0
  */
.fuelman {
  /**Fonts start**/
  /**Fonts end**/
  /*** Colors start ***/
  /*** Form ***/
  --form-wrapper-background: #F5F5F5;
  --paymentoption-form-background: #ffffff;
  --background-color: red;
  --white-color: #FFF;
  --light-blue-color: #58BEE8;
  /*** Button ***/
  /*** Input Fields ***/
  /*** Text, Fonts and icons ***/
  --regular-black: 0, 0, 0, 0.87;
  --regular-white: 255, 255, 255, 0.87;
  --hilite-important-heading: #383D68;
  --hilite-important-subheading: #6C7599;
  --paymentoption-icons-border-color: #265f79;
  /**error message ***/
  --paymentstep-message-background: 242, 105, 100, 0.50;
  /*** Colors end ***/
}
.fuelman button,
.fuelman .btn {
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  font-size: 16px;
  padding: 9px 16px;
  text-align: center;
  min-width: 152px;
  border: none;
  cursor: pointer;
}
.fuelman .showImageForComdata {
  display: none!important;
}
.fuelman .showImageForFuelman {
  display: block !important;
}

.seven-eleven {
  /**Fonts start**/
  /**Fonts end**/
  /*** Colors start ***/
  /*** Form ***/
  --form-wrapper-background: #F5F5F5;
  --paymentoption-form-background: #ffffff;
  --background-color: #14734F;
  --white-color: #FFF;
  /*** Button ***/
  /*** Input Fields ***/
  /*** Text, Fonts and icons ***/
  --regular-black: 0, 0, 0, 0.87;
  --regular-white: 255, 255, 255, 0.87;
  --hilite-important-heading: #383D68;
  --hilite-important-subheading: #6C7599;
  /**error message ***/
  --paymentstep-message-background: 242, 105, 100, 0.50;
  /*** Colors end ***/
}
.seven-eleven h1 {
  color: #000;
  font-family: Oswald;
}
.seven-eleven h2 {
  font-size: 20px;
}
.seven-eleven h2.larger {
  font-size: 24px;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .seven-eleven h2.larger {
    font-size: 20px;
    margin-bottom: 0;
  }
}
.seven-eleven .main .stepper-container-wrapper .stepper-container .step-heading .step-heading-content {
  font-family: Oswald;
  font-size: 16px;
}
.seven-eleven .main .stepper-container-wrapper .stepper-container .active .step-heading .step-heading-content {
  font-family: Oswald;
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .seven-eleven .main .stepper-container-wrapper .stepper-container .active .step-heading .step-heading-content {
    font-family: Oswald;
  }
}
.seven-eleven .header-wrapper {
  background-color: #FFC81E;
  width: 100%;
  padding: 15px 70px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .seven-eleven .header-wrapper {
    padding: 9px 10px;
  }
}
@media (max-width: 480px) {
  .seven-eleven .header-wrapper {
    padding: 9px 0;
  }
}
.seven-eleven .header-logo-image img {
  height: 30px;
  width: 115px;
}
@media (max-width: 768px) {
  .seven-eleven .header-logo-image img {
    height: 30px;
    width: 24px;
  }
}
.seven-eleven .form-header-content {
  padding-bottom: 22px;
}
@media (max-width: 768px) {
  .seven-eleven .form-header-content {
    padding-bottom: 0;
  }
}
.seven-eleven .checkbox > input:checked {
  border: 2px solid #005DAB;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='20' height='20' fill='%23ffffff' stroke='%230072BC' stroke-width='2' rx='3'/%3E%3Cpath d='M6 12L10 17L18 7' stroke='%230072BC' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat center center;
  background-size: 23px;
  background-position-y: -6px;
  background-position-x: -4px;
}
.seven-eleven a,
.seven-eleven .link {
  color: #005DAB;
  font-style: italic;
  font-weight: 400;
  text-decoration-line: none;
}
.seven-eleven a.redHyperlink {
  color: #1F8C5A;
  font-style: normal;
}
.seven-eleven .text-decoration-style {
  text-decoration-line: underline;
}
.seven-eleven .form-fields .md_w-40,
.seven-eleven .form-fields .md_w-30,
.seven-eleven .form-fields .md_w-20 {
  width: 100%;
}
@media (min-width: 768px) {
  .seven-eleven .form-fields .md_w-40 {
    width: 38.1%;
  }
  .seven-eleven .form-fields .md_w-30 {
    width: 31.1%;
  }
  .seven-eleven .form-fields .md_w-20 {
    width: 25.2%;
  }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .seven-eleven .main .page-content-wrapper .bodySection .step form .form-fields .text-input input {
    padding: 19px 18px 12px;
  }
}
.seven-eleven .showImageForComdata {
  display: none !important;
}
.seven-eleven .showImageForFuelman {
  display: block !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .seven-eleven .main .bodySectionWrapper .bodySection {
    padding: 0 0 2% 5%;
  }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .seven-eleven .header-wrapper .header-content {
    justify-content: none;
    gap: 10%;
    padding: 8px 8px 0 25px;
  }
}
.seven-eleven .form-header-content {
  padding-bottom: 22px;
}
@media (max-width: 768px) {
  .seven-eleven .form-header-content {
    padding-bottom: 0;
  }
}
.seven-eleven .step {
  padding: 0 6% 30% 0;
}
@media only screen and (max-width: 767px) {
  .seven-eleven .step {
    padding: 0;
  }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .seven-eleven .step .form-layout {
    padding: 15px 33px 36px 33px;
    border-radius: 0;
    box-shadow: none;
  }
}
@media (min-width: 601px) and (max-width: 1024px) {
  .seven-eleven .align-center {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .seven-eleven .verify-layout {
    min-height: 340px;
    padding: 22px 42px;
  }
}
.seven-eleven .step-details {
  font-family: Roboto;
  margin: 6px 0 6px 14px;
}
.seven-eleven button,
.seven-eleven .btn {
  text-transform: uppercase;
  font-style: normal;
  font-family: Oswald;
  font-weight: 700;
  background: #14734F;
  text-align: center;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  font-size: 16px;
  display: inline-block;
  padding: 9px 16px;
  min-width: 152px;
}
.seven-eleven .mobile-backBtn {
  height: 44px !important;
}
.seven-eleven .btn-connect-outline {
  color: #14734F;
  border: 2px solid #14734F !important;
}
.seven-eleven .btn.btn-complete {
  max-width: 230px;
}
@media only screen and (max-width: 767px) {
  .seven-eleven .btn.btn-complete {
    max-width: 300px;
  }
}
.seven-eleven button.disabled {
  background-color: #e3e3ef;
}
.seven-eleven .btn.back-btn {
  min-width: 120px;
  background-color: transparent;
  color: #E4002B;
  border: 3px solid #E4002B;
}
.seven-eleven .button-text {
  color: #1F8C5A;
  cursor: pointer;
  background-color: transparent;
}
.seven-eleven .button-text.add {
  display: flex;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 16.41px;
}
.seven-eleven .button-text.add p {
  margin: 0;
}
.seven-eleven .button-text.add::before {
  display: inline-block;
  width: 34px;
  height: 28px;
  content: ' ';
  background-repeat: no-repeat;
  background-image: url("../../../content/dam/e2e-apps/media/add-icon-green.svg");
}
.seven-eleven .break-word {
  word-break: break-word;
}
@media (max-width: 767px) {
  .seven-eleven h1.break-word {
    font-size: 16px;
    font-family: Roboto;
    text-transform: none;
    margin-bottom: 0;
  }
}
.seven-eleven .offer-wrapper {
  margin-top: 20px;
  color: #000;
  font-family: Roboto;
  font-size: 16px;
}
@media (max-width: 768px) {
  .seven-eleven .offer-wrapper {
    margin-top: 0;
  }
}
.seven-eleven .zero-height {
  margin: 0;
  pointer-events: none;
}
.seven-eleven .zero-height > input,
.seven-eleven .zero-height span {
  height: 0px;
  width: 0px;
  visibility: hidden;
}
@media (max-width: 767px) {
  .seven-eleven div[data-component="text"][data-name="Application"]:has(> h1.break-word) {
    margin-bottom: 0;
  }
}
.seven-eleven .main .stepper-container-wrapper .active .step-heading::before {
  background-color: #14734F;
}
.seven-eleven .checkbox > input:checked {
  border: 2px solid #005DAB;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='20' height='20' fill='%23ffffff' stroke='%230072BC' stroke-width='2' rx='3'/%3E%3Cpath d='M6 12L10 17L18 7' stroke='%230072BC' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat center center;
  background-size: 23px;
  background-position-y: -6px;
  background-position-x: -4px;
}
.seven-eleven .checkbox > input[type='radio'] {
  background-image: url(../../../content/dam/e2e-apps/media/black-radio.png);
  background-repeat: no-repeat;
  border: none;
  background-position-y: 0px;
  background-position-x: 0px;
}
.seven-eleven .checkbox > input[type='radio']:checked {
  background-image: url(../../../content/dam/e2e-apps/media/red-radio.png);
  background-size: 22px;
}
.seven-eleven .checkbox p {
  margin: 0;
}
.seven-eleven .header-wrapper .header-content .contactUsNumber p.help {
  color: #14734F;
}
.seven-eleven .header-wrapper .header-content .contactUsNumber a {
  color: #14734F;
  text-decoration: none;
  font-weight: 400;
  font-style: normal;
}
.seven-eleven .text-input.dollar::before {
  left: 9px;
  bottom: 15px;
}
@media (max-width: 768px) {
  .seven-eleven .text-input.dollar::before {
    left: 9px;
    bottom: 13px;
  }
}
.seven-eleven .hilite {
  color: #1F8C5A;
  font-weight: 700;
}
.seven-eleven .main .hero-image-layout .contactInfoImage {
  background: url(../../../content/dam/e2e-apps/media/LS_contactInfoDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .seven-eleven .main .hero-image-layout .contactInfoImage {
    background: url(../../../content/dam/e2e-apps/media/LS_contactInfoMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.seven-eleven .main .hero-image-layout .businessInfoImage {
  background: url(../../../content/dam/e2e-apps/media/LS_businessInfoDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .seven-eleven .main .hero-image-layout .businessInfoImage {
    background: url(../../../content/dam/e2e-apps/media/LS_businessInfoMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
@media (max-width: 768px) {
  .seven-eleven .main .hero-image-layout .ownerInfoImage {
    background: url(../../../content/dam/e2e-apps/media/Truck_Driver_ownerInfoMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.seven-eleven .main .hero-image-layout .ownerInfoImageSecond {
  background: url(../../../content/dam/e2e-apps/media/LS_ownerInfoSecondDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .seven-eleven .main .hero-image-layout .ownerInfoImageSecond {
    background: url(../../../content/dam/e2e-apps/media/LS_ownerInfoSecondMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.seven-eleven .main .hero-image-layout .treatmentImage {
  background: url(../../../content/dam/e2e-apps/media/LS_treatmentDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .seven-eleven .main .hero-image-layout .treatmentImage {
    background: url(../../../content/dam/e2e-apps/media/LS_treatmentMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.seven-eleven .main .hero-image-layout .disclosureImage {
  background: url(../../../content/dam/e2e-apps/media/LS_disclosureDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .seven-eleven .main .hero-image-layout .disclosureImage {
    background: url(../../../content/dam/e2e-apps/media/LS_disclosureMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.seven-eleven .main .hero-image-layout .cardsetupImage {
  background: url(../../../content/dam/e2e-apps/media/LS_cardsetupDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .seven-eleven .main .hero-image-layout .cardsetupImage {
    background: url(../../../content/dam/e2e-apps/media/LS_cardsetupMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.seven-eleven .main .hero-image-layout .verifyIdentityImage {
  background: url(../../../content/dam/e2e-apps/media/verifyIdentityImage.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .seven-eleven .main .hero-image-layout .verifyIdentityImage {
    background: url(../../../content/dam/e2e-apps/media/Truck_Driver_verifyMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.seven-eleven .main .hero-image-layout .paymentImage {
  background: url(../../../content/dam/e2e-apps/media/LS_paymentOfferDesktop.png) #d3d3d3 50% / cover no-repeat;
}
.seven-eleven .main .hero-image-layout .paymentOfferImage {
  background: url(../../../content/dam/e2e-apps/media/LS_paymentOfferDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .seven-eleven .main .hero-image-layout .paymentOfferImage {
    background: url(../../../content/dam/e2e-apps/media/LS_paymentOfferMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.seven-eleven .onfido-wrapper {
  display: flex;
  line-height: normal;
}
@media only screen and (max-width: 767px) {
  .seven-eleven .onfido-wrapper {
    flex-direction: column-reverse;
  }
}
.seven-eleven .onfido-image {
  width: 100%;
  background-image: url(../../../content/dam/e2e-apps/media/onfido-img.png);
  background-repeat: no-repeat;
  margin: 1rem 0 0 1rem;
}
@media only screen and (max-width: 767px) {
  .seven-eleven .onfido-image {
    width: 100%;
    width: 329px;
    height: 136px;
    flex-shrink: 0;
    background-image: url(../../../content/dam/e2e-apps/media/onfido-mobile.png);
    margin: 0 0 2rem 0;
  }
}
.seven-eleven .vi-wrapper {
  max-width: 725px;
  width: 100%;
}
@media (max-width: 768px) {
  .seven-eleven .vi-wrapper {
    max-height: 300px;
  }
}
.seven-eleven .alert-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
  align-self: stretch;
  border-radius: 8px;
  background: rgba(255, 212, 212, 0.6);
}
.seven-eleven .alert-img {
  background-repeat: no-repeat;
  left: 7px;
  top: 7px;
  width: 64px;
  height: 64px;
}
.seven-eleven .thankyouText {
  justify-content: center;
}
.seven-eleven .allDoneIcon {
  display: flex;
  justify-content: center;
}
.seven-eleven .step .form-header-content .form-header-horizontal-template {
  padding-top: 0;
}
.seven-eleven .promo-show {
  display: hide;
}
.seven-eleven .promo-hide {
  display: show;
}
.seven-eleven .footerWrapper {
  padding: 0 2%;
}
@media (max-width: 767px) {
  .seven-eleven .setup-row > div:last-child {
    position: absolute;
    top: -25px;
    right: 0;
  }
  .seven-eleven .field-space {
    padding-top: 1rem;
    width: 100% !important;
  }
  .seven-eleven .driver-prompts,
  .seven-eleven .purchase-type,
  .seven-eleven .vehicle-type {
    padding-top: 1rem;
  }
  .seven-eleven .connect-toggle-container {
    align-items: flex-start;
  }
  .seven-eleven .connect-btn-container {
    gap: 0.5rem;
  }
  .seven-eleven .connect-btn-container div {
    width: 100%;
  }
  .seven-eleven .connect-btn-container .btn {
    min-width: auto;
  }
  .seven-eleven .page {
    padding-top: 18px;
  }
  .seven-eleven .main .bodySectionWrapper {
    padding-top: 0;
  }
  .seven-eleven .cardsetup {
    background-color: #F5F5F5;
  }
  .seven-eleven .switch-text {
    padding-right: 1.5rem;
  }
  .seven-eleven .switch-text br {
    display: none;
  }
  .seven-eleven .tooltip-icon.card-info {
    position: absolute;
    top: 4px;
    right: 0;
    left: unset;
  }
  .seven-eleven .text-input.dollar::before {
    top: 20px;
  }
}
@media screen and (width: 768px) {
  .seven-eleven .toggle-container {
    flex-direction: row;
  }
}
.seven-eleven .safe-secure-image {
  background-image: url(../../../content/dam/e2e-apps/media/green-lock-icon.svg);
}
.seven-eleven .processing-modal {
  background-image: url("../../../content/dam/e2e-apps/media/dollar-cc-Icon-green.svg");
}
.seven-eleven .error-modal {
  background-image: url("../../../content/dam/e2e-apps/media/modal-error-green.svg");
}
.seven-eleven .card-ordered {
  background-image: url("../../../content/dam/e2e-apps/media/Union-green.svg");
}
.seven-eleven .all-complete {
  background-image: url("../../../content/dam/e2e-apps/media/All-done-green.svg");
}
.seven-eleven .card-user-img {
  background-image: url("../../../content/dam/e2e-apps/media/card-user-green.svg");
}
.seven-eleven .mail-vector {
  background-image: url("../../../content/dam/e2e-apps/media/mail-vector-green.svg");
}
.seven-eleven progress {
  accent-color: #1F8C5A;
}

.arco {
  /**Fonts start**/
  /**Fonts end**/
  /*** Colors start ***/
  /*** Form ***/
  --form-wrapper-background: #F5F5F5;
  --paymentoption-form-background: #ffffff;
  --background-color: #ED1B2E;
  --white-color: #FFF;
  /*** Button ***/
  /*** Input Fields ***/
  /*** Text, Fonts and icons ***/
  --regular-black: 0, 0, 0, 0.87;
  --regular-white: 255, 255, 255, 0.87;
  --hilite-important-heading: #383D68;
  --hilite-important-subheading: #6C7599;
  --paymentoption-icons-border-color: #265f79;
  /**error message ***/
  --paymentstep-message-background: 242, 105, 100, 0.50;
  /*** Colors end ***/
}
.arco h1 {
  color: #000;
  font-family: Oswald;
}
.arco h2 {
  font-size: 20px;
}
.arco h2.larger {
  font-size: 24px;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .arco h2.larger {
    font-size: 20px;
    margin-bottom: 0;
  }
}
.arco h2.payment {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
  line-height: 37.5px;
}
@media (max-width: 768px) {
  .arco h2.payment {
    font-size: 20px;
    line-height: 23.44px;
  }
}
.arco a,
.arco .link {
  color: #005DAB;
  font-style: italic;
  font-weight: 400;
  text-decoration-line: none;
}
.arco a.redHyperlink {
  color: #ED1B2E;
  font-style: normal;
}
.arco a.HyperlinkBlue {
  color: #005DAB;
  font-style: normal;
}
.arco .text-decoration-style {
  text-decoration-line: underline;
}
.arco p.paymentHeading {
  color: #ED1B2E;
}
.arco .paymentForm {
  border-radius: 20px;
}
.arco .form-fields .md_w-40,
.arco .form-fields .md_w-30,
.arco .form-fields .md_w-20 {
  width: 100%;
}
@media (min-width: 768px) {
  .arco .form-fields .md_w-40 {
    width: 38.1%;
  }
  .arco .form-fields .md_w-30 {
    width: 31.1%;
  }
  .arco .form-fields .md_w-20 {
    width: 25.2%;
  }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .arco .main .page-content-wrapper .bodySection .step form .form-fields .text-input input {
    padding: 19px 18px 12px;
  }
}
.arco .header-wrapper {
  background-color: #005DAB;
  width: 100%;
  padding: 15px 70px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .arco .header-wrapper {
    padding: 9px 10px;
  }
}
@media (max-width: 480px) {
  .arco .header-wrapper {
    padding: 9px 0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .arco .main .bodySectionWrapper .bodySection {
    padding: 0 0 2% 5%;
  }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .arco .header-wrapper .header-content {
    justify-content: none;
    gap: 10%;
    padding: 8px 8px 0 25px;
  }
}
.arco .form-header-content {
  padding-bottom: 22px;
}
@media (max-width: 768px) {
  .arco .form-header-content {
    padding-bottom: 0;
  }
}
.arco .step {
  padding: 0 6% 30% 0;
}
@media only screen and (max-width: 767px) {
  .arco .step {
    padding: 0;
  }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .arco .step .form-layout {
    padding: 15px 33px 36px 33px;
    border-radius: 0;
    box-shadow: none;
  }
}
@media (min-width: 601px) and (max-width: 1024px) {
  .arco .align-center {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .arco .verify-layout {
    min-height: 340px;
    padding: 22px 42px;
  }
}
.arco .step-details {
  font-family: Roboto;
  margin: 6px 0 6px 14px;
}
.arco button,
.arco .btn {
  text-transform: uppercase;
  font-family: Oswald;
  background: #ED1B2E;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  font-size: 16px;
  display: inline-block;
  text-align: center;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 9px 16px;
  min-width: 152px;
}
.arco .mobile-backBtn {
  height: 44px !important;
}
.arco .btn-connect-outline {
  color: #ED1B2E;
  border: 2px solid #ED1B2E !important;
}
.arco .btn.btn-complete {
  max-width: 230px;
}
@media only screen and (max-width: 767px) {
  .arco .btn.btn-complete {
    max-width: 300px;
  }
}
.arco button.disabled {
  background-color: #e3e3ef;
}
.arco .btn.back-btn {
  min-width: 120px;
  background-color: transparent;
  color: #ED1B2E;
  border: 3px solid #ED1B2E;
}
.arco .button-text {
  color: #ED1B2E;
  cursor: pointer;
  background-color: transparent;
}
.arco .button-text.add {
  display: flex;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 16.41px;
}
.arco .button-text.add p {
  margin: 0;
}
.arco .button-text.add::before {
  display: inline-block;
  width: 34px;
  height: 28px;
  content: ' ';
  background-repeat: no-repeat;
  background-image: url("../../../content/dam/e2e-apps/media/add-icon.png");
}
.arco .main .stepper-container-wrapper .stepper-container .step-heading .step-heading-content {
  font-family: Oswald;
  font-size: 16px;
}
.arco .main .stepper-container-wrapper .stepper-container .active .step-heading .step-heading-content {
  font-family: Oswald;
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .arco .main .stepper-container-wrapper .stepper-container .active .step-heading .step-heading-content {
    font-family: Oswald;
  }
}
.arco .break-word {
  word-break: break-word;
}
@media (max-width: 767px) {
  .arco h1.break-word {
    font-size: 16px;
    font-family: Roboto;
    text-transform: none;
    margin-bottom: 0;
  }
}
.arco .offer-wrapper {
  margin-top: 20px;
  color: #000;
  font-family: Roboto;
  font-size: 16px;
}
@media (max-width: 768px) {
  .arco .offer-wrapper {
    margin-top: 0;
  }
}
.arco .zero-height {
  margin: 0;
  pointer-events: none;
}
.arco .zero-height > input,
.arco .zero-height span {
  height: 0px;
  width: 0px;
  visibility: hidden;
}
@media (max-width: 767px) {
  .arco div[data-component="text"][data-name="Application"]:has(> h1.break-word) {
    margin-bottom: 0;
  }
}
.arco .main .stepper-container-wrapper .active .step-heading::before {
  background-color: #ED1B2E;
}
.arco .checkbox > input:checked {
  border: 2px solid #005DAB;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='20' height='20' fill='%23ffffff' stroke='%230072BC' stroke-width='2' rx='3'/%3E%3Cpath d='M6 12L10 17L18 7' stroke='%230072BC' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat center center;
  background-size: 23px;
  background-position-y: -6px;
  background-position-x: -4px;
}
.arco .checkbox > input[type='radio'] {
  background-image: url(../../../content/dam/e2e-apps/media/black-radio.png);
  background-repeat: no-repeat;
  border: none;
  background-position-y: 0px;
  background-position-x: 0px;
}
.arco .checkbox > input[type='radio']:checked {
  background-image: url(../../../content/dam/e2e-apps/media/red-radio.png);
  background-size: 22px;
}
.arco .checkbox p {
  margin: 0;
}
.arco .header-wrapper .header-content .contactUsNumber p.help {
  color: #FFFFFF;
}
.arco .header-wrapper .header-content .contactUsNumber a {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: 400;
  font-style: normal;
}
.arco .text-input.dollar::before {
  left: 9px;
  bottom: 15px;
}
@media (max-width: 768px) {
  .arco .text-input.dollar::before {
    left: 9px;
    bottom: 13px;
  }
}
.arco .hilite {
  color: #ED1B2E;
  font-weight: 700;
}
.arco .showImageForComdata {
  display: none !important;
}
.arco .showImageForFuelman {
  display: block !important;
}
.arco .main .hero-image-layout .contactInfoImage {
  background: url(../../../content/dam/e2e-apps/media/LS_contactInfoDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .arco .main .hero-image-layout .contactInfoImage {
    background: url(../../../content/dam/e2e-apps/media/LS_contactInfoMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.arco .main .hero-image-layout .businessInfoImage {
  background: url(../../../content/dam/e2e-apps/media/LS_businessInfoDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .arco .main .hero-image-layout .businessInfoImage {
    background: url(../../../content/dam/e2e-apps/media/LS_businessInfoMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
@media (max-width: 768px) {
  .arco .main .hero-image-layout .ownerInfoImage {
    background: url(../../../content/dam/e2e-apps/media/Truck_Driver_ownerInfoMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.arco .main .hero-image-layout .ownerInfoImageSecond {
  background: url(../../../content/dam/e2e-apps/media/LS_ownerInfoSecondDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .arco .main .hero-image-layout .ownerInfoImageSecond {
    background: url(../../../content/dam/e2e-apps/media/LS_ownerInfoSecondMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.arco .main .hero-image-layout .treatmentImage {
  background: url(../../../content/dam/e2e-apps/media/LS_treatmentDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .arco .main .hero-image-layout .treatmentImage {
    background: url(../../../content/dam/e2e-apps/media/LS_treatmentMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.arco .main .hero-image-layout .disclosureImage {
  background: url(../../../content/dam/e2e-apps/media/LS_disclosureDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .arco .main .hero-image-layout .disclosureImage {
    background: url(../../../content/dam/e2e-apps/media/LS_disclosureMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.arco .main .hero-image-layout .cardsetupImage {
  background: url(../../../content/dam/e2e-apps/media/LS_cardsetupDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .arco .main .hero-image-layout .cardsetupImage {
    background: url(../../../content/dam/e2e-apps/media/LS_cardsetupMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.arco .main .hero-image-layout .verifyIdentityImage {
  background: url(../../../content/dam/e2e-apps/media/verifyIdentityImage.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .arco .main .hero-image-layout .verifyIdentityImage {
    background: url(../../../content/dam/e2e-apps/media/Truck_Driver_verifyMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.arco .main .hero-image-layout .paymentImage {
  background: url(../../../content/dam/e2e-apps/media/LS_paymentOfferDesktop.png) #d3d3d3 50% / cover no-repeat;
}
.arco .main .hero-image-layout .paymentOfferImage {
  background: url(../../../content/dam/e2e-apps/media/LS_paymentOfferDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .arco .main .hero-image-layout .paymentOfferImage {
    background: url(../../../content/dam/e2e-apps/media/LS_paymentOfferMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.arco .onfido-wrapper {
  display: flex;
  line-height: normal;
}
@media only screen and (max-width: 767px) {
  .arco .onfido-wrapper {
    flex-direction: column-reverse;
  }
}
.arco .onfido-image {
  width: 100%;
  background-image: url(../../../content/dam/e2e-apps/media/onfido-img.png);
  background-repeat: no-repeat;
  margin: 1rem 0 0 1rem;
}
@media only screen and (max-width: 767px) {
  .arco .onfido-image {
    width: 100%;
    width: 329px;
    height: 136px;
    flex-shrink: 0;
    background-image: url(../../../content/dam/e2e-apps/media/onfido-mobile.png);
    margin: 0 0 2rem 0;
  }
}
.arco .vi-wrapper {
  max-width: 725px;
  width: 100%;
}
@media (max-width: 768px) {
  .arco .vi-wrapper {
    max-height: 300px;
  }
}
.arco .alert-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
  align-self: stretch;
  border-radius: 8px;
  background: rgba(255, 212, 212, 0.6);
}
.arco .alert-img {
  background-repeat: no-repeat;
  left: 7px;
  top: 7px;
  width: 64px;
  height: 64px;
}
.arco .thankyouText {
  justify-content: center;
}
.arco .allDoneIcon {
  display: flex;
  justify-content: center;
}
.arco .step .form-header-content .form-header-horizontal-template {
  padding-top: 0;
}
.arco progress {
  accent-color: #ED1B2E;
}
.arco .promo-show {
  display: hide;
}
.arco .promo-hide {
  display: show;
}
.arco .footerWrapper {
  padding: 0 2%;
}
@media (max-width: 767px) {
  .arco .setup-row > div:last-child {
    position: absolute;
    top: -25px;
    right: 0;
  }
  .arco .field-space {
    padding-top: 1rem;
    width: 100% !important;
  }
  .arco .driver-prompts,
  .arco .purchase-type,
  .arco .vehicle-type {
    padding-top: 1rem;
  }
  .arco .connect-toggle-container {
    align-items: flex-start;
  }
  .arco .connect-btn-container {
    gap: 0.5rem;
  }
  .arco .connect-btn-container div {
    width: 100%;
  }
  .arco .connect-btn-container .btn {
    min-width: auto;
  }
  .arco .page {
    padding-top: 18px;
  }
  .arco .main .bodySectionWrapper {
    padding-top: 0;
  }
  .arco .cardsetup {
    background-color: #F5F5F5;
  }
  .arco .switch-text {
    padding-right: 1.5rem;
  }
  .arco .switch-text br {
    display: none;
  }
  .arco .tooltip-icon.card-info {
    position: absolute;
    top: 4px;
    right: 0;
    left: unset;
  }
  .arco .text-input.dollar::before {
    top: 20px;
  }
}
@media screen and (width: 768px) {
  .arco .toggle-container {
    flex-direction: row;
  }
}

.bpbusiness {
  /**Fonts start**/
  /**Fonts end**/
  /*** Colors start ***/
  /*** Form ***/
  --form-wrapper-background: #F5F5F5;
  --paymentoption-form-background: #ffffff;
  --background-color: #007F00;
  --white-color: #FFF;
  /*** Button ***/
  /*** Input Fields ***/
  /*** Text, Fonts and icons ***/
  --regular-black: 0, 0, 0, 0.87;
  --regular-white: 255, 255, 255, 0.87;
  --hilite-important-heading: #383D68;
  --hilite-important-subheading: #6C7599;
  /**error message ***/
  --paymentstep-message-background: 242, 105, 100, 0.50;
  /*** Colors end ***/
}
.bpbusiness h1 {
  color: #000;
  font-family: Oswald;
}
.bpbusiness h2 {
  font-size: 20px;
}
.bpbusiness h2.larger {
  font-size: 24px;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .bpbusiness h2.larger {
    font-size: 20px;
    margin-bottom: 0;
  }
}
.bpbusiness .main .stepper-container-wrapper .stepper-container .step-heading .step-heading-content {
  font-family: Oswald;
  font-size: 16px;
}
.bpbusiness .main .stepper-container-wrapper .stepper-container .active .step-heading .step-heading-content {
  font-family: Oswald;
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .bpbusiness .main .stepper-container-wrapper .stepper-container .active .step-heading .step-heading-content {
    font-family: Oswald;
  }
}
.bpbusiness .header-wrapper {
  background-color: #CCFD03;
  width: 100%;
  padding: 15px 70px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .bpbusiness .header-wrapper {
    padding: 9px 10px;
  }
}
@media (max-width: 480px) {
  .bpbusiness .header-wrapper {
    padding: 9px 0;
  }
}
.bpbusiness .header-logo-image img {
  height: 30px;
  width: 125px;
}
@media (max-width: 768px) {
  .bpbusiness .header-logo-image img {
    height: 30px;
    width: 24px;
  }
}
.bpbusiness .form-header-content {
  padding-bottom: 22px;
}
@media (max-width: 768px) {
  .bpbusiness .form-header-content {
    padding-bottom: 0;
  }
}
.bpbusiness .checkbox > input:checked {
  border: 2px solid #005DAB;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='20' height='20' fill='%23ffffff' stroke='%230072BC' stroke-width='2' rx='3'/%3E%3Cpath d='M6 12L10 17L18 7' stroke='%230072BC' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat center center;
  background-size: 23px;
  background-position-y: -6px;
  background-position-x: -4px;
}
.bpbusiness a,
.bpbusiness .link {
  color: #005DAB;
  font-style: italic;
  font-weight: 400;
  text-decoration-line: none;
}
.bpbusiness a.redHyperlink {
  color: #1F8C5A;
  font-style: normal;
}
.bpbusiness .text-decoration-style {
  text-decoration-line: underline;
}
.bpbusiness .form-fields .md_w-40,
.bpbusiness .form-fields .md_w-30,
.bpbusiness .form-fields .md_w-20 {
  width: 100%;
}
@media (min-width: 768px) {
  .bpbusiness .form-fields .md_w-40 {
    width: 38.1%;
  }
  .bpbusiness .form-fields .md_w-30 {
    width: 31.1%;
  }
  .bpbusiness .form-fields .md_w-20 {
    width: 25.2%;
  }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .bpbusiness .main .page-content-wrapper .bodySection .step form .form-fields .text-input input {
    padding: 19px 18px 12px;
  }
}
.bpbusiness .showImageForComdata {
  display: none!important;
}
.bpbusiness .showImageForFuelman {
  display: block !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .bpbusiness .main .bodySectionWrapper .bodySection {
    padding: 0 0 2% 5%;
  }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .bpbusiness .header-wrapper .header-content {
    justify-content: none;
    gap: 10%;
    padding: 8px 8px 0 25px;
  }
}
.bpbusiness .form-header-content {
  padding-bottom: 22px;
}
@media (max-width: 768px) {
  .bpbusiness .form-header-content {
    padding-bottom: 0;
  }
}
.bpbusiness .step {
  padding: 0 6% 30% 0;
}
@media only screen and (max-width: 767px) {
  .bpbusiness .step {
    padding: 0;
  }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .bpbusiness .step .form-layout {
    padding: 15px 33px 36px 33px;
    border-radius: 0;
    box-shadow: none;
  }
}
@media (min-width: 601px) and (max-width: 1024px) {
  .bpbusiness .align-center {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .bpbusiness .verify-layout {
    min-height: 340px;
    padding: 22px 42px;
  }
}
.bpbusiness .step-details {
  font-family: Roboto;
  margin: 6px 0 6px 14px;
}
.bpbusiness button,
.bpbusiness .btn {
  text-transform: uppercase;
  font-style: normal;
  font-family: Oswald;
  font-weight: 700;
  background: #007F00;
  text-align: center;
  min-width: 152px;
  border: 0;
  cursor: pointer;
  border-radius: 8px;
  padding: 9px 16px;
  font-size: 16px;
  display: inline-block;
}
.bpbusiness .btn-connect-outline {
  color: #007F00;
  border: 2px solid #007F00 !important;
}
.bpbusiness .mobile-backBtn {
  height: 44px !important;
}
.bpbusiness .btn.btn-complete {
  max-width: 230px;
}
@media only screen and (max-width: 767px) {
  .bpbusiness .btn.btn-complete {
    max-width: 300px;
  }
}
.bpbusiness button.disabled {
  background-color: #e3e3ef;
}
.bpbusiness .btn.back-btn {
  min-width: 120px;
  background-color: transparent;
  color: #E4002B;
  border: 3px solid #E4002B;
}
.bpbusiness .button-text {
  color: #1F8C5A;
  cursor: pointer;
  background-color: transparent;
}
.bpbusiness .button-text.add {
  display: flex;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 16.41px;
}
.bpbusiness .button-text.add p {
  margin: 0;
}
.bpbusiness .button-text.add::before {
  display: inline-block;
  width: 34px;
  height: 28px;
  content: ' ';
  background-repeat: no-repeat;
  background-image: url("../../../content/dam/e2e-apps/media/add-icon-green.svg");
}
.bpbusiness .break-word {
  word-break: break-word;
}
@media (max-width: 767px) {
  .bpbusiness h1.break-word {
    font-size: 16px;
    font-family: Roboto;
    text-transform: none;
    margin-bottom: 0;
  }
}
.bpbusiness .offer-wrapper {
  margin-top: 20px;
  color: #000;
  font-family: Roboto;
  font-size: 16px;
}
@media (max-width: 768px) {
  .bpbusiness .offer-wrapper {
    margin-top: 0;
  }
}
.bpbusiness .zero-height {
  margin: 0;
  pointer-events: none;
}
.bpbusiness .zero-height > input,
.bpbusiness .zero-height span {
  height: 0px;
  width: 0px;
  visibility: hidden;
}
@media (max-width: 767px) {
  .bpbusiness div[data-component="text"][data-name="Application"]:has(> h1.break-word) {
    margin-bottom: 0;
  }
}
.bpbusiness .main .stepper-container-wrapper .active .step-heading::before {
  background-color: #007F00;
}
.bpbusiness .checkbox > input:checked {
  border: 2px solid #005DAB;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='20' height='20' fill='%23ffffff' stroke='%230072BC' stroke-width='2' rx='3'/%3E%3Cpath d='M6 12L10 17L18 7' stroke='%230072BC' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat center center;
  background-size: 23px;
  background-position-y: -6px;
  background-position-x: -4px;
}
.bpbusiness .checkbox > input[type='radio'] {
  background-image: url(../../../content/dam/e2e-apps/media/black-radio.png);
  background-repeat: no-repeat;
  border: none;
  background-position-y: 0px;
  background-position-x: 0px;
}
.bpbusiness .checkbox > input[type='radio']:checked {
  background-image: url(../../../content/dam/e2e-apps/media/red-radio.png);
  background-size: 22px;
}
.bpbusiness .checkbox p {
  margin: 0;
}
.bpbusiness .header-wrapper .header-content .contactUsNumber p.help {
  color: #007F00;
}
.bpbusiness .header-wrapper .header-content .contactUsNumber a {
  color: #007F00;
  text-decoration: none;
  font-weight: 400;
  font-style: normal;
}
.bpbusiness .text-input.dollar::before {
  left: 9px;
  bottom: 15px;
}
@media (max-width: 768px) {
  .bpbusiness .text-input.dollar::before {
    left: 9px;
    bottom: 13px;
  }
}
.bpbusiness .hilite {
  color: #1F8C5A;
  font-weight: 700;
}
.bpbusiness .main .hero-image-layout .contactInfoImage {
  background: url(../../../content/dam/e2e-apps/media/LS_contactInfoDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .bpbusiness .main .hero-image-layout .contactInfoImage {
    background: url(../../../content/dam/e2e-apps/media/LS_contactInfoMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.bpbusiness .main .hero-image-layout .businessInfoImage {
  background: url(../../../content/dam/e2e-apps/media/LS_businessInfoDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .bpbusiness .main .hero-image-layout .businessInfoImage {
    background: url(../../../content/dam/e2e-apps/media/LS_businessInfoMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
@media (max-width: 768px) {
  .bpbusiness .main .hero-image-layout .ownerInfoImage {
    background: url(../../../content/dam/e2e-apps/media/Truck_Driver_ownerInfoMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.bpbusiness .main .hero-image-layout .ownerInfoImageSecond {
  background: url(../../../content/dam/e2e-apps/media/LS_ownerInfoSecondDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .bpbusiness .main .hero-image-layout .ownerInfoImageSecond {
    background: url(../../../content/dam/e2e-apps/media/LS_ownerInfoSecondMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.bpbusiness .main .hero-image-layout .treatmentImage {
  background: url(../../../content/dam/e2e-apps/media/LS_treatmentDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .bpbusiness .main .hero-image-layout .treatmentImage {
    background: url(../../../content/dam/e2e-apps/media/LS_treatmentMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.bpbusiness .main .hero-image-layout .disclosureImage {
  background: url(../../../content/dam/e2e-apps/media/LS_disclosureDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .bpbusiness .main .hero-image-layout .disclosureImage {
    background: url(../../../content/dam/e2e-apps/media/LS_disclosureMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.bpbusiness .main .hero-image-layout .cardsetupImage {
  background: url(../../../content/dam/e2e-apps/media/LS_cardsetupDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .bpbusiness .main .hero-image-layout .cardsetupImage {
    background: url(../../../content/dam/e2e-apps/media/LS_cardsetupMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.bpbusiness .main .hero-image-layout .verifyIdentityImage {
  background: url(../../../content/dam/e2e-apps/media/verifyIdentityImage.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .bpbusiness .main .hero-image-layout .verifyIdentityImage {
    background: url(../../../content/dam/e2e-apps/media/Truck_Driver_verifyMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.bpbusiness .main .hero-image-layout .paymentImage {
  background: url(../../../content/dam/e2e-apps/media/LS_paymentOfferDesktop.png) #d3d3d3 50% / cover no-repeat;
}
.bpbusiness .main .hero-image-layout .paymentOfferImage {
  background: url(../../../content/dam/e2e-apps/media/LS_paymentOfferDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .bpbusiness .main .hero-image-layout .paymentOfferImage {
    background: url(../../../content/dam/e2e-apps/media/LS_paymentOfferMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.bpbusiness .onfido-wrapper {
  display: flex;
  line-height: normal;
}
@media only screen and (max-width: 767px) {
  .bpbusiness .onfido-wrapper {
    flex-direction: column-reverse;
  }
}
.bpbusiness .onfido-image {
  width: 100%;
  background-image: url(../../../content/dam/e2e-apps/media/onfido-img.png);
  background-repeat: no-repeat;
  margin: 1rem 0 0 1rem;
}
@media only screen and (max-width: 767px) {
  .bpbusiness .onfido-image {
    width: 100%;
    width: 329px;
    height: 136px;
    flex-shrink: 0;
    background-image: url(../../../content/dam/e2e-apps/media/onfido-mobile.png);
    margin: 0 0 2rem 0;
  }
}
.bpbusiness .vi-wrapper {
  max-width: 725px;
  width: 100%;
}
@media (max-width: 768px) {
  .bpbusiness .vi-wrapper {
    max-height: 300px;
  }
}
.bpbusiness .alert-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
  align-self: stretch;
  border-radius: 8px;
  background: rgba(255, 212, 212, 0.6);
}
.bpbusiness .alert-img {
  background-repeat: no-repeat;
  left: 7px;
  top: 7px;
  width: 64px;
  height: 64px;
}
.bpbusiness .thankyouText {
  justify-content: center;
}
.bpbusiness .allDoneIcon {
  display: flex;
  justify-content: center;
}
.bpbusiness .step .form-header-content .form-header-horizontal-template {
  padding-top: 0;
}
.bpbusiness .promo-show {
  display: hide;
}
.bpbusiness .promo-hide {
  display: show;
}
.bpbusiness .footerWrapper {
  padding: 0 2%;
}
@media (max-width: 767px) {
  .bpbusiness .setup-row > div:last-child {
    position: absolute;
    top: -25px;
    right: 0;
  }
  .bpbusiness .field-space {
    padding-top: 1rem;
    width: 100% !important;
  }
  .bpbusiness .driver-prompts,
  .bpbusiness .purchase-type,
  .bpbusiness .vehicle-type {
    padding-top: 1rem;
  }
  .bpbusiness .connect-toggle-container {
    align-items: flex-start;
  }
  .bpbusiness .connect-btn-container {
    gap: 0.5rem;
  }
  .bpbusiness .connect-btn-container div {
    width: 100%;
  }
  .bpbusiness .connect-btn-container .btn {
    min-width: auto;
  }
  .bpbusiness .page {
    padding-top: 18px;
  }
  .bpbusiness .main .bodySectionWrapper {
    padding-top: 0;
  }
  .bpbusiness .cardsetup {
    background-color: #F5F5F5;
  }
  .bpbusiness .switch-text {
    padding-right: 1.5rem;
  }
  .bpbusiness .switch-text br {
    display: none;
  }
  .bpbusiness .tooltip-icon.card-info {
    position: absolute;
    top: 4px;
    right: 0;
    left: unset;
  }
  .bpbusiness .text-input.dollar::before {
    top: 20px;
  }
}
@media screen and (width: 768px) {
  .bpbusiness .toggle-container {
    flex-direction: row;
  }
}
.bpbusiness .safe-secure-image {
  background-image: url(../../../content/dam/e2e-apps/media/green-lock-icon.svg);
}
.bpbusiness .processing-modal {
  background-image: url("../../../content/dam/e2e-apps/media/dollar-cc-Icon-green.svg");
}
.bpbusiness .error-modal {
  background-image: url("../../../content/dam/e2e-apps/media/modal-error-green.svg");
}
.bpbusiness .card-ordered {
  background-image: url("../../../content/dam/e2e-apps/media/Union-green.svg");
}
.bpbusiness .all-complete {
  background-image: url("../../../content/dam/e2e-apps/media/All-done-green.svg");
}
.bpbusiness .card-user-img {
  background-image: url("../../../content/dam/e2e-apps/media/card-user-green.svg");
}
.bpbusiness .mail-vector {
  background-image: url("../../../content/dam/e2e-apps/media/mail-vector-green.svg");
}
.bpbusiness progress {
  accent-color: #1F8C5A;
}

.caseys {
  /**Fonts start**/
  /**Fonts end**/
  /*** Colors start ***/
  /*** Form ***/
  --form-wrapper-background: #F5F5F5;
  --paymentoption-form-background: #ffffff;
  --background-color: #E90000;
  --white-color: #FFF;
  /*** Button ***/
  /*** Input Fields ***/
  /*** Text, Fonts and icons ***/
  --regular-black: 0, 0, 0, 0.87;
  --regular-white: 255, 255, 255, 0.87;
  --hilite-important-heading: #383D68;
  --hilite-important-subheading: #6C7599;
  --paymentoption-icons-border-color: #265f79;
  /**error message ***/
  --paymentstep-message-background: 242, 105, 100, 0.50;
  /*** Colors end ***/
}
.caseys h1 {
  color: #000;
  font-family: Oswald;
}
.caseys h2 {
  font-size: 20px;
}
.caseys h2.larger {
  font-size: 24px;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .caseys h2.larger {
    font-size: 20px;
    margin-bottom: 0;
  }
}
.caseys .main .stepper-container-wrapper .active .step-heading::before {
  background-color: #E90000;
}
.caseys .main .stepper-container-wrapper .stepper-container .step-heading .step-heading-content {
  font-family: Oswald;
  font-size: 16px;
}
.caseys .main .stepper-container-wrapper .stepper-container .active .step-heading .step-heading-content {
  font-family: Oswald;
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .caseys .main .stepper-container-wrapper .stepper-container .active .step-heading .step-heading-content {
    font-family: Oswald;
  }
}
.caseys .header-wrapper {
  width: 100%;
  padding: 15px 70px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .caseys .header-wrapper {
    padding: 9px 10px;
  }
}
@media (max-width: 480px) {
  .caseys .header-wrapper {
    padding: 9px 0;
  }
}
.caseys .form-header-content {
  padding-bottom: 22px;
}
@media (max-width: 768px) {
  .caseys .form-header-content {
    padding-bottom: 0;
  }
}
.caseys .checkbox > input:checked {
  border: 2px solid #005DAB;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='20' height='20' fill='%23ffffff' stroke='%230072BC' stroke-width='2' rx='3'/%3E%3Cpath d='M6 12L10 17L18 7' stroke='%230072BC' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat center center;
  background-size: 23px;
  background-position-y: -6px;
  background-position-x: -4px;
}
.caseys a,
.caseys .link {
  color: #005DAB;
  font-style: italic;
  font-weight: 400;
  text-decoration-line: none;
}
.caseys a.redHyperlink {
  color: #E1261C;
  font-style: normal;
}
.caseys .text-decoration-style {
  text-decoration-line: underline;
}
.caseys .form-fields .md_w-40,
.caseys .form-fields .md_w-30,
.caseys .form-fields .md_w-20 {
  width: 100%;
}
@media (min-width: 768px) {
  .caseys .form-fields .md_w-40 {
    width: 38.1%;
  }
  .caseys .form-fields .md_w-30 {
    width: 31.1%;
  }
  .caseys .form-fields .md_w-20 {
    width: 25.2%;
  }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .caseys .main .page-content-wrapper .bodySection .step form .form-fields .text-input input {
    padding: 19px 18px 12px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .caseys .main .bodySectionWrapper .bodySection {
    padding: 0 0 2% 5%;
  }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .caseys .header-wrapper .header-content {
    justify-content: none;
    gap: 10%;
    padding: 8px 8px 0 25px;
  }
}
.caseys .form-header-content {
  padding-bottom: 22px;
}
@media (max-width: 768px) {
  .caseys .form-header-content {
    padding-bottom: 0;
  }
}
.caseys .step {
  padding: 0 6% 30% 0;
}
@media only screen and (max-width: 767px) {
  .caseys .step {
    padding: 0;
  }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .caseys .step .form-layout {
    padding: 15px 33px 36px 33px;
    border-radius: 0;
    box-shadow: none;
  }
}
@media (min-width: 601px) and (max-width: 1024px) {
  .caseys .align-center {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .caseys .verify-layout {
    min-height: 340px;
    padding: 22px 42px;
  }
}
.caseys .step-details {
  font-family: Roboto;
  margin: 6px 0 6px 14px;
}
.caseys button,
.caseys .btn {
  text-transform: uppercase;
  font-family: Oswald;
  background: #E90000;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  font-size: 16px;
  display: inline-block;
  text-align: center;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 9px 16px;
  min-width: 152px;
}
.caseys .mobile-backBtn {
  height: 44px !important;
}
.caseys .btn-connect-outline {
  color: #E90000;
  border: 2px solid #E90000 !important;
}
.caseys .btn.btn-complete {
  max-width: 230px;
}
@media only screen and (max-width: 767px) {
  .caseys .btn.btn-complete {
    max-width: 300px;
  }
}
.caseys button.disabled {
  background-color: #e3e3ef;
}
.caseys .btn.back-btn {
  min-width: 120px;
  background-color: transparent;
  color: #E90000;
  border: 3px solid #E90000;
}
.caseys .button-text {
  color: #E90000;
  cursor: pointer;
  background-color: transparent;
}
.caseys .button-text.add {
  display: flex;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 16.41px;
}
.caseys .button-text.add p {
  margin: 0;
}
.caseys .button-text.add::before {
  display: inline-block;
  width: 34px;
  height: 28px;
  content: ' ';
  background-repeat: no-repeat;
  background-image: url("../../../content/dam/e2e-apps/media/add-icon.png");
}
.caseys .main .stepper-container-wrapper .stepper-container .step-heading .step-heading-content {
  font-family: Oswald;
  font-size: 16px;
}
.caseys .main .stepper-container-wrapper .stepper-container .active .step-heading .step-heading-content {
  font-family: Oswald;
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .caseys .main .stepper-container-wrapper .stepper-container .active .step-heading .step-heading-content {
    font-family: Oswald;
  }
}
.caseys .break-word {
  word-break: break-word;
}
@media (max-width: 767px) {
  .caseys h1.break-word {
    font-size: 16px;
    font-family: Roboto;
    text-transform: none;
    margin-bottom: 0;
  }
}
.caseys .offer-wrapper {
  margin-top: 20px;
  color: #000;
  font-family: Roboto;
  font-size: 16px;
}
@media (max-width: 768px) {
  .caseys .offer-wrapper {
    margin-top: 0;
  }
}
.caseys .zero-height {
  margin: 0;
  pointer-events: none;
}
.caseys .zero-height > input,
.caseys .zero-height span {
  height: 0px;
  width: 0px;
  visibility: hidden;
}
@media (max-width: 767px) {
  .caseys div[data-component="text"][data-name="Application"]:has(> h1.break-word) {
    margin-bottom: 0;
  }
}
.caseys .main .stepper-container-wrapper .active .step-heading::before {
  background-color: #E90000;
}
.caseys .checkbox > input:checked {
  border: 2px solid #005DAB;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='20' height='20' fill='%23ffffff' stroke='%230072BC' stroke-width='2' rx='3'/%3E%3Cpath d='M6 12L10 17L18 7' stroke='%230072BC' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat center center;
  background-size: 23px;
  background-position-y: -6px;
  background-position-x: -4px;
}
.caseys .checkbox > input[type='radio'] {
  background-image: url(../../../content/dam/e2e-apps/media/black-radio.png);
  background-repeat: no-repeat;
  border: none;
  background-position-y: 0px;
  background-position-x: 0px;
}
.caseys .checkbox > input[type='radio']:checked {
  background-image: url(../../../content/dam/e2e-apps/media/red-radio.png);
  background-size: 22px;
}
.caseys .checkbox p {
  margin: 0;
}
.caseys .header-wrapper .header-content .contactUsNumber p.help {
  color: #FFFFFF;
}
.caseys .header-wrapper .header-content .contactUsNumber a {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: 400;
  font-style: normal;
}
.caseys .text-input.dollar::before {
  left: 9px;
  bottom: 15px;
}
@media (max-width: 768px) {
  .caseys .text-input.dollar::before {
    left: 9px;
    bottom: 13px;
  }
}
.caseys .hilite {
  color: #E90000;
  font-weight: 700;
}
.caseys .showImageForComdata {
  display: none !important;
}
.caseys .showImageForFuelman {
  display: block !important;
}
.caseys .main .hero-image-layout .contactInfoImage {
  background: url(../../../content/dam/e2e-apps/media/LS_contactInfoDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .caseys .main .hero-image-layout .contactInfoImage {
    background: url(../../../content/dam/e2e-apps/media/LS_contactInfoMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.caseys .main .hero-image-layout .businessInfoImage {
  background: url(../../../content/dam/e2e-apps/media/LS_businessInfoDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .caseys .main .hero-image-layout .businessInfoImage {
    background: url(../../../content/dam/e2e-apps/media/LS_businessInfoMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
@media (max-width: 768px) {
  .caseys .main .hero-image-layout .ownerInfoImage {
    background: url(../../../content/dam/e2e-apps/media/Truck_Driver_ownerInfoMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.caseys .main .hero-image-layout .ownerInfoImageSecond {
  background: url(../../../content/dam/e2e-apps/media/LS_ownerInfoSecondDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .caseys .main .hero-image-layout .ownerInfoImageSecond {
    background: url(../../../content/dam/e2e-apps/media/LS_ownerInfoSecondMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.caseys .main .hero-image-layout .treatmentImage {
  background: url(../../../content/dam/e2e-apps/media/LS_treatmentDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .caseys .main .hero-image-layout .treatmentImage {
    background: url(../../../content/dam/e2e-apps/media/LS_treatmentMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.caseys .main .hero-image-layout .disclosureImage {
  background: url(../../../content/dam/e2e-apps/media/LS_disclosureDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .caseys .main .hero-image-layout .disclosureImage {
    background: url(../../../content/dam/e2e-apps/media/LS_disclosureMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.caseys .main .hero-image-layout .cardsetupImage {
  background: url(../../../content/dam/e2e-apps/media/LS_cardsetupDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .caseys .main .hero-image-layout .cardsetupImage {
    background: url(../../../content/dam/e2e-apps/media/LS_cardsetupMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.caseys .main .hero-image-layout .verifyIdentityImage {
  background: url(../../../content/dam/e2e-apps/media/verifyIdentityImage.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .caseys .main .hero-image-layout .verifyIdentityImage {
    background: url(../../../content/dam/e2e-apps/media/Truck_Driver_verifyMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.caseys .main .hero-image-layout .paymentImage {
  background: url(../../../content/dam/e2e-apps/media/LS_paymentOfferDesktop.png) #d3d3d3 50% / cover no-repeat;
}
.caseys .main .hero-image-layout .paymentOfferImage {
  background: url(../../../content/dam/e2e-apps/media/LS_paymentOfferDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .caseys .main .hero-image-layout .paymentOfferImage {
    background: url(../../../content/dam/e2e-apps/media/LS_paymentOfferMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.caseys .onfido-wrapper {
  display: flex;
  line-height: normal;
}
@media only screen and (max-width: 767px) {
  .caseys .onfido-wrapper {
    flex-direction: column-reverse;
  }
}
.caseys .onfido-image {
  width: 100%;
  background-image: url(../../../content/dam/e2e-apps/media/onfido-img.png);
  background-repeat: no-repeat;
  margin: 1rem 0 0 1rem;
}
@media only screen and (max-width: 767px) {
  .caseys .onfido-image {
    width: 100%;
    width: 329px;
    height: 136px;
    flex-shrink: 0;
    background-image: url(../../../content/dam/e2e-apps/media/onfido-mobile.png);
    margin: 0 0 2rem 0;
  }
}
.caseys .vi-wrapper {
  max-width: 725px;
  width: 100%;
}
@media (max-width: 768px) {
  .caseys .vi-wrapper {
    max-height: 300px;
  }
}
.caseys .alert-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
  align-self: stretch;
  border-radius: 8px;
  background: rgba(255, 212, 212, 0.6);
}
.caseys .alert-img {
  background-repeat: no-repeat;
  left: 7px;
  top: 7px;
  width: 64px;
  height: 64px;
}
.caseys .thankyouText {
  justify-content: center;
}
.caseys .allDoneIcon {
  display: flex;
  justify-content: center;
}
.caseys .step .form-header-content .form-header-horizontal-template {
  padding-top: 0;
}
.caseys progress {
  accent-color: #E90000;
}
.caseys .promo-show {
  display: hide;
}
.caseys .promo-hide {
  display: show;
}
.caseys .footerWrapper {
  padding: 0 2%;
}
@media (max-width: 767px) {
  .caseys .setup-row > div:last-child {
    position: absolute;
    top: -25px;
    right: 0;
  }
  .caseys .field-space {
    padding-top: 1rem;
    width: 100% !important;
  }
  .caseys .driver-prompts,
  .caseys .purchase-type,
  .caseys .vehicle-type {
    padding-top: 1rem;
  }
  .caseys .connect-toggle-container {
    align-items: flex-start;
  }
  .caseys .connect-btn-container {
    gap: 0.5rem;
  }
  .caseys .connect-btn-container div {
    width: 100%;
  }
  .caseys .connect-btn-container .btn {
    min-width: auto;
  }
  .caseys .page {
    padding-top: 18px;
  }
  .caseys .main .bodySectionWrapper {
    padding-top: 0;
  }
  .caseys .cardsetup {
    background-color: #F5F5F5;
  }
  .caseys .switch-text {
    padding-right: 1.5rem;
  }
  .caseys .switch-text br {
    display: none;
  }
  .caseys .tooltip-icon.card-info {
    position: absolute;
    top: 4px;
    right: 0;
    left: unset;
  }
  .caseys .text-input.dollar::before {
    top: 20px;
  }
}
@media screen and (width: 768px) {
  .caseys .toggle-container {
    flex-direction: row;
  }
}

.cefco {
  /**Fonts start**/
  /**Fonts end**/
  /*** Colors start ***/
  /*** Form ***/
  --form-wrapper-background: #F5F5F5;
  --paymentoption-form-background: #ffffff;
  --background-color: #1F8C5A;
  --white-color: #FFF;
  /*** Button ***/
  /*** Input Fields ***/
  /*** Text, Fonts and icons ***/
  --regular-black: 0, 0, 0, 0.87;
  --regular-white: 255, 255, 255, 0.87;
  --hilite-important-heading: #383D68;
  --hilite-important-subheading: #6C7599;
  /**error message ***/
  --paymentstep-message-background: 242, 105, 100, 0.50;
  /*** Colors end ***/
}
.cefco h1 {
  color: #000;
  font-family: Oswald;
}
.cefco h2 {
  font-size: 20px;
}
.cefco h2.larger {
  font-size: 24px;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .cefco h2.larger {
    font-size: 20px;
    margin-bottom: 0;
  }
}
.cefco .main .stepper-container-wrapper .stepper-container .step-heading .step-heading-content {
  font-family: Oswald;
  font-size: 16px;
}
.cefco .main .stepper-container-wrapper .stepper-container .active .step-heading .step-heading-content {
  font-family: Oswald;
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .cefco .main .stepper-container-wrapper .stepper-container .active .step-heading .step-heading-content {
    font-family: Oswald;
  }
}
.cefco .header-wrapper {
  width: 100%;
  padding: 15px 70px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .cefco .header-wrapper {
    padding: 9px 10px;
  }
}
@media (max-width: 480px) {
  .cefco .header-wrapper {
    padding: 9px 0;
  }
}
.cefco .form-header-content {
  padding-bottom: 22px;
}
@media (max-width: 768px) {
  .cefco .form-header-content {
    padding-bottom: 0;
  }
}
.cefco .checkbox > input:checked {
  border: 2px solid #005DAB;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='20' height='20' fill='%23ffffff' stroke='%230072BC' stroke-width='2' rx='3'/%3E%3Cpath d='M6 12L10 17L18 7' stroke='%230072BC' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat center center;
  background-size: 23px;
  background-position-y: -6px;
  background-position-x: -4px;
}
.cefco a,
.cefco .link {
  color: #005DAB;
  font-style: italic;
  font-weight: 400;
  text-decoration-line: none;
}
.cefco a.redHyperlink {
  color: #E1261C;
  font-style: normal;
}
.cefco .text-decoration-style {
  text-decoration-line: underline;
}
.cefco .form-fields .md_w-40,
.cefco .form-fields .md_w-30,
.cefco .form-fields .md_w-20 {
  width: 100%;
}
@media (min-width: 768px) {
  .cefco .form-fields .md_w-40 {
    width: 38.1%;
  }
  .cefco .form-fields .md_w-30 {
    width: 31.1%;
  }
  .cefco .form-fields .md_w-20 {
    width: 25.2%;
  }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .cefco .main .page-content-wrapper .bodySection .step form .form-fields .text-input input {
    padding: 19px 18px 12px;
  }
}
.cefco .showImageForComdata {
  display: none!important;
}
.cefco .showImageForFuelman {
  display: block !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .cefco .main .bodySectionWrapper .bodySection {
    padding: 0 0 2% 5%;
  }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .cefco .header-wrapper .header-content {
    justify-content: none;
    gap: 10%;
    padding: 8px 8px 0 25px;
  }
}
.cefco .form-header-content {
  padding-bottom: 22px;
}
@media (max-width: 768px) {
  .cefco .form-header-content {
    padding-bottom: 0;
  }
}
.cefco .step {
  padding: 0 6% 30% 0;
}
@media only screen and (max-width: 767px) {
  .cefco .step {
    padding: 0;
  }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .cefco .step .form-layout {
    padding: 15px 33px 36px 33px;
    border-radius: 0;
    box-shadow: none;
  }
}
@media (min-width: 601px) and (max-width: 1024px) {
  .cefco .align-center {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .cefco .verify-layout {
    min-height: 340px;
    padding: 22px 42px;
  }
}
.cefco .step-details {
  font-family: Roboto;
  margin: 6px 0 6px 14px;
}
.cefco button,
.cefco .btn {
  text-transform: uppercase;
  font-style: normal;
  font-family: Oswald;
  font-weight: 700;
  background: #E4002B;
  text-align: center;
  min-width: 152px;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  font-size: 16px;
  display: inline-block;
  padding: 9px 16px;
}
.cefco .mobile-backBtn {
  height: 44px !important;
}
.cefco .btn-connect-outline {
  color: #E4002B;
  border: 2px solid #E4002B !important;
}
.cefco .btn.btn-complete {
  max-width: 230px;
}
@media only screen and (max-width: 767px) {
  .cefco .btn.btn-complete {
    max-width: 300px;
  }
}
.cefco button.disabled {
  background-color: #e3e3ef;
}
.cefco .btn.back-btn {
  min-width: 120px;
  background-color: transparent;
  color: #E4002B;
  border: 3px solid #E4002B;
}
.cefco .button-text {
  color: #E4002B;
  cursor: pointer;
  background-color: transparent;
}
.cefco .button-text.add {
  display: flex;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 16.41px;
}
.cefco .button-text.add p {
  margin: 0;
}
.cefco .button-text.add::before {
  display: inline-block;
  width: 34px;
  height: 28px;
  content: ' ';
  background-repeat: no-repeat;
  background-image: url("../../../content/dam/e2e-apps/media/add-icon.png");
}
.cefco .break-word {
  word-break: break-word;
}
@media (max-width: 767px) {
  .cefco h1.break-word {
    font-size: 16px;
    font-family: Roboto;
    text-transform: none;
    margin-bottom: 0;
  }
}
.cefco .offer-wrapper {
  margin-top: 20px;
  color: #000;
  font-family: Roboto;
  font-size: 16px;
}
@media (max-width: 768px) {
  .cefco .offer-wrapper {
    margin-top: 0;
  }
}
.cefco .zero-height {
  margin: 0;
  pointer-events: none;
}
.cefco .zero-height > input,
.cefco .zero-height span {
  height: 0px;
  width: 0px;
  visibility: hidden;
}
@media (max-width: 767px) {
  .cefco div[data-component="text"][data-name="Application"]:has(> h1.break-word) {
    margin-bottom: 0;
  }
}
.cefco .main .stepper-container-wrapper .active .step-heading::before {
  background-color: #E4002B;
}
.cefco .checkbox > input:checked {
  border: 2px solid #005DAB;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='20' height='20' fill='%23ffffff' stroke='%230072BC' stroke-width='2' rx='3'/%3E%3Cpath d='M6 12L10 17L18 7' stroke='%230072BC' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat center center;
  background-size: 23px;
  background-position-y: -6px;
  background-position-x: -4px;
}
.cefco .checkbox > input[type='radio'] {
  background-image: url(../../../content/dam/e2e-apps/media/black-radio.png);
  background-repeat: no-repeat;
  border: none;
  background-position-y: 0px;
  background-position-x: 0px;
}
.cefco .checkbox > input[type='radio']:checked {
  background-image: url(../../../content/dam/e2e-apps/media/red-radio.png);
  background-size: 22px;
}
.cefco .checkbox p {
  margin: 0;
}
.cefco .header-wrapper .header-content .contactUsNumber p.help {
  color: #FFFFFF;
}
.cefco .header-wrapper .header-content .contactUsNumber a {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: 400;
  font-style: normal;
}
.cefco .text-input.dollar::before {
  left: 9px;
  bottom: 15px;
}
@media (max-width: 768px) {
  .cefco .text-input.dollar::before {
    left: 9px;
    bottom: 13px;
  }
}
.cefco .hilite {
  color: #E4002B;
  font-weight: 700;
}
.cefco .main .hero-image-layout .contactInfoImage {
  background: url(../../../content/dam/e2e-apps/media/LS_contactInfoDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .cefco .main .hero-image-layout .contactInfoImage {
    background: url(../../../content/dam/e2e-apps/media/LS_contactInfoMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.cefco .main .hero-image-layout .businessInfoImage {
  background: url(../../../content/dam/e2e-apps/media/LS_businessInfoDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .cefco .main .hero-image-layout .businessInfoImage {
    background: url(../../../content/dam/e2e-apps/media/LS_businessInfoMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
@media (max-width: 768px) {
  .cefco .main .hero-image-layout .ownerInfoImage {
    background: url(../../../content/dam/e2e-apps/media/Truck_Driver_ownerInfoMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.cefco .main .hero-image-layout .ownerInfoImageSecond {
  background: url(../../../content/dam/e2e-apps/media/LS_ownerInfoSecondDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .cefco .main .hero-image-layout .ownerInfoImageSecond {
    background: url(../../../content/dam/e2e-apps/media/LS_ownerInfoSecondMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.cefco .main .hero-image-layout .treatmentImage {
  background: url(../../../content/dam/e2e-apps/media/LS_treatmentDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .cefco .main .hero-image-layout .treatmentImage {
    background: url(../../../content/dam/e2e-apps/media/LS_treatmentMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.cefco .main .hero-image-layout .disclosureImage {
  background: url(../../../content/dam/e2e-apps/media/LS_disclosureDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .cefco .main .hero-image-layout .disclosureImage {
    background: url(../../../content/dam/e2e-apps/media/LS_disclosureMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.cefco .main .hero-image-layout .cardsetupImage {
  background: url(../../../content/dam/e2e-apps/media/LS_cardsetupDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .cefco .main .hero-image-layout .cardsetupImage {
    background: url(../../../content/dam/e2e-apps/media/LS_cardsetupMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.cefco .main .hero-image-layout .verifyIdentityImage {
  background: url(../../../content/dam/e2e-apps/media/verifyIdentityImage.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .cefco .main .hero-image-layout .verifyIdentityImage {
    background: url(../../../content/dam/e2e-apps/media/Truck_Driver_verifyMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.cefco .main .hero-image-layout .paymentImage {
  background: url(../../../content/dam/e2e-apps/media/LS_paymentOfferDesktop.png) #d3d3d3 50% / cover no-repeat;
}
.cefco .main .hero-image-layout .paymentOfferImage {
  background: url(../../../content/dam/e2e-apps/media/LS_paymentOfferDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .cefco .main .hero-image-layout .paymentOfferImage {
    background: url(../../../content/dam/e2e-apps/media/LS_paymentOfferMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.cefco .onfido-wrapper {
  display: flex;
  line-height: normal;
}
@media only screen and (max-width: 767px) {
  .cefco .onfido-wrapper {
    flex-direction: column-reverse;
  }
}
.cefco .onfido-image {
  width: 100%;
  background-image: url(../../../content/dam/e2e-apps/media/onfido-img.png);
  background-repeat: no-repeat;
  margin: 1rem 0 0 1rem;
}
@media only screen and (max-width: 767px) {
  .cefco .onfido-image {
    width: 100%;
    width: 329px;
    height: 136px;
    flex-shrink: 0;
    background-image: url(../../../content/dam/e2e-apps/media/onfido-mobile.png);
    margin: 0 0 2rem 0;
  }
}
.cefco .vi-wrapper {
  max-width: 725px;
  width: 100%;
}
@media (max-width: 768px) {
  .cefco .vi-wrapper {
    max-height: 300px;
  }
}
.cefco .alert-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
  align-self: stretch;
  border-radius: 8px;
  background: rgba(255, 212, 212, 0.6);
}
.cefco .alert-img {
  background-repeat: no-repeat;
  left: 7px;
  top: 7px;
  width: 64px;
  height: 64px;
}
.cefco .thankyouText {
  justify-content: center;
}
.cefco .allDoneIcon {
  display: flex;
  justify-content: center;
}
.cefco .step .form-header-content .form-header-horizontal-template {
  padding-top: 0;
}
.cefco progress {
  accent-color: #E4002B;
}
.cefco .promo-show {
  display: hide;
}
.cefco .promo-hide {
  display: show;
}
.cefco .footerWrapper {
  padding: 0 2%;
}
@media (max-width: 767px) {
  .cefco .setup-row > div:last-child {
    position: absolute;
    top: -25px;
    right: 0;
  }
  .cefco .field-space {
    padding-top: 1rem;
    width: 100% !important;
  }
  .cefco .driver-prompts,
  .cefco .purchase-type,
  .cefco .vehicle-type {
    padding-top: 1rem;
  }
  .cefco .connect-toggle-container {
    align-items: flex-start;
  }
  .cefco .connect-btn-container {
    gap: 0.5rem;
  }
  .cefco .connect-btn-container div {
    width: 100%;
  }
  .cefco .connect-btn-container .btn {
    min-width: auto;
  }
  .cefco .page {
    padding-top: 18px;
  }
  .cefco .main .bodySectionWrapper {
    padding-top: 0;
  }
  .cefco .cardsetup {
    background-color: #F5F5F5;
  }
  .cefco .switch-text {
    padding-right: 1.5rem;
  }
  .cefco .switch-text br {
    display: none;
  }
  .cefco .tooltip-icon.card-info {
    position: absolute;
    top: 4px;
    right: 0;
    left: unset;
  }
  .cefco .text-input.dollar::before {
    top: 20px;
  }
}
@media screen and (width: 768px) {
  .cefco .toggle-container {
    flex-direction: row;
  }
}

.corpay {
  /**Fonts start**/
  /**Fonts end**/
  /*** Colors start ***/
  /*** Form ***/
  --form-wrapper-background: #F5F5F5;
  --paymentoption-form-background: #ffffff;
  --background-color: #ED1B2E;
  --white-color: #FFF;
  /*** Button ***/
  /*** Input Fields ***/
  /*** Text, Fonts and icons ***/
  --regular-black: 0, 0, 0, 0.87;
  --regular-white: 255, 255, 255, 0.87;
  --hilite-important-heading: #383D68;
  --hilite-important-subheading: #6C7599;
  --paymentoption-icons-border-color: #265f79;
  /**error message ***/
  --paymentstep-message-background: 242, 105, 100, 0.50;
  /*** Colors end ***/
}
.corpay h1 {
  color: #000;
  font-family: Oswald;
}
.corpay h2 {
  font-size: 20px;
}
.corpay h2.larger {
  font-size: 24px;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .corpay h2.larger {
    font-size: 20px;
    margin-bottom: 0;
  }
}
.corpay h2.payment {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
  line-height: 37.5px;
}
@media (max-width: 768px) {
  .corpay h2.payment {
    font-size: 20px;
    line-height: 23.44px;
  }
}
.corpay a,
.corpay .link {
  color: #005DAB;
  font-style: italic;
  font-weight: 400;
  text-decoration-line: none;
}
.corpay a.redHyperlink {
  color: #ED1B2E;
  font-style: normal;
}
.corpay a.HyperlinkBlue {
  color: #005DAB;
  font-style: normal;
}
.corpay .text-decoration-style {
  text-decoration-line: underline;
}
.corpay p.paymentHeading {
  color: #ED1B2E;
}
.corpay .paymentForm {
  border-radius: 20px;
}
.corpay .form-fields .md_w-40,
.corpay .form-fields .md_w-30,
.corpay .form-fields .md_w-20 {
  width: 100%;
}
@media (min-width: 768px) {
  .corpay .form-fields .md_w-40 {
    width: 38.1%;
  }
  .corpay .form-fields .md_w-30 {
    width: 31.1%;
  }
  .corpay .form-fields .md_w-20 {
    width: 25.2%;
  }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .corpay .main .page-content-wrapper .bodySection .step form .form-fields .text-input input {
    padding: 19px 18px 12px;
  }
}
.corpay .header-wrapper {
  background-color: #FFFFFF;
  width: 100%;
  padding: 15px 70px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .corpay .header-wrapper {
    padding: 9px 10px;
  }
}
@media (max-width: 480px) {
  .corpay .header-wrapper {
    padding: 9px 0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .corpay .main .bodySectionWrapper .bodySection {
    padding: 0 0 2% 5%;
  }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .corpay .header-wrapper .header-content {
    justify-content: none;
    gap: 10%;
    padding: 8px 8px 0 25px;
  }
}
.corpay .form-header-content {
  padding-bottom: 22px;
}
@media (max-width: 768px) {
  .corpay .form-header-content {
    padding-bottom: 0;
  }
}
.corpay .step {
  padding: 0 6% 30% 0;
}
@media only screen and (max-width: 767px) {
  .corpay .step {
    padding: 0;
  }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .corpay .step .form-layout {
    padding: 15px 33px 36px 33px;
    border-radius: 0;
    box-shadow: none;
  }
}
@media (min-width: 601px) and (max-width: 1024px) {
  .corpay .align-center {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .corpay .verify-layout {
    min-height: 340px;
    padding: 22px 42px;
  }
}
.corpay .step-details {
  font-family: Roboto;
  margin: 6px 0 6px 14px;
}
.corpay button,
.corpay .btn {
  text-transform: uppercase;
  font-family: Oswald;
  background: #BE1549;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  font-size: 16px;
  display: inline-block;
  padding: 9px 16px;
  min-width: 152px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
}
.corpay .mobile-backBtn {
  height: 44px !important;
}
.corpay .btn-connect-outline {
  color: #BE1549;
  border: 2px solid #BE1549 !important;
}
.corpay .btn.btn-complete {
  max-width: 230px;
}
@media only screen and (max-width: 767px) {
  .corpay .btn.btn-complete {
    max-width: 300px;
  }
}
.corpay button.disabled {
  background-color: #e3e3ef;
}
.corpay .btn.back-btn {
  min-width: 120px;
  background-color: transparent;
  color: #ED1B2E;
  border: 3px solid #ED1B2E;
}
.corpay .button-text {
  color: #ED1B2E;
  cursor: pointer;
  background-color: transparent;
}
.corpay .button-text.add {
  display: flex;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 16.41px;
}
.corpay .button-text.add p {
  margin: 0;
}
.corpay .button-text.add::before {
  display: inline-block;
  width: 34px;
  height: 28px;
  content: ' ';
  background-repeat: no-repeat;
  background-image: url("../../../content/dam/e2e-apps/media/add-icon.png");
}
.corpay .main .stepper-container-wrapper .stepper-container .step-heading .step-heading-content {
  font-family: Oswald;
  font-size: 16px;
}
.corpay .main .stepper-container-wrapper .stepper-container .active .step-heading .step-heading-content {
  font-family: Oswald;
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .corpay .main .stepper-container-wrapper .stepper-container .active .step-heading .step-heading-content {
    font-family: Oswald;
  }
}
.corpay .break-word {
  word-break: break-word;
}
@media (max-width: 767px) {
  .corpay h1.break-word {
    font-size: 16px;
    font-family: Roboto;
    text-transform: none;
    margin-bottom: 0;
  }
}
.corpay .offer-wrapper {
  margin-top: 20px;
  color: #000;
  font-family: Roboto;
  font-size: 16px;
}
@media (max-width: 768px) {
  .corpay .offer-wrapper {
    margin-top: 0;
  }
}
.corpay .zero-height {
  margin: 0;
  pointer-events: none;
}
.corpay .zero-height > input,
.corpay .zero-height span {
  height: 0px;
  width: 0px;
  visibility: hidden;
}
@media (max-width: 767px) {
  .corpay div[data-component="text"][data-name="Application"]:has(> h1.break-word) {
    margin-bottom: 0;
  }
}
.corpay .main .stepper-container-wrapper .active .step-heading::before {
  background-color: #BE1549;
}
.corpay .checkbox > input:checked {
  border: 2px solid #005DAB;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='20' height='20' fill='%23ffffff' stroke='%230072BC' stroke-width='2' rx='3'/%3E%3Cpath d='M6 12L10 17L18 7' stroke='%230072BC' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat center center;
  background-size: 23px;
  background-position-y: -6px;
  background-position-x: -4px;
}
.corpay .checkbox > input[type='radio'] {
  background-image: url(../../../content/dam/e2e-apps/media/black-radio.png);
  background-repeat: no-repeat;
  border: none;
  background-position-y: 0px;
  background-position-x: 0px;
}
.corpay .checkbox > input[type='radio']:checked {
  background-image: url(../../../content/dam/e2e-apps/media/red-radio.png);
  background-size: 22px;
}
.corpay .checkbox p {
  margin: 0;
}
.corpay .header-wrapper .header-content .contactUsNumber p.help {
  color: #3D1628;
}
.corpay .header-wrapper .header-content .contactUsNumber a {
  color: #3D1628;
  text-decoration: none;
  font-weight: 400;
  font-style: normal;
}
.corpay .text-input.dollar::before {
  left: 9px;
  bottom: 15px;
}
@media (max-width: 768px) {
  .corpay .text-input.dollar::before {
    left: 9px;
    bottom: 13px;
  }
}
.corpay .hilite {
  color: #ED1B2E;
  font-weight: 700;
}
.corpay .showImageForComdata {
  display: none !important;
}
.corpay .showImageForFuelman {
  display: block !important;
}
.corpay .main .hero-image-layout .contactInfoImage {
  background: url(../../../content/dam/e2e-apps/media/LS_contactInfoDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .corpay .main .hero-image-layout .contactInfoImage {
    background: url(../../../content/dam/e2e-apps/media/LS_contactInfoMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.corpay .main .hero-image-layout .businessInfoImage {
  background: url(../../../content/dam/e2e-apps/media/LS_businessInfoDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .corpay .main .hero-image-layout .businessInfoImage {
    background: url(../../../content/dam/e2e-apps/media/LS_businessInfoMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
@media (max-width: 768px) {
  .corpay .main .hero-image-layout .ownerInfoImage {
    background: url(../../../content/dam/e2e-apps/media/Truck_Driver_ownerInfoMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.corpay .main .hero-image-layout .ownerInfoImageSecond {
  background: url(../../../content/dam/e2e-apps/media/LS_ownerInfoSecondDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .corpay .main .hero-image-layout .ownerInfoImageSecond {
    background: url(../../../content/dam/e2e-apps/media/LS_ownerInfoSecondMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.corpay .main .hero-image-layout .treatmentImage {
  background: url(../../../content/dam/e2e-apps/media/LS_treatmentDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .corpay .main .hero-image-layout .treatmentImage {
    background: url(../../../content/dam/e2e-apps/media/LS_treatmentMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.corpay .main .hero-image-layout .disclosureImage {
  background: url(../../../content/dam/e2e-apps/media/LS_disclosureDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .corpay .main .hero-image-layout .disclosureImage {
    background: url(../../../content/dam/e2e-apps/media/LS_disclosureMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.corpay .main .hero-image-layout .cardsetupImage {
  background: url(../../../content/dam/e2e-apps/media/LS_cardsetupDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .corpay .main .hero-image-layout .cardsetupImage {
    background: url(../../../content/dam/e2e-apps/media/LS_cardsetupMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.corpay .main .hero-image-layout .verifyIdentityImage {
  background: url(../../../content/dam/e2e-apps/media/verifyIdentityImage.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .corpay .main .hero-image-layout .verifyIdentityImage {
    background: url(../../../content/dam/e2e-apps/media/Truck_Driver_verifyMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.corpay .main .hero-image-layout .paymentImage {
  background: url(../../../content/dam/e2e-apps/media/LS_paymentOfferDesktop.png) #d3d3d3 50% / cover no-repeat;
}
.corpay .main .hero-image-layout .paymentOfferImage {
  background: url(../../../content/dam/e2e-apps/media/LS_paymentOfferDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .corpay .main .hero-image-layout .paymentOfferImage {
    background: url(../../../content/dam/e2e-apps/media/LS_paymentOfferMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.corpay .onfido-wrapper {
  display: flex;
  line-height: normal;
}
@media only screen and (max-width: 767px) {
  .corpay .onfido-wrapper {
    flex-direction: column-reverse;
  }
}
.corpay .onfido-image {
  width: 100%;
  background-image: url(../../../content/dam/e2e-apps/media/onfido-img.png);
  background-repeat: no-repeat;
  margin: 1rem 0 0 1rem;
}
@media only screen and (max-width: 767px) {
  .corpay .onfido-image {
    width: 100%;
    width: 329px;
    height: 136px;
    flex-shrink: 0;
    background-image: url(../../../content/dam/e2e-apps/media/onfido-mobile.png);
    margin: 0 0 2rem 0;
  }
}
.corpay .vi-wrapper {
  max-width: 725px;
  width: 100%;
}
@media (max-width: 768px) {
  .corpay .vi-wrapper {
    max-height: 300px;
  }
}
.corpay .alert-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
  align-self: stretch;
  border-radius: 8px;
  background: rgba(255, 212, 212, 0.6);
}
.corpay .alert-img {
  background-repeat: no-repeat;
  left: 7px;
  top: 7px;
  width: 64px;
  height: 64px;
}
.corpay .thankyouText {
  justify-content: center;
}
.corpay .allDoneIcon {
  display: flex;
  justify-content: center;
}
.corpay .step .form-header-content .form-header-horizontal-template {
  padding-top: 0;
}
.corpay progress {
  accent-color: #ED1B2E;
}
.corpay .promo-show {
  display: hide;
}
.corpay .promo-hide {
  display: show;
}
.corpay .footerWrapper {
  padding: 0 2%;
}
@media (max-width: 767px) {
  .corpay .setup-row > div:last-child {
    position: absolute;
    top: -25px;
    right: 0;
  }
  .corpay .field-space {
    padding-top: 1rem;
    width: 100% !important;
  }
  .corpay .driver-prompts,
  .corpay .purchase-type,
  .corpay .vehicle-type {
    padding-top: 1rem;
  }
  .corpay .connect-toggle-container {
    align-items: flex-start;
  }
  .corpay .connect-btn-container {
    gap: 0.5rem;
  }
  .corpay .connect-btn-container div {
    width: 100%;
  }
  .corpay .connect-btn-container .btn {
    min-width: auto;
  }
  .corpay .page {
    padding-top: 18px;
  }
  .corpay .main .bodySectionWrapper {
    padding-top: 0;
  }
  .corpay .cardsetup {
    background-color: #F5F5F5;
  }
  .corpay .switch-text {
    padding-right: 1.5rem;
  }
  .corpay .switch-text br {
    display: none;
  }
  .corpay .tooltip-icon.card-info {
    position: absolute;
    top: 4px;
    right: 0;
    left: unset;
  }
  .corpay .text-input.dollar::before {
    top: 20px;
  }
}
@media screen and (width: 768px) {
  .corpay .toggle-container {
    flex-direction: row;
  }
}

.kwiktrip {
  /**Fonts start**/
  /**Fonts end**/
  /*** Colors start ***/
  /*** Form ***/
  --form-wrapper-background: #F5F5F5;
  --paymentoption-form-background: #ffffff;
  --background-color: #D02030;
  --white-color: #FFF;
  /*** Button ***/
  /*** Input Fields ***/
  /*** Text, Fonts and icons ***/
  --regular-black: 0, 0, 0, 0.87;
  --regular-white: 255, 255, 255, 0.87;
  --hilite-important-heading: #383D68;
  --hilite-important-subheading: #6C7599;
  --paymentoption-icons-border-color: #265f79;
  /**error message ***/
  --paymentstep-message-background: 242, 105, 100, 0.50;
  /*** Colors end ***/
}
.kwiktrip h1 {
  color: #000;
  font-family: Oswald;
}
.kwiktrip h2 {
  font-size: 20px;
}
.kwiktrip h2.larger {
  font-size: 24px;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .kwiktrip h2.larger {
    font-size: 20px;
    margin-bottom: 0;
  }
}
.kwiktrip h2.payment {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
  line-height: 37.5px;
}
@media (max-width: 768px) {
  .kwiktrip h2.payment {
    font-size: 20px;
    line-height: 23.44px;
  }
}
.kwiktrip a,
.kwiktrip .link {
  color: #005DAB;
  font-style: italic;
  font-weight: 400;
  text-decoration-line: none;
}
.kwiktrip a.redHyperlink {
  color: #D02030;
  font-style: normal;
}
.kwiktrip a.HyperlinkBlue {
  color: #005DAB;
  font-style: normal;
}
.kwiktrip .text-decoration-style {
  text-decoration-line: underline;
}
.kwiktrip p.paymentHeading {
  color: #D02030;
}
.kwiktrip .paymentForm {
  border-radius: 20px;
}
.kwiktrip .form-fields .md_w-40,
.kwiktrip .form-fields .md_w-30,
.kwiktrip .form-fields .md_w-20 {
  width: 100%;
}
@media (min-width: 768px) {
  .kwiktrip .form-fields .md_w-40 {
    width: 38.1%;
  }
  .kwiktrip .form-fields .md_w-30 {
    width: 31.1%;
  }
  .kwiktrip .form-fields .md_w-20 {
    width: 25.2%;
  }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .kwiktrip .main .page-content-wrapper .bodySection .step form .form-fields .text-input input {
    padding: 19px 18px 12px;
  }
}
.kwiktrip .header-wrapper {
  background-color: #000;
  width: 100%;
  padding: 15px 70px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .kwiktrip .header-wrapper {
    padding: 9px 10px;
  }
}
@media (max-width: 480px) {
  .kwiktrip .header-wrapper {
    padding: 9px 0;
  }
}
.kwiktrip .header-logo-image img {
  height: 30px;
  width: 190px;
}
@media (max-width: 768px) {
  .kwiktrip .header-logo-image img {
    height: 30px;
    width: 13px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .kwiktrip .main .bodySectionWrapper .bodySection {
    padding: 0 0 2% 5%;
  }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .kwiktrip .header-wrapper .header-content {
    justify-content: none;
    gap: 10%;
    padding: 8px 8px 0 25px;
  }
}
.kwiktrip .form-header-content {
  padding-bottom: 22px;
}
@media (max-width: 768px) {
  .kwiktrip .form-header-content {
    padding-bottom: 0;
  }
}
.kwiktrip .step {
  padding: 0 6% 30% 0;
}
@media only screen and (max-width: 767px) {
  .kwiktrip .step {
    padding: 0;
  }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .kwiktrip .step .form-layout {
    padding: 15px 33px 36px 33px;
    border-radius: 0;
    box-shadow: none;
  }
}
@media (min-width: 601px) and (max-width: 1024px) {
  .kwiktrip .align-center {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .kwiktrip .verify-layout {
    min-height: 340px;
    padding: 22px 42px;
  }
}
.kwiktrip .step-details {
  font-family: Roboto;
  margin: 6px 0 6px 14px;
}
.kwiktrip button,
.kwiktrip .btn {
  text-transform: uppercase;
  font-family: Oswald;
  background: #D02030;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  font-size: 16px;
  display: inline-block;
  padding: 9px 16px;
  min-width: 152px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
}
.kwiktrip .btn-connect-outline {
  color: #D02030;
  border: 2px solid #D02030 !important;
}
.kwiktrip .mobile-backBtn {
  height: 44px !important;
}
.kwiktrip .btn.btn-complete {
  max-width: 230px;
}
@media only screen and (max-width: 767px) {
  .kwiktrip .btn.btn-complete {
    max-width: 300px;
  }
}
.kwiktrip button.disabled {
  background-color: #e3e3ef;
}
.kwiktrip .btn.back-btn {
  min-width: 120px;
  background-color: transparent;
  color: #D02030;
  border: 3px solid #D02030;
}
.kwiktrip .button-text {
  color: #D02030;
  cursor: pointer;
  background-color: transparent;
}
.kwiktrip .button-text.add {
  display: flex;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 16.41px;
}
.kwiktrip .button-text.add p {
  margin: 0;
}
.kwiktrip .button-text.add::before {
  display: inline-block;
  width: 34px;
  height: 28px;
  content: ' ';
  background-repeat: no-repeat;
  background-image: url("../../../content/dam/e2e-apps/media/add-icon.png");
}
.kwiktrip .main .stepper-container-wrapper .stepper-container .step-heading .step-heading-content {
  font-family: Oswald;
  font-size: 16px;
}
.kwiktrip .main .stepper-container-wrapper .stepper-container .active .step-heading .step-heading-content {
  font-family: Oswald;
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .kwiktrip .main .stepper-container-wrapper .stepper-container .active .step-heading .step-heading-content {
    font-family: Oswald;
  }
}
.kwiktrip .break-word {
  word-break: break-word;
}
@media (max-width: 767px) {
  .kwiktrip h1.break-word {
    font-size: 16px;
    font-family: Roboto;
    text-transform: none;
    margin-bottom: 0;
  }
}
.kwiktrip .offer-wrapper {
  margin-top: 20px;
  color: #000;
  font-family: Roboto;
  font-size: 16px;
}
@media (max-width: 768px) {
  .kwiktrip .offer-wrapper {
    margin-top: 0;
  }
}
.kwiktrip .zero-height {
  margin: 0;
  pointer-events: none;
}
.kwiktrip .zero-height > input,
.kwiktrip .zero-height span {
  height: 0px;
  width: 0px;
  visibility: hidden;
}
@media (max-width: 767px) {
  .kwiktrip div[data-component="text"][data-name="Application"]:has(> h1.break-word) {
    margin-bottom: 0;
  }
}
.kwiktrip .main .stepper-container-wrapper .active .step-heading::before {
  background-color: #D02030;
}
.kwiktrip .checkbox > input:checked {
  border: 2px solid #005DAB;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='20' height='20' fill='%23ffffff' stroke='%230072BC' stroke-width='2' rx='3'/%3E%3Cpath d='M6 12L10 17L18 7' stroke='%230072BC' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat center center;
  background-size: 23px;
  background-position-y: -6px;
  background-position-x: -4px;
}
.kwiktrip .checkbox > input[type='radio'] {
  background-image: url(../../../content/dam/e2e-apps/media/black-radio.png);
  background-repeat: no-repeat;
  border: none;
  background-position-y: 0px;
  background-position-x: 0px;
}
.kwiktrip .checkbox > input[type='radio']:checked {
  background-image: url(../../../content/dam/e2e-apps/media/red-radio.png);
  background-size: 22px;
}
.kwiktrip .checkbox p {
  margin: 0;
}
.kwiktrip .header-wrapper .header-content .contactUsNumber p.help {
  color: #FFFFFF;
}
.kwiktrip .header-wrapper .header-content .contactUsNumber a {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: 400;
  font-style: normal;
}
.kwiktrip .text-input.dollar::before {
  left: 9px;
  bottom: 15px;
}
@media (max-width: 768px) {
  .kwiktrip .text-input.dollar::before {
    left: 9px;
    bottom: 13px;
  }
}
.kwiktrip .hilite {
  color: #D02030;
  font-weight: 700;
}
.kwiktrip .showImageForComdata {
  display: none !important;
}
.kwiktrip .showImageForFuelman {
  display: block !important;
}
.kwiktrip .main .hero-image-layout .contactInfoImage {
  background: url(../../../content/dam/e2e-apps/media/LS_contactInfoDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .kwiktrip .main .hero-image-layout .contactInfoImage {
    background: url(../../../content/dam/e2e-apps/media/LS_contactInfoMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.kwiktrip .main .hero-image-layout .businessInfoImage {
  background: url(../../../content/dam/e2e-apps/media/LS_businessInfoDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .kwiktrip .main .hero-image-layout .businessInfoImage {
    background: url(../../../content/dam/e2e-apps/media/LS_businessInfoMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
@media (max-width: 768px) {
  .kwiktrip .main .hero-image-layout .ownerInfoImage {
    background: url(../../../content/dam/e2e-apps/media/Truck_Driver_ownerInfoMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.kwiktrip .main .hero-image-layout .ownerInfoImageSecond {
  background: url(../../../content/dam/e2e-apps/media/LS_ownerInfoSecondDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .kwiktrip .main .hero-image-layout .ownerInfoImageSecond {
    background: url(../../../content/dam/e2e-apps/media/LS_ownerInfoSecondMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.kwiktrip .main .hero-image-layout .treatmentImage {
  background: url(../../../content/dam/e2e-apps/media/LS_treatmentDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .kwiktrip .main .hero-image-layout .treatmentImage {
    background: url(../../../content/dam/e2e-apps/media/LS_treatmentMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.kwiktrip .main .hero-image-layout .disclosureImage {
  background: url(../../../content/dam/e2e-apps/media/LS_disclosureDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .kwiktrip .main .hero-image-layout .disclosureImage {
    background: url(../../../content/dam/e2e-apps/media/LS_disclosureMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.kwiktrip .main .hero-image-layout .cardsetupImage {
  background: url(../../../content/dam/e2e-apps/media/LS_cardsetupDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .kwiktrip .main .hero-image-layout .cardsetupImage {
    background: url(../../../content/dam/e2e-apps/media/LS_cardsetupMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.kwiktrip .main .hero-image-layout .verifyIdentityImage {
  background: url(../../../content/dam/e2e-apps/media/verifyIdentityImage.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .kwiktrip .main .hero-image-layout .verifyIdentityImage {
    background: url(../../../content/dam/e2e-apps/media/Truck_Driver_verifyMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.kwiktrip .main .hero-image-layout .paymentImage {
  background: url(../../../content/dam/e2e-apps/media/LS_paymentOfferDesktop.png) #d3d3d3 50% / cover no-repeat;
}
.kwiktrip .main .hero-image-layout .paymentOfferImage {
  background: url(../../../content/dam/e2e-apps/media/LS_paymentOfferDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .kwiktrip .main .hero-image-layout .paymentOfferImage {
    background: url(../../../content/dam/e2e-apps/media/LS_paymentOfferMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.kwiktrip .onfido-wrapper {
  display: flex;
  line-height: normal;
}
@media only screen and (max-width: 767px) {
  .kwiktrip .onfido-wrapper {
    flex-direction: column-reverse;
  }
}
.kwiktrip .onfido-image {
  width: 100%;
  background-image: url(../../../content/dam/e2e-apps/media/onfido-img.png);
  background-repeat: no-repeat;
  margin: 1rem 0 0 1rem;
}
@media only screen and (max-width: 767px) {
  .kwiktrip .onfido-image {
    width: 100%;
    width: 329px;
    height: 136px;
    flex-shrink: 0;
    background-image: url(../../../content/dam/e2e-apps/media/onfido-mobile.png);
    margin: 0 0 2rem 0;
  }
}
.kwiktrip .vi-wrapper {
  max-width: 725px;
  width: 100%;
}
@media (max-width: 768px) {
  .kwiktrip .vi-wrapper {
    max-height: 300px;
  }
}
.kwiktrip .alert-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
  align-self: stretch;
  border-radius: 8px;
  background: rgba(255, 212, 212, 0.6);
}
.kwiktrip .alert-img {
  background-repeat: no-repeat;
  left: 7px;
  top: 7px;
  width: 64px;
  height: 64px;
}
.kwiktrip .thankyouText {
  justify-content: center;
}
.kwiktrip .allDoneIcon {
  display: flex;
  justify-content: center;
}
.kwiktrip .step .form-header-content .form-header-horizontal-template {
  padding-top: 0;
}
.kwiktrip progress {
  accent-color: #D02030;
}
.kwiktrip .promo-show {
  display: hide;
}
.kwiktrip .promo-hide {
  display: show;
}
.kwiktrip .footerWrapper {
  padding: 0 2%;
}
@media (max-width: 767px) {
  .kwiktrip .setup-row > div:last-child {
    position: absolute;
    top: -25px;
    right: 0;
  }
  .kwiktrip .field-space {
    padding-top: 1rem;
    width: 100% !important;
  }
  .kwiktrip .driver-prompts,
  .kwiktrip .purchase-type,
  .kwiktrip .vehicle-type {
    padding-top: 1rem;
  }
  .kwiktrip .connect-toggle-container {
    align-items: flex-start;
  }
  .kwiktrip .connect-btn-container {
    gap: 0.5rem;
  }
  .kwiktrip .connect-btn-container div {
    width: 100%;
  }
  .kwiktrip .connect-btn-container .btn {
    min-width: auto;
  }
  .kwiktrip .page {
    padding-top: 18px;
  }
  .kwiktrip .main .bodySectionWrapper {
    padding-top: 0;
  }
  .kwiktrip .cardsetup {
    background-color: #F5F5F5;
  }
  .kwiktrip .switch-text {
    padding-right: 1.5rem;
  }
  .kwiktrip .switch-text br {
    display: none;
  }
  .kwiktrip .tooltip-icon.card-info {
    position: absolute;
    top: 4px;
    right: 0;
    left: unset;
  }
  .kwiktrip .text-input.dollar::before {
    top: 20px;
  }
}
@media screen and (width: 768px) {
  .kwiktrip .toggle-container {
    flex-direction: row;
  }
}

.rutters {
  /**Fonts start**/
  /**Fonts end**/
  /*** Colors start ***/
  /*** Form ***/
  --form-wrapper-background: #F5F5F5;
  --paymentoption-form-background: #ffffff;
  --background-color: #ED1B2E;
  --white-color: #FFF;
  /*** Button ***/
  /*** Input Fields ***/
  /*** Text, Fonts and icons ***/
  --regular-black: 0, 0, 0, 0.87;
  --regular-white: 255, 255, 255, 0.87;
  --hilite-important-heading: #383D68;
  --hilite-important-subheading: #6C7599;
  --paymentoption-icons-border-color: #265f79;
  /**error message ***/
  --paymentstep-message-background: 242, 105, 100, 0.50;
  /*** Colors end ***/
}
.rutters h1 {
  color: #000;
  font-family: Oswald;
}
.rutters h2 {
  font-size: 20px;
}
.rutters h2.larger {
  font-size: 24px;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .rutters h2.larger {
    font-size: 20px;
    margin-bottom: 0;
  }
}
.rutters h2.payment {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
  line-height: 37.5px;
}
@media (max-width: 768px) {
  .rutters h2.payment {
    font-size: 20px;
    line-height: 23.44px;
  }
}
.rutters a,
.rutters .link {
  color: #005DAB;
  font-style: italic;
  font-weight: 400;
  text-decoration-line: none;
}
.rutters a.redHyperlink {
  color: #ED1B2E;
  font-style: normal;
}
.rutters a.HyperlinkBlue {
  color: #005DAB;
  font-style: normal;
}
.rutters .text-decoration-style {
  text-decoration-line: underline;
}
.rutters p.paymentHeading {
  color: #ED1B2E;
}
.rutters .paymentForm {
  border-radius: 20px;
}
.rutters .form-fields .md_w-40,
.rutters .form-fields .md_w-30,
.rutters .form-fields .md_w-20 {
  width: 100%;
}
@media (min-width: 768px) {
  .rutters .form-fields .md_w-40 {
    width: 38.1%;
  }
  .rutters .form-fields .md_w-30 {
    width: 31.1%;
  }
  .rutters .form-fields .md_w-20 {
    width: 25.2%;
  }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .rutters .main .page-content-wrapper .bodySection .step form .form-fields .text-input input {
    padding: 19px 18px 12px;
  }
}
.rutters .header-wrapper {
  background-color: #000;
  width: 100%;
  padding: 15px 70px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .rutters .header-wrapper {
    padding: 9px 10px;
  }
}
@media (max-width: 480px) {
  .rutters .header-wrapper {
    padding: 9px 0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .rutters .main .bodySectionWrapper .bodySection {
    padding: 0 0 2% 5%;
  }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .rutters .header-wrapper .header-content {
    justify-content: none;
    gap: 10%;
    padding: 8px 8px 0 25px;
  }
}
.rutters .form-header-content {
  padding-bottom: 22px;
}
@media (max-width: 768px) {
  .rutters .form-header-content {
    padding-bottom: 0;
  }
}
.rutters .step {
  padding: 0 6% 30% 0;
}
@media only screen and (max-width: 767px) {
  .rutters .step {
    padding: 0;
  }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .rutters .step .form-layout {
    padding: 15px 33px 36px 33px;
    border-radius: 0;
    box-shadow: none;
  }
}
@media (min-width: 601px) and (max-width: 1024px) {
  .rutters .align-center {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .rutters .verify-layout {
    min-height: 340px;
    padding: 22px 42px;
  }
}
.rutters .step-details {
  font-family: Roboto;
  margin: 6px 0 6px 14px;
}
.rutters button,
.rutters .btn {
  text-transform: uppercase;
  font-family: Oswald;
  background: #ED1B2E;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  font-size: 16px;
  display: inline-block;
  padding: 9px 16px;
  min-width: 152px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
}
.rutters .mobile-backBtn {
  height: 44px !important;
}
.rutters .btn.btn-complete {
  max-width: 230px;
}
@media only screen and (max-width: 767px) {
  .rutters .btn.btn-complete {
    max-width: 300px;
  }
}
.rutters button.disabled {
  background-color: #e3e3ef;
}
.rutters .btn.back-btn {
  min-width: 120px;
  background-color: transparent;
  color: #ED1B2E;
  border: 3px solid #ED1B2E;
}
.rutters .button-text {
  color: #ED1B2E;
  cursor: pointer;
  background-color: transparent;
}
.rutters .button-text.add {
  display: flex;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 16.41px;
}
.rutters .button-text.add p {
  margin: 0;
}
.rutters .button-text.add::before {
  display: inline-block;
  width: 34px;
  height: 28px;
  content: ' ';
  background-repeat: no-repeat;
  background-image: url("../../../content/dam/e2e-apps/media/add-icon.png");
}
.rutters .main .stepper-container-wrapper .stepper-container .step-heading .step-heading-content {
  font-family: Oswald;
  font-size: 16px;
}
.rutters .main .stepper-container-wrapper .stepper-container .active .step-heading .step-heading-content {
  font-family: Oswald;
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .rutters .main .stepper-container-wrapper .stepper-container .active .step-heading .step-heading-content {
    font-family: Oswald;
  }
}
.rutters .break-word {
  word-break: break-word;
}
@media (max-width: 767px) {
  .rutters h1.break-word {
    font-size: 16px;
    font-family: Roboto;
    text-transform: none;
    margin-bottom: 0;
  }
}
.rutters .offer-wrapper {
  margin-top: 20px;
  color: #000;
  font-family: Roboto;
  font-size: 16px;
}
@media (max-width: 768px) {
  .rutters .offer-wrapper {
    margin-top: 0;
  }
}
.rutters .zero-height {
  margin: 0;
  pointer-events: none;
}
.rutters .zero-height > input,
.rutters .zero-height span {
  height: 0px;
  width: 0px;
  visibility: hidden;
}
@media (max-width: 767px) {
  .rutters div[data-component="text"][data-name="Application"]:has(> h1.break-word) {
    margin-bottom: 0;
  }
}
.rutters .main .stepper-container-wrapper .active .step-heading::before {
  background-color: #ED1B2E;
}
.rutters .checkbox > input:checked {
  border: 2px solid #005DAB;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='20' height='20' fill='%23ffffff' stroke='%230072BC' stroke-width='2' rx='3'/%3E%3Cpath d='M6 12L10 17L18 7' stroke='%230072BC' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat center center;
  background-size: 23px;
  background-position-y: -6px;
  background-position-x: -4px;
}
.rutters .checkbox > input[type='radio'] {
  background-image: url(../../../content/dam/e2e-apps/media/black-radio.png);
  background-repeat: no-repeat;
  border: none;
  background-position-y: 0px;
  background-position-x: 0px;
}
.rutters .checkbox > input[type='radio']:checked {
  background-image: url(../../../content/dam/e2e-apps/media/red-radio.png);
  background-size: 22px;
}
.rutters .checkbox p {
  margin: 0;
}
.rutters .header-wrapper .header-content .contactUsNumber p.help {
  color: #FFFFFF;
}
.rutters .header-wrapper .header-content .contactUsNumber a {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: 400;
  font-style: normal;
}
.rutters .text-input.dollar::before {
  left: 9px;
  bottom: 15px;
}
@media (max-width: 768px) {
  .rutters .text-input.dollar::before {
    left: 9px;
    bottom: 13px;
  }
}
.rutters .hilite {
  color: #ED1B2E;
  font-weight: 700;
}
.rutters .showImageForComdata {
  display: none !important;
}
.rutters .showImageForFuelman {
  display: block !important;
}
.rutters .header-logo-image img {
  height: 30px;
  width: 115px;
}
@media (max-width: 768px) {
  .rutters .header-logo-image img {
    height: 28px;
    width: 92px;
  }
}
.rutters .main .hero-image-layout .contactInfoImage {
  background: url(../../../content/dam/e2e-apps/media/LS_contactInfoDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .rutters .main .hero-image-layout .contactInfoImage {
    background: url(../../../content/dam/e2e-apps/media/LS_contactInfoMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.rutters .main .hero-image-layout .businessInfoImage {
  background: url(../../../content/dam/e2e-apps/media/LS_businessInfoDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .rutters .main .hero-image-layout .businessInfoImage {
    background: url(../../../content/dam/e2e-apps/media/LS_businessInfoMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
@media (max-width: 768px) {
  .rutters .main .hero-image-layout .ownerInfoImage {
    background: url(../../../content/dam/e2e-apps/media/Truck_Driver_ownerInfoMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.rutters .main .hero-image-layout .ownerInfoImageSecond {
  background: url(../../../content/dam/e2e-apps/media/LS_ownerInfoSecondDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .rutters .main .hero-image-layout .ownerInfoImageSecond {
    background: url(../../../content/dam/e2e-apps/media/LS_ownerInfoSecondMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.rutters .main .hero-image-layout .treatmentImage {
  background: url(../../../content/dam/e2e-apps/media/LS_treatmentDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .rutters .main .hero-image-layout .treatmentImage {
    background: url(../../../content/dam/e2e-apps/media/LS_treatmentMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.rutters .main .hero-image-layout .disclosureImage {
  background: url(../../../content/dam/e2e-apps/media/LS_disclosureDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .rutters .main .hero-image-layout .disclosureImage {
    background: url(../../../content/dam/e2e-apps/media/LS_disclosureMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.rutters .main .hero-image-layout .cardsetupImage {
  background: url(../../../content/dam/e2e-apps/media/LS_cardsetupDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .rutters .main .hero-image-layout .cardsetupImage {
    background: url(../../../content/dam/e2e-apps/media/LS_cardsetupMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.rutters .main .hero-image-layout .verifyIdentityImage {
  background: url(../../../content/dam/e2e-apps/media/verifyIdentityImage.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .rutters .main .hero-image-layout .verifyIdentityImage {
    background: url(../../../content/dam/e2e-apps/media/Truck_Driver_verifyMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.rutters .main .hero-image-layout .paymentImage {
  background: url(../../../content/dam/e2e-apps/media/LS_paymentOfferDesktop.png) #d3d3d3 50% / cover no-repeat;
}
.rutters .main .hero-image-layout .paymentOfferImage {
  background: url(../../../content/dam/e2e-apps/media/LS_paymentOfferDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .rutters .main .hero-image-layout .paymentOfferImage {
    background: url(../../../content/dam/e2e-apps/media/LS_paymentOfferMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.rutters .onfido-wrapper {
  display: flex;
  line-height: normal;
}
@media only screen and (max-width: 767px) {
  .rutters .onfido-wrapper {
    flex-direction: column-reverse;
  }
}
.rutters .onfido-image {
  width: 100%;
  background-image: url(../../../content/dam/e2e-apps/media/onfido-img.png);
  background-repeat: no-repeat;
  margin: 1rem 0 0 1rem;
}
@media only screen and (max-width: 767px) {
  .rutters .onfido-image {
    width: 100%;
    width: 329px;
    height: 136px;
    flex-shrink: 0;
    background-image: url(../../../content/dam/e2e-apps/media/onfido-mobile.png);
    margin: 0 0 2rem 0;
  }
}
.rutters .vi-wrapper {
  max-width: 725px;
  width: 100%;
}
@media (max-width: 768px) {
  .rutters .vi-wrapper {
    max-height: 300px;
  }
}
.rutters .alert-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
  align-self: stretch;
  border-radius: 8px;
  background: rgba(255, 212, 212, 0.6);
}
.rutters .alert-img {
  background-repeat: no-repeat;
  left: 7px;
  top: 7px;
  width: 64px;
  height: 64px;
}
.rutters .thankyouText {
  justify-content: center;
}
.rutters .allDoneIcon {
  display: flex;
  justify-content: center;
}
.rutters .step .form-header-content .form-header-horizontal-template {
  padding-top: 0;
}
.rutters progress {
  accent-color: #ED1B2E;
}
.rutters .promo-show {
  display: hide;
}
.rutters .promo-hide {
  display: show;
}
.rutters .footerWrapper {
  padding: 0 2%;
}
@media (max-width: 767px) {
  .rutters .setup-row > div:last-child {
    position: absolute;
    top: -25px;
    right: 0;
  }
  .rutters .field-space {
    padding-top: 1rem;
    width: 100% !important;
  }
  .rutters .driver-prompts,
  .rutters .purchase-type,
  .rutters .vehicle-type {
    padding-top: 1rem;
  }
  .rutters .connect-toggle-container {
    align-items: flex-start;
  }
  .rutters .connect-btn-container {
    gap: 0.5rem;
  }
  .rutters .connect-btn-container div {
    width: 100%;
  }
  .rutters .connect-btn-container .btn {
    min-width: auto;
  }
  .rutters .page {
    padding-top: 18px;
  }
  .rutters .main .bodySectionWrapper {
    padding-top: 0;
  }
  .rutters .cardsetup {
    background-color: #F5F5F5;
  }
  .rutters .switch-text {
    padding-right: 1.5rem;
  }
  .rutters .switch-text br {
    display: none;
  }
  .rutters .tooltip-icon.card-info {
    position: absolute;
    top: 4px;
    right: 0;
    left: unset;
  }
  .rutters .text-input.dollar::before {
    top: 20px;
  }
}
@media screen and (width: 768px) {
  .rutters .toggle-container {
    flex-direction: row;
  }
}

/*****************************************************
LESS compilation failed due a JavaScript error!

Input: /apps/e2e-apps/clientlibs/clientlib-new-alt-site/css/main.less
Error: RuntimeError: error evaluating function `rgba`: color functions take numbers as parameters in /apps/e2e-apps/clientlibs/clientlib-new-alt-site/css/main.less on line 19, column 9:
18 h6 {
19 	color: rgba(var(--regular-black-dark));
20 	margin: 0;


(uncompiled LESS src is included below)
*****************************************************/
html {
	background-color: var(--form-wrapper-background);
	font-size: 16px;
	font-family: var(--font-family);
	color: #212121;
	scroll-behavior: smooth;

	body {
		background: #f5f5f5;
	}
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: rgba(var(--regular-black-dark));
	margin: 0;
}

h1.larger {
	font-size: 3em;
}

h1 {
	font-family: var(--heading-font-family);
	font-size: 34px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}

h2 {
	font-family: var(--font-family);
	font-size: 18px;
}

h4 {
	font-size: 17px;
}

h3.heading {
	color: var(--hilite-important-heading);
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.informationText {
	color: var(--hilite-important-subheading);
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

p {
	line-height: 1.5;
}

p.heading {
	color: rgba(var(--regular-black));
	font-family: var(--font-family);
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.528px;

}

p.subheading {
	color: rgba(var(--regular-black));
	font-family: var(--font-family);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.528px;
}

p.help {
	color: rgba(var(--regular-white));
	font-family: var(--font-family);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.528px;
}

p.smaller {
	font-size: 14px;
}

span.smaller {
	font-size: 12px;
}

span.darker {
	color: #383d68;
}

.hilite {
	color: #58bee8;
}

.listBulletStylingBlue ul li::marker {
	color: #58bee8;
}

.lh-3 {
	line-height: 1.5rem;
}

a,
.link {
	color: rgba(var(--regular-black));
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}

.link {
	cursor: pointer;
}

a.btn {
	display: inline-block;
}

.header {
	margin: 0 auto;
	background-color: #00283a;
	opacity: .8;
	color: #FFF;
	padding: 0 36px;

	a {
		color: #FFF !important
	}
}

.formComponent {
	color: rgba(var(--regular-black-light));
	font-family: var(--font-family);
	font-size: var(--font-size-16);
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0.15px;
	background-color: var(--form-wrapper-background);

	.addOwner {
		gap: 4%;
		justify-content: flex-end;
	}
}

.ownerinfoFTC {
	color: rgba(var(--regular-black));
	font-family: var(--font-family);
	font-size: var(--font-size-16);
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.528px;
}

#help-phone {
	font-weight: 500;
}

.header-logo {
	display: inline-block;
	height: 20px;
	margin-top: 4px;

	img {
		max-width: 100%;
		max-height: 100%;
	}
}

.header-logo-image img {
	height: 24px;
	width: 112px;
}

@media (max-width: 768px) {
	.header-logo-image img {
		height: 20px;
		width: 92px;
	}
}


.container {
	margin: 0 1.5rem;

	@media (min-width: 480px) {
		margin: 0 5vw
	}
}

.top-section {
	padding: 2.5rem 0;


}

.features {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 16px;

	>div {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}

.page {
	max-width: 900px;
	min-height: 600px;
	margin: 0 auto;
	position: relative;

	&.smallContent {
		min-height: auto;
	}

}

.shadow-lg {
	box-shadow: 0 0 30px rgba(10, 21, 47, .08) !important;
}

body.transparent {
	opacity: 0;
}

.cross-sell,
.up-sell {
	font-family: var(--font-family);
	font-style: var(--font-style-normal);
	line-height: normal;
	font-size: var(--font-size-16);
	color: rgba(var(--black-color-dark));

	.cross-sell-header,
	.up-sell-header {
		font-weight: var(--font-weight-bold);
	}

	.page {
		gap: 20px;
		border-radius: 20px;
		padding: 20px;
		border: 1px solid rgba(var(--black-color-dark));

		.cross-sell-card-header,
		.up-sell-card-header {
			font-weight: var(--font-weight-bold);
		}

		.cross-sell-card-subheader,
		.up-sell-card-subheader {
			font-weight: var(--font-weight-regular);
		}

		&.cso-selected {
			box-shadow: none;
			background-color: rgba(var(--blue-color-shade-2));
			border: 1px solid rgba(var(--blue-color-shade-1));
		}

	}
}

.footerWrapper {
	position: absolute;
	bottom: -100px;
	right: 0;
	width: 67%;
	z-index: 1;
	font-family: var(--font-family);
	font-style: var(--font-style-normal);
	line-height: normal;
	font-weight: var(--font-weight-regular);
	font-size: var(--font-size-12);
	color: rgba(var(--regular-black));
}


@media (max-width: 759px) {
	.mobile-reverse {
		flex-direction: column-reverse;
		align-items: center;
	}

	.align-mobile-image {
		display: flex;
		justify-content: center;
	}
}

@media only screen and (min-width: 300px) and (max-width: 767px) {
	.footerWrapper {
		right: auto;
		padding: 0 5%;
		width: 100%;
		position: relative;
		top: 6px;

	}

	.formComponent {
		.addOwner {
			justify-content: center;
		}
	}
}

@media (min-width: 768px) and (max-width: 1000px) {
	.footerWrapper {
		right: auto;
		width: 89%;
	}
}


.safe-secure {
	color: var(--hilite-important-heading);
	font-size: var(--font-size-16);
	font-weight: var(--font-weight-bold);
}

.safe-secure-image {
	background-image: url(../../../content/dam/e2e-apps/media/https-24px.png);
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-bottom: 4px;
	margin-right: 6px;
	width: 20px;
	height: 20px;
}

.safe-secure-div {
	align-items: center;
}

.dollar-icon {
	background-image: url(../../../content/dam/e2e-apps/media/dollar-cc-Icon.svg);
	background-repeat: no-repeat;
	width: 100px;
	height: 40px;
}

.step {
	overflow: hidden;
	transition: height 450ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	height: 100% !important;
	padding: 0 20% 5% 0;

	.form-header-content {
		display: flex;
		align-items: center;

		.form-header-content-container {
			width: 100%;
			display: flex;
			flex-direction: column;
		}

		.form-header {
			display: block;
		}

		.form-header-mobile-show {
			display: block;

			h1 {}

		}

		.form-header-horizontal-template {
			display: block;
			padding-top: 0px;
			// padding-top: 24px;
		}

		.alert-wrapper {
			display: flex;
		}

	}


}

@media only screen and (width: 768px) {
	.step {
		padding: 0 0% 5% 0;
	}
}

.form-layout {
	width: 100%;
	flex-shrink: 0;
	border-radius: 20px;
	background: var(--white-color);
	box-shadow: 2px 4px 10px 0px rgba(var(--black-color-light));
	padding: 42px 42px;
	margin: 0px auto 0;

	.ownerInfo-form-subheading {
		align-items: center;
	}

	.no-top-margin-mobile-view {
		p {}

	}
}

@media only screen and (min-width: 769px) and (max-width: 1279px) {
	.step {
		padding: 0 0 20% 0;
	}
}

@media only screen and (min-width: 300px) and (max-width: 767px) {
	.step {
		padding: 0 0 0 0;
	}
}


@media only screen and (min-width: 300px) and (max-width: 767px) {
	.step {
		.form-header-content {
			padding: 0 33px;

			.form-header {
				display: none;

			}

			.form-header-mobile-show {
				display: block;

				h1 {
					font-family: var(--font-family);
					font-size: 16px;
					font-style: var(--font-style-normal);
					font-weight: var(--font-weight-bold);
					line-height: normal;
				}

			}

			.form-header-horizontal-template {
				display: block;
				text-align: center;
				padding-top: 0px
			}
		}

		.form-header-content.paymentHeader {
			display: none;
		}

		.form-layout {
			padding: 0 33px 36px 33px;
			border-radius: 0;
			box-shadow: 2px 4px 4px 0px rgba(var(--black-color-light));

			.ownerInfo-form-subheading {
				align-items: center;
				justify-content: space-between;
			}

			.no-top-margin-mobile-view {
				>p {
					margin-top: 0;
				}

			}
		}

	}

}

.step-wrapper:not(.expanded) .step {
	height: 0 !important;
}

.step-wrapper {
	border-bottom: 1px solid #dbdbdb;
}

div:last-child>.step-wrapper {
	border-bottom: none;
}

.cq-Editable-dom {
	.sidebar-wrapper {
		position: absolute;
		min-height: 800px;
	}

	.step-wrapper:not(.expanded) .step {
		height: auto !important
	}
}

.grecaptcha-badge {
	visibility: hidden;
}

.ln-popup {
	z-index: 99;
}

.pink {
	color: #ff0e6e;
}

@media(max-width:1200px) {

	.btn {
		width: 100%;
	}
}

@media(max-width:820px) {}

@media(max-width:768px) {
	.mobile-hidden {
		display: none
	}

	h1 {
		font-size: 1.75em
	}

	h1.larger {
		font-size: 2em
	}


}

@media(max-width:576px) {

	.logo-image {
		left: 20px;
		top: 18px;
	}

	.footer {
		padding-left: 20px;
		padding-right: 10px;
	}
}

.promo_payment_step_banner {
	display: none;
}

.productWithBanner .promo_payment_step_banner {
	display: block;
}

.needHelpVerbiage {
	display: none;
}

.needHelpText .needHelpVerbiage {
	display: block;
	padding-top: 44px;
}

.mobile-back-button {
	display: flex;
	justify-content: end;
	align-items: center;
	padding: 0 33px;

	.mobile-backBtn {
		display: none;
		height: 56px;
		padding: 0 8%;
	}

	.continue-back-btn-wrapper {
		padding: 0;

		.btn {
			margin: 0;
		}

	}

}

.mobile-back-button-connect {
	padding: 0;
}

.showProduct_1130 .product_1130 {
	display: block !important;
}

.showProduct_1143 .product_1143 {
	display: block !important;
}

.showProduct_1141 .product_1141 {
	display: block !important;
}

.showProduct_1135 .product_1135 {
	display: block !important;
}

.showProduct_1136 .product_1136 {
	display: block !important;
}

.showProduct_1145 .product_1145 {
	display: block !important;
}

.showProduct_1147 .product_1147 {
	display: block !important;
}

.showProduct_1118 .product_1118 {
	display: block !important;
}

.showProduct_1149 .product_1149 {
	display: block !important;
}

.showProduct_1139 .product_1139 {
	display: block !important;
}

.showProduct_1138 .product_1138 {
	display: block !important;
}

.showProduct_1137 .product_1137 {
	display: block !important;
}

.showProduct_1134 .product_1134 {
	display: block !important;
}

.showProduct_1151 .product_1151 {
	display: block !important;
}

.showProduct_1153 .product_1153 {
	display: block !important;
}

.showProduct_1155 .product_1155 {
	display: block !important;
}

.showPygButton .pygBtn {
	display: block !important;
}

.showPreloadButton .preloadBtn {
	display: block !important;
}

a.startConnectCardButton {
	padding: 18px 20px !important;
	align-items: center;
	width: 320px;
	text-decoration: none;
}

@media only screen and (min-width: 300px) and (max-width: 767px) {
	.mobile-back-button {
		justify-content: center;
		gap: 8px;
		top: 5px;
		position: relative;

		.mobile-backBtn {
			display: block;
		}

		.continue-back-btn-wrapper {
			.btn {
				margin: 0;
				min-width: 200px;
			}
		}

		.form-continue-button-wrapper {
			margin: 0;
			padding: 0px 0px 0px 25px;
		}

	}

	.mobile-back-button-connect {
		padding: 0 33px;
	}
}

@media only screen and (min-width: 300px) and (max-width: 365px) {
	.mobile-back-button {
		.continue-back-btn-wrapper {
			.btn {
				min-width: 152px;
			}
		}

	}
}

.page-option-text-container {
	text-align: center;
	width: 60%;
	margin: 0 auto;
}

.page-option-button-container {
	width: 50%;
	margin: 0 auto;
}

.enroll-option-title {
	font-size: 20px;
	font-weight: 700;
	width: 50%;
	margin-bottom: 15px;
	margin: 0 auto;
}

.enroll-option-description {
	text-align: center;
	width: 70%;
	margin: 0 auto;
}

.enroll-option-text-container {
	text-align: center;
	width: 80%;
	margin: 0 auto;
}

.enroll-option-button-container {
	width: 60%;
	margin: 0 auto;
}

.page-option-flex-container {
	display: flex;
}

.page-option-card {
	width: 50%;
}

.card {
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	padding: 20px;
	margin: 20px;
	text-align: center;
	font-family: 'Arial', sans-serif;
	width: 280px;
}

.card-header {
	background-color: var(--banner-background-color);
	color: var(--white-background-color);
	padding: 20px 15px;
	font-size: var(--font-size-14);
	border-radius: 10px 10px 0 0;
}

.card-divider {
	margin: 15px 0;
}

.card-title {
	font-size: var(--font-size-20);
	font-weight: var(--font-weight-bold);
	margin-bottom: 15px;
	border-bottom: 2px solid #000000;
}

.card-description {
	font-size: var(--font-size-14);
	font-weight: var(--font-weight-regular);
	margin-bottom: 15px;
	line-height: 1.5;
}

.card-logo {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px 0;
}

.card-logo img {
	max-width: 120px;
	height: auto;
	display: block;
}

.card-footer {
	margin-top: 15px;
}

.toggleElementVisible {
	display: none;
}

.page-option-container {
	background-color: white;
	border-radius: 20px;
	padding: 2rem;
}

.page-option-sub-container {
	background-color: #F5F5F9;
	border-radius: 20px;
	padding: 2rem;

	.hideShowElement {
		display: block;
	}
}

.fuelRebateImage {
	width: 25px;
	height: 25px;
	background-image: url(../../../content/dam/e2e-apps/media/fuel_rebate.png);
}

.fuelUpImage {
	width: 25px;
	height: 25px;
	background-image: url(../../../content/dam/e2e-apps/media/fuel_up.png);
}

.linkCardImage {
	width: 25px;
	height: 25px;
	background-image: url(../../../content/dam/e2e-apps/media/link_card.png);
}

.automaticPaymentImage {
	width: 25px;
	height: 25px;
	background-image: url(../../../content/dam/e2e-apps/media/automatic_payment.png);
}

.receiveCardImage {
	width: 25px;
	height: 25px;
	background-image: url(../../../content/dam/e2e-apps/media/receive_fuel_card.png);
}

@media(max-width:767px) {
	.page-option-container {
		padding: 0;
		box-shadow: none !important;
	}
}

@media(max-width:768px) {
	.page-option-text-container {
		width: 95%;
	}

	.page-option-button-container {
		width: 70%;
	}

	.page-option-flex-container {
		flex-direction: column;
	}

	.page-option-card {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	.enroll-option-description {
		width: 80%;
	}

	.enroll-option-text-container {
		width: 90%;
	}

	.enroll-option-button-container {
		width: 80%;
	}

	.toggleElementVisible {
		display: block;
	}

	.page-option-sub-container {
		padding: 1rem;

		.hideShowElement {
			display: none;
		}
	}
}

.pdf-container {
	width: 100%;
	height: 400px;
	position: relative;
}

.pdf-canvas-container {
	width: 100%;
	height: 300px;
	overflow: auto;
	background-color: #282828;
	border: 1px solid #282828;
}

.pdf-header {
	display: flex;
	justify-content: space-between;
	padding: 0 1rem;
	position: sticky;
	top: 0;
	background-color: #3c3c3c;

	button {
		background-color: transparent !important;
		text-transform: none !important;
		min-width: 20px !important;
		padding: 0.5rem !important;
	}
}

.updateDetails {
	display: none;
}

.updateDetails.show {
	display: block;
}

.orange {
	color: #ff6e40;
}

.backToSiteBtn {
	margin-top: 4em;
	display: flex;
	width: 100%;
	justify-content: center;
}

.companyBuildingImage {
	margin-top: 4em;
}

.processing-modal {
	display: inline-block;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url("../../../content/dam/e2e-apps/media/dollar-cc-Icon.svg");
	width: 34px;
	height: 28px;
}

.error-modal {
	display: inline-block;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url("../../../content/dam/e2e-apps/media/modal-error-red.svg");
	width: 38px;
	height: 28px;
}

.card-ordered {
	background-repeat: no-repeat;
	background-image: url("../../../content/dam/e2e-apps/media/Union.png");
	width: 100%;
	height: 96px;
	background-position: center;
	// background-size: contain;
}

.all-complete {
	background-repeat: no-repeat;
	background-image: url("../../../content/dam/e2e-apps/media/alldone-red-icon.png");
	width: 91px;
	height: 91px;
	background-position: center;
}

.card-user-img {
	background-repeat: no-repeat;
	background-image: url("../../../content/dam/e2e-apps/media/card-user.png");
	width: 38px;
	height: 39px;
	// background-position: center;
}

.mail-vector {
	display: inline-block;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url("../../../content/dam/e2e-apps/media/mail-Vector.png");
	width: 44px;
	height: 38px;
}

.adjustHeight {
	height: 80px !important;
}
main {
  display: flex;
}
.sidebar-cardImage {
  max-width: 310px;
  margin-right: 25px;
  display: flex;
  flex-direction: column;
  gap: 21px;
}
.card-image {
  display: inline-block;
  width: 100%;
  padding: 0 10px;
  max-width: 309px;
}
.card-image img {
  width: 100%;
}
.card-image-promo {
  width: 100%;
}
.card-image-size {
  display: inline-block;
  width: 100%;
  padding: 0 10px;
  max-width: 309px;
}
.card-image-size img {
  width: 100%;
}
.steps-container {
  counter-reset: steps;
  min-width: 200px;
}
.step-heading {
  counter-increment: steps;
  display: flex;
  cursor: auto;
  align-items: center;
}
.step-heading::before {
  flex-shrink: 0;
  content: counter(steps);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  background-color: #dfdfdf;
  color: white;
  font-size: 14px;
  font-weight: 400;
  border-radius: 50%;
}
.done .step-heading::before {
  background-color: #777777;
  content: "\2713";
  color: #ffffff;
}
.disabled .step-heading {
  cursor: default;
}
.disabled .step-heading h2,
.disabled .step-heading img,
.disabled .step-heading::before {
  opacity: .5;
}
.readonly .step-heading {
  cursor: pointer;
}
.readonly .step-heading h2,
.readonly .step-heading img,
.readonly .step-heading::before {
  opacity: .5;
}
.step-wrapper.readonly form {
  color: rgba(0, 0, 0, 0.38);
  pointer-events: none;
}
.step-wrapper.readonly form input,
.step-wrapper.readonly form select {
  color: rgba(0, 0, 0, 0.38);
}
.step-wrapper.readonly form .form-fields .text-input.dollar > input {
  padding-left: auto;
}
.step-wrapper.readonly button {
  background-color: #e3e3ef;
}
.header-wrapper {
  background-color: var(--background-color);
  color: var(--white-color);
  padding: 0 142px;
  height: 50px;
  padding-top: 15px;
}
.header-wrapper .header-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header-wrapper .header-content div {
  display: inline-block;
}
.header-wrapper .header-content .contactUsNumber {
  line-height: normal;
  font-weight: 400;
}
.header-wrapper .header-content .contactUsNumber a {
  color: #ffffff;
}
.main {
  display: flex;
  flex-direction: row;
  position: relative;
  background: #F5F5F5;
}
.main .hero-image-layout {
  width: 30%;
  display: flex;
}
.main .hero-image-layout .contactInfoImage {
  background: url(../../../content/dam/e2e-apps/media/contactInfo.png) #d3d3d3 50% / cover no-repeat;
}
.main .hero-image-layout .businessInfoImage {
  background: url(../../../content/dam/e2e-apps/media/businessInfo.png) #d3d3d3 50% / cover no-repeat;
}
.main .hero-image-layout .ownerInfoImage {
  background: url(../../../content/dam/e2e-apps/media/ownerInfo.png) #d3d3d3 50% / cover no-repeat;
}
.main .hero-image-layout .ownerInfoImageSecond {
  background: url(../../../content/dam/e2e-apps/media/ownerInfoSecond.png) #d3d3d3 50% / cover no-repeat;
  height: 105%;
}
.main .hero-image-layout .paymentImage {
  background: url(../../../content/dam/e2e-apps/media/paymentOption.png) #d3d3d3 50% / cover no-repeat;
  height: 112%;
}
.main .hero-image-layout .cardsetupImage {
  background: url(../../../content/dam/e2e-apps/media/Truck_Driver_cardsetup.png) #d3d3d3 50% / cover no-repeat;
  height: 112%;
}
.main .hero-image-layout .verifyIdentityImage {
  background: url(../../../content/dam/e2e-apps/media/verifyIdentityImage.png) #d3d3d3 50% / cover no-repeat;
  height: 112%;
}
.main .hero-image-layout .disclosureImage {
  background: url(../../../content/dam/e2e-apps/media/Truck_Driver_disclosure.png) #d3d3d3 50% / cover no-repeat;
  height: 112%;
}
.main .hero-image-layout .treatmentImage {
  background: url(../../../content/dam/e2e-apps/media/Truck_Driver_treatmentImg.png) #d3d3d3 50% / cover no-repeat;
  height: 113%;
}
.main .hero-image-layout .achImage {
  background: url(../../../content/dam/e2e-apps/media/achInfo.png) #d3d3d3 50% / cover no-repeat;
  height: 112%;
}
.main .stepper-container-promo-wrapper {
  width: 20%;
  margin-bottom: 90px;
  margin-top: 341px;
  padding-left: 45px;
}
.main .stepper-container-promo-wrapper .stepper-container-promo-container {
  height: auto;
  width: 100%;
}
.main .stepper-container-promo-wrapper .stepper-container-promo-container .promo-card-wrapper {
  margin-bottom: 20px;
  width: 75%;
}
.main .stepper-container-promo-wrapper .stepper-container-promo-container .stepper-container-wrapper {
  margin-top: 0px;
  width: 100%;
}
.main .stepper-container-promo-wrapper .stepper-container-promo-container .stepper-container-wrapper .stepper-container {
  padding-left: 0px;
}
.main .stepper-container-wrapper {
  width: 20%;
  height: max-content;
  position: relative;
  margin-top: 400px;
  margin-bottom: 90px;
}
.main .stepper-container-wrapper .stepper-container {
  position: relative;
  font-size: 14px;
  height: fit-content;
  padding-left: 45px;
}
.main .stepper-container-wrapper .stepper-container .step-heading {
  color: #777777;
  font-weight: 700;
  gap: 5px;
}
.main .stepper-container-wrapper .stepper-container .step-heading .step-heading-content {
  color: #777;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.main .stepper-container-wrapper .stepper-container .nav-stepper-border,
.main .stepper-container-wrapper .stepper-container .nav-stepper-border-display-block {
  border-left: 1px solid #707070;
  padding: 4% 0;
  margin: 4px 13px;
  height: 16px;
}
.main .stepper-container-wrapper .stepper-container .customStep.done .nav-stepper-border {
  display: none;
}
.main .stepper-container-wrapper .stepper-container .customStep.done .step-heading .step-heading-content {
  font-weight: 700;
}
.main .stepper-container-wrapper .stepper-container .customStep.semi-done .nav-stepper-border {
  display: none;
}
.main .stepper-container-wrapper .stepper-container .promo-card-wrapper {
  position: relative;
  margin-bottom: 18px;
}
.main .stepper-container-wrapper .stepper-container .promo-card-wrapper .promo-card {
  display: block;
}
.main .stepper-container-wrapper .stepper-container-promo {
  display: block;
  margin-bottom: 80px;
}
.main .stepper-container-wrapper .active .step-heading .step-heading-content {
  color: #777;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.main .stepper-container-wrapper .active .step-heading::before {
  background-color: #2fb4e5;
  color: #ffffff;
}
.main .stepper-container-wrapper-promo {
  display: block;
}
.main .bodySectionWrapper {
  width: 50%;
  padding-top: 122px;
}
.main .bodySectionWrapper .bodySection {
  position: relative;
}
.main .bodySectionWrapper .bodySection .allDone .allDoneIcon {
  display: block;
}
.main .bodySectionWrapper-promo {
  display: block;
}
.step-details {
  display: none;
  cursor: auto;
  border-left: 1px solid #777777;
  padding: 6px 0 8px 28px;
  margin-left: 14px;
  color: #777;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background: url(../../../content/dam/e2e-apps/media/newEdit.svg) 7px 9px no-repeat;
}
.done .step-details {
  display: block;
}
.semi-done .step-details {
  display: block;
}
.step-details.disabled {
  pointer-events: none;
  color: #c2c4d6;
  background-image: none;
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .header-wrapper {
    height: 60px;
    padding: 17px 28px;
    position: relative;
  }
  .header-wrapper .header-content {
    justify-content: none;
    gap: 26%;
  }
  .header-wrapper .header-content .contactUsNumber {
    width: 160px;
  }
  .header-wrapper .header-content .contactUsNumber p.help {
    font-size: 12px;
  }
  .main {
    flex-direction: column;
  }
  .main .card-image-wrapper {
    top: 99px;
    position: absolute;
  }
  .main .card-image-wrapper .sidebar-cardImage {
    margin: 0px;
  }
  .main .card-image-wrapper-promo {
    top: 99px;
  }
  .main .hero-image-layout {
    height: 300px;
    width: 100%;
  }
  .main .hero-image-layout .hero-image {
    height: 70%;
    position: relative;
    width: 100%;
  }
  .main .hero-image-layout .contactInfoImage {
    background: url(../../../content/dam/e2e-apps/media/contactInfo_mobile.png) #d3d3d3 50% / cover no-repeat;
  }
  .main .hero-image-layout .businessInfoImage {
    background: url(../../../content/dam/e2e-apps/media/businessInfo_mobile.png) #d3d3d3 50% / cover no-repeat;
  }
  .main .hero-image-layout .ownerInfoImage {
    background: url(../../../content/dam/e2e-apps/media/ownerInfo_mobile.png) #d3d3d3 50% / cover no-repeat;
  }
  .main .hero-image-layout .ownerInfoImageSecond {
    background: url(../../../content/dam/e2e-apps/media/ownerInfoSecond_mobile.png) #d3d3d3 50% / cover no-repeat;
  }
  .main .hero-image-layout .paymentImage {
    background: url(../../../content/dam/e2e-apps/media/paymentOption_mobile.png) #d3d3d3 50% / cover no-repeat;
  }
  .main .hero-image-layout .cardsetupImage {
    background: url(../../../content/dam/e2e-apps/media/Truck_Driver_cardsetupMobile.png) #d3d3d3 50% / cover no-repeat;
  }
  .main .hero-image-layout .verifyIdentityImage {
    background: url(../../../content/dam/e2e-apps/media/Truck_Driver_verifyMobile.png) #d3d3d3 50% / cover no-repeat;
  }
  .main .hero-image-layout .disclosureImage {
    background: url(../../../content/dam/e2e-apps/media/Truck_Driver_disclosureMobile.png) #d3d3d3 50% / cover no-repeat;
  }
  .main .hero-image-layout .treatmentImage {
    background: url(../../../content/dam/e2e-apps/media/Truck_Driver_treatmentImageMobile.png) #d3d3d3 50% / cover no-repeat;
  }
  .main .hero-image-layout .achImage {
    background: url(../../../content/dam/e2e-apps/media/achInfo_mobile.png) #d3d3d3 50% / cover no-repeat;
  }
  .main .stepper-container-promo-wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .main .stepper-container-promo-wrapper .stepper-container-promo-container {
    display: flex;
    flex-direction: column-reverse;
    gap: 24px;
    padding: 0 8%;
  }
  .main .stepper-container-promo-wrapper .stepper-container-promo-container .promo-card-wrapper {
    width: 100%;
  }
  .main .stepper-container-wrapper {
    width: 100%;
    margin-top: -37px;
    margin-bottom: 0px;
    top: 0;
  }
  .main .stepper-container-wrapper .stepper-container {
    top: 0px;
    display: flex;
    padding: 21px 5px 21px 5px;
    gap: 8px;
    justify-content: center;
    position: relative;
  }
  .main .stepper-container-wrapper .stepper-container .customStep {
    display: flex;
  }
  .main .stepper-container-wrapper .stepper-container .customStep::after {
    content: '—';
    left: 3px;
    position: relative;
    top: 3px;
    font-size: 18px;
  }
  .main .stepper-container-wrapper .stepper-container .customStep.last-child {
    display: flex;
  }
  .main .stepper-container-wrapper .stepper-container .customStep.last-child::after {
    content: none;
  }
  .main .stepper-container-wrapper .stepper-container .customStep.last-child_before {
    display: flex;
  }
  .main .stepper-container-wrapper .stepper-container .customStep.last-child_before::before {
    content: '—';
    left: -3px;
    position: relative;
    top: 3px;
    font-size: 18px;
  }
  .main .stepper-container-wrapper .stepper-container .active .customStep {
    display: flex;
  }
  .main .stepper-container-wrapper .stepper-container .active .customStep::after {
    content: none;
  }
  .main .stepper-container-wrapper .stepper-container .active .step-heading .step-heading-content {
    display: block;
    font-size: 12px;
    padding-left: 3px;
    color: #777;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
  }
  .main .stepper-container-wrapper .stepper-container .active .step-heading .step-heading-content::before {
    width: 43px;
    height: 31px;
  }
  .main .stepper-container-wrapper .stepper-container .step-heading {
    gap: 8px;
  }
  .main .stepper-container-wrapper .stepper-container .step-heading .step-heading-content {
    display: none;
  }
  .main .stepper-container-wrapper .stepper-container .step-heading::before {
    margin: 0px;
  }
  .main .stepper-container-wrapper .stepper-container .step-details-wrapper {
    display: none;
  }
  .main .stepper-container-wrapper .stepper-container .promo-card-wrapper {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    top: 48px;
  }
  .main .stepper-container-wrapper .stepper-container .promo-card-wrapper .promo-card {
    position: relative;
    width: 61%;
  }
  .main .stepper-container-wrapper .stepper-container-promo {
    padding: 0px 5px 0px 5px;
    margin-bottom: 0;
  }
  .main .stepper-container-wrapper-promo {
    top: -2px;
  }
  .main .bodySectionWrapper {
    width: 100%;
    background-color: #ffffff;
    padding-top: 18px;
    box-shadow: 0px -5px 5px -5px rgba(0, 0, 0, 0.15);
  }
  .main .bodySectionWrapper-promo {
    position: relative;
  }
  .main .page-content-wrapper .bodySection {
    padding: 0;
  }
  .main .page-content-wrapper .bodySection .step .formHeaderContainer .formHeading div {
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .main .page-content-wrapper .bodySection .step .formHeaderContainer .formSubHeading div {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .main .page-content-wrapper .bodySection .step form .form-fields .text-input input {
    padding: 19px 12px 12px;
    line-height: 24px;
  }
  .main .page-content-wrapper .bodySection .step form .form-fields .text-input select {
    padding: 19px 12px 12px;
    line-height: 24px;
  }
  .main .page-content-wrapper .bodySection .step form .form-fields .text-input.dollar > input {
    padding-left: 20px;
  }
  .main .page-content-wrapper .bodySection .allDone .allDoneIcon {
    display: flex;
    justify-content: center;
  }
  .main .nav-stepper-border,
  .main .nav-stepper-border-display-block {
    display: none;
  }
  .card-image-promo {
    width: 85%;
    padding: 0;
  }
  .card-image {
    width: 85%;
    padding: 0;
  }
}
@media only screen and (min-width: 300px) and (max-width: 394px) {
  .main .stepper-container-wrapper .stepper-container .active .step-heading .step-heading-content {
    font-size: 10px;
  }
  .main .card-image-wrapper .sidebar-cardImage {
    margin: 0px;
  }
}
@media only screen and (min-width: 300px) and (max-width: 310px) {
  .main .stepper-container-wrapper .stepper-container {
    gap: 4px;
  }
  .main .stepper-container-wrapper .stepper-container .step-heading {
    gap: 0;
  }
}
.card-image-wrapper {
  position: absolute;
  top: 132px;
  left: 584px;
  width: 100%;
  max-width: 600px;
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 480px) {
  .card-image-wrapper {
    left: 0;
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    top: 200px;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .card-image-wrapper {
    left: 0;
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    top: 200px;
  }
}
@media (min-width: 769px) and (max-width: 1279px) {
  .card-image-wrapper .sidebar-cardImage {
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  .header-wrapper {
    padding: 0 40px;
    display: flex;
    align-items: center;
  }
  .card-image-wrapper {
    position: relative;
    height: max-content;
    left: 0;
    top: 46px;
    width: 200px;
  }
  .card-image-wrapper .sidebar-cardImage {
    width: 200px;
  }
  .card-image-wrapper .sidebar-cardImage .card-image {
    padding: 0;
  }
  .main {
    padding: 0px 49px 0 40px;
  }
  .main .stepper-container-promo-wrapper {
    position: absolute;
    margin-top: 206px;
    padding-left: 0;
    width: 33%;
  }
  .main .stepper-container-wrapper {
    padding-left: 0;
    position: absolute;
    margin-top: 206px;
  }
  .main .stepper-container-wrapper .stepper-container {
    padding-left: 0;
  }
  .main .bodySectionWrapper {
    padding-top: 39px;
  }
  .main .bodySectionWrapper .bodySection {
    padding-left: 40px;
  }
  .main .hero-image-layout {
    display: none;
  }
}
@media only screen and (min-width: 345px) and (max-width: 475px) {
  .main .stepper-container-wrapper .stepper-container .promo-card-wrapper .promo-card {
    position: relative;
    width: 85%;
  }
}
@media only screen and (min-width: 300px) and (max-width: 345px) {
  .main .stepper-container-wrapper .stepper-container .promo-card-wrapper .promo-card {
    position: relative;
    width: 95%;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1100px) {
  .card-image {
    width: 80%;
  }
}
@media (min-width: 1001px) and (max-width: 1279px) {
  .card-image-wrapper {
    left: 0px;
    max-width: 100vw;
  }
  .card-image-wrapper .sidebar-cardImage {
    margin: auto 22%;
  }
}
@media (min-width: 1025px) and (max-width: 1030px) {
  .card-image-wrapper .sidebar-cardImage {
    margin: auto 2%;
  }
}
@media (min-width: 1280px) and (max-width: 1400px) {
  .card-image-wrapper {
    left: 0px;
    max-width: 100vw;
  }
  .card-image-wrapper .sidebar-cardImage {
    margin: auto 23%;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .card-image-wrapper {
    left: 0px;
    max-width: 100vw;
  }
  .card-image-wrapper .sidebar-cardImage {
    margin: auto 23%;
  }
}
@media (min-width: 1600px) and (max-width: 1999px) {
  .card-image-wrapper {
    left: 0px;
    max-width: 100vw;
  }
  .card-image-wrapper .sidebar-cardImage {
    margin: auto 24%;
  }
}
@media (min-width: 1999px) {
  .card-image-wrapper {
    left: 0px;
    max-width: 100vw;
  }
  .card-image-wrapper .sidebar-cardImage {
    margin: auto 26%;
  }
}
.stepper-container {
  padding-left: 37px;
}
@media (min-width: 1000px) and (max-width: 769px) {
  .stepper-container {
    padding-left: 37px;
  }
}
.hero-image {
  height: 109.5%;
  width: 100%;
}
@media (width: 820px) {
  .hero-image {
    height: 111%;
  }
}
@media (width: 912px) {
  .hero-image {
    height: 103.4%;
  }
}
.bodySection {
  padding: 0 3% 2% 3%;
}
.expand-btn {
  display: inline-block;
}
.expand-btn img {
  width: 24px;
  height: 24px;
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.expanded .expand-btn img {
  transform: rotate(180deg);
}
@media (max-width: 1030px) {
  main {
    display: block;
  }
  .sidebar-cardImage {
    display: flex;
    max-width: 670px;
    margin: 0 auto 32px;
  }
  .features {
    margin: 0 0 0 35px !important;
    max-width: 350px;
  }
  .steps-container {
    margin: 0 auto;
  }
}
@media (max-width: 620px) {
  .steps-container {
    padding: 0 12px;
  }
}
@media (min-width: 1200px) {
  .card-image img {
    border-radius: .25rem;
  }
  .card-image-size img {
    border-radius: .25rem;
  }
}
@media (min-width: 300px) and (max-width: 600px) {
  .sidebar-cardImage {
    display: flex;
  }
  .sidebar-cardImage div:has(.promo-card) {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .sidebar-cardImage .promo-card {
    width: 288px;
    height: 168px;
  }
}
@media (min-width: 601px) and (max-width: 1024px) {
  .align-center {
    width: fit-content;
  }
  .sidebar-cardImage {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .sidebar-cardImage .align-center {
    width: fit-content;
  }
  .sidebar-cardImage div:has(.promo-card) {
    width: 53%;
  }
}
.promo-card {
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  background-color: #45B7E9;
  padding: 11px 16px;
}
.promo-card .util-p-white {
  font-size: 12px;
}
.promo-card .util-p-white p {
  color: #fff;
  margin: 0px;
}
.promo-content {
  display: flex;
  flex-direction: column;
  padding: 20px;
  padding-top: 0px;
}
@media (max-width: 767px) {
  .promo-content {
    margin: 0px !important;
  }
}
.promo-content .promo-img {
  height: 0px;
}
.promo-content .promo-img .promo-icon img {
  position: relative;
  left: -40px;
  bottom: -20px;
  width: 50px;
}
.promo-content .pl-2:has(.util-p-white) {
  padding: 0 20px;
  position: absolute;
  height: 100%;
}
.formHeaderContainer {
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-bottom: 44px;
}
.formHeaderContainer .formHeading div {
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.formHeaderContainer .formSubHeading div {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/*****************************************************
LESS compilation failed due a JavaScript error!

Input: /apps/e2e-apps/clientlibs/clientlib-new-alt-site/css/form.less
Error: RuntimeError: error evaluating function `rgba`: color functions take numbers as parameters in /apps/e2e-apps/clientlibs/clientlib-new-alt-site/css/form.less on line 98, column 10:
97 		padding: 16px 12px 12px;
98 		color: rgba(var(--regular-black-dark));
99 		background-color: #fff;


(uncompiled LESS src is included below)
*****************************************************/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

.form-fields {
	@media (min-width: 768px) {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-content: flex-start;

		.md_w-50 {
			width: 48.1%;
		}

		.md_w-30 {
			width: 31.1%;
		}

		.md_w-40 {
			width: 39.1%;
		}

		.md_w-60 {
			width: 57.5%;
		}

		.md_w-70 {
			width: 65.1%
		}

	}

	@media (min-width: 768px) and (max-width: 1000px) {
		.md-tab_w-100 {
			width: 100%;
		}
	}

	@media (min-width: 1200px) {
		.xl_w-25 {
			width: 23%
		}

		.xl_w-50 {
			width: 48.1%
		}
	}

	&.collapsed {
		border-bottom: 2px solid #ccc;
		margin-bottom: 1em;

		.collapse-btn img {
			transform: translateY(-5px) rotate(180deg);
		}
	}
}

.fields-group {

	&.collapsed {
		border-bottom: 2px solid #ccc;
		margin-bottom: 1em;

		.collapse-btn img {
			transform: translateY(-5px) rotate(180deg);
		}
	}
}

.collapse-btn {
	cursor: pointer;
	display: flex;
}

.text-input {
	position: relative;
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
	font-size: 16px;

	input,
	select {
		appearance: none;
		font-size: 16px;
		width: 100%;
		padding: 16px 12px 12px;
		color: rgba(var(--regular-black-dark));
		background-color: #fff;
		border: 1px solid var(--input-border-color);
		border-radius: 4px;
		transition: border-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
		font-family: Roboto;
		font-style: normal;
		font-weight: 400;
		line-height: 24px;
		letter-spacing: 0.15px;
	}

	input.date {
		background: url(../../../content/dam/e2e-apps/calendar.svg) no-repeat 98% 88%;
		background-size: 24px 24px;
	}

	input:disabled {
		color: rgba(0, 0, 0, 0.38);
		cursor: default;
	}

	select:disabled {
		color: rgba(0, 0, 0, 0.38);
		cursor: default;
	}

	&.greyed>input {
		background-color: #f2f2f2;
	}

	&.has-focus {

		input,
		select {
			outline: none;
			border-width: 1px;
			padding: 15px 11px 11px;

		}
	}

	&.has-error:has(.errorfield) {

		input,
		select {
			outline: none;
		}
	}

	>span {
		position: absolute;
		display: inline-block;
		pointer-events: none;
		user-select: none;

		letter-spacing: 0.1px;
		color: #6c7599;
		background-color: #fff;
		font-size: 15px;

		left: 12px;
		top: 15px;
		right: 1px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		transition: 0.2s ease;

	}

	&.has-focus>span,
	&.has-content>span {
		top: -12px;
		left: 6px;
		padding: 0 4px;
		font-size: 11px;
		right: unset;
		transition: 0.2s ease;
		width: auto;
	}



	&.dropdown::after {
		content: "";
		pointer-events: none;
		position: absolute;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 32' height='18'%3E%3Cpath d='M 5 6 h 18 l -9 9 z' fill='%236c7599' stroke='none'%3E%3C/path%3E%3C/svg%3E");
		top: calc(100% / 2 - 5px);
		right: 8px;
		width: 18px;
		height: 18px;
		background-repeat: no-repeat;
	}

	&.dropdown.expanded::after {
		background-image: none;
	}

	.errorfield {}

	>.datebtn {
		appearance: none;
		border: none;
		cursor: pointer;
		position: absolute;
		right: 6px;
		bottom: 12px;
		min-width: 24px;
		width: 24px;
		height: 24px;
		background: url(../../../content/dam/e2e-apps/calendar.svg) no-repeat;
	}

	>.calendar {
		position: absolute;
		width: 100%;
		min-width: 285px;
		left: 0;
		top: 50px;
		z-index: 9;
	}

	&.dollar {
		&::before {
			position: absolute;
			content: "$";
			bottom: 13px;
			left: 8px;
		}

		&.has-focus {
			&::before {
				bottom: 12px;
			}
		}

		>input {
			padding-left: 20px;
		}

		>span {
			padding-left: 10px;
			margin-left: 5px;
			padding-top: 0px;
		}

	}

	&.dollar &.has-content>span {
		padding-left: 0px;
		margin-left: 0px;
		padding-top: 0px;
	}

	&.dollar &.has-content>input {
		padding-left: 20px;

	}
}



.disabled {
	opacity: 1;
	color: rgba(0, 0, 0, 0.38);
	cursor: default;
	user-select: none;
}

button,
.btn {
	background-color: var(--background-color);
	color: var(--white-color);
}

button.disabled {
	background-color: var(--disabled-background-color);
}

.btn-white {
	color: var(--light-blue-color);
	background-color: var(--white-background-color);
	border: 3px solid var(--light-blue-color) !important;
}

.btn-connect-outline {
	color: #E1261C;
	// height: 44px;
	background-color: transparent !important;
	border: 2px solid #E1261C !important;
}

.btn-continue {
	width: 100%
}

.form-continue-button-wrapper {
	text-align: right;
}

.btn-top-position {
	position: relative;
}

.text-margin-top-bottom-10 {
	position: relative;
}

.text-margin-bottom-10 {
	position: relative;
}

.form-continue-button {
	width: fit-content;
	padding: 0 8%;

}

.wordWrap {
	word-break: break-word;
}

@media only screen and (min-width: 300px) and (max-width: 767px) {
	.form-continue-button-wrapper {
		text-align: center;
		padding: 0 33px;
		background: var(--form-wrapper-background);
		position: relative;
		//top: 5px;

		.btn {}
	}

	.btn-top-position {
		top: 5px;

	}

	.text-margin-top-bottom-10 {
		margin: 10px 0;
	}

	.text-margin-bottom-10 {
		margin-bottom: 10px;
	}

	.form-continue-button {
		width: 100%;
	}

	.text-input {
		&.dollar>input {
			padding-left: 20px;

		}
	}

}

.checkbox {
	position: relative;
	display: flex;
	align-items: flex-start;
	cursor: pointer;
	color: rgba(var(--regular-black-dark));
	gap: 10px;

	>input {
		appearance: none;
		display: block;
		border: 2px solid var(--checkbox-border-color);
		border-radius: 3px;
		width: 17px;
		height: 17px;
		flex: 0 0 17px;
		margin-left: 0;
		transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;

		&:checked {
			border-color: var(--light-blue-color);
			background: var(--light-blue-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath d='M 3 6.875 L 5.573 9.183 L 10.188 4' stroke='%23fff' stroke-width='1.17' fill='none'/%3E%3C/svg%3E") no-repeat;
			background-size: 22px;
			background-position-y: -6px;
			background-position-x: -4px;
		}

	}

	>input[type='radio'] {
		border: none;
		width: 22px;
		height: 22px;
		flex: 0 0 22px;
		margin: 1px 10px 11px 0;
		background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%231e4df5'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'%3E%3C/path%3E%3C/svg%3E");

		&:checked {
			background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%231e4df5'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'%3E%3C/path%3E%3Cpath d='M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z'%3E%3C/path%3E%3C/svg%3E");
		}
	}

	p {
		margin: 0;
	}

	.errorfield {
		top: -38px;
		right: -12px;
		max-width: 300px;
	}

}

.checkbox-content {
	position: relative;
	top: -1px;
}

.checked>span::after {
	background: url("../../../content/dam/e2e-apps/media/Icon-Check.895935b1.svg") top right no-repeat;
	padding-right: 20px;
	padding-top: 2px
}

.required>span::after {
	content: " *";
	color: #ff6e40;
}

.required.has-content>span::after {
	color: #6c7599
}

.errorfield,
.warnfld {
	position: absolute;
	z-index: 1;
	top: -29px;
	right: 0;
	max-width: 250px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 400;
	color: #fff;
	background-color: #ff6e40;
	box-shadow: 0 3px 16px rgba(56, 61, 104, .1019607843);
	line-height: 1.2;
    padding: .3rem .5rem;

	&::after {
		content: " ";
		position: absolute;
		right: 6px;
		bottom: -6px;
		border: 6px solid transparent;
		border-top-color: #ff6e40;
		border-bottom: none;
	}

	&:empty {
		display: none;
	}
}

.warnfld {
	background-color: var(--warning-background-color);

	&::after {
		border-top-color: var(--warning-background-color);
	}
}

.error-bottom {
	flex-wrap: wrap;

	>*:nth-child(2) {
		flex: 1;
	}

	.errorfield {
		position: static;
		background-color: transparent;
		box-shadow: none;
		color: #ff6e40;
		font-weight: 600;
		min-width: 200px;
		max-width: 800px;
		margin-left: 25px;
		flex-basis: 100%;

		&::after {
			content: none;
		}
	}
}

.card-auth-phone {
	display: flex;
	justify-content: space-between;


	@media (max-width: 600px) {
		flex-direction: column;
	}

	.errorfield {
		top: auto;
		bottom: 30px;
	}
}


.btn-text {
	font-weight: 600;
	color: #004eff;
	cursor: pointer;

	&.add {
		display: flex;
		align-items: center;
		font-size: 11px;
		font-weight: 700;
		text-transform: uppercase;

		p {
			margin: 0
		}

		&::before {
			display: inline-block;
			width: 34px;
			height: 28px;
			content: ' ';
			background-repeat: no-repeat;
			background-image: url("../../../content/dam/e2e-apps/media/add-icon.2c0527f1.svg");
		}
	}

	&.remove {
		&::before {
			display: inline-block;
			width: 26px;
			height: 20px;
			content: ' ';
			margin-bottom: -4px;

			background-repeat: no-repeat;
			background-image: url("../../../content/dam/e2e-apps/media/remove-icon.5799cf1e.svg");
		}
	}

	&.edit {
		display: flex;
		align-items: center;
		font-size: 10px;
		font-weight: 700;
		text-transform: uppercase;

		p {
			margin-left: 6px;
		}

		&::before {
			display: inline-block;
			width: 16px;
			height: 16px;
			content: ' ';
			background-repeat: no-repeat;
			background-image: url("../../../content/dam/e2e-apps/media/edit.116f1111.svg");
		}
	}
}

.btn-container {
	display: flex;
	justify-content: space-between;
}

.alt-btn-text {
	font-weight: 600;
	color: black;
	cursor: pointer;
	border-radius: 30px;
	font-size: 12px;

	&.add-owner-img {
		display: flex;
		align-items: center;
		background: #9ef9c1;
		font-weight: 700;
		padding: 9px 12px;
		max-width: 160px;

		p {
			margin: 0
		}

		&::before {
			display: inline-block;
			margin-right: 5px;
			width: 10px;
			height: 10px;
			content: ' ';
			background-repeat: no-repeat;
			background-image: url("../../../content/dam/common-icons/plus-icon.svg");
		}

		&:hover {
			background-color: #00ee09;
		}
	}

	&.remove-owner-img {
		border: 1px solid black;
		padding: 6px 12px;
		max-width: 100px;

		&::before {
			display: inline-block;
			width: 16px;
			height: 15px;
			background: transparent;
			margin-right: 5px;
			content: ' ';
			margin-bottom: -4px;
			background-repeat: no-repeat;
			background-image: url("../../../content/dam/common-icons/remove-trash-icon.svg");
		}

		&:hover {
			background-color: #ffb3b3;
		}
	}
}

.text-input:has(:autofill) {
	>span {
		top: -11px;
		left: 6px;
		font-size: 11px;
	}
}

.text-input:has(:disabled) {
	>span {
		z-index: 1;
	}
}

/* suppress highlighting of  address autocomplete in chrome */
input,
select {
	&:autofill {
		background-clip: text;
		-webkit-background-clip: text;
		transition: background-color 5000s ease-in-out 0s;
	}
}

div[data-name=OwnerInfoTC] {
	label.checkbox {
		pointer-events: none;
	}

	label>input[type=checkbox],
	a,
	span.link {
		pointer-events: all;
	}
}

.promo_payment_step_banner {
	left: -61px;
	width: 127%;
}

@media only screen and (max-width: 767px) and (min-width: 344px) {
	.promo_payment_step_banner {
		left: -42px;
	}
}

@media only screen and (min-width: 768px) {
	.promo_payment_step_banner {
		left: -61px;
	}
}

@media only screen and (max-width: 820px) and (min-width: 768px) {
	.promo_payment_step_banner {
		width: 135%;
	}
}

.surcharge {
	top: 48px
}

@media only screen and (max-width: 416px) and (min-width: 344px) {
	.surcharge {
		top: 70px;
	}
}


.checkboxLabelWrapper {
	display: flex;
	gap: 15px;

	.toogleWrapper {
		width: fit-content;
		top: 15px;
		position: relative;

		.toggle-checkbox input[type="checkbox"] {
			display: none;
		}


		.toggle-checkbox {
			position: relative;
			display: inline-block;
			width: 34px;
			height: 18px;
			background-color: #F5F5F5;
			border-radius: 15px;
			cursor: pointer;
			transition: background-color 0.3s ease;

			&.has-content {
				background-color: #b1e3f5;
			}
		}

		.toggle-checkbox .toggleCheckboxLabel {
			position: absolute;
			width: 20px;
			height: 20px;
			background-color: #e3e3ef;
			border-radius: 50%;
			top: -1px;
			left: 1px;
			transition: transform 0.3s ease;
		}

		.toggle-checkbox input[type="checkbox"]:checked+.toggleCheckboxLabel {
			transform: translateX(13px);
			background-color: #2fb4e5;
		}
	}
}

// form specific css:
.formComponent {
	color: rgba(var(--regular-black-light));
	font-family: var(--font-family);
	font-size: var(--font-size-16);
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0.15px;

	.formComponentLayout {
		width: 100%;
		flex-shrink: 0;
		border-radius: 20px;
		background: var(--white-background-color);
		box-shadow: 2px 4px 10px 0px rgba(var(--black-color-light));
		padding: 42px 42px;
		margin: 10px auto 0;
	}

	.formBtnContinue {
		width: 208px;
		height: 56px;
		flex-shrink: 0;
		border-radius: 16px;
	}
}

.noticeLayout {
	padding: 0px;
	text-align: justify;
	color: rgba(var(--regular-black-dark));
}

.colorBlack {
	color: rgba(var(--regular-black-dark));
}

.whiteBackground {
	background-color: var(--white-color);
}

.pageModal {
	padding: 70px;
}

.helperText {
	position: relative;
	margin-top: -40px;

	div {
		top: 108px;
		position: relative;

		span.smaller {
			font-size: 12px;
		}
	}
}

@media only screen and (max-width: 425px) and (min-width: 300px) {
	.helperText {
		position: relative;
		margin-top: -40px;

		div {
			top: 108px;
			position: relative;

			span.smaller {
				font-size: 7px;
			}
		}
	}
}

.preLoadInAdvance {
	form {
		background-color: var(--form-wrapper-background);
	}

	.helperText {
		div {
			top: 180px;

			/* span.smaller {
				font-size: 12px;
			} */
		}
	}

}

@media only screen and (max-width: 391px) and (min-width: 300px) {
	.preLoadInAdvance {
		.helperText {
			div {
				span.smaller {
					font-size: 7px;
				}
			}
		}

	}

}

@media only screen and (min-width: 300px) and (max-width: 767px) {

	.noticeLayout {
		padding: 0px 33px;
		margin-bottom: 30px;
	}


}

.helperText {
	position: relative;
	margin-top: -40px;

	div {
		top: 108px;
		position: relative;
	}
}

.toggleCheckbox.checkbox {
	position: relative;
	display: flex;
	align-items: flex-start;
	cursor: pointer;

	>input {
		appearance: none;
		display: inline-block;
		border: 1.7px solid #cecece;
		border-radius: 3px;
		width: 17px;
		height: 17px;
		flex: 0 0 17px;
		margin: 2.5px 12px 11px 0;
		vertical-align: middle;
		transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;

		&:hover {
			border-color: #004eff;
		}

		&:checked {
			border-color: #004eff;
			background-size: contain;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath d='M 3 6.875 L 5.573 9.183 L 10.188 4' stroke='%23004eff' stroke-width='1.1' fill='none'/%3E%3C/svg%3E");
		}
	}

	>input[type='radio'] {
		border: none;
		width: 22px;
		height: 22px;
		flex: 0 0 22px;
		margin: 1px 10px 11px 0;
		background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%231e4df5'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'%3E%3C/path%3E%3C/svg%3E");

		&:checked {
			background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%231e4df5'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'%3E%3C/path%3E%3Cpath d='M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z'%3E%3C/path%3E%3C/svg%3E");
		}
	}

	p {
		margin: 0;
	}

	.errorfield {
		top: -38px;
		right: -12px;
		max-width: 300px;
	}

	&.switch {
		>input {
			width: 40px;
			height: 20px;
			flex: none;
			appearance: none;
			border: 1px solid rgba(0, 0, 0, .25);
			border-radius: 26px;
			background-color: #f5f5f5;
			background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23e3e3ef'/%3e%3c/svg%3e");
			background-repeat: no-repeat;
			background-position: left center;
			transition: background-position 0.15s ease-in-out;
		}

		>input:checked {
			background-color: #b1e3f5;
			border: 1px solid #2fb4e5;
			background-position: right center;
			background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%232fb4e5'/%3e%3c/svg%3e");
		}
	}
}

.break-word {
	word-break: break-word;
}

@media (max-width: 768px) {
	h1.break-word {
		font-size: 1.75em;
		font-family: var(--heading-font-family);
		text-transform: none;
		margin-bottom: 0;
	}
}

.offer-wrapper {
	margin-top: 20px;
	color: #000;
	font-family: Roboto;
	font-size: 16px;

	@media (max-width: 768px) {
		margin-top: 16px;
	}
}

.zero-height {
	margin: 0;
	pointer-events: none;

	>input,
	span {
		height: 0px;
		width: 0px;
		visibility: hidden
	}
}
.options {
  min-height: 49px;
  border: 2px solid #e3e3ef;
  border-radius: 4px;
  max-height: max-content;
}
.options p {
  margin: 0;
}
.options > div {
  display: none;
}
.options > div.active,
.options.active > div {
  display: block;
}
.options.active {
  position: relative;
  box-shadow: 0 3px 16px rgba(56, 61, 104, 0.10196078);
  border: none;
  top: 10px;
  width: 100%;
  background-color: white;
  max-height: 250px;
  overflow-y: auto;
}
.options > div:hover {
  background-color: #eeeeee;
}
.addAddressOption {
  display: none;
}
.dropdown.expanded .addAddressOption {
  background-color: #fff;
  display: block;
  position: sticky;
  bottom: 0px;
  padding: 10px;
  text-align: center;
  margin-top: 0.5rem;
  border: 1px solid #eeeeee;
  box-shadow: 0 4px 10px -2px rgba(56, 61, 104, 0.1);
  cursor: pointer;
  color: #58bee8;
  font-weight: bold;
}

/*****************************************************
LESS compilation failed due a JavaScript error!

Input: /apps/e2e-apps/clientlibs/clientlib-new-alt-site/css/paymentOption.less
Error: RuntimeError: error evaluating function `rgba`: color functions take numbers as parameters in /apps/e2e-apps/clientlibs/clientlib-new-alt-site/css/paymentOption.less on line 65, column 50:
64                     div {
65                         border-bottom: 1px solid rgba(var(--regular-black-dark));
66                         margin: 0px;


(uncompiled LESS src is included below)
*****************************************************/
.paymentOptionForm {
    box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    padding-bottom: 57px;
    background: var(--paymentoption-form-background);

    .form-fields {
        padding: 61px 35px 0 35px;

        .paymentOptionContent {
            border-radius: 20px;
            padding-top: 102px;
        }

        .paymentOptionWrapper {
            .paymentOptionContainer {
                background: rgba(0, 40, 59, 0.05);
                box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.10);
                color: rgba(0, 0, 0, 0.87);
                text-align: center;
                font-family: Roboto;
                position: relative;
                font-style: normal;
                line-height: normal;
                display: flex;
                flex-direction: row;
                padding: 14px 23px 28px 23px;
                border-radius: 20px;
                box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.1);

                .listBulletStylingBlue {
                    p {
                        margin: 0;
                    }
                }

                .paymentOptionIcons {
                    position: absolute;
                    top: -18px;
                    left: -14px;
                    width: 47px;
                    height: 47px;
                    border: 2px solid var(--paymentoption-icons-border-color);
                    border-radius: 50%;
                    display: flex;
                    justify-content: center;
                    align-items: center;

                    a {
                        display: flex;

                        img {
                            width: 30px;
                            height: 30px;
                        }
                    }
                }

                .paymentOptionHeader {
                    font-size: 20px;
                    font-weight: 700;
                    margin-bottom: 15px;

                    div {
                        border-bottom: 1px solid rgba(var(--regular-black-dark));
                        margin: 0px;
                        padding-bottom: 14px;
                    }
                }

                .paymentOptionBoxContent {
                    font-size: 16px;
                    font-weight: 400;
                }
            }

            .paymentOptionBtnSelect {
                padding: 10px 16px;
                background-color: var(--background-color);
                font-size: 16px;
                font-weight: 700;
                height: 56px;
                flex-shrink: 0;
            }
        }
    }

}

.paymentForm {
    padding-bottom: 35px;
    border-radius: 0px 0px 20px 20px;
    background: var(--white-background-color);
    box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.15);

    .iframeLayout {
        padding: 29px 43px 0px;
    }
}


.paymentTypePage {
    padding-top: 60px;
}

.setBannerWidth {
    max-width: 900px;
    margin: 0 auto;
}

.promo_payment_step_banner {
    left: 0px;
}

.promo_payment_step_banner {
    display: none;
    display: block;
    width: 100%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

@media only screen and (min-width: 300px) and (max-width: 767px) {
    .promo_payment_step_banner {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
}

.paymentStepMessages {
    background: rgba(var(--paymentstep-message-background));
    padding-left: 36px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 4px;
}

.realtime {
    form {
        display: flex;
        flex-direction: column;
        gap: 28px;

        .form-buttons {
            .button-group {
                justify-content: end;
                align-items: center;
                gap: 32px;

                .btn {
                    padding: 17px 34px;

                }

                .btn-white {
                    padding: 14px 34px;
                }
            }
        }
    }

    .showRealtimeHeading {
        display: block;
    }

    .showPrefundHeading {
        display: none;
    }
}

.showPrefundLink {
    .realtime {
        .prefundLink {
            display: block;
        }

        .comparisionAndPayAsYouGoLink {
            display: none;
        }
    }
}

.showComparisionLink {
    .preLoadInAdvance {
        .comparisionAndPayAsYouGoLink {
            display: block;
        }

        .prefundLink {
            display: none;
        }
    }
}

form {
    display: flex;
    flex-direction: column;
    gap: 28px;

    .form-buttons {
        .button-group {
            justify-content: end;
            align-items: center;
            gap: 32px;

            .btn {
                padding: 17px 34px;

            }

            .btn-white {
                padding: 14px 34px;
            }
        }


    }
}

@media only screen and (min-width: 300px) and (max-width: 767px) {
    form {
        gap: 0px;

        .form-buttons {
            padding: 35px;

            .button-group {
                justify-content: center;

                .btn {
                    padding: 8px 14px;

                }

            }
        }
    }

    .realtime {
        form {

            gap: 0px;

            .form-buttons {
                background: var(--form-wrapper-background);
                padding: 35px;

                .button-group {
                    justify-content: center;

                    .btn {
                        padding: 8px 14px;

                    }

                    .btn-white {}
                }


            }
        }

        .showRealtimeHeading {}

        .showPrefundHeading {}
    }
}

.showRealtimeHeading {
    display: none;
}

.showPrefundHeading {
    display: block;
}

p.paymentHeading {
    color: var(--background-color);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

a.blueHyperlink {
    color: var(--background-color);
}


@media only screen and (min-width: 300px) and (max-width: 767px) {
    .paymentOptionForm {
        padding-bottom: 34px;


        .form-fields {
            padding: 29px 50px 0 50px;
            display: flex;
            flex-direction: column;
            gap: 70px;

            .paymentOptionContent {}

            .paymentOptionWrapper {
                .paymentOptionContainer {


                    .listBulletStylingBlue {
                        p {}
                    }

                    .paymentOptionIcons {


                        a {


                            img {}
                        }
                    }

                    .paymentOptionHeader {


                        div {}
                    }

                    .paymentOptionBoxContent {}
                }

                .paymentOptionBtnSelect {}
            }
        }

    }
}

.paymentOptionBtnSelectWrapper {
    display: flex;
    justify-content: center;
    padding-top: 29px;
}

@media only screen and (min-width: 300px) and (max-width: 767px) {
    .paymentOptionBtnSelectWrapper {
        padding-top: 15px;
    }
}
.horizontal-template :has(.horizontalHeroImage) .main {
  gap: 58px;
}
.horizontal-template :has(.horizontalHeroImage) .main .bodySectionWrapper {
  background-color: var(--form-wrapper-background);
  padding-top: 0;
  box-shadow: none;
}
.horizontal-template :has(.horizontalHeroImage) .hero-image-layout {
  width: 100%;
  position: absolute;
  height: 265px;
}
.horizontal-template :has(.horizontalHeroImage) .hero-image-layout .hero-image {
  width: 100%;
  background: url(../../../content/dam/e2e-apps/media/thankyouPage.png) #d3d3d3 50% / cover no-repeat;
  background-size: cover;
  position: relative;
}
.horizontal-template :has(.horizontalHeroImage) .stepper-container-wrapper {
  display: none;
}
.horizontal-template :has(.horizontalHeroImage) .stepper-container-promo-wrapper {
  display: none;
}
.horizontal-template :has(.horizontalHeroImage) .card-image-wrapper {
  margin-top: 200px;
  position: relative;
  max-width: max-content;
  padding: 0 0 0 13%;
}
.horizontal-template :has(.horizontalHeroImage) .card-image-wrapper .sidebar {
  margin: 0;
}
.horizontal-template :has(.horizontalHeroImage) .card-image-wrapper .sidebar .card-image {
  padding: 0;
  width: 85%;
}
.horizontal-template :has(.horizontalHeroImage) .bodySection {
  padding: 0% 13% 0 0;
  margin-top: 327px;
}
.horizontal-template :has(.horizontalHeroImage) .bodySection .allDone {
  margin-top: 147px;
}
.horizontal-template :has(.horizontalHeroImage) .bodySection .allDone .page-padding-mobile-view {
  padding: auto;
  width: 100%;
}
.horizontal-template :has(.horizontalHeroImage) .bodySection .allDone .thankyouText {
  display: flex;
  gap: 20px;
}
.horizontal-template :has(.horizontalHeroImage) .bodySection .allDone .allDoneIcon {
  display: block;
}
.horizontal-template :has(.horizontalHeroImage) .reference-horizontal-template .allDone .align-center {
  display: block;
  width: 100%;
}
.horizontal-template :has(.horizontalHeroImage) .reference-horizontal-template .allDone .align-center .btn {
  width: auto;
}
.horizontal-template :has(.horizontalHeroImage) .reference-horizontal-template .allDone .small-width {
  width: 86%;
}
.horizontal-template :has(.horizontalHeroImage) .footerWrapper {
  right: 151px;
  width: 75%;
}
.padding-middle-mobile {
  padding: auto;
}
@media (min-width: 768px) and (max-width: 1000px) {
  .horizontalHeroImage {
    display: block;
  }
  .horizontal-template :has(.horizontalHeroImage) .main {
    padding: 0;
  }
  .horizontal-template :has(.horizontalHeroImage) .bodySection .allDone {
    padding-left: 0px;
    margin-top: 185px;
  }
  .horizontal-template :has(.horizontalHeroImage) .bodySection .thankyouText {
    display: flex;
    gap: 10px;
  }
  .horizontal-template :has(.horizontalHeroImage) .card-image-wrapper {
    padding: 0 0 0 40px;
    width: 50%;
    margin-top: 286px;
  }
  .horizontal-template :has(.horizontalHeroImage) .bodySection {
    padding: 0 40px 0 0;
  }
  .horizontal-template :has(.horizontalHeroImage) .footerWrapper {
    right: auto;
    width: 94%;
    padding: 0 40px;
  }
  .horizontal-template :has(.horizontalHeroImage) .backToSiteBtn {
    margin-top: 2em;
  }
  .horizontal-template :has(.horizontalHeroImage) .companyBuildingImage {
    margin-top: 2em;
  }
  .horizontal-template :has(.horizontalHeroImage) .main .hero-image-layout {
    display: block;
  }
  .horizontal-template :has(.horizontalHeroImage) .step .form-header-content .form-header-horizontal-template {
    padding-top: 5px;
  }
}
@media (min-width: 300px) and (max-width: 767px) {
  .horizontal-template :has(.horizontalHeroImage) main {
    height: 110vh;
  }
  .horizontal-template :has(.horizontalHeroImage) .hero-image-layout .hero-image {
    background: url(../../../content/dam/e2e-apps/media/thank_you_mobile.png) #d3d3d3 50% / cover no-repeat;
    background-size: cover;
    position: relative;
  }
  .horizontal-template :has(.horizontalHeroImage) .card-image-wrapper {
    max-width: none;
    padding: 0;
    margin-top: 5px;
  }
  .horizontal-template :has(.horizontalHeroImage) .card-image-wrapper .sidebar {
    width: 221px;
    top: 20px;
    position: relative;
  }
  .horizontal-template :has(.horizontalHeroImage) .main .bodySectionWrapper {
    margin-top: 0px;
  }
  .horizontal-template :has(.horizontalHeroImage) .main .bodySectionWrapper .bodySection {
    padding: 0;
    margin-top: 80px;
  }
  .horizontal-template :has(.horizontalHeroImage) .bodySection .allDone {
    margin-top: 10px;
    padding-bottom: 45px;
  }
  .horizontal-template :has(.horizontalHeroImage) .bodySection .allDone .page-padding-mobile-view {
    padding: 0 10%;
  }
  .horizontal-template :has(.horizontalHeroImage) .bodySection .allDone .page-padding-mobile-view .form-header {
    text-align: center;
  }
  .horizontal-template :has(.horizontalHeroImage) .bodySection .allDone .thankyouText {
    display: block;
    gap: 0px;
  }
  .horizontal-template :has(.horizontalHeroImage) .bodySection .allDone .allDoneIcon {
    display: flex;
    justify-content: center;
  }
  .horizontal-template :has(.horizontalHeroImage) .bodySection .allDone .small-width {
    width: 100%;
  }
  .horizontal-template :has(.horizontalHeroImage) .backToSiteBtn {
    margin-top: 3em;
  }
  .horizontal-template :has(.horizontalHeroImage) .companyBuildingImage {
    margin-top: 2em;
  }
  .horizontal-template :has(.horizontalHeroImage) .footerWrapper {
    right: 0;
    width: 100%;
    padding: 0px 35px 0 35px;
    bottom: 55px;
  }
  .horizontal-template :has(.horizontalHeroImage) .reference-horizontal-template .allDone .align-center {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .padding-middle-mobile {
    padding: 0 7% 7%;
  }
}
@media (min-width: 819px) and (max-width: 1024px) {
  .horizontal-template :has(.horizontalHeroImage) .main {
    padding: 0;
  }
  .horizontal-template :has(.addedMainHeight) .main {
    padding: 0;
  }
}
.error-msgs {
  height: 100%;
  position: relative;
  margin-bottom: 110px;
}
.error-msgs .form-layout {
  display: block;
}
@media (min-width: 300px) and (max-width: 767px) {
  .error-msgs {
    height: auto;
    margin-bottom: 0;
  }
  .error-msgs .form-layout {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.tooltip-icon {
  display: inline-block;
  position: relative;
  min-width: 16px;
  height: 16px;
  cursor: pointer;
  background: transparent url("../../../content/dam/e2e-apps/media/info.be763462.svg") no-repeat center center;
}
.tooltip-icon > div {
  position: absolute;
  right: 0;
  bottom: 28px;
  z-index: 9;
  min-width: 220px;
}
.tooltip-icon > div.tooltipDisplayDown {
  top: 29px;
  bottom: auto;
}
.tooltip-icon.input-info {
  position: absolute;
  top: 21px;
  right: 21px;
}
.tooltip-icon.card-info {
  position: absolute;
  top: 5px;
  left: 200px;
}
.nat-steps .tooltip-icon.input-info {
  position: absolute;
  top: 16px;
  right: 12px;
}
.tooltip-icon.in-text {
  left: 16px;
}
@media (max-width: 768px) {
  .tooltip-icon.in-text {
    left: -10px;
    top: 6px;
  }
}
.tooltip-box {
  background-color: #fff;
  font-size: 12px;
  border-radius: 4px;
  max-width: 250px;
  box-shadow: 0 3px 16px rgba(56, 61, 104, 0.10196078);
  padding: 12px;
  font-family: Roboto, sans-serif;
}
.tooltip-box.arrow-bottom::after {
  content: " ";
  position: absolute;
  right: 6px;
  bottom: -6px;
  border: 6px solid transparent;
  border-top-color: #fff;
  border-bottom: none;
}
.tooltip-box.tooltipDisplayDown::after {
  top: -6px;
  transform: rotate(176deg);
  bottom: auto;
}
/** Tooltip for owner info SSN */
.tooltip-icon-ssn {
  display: inline-block;
  position: relative;
  min-width: 16px;
  height: 16px;
  cursor: pointer;
  background: transparent url("../../../content/dam/e2e-apps/media/info.be763462.svg") no-repeat center center;
}
.tooltip-icon-ssn > div {
  position: absolute;
  right: 0;
  bottom: 28px;
  z-index: 9;
  min-width: 220px;
}
.tooltip-icon-ssn > div.tooltipDisplayDown {
  top: 29px;
  bottom: auto;
}
.tooltip-icon-ssn.input-info {
  position: absolute;
  top: 21px;
  right: 21px;
}
.tooltip-icon-ssn.card-info {
  position: absolute;
  top: 5px;
  left: 200px;
}
.nat-steps .tooltip-icon-ssn.input-info {
  position: absolute;
  top: 16px;
  right: 12px;
}
.tooltip-icon-ssn.in-text {
  left: 16px;
}
@media (max-width: 768px) {
  .tooltip-icon-ssn.in-text {
    left: -10px;
    top: 6px;
  }
}
.tooltip-box-ssn {
  background-color: #fff;
  font-size: 12px;
  border-radius: 4px;
  max-width: 250px;
  box-shadow: 0 3px 16px rgba(56, 61, 104, 0.10196078);
  padding: 12px;
  font-family: Roboto, sans-serif;
}
.tooltip-box-ssn.arrow-bottom::after {
  content: " ";
  position: absolute;
  right: 6px;
  bottom: -6px;
  border: 6px solid transparent;
  border-top-color: #fff;
  border-bottom: none;
}
.tooltip-box-ssn.tooltipDisplayDown::after {
  top: -6px;
  transform: rotate(176deg);
  bottom: auto;
}
@media only screen and (min-width: 300px) and (max-width: 800px) {
  .tooltip-icon-ssn > div {
    bottom: -160px;
  }
  .tooltip-box-ssn.arrow-bottom::after {
    right: 2px;
    bottom: 154px;
    transform: rotate(176deg);
  }
}

.fuelman h1 {
  color: #000;
  font-family: Oswald;
}
.fuelman h2 {
  font-size: 20px;
}
.fuelman h2.larger {
  font-size: 24px;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .fuelman h2.larger {
    font-size: 20px;
    margin-bottom: 0;
  }
}
.fuelman h2.payment {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
  line-height: 37.5px;
}
@media (max-width: 768px) {
  .fuelman h2.payment {
    font-size: 20px;
    line-height: 23.44px;
  }
}
.fuelman a,
.fuelman .link {
  color: #0072BC;
  font-style: italic;
  font-weight: 400;
  text-decoration-line: none;
}
.fuelman a.redHyperlink {
  color: #E1261C;
  font-style: normal;
}
.fuelman a.HyperlinkBlue {
  color: #0072BC;
  font-style: normal;
}
.fuelman .text-decoration-style {
  text-decoration-line: underline;
}
.fuelman p.paymentHeading {
  color: #E1261C;
}
.fuelman .paymentForm {
  border-radius: 20px;
}
.fuelman .form-fields .md_w-40,
.fuelman .form-fields .md_w-30,
.fuelman .form-fields .md_w-20 {
  width: 100%;
}
@media (min-width: 768px) {
  .fuelman .form-fields .md_w-40 {
    width: 38.1%;
  }
  .fuelman .form-fields .md_w-30 {
    width: 31.1%;
  }
  .fuelman .form-fields .md_w-20 {
    width: 25.2%;
  }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .fuelman .main .page-content-wrapper .bodySection .step form .form-fields .text-input input {
    padding: 19px 18px 12px;
  }
}
.fuelman .header-wrapper {
  background-color: #FFFFFF;
  width: 100%;
  padding: 15px 70px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .fuelman .header-wrapper {
    padding: 9px 10px;
  }
}
@media (max-width: 480px) {
  .fuelman .header-wrapper {
    padding: 9px 0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .fuelman .main .bodySectionWrapper .bodySection {
    padding: 0 0 2% 5%;
  }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .fuelman .header-wrapper .header-content {
    justify-content: none;
    gap: 10%;
    padding: 8px 8px 0 25px;
  }
}
.fuelman .form-header-content {
  padding-bottom: 22px;
}
@media (max-width: 768px) {
  .fuelman .form-header-content {
    padding-bottom: 0;
  }
}
.fuelman .step {
  padding: 0 6% 30% 0;
}
@media only screen and (max-width: 767px) {
  .fuelman .step {
    padding: 0;
  }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .fuelman .step .form-layout {
    padding: 15px 33px 36px 33px;
    border-radius: 0;
    box-shadow: none;
  }
}
@media (min-width: 601px) and (max-width: 1024px) {
  .fuelman .align-center {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .fuelman .verify-layout {
    min-height: 340px;
    padding: 22px 42px;
  }
}
.fuelman .step-details {
  font-family: Roboto;
  margin: 6px 0 6px 14px;
}
.fuelman button,
.fuelman .btn {
  background-color: #E1261C;
  border-radius: 0%;
  text-transform: uppercase;
  font-family: Oswald;
}
.fuelman .mobile-backBtn {
  height: 44px;
}
.fuelman .btn.btn-complete {
  max-width: 230px;
}
@media only screen and (max-width: 767px) {
  .fuelman .btn.btn-complete {
    max-width: 300px;
  }
}
.fuelman button.disabled {
  background-color: #e3e3ef;
}
.fuelman .btn.back-btn {
  min-width: 120px;
  background-color: transparent;
  color: #E1261C;
  border: 3px solid #e1261c;
}
.fuelman .button-text {
  color: #E1261C;
  cursor: pointer;
  background-color: transparent;
}
.fuelman .button-text.add {
  display: flex;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 16.41px;
}
.fuelman .button-text.add p {
  margin: 0;
}
.fuelman .button-text.add::before {
  display: inline-block;
  width: 34px;
  height: 28px;
  content: ' ';
  background-repeat: no-repeat;
  background-image: url("../../../content/dam/e2e-apps/media/add-icon.png");
}
.fuelman .button-text {
  color: #E1261C;
  cursor: pointer;
  background-color: transparent;
}
.fuelman .button-text.add {
  display: flex;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 16.41px;
}
.fuelman .button-text.add p {
  margin: 0;
}
.fuelman .button-text.add::before {
  display: inline-block;
  width: 34px;
  height: 28px;
  content: ' ';
  background-repeat: no-repeat;
  background-image: url("../../../content/dam/e2e-apps/media/add-icon.png");
}
.fuelman .stepper-container-wrapper .stepper-container .step-heading .step-heading-content {
  font-family: Oswald;
  font-size: 16px;
}
.fuelman .stepper-container-wrapper .stepper-container .active .step-heading .step-heading-content {
  font-family: Oswald;
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .fuelman .stepper-container-wrapper .stepper-container .active .step-heading .step-heading-content {
    font-family: Oswald;
  }
}
.fuelman .break-word {
  word-break: break-word;
}
@media (max-width: 767px) {
  .fuelman h1.break-word {
    font-size: 16px;
    font-family: Roboto;
    text-transform: none;
    margin-bottom: 0;
  }
}
.fuelman .offer-wrapper {
  margin-top: 20px;
  color: #000;
  font-family: Roboto;
  font-size: 16px;
}
@media (max-width: 768px) {
  .fuelman .offer-wrapper {
    margin-top: 0;
  }
}
.fuelman .zero-height {
  margin: 0;
  pointer-events: none;
}
.fuelman .zero-height > input,
.fuelman .zero-height span {
  height: 0px;
  width: 0px;
  visibility: hidden;
}
@media (max-width: 767px) {
  .fuelman div[data-component="text"][data-name="Application"]:has(> h1.break-word) {
    margin-bottom: 0;
  }
}
.fuelman .stepper-container-wrapper .active .step-heading::before {
  background-color: #E1261C;
}
.fuelman .checkbox > input:checked {
  border: 2px solid #0072BC;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='20' height='20' fill='%23ffffff' stroke='%230072BC' stroke-width='2' rx='3'/%3E%3Cpath d='M6 12L10 17L18 7' stroke='%230072BC' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat center center;
  background-size: 23px;
  background-position-y: -6px;
  background-position-x: -4px;
}
.fuelman .checkbox > input[type='radio'] {
  background-image: url(../../../content/dam/e2e-apps/media/black-radio.png);
  background-repeat: no-repeat;
  border: none;
  background-position-y: 0px;
  background-position-x: 0px;
}
.fuelman .checkbox > input[type='radio']:checked {
  background-image: url(../../../content/dam/e2e-apps/media/red-radio.png);
  background-size: 22px;
}
.fuelman .checkbox p {
  margin: 0;
}
.fuelman .header-wrapper .header-content .contactUsNumber p.help {
  color: #000;
}
.fuelman .header-wrapper .header-content .contactUsNumber a {
  color: #0072BC;
  text-decoration: none;
  font-weight: 400;
  font-style: normal;
}
.fuelman .text-input.dollar::before {
  left: 9px;
  bottom: 15px;
}
@media (max-width: 768px) {
  .fuelman .text-input.dollar::before {
    left: 9px;
    bottom: 13px;
  }
}
.fuelman .text-input.dollar.revenue > input {
  padding-left: 20px;
  padding-bottom: 15px;
}
.fuelman .hilite {
  color: #E1261C;
  font-weight: 700;
}
.fuelman .hero-image-layout .contactInfoImage {
  background: url(../../../content/dam/e2e-apps/media/LS_contactInfoDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .fuelman .hero-image-layout .contactInfoImage {
    background: url(../../../content/dam/e2e-apps/media/LS_contactInfoMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.fuelman .hero-image-layout .businessInfoImage {
  background: url(../../../content/dam/e2e-apps/media/LS_businessInfoDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .fuelman .hero-image-layout .businessInfoImage {
    background: url(../../../content/dam/e2e-apps/media/LS_businessInfoMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
@media (max-width: 768px) {
  .fuelman .hero-image-layout .ownerInfoImage {
    background: url(../../../content/dam/e2e-apps/media/Truck_Driver_ownerInfoMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.fuelman .hero-image-layout .ownerInfoImageSecond {
  background: url(../../../content/dam/e2e-apps/media/LS_ownerInfoSecondDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .fuelman .hero-image-layout .ownerInfoImageSecond {
    background: url(../../../content/dam/e2e-apps/media/LS_ownerInfoSecondMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.fuelman .hero-image-layout .treatmentImage {
  background: url(../../../content/dam/e2e-apps/media/LS_treatmentDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .fuelman .hero-image-layout .treatmentImage {
    background: url(../../../content/dam/e2e-apps/media/LS_treatmentMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.fuelman .hero-image-layout .disclosureImage {
  background: url(../../../content/dam/e2e-apps/media/LS_disclosureDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .fuelman .hero-image-layout .disclosureImage {
    background: url(../../../content/dam/e2e-apps/media/LS_disclosureMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.fuelman .hero-image-layout .cardsetupImage {
  background: url(../../../content/dam/e2e-apps/media/LS_cardsetupDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .fuelman .hero-image-layout .cardsetupImage {
    background: url(../../../content/dam/e2e-apps/media/LS_cardsetupMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.fuelman .hero-image-layout .verifyIdentityImage {
  background: url(../../../content/dam/e2e-apps/media/verifyIdentityImage.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .fuelman .hero-image-layout .verifyIdentityImage {
    background: url(../../../content/dam/e2e-apps/media/Truck_Driver_verifyMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.fuelman .hero-image-layout .paymentImage {
  background: url(../../../content/dam/e2e-apps/media/LS_paymentOfferDesktop.png) #d3d3d3 50% / cover no-repeat;
}
.fuelman .hero-image-layout .paymentOfferImage {
  background: url(../../../content/dam/e2e-apps/media/LS_paymentOfferDesktop.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .fuelman .hero-image-layout .paymentOfferImage {
    background: url(../../../content/dam/e2e-apps/media/LS_paymentOfferMobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.fuelman .onfido-wrapper {
  display: flex;
  line-height: normal;
}
@media only screen and (max-width: 767px) {
  .fuelman .onfido-wrapper {
    flex-direction: column-reverse;
  }
}
.fuelman .onfido-image {
  width: 100%;
  background-image: url(../../../content/dam/e2e-apps/media/onfido-img.png);
  background-repeat: no-repeat;
  margin: 1rem 0 0 1rem;
}
@media only screen and (max-width: 767px) {
  .fuelman .onfido-image {
    width: 100%;
    width: 329px;
    height: 136px;
    flex-shrink: 0;
    background-image: url(../../../content/dam/e2e-apps/media/onfido-mobile.png);
    margin: 0 0 2rem 0;
  }
}
.fuelman .vi-wrapper {
  max-width: 725px;
  width: 100%;
}
@media (max-width: 768px) {
  .fuelman .vi-wrapper {
    max-height: 300px;
  }
}
.fuelman .alert-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
  align-self: stretch;
  border-radius: 8px;
  background: rgba(255, 212, 212, 0.6);
}
.fuelman .alert-img {
  background-repeat: no-repeat;
  left: 7px;
  top: 7px;
  width: 64px;
  height: 64px;
}
.fuelman .thankyouText {
  justify-content: center;
}
.fuelman .allDoneIcon {
  display: flex;
  justify-content: center;
}
.fuelman .step .form-header-content .form-header-horizontal-template {
  padding-top: 0;
}
.fuelman progress {
  accent-color: #E1261C;
}
.fuelman .promo-show {
  display: hide;
}
.fuelman .promo-hide {
  display: show;
}
.fuelman .footerWrapper {
  padding: 0 2%;
}
@media (max-width: 767px) {
  .fuelman .setup-row > div:last-child {
    position: absolute;
    top: -25px;
    right: 0;
  }
  .fuelman .field-space {
    padding-top: 1rem;
    width: 100% !important;
  }
  .fuelman .driver-prompts,
  .fuelman .purchase-type,
  .fuelman .vehicle-type {
    padding-top: 1rem;
  }
  .fuelman .connect-toggle-container {
    align-items: flex-start;
  }
  .fuelman .connect-btn-container {
    gap: 0.5rem;
  }
  .fuelman .connect-btn-container div {
    width: 100%;
  }
  .fuelman .connect-btn-container .btn {
    min-width: auto;
  }
  .fuelman .page {
    padding-top: 18px;
  }
  .fuelman .main .bodySectionWrapper {
    padding-top: 0;
  }
  .fuelman .cardsetup {
    background-color: #F5F5F5;
  }
  .fuelman .switch-text {
    padding-right: 1.5rem;
  }
  .fuelman .switch-text br {
    display: none;
  }
  .fuelman .tooltip-icon.card-info {
    position: absolute;
    top: 4px;
    right: 0;
    left: unset;
  }
  .fuelman .text-input.dollar::before {
    top: 20px;
  }
}
@media screen and (width: 768px) {
  .fuelman .toggle-container {
    flex-direction: row;
  }
}
.fuelman .dropdown.expanded .addAddressOption {
  color: #E1261C;
}
.fuelman .btn-white {
  color: #E1261C;
  background-color: var(--white-background-color);
  border: 3px solid #E1261C !important;
}

.modal {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.10196078);
  border-radius: 8px;
  border-style: none;
  color: #6c7599;
}
.modal::backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}
.modal.transparent {
  box-shadow: none;
  border: none;
}
.modal.transparent:focus-visible {
  outline: none;
}
body:has(dialog[open]) {
  overflow: hidden;
}

.calendar {
  display: inline-block;
  font-family: Roboto, "Open Sans", Arial, sans-serif;
  background-color: #fff;
  color: #212121;
  box-shadow: 0 3px 16px rgba(56, 61, 104, 0.10196078);
  border-radius: 4px;
}
.calendar > div {
  min-width: 285px;
  margin: 0 auto;
}
.dp-header {
  color: #fff;
  background: #004EFF;
  border-radius: 4px 4px 0 0;
  padding: 14px 20px;
}
.dp-h1 {
  font-size: 32px;
  line-height: 40px;
}
.dp-pickyear {
  display: inline-block;
  color: #87aeff;
  font-size: 14px;
  cursor: pointer;
}
.mode-years .dp-h1 {
  color: #87aeff;
}
.mode-years .dp-pickyear {
  color: #ffffff;
}
.dp-pickday {
  position: relative;
  padding: 5px 16px;
  font-size: 14px;
  cursor: default;
  user-select: none;
  text-align: center;
}
.dp-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 2em;
  padding: 12px 2px 4px;
}
.dp-title {
  color: #212121;
  font-size: 16px;
  height: 28px;
  padding: 0 16px;
  line-height: 28px;
  text-transform: capitalize;
}
.dp-next,
.dp-prev {
  box-sizing: content-box;
  font-size: 0;
  padding: 2px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.dp-next:hover,
.dp-prev:hover {
  background: #f5f5f5;
}
.dp-week,
.dp-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}
.dp-week > div,
.dp-days > div {
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.dp-week {
  color: #a1a1a1;
  font-size: 12px;
}
.dp-day {
  cursor: pointer;
  border-radius: 50%;
}
.dp-day:hover {
  background: #f5f5f5;
}
.dp-day.active {
  color: #fff;
  background: #004EFF;
}
.dp-day-out {
  color: #eee;
  pointer-events: none;
}
.dp-years {
  display: none;
  position: absolute;
  z-index: 1;
  background: #fff;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 8px 16px;
  box-sizing: border-box;
  grid-template-columns: 1fr 1fr 1fr;
}
.dp-years > div {
  cursor: pointer;
  margin: 0 auto;
  line-height: 40px;
  font-size: 16px;
}
.dp-years > div:hover,
.dp-years > div.active {
  color: #004eff;
}
.dp-years > div.active {
  font-size: 20px;
}
.dp-years > div:hover,
.dp-years > div.active {
  font-weight: 600;
}
.mode-years .dp-years {
  display: grid;
}
.dp-scroll {
  overflow-y: auto;
}
.dp-scroll::-webkit-scrollbar {
  width: 8px;
}
.dp-scroll:hover::-webkit-scrollbar-thumb {
  background-color: #D0E0F0;
}
.dp-scroll::-webkit-scrollbar-thumb {
  cursor: pointer;
  background-color: white;
  border-radius: 3px;
  border: 2px solid white;
}
.dp-scroll::-webkit-scrollbar-thumb:active,
.dp-scroll::-webkit-scrollbar-thumb:hover {
  background-color: gray;
}

@media (min-width: 768px) {
  .cardsetup .subtitle {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: flex-start;
  }
  .cardsetup .subtitle .md_w-65 {
    width: 65%;
  }
  .cardsetup .subtitle .md_w-35 {
    width: 35%;
  }
}
.setup-header {
  border-bottom: 1.3px solid #d7d7da;
  margin-bottom: 16px;
}
.setup-header h3 {
  font-size: 16px;
  line-height: 25px;
}
.setup-header p {
  font-size: 14px;
  line-height: 1.5;
  margin-top: 0;
}
.setup-row.first > div:last-child {
  visibility: hidden;
}
@media (max-width: 767px) {
  .data-table {
    position: relative;
  }
  .data-table .btn-add {
    position: absolute;
    bottom: 12px;
    right: 25px;
  }
  .setup-row {
    background: #fff;
    position: relative;
    padding: 12px 16px 24px;
    border-radius: 5px;
    margin-top: 44px;
    margin-bottom: 24px;
  }
  .setup-row > div:first-child {
    position: absolute;
    top: -44px;
    left: 5px;
  }
  .setup-row > div:last-child {
    position: absolute;
    top: 16px;
    right: 16px;
  }
  .setup-row .text-input {
    margin-bottom: 4px;
  }
  .setup-row .driver-prompts,
  .setup-row .purchase-type,
  .setup-row .vehicle-type {
    width: 100% !important;
  }
  .setup-row select {
    padding-right: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (min-width: 768px) {
  .setup-row > div {
    display: inline-block;
    width: 20%;
    padding-right: 8px;
    margin: 0;
  }
  .setup-row > div:first-child {
    width: 7% !important;
  }
  .setup-row > div:first-child p {
    padding: 0;
    font-size: 12px;
    margin: 0.7em 0;
  }
  .setup-row > div:last-child {
    width: 8% !important;
    padding-right: 0;
    text-align: right;
  }
  .setup-row > div:last-child img {
    position: relative;
    top: 3px;
  }
  .setup-row.titles {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
  }
  .setup-row.titles > div {
    padding-left: 4px;
  }
  .setup-row.titles > div p {
    margin: .3em 0 .7em !important;
  }
  .setup-row.drivers > div {
    width: 26.65%;
  }
  .setup-row.pins > div {
    width: 40%;
  }
  .setup-row .text-input,
  .setup-row .tbl-input {
    position: relative;
    margin-bottom: 0;
  }
  .setup-row .text-input > input,
  .setup-row .tbl-input > input,
  .setup-row .text-input > select,
  .setup-row .tbl-input > select {
    width: 100%;
    font-size: 16px;
    appearance: none;
    border: none;
    padding: 4px;
    color: #383d68;
    background-color: transparent;
    text-overflow: ellipsis;
  }
  .setup-row .text-input > input:focus,
  .setup-row .tbl-input > input:focus,
  .setup-row .text-input > select:focus,
  .setup-row .tbl-input > select:focus {
    background-color: white;
    outline: 1px solid #004eff;
  }
  .setup-row .text-input.dropdown::after,
  .setup-row .tbl-input.dropdown::after {
    display: none;
  }
  .setup-row .text-input > span,
  .setup-row .tbl-input > span {
    display: none;
  }
  .setup-row .text-input.has-error:has(.errorfield) input,
  .setup-row .tbl-input.has-error:has(.errorfield) input,
  .setup-row .text-input.has-error:has(.errorfield) select,
  .setup-row .tbl-input.has-error:has(.errorfield) select {
    outline: 1px solid #ff6e40;
  }
}
.whiteBg {
  background: url(../../../content/dam/e2e-apps/media/Groupblank.b1aa0be6.svg);
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.toggle-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 1rem 0;
}
@media (max-width: 768px) {
  .toggle-container {
    flex-direction: column-reverse;
    align-items: center;
  }
}
.cardsetup-msg-wrapper {
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .cardsetup-msg-wrapper {
    margin-top: 0;
  }
}
.toggle {
  cursor: pointer;
}
.toggle a {
  color: #00e091;
}
.toggle :hover {
  text-decoration: none;
}
.paymentOptionHeader {
  margin-bottom: 10px;
}
.listBulletStylingBlue ul {
  margin: 0px;
  font-size: 12px;
}
.needHelpVerbiage {
  display: none;
}
.needHelpText .needHelpVerbiage {
  display: block;
}
.comparisionLink {
  display: none;
}
.showComparisionLink .comparisionLink {
  display: block;
}
label.pin-disabled.readonly {
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 0.8;
  pointer-events: none;
}
label.pin-disabled.readonly input {
  background-color: #f5f5f5;
  border-color: #ddd;
  color: #888888	;
  cursor: not-allowed;
}
.pin-disabled:hover {
  border-color: #ddd;
  box-shadow: none;
}

/*****************************************************
LESS compilation failed due a JavaScript error!

Input: /apps/e2e-apps/clientlibs/clientlib-site/css/treatments.less
Error: OperationError: Operation on an invalid type in /apps/e2e-apps/clientlibs/clientlib-site/css/treatments.less on line 7, column 2:
6 	--otp-gap: 1.25;
7 	--_otp-bgsz: calc(var(--otp-ls) + 1ch);
8 	--_otp-digit: 0;


(uncompiled LESS src is included below)
*****************************************************/


.text-input .otpInput {
	--otp-digits: 6;
	--otp-ls: 2ch;
	--otp-gap: 1.25;
	--_otp-bgsz: calc(var(--otp-ls) + 1ch);
	--_otp-digit: 0;
	all: unset;
	background:
		linear-gradient(90deg, var(--otp-bg, #BBB) calc(var(--otp-gap) * var(--otp-ls)), transparent 0),
		linear-gradient(90deg, var(--otp-bg, #EEE) calc(var(--otp-gap) * var(--otp-ls)), transparent 0);
	background-position: calc(var(--_otp-digit) * var(--_otp-bgsz)) 0, 0 0;
	background-repeat: no-repeat, repeat-x;
	background-size: var(--_otp-bgsz) 100%;
	caret-color: var(--otp-cc, #222);
	caret-shape: block;
	clip-path: inset(0% calc(var(--otp-ls) / 2) 0% 0%);
	font-family: ui-monospace, monospace;
	font-size: var(--otp-fz, 2em);
	inline-size: calc(var(--otp-digits) * var(--_otp-bgsz));
	letter-spacing: var(--otp-ls);
	padding-block: var(--otp-pb, 1ch);
	padding-inline-start: calc(((var(--otp-ls) - 1ch) / 2) * var(--otp-gap));
}

.grey-box {
  border: 2px solid #e3e3ef;
  background-color: #f4f4f6;
  border-radius: 4px;
}

.frame-locked {
  pointer-events: none;
  opacity: 0.5;
}

.pis-1 {
  padding-inline-start: 1rem;
}
.pis-0 {
  padding-inline-start: 0;
}
.code {
  font-family: monospace;
  unicode-bidi: isolate;
  white-space: pre;
}
.pdi-container-body {
	display: flex;
	@media only screen and (max-width: 600px) {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
  }
.pdi-body-box-1 {
	flex-basis: 66.66%;
	@media only screen and (max-width: 600px) {
	  flex-basis: 100%;
	}
}
.pdi-body-box-2 {
	flex-basis: 33.33%;
	@media only screen and (max-width: 600px) {
	  flex-basis: 100%;
	}
}
.cso-selected{
	border: 1px solid #004eff;
	box-shadow: 0 10px 20px rgba(32,72,161,.2);
	background: #f3f6fd 0 0 no-repeat padding-box;
}
.onfido-container-body{
	flex-direction: column;
	img {
		width: 100%;
	}
	@media (min-width: 700px) {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-content: flex-start;

		.md_w-50 { width: 48%; }
	}
}
.hidden,
.private {
  display: none !important;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.block {
  display: block;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.pointer {
  cursor: pointer;
}
.w-100 {
  width: 100%;
}
.h-100 {
  height: 100%;
}
.lh-0 {
  line-height: 0;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.align-center {
  text-align: center;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.float-none {
  float: none;
}
.clear-both {
  clear: both;
}
.flow-column {
  grid-auto-flow: column;
}
.uppercase {
  text-transform: uppercase;
}
.nowrap {
  white-space: nowrap;
}
.cols-2 {
  columns: 2;
}
.row {
  flex-direction: row;
}
.column {
  flex-direction: column;
}
.space-between {
  justify-content: space-between;
}
.space-around {
  justify-content: space-around;
}
.justify-center {
  justify-content: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.items-center {
  align-items: center;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.reverse {
  flex-direction: row-reverse;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-wrap {
  flex-wrap: wrap;
}
.mt-0,
.my-0 {
  margin-top: 0;
}
.mb-0,
.my-0 {
  margin-bottom: 0;
}
.mt-1,
.my-1 {
  margin-top: 0.5rem;
}
.mb-1,
.my-1 {
  margin-bottom: 0.5rem;
}
.mt-2,
.my-2 {
  margin-top: 1rem;
}
.mb-2,
.my-2 {
  margin-bottom: 1rem;
}
.mt-3,
.my-3 {
  margin-top: 1.5rem;
}
.mb-3,
.my-3 {
  margin-bottom: 1.5rem;
}
.mt-4,
.my-4 {
  margin-top: 2rem;
}
.mb-4,
.my-4 {
  margin-bottom: 2rem;
}
.mt-5,
.my-5 {
  margin-top: 2.5rem;
}
.mb-5,
.my-5 {
  margin-bottom: 2.5rem;
}
.mt-6,
.my-6 {
  margin-top: 3rem;
}
.mb-6,
.my-6 {
  margin-bottom: 3rem;
}
.mt-7,
.my-7 {
  margin-top: 3.5rem;
}
.mb-7,
.my-7 {
  margin-bottom: 3.5rem;
}
.mt-8,
.my-8 {
  margin-top: 4rem;
}
.mb-8,
.my-8 {
  margin-bottom: 4rem;
}
.ml-auto,
.mx-auto {
  margin-left: auto;
}
.mr-auto,
.mx-auto {
  margin-right: auto;
}
.ml-0,
.mx-0 {
  margin-left: 0;
}
.mr-0,
.mx-0 {
  margin-right: 0;
}
.ml-1,
.mx-1 {
  margin-left: 0.5rem;
}
.mr-1,
.mx-1 {
  margin-right: 0.5rem;
}
.ml-2,
.mx-2 {
  margin-left: 1rem;
}
.mr-2,
.mx-2 {
  margin-right: 1rem;
}
.ml-3,
.mx-3 {
  margin-left: 1.5rem;
}
.mr-3,
.mx-3 {
  margin-right: 1.5rem;
}
.ml-4,
.mx-4 {
  margin-left: 2rem;
}
.mr-4,
.mx-4 {
  margin-right: 2rem;
}
.ml-5,
.mx-5 {
  margin-left: 2.5rem;
}
.mr-5,
.mx-5 {
  margin-right: 2.5rem;
}
.ml-6,
.mx-6 {
  margin-left: 3rem;
}
.mr-6,
.mx-6 {
  margin-right: 3rem;
}
.ml-7,
.mx-7 {
  margin-left: 3.5rem;
}
.mr-7,
.mx-7 {
  margin-right: 3.5rem;
}
.ml-8,
.mx-8 {
  margin-left: 4rem;
}
.mr-8,
.mx-8 {
  margin-right: 4rem;
}
.pt-0,
.py-0 {
  padding-top: 0;
}
.pb-0,
.py-0 {
  padding-bottom: 0;
}
.pt-1,
.py-1 {
  padding-top: 0.5rem;
}
.pb-1,
.py-1 {
  padding-bottom: 0.5rem;
}
.pt-2,
.py-2 {
  padding-top: 1rem;
}
.pb-2,
.py-2 {
  padding-bottom: 1rem;
}
.pt-3,
.py-3 {
  padding-top: 1.5rem;
}
.pb-3,
.py-3 {
  padding-bottom: 1.5rem;
}
.pt-4,
.py-4 {
  padding-top: 2rem;
}
.pb-4,
.py-4 {
  padding-bottom: 2rem;
}
.pt-5,
.py-5 {
  padding-top: 2.5rem;
}
.pb-5,
.py-5 {
  padding-bottom: 2.5rem;
}
.pt-6,
.py-6 {
  padding-top: 3rem;
}
.pb-6,
.py-6 {
  padding-bottom: 3rem;
}
.pt-7,
.py-7 {
  padding-top: 3.5rem;
}
.pb-7,
.py-7 {
  padding-bottom: 3.5rem;
}
.pt-8,
.py-8 {
  padding-top: 4rem;
}
.pb-8,
.py-8 {
  padding-bottom: 4rem;
}
.pl-0,
.px-0 {
  padding-left: 0;
}
.pr-0,
.px-0 {
  padding-right: 0;
}
.pl-1,
.px-1 {
  padding-left: 0.5rem;
}
.pr-1,
.px-1 {
  padding-right: 0.5rem;
}
.pl-2,
.px-2 {
  padding-left: 1rem;
}
.pr-2,
.px-2 {
  padding-right: 1rem;
}
.pl-3,
.px-3 {
  padding-left: 1.5rem;
}
.pr-3,
.px-3 {
  padding-right: 1.5rem;
}
.pl-4,
.px-4 {
  padding-left: 2rem;
}
.pr-4,
.px-4 {
  padding-right: 2rem;
}
.pl-5,
.px-5 {
  padding-left: 2.5rem;
}
.pr-5,
.px-5 {
  padding-right: 2.5rem;
}
.pl-6,
.px-6 {
  padding-left: 3rem;
}
.pr-6,
.px-6 {
  padding-right: 3rem;
}
.pl-7,
.px-7 {
  padding-left: 3.5rem;
}
.pr-7,
.px-7 {
  padding-right: 3.5rem;
}
.pl-8,
.px-8 {
  padding-left: 4rem;
}
.pr-8,
.px-8 {
  padding-right: 4rem;
}
.pt-5p,
.py-5p {
  padding-top: 5%;
}
.pb-5p,
.py-5p {
  padding-bottom: 5%;
}
.pl-5p,
.px-5p {
  padding-left: 5%;
}
.pr-5p,
.px-5p {
  padding-right: 5%;
}
.pt-10p,
.py-10p {
  padding-top: 10%;
}
.pb-10p,
.py-10p {
  padding-bottom: 10%;
}
.pl-10p,
.px-10p {
  padding-left: 10%;
}
.pr-10p,
.px-10p {
  padding-right: 10%;
}
@media (max-width: 1199px) {
  .hide_xl {
    display: none;
  }
  .no-border_xl {
    border-style: none;
  }
}
@media (max-width: 991px) {
  .hide_lg {
    display: none;
  }
  .no-border_lg {
    border-style: none;
  }
}
@media (max-width: 767px) {
  .hide_md {
    display: none;
  }
  .no-border_md {
    border-style: none;
  }
  .h-50vw_md {
    height: 50vw;
  }
  .mx-0_md {
    margin-left: 0;
    margin-right: 0;
  }
  .px-0_md {
    padding-left: 0;
    padding-right: 0;
  }
  .pt-0_md {
    padding-top: 0;
  }
  .pb-0_md {
    padding-bottom: 0;
  }
  .items-center_md {
    align-items: center;
  }
}
@media (max-width: 575px) {
  .hide_sm {
    display: none;
  }
  .no-border_sm {
    border-style: none;
  }
  .mx-0_sm {
    margin-left: 0;
    margin-right: 0;
  }
  .px-0_sm {
    padding-left: 0;
    padding-right: 0;
  }
  .pt-0_sm {
    padding-top: 0;
  }
  .pb-0_sm {
    padding-bottom: 0;
  }
}
@media (min-width: 576px) {
  .sm_hidden {
    display: none !important;
  }
  .sm_flex {
    display: flex;
  }
  .sm_grid {
    display: grid;
  }
  .sm_block {
    display: block;
  }
  .sm_cols-2 {
    columns: 2;
  }
  .sm_cols-3 {
    columns: 3;
  }
  .sm_row {
    flex-direction: row;
  }
  .sm_align-left {
    text-align: left;
  }
  .sm_align-right {
    text-align: right;
  }
  .sm_align-center {
    text-align: center;
  }
  .sm_float-right {
    float: right;
  }
  .sm_float-left {
    float: left;
  }
  .sm_float-none {
    float: none;
  }
  .sm_clear-both {
    clear: both;
  }
  .sm_mt-0,
  .sm_my-0 {
    margin-top: 0;
  }
  .sm_mb-0,
  .sm_my-0 {
    margin-bottom: 0;
  }
  .sm_mt-1,
  .sm_my-1 {
    margin-top: 0.5rem;
  }
  .sm_mb-1,
  .sm_my-1 {
    margin-bottom: 0.5rem;
  }
  .sm_mt-2,
  .sm_my-2 {
    margin-top: 1rem;
  }
  .sm_mb-2,
  .sm_my-2 {
    margin-bottom: 1rem;
  }
  .sm_mt-3,
  .sm_my-3 {
    margin-top: 1.5rem;
  }
  .sm_mb-3,
  .sm_my-3 {
    margin-bottom: 1.5rem;
  }
  .sm_mt-4,
  .sm_my-4 {
    margin-top: 2rem;
  }
  .sm_mb-4,
  .sm_my-4 {
    margin-bottom: 2rem;
  }
  .sm_mt-5,
  .sm_my-5 {
    margin-top: 2.5rem;
  }
  .sm_mb-5,
  .sm_my-5 {
    margin-bottom: 2.5rem;
  }
  .sm_mt-6,
  .sm_my-6 {
    margin-top: 3rem;
  }
  .sm_mb-6,
  .sm_my-6 {
    margin-bottom: 3rem;
  }
  .sm_mt-7,
  .sm_my-7 {
    margin-top: 3.5rem;
  }
  .sm_mb-7,
  .sm_my-7 {
    margin-bottom: 3.5rem;
  }
  .sm_mt-8,
  .sm_my-8 {
    margin-top: 4rem;
  }
  .sm_mb-8,
  .sm_my-8 {
    margin-bottom: 4rem;
  }
  .sm_ml-0,
  .sm_mx-0 {
    margin-left: 0;
  }
  .sm_mr-0,
  .sm_mx-0 {
    margin-right: 0;
  }
  .sm_ml-1,
  .sm_mx-1 {
    margin-left: 0.5rem;
  }
  .sm_mr-1,
  .sm_mx-1 {
    margin-right: 0.5rem;
  }
  .sm_ml-2,
  .sm_mx-2 {
    margin-left: 1rem;
  }
  .sm_mr-2,
  .sm_mx-2 {
    margin-right: 1rem;
  }
  .sm_ml-3,
  .sm_mx-3 {
    margin-left: 1.5rem;
  }
  .sm_mr-3,
  .sm_mx-3 {
    margin-right: 1.5rem;
  }
  .sm_ml-4,
  .sm_mx-4 {
    margin-left: 2rem;
  }
  .sm_mr-4,
  .sm_mx-4 {
    margin-right: 2rem;
  }
  .sm_ml-5,
  .sm_mx-5 {
    margin-left: 2.5rem;
  }
  .sm_mr-5,
  .sm_mx-5 {
    margin-right: 2.5rem;
  }
  .sm_ml-6,
  .sm_mx-6 {
    margin-left: 3rem;
  }
  .sm_mr-6,
  .sm_mx-6 {
    margin-right: 3rem;
  }
  .sm_ml-7,
  .sm_mx-7 {
    margin-left: 3.5rem;
  }
  .sm_mr-7,
  .sm_mx-7 {
    margin-right: 3.5rem;
  }
  .sm_ml-8,
  .sm_mx-8 {
    margin-left: 4rem;
  }
  .sm_mr-8,
  .sm_mx-8 {
    margin-right: 4rem;
  }
  .sm_ml-auto,
  .sm_mx-auto {
    margin-left: auto;
  }
  .sm_mr-auto,
  .sm_mx-auto {
    margin-right: auto;
  }
  .sm_pt-0,
  .sm_py-0 {
    padding-top: 0;
  }
  .sm_pb-0,
  .sm_py-0 {
    padding-bottom: 0;
  }
  .sm_pt-1,
  .sm_py-1 {
    padding-top: 0.5rem;
  }
  .sm_pb-1,
  .sm_py-1 {
    padding-bottom: 0.5rem;
  }
  .sm_pt-2,
  .sm_py-2 {
    padding-top: 1rem;
  }
  .sm_pb-2,
  .sm_py-2 {
    padding-bottom: 1rem;
  }
  .sm_pt-3,
  .sm_py-3 {
    padding-top: 1.5rem;
  }
  .sm_pb-3,
  .sm_py-3 {
    padding-bottom: 1.5rem;
  }
  .sm_pt-4,
  .sm_py-4 {
    padding-top: 2rem;
  }
  .sm_pb-4,
  .sm_py-4 {
    padding-bottom: 2rem;
  }
  .sm_pt-5,
  .sm_py-5 {
    padding-top: 2.5rem;
  }
  .sm_pb-5,
  .sm_py-5 {
    padding-bottom: 2.5rem;
  }
  .sm_pt-6,
  .sm_py-6 {
    padding-top: 3rem;
  }
  .sm_pb-6,
  .sm_py-6 {
    padding-bottom: 3rem;
  }
  .sm_pt-7,
  .sm_py-7 {
    padding-top: 3.5rem;
  }
  .sm_pb-7,
  .sm_py-7 {
    padding-bottom: 3.5rem;
  }
  .sm_pt-8,
  .sm_py-8 {
    padding-top: 4rem;
  }
  .sm_pb-8,
  .sm_py-8 {
    padding-bottom: 4rem;
  }
  .sm_pl-0,
  .sm_px-0 {
    padding-left: 0;
  }
  .sm_pr-0,
  .sm_px-0 {
    padding-right: 0;
  }
  .sm_pl-1,
  .sm_px-1 {
    padding-left: 0.5rem;
  }
  .sm_pr-1,
  .sm_px-1 {
    padding-right: 0.5rem;
  }
  .sm_pl-2,
  .sm_px-2 {
    padding-left: 1rem;
  }
  .sm_pr-2,
  .sm_px-2 {
    padding-right: 1rem;
  }
  .sm_pl-3,
  .sm_px-3 {
    padding-left: 1.5rem;
  }
  .sm_pr-3,
  .sm_px-3 {
    padding-right: 1.5rem;
  }
  .sm_pl-4,
  .sm_px-4 {
    padding-left: 2rem;
  }
  .sm_pr-4,
  .sm_px-4 {
    padding-right: 2rem;
  }
  .sm_pl-5,
  .sm_px-5 {
    padding-left: 2.5rem;
  }
  .sm_pr-5,
  .sm_px-5 {
    padding-right: 2.5rem;
  }
  .sm_pl-6,
  .sm_px-6 {
    padding-left: 3rem;
  }
  .sm_pr-6,
  .sm_px-6 {
    padding-right: 3rem;
  }
  .sm_pl-7,
  .sm_px-7 {
    padding-left: 3.5rem;
  }
  .sm_pr-7,
  .sm_px-7 {
    padding-right: 3.5rem;
  }
  .sm_pl-8,
  .sm_px-8 {
    padding-left: 4rem;
  }
  .sm_pr-8,
  .sm_px-8 {
    padding-right: 4rem;
  }
  .sm_pt-5p,
  .sm_py-5p {
    padding-top: 5%;
  }
  .sm_pb-5p,
  .sm_py-5p {
    padding-bottom: 5%;
  }
  .sm_pl-5p,
  .sm_px-5p {
    padding-left: 5%;
  }
  .sm_pr-5p,
  .sm_px-5p {
    padding-right: 5%;
  }
  .sm_pt-10p,
  .sm_py-10p {
    padding-top: 10%;
  }
  .sm_pb-10p,
  .sm_py-10p {
    padding-bottom: 10%;
  }
  .sm_pl-10p,
  .sm_px-10p {
    padding-left: 10%;
  }
  .sm_pr-10p,
  .sm_px-10p {
    padding-right: 10%;
  }
}
@media (min-width: 768px) {
  .md_hidden {
    display: none !important;
  }
  .md_flex {
    display: flex;
  }
  .md_grid {
    display: grid;
  }
  .md_block {
    display: block;
  }
  .md_cols-2 {
    columns: 2;
  }
  .md_cols-3 {
    columns: 3;
  }
  .md_row {
    flex-direction: row;
  }
  .md_align-left {
    text-align: left;
  }
  .md_align-right {
    text-align: right;
  }
  .md_align-center {
    text-align: center;
  }
  .md_float-right {
    float: right;
  }
  .md_float-left {
    float: left;
  }
  .md_float-none {
    float: none;
  }
  .md_clear-both {
    clear: both;
  }
  .md_mt-0,
  .md_my-0 {
    margin-top: 0;
  }
  .md_mb-0,
  .md_my-0 {
    margin-bottom: 0;
  }
  .md_mt-1,
  .md_my-1 {
    margin-top: 0.5rem;
  }
  .md_mb-1,
  .md_my-1 {
    margin-bottom: 0.5rem;
  }
  .md_mt-2,
  .md_my-2 {
    margin-top: 1rem;
  }
  .md_mb-2,
  .md_my-2 {
    margin-bottom: 1rem;
  }
  .md_mt-3,
  .md_my-3 {
    margin-top: 1.5rem;
  }
  .md_mb-3,
  .md_my-3 {
    margin-bottom: 1.5rem;
  }
  .md_mt-4,
  .md_my-4 {
    margin-top: 2rem;
  }
  .md_mb-4,
  .md_my-4 {
    margin-bottom: 2rem;
  }
  .md_mt-5,
  .md_my-5 {
    margin-top: 2.5rem;
  }
  .md_mb-5,
  .md_my-5 {
    margin-bottom: 2.5rem;
  }
  .md_mt-6,
  .md_my-6 {
    margin-top: 3rem;
  }
  .md_mb-6,
  .md_my-6 {
    margin-bottom: 3rem;
  }
  .md_mt-7,
  .md_my-7 {
    margin-top: 3.5rem;
  }
  .md_mb-7,
  .md_my-7 {
    margin-bottom: 3.5rem;
  }
  .md_mt-8,
  .md_my-8 {
    margin-top: 4rem;
  }
  .md_mb-8,
  .md_my-8 {
    margin-bottom: 4rem;
  }
  .md_ml-0,
  .md_mx-0 {
    margin-left: 0;
  }
  .md_mr-0,
  .md_mx-0 {
    margin-right: 0;
  }
  .md_ml-1,
  .md_mx-1 {
    margin-left: 0.5rem;
  }
  .md_mr-1,
  .md_mx-1 {
    margin-right: 0.5rem;
  }
  .md_ml-2,
  .md_mx-2 {
    margin-left: 1rem;
  }
  .md_mr-2,
  .md_mx-2 {
    margin-right: 1rem;
  }
  .md_ml-3,
  .md_mx-3 {
    margin-left: 1.5rem;
  }
  .md_mr-3,
  .md_mx-3 {
    margin-right: 1.5rem;
  }
  .md_ml-4,
  .md_mx-4 {
    margin-left: 2rem;
  }
  .md_mr-4,
  .md_mx-4 {
    margin-right: 2rem;
  }
  .md_ml-5,
  .md_mx-5 {
    margin-left: 2.5rem;
  }
  .md_mr-5,
  .md_mx-5 {
    margin-right: 2.5rem;
  }
  .md_ml-6,
  .md_mx-6 {
    margin-left: 3rem;
  }
  .md_mr-6,
  .md_mx-6 {
    margin-right: 3rem;
  }
  .md_ml-7,
  .md_mx-7 {
    margin-left: 3.5rem;
  }
  .md_mr-7,
  .md_mx-7 {
    margin-right: 3.5rem;
  }
  .md_ml-8,
  .md_mx-8 {
    margin-left: 4rem;
  }
  .md_mr-8,
  .md_mx-8 {
    margin-right: 4rem;
  }
  .md_ml-auto,
  .md_mx-auto {
    margin-left: auto;
  }
  .md_mr-auto,
  .md_mx-auto {
    margin-right: auto;
  }
  .md_pt-0,
  .md_py-0 {
    padding-top: 0;
  }
  .md_pb-0,
  .md_py-0 {
    padding-bottom: 0;
  }
  .md_pt-1,
  .md_py-1 {
    padding-top: 0.5rem;
  }
  .md_pb-1,
  .md_py-1 {
    padding-bottom: 0.5rem;
  }
  .md_pt-2,
  .md_py-2 {
    padding-top: 1rem;
  }
  .md_pb-2,
  .md_py-2 {
    padding-bottom: 1rem;
  }
  .md_pt-3,
  .md_py-3 {
    padding-top: 1.5rem;
  }
  .md_pb-3,
  .md_py-3 {
    padding-bottom: 1.5rem;
  }
  .md_pt-4,
  .md_py-4 {
    padding-top: 2rem;
  }
  .md_pb-4,
  .md_py-4 {
    padding-bottom: 2rem;
  }
  .md_pt-5,
  .md_py-5 {
    padding-top: 2.5rem;
  }
  .md_pb-5,
  .md_py-5 {
    padding-bottom: 2.5rem;
  }
  .md_pt-6,
  .md_py-6 {
    padding-top: 3rem;
  }
  .md_pb-6,
  .md_py-6 {
    padding-bottom: 3rem;
  }
  .md_pt-7,
  .md_py-7 {
    padding-top: 3.5rem;
  }
  .md_pb-7,
  .md_py-7 {
    padding-bottom: 3.5rem;
  }
  .md_pt-8,
  .md_py-8 {
    padding-top: 4rem;
  }
  .md_pb-8,
  .md_py-8 {
    padding-bottom: 4rem;
  }
  .md_pl-0,
  .md_px-0 {
    padding-left: 0;
  }
  .md_pr-0,
  .md_px-0 {
    padding-right: 0;
  }
  .md_pl-1,
  .md_px-1 {
    padding-left: 0.5rem;
  }
  .md_pr-1,
  .md_px-1 {
    padding-right: 0.5rem;
  }
  .md_pl-2,
  .md_px-2 {
    padding-left: 1rem;
  }
  .md_pr-2,
  .md_px-2 {
    padding-right: 1rem;
  }
  .md_pl-3,
  .md_px-3 {
    padding-left: 1.5rem;
  }
  .md_pr-3,
  .md_px-3 {
    padding-right: 1.5rem;
  }
  .md_pl-4,
  .md_px-4 {
    padding-left: 2rem;
  }
  .md_pr-4,
  .md_px-4 {
    padding-right: 2rem;
  }
  .md_pl-5,
  .md_px-5 {
    padding-left: 2.5rem;
  }
  .md_pr-5,
  .md_px-5 {
    padding-right: 2.5rem;
  }
  .md_pl-6,
  .md_px-6 {
    padding-left: 3rem;
  }
  .md_pr-6,
  .md_px-6 {
    padding-right: 3rem;
  }
  .md_pl-7,
  .md_px-7 {
    padding-left: 3.5rem;
  }
  .md_pr-7,
  .md_px-7 {
    padding-right: 3.5rem;
  }
  .md_pl-8,
  .md_px-8 {
    padding-left: 4rem;
  }
  .md_pr-8,
  .md_px-8 {
    padding-right: 4rem;
  }
  .md_pt-5p,
  .md_py-5p {
    padding-top: 5%;
  }
  .md_pb-5p,
  .md_py-5p {
    padding-bottom: 5%;
  }
  .md_pl-5p,
  .md_px-5p {
    padding-left: 5%;
  }
  .md_pr-5p,
  .md_px-5p {
    padding-right: 5%;
  }
  .md_pt-10p,
  .md_py-10p {
    padding-top: 10%;
  }
  .md_pb-10p,
  .md_py-10p {
    padding-bottom: 10%;
  }
  .md_pl-10p,
  .md_px-10p {
    padding-left: 10%;
  }
  .md_pr-10p,
  .md_px-10p {
    padding-right: 10%;
  }
}
@media (min-width: 992px) {
  .lg_hidden {
    display: none !important;
  }
  .lg_flex {
    display: flex;
  }
  .lg_grid {
    display: grid;
  }
  .lg_block {
    display: block;
  }
  .lg_cols-2 {
    columns: 2;
  }
  .lg_cols-3 {
    columns: 3;
  }
  .lg_row {
    flex-direction: row;
  }
  .lg_align-left {
    text-align: left;
  }
  .lg_align-right {
    text-align: right;
  }
  .lg_align-center {
    text-align: center;
  }
  .lg_float-right {
    float: right;
  }
  .lg_float-left {
    float: left;
  }
  .lg_float-none {
    float: none;
  }
  .lg_clear-both {
    clear: both;
  }
  .lg_mt-0,
  .lg_my-0 {
    margin-top: 0;
  }
  .lg_mb-0,
  .lg_my-0 {
    margin-bottom: 0;
  }
  .lg_mt-1,
  .lg_my-1 {
    margin-top: 0.5rem;
  }
  .lg_mb-1,
  .lg_my-1 {
    margin-bottom: 0.5rem;
  }
  .lg_mt-2,
  .lg_my-2 {
    margin-top: 1rem;
  }
  .lg_mb-2,
  .lg_my-2 {
    margin-bottom: 1rem;
  }
  .lg_mt-3,
  .lg_my-3 {
    margin-top: 1.5rem;
  }
  .lg_mb-3,
  .lg_my-3 {
    margin-bottom: 1.5rem;
  }
  .lg_mt-4,
  .lg_my-4 {
    margin-top: 2rem;
  }
  .lg_mb-4,
  .lg_my-4 {
    margin-bottom: 2rem;
  }
  .lg_mt-5,
  .lg_my-5 {
    margin-top: 2.5rem;
  }
  .lg_mb-5,
  .lg_my-5 {
    margin-bottom: 2.5rem;
  }
  .lg_mt-6,
  .lg_my-6 {
    margin-top: 3rem;
  }
  .lg_mb-6,
  .lg_my-6 {
    margin-bottom: 3rem;
  }
  .lg_mt-7,
  .lg_my-7 {
    margin-top: 3.5rem;
  }
  .lg_mb-7,
  .lg_my-7 {
    margin-bottom: 3.5rem;
  }
  .lg_mt-8,
  .lg_my-8 {
    margin-top: 4rem;
  }
  .lg_mb-8,
  .lg_my-8 {
    margin-bottom: 4rem;
  }
  .lg_ml-0,
  .lg_mx-0 {
    margin-left: 0;
  }
  .lg_mr-0,
  .lg_mx-0 {
    margin-right: 0;
  }
  .lg_ml-1,
  .lg_mx-1 {
    margin-left: 0.5rem;
  }
  .lg_mr-1,
  .lg_mx-1 {
    margin-right: 0.5rem;
  }
  .lg_ml-2,
  .lg_mx-2 {
    margin-left: 1rem;
  }
  .lg_mr-2,
  .lg_mx-2 {
    margin-right: 1rem;
  }
  .lg_ml-3,
  .lg_mx-3 {
    margin-left: 1.5rem;
  }
  .lg_mr-3,
  .lg_mx-3 {
    margin-right: 1.5rem;
  }
  .lg_ml-4,
  .lg_mx-4 {
    margin-left: 2rem;
  }
  .lg_mr-4,
  .lg_mx-4 {
    margin-right: 2rem;
  }
  .lg_ml-5,
  .lg_mx-5 {
    margin-left: 2.5rem;
  }
  .lg_mr-5,
  .lg_mx-5 {
    margin-right: 2.5rem;
  }
  .lg_ml-6,
  .lg_mx-6 {
    margin-left: 3rem;
  }
  .lg_mr-6,
  .lg_mx-6 {
    margin-right: 3rem;
  }
  .lg_ml-7,
  .lg_mx-7 {
    margin-left: 3.5rem;
  }
  .lg_mr-7,
  .lg_mx-7 {
    margin-right: 3.5rem;
  }
  .lg_ml-8,
  .lg_mx-8 {
    margin-left: 4rem;
  }
  .lg_mr-8,
  .lg_mx-8 {
    margin-right: 4rem;
  }
  .lg_ml-auto,
  .lg_mx-auto {
    margin-left: auto;
  }
  .lg_mr-auto,
  .lg_mx-auto {
    margin-right: auto;
  }
  .lg_pt-0,
  .lg_py-0 {
    padding-top: 0;
  }
  .lg_pb-0,
  .lg_py-0 {
    padding-bottom: 0;
  }
  .lg_pt-1,
  .lg_py-1 {
    padding-top: 0.5rem;
  }
  .lg_pb-1,
  .lg_py-1 {
    padding-bottom: 0.5rem;
  }
  .lg_pt-2,
  .lg_py-2 {
    padding-top: 1rem;
  }
  .lg_pb-2,
  .lg_py-2 {
    padding-bottom: 1rem;
  }
  .lg_pt-3,
  .lg_py-3 {
    padding-top: 1.5rem;
  }
  .lg_pb-3,
  .lg_py-3 {
    padding-bottom: 1.5rem;
  }
  .lg_pt-4,
  .lg_py-4 {
    padding-top: 2rem;
  }
  .lg_pb-4,
  .lg_py-4 {
    padding-bottom: 2rem;
  }
  .lg_pt-5,
  .lg_py-5 {
    padding-top: 2.5rem;
  }
  .lg_pb-5,
  .lg_py-5 {
    padding-bottom: 2.5rem;
  }
  .lg_pt-6,
  .lg_py-6 {
    padding-top: 3rem;
  }
  .lg_pb-6,
  .lg_py-6 {
    padding-bottom: 3rem;
  }
  .lg_pt-7,
  .lg_py-7 {
    padding-top: 3.5rem;
  }
  .lg_pb-7,
  .lg_py-7 {
    padding-bottom: 3.5rem;
  }
  .lg_pt-8,
  .lg_py-8 {
    padding-top: 4rem;
  }
  .lg_pb-8,
  .lg_py-8 {
    padding-bottom: 4rem;
  }
  .lg_pl-0,
  .lg_px-0 {
    padding-left: 0;
  }
  .lg_pr-0,
  .lg_px-0 {
    padding-right: 0;
  }
  .lg_pl-1,
  .lg_px-1 {
    padding-left: 0.5rem;
  }
  .lg_pr-1,
  .lg_px-1 {
    padding-right: 0.5rem;
  }
  .lg_pl-2,
  .lg_px-2 {
    padding-left: 1rem;
  }
  .lg_pr-2,
  .lg_px-2 {
    padding-right: 1rem;
  }
  .lg_pl-3,
  .lg_px-3 {
    padding-left: 1.5rem;
  }
  .lg_pr-3,
  .lg_px-3 {
    padding-right: 1.5rem;
  }
  .lg_pl-4,
  .lg_px-4 {
    padding-left: 2rem;
  }
  .lg_pr-4,
  .lg_px-4 {
    padding-right: 2rem;
  }
  .lg_pl-5,
  .lg_px-5 {
    padding-left: 2.5rem;
  }
  .lg_pr-5,
  .lg_px-5 {
    padding-right: 2.5rem;
  }
  .lg_pl-6,
  .lg_px-6 {
    padding-left: 3rem;
  }
  .lg_pr-6,
  .lg_px-6 {
    padding-right: 3rem;
  }
  .lg_pl-7,
  .lg_px-7 {
    padding-left: 3.5rem;
  }
  .lg_pr-7,
  .lg_px-7 {
    padding-right: 3.5rem;
  }
  .lg_pl-8,
  .lg_px-8 {
    padding-left: 4rem;
  }
  .lg_pr-8,
  .lg_px-8 {
    padding-right: 4rem;
  }
  .lg_pt-5p,
  .lg_py-5p {
    padding-top: 5%;
  }
  .lg_pb-5p,
  .lg_py-5p {
    padding-bottom: 5%;
  }
  .lg_pl-5p,
  .lg_px-5p {
    padding-left: 5%;
  }
  .lg_pr-5p,
  .lg_px-5p {
    padding-right: 5%;
  }
  .lg_pt-10p,
  .lg_py-10p {
    padding-top: 10%;
  }
  .lg_pb-10p,
  .lg_py-10p {
    padding-bottom: 10%;
  }
  .lg_pl-10p,
  .lg_px-10p {
    padding-left: 10%;
  }
  .lg_pr-10p,
  .lg_px-10p {
    padding-right: 10%;
  }
}
@media (min-width: 1200px) {
  .xl_hidden {
    display: none !important;
  }
  .xl_flex {
    display: flex;
  }
  .xl_grid {
    display: grid;
  }
  .xl_cols-2 {
    columns: 2;
  }
  .xl_cols-3 {
    columns: 3;
  }
  .xl_row {
    flex-direction: row;
  }
  .xl_float-right {
    float: right;
  }
  .xl_float-left {
    float: left;
  }
  .xl_float-none {
    float: none;
  }
  .xl_clear-both {
    clear: both;
  }
  .xl_mr-1\/4 {
    margin-right: 25%;
  }
  .xl_mt-0,
  .xl_my-0 {
    margin-top: 0;
  }
  .xl_mb-0,
  .xl_my-0 {
    margin-bottom: 0;
  }
  .xl_mt-1,
  .xl_my-1 {
    margin-top: 0.5rem;
  }
  .xl_mb-1,
  .xl_my-1 {
    margin-bottom: 0.5rem;
  }
  .xl_mt-2,
  .xl_my-2 {
    margin-top: 1rem;
  }
  .xl_mb-2,
  .xl_my-2 {
    margin-bottom: 1rem;
  }
  .xl_mt-3,
  .xl_my-3 {
    margin-top: 1.5rem;
  }
  .xl_mb-3,
  .xl_my-3 {
    margin-bottom: 1.5rem;
  }
  .xl_mt-4,
  .xl_my-4 {
    margin-top: 2rem;
  }
  .xl_mb-4,
  .xl_my-4 {
    margin-bottom: 2rem;
  }
  .xl_mt-5,
  .xl_my-5 {
    margin-top: 2.5rem;
  }
  .xl_mb-5,
  .xl_my-5 {
    margin-bottom: 2.5rem;
  }
  .xl_mt-6,
  .xl_my-6 {
    margin-top: 3rem;
  }
  .xl_mb-6,
  .xl_my-6 {
    margin-bottom: 3rem;
  }
  .xl_mt-7,
  .xl_my-7 {
    margin-top: 3.5rem;
  }
  .xl_mb-7,
  .xl_my-7 {
    margin-bottom: 3.5rem;
  }
  .xl_mt-8,
  .xl_my-8 {
    margin-top: 4rem;
  }
  .xl_mb-8,
  .xl_my-8 {
    margin-bottom: 4rem;
  }
  .xl_ml-0,
  .xl_mx-0 {
    margin-left: 0;
  }
  .xl_mr-0,
  .xl_mx-0 {
    margin-right: 0;
  }
  .xl_ml-1,
  .xl_mx-1 {
    margin-left: 0.5rem;
  }
  .xl_mr-1,
  .xl_mx-1 {
    margin-right: 0.5rem;
  }
  .xl_ml-2,
  .xl_mx-2 {
    margin-left: 1rem;
  }
  .xl_mr-2,
  .xl_mx-2 {
    margin-right: 1rem;
  }
  .xl_ml-3,
  .xl_mx-3 {
    margin-left: 1.5rem;
  }
  .xl_mr-3,
  .xl_mx-3 {
    margin-right: 1.5rem;
  }
  .xl_ml-4,
  .xl_mx-4 {
    margin-left: 2rem;
  }
  .xl_mr-4,
  .xl_mx-4 {
    margin-right: 2rem;
  }
  .xl_ml-5,
  .xl_mx-5 {
    margin-left: 2.5rem;
  }
  .xl_mr-5,
  .xl_mx-5 {
    margin-right: 2.5rem;
  }
  .xl_ml-6,
  .xl_mx-6 {
    margin-left: 3rem;
  }
  .xl_mr-6,
  .xl_mx-6 {
    margin-right: 3rem;
  }
  .xl_ml-7,
  .xl_mx-7 {
    margin-left: 3.5rem;
  }
  .xl_mr-7,
  .xl_mx-7 {
    margin-right: 3.5rem;
  }
  .xl_ml-8,
  .xl_mx-8 {
    margin-left: 4rem;
  }
  .xl_mr-8,
  .xl_mx-8 {
    margin-right: 4rem;
  }
  .xl_ml-auto,
  .xl_mx-auto {
    margin-left: auto;
  }
  .xl_mr-auto,
  .xl_mx-auto {
    margin-right: auto;
  }
  .xl_pt-0,
  .xl_py-0 {
    padding-top: 0;
  }
  .xl_pb-0,
  .xl_py-0 {
    padding-bottom: 0;
  }
  .xl_pt-1,
  .xl_py-1 {
    padding-top: 1rem;
  }
  .xl_pb-1,
  .xl_py-1 {
    padding-bottom: 1rem;
  }
  .xl_pt-2,
  .xl_py-2 {
    padding-top: 2rem;
  }
  .xl_pb-2,
  .xl_py-2 {
    padding-bottom: 2rem;
  }
  .xl_pt-3,
  .xl_py-3 {
    padding-top: 3rem;
  }
  .xl_pb-3,
  .xl_py-3 {
    padding-bottom: 3rem;
  }
  .xl_pt-4,
  .xl_py-4 {
    padding-top: 4rem;
  }
  .xl_pb-4,
  .xl_py-4 {
    padding-bottom: 4rem;
  }
  .xl_pt-5,
  .xl_py-5 {
    padding-top: 5rem;
  }
  .xl_pb-5,
  .xl_py-5 {
    padding-bottom: 5rem;
  }
  .xl_pt-6,
  .xl_py-6 {
    padding-top: 6rem;
  }
  .xl_pb-6,
  .xl_py-6 {
    padding-bottom: 6rem;
  }
  .xl_pt-7,
  .xl_py-7 {
    padding-top: 7rem;
  }
  .xl_pb-7,
  .xl_py-7 {
    padding-bottom: 7rem;
  }
  .xl_pt-8,
  .xl_py-8 {
    padding-top: 8rem;
  }
  .xl_pb-8,
  .xl_py-8 {
    padding-bottom: 8rem;
  }
  .xl_pl-0,
  .xl_px-0 {
    padding-left: 0;
  }
  .xl_pr-0,
  .xl_px-0 {
    padding-right: 0;
  }
  .xl_pl-1,
  .xl_px-1 {
    padding-left: 1rem;
  }
  .xl_pr-1,
  .xl_px-1 {
    padding-right: 1rem;
  }
  .xl_pl-2,
  .xl_px-2 {
    padding-left: 2rem;
  }
  .xl_pr-2,
  .xl_px-2 {
    padding-right: 2rem;
  }
  .xl_pl-3,
  .xl_px-3 {
    padding-left: 3rem;
  }
  .xl_pr-3,
  .xl_px-3 {
    padding-right: 3rem;
  }
  .xl_pl-4,
  .xl_px-4 {
    padding-left: 4rem;
  }
  .xl_pr-4,
  .xl_px-4 {
    padding-right: 4rem;
  }
  .xl_pl-5,
  .xl_px-5 {
    padding-left: 5rem;
  }
  .xl_pr-5,
  .xl_px-5 {
    padding-right: 5rem;
  }
  .xl_pl-6,
  .xl_px-6 {
    padding-left: 6rem;
  }
  .xl_pr-6,
  .xl_px-6 {
    padding-right: 6rem;
  }
  .xl_pl-7,
  .xl_px-7 {
    padding-left: 7rem;
  }
  .xl_pr-7,
  .xl_px-7 {
    padding-right: 7rem;
  }
  .xl_pl-8,
  .xl_px-8 {
    padding-left: 8rem;
  }
  .xl_pr-8,
  .xl_px-8 {
    padding-right: 8rem;
  }
}

/**
  * Comdata Theme
  * 
  * @author Comdata
  * @version 1.0
  */
.comdata {
  /**Fonts start**/
  --font-family: Roboto;
  --heading-font-family: Montserrat;
  /**Fonts end**/
  /*** Colors start ***/
  --banner-background-color: #F26964;
  --background-color: #2FB4E5;
  --white-color: #FFF;
  --light-blue-color: #58BEE8;
  /*** Form ***/
  --form-wrapper-background: #F5F5F5;
  --paymentoption-form-background: #ffffff;
  /*** Button ***/
  /*** Input Fields ***/
  /*** Text, Fonts and icons ***/
  --regular-black: 0, 0, 0, 0.87;
  --regular-white: 255, 255, 255, 0.87;
  --hilite-important-heading: #383D68;
  --hilite-important-subheading: #6C7599;
  --paymentoption-icons-border-color: #265f79;
  /**error message ***/
  --paymentstep-message-background: 242, 105, 100, 0.50;
  /*** Colors end ***/
}
.comdata button,
.comdata .btn {
  border-radius: 16px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  font-size: 16px;
  padding: 9px 16px;
  text-align: center;
  min-width: 152px;
  border: none;
  cursor: pointer;
  height: 56px;
}
.comdata .onfido-wrapper {
  display: flex;
  line-height: normal;
}
@media only screen and (max-width: 767px) {
  .comdata .onfido-wrapper {
    flex-direction: column-reverse;
  }
}
.comdata .onfido-image {
  width: 100%;
  background-image: url(../../../content/dam/e2e-apps/media/onfido-img.png);
  background-repeat: no-repeat;
  margin: 1rem 0 0 1rem;
}
@media only screen and (max-width: 767px) {
  .comdata .onfido-image {
    width: 100%;
    width: 329px;
    height: 136px;
    flex-shrink: 0;
    background-image: url(../../../content/dam/e2e-apps/media/onfido-mobile.png);
    margin: 0 0 2rem 0;
  }
}
.comdata .showImageForComdata {
  display: block !important;
}
.comdata .showImageForFuelman {
  display: none !important;
}
.comdata .main .hero-image-layout .treatmentImage {
  background: url(../../../content/dam/e2e-apps/media/NAT_TreatmentPage.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .comdata .main .hero-image-layout .treatmentImage {
    background: url(../../../content/dam/e2e-apps/media/NAT_TreatmentPage_mobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.comdata .main .hero-image-layout .disclosureImage {
  background: url(../../../content/dam/e2e-apps/media/NAT_TreatmentPage.png) #d3d3d3 50% / cover no-repeat;
}
@media (max-width: 768px) {
  .comdata .main .hero-image-layout .disclosureImage {
    background: url(../../../content/dam/e2e-apps/media/NAT_TreatmentPage_mobile.png) #d3d3d3 50% / cover no-repeat;
  }
}
.checkbox > input[type="radio"] {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%232FB4E5'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'%3E%3C/path%3E%3C/svg%3E");
}
.checkbox > input[type="radio"]:checked {
  background-position-y: initial;
  background-position-x: initial;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%232FB4E5'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'%3E%3C/path%3E%3Cpath d='M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z'%3E%3C/path%3E%3C/svg%3E");
  background-color: transparent;
}
.comdata .noBox-shadow .shadow-lg {
  box-shadow: none !important;
}
.comdata.horizontal-template :has(.addedMainHeight) .main {
  height: auto;
}

:root {
  /**Fonts start**/
  --font-family: Roboto;
  --heading-font-family: Oswald;
  --font-weight-bold: 700;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-light: 300;
  --font-weight-thin: 100;
  --font-weight-extra-light: 200;
  --font-weight-semi-bold: 600;
  /**Fonts end**/
  --white-color: #FFF;
  --background-color: #00e091;
  --disabled-background-color: #e3e3ef;
  --white-background-color: #FFF;
  --blue-color-shade-1: 47, 180, 229, 0.20;
  --blue-color-shade-2: 47, 180, 229, 0.10;
  --black-color-dark: 0, 0, 0, 1;
  --black-color-light: 0, 0, 0, 0.15;
  --banner-background-color: #000;
  /*** Input ***/
  --checkbox-border-color: #cecece;
  --input-border-color: #000;
  /*** Text, Fonts and icons ***/
  --regular-black: 0, 0, 0, 0.87;
  --regular-black-light: 0, 0, 0, 0.60;
  --regular-black-dark: 0, 0, 0;
  --regular-white: 255, 255, 255, 0.87;
  --hilite-important-heading: #383D68;
  --hilite-important-subheading: #6C7599;
  --dark-blue: #004eff;
  --font-style-normal: normal;
  --font-style-italic: italic;
  --font-style-oblique: oblique;
  --font-style-underline: underline;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-24: 24px;
  --font-size-28: 28px;
  --font-size-32: 32px;
  /**Forms**/
  --form-wrapper-background: #F5F5F5;
  /*** Error and Warning color ***/
  --warning-background-color: #FFD065;
}
:root .tc-document-heading {
  background-color: var(--dark-blue);
  width: 100%;
  display: inline-block;
  margin: 16px 0;
  color: var(--white-color);
  padding: 4px;
  font-weight: 700;
}
:root .showImageForComdata {
  display: none;
}
:root .showImageForFuelman {
  display: block;
}

/**
  * Fuelman Theme
  * 
  * @author Fuelman
  * @version 1.0
  */
.fuelman {
  /**Fonts start**/
  /**Fonts end**/
  /*** Colors start ***/
  /*** Form ***/
  --form-wrapper-background: #F5F5F5;
  --paymentoption-form-background: #ffffff;
  --background-color: red;
  --white-color: #FFF;
  --light-blue-color: #58BEE8;
  /*** Button ***/
  /*** Input Fields ***/
  /*** Text, Fonts and icons ***/
  --regular-black: 0, 0, 0, 0.87;
  --regular-white: 255, 255, 255, 0.87;
  --hilite-important-heading: #383D68;
  --hilite-important-subheading: #6C7599;
  --paymentoption-icons-border-color: #265f79;
  /**error message ***/
  --paymentstep-message-background: 242, 105, 100, 0.50;
  /*** Colors end ***/
}
.fuelman button,
.fuelman .btn {
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  font-size: 16px;
  padding: 9px 16px;
  text-align: center;
  min-width: 152px;
  border: none;
  cursor: pointer;
}
.fuelman .showImageForComdata {
  display: none!important;
}
.fuelman .showImageForFuelman {
  display: block !important;
}

.modal {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.10196078);
  border-radius: 8px;
  border-style: none;
  color: #6c7599;
}
.modal::backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}
.modal.transparent {
  box-shadow: none;
  border: none;
}
.modal.transparent:focus-visible {
  outline: none;
}
body:has(dialog[open]) {
  overflow: hidden;
}

.calendar {
  display: inline-block;
  font-family: Roboto, "Open Sans", Arial, sans-serif;
  background-color: #fff;
  color: #212121;
  box-shadow: 0 3px 16px rgba(56, 61, 104, 0.10196078);
  border-radius: 4px;
}
.calendar > div {
  min-width: 285px;
  margin: 0 auto;
}
.dp-header {
  color: #fff;
  background: #004EFF;
  border-radius: 4px 4px 0 0;
  padding: 14px 20px;
}
.dp-h1 {
  font-size: 32px;
  line-height: 40px;
}
.dp-pickyear {
  display: inline-block;
  color: #87aeff;
  font-size: 14px;
  cursor: pointer;
}
.mode-years .dp-h1 {
  color: #87aeff;
}
.mode-years .dp-pickyear {
  color: #ffffff;
}
.dp-pickday {
  position: relative;
  padding: 5px 16px;
  font-size: 14px;
  cursor: default;
  user-select: none;
  text-align: center;
}
.dp-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 2em;
  padding: 12px 2px 4px;
}
.dp-title {
  color: #212121;
  font-size: 16px;
  height: 28px;
  padding: 0 16px;
  line-height: 28px;
  text-transform: capitalize;
}
.dp-next,
.dp-prev {
  box-sizing: content-box;
  font-size: 0;
  padding: 2px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.dp-next:hover,
.dp-prev:hover {
  background: #f5f5f5;
}
.dp-week,
.dp-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}
.dp-week > div,
.dp-days > div {
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.dp-week {
  color: #a1a1a1;
  font-size: 12px;
}
.dp-day {
  cursor: pointer;
  border-radius: 50%;
}
.dp-day:hover {
  background: #f5f5f5;
}
.dp-day.active {
  color: #fff;
  background: #004EFF;
}
.dp-day-out {
  color: #eee;
  pointer-events: none;
}
.dp-years {
  display: none;
  position: absolute;
  z-index: 1;
  background: #fff;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 8px 16px;
  box-sizing: border-box;
  grid-template-columns: 1fr 1fr 1fr;
}
.dp-years > div {
  cursor: pointer;
  margin: 0 auto;
  line-height: 40px;
  font-size: 16px;
}
.dp-years > div:hover,
.dp-years > div.active {
  color: #004eff;
}
.dp-years > div.active {
  font-size: 20px;
}
.dp-years > div:hover,
.dp-years > div.active {
  font-weight: 600;
}
.mode-years .dp-years {
  display: grid;
}
.dp-scroll {
  overflow-y: auto;
}
.dp-scroll::-webkit-scrollbar {
  width: 8px;
}
.dp-scroll:hover::-webkit-scrollbar-thumb {
  background-color: #D0E0F0;
}
.dp-scroll::-webkit-scrollbar-thumb {
  cursor: pointer;
  background-color: white;
  border-radius: 3px;
  border: 2px solid white;
}
.dp-scroll::-webkit-scrollbar-thumb:active,
.dp-scroll::-webkit-scrollbar-thumb:hover {
  background-color: gray;
}

@media (min-width: 768px) {
  .cardsetup .subtitle {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: flex-start;
  }
  .cardsetup .subtitle .md_w-65 {
    width: 65%;
  }
  .cardsetup .subtitle .md_w-35 {
    width: 35%;
  }
}
.setup-header {
  border-bottom: 1.3px solid #d7d7da;
  margin-bottom: 16px;
}
.setup-header h3 {
  font-size: 16px;
  line-height: 25px;
}
.setup-header p {
  font-size: 14px;
  line-height: 1.5;
  margin-top: 0;
}
.setup-row.first > div:last-child {
  visibility: hidden;
}
@media (max-width: 767px) {
  .data-table {
    position: relative;
  }
  .data-table .btn-add {
    position: absolute;
    bottom: 12px;
    right: 25px;
  }
  .setup-row {
    background: #fff;
    position: relative;
    padding: 12px 16px 24px;
    border-radius: 5px;
    margin-top: 44px;
    margin-bottom: 24px;
  }
  .setup-row > div:first-child {
    position: absolute;
    top: -44px;
    left: 5px;
  }
  .setup-row > div:last-child {
    position: absolute;
    top: 16px;
    right: 16px;
  }
  .setup-row .text-input {
    margin-bottom: 4px;
  }
  .setup-row .driver-prompts,
  .setup-row .purchase-type,
  .setup-row .vehicle-type {
    width: 100% !important;
  }
  .setup-row select {
    padding-right: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (min-width: 768px) {
  .setup-row > div {
    display: inline-block;
    width: 20%;
    padding-right: 8px;
    margin: 0;
  }
  .setup-row > div:first-child {
    width: 7% !important;
  }
  .setup-row > div:first-child p {
    padding: 0;
    font-size: 12px;
    margin: 0.7em 0;
  }
  .setup-row > div:last-child {
    width: 8% !important;
    padding-right: 0;
    text-align: right;
  }
  .setup-row > div:last-child img {
    position: relative;
    top: 3px;
  }
  .setup-row.titles {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
  }
  .setup-row.titles > div {
    padding-left: 4px;
  }
  .setup-row.titles > div p {
    margin: .3em 0 .7em !important;
  }
  .setup-row.drivers > div {
    width: 26.65%;
  }
  .setup-row.pins > div {
    width: 40%;
  }
  .setup-row .text-input,
  .setup-row .tbl-input {
    position: relative;
    margin-bottom: 0;
  }
  .setup-row .text-input > input,
  .setup-row .tbl-input > input,
  .setup-row .text-input > select,
  .setup-row .tbl-input > select {
    width: 100%;
    font-size: 16px;
    appearance: none;
    border: none;
    padding: 4px;
    color: #383d68;
    background-color: transparent;
    text-overflow: ellipsis;
  }
  .setup-row .text-input > input:focus,
  .setup-row .tbl-input > input:focus,
  .setup-row .text-input > select:focus,
  .setup-row .tbl-input > select:focus {
    background-color: white;
    outline: 1px solid #004eff;
  }
  .setup-row .text-input.dropdown::after,
  .setup-row .tbl-input.dropdown::after {
    display: none;
  }
  .setup-row .text-input > span,
  .setup-row .tbl-input > span {
    display: none;
  }
  .setup-row .text-input.has-error:has(.errorfield) input,
  .setup-row .tbl-input.has-error:has(.errorfield) input,
  .setup-row .text-input.has-error:has(.errorfield) select,
  .setup-row .tbl-input.has-error:has(.errorfield) select {
    outline: 1px solid #ff6e40;
  }
}
.whiteBg {
  background: url(../../../content/dam/e2e-apps/media/Groupblank.b1aa0be6.svg);
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.toggle-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 1rem 0;
}
@media (max-width: 768px) {
  .toggle-container {
    flex-direction: column-reverse;
    align-items: center;
  }
}
.cardsetup-msg-wrapper {
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .cardsetup-msg-wrapper {
    margin-top: 0;
  }
}
.toggle {
  cursor: pointer;
}
.toggle a {
  color: #00e091;
}
.toggle :hover {
  text-decoration: none;
}
.paymentOptionHeader {
  margin-bottom: 10px;
}
.listBulletStylingBlue ul {
  margin: 0px;
  font-size: 12px;
}
.needHelpVerbiage {
  display: none;
}
.needHelpText .needHelpVerbiage {
  display: block;
}
.comparisionLink {
  display: none;
}
.showComparisionLink .comparisionLink {
  display: block;
}
label.pin-disabled.readonly {
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 0.8;
  pointer-events: none;
}
label.pin-disabled.readonly input {
  background-color: #f5f5f5;
  border-color: #ddd;
  color: #888888	;
  cursor: not-allowed;
}
.pin-disabled:hover {
  border-color: #ddd;
  box-shadow: none;
}

/*****************************************************
LESS compilation failed due a JavaScript error!

Input: /apps/e2e-apps/clientlibs/clientlib-site/css/treatments.less
Error: OperationError: Operation on an invalid type in /apps/e2e-apps/clientlibs/clientlib-site/css/treatments.less on line 7, column 2:
6 	--otp-gap: 1.25;
7 	--_otp-bgsz: calc(var(--otp-ls) + 1ch);
8 	--_otp-digit: 0;


(uncompiled LESS src is included below)
*****************************************************/


.text-input .otpInput {
	--otp-digits: 6;
	--otp-ls: 2ch;
	--otp-gap: 1.25;
	--_otp-bgsz: calc(var(--otp-ls) + 1ch);
	--_otp-digit: 0;
	all: unset;
	background:
		linear-gradient(90deg, var(--otp-bg, #BBB) calc(var(--otp-gap) * var(--otp-ls)), transparent 0),
		linear-gradient(90deg, var(--otp-bg, #EEE) calc(var(--otp-gap) * var(--otp-ls)), transparent 0);
	background-position: calc(var(--_otp-digit) * var(--_otp-bgsz)) 0, 0 0;
	background-repeat: no-repeat, repeat-x;
	background-size: var(--_otp-bgsz) 100%;
	caret-color: var(--otp-cc, #222);
	caret-shape: block;
	clip-path: inset(0% calc(var(--otp-ls) / 2) 0% 0%);
	font-family: ui-monospace, monospace;
	font-size: var(--otp-fz, 2em);
	inline-size: calc(var(--otp-digits) * var(--_otp-bgsz));
	letter-spacing: var(--otp-ls);
	padding-block: var(--otp-pb, 1ch);
	padding-inline-start: calc(((var(--otp-ls) - 1ch) / 2) * var(--otp-gap));
}

.grey-box {
  border: 2px solid #e3e3ef;
  background-color: #f4f4f6;
  border-radius: 4px;
}

.frame-locked {
  pointer-events: none;
  opacity: 0.5;
}

.pis-1 {
  padding-inline-start: 1rem;
}
.pis-0 {
  padding-inline-start: 0;
}
.code {
  font-family: monospace;
  unicode-bidi: isolate;
  white-space: pre;
}
.pdi-container-body {
	display: flex;
	@media only screen and (max-width: 600px) {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
  }
.pdi-body-box-1 {
	flex-basis: 66.66%;
	@media only screen and (max-width: 600px) {
	  flex-basis: 100%;
	}
}
.pdi-body-box-2 {
	flex-basis: 33.33%;
	@media only screen and (max-width: 600px) {
	  flex-basis: 100%;
	}
}
.cso-selected{
	border: 1px solid #004eff;
	box-shadow: 0 10px 20px rgba(32,72,161,.2);
	background: #f3f6fd 0 0 no-repeat padding-box;
}
.onfido-container-body{
	flex-direction: column;
	img {
		width: 100%;
	}
	@media (min-width: 700px) {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-content: flex-start;

		.md_w-50 { width: 48%; }
	}
}