* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html, body {
  background-color: #fff; }

ul, ol {
  list-style: none; }

a, img {
  text-decoration: none;
  outline: none; }

label {
  width: 100%;
  font: 500 14px "Plus Jakarta Sans", sans-serif;
  color: #505050;
  position: relative; }
  label small {
    display: inline-block;
    width: auto;
    font: 500 12px "Plus Jakarta Sans", sans-serif;
    color: red;
    margin: 0 0 0 4px; }
  label a {
    display: inline-block;
    width: auto;
    font: 400 13px "Plus Jakarta Sans", sans-serif;
    color: blue;
    text-decoration: none;
    border: 1px solid blue;
    padding: 0px 8px;
    box-sizing: border-box;
    border-radius: 50px;
    position: absolute;
    right: 0;
    top: 0; }

input[type=text] {
  display: block;
  width: 100%;
  height: 40px;
  border-radius: 6px;
  padding: 8px;
  background-color: #fff;
  border: 1px solid #c0c0c0;
  font: 500 14px "Plus Jakarta Sans", sans-serif;
  color: #202020; }
  input[type=text]:focus {
    outline: none;
    border-color: #505050; }
  input[type=text].date {
    background: url(../icons/calendar.svg) no-repeat right 8px center #fff;
    background-size: 18px; }
  input[type=text].highlight {
    background-color: #0060DF;
    color: #fff;
    border-color: #0060DF; }

textarea {
  display: block;
  width: 100%;
  height: 72px;
  border-radius: 6px;
  padding: 8px;
  background-color: #fff;
  border: 1px solid #c0c0c0;
  font: 500 14px "Plus Jakarta Sans", sans-serif;
  color: #202020; }
  textarea:focus {
    outline: none;
    border-color: #505050; }

select {
  appearance: none;
  display: block;
  width: 100%;
  height: 40px;
  border-radius: 6px;
  padding: 8px;
  background: url(../icons/drop-down.svg) no-repeat right 6px center #fff;
  background-size: 22px;
  border: 1px solid #c0c0c0;
  font: 500 14px "Plus Jakarta Sans", sans-serif;
  color: #202020; }
  select:focus {
    outline: none;
    border-color: #505050; }

.error {
  display: inline-block;
  width: auto;
  text-align: left;
  font: 500 11px/14px "Plus Jakarta Sans", sans-serif;
  color: red;
  position: absolute;
  left: 12px;
  background: url(../icons/error.svg) no-repeat left 4px center #ffdfdf;
  background-size: 14px;
  padding: 2px 6px 3px 22px;
  bottom: -8px;
  border-radius: 2px; }

.alreadyRegistered {
  display: block;
  width: 100%;
  text-align: center;
  font: 500 14px/48px "Plus Jakarta Sans", sans-serif;
  color: red;
  background-color: rgba(255, 0, 0, 0.15);
  border-radius: 6px; }

.wrapper {
  width: 100%;
  background-color: #fff;
  position: relative;
  height: 100vh;
  display: flex;
  flex-flow: column; }
  .wrapper .container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px 24px 24px;
    display: flex;
    flex-flow: column;
    gap: 24px;
    flex: 1; }
    .wrapper .container .checkRegStatus {
      width: 100%;
      margin: 24px 0 0 0;
      display: flex;
      flex-flow: column;
      align-items: center;
      gap: 56px; }
      @media (max-width: 560px) {
        .wrapper .container .checkRegStatus {
          gap: 32px; } }
      .wrapper .container .checkRegStatus h1 {
        text-align: center;
        font: 700 36px "Plus Jakarta Sans", sans-serif;
        color: #202020; }
        @media (max-width: 560px) {
          .wrapper .container .checkRegStatus h1 {
            font-size: 24px; } }
      .wrapper .container .checkRegStatus .enterRegNo {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16px; }
        @media (max-width: 768px) {
          .wrapper .container .checkRegStatus .enterRegNo {
            flex-flow: column;
            gap: 8px; } }
        .wrapper .container .checkRegStatus .enterRegNo b {
          display: inline-block;
          width: auto;
          text-align: left;
          font: 500 14px "Plus Jakarta Sans", sans-serif;
          color: #202020; }
          @media (max-width: 768px) {
            .wrapper .container .checkRegStatus .enterRegNo b {
              text-align: left;
              display: block;
              width: 100%; } }
        .wrapper .container .checkRegStatus .enterRegNo input[type=text] {
          max-width: 300px; }
          @media (max-width: 768px) {
            .wrapper .container .checkRegStatus .enterRegNo input[type=text] {
              max-width: 100%; } }
        .wrapper .container .checkRegStatus .enterRegNo select {
          max-width: 300px; }
          @media (max-width: 768px) {
            .wrapper .container .checkRegStatus .enterRegNo select {
              max-width: 100%; } }
        .wrapper .container .checkRegStatus .enterRegNo input[type=submit] {
          appearance: none;
          height: 40px;
          width: 100%;
          max-width: 180px;
          border-radius: 8px;
          border: none;
          cursor: pointer;
          font: 500 14px "Plus Jakarta Sans", sans-serif;
          color: #fff;
          background-color: #2963D2; }
          @media (max-width: 768px) {
            .wrapper .container .checkRegStatus .enterRegNo input[type=submit] {
              margin: 8px 0 0 0; } }
          @media (max-width: 560px) {
            .wrapper .container .checkRegStatus .enterRegNo input[type=submit] {
              max-width: 100%;
              margin: 8px 0 0 0; } }
          .wrapper .container .checkRegStatus .enterRegNo input[type=submit]:hover {
            background-color: #1c50af; }
      .wrapper .container .checkRegStatus .regTableNo {
        width: 100%;
        max-width: 660px;
        border: 1px solid #d0d0dd;
        border-radius: 8px;
        overflow: hidden; }
        .wrapper .container .checkRegStatus .regTableNo ul {
          width: 100%;
          display: grid;
          grid-template-columns: repeat(1, 1fr); }
          .wrapper .container .checkRegStatus .regTableNo ul li {
            border-top: 1px solid #d0d0dd;
            padding: 16px 0;
            display: flex;
            align-items: center;
            gap: 8px; }
            .wrapper .container .checkRegStatus .regTableNo ul li:first-child {
              border: none; }
            .wrapper .container .checkRegStatus .regTableNo ul li:nth-child(odd) {
              background-color: #f9ffff; }
            .wrapper .container .checkRegStatus .regTableNo ul li b {
              display: block;
              width: 50%;
              text-align: left;
              font: 500 14px "Plus Jakarta Sans", sans-serif;
              color: #505055;
              flex-shrink: 0;
              padding: 0 0 0 16px; }
            .wrapper .container .checkRegStatus .regTableNo ul li span {
              display: block;
              width: auto;
              text-align: left;
              font: 600 14px "Plus Jakarta Sans", sans-serif;
              color: #202022;
              padding: 0 16px 0 0; }
            .wrapper .container .checkRegStatus .regTableNo ul li i {
              display: inline-block;
              width: auto;
              text-align: left;
              font: 600 14px "Plus Jakarta Sans", sans-serif;
              color: #202022;
              font-style: normal;
              padding: 0; }
              .wrapper .container .checkRegStatus .regTableNo ul li i.accept {
                background: url(../icons/accept.svg) no-repeat left center;
                background-size: 20px;
                padding: 0 0 0 30px;
                color: #14BA6A;
                box-sizing: border-box; }
              .wrapper .container .checkRegStatus .regTableNo ul li i.reject {
                background: url(../icons/declined.svg) no-repeat left center;
                background-size: 20px;
                padding: 0 0 0 30px;
                color: #E51414;
                box-sizing: border-box; }
              .wrapper .container .checkRegStatus .regTableNo ul li i.pending {
                background: url(../icons/pending.svg) no-repeat left center;
                background-size: 20px;
                padding: 0 0 0 30px;
                color: #ED8D1C;
                box-sizing: border-box; }
      .wrapper .container .checkRegStatus .norecord {
        width: 100%;
        display: flex;
        flex-flow: column;
        gap: 48px;
        margin: 40px 0; }
        .wrapper .container .checkRegStatus .norecord span {
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: center; }
          .wrapper .container .checkRegStatus .norecord span img {
            display: block;
            width: 100%;
            max-width: 72px; }
        .wrapper .container .checkRegStatus .norecord b {
          display: block;
          width: 100%;
          text-align: center;
          font: 800 32px "Plus Jakarta Sans", sans-serif;
          color: #202022; }
          @media (max-width: 560px) {
            .wrapper .container .checkRegStatus .norecord b {
              font-size: 24px; } }
    .wrapper .container header {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 20px 0;
      gap: 24px; }
      @media (max-width: 768px) {
        .wrapper .container header {
          flex-flow: column;
          align-items: center; } }
      .wrapper .container header .logo {
        width: 170px; }
        @media (max-width: 1024px) {
          .wrapper .container header .logo {
            width: 148px; } }
        @media (max-width: 768px) {
          .wrapper .container header .logo {
            width: 148px; } }
        .wrapper .container header .logo img {
          display: block;
          width: 100%; }
      .wrapper .container header .schoolName {
        width: auto;
        display: inline-flex;
        flex-flow: column;
        align-items: center; }
        .wrapper .container header .schoolName h2 {
          text-align: center;
          font: 800 56px "Plus Jakarta Sans", sans-serif;
          color: #0b4d9c; }
          @media (max-width: 1024px) {
            .wrapper .container header .schoolName h2 {
              font: 800 38px "Plus Jakarta Sans", sans-serif; } }
          @media (max-width: 768px) {
            .wrapper .container header .schoolName h2 {
              font: 800 32px "Plus Jakarta Sans", sans-serif;
              color: #0b4d9c; } }
          @media (max-width: 560px) {
            .wrapper .container header .schoolName h2 {
              font: 800 24px "Plus Jakarta Sans", sans-serif;
              color: #0b4d9c; } }
        .wrapper .container header .schoolName b {
          display: inline-block;
          width: auto;
          font: 700 24px "Plus Jakarta Sans", sans-serif;
          color: #343434;
          border-bottom: 1px solid #808080;
          padding: 0 0 12px 0;
          margin: 0 0 12px 0; }
          @media (max-width: 1024px) {
            .wrapper .container header .schoolName b {
              font: 700 16px "Plus Jakarta Sans", sans-serif; } }
          @media (max-width: 768px) {
            .wrapper .container header .schoolName b {
              font: 700 14px "Plus Jakarta Sans", sans-serif; } }
          @media (max-width: 560px) {
            .wrapper .container header .schoolName b {
              font: 700 12px "Plus Jakarta Sans", sans-serif;
              text-align: center;
              line-height: normal; } }
        .wrapper .container header .schoolName p {
          text-align: center;
          font: 600 16px "Plus Jakarta Sans", sans-serif;
          color: #202020; }
          @media (max-width: 1024px) {
            .wrapper .container header .schoolName p {
              font: 600 14px "Plus Jakarta Sans", sans-serif; } }
          @media (max-width: 560px) {
            .wrapper .container header .schoolName p {
              font: 500 13px "Plus Jakarta Sans", sans-serif; } }
    .wrapper .container .heading {
      width: 100%;
      display: flex;
      flex-flow: column;
      align-items: center;
      gap: 4px; }
      .wrapper .container .heading h2 {
        text-align: center;
        font: 800 36px "Plus Jakarta Sans", sans-serif;
        color: #202020;
        text-transform: uppercase; }
        @media (max-width: 1024px) {
          .wrapper .container .heading h2 {
            font: 800 30px "Plus Jakarta Sans", sans-serif; } }
        @media (max-width: 560px) {
          .wrapper .container .heading h2 {
            font: 800 24px "Plus Jakarta Sans", sans-serif; } }
      .wrapper .container .heading b {
        display: block;
        width: 100%;
        text-align: center;
        font: 700 32px "Plus Jakarta Sans", sans-serif;
        color: #202020; }
        @media (max-width: 1024px) {
          .wrapper .container .heading b {
            font: 700 24px "Plus Jakarta Sans", sans-serif; } }
        @media (max-width: 560px) {
          .wrapper .container .heading b {
            font: 700 20px "Plus Jakarta Sans", sans-serif; } }
    .wrapper .container .form {
      width: 100%;
      display: flex;
      flex-flow: column;
      gap: 24px; }
      .wrapper .container .form .infoForm {
        width: 100%;
        display: flex;
        flex-flow: column;
        gap: 16px; }
        .wrapper .container .form .infoForm .mandatory {
          width: 100%;
          text-align: right;
          font: 500 14px "Plus Jakarta Sans", sans-serif;
          color: #222;
          transform: translateY(40px); }
          @media (max-width: 560px) {
            .wrapper .container .form .infoForm .mandatory {
              transform: translateY(-8px);
              text-align: center; } }
          .wrapper .container .form .infoForm .mandatory span {
            display: inline-block;
            color: red; }
        .wrapper .container .form .infoForm b {
          display: block;
          width: 100%;
          height: 40px;
          border-bottom: 2px solid #0b4d9c; }
          .wrapper .container .form .infoForm b small {
            display: inline-block;
            text-align: left;
            font: 700 16px/40px "Plus Jakarta Sans", sans-serif;
            padding: 0 60px 0 20px;
            width: auto;
            border-radius: 0 50px 0 0;
            color: #fff;
            background-color: #0b4d9c; }
        .wrapper .container .form .infoForm ul {
          width: 100%;
          display: grid;
          grid-gap: 16px;
          grid-template-columns: repeat(2, 1fr);
          align-items: flex-end; }
          @media (max-width: 560px) {
            .wrapper .container .form .infoForm ul {
              grid-template-columns: repeat(1, 1fr); } }
          .wrapper .container .form .infoForm ul.twoCol {
            grid-template-columns: repeat(2, 1fr); }
            @media (max-width: 1024px) {
              .wrapper .container .form .infoForm ul.twoCol {
                grid-template-columns: repeat(2, 1fr); } }
            @media (max-width: 560px) {
              .wrapper .container .form .infoForm ul.twoCol {
                grid-template-columns: repeat(1, 1fr); } }
          .wrapper .container .form .infoForm ul.threeCol {
            grid-template-columns: repeat(3, 1fr); }
            @media (max-width: 1024px) {
              .wrapper .container .form .infoForm ul.threeCol {
                grid-template-columns: repeat(2, 1fr); } }
            @media (max-width: 560px) {
              .wrapper .container .form .infoForm ul.threeCol {
                grid-template-columns: repeat(1, 1fr); } }
          .wrapper .container .form .infoForm ul.fourCol {
            grid-template-columns: repeat(4, 1fr); }
            @media (max-width: 1024px) {
              .wrapper .container .form .infoForm ul.fourCol {
                grid-template-columns: repeat(2, 1fr); } }
            @media (max-width: 560px) {
              .wrapper .container .form .infoForm ul.fourCol {
                grid-template-columns: repeat(1, 1fr); } }
          .wrapper .container .form .infoForm ul li {
            width: 100%;
            display: flex;
            flex-flow: column;
            align-items: flex-start;
            gap: 8px;
            position: relative; }
            .wrapper .container .form .infoForm ul li .dob {
              width: 100%;
              display: grid;
              grid-gap: 4px;
              grid-template-columns: 72px auto 82px;
              align-items: center; }
            .wrapper .container .form .infoForm ul li b {
              display: block;
              width: 100%;
              height: 40px;
              border-radius: 6px;
              padding: 8px;
              background-color: #F2F2F2;
              border: 1px solid #c0c0c0;
              font: 500 14px "Plus Jakarta Sans", sans-serif;
              color: #202020; }
        .wrapper .container .form .infoForm dl {
          width: 100%;
          display: grid;
          grid-gap: 16px;
          grid-template-columns: repeat(2, 1fr);
          align-items: flex-end; }
          @media (max-width: 1024px) {
            .wrapper .container .form .infoForm dl {
              grid-template-columns: repeat(1, 1fr); } }
          @media (max-width: 560px) {
            .wrapper .container .form .infoForm dl {
              grid-template-columns: repeat(1, 1fr); } }
          .wrapper .container .form .infoForm dl dt {
            width: 100%;
            display: flex;
            flex-flow: column;
            align-items: flex-start;
            gap: 8px;
            position: relative; }
            .wrapper .container .form .infoForm dl dt label {
              position: relative; }
              .wrapper .container .form .infoForm dl dt label b {
                display: inline-flex;
                align-items: center;
                position: absolute;
                right: 0;
                top: 0; }
                .wrapper .container .form .infoForm dl dt label b input[type=checkbox] {
                  height: 14px;
                  width: 14px; }
                  .wrapper .container .form .infoForm dl dt label b input[type=checkbox]:checked ~ label {
                    color: #0060DF; }
                .wrapper .container .form .infoForm dl dt label b label {
                  display: inline-block;
                  width: auto;
                  font: 500 12px/14px "Plus Jakarta Sans", sans-serif;
                  color: #202020;
                  padding: 0 0 0 8px; }
      .wrapper .container .form .familyWrapp {
        width: 100%;
        padding: 20px 0 0 0;
        display: flex;
        flex-flow: column;
        gap: 16px; }
        .wrapper .container .form .familyWrapp b {
          display: block;
          width: 100%;
          text-align: left;
          font: 600 16px "Plus Jakarta Sans", sans-serif;
          color: #000; }
        .wrapper .container .form .familyWrapp .familyCon {
          width: 100%;
          display: flex;
          flex-flow: column;
          gap: 24px;
          align-items: flex-start; }
          .wrapper .container .form .familyWrapp .familyCon .parentsCon {
            width: 100%;
            display: flex;
            flex-flow: column;
            gap: 16px; }
            .wrapper .container .form .familyWrapp .familyCon .parentsCon b {
              display: block;
              width: 100%;
              height: 40px;
              border-bottom: 2px solid #0b4d9c; }
              .wrapper .container .form .familyWrapp .familyCon .parentsCon b small {
                display: inline-block;
                text-align: left;
                font: 700 16px/40px "Plus Jakarta Sans", sans-serif;
                padding: 0 60px 0 20px;
                width: auto;
                border-radius: 0 50px 0 0;
                color: #fff;
                background-color: #0b4d9c; }
            .wrapper .container .form .familyWrapp .familyCon .parentsCon ul {
              width: 100%;
              display: grid;
              grid-gap: 16px;
              grid-template-columns: repeat(4, minmax(0, 1fr));
              align-items: flex-end; }
              @media (max-width: 1024px) {
                .wrapper .container .form .familyWrapp .familyCon .parentsCon ul {
                  grid-template-columns: repeat(2, minmax(0, 1fr)); } }
              @media (max-width: 560px) {
                .wrapper .container .form .familyWrapp .familyCon .parentsCon ul {
                  grid-template-columns: repeat(1, minmax(0, 1fr)); } }
              .wrapper .container .form .familyWrapp .familyCon .parentsCon ul.twoCol {
                grid-template-columns: repeat(2, 1fr); }
                @media (max-width: 1024px) {
                  .wrapper .container .form .familyWrapp .familyCon .parentsCon ul.twoCol {
                    grid-template-columns: repeat(2, 1fr); } }
                @media (max-width: 560px) {
                  .wrapper .container .form .familyWrapp .familyCon .parentsCon ul.twoCol {
                    grid-template-columns: repeat(1, 1fr); } }
              .wrapper .container .form .familyWrapp .familyCon .parentsCon ul.threeCol {
                grid-template-columns: repeat(3, 1fr); }
                @media (max-width: 1024px) {
                  .wrapper .container .form .familyWrapp .familyCon .parentsCon ul.threeCol {
                    grid-template-columns: repeat(2, 1fr); } }
                @media (max-width: 560px) {
                  .wrapper .container .form .familyWrapp .familyCon .parentsCon ul.threeCol {
                    grid-template-columns: repeat(1, 1fr); } }
              .wrapper .container .form .familyWrapp .familyCon .parentsCon ul.fourCol {
                grid-template-columns: repeat(4, 1fr); }
                @media (max-width: 1024px) {
                  .wrapper .container .form .familyWrapp .familyCon .parentsCon ul.fourCol {
                    grid-template-columns: repeat(2, 1fr); } }
                @media (max-width: 560px) {
                  .wrapper .container .form .familyWrapp .familyCon .parentsCon ul.fourCol {
                    grid-template-columns: repeat(1, 1fr); } }
              .wrapper .container .form .familyWrapp .familyCon .parentsCon ul li {
                width: 100%;
                display: flex;
                flex-flow: column;
                gap: 8px;
                position: relative; }
                .wrapper .container .form .familyWrapp .familyCon .parentsCon ul li dl {
                  width: 100%;
                  display: grid;
                  grid-gap: 4px;
                  grid-template-columns: 66px auto;
                  align-items: flex-end; }
                  .wrapper .container .form .familyWrapp .familyCon .parentsCon ul li dl dt {
                    width: 100%;
                    display: flex;
                    flex-flow: column;
                    gap: 8px;
                    align-items: flex-start;
                    position: relative; }
                .wrapper .container .form .familyWrapp .familyCon .parentsCon ul li .uploadIDProof {
                  width: 100%;
                  height: 40px;
                  position: relative; }
                  .wrapper .container .form .familyWrapp .familyCon .parentsCon ul li .uploadIDProof input[type=file] {
                    position: absolute;
                    left: 0;
                    top: 0;
                    height: 100%;
                    width: 100%;
                    opacity: 0;
                    z-index: 99;
                    cursor: pointer; }
                  .wrapper .container .form .familyWrapp .familyCon .parentsCon ul li .uploadIDProof .fileName {
                    width: 100%;
                    height: 40px;
                    position: relative;
                    border-radius: 6px;
                    padding: 8px 116px 8px 8px;
                    background-color: #fff;
                    border: 1px solid #c0c0c0;
                    font: 500 13px/20px "Plus Jakarta Sans", sans-serif;
                    color: #202020;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap; }
                .wrapper .container .form .familyWrapp .familyCon .parentsCon ul li i {
                  display: inline-block;
                  width: auto;
                  font: 500 12px/28px "Plus Jakarta Sans", sans-serif;
                  color: #fff;
                  border-radius: 6px;
                  padding: 0 12px;
                  background-color: #0060DF;
                  position: absolute;
                  top: 5px;
                  right: 4px;
                  font-style: normal; }
            .wrapper .container .form .familyWrapp .familyCon .parentsCon dl {
              width: 100%;
              display: grid;
              grid-gap: 16px;
              grid-template-columns: repeat(2, 1fr);
              align-items: flex-end; }
              @media (max-width: 768px) {
                .wrapper .container .form .familyWrapp .familyCon .parentsCon dl {
                  grid-template-columns: repeat(1, 1fr); } }
              .wrapper .container .form .familyWrapp .familyCon .parentsCon dl dt {
                width: 100%;
                display: flex;
                flex-flow: column;
                grid-gap: 8px;
                position: relative; }
            .wrapper .container .form .familyWrapp .familyCon .parentsCon .address {
              width: 100%;
              display: flex;
              flex-flow: column;
              gap: 8px;
              align-items: flex-start;
              position: relative; }
      .wrapper .container .form .isWrapp {
        width: 100%;
        display: flex;
        flex-flow: column;
        gap: 16px; }
        .wrapper .container .form .isWrapp b {
          display: block;
          width: 100%;
          height: 40px;
          border-bottom: 2px solid #0b4d9c; }
          .wrapper .container .form .isWrapp b small {
            display: inline-block;
            text-align: left;
            font: 700 16px/40px "Plus Jakarta Sans", sans-serif;
            padding: 0 60px 0 20px;
            width: auto;
            border-radius: 0 50px 0 0;
            color: #fff;
            background-color: #0b4d9c; }
        .wrapper .container .form .isWrapp .isWrapper {
          width: 100%;
          display: flex;
          flex-flow: column;
          gap: 32px; }
          .wrapper .container .form .isWrapp .isWrapper .isCon {
            width: 100%;
            display: flex;
            flex-flow: column;
            gap: 16px; }
            .wrapper .container .form .isWrapp .isWrapper .isCon .isAlumni {
              width: 100%;
              display: flex;
              align-items: center; }
              .wrapper .container .form .isWrapp .isWrapper .isCon .isAlumni input[type=checkbox] {
                height: 18px;
                width: 18px;
                flex-shrink: 0; }
              .wrapper .container .form .isWrapp .isWrapper .isCon .isAlumni label {
                width: auto;
                text-align: left;
                margin: 0;
                padding: 0 24px 0 10px;
                font: 700 16px "Plus Jakarta Sans", sans-serif;
                color: #202020; }
              .wrapper .container .form .isWrapp .isWrapper .isCon .isAlumni table {
                width: auto;
                border-collapse: collapse; }
                .wrapper .container .form .isWrapp .isWrapper .isCon .isAlumni table tbody {
                  width: auto;
                  display: inline-flex;
                  gap: 24px; }
            .wrapper .container .form .isWrapp .isWrapper .isCon .isAlumniWrapp {
              width: 100%;
              display: flex;
              flex-flow: column;
              gap: 10px; }
              .wrapper .container .form .isWrapp .isWrapper .isCon .isAlumniWrapp i {
                display: block;
                width: 100%;
                font: 700 16px "Plus Jakarta Sans", sans-serif;
                color: #202020;
                text-align: left;
                font-style: normal; }
              .wrapper .container .form .isWrapp .isWrapper .isCon .isAlumniWrapp ul {
                width: 100%;
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                align-items: flex-end;
                grid-gap: 16px; }
                @media (max-width: 768px) {
                  .wrapper .container .form .isWrapp .isWrapper .isCon .isAlumniWrapp ul {
                    grid-template-columns: repeat(2, minmax(0, 1fr)); } }
                @media (max-width: 560px) {
                  .wrapper .container .form .isWrapp .isWrapper .isCon .isAlumniWrapp ul {
                    grid-template-columns: repeat(1, minmax(0, 1fr)); } }
                .wrapper .container .form .isWrapp .isWrapper .isCon .isAlumniWrapp ul li {
                  width: 100%;
                  display: flex;
                  flex-flow: column;
                  gap: 8px;
                  position: relative; }
            .wrapper .container .form .isWrapp .isWrapper .isCon .sibWrapp {
              width: 100%;
              display: flex;
              flex-flow: column;
              gap: 16px; }
      .wrapper .container .form .preSchWrapp {
        width: 100%;
        padding: 20px 0 0 0;
        display: flex;
        flex-flow: column;
        gap: 16px; }
        .wrapper .container .form .preSchWrapp b {
          display: block;
          width: 100%;
          text-align: left;
          font: 600 16px "Plus Jakarta Sans", sans-serif;
          color: #000; }
        .wrapper .container .form .preSchWrapp .preSchCon {
          width: 100%;
          display: flex;
          flex-flow: column;
          gap: 24px;
          align-items: flex-start; }
          .wrapper .container .form .preSchWrapp .preSchCon .preSchCon {
            width: 100%;
            display: flex;
            flex-flow: column;
            gap: 16px; }
            .wrapper .container .form .preSchWrapp .preSchCon .preSchCon b {
              display: block;
              width: 100%;
              height: 40px;
              border-bottom: 2px solid #0b4d9c; }
              .wrapper .container .form .preSchWrapp .preSchCon .preSchCon b small {
                display: inline-block;
                text-align: left;
                font: 700 16px/40px "Plus Jakarta Sans", sans-serif;
                padding: 0 60px 0 20px;
                width: auto;
                border-radius: 0 50px 0 0;
                color: #fff;
                background-color: #0b4d9c; }
            .wrapper .container .form .preSchWrapp .preSchCon .preSchCon ul {
              width: 100%;
              display: grid;
              grid-gap: 16px;
              grid-template-columns: repeat(2, minmax(0, 1fr));
              align-items: flex-end; }
              @media (max-width: 768px) {
                .wrapper .container .form .preSchWrapp .preSchCon .preSchCon ul {
                  grid-template-columns: repeat(1, minmax(0, 1fr)); } }
              .wrapper .container .form .preSchWrapp .preSchCon .preSchCon ul li {
                width: 100%;
                display: flex;
                flex-flow: column;
                gap: 8px;
                position: relative; }
                .wrapper .container .form .preSchWrapp .preSchCon .preSchCon ul li dl {
                  width: 100%;
                  display: grid;
                  grid-gap: 4px;
                  grid-template-columns: 66px auto;
                  align-items: flex-end; }
                  .wrapper .container .form .preSchWrapp .preSchCon .preSchCon ul li dl dt {
                    width: 100%;
                    display: flex;
                    flex-flow: column;
                    gap: 8px;
                    align-items: flex-start;
                    position: relative; }
                .wrapper .container .form .preSchWrapp .preSchCon .preSchCon ul li .uploadIDProof {
                  width: 100%;
                  height: 40px;
                  position: relative; }
                  .wrapper .container .form .preSchWrapp .preSchCon .preSchCon ul li .uploadIDProof input[type=file] {
                    position: absolute;
                    left: 0;
                    top: 0;
                    height: 100%;
                    width: 100%;
                    opacity: 0;
                    z-index: 99;
                    cursor: pointer; }
                  .wrapper .container .form .preSchWrapp .preSchCon .preSchCon ul li .uploadIDProof .fileName {
                    width: 100%;
                    height: 40px;
                    position: relative;
                    border-radius: 6px;
                    padding: 8px 116px 8px 8px;
                    background-color: #fff;
                    border: 1px solid #c0c0c0;
                    font: 500 13px/20px "Plus Jakarta Sans", sans-serif;
                    color: #202020;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap; }
                .wrapper .container .form .preSchWrapp .preSchCon .preSchCon ul li i {
                  display: inline-block;
                  width: auto;
                  font: 500 12px/28px "Plus Jakarta Sans", sans-serif;
                  color: #fff;
                  border-radius: 6px;
                  padding: 0 12px;
                  background-color: #0060DF;
                  position: absolute;
                  top: 5px;
                  right: 4px;
                  font-style: normal; }
            .wrapper .container .form .preSchWrapp .preSchCon .preSchCon .address {
              width: 100%;
              display: flex;
              flex-flow: column;
              gap: 8px;
              align-items: flex-start;
              position: relative; }
            .wrapper .container .form .preSchWrapp .preSchCon .preSchCon .eduTable {
              width: 100%;
              display: flex;
              flex-flow: column;
              gap: 16px; }
              .wrapper .container .form .preSchWrapp .preSchCon .preSchCon .eduTable b {
                display: block;
                width: 100%;
                text-align: left;
                font: 700 16px "Plus Jakarta Sans", sans-serif;
                color: #202020; }
              .wrapper .container .form .preSchWrapp .preSchCon .preSchCon .eduTable .edTable {
                width: 100%; }
                .wrapper .container .form .preSchWrapp .preSchCon .preSchCon .eduTable .edTable table {
                  width: 100%;
                  border-collapse: collapse; }
                  .wrapper .container .form .preSchWrapp .preSchCon .preSchCon .eduTable .edTable table th {
                    text-align: center;
                    font: 600 13px "Plus Jakarta Sans", sans-serif;
                    color: #202020;
                    border: 1px solid #c0c0c0;
                    background-color: #f0f0f0;
                    padding: 8px; }
                  .wrapper .container .form .preSchWrapp .preSchCon .preSchCon .eduTable .edTable table td {
                    text-align: center;
                    font: 400 13px "Plus Jakarta Sans", sans-serif;
                    color: #202020;
                    padding: 4px;
                    border: 1px solid #c0c0c0; }
                    .wrapper .container .form .preSchWrapp .preSchCon .preSchCon .eduTable .edTable table td input[type=text] {
                      padding: 5px;
                      font: 500 13px "Plus Jakarta Sans", sans-serif;
                      height: 32px; }
      .wrapper .container .form .signWrapp {
        width: 100%;
        padding: 20px 0 0 0;
        display: flex;
        flex-flow: column;
        gap: 24px; }
        .wrapper .container .form .signWrapp .signCon {
          width: 100%;
          display: flex;
          flex-flow: column;
          gap: 16px; }
          .wrapper .container .form .signWrapp .signCon b {
            display: block;
            width: 100%;
            height: 40px;
            border-bottom: 2px solid #0b4d9c; }
            .wrapper .container .form .signWrapp .signCon b small {
              display: inline-block;
              text-align: left;
              font: 700 16px/40px "Plus Jakarta Sans", sans-serif;
              padding: 0 60px 0 20px;
              width: auto;
              border-radius: 0 50px 0 0;
              color: #fff;
              background-color: #0b4d9c; }
          .wrapper .container .form .signWrapp .signCon ul {
            width: 100%;
            display: grid;
            grid-gap: 16px;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            align-items: flex-end; }
            @media (max-width: 1024px) {
              .wrapper .container .form .signWrapp .signCon ul {
                grid-template-columns: repeat(2, minmax(0, 1fr)); } }
            @media (max-width: 560px) {
              .wrapper .container .form .signWrapp .signCon ul {
                grid-template-columns: repeat(1, minmax(0, 1fr)); } }
            .wrapper .container .form .signWrapp .signCon ul li {
              width: 100%;
              display: flex;
              flex-flow: column;
              gap: 8px;
              position: relative; }
              .wrapper .container .form .signWrapp .signCon ul li dl {
                width: 100%;
                display: grid;
                grid-gap: 4px;
                grid-template-columns: 66px auto;
                align-items: flex-end; }
                .wrapper .container .form .signWrapp .signCon ul li dl dt {
                  width: 100%;
                  display: flex;
                  flex-flow: column;
                  gap: 8px;
                  align-items: flex-start;
                  position: relative; }
              .wrapper .container .form .signWrapp .signCon ul li .updateandview {
                width: 100%;
                display: flex;
                align-items: center;
                gap: 8px; }
                .wrapper .container .form .signWrapp .signCon ul li .updateandview .uploadIDProof {
                  width: 100%;
                  height: 40px;
                  position: relative; }
                  .wrapper .container .form .signWrapp .signCon ul li .updateandview .uploadIDProof input[type=file] {
                    position: absolute;
                    left: 0;
                    top: 0;
                    height: 100%;
                    width: 100%;
                    opacity: 0;
                    z-index: 99;
                    cursor: pointer; }
                  .wrapper .container .form .signWrapp .signCon ul li .updateandview .uploadIDProof .fileName {
                    width: 100%;
                    height: 40px;
                    position: relative;
                    border-radius: 6px;
                    padding: 8px 116px 8px 8px;
                    background-color: #fff;
                    border: 1px solid #c0c0c0;
                    font: 500 13px/20px "Plus Jakarta Sans", sans-serif;
                    color: #202020;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap; }
                .wrapper .container .form .signWrapp .signCon ul li .updateandview .viewPhoto {
                  width: 106px; }
                  .wrapper .container .form .signWrapp .signCon ul li .updateandview .viewPhoto a {
                    display: block;
                    width: 100%;
                    text-align: center;
                    font: 500 13px/40px "Plus Jakarta Sans", sans-serif;
                    color: #fff;
                    background-color: #d76e24;
                    border-radius: 8px; }
                    .wrapper .container .form .signWrapp .signCon ul li .updateandview .viewPhoto a:hover {
                      background-color: #e3803a; }
              .wrapper .container .form .signWrapp .signCon ul li i {
                display: inline-block;
                width: auto;
                font: 500 12px/28px "Plus Jakarta Sans", sans-serif;
                color: #fff;
                border-radius: 6px;
                padding: 0 12px;
                background-color: #0060DF;
                position: absolute;
                top: 5px;
                right: 4px;
                font-style: normal; }
          .wrapper .container .form .signWrapp .signCon .address {
            width: 100%;
            display: flex;
            flex-flow: column;
            gap: 8px;
            align-items: flex-start; }
      .wrapper .container .form .uploadPhotosWrapp {
        width: 100%;
        padding: 20px 0 0 0;
        display: flex;
        flex-flow: column;
        gap: 16px; }
        .wrapper .container .form .uploadPhotosWrapp b {
          display: block;
          width: 100%;
          height: 40px;
          border-bottom: 2px solid #0b4d9c; }
          @media (max-width: 560px) {
            .wrapper .container .form .uploadPhotosWrapp b {
              height: auto; } }
          .wrapper .container .form .uploadPhotosWrapp b small {
            display: inline-block;
            text-align: left;
            font: 700 16px/40px "Plus Jakarta Sans", sans-serif;
            padding: 0 60px 0 20px;
            width: auto;
            border-radius: 0 50px 0 0;
            color: #fff;
            background-color: #0b4d9c; }
            @media (max-width: 560px) {
              .wrapper .container .form .uploadPhotosWrapp b small {
                padding: 8px 60px 8px 20px;
                font: 700 16px "Plus Jakarta Sans", sans-serif; } }
        .wrapper .container .form .uploadPhotosWrapp ul {
          width: 100%;
          display: flex;
          grid-gap: 16px;
          /*justify-content: flex-end;*/ }
          @media (max-width: 560px) {
            .wrapper .container .form .uploadPhotosWrapp ul {
              flex-flow: column; } }
          .wrapper .container .form .uploadPhotosWrapp ul li {
            width: auto;
            display: inline-flex;
            flex-flow: column;
            align-items: flex-start;
            gap: 8px;
            position: relative; }
            .wrapper .container .form .uploadPhotosWrapp ul li .photoImg {
              width: 100%;
              display: flex;
              align-items: flex-start; }
              @media (max-width: 560px) {
                .wrapper .container .form .uploadPhotosWrapp ul li .photoImg {
                  align-items: center;
                  justify-content: center; } }
              .wrapper .container .form .uploadPhotosWrapp ul li .photoImg .image {
                width: 200px;
                aspect-ratio: 1 / 1;
                position: relative;
                overflow: hidden;
                border: 1px solid #c0c0c0;
                background: url(../icons/file-upload.png) no-repeat center #F0F0F0;
                background-size: 66px;
                border-radius: 8px; }
              .wrapper .container .form .uploadPhotosWrapp ul li .photoImg .image1 {
                width: 100%;
                max-width: 355px;
                aspect-ratio: 16 / 9;
                position: relative;
                overflow: hidden;
                border: 1px solid #c0c0c0;
                background: url(../icons/file-upload.png) no-repeat center #F0F0F0;
                background-size: 66px;
                border-radius: 8px; }
              .wrapper .container .form .uploadPhotosWrapp ul li .photoImg .upload-image-preview > img {
                display: inline-block;
                width: auto;
                max-width: 100%;
                max-height: 100%;
                height: auto;
                object-fit: contain; }
              .wrapper .container .form .uploadPhotosWrapp ul li .photoImg .upload-image-preview {
                width: 100%;
                aspect-ratio: 1 / 1;
                z-index: 1;
                display: flex;
                align-items: center;
                justify-content: center; }
              .wrapper .container .form .uploadPhotosWrapp ul li .photoImg .upload-image-preview1 {
                width: 100%;
                aspect-ratio: 16 / 9;
                z-index: 1;
                display: flex;
                align-items: center;
                justify-content: center; }
              .wrapper .container .form .uploadPhotosWrapp ul li .photoImg .upload-image-preview1 > img {
                display: inline-block;
                width: auto;
                max-width: 100%;
                max-height: 100%;
                height: auto;
                object-fit: contain; }
              .wrapper .container .form .uploadPhotosWrapp ul li .photoImg .fileContainer:hover img {
                opacity: .2; }
              .wrapper .container .form .uploadPhotosWrapp ul li .photoImg .fileContainer [type=file] {
                cursor: inherit;
                display: block;
                font-size: 999px;
                filter: alpha(opacity=0);
                height: 100%;
                width: 100%;
                opacity: 0;
                position: absolute;
                text-align: right;
                top: 0; }
      .wrapper .container .form .declarationsWrapp {
        width: 100%;
        padding: 20px 0 0 0;
        display: flex;
        flex-flow: column;
        gap: 16px; }
        .wrapper .container .form .declarationsWrapp b {
          display: block;
          width: 100%;
          height: 40px;
          border-bottom: 2px solid #0b4d9c; }
          @media (max-width: 560px) {
            .wrapper .container .form .declarationsWrapp b {
              height: auto; } }
          .wrapper .container .form .declarationsWrapp b small {
            display: inline-block;
            text-align: left;
            font: 700 16px/40px "Plus Jakarta Sans", sans-serif;
            padding: 0 60px 0 20px;
            width: auto;
            border-radius: 0 50px 0 0;
            color: #fff;
            background-color: #0b4d9c; }
            @media (max-width: 560px) {
              .wrapper .container .form .declarationsWrapp b small {
                padding: 8px 60px 8px 20px;
                font: 700 16px "Plus Jakarta Sans", sans-serif; } }
        .wrapper .container .form .declarationsWrapp ul {
          width: 100%;
          display: flex;
          flex-flow: column;
          align-items: flex-start;
          gap: 12px; }
          .wrapper .container .form .declarationsWrapp ul li {
            width: calc(100% - 16px);
            text-align: left;
            font: 500 14px "Plus Jakarta Sans", sans-serif;
            color: #202020;
            list-style: decimal;
            padding: 0 0 0 12px;
            margin: 0 0 0 16px; }
      .wrapper .container .form .acceptTerms {
        width: 100%;
        display: flex;
        align-items: flex-start;
        margin: 24px 0 0 0; }
        .wrapper .container .form .acceptTerms input[type=checkbox] {
          height: 16px;
          width: 16px;
          transform: translateY(1px); }
        .wrapper .container .form .acceptTerms label {
          display: inline-block;
          width: auto;
          font: 600 14px "Plus Jakarta Sans", sans-serif;
          color: #202020;
          padding: 0 0 0 12px; }
      .wrapper .container .form .save {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 36px 0 0 0; }
        .wrapper .container .form .save input[type=submit] {
          appearance: none;
          height: 48px;
          width: 100%;
          max-width: 234px;
          border-radius: 8px;
          border: none;
          cursor: pointer;
          font: 500 14px "Plus Jakarta Sans", sans-serif;
          color: #fff;
          background-color: #2963D2; }
          @media (max-width: 560px) {
            .wrapper .container .form .save input[type=submit] {
              max-width: 100%; } }
          .wrapper .container .form .save input[type=submit]:hover {
            background-color: #1c50af; }
    .wrapper .container .thankyou {
      width: 100%;
      display: flex;
      flex-flow: column;
      gap: 48px;
      padding: 48px 0;
      align-items: center; }
      @media (max-width: 560px) {
        .wrapper .container .thankyou {
          padding: 8px 0; } }
      .wrapper .container .thankyou .icon {
        display: flex;
        align-items: center;
        justify-content: center; }
        .wrapper .container .thankyou .icon img {
          display: block;
          width: 100%;
          max-width: 72px; }
      .wrapper .container .thankyou .tst {
        width: 100%;
        display: flex;
        flex-flow: column;
        gap: 24px;
        align-items: center; }
        @media (max-width: 560px) {
          .wrapper .container .thankyou .tst {
            gap: 16px; } }
        .wrapper .container .thankyou .tst h1 {
          text-align: center;
          font: 800 40px "Plus Jakarta Sans", sans-serif;
          color: #202020; }
          @media (max-width: 560px) {
            .wrapper .container .thankyou .tst h1 {
              font: 800 32px "Plus Jakarta Sans", sans-serif; } }
        .wrapper .container .thankyou .tst h2 {
          text-align: center;
          font: 800 40px "Plus Jakarta Sans", sans-serif;
          color: #F74850; }
          @media (max-width: 560px) {
            .wrapper .container .thankyou .tst h2 {
              font: 800 32px "Plus Jakarta Sans", sans-serif; } }
        .wrapper .container .thankyou .tst b {
          text-align: center;
          font: 500 16px "Plus Jakarta Sans", sans-serif;
          color: #555; }
          @media (max-width: 560px) {
            .wrapper .container .thankyou .tst b {
              font: 500 14px "Plus Jakarta Sans", sans-serif; } }
        .wrapper .container .thankyou .tst p {
          text-align: center;
          font: 500 16px "Plus Jakarta Sans", sans-serif;
          color: #555; }
          @media (max-width: 560px) {
            .wrapper .container .thankyou .tst p {
              font: 500 14px "Plus Jakarta Sans", sans-serif; } }
        .wrapper .container .thankyou .tst small {
          display: block;
          text-align: center;
          font: 600 16px "Plus Jakarta Sans", sans-serif;
          color: #222;
          margin: -16px 0 0 0; }
          @media (max-width: 560px) {
            .wrapper .container .thankyou .tst small {
              font: 600 14px "Plus Jakarta Sans", sans-serif;
              margin: -8px 0 0 0; } }
      .wrapper .container .thankyou .norecord {
        width: 100%;
        display: flex;
        flex-flow: column;
        gap: 48px;
        margin: 40px 0; }
        .wrapper .container .thankyou .norecord span {
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: center; }
          .wrapper .container .thankyou .norecord span img {
            display: block;
            width: 100%;
            max-width: 72px; }
        .wrapper .container .thankyou .norecord b {
          display: block;
          width: 100%;
          text-align: center;
          font: 800 32px "Plus Jakarta Sans", sans-serif;
          color: #202022; }
          @media (max-width: 560px) {
            .wrapper .container .thankyou .norecord b {
              font-size: 24px; } }
      .wrapper .container .thankyou .regTableNo {
        width: 100%;
        max-width: 660px;
        border: 1px solid #d0d0dd;
        border-radius: 8px;
        overflow: hidden; }
        .wrapper .container .thankyou .regTableNo ul {
          width: 100%;
          display: grid;
          grid-template-columns: repeat(1, 1fr); }
          .wrapper .container .thankyou .regTableNo ul li {
            border-top: 1px solid #d0d0dd;
            padding: 16px 0;
            display: flex;
            align-items: center;
            gap: 8px; }
            .wrapper .container .thankyou .regTableNo ul li:first-child {
              border: none; }
            .wrapper .container .thankyou .regTableNo ul li:nth-child(odd) {
              background-color: #f9ffff; }
            .wrapper .container .thankyou .regTableNo ul li b {
              display: block;
              width: 50%;
              text-align: left;
              font: 500 14px "Plus Jakarta Sans", sans-serif;
              color: #505055;
              flex-shrink: 0;
              padding: 0 0 0 16px; }
            .wrapper .container .thankyou .regTableNo ul li span {
              display: block;
              width: auto;
              text-align: left;
              font: 600 14px "Plus Jakarta Sans", sans-serif;
              color: #202022;
              padding: 0 16px 0 0; }
            .wrapper .container .thankyou .regTableNo ul li i {
              display: inline-block;
              width: auto;
              text-align: left;
              font: 600 14px "Plus Jakarta Sans", sans-serif;
              color: #202022;
              font-style: normal;
              padding: 0; }
              .wrapper .container .thankyou .regTableNo ul li i.accept {
                background: url(../icons/accept.svg) no-repeat left center;
                background-size: 20px;
                padding: 0 0 0 30px;
                color: #14BA6A;
                box-sizing: border-box; }
              .wrapper .container .thankyou .regTableNo ul li i.reject {
                background: url(../icons/declined.svg) no-repeat left center;
                background-size: 20px;
                padding: 0 0 0 30px;
                color: #E51414;
                box-sizing: border-box; }
              .wrapper .container .thankyou .regTableNo ul li i.pending {
                background: url(../icons/pending.svg) no-repeat left center;
                background-size: 20px;
                padding: 0 0 0 30px;
                color: #ED8D1C;
                box-sizing: border-box; }
      .wrapper .container .thankyou .pay {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
        .wrapper .container .thankyou .pay a {
          height: 48px;
          width: 100%;
          max-width: 234px;
          border-radius: 8px;
          text-align: center;
          border: none;
          cursor: pointer;
          font: 500 14px/48px "Plus Jakarta Sans", sans-serif;
          color: #fff;
          background-color: #09bc60; }
          .wrapper .container .thankyou .pay a:hover {
            background-color: #098f49; }
        .wrapper .container .thankyou .pay ul {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 16px; }
          @media (max-width: 560px) {
            .wrapper .container .thankyou .pay ul {
              flex-flow: column; } }
          .wrapper .container .thankyou .pay ul li a {
            display: inline-block;
            padding: 0 24px;
            height: 48px;
            width: 260px;
            border-radius: 8px;
            text-align: center;
            border: none;
            cursor: pointer;
            font: 500 14px/48px "Plus Jakarta Sans", sans-serif;
            color: #fff;
            background-color: #09bc60; }
            .wrapper .container .thankyou .pay ul li a:hover {
              background-color: #098f49; }
      .wrapper .container .thankyou .payagain {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
        .wrapper .container .thankyou .payagain a {
          height: 48px;
          width: 100%;
          max-width: 234px;
          border-radius: 8px;
          text-align: center;
          border: none;
          cursor: pointer;
          font: 500 14px/48px "Plus Jakarta Sans", sans-serif;
          color: #fff;
          background-color: #2963D2; }
          .wrapper .container .thankyou .payagain a:hover {
            background-color: #1c50af; }
      .wrapper .container .thankyou .download {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
        .wrapper .container .thankyou .download input[type=submit] {
          appearance: none;
          height: 48px;
          width: 100%;
          max-width: 234px;
          border-radius: 8px;
          border: none;
          cursor: pointer;
          font: 500 14px "Plus Jakarta Sans", sans-serif;
          color: #fff;
          background: url(../icons/download.svg) no-repeat left 16px center #2963D2;
          background-size: 24px; }
          @media (max-width: 560px) {
            .wrapper .container .thankyou .download input[type=submit] {
              max-width: 100%; } }
          .wrapper .container .thankyou .download input[type=submit]:hover {
            background-color: #1c50af; }
    .wrapper .container .onlineRegForm {
      width: 100%;
      display: flex;
      flex-flow: column;
      gap: 24px; }
      .wrapper .container .onlineRegForm .dateMsg {
        width: 100%;
        font: 600 14px "Plus Jakarta Sans", sans-serif;
        color: #c83c00;
        padding: 12px 16px;
        background-color: #f9f0e9;
        border-radius: 6px;
        text-align: center; }
      .wrapper .container .onlineRegForm b {
        display: block;
        width: 100%;
        height: 40px;
        border-bottom: 2px solid #0b4d9c; }
        .wrapper .container .onlineRegForm b small {
          display: inline-block;
          text-align: left;
          font: 700 16px/40px "Plus Jakarta Sans", sans-serif;
          padding: 0 60px 0 20px;
          width: auto;
          border-radius: 0 50px 0 0;
          color: #fff;
          background-color: #0b4d9c; }
      .wrapper .container .onlineRegForm ul {
        width: 100%;
        display: grid;
        grid-gap: 16px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: flex-start; }
        @media (max-width: 1024px) {
          .wrapper .container .onlineRegForm ul {
            grid-template-columns: repeat(2, minmax(0, 1fr)); } }
        @media (max-width: 560px) {
          .wrapper .container .onlineRegForm ul {
            grid-template-columns: repeat(1, minmax(0, 1fr)); } }
        .wrapper .container .onlineRegForm ul li {
          width: 100%;
          display: flex;
          flex-flow: column;
          gap: 8px; }
          .wrapper .container .onlineRegForm ul li .dob {
            width: 100%;
            display: grid;
            grid-gap: 4px;
            grid-template-columns: 72px auto 82px;
            align-items: center; }
          .wrapper .container .onlineRegForm ul li input[type=submit] {
            appearance: none;
            height: 40px;
            width: 100%;
            max-width: 180px;
            margin: 24px 0 0 0;
            border-radius: 8px;
            border: none;
            cursor: pointer;
            font: 500 14px "Plus Jakarta Sans", sans-serif;
            color: #fff;
            background-color: #2963D2; }
            @media (max-width: 560px) {
              .wrapper .container .onlineRegForm ul li input[type=submit] {
                max-width: 100%; } }
            .wrapper .container .onlineRegForm ul li input[type=submit]:hover {
              background-color: #1c50af; }
      .wrapper .container .onlineRegForm .acceptTerms {
        width: 100%;
        display: flex;
        align-items: flex-start; }
        .wrapper .container .onlineRegForm .acceptTerms input[type=checkbox] {
          height: 16px;
          width: 16px;
          transform: translateY(1px); }
        .wrapper .container .onlineRegForm .acceptTerms label {
          display: inline-block;
          width: auto;
          font: 600 14px "Plus Jakarta Sans", sans-serif;
          color: #202020;
          padding: 0 0 0 12px; }
      .wrapper .container .onlineRegForm .save {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 36px 0 0 0; }
        .wrapper .container .onlineRegForm .save input[type=submit] {
          appearance: none;
          height: 48px;
          width: 100%;
          max-width: 234px;
          border-radius: 8px;
          border: none;
          cursor: pointer;
          font: 500 14px "Plus Jakarta Sans", sans-serif;
          color: #fff;
          background-color: #2963D2; }
          @media (max-width: 560px) {
            .wrapper .container .onlineRegForm .save input[type=submit] {
              max-width: 100%; } }
          .wrapper .container .onlineRegForm .save input[type=submit]:hover {
            background-color: #1c50af; }
    .wrapper .container .eligibilityCriteria {
      width: 100%;
      display: flex;
      flex-flow: column;
      gap: 8px;
      align-items: flex-start;
      margin: 24px 0 0 0; }
      .wrapper .container .eligibilityCriteria h2 {
        text-align: left;
        font: 700 18px "Plus Jakarta Sans", sans-serif;
        color: #202020; }
      .wrapper .container .eligibilityCriteria b {
        width: 100%;
        display: block;
        text-align: left;
        font: 500 15px "Plus Jakarta Sans", sans-serif;
        color: #505050; }
      .wrapper .container .eligibilityCriteria .eligibilityTable {
        width: 100%;
        margin: 16px 0 0 0; }
        .wrapper .container .eligibilityCriteria .eligibilityTable table {
          width: 100%;
          border-collapse: collapse; }
          .wrapper .container .eligibilityCriteria .eligibilityTable table th {
            text-align: left;
            font: 600 14px "Plus Jakarta Sans", sans-serif;
            color: #202020;
            background-color: #f0f0f0;
            border: 1px solid #d0d0d0;
            padding: 12px 16px; }
          .wrapper .container .eligibilityCriteria .eligibilityTable table td {
            text-align: left;
            font: 500 14px "Plus Jakarta Sans", sans-serif;
            color: #222;
            background-color: #fff;
            border: 1px solid #d0d0d0;
            padding: 12px 16px; }
    .wrapper .container .alreadyWrapper {
      width: 100%; }
      .wrapper .container .alreadyWrapper .dateMsg {
        width: 100%;
        margin-top: 15px;
        font: 600 14px "Plus Jakarta Sans", sans-serif;
        color: #c83c00;
        padding: 12px 16px;
        background-color: #f9f0e9;
        border-radius: 6px;
        text-align: center; }
      .wrapper .container .alreadyWrapper h1 {
        text-align: center;
        font: 800 32px "Plus Jakarta Sans", sans-serif;
        color: #0b4d9c;
        padding: 0 0 8px 0; }
      .wrapper .container .alreadyWrapper b {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font: 600 15px "Plus Jakarta Sans", sans-serif;
        color: #222;
        line-height: 24px;
        margin: 3px 0 0 0; }
        @media (max-width: 768px) {
          .wrapper .container .alreadyWrapper b {
            flex-flow: column; } }
        .wrapper .container .alreadyWrapper b span {
          display: inline-block;
          width: auto;
          font: 700 15px/24px "Plus Jakarta Sans", sans-serif;
          margin: 0 8px;
          background: url(../icons/email.png) no-repeat left center;
          background-size: 18px;
          padding: 0 0 0 22px; }
        .wrapper .container .alreadyWrapper b small {
          display: inline-block;
          width: auto;
          font: 700 15px/24px "Plus Jakarta Sans", sans-serif;
          margin: 0 8px;
          background: url(../icons/phone.png) no-repeat left center;
          background-size: 18px;
          padding: 0 0 0 22px; }
      .wrapper .container .alreadyWrapper ul {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        align-items: flex-start;
        grid-gap: 24px;
        margin: 32px 0 0 0; }
        @media (max-width: 1024px) {
          .wrapper .container .alreadyWrapper ul {
            grid-template-columns: repeat(1, 1fr);
            max-width: 560px;
            margin: 32px auto 0 auto; } }
        .wrapper .container .alreadyWrapper ul li {
          width: 100%;
          height: 100%;
          padding: 24px;
          background-color: #e7f1fd;
          display: flex;
          flex-flow: column;
          gap: 24px;
          align-items: center;
          justify-content: space-between; }
          .wrapper .container .alreadyWrapper ul li h2 {
            width: 100%;
            text-align: center;
            color: #000;
            font: 600 18px "Plus Jakarta Sans", sans-serif;
            /*background-color: #0b4d9c;*/
            padding: 8px; }
          .wrapper .container .alreadyWrapper ul li p {
            text-align: center;
            font: 600 14px/1.4 "Plus Jakarta Sans", sans-serif;
            color: #202022; }
            .wrapper .container .alreadyWrapper ul li p span {
              display: inline-block;
              width: auto;
              background: url(../icons/phone.png) no-repeat left center;
              background-size: 18px;
              padding: 0 0 0 24px;
              font: 700 14px/24px "Plus Jakarta Sans", sans-serif; }
          .wrapper .container .alreadyWrapper ul li b {
            text-align: center;
            font: 600 14px/1.4 "Plus Jakarta Sans", sans-serif;
            color: #d83030; }
          .wrapper .container .alreadyWrapper ul li .enquiry {
            width: 100%;
            padding: 0 40px; }
            @media (max-width: 560px) {
              .wrapper .container .alreadyWrapper ul li .enquiry {
                padding: 0; } }
            .wrapper .container .alreadyWrapper ul li .enquiry a {
              display: block;
              width: 100%;
              padding: 12px 6px;
              font: 500 13px "Plus Jakarta Sans", sans-serif;
              color: #fff;
              background-color: #2963D2;
              text-align: center;
              border-radius: 6px; }
              .wrapper .container .alreadyWrapper ul li .enquiry a:hover {
                background-color: #092e5f; }
          .wrapper .container .alreadyWrapper ul li .verify {
            width: 100%;
            display: grid;
            grid-template-columns: auto 96px;
            align-items: center; }
            .wrapper .container .alreadyWrapper ul li .verify input[type=text] {
              display: block;
              width: 100%;
              height: 40px;
              padding: 8px;
              border-radius: 8px 0 0 8px;
              border: 1px solid #a0a0aa;
              font: 500 14px "Plus Jakarta Sans", sans-serif;
              color: #202022;
              background-color: #fff; }
              .wrapper .container .alreadyWrapper ul li .verify input[type=text]:focus {
                outline: none; }
            .wrapper .container .alreadyWrapper ul li .verify input[type=submit] {
              appearance: none;
              width: 100%;
              height: 40px;
              border-radius: 0 8px 8px 0;
              text-align: center;
              font: 500 14px "Plus Jakarta Sans", sans-serif;
              color: #fff;
              background-color: #2963D2;
              border: none;
              cursor: pointer; }
              .wrapper .container .alreadyWrapper ul li .verify input[type=submit]:hover {
                background-color: #092e5f; }
              .wrapper .container .alreadyWrapper ul li .verify input[type=submit]:focus {
                outline: none; }
  .wrapper footer {
    width: 100%;
    background-color: #202020;
    margin: 24px 0 0 0; }
    .wrapper footer .attNd {
      width: 100%;
      padding: 12px 24px;
      text-align: center;
      font: 500 13px "Plus Jakarta Sans", sans-serif;
      color: #fff;
      background-color: #0b4d9c; }
    .wrapper footer .footerInner {
      width: 100%;
      max-width: 1280px;
      margin: 0 auto;
      padding: 48px 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 32px; }
      @media (max-width: 560px) {
        .wrapper footer .footerInner {
          flex-flow: column; } }
      .wrapper footer .footerInner .logo {
        width: 100%;
        max-width: 248px; }
        .wrapper footer .footerInner .logo img {
          display: block;
          width: 100%; }
      .wrapper footer .footerInner .footerAdd {
        width: auto;
        display: inline-flex;
        flex-flow: column;
        gap: 24px; }
        .wrapper footer .footerInner .footerAdd b {
          display: inline-block;
          text-align: left;
          font: 800 36px "Plus Jakarta Sans", sans-serif;
          color: #fff;
          text-transform: uppercase; }
          @media (max-width: 560px) {
            .wrapper footer .footerInner .footerAdd b {
              font: 800 24px "Plus Jakarta Sans", sans-serif;
              text-align: center; } }
        .wrapper footer .footerInner .footerAdd .txt {
          display: inline-flex;
          flex-flow: column;
          gap: 12px; }
          .wrapper footer .footerInner .footerAdd .txt p {
            text-align: left;
            font: 500 15px/24px "Plus Jakarta Sans", sans-serif;
            color: #fff;
            background: url(../icons/address.png) no-repeat left center;
            background-size: 24px;
            padding: 0 0 0 32px; }
            @media (max-width: 560px) {
              .wrapper footer .footerInner .footerAdd .txt p {
                font: 500 14px/24px "Plus Jakarta Sans", sans-serif; } }
          .wrapper footer .footerInner .footerAdd .txt small {
            text-align: left;
            font: 500 15px/24px "Plus Jakarta Sans", sans-serif;
            color: #fff;
            background: url(../icons/email.png) no-repeat left center;
            background-size: 24px;
            padding: 0 0 0 32px; }
            @media (max-width: 560px) {
              .wrapper footer .footerInner .footerAdd .txt small {
                font: 500 14px/24px "Plus Jakarta Sans", sans-serif; } }
          .wrapper footer .footerInner .footerAdd .txt span {
            text-align: left;
            font: 500 15px/24px "Plus Jakarta Sans", sans-serif;
            color: #fff;
            background: url(../icons/phone.png) no-repeat left center;
            background-size: 24px;
            padding: 0 0 0 32px; }
            @media (max-width: 560px) {
              .wrapper footer .footerInner .footerAdd .txt span {
                font: 500 14px/24px "Plus Jakarta Sans", sans-serif; } }
          .wrapper footer .footerInner .footerAdd .txt i {
            text-align: left;
            font: 500 15px/24px "Plus Jakarta Sans", sans-serif;
            color: #fff;
            background: url(../icons/web.png) no-repeat left center;
            background-size: 24px;
            padding: 0 0 0 32px;
            font-style: normal; }
            @media (max-width: 560px) {
              .wrapper footer .footerInner .footerAdd .txt i {
                font: 500 14px/24px "Plus Jakarta Sans", sans-serif; } }
    .wrapper footer .copyright {
      width: 100%;
      max-width: 1280px;
      margin: 0 auto;
      padding: 16px 24px;
      border-top: 1px solid rgba(255, 255, 255, 0.15);
      display: flex;
      align-items: center;
      justify-content: space-between; }
      @media (max-width: 560px) {
        .wrapper footer .copyright {
          flex-flow: column;
          gap: 6px; } }
      .wrapper footer .copyright b {
        display: inline-block;
        width: auto;
        text-align: left;
        font: 500 13px "Plus Jakarta Sans", sans-serif;
        color: #fff; }
      .wrapper footer .copyright p {
        display: inline-block;
        width: auto;
        text-align: left;
        font: 500 13px "Plus Jakarta Sans", sans-serif;
        color: #fff; }
        .wrapper footer .copyright p a {
          display: inline-block;
          width: auto;
          font: 500 13px "Plus Jakarta Sans", sans-serif;
          color: #E0893E; }
          .wrapper footer .copyright p a:hover {
            text-decoration: underline; }