/* SHEIN Xcelerator - Apply Page Styles */

/* === Form Base Styles === */
.form-group {
  margin-bottom: 1.5rem;
}

.form-group label.form-label {
  font-size: 1.25rem;
  display: block;
  margin-bottom: 0.5rem;
  font-weight: var(--font-weight-normal);
  color: var(--text-secondary);
  line-height: 1.4;
}
.form-group label span.required { color: #D9504A; font-size: 1rem; }
.validation-message {
  color: #FF4D50;
  font-size: var(--font-size-xl);
}

.form-group input,
.form-group select,
.form-group textarea {
  width: 100%;
  padding: 0.875rem 1rem;
  border: 1px solid var(--background-accent);
  border-radius: var(--border-radius);
  font-size: var(--font-size-xl);
  font-family: inherit;
  line-height: 1.175;
  transition: var(--transition-fast);
  background-color: #fff;
  color: #000;
}
/* select 未选择时的灰色字体 */
.form-group select {
  /* max-height: 54px; */
  color: #6b7280;
}

/* 原生箭头位置由浏览器决定且贴边，改为自定义箭头，与左侧 1rem 内边距对称 */
.page-apply .form-group select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 2.75rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%234D4D4D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 12px 8px;
  cursor: pointer;
}

/* select 已选择状态显示黑色字体 */
.form-group select.active {
  color: #000000;
}

/* 多选 */

.form-group textarea {
  resize: vertical;
  min-height: 100px;
}

/* 组件入焦 */
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  outline: none;
  border-color: #0C0C0C;
  color: #000;
}

/* 组件hover */
.form-group input:hover,
.form-group select:hover,
.form-group textarea:hover {
  outline: none;
  border-color:#4D4D4D ;
  color: #000;
}

/* 组件placeholder 样式 */
.form-group input::placeholder,
.form-group textarea::placeholder {
  color: #9ca3af;
  font-size: var(--font-size-xl);
}

/* Form Error Styles */
.form-group input.error,
.form-group select.error,
.form-group textarea.error {
  border-color: #FF4D50;
  /* box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1); */
}

.field-error {
  color: #FF4D50;
  margin-top: 4px;
  display: block;
  font-size: var(--font-size-xs);
}

/* Loading button state */
.btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn .fa-spinner {
  margin-right: 8px;
}


/* === Application Section === */
.page-apply .application-section {
  padding: 4.5rem 0 4rem;
  min-height: 100vh;
}

.form-section h3 {
  color: var(--primary-color);
  margin-bottom: 1.5rem;
}


/* === Track Toggle === */
/* Track Toggle Styles */
.track-toggle-section {
  text-align: center;
  margin-bottom: 3rem;
  padding: 0 1.5rem;
}

.track-toggle-section h2 {
  font-size: var(--font-size-2xl);
  color: var(--primary-color);
  margin-bottom: 1.5rem;
  font-weight: var(--font-weight-bold);
}

.track-toggle-container {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}

.track-toggle {
  position: relative;
  width: 100%;
  /* height: 50px; */
  gap: 1rem;
  display: flex;
  align-items: center;
}

.track-toggle input[type="radio"] {
  display: none;
}


.track-header {
  background: #F7F8FA;
  /* var(--text-title) */
  color: #fff;
  font-weight: var(--font-weight-normal);
  border-radius: 1.5rem;
  margin-bottom: 0;
  flex: 1;
  padding: 2.3rem 0.5rem 0.5rem;
  cursor: pointer;
  z-index: 2;
  position: relative;
  border: 1px solid #F7F8FA;
}
.track-header:hover {
  border-color: var(--primary-color);
}
.track-header span {
  background:#999DA8;
  color: var(--accent-color);
  padding: 2px 1rem;
  font-size: 1.5rem;
  line-height: 1.2;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 1.5rem 0 1.5rem 0;
}
.page-apply .track-title {
  font-family: 'Lato';
  font-size: 2rem;
  font-weight: var(--font-weight-medium);
  color: var(--secondary-color);
  line-height: 1;
  /* height: 4rem; */
  margin-bottom: 0.5rem;
}

.track-desc {
  font-size: 1.25rem;
  font-weight: var(--font-weight-normal);
  color: var(--text-secondary);
  line-height:1;
  height: 2.5rem;
}
.track-desc-mobile {display: none;}

.track-toggle input[type="radio"]:checked + .track-label {
  background: #222;
  border-color: var(--secondary-color);
}
.track-toggle input[type="radio"]:checked + .track-label.track-header span {
  /* var(--secondary-color)，var(--accent-color) */
  color: #222;
  background: #fff;
}

