/* =========================================================
        Apply Online
============================================================ */
.apply-online-section {
  position: relative; }
  .apply-online-section::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 505px;
    background-color: #f3f3f3; }
  .apply-online-section .apply-online-wrapper {
    padding: 85px 100px 55px;
    box-shadow: 0 0 15px #d6d5d5; }
    @media only screen and (max-width: 991px) {
      .apply-online-section .apply-online-wrapper {
        padding: 50px 100px; } }
    @media only screen and (max-width: 767px) {
      .apply-online-section .apply-online-wrapper {
        padding: 50px; } }
    @media only screen and (max-width: 479px) {
      .apply-online-section .apply-online-wrapper {
        padding: 50px 15px; } }
    .apply-online-section .apply-online-wrapper .section-title {
      margin-bottom: 60px; }
      @media only screen and (max-width: 767px) {
        .apply-online-section .apply-online-wrapper .section-title {
          margin-bottom: 30px; } }
      .apply-online-section .apply-online-wrapper .section-title h2 {
        font-weight: 500;
        color: #222222;
        margin-bottom: 15px; }
      .apply-online-section .apply-online-wrapper .section-title p {
        color: #666666; }
    .apply-online-section .apply-online-wrapper .form-section .apply-online-form .form-group .form-control {
      font-size: 16px;
      /* color: #8f969e; */
      color: #555555;
      background-color: #eef1f5;
      border: 0;
      box-shadow: none;
      border-radius: 5px;
      padding: 5px 20px; 
    }
      .apply-online-section .apply-online-wrapper .form-section .apply-online-form .form-group .form-control:focus {
        border: 1px solid #515151;
        background-color: #dae3f0;}
      @media only screen and (max-width: 479px) {
        .apply-online-section .apply-online-wrapper .form-section .apply-online-form .form-group .form-control {
          font-size: 14px;
          padding: 20px; } }
    .apply-online-section .apply-online-wrapper .form-section .apply-online-form .form-group .btn {
      width: 100%; }
      @media only screen and (max-width: 479px) {
        .apply-online-section .apply-online-wrapper .form-section .apply-online-form .form-group .btn {
          padding: 6px 16px; } }
    .apply-online-section .apply-online-wrapper .location {
      margin: 15px 0 0 20px; }
      @media only screen and (max-width: 991px) {
        .apply-online-section .apply-online-wrapper .location {
          margin: 50px 0 0 0; } }
      .apply-online-section .apply-online-wrapper .location li {
        margin-bottom: 15px; }
        .apply-online-section .apply-online-wrapper .location li:last-child {
          margin-bottom: 0; }
        .apply-online-section .apply-online-wrapper .location li i {
          font-size: 20px;
          color: #e6c16d;
          float: left;
          margin-top: 7px; }
          @media only screen and (max-width: 479px) {
            .apply-online-section .apply-online-wrapper .location li i {
              margin-top: 3px; } }
        .apply-online-section .apply-online-wrapper .location li .text {
          font-size: 18px;
          line-height: 34px;
          color: #7c828b;
          margin-left: 45px; }
          @media only screen and (max-width: 479px) {
            .apply-online-section .apply-online-wrapper .location li .text {
              font-size: 16px;
              line-height: 27px;
              margin-left: 35px; } }
  @media only screen and (max-width: 991px) {
    .apply-online-section {
      height: auto;
      padding: 80px 0; } }
  @media only screen and (max-width: 767px) {
    .apply-online-section {
      padding: 60px 0; } }
  .apply-online-section .apply-online-left-bar {
    position: relative;
    background: rgba(24, 65, 106, 0.96);
    padding: 70px 55px 65px;
    border-radius: 8px;
    margin: -55px 0 0;
    z-index: 5; }
    @media only screen and (max-width: 991px) {
      .apply-online-section .apply-online-left-bar {
        margin: 0; } }
    @media only screen and (max-width: 479px) {
      .apply-online-section .apply-online-left-bar {
        padding: 40px 15px 35px; } }
    .apply-online-section .apply-online-left-bar .header {
      font-size: 18px;
      font-weight: 500;
      line-height: 34px;
      color: #e6c16d; }
    .apply-online-section .apply-online-left-bar h4 {
      font-size: 24px;
      font-weight: 500;
      line-height: 36px;
      color: #FFFFFF;
      margin: 8px 0; }
      @media only screen and (max-width: 479px) {
        .apply-online-section .apply-online-left-bar h4 {
          line-height: 30px; } }
    .apply-online-section .apply-online-left-bar p {
      font-size: 15px;
      color: #9daab8; }
    .apply-online-section .apply-online-left-bar .apply-online-form {
      margin-top: 42px; }
      .apply-online-section .apply-online-left-bar .apply-online-form .padding-right {
        padding-right: 7px; }
        @media only screen and (max-width: 767px) {
          .apply-online-section .apply-online-left-bar .apply-online-form .padding-right {
            padding-right: 15px; } }
      .apply-online-section .apply-online-left-bar .apply-online-form .padding-left {
        padding-left: 7px; }
        @media only screen and (max-width: 767px) {
          .apply-online-section .apply-online-left-bar .apply-online-form .padding-left {
            padding-left: 15px; } }
      .apply-online-section .apply-online-left-bar .apply-online-form .form-group .form-control {
        font-size: 14px;
        border: 0;
        border-radius: 5px;
        padding: 22px 25px; }
        .apply-online-section .apply-online-left-bar .apply-online-form .form-group .form-control::placeholder {
          color: #8f969e; }
      .apply-online-section .apply-online-left-bar .apply-online-form .form-group .submitBtn {
        font-size: 16px;
        font-weight: 500;
        width: 100%;
        border: 0;
        border-radius: 5px;
        padding: 7px 25px;
        color: #FFFFFF;
        background: #e6c16d; }
      .apply-online-section .apply-online-left-bar .apply-online-form .selection .dropdown-select {
        width: 100%;
        color: #8f969e;
        border: 0;
        border-radius: 5px;
        padding: 10px 20px;
        margin-bottom: 15px; }
  .apply-online-section .apply-online-right-bar img {
    margin-top: -175px;
    margin-left: -145px;
    z-index: 1; }

.apply-online-section .font-extra-bold {
  font-weight: bold;
}

.apply-online-section .apply-online-form label {
  font-weight: normal;
}

.apply-online-section .apply-online-form .account-type {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  /* font-size: 22px */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.apply-online-section .apply-online-form .account-type-wrapper {
  background-color: #eef1f5;
  /* height: 45px; */
  padding: 13px 13px 8px 13px;
  content: "";
  display: inline-block;
  width: 100%;
}

.apply-online-section .apply-online-form .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eef1f5;
  border-radius: 5px;
  border: 1px solid #888
}

.apply-online-section .apply-online-form .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.apply-online-section .apply-online-form .account-type:hover input[type="radio"] ~ .checkmark {
  background-color: #ccc;
}

.apply-online-section .apply-online-form .account-type input[type="radio"]:checked ~ .checkmark {
  background-color: #2196F3;
}

.apply-online-section .apply-online-form .account-type input[type="radio"]:checked ~ .checkmark:after {
  display: block;
}

.apply-online-section .apply-online-form .account-type .checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.apply-online-section .apply-online-form .account-type input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.apply-online-section .apply-online-wrapper .form-section .apply-online-form .form-group .form-control:hover {
  background-color: #dae3f0;
}

.apply-online-section .apply-online-form h3 {
  padding: 10px;
  color: #48c7ec;
  background-color: #000;
}

.apply-online-section .apply-online-form h3 small {
  color: #48c7ec;
}

.apply-online-section .apply-online-form .radio-wrapper {
  background-color: #eef1f5;
  padding-top: 5px;
  display: inline-block;
  width: 100%;
}

.apply-online-section .apply-online-form .mb-0 {
  margin-bottom: 0;
}