@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-sm > .table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-md > .table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-lg > .table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-xl > .table-bordered {
        border: 0
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody + tbody {
    border-top: 2px solid #dee2e6
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody + tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary > td,
.table-primary > th {
    background-color: #b8daff
}

.table-primary tbody + tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #7abaff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary > td,
.table-secondary > th {
    background-color: #d6d8db
}

.table-secondary tbody + tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
    background-color: #c8cbcf
}

.table-success,
.table-success > td,
.table-success > th {
    background-color: #c3e6cb
}

.table-success tbody + tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #8fd19e
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
    background-color: #b1dfbb
}

.table-info,
.table-info > td,
.table-info > th {
    background-color: #bee5eb
}

.table-info tbody + tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
    background-color: #abdde5
}

.table-warning,
.table-warning > td,
.table-warning > th {
    background-color: #ffeeba
}

.table-warning tbody + tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger > td,
.table-danger > th {
    background-color: #f5c6cb
}

.table-danger tbody + tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ed969e
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
    background-color: #f1b0b7
}

.table-light,
.table-light > td,
.table-light > th {
    background-color: #fdfdfe
}

.table-light tbody + tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
    background-color: #ececf6
}

.table-dark,
.table-dark > td,
.table-dark > th {
    background-color: #c6c8ca
}

.table-dark tbody + tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
    background-color: #b9bbbe
}

.table-active,
.table-active > td,
.table-active > th {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive > .table-bordered {
    border: 0
}


.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody + tbody {
    border-top: 2px solid #dee2e6
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody + tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary > td,
.table-primary > th {
    background-color: #b8daff
}

.table-primary tbody + tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #7abaff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary > td,
.table-secondary > th {
    background-color: #d6d8db
}

.table-secondary tbody + tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
    background-color: #c8cbcf
}

.table-success,
.table-success > td,
.table-success > th {
    background-color: #c3e6cb
}

.table-success tbody + tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #8fd19e
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
    background-color: #b1dfbb
}

.table-info,
.table-info > td,
.table-info > th {
    background-color: #bee5eb
}

.table-info tbody + tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
    background-color: #abdde5
}

.table-warning,
.table-warning > td,
.table-warning > th {
    background-color: #ffeeba
}

.table-warning tbody + tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger > td,
.table-danger > th {
    background-color: #f5c6cb
}

.table-danger tbody + tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ed969e
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
    background-color: #f1b0b7
}

.table-light,
.table-light > td,
.table-light > th {
    background-color: #fdfdfe
}

.table-light tbody + tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
    background-color: #ececf6
}

.table-dark,
.table-dark > td,
.table-dark > th {
    background-color: #c6c8ca
}

.table-dark tbody + tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
    background-color: #b9bbbe
}