.track-toggle input[type="radio"]:checked + .track-label.track-header .track-title,
.track-toggle input[type="radio"]:checked + .track-label.track-header .track-desc
{
  /* color: var(--accent-color); */
  color: #fff;
}

.apply-track-icon {
  display: none;
}

.track-toggle .track-label.active .apply-track-icon {
  display: block;
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
}


/* === Track Form === */
/* Track Form Styles */
.track-form {
  display: none;
  opacity: 0;
  transform: translateY(20px);
  transition: all var(--transition-normal);
}

.track-form.active {
  display: block;
  opacity: 1;
  transform: translateY(0);
  animation: fadeInUp 0.4s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


.page-title .track-title {
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  margin: 0;
  text-align: center;
}

.track-form .form-section {
  /* background: var(--accent-color); */
  background-color: #fff;
  margin-bottom: 0;
  padding: 0 0 1.5rem;
  color: var(--text-secondary);
}

.track-form .form-section:last-of-type {
  border-bottom: none;
  border-radius: 0 0 var(--border-radius-large) var(--border-radius-large);
}

.track-form .form-section h4 {
  color: var(--text-secondary);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-medium);
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
  line-height: 1.5;
  border-bottom: 1px solid #000;
}

.track-form .form-section h4 {
  font-family: 'Lato';
}

.page-apply .form-prompt {
  color: #999DA8;
  font-size: var(--font-size-xl);
  line-height: 1.4;
  margin-bottom: 0;
  padding: 0 0 0.5rem;
  border-radius: var(--border-radius);
}

.page-apply .track-form .form-actions {
  padding: 1.5rem 0;
  text-align: center;
}

.track-form .form-actions .btn {
  min-width: 200px;
  padding: 1rem 2rem;
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-medium);
  border-radius: 99px;
  font-family: 'Lato'; 
  background-color: #000;
  color: #fff;
}

/* Enhanced application wrapper for tracks */
.application-wrapper {
  margin: 0 1.5rem;
  overflow: hidden;
}

/* Enhanced form layout for better width utilization */
.track-form .form-group {
  margin-bottom: 1.5rem;
  position: relative;
}


/* === Custom Radio Buttons === */
.track-form .form-group .radio-group {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.track-form .form-group .radio-group .radio-option {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-xl);
}

/* 自定义单选按钮样式 */
.track-form .form-group .radio-group .radio-option input[type="radio"] {
  width: 22px;
  height: 22px;
  border: 2px solid rgba(204, 207, 215, 1);
  border-radius: 50%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  position: relative;
  background: transparent;
  transition: border-color 0.3s ease;
  padding: 0;
}

.track-form .form-group .radio-group .radio-option input[type="radio"]:hover {
  border-color: rgba(77, 77, 77, 1);
}

.track-form .form-group .radio-group .radio-option input[type="radio"]:checked {
  border-color: var(--text-secondary1);
  background: var(--text-secondary1);
}

.track-form .form-group .radio-group .radio-option input[type="radio"]:checked::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background: white;
  border-radius: 50%;
}


/* === Character Counter === */
/* 字符计数器样式 */
.character-counter {
  font-size: 12px;
  color: #666;
  margin-top: 4px;
  text-align: right;
}

.character-counter.danger {
  color: #ff6b6b;
}

.form-group .character-counter {
  position: absolute;
  right: 0;
  top: 85px;
}

.form-group-textarea .character-counter {top: 155px;}

.form-group .social-platform .character-counter {top: 50px; right: 63px;}

/* How did you hear 选 Other 的补充输入框：无 label，计数器紧贴输入框下方 */
.page-apply .how-did-you-hear-remark-group .character-counter {top: 50px;}


/* === Two Column Layout === */
/* Two-column layout for appropriate fields */
.track-form .form-row-two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}


/* === Checkbox & Privacy === */
.checkbox-group {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.checkbox-list.checkbox-group {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
}

.page-apply .checkbox-label {
  display: flex;
  color: var(--text-secondary);
  gap: 0.5rem;
  cursor: pointer;
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-normal);
  line-height: 1.1;
}

.checkbox-list.checkbox-group .checkbox-label {
  gap: 0.25rem;
  min-width: 292px;
  color: var(--text-secondary);
}

/* Make checkbox items wrap nicely across lines */
/* Responsive: stack items on very small screens */
@media (max-width: 480px) {
  .checkbox-list.checkbox-group .checkbox-label {
    flex-basis: 100%;
  }
}

