.missions-visions {
  display: flex;width:100%;
  flex-direction: column; 
  align-items: flex-start;
  gap: 32px; 
  position: relative;
  background-color: #f6f6f6;
}

.missions-visions .resellersframe {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #f6f6f6;
}

.missions-visions .div {
  display: flex;
  flex-direction: column;
  width: 816px;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.missions-visions .find-a-reseller {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--labels-large-medium-500-all-caps-font-family);
  font-weight: var(--labels-large-medium-500-all-caps-font-weight);
  color: #ba2a2d;
  font-size: var(--labels-large-medium-500-all-caps-font-size);
  letter-spacing: var(--labels-large-medium-500-all-caps-letter-spacing);
  line-height: var(--labels-large-medium-500-all-caps-line-height);
  font-style: var(--labels-large-medium-500-all-caps-font-style);
}

.missions-visions .text-wrapper {
  position: relative;
  align-self: stretch;
  font-family: var(--desktop-h2-h2-bold-font-family);
  font-weight: var(--desktop-h2-h2-bold-font-weight);
  color: #000000;
  font-size: var(--desktop-h2-h2-bold-font-size);
  letter-spacing: var(--desktop-h2-h2-bold-letter-spacing);
  line-height: var(--desktop-h2-h2-bold-line-height);
  font-style: var(--desktop-h2-h2-bold-font-style);
}

.missions-visions .resellersframe-2 {
  display: inline-flex;width:100%;
  align-items: flex-start;
  gap: 32px;
  position: relative;
  flex: 0 0 auto;
}

.missions-visions .dropdown-field {
  display: flex;
  flex-direction: column;
  width: 325px;
  height: 68px;
  align-items: flex-start;
  gap: 4px;
  position: relative;
}

.missions-visions .div-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 2px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.missions-visions .text-wrapper-2 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--labels-small-medium-500-all-caps-font-family);
  font-weight: var(--labels-small-medium-500-all-caps-font-weight);
  color: #262626;
  font-size: var(--labels-small-medium-500-all-caps-font-size);
  letter-spacing: var(--labels-small-medium-500-all-caps-letter-spacing);
  line-height: var(--labels-small-medium-500-all-caps-line-height);
  white-space: nowrap;
  font-style: var(--labels-small-medium-500-all-caps-font-style);
}

.missions-visions .resellersframe-3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  
  position: relative;
  flex: 1;
  align-self: stretch;
  width: 100%;
  flex-grow: 1;
  background-color: #ffffff;
  border-radius: 8px;
}

.missions-visions .text-wrapper-3 {
  position: relative;
  width: fit-content;
  margin-top: -3.00px;
  margin-bottom: -1.00px;
  font-family: var(--paragraphs-small-light-300-font-family);
  font-weight: var(--paragraphs-small-light-300-font-weight);
  color: #a3a3a3;
  font-size: var(--paragraphs-small-light-300-font-size);
  letter-spacing: var(--paragraphs-small-light-300-letter-spacing);
  line-height: var(--paragraphs-small-light-300-line-height);
  white-space: nowrap;
  font-style: var(--paragraphs-small-light-300-font-style);
}

.missions-visions .icon {
  position: relative;
  width: 12px;
  height: 12px;
}

.missions-visions .resellersframe-4 {
  display: flex;
  height: auto;
  align-items: flex-start;
   margin-top:32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  
}

.missions-visions .resellersframe-4::-webkit-scrollbar {
  width: 0;
  display: none;
}

.missions-visions .resellersframe-5 {
  
  gap: 33px;
  padding: 20px;
  position: relative;
 width:100%;min-height:471px;margin-bottom:32px;
  background-color: #ffffff;
  border-radius: 8px;
}

.missions-visions .resellersframe-6 {
  position: relative;
  width: 110px;
  height: 66px;
  background-image: url(../images/reseller/Frame 33881-3.png);
  background-size: cover;
  background-position: 50% 50%;
}

.missions-visions .resellersframe-7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 42px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.missions-visions .resellersframe-8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.missions-visions .resellersframe-9 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.missions-visions .resellersframe-10 {
  display: flex;
  align-items: center;
  gap: 4px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.missions-visions .name {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--desktop-h6-h6-semi-font-family);
  font-weight: var(--desktop-h6-h6-semi-font-weight);
  color: #000000;
  font-size: var(--desktop-h6-h6-semi-font-size);
  letter-spacing: var(--desktop-h6-h6-semi-letter-spacing);
  line-height: var(--desktop-h6-h6-semi-line-height);
  white-space: nowrap;
  font-style: var(--desktop-h6-h6-semi-font-style);
}

.missions-visions .img {
  position: relative;
  width: 18px;
  height: 18px;
}

