/* Generated by tools/build.php - do not edit by hand. */
/* block 1 of 1 */
.ti-badge { background: rgba(96,165,250,0.15) !important; color: #60a5fa !important; }
  .ti-badge i { color: #60a5fa !important; }


  .why-us-card {
    background: rgba(255,255,255,0.05); border-radius: 16px; padding: 30px;
    text-align: center; border: 1px solid rgba(255,255,255,0.08);
    transition: all 0.4s ease; height: 100%;
  }
  .why-us-card:hover {
    background: rgba(255,255,255,0.1); border-color: #60a5fa;
    transform: translateY(-8px); box-shadow: 0 20px 40px rgba(96,165,250,0.15);
  }
  .wu-icon {
    width: 60px; height: 60px; background: linear-gradient(135deg, #0d3b8e, #106eea);
    color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center;
    font-size: 24px; margin: 0 auto 16px; transition: all 0.3s ease;
  }
  .why-us-card:hover .wu-icon { transform: rotateY(180deg); background: linear-gradient(135deg, #e8611a, #f0943a); }
  .why-us-card h5 { font-size: 17px; font-weight: 700; color: #fff; margin-bottom: 10px; }
  .why-us-card p { font-size: 14px; color: rgba(255,255,255,0.7); margin: 0; line-height: 1.7; }

  .job-card {
    background: rgba(255,255,255,0.05); border-radius: 16px; padding: 40px;
    box-shadow: 0 8px 40px rgba(0,0,0,0.2); border-left: 4px solid #e8611a;
    transition: all 0.4s ease; border: 1px solid rgba(255,255,255,0.08);
  }
  .job-card:hover {
    transform: translateY(-5px); box-shadow: 0 16px 50px rgba(232,97,26,0.2);
    border-left-color: #f0943a; background: rgba(255,255,255,0.08);
  }
  .job-card h3 { font-size: 24px; font-weight: 700; color: #fff; margin-bottom: 10px; }
  .job-card h5 { font-size: 18px; font-weight: 600; color: #fff; margin-bottom: 10px; }
  .job-card p { color: rgba(255,255,255,0.75); line-height: 1.8; }
  .job-card ul { color: rgba(255,255,255,0.75); line-height: 1.8; list-style-position: inside; }
  .job-card ul li { margin-bottom: 6px; }
  .job-card .job-subtitle { color: #60a5fa; font-weight: 600; margin-bottom: 20px; }
  .job-card .job-note { color: #e8611a; font-size: 13px; font-style: italic; margin-top: 12px; }

  .job-icon-box {
    width: 200px; height: 200px; background: rgba(255,255,255,0.05);
    border-radius: 16px; display: flex; align-items: center; justify-content: center;
    margin: 0 auto; border: 2px dashed rgba(255,255,255,0.2);
  }

  .apply-card {
    background: rgba(255,255,255,0.05); border-radius: 16px; padding: 35px 25px;
    text-align: center; box-shadow: 0 8px 30px rgba(0,0,0,0.2);
    border-bottom: 4px solid #e8611a; transition: all 0.4s ease;
    border: 1px solid rgba(255,255,255,0.08); height: 100%;
  }
  .apply-card:hover {
    transform: translateY(-8px); background: rgba(255,255,255,0.1);
    border-color: #60a5fa;
  }
  .apply-card h5 { font-size: 17px; font-weight: 700; color: #fff; margin-bottom: 10px; }
  .apply-card p { font-size: 14px; color: rgba(255,255,255,0.7); line-height: 1.7; margin-bottom: 0; }
  .apply-icon {
    width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center;
    justify-content: center; margin: 0 auto 18px; font-size: 28px; color: #fff;
    transition: all 0.3s ease;
  }
  .apply-card:hover .apply-icon { transform: rotateY(180deg); }

  .contact-card {
    background: rgba(255,255,255,0.05); border-radius: 16px; overflow: hidden;
    box-shadow: 0 8px 40px rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.08);
    transition: all 0.4s ease;
  }
  .contact-card:hover { box-shadow: 0 12px 50px rgba(232,97,26,0.2); }
  .contact-card-header {
    background: linear-gradient(135deg, #0d3b8e 0%, #106eea 100%);
    padding: 30px 40px; color: #fff; display: flex; align-items: center; gap: 15px;
  }
  .contact-card-header h3 { font-size: 22px; font-weight: 700; margin: 0; }
  .contact-card-header p { margin: 0; opacity: 0.9; font-size: 14px; }
  .contact-card-body { padding: 35px 40px; }
  .contact-info-item {
    display: flex; align-items: flex-start; gap: 14px; margin-bottom: 20px;
  }
  .contact-info-icon {
    width: 44px; height: 44px; background: rgba(232,97,26,0.15); color: #e8611a;
    border-radius: 10px; display: flex; align-items: center; justify-content: center;
    font-size: 18px; flex-shrink: 0;
  }
  .contact-info-label { font-size: 12px; color: #60a5fa; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 3px; }
  .contact-info-value { font-size: 15px; color: #fff; font-weight: 600; }
  .contact-info-sub { font-size: 14px; color: rgba(255,255,255,0.6); }

  .info-box {
    background: rgba(255,255,255,0.05); border-radius: 16px; padding: 30px;
    border: 1px solid rgba(255,255,255,0.08);
  }
  .info-box h5 { font-weight: 700; color: #fff; margin-bottom: 15px; }
  .info-box p { color: rgba(255,255,255,0.7); margin-bottom: 0; }
  .info-box ul { color: rgba(255,255,255,0.7); line-height: 1.8; list-style-position: inside; }

  .company-intro-card {
    background: rgba(255,255,255,0.05); border-radius: 16px; padding: 40px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.2); border-top: 4px solid #e8611a;
    border: 1px solid rgba(255,255,255,0.08);
  }
  .company-intro-card h3 { font-size: 22px; font-weight: 700; color: #fff; margin-bottom: 12px; }
  .company-intro-card p { color: rgba(255,255,255,0.8); line-height: 1.8; font-size: 15px; margin-bottom: 0; }
  .company-intro-icon {
    width: 100px; height: 100px; background: linear-gradient(135deg, #0d3b8e, #106eea);
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
    margin: 0 auto; font-size: 40px; color: #fff;
  }