.page-apply .checkbox-label input[type="checkbox"] {
  width: 22px;
  height: 22px;
  border: 2px solid rgba(204, 207, 215, 1);
  border-radius: 4px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  position: relative;
  background: transparent;
  transition: border-color 0.3s ease;
  margin: 0;
  padding: 0;
  flex-shrink:0;
}

.page-apply .checkbox-label input[type="checkbox"]:hover {
  border-color: rgba(77, 77, 77, 1);
}

.page-apply .checkbox-label input[type="checkbox"]:checked {
  border-color: var(--text-secondary1);
  background: var(--text-secondary1);
}

.page-apply .checkbox-label input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 8px;
  border: 2px solid white;
  border-top: none;
  border-right: none;
  transform: translate(-50%, -60%) rotate(-45deg);
}

/* Privacy Policy Link Styling */
.page-apply .checkbox-label a {
  color: #000;
  text-decoration: underline;
  transition: var(--transition-fast);
}

.page-apply .checkbox-label a:hover {
  color: var(--text-secondary);
}


/* === File Upload === */
.track-form input[type="file"] {
  padding: 12px;
  border: 2px dashed var(--background-accent);
  border-radius: var(--border-radius);
  background: var(--background-secondary);
  cursor: pointer;
  transition: all var(--transition-normal);
}

.track-form input[type="file"]:hover {
  border-color: var(--primary-color);
  background: rgba(0, 0, 0, 0.02);
}

.track-form input[type="file"]:focus {
  outline: none;
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}

/* Custom File Upload Styling */
.custom-file-upload {
  position: relative;
  display: block;
}

.custom-file-upload input[type="file"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.file-upload-label {
  font-family: 'Lato';
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.5rem 1.5rem;
  /* background: var(--primary-color);
  color: var(--accent-color);*/
  background-color: #000;
  color: #fff;
  border-radius: var(--border-radius);
  cursor: pointer;
  font-weight: var(--font-weight-medium);
  transition: all var(--transition-normal);
  border: none;
  outline: none;
  /* width: 140px; */
  text-align: center;
  /* 阻止点击时触发验证提示 */
  /* pointer-events: auto; */
}

.file-upload-label:hover {
  background: var(--text-secondary);
  transform: translateY(-1px);
}

.file-upload-label i {
  height: 1rem;
}
.file-upload-label i svg {
  display: block;
}

.file-upload-name {
  color: var(--text-light);
  font-size: var(--font-size-sm);
  font-style: italic;
  margin-top: 0.5rem;
  display: block;
}

.file-upload-name.has-file {
  color: var(--text-primary);
  font-style: normal;
  font-weight: var(--font-weight-medium);
}

/* Clean File Upload Status Styles */
.page-apply .file-upload-label.disabled {
  background: var(--brand-gray-400);
  cursor: not-allowed;
  opacity: 0.7;
}

.page-apply .upload-status-display {
  margin-top: 0.75rem;
  display: none;
}

.page-apply .uploaded-file-card {
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: var(--border-radius);
  transition: all var(--transition-normal);
  position: relative;
  max-width: 700px;
}

.page-apply .uploaded-file-card.uploading {
  background: rgba(242, 242, 242, 1);
}

.page-apply .uploaded-file-card.success {
  background: rgba(242, 242, 242, 1);
}

.page-apply .uploaded-file-card.error {
  border-color: #fecaca;
  background: #fef2f2;
}

.page-apply .uploaded-file-card .file-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.875rem;
  flex-shrink: 0;
}

.page-apply .uploaded-file-card.uploading .file-icon {
  background: var(--brand-gray-200);
}


.page-apply .uploaded-file-card.error .file-icon {
  background: #fecaca;
}

.file-icon-alt img {
  width: 15px;
}

.page-apply .uploaded-file-card .file-icon i {
  font-size: 1rem;
  color: var(--brand-gray-600);
}

.page-apply .uploaded-file-card.uploading .file-icon i {
  color: var(--brand-gray-500);
}


.page-apply .uploaded-file-card.error .file-icon i {
  color: #ef4444;
}

.page-apply .uploaded-file-card .file-info {
  flex: 1;
  min-width: 0;
}

.page-apply .uploaded-file-card .file-name {
  color: var(--text-secondary);
  font-size: var(--font-size-xl);
  line-height: 1.4;
  word-break: break-word;
}

.page-apply .uploaded-file-card .file-status {
  font-size: var(--font-size-base);
  color: #999DA8;
  line-height: 1.5;
}


.page-apply .uploaded-file-card.error .file-status {
  color: #dc2626;
}

.page-apply .remove-file-btn {
  position: absolute;
  top: 1.25rem;
  right: 1rem;
  width: 1.25rem;
  height: 1.25rem;
  border: none;
  border-radius: 50%;
  background: var(--text-secondary);
  color: var(--accent-color);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--transition-normal);
  flex-shrink: 0;
}