.missions-visions .resellersframe-11 {
  display: flex;
  align-items: center;
  gap: 6px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.missions-visions .address-line {
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: var(--paragraphs-small-regular-400-font-family);
  font-weight: var(--paragraphs-small-regular-400-font-weight);
  color: #161a1d;
  font-size: var(--paragraphs-small-regular-400-font-size);
  letter-spacing: var(--paragraphs-small-regular-400-letter-spacing);
  line-height: var(--paragraphs-small-regular-400-line-height);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-style: var(--paragraphs-small-regular-400-font-style);
}

.missions-visions .p {
  position: relative;
  align-self: stretch;
  font-family: var(--paragraphs-small-light-300-font-family);
  font-weight: var(--paragraphs-small-light-300-font-weight);
  color: #161a1d;
  font-size: var(--paragraphs-small-light-300-font-size);
  letter-spacing: var(--paragraphs-small-light-300-letter-spacing);
  line-height: var(--paragraphs-small-light-300-line-height);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  font-style: var(--paragraphs-small-light-300-font-style);
}

.missions-visions .resellersframe-12 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.missions-visions .text-wrapper-4 {
  display: inline-flex;
  align-items: center;
  padding: 2px 4px;
  position: relative;
  flex: 0 0 auto;
  background-color: #f2f2f2;
  border-radius: 4px;
}

.missions-visions .text {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Montserrat-Medium", Helvetica;
  font-weight: 500;
  color: #161a1d;
  font-size: 12px;
  letter-spacing: 0.48px;
  line-height: 20px;
  white-space: nowrap;
}

.missions-visions .resellersframe-13 {
  position: relative;
  width: 110px;
  height: 66px;
  background-image: url(../images/reseller/resellersframe-33881-4.png);
  background-size: cover;
  background-position: 50% 50%;
}

.missions-visions .tag {
  background-color: #61a0db;
  display: inline-flex;
  align-items: center;
  padding: 2px 4px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 4px;
}

.missions-visions .text-wrapper-5 {
  font-size: var(--labels-medium-medium-500-font-size);
  letter-spacing: var(--labels-medium-medium-500-letter-spacing);
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--labels-medium-medium-500-font-family);
  font-weight: var(--labels-medium-medium-500-font-weight);
  color: #ffffff;
  line-height: var(--labels-medium-medium-500-line-height);
  white-space: nowrap;
  font-style: var(--labels-medium-medium-500-font-style);
}

.missions-visions .text-2 {
  font-size: 12px;
  letter-spacing: 0.48px;
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Montserrat-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  line-height: 20px;
  white-space: nowrap;
}

.missions-visions .resellersframe-14 {
  position: relative;
  width: 110px;
  height: 66px;
  background-image: url(../images/reseller/resellersframe-33881-11.png);
  background-size: cover;
  background-position: 50% 50%;
}

.missions-visions .resellersframe-15 {
  position: relative;
  width: 110px;
  height: 66px;
  background-image: url(../images/reseller/resellersframe-33881-9.png);
  background-size: cover;
  background-position: 50% 50%;
}

.missions-visions .resellersframe-16 {
  position: relative;
  width: 110px;
  height: 66px;
  background-image: url(../images/reseller/resellersframe-33881.png);
  background-size: cover;
  background-position: 50% 50%;
}

.missions-visions .resellersframe-17 {
  position: relative;
  width: 110px;
  height: 66px;
  background-image: url(../images/reseller/resellersframe-33881-2.png);
  background-size: cover;
  background-position: 50% 50%;
}

.missions-visions .input {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--desktop-h6-h6-semi-font-family);
  font-weight: var(--desktop-h6-h6-semi-font-weight);
  color: #000000;
  font-size: var(--desktop-h6-h6-semi-font-size);
  letter-spacing: var(--desktop-h6-h6-semi-letter-spacing);
  line-height: var(--desktop-h6-h6-semi-line-height);
  white-space: nowrap;
  font-style: var(--desktop-h6-h6-semi-font-style);
  background: transparent;
  border: none;
  padding: 0;
}

.missions-visions .resellersframe-18 {
  position: relative;
  width: 110px;
  height: 66px;
  background-image: url(../images/reseller/resellersframe-33881-10.png);
  background-size: cover;
  background-position: 50% 50%;
}

.missions-visions .resellersframe-19 {
  position: relative;
  width: 110px;
  height: 66px;
  background-image: url(../images/reseller/resellersframe-33881-7.png);
  background-size: cover;
  background-position: 50% 50%;
}

.missions-visions .flexcontainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.missions-visions .span {
  letter-spacing: var(--paragraphs-small-light-300-letter-spacing);
  font-family: var(--paragraphs-small-light-300-font-family);
  font-style: var(--paragraphs-small-light-300-font-style);
  font-weight: var(--paragraphs-small-light-300-font-weight);
  line-height: var(--paragraphs-small-light-300-line-height);
  font-size: var(--paragraphs-small-light-300-font-size);
}

.missions-visions .resellersframe-20 {
  position: relative;
  width: 110px;
  height: 66px;
  background-image: url(../images/reseller/resellersframe-33881-8.png);
  background-size: cover;
  background-position: 50% 50%;
}

.missions-visions .resellersframe-21 {
  position: relative;
  width: 110px;
  height: 66px;
  background-image: url(../images/reseller/resellersframe-33881-6.png);
  background-size: cover;
  background-position: 50% 50%;
}

.missions-visions .resellersframe-22 {
  position: relative;
  width: 110px;
  height: 66px;
  background-image: url(../images/reseller/resellersframe-33881-5.png);
  background-size: cover;
  background-position: 50% 50%;
}

.missions-visions .resellersframe-23 {
  position: relative;
  width: 110px;
  height: 66px;
  background-image: url(../images/reseller/resellersframe-33881-12.png);
  background-size: cover;
  background-position: 50% 50%;
}
 

.missions-visions .resellersframe {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #f6f6f6;
}

.missions-visions header {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 816px;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.missions-visions .find-a-reseller {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--labels-large-medium-500-all-caps-font-family);
  font-weight: var(--labels-large-medium-500-all-caps-font-weight);
  color: #ba2a2d;
  font-size: var(--labels-large-medium-500-all-caps-font-size);
  letter-spacing: var(--labels-large-medium-500-all-caps-letter-spacing);
  line-height: var(--labels-large-medium-500-all-caps-line-height);
  font-style: var(--labels-large-medium-500-all-caps-font-style);
}

.missions-visions .text-wrapper {
  position: relative;
  align-self: stretch;
  font-family: var(--desktop-h2-h2-bold-font-family);
  font-weight: var(--desktop-h2-h2-bold-font-weight);
  color: #000000;
  font-size: var(--desktop-h2-h2-bold-font-size);
  letter-spacing: var(--desktop-h2-h2-bold-letter-spacing);
  line-height: var(--desktop-h2-h2-bold-line-height);
  font-style: var(--desktop-h2-h2-bold-font-style);
}

