/* Premium quick apply page - 2026-06-24 */
#body {
  background:
    radial-gradient(circle at 12% 8%, rgba(34, 167, 239, .10), transparent 24%),
    radial-gradient(circle at 86% 16%, rgba(217, 154, 32, .12), transparent 26%),
    linear-gradient(180deg, #f4f8fd 0%, #eef4fa 100%) !important;
  margin-bottom: 0 !important;
  padding-bottom: 64px;
}

#apply .center {
  max-width: 1320px !important;
  width: calc(100% - 40px) !important;
}

#apply .now-position {
  margin: 36px 0 28px !important;
}

#apply .now-position p,
#apply .now-position p a {
  color: #6b7c92 !important;
  font-size: 15px;
  font-weight: 800;
}

#apply .a-body {
  align-items: stretch !important;
  display: grid !important;
  gap: 30px !important;
  grid-template-columns: minmax(0, 1fr) 320px;
  width: 100% !important;
}

#apply .a-body .left,
#apply .a-body .right {
  float: none !important;
  width: auto !important;
}

#apply .a-body .left {
  background:
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(249,252,255,.96)) !important;
  border: 1px solid #dfeaf6 !important;
  border-radius: 10px !important;
  box-shadow: 0 24px 60px rgba(20, 47, 86, .10) !important;
  overflow: hidden;
  position: relative;
}

#apply .a-body .left::before {
  background: linear-gradient(135deg, #123466, #1769e0 52%, #22a7ef);
  content: "";
  height: 6px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

#apply .a-body .left .from {
  box-shadow: none !important;
  box-sizing: border-box;
  padding: 38px 44px 34px !important;
}

#apply .a-body .left .from h3 {
  color: #12223a !important;
  font-size: 34px !important;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.2;
  margin: 0 0 12px !important;
  text-align: center;
}

#apply .a-body .left .from > p {
  border-bottom: 1px solid #e5edf6 !important;
  color: #607086 !important;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.7;
  margin: 0 0 30px !important;
  padding: 0 0 22px !important;
  text-align: center;
}

#apply .a-body .left .from .top {
  display: grid !important;
  gap: 22px 34px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-content: normal !important;
}

#apply .a-body .left .from .top > div,
#apply .a-body .left .from .top > div:nth-of-type(2n+1) {
  align-items: stretch !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 9px;
  grid-template-columns: 1fr !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
  width: auto !important;
}

#apply .a-body .left .from .top > div p,
#apply .a-body .left .from .bottom p {
  color: #26364d !important;
  display: block !important;
  font-size: 15px !important;
  font-weight: 900;
  justify-content: initial !important;
  line-height: 1.3;
  margin: 0 !important;
}

#apply .a-body .left .from .top > div p span {
  color: #ef4b3f !important;
  font-weight: 900;
}

#apply .a-body .left .from .top > div input,
#apply .a-body .left .from .top > div select,
#apply .a-body .left .from .bottom textarea {
  background: #f8fbff !important;
  border: 1px solid #cfddec !important;
  border-radius: 8px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
  box-sizing: border-box;
  color: #172033 !important;
  font-size: 15px !important;
  font-weight: 700;
  outline: none;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
  width: 100% !important;
}

#apply .a-body .left .from .top > div input,
#apply .a-body .left .from .top > div select {
  height: 48px !important;
  padding: 0 16px !important;
}

#apply .a-body .left .from .top > div input:focus,
#apply .a-body .left .from .top > div select:focus,
#apply .a-body .left .from .bottom textarea:focus {
  background: #fff !important;
  border-color: #1769e0 !important;
  box-shadow: 0 0 0 4px rgba(23,105,224,.10);
}

#apply .a-body .left .from .top > div img {
  bottom: 20px;
  height: 8px !important;
  right: 16px !important;
  top: auto !important;
  transform: none !important;
  width: 16px !important;
}

#apply .a-body .left .from .bottom {
  display: grid !important;
  gap: 9px;
  grid-template-columns: 1fr;
  margin-top: 24px;
}

#apply .a-body .left .from .bottom textarea {
  height: 168px !important;
  line-height: 1.7;
  padding: 14px 16px !important;
  resize: vertical;
}

