h3{color: #ae4b83;font-size: 28px;margin-bottom: 25px;}
ul{padding: 0;}
.white-cap{}
.brown-cap{color:#641E16}
.orange-cap{color:#ff7e39}
.green-cap{color:#3caa1e}
.purple-cap{color:#633193}
.black-cap{color:#f1f816}
.rose-cap{color:#f099d1}
.violet-cap{color:#6a166f}
.blue-cap{color:blue}
.card{border: 2px solid #ae4b83;}

/* MAIN HEAD */
.status-section h2  {letter-spacing: 0;padding: 0.25em 0 0.325em;display: block;margin: 0 auto;
background: url(../images/animated-text-fill.png) repeat-y;position: relative;z-index: 9;-webkit-background-clip: text;background-clip: text;
-webkit-text-fill-color: transparent;-webkit-animation: aitf 80s linear infinite;-webkit-transform: translate3d(0, 0, 0);-webkit-backface-visibility: hidden;}
.sidebar .nav .nav-item{padding: 0 20px;}
.sidebar .nav .nav-item.active {background: #eee;}
.sidebar .nav .nav-item:hover{background: #d6d6d6;}
@-webkit-keyframes aitf {
  0% {
    background-position: 0% 50%;
 }
  100% {
    background-position: 100% 50%;
 }
}
.level-1-examination li{padding: 0.9375rem 0; border-bottom: 1px solid #ebedf2;list-style-type: none;text-transform: initial;color: #000;
text-align: left;letter-spacing: 1px;}
.accordion-box{width: 100%;}
.accordion-box .accordion-button,.accordion-item{border: 0!important;padding: 0;}
.accordion-box .card-title{color: #ae4b83;}
.level-1-examination .accordion{border: 2px solid #ae4b83;padding: 1rem 1.5rem;background: #fff;border-radius: 5px;margin-bottom: 20px;}
.arrow {position: absolute;left: 0;bottom: 0;display: block;width: 100%; height: 100%;--arrow-scale: 1;
background: #ae4b84;box-shadow: 0 0 7vmax rgba(50, 50, 50, 0.2);z-index: 5;cursor: pointer;}
.status-block .card-header .arrow {animation: expand-arrows 1s forwards;}
.arrow:nth-child(2) {--arrow-scale: 2;background: #ae4b84;z-index: 4;}
.arrow:nth-child(3) { --arrow-scale: 3; background: #95396d; z-index: 3;}
.arrow:nth-child(4) {--arrow-scale: 4;background: #893666;z-index: 2;}
.arrow:nth-child(5) {--arrow-scale: 5;background: #ae4b84;z-index: 1;}

@keyframes expand-arrows {
  0% {
    transform: scale(0) skew(-15deg, -15deg) rotate(-20deg);
  }
  100% {
    transform: scale(var(--arrow-scale)) skew(-15deg, -15deg) rotate(-20deg);
  }
}

/*************************** NAVBAR ****************************/
.navbar .dropdown .dropdown-menu .dropdown-item:hover {background: #e4e7e9;color: #343a40;}
/**************************** SIDEBAR *******************************/
.sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-text span{font-size: 16px;}
.status-block .btn-primary {color: #fff;background-color: #ae4b83;border-color: #ae4b83;}
.status-block .card-body{background-color: rgb(172 75 131 / 20%);}
.status-block .btn{color: #fff;}
.status-block .card-header{position: relative;overflow: hidden; padding:.5rem 1rem;margin-bottom:0;background-color:#5e3255;
  border:15px solid rgba(255,255,255);font-size:21px;font-weight:600;padding:19px;color:#5e3255}
.status-block{margin-bottom: 2.5rem;}
.three-block-features .card{border: 0;}
.three-block-features .card:hover{-webkit-transition: all 200ms ease-in;-webkit-transform: scale(1); -ms-transition: all 200ms ease-in;-ms-transform: scale(1); -moz-transition: all 200ms ease-in;-moz-transform: scale(1); transition: all 200ms ease-in;transform: scale(1.1); }
.three-block-features{background: #fff;padding: 40px;margin-bottom: 45px;border-radius: 5px;box-shadow: 1px 1px 4px 4px rgba(0, 0, 0, 0.03);}
.card .card-title{color: rgb(174 75 132);}
.video-listing-block .card{margin-bottom: 20px;background: #cccccc1a;height: 100%;}
.video-listing-block .card-body{padding: 25px;}
.video-listing-block .list-wrapper a {margin: 0;display: block;margin-bottom: 12px;padding: 0 8px;}
.list-wrapper img{border: 0.5px solid rgb(174 75 132);}
.video-listing-block iframe{min-height: 250px;}
.training-video iframe{min-height: 600px;}
.training-video {margin-bottom: 35px;}

/* .leadership-board .card-title{margin-bottom: 25px;} */

.ranking-box{display: flex;width: 31.5%; margin: 8px; background: #ad4b831a; padding: 20px;border: 1px solid #c0bfbf70;border-radius: 5px;}
.person-details{display: flex;margin: 0 20px;}
.person-img{width: 50px;height: 50px;border-radius: 50%;display: inline-block;overflow: hidden;}
.designtaion{font-size: 15px;color: rgba(0,0,0,50%) ;display: block;}
.person-data{margin: 0 20px;}
.rank-number{font-size: 15px;color: rgba(0,0,0,40%) ;}
.rank-list{display: flex;flex-wrap: wrap;justify-content: center;}
.leadership-board .card-title{position:relative;font-size:30px;padding:10px 40px;z-index:9;text-align:center;color:#fff;width:400px;background-color:#5e3255;margin:0 auto 65px}
.leadership-board{position: relative;padding: 50px 0;}
.leadership-board .nav-tabs{justify-content: center;}
.leadership-board .nav-tabs .nav-link.active{font-weight: 600;box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, .05);}
.leadership-board .nav-tabs .nav-link{color: #ad4b82;padding: 15px 35px; margin: 0 10px; }
.leadership-board:after{position: absolute;content: "";left: 0;right: 0;top: 0;bottom: 0;background-color: rgb(172 75 131 / 12%);height: 145px;}
.leadership-board .card-title:after,.leadership-board .card-title:before{content:"";width:60px;height:100%;background-color:#5e3255;position:absolute;z-index:-1;top:20px;clip-path:polygon(0 0,100%0,100% 100%,0 100%,25% 50%);background-image:linear-gradient(45deg,transparent 50%,#000 50%);
background-size:20px 20px;background-repeat:no-repeat;background-position:bottom right}
.leadership-board .card-title:before {left: -38px;}
.leadership-board .card-title:after {right: -38px;transform: scaleX(-1); /* flip horizontally */}
.view-more{font-size: 13px;padding: 6px 15px;border-radius: 5px;color: #fff;text-decoration: none;background: rgb(174, 75, 131, 80%);border: 1px solid #5e3255;}
.view-more:hover{background: #fff;color: #5e3255;}

 /****************** VIDEO LISTING PAGe ***********************/

 .table th, .table td{padding: 19px 15px;}
 .common-btn{padding: 10px 25px;border-radius: 5px;}
 .view-again-btn{color: #000; text-decoration: none; font-size: 13px;  background-color: #ffda3e;border: 1px solid #ffda3e;}
 .view-again-btn:hover{background: #fff;color: #ffda3e ;}
 .view-btn{color: #000; text-decoration: none; font-size: 13px;background-color: #118cf1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1ad0fc), to(#118cf1));
    background-image: -webkit-linear-gradient(right, #1ad0fc, #118cf1);
    background-image: -moz-linear-gradient(right, #1ad0fc, #118cf1);
    background-image: -ms-linear-gradient(right, #1ad0fc, #118cf1);
    background-image: -o-linear-gradient(right, #1ad0fc, #118cf1);
    background-image: linear-gradient(right, #1ad0fc, #118cf1);border: 1px solid #118cf1;
    color: #ffffff;}
.view-btn:hover{background: #fff;color: #118cf1;}
.filtering-table-box{display: flex;justify-content: space-between;margin-bottom: 25px;}
.filtering-table-box .form-control{min-height: 55px;outline: 1px solid #f8d7da;color: rgb(174 75 132);}
.filtering-table-box label{color: rgb(174 75 132);font-size: 17px;font-weight: bold;}
.filtering-table-box .form-group{width: 49%;}
.video-watch-list th{background: rgba(174 75 132/ 25%);}
.video-watch-list .btn{min-width: 115px;padding: 10px;}

/*********************** USER VIEW VIDEO PAGE ********************/

.video-section-wrapper{display: flex;justify-content: space-between;position: relative;transition: 0.5s ease-in-out;}
.video-section-wrapper.exit .video-play-section{width: 100%;transition: 0.5s ease-in-out;margin-top: 30px;}
.video-section-wrapper .video-play-section{width: 60%;transition: 0.5s ease-in-out;}
.user-view-video-left{width: 38%;}
.user-view-video{margin-top: 30px;}
.exit-fullscreen{display: none;}
.video-section-wrapper.exit .exit-fullscreen{display: block;}
.video-section-wrapper.exit .view-fullscreen-btn{display: none;}
.video-section-wrapper .user-view-video-left{width: 38%!important;transition: 0.5s ease-in-out;opacity: 1;display: block;}
.user-view-video-left .accordion-button{background: #ddd;}
.video-section-wrapper.exit .user-view-video-left{width: 0!important;transition: 0.5s ease-in-out;opacity: 0;display: none;}
.accordion-button:not(.collapsed) {color: #ae4b84;background-color: #cd9ab770;}

.step p{font-size: 16px;line-height: 26px;}

.step p b{color: #ae4b84;font-size: 17px;}

.accordion-button{padding: 20px 15px;font-size: 18px;}

.note p{font-size: 15px;color: rgba(0,0,0,60%) ;font-style: italic;line-height: 26px;margin: 0;}

.accordion-button:focus{border: 0;box-shadow: none;}

.accordion-button:not(.collapsed)::after{background: url(../images/accordion-arrow.png);background-size: contain; background-repeat: no-repeat;}

.video-script{margin-top: 40px;}

.user-view-video h6{color: #ae4b84;font-size: 18px;margin-top: 15px;border-top: 1px solid #00000014; padding-top: 21px;}

.user-view-video p{color: rgba(0,0,0,55%) ;font-size: 15px;}

.video-script h3{color: #5e3255;margin-bottom: 20px;}

.watchvideo-languages .btn.btn-fw{ padding: 8px 18px;min-width: auto;font-size: 13px;margin-bottom: 20px;font-weight: normal; 

margin-top: 15px;  font-family: "ubuntu", sans-serif;}

.video-play-section ,.video-play-section video{height: 100%;}

.watchvideo-languages{position: relative;}

.view-fullscreen.btn{position: absolute;z-index: 9;right: 0;top: -80px;box-shadow: none;padding: 10px 20px;}
.view-fullscreen.btn span{color: #fff;font-size: 16px;}
.failed-box{display: block;position: relative;min-height: 300px;text-align: center;}

.failed-box span{width: 90px;display: inline-block;}

.failed-box span.oops{width: 300px;}

.failed-box span.object-oops{width: 50px;}

.failed-box p{margin: auto 0;font-size: 28px;font-weight: bold;padding-left: 0;margin-right: 15px;color: #ae4b84;}

.object {animation: MoveUpDown 1s linear infinite;position: relative;left: 0; top: 0;}



@keyframes MoveUpDown {

  0%, 100% {

    bottom: 0;

  }

  50% {

    top: 20px;

  }

}

.face{background:#fffead 0 0;border:2px solid #d2d021;border-radius:100px;margin:auto;height:100px;width:100px;animation:tilt 4s infinite;box-shadow:inset 0 0 10px #d5d30f}



@keyframes tilt {

		0% {top:300px;  transform: scale(1);}

		25% {top:250px;  transform: scale(1.1);}

		50% {top:300px;  transform: scale(1);}

		75% {top:250px;  transform: scale(1.1);}

		100% {top:300px;  transform: scale(1);}

		

}

.eye1{background: #333 none repeat scroll 0 0;  border-radius: 15px; display: block; height: 15px;  left: 21px; position: relative;  top: 30px; width: 15px;}

.eye2{background: #333 none repeat scroll 0 0;   border-radius: 15px; display: block; height: 15px;  left: 60px; position: relative;  top: 13px; width: 15px;}



.mouth{animation:1s ease 0s normal none infinite running smile;border-bottom:5px solid #333;border-image:none;border-left:medium none;border-radius:50px;border-right:medium none;height:77px;margin:0 auto;position:relative;top:50px;transform:rotate(-180deg)}

.eyes{animation:move 1s infinite;position:absolute}

.eye1,.eye2{top:20px}

.failed-content{display:flex;justify-content:center;margin-bottom:20px;margin-top:-50px}



	@keyframes smile {

		0% {width: 60px; margin-top:5px;}

		50% {width: 70px; margin-top:0px;}

		100% {width: 60px; margin-top:5px;}

	}

	

	@keyframes move {

		0% {margin-top: 10px; height:15px;}

		50% {margin-top: 7px; height:18px;}

		100% {margin-top: 10px; height:15px;}

	}





  /***************************** CONGRATULATIONS **************************/



.congratulations-block .card{min-height: 200px;}

.congrats {padding: 20px 10px;text-align: center;margin: 0 auto;left: 0;right: 0;}

.cool-img{margin-top: -210px;display: block;}

.congrat-box {top: 140px;width: 550px;height: 50px; text-align: center; margin: 0 auto;left: 0;right: 0;}

.button-links{margin-top: 35px;}

.congrats img{width: 200px;}



  /******************** .congrats  ***************************/



  .congratulations-block  h1 {transform-origin: 50% 50%;font-size: 50px;cursor: pointer;z-index: 2; top: 0;text-align: center;width: 100%;display: flex;color: #ae4b84;}

  .congratulations-block  h1  span{width: 70px;margin-left: 20px;}

  .hartoise-journey .card-body , .industrial-hartoise .card-body{padding: 0;}

  .accordion-block tr:nth-child(even) {background: #ae4b833b}

  .accordion-block tr:nth-child(odd) {background: #cccccc70}



  @keyframes confetti-slow {

    0% {

      transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);

   }

    100% {

      transform: translate3d(25px, 105vh, 0) rotateX(360deg) rotateY(180deg);

   }

 }

  @keyframes confetti-medium {

    0% {

      transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);

   }

    100% {

      transform: translate3d(100px, 105vh, 0) rotateX(100deg) rotateY(360deg);

   }

 }

  @keyframes confetti-fast {

    0% {

      transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);

   }

    100% {

      transform: translate3d(-50px, 105vh, 0) rotateX(10deg) rotateY(250deg);

   }

 }





.confetti-container{perspective:700px;position:absolute;overflow:hidden;top:0;right:0;bottom:0;left:0}

.congratulations-block .js-container.container{height:150px}.confetti{position:absolute;z-index:1;top:-10px;border-radius:0}

.confetti--animation-slow{animation:confetti-slow 2.25s linear 1 forwards}

.confetti--animation-medium{animation:confetti-medium 1.75s linear 1 forwards}

.confetti--animation-fast{animation:confetti-fast 1.25s linear 1 forwards}





  /* ANIMATION BLOck */







/* Loader 6 */

.loader-6{height:32px;width:32px}

.loader-6 span,.loader-6 span::after,.loader-6 span::before{display:block;position:absolute;top:0;left:0;bottom:0;right:0;height:50px;width:50px}

.loader-6 span::after,.loader-6 span::before{content:"";left:-20px;right:-20px;margin:auto;height:60px;width:60px;border:5px solid #ae4b83;border-radius:50%;opacity:0;-webkit-animation:loader-6-1 1.5s cubic-bezier(.075,.82,.165,1) infinite;animation:loader-6-1 1.5s cubic-bezier(.075,.82,.165,1) infinite}

@-webkit-keyframes loader-6-1 {

	0%   { -webkit-transform: translate3d(0, 0, 0) scale(0); opacity: 1; }

	100% { -webkit-transform: translate3d(0, 0, 0) scale(1.5); opacity: 0; }

}

@keyframes loader-6-1 {

	0%   { transform: translate3d(0, 0, 0) scale(0); opacity: 1; }

	100% { transform: translate3d(0, 0, 0) scale(1.5); opacity: 0; }

}

.loader-6 span::after {

	-webkit-animation: loader-6-2 1.5s cubic-bezier(0.075, 0.820, 0.165, 1.000) .25s infinite;

	        animation: loader-6-2 1.5s cubic-bezier(0.075, 0.820, 0.165, 1.000) .25s infinite;

}

@-webkit-keyframes loader-6-2 {

	0%   { -webkit-transform: translate3d(0, 0, 0) scale(0); opacity: 1; }

	100% { -webkit-transform: translate3d(0, 0, 0) scale(1); opacity: 0; }

}

@keyframes loader-6-2 {

	0%   { transform: translate3d(0, 0, 0) scale(0); opacity: 1; }

	100% { transform: translate3d(0, 0, 0) scale(1); opacity: 0; }

}



/* Layout */

.center {display: block;position: absolute;top: 0; left: 0;bottom: 0; right: 0;}

.wrapper {position: relative;width: 100%;max-width: 1000px;height: 100%;margin: 0 auto;}

.wrapper .header {text-align: center;position: absolute;top: 10%; left: 0;bottom: auto; right: 0;margin: auto;letter-spacing: 0.15em;z-index: 1;}

.loader-list {

	display: -webkit-flex;display:flex;-webkit-flex-flow: row wrap; flex-flow: row wrap;

	-webkit-justify-content: center;

	        justify-content: center;

	-webkit-align-items: center;

	        align-items: center;

	-webkit-align-content: center;

	        align-content: center;

	position: relative;

	width: 100%;

	height: 100%;

	clear: both;

}





.loader-list li{-webkit-flex:1 1 auto;flex:1 1 auto;position:relative;display:block;width:calc(100%/3);height:calc(100vh/4)}

.zoom-in-zoom-out{width:50px;height:50px;background:green;animation:zoom-in-zoom-out 3s ease-out infinite}

@keyframes zoom-in-zoom-out {

  0% {

    transform: scale(1, 1);

  }

  50% {

    transform: scale(1.5, 1.5);

  }

  100% {

    transform: scale(1, 1);

  }

}







.blink1 {animation: blinker 2.3s ease infinite;}

.blink2 {animation: blinker 1.8s linear infinite;}

@keyframes blinker {

  50% {

    opacity: 0;

  }

}





/* FADE IN OUT ANIMATION */
@keyframes zoominoutsinglefeatured {
  0% {
      transform: scale(1,1);
  }
  50% {
      transform: scale(1.02,1.02);
  }
  100% {
      transform: scale(1,1);
  }
}

.three-block-features .card {
  animation: zoominoutsinglefeatured 3s infinite ;
}
/* .three-block-features .card img{animation: zoominoutsinglefeatured 3s infinite ;} */
.three-block-features .card img {right: -10%;
  bottom: 15%;
  position: absolute;
  -webkit-animation: linear infinite;
  -webkit-animation-name: run;
  -webkit-animation-duration: 6s;
}
@-webkit-keyframes run {
  0% {
    right: -10%;
  }
  50% {
    right: 0;
  }
  100% {
    right: -10%;    
  }
}
.three-block-features  .bg-gradient-danger {
  background: -webkit-gradient(linear, left top, right top, from(#ffa267), to(#ff4576)) !important;
  background: linear-gradient(to right, #ffa267, #ff4576) !important;
}
.three-block-features .bg-gradient-info {
  background: -webkit-gradient(linear, left top, right top, from(#90caf9), color-stop(99%, #0264b3)) !important;
  background: linear-gradient(to right, #90caf9, #0264b3 99%) !important;
}
.three-block-features .bg-gradient-success {
  background: -webkit-gradient(linear, left top, right top, from(#84d9d2), to(#00b397)) !important;
  background: linear-gradient(to right, #84d9d2, #00b397) !important;
}
/* .fadeinout{ animation: fadeinout 1.5s infinite;}

.fadeinout.fadeinout1{animation: fadeinout 1.8s infinite;}

.fadeinout.fadeinout2{animation: fadeinout 2s infinite;

}

@keyframes fadeinout

{

  0%{

    opacity:0.5;

  }

  50%

  {

    opacity:1;

  }

  100%

  {

    opacity:0.5;

  }

} */



/* BUTTON ANIMATIOM */



.btn{overflow:hidden;position:relative}

.btn:before{position:absolute;content:"";display:inline-block;top:-180px;left:0;width:30px;height:100%;background-color:#fff;}

  /* animation:shiny-btn1 3s ease-in-out infinite} */

.btn:hover{opacity:.7}

.btn:active{

  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),

              -4px -4px 6px 0 rgba(116, 125, 136, .4), 

    inset -4px -4px 6px 0 rgba(255,255,255,.4),

    inset 4px 4px 6px 0 rgba(0, 0, 0, .4);

}





@-webkit-keyframes shiny-btn1 {

    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }

    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }

    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }

    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }

}





/* ATTend exam */

.attend-exam .failed-content , .failed-test .failed-content{margin-top: 0;}

.examination-section .card.initial-screen{min-height: 80vh;background: #ae4b8321;}

.examination-section h3{color: #5e3255;margin-bottom: 25px;border: 0;}

.examination-section .card{margin: 25px 0;}

.start-screen,

.score-container {position: absolute;top: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}

.quetsions,.question-status{display: flex;flex-wrap: wrap;}

.checkbox{margin-right: 10px;margin-bottom: 10px;}

.checkbox label{margin-right: 5px;}

.examination-section button {border: none;border-bottom: 1px solid #00000030;outline: none;cursor: pointer;}

#start-button,

#restart {font-size: 1.3em;padding: 0.5em 1.8em;background-color: #ae4b83;color: #fff;/* border-radius: 0.2em; */}

#restart {margin-top: 0.9em;}

.start-up{width: 30%;}

#display-container,.examination-section a{background-color:#fff;position:relative;box-shadow:0 20px 45px rgba(0,24,56,.15)}

#display-container{padding:3.1em 1.8em;width:100%;margin:0 auto;border-radius:.6em}

.examination-section a{display:block;margin-top:1em;text-align:center;text-decoration:none;color:#ae4b83;font-size:1.4em;font-weight:600;padding:1em 0;border-radius:.4em}.examination-section .header,.timer-div{display:flex;align-items:center;justify-content:space-between}

.examination-section .header{margin-bottom:1.8em;padding-bottom:.6em;border-bottom:.1em solid #c0bfd2}

.timer-div{background-color:#e1f5fe;width:7.5em;border-radius:1.8em;padding:.7em 1.8em}

.question{margin-bottom:1.25em;font-weight:500}

.option-div{font-size:.9em;width:100%;padding:1em;margin:.3em 0;text-align:left;outline:0;background:0 0;border:1px solid #c0bfd2;border-radius:.3em}

.option-div:disabled{color:#0b012d;cursor:not-allowed}

.btn-container{width:100%;display:flex;justify-content:flex-end;margin-top:1.5em}

.hide {display: none;}

.correct {background-color: #e7f6d5;color: #689f38;border-color: #689f38;}

.inCorrect {background-color: #ffdde0;color: #d32f2f;border-color: #d32f2f;}

#user-score {font-size: 1.5em;color: #ae4b83;}

i.fab {color: #ff0000;}

/********************** LISTING PAGE STYLE ****************************88*/

.list-video{ display: flex;position: relative; box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, .08) ;border-radius: 5px;padding: 25px;

  margin-top: 25px;background-color: #f2edf3;padding-left: 170px;border: 1px solid rgb(174 75 132);}

  .duration-video{font-size: 13px;display: block;color: #ae4b83;margin-top: 10px;}

.img-video{width: 150px;height: 100%;display: inline-block;position: absolute;left: 0;top: 0;bottom: 0;background-position: center;

  background-size: cover!important;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}

.pagination{margin-top: 25px;justify-content: flex-end;}

.pagination a{color: #ae4b83;}



/* Level 2 USER EATCH LIST */

.level-2-examination.video-watch-list .btn{width: 115px;display: block;margin-top: 10px;}

.module{text-decoration: none;color: #ae4b83;font-size: 12px;border: 1px solid #ae4b83;padding: 5px 10px;border-radius: 5px;display: inline-block; 

  margin: 10px 0;}
.level2-video video{height: auto!important;}
.level2-video .btn{margin-top: 20px;}
.level-2-examination.video-watch-list .img-video{width: 170px;}

.list-video{padding-left: 190px;}

.modal.show .modal-dialog{max-width: 65%;margin: auto;margin-top: 50px;}
.detailModal tr:nth-child(even) {background-color: #e0e0e0;}

.detailModal tr:nth-child(odd) {background-color: #f2e0ea;}

.modal-title{color: rgb(174 75 132);font-size: 28px;}

.modal-content{background: #f2f2d9;border-radius: 5px;}

.detailModal.detailModal2 tr:nth-child(odd) {

  background-color: #000;color: #fff;

}

.detailModal.detailModal2 tr:nth-child(even) {

  background-color: #2b2929;color: #fff;

}

.detailModal.detailModal2 .modal-content{background: #000;}

.detailModal.detailModal2 .modal-title{color: #fff;}

.video-list-level2 .nav-pills .nav-link {text-align: left;padding-right: 100px!important;color: #1a202c;margin-bottom: 15px;line-height: 24px;}

.video-list-level2 .nav-pills .nav-link span{color: #7c8698;}

.video-list-level2 .tab-content{width: 65%;}

.video-list-level2 h5{color: #ae4b83;font-size: 15px;margin: 15px 0 0;margin-bottom: 35px;}

.video-list-level2 .accordion-item{border: 2px solid #fff!important;border-radius: 5px;margin-bottom: 15px;}

.video-list-level2 .accordion-collapse.show{border: 2px solid #ae4b83!important;border-radius: 5px;}

.video-list-level2 .nav-pills .nav-link.active, .nav-pills .show > .nav-link{background: #fff;color: #ae4b83;padding: 15px;

border: 1px solid #000;}

/* .video-list-level2 .nav-pills .nav-link {color: #ae4b83;} */

.video-list-level2 .nav-pills .nav-link span, .nav-pills .show > .nav-link span{

  font-size: 14px;display: block;

}

.video-view-block{position: relative;}

.video-view-block h5{background: rgb(174 75 132 / 10%);padding: 15px;margin-bottom: 0;cursor: pointer;}

.video-view-block:after{position: absolute;content: "+";right: 10px;top: 13px;color: #ae4b83;}

/* .video-view-list-block ul{padding: 0 25px;} */

.video-view-list-block li{list-style-type: none;position: relative;padding: 10px ;}

.video-view-list-block li:nth-of-type(odd) {

background: rgb(174 75 132 / 3%);

  }

  .video-view-list-block li:nth-of-type(odd) a    {  color:#ae4b83;text-decoration: none;}

  .video-view-list-block li:nth-of-type(even) a    {  color:#000;text-decoration: none;}

  .video-view-list-block li:nth-of-type(even) {

  background-color:#f9f2f2;

  }

.video-view-list-block li:after{position: absolute;    content: "\F36B";right: 20px;color: #b66dff;    font: normal normal normal 24px/1 "Material Design Icons";}



/* VIEW VIDEO LEVEL 2 */

.video-view-page-level2 h2{color: #ae4b83;margin-bottom: 25px;}

.how-it-works .card{border: 0;}
.how-it-works .card-text{    font-size: 16px;line-height: 24px;font-weight: 400;}
.video-view-page-level2  li{list-style-type: none;display: flex;}

.video-view-page-level2 li i{color: #ae4b83;margin-right: 8px;}



.module_list li{list-style-type: none;}

.module_list{list-style:none;padding:30px 0;border-radius:4px}

.order-list{background-color:rgb(174 75 132/7%);padding:15px}

.module_list li{padding:10px 20px}

.module_list li:nth-child(odd){text-align:left;border-left:6px solid #ae4b83;border-bottom:6px solid #dfaac8}

.module_list li:nth-child(even){text-align:right;border-right:6px solid #ae4b83;border-bottom:6px solid #dfaac8}

.order-num{color: #ae4b83;}

.order-desc{color:  rgba(0 0 0 /55%) ;}

.about-course-block p{line-height: 30px;}

.about-course-block li{margin: 10px 0;}
.course-details-section li{list-style-type: none;display: block;}
.course-details-section li i{color: #ae4b83;margin-right: 8px;}
.course-details-section .about-course-block.card{height: 100%;}
ul.tasks-widget li {background: #ae4b8314;margin-bottom: 3px; padding: 15px 15px; border-bottom: 1px solid #e1e5f1;    color: rgba(0 0 0 /75%); line-height: 2;margin: 0 8px;text-align: center;}
ul.tasks-widget li svg{width: 16px;}



/******************************* CUSTOM COUNTER BOX *******************************/



/*Required CSS*/

svg.radial-progress{height:auto;max-width:240px;padding:0;transform:rotate(-90deg);position: static; width:100%;background-image:linear-gradient(-225deg,#FF057C 0%,#8D0B93 50%,#321575 100%);border-radius:50%;}

.svg-container svg.radial-progress:nth-child(even) {margin: 0 15px;}

svg.radial-progress circle{fill:transparent;stroke:#fff;}

svg.radial-progress circle.bar-static{stroke:#fafafa!important;}

svg.radial-progress circle.bar--animated{stroke-dasharray:219.91148575129;stroke:#ffffff;stroke-dashoffset:219.91148575129;stroke-width:4px;stroke-linecap:round;}

svg.radial-progress text{fill:#fafafa;font-family:Roboto;font-size:16px;font-weight:700;text-anchor:middle;text-shadow:0 0 5px #0000007a;}



/*For CodePen*/

/* body{text-align:center;margin:0;min-height:100vh;flex-wrap:wrap;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#ffffff;  */

/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='0' y1='1' y2='0' gradientTransform='rotate(0,0.5,0.5)'%3E%3Cstop offset='0' stop-color='%23ff057c'/%3E%3Cstop offset='1' stop-color='%23321575'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%23F00'/%3E%3Cstop offset='1' stop-color='%23FC0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='%23FFF' fill-opacity='0' stroke-miterlimit='10'%3E%3Cg stroke='url(%23a)' stroke-width='7.26'%3E%3Cpath d='M1409 581 1450.35 511 1490 581z'/%3E%3Ccircle stroke-width='2.4200000000000004' transform='' cx='500' cy='100' r='40'/%3E%3Cpath transform='' d='M400.86 735.5h-83.73c0-23.12 18.74-41.87 41.87-41.87S400.86 712.38 400.86 735.5z'/%3E%3C/g%3E%3Cg stroke='url(%23b)' stroke-width='2.2'%3E%3Cpath transform='' d='M149.8 345.2 118.4 389.8 149.8 434.4 181.2 389.8z'/%3E%3Crect stroke-width='4.840000000000001' transform='' x='1039' y='709' width='100' height='100'/%3E%3Cpath transform='' d='M1426.8 132.4 1405.7 168.8 1363.7 168.8 1342.7 132.4 1363.7 96 1405.7 96z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-position: bottom;background-size:cover;} */

.svg-container{width:52%;margin: auto; max-width:100%;display:flex;align-items:center;justify-content:space-evenly;text-align: center;}

.devider{font-size:50px;padding:20px;min-height:11vh;color:#fff;

  width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(-225deg,#FF057C 0%,#FF057C 40%,#321575 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;}

.course-details-section h4{color: #ae4b83;text-align: center;margin: 15px 0;}

.tasks-widget i{font-size: 20px;}

.tasks-widget li span{margin: 0 10px ;display: inline-block;}

.time-management{text-align: center;margin-bottom: 40px;}



/* CIRCLe animation */



.time-management .center {position: relative; width: 250px; height: 250px;margin: auto;}

.time-management .frame{position: relative;}

.time-management .frame:after{position: absolute;content: "";top: 0;left: 0;right: 0;height: 200px;background: rgb(174 75 132 / 10%);}

.time-management-content h4{position: absolute;bottom: 125px;left: 0;right: 0;font-size: 30px;color: #ae4b83;}



Minified CSS

 Source map

 Restructure

 Beautify

.fa-bell{font-size:54px;color:#fff;animation:ring 3s ease infinite;z-index:1}

.line-1,.line-2,.line-3,.line-4{position:absolute;left:0;width:300px;height:300px;z-index:0;fill:none;stroke:rgb(174 75 132/55%);stroke-width:2px;stroke-dasharray:40 40;animation:lines 3s ease infinite}

.line-2,.line-3,.line-4{animation:lines 3s ease .5s infinite}

.line-3,.line-4{animation:lines 3s ease .7s infinite}

.line-4{animation:lines 3s ease .9s infinite}



@keyframes ring {



  0%,

  50%,

  100% {

    transform: rotate(0);

  }



  10%,

  20%,

  30%,

  40% {

    transform: rotate(6deg);

  }



  45% {

    transform: rotate(4deg);

  }



  5%,

  15%,

  25%,

  35% {

    transform: rotate(-6deg);

  }

}



@keyframes lines {

  0% {

    transform: translate3d(0, 0, 0) scale(1);

    opacity: 1;

  }



  100% {

    transform: translate3d(60px, 60px, 60px) scale(2);

    opacity: 0;

  }

}





/* QUESTIONAIRE */

.question_text {color: #5e3255;font-weight: bold;}

.questionaire_page .form-check .form-check-input{margin-left:0px ;border: 1px solid #5e3255;}

.questions_block{background: #fff;margin-bottom: 25px;padding: 25px;width: 49%;border: 2px solid rgb(174 75 132);border-radius: 5px;

background: rgb(255 255 255 / 76%);position: relative;overflow: hidden;z-index: 9;}

.questionaire_wrapper{display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}

.count_questions{color:#5e3255;font-weight: bold;}

.questionaire_page .form-check .form-check-label {color: #5e3255;}



/* BACKGROUND ANIMATION */



.main__bg{background-image:linear-gradient(-60deg,#da8cff 20%,#ffebf3 20%);animation:slide 3s ease-in-out infinite alternate;position:absolute;top:0;bottom:0;left:-50%;right:-50%;opacity:.5;z-index:-1}

.layer1{animation-direction:alternate-reverse;animation-duration:4s}

.layer2{animation-duration:5s}

@keyframes slide {

  0% {

      transform: translateX(-25%);

  }

  100% {

      transform: translateX(25%);

  }

}



/* CONGRATS LEVEL 2 */

.congrats-box-level2{text-align: center;}

.failed-box-level2 img{width: 300px;}

.failed-box-level2{text-align: center;}

.failed-box-level2 h3 img{width: 100px;}



/* FEEDBACK FORM PAGE */

.feedback-form{padding: 50px;}

.feedback-form .form-check{padding-left: 55px;}

.feedback-form .form-group .feedback-question{font-size: 18px;}

.box,.box .content{padding:20px;position:relative}

.box{top:50%;right:0;background:rgb(92 50 85);box-sizing:border-box;overflow:hidden;box-shadow:0 20px 50px rgb(174 75 132/70%);border:2px solid #5e3255;color:#fff;width:85%;z-index:9}

.box span,.box:before{position:absolute;top:0;width:100%;height:100%}

.box:before{content:"";left:-50%;transform:skewX(-5deg);background:rgb(174 75 132/35%);transition:.5s;pointer-events:none}

.box .content{top:15px;border:1px solid #5e3255;box-shadow:0 5px 10px rgba(9,0,0,.5)}

.box span{left:0;display:block;box-sizing:border-box;z-index:-1}

.box span:nth-child(1){transform:rotate(0deg)}

.box span:nth-child(2){transform:rotate(90deg)}

.box span:nth-child(3){transform:rotate(180deg)}

.box span:nth-child(4){transform:rotate(270deg)}

.box span:before{content:"";position:absolute;width:100%;height:2px;background:rgb(255 255 255/100%);animation:animate 4s linear infinite}

@keyframes animate {

  0% {

  transform:scaleX(0);

  transform-origin: left;

  }

  50%

  {

    transform:scaleX(1);

  transform-origin: left;

  }

  50.1%

  {

    transform:scaleX(1);

  transform-origin: right;

    

  }

  

  100%

  {

    transform:scaleX(0);

  transform-origin: right;

    

  }

  

  

} 





.box{width:100vw;height:100%;outline:.5px solid gray;background:radial-gradient(#333 8%,#0f0f0f 3%);background-size:2vmin 2vmin;animation:move 350s alternate infinite linear;transition:width .5s,height .5s}

.box:hover{width:100vw;animation-play-state:paused}

.content{display:grid;height:100%;place-items:center;transition:opacity .5s .5s}



@keyframes move {

	from {

		background-position: 50% 50%; 

	}

	to {

		background-position: 50% 1000%;

	}

}



/* TABLE CSSS */

.listing-table td{background: transparent;}

.listing-table tr:nth-child(even) {background: #eee!important}

.listing-table tr:nth-child(odd) {background: #FFF!important}

table.listing-table.dataTable {background: #b25b8d42;padding: 20px;border-radius: 5px;margin-bottom: 35px!important;}

div.dataTables_wrapper div.dataTables_length select{color: #000;margin: 0 10px;}

.listing-table.table.dataTable thead .sorting:after{bottom: 1.9em;color: #ae4b83;opacity: 1;}

.listing-table.table.dataTable thead .sorting:before{bottom: 1.9em;color: #ae4b83;opacity: 1;}

.user-watch-listing .page-item.active .page-link {z-index: 3;color: #fff;background-color: #ae4b83;border-color: #ae4b83;}

.user-watch-listing div.dataTables_wrapper div.dataTables_filter label,

.user-watch-listing div.dataTables_wrapper div.dataTables_length label{color: #ae4b83;}

.user-watch-listing  div.dataTables_wrapper div.dataTables_filter input{ border-color: #ae4b8378;}

.exam-questions .form-check-inline {width: 43%;display: inline-block;padding-left: 28px;}

.question-status{margin-bottom: 25px;}

.question-status .checkbox{display: block;width: 100%;}

.question-status label{color: #ae4b83;font-size: 18px;margin-left: 15px;}

/* COUNTDOWN TIMER  */



#countdown,#countdown svg{width:40px;height:40px}

#countdown{position:relative;margin:100px auto auto;text-align:center}

#countdown-number{color:#ae4b83;display:inline-block;line-height:40px}

#countdown svg{position:absolute;top:0;right:0;transform:rotateY(-180deg) rotateZ(-90deg)}

#countdown svg circle{stroke-dasharray:113px;stroke-dashoffset:0;stroke-linecap:square;stroke-width:4px;stroke:#ae4b83;fill:none;animation:countdown 30s linear infinite forwards}

@keyframes countdown {

  from {

    stroke-dashoffset: 0px;

  }

  to {

    stroke-dashoffset: 113px;

  }

}





/***************************** SIGNUP FORM  *********************************/



.login-root{background:#fff;display:flex;width:100%;min-height:100vh;overflow:hidden;margin-top: 50px;}

.loginbackground{min-height:692px;position:fixed;bottom:0;left:0;right:0;top:0;z-index:0;overflow:hidden}

.flex-flex{display:flex}.align-center,.center-center{align-items:center}

.center-center{justify-content:center}

.box-root{box-sizing:border-box}

.flex-direction--column{-ms-flex-direction:column;flex-direction:column}

.loginbackground-gridContainer{display:-ms-grid;display:grid;-ms-grid-columns:[start]1fr[left-gutter](86.6px)[16][left-gutter]1fr[end];grid-template-columns:[start]1fr[left-gutter]repeat(16,86.6px)[left-gutter]1fr[end];-ms-grid-rows:[top]1fr[top-gutter](64px)[8][bottom-gutter]1fr[bottom];grid-template-rows:[top]1fr[top-gutter]repeat(8,64px)[bottom-gutter]1fr[bottom];justify-content:center;margin:0-2%;transform:rotate(-12deg) skew(-12deg)}.box-divider--light-all-2{box-shadow:inset 0 0 0 2px #e3e8ee}

.box-background--blue{background-color:rgb(174 75 132)}.box-background--white{background-color:#fff}

.box-background--blue800{background-color:rgb(174 75 132/50%)}

.box-background--gray100{background-color:#e3e8ee}

.box-background--cyan200{background-color:rgb(174 75 132/40%)}

.flex-justifyContent--center{-ms-flex-pack:center;justify-content:center}

.formbg{width:100%;max-width:600px;background:#fff;border-radius:4px;padding:55px;margin:15px auto 0;box-shadow:rgba(60,66,87,.12)0 7px 14px 0,rgba(0,0,0,.12)0 3px 6px 0}

.formbg .form-group{margin-bottom:20px}

.formbg .field{width:48%}span{/*display:block;*/font-size:20px;line-height:28px;color:#1a1f36}

label{margin-bottom:10px}.reset-pass a,label{font-size:14px;font-weight:600;display:block}

.reset-pass>a{text-align:right;margin-bottom:10px}

.grid--50-50{display:grid;grid-template-columns:50% 50%;align-items:center}



.form-control {

    font-size: 16px;

    line-height: 28px;

    padding: 8px 16px;

    width: 100%;

    min-height: 44px;

    border: unset;

    border-radius: 4px;

    outline-color: rgb(174 75 132 / 50%);

    background-color: rgb(255, 255, 255);

    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, 

                rgba(0, 0, 0, 0) 0px 0px 0px 0px, 

                rgba(0, 0, 0, 0) 0px 0px 0px 0px, 

                rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, 

                rgba(0, 0, 0, 0) 0px 0px 0px 0px, 

                rgba(0, 0, 0, 0) 0px 0px 0px 0px, 

                rgba(0, 0, 0, 0) 0px 0px 0px 0px;

}



input[type="submit"] {

    background-color: rgb(174 75 132);

    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, 

                rgba(0, 0, 0, 0) 0px 0px 0px 0px, 

                rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, 

                rgb(174 75 132) 0px 0px 0px 1px, 

                rgba(0, 0, 0, 0) 0px 0px 0px 0px, 

                rgba(0, 0, 0, 0) 0px 0px 0px 0px, 

                rgba(60, 66, 87, 0.08) 0px 2px 5px 0px;

    color: #fff;

    font-weight: 600;

    cursor: pointer;

}

.field-checkbox input{width:20px;height:15px;margin-right:5px;box-shadow:unset;min-height:unset}

.field-checkbox label{display:flex;align-items:center;margin:0}

a.ssolink{display:block;text-align:center;font-weight:600}

.footer-link span{font-size:14px;text-align:center}

.listing a{color:#697386;font-weight:600;margin:0 10px}

.animationRightLeft{animation:animationRightLeft 2s ease-in-out infinite}

.animationLeftRight{animation:animationLeftRight 2s ease-in-out infinite}

.tans3s{animation:animationLeftRight 3s ease-in-out infinite}

.tans4s{animation:animationLeftRight 4s ease-in-out infinite}



@keyframes animationLeftRight {

  0% {

    transform: translateX(0px);

  }

  50% {

    transform: translateX(1000px);

  }

  100% {

    transform: translateX(0px);

  }

} 



@keyframes animationRightLeft {

  0% {

    transform: translateX(0px);

  }

  50% {

    transform: translateX(-1000px);

  }

  100% {

    transform: translateX(0px);

  }

}

.sign-up-page{position: relative;z-index: 9;width: 100%;}

.sign-up-page::after{position: absolute;content: "";left: 0;right: 0;top: 0;bottom: 0;background: url(../images/bg4.jpg);opacity: 0.09;}

.form-flex{display: flex;flex-wrap: wrap;justify-content: space-between;}

.sign-up-page input[type=radio]{width: auto;border: 0;    top: 0; position: relative; box-shadow: none;}

.form-group-check{display: flex;margin-top: 20px;}

.sign-up-page .form-check{margin-right: 15px;}

.sign-up-page h2{color: rgb(174 75 132);}

.sign-up-page .form-control{font-size: 14px;}





/***************************** PROFILE PAGE *****************************/

.profile-page .card {border: 2px solid #ae4b83;height: 70vh;}

#one{
  width: 200px;
  height: 70px;
  background: #F7F3D7;
  border-radius: 0px 0 0px 120px;
  position: relative;margin: auto;
  margin-top: 150px;
}
#one::after{
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  background: #51B5A9;
  border-radius: 0px 0 0px 120px;
  transform: rotate(90deg);
  top: -100px;
}
#one::before{
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  background: #FADE8B;
  border-radius: 0px 0 0px 120px;
  transform: rotate(180deg);
  top: -100px;
  margin-left: 100px;
}

/* customizable snowflake styling */
.snowflake {
  color: #ffbf96;
  font-size: 10px;
  font-family: Arial;
  text-shadow: 0 0 1px #000;
}
.snow-box{width: 200px;height: 100px;position: absolute;overflow: hidden;left: 0;right: 0;margin: auto;top: 143px;}
@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}
.snowflake{position:absolute;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}
.pCard_card{width:26vw;height:60vh;margin:0 auto;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;border-radius:30px;background-color:#f6fcfe;-webkit-box-shadow:0 20px 70px 0 rgba(0,0,0,.21);-moz-box-shadow:0 20px 70px 0 rgba(0,0,0,.21);-ms-box-shadow:0 20px 70px 0 rgba(0,0,0,.21);-o-box-shadow:0 20px 70px 0 rgba(0,0,0,.21);box-shadow:0 20px 70px 0 rgba(0,0,0,.21);position:relative;overflow:hidden}
.pCard_card .pCard_back{text-align:center;position:absolute;left:0;right:0;top:65%;margin-top:-139px;font-weight:600;z-index:1}
.pCard_card .pCard_back a{text-decoration:none}
.pCard_text{text-align: center;}
.pCard_card .pCard_up,.pCard_card .pCard_up .pCard_text{position:absolute;text-align: center; -webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}
.pCard_card .pCard_up{width:100%;height:47vh;background-image:url(https://images.pexels.com/photos/1391499/pexels-photo-1391499.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500);background-position:top;background-size:cover;z-index:3;text-align:center;-webkit-border-top-left-radius:30px;-moz-border-top-left-radius:30px;-ms-border-top-left-radius:30px;-o-border-top-left-radius:30px;border-top-left-radius:30px;-webkit-border-top-right-radius:30px;-moz-border-top-right-radius:30px;-ms-border-top-right-radius:30px;-o-border-top-right-radius:30px;border-top-right-radius:30px}
.pCard_on .pCard_up{height:100px;box-shadow:0 0 30px #cfd8dc}
.pCard_card .pCard_up .pCard_text{top:285px;left:0;right:0;color:#f1f7f9}
.pCard_on .pCard_up .pCard_text{top:20px}
.pCard_card .pCard_up .pCard_text h2{margin:0;font-size:25px;font-weight:600;text-shadow:1px 1px #000}
.pCard_card .pCard_up .pCard_text p{margin:0;font-size:16px;color:#e3f1f5;text-shadow:1px 1px #000}
.pCard_card .pCard_up .pCard_add{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;
border-radius:50%;background-color:#ed145b;-webkit-box-shadow:0 5px 24px 0 rgba(0,0,0,.43);
-moz-box-shadow:0 5px 24px 0 rgba(0,0,0,.43);-ms-box-shadow:0 5px 24px 0 rgba(0,0,0,.43);
-o-box-shadow:0 5px 24px 0 rgba(0,0,0,.43);box-shadow:0 5px 24px 0 rgba(0,0,0,.43);position:absolute;top:42vh;left:0;right:0;margin:auto;width:88px;height:88px;cursor:pointer;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}
.pCard_on .pCard_up .pCard_add{-webkit-transform:rotate(360deg) scale(.5);-moz-transform:rotate(360deg) scale(.5);-ms-transform:rotate(360deg) scale(.5);-o-transform:rotate(360deg) scale(.5);transform:rotate(360deg) scale(.5);top:270px}
.pCard_card .pCard_down,.pCard_card .pCard_down div{-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}
.pCard_card .pCard_down{background-color:#fff;position:absolute;bottom:0;width:100%;height:165px;z-index:2;-webkit-border-bottom-left-radius:30px;-moz-border-bottom-left-radius:30px;-ms-border-bottom-left-radius:30px;-o-border-bottom-left-radius:30px;border-bottom-left-radius:30px;-webkit-border-bottom-right-radius:30px;-moz-border-bottom-right-radius:30px;-ms-border-bottom-right-radius:30px;-o-border-bottom-right-radius:30px;border-bottom-right-radius:30px}
.pCard_on .pCard_down{height:100px;-webkit-box-shadow:0 0 30px #cfd8dc;-moz-box-shadow:0 0 30px #cfd8dc;-ms-box-shadow:0 0 30px #cfd8dc;-o-box-shadow:0 0 30px #cfd8dc;box-shadow:0 0 30px #cfd8dc}
.pCard_card .pCard_down div{width:50%;float:left;text-align:center;margin-top:90px;font-size:18px}
.pCard_on .pCard_down div{margin-top:10px}
.pCard_card .pCard_down div p:first-of-type{color:#68818c;margin-bottom:5px}
.pCard_card .pCard_down div p:last-of-type{color:#334750;font-weight:700;margin-top:0}
.pCard_card .pCard_back a i{margin:10px;padding:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}
.pCard_card .pCard_back a i:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
.pCard_card .pCard_back a:nth-of-type(1) i{color:#3b5998;border:2px solid #3b5998}
.pCard_card .pCard_back a:nth-of-type(2) i{color:#0077b5;border:2px solid #0077b5}
.pCard_card .pCard_back a:nth-of-type(3) i{color:#1769ff;border:2px solid #1769ff}
.pCard_card .pCard_back a:nth-of-type(4) i{color:#000;border:2px solid #000}
.pCard_card .pCard_back a:nth-of-type(5) i{color:#eb5e95;border:2px solid #eb5e95}
.pCard_card .pCard_back a:nth-of-type(6) i{color:#3f729b;border:2px solid #3f729b}
.pCard_card .pCard_up .pCard_add i{color:#fff;font-size:38px;line-height:88px}



.scorelevel .modal-dialog{width: 45%;margin: auto;}

.scorelevel table{width: 100%;}

.scorelevel tr:nth-child(even) {background: #ae4b833b}

.scorelevel  tr:nth-child(odd) {background: #cccccc70}

.scorelevel  td{width: 50%;padding: 10px;}



/* BORDER ANIMATION */

.border-anim::before, .border-anim::after {position: absolute;top: 0;bottom: 0;background: transparent;left: 0;right: 0;z-index: 9!important;width: 100%;}



.border-anim {

  /* width: 200px;

  height: 200px; */

  margin: auto;

}

.border-anim::before, .border-anim::after {

  color: #fff;

  content: "";

  z-index: -1;

  margin: -1%;

  box-shadow: inset 0 0 0 2px;

  animation: clipMe 8s linear infinite;

}

.border-anim::before {

  animation-delay: -4s;

}



@keyframes clipMe {

  0%, 100% {

    clip: rect(0px, 204px, 2px, 0px);

  }

  25% {

    clip: rect(0px, 2px, 204px, 0px);

  }

  50% {

    clip: rect(202px, 204px, 204px, 0px);

  }

  75% {

    clip: rect(0px, 204px, 204px, 202px);

  }

}

/* BORDER ANIMATIONS */
.level-1-examination .accordion{position: relative;border:3px solid #c9c8c8;}
.level-1-examination .blink1{animation: none;}
.level-1-examination .accordion-item p{color: rgba(0 0 0 / 75%) ;text-transform: initial;letter-spacing: 1px;font-weight: normal;}
/* 
.level-1-examination .accordion{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
} */

.level-1-examination .accordion{
  display: block;
  /* width: 150px; */
  line-height: 40px;
  /* background: orangered; */
  text-align: center;
  position: relative;
  text-decoration: none;
  color: #fff;
  font-size: 15px;
  font-weight: 500;z-index: 9;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.level-1-examination .accordion:before,
.level-1-examination .accordion:after{
  position: absolute;
  content: "";
  transition: all .25s;z-index: -1;
}

.level-1-examination .accordion:before{
  border-bottom: 3px solid #ae4b83;
  border-left: 3px solid #ae4b83;
  width: 10%;
  height: 33%;
  left: -3px;
  bottom: -3px;
}

.level-1-examination .accordion:after{
  border-top: 3px solid #ae4b83;
  border-right: 3px solid #ae4b83;
  width: 10%;
  height: 33%;
  top: -3px;
  right: -3px;
}

.level-1-examination .accordion:hover:before{
  width: 100.5%;
  height: 105%;
}

.level-1-examination .accordion:hover:after{
  width: 100.5%;
  height: 105%;
}
.level-1-examination .accordion .accordion-button{padding: 25px 15px;}
.level-1-examination .accordion .accordion-button ul {display: flex;margin-left: 15px;margin-bottom: 0;}
.level-1-examination .accordion .accordion-button ul li {list-style: none;width: 9px;height: 9px;padding: 0;background: #fff;border-radius: 50%;animation: animate 3s ease-in-out infinite; }
    @keyframes animate {
      0%,
      40%,
      100% {
      transform: scale(0.5);
      }
      20% {
      transform: scale(1);
      }
    }
  
    .level-1-examination .accordion .accordion-button  ul li:nth-child(1) {
      animation-delay: 0s;
      background: #ae4b83;
    }
    .level-1-examination .accordion .accordion-button  ul li:nth-child(2) {
      animation-delay: 0.5s;
      background: #ae4b83;
    }
    .level-1-examination .accordion .accordion-button  ul li:nth-child(3) {
      animation-delay: 1s;
      background: #ae4b83;
    }
    .level-1-examination .accordion .accordion-button ul li:nth-child(4) {
      animation-delay: 1.5s;
      background: #ae4b83;
    }
    .level-1-examination .accordion .accordion-button ul li:nth-child(5) {
      animation-delay: 2s;
      background: #ae4b83;
    }
    .level-1-examination .accordion .accordion-button ul li:nth-child(6) {animation-delay: 2.5s;background: #ae4b83;}
    span#cntdwn{font-size: 16px;padding: 5px 10px;border-radius: 10px;}
    .view-questions .btn.btn-fw {min-width: auto;padding: 10px 26px;font-size: 14px;margin-right: 5px;}
    .question-wrap-box .form-check{display: flex;}
    .question-wrap-box .form-check label{margin: 0;padding-left: 9px; margin-top: 3px;font-weight: normal;}
    .next-skip-wrapper .btn.btn-fw {padding: 10px 25px;min-width: auto;margin-left: 10px;}
    .back_to_videos{margin-bottom: 15px;}
    .question-status .checkbox img{margin-right: 10px;}
    #ansdiv img {margin-right: 5px; width: 20px; height: 20px; margin-top: 4px;}
    #ansdiv  a{padding: 0;margin: 0;}
    #ansdiv a img{width: 16px;height: 16px;margin-top: 0;}
    #ansdiv span{font-size: 17px;}
    .check-box-wrap{display: flex;}
    .sidebar{background: #e9d7ed;}

    

/* HARTOISE PACKAGING */
.hartoise-packaging-box{padding: 40px;padding-top: 55px;cursor: pointer;}
.hartoise-packaging-box:after{position: absolute;content: "";right: 0;left: 0;top: 0;bottom: 0;height: 35px;background: #bb6c9a;
  background: -moz-linear-gradient(right, #bb6c9a9c 0%, #ad4a83 100%);
  background: -webkit-linear-gradient(right, #bb6c9a9c 0%,#ad4a83 100%);
  background: linear-gradient(to right, #bb6c9a9c 0%,#ad4a83 100%);}
.hartoise-packaging-box li{list-style-type: none;margin-top: 10px;display: flex;}
.hartoise-packaging-box li i{color: #5d3254;margin-right: 10px;}
.hartoise-packaging-box h3{font-size: 20px;}
.hartoise-packaging-box li b{color: #5d3254;}
.hartoise-packaging .card{height: 100%;}
.hartoise-packaging-box li span{font-size: 14px;color: #3e4b5b;line-height: 24px;}
.hartoise-packaging-coloumn{margin-bottom: 20px;padding: 0 7px;}
.hartoise-packaging-box .purchase{border: 1px solid #3e4b5b;width: 125px;text-align: center;
  padding: 8px 25px;border-radius: 5px;color: #3e4b5b;margin-top: 5px;display: inline-block;text-decoration: none;font-size: 15px;}
  .hartoise-packaging-box:hover{background: #fff;box-shadow: 1px 1px 20px 5px rgb(0 0 0 / 15%);}

/* USER WATCHED LIST */
.passed{color: #1dd21d;font-weight: bold;font-size: 15px;line-height: 24px;}
.score{color: #1bcfb4;font-weight: bold;font-size: 15px;line-height: 24px;}
.attempts-num{color: #d23737;font-weight: bold;font-size: 15px;line-height: 24px;}

div.dataTables_wrapper div.dataTables_info{white-space: pre-wrap;}
div.dataTables_wrapper div.dataTables_filter input{width: 88%!important;}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before{display:none;}
.table th, .table td {
display: table-cell!Important;
}
button#btn_quest {
    margin-bottom: 20px;
}
.examinationblockright.card{
margin-top: 0;
}
.improvescorebutton{
  margin-bottom: 25px;
}