@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2rp2ywxg089UriCZaSExd86J3t9jz86Mvy4qCRAL19DksVat-JDG3z.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2rp2ywxg089UriCZaSExd86J3t9jz86Mvy4qCRAL19DksVat8JDW3z.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2rp2ywxg089UriCZaSExd86J3t9jz86Mvy4qCRAL19DksVat_XDW3z.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2rp2ywxg089UriCZaSExd86J3t9jz86Mvy4qCRAL19DksVat-JDW3z.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2rp2ywxg089UriCZaSExd86J3t9jz86Mvy4qCRAL19DksVat-7DW3z.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2rp2ywxg089UriCZaSExd86J3t9jz86Mvy4qCRAL19DksVat9XCm3z.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2rp2ywxg089UriCZaSExd86J3t9jz86Mvy4qCRAL19DksVat9uCm3z.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2rp2ywxg089UriCZaSExd86J3t9jz86Mvy4qCRAL19DksVat8JCm3z.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2rp2ywxg089UriCZaSExd86J3t9jz86Mvy4qCRAL19DksVat8gCm3z.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAop1hTg.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAIpxhTg.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwA_JxhTg.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAopxhTg.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAkJxhTg.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAfJthTg.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwARZthTg.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAIpthTg.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAC5thTg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTc2dphjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTcWdthjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTch9thjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTc2dthjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTc69thjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTcB9xhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTcPtxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTcWdxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTccNxhjQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyeMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuDyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuOKfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuDyYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuBWYMZg.ttf) format('truetype');
}
html {
  margin: 0px !important;
}
body {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  letter-spacing: 0.6px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "DM Sans", sans-serif;
}
a:focus-visible {
  outline: none;
}
.sec_container {
  max-width: 1900px;
  margin: 0 auto;
  padding: 0 4rem;
}
header {
  padding: 24px 0;
  border-bottom: 0.1rem solid rgba(26, 26, 26, 0.08);
}
header .header_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .header_inner > div {
  width: 100%;
}
header .header_inner .btn {
  position: relative;
  left: -15px;
  font-family: "Inter", sans-serif;
}
header .header_inner .btn a {
  display: inline-block;
  color: #000;
  background: #ffe147;
  border-radius: 36px;
  padding: 13px 20px;
  text-decoration: none !important;
  border: none;
  font-weight: 700;
  font-size: 18px;
}
header .header_inner .logo_outer {
  text-align: center;
}
header .header_inner .logo_outer img {
  width: 90px;
  height: auto;
}
.home-page-banner,
.book-delivery-banner,
.order-materials-banner {
  min-height: 55rem;
  background: url("../images/idlvr marketing photo.jpg");
  padding: 4rem 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}