.missions-visions .resellersframe-2 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 32px;
  position: relative;
  flex: 0 0 auto;
}

.missions-visions .dropdown-field {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 325px;
  align-items: flex-start;
  gap: 4px;
  position: relative;
}

.missions-visions .div-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 2px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.missions-visions .text-wrapper-2 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--labels-small-medium-500-all-caps-font-family);
  font-weight: var(--labels-small-medium-500-all-caps-font-weight);
  color: #262626;
  font-size: var(--labels-small-medium-500-all-caps-font-size);
  letter-spacing: var(--labels-small-medium-500-all-caps-letter-spacing);
  line-height: var(--labels-small-medium-500-all-caps-line-height);
  white-space: nowrap;
  font-style: var(--labels-small-medium-500-all-caps-font-style);
}

 

.missions-visions .text-wrapper-3 {
  position: relative;
  width: 100%;
  margin-top: -3px;
  margin-bottom: -1px;
  font-family: var(--paragraphs-small-light-300-font-family);
  font-weight: var(--paragraphs-small-light-300-font-weight);
  color: #a3a3a3;
  font-size: var(--paragraphs-small-light-300-font-size);
  letter-spacing: var(--paragraphs-small-light-300-letter-spacing);
  line-height: var(--paragraphs-small-light-300-line-height);
  white-space: nowrap;
  font-style: var(--paragraphs-small-light-300-font-style);
  background: transparent;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.missions-visions .icon {
  position: relative;
  width: 12px;
  height: 12px;
  pointer-events: none;
}

.missions-visions .resellersframe-4 {
  display: flex;
  flex-wrap: wrap;
  margin-top:32px;
  
  position: relative;
  align-self: stretch;
  width: 100%;
  height: auto;
  overflow-y: auto;
}

.missions-visions .resellersframe-4::-webkit-scrollbar {
  width: 0;
  display: none;
}

 

.missions-visions .resellersframe-6,
.missions-visions .resellersframe-13,
.missions-visions .resellersframe-14,
.missions-visions .resellersframe-15,
.missions-visions .resellersframe-16,
.missions-visions .resellersframe-17,
.missions-visions .resellersframe-18,
.missions-visions .resellersframe-19,
.missions-visions .resellersframe-20,
.missions-visions .resellersframe-21,
.missions-visions .resellersframe-22,
.missions-visions .resellersframe-23 {
  position: relative;
  width: 110px;
  height: 66px;
  background-size: cover;
  background-position: 50% 50%;
}

.missions-visions .resellersframe-6 { background-image: url(../images/reseller/inre.png); }
.missions-visions .resellersframe-13 { background-image: url(../images/reseller/4cad.png); }
.missions-visions .resellersframe-14 { background-image: url(../images/reseller/cad.png); }
.missions-visions .resellersframe-15 { background-image: url(../images/reseller/mensch.png); }
.missions-visions .resellersframe-16 { background-image: url(../images/reseller/root.png); }
.missions-visions .resellersframe-17 { background-image: url(../images/reseller/solid.png); }
.missions-visions .resellersframe-18 { background-image: url(../images/reseller/innoptus.png); }
.missions-visions .resellersframe-19 { background-image: url(../images/reseller/infinity.png); }
.missions-visions .resellersframe-20 { background-image: url(../images/reseller/resellersframe-33881-8.png); }
.missions-visions .resellersframe-21 { background-image: url(../images/reseller/resellersframe-33881-6.png); }
.missions-visions .resellersframe-22 { background-image: url(../images/reseller/resellersframe-33881-5.png); }
.missions-visions .resellersframe-23 { background-image: url(../images/reseller/resellersframe-33881-12.png); }

.missions-visions .resellersframe-7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 42px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.missions-visions .resellersframe-8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.missions-visions .resellersframe-9 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.missions-visions .resellersframe-10 {
  display: flex;
  align-items: center;
  gap: 4px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.missions-visions .name {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--desktop-h6-h6-semi-font-family);
  font-weight: var(--desktop-h6-h6-semi-font-weight);
  color: #000000;
  font-size: var(--desktop-h6-h6-semi-font-size);
  letter-spacing: var(--desktop-h6-h6-semi-letter-spacing);
  line-height: var(--desktop-h6-h6-semi-line-height);
  white-space: nowrap;
  font-style: var(--desktop-h6-h6-semi-font-style);
}

.missions-visions .img {
  position: relative;
  width: 18px;
  height: 18px;
}

.missions-visions .resellersframe-11 {
  display: flex;
  align-items: center;
  gap: 6px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.missions-visions .address-line {
  position: relative;
  flex: 1;
  margin-top: -1px;
  font-family: var(--paragraphs-small-regular-400-font-family);
  font-weight: var(--paragraphs-small-regular-400-font-weight);
  color: #161a1d;
  font-size: var(--paragraphs-small-regular-400-font-size);
  letter-spacing: var(--paragraphs-small-regular-400-letter-spacing);
  line-height: var(--paragraphs-small-regular-400-line-height);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-style: var(--paragraphs-small-regular-400-font-style);
}

.missions-visions .p {
  position: relative;
  align-self: stretch;
  font-family: var(--paragraphs-small-light-300-font-family);
  font-weight: var(--paragraphs-small-light-300-font-weight);
  color: #161a1d;
  font-size: var(--paragraphs-small-light-300-font-size);
  letter-spacing: var(--paragraphs-small-light-300-letter-spacing);
  line-height: var(--paragraphs-small-light-300-line-height);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  font-style: var(--paragraphs-small-light-300-font-style);
}

.missions-visions .resellersframe-12 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.missions-visions .text-wrapper-4 {
  display: inline-flex;
  align-items: center;
  padding: 2px 4px;
  position: relative;
  flex: 0 0 auto;
  background-color: #f2f2f2;
  border-radius: 4px;
}

.missions-visions .text {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Montserrat-Medium", Helvetica;
  font-weight: 500;
  color: #161a1d;
  font-size: 12px;
  letter-spacing: 0.48px;
  line-height: 20px;
  white-space: nowrap;
}

.missions-visions .tag {
  background-color: #61a0db;
  display: inline-flex;
  align-items: center;
  padding: 2px 4px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 4px;
}

.missions-visions .text-wrapper-5 {
  font-size: var(--labels-medium-medium-500-font-size);
  letter-spacing: var(--labels-medium-medium-500-letter-spacing);
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--labels-medium-medium-500-font-family);
  font-weight: var(--labels-medium-medium-500-font-weight);
  color: #ffffff;
  line-height: var(--labels-medium-medium-500-line-height);
  white-space: nowrap;
  font-style: var(--labels-medium-medium-500-font-style);
}

.missions-visions .text-2 {
  font-size: 12px;
  letter-spacing: 0.48px;
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Montserrat-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  line-height: 20px;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .missions-visions {
    padding: 5px 5px;
  }

  .missions-visions .resellersframe-2 {
    flex-direction: column;
  }

  .missions-visions .dropdown-field {
    max-width: 100%;
  }

  .missions-visions .resellersframe-4 {
    height: auto;
  }

  .missions-visions .resellersframe-5 {
    min-width: 100%;
    max-width: 100%;
  }
  .missions-visions .resellersframe-5 {
  
  gap: 3px;
  padding: 10px;
  position: relative;
  
}

.missions-visions .name {
  
  font-size:16px;
  
}



}

.resellerframe {
  display: flex;width:100%;
  flex-direction: column;
  gap: 32px;
  padding: 80px;
  background-color: #e5383b;
  align-items: center;
  justify-content: center;
  position: relative;
}

.resellerframe .resdiv {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.resellerframe .text-wrapper {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--desktop-h2-h2-reg-font-family);
  font-weight: var(--desktop-h2-h2-reg-font-weight);
  color: #ffffff;
  font-size: var(--desktop-h2-h2-reg-font-size);
  text-align: center;
  letter-spacing: var(--desktop-h2-h2-reg-letter-spacing);
  line-height: var(--desktop-h2-h2-reg-line-height);
  font-style: var(--desktop-h2-h2-reg-font-style);
}

.resellerframe .become-a-valued {
	min-width: 230px; 
align-self: stretch;
  position: relative;
  font-family: var(--paragraphs-large-light-300-font-family);
  font-weight: var(--paragraphs-large-light-300-font-weight);
  color: #ffffff;
  font-size: var(--paragraphs-large-light-300-font-size);
  text-align: center;
  letter-spacing: var(--paragraphs-large-light-300-letter-spacing);
  line-height: var(--paragraphs-large-light-300-line-height);
  font-style: var(--paragraphs-large-light-300-font-style);
}

.resellerframe .p {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--paragraphs-large-medium-500-font-family);
  font-weight: var(--paragraphs-large-medium-500-font-weight);
  color: #ffffff;
  font-size: var(--paragraphs-large-medium-500-font-size);
  text-align: center;
  letter-spacing: var(--paragraphs-large-medium-500-letter-spacing);
  line-height: var(--paragraphs-large-medium-500-line-height);
  font-style: var(--paragraphs-large-medium-500-font-style);
}

