@media (min-width: 992px) {
  .brand {
    border-bottom: 1px solid lightgrey;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .brand .btn i {
      color: #494b74; }
    .brand .btn .svg-icon svg g [fill] {
      -webkit-transition: fill 0.3s ease;
      transition: fill 0.3s ease;
      fill: #494b74; }
    .brand .btn .svg-icon svg:hover g [fill] {
      -webkit-transition: fill 0.3s ease;
      transition: fill 0.3s ease; }
    .brand .btn.active .svg-icon svg g [fill], .brand .btn:hover .svg-icon svg g [fill] {
      -webkit-transition: fill 0.3s ease;
      transition: fill 0.3s ease;
      fill: #3699FF; }
    .brand .btn.active .svg-icon svg:hover g [fill], .brand .btn:hover .svg-icon svg:hover g [fill] {
      -webkit-transition: fill 0.3s ease;
      transition: fill 0.3s ease; }
    .brand .btn.active i, .brand .btn:hover i {
      color: #3699FF; } }

@media (max-width: 991.98px) {
  .header-mobile {
    background-color: #fff; }
    .header-mobile .burger-icon span {
      background-color: #484f66; }
      .header-mobile .burger-icon span::before, .header-mobile .burger-icon span::after {
        background-color: #484f66; }
    .header-mobile .burger-icon:hover span {
      background-color: #3699FF; }
      .header-mobile .burger-icon:hover span::before, .header-mobile .burger-icon:hover span::after {
        background-color: #3699FF; }
    .header-mobile .burger-icon-active span {
      background-color: #3699FF; }
      .header-mobile .burger-icon-active span::before, .header-mobile .burger-icon-active span::after {
        background-color: #3699FF; }
    .header-mobile .btn i {
      color: #484f66; }
    .header-mobile .btn .svg-icon svg g [fill] {
      -webkit-transition: fill 0.3s ease;
      transition: fill 0.3s ease;
      fill: #484f66; }
    .header-mobile .btn .svg-icon svg:hover g [fill] {
      -webkit-transition: fill 0.3s ease;
      transition: fill 0.3s ease; }
    .header-mobile .btn.active .svg-icon svg g [fill], .header-mobile .btn:hover .svg-icon svg g [fill] {
      -webkit-transition: fill 0.3s ease;
      transition: fill 0.3s ease;
      fill: #3699FF; }
    .header-mobile .btn.active .svg-icon svg:hover g [fill], .header-mobile .btn:hover .svg-icon svg:hover g [fill] {
      -webkit-transition: fill 0.3s ease;
      transition: fill 0.3s ease; }
    .header-mobile .btn.active i, .header-mobile .btn:hover i {
      color: #3699FF; } }
.brand-logo img{
  height: 44px;
  object-fit: contain;
  margin-right: 5px;
}
.brand-logo span{
  font-weight: bolder;
  font-size: 20px;
  color: black;
  line-height: 43px;
}
.profile_tabs_ul{
  padding: 10px ;
}
.profile_tabs_ul .nav .nav-link{
  font-weight: 500;
  font-size: 15px;
}
.profile_tabs_ul .nav .nav-link.active{
  color: black;
  background: linear-gradient(180deg, #FFE600 0%, #FFC90B 100%) !important;
}
.profile_tabs_ul .nav .nav-link:hover:not(.disabled){
  color: grey;
}
.profile_submit_buttn{
  background: linear-gradient(
180deg
, #FFE600 0%, #FFC90B 100%);
    border-radius: 3px;
    font-family: Muli;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    text-align: right;
    color: #151443;
    float: right;
    border: none;
    padding: 9px 21px;
}
.forget_key{
  height: 50px;
  margin-bottom: 4%;
}
.forget_psd_box{
  text-align: center;
}
.login_bg_image{
  background-color: #354174;
  height: 100vh;
}
.login_bg_image_box{
  display: flex;
  align-items: center;
  background: rgb(0 0 0 / 80%);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.login_bg_image_box .container{
  padding: 0 9%;
}