
.responsive-embed iframe,

.responsive-embed object {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.font12{
font-size: 12px
}
.font14 {

	font-size: 14px
}
.font16 {

	font-size: 16px
}



.font18 {

	font-size: 18px
}



.font20 {

	font-size: 20px
}



.font22 {

	font-size: 22px
}



.font24 {

	font-size: 24px
}



.font26 {

	font-size: 26px
}



.font28 {

	font-size: 28px
}



.font30 {

	font-size: 30px
}



.font32 {

	font-size: 32px
}



.font34 {

	font-size: 34px
}



.font36 {

	font-size: 36px
}



.font38 {

	font-size: 38px
}



.font40 {

	font-size: 40px
}



.font42 {

	font-size: 42px
}



.font44 {

	font-size: 44px
}



.font46 {

	font-size: 46px
}



.font48 {

	font-size: 48px
}



.font50 {

	font-size: 50px
}



.mtop0 {

	margin-top: 0 !important
}



.mtop1 {

	margin-top: 1px !important
}



.mtop2 {

	margin-top: 2px !important
}



.mtop3 {

	margin-top: 3px !important
}



.mtop4 {

	margin-top: 4px !important
}



.mtop5 {

	margin-top: 5px !important
}



.mtop6 {

	margin-top: 6px !important
}



.mtop7 {

	margin-top: 7px !important
}



.mtop8 {

	margin-top: 8px !important
}



.mtop9 {

	margin-top: 9px !important
}



.mtop10 {

	margin-top: 10px !important
}



.mtop11 {

	margin-top: 11px !important
}



.mtop12 {

	margin-top: 12px !important
}



.mtop13 {

	margin-top: 13px !important
}



.mtop14 {

	margin-top: 14px !important
}



.mtop15 {

	margin-top: 15px !important
}



.mtop16 {

	margin-top: 16px !important
}



.mtop17 {

	margin-top: 17px !important
}



.mtop18 {

	margin-top: 18px !important
}



.mtop19 {

	margin-top: 19px !important
}



.mtop20 {

	margin-top: 20px !important
}



.mtop21 {

	margin-top: 21px !important
}



.mtop22 {

	margin-top: 22px !important
}



.mtop23 {

	margin-top: 23px !important
}



.mtop24 {

	margin-top: 24px !important
}



.mtop25 {

	margin-top: 25px !important
}



.mtop26 {

	margin-top: 26px !important
}



.mtop27 {

	margin-top: 27px !important
}



.mtop28 {

	margin-top: 28px !important
}



.mtop29 {

	margin-top: 29px !important
}



.mtop30 {

	margin-top: 30px !important
}



.mtop31 {

	margin-top: 31px !important
}



.mtop32 {

	margin-top: 32px !important
}



.mtop33 {

	margin-top: 33px !important
}



.mtop34 {

	margin-top: 34px !important
}



.mtop35 {

	margin-top: 35px !important
}



.mtop36 {

	margin-top: 36px !important
}



.mtop37 {

	margin-top: 37px !important
}



.mtop38 {

	margin-top: 38px !important
}



.mtop39 {

	margin-top: 39px !important
}



.mtop40 {

	margin-top: 40px !important
}



.mtop41 {

	margin-top: 41px !important
}



.mtop42 {

	margin-top: 42px !important
}



.mtop43 {

	margin-top: 43px !important
}



.mtop44 {

	margin-top: 44px !important
}



.mtop45 {

	margin-top: 45px !important
}



.mtop46 {

	margin-top: 46px !important
}



.mtop47 {

	margin-top: 47px !important
}



.mtop48 {

	margin-top: 48px !important
}



.mtop49 {

	margin-top: 49px !important
}



.mtop50 {

	margin-top: 50px !important
}



.mtop51 {

	margin-top: 51px !important
}



.mtop52 {

	margin-top: 52px !important
}



.mtop53 {

	margin-top: 53px !important
}



.mtop54 {

	margin-top: 54px !important
}



.mtop55 {

	margin-top: 55px !important
}



.mtop56 {

	margin-top: 56px !important
}



.mtop57 {

	margin-top: 57px !important
}



.mtop58 {

	margin-top: 58px !important
}



.mtop59 {

	margin-top: 59px !important
}



.mtop60 {

	margin-top: 60px !important
}



.mtop61 {

	margin-top: 61px !important
}



.mtop62 {

	margin-top: 62px !important
}



.mtop63 {

	margin-top: 63px !important
}



.mtop64 {

	margin-top: 64px !important
}



.mtop65 {

	margin-top: 65px !important
}



.mtop66 {

	margin-top: 66px !important
}



.mtop67 {

	margin-top: 67px !important
}



.mtop68 {

	margin-top: 68px !important
}



.mtop69 {

	margin-top: 69px !important
}



.mtop70 {

	margin-top: 70px !important
}



.mtop71 {

	margin-top: 71px !important
}



.mtop72 {

	margin-top: 72px !important
}



.mtop73 {

	margin-top: 73px !important
}



.mtop74 {

	margin-top: 74px !important
}



.mtop75 {

	margin-top: 75px !important
}



.mtop76 {

	margin-top: 76px !important
}



.mtop77 {

	margin-top: 77px !important
}



.mtop78 {

	margin-top: 78px !important
}



.mtop79 {

	margin-top: 79px !important
}



.mtop80 {

	margin-top: 80px !important
}



.mtop81 {

	margin-top: 81px !important
}



.mtop82 {

	margin-top: 82px !important
}



.mtop83 {

	margin-top: 83px !important
}



.mtop84 {

	margin-top: 84px !important
}



.mtop85 {

	margin-top: 85px !important
}



.mtop86 {

	margin-top: 86px !important
}



.mtop87 {

	margin-top: 87px !important
}



.mtop88 {

	margin-top: 88px !important
}



.mtop89 {

	margin-top: 89px !important
}



.mtop90 {

	margin-top: 90px !important
}



.mtop91 {

	margin-top: 91px !important
}



.mtop92 {

	margin-top: 92px !important
}



.mtop93 {

	margin-top: 93px !important
}



.mtop94 {

	margin-top: 94px !important
}



.mtop95 {

	margin-top: 95px !important
}



.mtop96 {

	margin-top: 96px !important
}



.mtop97 {

	margin-top: 97px !important
}



.mtop98 {

	margin-top: 98px !important
}



.mtop99 {

	margin-top: 99px !important
}



.mtop100 {

	margin-top: 100px !important
}



@media(min-width:768px) {

    .font-md14 {

		font-size: 14px
	}
	.font-md16 {

		font-size: 16px
	}



	.font-md18 {

		font-size: 18px
	}



	.font-md20 {

		font-size: 20px
	}



	.font-md22 {

		font-size: 22px
	}



	.font-md24 {

		font-size: 24px
	}



	.font-md26 {

		font-size: 26px
	}



	.font-md28 {

		font-size: 28px
	}



	.font-md30 {

		font-size: 30px
	}



	.font-md32 {

		font-size: 32px
	}



	.font-md34 {

		font-size: 34px
	}



	.font-md35 {

		font-size: 35px
	}



	.font-md36 {

		font-size: 36px
	}



	.font-md38 {

		font-size: 38px
	}



	.font-md40 {

		font-size: 40px
	}



	.font-md42 {

		font-size: 42px
	}



	.font-md44 {

		font-size: 44px
	}



	.font-md45 {

		font-size: 45px
	}



	.font-md46 {

		font-size: 46px
	}



	.font-md48 {

		font-size: 48px
	}



	.font-md50 {

		font-size: 50px
	}



	.font-md52 {

		font-size: 52px
	}



	.font-md54 {

		font-size: 54px
	}



	.font-md55 {

		font-size: 55px
	}



	.font-md56 {

		font-size: 56px
	}



	.font-md58 {

		font-size: 58px
	}



	.font-md60 {

		font-size: 60px
	}



	.font-md62 {

		font-size: 62px
	}



	.font-md64 {

		font-size: 64px
	}



	.font-md65 {

		font-size: 65px
	}



	.font-md66 {

		font-size: 66px
	}



	.font-md68 {

		font-size: 68px
	}



	.font-md70 {

		font-size: 70px
	}



	.font-md72 {

		font-size: 72px
	}



	.font-md74 {

		font-size: 74px
	}



	.font-md75 {

		font-size: 75px
	}



	.font-md78 {

		font-size: 78px
	}



	.font-md80 {

		font-size: 80px
	}



	.font-md85 {

		font-size: 85px
	}



	.font-md120 {

		font-size: 120px
	}



	.mtop-md0 {

		margin-top: 0 !important
	}



	.mtop-md1 {

		margin-top: 1px !important
	}



	.mtop-md2 {

		margin-top: 2px !important
	}



	.mtop-md3 {

		margin-top: 3px !important
	}



	.mtop-md4 {

		margin-top: 4px !important
	}



	.mtop-md5 {

		margin-top: 5px !important
	}



	.mtop-md6 {

		margin-top: 6px !important
	}



	.mtop-md7 {

		margin-top: 7px !important
	}



	.mtop-md8 {

		margin-top: 8px !important
	}



	.mtop-md9 {

		margin-top: 9px !important
	}



	.mtop-md10 {

		margin-top: 10px !important
	}



	.mtop-md11 {

		margin-top: 11px !important
	}



	.mtop-md12 {

		margin-top: 12px !important
	}



	.mtop-md13 {

		margin-top: 13px !important
	}



	.mtop-md14 {

		margin-top: 14px !important
	}



	.mtop-md15 {

		margin-top: 15px !important
	}



	.mtop-md16 {

		margin-top: 16px !important
	}



	.mtop-md17 {

		margin-top: 17px !important
	}



	.mtop-md18 {

		margin-top: 18px !important
	}



	.mtop-md19 {

		margin-top: 19px !important
	}



	.mtop-md20 {

		margin-top: 20px !important
	}



	.mtop-md21 {

		margin-top: 21px !important
	}



	.mtop-md22 {

		margin-top: 22px !important
	}



	.mtop-md23 {

		margin-top: 23px !important
	}



	.mtop-md24 {

		margin-top: 24px !important
	}



	.mtop-md25 {

		margin-top: 25px !important
	}



	.mtop-md26 {

		margin-top: 26px !important
	}



	.mtop-md27 {

		margin-top: 27px !important
	}



	.mtop-md28 {

		margin-top: 28px !important
	}



	.mtop-md29 {

		margin-top: 29px !important
	}



	.mtop-md30 {

		margin-top: 30px !important
	}



	.mtop-md31 {

		margin-top: 31px !important
	}



	.mtop-md32 {

		margin-top: 32px !important
	}



	.mtop-md33 {

		margin-top: 33px !important
	}



	.mtop-md34 {

		margin-top: 34px !important
	}



	.mtop-md35 {

		margin-top: 35px !important
	}



	.mtop-md36 {

		margin-top: 36px !important
	}



	.mtop-md37 {

		margin-top: 37px !important
	}



	.mtop-md38 {

		margin-top: 38px !important
	}



	.mtop-md39 {

		margin-top: 39px !important
	}



	.mtop-md40 {

		margin-top: 40px !important
	}



	.mtop-md41 {

		margin-top: 41px !important
	}



	.mtop-md42 {

		margin-top: 42px !important
	}



	.mtop-md43 {

		margin-top: 43px !important
	}



	.mtop-md44 {

		margin-top: 44px !important
	}



	.mtop-md45 {

		margin-top: 45px !important
	}



	.mtop-md46 {

		margin-top: 46px !important
	}



	.mtop-md47 {

		margin-top: 47px !important
	}



	.mtop-md48 {

		margin-top: 48px !important
	}



	.mtop-md49 {

		margin-top: 49px !important
	}



	.mtop-md50 {

		margin-top: 50px !important
	}



	.mtop-md51 {

		margin-top: 51px !important
	}



	.mtop-md52 {

		margin-top: 52px !important
	}



	.mtop-md53 {

		margin-top: 53px !important
	}



	.mtop-md54 {

		margin-top: 54px !important
	}



	.mtop-md55 {

		margin-top: 55px !important
	}



	.mtop-md56 {

		margin-top: 56px !important
	}



	.mtop-md57 {

		margin-top: 57px !important
	}



	.mtop-md58 {

		margin-top: 58px !important
	}



	.mtop-md59 {

		margin-top: 59px !important
	}



	.mtop-md60 {

		margin-top: 60px !important
	}



	.mtop-md61 {

		margin-top: 61px !important
	}



	.mtop-md62 {

		margin-top: 62px !important
	}



	.mtop-md63 {

		margin-top: 63px !important
	}



	.mtop-md64 {

		margin-top: 64px !important
	}



	.mtop-md65 {

		margin-top: 65px !important
	}



	.mtop-md66 {

		margin-top: 66px !important
	}



	.mtop-md67 {

		margin-top: 67px !important
	}



	.mtop-md68 {

		margin-top: 68px !important
	}



	.mtop-md69 {

		margin-top: 69px !important
	}



	.mtop-md70 {

		margin-top: 70px !important
	}



	.mtop-md71 {

		margin-top: 71px !important
	}



	.mtop-md72 {

		margin-top: 72px !important
	}



	.mtop-md73 {

		margin-top: 73px !important
	}



	.mtop-md74 {

		margin-top: 74px !important
	}



	.mtop-md75 {

		margin-top: 75px !important
	}



	.mtop-md76 {

		margin-top: 76px !important
	}



	.mtop-md77 {

		margin-top: 77px !important
	}



	.mtop-md78 {

		margin-top: 78px !important
	}



	.mtop-md79 {

		margin-top: 79px !important
	}



	.mtop-md80 {

		margin-top: 80px !important
	}



	.mtop-md81 {

		margin-top: 81px !important
	}



	.mtop-md82 {

		margin-top: 82px !important
	}



	.mtop-md83 {

		margin-top: 83px !important
	}



	.mtop-md84 {

		margin-top: 84px !important
	}



	.mtop-md85 {

		margin-top: 85px !important
	}



	.mtop-md .mtop-md86 {

		margin-top: 86px !important
	}



	.mtop-md87 {

		margin-top: 87px !important
	}



	.mtop-md88 {

		margin-top: 88px !important
	}



	.mtop-md89 {

		margin-top: 89px !important
	}



	.mtop-md90 {

		margin-top: 90px !important
	}



	.mtop-md91 {

		margin-top: 91px !important
	}



	.mtop-md92 {

		margin-top: 92px !important
	}



	.mtop-md93 {

		margin-top: 93px !important
	}



	.mtop-md94 {

		margin-top: 94px !important
	}



	.mtop-md95 {

		margin-top: 95px !important
	}



	.mtop-md96 {

		margin-top: 96px !important
	}



	.mtop-md97 {

		margin-top: 97px !important
	}



	.mtop-md98 {

		margin-top: 98px !important
	}



	.mtop-md99 {

		margin-top: 99px !important
	}



	.mtop-md100 {

		margin-top: 100px !important
	}

}



.l100 {

	line-height: 100%
}



.l110 {

	line-height: 110%
}



.l120 {

	line-height: 120%
}



.l130 {

	line-height: 130%
}



.l140 {

	line-height: 140%
}



.lh150 {

	line-height: 150%
}



.l160 {

	line-height: 160%
}



.l170 {

	line-height: 170%
}



.l180 {

	line-height: 180%
}



.l200 {

	line-height: 200%
}



.weight300 {

	font-weight: 300 !important
}



.weight400 {

	font-weight: 400 !important
}



.weight500 {

	font-weight: 500 !important
}



.weight600 {

	font-weight: 600 !important
}



.weight700 {

	font-weight: 700 !important
}



.weight800 {

	font-weight: 800 !important
}



.weight900 {

	font-weight: 900 !important
}



.relative {

	position: relative;

}

.text-dark{
    color: #000 !important;
}
.t-text-clr{
  color: rgb(46, 37, 77) !important;
}
.text-clr{
color: rgb(255, 139, 182);
}
.text-clr1{
    color: #9ABA64 !important;
}
.text-clr2{
  color:#00DFFE;
}
.text-clr3{
  color:#F89F07;
}
.text-clr4{
  color:#00FF57;
}
.text-clr5{
  color: #FF1D48;
}
.text-clr6{
  color: #02CB46;
}
.text-clr7{
  color: rgb(248, 68, 255);
}
.text-clr21{
   color: rgb(248, 159, 7);
   color: rgb(254, 185, 4);
/* color: rgb(19, 213, 223); */
}
.text-clr22{
  color: rgb(102, 41, 226) !important;
}
.text-clr23{
  color:#FFC700;
}
.text-clr24{
color: #00524F !important;
}



.logo-img {
  width: 100%;
  height: 100%;
  max-width: 300px;
  margin-right: auto;
  margin-left: auto;
}
.effect-1 {
  position: relative;
  z-index: 1;
  display: inline-block;
}
.effect-1::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 20px;
  left: 50%;
  bottom: -4px;
  background-color: rgb(73, 202, 136);
  background-color: rgb(253, 1, 75);
  z-index: -1;
  transform: translateX(-50%);
  background: url(../images/effect-13.png) no-repeat center center;
    background-size: auto;
  background-size: 100% 100%;
}
.effect-2 {
  position: relative;
  z-index: 1;
  display: inline-block;
}
.effect-2::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 15px;
  left: 50%;
  bottom: 15px;