.resellerframe .button {
  display: inline-flex;
  gap: 4px;
  padding: 14px 20px;
  flex: 0 0 auto;
  background-color: #262626;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  position: relative;
}

.resellerframe .button-label {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--labels-large-semibold-600-font-family);
  font-weight: var(--labels-large-semibold-600-font-weight);
  color: #ffffff;
  font-size: var(--labels-large-semibold-600-font-size);
  letter-spacing: var(--labels-large-semibold-600-letter-spacing);
  line-height: var(--labels-large-semibold-600-line-height);
  white-space: nowrap;
  font-style: var(--labels-large-semibold-600-font-style);
}
.resellersframe3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 72px;
  padding: 80px 0px 40px;
  position: relative;
  background-color: #ffffff;
}

.resellersframe3 .resdiv2 {
  flex-direction: column;
  gap: 16px;
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.resellersframe3 .why-reseller {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--labels-large-medium-500-all-caps-font-family);
  font-weight: var(--labels-large-medium-500-all-caps-font-weight);
  color: #ba2a2d;
  font-size: var(--labels-large-medium-500-all-caps-font-size);
  letter-spacing: var(--labels-large-medium-500-all-caps-letter-spacing);
  line-height: var(--labels-large-medium-500-all-caps-line-height);
  font-style: var(--labels-large-medium-500-all-caps-font-style);
}

.resellersframe3 .why-most-of-our {
  position: relative;
  align-self: stretch;
  font-family: var(--desktop-h2-h2-bold-font-family);
  font-weight: var(--desktop-h2-h2-bold-font-weight);
  color: transparent;
  font-size: var(--desktop-h2-h2-bold-font-size);
  letter-spacing: var(--desktop-h2-h2-bold-letter-spacing);
  line-height: var(--desktop-h2-h2-bold-line-height);
  font-style: var(--desktop-h2-h2-bold-font-style);
}

.resellersframe3 .text-wrapper {
  color: #000000;
  letter-spacing: var(--desktop-h2-h2-bold-letter-spacing);
  font-family: var(--desktop-h2-h2-bold-font-family);
  font-style: var(--desktop-h2-h2-bold-font-style);
  font-weight: var(--desktop-h2-h2-bold-font-weight);
  line-height: var(--desktop-h2-h2-bold-line-height);
  font-size: var(--desktop-h2-h2-bold-font-size);
}

