* {
  margin: 0;
  padding: 0; }


.loading {
  height: 100%;
    width: 100%;
    background: #ffffffe3;
    position: fixed;
    z-index:10;
    left: 0;
    top: 0;}
  .loading .loader-4 {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-content: center;
    align-items: center; }
    .loading .loader-4 .dbl-spin-1,
    .loading .loader-4 .dbl-spin-2 {
      position: absolute;
      box-sizing: border-box;
      display: block;
      margin: auto;
      border: 3px solid transparent;
      border-radius: 50%; }
    .loading .loader-4 .dbl-spin-1 {
      height: 25px;
      width: 25px;
      border-top: 3px solid #9575cd;
      border-left: 3px solid #9575cd;
      animation: loader-4-dblspin 1.8s linear infinite; }
    .loading .loader-4 .dbl-spin-2 {
      height: 42px;
      width: 42px;
      border-bottom: 3px solid #141358;
      border-left: 3px solid #141358;
      animation: loader-4-dblspin2 1.2s linear infinite; }

@keyframes loader-4-dblspin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(-720deg); } }

@keyframes loader-4-dblspin2 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }


body {
  height: 100vh;
  width: 100%;
  box-sizing: border-box;
  font-family: 'Oswald', sans-serif;
  position: relative; }

.ball {
  background: linear-gradient(to bottom right, #aa076b, #61045f);
  position: absolute;
  z-index: -1;
  opacity: 0.2; }
  @media (max-width: 600px) {
    .ball {
      display: none; } }

.first_ball {
  height: 20rem;
  width: 20rem;
  border-radius: 10000px;
  filter: blur(80px);
  left: 30%;
  top: -15%; }

.second_ball {
  height: 10rem;
  width: 10rem;
  border-radius: 10000px;
  filter: blur(80px);
  right: 5%;
  top: 10%; }

.third_ball {
  height: 20rem;
  width: 20rem;
  border-radius: 10000px;
  filter: blur(80px);
  left: 10%;
  bottom: 3%; }

button,
input,
select,
textarea {
  background: none;
  outline: none;
  border: none; }

.container_fluid {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 1rem; }
  .container_fluid .top_nav-bar {
    width: 100%;
    height: 7%; }
    .container_fluid .top_nav-bar .logo {
      display: flex;
      align-items: center; }
      .container_fluid .top_nav-bar .logo img {
        width: 2.5rem;
        height: 2.5rem;
        object-fit: contain; }
      .container_fluid .top_nav-bar .logo .school_name {
        margin-bottom: 0;
        font-size: 1.3rem; }
    .container_fluid .top_nav-bar .sign_in {
      background: #3a5268;
      padding: 1rem;
      color: #eee;
      border-radius: 5px; }
  .container_fluid .select_menu {
    width: 50%;
    height: 93%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .container_fluid .select_menu .section_title {
      width: 100%;
      color: #141358;
      text-align: center; }
    .container_fluid .select_menu .menu_card {
      width: 8rem;
      height: 8rem;
      background: #efefef;
      border-radius: 5px;
      font-size: 0.9rem; }
      .container_fluid .select_menu .menu_card:not(:last-of-type) {
        margin-right: 1rem; }
      .container_fluid .select_menu .menu_card i {
        font-size: 3rem;
        color: #000083;
        height: 50%; }
      .container_fluid .select_menu .menu_card:hover, .container_fluid .select_menu .menu_card:active, .container_fluid .select_menu .menu_card:focus {
        background: #141358;
        color: #eee; }
  
      .active_class {
        background: #141358 !important;
        color: #eee; }

    .active_class i {
          color: #5bb2fa !important; }
    
        .container_fluid .select_menu .menu_card:hover i, .container_fluid .select_menu .menu_card:active i, .container_fluid .select_menu .menu_card:focus i {
          color: #5bb2fa; }
    .container_fluid .select_menu .button_container {
      align-items: center; }
      .container_fluid .select_menu .button_container .submit {
        background: #141358;
        color: #eee;
        padding: 1rem 1.5rem;
        border-radius: 5px; }
        .container_fluid .select_menu .button_container .submit:last-of-type {
          background: none;
          color: #141358;
          margin-left: 0.5rem; }
          .container_fluid .select_menu .button_container .submit:last-of-type:hover {
            background: #e9e9e9; }
        .container_fluid .select_menu .button_container .submit:hover {
          background: #1e1c82; }
  .container_fluid .fees_process {
    height: 90%;
    width: 100%;
    display: flex; }
    .container_fluid .fees_process .stepper-horizontal {
      width: 20%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .container_fluid .fees_process .stepper-horizontal .step .step-circle {
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        text-align: center;
        line-height: 1.75rem;
        font-size: 1rem;
        font-weight: 600;
        z-index: 2;
        border: 2px solid #d9e2ec; }
      .container_fluid .fees_process .stepper-horizontal .step .step-title {
        font-size: 1.2rem; }
        .container_fluid .fees_process .stepper-horizontal .step .step-title span {
          font-size: 0.9rem; }
      .container_fluid .fees_process .stepper-horizontal .step:not(:last-of-type) .step-bar-bottom {
        height: 11rem;
        width: 0.2rem;
        background: #3a5268;
        margin-left: 0.9rem;
        margin-bottom: 0.5rem; }
      .container_fluid .fees_process .stepper-horizontal .step.done .step-circle {
        background-color: #141358;
        border: 2px solid #141358;
        color: #ffffff; }
        .container_fluid .fees_process .stepper-horizontal .step.done .step-circle:before {
          font-family: 'FontAwesome';
          font-weight: 100; }
        .container_fluid .fees_process .stepper-horizontal .step.done .step-circle * {
          display: none; }
      .container_fluid .fees_process .stepper-horizontal .step.done .step-title {
        color: #102a43; }
      .container_fluid .fees_process .stepper-horizontal .step.done .step-bar-bottom {
        height: 11rem;
        width: 0.2rem;
        background: #141358;
        margin-left: 0.9rem; }
    .container_fluid .fees_process .stepper_content {
      width: 80%;
      height: 100%; }
      .container_fluid .fees_process .stepper_content .button_container {
        width: 30%;
        margin: 0 auto; }
      .container_fluid .fees_process .stepper_content .submit {
        background: #141358;
        color: #eee;
        padding: 1rem 1.5rem;
        border-radius: 5px; }
        .container_fluid .fees_process .stepper_content .submit:last-of-type {
          background: none;
          color: #141358;
          margin-left: 0.5rem; }
          .container_fluid .fees_process .stepper_content .submit:last-of-type:hover {
            background: #e9e9e9; }
        .container_fluid .fees_process .stepper_content .submit:hover {
          background: #1e1c82; }
      .container_fluid .fees_process .stepper_content .create_account {
        width: 100%; }
        .container_fluid .fees_process .stepper_content .create_account .section_title {
          width: 30%;
          margin: 0 auto; }
        .container_fluid .fees_process .stepper_content .create_account .container {
          width: 30%;
          padding: 3rem 0;
          margin: 0 auto; }
        .container_fluid .fees_process .stepper_content .create_account .did-floating-label-content {
          position: relative;
          margin-bottom: 20px; }
        .container_fluid .fees_process .stepper_content .create_account .did-floating-label {
          color: #1e4c82;
          font-size: 13px;
          font-weight: normal;
          position: absolute;
          pointer-events: none;
          left: 15px;
          top: 11px;
          padding: 0 5px;
          background: #fff;
          transition: 0.2s ease all;
          -moz-transition: 0.2s ease all;
          -webkit-transition: 0.2s ease all; }
        .container_fluid .fees_process .stepper_content .create_account .did-floating-input,
        .container_fluid .fees_process .stepper_content .create_account .did-floating-select {
          font-size: 1rem;
          display: block;
          width: 100%;
          padding: 1rem 1.5rem;
          background: #fff;
          color: #323840;
          border: 1px solid #3d85d8;
          border-radius: 4px;
          box-sizing: border-box; }
          .container_fluid .fees_process .stepper_content .create_account .did-floating-input:focus,
          .container_fluid .fees_process .stepper_content .create_account .did-floating-select:focus {
            outline: none; }
            .container_fluid .fees_process .stepper_content .create_account .did-floating-input:focus ~ .did-floating-label,
            .container_fluid .fees_process .stepper_content .create_account .did-floating-select:focus ~ .did-floating-label {
              top: -8px;
              font-size: 13px; }
        .container_fluid .fees_process .stepper_content .create_account select.did-floating-select {
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none; }
        .container_fluid .fees_process .stepper_content .create_account select.did-floating-select::-ms-expand {
          display: none; }
        .container_fluid .fees_process .stepper_content .create_account .did-floating-input:not(:placeholder-shown) ~ .did-floating-label {
          top: -8px;
          font-size: 13px; }
        .container_fluid .fees_process .stepper_content .create_account .did-floating-select:not([value='']):valid ~ .did-floating-label {
          top: -8px;
          font-size: 13px; }
        .container_fluid .fees_process .stepper_content .create_account .did-floating-select[value='']:focus ~ .did-floating-label {
          top: 11px;
          font-size: 13px; }
        .container_fluid .fees_process .stepper_content .create_account .did-floating-select:not([multiple]):not([size]) {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath id='Path_1' data-name='Path 1' d='M371,294l4,6,4-6Z' transform='translate(-371 -294)' fill='%23003d71'/%3E%3C/svg%3E%0A");
          background-position: right 15px top 50%;
          background-repeat: no-repeat; }
        .container_fluid .fees_process .stepper_content .create_account .did-error-input .did-floating-input,
        .container_fluid .fees_process .stepper_content .create_account .did-error-input .did-floating-select {
          border: 2px solid #9d3b3b;
          color: #9d3b3b; }
        .container_fluid .fees_process .stepper_content .create_account .did-error-input .did-floating-label {
          font-weight: 600;
          color: #9d3b3b; }
        .container_fluid .fees_process .stepper_content .create_account .did-error-input .did-floating-select:not([multiple]):not([size]) {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath id='Path_1' data-name='Path 1' d='M371,294l4,6,4-6Z' transform='translate(-371 -294)' fill='%239d3b3b'/%3E%3C/svg%3E%0A"); }
        .container_fluid .fees_process .stepper_content .create_account .input-group {
          display: flex; }
          .container_fluid .fees_process .stepper_content .create_account .input-group .did-floating-input {
            border-radius: 0 4px 4px 0;
            border-left: 0;
            padding-left: 0; }
        .container_fluid .fees_process .stepper_content .create_account .input-group-append {
          display: flex;
          align-items: center;
          /*   margin-left:-1px; */ }
        .container_fluid .fees_process .stepper_content .create_account .input-group-text {
          display: flex;
          align-items: center;
          font-weight: 400;
          height: 34px;
          color: #323840;
          padding: 0 5px 0 20px;
          font-size: 12px;
          text-align: center;
          white-space: nowrap;
          border: 1px solid #3d85d8;
          border-radius: 4px 0 0 4px;
          border-right: none; }
      .container_fluid .fees_process .stepper_content .feedback {
        height: 90%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center; }
        .container_fluid .fees_process .stepper_content .feedback .feedback-card {
          width: 100%;
          display: flex;
          flex-direction: column;
          align-items: center; }
          @media (max-width: 600px) {
            .container_fluid .fees_process .stepper_content .feedback .feedback-card {
              width: 90%; } }
          .container_fluid .fees_process .stepper_content .feedback .feedback-card .feedback_text {
            font-size: 1rem;
            text-align: center;
            margin-bottom: 0; }
            .container_fluid .fees_process .stepper_content .feedback .feedback-card .feedback_text .success_info {
              font-size: 1.6rem;
              color: #046e4b;
              margin: 1rem 0;
              display: flex;
              font-weight: 600; }
            @media (max-width: 600px) {
              .container_fluid .fees_process .stepper_content .feedback .feedback-card .feedback_text {
                font-size: 1.2rem; } }
          .container_fluid .fees_process .stepper_content .feedback .feedback-card .title {
            font-size: 1.3rem;
            font-weight: 600;
            margin-bottom: rem;
            margin-top: 1rem;
            color: #005f8b; }
          .container_fluid .fees_process .stepper_content .feedback .feedback-card .fees_container {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center; }
            .container_fluid .fees_process .stepper_content .feedback .feedback-card .fees_container .fee_card {
              width: 90%;
              background: white;
              box-shadow: 0 0 10px #d6d6d6;
              padding: 1rem;
              border-radius: 5px; }
              .container_fluid .fees_process .stepper_content .feedback .feedback-card .fees_container .fee_card:not(:last-of-type) {
                margin-bottom: 1rem; }
              .container_fluid .fees_process .stepper_content .feedback .feedback-card .fees_container .fee_card .fee_name {
                font-size: 1rem;
                font-weight: 600;
                color: #36175e; }
                .container_fluid .fees_process .stepper_content .feedback .feedback-card .fees_container .fee_card .fee_name span {
                  font-size: 1rem;
                  background: #ff5100;
                  color: white;
                  padding: 0.1rem 0.5rem;
                  border-radius: 50px; }
              .container_fluid .fees_process .stepper_content .feedback .feedback-card .fees_container .fee_card .other_detail {
                width: 100%;
                justify-content: space-between; }
                .container_fluid .fees_process .stepper_content .feedback .feedback-card .fees_container .fee_card .other_detail .amount,
                .container_fluid .fees_process .stepper_content .feedback .feedback-card .fees_container .fee_card .other_detail .date {
                  font-size: 1rem;
                  font-weight: 500;
                  text-align: left;
                  margin-bottom: 0;
                  margin-right: 2rem; }
                  .container_fluid .fees_process .stepper_content .feedback .feedback-card .fees_container .fee_card .other_detail .amount span,
                  .container_fluid .fees_process .stepper_content .feedback .feedback-card .fees_container .fee_card .other_detail .date span {
                    font-weight: 600; }
              .container_fluid .fees_process .stepper_content .feedback .feedback-card .fees_container .fee_card .paylater {
                background: none;
                border: none;
                outline: none !important;
                cursor: pointer;
                padding: 0.5rem 1rem;
                background: #3a5268;
                color: #dddddd;
                font-size: 0.9rem;
                border-radius: 5px;
                padding: 0.5rem;
                margin-right: 1rem; }
              .container_fluid .fees_process .stepper_content .feedback .feedback-card .fees_container .fee_card .payonline {
                background: none;
                border: none;
                outline: none !important;
                cursor: pointer;
                padding: 0.5rem 1rem;
                background: white;
                font-size: 0.9rem;
                color: #313131;
                padding: 0.5rem;
                border-radius: 7px;
                box-shadow: 0 0 10px #d6d6d6;
                color: #36175e; }
                @media (max-width: 600px) {
                  .container_fluid .fees_process .stepper_content .feedback .feedback-card .fees_container .fee_card .payonline {
                    font-size: 1.2rem; } }
                .container_fluid .fees_process .stepper_content .feedback .feedback-card .fees_container .fee_card .payonline i {
                  margin-right: 0.5rem; }