.page-apply .remove-file-btn:hover {
  background: #ef4444;
  color: var(--accent-color);
  transform: scale(1.05);
}

.page-apply .remove-file-btn i {
  font-size: 0.75rem;
}


/* === Phone & Social Inputs === */
/* Phone input styling */
.phone-input-group {
  /* display: flex;
  gap: 0.5rem; */
  position: relative;
}

.page-apply .phone-input-group select {
  width:40%;
}

.phone-input-group input {
  width:59%;
  float: right;
}
.phone-input-group .validation-message, .phone-input-group .field-error {
  display: inline-block;
}

/* Social media styling */
.social-media-group {
  gap: 0.5rem;
  display: flex;
  flex-direction: column;
}

.page-apply .social-platform {
  position: relative;
  margin-bottom: 1rem;
  display: flex;
}


.social-platform select {
  width: 150px;
}

.social-platform input {
  width: calc(100% - 35px);
}

.icon-plus {
  width: 19px;
  text-align: center;
  font-size: 2rem;
  display: inline-block;
  cursor: pointer;
  color: var(--primary-color);
  font-weight: bold;
  transition: color 0.3s ease;
  margin-left: 0.5rem;
}

.icon-plus:hover {
  color: var(--secondary-color);
}

.icon-minus {
  width: 19px;
  text-align: center;
  font-size: 2rem;
  display: inline-block;
  margin-left: 0.5rem;
  cursor: pointer;
  color: #ff4444;
  font-weight: bold;
  transition: color 0.3s ease;
}

.icon-minus:hover {
  color: #cc0000;
}


/* === Application Process Flow === */
/* Application Process Flow */
.application-process-flow {
  padding: 4rem 0 0 0;
  background: var(--background-primary);
  position: relative;
}

.application-process-flow h2 {
  text-align: center;
  margin-bottom: 3rem;
  line-height: 1.5;
  color: var(--secondary-color);
  font-weight: var(--font-weight-medium);
}

.process-flow-timeline-bg {
  overflow-x: auto;
}
.process-flow-timeline {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  flex-wrap: nowrap;
  padding: 0.5rem 1.5rem 1.5rem;
}

/* Closing sentence under "Your Path to Partnership" on apply page */
.page-apply .process-closing-text {
  color: #454547;
  text-align: center;
  font-family: 'Lato', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  margin-top: 40px;
}
.process-flow-timeline::before {
  content: "";
  position: absolute;
  left:10%;
  top:44px;
  width: 80%;
  border: 0.5px solid transparent;
  border-image: repeating-linear-gradient(90deg, #6F7073 0, #6F7073 10px, white 10px, white 20px) 6;
}

.flow-step {
  text-align: center;
  position: relative;
  flex: 1;
  min-width: 160px;
  max-width: 200px;
  margin-bottom: 1rem;
}

.flow-step-icon {
  width: 88px;
  height: 88px;
  /* var(--primary-color) */
  background: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem;
  position: relative;
  transition: all 0.3s ease;
}

.flow-step-icon:hover {
  transform: translateY(-5px);
}

.flow-step-icon i {
  font-size: 2rem;
  color: var(--accent-color);
  line-height: 1;
  height: 2rem;
}

.flow-step-number {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-medium);
  color: var(--secondary-color);
  text-transform: uppercase;
  line-height: 2.4;
}

.flow-step h4 {
  font-family: 'Lato';
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-medium);
  color: var(--secondary-color);
  line-height:1.3;
  margin-bottom:0;
}

.flow-step p {
  color: var(--text-secondary);
  line-height: 1.5;
  font-size: var(--font-size-base);
  margin: 0;
}


/* === Apply Page Responsive === */
/* Medium screens (768px to 1199px) */
@media screen and (max-width: 1199px) and (min-width: 768px) {
  .process-flow-timeline::before {
    width: 83%;
  }
}

@media screen and (max-width: 1024px) {
  html[lang="fr"] .track-header {
    min-height: 162px;
  }
}

/* Tablet and small desktop (768px to 1023px) */
@media screen and (max-width: 1023px) and (min-width: 768px) {
  /* Application Process Flow Tablet */
  .process-flow-timeline {
    padding: 0 1rem;
  }
  .process-flow-timeline::before {
    width: 99%;
  }

  .process-flow-timeline::before {
    /* display: none; */
  }

  .flow-step-icon {
    width: 70px;
    height: 70px;
  }


  .flow-step h4 {
    margin-bottom: 0.5rem;
  }

  /* .process-flow-timeline::before { display: none;} */

  /* Apply track-toggle  */
  .track-toggle-section { padding: 0 }
  .track-header {padding: 2.3rem 0.25rem 0.5rem;}
  .page-apply .track-title { font-size: 1.25rem; }
  .track-desc {font-size: 1rem;height: 2rem; }

  html[lang="fr"] .track-header {
    min-height: 110px;
  }
}

