/*!
|--------------------------------------------------------------------------
| Gamification Experience Framework
|--------------------------------------------------------------------------
| Project      : AI Career Assessment & Gamification Platform
| Version      : 3.2.0
| Author       : Frontend Engineering Team
| Architecture : Component Based CSS
| Last Updated : July 2026
|
| NOTE:
| This stylesheet is part of the Gamification UI Framework.
| Changes should be performed only through the source SCSS modules.
| Direct modifications may affect animations, reward engine UI,
| leaderboard rendering, accessibility, and responsive layouts.
|--------------------------------------------------------------------------
*/
#nsl-notices-fallback {
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 10000;
}

.admin-bar #nsl-notices-fallback {
    top: 42px;
}

#nsl-notices-fallback > div {
    position: relative;
    background: #fff;
    border-left: 4px solid #fff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    margin: 5px 15px 2px;
    padding: 1px 20px;
}

#nsl-notices-fallback > div.error {
    display: block;
    border-left-color: #dc3232;
}

#nsl-notices-fallback > div.updated {
    display: block;
    border-left-color: #46b450;
}

#nsl-notices-fallback p {
    margin: .5em 0;
    padding: 2px;
}

#nsl-notices-fallback > div:after {
    position: absolute;
    right: 5px;
    top: 5px;
    content: '\00d7';
    display: block;
    height: 16px;
    width: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
}</style><style id="wp-custom-css">
 .image-anime{
	position: relative !important;
	overflow: hidden !important;
	
}
.image-anime:after{
	content: "";
	position: absolute !important;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50% !important;
    background-color: rgba(255,255,255,.3) !important;
    transform: translate(-50%,-50%) rotate(-45deg) !important;
    z-index: 2 !important;
}

.image-anime:hover:after{
    height: 250% !important;
    transition: all 600ms linear !important;
    background-color: transparent !important;
}







/* services css */




@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
            transform: translate3d(0, 40px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
            transform: translate3d(0, 40px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}




/*  login */

.ccreg-field input, .ccreg-field select{
	height:40px !important;
	border:unset !important
}

.um .um-form input[type=text], .um .um-form input[type=password]{
	box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.09) !important;
	border:unset !important;
}


.um-2291.um{
	max-width:unset !important;
}


.ccreg-btn-primary{
	background:#4d5fe3 !important;
	font-weight: 400 !important;

}

.ccreg-btn-secondary{
	color:#666 !important;
	font-size: 15px;
    border: none !important;
    display: block;
    width: 100%;
    line-height: 1em !important;
    padding: 16px 20px !important;
    text-align: center;
    text-transform: none !important;
    font-weight: 400 !important;
    background: #eee !important;
	    border-radius: 4px !important;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08) !important;
    opacity: 1 !important;
}
/* login css end-  */

/*Remove the  Archive and catrgory in mobile menu*/
.after-offcanvas {
    display: none;
}
/* Desktop only */
@media only screen and (min-width: 1025px) {
	.login,.register{
		display:none !important;
	}
}

/*Header Menu Button for mobile and tablet view*/
.register a{
	color:white !important;
}
.register{
	    background: #071539;
    align-items: center;
    border-radius: 99px;
    /* padding: 0px 0px 0px 65px; */
    width: 55% !important;
    padding-left: 38px !important;
}
.login{
	    width: 55% !important;
    padding-left: 58px !important;
    border: 2px solid #000 !important;
    border-radius: 99px;
    margin-top: 10px !important;
    margin-bottom: 10px!important;
}