#apply .a-body .left .from button {
  background: linear-gradient(135deg, #ef4b3f, #f2a51d) !important;
  border: 0;
  border-radius: 8px !important;
  box-shadow: 0 16px 28px rgba(239, 75, 63, .24);
  color: #fff !important;
  display: block;
  font-size: 18px !important;
  font-weight: 900;
  height: 54px !important;
  letter-spacing: 0;
  margin: 34px auto 0 !important;
  transition: transform .18s ease, box-shadow .18s ease;
  width: 360px !important;
}

#apply .a-body .left .from button:hover {
  box-shadow: 0 20px 34px rgba(239, 75, 63, .30);
  transform: translateY(-2px);
}

#apply .a-body .right {
  display: grid;
  gap: 20px;
}

#apply .a-body .right > img {
  background: linear-gradient(135deg, #123466, #1769e0) !important;
  border: 1px solid #dfeaf6 !important;
  border-radius: 10px !important;
  box-shadow: 0 18px 42px rgba(20, 47, 86, .10) !important;
  box-sizing: border-box;
  height: 132px !important;
  object-fit: cover;
  overflow: hidden;
  width: 100% !important;
}

#apply .a-body .right .qx {
  background: #fff !important;
  border: 1px solid #dfeaf6 !important;
  border-radius: 10px !important;
  box-shadow: 0 18px 42px rgba(20, 47, 86, .10) !important;
  box-sizing: border-box;
  height: auto !important;
  margin: 0 !important;
  min-height: 520px;
  overflow: hidden;
  padding: 0 20px 20px !important;
}

#apply .a-body .right .qx h3 {
  align-items: center;
  border-bottom: 1px solid #e8eef6 !important;
  color: #1d2b42 !important;
  display: flex;
  font-size: 20px !important;
  font-weight: 900;
  gap: 8px;
  line-height: 1.2;
  margin: 0;
  padding: 22px 0 18px !important;
}

#apply .a-body .right .qx h3 span {
  color: #ef4b3f !important;
  font-size: 24px !important;
  font-weight: 900;
  margin: 0 !important;
}

#apply .a-body .right .qx .scrollDiv {
  height: auto !important;
  max-height: 430px;
  overflow: hidden;
  padding-top: 8px !important;
}

#apply .a-body .right .qx .scrollDiv ul li {
  border-bottom: 1px dashed #d9e3ef !important;
  box-sizing: border-box;
  height: auto !important;
  padding: 14px 0 13px;
}

#apply .a-body .right .qx .scrollDiv ul li > p {
  color: #26364d !important;
  font-size: 15px !important;
  font-weight: 900;
  line-height: 1.5;
  margin: 0 !important;
}

#apply .a-body .right .qx .scrollDiv ul li div {
  margin-top: 8px !important;
}

#apply .a-body .right .qx .scrollDiv ul li div p {
  color: #728197 !important;
  font-size: 13px !important;
}

@media (max-width: 900px) {
  #apply .center {
    width: calc(100% - 24px) !important;
  }

  #apply .a-body {
    grid-template-columns: 1fr;
  }

  #apply .a-body .left .from {
    padding: 28px 18px 26px !important;
  }

  #apply .a-body .left .from h3 {
    font-size: 28px !important;
  }

  #apply .a-body .left .from .top {
    grid-template-columns: 1fr;
  }

  #apply .a-body .left .from button {
    width: 100% !important;
  }
}

/* Mobile containment for legacy global header/footer on apply page */
@media (max-width: 900px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  #head,
  #footer,
  #head .center,
  #footer .center {
    max-width: 100% !important;
  }

  #head .nav-tabs,
  #head .nav-tabs ul {
    box-sizing: border-box;
    display: flex !important;
    float: none !important;
    max-width: 100% !important;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    white-space: nowrap;
    width: 100% !important;
  }

  #head .nav-tabs::-webkit-scrollbar,
  #head .nav-tabs ul::-webkit-scrollbar {
    display: none;
  }

  #head .nav-tabs li {
    flex: 0 0 auto;
  }

  #footer .bottom .center,
  #footer .bottom .c-left,
  #footer .bottom .c-right,
  #footer .bottom .r-body {
    box-sizing: border-box;
    float: none !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  #footer .bottom .c-right {
    margin-top: 18px;
  }
}