@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");
*, *::before, *::after {
  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; }

.error {
  display: block;
  width: 100%;
  text-align: left;
  font: 400 12px "Manrope", sans-serif;
  color: #C91D1D; }

label {
  display: block;
  width: 100%;
  text-align: left;
  color: #202022;
  font: 400 14px "Manrope", sans-serif; }

input[type=text] {
  display: block;
  width: 100%;
  height: 48px;
  font: 500 14px "Manrope", sans-serif;
  color: #101010;
  text-align: left;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid #C0C0CC;
  background: #FFF;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.06), 0px 21px 21px 0px rgba(0, 0, 0, 0.05), 0px 46px 28px 0px rgba(0, 0, 0, 0.03), 0px 83px 33px 0px rgba(0, 0, 0, 0.01), 0px 129px 36px 0px transparent; }
  input[type=text]:focus {
    outline: none;
    border-color: #808080; }
  input[type=text].date {
    background: url(../icons/calendar.svg) no-repeat right 8px center #fff;
    background-size: 24px; }

select {
  appearance: none;
  display: block;
  width: 100%;
  height: 48px;
  font: 500 14px "Manrope", sans-serif;
  color: #101010;
  text-align: left;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid #C0C0CC;
  background: url(../icons/drop-down.svg) no-repeat right 8px center #FFF;
  background-size: 24px;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.06), 0px 21px 21px 0px rgba(0, 0, 0, 0.05), 0px 46px 28px 0px rgba(0, 0, 0, 0.03), 0px 83px 33px 0px rgba(0, 0, 0, 0.01), 0px 129px 36px 0px transparent; }
  select:focus {
    outline: none;
    border-color: #808080; }

textarea {
  display: block;
  width: 100%;
  height: 96px;
  font: 500 14px "Manrope", sans-serif;
  color: #101010;
  text-align: left;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid #C0C0CC;
  background: #FFF;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.06), 0px 21px 21px 0px rgba(0, 0, 0, 0.05), 0px 46px 28px 0px rgba(0, 0, 0, 0.03), 0px 83px 33px 0px rgba(0, 0, 0, 0.01), 0px 129px 36px 0px transparent; }
  textarea:focus {
    outline: none;
    border-color: #808080; }

input[type=submit] {
  appearance: none;
  height: 56px;
  width: 256px;
  border-radius: 8px;
  text-align: center;
  display: block;
  background: linear-gradient(270deg, #4BB525 0%, #13A72B 100%);
  box-shadow: 0px 4px 8px 0px rgba(47, 85, 146, 0.22), 0px 14px 14px 0px rgba(47, 85, 146, 0.19), 0px 33px 20px 0px rgba(47, 85, 146, 0.11), 0px 58px 23px 0px rgba(47, 85, 146, 0.03), 0px 90px 25px 0px rgba(47, 85, 146, 0);
  font: 500 16px "Manrope", sans-serif;
  color: #fff;
  border: none;
  cursor: pointer; }
  input[type=submit]:hover {
    background-color: #13A72B; }

/* media Queries */
header {
  width: 100%;
  border-top: 5px solid #E2700C;
  background: linear-gradient(180deg, #fffa9c 0%, white 100%);
  padding: 16px 0; }
  header .header {
    width: 100%;
    max-width: 1332px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 768px) {
      header .header {
        flex-flow: column;
        gap: 16px; } }
    header .header .logo {
      width: 100%;
      max-width: 360px; }
      header .header .logo img {
        display: block;
        width: 100%; }
    header .header h1 {
      text-align: right;
      font: 800 36px "Manrope", sans-serif;
      color: #C52222; }
      @media (max-width: 768px) {
        header .header h1 {
          text-align: center; } }
      @media (max-width: 560px) {
        header .header h1 {
          font: 800 24px "Manrope", sans-serif;
          text-align: center; } }

.wrapper {
  width: 100%;
  max-width: 1332px;
  padding: 24px;
  margin: 0 auto;
  display: flex;
  flex-flow: column;
  gap: 40px; }
  .wrapper h1 {
    text-align: left;
    font: 700 24px/24px "Manrope", sans-serif;
    color: #202022; }
    @media (max-width: 560px) {
      .wrapper h1 {
        line-height: 1.25;
        font-size: 20px; } }
  .wrapper .classApplied {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 24px; }
    .wrapper .classApplied h2 {
      text-align: left;
      font: 700 20px/20px "Manrope", sans-serif;
      color: #202022;
      border-left: 6px solid #E2700C;
      background-color: #FFF4EB;
      padding: 6px 6px 6px 16px; }
      @media (max-width: 560px) {
        .wrapper .classApplied h2 {
          font-size: 18px; } }
    .wrapper .classApplied ul {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      grid-gap: 24px;
      align-items: flex-start; }
      @media (max-width: 768px) {
        .wrapper .classApplied ul {
          grid-template-columns: repeat(2, minmax(0, 1fr)); } }
      @media (max-width: 560px) {
        .wrapper .classApplied ul {
          grid-template-columns: repeat(1, minmax(0, 1fr)); } }
      .wrapper .classApplied ul li {
        width: 100%;
        display: flex;
        flex-flow: column;
        gap: 8px; }
    .wrapper .classApplied dl {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      grid-gap: 24px;
      align-items: flex-start; }
      @media (max-width: 768px) {
        .wrapper .classApplied dl {
          grid-template-columns: repeat(1, minmax(0, 1fr)); } }
      .wrapper .classApplied dl dt {
        width: 100%;
        display: flex;
        flex-flow: column;
        gap: 8px; }
    .wrapper .classApplied .ifyes {
      width: 100%;
      background-color: #F7F7F7;
      border-radius: 8px;
      padding: 20px;
      display: flex;
      flex-flow: column;
      gap: 20px; }
      .wrapper .classApplied .ifyes b {
        display: block;
        width: 100%;
        text-align: left;
        font: 600 16px "Manrope", sans-serif;
        color: #202022; }
      .wrapper .classApplied .ifyes dl {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-gap: 24px;
        align-items: flex-start; }
        @media (max-width: 768px) {
          .wrapper .classApplied .ifyes dl {
            grid-template-columns: repeat(2, minmax(0, 1fr)); } }
        @media (max-width: 560px) {
          .wrapper .classApplied .ifyes dl {
            grid-template-columns: repeat(1, minmax(0, 1fr)); } }
        .wrapper .classApplied .ifyes dl dt {
          width: 100%;
          display: flex;
          flex-flow: column;
          gap: 8px; }
          .wrapper .classApplied .ifyes dl dt:last-child {
            grid-column: 3 / 5; }
            @media (max-width: 768px) {
              .wrapper .classApplied .ifyes dl dt:last-child {
                grid-row: 2 / 3;
                grid-column: 1 / 3; } }
            @media (max-width: 560px) {
              .wrapper .classApplied .ifyes dl dt:last-child {
                grid-column: 1 / 2; } }
  .wrapper .attachments {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 24px; }
    .wrapper .attachments h2 {
      text-align: left;
      font: 700 20px/20px "Manrope", sans-serif;
      color: #202022;
      border-left: 6px solid #E2700C;
      background-color: #FFF4EB;
      padding: 6px 6px 6px 16px; }
      @media (max-width: 560px) {
        .wrapper .attachments h2 {
          font-size: 18px; } }
    .wrapper .attachments ul {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      grid-gap: 24px;
      align-items: flex-start; }
      @media (max-width: 768px) {
        .wrapper .attachments ul {
          grid-template-columns: repeat(3, minmax(0, 1fr)); } }
      @media (max-width: 560px) {
        .wrapper .attachments ul {
          grid-template-columns: repeat(1, minmax(0, 1fr)); } }
      .wrapper .attachments ul li {
        width: 100%;
        display: flex;
        flex-flow: column;
        gap: 8px; }
        .wrapper .attachments ul li.attach {
          grid-column: 4 / 6; }
          @media (max-width: 768px) {
            .wrapper .attachments ul li.attach {
              grid-column: 1 / 4; } }
          @media (max-width: 560px) {
            .wrapper .attachments ul li.attach {
              grid-column: 1 / 2; } }
        .wrapper .attachments ul li b {
          display: block;
          width: 100%;
          text-align: left;
          color: #202022;
          font: 400 14px "Manrope", sans-serif; }
        .wrapper .attachments ul li .photoImg {
          width: 100%;
          display: flex;
          align-items: flex-start; }
          @media (max-width: 560px) {
            .wrapper .attachments ul li .photoImg {
              align-items: center;
              justify-content: center; } }
          .wrapper .attachments ul li .photoImg .image {
            width: 100%;
            max-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 .attachments 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 .attachments ul li .photoImg .upload-image-preview > img {
            display: inline-block;
            width: auto;
            max-width: 100%;
            max-height: 100%;
            height: auto;
            object-fit: contain; }
          .wrapper .attachments ul li .photoImg .upload-image-preview {
            width: 100%;
            aspect-ratio: 1 / 1;
            z-index: 1;
            display: flex;
            align-items: center;
            justify-content: center; }
          .wrapper .attachments ul li .photoImg .upload-image-preview1 {
            width: 100%;
            aspect-ratio: 16 / 9;
            z-index: 1;
            display: flex;
            align-items: center;
            justify-content: center; }
          .wrapper .attachments ul li .photoImg .upload-image-preview1 > img {
            display: inline-block;
            width: auto;
            max-width: 100%;
            max-height: 100%;
            height: auto;
            object-fit: contain; }
          .wrapper .attachments ul li .photoImg .fileContainer:hover img {
            opacity: .2; }
          .wrapper .attachments 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 .feeStr {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 24px; }
    .wrapper .feeStr h2 {
      text-align: left;
      font: 700 20px/20px "Manrope", sans-serif;
      color: #202022;
      border-left: 6px solid #E2700C;
      background-color: #FFF4EB;
      padding: 6px 6px 6px 16px; }
      @media (max-width: 560px) {
        .wrapper .feeStr h2 {
          font-size: 18px; } }
    .wrapper .feeStr .feeSt {
      width: 100%;
      padding: 16px 24px 24px 24px;
      background-color: #F7F7F7;
      border-radius: 8px;
      display: flex;
      flex-flow: column;
      gap: 16px;
      border: 1px solid #C0C0CC; }
      @media (max-width: 560px) {
        .wrapper .feeStr .feeSt {
          padding: 8px; } }
      .wrapper .feeStr .feeSt table {
        width: 100%;
        border-collapse: collapse; }
        .wrapper .feeStr .feeSt table td {
          text-align: left;
          font: 400 16px "Manrope", sans-serif;
          color: #202020;
          padding: 8px 0; }
          @media (max-width: 560px) {
            .wrapper .feeStr .feeSt table td {
              font-size: 12px; } }
          .wrapper .feeStr .feeSt table td:last-child {
            text-align: right;
            font: 600 16px "Manrope", sans-serif;
            color: #101010; }
            .wrapper .feeStr .feeSt table td:last-child span {
              display: inline-block;
              white-space: nowrap;
              text-align: right;
              font: 600 16px "Manrope", sans-serif;
              color: #101010; }
              @media (max-width: 560px) {
                .wrapper .feeStr .feeSt table td:last-child span {
                  font-size: 12px; } }
            @media (max-width: 560px) {
              .wrapper .feeStr .feeSt table td:last-child {
                font-size: 12px; } }
      .wrapper .feeStr .feeSt b {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        color: #C91D1D;
        font: 500 14px "Manrope", sans-serif;
        border-top: 1px solid #C0C0CC;
        padding: 16px 0 8px 0; }
        .wrapper .feeStr .feeSt b small {
          display: inline-block;
          width: auto;
          font: 600 14px "Manrope", sans-serif;
          margin: 0 6px 0 0; }
      .wrapper .feeStr .feeSt p {
        text-align: left;
        font: 400 14px "Manrope", sans-serif;
        color: #202022; }
  .wrapper .impThings {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 24px; }
    .wrapper .impThings h2 {
      text-align: left;
      font: 700 20px/20px "Manrope", sans-serif;
      color: #202022;
      border-left: 6px solid #E2700C;
      background-color: #FFF4EB;
      padding: 6px 6px 6px 16px; }
      @media (max-width: 560px) {
        .wrapper .impThings h2 {
          font-size: 18px; } }
    .wrapper .impThings ul {
      width: 100%;
      display: flex;
      flex-flow: column;
      gap: 12px; }
      .wrapper .impThings ul li {
        width: calc(100% - 16px);
        text-align: left;
        font: 400 14px "Manrope", sans-serif;
        color: #202022;
        list-style: decimal;
        margin: 0 0 0 16px; }
        .wrapper .impThings ul li span {
          display: inline;
          font: 600 14px "Manrope", sans-serif;
          color: #101010; }
  .wrapper .saveadmission {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 0 48px 0; }
    @media (max-width: 560px) {
      .wrapper .saveadmission input[type=submit] {
        width: 100%; } }
  .wrapper .thankyou {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 48px;
    padding: 48px 0;
    align-items: center; }
    .wrapper .thankyou .icon {
      display: flex;
      align-items: center;
      justify-content: center; }
      .wrapper .thankyou .icon img {
        display: block;
        width: 100%;
        max-width: 72px; }
    .wrapper .thankyou .tst {
      width: 100%;
      display: flex;
      flex-flow: column;
      gap: 24px;
      align-items: center; }
      @media (max-width: 560px) {
        .wrapper .thankyou .tst {
          gap: 16px; } }
      .wrapper .thankyou .tst h1 {
        text-align: center;
        font: 800 40px "Manrope", sans-serif;
        color: #202020; }
        @media (max-width: 560px) {
          .wrapper .thankyou .tst h1 {
            font: 800 32px "Manrope", sans-serif; } }
      .wrapper .thankyou .tst h2 {
        text-align: center;
        font: 800 40px "Manrope", sans-serif;
        color: #F74850; }
        @media (max-width: 560px) {
          .wrapper .thankyou .tst h2 {
            font: 800 32px "Manrope", sans-serif; } }
      .wrapper .thankyou .tst b {
        text-align: center;
        font: 500 16px "Manrope", sans-serif;
        color: #555; }
        @media (max-width: 560px) {
          .wrapper .thankyou .tst b {
            font: 500 14px "Manrope", sans-serif; } }
      .wrapper .thankyou .tst p {
        text-align: center;
        font: 500 16px "Manrope", sans-serif;
        color: #555; }
        @media (max-width: 560px) {
          .wrapper .thankyou .tst p {
            font: 500 14px "Manrope", sans-serif; } }
      .wrapper .thankyou .tst small {
        display: block;
        text-align: center;
        font: 600 16px "Manrope", sans-serif;
        color: #222;
        margin: -16px 0 0 0; }
        @media (max-width: 560px) {
          .wrapper .thankyou .tst small {
            font: 600 14px "Manrope", sans-serif;
            margin: -8px 0 0 0; } }
    .wrapper .thankyou .norecord {
      width: 100%;
      display: flex;
      flex-flow: column;
      gap: 48px;
      margin: 40px 0; }
      .wrapper .thankyou .norecord span {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
        .wrapper .thankyou .norecord span img {
          display: block;
          width: 100%;
          max-width: 72px; }
      .wrapper .thankyou .norecord b {
        display: block;
        width: 100%;
        text-align: center;
        font: 800 32px "Manrope", sans-serif;
        color: #202022; }
        @media (max-width: 560px) {
          .wrapper .thankyou .norecord b {
            font-size: 24px; } }
    .wrapper .thankyou .regTableNo {
      width: 100%;
      max-width: 660px;
      border: 1px solid #d0d0dd;
      border-radius: 8px;
      overflow: hidden; }
      .wrapper .thankyou .regTableNo ul {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(1, 1fr); }
        .wrapper .thankyou .regTableNo ul li {
          border-top: 1px solid #d0d0dd;
          padding: 16px 0;
          display: flex;
          align-items: center;
          gap: 8px; }
          .wrapper .thankyou .regTableNo ul li:first-child {
            border: none; }
          .wrapper .thankyou .regTableNo ul li:nth-child(odd) {
            background-color: #f9ffff; }
          .wrapper .thankyou .regTableNo ul li b {
            display: block;
            width: 50%;
            text-align: left;
            font: 500 14px "Manrope", sans-serif;
            color: #505055;
            flex-shrink: 0;
            padding: 0 0 0 16px; }
          .wrapper .thankyou .regTableNo ul li span {
            display: block;
            width: auto;
            text-align: left;
            font: 600 14px "Manrope", sans-serif;
            color: #202022;
            padding: 0 16px 0 0; }
          .wrapper .thankyou .regTableNo ul li i {
            display: inline-block;
            width: auto;
            text-align: left;
            font: 600 14px "Manrope", sans-serif;
            color: #202022;
            font-style: normal;
            padding: 0; }
            .wrapper .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 .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 .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 .thankyou .pay {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      .wrapper .thankyou .pay a {
        height: 48px;
        width: 100%;
        max-width: 234px;
        border-radius: 8px;
        text-align: center;
        border: none;
        cursor: pointer;
        font: 500 14px/48px "Manrope", sans-serif;
        color: #fff;
        background-color: #09bc60; }
        .wrapper .thankyou .pay a:hover {
          background-color: #098f49; }
    .wrapper .thankyou .payagain {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      .wrapper .thankyou .payagain a {
        height: 48px;
        width: 100%;
        max-width: 234px;
        border-radius: 8px;
        text-align: center;
        border: none;
        cursor: pointer;
        font: 500 14px/48px "Manrope", sans-serif;
        color: #fff;
        background-color: #2963D2; }
        .wrapper .thankyou .payagain a:hover {
          background-color: #1c50af; }
    .wrapper .thankyou .download {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      .wrapper .thankyou .download input[type=submit] {
        appearance: none;
        height: 48px;
        width: 100%;
        max-width: 234px;
        border-radius: 8px;
        border: none;
        cursor: pointer;
        font: 500 14px "Manrope", sans-serif;
        color: #fff;
        background: url(../icons/download.svg) no-repeat left 16px center #2963D2;
        background-size: 24px; }
        @media (max-width: 560px) {
          .wrapper .thankyou .download input[type=submit] {
            max-width: 100%; } }
        .wrapper .thankyou .download input[type=submit]:hover {
          background-color: #1c50af; }
    .wrapper .thankyou .syllabus {
      width: 100%;
      display: grid;
      grid-gap: 16px;
      grid-template-columns: repeat(4, 1fr); }
      @media (max-width: 1024px) {
        .wrapper .thankyou .syllabus {
          grid-template-columns: repeat(3, 1fr); } }
      @media (max-width: 768px) {
        .wrapper .thankyou .syllabus {
          grid-template-columns: repeat(2, 1fr); } }
      @media (max-width: 560px) {
        .wrapper .thankyou .syllabus {
          grid-template-columns: repeat(1, 1fr); } }
      .wrapper .thankyou .syllabus a {
        width: 100%;
        border-radius: 8px;
        text-align: center;
        border: 1px solid #0750E2;
        cursor: pointer;
        font: 500 14px/62px "Manrope", sans-serif;
        color: #0750E2;
        background-color: #F7F9FF; }
        .wrapper .thankyou .syllabus a:hover {
          background-color: #0750E2;
          color: #fff; }

.container {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-flow: column;
  gap: 36px; }
  .container .selectDate {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 16px; }
    @media (max-width: 560px) {
      .container .selectDate {
        flex-flow: column;
        gap: 8px; } }
    .container .selectDate label {
      display: inline-block;
      width: auto; }
      @media (max-width: 560px) {
        .container .selectDate label {
          display: block;
          width: 100%; } }
    .container .selectDate input[type=text] {
      max-width: 260px; }
      @media (max-width: 560px) {
        .container .selectDate input[type=text] {
          max-width: 100%; } }
    .container .selectDate select {
      max-width: 260px; }
      @media (max-width: 560px) {
        .container .selectDate select {
          max-width: 100%; } }
    .container .selectDate span {
      width: auto !important; }
      @media (max-width: 560px) {
        .container .selectDate span {
          max-width: 100%; } }
    .container .selectDate input[type=submit] {
      height: 48px;
      max-width: 148px;
      background: #03f; }
      @media (max-width: 560px) {
        .container .selectDate input[type=submit] {
          max-width: 100%;
          width: 100%; } }
      .container .selectDate input[type=submit]:hover {
        background: #06f; }
  .container .availableSlots {
    width: 100%; }
    .container .availableSlots table {
      width: 100%;
      border-collapse: collapse; }
      .container .availableSlots table th {
        text-align: center;
        font: 500 14px "Manrope", sans-serif;
        color: #fff;
        background: #2D1769;
        border: 1px solid #d0d0dd;
        padding: 14px 24px; }
        @media (max-width: 560px) {
          .container .availableSlots table th {
            padding: 8px; } }
        .container .availableSlots table th:first-child {
          text-align: left; }
      .container .availableSlots table td {
        text-align: center;
        font: 600 14px "Manrope", sans-serif;
        color: #202022;
        border: 1px solid #d0d0dd;
        padding: 8px 24px; }
        @media (max-width: 560px) {
          .container .availableSlots table td {
            padding: 8px; } }
        .container .availableSlots table td:first-child {
          text-align: left; }
        .container .availableSlots table td input[type=submit] {
          max-width: 124px;
          height: 42px;
          font-size: 14px;
          box-shadow: none;
          display: inline-block; }
        .container .availableSlots table td.alreadyBooked {
          padding: 14px 24px;
          background-color: #e04848;
          color: #fff;
          text-align: center; }

.successWrapp {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  padding: 62px 0;
  display: flex;
  flex-flow: column; }
  .successWrapp .successIcon {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 16px 0; }
    .successWrapp .successIcon img {
      display: block;
      width: 100%;
      max-width: 82px; }
  .successWrapp h1 {
    text-align: center;
    font: 700 36px "Manrope", sans-serif;
    color: #12C55E; }
  .successWrapp p {
    text-align: center;
    font: 500 16px "Manrope", sans-serif;
    color: #505050;
    margin: 6px 0 0 0; }
  .successWrapp ul {
    width: 100%;
    max-width: 560px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    margin: 56px auto 0 auto; }
    .successWrapp ul li {
      width: 100%;
      padding: 12px;
      border: 1px solid #ddd; }
      .successWrapp ul li small {
        display: block;
        width: 100%;
        text-align: center;
        font: 400 14px "Manrope", sans-serif;
        color: #606060;
        margin: 0 0 5px 0; }
        @media (max-width: 560px) {
          .successWrapp ul li small {
            font-size: 12px; } }
      .successWrapp ul li b {
        display: block;
        width: 100%;
        text-align: center;
        font: 600 16px "Manrope", sans-serif;
        color: #101010; }
        @media (max-width: 560px) {
          .successWrapp ul li b {
            font-size: 14px; } }

footer {
  background: radial-gradient(138.04% 138.04% at 50% 19.15%, #2D1769 0%, #211259 100%);
  width: 100%;
  border-top: 5px solid #E2700C; }
  footer .footer {
    width: 100%;
    max-width: 1332px;
    padding: 48px 24px;
    margin: 0 auto; }
    footer .footer ul {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      grid-gap: 24px;
      align-items: center; }
      @media (max-width: 768px) {
        footer .footer ul {
          grid-template-columns: repeat(2, minmax(0, 1fr)); } }
      @media (max-width: 560px) {
        footer .footer ul {
          grid-template-columns: repeat(1, minmax(0, 1fr)); } }
      footer .footer ul li {
        width: 100%; }
        footer .footer ul li .logo {
          width: 100%;
          display: flex;
          flex-flow: column;
          align-items: center;
          gap: 16px; }
          footer .footer ul li .logo .logoFooter {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
            footer .footer ul li .logo .logoFooter img {
              display: block;
              width: 100%;
              max-width: 124px; }
          footer .footer ul li .logo b {
            display: block;
            width: 100%;
            text-align: center;
            font: 800 16px "Manrope", sans-serif;
            color: #FFFEF2; }
        footer .footer ul li dl {
          width: 100%;
          display: flex;
          flex-flow: column;
          gap: 24px; }
          footer .footer ul li dl dt {
            width: 100%;
            display: flex;
            flex-flow: column;
            gap: 8px;
            padding: 16px;
            border-radius: 8px;
            background-color: rgba(255, 255, 255, 0.05); }
            footer .footer ul li dl dt b {
              display: flex;
              align-items: center;
              gap: 8px;
              width: 100%;
              text-align: left;
              font: 700 14px "Manrope", sans-serif;
              color: #fff; }
              footer .footer ul li dl dt b small {
                display: block;
                width: 24px; }
                footer .footer ul li dl dt b small img {
                  display: block;
                  width: 100%; }
            footer .footer ul li dl dt p {
              text-align: left;
              font: 400 14px "Manrope", sans-serif;
              color: #fff; }
  footer .copyright {
    width: 100%;
    padding: 24px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
    footer .copyright .copyrightInner {
      width: 100%;
      max-width: 1332px;
      padding: 0 24px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      @media (max-width: 768px) {
        footer .copyright .copyrightInner {
          flex-flow: column;
          gap: 8px;
          align-items: center; } }
      footer .copyright .copyrightInner b {
        display: inline-block;
        width: auto;
        font: 400 14px "Manrope", sans-serif;
        color: #fff; }
      footer .copyright .copyrightInner p {
        display: inline-block;
        width: auto;
        font: 400 14px "Manrope", sans-serif;
        color: #fff; }
        footer .copyright .copyrightInner p a {
          display: inline-block;
          width: auto;
          font: 600 14px "Manrope", sans-serif;
          color: #FFFA9C; }
          footer .copyright .copyrightInner p a:hover {
            color: #E2700C; }

.loader {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center; }

.loader img {
  width: 100px;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto; }