.btn-primary {
  color: #fff;
  background-color: #2d2e83 !important;
  border-color: #2d2e83 !important;
}

.form-control:focus,
.form-select:focus {
  border-color: #2d2e83 !important;
}

.avatar-size {
  position: relative;
  width: 8rem !important;
  height: 8rem !important;
  cursor: default !important;
  margin: 0 auto;
}
.avatar-size img {
  width: 100%;
  height: 100%;
}

.swiper-container.swiper-card-advance-bg {
  background-color: #2d2e83 !important;
  border-radius: 0.375rem;
  box-shadow: 0 0.25rem 1.125rem rgba(75, 70, 92, 0.1);
}

.bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: #2d2e83 !important;
  box-shadow: 0px 2px 6px 0px rgba(45, 46, 131, 0.48) !important;
  color: #fff !important;
}

.authentication-wrapper.authentication-cover .authentication-inner .platform-bg {
  position: absolute;
  width: 100%;
  bottom: 0%;
  left: 0%;
  height: 100%;
  border-radius: 1.125rem;
}


  .custom-stepper {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr);
    width: 100%;
    row-gap: 10px;
}

@media only screen and (max-width:1670px) {
    .custom-stepper {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media only screen and (max-width:1470px) {
    .custom-stepper {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width:819px) {
    .custom-stepper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width:560px) {
    .custom-stepper {
        grid-template-columns: repeat(1, 1fr);
    }
}