@media screen and (max-width: 1023px) and (min-width: 945px) {
  .process-flow-timeline::before {
    width: 90%;
  }
}

@media screen and (max-width: 944px) and (min-width: 890px) {
  .process-flow-timeline::before {
    width: 97%;
  }
}
@media screen and (max-width: 889px) and (min-width: 820px) {
  .process-flow-timeline::before {
    width: 105%;
  }
}

@media screen and (max-width: 819px) and (min-width: 768px) {
  .process-flow-timeline::before {
    width: 920px;
  }
}

/* Mobile optimizations (max-width: 768px) */
@media screen and (max-width: 768px) {
  /* Responsive adjustments */
  .page-apply .uploaded-file-card {
    padding: 0.75rem;
  }

  .page-apply .uploaded-file-card .file-icon {
    width: 2.25rem;
    height: 2.25rem;
    margin-right: 0.75rem;
  }

  .page-apply .uploaded-file-card .file-icon i {
    font-size: 0.9rem;
  }

  .page-apply .remove-file-btn {
    top: 0.375rem;
    right: 0.375rem;
    width: 1.375rem;
    height: 1.375rem;
  }

  .page-apply .remove-file-btn i {
    font-size: 0.625rem;
  }

  .track-title {
    font-size: 1.2rem;
  }

  /*  apply page */
  .track-form .form-row-two-col {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

/* Mobile and small tablet (481px to 767px) */
@media screen and (max-width: 767px) {
  .track-toggle {gap: 0.5rem;}

  .track-header span { font-size: 1rem;}
  .page-apply .track-title {font-size: 1rem;}

  .track-toggle-section {
    padding:0;
  }
  .track-label .track-desc {
    display: none;
  }
  .track-desc-mobile {display: block; color: #000;}

  html[lang="fr"] .track-header {
    min-height: 88px;
  }

  /* Application Info Mobile */
  .application-wrapper {
    margin: 0 0.5rem;
  }

  /* Application Mobile */
  .track-form .form-row-two-col {
    display: block;
  }

  /* Application Process Flow Mobile */
  .process-flow-timeline {
    padding: 0 1rem;
  }
  .process-flow-timeline::before {
    width: 920px;
  }

  .flow-step-icon {
    width: 70px;
    height: 70px;
  }


  .flow-step h4 {
    margin-bottom: 0.5rem;
  }
}

@media screen and (max-width: 640px) {
  .process-flow-timeline::before {
    left: 15%;
  }
}

/* Small mobile (320px to 480px) */
@media screen and (max-width: 480px) {
  /* Application Process Flow Mobile */
  .process-flow-timeline {
    padding: 0;
  }

  .flow-step-icon {
    width: 50px;
    height: 50px;
  }

  .flow-step-icon i svg {
    width: 1.5rem;
  }

  .flow-step h4 {
    font-size: var(--font-size-base);
    margin-bottom: 0.5rem;
  }

  .flow-step p {
    font-size: var(--font-size-sm);
  }

  .process-flow-timeline::before {left: 18%; top: 27px;}
}

/* Mobile optimizations (max-width: 481px) */
@media screen and (max-width: 481px) {
  /*  apply page */
  .track-toggle .track-label.active .apply-track-icon {
    bottom: -17px;
  }
  .track-form .creative-materials , .track-form .brand-information { margin-top: 2rem;}

  .page-apply .phone-input-group select { width: 100%; }
  .phone-input-group input { width: 100%; margin: 5px 0 1rem;}
}

/* Apply section typography */
.apply-section {
  text-align: center;
}

.apply-section h1 {
  font-size: 5rem;
  color: var(--secondary-color);
  margin-bottom: 0.75rem;
  font-weight: var(--font-weight-normal);
  letter-spacing: 0;
}

.apply-section p {
  font-size: var(--font-size-2xl);
  color: var(--text-secondary);
  line-height: 1.7;
  margin-bottom: 0;
  font-weight: var(--font-weight-normal);
}

@media screen and (max-width: 768px) {
  .apply-section h1 {
    font-size: 3.5rem;
  }
}

@media screen and (max-width: 481px) {
  .apply-section h1 {
    font-size: 2rem;
  }
}