@font-face {
  font-family: 'RubikRegular';
  src: url('fonts/RubikRegular.eot');
  src: url('fonts/RubikRegular.eot') format('embedded-opentype'), url('fonts/RubikRegular.woff2') format('woff2'), url('fonts/RubikRegular.woff') format('woff'), url('fonts/RubikRegular.ttf') format('truetype'), url('fonts/RubikRegular.svg#RubikRegular') format('svg');
}
@font-face {
  font-family: 'RubikMedium';
  src: url('fonts/RubikMedium.eot');
  src: url('fonts/RubikMedium.eot') format('embedded-opentype'), url('fonts/RubikMedium.woff2') format('woff2'), url('fonts/RubikMedium.woff') format('woff'), url('fonts/RubikMedium.ttf') format('truetype'), url('fonts/RubikMedium.svg#RubikMedium') format('svg');
}
@font-face {
  font-family: 'RubikLight';
  src: url('fonts/RubikLight.eot');
  src: url('fonts/RubikLight.eot') format('embedded-opentype'), url('fonts/RubikLight.woff2') format('woff2'), url('fonts/RubikLight.woff') format('woff'), url('fonts/RubikLight.ttf') format('truetype'), url('fonts/RubikLight.svg#RubikLight') format('svg');
}
@font-face {
  font-family: 'RubikBold';
  src: url('fonts/RubikBold.eot');
  src: url('fonts/RubikBold.eot') format('embedded-opentype'), url('fonts/RubikBold.woff2') format('woff2'), url('fonts/RubikBold.woff') format('woff'), url('fonts/RubikBold.ttf') format('truetype'), url('fonts/RubikBold.svg#RubikBold') format('svg');
}
@font-face {
  font-family: 'RubikBlack';
  src: url('fonts/RubikBlack.eot');
  src: url('fonts/RubikBlack.eot') format('embedded-opentype'), url('fonts/RubikBlack.woff2') format('woff2'), url('fonts/RubikBlack.woff') format('woff'), url('fonts/RubikBlack.ttf') format('truetype'), url('fonts/RubikBlack.svg#RubikBlack') format('svg');
}
a {
  transition: color .4s, background-color .4s, border .4s, box-shadow .4s;
}
a {
  color: #3d477b;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #3fa9f5;
  text-decoration: none;
}
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}
body {
  background-color: #e0f5fe;
  font-family: 'RubikRegular';
  font-size: 13px;
  color: #3d477b;
  font-weight: normal;
}
#bj-page-container {
    min-height: 100%;
    position: relative;
    background-image: url("../../images/Newimages1/main-bg.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
#bj-page-header {
  padding: 0px;
  width: 100%;
  position: fixed;
  background-color: #ffffff;
  z-index: 999;
  height: 80px;
  padding-left: 14px;
  padding-right: 14px;
  transition: 0.6s linear;
}