background-color: #ff0087;

  z-index: -1;
  transform: translateX(-50%);
  /* background: url(../images/effect-1.png) no-repeat center center;

  background-size: 100% 100%; */
}
.effect-3 {
  position: relative;
  z-index: 1;
  display: inline-block;
}
.effect-3::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 15px;
  left: 50%;
  bottom: 15px;
background-color: rgb(255, 192, 73);
  z-index: -1;
  transform: translateX(-50%);

}
.hilght4 {
  background: url(../images/topas.png) no-repeat center center;
    background-size: auto;
background-size: 100% 100%;
  padding: 1px 7px 4px 7px;
  display: inline-block;
  border-radius: 10px;
}
.hilght5 {
  background: url(../images/hilght5.png) no-repeat center center;
    background-size: auto;
  background-size: auto;
  background-size: auto;
  background-size: 100% 100%;
  padding: 8px 15px;
  display: inline-block;
}


.line-hihglight {
  padding: 0px 5px;
  display: inline-block;
background-image: linear-gradient(0deg,rgb(98, 92, 180) 0%, rgb(253, 180, 126)100%);

  border-radius: 5px;
}
@media (min-width: 768px) {
  .line-hihglight {
    padding: 4px 5px;
    display: inline-block;
background-image: linear-gradient(0deg,rgb(98, 92, 180) 0%, rgb(253, 180, 126)100%);
 
    border-radius: 5px;
  }
}

