@charset "UTF-8";
@import url("../fonts/fonts.css");
:root {
  --black-100: #000000;
  --black-90: #232323;
  --black-80: #383838;
  --black-70: #4b4b4b;
  --black-60: #979797;
  --black-40: #d8d8d8;
  --black-20: #f2f2f2;
  --black-10: #f6f6f6;
  --black-white: #ffffff;
  --color-blue-for-dark: #009ff4;
  --color-blue-for-light: #0192df;
  --color-red-for-dark: #ff6565;
  --color-red-for-light: #c63939;
  --color-green-for-dark: #00d83a;
  --color-green-for-light: #048000;
  --logo-filter: brightness(100) grayscale(100%);
  --font-family-primary: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
}

body[data-theme=light] {
  --black-100: #ffffff;
  --black-90: #ffffff;
  --black-80: #f6f6f6;
  --black-70: #f2f2f2;
  --black-60: #d8d8d8;
  --black-40: #979797;
  --black-20: #4b4b4b;
  --black-10: #383838;
  --black-white: #383838;
  --color-blue-for-dark: #0192df;
  --color-blue-for-light: #009ff4;
  --color-red-for-dark: #c63939;
  --color-red-for-light: #ff6565;
  --color-green-for-dark: #048000;
  --color-green-for-light: #00d83a;
  --logo-filter: brightness(1) grayscale(0%);
}

body[data-lang=ZHTW] {
  --font-family-primary: "Noto Sans TC", "Noto Sans SC", "Roboto", -apple-system, BlinkMacSystemFont, "PingFang SC", "PingFang TC", "Microsoft YaHei", "微軟雅黑", "Microsoft JhengHei", "微軟正黑體", "Hiragino Sans GB", sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 600;
  --font-weight-bold: 700;
}

body[data-lang=ZHCN] {
  --font-family-primary: "Noto Sans SC", "Noto Sans TC", "Roboto", -apple-system, BlinkMacSystemFont, "PingFang SC", "PingFang TC", "Microsoft YaHei", "微軟雅黑", "Microsoft JhengHei", "微軟正黑體", "Hiragino Sans GB", sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 600;
  --font-weight-bold: 700;
}

body {
  font-family: var(--font-family-primary);
}

body {
  background-color: var(--black-90);
}

#all_page.sending {
  filter: blur(2px);
}
#all_page.sending::after {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background: rgba(0, 0, 0, 0.5);
  z-index: 10000;
  cursor: wait;
}

