.tf-usp {
  padding: var(--padding-800);
  border-radius: var(--radius-700);
  gap: var(--margin-500);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: var(--cbgl);
}
.tf-usp:is(.tf-background-cbgd *) {
  background: var(--cbgl);
}
.tf-usp:is(.tf-background-cbgl *) {
  background: var(--cbgd);
}
@media (max-width: 1200px) {
  .tf-usp {
    padding: var(--padding-800);
    gap: var(--margin-500);
  }
}
@media (max-width: 840px) {
  .tf-usp {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: var(--padding-700);
  }
}
.tf-usp .usp-left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 360px;
          flex: 0 0 360px;
}
@media (max-width: 1360px) {
  .tf-usp .usp-left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 320px;
            flex: 0 0 320px;
  }
}
@media (max-width: 1040px) {
  .tf-usp .usp-left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 260px;
            flex: 0 0 260px;
  }
}
@media (max-width: 840px) {
  .tf-usp .usp-left {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
}
.tf-usp .usp-left .tf-subguten-tf-usp {
  width: 100%;
  margin-bottom: var(--margin-400);
}
@media (max-width: 840px) {
  .tf-usp .usp-left .tf-subguten-tf-usp {
    margin-bottom: 0;
  }
}
.tf-usp .usp-left .tf-subguten-tf-usp h2 {
  font-family: var(--inter) !important;
  font-weight: var(--bold) !important;
  color: var(--cfontd) !important;
  overflow-wrap: break-word !important;
  text-wrap: balance !important;
  font-size: var(--h-900-size) !important;
  line-height: var(--h-900-line) !important;
}
.tf-usp .usp-hulp {
  width: 100%;
  max-width: 360px;
  padding: var(--padding-300);
  border-radius: var(--radius-500);
  background: var(--cbgd);
}
.tf-usp .usp-hulp:is(.tf-background-cbgl *) {
  background: var(--cbgl);
}
.tf-usp .usp-hulp:is(.tf-background-cbgd *) {
  background: var(--cbgd);
}
.tf-usp .usp-hulp.usp-hulp-mob {
  display: none;
}
.tf-usp .usp-hulp.usp-hulp-desk {
  display: block;
}
@media (max-width: 840px) {
  .tf-usp .usp-hulp.usp-hulp-mob {
    display: block;
  }
  .tf-usp .usp-hulp.usp-hulp-desk {
    display: none;
  }
}
.tf-usp .usp-hulp .thetitle {
  display: inline-block;
  width: 100%;
  font-family: var(--inter);
  font-weight: var(--regular);
  color: var(--cfont);
  font-size: var(--p-700-size);
  line-height: var(--p-700-line);
  font-weight: var(--bold);
  line-height: 1.4;
  color: var(--cfontd);
  margin-bottom: 10px;
}
.tf-usp .usp-hulp .thesubtitle {
  display: inline-block;
  width: 100%;
  font-family: var(--inter);
  font-weight: var(--regular);
  color: var(--cfont);
  font-size: var(--p-500-size);
  line-height: var(--p-500-line);
  color: var(--cfontd);
  margin-bottom: 10px;
}
.tf-usp .usp-hulp .btn {
  margin-top: 10px;
}
.tf-usp .usp-right {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}
.tf-usp .usp-right .usp-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: var(--margin-300);
  margin-bottom: var(--margin-400);
}
.tf-usp .usp-right .usp-item:last-child {
  margin-bottom: 0;
}
.tf-usp .usp-right .usp-item i {
  font-size: var(--h-700-size);
  color: var(--cfontd);
  margin-bottom: var(--margin-300);
}
@media (max-width: 840px) {
  .tf-usp .usp-right .usp-item i {
    font-weight: 400;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    font-family: 'Font Awesome 6 Pro';
    font-size: var(--h-500-size);
    line-height: var(--h-500-line);
  }
}
.tf-usp .usp-right .usp-item h3.thetitle {
  display: inline-block;
  width: 100%;
  font-family: var(--inter);
  font-weight: var(--bold);
  color: var(--cfontd);
  overflow-wrap: break-word;
  text-wrap: balance;
  font-size: var(--h-200-size);
  line-height: var(--h-200-line);
  margin-bottom: var(--margin-200);
}
.tf-usp .usp-right .usp-item p.thetext {
  display: inline-block;
  width: 100%;
  font-family: var(--inter);
  font-weight: var(--regular);
  color: var(--cfont);
  font-size: var(--p-500-size);
  line-height: var(--p-500-line);
}