.video-title {
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.16);
  padding: 10px 9px;
  display: block;
  background-color: #ffffff0d;
  backdrop-filter: blur(10px);
  border-radius: 10px;
  overflow: hidden;
  padding: 8px 10px;
  border: 1px solid hsl(0deg 0% 72.55% / 9%);
  display: inline-block;
}

.features-box {
  padding: 30px 20px;
  border: solid #5b5b5b;
  border-radius: 10px;
  border-color: #ffffff21;
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 32px 38px 0px rgba(0, 0, 0, 0.21);
  border-color: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(15px);
}



.li-card {
padding: 40px 10px;
color: #000;
    background-color: rgba(243, 49, 49, 0.466);
  border-radius: 10px;
  border: 1px solid hsl(0, 100%, 50%);
}

.li-card2 {

padding: 40px 10px;
  background-color: rgba(13, 151, 109, 0.19);
  border-radius: 10px;
  border: 1px solid hsl(160.1, 84.1%, 39.4%);
  color: #000;
}
.hurry {
background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, #e4479f 51.5%, rgba(0, 0, 0, 0.00) 100%);
  display: block;
  padding: 3px 0;
}

.timer-box{
  margin-top: -30px;
}
.endstime-section{
padding: 15px 0 0px 0;;
  color: #000;
  background-color: rgb(255, 255, 255);
}