.home-page-banner::before,
.book-delivery-banner::before,
.order-materials-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0000006b;
}
.home-page-banner .home-inner,
.book-delivery-banner .home-inner,
.order-materials-banner .home-inner {
  position: relative;
}
.home-page-banner .home-inner h1,
.book-delivery-banner .home-inner h1,
.order-materials-banner .home-inner h1 {
  font-size: 4.9rem;
  font-weight: 800;
  letter-spacing: -2px;
  line-height: 1.2;
  color: #fff;
  padding: 4rem 0;
}
.home-page-banner .home-inner .banner-cards,
.book-delivery-banner .home-inner .banner-cards,
.order-materials-banner .home-inner .banner-cards {
  display: flex;
  gap: 15px;
  margin-top: 20px;
  color: #fff;
  flex-wrap: wrap;
}
.home-page-banner .home-inner .banner-cards .banner-card,
.book-delivery-banner .home-inner .banner-cards .banner-card,
.order-materials-banner .home-inner .banner-cards .banner-card {
  flex: 1 1 calc(33.333% - 20px);
  background: #ffe147;
  padding: 15px;
  border-radius: 12px;
  text-align: left;
  display: flex;
  justify-content: space-between;
  max-width: 30%;
  position: relative;
  color: #1a1a1a;
}
.home-page-banner .home-inner .banner-cards .banner-card h3,
.book-delivery-banner .home-inner .banner-cards .banner-card h3,
.order-materials-banner .home-inner .banner-cards .banner-card h3 {
  font-size: 25px;
  font-weight: 800;
  font-family: sans-serif;
  margin: 0px;
  margin-bottom: 5px;
}
.home-page-banner .home-inner .banner-cards .banner-card p,
.book-delivery-banner .home-inner .banner-cards .banner-card p,
.order-materials-banner .home-inner .banner-cards .banner-card p {
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0px;
  line-height: 25.8462px;
}
.home-page-banner .home-inner .banner-cards .banner-card img,
.book-delivery-banner .home-inner .banner-cards .banner-card img,
.order-materials-banner .home-inner .banner-cards .banner-card img {
  position: absolute;
  max-width: 60px;
  bottom: 9px;
  right: 7px;
}
.home-page-banner .home-inner .banner-cards .banner-card .banner-card-btn,
.book-delivery-banner .home-inner .banner-cards .banner-card .banner-card-btn,
.order-materials-banner .home-inner .banner-cards .banner-card .banner-card-btn {
  display: inline-block;
  background: #fff;
  padding: 10px 20px;
  border-radius: 25px;
  font-weight: 700;
  margin-top: 10px;
  font-size: 12px;
  color: #000;
  text-decoration: none;
  width: max-content;
}
.home-page-banner .home-inner .banner-cards .banner-card > div,
.book-delivery-banner .home-inner .banner-cards .banner-card > div,
.order-materials-banner .home-inner .banner-cards .banner-card > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.our-partners-outer {
  /* GLOBAL ANIMATION */
  /* MOBILE FIXES */
}
.our-partners-outer h2 {
  font-size: 3.6rem;
  text-align: center;
  margin: 10px 0 20px;
  padding: 20px 0 30px;
  border-bottom: 0.5px solid #c5c5c5;
}
.our-partners-outer .marquee-container {
  overflow: hidden;
  background: #ffffff;
  padding: 20px 0;
}
.our-partners-outer .marquee-track {
  display: flex;
  white-space: nowrap;
  width: max-content;
  /* ensures full width */
  animation: marquee-scroll linear infinite;
  animation-duration: 30s;
}
.our-partners-outer .marquee-track {
  width: max-content;
}
.our-partners-outer .marquee-item {
  flex: 0 0 auto;
  text-align: center;
  margin: 0 30px;
}
.our-partners-outer .marquee-item img {
  min-width: 120px;
  min-height: 120px;
  max-width: 120px;
  max-height: 120px;
  object-fit: contain;
}
.our-partners-outer .marquee-title {
  margin-top: 8px;
  font-size: 14px;
  color: #000000;
}
@keyframes marquee-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@media (max-width: 767px) {
  .our-partners-outer .marquee-item {
    margin: 0 15px;
  }
  .our-partners-outer .marquee-item img {
    min-width: 100px;
    max-width: 100px;
    min-height: 100px;
    max-height: 100px;
  }
  .our-partners-outer .marquee-track {
    animation-duration: 30s !important;
    /* mobile speed */
  }
}
footer .foot-top {
  padding-top: 50px;
  padding-bottom: 20px;
  border-top: 0.5px solid #f0f0f0;
  border-bottom: 0.5px solid #f0f0f0;
}
footer .foot-top .social-links ul {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-self: center;
}
footer .foot-top .social-links ul li a {
  color: #000;
}
footer .foot-top .social-links ul li a svg {
  width: 20px;
}
footer .foot-top .social-links ul li a:hover {
  transition: all 0.3s;
}
footer .foot-top .social-links ul li a:hover svg {
  transition: all 0.3s;
  transform: scale(1.1);
}
footer .foot-bottom {
  padding: 30px 0 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .foot-bottom ul.terms {
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .foot-bottom ul.terms li {
  position: relative;
  margin-left: 20px;
}
footer .foot-bottom ul.terms li a {
  color: #000;
}
footer .foot-bottom ul.terms li:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  background-color: #000;
  border-radius: 50%;
  top: 6px;
  left: -10px;
}
.what-it-costs-outer .table-outer {
  margin: 55px 0 80px;
}
.what-it-costs-outer table:not([class]) td,
.what-it-costs-outer table:not([class]) th {
  padding: 1em;
}
.what-it-costs-outer table:not([class]) {
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 1.4rem;
  border-style: hidden;
  box-shadow: 0 0 0 0.1rem rgba(26, 26, 26, 0.2);
}
.what-it-costs-outer .table-inner > span {
  display: block;
  background: #eff8f2;
  width: fit-content;
  margin: auto;
  border: 1px solid #c5e5cc;
  padding: 8px 21px;
  font-size: 18px;
  color: #17a34a;
  border-radius: 99px;
  font-weight: 500;
  font-family: sans-serif;
}
.what-it-costs-outer .table-inner > h1 {
  margin: 8px 0;
  text-align: center;
  font-size: 60px;
  color: #000;
}
.what-it-costs-outer .yellow-text {
  color: #fbbc04;
}
.what-it-costs-outer .table-inner > p {
  text-align: center;
  color: #454545;
  font-size: 24px;
}
.what-it-costs-outer .table-box-outer {
  margin: 55px 100px 0;
  padding: 40px;
  background: #f9f9f9;
  border: 1px solid #dddddd;
  border-radius: 30px;
}
.what-it-costs-outer .table-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 46px;
}
.what-it-costs-outer .table-header > .table-left {
  display: flex;
  align-items: center;
  gap: 16px;
}
.what-it-costs-outer .table-header > .table-left .imgb img {
  width: 193px;
}
.what-it-costs-outer .table-header > .table-left h2 {
  font-size: 38px;
  margin: 0px !important;
  line-height: 140%;
}
.what-it-costs-outer .table-header > .table-left p {
  font-size: 20px;
  color: #454545;
  margin: 0px;
}
.what-it-costs-outer .table-right > a {
  background: #ffe046;
  padding: 10px 41px;
  font-size: 18px;
  text-decoration: none;
  color: #000;
  border-radius: 99px;
  margin-bottom: 17px;
  display: block;
  text-align: center;
  width: fit-content;
  margin-left: auto;
}
.what-it-costs-outer .social-outer {
  align-items: center;
  gap: 14px;
  text-align: right;
}
.what-it-costs-outer .social-outer > span {
  font-size: 20px;
  color: #454545;
  font-weight: 600;
  margin-bottom: 15px;
  display: block;
}
.what-it-costs-outer .img_outer {
  display: flex;
  gap: 8px;
}
.what-it-costs-outer .img_outer a {
  display: flex;
  align-items: center;
  background: #fff;
  padding: 2px;
  border: 1px solid #dddddd;
  border-radius: 5px;
}
.what-it-costs-outer .img_outer a img {
  height: 30px !important;
}
.what-it-costs-outer .delivery-pricing-table-wrapper {
  border-radius: 17px;
}
.what-it-costs-outer .delivery-pricing-table-wrapper table {
  border-radius: 20px;
  background: #fff;
  border: none;
  width: 100%;
}
.what-it-costs-outer .delivery-pricing-table-wrapper th {
  text-align: left;
  font-size: 18px;
  color: #000;
  max-width: 169px;
}
.what-it-costs-outer td a {
  color: #000;
}
.what-it-costs-outer table:not([class]) td,
.what-it-costs-outer table:not([class]) th {
  border: 1px solid #dddddd;
}
.what-it-costs-outer .delivery-pricing-table-wrapper td {
  color: #000;
}
.what-it-costs-outer .get-live-quote {
  padding: 40px;
  margin: 55px 100px 0;
}
.what-it-costs-outer .get-live-quote > p {
  color: #000;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  unicode-bidi: isolate;
  font-size: 21px;
}
.what-it-costs-outer .quote-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.what-it-costs-outer .quote-head h2 {
  font-size: 40px;
  margin: 33px 0;
}
.what-it-costs-outer .get-live-quote .img_outer a img {
  height: 51px !important;
  padding: 1px;
}
.supplier-form-outer {
  background: #f7f7f7;
  padding: 40px 0;
  /* Steps */
  /* Progress */
  /* Layout */
  /* Error */
  /* Buttons */
  /* Categories */
  /* Upload */
  /* Upload progress */
  /* LIST */
  /* ITEMS */
  /* Hover */
  /* Active selected */
  /* OPTIONS */
  /* BUTTON */
  /* CHECKBOX */
  /* optional smooth feel */
  /* checked state */
  /* checkmark */
  /* checked */
  /* check icon */
}
.supplier-form-outer .we-will-build-store {
  padding: 16px 20px;
  border-radius: 8px;
  border: 0.5px solid #4ca154;
  background: #f1f8f2;
  margin-bottom: 40px;
}
.supplier-form-outer .we-will-build-store b {
  color: #167500;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 114%;
  margin-bottom: 5px;
  display: block;
}
.supplier-form-outer .we-will-build-store p {
  color: #167500;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.supplier-form-outer .date-wrapper {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 100%;
}
.supplier-form-outer .date-wrapper input {
  width: 100%;
  cursor: pointer;
  /* hide default text when empty */
  color: transparent;
  caret-color: transparent;
}
.supplier-form-outer .date-wrapper.filled input {
  color: black;
  caret-color: auto;
}
.supplier-form-outer .fake-placeholder {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
  pointer-events: none;
  /* click goes to wrapper */
  font-size: 16px;
  background: #fff;
}
.supplier-form-outer .date-wrapper.filled .fake-placeholder {
  display: none;
}
.supplier-form-outer .form-container {
  max-width: 992px;
  margin: auto;
}
.supplier-form-outer .flex_line {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 24px;
}
.supplier-form-outer .flex_line > div {
  width: 100%;
  display: block;
}
.supplier-form-outer .phone-field {
  display: flex;
  gap: 10px;
}
.supplier-form-outer .phone-field select {
  width: auto;
}
.supplier-form-outer .form_field label {
  width: 100%;
  color: #23201c;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 126.5%;
  /* 17.71px */
  display: block;
  margin-bottom: 8px;
}
.supplier-form-outer *:focus-visible {
  outline: #000000;
  outline-offset: unset !important;
  box-shadow: none;
  outline: 1px solid #ffe147;
  border: 1px solid #ffe147 !important;
}
.supplier-form-outer .flex_line input,
.supplier-form-outer .flex_line select,
.supplier-form-outer .flex_line textarea {
  padding: 12px 16px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  width: 100%;
  border-radius: 14px;
  border: 1px solid #d6d6d6;
  background: #fff;
}
.supplier-form-outer .flex_line textarea {
  font-family: sans-serif;
}
.supplier-form-outer .progress_bar {
  display: flex;
  gap: 25px;
  margin: 15px 0 40px;
}
.supplier-form-outer .progress_bar span {
  flex: 1;
  height: 11px;
  background: #ddd;
  border-radius: 10px;
}
.supplier-form-outer .progress_bar span.active {
  background: #f4d03f;
}
.supplier-form-outer .step {
  display: none;
}
.supplier-form-outer .step.active {
  display: block;
}
.supplier-form-outer .progress-bar {
  height: 6px;
  background: #eee;
  border-radius: 10px;
  margin-bottom: 20px;
}
.supplier-form-outer .progress {
  height: 100%;
  width: 33%;
  background: #f4d03f;
  border-radius: 10px;
  transition: 0.3s;
}
.supplier-form-outer .grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
.supplier-form-outer .error {
  border-color: #e53935 !important;
  background: #fdecea;
}
.supplier-form-outer button,
.supplier-form-outer .btns a {
  padding: 12px 18px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
}
.supplier-form-outer .btns {
  display: flex;
  justify-content: space-between;
}
.supplier-form-outer .btns a {
  color: #23201c;
  text-decoration: none;
}
.supplier-form-outer .btns button,
.supplier-form-outer .btns a {
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  position: relative;
  line-height: 150%;
  border-top: 1px solid;
  border-right: 1px solid;
  border-bottom: 4px solid;
  border-left: 1px solid;
}
.supplier-form-outer .btns .prev-btn {
  background: #fff;
  border-color: #a2a8ac;
  text-align: right;
  width: 167px;
  text-align: center;
  padding-left: 38px;
}
.supplier-form-outer .btns .prev-btn svg {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translate(0px, -50%);
}
.supplier-form-outer .btns .next-btn {
  width: 173px;
  height: 56px;
  padding-right: 50px;
  background: #ffd400;
  border-color: #cca000;
}
.supplier-form-outer .btns .next-btn svg {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translate(0px, -50%);
}
.supplier-form-outer .prev-btn {
  background: #ddd;
}
.supplier-form-outer .submit-btn {
  background: black;
  color: white;
}
.supplier-form-outer .step-actions {
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
}
.supplier-form-outer .category-grid,
.supplier-form-outer .option-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.supplier-form-outer .category-item,
.supplier-form-outer .option-group .option {
  border: 2px solid #efefef;
  padding: 14px 16px 14px 46px;
  border-radius: 12px;
  cursor: pointer;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  align-items: center;
  position: relative;
}
.supplier-form-outer .option-group {
  grid-template-columns: repeat(3, 1fr);
}
.supplier-form-outer div#platformSection .option-group {
  grid-template-columns: 1fr 1fr;
}
.supplier-form-outer div#platformSection label {
  margin-bottom: 16px;
  margin-top: 32px;
}
.supplier-form-outer div#platformSection .flex_line {
  margin: 0px;
}
.supplier-form-outer .category-item.active,
.supplier-form-outer .option-group .option.active {
  border-color: #f8d834;
  position: relative;
}
.supplier-form-outer .category-item::before,
.supplier-form-outer .option-group .option:before {
  content: "";
  width: 26px;
  height: 22px;
  margin-right: 10px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url('data:image/svg+xml;utf8,\<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">\<g opacity="0.24">\<path d="M10 2C14.4183 2 18 5.58172 18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2ZM10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17C13.866 17 17 13.866 17 10C17 6.13401 13.866 3 10 3Z" fill="%2323201C"/>\</g>\</svg>');
  position: absolute;
  left: 12px;
}
.supplier-form-outer .category-item.active::before,
.supplier-form-outer .option-group .option.active:before {
  background-image: url('data:image/svg+xml;utf8,\<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">\<path d="M10 2C14.4183 2 18 5.58172 18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2ZM13.3584 7.64645C13.1849 7.47288 12.9154 7.4536 12.7206 7.58859L12.6513 7.64645L9 11.298L7.35355 9.65131L7.28431 9.59346C7.08944 9.45846 6.82001 9.47775 6.64645 9.65131C6.47288 9.82488 6.4536 10.0943 6.58859 10.2892L6.64645 10.3584L8.64645 12.3584L8.71569 12.4163C8.8862 12.5344 9.1138 12.5344 9.28431 12.4163L9.35355 12.3584L13.3584 8.35355L13.4163 8.28431C13.5513 8.08944 13.532 7.82001 13.3584 7.64645Z" fill="%2318C079"/>\</svg>');
}
.supplier-form-outer #userCount {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 24'>\<path d='M9.78033 7.53033C9.48744 7.82322 9.01256 7.82322 8.71967 7.53033L6 4.81066L3.28033 7.53033C2.98744 7.82322 2.51256 7.82322 2.21967 7.53033C1.92678 7.23744 1.92678 6.76256 2.21967 6.46967L5.46967 3.21967C5.76256 2.92678 6.23744 2.92678 6.53033 3.21967L9.78033 6.46967C10.0732 6.76256 10.0732 7.23744 9.78033 7.53033Z' fill='%23242424'/>\<path d='M9.78033 16.4697C9.48744 16.1768 9.01256 16.1768 8.71967 16.4697L6 19.1893L3.28033 16.4697C2.98744 16.1768 2.51256 16.1768 2.21967 16.4697C1.92678 16.7626 1.92678 17.2374 2.21967 17.5303L5.46967 20.7803C5.76256 21.0732 6.23744 21.0732 6.53033 20.7803L9.78033 17.5303C10.0732 17.2374 10.0732 16.7626 9.78033 16.4697Z' fill='%23242424'/>\</svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px 24px;
  padding-right: 40px;
}
.supplier-form-outer .upload-box {
  border-radius: 8px;
  border: 1px dashed #e0e2e3;
  background: #fffdf5;
  padding: 22px 16px;
  cursor: pointer;
  text-align: center;
}
.supplier-form-outer .upload-box.active {
  display: inline-block;
  padding: 0px;
  background: transparent;
  border: none;
}
.supplier-form-outer div#uploadText svg,
.supplier-form-outer div#uploadText2 svg {
  display: block;
  margin: auto;
  margin-bottom: 8px;
}
.supplier-form-outer div#uploadText > b,
.supplier-form-outer div#uploadText2 > b {
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 8px;
}
.supplier-form-outer div#uploadText p,
.supplier-form-outer div#uploadText2 p {
  opacity: 0.77;
  font-feature-settings: "liga" off, "clig" off;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  margin: 0px;
}
.supplier-form-outer .file-preview {
  display: none;
  align-items: center;
  gap: 16px;
  background: #f5f5f5;
  padding: 16px;
  border-radius: 20px;
  border: 2px solid #ddd;
}
.supplier-form-outer .file-preview img {
  width: 70px;
  height: 70px;
  border-radius: 16px;
  object-fit: cover;
}
.supplier-form-outer .file-info {
  flex: 1;
  text-align: left;
}
.supplier-form-outer #fileName {
  font-weight: 600;
  font-size: 18px;
}
.supplier-form-outer #fileSize {
  font-size: 16px;
  color: #666;
  margin-top: 4px;
}
.supplier-form-outer #removeFile {
  background: #ddd;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.supplier-form-outer .upload-progress {
  height: 6px;
  background: #eee;
  border-radius: 10px;
  margin-top: 10px;
  display: none;
}
.supplier-form-outer .upload-bar {
  height: 100%;
  width: 0%;
  background: green;
  border-radius: 10px;
}
.supplier-form-outer .semantic-select-initialized {
  display: block !important;
}
.supplier-form-outer .bv_mainselect {
  display: none !important;
}
.supplier-form-outer .dropdown {
  border-radius: 14px;
  border: 1px solid #d6d6d6;
  background: #fff;
  position: relative;
  background: white;
}
.supplier-form-outer .dropdown.active {
  box-shadow: 0 0 8px 0 #fff566;
  border-radius: 14px 14px 0 0;
  border: 1px solid #f8d834;
}
.supplier-form-outer .dropdown-header {
  padding: 13px 16px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  align-items: center;
}
.supplier-form-outer .arrow {
  font-size: 16px;
}
.supplier-form-outer .dropdown-list {
  display: none;
  border-top: 1px solid #eee;
  position: absolute;
  width: 100%;
  border: 1px solid #ba8321;
  background: #fff;
  z-index: 11;
  box-shadow: 0 0 8px 0 #fff566;
  border-radius: 0 0 14px 14px;
  border: 1px solid #f8d834;
}
.supplier-form-outer .dropdown-item {
  padding: 16px;
  color: #333;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 16px */
  cursor: pointer;
}
.supplier-form-outer .dropdown-item:hover {
  background: #f4d03f;
}
.supplier-form-outer .dropdown-item.active {
  background: #f4d03f;
}
.supplier-form-outer .dropdown.error {
  border-color: #e53935 !important;
  background: #fdecea;
}
.supplier-form-outer body {
  color: #23201c;
}
.supplier-form-outer div#stepTitle span {
  opacity: 0.8;
}
.supplier-form-outer div#stepTitle {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.supplier-form-outer div#stepTitle strong {
  opacity: 1;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.supplier-form-outer h1.heading {
  font-size: 32px;
  font-style: normal;
  line-height: 114%;
  /* 36.48px */
  margin-bottom: 5px;
}
.supplier-form-outer p.desc {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0px;
  margin-bottom: 23px;
  color: #23201C;
}
.supplier-form-outer form#supplierForm {
  border-radius: 8px;
  border: 1px solid #fafafa;
  background: #fff;
  padding: 32px;
}
.supplier-form-outer h3 {
  margin: 0px;
  margin-bottom: 32px;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 136%;
  /* 24.48px */
}
.supplier-form-outer .section {
  margin-bottom: 25px;
}
.supplier-form-outer .sub {
  font-size: 14px;
  color: #777;
  margin: 5px 0 15px;
}
.supplier-form-outer .yellow-btn {
  background: #f4d03f;
  border: none;
  padding: 14px 26px;
  border-radius: 10px;
  cursor: pointer;
  margin-bottom: 10px;
}
.supplier-form-outer a.yellow-btn {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  color: #23201c;
  font-weight: 600;
  text-decoration: none;
  display: block;
  width: max-content;
}
.supplier-form-outer .checkbox-row {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
}
.supplier-form-outer .checkbox-row label {
  margin: 0px;
  font-weight: 400;
}
.supplier-form-outer .category-wrapper {
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.supplier-form-outer .category-grid {
  transition: all 0.3s ease;
}
.supplier-form-outer .next-btn:disabled {
  background: #d6d6d6;
  border-color: #bababa;
  cursor: not-allowed;
}
.supplier-form-outer .next-btn:disabled svg path {
  fill: #918f8d;
}
.supplier-form-outer a.website-btn.prev-btn {
  width: 230px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.supplier-form-outer .form_field > span {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 112%;
  display: block;
  margin-top: 8px;
}
.supplier-form-outer .form_field label span {
  display: inline-block;
  margin-left: 5px;
  color: #646f75;
  font-style: normal;
  font-weight: 400;
  line-height: 112%;
}
.supplier-form-outer .form_field.req label {
  position: relative;
}
.supplier-form-outer .form_field.req label:after {
  content: "*";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 126.5%;
  color: #ec452e;
  position: absolute;
}
.supplier-form-outer input::placeholder,
.supplier-form-outer textarea::placeholder {
  color: #a2a8ac;
}
.supplier-form-outer input:-webkit-autofill,
.supplier-form-outer input:-webkit-autofill:hover,
.supplier-form-outer input:-webkit-autofill:focus,
.supplier-form-outer input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.supplier-form-outer .form_field > .subheading {
  margin-bottom: 24px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 126.5%;
  /* 15.18px */
}
.supplier-form-outer .show-more-btn {
  margin: auto;
  margin-top: 24px;
  background: transparent;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
}
.supplier-form-outer .show-more-btn.active svg {
  transform: rotate(180deg);
}
.supplier-form-outer #selectedCity.default {
  color: #999;
  /* grey */
}
.supplier-form-outer #selectedCity {
  color: #23201c;
  /* normal text */
}
.supplier-form-outer .account_credit {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.supplier-form-outer .account_credit > div {
  width: 50%;
}
.supplier-form-outer #ratesCheck {
  appearance: none;
  -webkit-appearance: none;
  width: 21px;
  height: 21px;
  border: 2px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
}
.supplier-form-outer #ratesCheck:checked {
  background-color: #18c079;
  border-color: #18c079;
}
.supplier-form-outer #ratesCheck:checked::after {
  content: "✔";
  color: white;
  font-size: 12px;
  position: absolute;
}
.supplier-form-outer .user-block h4 {
  color: #18c079;
  margin-bottom: 15px;
  position: relative;
  margin-top: 32px;
}
.supplier-form-outer .user-block h4 span {
  background: #fff;
  position: relative;
  z-index: 1;
  padding-right: 20px;
  font-size: 16px;
}
.supplier-form-outer .user-block h4:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  background: #e0e2e3;
  top: 50%;
  transform: translate(0px, -50%);
}
.supplier-form-outer div#usersContainer {
  margin-bottom: 30px;
  padding-bottom: 20px;
  position: relative;
}
.supplier-form-outer div#usersContainer:after {
  content: "";
  background: url(../images/border\ 1.png);
  height: 34px;
  width: 100%;
  position: absolute;
  z-index: 1;
  background-size: contain;
  background-position: center;
}
.supplier-form-outer .user-block input.error {
  border-color: #e53935 !important;
  background: #fdecea;
}
.supplier-form-outer input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  padding: 0px;
  width: 22px;
  height: 21px;
  border: 2px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
}
.supplier-form-outer input[type="checkbox"]:checked {
  background-color: #18c079;
  border-color: #18c079;
}
.supplier-form-outer input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  width: 26px;
  height: 31px;
  top: -7px;
  left: -4px;
  background: white;
  mask: url('data:image/svg+xml;utf8,\<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">\<path d="M6 10l3 3 5-6" stroke="white" stroke-width="2" fill="none"/>\</svg>') center / contain no-repeat;
  -webkit-mask: url('data:image/svg+xml;utf8,\<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">\<path d="M6 10l3 3 5-6" stroke="white" stroke-width="2" fill="none"/>\</svg>') center / contain no-repeat;
}
.supplier-form-outer .checkbox-row label {
  font-size: 14px;
}
.supplier-form-outer .phone-field select {
  width: auto;
  appearance: none;
}
.supplier-form-outer .platformSectionouter {
  padding: 0px 0 55px;
  margin-bottom: 27px;
  position: relative;
}
.supplier-form-outer .platformSectionouter:after {
  content: "";
  background: url(../images/border\ 1.png);
  height: 34px;
  width: 100%;
  position: absolute;
  z-index: 1;
  background-size: contain;
  background-position: center;
  bottom: 0;
}
.supplier-form-outer .platformSectionouter:before {
  bottom: auto;
  top: 0;
}
.supplier-form-outer div#successScreen {
  text-align: center;
}
.supplier-form-outer div#successScreen .success-box > h2 {
  margin: 0px;
  margin-top: 25px;
}
.supplier-form-outer div#successScreen .success-box > p {
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 5px;
  margin-bottom: 55px;
}
.supplier-form-outer .summary {
  text-align: left;
  max-width: 800px;
  background: #fff;
  margin: auto;
  border: 1.5px solid #e0e2e3;
  border-radius: 12px;
}
.supplier-form-outer .summary h4 {
  margin: 0px;
  padding: 20px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 136%;
  /* 24.48px */
  margin-bottom: 22px;
  border-bottom: 1.5px solid #e0e2e3;
}
.supplier-form-outer .summary .row {
  padding: 10px 20px;
  font-size: 14px;
  font-style: normal;
  line-height: 136%;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0.5px solid #e0e2e3;
}
.supplier-form-outer p.support a {
  color: #000;
  font-weight: 700;
}
.supplier-form-outer p.support {
  margin-top: 55px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.supplier-form-outer .error_mail {
  border: 1px solid #ec452e !important;
  background-color: #ffe5e5 !important;
  position: relative;
  padding-right: 36px;
  /* space for icon */
  background-image: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'>\<path d='M10 0C15.523 0 20 4.478 20 10C20 15.522 15.523 20 10 20C4.477 20 0 15.522 0 10C0 4.478 4.477 0 10 0ZM10.0018 13.0037C9.45025 13.0037 9.00314 13.4508 9.00314 14.0024C9.00314 14.5539 9.45025 15.001 10.0018 15.001C10.5533 15.001 11.0005 14.5539 11.0005 14.0024C11.0005 13.4508 10.5533 13.0037 10.0018 13.0037ZM9.99964 5C9.4868 5.00018 9.06427 5.38638 9.00669 5.88374L9 6.00036L9.0018 11.0012L9.00857 11.1179C9.06651 11.6152 9.48932 12.0011 10.0022 12.0009C10.515 12.0007 10.9375 11.6145 10.9951 11.1171L11.0018 11.0005L11 5.99964L10.9932 5.88302C10.9353 5.3857 10.5125 4.99982 9.99964 5Z' fill='%23FF0000'/>\</svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 15px center !important;
  background-size: 22px !important;
  padding-right: 40px !important;
}
.supplier-form-outer .error_mail ~ span.error_msg {
  display: block !important;
}
.supplier-form-outer div#storeChoice {
  display: flex;
}
.supplier-form-outer div#storeChoice > div {
  border: none;
  padding-left: 35px;
}
.supplier-form-outer div#storeChoice > .option.active:before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'><path d='M3.25 0C1.45507 0 0 1.45508 0 3.25V14.75C0 16.5449 1.45508 18 3.25 18H14.75C16.5449 18 18 16.5449 18 14.75V3.25C18 1.45507 16.5449 0 14.75 0H3.25ZM14.28 6.28064L7.52628 13.0266C7.23333 13.3192 6.75868 13.319 6.46591 13.0262L3.72014 10.2803C3.42726 9.98741 3.42727 9.51253 3.72018 9.21965C4.01308 8.92677 4.48795 8.92678 4.78084 9.21968L6.99658 11.4356L13.22 5.21936C13.513 4.92664 13.9879 4.92691 14.2806 5.21998C14.5734 5.51304 14.5731 5.98791 14.28 6.28064Z' fill='%2318C079'/></svg>");
  background-repeat: no-repeat !important;
  background-position: left !important;
  background-size: 22px !important;
  left: 0;
}
.supplier-form-outer div#storeChoice > .option:before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'><path d='M0 3.25C0 1.45507 1.45507 0 3.25 0H14.75C16.5449 0 18 1.45507 18 3.25V14.75C18 16.5449 16.5449 18 14.75 18H3.25C1.45507 18 0 16.5449 0 14.75V3.25ZM3.25 2C2.55964 2 2 2.55964 2 3.25V14.75C2 15.4404 2.55964 16 3.25 16H14.75C15.4404 16 16 15.4404 16 14.75V3.25C16 2.55964 15.4404 2 14.75 2H3.25Z' fill='%23E0E2E3'/></svg>");
  background-repeat: no-repeat !important;
  background-position: left !important;
  background-size: 22px !important;
  left: 0;
}
.supplier-form-outer div#noStoreUpload {
  margin-top: 32px;
}
.supplier-form-outer div#noStoreUpload label:after {
  display: none;
}
#join-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
#join-popup .popup-box {
  position: relative;
  background: #fff;
  padding: 24px 33px 22px;
  border-radius: 20px;
  text-align: center;
  min-width: 600px;
}
#join-popup .popup-box .popup-close {
  cursor: pointer;
  display: block;
  width: max-content;
  margin-left: auto;
  margin-bottom: 27px;
}
#join-popup .popup-box h3 {
  margin: 28px 0 16px;
  font-size: 19px;
  font-weight: 600;
}
#join-popup .popup-box p {
  font-size: 16px;
  max-width: 70%;
  margin: auto;
  margin-bottom: 40px;
}
#join-popup .popup-box .btn-outer {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: center;
}
#join-popup .popup-box .btn-outer a {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0px;
  margin: 0px;
}
.build-store-outer .build-store-pricing-outer {
  padding: 140px 0 60px;
  background: #f7f7f7;
}
.build-store-outer .build-store-pricing-outer .build-store-inner {
  max-width: 880px;
  margin: auto;
  text-align: center;
}
.build-store-outer .build-store-pricing-outer .build-store-inner > h1 {
  font-size: 56px;
  font-style: normal;
  line-height: 88%;
  letter-spacing: -0.56px;
  margin-bottom: 32px;
}
.build-store-outer .build-store-pricing-outer .build-store-inner > p {
  color: #494949;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 60px;
}
.build-store-outer .build-store-pricing-outer .build-store-inner .online-store-setup-box {
  border-radius: 30px;
  background: #fff;
  max-width: 500px;
  margin: auto;
  text-align: left;
  padding: 30px;
}
.build-store-outer .build-store-pricing-outer .build-store-inner .online-store-setup-box .flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.build-store-outer .build-store-pricing-outer .build-store-inner .online-store-setup-box .flex div h3 {
  font-size: 24px;
  font-style: normal;
  margin-bottom: 12px;
  line-height: 88%;
  letter-spacing: -0.24px;
}
.build-store-outer .build-store-pricing-outer .build-store-inner .online-store-setup-box .flex div p {
  color: #494949;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 88%;
  letter-spacing: -0.16px;
}
.build-store-outer .build-store-pricing-outer .build-store-inner .online-store-setup-box .flex .when-live {
  color: #167500;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 88%;
  /* 10.56px */
  letter-spacing: -0.12px;
  padding: 10px;
  border-radius: 10px;
  background: #f1f8f2;
}
.build-store-outer .build-store-pricing-outer .build-store-inner .online-store-setup-box h2 {
  margin: 26px 0;
  color: #23201c;
  font-size: 44px;
  font-style: normal;
  line-height: 88%;
  /* 38.72px */
  letter-spacing: -0.44px;
}
.build-store-outer .build-store-pricing-outer .build-store-inner .online-store-setup-box h2 span {
  color: #23201c;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.build-store-outer .build-store-pricing-outer .build-store-inner .online-store-setup-box ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.build-store-outer .build-store-pricing-outer .build-store-inner .online-store-setup-box ul li {
  display: flex;
  align-items: center;
  gap: 15px;
}
.build-store-outer .build-store-pricing-outer .build-store-inner .online-store-setup-box ul li span {
  color: #494949;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 88%;
  letter-spacing: -0.16px;
}
.build-store-outer .build-store-pricing-outer .build-store-inner .online-store-setup-box a {
  padding: 10px;
  width: 100%;
  border-radius: 99px;
  background: #f8d834;
  display: block;
  margin-top: 32px;
  color: #23201c;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  /* 137.5% */
  letter-spacing: -0.16px;
}
.build-store-outer .what-you-get-outer {
  padding: 80px 0;
  text-align: center;
}
.build-store-outer .what-you-get-outer .what-you-get-inner .title {
  color: #167500;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 88%;
  letter-spacing: -0.2px;
}
.build-store-outer .what-you-get-outer .what-you-get-inner .heading {
  color: #23201c;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 88%;
  letter-spacing: -0.32px;
  margin: 16px 0;
}
.build-store-outer .what-you-get-outer .what-you-get-inner p {
  color: #494949;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 88%;
  letter-spacing: -0.24px;
}
.build-store-outer .what-you-get-outer .what-you-get-inner ul {
  padding-top: 84px;
  display: flex;
  flex-wrap: wrap;
  gap: 58px;
  align-items: center;
  justify-content: center;
}
.build-store-outer .what-you-get-outer .what-you-get-inner ul li {
  width: 30%;
}
.build-store-outer .what-you-get-outer .what-you-get-inner ul li b {
  color: #23201c;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  line-height: 88%;
  margin: 16px 0;
  letter-spacing: -0.2px;
  display: block;
}
.build-store-outer .what-you-get-outer .what-you-get-inner ul li p {
  color: #707070;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 88%;
  letter-spacing: -0.16px;
}
.build-store-outer .reach-out-outer {
  padding: 60px;
  background: #f7f7f7;
  text-align: center;
}
.build-store-outer .reach-out-outer p {
  color: #23201c;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
.build-store-outer .reach-out-outer p a {
  display: block;
  width: max-content;
  margin: auto;
  color: #23201c;
  text-decoration: underline;
  font-weight: 700;
}
.i-want-to-job-outer,
.i-have-a-vehicle {
  /* Firefox */
  background-color: #f7f7f7;
}
.i-want-to-job-outer div#successScreen,
.i-have-a-vehicle div#successScreen {
  background: #f7f7f7;
  padding: 40px 0;
}
.i-want-to-job-outer input[type="number"]::-webkit-outer-spin-button,
.i-have-a-vehicle input[type="number"]::-webkit-outer-spin-button,
.i-want-to-job-outer input[type="number"]::-webkit-inner-spin-button,
.i-have-a-vehicle input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.i-want-to-job-outer input[type="number"],
.i-have-a-vehicle input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}
.i-want-to-job-outer .step,
.i-have-a-vehicle .step {
  display: none;
  max-width: 992px;
  margin: auto;
  border-radius: 8px;
  border: 1px solid #fafafa;
  background: #fff;
  padding: 32px;
}
.i-want-to-job-outer .step > h2,
.i-have-a-vehicle .step > h2 {
  margin: 0px;
  margin-bottom: 32px;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 136%;
}
.i-want-to-job-outer .step hr,
.i-have-a-vehicle .step hr {
  position: relative;
  background: url(../images/border\ 1.png);
  height: 34px;
  width: 100%;
  margin: 25px 0;
  z-index: 1;
  background-size: contain;
  background-position: center;
  border: none;
}
.i-want-to-job-outer .step .option-group,
.i-have-a-vehicle .step .option-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.i-want-to-job-outer .step .total-years .option-group,
.i-have-a-vehicle .step .total-years .option-group,
.i-want-to-job-outer .step .workload-outer .option-group,
.i-have-a-vehicle .step .workload-outer .option-group {
  grid-template-columns: repeat(1, 1fr);
}
.i-want-to-job-outer .step .total-years .option-group[data-name="Total years of driving experiences"] .option,
.i-have-a-vehicle .step .total-years .option-group[data-name="Total years of driving experiences"] .option,
.i-want-to-job-outer .step .workload-outer .option-group[data-name="Total years of driving experiences"] .option,
.i-have-a-vehicle .step .workload-outer .option-group[data-name="Total years of driving experiences"] .option,
.i-want-to-job-outer .step .total-years .option-group[data-name="Preferred Workload"] .option,
.i-have-a-vehicle .step .total-years .option-group[data-name="Preferred Workload"] .option,
.i-want-to-job-outer .step .workload-outer .option-group[data-name="Preferred Workload"] .option,
.i-have-a-vehicle .step .workload-outer .option-group[data-name="Preferred Workload"] .option {
  width: 50%;
}
.i-want-to-job-outer .step .workload-outer #partTimeFields label,
.i-have-a-vehicle .step .workload-outer #partTimeFields label {
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 16px;
  color: #000;
}
.i-want-to-job-outer .step .workload-outer #partTimeFields button#addAvailability,
.i-have-a-vehicle .step .workload-outer #partTimeFields button#addAvailability {
  color: #18c079;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 126.5%;
  background: transparent;
  border: none;
  margin-top: 15px;
  cursor: pointer;
}
.i-want-to-job-outer .step .workload-outer #partTimeFields div#availabilityRows,
.i-have-a-vehicle .step .workload-outer #partTimeFields div#availabilityRows {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.i-want-to-job-outer .step .workload-outer #partTimeFields div#availabilityRows .availability-row,
.i-have-a-vehicle .step .workload-outer #partTimeFields div#availabilityRows .availability-row {
  display: flex;
  gap: 38px;
}
.i-want-to-job-outer .step .workload-outer #partTimeFields div#availabilityRows .availability-row > div b,
.i-have-a-vehicle .step .workload-outer #partTimeFields div#availabilityRows .availability-row > div b {
  margin-bottom: 16px;
  display: block;
  font-weight: 400;
}
.i-want-to-job-outer .step .workload-outer #partTimeFields div#availabilityRows .availability-row > div select,
.i-have-a-vehicle .step .workload-outer #partTimeFields div#availabilityRows .availability-row > div select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.200408 0.239665C0.48226 -0.0638681 0.956809 -0.081444 1.26034 0.200408L5 3.72652L8.73967 0.200408C9.0432 -0.081444 9.51775 -0.0638681 9.7996 0.239665C10.0815 0.543198 10.0639 1.01775 9.76034 1.2996L5.51034 5.2996C5.22258 5.5668 4.77743 5.5668 4.48967 5.2996L0.239665 1.2996C-0.0638681 1.01775 -0.081444 0.543198 0.200408 0.239665Z' fill='%23242424'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px 24px;
  padding-right: 40px;
}
.i-want-to-job-outer .step .workload-outer #partTimeFields div#availabilityRows .availability-row > div > div,
.i-have-a-vehicle .step .workload-outer #partTimeFields div#availabilityRows .availability-row > div > div {
  display: flex;
  align-items: center;
  gap: 16px;
}
.i-want-to-job-outer .step .workload-outer #partTimeFields div#availabilityRows .availability-row > div:last-child,
.i-have-a-vehicle .step .workload-outer #partTimeFields div#availabilityRows .availability-row > div:last-child {
  width: 50%;
}
.i-want-to-job-outer .step .availability-card,
.i-have-a-vehicle .step .availability-card,
.i-want-to-job-outer .step .vehicle-capability,
.i-have-a-vehicle .step .vehicle-capability,
.i-want-to-job-outer .step .experience-construction-type,
.i-have-a-vehicle .step .experience-construction-type,
.i-want-to-job-outer .step .experience-vehicle-type,
.i-have-a-vehicle .step .experience-vehicle-type,
.i-want-to-job-outer .step .option-group .option,
.i-have-a-vehicle .step .option-group .option {
  border: 2px solid #efefef;
  padding: 14px 16px 14px 46px;
  border-radius: 12px;
  cursor: pointer;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  align-items: center;
  position: relative;
}
.i-want-to-job-outer .step .availability-card,
.i-have-a-vehicle .step .availability-card,
.i-want-to-job-outer .step .vehicle-capability,
.i-have-a-vehicle .step .vehicle-capability,
.i-want-to-job-outer .step .experience-construction-type,
.i-have-a-vehicle .step .experience-construction-type,
.i-want-to-job-outer .step .experience-vehicle-type,
.i-have-a-vehicle .step .experience-vehicle-type {
  border: none;
  padding: 0px 16px 0px 35px;
  margin: 25px 0;
}
.i-want-to-job-outer .step .option-group,
.i-have-a-vehicle .step .option-group {
  grid-template-columns: repeat(2, 1fr);
}
.i-want-to-job-outer .step .availability-card.active,
.i-have-a-vehicle .step .availability-card.active,
.i-want-to-job-outer .step .vehicle-capability.active,
.i-have-a-vehicle .step .vehicle-capability.active,
.i-want-to-job-outer .step .experience-construction-type.active,
.i-have-a-vehicle .step .experience-construction-type.active,
.i-want-to-job-outer .step .experience-vehicle-type.active,
.i-have-a-vehicle .step .experience-vehicle-type.active,
.i-want-to-job-outer .step .option-group .option.active,
.i-have-a-vehicle .step .option-group .option.active {
  border-color: #f8d834;
  position: relative;
}
.i-want-to-job-outer .step .availability-card:before,
.i-have-a-vehicle .step .availability-card:before,
.i-want-to-job-outer .step .vehicle-capability:before,
.i-have-a-vehicle .step .vehicle-capability:before,
.i-want-to-job-outer .step .experience-construction-type:before,
.i-have-a-vehicle .step .experience-construction-type:before,
.i-want-to-job-outer .step .experience-vehicle-type:before,
.i-have-a-vehicle .step .experience-vehicle-type:before,
.i-want-to-job-outer .step .option-group .option:before,
.i-have-a-vehicle .step .option-group .option:before {
  content: "";
  width: 26px;
  height: 22px;
  margin-right: 10px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url('data:image/svg+xml;utf8,\<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">\<g opacity="0.24">\<path d="M10 2C14.4183 2 18 5.58172 18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2ZM10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17C13.866 17 17 13.866 17 10C17 6.13401 13.866 3 10 3Z" fill="%2323201C"/>\</g>\</svg>');
  position: absolute;
  left: 12px;
}
.i-want-to-job-outer .step .availability-card:before,
.i-have-a-vehicle .step .availability-card:before,
.i-want-to-job-outer .step .vehicle-capability:before,
.i-have-a-vehicle .step .vehicle-capability:before,
.i-want-to-job-outer .step .experience-construction-type:before,
.i-have-a-vehicle .step .experience-construction-type:before,
.i-want-to-job-outer .step .experience-vehicle-type:before,
.i-have-a-vehicle .step .experience-vehicle-type:before {
  left: 0px;
}
.i-want-to-job-outer .step .option-group .option.active:before,
.i-have-a-vehicle .step .option-group .option.active:before {
  background-image: url('data:image/svg+xml;utf8,\<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">\<path d="M10 2C14.4183 2 18 5.58172 18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2ZM13.3584 7.64645C13.1849 7.47288 12.9154 7.4536 12.7206 7.58859L12.6513 7.64645L9 11.298L7.35355 9.65131L7.28431 9.59346C7.08944 9.45846 6.82001 9.47775 6.64645 9.65131C6.47288 9.82488 6.4536 10.0943 6.58859 10.2892L6.64645 10.3584L8.64645 12.3584L8.71569 12.4163C8.8862 12.5344 9.1138 12.5344 9.28431 12.4163L9.35355 12.3584L13.3584 8.35355L13.4163 8.28431C13.5513 8.08944 13.532 7.82001 13.3584 7.64645Z" fill="%2318C079"/>\</svg>');
}
.i-want-to-job-outer .step .availability-card:before,
.i-have-a-vehicle .step .availability-card:before,
.i-want-to-job-outer .step .vehicle-capability:before,
.i-have-a-vehicle .step .vehicle-capability:before,
.i-want-to-job-outer .step .experience-construction-type:before,
.i-have-a-vehicle .step .experience-construction-type:before,
.i-want-to-job-outer .step .experience-vehicle-type:before,
.i-have-a-vehicle .step .experience-vehicle-type:before {
  background-image: url("data:image/svg+xml;utf8,<svg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><path d='M0 3.25C0 1.45507 1.45507 0 3.25 0H14.75C16.5449 0 18 1.45507 18 3.25V14.75C18 16.5449 16.5449 18 14.75 18H3.25C1.45507 18 0 16.5449 0 14.75V3.25ZM3.25 2C2.55964 2 2 2.55964 2 3.25V14.75C2 15.4404 2.55964 16 3.25 16H14.75C15.4404 16 16 15.4404 16 14.75V3.25C16 2.55964 15.4404 2 14.75 2H3.25Z' fill='%23E0E2E3'/></svg>");
}
.i-want-to-job-outer .step .availability-card.active:before,
.i-have-a-vehicle .step .availability-card.active:before,
.i-want-to-job-outer .step .vehicle-capability.active:before,
.i-have-a-vehicle .step .vehicle-capability.active:before,
.i-want-to-job-outer .step .experience-construction-type.active:before,
.i-have-a-vehicle .step .experience-construction-type.active:before,
.i-want-to-job-outer .step .experience-vehicle-type.active:before,
.i-have-a-vehicle .step .experience-vehicle-type.active:before {
  background-image: url("data:image/svg+xml;utf8,<svg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><path d='M3.25 0C1.45507 0 0 1.45508 0 3.25V14.75C0 16.5449 1.45508 18 3.25 18H14.75C16.5449 18 18 16.5449 18 14.75V3.25C18 1.45507 16.5449 0 14.75 0H3.25ZM14.28 6.28064L7.52628 13.0266C7.23333 13.3192 6.75868 13.319 6.46591 13.0262L3.72014 10.2803C3.42726 9.98741 3.42727 9.51253 3.72018 9.21965C4.01308 8.92677 4.48795 8.92678 4.78084 9.21968L6.99658 11.4356L13.22 5.21936C13.513 4.92664 13.9879 4.92691 14.2806 5.21998C14.5734 5.51304 14.5731 5.98791 14.28 6.28064Z' fill='%2318C079'/></svg>");
}
.i-want-to-job-outer .step .radio_btn,
.i-have-a-vehicle .step .radio_btn {
  display: flex;
}
.i-want-to-job-outer .step .radio_btn .option,
.i-have-a-vehicle .step .radio_btn .option {
  width: 20%;
  border: none;
  font-weight: 400;
  padding-left: 34px;
}
.i-want-to-job-outer .step .radio_btn .option::before,
.i-have-a-vehicle .step .radio_btn .option::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='22' height='22' rx='11' stroke='%23A2A8AC' stroke-width='2'/%3E%3C/svg%3E");
  left: 0;
}
.i-want-to-job-outer .step .radio_btn .option.active::before,
.i-have-a-vehicle .step .radio_btn .option.active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='12.1328' y='8.13672' width='23' height='23' rx='11.5' fill='%23FFFFCC' stroke='%23FFD400'/%3E%3Cg filter='url(%23filter0_d_45301_6108)'%3E%3Crect x='16' y='12' width='15.2727' height='15.2727' rx='7.63636' fill='%23FFD400'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_45301_6108' x='0' y='0' width='47.2734' height='47.2725' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='8'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 0.882353 0 0 0 0 0.278431 0 0 0 0.08 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_45301_6108'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_45301_6108' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  background-size: 44px;
  background-position: -11px -7px;
}
.i-want-to-job-outer .step .flex_line,
.i-have-a-vehicle .step .flex_line {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 24px;
}
.i-want-to-job-outer .step .flex_line > div,
.i-have-a-vehicle .step .flex_line > div {
  width: 100%;
  display: block;
}
.i-want-to-job-outer .step .flex_line > div > span,
.i-have-a-vehicle .step .flex_line > div > span {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 112%;
  display: block;
  margin-top: 8px;
}
.i-want-to-job-outer .step .flex_line > div *:focus-visible,
.i-have-a-vehicle .step .flex_line > div *:focus-visible {
  outline: #000000;
  outline-offset: unset !important;
  box-shadow: none;
  outline: 1px solid #ffe147;
  border: 1px solid #ffe147 !important;
}
.i-want-to-job-outer .step .flex_line > div .error_mail,
.i-have-a-vehicle .step .flex_line > div .error_mail {
  border: 1px solid #ec452e !important;
  background-color: #ffe5e5 !important;
  position: relative;
  padding-right: 36px;
  /* space for icon */
  background-image: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'>\<path d='M10 0C15.523 0 20 4.478 20 10C20 15.522 15.523 20 10 20C4.477 20 0 15.522 0 10C0 4.478 4.477 0 10 0ZM10.0018 13.0037C9.45025 13.0037 9.00314 13.4508 9.00314 14.0024C9.00314 14.5539 9.45025 15.001 10.0018 15.001C10.5533 15.001 11.0005 14.5539 11.0005 14.0024C11.0005 13.4508 10.5533 13.0037 10.0018 13.0037ZM9.99964 5C9.4868 5.00018 9.06427 5.38638 9.00669 5.88374L9 6.00036L9.0018 11.0012L9.00857 11.1179C9.06651 11.6152 9.48932 12.0011 10.0022 12.0009C10.515 12.0007 10.9375 11.6145 10.9951 11.1171L11.0018 11.0005L11 5.99964L10.9932 5.88302C10.9353 5.3857 10.5125 4.99982 9.99964 5Z' fill='%23FF0000'/>\</svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 15px center !important;
  background-size: 22px !important;
  padding-right: 40px !important;
}
.i-want-to-job-outer .step .flex_line > div .error_mail ~ span.error_msg,
.i-have-a-vehicle .step .flex_line > div .error_mail ~ span.error_msg {
  display: block !important;
}
.i-want-to-job-outer .step .flex_line > div.form_field.req label,
.i-have-a-vehicle .step .flex_line > div.form_field.req label,
.i-want-to-job-outer .step .flex_line > div > .form_field.req label,
.i-have-a-vehicle .step .flex_line > div > .form_field.req label {
  position: relative;
}
.i-want-to-job-outer .step .flex_line > div.form_field.req label:after,
.i-have-a-vehicle .step .flex_line > div.form_field.req label:after,
.i-want-to-job-outer .step .flex_line > div > .form_field.req label:after,
.i-have-a-vehicle .step .flex_line > div > .form_field.req label:after {
  content: "*";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 126.5%;
  color: #ec452e;
  position: absolute;
}
.i-want-to-job-outer .step .flex_line > div label,
.i-have-a-vehicle .step .flex_line > div label,
.i-want-to-job-outer .step .flex_line > div .just_text,
.i-have-a-vehicle .step .flex_line > div .just_text {
  width: 100%;
  color: #23201c;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 126.5%;
  display: block;
  margin-bottom: 15px;
}
.i-want-to-job-outer .step .flex_line > div label span,
.i-have-a-vehicle .step .flex_line > div label span,
.i-want-to-job-outer .step .flex_line > div .just_text span,
.i-have-a-vehicle .step .flex_line > div .just_text span {
  color: #646f75;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 126.5%;
}
.i-want-to-job-outer .step .flex_line > div input::placeholder,
.i-have-a-vehicle .step .flex_line > div input::placeholder,
.i-want-to-job-outer .step .flex_line > div textarea::placeholder,
.i-have-a-vehicle .step .flex_line > div textarea::placeholder {
  color: #a2a8ac;
}
.i-want-to-job-outer .step .flex_line > div input:-webkit-autofill,
.i-have-a-vehicle .step .flex_line > div input:-webkit-autofill,
.i-want-to-job-outer .step .flex_line > div input:-webkit-autofill:hover,
.i-have-a-vehicle .step .flex_line > div input:-webkit-autofill:hover,
.i-want-to-job-outer .step .flex_line > div input:-webkit-autofill:focus,
.i-have-a-vehicle .step .flex_line > div input:-webkit-autofill:focus,
.i-want-to-job-outer .step .flex_line > div input:-webkit-autofill:active,
.i-have-a-vehicle .step .flex_line > div input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.i-want-to-job-outer .step .flex_line > div input,
.i-have-a-vehicle .step .flex_line > div input,
.i-want-to-job-outer .step .flex_line > div select,
.i-have-a-vehicle .step .flex_line > div select,
.i-want-to-job-outer .step .flex_line > div textarea,
.i-have-a-vehicle .step .flex_line > div textarea {
  padding: 12px 16px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  width: 100%;
  border-radius: 14px;
  border: 1px solid #d6d6d6;
  background: #fff;
}
.i-want-to-job-outer .step .flex_line > div .phone-field,
.i-have-a-vehicle .step .flex_line > div .phone-field {
  display: flex;
  gap: 10px;
}
.i-want-to-job-outer .step .flex_line > div .phone-field select,
.i-have-a-vehicle .step .flex_line > div .phone-field select {
  width: auto;
  appearance: none;
}
.i-want-to-job-outer .step .flex_line > div .date-wrapper,
.i-have-a-vehicle .step .flex_line > div .date-wrapper {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 100%;
}
.i-want-to-job-outer .step .flex_line > div .date-wrapper input,
.i-have-a-vehicle .step .flex_line > div .date-wrapper input {
  width: 100%;
  cursor: pointer;
  color: transparent;
  caret-color: transparent;
}
.i-want-to-job-outer .step .flex_line > div .date-wrapper .fake-placeholder,
.i-have-a-vehicle .step .flex_line > div .date-wrapper .fake-placeholder {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
  pointer-events: none;
  font-size: 16px;
  background: #fff;
  padding: 5px;
}
.i-want-to-job-outer .step .flex_line > div .date-wrapper.filled .fake-placeholder,
.i-have-a-vehicle .step .flex_line > div .date-wrapper.filled .fake-placeholder {
  display: none;
}
.i-want-to-job-outer .step .flex_line > div .date-wrapper.filled input,
.i-have-a-vehicle .step .flex_line > div .date-wrapper.filled input {
  color: black;
  caret-color: auto;
}
.i-want-to-job-outer .step.active,
.i-have-a-vehicle .step.active {
  display: block;
}
.i-want-to-job-outer .step-1,
.i-have-a-vehicle .step-1 {
  max-width: 100%;
  border-radius: 0px;
  border: none;
  background: transparent;
  padding: 0;
}
.i-want-to-job-outer .step-1 .be-driver-banner,
.i-have-a-vehicle .step-1 .be-driver-banner {
  padding: 72px 0;
  background: url(../images/idlvr\ marketing\ photo.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.i-want-to-job-outer .step-1 .be-driver-banner::before,
.i-have-a-vehicle .step-1 .be-driver-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000070;
}
.i-want-to-job-outer .step-1 .be-driver-banner .be-driver-inner,
.i-have-a-vehicle .step-1 .be-driver-banner .be-driver-inner {
  position: relative;
}
.i-want-to-job-outer .step-1 .be-driver-banner .be-driver-inner h1,
.i-have-a-vehicle .step-1 .be-driver-banner .be-driver-inner h1 {
  color: #fff;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.165px;
}
.i-want-to-job-outer .step-1 .be-driver-banner .be-driver-inner p,
.i-have-a-vehicle .step-1 .be-driver-banner .be-driver-inner p {
  color: #fff;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.165px;
}
.i-want-to-job-outer .step-1 .available_jobs_outer,
.i-have-a-vehicle .step-1 .available_jobs_outer {
  padding: 80px 0;
}
.i-want-to-job-outer .step-1 .available_jobs_outer h2,
.i-have-a-vehicle .step-1 .available_jobs_outer h2 {
  color: #23201c;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 114%;
  margin-bottom: 35px;
}
.i-want-to-job-outer .step-1 .available_jobs_outer .vehicle-grid,
.i-have-a-vehicle .step-1 .available_jobs_outer .vehicle-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.i-want-to-job-outer .step-1 .available_jobs_outer .vehicle-grid > div,
.i-have-a-vehicle .step-1 .available_jobs_outer .vehicle-grid > div {
  width: 22%;
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.i-want-to-job-outer .step-1 .available_jobs_outer .vehicle-grid > div:hover,
.i-have-a-vehicle .step-1 .available_jobs_outer .vehicle-grid > div:hover {
  cursor: pointer;
  box-shadow: 0 0 8px 0 rgba(255, 212, 0, 0.48);
}
.i-want-to-job-outer .step-1 .available_jobs_outer .vehicle-grid > div:hover svg.default,
.i-have-a-vehicle .step-1 .available_jobs_outer .vehicle-grid > div:hover svg.default {
  display: none;
}
.i-want-to-job-outer .step-1 .available_jobs_outer .vehicle-grid > div:hover .hover-arrow,
.i-have-a-vehicle .step-1 .available_jobs_outer .vehicle-grid > div:hover .hover-arrow {
  display: block !important;
}
.i-want-to-job-outer .step-1 .available_jobs_outer .vehicle-grid > div .text_box,
.i-have-a-vehicle .step-1 .available_jobs_outer .vehicle-grid > div .text_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.i-want-to-job-outer .step-1 .available_jobs_outer .vehicle-grid > div .text_box .hover-arrow,
.i-have-a-vehicle .step-1 .available_jobs_outer .vehicle-grid > div .text_box .hover-arrow {
  display: none;
}
.i-want-to-job-outer .step-1 .available_jobs_outer .vehicle-grid > div .text_box h3,
.i-have-a-vehicle .step-1 .available_jobs_outer .vehicle-grid > div .text_box h3 {
  color: #23201c;
  font-size: 18px;
  line-height: 114%;
}
.i-want-to-job-outer .step-1 .available_jobs_outer .vehicle-grid > div .text_box p,
.i-have-a-vehicle .step-1 .available_jobs_outer .vehicle-grid > div .text_box p {
  color: #6d6d6d;
  font-size: 14px;
  font-weight: 400;
  line-height: 114%;
  margin-top: 9px;
}
.i-want-to-job-outer .step-1 .available_jobs_outer .vehicle-grid > div img,
.i-have-a-vehicle .step-1 .available_jobs_outer .vehicle-grid > div img {
  width: 100%;
  height: auto;
}
.i-want-to-job-outer .form-container,
.i-have-a-vehicle .form-container {
  padding: 40px 0;
}
.i-want-to-job-outer .form-container.form-container.step-one,
.i-have-a-vehicle .form-container.form-container.step-one {
  padding: 0px;
}
.i-want-to-job-outer .form-container .form-header,
.i-have-a-vehicle .form-container .form-header {
  max-width: 992px;
  margin: auto;
}
.i-want-to-job-outer .form-container .form-header div#stepTitle,
.i-have-a-vehicle .form-container .form-header div#stepTitle {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.i-want-to-job-outer .form-container .form-header .progress_bar,
.i-have-a-vehicle .form-container .form-header .progress_bar {
  display: flex;
  gap: 25px;
  margin: 15px 0 40px;
}
.i-want-to-job-outer .form-container .form-header .progress_bar span,
.i-have-a-vehicle .form-container .form-header .progress_bar span {
  flex: 1;
  height: 11px;
  background: #ddd;
  border-radius: 10px;
}
.i-want-to-job-outer .form-container .form-header .progress_bar span.active,
.i-have-a-vehicle .form-container .form-header .progress_bar span.active {
  background: #f4d03f;
}
.i-want-to-job-outer .form-container .form-header h1.heading,
.i-have-a-vehicle .form-container .form-header h1.heading {
  font-size: 32px;
  font-style: normal;
  line-height: 114%;
  margin-bottom: 5px;
}
.i-want-to-job-outer .form-container .form-header p.desc,
.i-have-a-vehicle .form-container .form-header p.desc {
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin: 0px;
  margin-bottom: 23px;
  color: #23201C;
}
.i-want-to-job-outer .form-container .btns,
.i-have-a-vehicle .form-container .btns {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}
.i-want-to-job-outer .form-container .btns button,
.i-have-a-vehicle .form-container .btns button {
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  position: relative;
  line-height: 150%;
  border-top: 1px solid;
  border-right: 1px solid;
  border-bottom: 4px solid;
  border-left: 1px solid;
  padding: 12px 18px;
  border-radius: 10px;
  cursor: pointer;
}
.i-want-to-job-outer .form-container .btns .prev-btn,
.i-have-a-vehicle .form-container .btns .prev-btn {
  background: #fff;
  border-color: #a2a8ac;
  text-align: right;
  width: 167px;
  text-align: center;
  padding-left: 38px;
}
.i-want-to-job-outer .form-container .btns .prev-btn svg,
.i-have-a-vehicle .form-container .btns .prev-btn svg {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translate(0px, -50%);
}
.i-want-to-job-outer .form-container .btns .prev-btn.job-listing,
.i-have-a-vehicle .form-container .btns .prev-btn.job-listing {
  width: 243px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.i-want-to-job-outer .form-container .btns a.website-btn,
.i-have-a-vehicle .form-container .btns a.website-btn {
  width: 230px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  position: relative;
  line-height: 150%;
  border-top: 1px solid;
  border-right: 1px solid;
  border-bottom: 4px solid;
  border-left: 1px solid;
  border-color: #a2a8ac;
  padding: 12px 18px;
  border-radius: 10px;
  color: #23201c;
}
.i-want-to-job-outer .form-container .btns a.website-btn svg,
.i-have-a-vehicle .form-container .btns a.website-btn svg {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translate(0px, -50%);
}
.i-want-to-job-outer .form-container .btns .next-btn,
.i-have-a-vehicle .form-container .btns .next-btn {
  width: 173px;
  height: 56px;
  padding-right: 50px;
  background: #ffd400;
  border-color: #cca000;
}
.i-want-to-job-outer .form-container .btns .next-btn svg,
.i-have-a-vehicle .form-container .btns .next-btn svg {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translate(0px, -50%);
}
.i-want-to-job-outer .form-container .btns .next-btn:disabled,
.i-have-a-vehicle .form-container .btns .next-btn:disabled {
  background: #d6d6d6;
  border-color: #bababa;
  cursor: not-allowed;
}
.i-want-to-job-outer div#successScreen,
.i-have-a-vehicle div#successScreen {
  text-align: center;
}
.i-want-to-job-outer div#successScreen .success-box > h2,
.i-have-a-vehicle div#successScreen .success-box > h2 {
  margin: 0px;
  margin-top: 25px;
}
.i-want-to-job-outer div#successScreen .success-box > p,
.i-have-a-vehicle div#successScreen .success-box > p {
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 5px;
  padding-bottom: 55px;
  margin-bottom: 0px;
}
.i-want-to-job-outer div#successScreen .summary,
.i-have-a-vehicle div#successScreen .summary {
  text-align: left;
  max-width: 800px;
  background: #fff;
  margin: auto;
  border: 1.5px solid #e0e2e3;
  border-radius: 12px;
}
.i-want-to-job-outer div#successScreen .summary h4,
.i-have-a-vehicle div#successScreen .summary h4 {
  margin: 0px;
  padding: 20px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 136%;
  /* 24.48px */
  margin-bottom: 22px;
  border-bottom: 1.5px solid #e0e2e3;
}
.i-want-to-job-outer div#successScreen .summary .row,
.i-have-a-vehicle div#successScreen .summary .row {
  padding: 10px 20px;
  font-size: 14px;
  font-style: normal;
  line-height: 136%;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0.5px solid #e0e2e3;
}
.i-want-to-job-outer div#successScreen p.support a,
.i-have-a-vehicle div#successScreen p.support a {
  color: #000;
  font-weight: 700;
}
.i-want-to-job-outer div#successScreen p.support,
.i-have-a-vehicle div#successScreen p.support {
  margin-top: 55px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.i-have-a-vehicle .step-1 {
  max-width: 992px;
  margin: auto;
  border-radius: 8px;
  border: 1px solid #fafafa;
  background: #fff;
  padding: 32px;
}
.i-have-a-vehicle .hidden {
  display: none;
}
.i-have-a-vehicle .vehicle-capability {
  display: block !important;
}
.i-have-a-vehicle .vehicle-capability .crane-wrapper {
  margin-top: 15px;
}
.i-have-a-vehicle .vehicle-capability .crane-wrapper label {
  font-size: 14px !important;
  font-weight: 400 !important;
  margin-bottom: 5px !important;
}
.i-have-a-vehicle .vehicle-capability .crane-wrapper label::after {
  display: none;
}
.i-have-a-vehicle #offsider_tier,
.i-have-a-vehicle #vehicle-question-container select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.200408 0.239665C0.48226 -0.0638681 0.956809 -0.081444 1.26034 0.200408L5 3.72652L8.73967 0.200408C9.0432 -0.081444 9.51775 -0.0638681 9.7996 0.239665C10.0815 0.543198 10.0639 1.01775 9.76034 1.2996L5.51034 5.2996C5.22258 5.5668 4.77743 5.5668 4.48967 5.2996L0.239665 1.2996C-0.0638681 1.01775 -0.081444 0.543198 0.200408 0.239665Z' fill='%23242424'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px 24px;
  padding-right: 40px;
}
.i-have-a-vehicle .form-container.form-container.step-one {
  padding: 40px 0;
}
.i-have-a-vehicle #vehicle_wrapper > span {
  margin-bottom: 16px;
  display: block;
}
.i-have-a-vehicle #vehicle_wrapper > label {
  margin-bottom: 4px;
}
.i-have-a-vehicle #vehicle_wrapper #vehicle_select {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.i-have-a-vehicle #vehicle_wrapper #vehicle_select > label.vehicle-option {
  position: relative;
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  width: 24%;
  margin: 0px;
}
.i-have-a-vehicle #vehicle_wrapper #vehicle_select > label.vehicle-option::after {
  display: none;
}
.i-have-a-vehicle #vehicle_wrapper #vehicle_select > label.vehicle-option.active {
  border-color: #ffe733;
  border-width: 2px;
}
.i-have-a-vehicle #vehicle_wrapper #vehicle_select > label.vehicle-option input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.i-have-a-vehicle #vehicle_wrapper #vehicle_select > label.vehicle-option img {
  display: block !important;
  width: 100% !important;
  margin: auto !important;
  max-width: 124px !important;
  height: 95px !important;
  object-fit: contain;
}
.i-have-a-vehicle #vehicle_wrapper #vehicle_select > label.vehicle-option span {
  margin: 5px 0 10px;
  text-align: left;
  color: #000;
  font-weight: 500;
}
.i-have-a-vehicle label.vehicle-option,
.i-have-a-vehicle .question-block .img-included .image-option {
  border: 1px solid #c0c5c8;
  border-radius: 9px;
  padding: 6px 15px;
  position: relative;
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  width: 24%;
  font-size: 16px;
}
.i-have-a-vehicle div#vehicle_sub_category {
  display: flex;
  align-items: center;
  gap: 11px;
  flex-wrap: wrap;
}
.i-have-a-vehicle div#vehicle_sub_category label.vehicle-option {
  padding-bottom: 10px;
  width: auto;
}
.i-have-a-vehicle div#vehicle_sub_category label.vehicle-option.active {
  border-color: #ffe733;
  border-width: 2px;
}
.i-have-a-vehicle div#vehicle_sub_category label.vehicle-option input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.i-have-a-vehicle div#vehicle_sub_category label.vehicle-option span {
  margin: 5px 0 10px;
  text-align: left;
  color: #000;
  font-weight: 500;
}
.i-have-a-vehicle div#vehicle_sub_category label.vehicle-option:after {
  display: none;
}
.i-have-a-vehicle .vehicle-question-flex > div {
  width: 50% !important;
}
.i-have-a-vehicle #vehicle-question-container > div {
  margin-bottom: 15px;
}
.i-have-a-vehicle #vehicle-question-container .question-block.question-required {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.i-have-a-vehicle #vehicle-question-container .question-block.question-required > div {
  width: 48%;
  position: relative;
}
.i-have-a-vehicle #vehicle-question-container .question-block.question-required > div label:after {
  display: none;
}
.i-have-a-vehicle #vehicle-question-container .question-block.question-required > div input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 111;
  cursor: pointer;
}
.i-have-a-vehicle #vehicle-question-container .question-block.question-required > div.img-included .image-option {
  border: 1px solid #C0C5C8;
  border-radius: 9px;
  padding: 6px 15px;
  position: relative;
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  text-align: left;
  padding-bottom: 20px;
  font-size: 14px;
  color: #000;
  font-weight: 400;
  height: 100%;
}
.i-have-a-vehicle #vehicle-question-container .question-block.question-required > div.img-included .image-option.active {
  border: 2px solid #f8d834;
  border-radius: 10px;
}
.i-have-a-vehicle #vehicle-question-container .question-block.question-required > div.img-included .image-option img {
  object-fit: contain;
  height: 150px;
}
.i-have-a-vehicle .info_text_outer {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 10px;
  font-size: 12px;
}
.i-have-a-vehicle label.toggle-switch {
  text-align: left;
  margin-right: auto;
  left: 0;
  width: auto !important;
}
.i-have-a-vehicle label.toggle-switch input {
  margin: 0px;
}
.i-have-a-vehicle label.toggle-switch:after {
  display: none;
}
.i-have-a-vehicle textarea#anything-else {
  min-height: 100px;
  resize: none;
  width: 100%;
  resize: vertical;
}
.i-have-a-vehicle .upload-box {
  border-radius: 8px;
  border: 1px dashed #C0C5C8;
  padding: 22px 16px;
  cursor: pointer;
  text-align: center;
}
.i-have-a-vehicle .upload-box.active {
  display: inline-block;
  padding: 0px;
  background: transparent;
  border: none;
}
.i-have-a-vehicle .upload-box > div svg {
  display: block;
  margin: auto;
  margin-bottom: 8px;
}
.i-have-a-vehicle .upload-box > div b {
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 8px;
}
.i-have-a-vehicle .upload-box > div p {
  opacity: 0.77;
  font-feature-settings: "liga" off, "clig" off;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  margin: 0px;
}
.i-have-a-vehicle .upload-box .file-preview {
  display: none;
  align-items: center;
  gap: 16px;
  background: #f5f5f5;
  padding: 16px;
  border-radius: 20px;
  border: 2px solid #ddd;
}
.i-have-a-vehicle .upload-box .file-preview img {
  width: 70px;
  height: 70px;
  border-radius: 16px;
  object-fit: cover;
}
.i-have-a-vehicle .upload-box .file-preview .file-info {
  flex: 1;
  text-align: left;
}
.i-have-a-vehicle .upload-box .file-preview .file-info > div:first-child {
  font-weight: 600;
  font-size: 18px;
  word-break: break-all;
}
.i-have-a-vehicle .upload-box .file-preview .file-info > div:last-child {
  font-size: 16px;
  color: #666;
  margin-top: 4px;
}
.i-have-a-vehicle .upload-box .file-preview button {
  padding: 12px 18px;
  border: none;
  background: #ddd;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.i-have-a-vehicle div#insuranceMessage {
  margin-bottom: 20px;
}
.i-have-a-vehicle .public_liability {
  gap: 10px !important;
}
.i-have-a-vehicle .public_liability .form_field.section div {
  position: relative;
}
.i-have-a-vehicle .public_liability .form_field.section div b {
  position: absolute;
  top: 0;
  left: 16px;
  color: #646F75;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  height: 75%;
  border-right: 1.5px solid #d6d6d6;
  display: flex;
  align-items: center;
  padding-right: 6px;
}
.i-have-a-vehicle .public_liability .form_field.section div span {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 112%;
  display: block;
  margin-top: 8px;
}
.i-have-a-vehicle .public_liability .form_field.section div input {
  padding-left: 90px;
}
.i-have-a-vehicle .availability-card {
  justify-content: space-between;
  width: 90%;
  gap: 30px;
}
.i-have-a-vehicle .availability-card .time-fields {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 70%;
}
.i-have-a-vehicle .availability-card .time-fields.disabled > select {
  pointer-events: none;
  cursor: none;
  color: #A2A8AC;
  border: 1px solid #D6D6D6;
  background: #F7F7F7;
}
.i-have-a-vehicle .availability-card .time-fields select.from-time,
.i-have-a-vehicle .availability-card .time-fields select.to-time {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.200408 0.239665C0.48226 -0.0638681 0.956809 -0.081444 1.26034 0.200408L5 3.72652L8.73967 0.200408C9.0432 -0.081444 9.51775 -0.0638681 9.7996 0.239665C10.0815 0.543198 10.0639 1.01775 9.76034 1.2996L5.51034 5.2996C5.22258 5.5668 4.77743 5.5668 4.48967 5.2996L0.239665 1.2996C-0.0638681 1.01775 -0.081444 0.543198 0.200408 0.239665Z' fill='%23242424'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px 24px;
  padding-right: 40px;
}
.custom_whatsapp_btn {
  align-items: center;
  background: #23d366;
  border: 1px #000;
  border-radius: 100%;
  bottom: 20px;
  color: #fff;
  display: flex;
  font-family: Helvetica;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  left: auto;
  margin-top: 0;
  padding: 18px;
  position: fixed;
  right: 20px;
  text-decoration: none;
  top: auto;
  width: 66px;
  z-index: 99999;
}
.custom_whatsapp_btn svg {
  height: 30px;
  width: 30px;
  fill: #fff;
}
.privacy_text {
  margin-bottom: 60px;
}
.privacy_text .sec_container {
  max-width: 900px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.privacy_text .heading,
.privacy_text h1 {
  font-size: 40px;
  margin: 30px 0 60px;
  text-align: center;
  font-weight: 700;
}
.privacy_text h2 {
  font-size: 26px;
  margin: 20px 0;
}
.privacy_text p,
.privacy_text h3,
.privacy_text .p-rich_text_section {
  font-size: 18px;
  margin: 20px 0;
}
.privacy_text p,
.privacy_text .p-rich_text_section,
.privacy_text h3 {
  color: rgba(26, 26, 26, 0.75);
}
.privacy_text ul {
  padding-left: 20px;
}
.privacy_text ul li {
  font-size: 18px;
  text-align: left;
  margin: 10px 0;
  position: relative;
  color: rgba(26, 26, 26, 0.75);
}
.privacy_text ul li::before {
  position: absolute;
  content: '';
  width: 6px;
  height: 6px;
  left: -15px;
  top: 8px;
  border-radius: 50%;
  background-color: rgba(26, 26, 26, 0.75);
}
@media (max-width: 1200px) {
  .table-right > a {
    margin: 0px;
  }
  .table-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media (max-width: 991px) {
  .what-it-costs-outer .table-header > .table-left {
    justify-content: center;
  }
  .what-it-costs-outer .table-header {
    flex-direction: column;
    margin-bottom: 25px;
  }
  .what-it-costs-outer .table-outer {
    margin: 30px 0;
    padding: 20px;
  }
  .what-it-costs-outer .table-inner > span {
    font-size: 14px;
  }
  .what-it-costs-outer .table-inner > h1 {
    font-size: 38px;
  }
  .what-it-costs-outer .table-inner > p {
    font-size: 18px;
  }
  .what-it-costs-outer .table-box-outer {
    margin: 20px 0px 0;
    padding: 20px;
  }
  .what-it-costs-outer .table-header > .table-left .imgb img {
    width: 99px;
  }
  .what-it-costs-outer .table-header > .table-left h2 {
    font-size: 28px;
  }
  .what-it-costs-outer .table-header > .table-left p {
    font-size: 14px;
  }
  .what-it-costs-outer .social-outer > span {
    font-size: 18px;
    text-align: center;
  }
  .what-it-costs-outer .table-right {
    display: block;
    margin-top: 20px;
  }
  .what-it-costs-outer .social-outer {
    flex-direction: column;
  }
  .what-it-costs-outer .img_outer {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .what-it-costs-outer .table-right > a {
    padding: 8px;
    font-size: 14px;
    width: 100%;
    margin-bottom: 8px;
  }
  .what-it-costs-outer .delivery-pricing-table-wrapper th {
    width: 154px;
  }
  .what-it-costs-outer .delivery-pricing-table-wrapper {
    padding-bottom: 12px;
  }
  .what-it-costs-outer .delivery-pricing-table-wrapper th:first-child,
  .what-it-costs-outer .delivery-pricing-table-wrapper td:first-child {
    border-left: none !important;
    border-bottom: none !important;
    border-radius: 17px;
  }
  .what-it-costs-outer .delivery-pricing-table-wrapper {
    width: 106% !important;
  }
  .what-it-costs-outer .get-live-quote {
    padding: 20px;
    margin: 20px 0px 0;
    padding-bottom: 0px;
  }
  .what-it-costs-outer .quote-head {
    flex-direction: column;
  }
  .what-it-costs-outer .quote-head h2 {
    font-size: 28px;
    text-align: center;
  }
  .what-it-costs-outer .get-live-quote .img_outer a img {
    height: 30px !important;
    padding: 1px;
  }
  .what-it-costs-outer .get-live-quote > p {
    text-align: center;
  }
  .what-it-costs-outer td {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .summary {
    margin: 20px !important;
  }
  .summary .row {
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }
  div#successScreen .success-box > p {
    padding: 0 16px;
  }
  div#successScreen .success-box > h2 {
    font-size: 26px;
  }
  div#successScreen .success-box > p {
    display: block;
    padding-bottom: 0px !important;
  }
  p.support a {
    vertical-align: super;
  }
  div#successScreen .success-box > p b {
    display: block !important;
  }
  div#stepTitle,
  .progress_bar,
  h1.heading,
  p.desc {
    padding: 0 20px;
  }
  .progress_bar {
    gap: 17px;
  }
  h1.heading {
    font-size: 28px;
  }
  p.desc {
    font-size: 14px;
  }
  form#supplierForm {
    padding: 32px 20px;
  }
  .flex_line {
    flex-direction: column;
  }
  h3 {
    margin-bottom: 16px;
    font-size: 18px;
  }
  .form_field label {
    font-size: 14px;
  }
  #fileName {
    font-size: 14px;
    word-break: break-word;
  }
  .file-preview {
    padding: 15px;
  }
  .account_credit > div {
    width: 100%;
  }
  .platformSectionouter {
    padding: 0px 0 31px;
    margin-bottom: 10px;
  }
  .platformSectionouter:after {
    background-repeat: no-repeat;
  }
  div#storeChoice > div {
    padding-bottom: 0px;
  }
  .category-grid,
  .option-group {
    gap: 10px;
    display: flex;
    flex-direction: column;
  }
  .step.active.step-1 .btns {
    flex-direction: column-reverse;
    gap: 20px;
    align-items: center;
  }
  input[type="checkbox"]:checked::after {
    left: -6px;
  }
  div#fileName2 {
    word-break: break-all;
  }
  div#usersContainer:after {
    display: none;
  }
  div#usersContainer {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .btns > button {
    width: 100% !important;
  }
  .btns {
    display: flex;
    justify-content: space-between;
    gap: 15px;
  }
  .step.active.step-1 .btns .next-btn {
    width: 70% !important;
  }
  a.website-btn.prev-btn {
    width: 70%;
  }
  .sec_container {
    padding: 0 20px;
  }
  header .header_inner .btn a {
    font-size: 12px;
    white-space: nowrap;
    padding: 9px 11px;
  }
  .home-page-banner .home-inner h1,
  .book-delivery-banner .home-inner h1,
  .order-materials-banner .home-inner h1 {
    font-size: 40px;
    padding: 50px 0 20px;
  }
  .home-page-banner,
  .book-delivery-banner,
  .order-materials-banner {
    min-height: auto;
    padding: 0px;
  }
  .home-page-banner .home-inner .banner-cards,
  .book-delivery-banner .home-inner .banner-cards,
  .order-materials-banner .home-inner .banner-cards {
    flex-wrap: wrap;
    padding-bottom: 30px;
  }
  .home-page-banner .home-inner .banner-cards .banner-card,
  .book-delivery-banner .home-inner .banner-cards .banner-card,
  .order-materials-banner .home-inner .banner-cards .banner-card {
    flex: 1 1 calc(100% - 20px);
    max-width: 100%;
  }
  .our-partners-outer h2 {
    font-size: 40px;
  }
  .foot-bottom {
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }
  .foot-bottom > p {
    line-height: 1.6;
  }
  .supplier-form-outer form#supplierForm {
    padding: 20px;
  }
  .category-grid,
  .option-group {
    display: flex !important;
  }
  .supplier-form-outer .account_credit > div {
    width: 100%;
  }
  .supplier-form-outer div#usersContainer {
    padding-bottom: 0px;
  }
  .i-want-to-job-outer .step hr,
  .i-have-a-vehicle .step hr {
    margin: 0px 0 25px;
    background-size: cover;
    background-position: center;
    border: none;
    background-repeat: no-repeat;
  }
  div#vehicle_select,
  .question-block.question-required {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 10px;
    scroll-behavior: smooth;
    gap: 15px !important;
  }
  #vehicle_select > label {
    min-width: 232px;
  }
  #vehicle_select::-webkit-scrollbar-thumb,
  .question-block.question-required::-webkit-scrollbar-thumb {
    background: #bbb;
    border-radius: 10px;
  }
  #vehicle_select::-webkit-scrollbar,
  .question-block.question-required::-webkit-scrollbar {
    height: 8px;
  }
  #vehicle_select::-webkit-scrollbar-track,
  .question-block.question-required::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 10px;
  }
  .i-have-a-vehicle .vehicle-question-flex > div {
    width: 100% !important;
  }
  .question-block.question-required > div {
    min-width: 163px;
  }
  .i-have-a-vehicle #vehicle-question-container .question-block.question-required > div.img-included .image-option img {
    height: 109px;
  }
  .option-group.single-select.radio_btn {
    gap: 5px;
  }
  .i-have-a-vehicle .step .availability-card {
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
  }
  .i-have-a-vehicle .availability-card .time-fields {
    flex-direction: column;
    align-items: baseline;
    gap: 7px;
    width: 100%;
  }
  .i-want-to-job-outer .step .total-years .option-group[data-name="Total years of driving experiences"] .option,
  .i-have-a-vehicle .step .total-years .option-group[data-name="Total years of driving experiences"] .option,
  .i-want-to-job-outer .step .workload-outer .option-group[data-name="Total years of driving experiences"] .option,
  .i-have-a-vehicle .step .workload-outer .option-group[data-name="Total years of driving experiences"] .option,
  .i-want-to-job-outer .step .total-years .option-group[data-name="Preferred Workload"] .option,
  .i-have-a-vehicle .step .total-years .option-group[data-name="Preferred Workload"] .option,
  .i-want-to-job-outer .step .workload-outer .option-group[data-name="Preferred Workload"] .option,
  .i-have-a-vehicle .step .workload-outer .option-group[data-name="Preferred Workload"] .option {
    width: 100%;
  }
  .i-want-to-job-outer .step-1 .available_jobs_outer .vehicle-grid > div,
  .i-have-a-vehicle .step-1 .available_jobs_outer .vehicle-grid > div {
    width: 100%;
  }
  .i-want-to-job-outer .step-1 .be-driver-banner .be-driver-inner h1,
  .i-have-a-vehicle .step-1 .be-driver-banner .be-driver-inner h1 {
    font-size: 45px;
  }
  .i-want-to-job-outer .step-1 .be-driver-banner .be-driver-inner p,
  .i-have-a-vehicle .step-1 .be-driver-banner .be-driver-inner p {
    font-size: 28px;
  }
  .i-want-to-job-outer .form-container .btns,
  .i-have-a-vehicle .form-container .btns {
    flex-direction: column-reverse;
    gap: 20px;
    align-items: center;
  }
  .i-want-to-job-outer .form-container .btns .next-btn,
  .i-have-a-vehicle .form-container .btns .next-btn {
    width: 70% !important;
  }
  button.job-listing.prev-btn,
  button.prev-btn {
    width: 230px !important;
    font-size: 14px !important;
  }
  div#successScreen .success-box > p {
    flex-direction: column;
  }
  .i-want-to-job-outer .step .workload-outer #partTimeFields div#availabilityRows .availability-row,
  .i-have-a-vehicle .step .workload-outer #partTimeFields div#availabilityRows .availability-row {
    flex-direction: column;
    gap: 10px;
  }
  .i-want-to-job-outer .step .workload-outer #partTimeFields div#availabilityRows .availability-row > div:last-child,
  .i-have-a-vehicle .step .workload-outer #partTimeFields div#availabilityRows .availability-row > div:last-child {
    width: 100%;
  }
  footer .foot-top .social-links ul {
    justify-content: center;
  }

  .home-page-banner .home-inner h1 br, .book-delivery-banner .home-inner h1 br, .order-materials-banner .home-inner h1 br{
    display: none;

  }
}