.resellersframe3 .span {
  color: #737373;
  letter-spacing: var(--desktop-h2-h2-bold-letter-spacing);
  font-family: var(--desktop-h2-h2-bold-font-family);
  font-style: var(--desktop-h2-h2-bold-font-style);
  font-weight: var(--desktop-h2-h2-bold-font-weight);
  line-height: var(--desktop-h2-h2-bold-line-height);
  font-size: var(--desktop-h2-h2-bold-font-size);
}

.resellersframe3 .div-2 {
  flex-direction: column;
  gap: 24px;
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.resellersframe3 .div-3 {
  
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.resellersframe3 .our-achivements {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  padding: 24px;
  position: relative;
 
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #f5f5f5;
}

.resellersframe3 .div-4 {
  flex-direction: column;
  gap: 6px;
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.resellersframe3 .become-a-partners {
  position: relative;
  width: 72px;
  height: 72px;
}

.resellersframe3 .div-5 {
  flex-direction: column;
  gap: 8px;
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.resellersframe3 .title {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--labels-medium-semibold-600-font-family);
  font-weight: var(--labels-medium-semibold-600-font-weight);
  color: #000000;
  font-size: var(--labels-medium-semibold-600-font-size);
  letter-spacing: var(--labels-medium-semibold-600-letter-spacing);
  line-height: var(--labels-medium-semibold-600-line-height);
  font-style: var(--labels-medium-semibold-600-font-style);
}

.resellersframe3 .flexcontainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.resellersframe3 .text-i {
  position: relative;
  align-self: stretch;
  font-family: var(--paragraphs-small-light-300-font-family);
  font-weight: var(--paragraphs-small-light-300-font-weight);
  color: #161a1d;
  font-size: var(--paragraphs-small-light-300-font-size);
  letter-spacing: var(--paragraphs-small-light-300-letter-spacing);
  line-height: var(--paragraphs-small-light-300-line-height);
  font-style: var(--paragraphs-small-light-300-font-style);
}

.resellersframe3 .text-wrapper-2 {
  color: var(--Text-Text-Body, #161A1D);
/* Paragraphs/Small/Light 300 */
font-family: var(--Typeface-Font-Family-Text, Poppins);
font-size: var(--Typeface-Paragraphs-Size-P3, 14px);
font-style: normal;
font-weight: 300;
line-height: var(--Typeface-Paragraphs-Line-Height-P3, 20px); /* 142.857% */
letter-spacing: 0.28px;
}




	.hero-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  padding: 10px;
  position: relative;
  background-color: #ffffff;
}

.hero-section .heroframe {
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  position: relative;
}

.hero-section .herodiv {
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 24px 140px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  position: relative;
}

.hero-section .div-wrapper {
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1;
  flex-grow: 1;
  display: flex;
  position: relative;
}
 

.hero-section .heroframe-2 {
  display: flex;
  flex-direction: column;
  width: 404px;
  align-items: flex-start;
  gap: 16px;
  position: relative;
}

.hero-section .heroframe-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.hero-section .heroframe-4 {
  align-items: center;
  justify-content: center;
  gap: 10px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  position: relative;
}

.hero-section .text-wrapper-2old {
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: var(--labels-medium-medium-500-font-family);
  font-weight: var(--labels-medium-medium-500-font-weight);
  color: #a3a3a3;
  font-size: var(--labels-medium-medium-500-font-size);
  letter-spacing: var(--labels-medium-medium-500-letter-spacing);
  line-height: var(--labels-medium-medium-500-line-height);
  font-style: var(--labels-medium-medium-500-font-style);
}
 
.hero-section .line {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 1px;
  object-fit: cover;
}

.hero-section .heroframe-5 {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  position: relative;
}

.hero-section .text-wrapper-3 {
  margin-top: -1.00px;
  font-family: var(--paragraphs-small-light-300-font-family);
  font-weight: var(--paragraphs-small-light-300-font-weight);
  color: #000000;
  font-size: var(--paragraphs-small-light-300-font-size);
  letter-spacing: var(--paragraphs-small-light-300-letter-spacing);
  position: relative;
  align-self: stretch;
  line-height: var(--paragraphs-small-light-300-line-height);
  font-style: var(--paragraphs-small-light-300-font-style);
}

.hero-section .heroframe-6 {
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  position: relative;
}

.hero-section .solidworks-to-revit {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--paragraphs-xsmall-special-uppercase-font-family);
  font-weight: var(--paragraphs-xsmall-special-uppercase-font-weight);
  color: #737373;
  font-size: var(--paragraphs-xsmall-special-uppercase-font-size);
  letter-spacing: var(--paragraphs-xsmall-special-uppercase-letter-spacing);
  line-height: var(--paragraphs-xsmall-special-uppercase-line-height);
  font-style: var(--paragraphs-xsmall-special-uppercase-font-style);
}

.hero-section .text-wrapper-4 {
  font-family: var(--paragraphs-xsmall-special-uppercase-font-family);
  font-weight: var(--paragraphs-xsmall-special-uppercase-font-weight);
  color: #737373;
  font-size: var(--paragraphs-xsmall-special-uppercase-font-size);
  letter-spacing: var(--paragraphs-xsmall-special-uppercase-letter-spacing);
  position: relative;
  align-self: stretch;
  line-height: var(--paragraphs-xsmall-special-uppercase-line-height);
  font-style: var(--paragraphs-xsmall-special-uppercase-font-style);
}

.hero-section .heroframe-7 {
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  flex: 1;
  flex-grow: 1;
  display: flex;
  position: relative;
}

.hero-section .text-wrapper-5 {
  position: relative;
  align-self: stretch;
  font-family: var(--paragraphs-small-light-300-font-family);
  font-weight: var(--paragraphs-small-light-300-font-weight);
  color: #000000;
  font-size: var(--paragraphs-small-light-300-font-size);
  letter-spacing: var(--paragraphs-small-light-300-letter-spacing);
  line-height: var(--paragraphs-small-light-300-line-height);
  font-style: var(--paragraphs-small-light-300-font-style);
}

.hero-section .heroframe-8 {
  flex-direction: column;
  min-width: 290px;
  align-items: flex-start;
  gap: 32px;
  flex: 1;
  flex-grow: 1;
  display: flex;
  position: relative;
}

.hero-section .heroframe-9 {
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  position: relative;
}

.hero-section .flexcontainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.hero-section .text {
  position: relative;
  align-self: stretch;
  font-family: var(--paragraphs-large-light-300-font-family);
  font-weight: var(--paragraphs-large-light-300-font-weight);
  color: #161a1d;
  font-size: var(--paragraphs-large-light-300-font-size);
  letter-spacing: var(--paragraphs-large-light-300-letter-spacing);
  line-height: var(--paragraphs-large-light-300-line-height);
  font-style: var(--paragraphs-large-light-300-font-style);
}

 

.hero-section .for-more-information {
  position: relative;
  align-self: stretch;
  font-family: var(--paragraphs-medium-regular-400-font-family);
  font-weight: var(--paragraphs-medium-regular-400-font-weight);
  color: transparent;
  font-size: var(--paragraphs-medium-regular-400-font-size);
  letter-spacing: var(--paragraphs-medium-regular-400-letter-spacing);
  line-height: var(--paragraphs-medium-regular-400-line-height);
  font-style: var(--paragraphs-medium-regular-400-font-style);
}

.hero-section .text-wrapper-6 {
  color: #161a1d;
  font-family: var(--paragraphs-medium-regular-400-font-family);
  font-style: var(--paragraphs-medium-regular-400-font-style);
  font-weight: var(--paragraphs-medium-regular-400-font-weight);
  letter-spacing: var(--paragraphs-medium-regular-400-letter-spacing);
  line-height: var(--paragraphs-medium-regular-400-line-height);
  font-size: var(--paragraphs-medium-regular-400-font-size);
}

.hero-section .text-wrapper-7 {
  color: #ba2a2d;
  text-decoration: underline;
  font-family: var(--paragraphs-medium-regular-400-font-family);
  font-style: var(--paragraphs-medium-regular-400-font-style);
  font-weight: var(--paragraphs-medium-regular-400-font-weight);
  letter-spacing: var(--paragraphs-medium-regular-400-letter-spacing);
  line-height: var(--paragraphs-medium-regular-400-line-height);
  font-size: var(--paragraphs-medium-regular-400-font-size);
}

.hero-section .heroframe-10 {
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 32px 32px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  position: relative;
}

.hero-section .reseller-contact {
  display: flex;
  flex-direction: column;
  min-width: 352px;
  max-width: 400px;
  align-items: flex-start;
  gap: 6px;
  padding: 24px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #f5f5f5;
}

.hero-section .heroframe-11 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  position: relative;
}

.hero-section .img {
  position: relative;
  width: 50px;
  height: 50px;
}

.hero-section .titleold {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--labels-medium-semibold-600-font-family);
  font-weight: var(--labels-medium-semibold-600-font-weight);
  color: #ba2a2d;
  font-size: var(--labels-medium-semibold-600-font-size);
  letter-spacing: var(--labels-medium-semibold-600-letter-spacing);
  line-height: var(--labels-medium-semibold-600-line-height);
  font-style: var(--labels-medium-semibold-600-font-style);
}

