@font-face {
    font-family: "TerraPoint";
    src: url("../../fonts/TerraPoint.eot");
    src: url("../../fonts/TerraPoint.eot?#iefix") format("embedded-opentype"), url("../../fonts/TerraPoint.woff2") format("woff2"), url("../../fonts/TerraPoint.woff") format("woff"), url("../../fonts/TerraPoint.ttf") format("truetype"), url("../../fonts/TerraPoint.svg#font") format("svg");
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "TerraPoint";
        src: url("../../fonts/TerraPoint.svg#TerraPoint") format("svg");
    }
}

[data-icons8]:before {
    content: attr(data-icons8);
}

.tp-enter:before,
.tp-edit-property:before,
.tp-protect:before,
.tp-user-shield:before,
.tp-dollar-coin:before,
.tp-share:before,
.tp-eye:before,
.tp-email:before,
.tp-crashed-car:before,
.tp-speed:before,
.tp-quality:before,
.tp-checkmark-star:before,
.tp-price-tag-usd:before,
.tp-plus:before,
.tp-more-than:before,
.tp-menu:before,
.tp-about:before,
.tp-contact:before,
.tp-faq:before,
.tp-close:before,
.tp-search:before,
.tp-brochure:before,
.tp-customer-survey:before,
.tp-decision-making:before,
.tp-add-time:before,
.tp-weak-financial-growth:before,
.tp-average-price:before,
.tp-historical:before,
.tp-notification:before,
.tp-more-details:before,
.tp-info-popup:before,
.tp-goal:before,
.tp-policy:before,
.tp-submit-resume:before,
.tp-phone:before,
.tp-email-2:before,
.tp-account:before,
.tp-user:before,
.tp-login:before,
.tp-hail-damage:before,
.tp-car-fire:before,
.tp-flood-car:before,
.tp-automatic-gearbox-warning:before,
.tp-boot-open:before,
.tp-cruise-control-on:before,
.tp-illumination-brightness:before,
.tp-speedometer:before,
.tp-location:before,
.tp-2024:before,
.tp-price-tag-usd-2:before,
.tp-delivered:before,
.tp-semi-truck:before,
.tp-offer:before,
.tp-folder:before,
.tp-purchase-order:before,
.tp-truck:before,
.tp-test-results:before,
.tp-rocket:before,
.tp-registration:before,
.tp-dashboard:before,
.tp-diff-files:before,
.tp-automatic:before,
.tp-average-price-2:before,
.tp-question:before,
.tp-tick-mark:before,
.tp-dashboard-2:before,
.tp-image:before,
.tp-send:before,
.tp-twitterx:before,
.tp-linkedin:before,
.tp-location-2:before,
.tp-facebook:before,
.tp-swipe:before,
.tp-tick-mark-2:before,
.tp-down:before,
.tp-expand-arrow:before,
.tp-calender:before,
.tp-construction-truck:before,
.tp-error:before,
.tp-password:before,
.tp-calendar:before,
.tp-tick:before,
.tp-rating:before,
.tp-analytics:before,
.tp-analytics-2:before,
.tp-folder-listing:before,
.tp-people:before,
.tp-trust:before,
.tp-video-conference:before,
.tp-info:before,
.icons8,
[data-icons8]:before {
    display: inline-block;
    font-family: "TerraPoint";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.tp-enter:before {
    content: "\f100";
}

.tp-edit-property:before {
    content: "\f102";
}

.tp-protect:before {
    content: "\f103";
}

.tp-user-shield:before {
    content: "\f104";
}

.tp-dollar-coin:before {
    content: "\f106";
}

.tp-share:before {
    content: "\f107";
}

.tp-eye:before {
    content: "\f108";
}

.tp-email:before {
    content: "\f109";
}

.tp-crashed-car:before {
    content: "\f10a";
}

.tp-speed:before {
    content: "\f10b";
}

.tp-quality:before {
    content: "\f10c";
}

.tp-checkmark-star:before {
    content: "\f10d";
}

.tp-price-tag-usd:before {
    content: "\f10e";
}

.tp-plus:before {
    content: "\f10f";
}

.tp-more-than:before {
    content: "\f110";
}

.tp-menu:before {
    content: "\f111";
}

.tp-about:before {
    content: "\f112";
}

.tp-contact:before {
    content: "\f113";
}

.tp-faq:before {
    content: "\f114";
}

.tp-close:before {
    content: "\f115";
}

.tp-search:before {
    content: "\f117";
}

.tp-brochure:before {
    content: "\f118";
}

.tp-customer-survey:before {
    content: "\f119";
}

.tp-decision-making:before {
    content: "\f11a";
}

.tp-add-time:before {
    content: "\f11b";
}

.tp-weak-financial-growth:before {
    content: "\f11c";
}

.tp-average-price:before {
    content: "\f11d";
}

.tp-historical:before {
    content: "\f11e";
}

.tp-notification:before {
    content: "\f11f";
}

.tp-more-details:before {
    content: "\f120";
}

.tp-info-popup:before {
    content: "\f121";
}

.tp-goal:before {
    content: "\f122";
}

.tp-policy:before {
    content: "\f123";
}

.tp-submit-resume:before {
    content: "\f124";
}

.tp-phone:before {
    content: "\f125";
}

.tp-email-2:before {
    content: "\f126";
}

.tp-account:before {
    content: "\f127";
}

.tp-user:before {
    content: "\f128";
}

.tp-login:before {
    content: "\f129";
}

.tp-hail-damage:before {
    content: "\f12a";
}

.tp-car-fire:before {
    content: "\f12b";
}

.tp-flood-car:before {
    content: "\f12c";
}

.tp-automatic-gearbox-warning:before {
    content: "\f12d";
}

.tp-boot-open:before {
    content: "\f12e";
}

.tp-cruise-control-on:before {
    content: "\f12f";
}

.tp-illumination-brightness:before {
    content: "\f130";
}

.tp-speedometer:before {
    content: "\f131";
}

.tp-location:before {
    content: "\f132";
}

.tp-2024:before {
    content: "\f133";
}

.tp-price-tag-usd-2:before {
    content: "\f134";
}

.tp-delivered:before {
    content: "\f135";
}

.tp-semi-truck:before {
    content: "\f136";
}

.tp-offer:before {
    content: "\f137";
}

.tp-folder:before {
    content: "\f138";
}

.tp-purchase-order:before {
    content: "\f139";
}

.tp-truck:before {
    content: "\f13a";
}

.tp-test-results:before {
    content: "\f13b";
}

.tp-rocket:before {
    content: "\f13c";
}

.tp-registration:before {
    content: "\f13d";
}

.tp-dashboard:before {
    content: "\f13e";
}

.tp-diff-files:before {
    content: "\f13f";
}

.tp-automatic:before {
    content: "\f140";
}

.tp-average-price-2:before {
    content: "\f141";
}

.tp-question:before {
    content: "\f142";
}

.tp-tick-mark:before {
    content: "\f143";
}

.tp-dashboard-2:before {
    content: "\f144";
}

.tp-image:before {
    content: "\f145";
}

.tp-send:before {
    content: "\f146";
}

.tp-twitterx:before {
    content: "\f147";
}

.tp-linkedin:before {
    content: "\f148";
}

.tp-location-2:before {
    content: "\f149";
}

.tp-facebook:before {
    content: "\f14a";
}

.tp-swipe:before {
    content: "\f14b";
}

.tp-tick-mark-2:before {
    content: "\f14c";
}

.tp-down:before {
    content: "\f14d";
}

.tp-expand-arrow:before {
    content: "\f14e";
}

.tp-calender:before {
    content: "\f14f";
}

.tp-construction-truck:before {
    content: "\f151";
}

.tp-error:before {
    content: "\f153";
}

.tp-password:before {
    content: "\f154";
}

.tp-calendar:before {
    content: "\f155";
}

.tp-tick:before {
    content: "\f156";
}

.tp-rating:before {
    content: "\f157";
}

.tp-analytics:before {
    content: "\f158";
}

.tp-analytics-2:before {
    content: "\f159";
}

.tp-folder-listing:before {
    content: "\f15a";
}

.tp-people:before {
    content: "\f15b";
}

.tp-trust:before {
    content: "\f15c";
}

.tp-video-conference:before {
    content: "\f15d";
}

.tp-info:before {
    content: "\f15e";
}


.primary-btn,
.dark-btn,
.primary-outline-btn,
.dark-outline-btn,
.secondary-outline-btn {
  display: inline-block;
  font: var(--text-button);
  padding: 13px 15px;
  line-height: 1;
  text-transform: uppercase;
  border: 1px solid;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  .primary-btn,
  .dark-btn,
  .primary-outline-btn,
  .dark-outline-btn,
  .secondary-outline-btn {
      display: flex;
      justify-content: center;
  }

  .benefit-item > div,
  .benefit-item > h5 {
    text-align: center;
    width: 100%;
    display: block;
  }
}

.primary-btn {
  background-color: var(--color-brand-accent);
  color: var(--color-brand);
  border-color: var(--color-brand-accent);
}
.primary-btn:hover,
.primary-btn:focus {
  background-color: var(--color-brand);
  border-color: var(--color-brand);
  color: var(--color-text-inverse);
}
.primary-btn:disabled {
  color: var(--color-bg);
  background-color: var(--neutral-600);
  border-color: var(--neutral-600);
}


.dark-btn {
  color: var(--color-bg);
  background-color: var(--color-brand);
  border-color: var(--color-brand);
  opacity: 0.9;
}
.dark-btn:hover,
.dark-btn:focus {
  opacity: 1;
}
.dark-btn:disabled {
  color: var(--color-bg);
  background-color: var(--neutral-600);
  border-color: var(--neutral-600);
}

.primary-outline-btn {
  color: var(--color-brand-accent);
  background-color: var(--color-bg);
  border-color: var(--color-brand-accent);
}
.primary-outline-btn:hover {
  color: #e7ac19;
  border-color: #e7ac19;
}
.primary-outline-btn:focus {
  color: #ce9200;
  border-color: #ce9200;
}
.primary-outline-btn:disabled {
  color: var(--neutral-600);
  border-color: var(--neutral-600);
}

.dark-outline-btn {
  color: #333546;
  background-color: var(--color-bg);
  border-color: #333546;
}
.dark-outline-btn:hover {
  color: #282A3B;
  border-color: #282A3B;
}
.dark-outline-btn:focus {
  color: #24273F;
  border-color: #24273F;
}
.dark-outline-btn:disabled {
  color: var(--neutral-600);
  border-color: var(--neutral-600);
}

.secondary-outline-btn {
  color: #F36127;
  background-color: var(--color-bg);
  border-color: #F36127;
}
.secondary-outline-btn:hover {
  color: #EB561A;
  border-color: #EB561A;
}
.secondary-outline-btn:focus {
  color: #F36127;
  border-color: #F36127;
}
.secondary-outline-btn:disabled {
  color: var(--neutral-600);
  border-color: var(--neutral-600);
}

@media (min-width: 1400px) {
  .container {
    width: 1320px;
  }
}
@media (min-width: 1600px) {
  .container {
    width: 1440px;
  }
}

.d-flex {
  display: flex;
}

.flex-start {
  align-items: flex-start;
}

.flex-wrap {
  flex-wrap: wrap;
}

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

.align-items-center {
  align-items: center;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.m-0 {
  margin: 0;
}

.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-20 {
  margin-right: 20px;
}

.bg-1 {
  background: #F9F9F9;
}

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

input[type=checkbox] {
  accent-color: var(--color-brand-accent);
}

.custom-input {
  position: relative;
}
.custom-input input {
  border: 1px solid #f0f0f0;
  padding: 8px 12px 8px 30px;
  outline: none;
  width: 100%;
}
.custom-input input:focus {
  color: #000;
  border-color: #000;
}
.custom-input input ~ i {
  color: var(--color-brand-accent);
  position: absolute;
  left: 10px;
  top: 10px;
}
.custom-input input ~ i.fa-check {
  display: none;
}
.custom-input input.input-validation-error {
  color: #D21C1C;
  border-color: #D21C1C !important;
}
.custom-input input.input-validation-error::-moz-placeholder {
  color: #D21C1C;
}
.custom-input input.input-validation-error::placeholder {
  color: #D21C1C;
}
.custom-input input.input-validation-error ~ i {
  color: #8C8C8C;
}

section.main-banner {
  height: 600px;
  background: url("../../images/DealerPartnerProgram/truck_bg.png") no-repeat;
  background-size: cover;
  padding-top: 50px;
}
@media (max-width: 1199px) {
  section.main-banner {
    height: auto;
  }
}
section.main-banner h1 {
  font: var(--text-h1);
  font-size: var(--font-size-h1-xl);
  color: #fff;
  margin-top: 0;
}
@media (max-width: 767px) {
  section.main-banner h1 {
 font-size: 54px;
  }
}
section.main-banner p {
  font: var(--text-body);
  font-size: 20px;
  line-height: 34px;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 0;
}
section.main-banner .primary-btn {
  margin-top: 20px;
}
section.main-banner .banner-machine img {
  width: 100%;
  width: 800px;
  height:auto
}

section.why-choose-us img {
  max-width: 100%;
}
section.why-choose-us .why-us-content {
  max-width: 450px;
  padding: 10px 0;
}
@media (min-width: 768px) {
  section.why-choose-us .why-us-content {
    position: absolute;
    bottom: 0px;
    color: #fff;
    left: 50px;
  }
}
section.why-choose-us h6 {
  font: var(--text-h3);
  color: var(--color-brand-accent);
  text-transform: uppercase;
}
section.why-choose-us h2 {
  font: var(--text-h1);
  font-size: 44px;
}
@media (max-width: 767px) {
  section.why-choose-us h2 {
    font-size: var(--font-size-h1);
  }
}
section.why-choose-us .text-highlight {
  color: var(--color-brand-accent);
}
section.why-choose-us p {
  font: var(--text-body);
  color: var(--color-text);
}
section.why-choose-us .box-item-1,
section.why-choose-us .box-item-2 {
  background-color: var(--color-brand-accent);
  color: var(--color-bg);
  display: flex;
  gap: 20px;
  padding: 15px;
  margin-top: 20px;
}
@media (max-width: 767px) {
  section.why-choose-us .box-item-1,
  section.why-choose-us .box-item-2 {
    display: inherit;
  }
}
section.why-choose-us .box-item-1 i,
section.why-choose-us .box-item-2 i {
  font-size: 80px;
}
section.why-choose-us .box-item-1 h4,
section.why-choose-us .box-item-2 h4 {
  font: var(--text-h2);
  font-size: 30px;
}
section.why-choose-us .box-item-1 p,
section.why-choose-us .box-item-2 p {
  font: var(--text-body);
  color: var(--color-bg);
}
section.why-choose-us .box-item-2 {
  background-color: var(--color-brand);
}

section.benefits-section {
  padding-top: 0;
}
section.benefits-section h6 {
  font: var(--text-h3);
  color: var(--color-brand-accent);
  text-transform: uppercase;
}
section.benefits-section .title-w-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  section.benefits-section .title-w-btn {
    display: inherit;
  }
}
section.benefits-section .title-w-btn h2 {
  font: var(--text-h1);
  font-size: 44px;
}
@media (max-width: 767px) {
  section.benefits-section .title-w-btn h2 {
    font-size: var(--font-size-h1);
  }
}
section.benefits-section .title-w-btn .text-highlight {
  color: var(--color-brand-accent);
}
section.benefits-section .title-w-btn p {
  font: var(--text-body);
  font-size: 18px;
  color: var(--color-text);
}
section.benefits-section .benefit-boxes {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 1199px) {
  section.benefits-section .benefit-boxes {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  section.benefits-section .title-w-btn p {
    margin-bottom: 20px;
  }

  section.benefits-section .benefit-boxes {
    grid-template-columns: repeat(1, 1fr);
  }
}
section.benefits-section .benefit-boxes .benefit-item {
  padding: 40px;
  background: #fafafa;
}
@media (max-width: 767px) {
  section.benefits-section .benefit-boxes .benefit-item {
    padding: 20px;
  }
}
section.benefits-section .benefit-boxes .benefit-item h5 {
  font: var(--text-h3);
  font-size: 24px;
}
section.benefits-section .benefit-boxes .benefit-item p {
  font: var(--text-body);
  margin-bottom: 0;
  margin-top: 10px;
}
section.benefits-section .benefit-boxes .benefit-item i {
  font-size: 80px;
  color: var(--color-brand-accent);
}

section.subs-cta {
  background: url("../../images/DealerPartnerProgram/cta_bg.png") no-repeat;
  background-size: cover;
  color: #fff;
  min-height: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
section.subs-cta h6 {
  font: var(--text-h3);
  color: var(--color-brand-accent);
  text-transform: uppercase;
}
section.subs-cta h2 {
  font: var(--text-h1);
  font-size: 44px;
}
section.subs-cta .text-highlight {
  color: var(--color-brand-accent);
}
section.subs-cta p {
  font: var(--text-body);
  font-size: 24px;
  line-height: 34px;
  color: #fff;
}
section.subs-cta .sales-btn {
  margin-top: 30px;
}

section.deals-section img {
  max-width: 100%;
  padding-right: 50px;
}
section.deals-section h6 {
  font: var(--text-h3);
  color: var(--color-brand-accent);
  text-transform: uppercase;
}
section.deals-section h2 {
  font: var(--text-h1);
  font-size: 44px;
}
section.deals-section .text-highlight {
  color: var(--color-brand-accent);
}
section.deals-section p {
  font: var(--text-body);
  color: var(--color-text);
  margin-top: 30px;
}
section.deals-section .deals-form {
  margin-top: 30px;
}

.k-popup.k-list-container.k-popup {
  border: 0;
  margin-top: 2px;
  width: 100% !important;
  max-width: 400px !important;
  right: 0px;
  background: #F0F0F0;
  padding: 0px;
  border-radius: 0px !important;
  box-shadow: none;
}
@media (max-width: 767px) {
  .k-popup.k-list-container.k-popup {
    background: #fff;
  }
}
.k-popup.k-list-container.k-popup .k-list .k-item {
  padding: 10px;
  border-top: 1px solid #E8E8E8;
  cursor: pointer;
}
.k-popup.k-list-container.k-popup .k-list .k-item.k-state-hover {
  border-radius: 0px;
  background-color: transparent;
  color: #27231a;
  background-image: none;
  color: #E5A300;
}
.k-popup.k-list-container.k-popup .k-list .k-item.k-state-focused {
  box-shadow: none;
}


.sub-footer#sub-footer {
  padding: 20px 0px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.sub-footer#sub-footer .login-logo {
  display: none;
}
.sub-footer#sub-footer .nonlogin-logo {
  display: block;
}
.sub-footer#sub-footer p {
  font: var(--text-small);
  color: var(--color-bg);
}

small {
  font-size: 0.8em !important;
  color: black !important;
}

@media (max-width: 991px) {
  .sub-footer#sub-footer p {
 margin-top: 0px;
  }
}
@media (max-width: 767px) {
  .sub-footer#sub-footer p.mx-auto {
    margin: 0px;
  }
}
.sub-footer#sub-footer ul {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: left;
}
.sub-footer#sub-footer ul li {
  margin-left: auto;
  margin-right: 10px;
}
.sub-footer#sub-footer ul li a {
  font: var(--text-small);
  color: #fff;
}
.sub-footer#sub-footer ul li a:hover {
  color: var(--color-brand-accent);
}
@media (min-width: 1200px) {
  .sub-footer#sub-footer .order-3 {
    order: 3;
  }
}
@media (max-width: 767px) {
  .sub-footer#sub-footer .order-3 {
    margin: 25px 0 20px;
  }
}