.th-affiliates { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #1a2126; }

.th-affiliates .th-affiliates-container { max-width: 1100px; margin: 0 auto; padding: 0 16px; }

.th-affiliates .th-affiliates-btn { display: inline-block; padding: 14px 32px; border-radius: 5px; font-size: 18px; font-weight: 700; text-decoration: none; transition: background-color 0.2s ease; }

.th-affiliates .th-affiliates-btn:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }

.th-affiliates .th-affiliates-btn-light { background: #ffffff; color: #007589; }

.th-affiliates .th-affiliates-btn-light:hover, .th-affiliates .th-affiliates-btn-light:focus { background: #e6f1f3; color: #005f6f; }

.th-affiliates .th-affiliates-btn-light:focus-visible { outline-color: #ffffff; }

.th-affiliates .th-affiliates-btn-dark { background: #007589; color: #ffffff; }

.th-affiliates .th-affiliates-btn-dark:hover, .th-affiliates .th-affiliates-btn-dark:focus { background: #005f6f; color: #ffffff; }

.th-affiliates .th-affiliates-hero { background: #1d74c1; color: #ffffff; padding: 80px 0; text-align: center; }

.th-affiliates .th-affiliates-hero-heading { display: inline-block; background: #1d74c1; color: #ffffff; font-size: 40px; line-height: 1.2; margin: calc(-0.6em - 3px) 0 56px; padding: 0 40px; }

.th-affiliates .th-affiliates-hero-card { max-width: 1077px; margin: 0 auto; padding: 0 40px 56px; border: 6px solid #ffffff; border-radius: 12px; }

.th-affiliates .th-affiliates-hero-card p { max-width: 760px; margin: 0 auto 20px; color: #ffffff; font-size: 24px; font-weight: 500; line-height: 1.6; }

.th-affiliates .th-affiliates-hero-card .th-affiliates-btn { margin-top: 12px; }

.th-affiliates .th-affiliates-steps { background: #ffffff; padding: 80px 0; }

.th-affiliates .th-affiliates-steps-heading { color: #1d74c1; font-size: 36px; font-weight: 700; text-align: center; margin: 0 0 32px; }

.th-affiliates .th-affiliates-steps-list { max-width: 845px; margin: 0 auto; padding: 0; list-style: none; }

.th-affiliates .th-affiliates-step { display: grid; grid-template-columns: 159px 261px minmax(0, 425px); min-height: 213px; }

.th-affiliates .th-affiliates-step h3, .th-affiliates .th-affiliates-step p { margin: 55px 0 0; color: #576366; font-weight: 700; }

.th-affiliates .th-affiliates-step h3 { padding-right: 24px; font-size: 24px; line-height: 32px; }

.th-affiliates .th-affiliates-step p { font-size: 18px; line-height: 24px; }

.th-affiliates .th-affiliates-step-icon { position: relative; height: 210px; }

.th-affiliates .th-affiliates-step-icon img { position: absolute; top: 0; left: 110px; transform: translateX(-50%); }

.th-affiliates .th-affiliates-steps-cta { text-align: center; margin-top: 40px; }

.th-affiliates .th-affiliates-questions { text-align: center; font-size: 17px; margin: 40px 0 0; }

.th-affiliates .th-affiliates-questions a { color: #007589; font-weight: 700; text-decoration: none; }

.th-affiliates .th-affiliates-questions a:hover, .th-affiliates .th-affiliates-questions a:focus { color: #007589; text-decoration: underline; }

@media (max-width: 768px) { .th-affiliates .th-affiliates-hero { padding: 56px 0; }
  .th-affiliates .th-affiliates-hero-heading { font-size: 30px; margin-bottom: 32px; padding: 0 12px; }
  .th-affiliates .th-affiliates-hero-card { padding: 0 16px 32px; }
  .th-affiliates .th-affiliates-hero-card p { font-size: 18px; }
  .th-affiliates .th-affiliates-step { grid-template-columns: 84px 1fr; align-items: center; min-height: 0; margin-bottom: 32px; text-align: left; }
  .th-affiliates .th-affiliates-step h3 { margin: 0; padding-right: 0; font-size: 26px; line-height: 32px; }
  .th-affiliates .th-affiliates-step p { grid-column: 1 / -1; margin: 8px 0 0; font-size: 16px; line-height: 23px; }
  .th-affiliates .th-affiliates-step-icon { height: 124px; }
  .th-affiliates .th-affiliates-step-icon img { left: -18px; width: auto; max-width: none; height: 124px; transform: none; } }
