.customThemeFont{
  color: #000000 !important;
}

.custom-accordion-button {
  color: #000000 !important;
}
.custom_nav .active{
  font-weight: bolder !important;
}
.custom_nav{
  font-size: 18px;
}


/* login new css */

.login-box-section {position: relative; overflow:hidden; width:100%; background:url('/assets/theme/img/banner.jpg') no-repeat; background-position:center; background-size: cover; }
.login-box-section::after{content:'';position: absolute; width:100%; height:100%; top:0; left:0; background: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);}
.login-box-section .login-box, .register-box {position: relative; z-index: 2; width: 50%; max-width:768px;}   
.login-box-section .login-box-inner {display: flex;justify-content: end;}  
.login-box-section .card-body {border-radius: calc(0.5rem - 1px); padding: 40px; } 
.login-box-section .input-group-text {width: 48px; height: auto;}


@media only screen and (max-width: 1199px) {

  .login-box-section .login-box-inner {justify-content: center;}  
  .login-box-section .login-box, .register-box {width: 60%; max-width:100%;} 
 
} 


@media only screen and (max-width: 767px) {

 .login-box-section a {float: left; width: 100%;}
 .login-box-section .login-box, .register-box {margin-top: 50px !important;margin-bottom: 50px !important; }   
 .login-box-section .login-box, .register-box {width: 75%; max-width:100%;}  
 .login-box-section .card-body {padding: 15px;}

} 


/* register new css */

.register-box-section {position: relative; overflow:hidden; width:100%; background:url('/assets/theme/img/banner.jpg') no-repeat; background-position:center; background-size: cover; }
.register-box-section::after{content:'';position: absolute; width:100%; height:100%; top:0; left:0; background: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);}
.register-box-section .register-box, .register-box {position: relative; z-index: 2; width: 50%; max-width:768px;}   
.register-box-section .register-box-inner {display: flex;justify-content: end;}  
.register-box-section .card-body {border-radius: calc(0.5rem - 1px); padding: 40px; } 
.register-box-section .input-group-text {width: 48px; height: auto;}


@media only screen and (max-width: 1199px) {

  .register-box-section .register-box-inner {justify-content: center;}  
  .register-box-section .register-box, .register-box {width: 60%; max-width:100%;} 
 
} 


@media only screen and (max-width: 767px) {
  
 .register-box-section .register-box, .register-box {margin-top: 50px !important;margin-bottom: 50px !important; }   
 .register-box-section .register-box, .register-box {width: 75%; max-width:100%;}  
 .register-box-section .card-body {padding: 15px;}

}