.table-active,
.table-active > td,
.table-active > th {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

 #courses_sec {
          width:90%;
          padding: 3rem 0
      }

      #courses_sec .container-fluid {
          padding: 0 4rem
      }

      #courses_sec .tabs {
          background: #fff;
          border-radius: 10px;
          box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
          padding: 18px;
          position: relative
      }

      #courses_sec .tabs input[name=tab-control] {
          display: none
      }

      #courses_sec .tabs .content section h2,
      #courses_sec .tabs ul li label {
          color: #b93538;
          font-size: 18px;
          font-weight: 700
      }

      #courses_sec .tabs ul {
          align-items: center;
          box-shadow: inset 0 30px 60px -36px rgba(50, 50, 93, .48), inset -1px 8px 36px -18px rgba(0, 0, 0, .23);
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          height: 45px;
          justify-content: space-between;
          list-style-type: none;
          margin-bottom: 0;
          padding-left: 0
      }

      #courses_sec .tabs ul li {
          box-sizing: border-box;
          flex: 1;
          padding: 0;
          text-align: center
      }

      #courses_sec .tabs ul li label {
          -webkit-touch-callout: none;
          color: #393a3c;
          cursor: pointer;
          display: block;
          font-family: Rajdhani;
          margin-bottom: 0;
          overflow: hidden;
          padding: 5px auto;
          text-overflow: ellipsis;
          transition: all .3s ease-in-out;
          transition: all .2s ease-in-out;
          white-space: nowrap
      }

      #courses_sec .tabs ul li label:active,
      #courses_sec .tabs ul li label:focus,
      #courses_sec .tabs ul li label:hover {
          color: #000;
          outline: 0
      }

      #courses_sec .tabs .slider {
          position: relative;
          transition: all .33s cubic-bezier(.38, .8, .32, 1.07);
          width: 25%
      }

      #courses_sec .tabs .slider .indicator {
          background: #b93538;
          border-radius: 1px;
          height: 4px;
          margin: 0 auto;
          max-width: 100%;
          position: relative;
          width: 50px
      }

      #courses_sec .tabs .content {
          margin-top: 30px
      }

      #courses_sec .tabs .content section {
          animation-direction: normal;
          animation-duration: .3s;
          animation-iteration-count: 1;
          animation-name: content;
          animation-timing-function: ease-in-out;
          display: none;
          line-height: 1.4
      }


      .login-box {
          background-image: url(../images/enquiry-formbg.webp);
          background-position: 50%;
          background-repeat: no-repeat;
          background-size: cover;
          box-shadow: 0 15px 25px rgba(0, 0, 0, .6);
          box-sizing: border-box;
          height: auto;
          padding: 15px;
          position: relative
      }

      .login-box,
      .login-box:before {
          border-radius: 10px;
          width: 100%
      }

      .login-box:before {
          background-image: linear-gradient(105deg, rgba(0, 48, 63, .9) 30%, rgba(181, 71, 73, .91));
          content: "";
          height: 100%;
          left: 0;
          position: absolute;
          top: 0
      }

      .login-box h2 {
          color: #fff;
          margin: 0 0 30px;
          padding: 0;
          text-align: center
      }

      .login-box .user-box,
      .login-box h2 {
          position: relative
      }

      .login-box .user-box input,
      textarea {
          background: transparent;
          border: none;
          border-bottom: 1px solid #fff;
          color: #fff;
          font-size: 16px;
          margin-bottom: 30px;
          outline: none;
          padding: 10px 0;
          width: 100%
      }

      .login-box .user-box label {
          color: #fff;
          font-size: 16px;
          left: 0;
          letter-spacing: 1px;
          padding: 10px 0;
          pointer-events: none;
          position: absolute;
          top: 0;
          transition: .5s
      }

      .login-box .user-box input:focus~label,
      .login-box .user-box input:valid~label,
      .login-box .user-box textarea:focus~label,
      .login-box .user-box textarea:valid~label {
          color: #ffd400;
          font-size: 14px;
          font-weight: 600;
          left: 0;
          letter-spacing: 1px;
          top: -20px
      }

      .login-box form a {
          color: #b93538;
          display: inline-block;
          font-size: 16px;
          letter-spacing: 4px;
          margin-top: 40px;
          overflow: hidden;
          padding: 10px 20px;
          position: relative;
          text-decoration: none;
          text-transform: uppercase;
          transition: .5s
      }


      #courses_sec .tabs .content section h2 {
          color: #023342;
          display: block;
          margin-bottom: 1rem
      }

      #courses_sec .tabs input[name=tab-control]:first-of-type:checked~ul>li:first-child>label {
          color: #b93538;
          cursor: default
      }

      #courses_sec .tabs input[name=tab-control]:first-of-type:checked~.slider {
          transform: translateX(0)
      }

      #courses_sec .tabs input[name=tab-control]:first-of-type:checked~.content>section:first-child {
          display: block
      }

      #courses_sec .tabs input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label {
          color: #b93538;
          cursor: default
      }

      #courses_sec .tabs input[name=tab-control]:nth-of-type(2):checked~.slider {
          transform: translateX(100%)
      }

      #courses_sec .tabs input[name=tab-control]:nth-of-type(2):checked~.content>section:nth-child(2) {
          display: block
      }

      #courses_sec .tabs input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label {
          color: #b93538;
          cursor: default
      }

      #courses_sec .tabs input[name=tab-control]:nth-of-type(3):checked~.slider {
          transform: translateX(200%)
      }

      #courses_sec .tabs input[name=tab-control]:nth-of-type(3):checked~.content>section:nth-child(3) {
          display: block
      }

      #courses_sec .tabs input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label {
          color: #b93538;
          cursor: default
      }

      #courses_sec .tabs input[name=tab-control]:nth-of-type(4):checked~.slider {
          transform: translateX(300%)
      }

      #courses_sec .tabs input[name=tab-control]:nth-of-type(4):checked~.content>section:nth-child(4) {
          display: block
      }

      @keyframes content {
          0% {
              opacity: 0;
              transform: translateY(5%)
          }

          to {
              opacity: 1;
              transform: translateY(0)
          }
      }

      #courses_sec .table-bordered td,
      .table-bordered th {
          font-family: Roboto;
          font-size: 15px;
          letter-spacing: 1px
      }

      #courses_sec .table-bordered thead th {
          color: #b93538
      }