.course-card{
    background:linear-gradient(135deg,rgba(95,89,175,0.25),rgba(20,15,50,0.5));gap:10px;padding: 60px 20px;border-radius: 10px;
}


@media (min-width: 768px) {

	.header-icon {
position: absolute;

    right: -2%;
    top: 20%;
    width: 17%;
    z-index: 0;
    opacity: 0.5;
	}

	.header-icon1 {
		position: absolute;
		left: -5%;
		bottom: 5%;
		width: 30%;

	}

	.header-icon2 {
position: absolute;
    left: -2%;
    top: 17%;
    width: 17%;
    z-index: 0;
    opacity: 0.5;
  }
	

	.header-icon3 {
		position: absolute;
		right: 0%;
		bottom: 0%;
		width: 20%;

	}


	.header-icon4 {
		position: absolute;
    right: 0;
    top: 35px;
    width: 20%;
	

	}

	.header-icon5 {
		position: absolute;
		left: 0%;
		top: 76%;
		width: 20%;
	}
}

@media screen and (min-width: 768px) {
  .top-timer-box {
    margin-top: -42px;
    height: 90px;
  }
  .timer-box{
  margin-top: -30px;
  }
}
@media screen and (max-width: 768px) {
  .top-timer-box {
	display: none;
    margin-top: -42px;
    height: 90px;
  }
  .topbar {
  background: var(--grad);
  text-align: center;
padding: 7px 12px;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
  }
  .warn {
  background: rgba(124, 58, 237, .08);
  border-bottom: 1px solid rgba(124, 58, 237, .2);
  text-align: center;
  padding: 11px 20px;
  font-weight: 700;
  font-size: 12px;
  color: #C4B5FD;
}

.effect-2::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 15px;
  left: 50%;
  bottom: 5px;
}

}


.theme-color {
color: #fff;
}
.theme-color:hover {
color: #C4B5FD;
}

.faq-wrap {
  background: var(--dark3);
  border: 1px solid var(--border2);
  border-radius: 8px;
  margin-bottom: 10px;
  padding: 30px 20px;
  box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.11);
  height: 100%;
  overflow: hidden;
  color: #fff;
}