main {
  padding: 64px 40px;
  background-color: var(--black-100);
}
main #stage-0 {
  border-radius: 20px;
  background-color: var(--black-90);
  text-align: center;
  padding: 64px 0;
  width: 960px;
  max-width: 90%;
  margin-top: 40px;
}
main .contact-cards {
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 32px;
       column-gap: 32px;
  row-gap: 16px;
}
main .contact-cards .contact-card {
  position: relative;
  display: block;
  width: 400px;
  aspect-ratio: 4/3;
  max-width: calc(50% - 32px);
  border-radius: 10px;
  margin: 0;
  overflow: hidden;
  transition: border cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
  border: 3px solid var(--black-90);
  cursor: pointer;
  text-align: center;
}
main .contact-cards .contact-card:hover {
  border: 3px solid var(--black-white);
}
main .contact-cards .contact-card.selected {
  border: 3px solid var(--color-blue-for-dark);
}
main .contact-cards .contact-card.selected .card-body.white-bg input {
  display: block;
}
main .contact-cards .contact-card.selected .card-body.white-bg input ~ h5 {
  display: none;
}
main .contact-cards .contact-card .card-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}
main .contact-cards .contact-card .card-body {
  padding: 18px 20px 28px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: var(--black-90);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
main .contact-cards .contact-card .card-body.white-bg {
  background-color: var(--black-white);
  top: auto;
  bottom: 0;
  height: 25%;
  padding: 0;
}
main .contact-cards .contact-card .card-body.white-bg input {
  border: none;
  outline: none;
  display: none;
  text-align: center;
  border-bottom: 1px solid;
  width: 90%;
}
main .contact-cards .contact-card .card-body.white-bg input {
  font-size: 24px;
  font-weight: var(--font-weight-bold);
  line-height: 135%;
  letter-spacing: 0.5px;
}
@media (max-width: 720px) {
  main .contact-cards .contact-card .card-body.white-bg input {
    font-size: 18px;
  }
}
main .contact-cards .break {
  flex-basis: 100%;
}
main .partner-wizard {
  width: 960px;
  max-width: 90%;
  margin: 40px auto;
  padding: 64px;
  border-radius: 20px;
  background-color: var(--black-90);
  display: none;
}
main .partner-wizard.is-visible {
  display: block;
}
main .partner-wizard .wizard-steps {
  list-style: none;
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0 0 20px;
  white-space: nowrap;
}
main .partner-wizard .wizard-steps li {
  text-align: center;
  color: var(--black-white);
  margin: 0;
  min-width: 23%;
  position: relative;
}
main .partner-wizard .wizard-steps li::before, main .partner-wizard .wizard-steps li::after {
  position: absolute;
  top: 0;
  left: auto;
  right: calc(50% + 29px);
  content: "";
  display: inline-block;
  width: calc(50% - 29px);
  height: 100%;
  margin: 0 auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: linear-gradient(to bottom, transparent 28px, white 28px, white 30px, transparent 30px);
}
main .partner-wizard .wizard-steps li::after {
  right: 0;
}
main .partner-wizard .wizard-steps li span {
  display: inline-block;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #333;
  color: #fff;
  line-height: 52px;
  font-size: 32px;
  font-family: "Tilt Warp";
  margin-bottom: 8px;
  border: 4px solid;
}
main .partner-wizard .wizard-steps li small {
  display: block;
}
main .partner-wizard .wizard-steps li small {
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  line-height: 140%;
  letter-spacing: 0.5px;
}
main .partner-wizard .wizard-steps li.active::before {
  background-image: linear-gradient(to bottom, transparent 28px, var(--color-blue-for-dark) 28px, var(--color-blue-for-dark) 30px, transparent 30px);
}
main .partner-wizard .wizard-steps li.active span {
  background: var(--color-blue-for-dark);
  border-color: var(--color-blue-for-dark);
}
main .partner-wizard .wizard-steps li.active small {
  color: var(--color-blue-for-dark);
}
main .partner-wizard .wizard-steps li.done::before, main .partner-wizard .wizard-steps li.done::after {
  background-image: linear-gradient(to bottom, transparent 28px, var(--color-blue-for-dark) 28px, var(--color-blue-for-dark) 30px, transparent 30px);
}
main .partner-wizard .wizard-steps li.done span {
  color: transparent;
  background-color: var(--black-90);
  border: 4px solid var(--color-blue-for-dark);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px 32px;
  background-image: url("data:image/svg+xml,%3csvg%20width%3d%2224%22%20height%3d%2224%22%20viewBox%3d%220%200%2024%2024%22%20fill%3d%22%23009ff4%22%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%3e%0a%3cpath%20d%3d%22M9.54997%2014.6695L17.7707%206.44899C18.0366%206.18299%2018.3499%206.04999%2018.7107%206.04999C19.0717%206.04999%2019.3851%206.18299%2019.651%206.44899C19.917%206.71482%2020.05%207.02999%2020.05%207.39449C20.05%207.75899%2019.917%208.07424%2019.651%208.34024L10.4902%2017.512C10.2242%2017.778%209.91081%2017.911%209.54997%2017.911C9.18914%2017.911%208.87572%2017.778%208.60972%2017.512L4.33797%2013.2402C4.07197%2012.9742%203.94081%2012.659%203.94447%2012.2945C3.94814%2011.93%204.08297%2011.6148%204.34897%2011.349C4.61481%2011.083%204.92997%2010.95%205.29447%2010.95C5.65897%2010.95%205.97422%2011.083%206.24022%2011.349L9.54997%2014.6695Z%22%20fill%3d%22%23009ff4%22%2f%3e%0a%3c%2fsvg%3e%0a") !important;
}
main .partner-wizard .wizard-steps li:first-child::before, main .partner-wizard .wizard-steps li:last-child::after {
  display: none;
}
main .partner-wizard .wizard-steps-content .step {
  display: none;
  text-align: left;
}
main .partner-wizard .wizard-steps-content .step.active {
  display: block;
}
main .partner-wizard .wizard-steps-content .step > h5:first-child {
  padding: 1.5em 0;
}
main .partner-wizard .wizard-steps-content .step > h5:first-child small {
  font-size: 20px;
  font-weight: var(--font-weight-medium);
  line-height: 130%;
  letter-spacing: 0.5px;
}
@media (max-width: 720px) {
  main .partner-wizard .wizard-steps-content .step > h5:first-child small {
    font-size: 16px;
  }
}
main .partner-wizard .wizard-steps-content .step .product-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: space-between;
}
main .partner-wizard .wizard-steps-content .step .product-grid .product-card {
  flex: 1 1 calc(33.333% - 16px);
  max-width: calc(33.333% - 16px);
  align-content: center;
  aspect-ratio: 1/1;
  border-radius: 10px;
  background: var(--black-70);
  cursor: pointer;
  text-align: center;
  color: var(--black-white);
  outline: none;
  border: 3px solid var(--black-70) !important;
  transition: border cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s, transform cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
}
main .partner-wizard .wizard-steps-content .step .product-grid .product-card .product-thumb {
  height: 66%;
  margin-bottom: 14px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
main .partner-wizard .wizard-steps-content .step .product-grid .product-card:hover {
  border: 3px solid var(--black-40) !important;
  transform: scale(1.01);
}
main .partner-wizard .wizard-steps-content .step .product-grid .product-card.selected {
  border: 3px solid var(--color-blue-for-dark) !important;
}
main .partner-wizard .wizard-steps-content .step .product-grid .product-card.blank {
  height: 0;
  opacity: 0;
}
main .partner-wizard .wizard-steps-content .step .selected-row {
  margin: 24px 0;
  display: inline-flex;
  gap: 12px;
}
main .partner-wizard .wizard-steps-content .step .selected-row h6 {
  line-height: 36px;
  white-space: nowrap;
}
main .partner-wizard .wizard-steps-content .step .selected-row .sel-badge {
  display: inline-block;
  background: var(--black-70);
  padding: 8px 24px;
  border-radius: 100rem;
  margin: 0 12px 8px 0;
  cursor: pointer;
}
main .partner-wizard .wizard-steps-content .step .selected-row .sel-badge {
  font-size: 14px;
  font-weight: var(--font-weight-bold);
  line-height: 140%;
  letter-spacing: 0.5px;
}
main .partner-wizard .wizard-steps-content .step .selected-row .sel-badge:hover {
  opacity: 0.9;
}
main .partner-wizard .wizard-steps-content .step .product-note {
  margin-top: 12px;
}
main .partner-wizard .wizard-steps-content .step .product-note textarea {
  width: 100%;
  min-height: 120px;
  resize: vertical;
  border-radius: 10px;
  border: 1px solid var(--black-60);
  background: var(--black-white);
  padding: 16px;
  box-sizing: border-box;
  outline: none;
}
main .partner-wizard .wizard-steps-content .step .product-note textarea {
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  line-height: 140%;
  letter-spacing: 0.5px;
}
main .partner-wizard .wizard-steps-content .step .product-note textarea:hover, main .partner-wizard .wizard-steps-content .step .product-note textarea:focus {
  outline: none;
}
main .partner-wizard .wizard-steps-content .step .wizard-controls {
  margin-top: 18px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
main .partner-wizard .wizard-steps-content .step .wizard-controls .btn {
  padding: 8px 16px;
  border-radius: 6px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
main .partner-wizard .wizard-steps-content .step .wizard-controls .btn::before, main .partner-wizard .wizard-steps-content .step .wizard-controls .btn::after {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 8px;
  width: 32px;
  height: 32px;
}
main .partner-wizard .wizard-steps-content .step .wizard-controls .btn.btn-secondary {
  margin-left: 0;
  padding-left: 4px;
}
main .partner-wizard .wizard-steps-content .step .wizard-controls .btn.btn-secondary::before {
  content: " ";
  display: block;
  background-image: url("data:image/svg+xml,%3csvg%20width%3d%2224%22%20height%3d%2224%22%20viewBox%3d%220%200%2024%2024%22%20fill%3d%22%23ffffff%22%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%3e%0a%3cpath%20d%3d%22M12.4782%2013.325H15.113C15.4811%2013.325%2015.7941%2013.1962%2016.0517%2012.9385C16.3092%2012.681%2016.438%2012.3682%2016.438%2012C16.438%2011.6318%2016.3092%2011.319%2016.0517%2011.0615C15.7941%2010.8038%2015.4811%2010.675%2015.113%2010.675H12.4782L13.0392%2010.1143C13.2884%209.86492%2013.413%209.5585%2013.413%209.195C13.413%208.83167%2013.2884%208.52067%2013.0392%208.262C12.7899%208.00333%2012.4811%207.874%2012.113%207.874C11.7448%207.874%2011.4314%208.00333%2011.1727%208.262L8.37497%2011.0598C8.10897%2011.3291%207.97597%2011.6433%207.97597%2012.0025C7.97597%2012.3617%208.10897%2012.6742%208.37497%2012.9402L11.187%2015.7522C11.4361%2016.0014%2011.7448%2016.126%2012.113%2016.126C12.4811%2016.126%2012.7899%2015.9991%2013.0392%2015.7452C13.2884%2015.4913%2013.413%2015.1802%2013.413%2014.812C13.413%2014.4438%2013.2884%2014.1351%2013.0392%2013.8857L12.4782%2013.325ZM12%2022.4805C10.5413%2022.4805%209.17539%2022.2058%207.90222%2021.6565C6.62922%2021.1072%205.52189%2020.3616%204.58022%2019.4198C3.63839%2018.4781%202.8928%2017.3708%202.34347%2016.0978C1.79414%2014.8246%201.51947%2013.4587%201.51947%2012C1.51947%2010.5413%201.79414%209.17542%202.34347%207.90225C2.8928%206.62925%203.63839%205.52192%204.58022%204.58025C5.52189%203.63842%206.62922%202.89283%207.90222%202.3435C9.17539%201.79417%2010.5413%201.5195%2012%201.5195C13.4586%201.5195%2014.8246%201.79417%2016.0977%202.3435C17.3707%202.89283%2018.4781%203.63842%2019.4197%204.58025C20.3616%205.52192%2021.1071%206.62925%2021.6565%207.90225C22.2058%209.17542%2022.4805%2010.5413%2022.4805%2012C22.4805%2013.4587%2022.2058%2014.8246%2021.6565%2016.0978C21.1071%2017.3708%2020.3616%2018.4781%2019.4197%2019.4198C18.4781%2020.3616%2017.3707%2021.1072%2016.0977%2021.6565C14.8246%2022.2058%2013.4586%2022.4805%2012%2022.4805ZM12%2019.8305C14.1956%2019.8305%2016.0496%2019.0743%2017.562%2017.562C19.0743%2016.0497%2019.8305%2014.1957%2019.8305%2012C19.8305%209.80433%2019.0743%207.95033%2017.562%206.438C16.0496%204.92567%2014.1956%204.1695%2012%204.1695C9.8043%204.1695%207.9503%204.92567%206.43797%206.438C4.92564%207.95033%204.16947%209.80433%204.16947%2012C4.16947%2014.1957%204.92564%2016.0497%206.43797%2017.562C7.9503%2019.0743%209.8043%2019.8305%2012%2019.8305Z%22%20fill%3d%22%23ffffff%22%2f%3e%0a%3c%2fsvg%3e%0a") !important;
}
main .partner-wizard .wizard-steps-content .step .wizard-controls .btn.btn-primary {
  margin-right: 0;
  padding-right: 4px;
}
main .partner-wizard .wizard-steps-content .step .wizard-controls .btn.btn-primary::after {
  content: " ";
  display: block;
  background-image: url("data:image/svg+xml,%3csvg%20width%3d%2224%22%20height%3d%2224%22%20viewBox%3d%220%200%2024%2024%22%20fill%3d%22%23ffffff%22%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%3e%0a%3cpath%20d%3d%22M11.5217%2013.325L10.9607%2013.8857C10.7116%2014.1351%2010.587%2014.4415%2010.587%2014.805C10.587%2015.1683%2010.7116%2015.4793%2010.9607%2015.738C11.2101%2015.9967%2011.5188%2016.126%2011.887%2016.126C12.2551%2016.126%2012.5686%2015.9967%2012.8272%2015.738L15.625%2012.9402C15.891%2012.6709%2016.024%2012.3567%2016.024%2011.9975C16.024%2011.6383%2015.891%2011.3258%2015.625%2011.0598L12.813%208.24775C12.5638%207.99858%2012.2551%207.874%2011.887%207.874C11.5188%207.874%2011.2101%208.00092%2010.9607%208.25475C10.7116%208.50875%2010.587%208.81983%2010.587%209.188C10.587%209.55617%2010.7116%209.86492%2010.9607%2010.1143L11.5217%2010.675H8.88697C8.5188%2010.675%208.20589%2010.8038%207.94822%2011.0615C7.69072%2011.319%207.56197%2011.6318%207.56197%2012C7.56197%2012.3682%207.69072%2012.681%207.94822%2012.9385C8.20589%2013.1962%208.5188%2013.325%208.88697%2013.325H11.5217ZM12%2022.4805C10.5413%2022.4805%209.17539%2022.2058%207.90222%2021.6565C6.62922%2021.1072%205.52189%2020.3616%204.58022%2019.4198C3.63839%2018.4781%202.8928%2017.3708%202.34347%2016.0978C1.79414%2014.8246%201.51947%2013.4587%201.51947%2012C1.51947%2010.5413%201.79414%209.17542%202.34347%207.90225C2.8928%206.62925%203.63839%205.52192%204.58022%204.58025C5.52189%203.63842%206.62922%202.89283%207.90222%202.3435C9.17539%201.79417%2010.5413%201.5195%2012%201.5195C13.4586%201.5195%2014.8246%201.79417%2016.0977%202.3435C17.3707%202.89283%2018.4781%203.63842%2019.4197%204.58025C20.3616%205.52192%2021.1071%206.62925%2021.6565%207.90225C22.2058%209.17542%2022.4805%2010.5413%2022.4805%2012C22.4805%2013.4587%2022.2058%2014.8246%2021.6565%2016.0978C21.1071%2017.3708%2020.3616%2018.4781%2019.4197%2019.4198C18.4781%2020.3616%2017.3707%2021.1072%2016.0977%2021.6565C14.8246%2022.2058%2013.4586%2022.4805%2012%2022.4805ZM12%2019.8305C14.1956%2019.8305%2016.0496%2019.0743%2017.562%2017.562C19.0743%2016.0497%2019.8305%2014.1957%2019.8305%2012C19.8305%209.80433%2019.0743%207.95033%2017.562%206.438C16.0496%204.92567%2014.1956%204.1695%2012%204.1695C9.8043%204.1695%207.9503%204.92567%206.43797%206.438C4.92564%207.95033%204.16947%209.80433%204.16947%2012C4.16947%2014.1957%204.92564%2016.0497%206.43797%2017.562C7.9503%2019.0743%209.8043%2019.8305%2012%2019.8305Z%22%20fill%3d%22%23ffffff%22%2f%3e%0a%3c%2fsvg%3e%0a") !important;
}
main .partner-wizard .wizard-steps-content .step .wizard-controls .btn.btn-submit {
  margin-right: 0;
  padding-right: 4px;
  background-color: var(--color-blue-for-dark);
  color: var(--black-white);
}
main .partner-wizard .wizard-steps-content .step .wizard-controls .btn.btn-submit::after {
  content: " ";
  display: block;
  background-image: url("data:image/svg+xml,%3csvg%20width%3d%2224%22%20height%3d%2224%22%20viewBox%3d%220%200%2024%2024%22%20fill%3d%22%23ffffff%22%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%3e%0a%3cpath%20d%3d%22M11.5217%2013.325L10.9607%2013.8857C10.7116%2014.1351%2010.587%2014.4415%2010.587%2014.805C10.587%2015.1683%2010.7116%2015.4793%2010.9607%2015.738C11.2101%2015.9967%2011.5188%2016.126%2011.887%2016.126C12.2551%2016.126%2012.5686%2015.9967%2012.8272%2015.738L15.625%2012.9402C15.891%2012.6709%2016.024%2012.3567%2016.024%2011.9975C16.024%2011.6383%2015.891%2011.3258%2015.625%2011.0598L12.813%208.24775C12.5638%207.99858%2012.2551%207.874%2011.887%207.874C11.5188%207.874%2011.2101%208.00092%2010.9607%208.25475C10.7116%208.50875%2010.587%208.81983%2010.587%209.188C10.587%209.55617%2010.7116%209.86492%2010.9607%2010.1143L11.5217%2010.675H8.88697C8.5188%2010.675%208.20589%2010.8038%207.94822%2011.0615C7.69072%2011.319%207.56197%2011.6318%207.56197%2012C7.56197%2012.3682%207.69072%2012.681%207.94822%2012.9385C8.20589%2013.1962%208.5188%2013.325%208.88697%2013.325H11.5217ZM12%2022.4805C10.5413%2022.4805%209.17539%2022.2058%207.90222%2021.6565C6.62922%2021.1072%205.52189%2020.3616%204.58022%2019.4198C3.63839%2018.4781%202.8928%2017.3708%202.34347%2016.0978C1.79414%2014.8246%201.51947%2013.4587%201.51947%2012C1.51947%2010.5413%201.79414%209.17542%202.34347%207.90225C2.8928%206.62925%203.63839%205.52192%204.58022%204.58025C5.52189%203.63842%206.62922%202.89283%207.90222%202.3435C9.17539%201.79417%2010.5413%201.5195%2012%201.5195C13.4586%201.5195%2014.8246%201.79417%2016.0977%202.3435C17.3707%202.89283%2018.4781%203.63842%2019.4197%204.58025C20.3616%205.52192%2021.1071%206.62925%2021.6565%207.90225C22.2058%209.17542%2022.4805%2010.5413%2022.4805%2012C22.4805%2013.4587%2022.2058%2014.8246%2021.6565%2016.0978C21.1071%2017.3708%2020.3616%2018.4781%2019.4197%2019.4198C18.4781%2020.3616%2017.3707%2021.1072%2016.0977%2021.6565C14.8246%2022.2058%2013.4586%2022.4805%2012%2022.4805ZM12%2019.8305C14.1956%2019.8305%2016.0496%2019.0743%2017.562%2017.562C19.0743%2016.0497%2019.8305%2014.1957%2019.8305%2012C19.8305%209.80433%2019.0743%207.95033%2017.562%206.438C16.0496%204.92567%2014.1956%204.1695%2012%204.1695C9.8043%204.1695%207.9503%204.92567%206.43797%206.438C4.92564%207.95033%204.16947%209.80433%204.16947%2012C4.16947%2014.1957%204.92564%2016.0497%206.43797%2017.562C7.9503%2019.0743%209.8043%2019.8305%2012%2019.8305Z%22%20fill%3d%22%23ffffff%22%2f%3e%0a%3c%2fsvg%3e%0a") !important;
}
main .partner-wizard .wizard-steps-content .step form {
  /* custom-select styles for contact page */
  /* Validation styles moved from runtime JS: invalid marker and message */
}
main .partner-wizard .wizard-steps-content .step form label {
  display: block;
  margin-bottom: 16px;
}
main .partner-wizard .wizard-steps-content .step form label {
  font-size: 18px;
  font-weight: var(--font-weight-regular);
  line-height: 140%;
  letter-spacing: 0.5px;
}
@media (max-width: 720px) {
  main .partner-wizard .wizard-steps-content .step form label {
    font-size: 16px;
  }
}
main .partner-wizard .wizard-steps-content .step form label span.required::after {
  content: "*";
  color: var(--color-red-for-dark);
  margin: 0 0 0 2px;
  font-size: 0.8em;
  line-height: 0.8em;
  vertical-align: super;
}
main .partner-wizard .wizard-steps-content .step form input, main .partner-wizard .wizard-steps-content .step form select, main .partner-wizard .wizard-steps-content .step form textarea {
  width: 100%;
  padding: 8px 10px;
  margin-top: 8px;
  border-radius: 10px;
  border: 1px solid var(--black-60);
  background: var(--black-20);
  color: var(--black-90);
  outline: none;
}
main .partner-wizard .wizard-steps-content .step form input, main .partner-wizard .wizard-steps-content .step form select, main .partner-wizard .wizard-steps-content .step form textarea {
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  line-height: 140%;
  letter-spacing: 0.5px;
}
main .partner-wizard .wizard-steps-content .step form input:hover:not([type=checkbox]), main .partner-wizard .wizard-steps-content .step form input:focus:not([type=checkbox]), main .partner-wizard .wizard-steps-content .step form select:hover:not([type=checkbox]), main .partner-wizard .wizard-steps-content .step form select:focus:not([type=checkbox]), main .partner-wizard .wizard-steps-content .step form textarea:hover:not([type=checkbox]), main .partner-wizard .wizard-steps-content .step form textarea:focus:not([type=checkbox]) {
  outline: 2px solid var(--color-blue-for-dark);
}
main .partner-wizard .wizard-steps-content .step form input.other-text-input, main .partner-wizard .wizard-steps-content .step form select.other-text-input, main .partner-wizard .wizard-steps-content .step form textarea.other-text-input {
  background-color: transparent;
  padding: 2px 0px 2px 8px;
  color: var(--black-white);
  border: none;
  margin: 0;
  font-weight: var(--font-weight-bold);
}
main .partner-wizard .wizard-steps-content .step form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: top 12px right 14px;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-image: url("data:image/svg+xml,%3csvg%20width%3d%2224%22%20height%3d%2224%22%20viewBox%3d%220%200%2024%2024%22%20fill%3d%22%23232323%22%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%3e%0a%3cpath%20d%3d%22M12%2014.0695L19.0615%207.00822C19.3513%206.71822%2019.7017%206.57297%2020.1125%206.57247C20.5233%206.57197%2020.8784%206.72139%2021.1777%207.02072C21.4676%207.31055%2021.6125%207.66089%2021.6125%208.07172C21.6125%208.48255%2021.4676%208.83289%2021.1777%209.12272L13.7772%2016.5357C13.5196%2016.7934%2013.2406%2016.9801%2012.9402%2017.096C12.6399%2017.2116%2012.3265%2017.2695%2012%2017.2695C11.6735%2017.2695%2011.3601%2017.2116%2011.0597%2017.096C10.7594%2016.9801%2010.4804%2016.7934%2010.2227%2016.5357L2.82399%209.12272C2.53399%208.83289%202.38641%208.4828%202.38124%208.07247C2.37591%207.66214%202.52291%207.30739%202.82224%207.00822C3.11208%206.71822%203.46483%206.57322%203.88049%206.57322C4.29599%206.57322%204.64866%206.71822%204.93849%207.00822L12%2014.0695Z%22%20fill%3d%22%23232323%22%2f%3e%0a%3c%2fsvg%3e%0a") !important;
}
main .partner-wizard .wizard-steps-content .step form .custom-select-wrapper {
  position: relative;
  width: 100%;
  margin-top: 8px;
}
main .partner-wizard .wizard-steps-content .step form .custom-select {
  position: relative;
  cursor: pointer;
  color: var(--black-90);
}
main .partner-wizard .wizard-steps-content .step form .custom-select {
  font-size: 16px;
  font-weight: var(--font-weight-regular);
  line-height: 140%;
  letter-spacing: 0.5px;
}
main .partner-wizard .wizard-steps-content .step form .custom-select .select-display {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  border-radius: 10px;
  min-height: 42px;
  box-sizing: border-box;
  background: var(--black-white);
}
main .partner-wizard .wizard-steps-content .step form .custom-select .select-display .selected-text {
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
main .partner-wizard .wizard-steps-content .step form .custom-select .select-display .selected-text.settled {
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  line-height: 140%;
  letter-spacing: 0.5px;
}
main .partner-wizard .wizard-steps-content .step form .custom-select .select-display .select-arrow {
  margin-left: 8px;
  width: 22px;
  height: 22px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg%20width%3d%2224%22%20height%3d%2224%22%20viewBox%3d%220%200%2024%2024%22%20fill%3d%22%23232323%22%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%3e%0a%3cpath%20d%3d%22M12%2014.0695L19.0615%207.00822C19.3513%206.71822%2019.7017%206.57297%2020.1125%206.57247C20.5233%206.57197%2020.8784%206.72139%2021.1777%207.02072C21.4676%207.31055%2021.6125%207.66089%2021.6125%208.07172C21.6125%208.48255%2021.4676%208.83289%2021.1777%209.12272L13.7772%2016.5357C13.5196%2016.7934%2013.2406%2016.9801%2012.9402%2017.096C12.6399%2017.2116%2012.3265%2017.2695%2012%2017.2695C11.6735%2017.2695%2011.3601%2017.2116%2011.0597%2017.096C10.7594%2016.9801%2010.4804%2016.7934%2010.2227%2016.5357L2.82399%209.12272C2.53399%208.83289%202.38641%208.4828%202.38124%208.07247C2.37591%207.66214%202.52291%207.30739%202.82224%207.00822C3.11208%206.71822%203.46483%206.57322%203.88049%206.57322C4.29599%206.57322%204.64866%206.71822%204.93849%207.00822L12%2014.0695Z%22%20fill%3d%22%23232323%22%2f%3e%0a%3c%2fsvg%3e%0a") !important;
}
main .partner-wizard .wizard-steps-content .step form .custom-select .select-options {
  position: absolute;
  top: calc(100% + 3px);
  left: 0;
  right: 0;
  border-top: none;
  max-height: 246px;
  overflow-y: auto;
  z-index: 1000;
  display: none;
  border-radius: 10px;
  padding: 8px;
  background: var(--black-white);
}
main .partner-wizard .wizard-steps-content .step form .custom-select .select-options .set-option {
  padding: 8px 24px;
  cursor: pointer;
  border-radius: 10px;
  font-weight: var(--font-weight-medium);
}
main .partner-wizard .wizard-steps-content .step form .custom-select .select-options .set-option:hover {
  background: var(--black-20);
}
main .partner-wizard .wizard-steps-content .step form .custom-select .select-options .continent-group {
  border-bottom: 1px solid var(--black-30);
}
main .partner-wizard .wizard-steps-content .step form .custom-select .select-options .continent-group .country-list {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
main .partner-wizard .wizard-steps-content .step form .custom-select .select-options .continent-group .continent-header {
  padding: 8px 12px;
  font-weight: bold;
  cursor: pointer;
  border-bottom: 1px solid var(--black-30);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
}
main .partner-wizard .wizard-steps-content .step form .custom-select .select-options .continent-group .continent-header:hover {
  background: var(--black-10);
}
main .partner-wizard .wizard-steps-content .step form .custom-select .select-options .continent-group .continent-header span {
  width: calc(100% - 24px);
  text-align: left;
}
main .partner-wizard .wizard-steps-content .step form .custom-select .select-options .continent-group .continent-header span.continent-arrow {
  width: 22px;
  height: 22px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg%20width%3d%2224%22%20height%3d%2224%22%20viewBox%3d%220%200%2024%2024%22%20fill%3d%22%23232323%22%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%3e%0a%3cpath%20d%3d%22M12%2014.0695L19.0615%207.00822C19.3513%206.71822%2019.7017%206.57297%2020.1125%206.57247C20.5233%206.57197%2020.8784%206.72139%2021.1777%207.02072C21.4676%207.31055%2021.6125%207.66089%2021.6125%208.07172C21.6125%208.48255%2021.4676%208.83289%2021.1777%209.12272L13.7772%2016.5357C13.5196%2016.7934%2013.2406%2016.9801%2012.9402%2017.096C12.6399%2017.2116%2012.3265%2017.2695%2012%2017.2695C11.6735%2017.2695%2011.3601%2017.2116%2011.0597%2017.096C10.7594%2016.9801%2010.4804%2016.7934%2010.2227%2016.5357L2.82399%209.12272C2.53399%208.83289%202.38641%208.4828%202.38124%208.07247C2.37591%207.66214%202.52291%207.30739%202.82224%207.00822C3.11208%206.71822%203.46483%206.57322%203.88049%206.57322C4.29599%206.57322%204.64866%206.71822%204.93849%207.00822L12%2014.0695Z%22%20fill%3d%22%23232323%22%2f%3e%0a%3c%2fsvg%3e%0a") !important;
}
main .partner-wizard .wizard-steps-content .step form .custom-select .select-options .continent-group.expanded .continent-arrow {
  transform: rotate(180deg);
}
main .partner-wizard .wizard-steps-content .step form .custom-select .select-options .continent-group.expanded .country-list {
  height: -moz-fit-content;
  height: fit-content;
  max-height: 3000px;
}
main .partner-wizard .wizard-steps-content .step form .custom-select.active .select-display {
  outline: 2px solid var(--color-blue-for-dark);
}
main .partner-wizard .wizard-steps-content .step form .custom-select.active .select-arrow {
  transform: rotate(180deg);
}
main .partner-wizard .wizard-steps-content .step form .custom-select.active .select-options {
  display: block;
}
main .partner-wizard .wizard-steps-content .step form textarea {
  min-height: 120px;
}
main .partner-wizard .wizard-steps-content .step form .two-cols {
  display: flex;
  gap: 16px;
}
main .partner-wizard .wizard-steps-content .step form .two-cols label {
  flex: 1;
}
main .partner-wizard .wizard-steps-content .step form .checkboxes {
  margin-top: 8px;
}
main .partner-wizard .wizard-steps-content .step form .checkboxes label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  margin: 8px 24px 8px 0;
  border-radius: 8px;
  background: transparent;
  color: var(--black-white);
  cursor: pointer;
}
main .partner-wizard .wizard-steps-content .step form .checkboxes input[type=checkbox] {
  width: 20px;
  height: 20px;
  accent-color: var(--color-blue-for-dark); /* blue accent */
  flex: 0 0 auto;
  margin-top: -2px;
}
main .partner-wizard .wizard-steps-content .step form label.invalid {
  position: relative;
}
main .partner-wizard .wizard-steps-content .step form label.invalid input,
main .partner-wizard .wizard-steps-content .step form label.invalid textarea,
main .partner-wizard .wizard-steps-content .step form label.invalid select,
main .partner-wizard .wizard-steps-content .step form label.invalid .select-display {
  outline: 2px solid var(--color-red-for-dark);
}
main .partner-wizard .wizard-steps-content .invalid-message {
  display: inline-block;
  color: var(--color-red-for-dark);
  transform: scale(0.9);
}
main .partner-wizard .wizard-steps-content .invalid-message.card-message {
  display: block;
  transform: none;
  text-align: center;
  margin-top: 24px;
}
main .partner-wizard .wizard-steps-content .complete-box {
  text-align: center;
  padding: 24px;
}
main .partner-wizard .wizard-steps-content .complete-box .icon {
  font-size: 28px;
  margin-bottom: 12px;
}
main .partner-wizard .wizard-steps-content .complete-box h5 {
  margin-bottom: 8px;
}
main .partner-wizard .wizard-steps-content .complete-box p {
  font-size: 18px;
  font-weight: var(--font-weight-regular);
  line-height: 140%;
  letter-spacing: 0.5px;
}
@media (max-width: 720px) {
  main .partner-wizard .wizard-steps-content .complete-box p {
    font-size: 16px;
  }
}
main .partner-wizard .wizard-steps-content .complete-box .back-home-btn {
  cursor: pointer;
  border-radius: 10px;
  display: inline-flex;
  background-color: var(--black-white);
  color: var(--black-90);
  padding: 8px 12px 8px 16px;
  align-items: center;
}
main .partner-wizard .wizard-steps-content .complete-box .back-home-btn::after {
  content: " ";
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 8px;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3csvg%20width%3d%2224%22%20height%3d%2224%22%20viewBox%3d%220%200%2024%2024%22%20fill%3d%22%23232323%22%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%3e%0a%3cpath%20d%3d%22M10.8051%203.18675C11.0052%202.92316%2011.402%202.92288%2011.6019%203.18675L15.6029%208.46702L14.1762%209.89378L11.2035%205.97191L5.51991%2013.4729H7.33143V18.8108H15.0766V17.4993H17.0766V20.3108L17.0658%2020.4114C17.0258%2020.6062%2016.8719%2020.7597%2016.6771%2020.8L16.5766%2020.8108H5.83143L5.73085%2020.8C5.53551%2020.7601%205.38127%2020.6066%205.3412%2020.4114L5.33143%2020.3108V15.4729H2.50136L2.42616%2015.467C2.06076%2015.4141%201.86921%2014.9799%202.10292%2014.6711L10.8051%203.18675Z%22%20fill%3d%22%23232323%22%2f%3e%0a%3cpath%20d%3d%22M16.2933%2010.2932C16.6839%209.90273%2017.3169%209.90269%2017.7074%2010.2932C18.0976%2010.6837%2018.0978%2011.3168%2017.7074%2011.7073L17.4144%2012.0002H21.0004L21.1019%2012.0051C21.6063%2012.0562%2022.0004%2012.4824%2022.0004%2013.0002C22.0003%2013.518%2021.6062%2013.9433%2021.1019%2013.9944C21.0685%2013.9978%2021.0347%2014.0002%2021.0004%2014.0002H17.4144L17.7074%2014.2932C18.0976%2014.6837%2018.0978%2015.3168%2017.7074%2015.7073C17.317%2016.0977%2016.6839%2016.0975%2016.2933%2015.7073L13.5863%2013.0002L16.2933%2010.2932Z%22%20fill%3d%22%23232323%22%2f%3e%0a%3c%2fsvg%3e%0a") !important;
}
@media screen and (max-width: 1180px) {
  main {
    padding: 0px 40px 48px;
  }
  main .partner-wizard .wizard-steps-content .step .product-grid .product-card {
    max-width: calc(50% - 16px);
    flex: 1 1 calc(50% - 16px);
  }
  main .step .contact-cards {
    -moz-column-gap: 24px;
         column-gap: 24px;
    row-gap: 8px;
  }
  main .step .contact-cards .contact-card {
    max-width: calc(50% - 24px);
  }
  main .partner-wizard {
    max-width: 95%;
    padding: 48px 32px;
  }
  main #stage-0 {
    padding: 48px 32px;
    width: 95%;
    max-width: 100%;
  }
  main .partner-wizard .wizard-steps li small {
    font-size: 14px;
  }
}
@media screen and (max-width: 720px) {
  main {
    padding: 0px 16px 48px;
  }
  main #stage-0 {
    padding: 32px;
  }
  main .contact-cards {
    flex-direction: column;
    gap: 24px;
  }
  main .contact-cards .contact-card {
    max-width: 90%;
  }
  main .step .contact-cards {
    row-gap: 24px;
  }
  main .step .contact-cards .contact-card {
    flex-basis: 100%;
    max-width: 100%;
  }
  main .step .contact-cards .break {
    display: none;
  }
  main .partner-wizard {
    max-width: 100%;
    padding: 32px 16px;
  }
  main .partner-wizard .wizard-steps li small {
    display: none;
  }
  main .partner-wizard .wizard-steps li span {
    border: 4px solid;
    line-height: 34px;
    font-size: 20px;
    width: 42px;
    height: 42px;
  }
  main .partner-wizard .wizard-steps li::after, main .partner-wizard .wizard-steps li::before {
    top: -8px;
    right: calc(50% + 21px);
    width: calc(50% - 21px);
  }
  main .partner-wizard .wizard-steps li::after {
    right: 0;
  }
  main .partner-wizard .wizard-steps-content .step .selected-row {
    display: block;
  }
  main .partner-wizard .wizard-steps-content .step form .checkboxes label {
    width: 100%;
  }
  main .partner-wizard .wizard-steps-content .step form .checkboxes label > * {
    margin-left: 0;
    margin-right: 0;
  }
  main .partner-wizard .wizard-steps-content .step .product-grid {
    gap: 8px;
  }
  main .partner-wizard .wizard-steps-content .step .product-grid .product-card {
    max-width: calc(50% - 8px);
    flex: 1 1 calc(50% - 8px);
  }
  main .partner-wizard .wizard-steps-content .step .invalid-message {
    display: block;
    margin: 0 0 -4px;
    transform: scale(1);
    zoom: 0.8;
  }
}/*# sourceMappingURL=contact_v2025.css.map */