.hero-section .title-2 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Montserrat-SemiBold", Helvetica;
  font-weight: 600;
  color: #ba2a2d;
  font-size: 14px;
  letter-spacing: 0.28px;
  line-height: 20px;
  text-decoration: underline;
}

.hero-section .send-an-email-to-our {
  position: relative;
  align-self: stretch;
  font-family: var(--paragraphs-small-light-300-font-family);
  font-weight: var(--paragraphs-small-light-300-font-weight);
  color: #161a1d;
  font-size: var(--paragraphs-small-light-300-font-size);
  letter-spacing: var(--paragraphs-small-light-300-letter-spacing);
  line-height: var(--paragraphs-small-light-300-line-height);
  font-style: var(--paragraphs-small-light-300-font-style);
}

.hero-section .heroframe-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 400px;
  width: 352px;
  align-items: flex-start;
  gap: 6px;
  padding: 24px;
  position: relative;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #f5f5f5;
}
.buttonblue{
	display: flex;
padding: 12px 16px;
justify-content: center;
align-items: center;
gap: 4px;
	border-radius: var(--Medium, 6px);
background: var(--Celtic-Blue-CelticBlue-500, #2A75BA);
	border:0px;
	
}
.wh24{
	width:24px;height:24px;	
}
.country {
	
	color:#a3a3a3;
}
.herosec{
	
	max-height:400px;overflow:hidden;
}/* The Modal (background) */.vmodal {  display: none; /* Hidden by default */  position: fixed; /* Stay in place */  z-index: 99999999999; /* Sit on top */  padding-top: 70px; /* Location of the box */  left: 0;  top: 0;  width: 100%; /* Full width */  height: 100%; /* Full height */  overflow: auto; /* Enable scroll if needed */  background-color: rgb(0,0,0); /* Fallback color */  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */}/* Modal Content */.vmodal-content {    margin: auto;  padding: 20px;  border: 0px solid #888;  width: 60%;min-width:360px; }/* The Close Button */.vclose {  color: #aaaaaa;  float: right;  font-size: 28px;  font-weight: bold;}.vclose:hover,.vclose:focus {  color: #000;  text-decoration: none;  cursor: pointer;}      .become-a-reseller {  display: flex;  flex-direction: column;  align-items: flex-start;  gap: 32px;  padding: 40px;  position: relative;  background-color: #f6f6f6;}.become-a-reseller .icon {  position: absolute;  width: 36px;  height: 36px;  top: 19px;  left: 746px;}.become-a-reseller .frame {  display: flex;  flex-direction: column;  align-items: flex-start;  gap: 8px;  position: relative;  align-self: stretch;  width: 100%;  flex: 0 0 auto;}.become-a-reseller .text-wrapper {  position: relative;  align-self: stretch;  margin-top: -1.00px;  font-family: var(--desktop-h4-h4-semi-font-family);  font-weight: var(--desktop-h4-h4-semi-font-weight);  color: #000000;  font-size: var(--desktop-h4-h4-semi-font-size);  letter-spacing: var(--desktop-h4-h4-semi-letter-spacing);  line-height: var(--desktop-h4-h4-semi-line-height);  font-style: var(--desktop-h4-h4-semi-font-style);}.become-a-reseller .div {  position: relative;  align-self: stretch;  font-family: var(--paragraphs-large-light-300-font-family);  font-weight: var(--paragraphs-large-light-300-font-weight);  color: #000000;  font-size: var(--paragraphs-large-light-300-font-size);  letter-spacing: var(--paragraphs-large-light-300-letter-spacing);  line-height: var(--paragraphs-large-light-300-line-height);  font-style: var(--paragraphs-large-light-300-font-style);}.become-a-reseller .frame-2 {  display: flex;  flex-direction: column;  align-items: flex-start;  gap: 16px;  position: relative;  align-self: stretch;  width: 100%;  flex: 0 0 auto;}.become-a-reseller .input-field {  display: flex;  flex-direction: column;  align-items: flex-start;  gap: 4px;  position: relative;  align-self: stretch;  width: 100%;  flex: 0 0 auto;}.become-a-reseller .frame-3 {  display: flex;  align-items: flex-start;  gap: 2px;  position: relative;  align-self: stretch;  width: 100%;  flex: 0 0 auto;}.become-a-reseller .label {  position: relative;  width: fit-content;  margin-top: -1.00px;  font-family: var(--labels-small-medium-500-all-caps-font-family);  font-weight: var(--labels-small-medium-500-all-caps-font-weight);  color: #a3a3a3;  font-size: var(--labels-small-medium-500-all-caps-font-size);  letter-spacing: var(--labels-small-medium-500-all-caps-letter-spacing);  line-height: var(--labels-small-medium-500-all-caps-line-height);  white-space: nowrap;  font-style: var(--labels-small-medium-500-all-caps-font-style);}.become-a-reseller .text-wrapper-2 {  position: relative;  width: fit-content;  margin-top: -1.00px;  font-family: "Montserrat-Medium", Helvetica;  font-weight: 500;  color: #e5383b;  font-size: 16px;  letter-spacing: 0.32px;  line-height: 16px;  white-space: nowrap;}.become-a-reseller .enter-here-wrapper {  display: flex;  height: 48px;  align-items: center;  gap: 10px;  padding: 16px;  position: relative;  align-self: stretch;  width: 100%;  background-color: #ffffff;  border-radius: 8px;}.become-a-reseller .enter-here {  position: relative;  width: fit-content;  margin-top: -3.00px;  margin-bottom: -1.00px;  font-family: var(--paragraphs-small-light-300-font-family);  font-weight: var(--paragraphs-small-light-300-font-weight);  color: #a3a3a3;  font-size: var(--paragraphs-small-light-300-font-size);  letter-spacing: var(--paragraphs-small-light-300-letter-spacing);  line-height: var(--paragraphs-small-light-300-line-height);  white-space: nowrap;  font-style: var(--paragraphs-small-light-300-font-style);}.become-a-reseller .frame-4 {  display: flex;  align-items: flex-start;  gap: 16px;  position: relative;  align-self: stretch;  width: 100%;  flex: 0 0 auto;}.become-a-reseller .input-field-2 {  display: flex;  flex-direction: column;  align-items: flex-start;  gap: 4px;  position: relative;  flex: 1;  flex-grow: 1;}.become-a-reseller .frame-5 {  display: flex;  align-items: flex-start;  gap: 24px;  position: relative;  align-self: stretch;  width: 100%;  flex: 0 0 auto;}.become-a-reseller .text-input-field {  display: flex;  flex-direction: column;  height: 147px;  align-items: flex-start;  gap: 4px;  position: relative;  align-self: stretch;  width: 100%;}.become-a-reseller .label-2 {  position: relative;  width: fit-content;  margin-top: -1.00px;  font-family: var(--labels-small-medium-500-all-caps-font-family);  font-weight: var(--labels-small-medium-500-all-caps-font-weight);  color: #262626;  font-size: var(--labels-small-medium-500-all-caps-font-size);  letter-spacing: var(--labels-small-medium-500-all-caps-letter-spacing);  line-height: var(--labels-small-medium-500-all-caps-line-height);  white-space: nowrap;  font-style: var(--labels-small-medium-500-all-caps-font-style);}.become-a-reseller .div-wrapper {  display: flex;  align-items: flex-start;  gap: 10px;  padding: 16px;  position: relative;  flex: 1;  align-self: stretch;  width: 100%;  flex-grow: 1;  background-color: #ffffff;  border-radius: 8px;}.become-a-reseller .enter-here-2 {  position: relative;  width: fit-content;  margin-top: -1.00px;  font-family: var(--paragraphs-small-light-300-font-family);  font-weight: var(--paragraphs-small-light-300-font-weight);  color: #a3a3a3;  font-size: var(--paragraphs-small-light-300-font-size);  letter-spacing: var(--paragraphs-small-light-300-letter-spacing);  line-height: var(--paragraphs-small-light-300-line-height);  white-space: nowrap;  font-style: var(--paragraphs-small-light-300-font-style);}.become-a-reseller .accept-tnc {    align-items: center;  justify-content: space-between;  position: relative;  align-self: stretch;  width: 100%;  flex: 0 0 auto;margin-bottom:20px;}.become-a-reseller .frame-6 {  display: flex;  align-items: center;  gap: 14px;  position: relative;  flex: 1;  flex-grow: 1;}.become-a-reseller .icon-wrapper {  display: inline-flex;  align-items: center;  justify-content: center;  gap: 10px;  padding: 4px;  position: relative;  flex: 0 0 auto;  background-color: #ffffff;  border-radius: 4px;  border: 1px solid;  border-color: #f5f5f5;}.become-a-reseller .img {  position: relative;  width: 24px;  height: 24px;}.become-a-reseller .you-have-read-and {  position: relative;  flex: 1;  font-family: var(--paragraphs-small-regular-400-font-family);  font-weight: var(--paragraphs-small-regular-400-font-weight);  color: transparent;  font-size: var(--paragraphs-small-regular-400-font-size);  letter-spacing: var(--paragraphs-small-regular-400-letter-spacing);  line-height: var(--paragraphs-small-regular-400-line-height);  font-style: var(--paragraphs-small-regular-400-font-style);}.become-a-reseller .span {  color: #161a1d;  letter-spacing: var(--paragraphs-small-regular-400-letter-spacing);  font-family: var(--paragraphs-small-regular-400-font-family);  font-style: var(--paragraphs-small-regular-400-font-style);  font-weight: var(--paragraphs-small-regular-400-font-weight);  line-height: var(--paragraphs-small-regular-400-line-height);  font-size: var(--paragraphs-small-regular-400-font-size);}.become-a-reseller .text-wrapper-3 {  color: #000000;  letter-spacing: var(--paragraphs-small-regular-400-letter-spacing);  font-family: var(--paragraphs-small-regular-400-font-family);  font-style: var(--paragraphs-small-regular-400-font-style);  font-weight: var(--paragraphs-small-regular-400-font-weight);  line-height: var(--paragraphs-small-regular-400-line-height);  font-size: var(--paragraphs-small-regular-400-font-size);}.become-a-reseller .text-wrapper-4 {  color: #61a0db;  letter-spacing: var(--paragraphs-small-regular-400-letter-spacing);  text-decoration: underline;  font-family: var(--paragraphs-small-regular-400-font-family);  font-style: var(--paragraphs-small-regular-400-font-style);  font-weight: var(--paragraphs-small-regular-400-font-weight);  line-height: var(--paragraphs-small-regular-400-line-height);  font-size: var(--paragraphs-small-regular-400-font-size);}.become-a-reseller .button {  all: unset;  box-sizing: border-box;  display: inline-flex;  align-items: center;  justify-content: center;  gap: 4px;  padding: 12px 16px;  position: relative;  flex: 0 0 auto;  background-color: #f4f4f4;  border-radius: 6px;}.become-a-reseller .button-label {  all: unset;  box-sizing: border-box;  position: relative;  width: fit-content;  margin-top: -1.00px;  font-family: var(--labels-medium-semibold-600-font-family);  font-weight: var(--labels-medium-semibold-600-font-weight);  color: #d9d9d9;  font-size: var(--labels-medium-semibold-600-font-size);  letter-spacing: var(--labels-medium-semibold-600-letter-spacing);  line-height: var(--labels-medium-semibold-600-line-height);  white-space: nowrap;  font-style: var(--labels-medium-semibold-600-font-style);}/* Inject original CSS here */.become-a-reseller {  max-width: 800px;  margin: 0 auto;}.iconn {  display: block;  margin: 0 auto 0px;}header {  text-align: left;width:100%;}.description {  max-width: 600px; color: var(--Text-Text-Heading, #000)!important; font-family: var(--Typeface-Font-Family-Text, Poppins)!important; font-size: var(--Typeface-Paragraphs-Size-P1, 18px)!important; font-style: normal!important; font-weight: 300!important; line-height: var(--Typeface-Paragraphs-Line-Height-P1, 28px)!important; }.reseller-form {  display: flex;width:100%;  flex-direction: column;  gap: 16px;}.form-row {  display: flex;  gap: 16px;max-width:350px;}.input-field {  display: flex;width:100%;  flex-direction: column;  flex: 1;}label {  display: flex;  align-items: center;  gap: 2px;  margin-bottom: 4px;}.required {  color: #e5383b;}input,select,textarea {  padding: 16px;width:100%;  border: 1px solid #e0e0e0;  border-radius: 8px;  font-family: var(--paragraphs-small-light-300-font-family);  font-size: var(--paragraphs-small-light-300-font-size);  color: #000000;}input::placeholder,select::placeholder,textarea::placeholder {  color: #a3a3a3;}textarea {  resize: vertical;  min-height: 100px;}.accept-tnc {  margin-bottom:20px;  justify-content: space-between;  align-items: center;}.checkbox-wrapper {  display: flex;  align-items: center;  gap: 14px;}.privacy-link {  color: #61a0db;  text-decoration: underline;}@media (max-width: 768px) {	.vmodal-content {    margin: auto;  padding: 20px;  border: 0px solid #888;  width: 90%; }  .form-row {    flex-direction: column;  }}label {		color: #000;/* Labels/small/Medium 500 All caps */font-family: var(--Typeface-Font-Family-Label, Montserrat);font-size: var(--Typeface-Labels-Size-Small, 12px);font-style: normal;font-weight: 500;line-height: var(--Typeface-Labels-Line-Height-Small, 16px); /* 133.333% */letter-spacing: 0.48px;text-transform: uppercase; }.privacy-policy {		color: var(--Text-Text-Body, #161A1D);/* Paragraphs/Small/Regular 400 */font-family: var(--Typeface-Font-Family-Text, Poppins);font-size: var(--Typeface-Paragraphs-Size-P3, 14px);font-style: normal;font-weight: 400;line-height: var(--Typeface-Paragraphs-Line-Height-P3, 20px); /* 142.857% */letter-spacing: 0.28px;		}