#bj-page-header1 {
    padding: 0px;
    width: 100%;
    position: fixed;
    background-color: #ffffff;
    z-index: 999;
    height: 80px;   
    padding-right: 14px;
    transition: 0.6s linear;
}
#bj-page-body {
  padding-left: 25px;
  padding-top: 80px;
  padding-bottom: 90px;
  padding-right: 25px;
  transition: 0.8s;
}
#bj-page-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto;
  background: #ffffff;
  padding-left: 25px;
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 11px;
  padding-right: 25px;
  transition: 0.8s;
  color: #455775;
}
.bj-header-wrap {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 -0.25rem;
  height: 80px;
}
.bj-main-logo {
  width: 200px;
  padding: 0;
  height: 80px;
  transition: 0.8s;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.bj-main-logo img {
  width: 100px;
  transition: 0.8s;
}
.cursor-pointer {
  cursor: pointer;
}
.bj-navbar-nav {
  margin: 0px;
  padding: 0px;
  display: flex;
  gap: 15px;
}
.bj-navbar-nav li {
  margin: 0px;
  padding: 0px;
  display: flex;
  color: #fff;
  align-items: center;
  line-height: normal;
}
.bj-navbar-nav li a:hover {
  text-decoration: none;
}
.bj-back-to-home {
  width: 36px;
  height: 36px;
  background-color: #3fa9f5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.user-toggle {
  display: flex;
  align-items: center;
  padding: 0 1px 1px;
  gap: 10px;
}
.user-avatar {
  border-radius: 40px;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.06em;
  flex-shrink: 0;
  position: relative;
}
.user-avatar-sm, .user-avatar.sm {
  height: 38px;
  width: 38px;
  font-size: 12px;
  padding: 0px;
}
.user-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.user-name {
  color: rgb(255 255 255 / 50%);
  font-size: 12px;
  line-height: 15px;
  font-weight: normal;
  font-family: 'RubikRegular';
}
/*    .user-name::after {
        top: 8px;
        content: "";
        background-image: url("../../images/Newimages1/user-drop-arrow.svg");
        width: 20px;
        height: 20px;
        position: absolute;
        right: -44px;
        background-repeat: no-repeat;
        background-size: 10px;
    }*/
.user-name-msg {
  font-family: 'RubikMedium';
  color: #3d477b;
  font-size: 13px;
}
.font-size-sm {
  font-size: 10px;
}
.font-size-md {
  font-size: 14px !important;
}
.font-size-lg {
  font-size: 18px !important;
}
.font-size-11px {
  font-size: 11px !important;
}
.font-size-12px {
  font-size: 12px !important;
}
.font-size-13px {
  font-size: 13px !important;
}
.font-size-15px {
  font-size: 15px !important;
}
.font-size-18px {
  font-size: 18px !important;
}
.font-size-25px {
  font-size: 25px;
}
.font-size-27px {
  font-size: 27px;
}
.font-weight-normal {
  font-weight: normal !important;
}
.color-white {
  color: #ffffff !important;
}
.color-dark {
  color: #3d477b !important;
}
.color-orange {
  color: #fc5b0b !important;
}
.color-gray {
  color: #96a0b5 !important;
}
.color-red {
  color: #ff3737 !important;
}
.color-dgreen {
  color: #00c98d !important;
}
.color-light-gray {
  color: #8e9bbe !important;
}
.font-light {
  font-family: 'RubikLight' !important;
}
.font-regular {
  font-family: 'RubikRegular' !important;
}
.font-medium {
  font-family: 'RubikMedium' !important;
}
.font-bold {
  font-family: 'RubikBold' !important;
}
.dropdown-menu {
  overflow: hidden;
  border: 0px solid #e5e9f2;
  box-shadow: 0 3px 26px 1px rgb(44 55 130 / 13%);
  padding: 0px;
  min-width: 280px;
  max-width: 280px;
  margin-top: 21px;
  left: -20px !important;
  color: #3d477b;
  border-radius: 8px;
}
.bj-user-ctrl-drop {
  min-width: 230px;
  max-width: 230px;
  animation: fadeIn 1s;
}
.dropdown-inner {
  padding: 0 1.45rem;
}
.user-card-wrap {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.user-card {
  display: flex;
  align-items: center;
}
.link-list {
  padding: 7px 0px;
}
.link-list a {
  display: flex;
  align-items: center;
  color: #96a0b5;
  font-size: 11px;
  line-height: 1.4rem;
  font-weight: normal;
  padding: 5px 0px;
  position: relative;
  transition: 0.2s;
  font-family: 'RubikRegular';
}
.link-list a svg {
  transition: fill .4s ease;
  fill: #96a0b5;
}
.link-list a:hover {
  color: #3fa9f5;
  text-decoration: none;
}
.link-list a:hover svg {
  fill: #3fa9f5;
}
.bg-blue {
  background-color: #3fa9f5 !important;
}
.user-info .lead-text, .user-info .sub-text {
  display: flex;
  align-items: center;
}
.bj-files-group .bj-files-list {
  display: flex;
  flex-wrap: wrap;
  margin: -8px;
}
.bj-files-group .bj-file, .bj-file-1, .bj-file-2, .bj-file-3, .bj-file-4, .bj-file-5, .bj-file-6 {
  position: relative;
  padding: 0px;
  width: 100%;
}
.bj-files-group .bj-file, .bj-file-1, .bj-file-2, .bj-file-3, .bj-file-4, .bj-file-5, .bj-file-6 {
  display: flex;
  position: relative;
  margin: 8px;
  background: #fff;
  border: 0px solid #dbdfea;
  border-radius: 4px;
  /* box-shadow: 1px 2px 3px #e2e2ed; */
}
.bj-home-grid {
  background-color: #c5ecff;
  box-shadow: 10px 10px 5px rgb(36 83 102 / 35%);
  transition: 0.6s linear;
  border-radius: 30px;
}
.bj-home-grid-title {
  background-color: #a7e2ff;
  transition: 0.6s linear;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
/*.bj-home-grid:hover {
  background-color: #86d7ff;
}
.bj-home-grid:hover .bj-home-grid-title {
  background-color: #61cbff;
}*/
.line-height-normal {
  line-height: normal;
}
/*.bj-home-grid-icon {
  width: 100px;
  height: 100px;
}*/
.bj-home-grid-list ul {
  margin: 0px;
  padding: 0px;
}
.bj-home-grid-list ul li {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.bj-home-grid-list ul li a {
  margin: 1px 0px;
  padding: 5px;
  list-style: none;
  background-color: rgb(40 157 198 / 18%);
  font-size: 10px;
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #289dc6;
}
.bj-home-grid-list ul li a:hover {
  background-color: rgb(255 255 255 / 28%);
  text-decoration: none;
}
.bj-home-grid-title {
  min-height: 66px;
}
/*.bj-home-grid-icon-single {
  width: 190px
}*/
.min-height-375 {
  min-height: 375px;
}
.min-height-310 {
  min-height: 310px;
}
.bj-hover-zoom {
  transition: 0.6s linear;
}
.bj-hover-zoom:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.bg-white {
  background-color: #fff !important;
}
.bj-home-grid-blue {
  background-color: #15adff;
}
.bj-home-grid-blue .bj-home-grid-title {
  background-color: rgb(255 255 255 / 22%);
}
.bj-home-grid-blue .bj-home-grid-list ul li a {
  background-color: rgb(0 0 0 / 9%);
  color: #ffffff;
}
.bj-home-grid-blue .bj-home-grid-list ul li a:hover {
  background-color: rgb(255 255 255 / 9%);
  color: #ffffff;
}
.bj-home-grid-perple {
  background-color: #9066fa;
}
.bj-home-grid-perple .bj-home-grid-title {
  background-color: rgb(255 255 255 / 22%);
}
.bj-home-grid-perple .bj-home-grid-list ul li a {
  background-color: rgb(0 0 0 / 9%);
  color: #ffffff;
}
.bj-home-grid-perple .bj-home-grid-list ul li a:hover {
  background-color: rgb(255 255 255 / 9%);
  color: #ffffff;
}
.bj-home-grid-orange {
  background-color: #ff836b;
}
.bj-home-grid-orange .bj-home-grid-title {
  background-color: rgb(255 255 255 / 22%);
}
.bj-home-grid-orange .bj-home-grid-list ul li a {
  background-color: rgb(0 0 0 / 9%);
  color: #ffffff;
}
.bj-home-grid-orange .bj-home-grid-list ul li a:hover {
  background-color: rgb(255 255 255 / 9%);
  color: #ffffff;
}
.bj-home-grid-Lgreen {
  background-color: #a7d667;
}
.bj-home-grid-Lgreen .bj-home-grid-title {
  background-color: rgb(255 255 255 / 22%);
}
.bj-home-grid-Lgreen .bj-home-grid-list ul li a {
  background-color: rgb(0 0 0 / 9%);
  color: #ffffff;
}
.bj-home-grid-Lgreen .bj-home-grid-list ul li a:hover {
  background-color: rgb(255 255 255 / 9%);
  color: #ffffff;
}
.bj-home-grid-Lpink {
  background-color: #ff9ec2;
}
.bj-home-grid-Lpink .bj-home-grid-title {
  background-color: rgb(255 255 255 / 22%);
}
.bj-home-grid-Lpink .bj-home-grid-list ul li a {
  background-color: rgb(0 0 0 / 9%);
  color: #ffffff;
}
.bj-home-grid-Lpink .bj-home-grid-list ul li a:hover {
  background-color: rgb(255 255 255 / 9%);
  color: #ffffff;
}
.bj-home-grid-Dgreen {
  background-color: #58d269;
}
.bj-home-grid-Dgreen .bj-home-grid-title {
  background-color: rgb(255 255 255 / 22%);
}
.bj-home-grid-Dgreen .bj-home-grid-list ul li a {
  background-color: rgb(0 0 0 / 9%);
  color: #ffffff;
}
.bj-home-grid-Dgreen .bj-home-grid-list ul li a:hover {
  background-color: rgb(255 255 255 / 9%);
  color: #ffffff;
}
.bj-home-grid-Pblue {
    background-color: #7184f4;
}

    .bj-home-grid-Pblue .bj-home-grid-title {
        background-color: rgb(255 255 255 / 22%);
    }

    .bj-home-grid-Pblue .bj-home-grid-list ul li a {
        background-color: rgb(0 0 0 / 9%);
        color: #ffffff;
    }

        .bj-home-grid-Pblue .bj-home-grid-list ul li a:hover {
            background-color: rgb(255 255 255 / 9%);
            color: #ffffff;
        }

.bj-home-grid-Cyellow {
    background-color: #f0c924;
}

    .bj-home-grid-Cyellow .bj-home-grid-title {
        background-color: rgb(255 255 255 / 22%);
    }

    .bj-home-grid-Cyellow .bj-home-grid-list ul li a {
        background-color: rgb(0 0 0 / 9%);
        color: #ffffff;
    }

        .bj-home-grid-Cyellow .bj-home-grid-list ul li a:hover {
            background-color: rgb(255 255 255 / 9%);
            color: #ffffff;
        }
.bj-page-title {
    width: 100%;
    height: auto;
    background-color: #1a59d6;
    background-image: url("../../images/Newimages1/inner-title-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
    min-height: 83px;
}
.bj-page-back {
  width: 36px;
  height: 36px;
  background-color: rgb(255 255 255 / 26%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bj-page-back svg {
  width: 10px;
  fill: #fff;
}
.bj-page-title-text {
  gap: 10px;
}
.opacity-50 {
  opacity: 0.5;
}
.pt-164px {
  padding-top: 164px !important;
}
.bg-white-opacity-50 {
  background-color: rgba(255, 255, 255, 0.50);
}
.bj-page-sub-action {
  display: flex;
  align-items: center;
  gap: 5px;
}
.btn-success {
  color: #fff;
  background-color: #2caf64;
  border-color: #2caf64;
}
.btn-success:hover {
  color: #fff;
  background-color: #37b76b;
  border-color: #37b76b;
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #37b76b;
  border-color: #37b76b;
  box-shadow: none;
}
.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #37b76b;
  border-color: #37b76b;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #37b76b;
  border-color: #37b76b;
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: none;
}
.btn-primary {
  color: #fff;
  background-color: #1473e6;
  border-color: #1473e6;
}
.btn-primary:hover {
  color: #fff;
  background-color: #2489ed;
  border-color: #2489ed;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #2489ed;
  border-color: #2489ed;
  box-shadow: none;
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #2489ed;
  border-color: #2489ed;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #2489ed;
  border-color: #2489ed;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: none;
}
.table {
  width: 100%;
  margin-bottom: 0px;
  color: #061237;
}
.table thead th {
  vertical-align: middle;
  border-bottom: 0px solid #e1e4ed;
  color: #3d477b;
  white-space: nowrap;
  padding: 8px 10px;
  font-family: 'RubikMedium';
  font-size: 10px;
  border-top-width: 0px;
  font-weight: normal;
  background-color: rgb(21 173 255 / 18%);
  text-transform: uppercase;
}
.table-bordered td, .table-bordered th {
  border: 1px solid rgba(72, 94, 144, 0.16);
}
.table thead th:first-child {
  border-left: 0px solid rgb(245, 246, 250);
}
.table thead th:last-child {
  border-right: 0px solid rgb(245, 246, 250);
}
.table tbody td:first-child {
  border-left: 0px solid rgb(255, 255, 255);
}
.table tbody td:last-child {
  border-right: 0px solid rgb(255, 255, 255);
}
.table td {
  font-family: 'RubikRegular';
  font-size: 11px;
}
.table tbody tr {
  position: relative;
  border-bottom: 1px solid rgb(21 173 255 / 20%);
}
.table td, .table th {
  padding: 0.75rem 0.75rem;
  vertical-align: middle;
  border: 0px;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(21, 173, 255, 0.08);
}
.table-hover tbody tr:hover {
  color: #ff6600;
  background-color: rgb(255 102 0 / 05%);
}
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: solid 1px #e2e5ed;
  border-radius: 4px;
  /* box-shadow: 1px 2px 3px #e2e2ed; */
}
.border-bottom {
  border-bottom: 1px solid #e5e9f2 !important;
}
.border-top {
  border-top: 1px solid #e5e9f2 !important;
}
.border-right {
  border-right: 1px solid #e5e9f2 !important;
}
.border-left {
  border-left: 1px solid #e5e9f2 !important;
}
.border-2px {
  border-width: 2px !important;
}
.border-1px {
  border-width: 1px !important;
}
.bj-border {
  border: solid 1px #e2e5ed !important;
}
.border-top-right-radius {
  border-top-right-radius: 4px;
}
.border-top-left-radius {
  border-top-left-radius: 4px;
}
.border-bottom-right-radius {
  border-bottom-right-radius: 4px;
}
.border-bottom-left-radius {
  border-bottom-left-radius: 4px;
}
.border-radius-4 {
  border-radius: 4px !important;
}
.border-top-right-radius-0 {
  border-top-right-radius: 0px !important;
}
.border-top-left-radius-0 {
  border-top-left-radius: 0px !important;
}
.border-bottom-right-radius-0 {
  border-bottom-right-radius: 0px !important;
}
.border-bottom-left-radius-0 {
  border-bottom-left-radius: 0px !important;
}
.bj-table-action {
  margin: 0px;
  padding: 0px;
}
.bj-table-action li {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.bj-table-action li a {
  margin: 0px;
  padding: 0px;
  width: 30px;
  height: 30px;
  background-color: rgb(21 173 255 / 25%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bj-table-action li a svg {
  fill: rgb(21 173 255);
  ;
  width: 15px;
  height: 15px;
}
.bj-folder-action {
  margin: 0px;
  padding: 0px;
}
.bj-folder-action li {
  margin: 0px;
  padding: 2px 2px;
  list-style: none;
  display: inline-block
}
.bj-folder-action li .bj-folder-action-link {
  display: inline-block;
  background: #94cbff;
  background: linear-gradient(180deg, #ffffff 0%, #94cbff 100%);
  box-shadow: 7px 7px 5px rgb(26 83 171);
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  font-size: 12px;
}
.bj-folder-action li .bj-folder-action-link:hover {
  color: #3d477b;
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  background: #94cbff;
  background: linear-gradient(180deg, #ffffff 0%, #ffeaaa 100%);
}
.bj-tbl-search {
  width: 245px;
  padding: 0px;
  margin-left: 18px;
  cursor: pointer;
  background-color: transparent;
  height: auto;
  border-radius: 0px;
  line-height: 0;
}
.bj-tbl-search input[type=text] {
  width: 100%;
  box-sizing: border-box;
  border: 2px solid #d4effd;
  border-radius: 5px;
  font-size: 12px;
  background-color: #fff;
  background-image: url(../images/search.svg);
  background-position: 14px 13px;
  background-size: 12px;
  font-family: 'RubikLight';
  background-repeat: no-repeat;
  padding: 12px 20px 12px 40px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
  outline: 0;
  color: #3d477b;
}
/***** Login Css ****/
.h-100vh {
  height: 100vh
}
.login-outer {
  width: 340px;
}
.bj-login-card {
  width: 340px;
  height: auto;
  min-height: 350px;
  background-color: #fff;
  padding: 0px;
}
.bj-form-label {
  font-family: 'RubikMedium';
  color: #061237;
  font-size: 12px;
  padding: 0px;
  margin: 0px 0px 5px 0px;
}
.bj-form-textbox {
  border: 0.1rem solid #e3e5ef;
  height: calc(1.1em + 1.2rem + 2px);
  padding: 0.375rem 0.95rem;
  border-radius: 4px;
  font-size: 13px;
}
.bj-form-textbox:focus {
  color: #061237;
  background-color: #fff;
  border-color: #72b5f3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgb(11 143 252 / 16%);
}
.bj-otp-textbox {
  gap: 7px
}
.bj-otp-textbox input {
  min-width: 40px
}
.color-bajaj-blue {
  color: #0c5eaa !important;
}
.bj-ballogin {
    background-color: #007bff;
    padding: 15px 30px;
    text-align: center;
    color: #ffffff;
    font-size: 17px !important;
}
.bj-ballogin:hover {
  color: #ffffff;
  background-color: #1360c3;
}
.bj-login-img {
    width: 50%;
    background-image: url("../../images/Newimages1/login-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    position: relative;
    display: flex;
    align-items: end;
    padding: 90px 70px;
}
.bj-login-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(187, 218, 255);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(21, 45, 74, 0.7) 64%);
}
.bj-login-img h2 {
  z-index: 1;
  position: relative;
  color: #fff;
  font-size: 40px;
}
.bj-login-form {
  width: 50%;
  height: 100%;
}
.login-bal-btn {
  position: absolute;
  top: 20px;
  right: 20px;
}
.bj-login-footer {
  color: #ffffff !important;
}
.form-control-lg {
    min-height: calc(1.5em + (1rem + 2px));
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 0.3rem;
}
.form-control[type=file] {
    overflow: hidden;
}
    .form-control[type=file]:not(:disabled):not([readonly]) {
        cursor: pointer;
    }
.row {
    justify-content: normal;
}
.formDate {
    background-color: rgb(25 91 227 / 13%);
    padding: 5px 20px;
    border-radius: 20px;
    color: #1b5be1;
    display: inline-block;
}
/***** End Login Css ****/
/*Mithun Css*/
.loginpage-title {
    position: absolute;
    z-index: 1;
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
    top: 15px;
}
    .loginpage-title h2 {
        background-color: rgb(0 93 172 / 78%);
        padding: 15px 34px;
        color: #fff;
    }
.bj-login-img h2 {
    display: none;
}
.item-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    top: 20px;
    left: 20px;
}
    .item-icon svg {
        fill:#fff;
    }
    .item-text {
        display: grid;
        line-height: normal;
    }
.item-text-count {
    font-family: 'RubikBold';
    font-size: 25px;
    color: #ffffff;
    padding: 0px;
    margin: 0px;
}
.item-text-title {
    font-family: 'RubikLight';
    font-size: 16px;
    color: rgb(255 255 255 / 68%);
    padding: 0px;
    margin: 0px;
    text-transform: uppercase;
}
.itemViewBtn {
    width: 30px;
    height: 30px;
    background-color: #fff;
    color: #a6bfc9 !important;
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    cursor: pointer;
    z-index: 3;
}
.card-bg-vector {
    background-image: url(../../images/card-bg.svg);
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
}
.bj-home-card-purple {
    background: rgb(63,94,251);
    background: linear-gradient(180deg, rgba(135,112,255,1) 0%, rgba(63,94,251,1) 100%);
}
.bj-home-card-green {
    background: rgba(32,201,46);
    background: linear-gradient(180deg, rgba(32,201,46,1) 0%, rgba(40,167,69,1) 100%);
}
.bj-home-card-pink {
    background: rgba(232,62,140);
    background: linear-gradient(180deg, rgba(232,62,140,1) 0%, rgba(220,53,69,1) 100%);
}

.cc-home-card-pink {
    background: linear-gradient(180deg, rgba(230,150,173,1) 0%, rgba(255,99,132,1) 100%);
}


.bj-home-card-blue {
    background: rgba(41,144,254);
    background: linear-gradient(180deg, rgba(41,144,254,1) 0%, rgba(0,88,255,1) 100%);
}
.z-index-2 {
    z-index:2;
}

.card-list-item {
    margin:-1px;
    padding:0px;
}
.card-list-item li {
    margin: 0px;
    padding: 0px;
    list-style:none;
    display:inline-block;
}
    .card-list-item li a {
        margin: 1px;
        padding: 6px 15px;
        background-color: rgb(0 0 0 / 12%);
        font-size: 10px;
        text-transform: uppercase;
        display: inline-block;
        border-radius: 27px;
        color: #ffffff;
    }
        .card-list-item li a:hover {
            background-color: #ffffff;
            color: #6c757d;
        }
.card-item-contant {
    padding-top:65px;
}
/*Mithun End Css*/
100% {
    -webkit-transform: scale(1, 1);
    opacity: 0
}
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media (min-width: 576px) {
  .bj-files-group .bj-file-1 {
    width: calc(50% - 16px);
  }
  .bj-files-group .bj-file-2 {
    width: calc(50% - 16px);
  }
  .bj-files-group .bj-file-3 {
    width: calc(50% - 16px);
  }
  .bj-files-group .bj-file-4 {
    width: calc(50% - 16px);
  }
  .bj-files-group .bj-file-5 {
    width: calc(50% - 16px);
  }
  .bj-files-group .bj-file-6 {
    width: calc(50% - 16px);
  }
  .card-inner {
    padding: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .bj-files-group .bj-file-1 {
    width: calc(50% - 16px);
  }
  .bj-files-group .bj-file-2 {
    width: calc(50% - 16px);
  }
  .bj-files-group .bj-file-3 {
    width: calc(50% - 16px);
  }
  .bj-files-group .bj-file-4 {
    width: calc(50% - 16px);
  }
  .bj-files-group .bj-file-5 {
    width: calc(33.33% - 16px);
  }
  .bj-files-group .bj-file-6 {
    width: calc(33.33% - 16px);
  }
}
@media (min-width: 1200px) {
  .bj-files-group .bj-file-1 {
    width: calc(66.66% - 16px);
  }
  .bj-files-group .bj-file-2 {
    width: calc(50% - 16px);
  }
  .bj-files-group .bj-file-3 {
    width: calc(33.33% - 16px);
  }
  .bj-files-group .bj-file-4 {
    width: calc(25% - 16px);
  }
  .bj-files-group .bj-file-5 {
    width: calc(20% - 16px);
  }
  .bj-files-group .bj-file-6 {
    width: calc(16.66% - 16px);
  }
}
@media (min-width: 1540px) {
  .bj-files-group .bj-file-1 {
    width: calc(66.66% - 16px);
  }
  .bj-files-group .bj-file-2 {
    width: calc(50% - 16px);
  }
  .bj-files-group .bj-file-3 {
    width: calc(33.33% - 16px);
  }
  .bj-files-group .bj-file-4 {
    width: calc(25% - 16px);
  }
  .bj-files-group .bj-file-5 {
    width: calc(20% - 16px);
  }
  .bj-files-group .bj-file-6 {
    width: calc(16.66% - 16px);
  }
}
@media only screen and (max-width: 1024px) {}
@media only screen and (max-width: 991px) {}
@media only screen and (max-width: 768px) {}
@media only screen and (max-width: 575px) {}
@media only screen and (max-width: 1024px) {}
@media only screen and (max-width: 991px) {}
@media only screen and (max-width: 768px) {
    .bj-login-img {
     
        padding: 90px 25px;
    }
  .bj-login-img h2 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 680px) {
  .bj-login-container {
    display: block !important;
    height: auto !important;
  }
    .bj-login-img {
        padding: 0px 35px;
        height: 185px;
        width: 100%;
        background-position: center;
        align-items: center;
    }
  .bj-login-form {
    width: 100%;
  }
  .login-outer {
    width: 100%;
  }
  .bj-login-card {
    margin: 0px auto;
    min-height: auto;
    padding: 10px 0px
  }
  .bj-login-footer {
    background-color: #ffffff !important;
    color: #455775 !important;
    text-align: center;
  }
    .loginpage-title {
        display:none;
    }
    .bj-login-img h2 {
        display:block;
    }
}
@media only screen and (max-width: 400px) {
  .bj-login-card {
    width: 90%;
  }
}