@font-face {
  font-family: AeonikTRIAL-Regular;
  src: url(../fonts/AeonikTRIAL-Light.otf);
}
@font-face {
  font-family: AeonikTRIAL-Regular;
  src: url(../fonts/AeonikTRIAL-Bold.otf);
  font-weight: 600;
}
@font-face {
  font-family: AeonikTRIAL-Regular;
  src: url(../fonts/AeonikTRIAL-Regular.otf);
  font-weight: 300;
}

html{
     height: 100%;min-height: 100%;overflow-x: hidden;
}
body{font-family: 'AeonikTRIAL-Regular', sans-serif; font-weight:200;min-height: 100%;background-image: linear-gradient(#fff, #e8e8e8);color: #514f4f;overflow-x: hidden;}
:root {
    --greyColor: #5A5A5A;
    --linkColor: #0065FF;
    --bodyBack: #F7F7F7;
    --whiteColor: #fff;
    --blackColor: #000;
    --blueColor: #0065FF;
    --lightGrey: #D9D9D9;
    --activePerpleColor: #6941C6;
    --lightGreenColor: #DBE8EC;
    --dangerColor:#F27867;

}
.greyColor{color: var(--greyColor);}
.addBlackColor{background: var(--greyColor);}
.backWhiteColor{background: var(--whiteColor);}
.blackColor{color: var(--blackColor);}
.blueBack{background: var(--blueColor);}
.lightGreyColor{color: var(--lightGrey);}
.lightGreenColor{background: var(--lightGreenColor);}

.btn-secondary{color: var(--blackColor) !important;}
.btn-secondary:hover{color: var(--whiteColor) !important;}
.dangerBack{background-color: var(--dangerColor);}
.whiteText{color: var(--whiteColor);}

.transitionClass{transition: all ease-in-out .1s;}
.profileClass{display: none;}

.hoverWhiteColor:hover{color: var(--whiteColor);}

.btn-primary{color: var(--whiteColor);}
.modalBodyContent{min-height: 100px;}
.font-weight-bold{font-weight: 300;}
.font-weight-bolder{font-weight: 600;}
.form-control{border-radius: 0px;border-color: #D0D5DD;transition: all ease-in .2s;min-height: 45px;}
.form-control:focus{border-color: #f7c6ff;box-shadow: 0 0 0 0.25rem rgb(253 13 250 / 10%);}
label{color: #344054; font-size: 1rem; margin-bottom: .2rem;}
.text-muted{opacity: .6;font-size: .86rem;font-weight: 100;}
.verySmallFont{font-size: .9rem;}
.smallFont{font-size: 1rem;}
.nrmalFont{font-size: 1rem;}
.bigFont{font-size: 2.8rem;}
.midumFont{font-size: 1.3rem;}
.bigMediumFont{font-size: 1.6rem;}
.border-none{border: 0px;}
.minHeight100vh{min-height: 100vh;}
.padingRightCourse{padding-right: 5vw;}
.cursorPointer{cursor: pointer;}

.borderBottom{border-bottom: 1px solid var(--lightGrey);}


/*body *{transition: all ease-in-out .5s;}*/
i{-webkit-transition: all ease-in-out -100000s;-o-transition: all ease-in-out -100000s;transition: all ease-in-out -100000s;}
ul, figure, figcaption{margin: 0px;padding: 0px;}
a,a:hover, a:focus,button,button:hover, button:focus{text-decoration: none;outline: none;}
input, button, select{-webkit-appearance: none; -moz-appearance:none; appearance:none;}
.leftSideBar *{transition: all ease-out .3s;}



.floatRightIcon{float: right;position: relative;top: 5px;}
.textDropDown{width: 100%;}
.leftMenuBar ul.textDropDown{border: 0px;}
.leftMenuBar ul.textDropDown li a{border: 0px;background: var(--whiteColor);padding: 10px 30px;border-bottom: 1px solid var(--lightGrey);border-radius: 5px;}
.leftMenuBar ul.textDropDown li:last-child a{border: 0px;}
.leftMenuBar ul.textDropDown li a:hover{background: var(--blueColor);color: var(--whiteColor);}

.Submenu{transition: all ease 0s;}
.leftMenuBar ul li .Submenu a{padding:10px 20px;background: var(--whiteColor); border: 0px; text-align: center; justify-content: center;border-radius: 10px;}
.leftMenuBar ul li .Submenu .subActive a{background: var(--blueColor);color: var(--whiteColor);}


.container{width: 95%;max-width:1400px; }

/*dropDown secion*/
.leftDropBar .dropdown-toggle{background: transparent; color: var(--blackColor);border-color: var(--lightGrey);border-radius: 7px;}
.leftDropBar .dropdown-toggle::before{content: '\f078';font-family: "Font Awesome 5 Free";margin: 0px;border: 0px;color: #fff;font-weight: 900;line-height: 0px;position: relative;top: 2px;padding-right: 10px;margin-left: 4px;color: var(--greyColor);;}
.leftDropBar .dropdown-toggle:after{display: none;}
/*login page*/
/*.loginSec{max-width: 1300px;}*/
.colFullLoginSec{max-width: 800px;width: 100%;margin: auto;}
.cycelImage figure{max-width: 200px;}
.loginForm{padding: 2rem; background: #fff;border-radius: 6px;}
.quistionMark{right: 10px;top: 10px;opacity: .6;}
.userNameText input{padding-right: 35px;}
.blackBtn{padding: 13px 18px;border-radius: 8px;color: #fff;}
.rowRightImage{background: url(../images/rightContImage.jpg);position: absolute;top: 0px;bottom: 0px;right: 0px;width: 40%;background-repeat: no-repeat;background-size: cover;background-position: center;}
.footerListMenu ul li{display: inline-block;display: inline-block;padding: 0px 2rem;position: relative;}
.footerListMenu ul li:before{content: '';position: absolute;right: -5px;width: 7px;height: 7px;border-radius: 50px;background: var(--greyColor);top: 8px;}
.footerListMenu ul li a{color: var(--greyColor);}
.footerListMenu ul li a:hover{color: var(--linkColor);}
.foterMenuSec{position: fixed;max-width: auto; bottom: 10px;left: 0px;right: 0px;}
.footerListMenu ul li:last-child:before{display: none;}
.foterMenuSec .colFullLoginSec{max-width: 100%;}
/*.searchSec input{padding-left: 25px;}*/


/*register page*/
.engagementSec ul li{background: #fff;padding: 15px 20px;border-radius: 10px;border: 1px solid #e9e9e9;position: relative;padding-left: 70px;padding-right: 30px; cursor: pointer;margin-top: 15px;}
.leftIconRegister{position: absolute;left: 15px;font-size: 1rem;top: 20px;width: 35px;height: 35px;background: #F4EBFF;border-radius: 50px;text-align: center;padding-top: 5px;color: #7F56D9;}
.rightRadioBox{position: absolute;right: 32px;top: 10px;}
.rightRadioBox input[type=radio]{position: absolute;visibility: hidden;}

.rightRadioBox label{display: block;position: relative;font-weight: 300;font-size: 1.35em;padding: 25px 25px 25px 80px;margin: 10px auto;height: 30px;z-index: 9;cursor: pointer;-webkit-transition: all 0.25s linear;}


.rightRadioBox .check{display: block;position: absolute;border: 2px solid #D0D5DD;border-radius: 100%;height: 20px;width: 20px;top: 0px;left: 0px;z-index: 5;transition: border .25s linear;-webkit-transition: border .25s linear;}

.rightRadioBox .check::before {display: block;position: absolute;content: '';border-radius: 100%;right: 0px;top: 0px;left: 0px;bottom: 0px;margin: auto;transition: background 0.25s linear; -webkit-transition: background 0.25s linear; content: "\f00c";font-family: 'Font Awesome 5 Free';font-size: 1rem;color: #fff;font-weight: 900;top: -4px;transform: scale(0);}


.rightRadioBox input[type=radio]:checked ~ .check::before{
  background: #0DFF92;
}
.engagementSec ul li.activeList{border-color: #7F56D9;}
.engagementSec ul li.activeList{color: #7F56D9;}
.engagementSec ul li.activeList .rightRadioBox .check{background: #7F56D9;border-color: #7F56D9;}
.engagementSec ul li.activeList .rightRadioBox .check::before{transform: scale(.7);}
.minHeightSec{max-height: 600px;overflow-y: auto;}



/*course page*/
/*.rightContaintSec .row>*{padding: 0px 1.6rem;}*/
.leftSideBar{width: 300px;position: fixed;left: 0px;top: 0px;bottom: 0;overflow-y: auto;background: var(--whiteColor);z-index: 999;}
.leftMenuBar{height: calc(100vh - 70px);}
.leftMenuBar ul li{width: 100%;}
.profileSecBottom{min-height: 7vh;justify-content: center;padding: 10px 20px;}
.profileSecBottom figure img{width: 40px;height: 40px;border-radius: 50%;}
.leftBottomProfile{border-top: 1px solid #e1e1e1;}
.leftBottomProfile figure{margin-right: 10px;}
.leftMenuBar ul li a{display: flex;width: 100%;padding: 20px 30px;background: linear-gradient(#fff, #f9f8f8);border-bottom: 1px solid #e1e1e1;color: var(--greyColor);font-size: 1.2rem; justify-content: space-between; align-items: center;}
.leftMenuBar ul li.activeMenu a{background: var(--blueColor); color: var(--whiteColor);}
.leftMenuBar ul li.activeMenu a img{filter: brightness(0) invert(1);}
.rightContaintSec{min-height: 100vh;background: #fafafa;margin-left: 300px;}
.leftMenuBar .menuImage{display: inline-block;max-width: 25px;margin-right: 12px;}
.leftMenuBar .menuImage img{width:100%;}
.menuText{position: relative;top: 3px;}
.leftMenuBar ul li a:hover .menuText{letter-spacing: .3px;}
.topHeaderContainer{padding: 50px 0px;padding-right: 140px;position: relative;}
.searchSec .form-control{font-size: 1.5rem;font-weight: 300;padding: 16px 26px;border-radius: 20px !important;box-shadow: 0 1rem 3rem rgba(0,0,0,.09)!important;border: 1px solid #f3f3f3;padding-left: 55px;min-height: 65px;}
.topHeaderSearchSec{max-width: 430px;margin-left: auto;}
.rightNotification{position: absolute;right: 60px;left: auto;width: auto;top: 38%;}
.rightNotification p a{font-size: 2.2rem; color: var(--greyColor);}
.notificationNumber{    font-size: .8rem;top: -10px;box-shadow: 0 .125rem .25rem rgba(0,0,0,1)!important;border-radius: 50px;text-align: center;right: 0px;padding-top: 5px;position: absolute;width: 29px;height: 29px;background: var(--whiteColor);}
.submitBtn{border: 0px;background: none;position: absolute;top: 20px;left: 14px;font-size: 1.3rem;color: var(--greyColor);}
.skillInput .form-control{border-radius: 8px;}
.rounded-sm{border-radius: 10px;}
.formInerBtn{border-radius: 5px;border: 1px solid #e7e7e7;}

.InerVideoSec{position: relative;transition: all ease-in-out .3s;overflow: hidden;border-radius: 10px;}
.InerVideoSec figcaption h3{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.playBtn{position: absolute;max-width: 140px;z-index: 99;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.videoProfileImage{position: absolute;right: 30px; bottom: 30px;max-width: 100px;}
.InerVideoSec figure:before{content: '';position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px; z-index: -1;border-radius: 10px;opacity: 0;transition: all ease-in-out .4s;}
.InerVideoSec figure:hover:before{z-index: 99;background:linear-gradient(rgb(6 87 173 / 0%) 0%, rgb(42 43 44 / 38%) 100%);opacity: 1;}
.InerVideoSec .dropdown-toggle::after{display: none;}
.InerVideoSec .dropdown-menu li a{border-radius: 5px;}
/*end course page*/
.tabInerMenuDesign .btn-group button{border-radius: 0px; margin-right: -1px;}
.tabInerMenuDesign .btn-group li:first-child button{border-radius: 8px 0px 0px 8px;}
.tabInerMenuDesign .btn-group li:last-child button{border-radius: 0px 8px 8px 0px;}
.tabInerMenuDesign .btn-group li button:hover{background: var(--blueColor); border-color: var(--blueColor);}
.tabInerMenuDesign .btn-group li .active{ background: var(--blueColor); border-color: var(--blueColor);}
.tableContent table tr th{font-size: 1rem;}
.tableContent table tr td{font-size: .9rem;padding: 15px 5px;vertical-align: middle;}
.blueHoverBtn:hover{background: var(--blueColor); color: var(--whiteColor);}
.rightDropdownBtn .tableBtn{border-radius: 5px !important;}
.tableContent tr th{    border-bottom:1px solid #bcbcbc !important;}
.tableBtn{border: 1px solid var(--lightGreenColor); width: 40px;padding: 5px;}
.tableBtn:hover{background-color: var(--blueColor); color: var(--whiteColor);}
/*video details page*/
.vDetailsHeaderTitle{padding-right: 65px;}
.rightShareSec{position: absolute;right: 10px;top: 0px;}
.rightShareSec a{font-size: 1.1rem;display: inline-block;padding: 7px 10px;border: 1px solid #e1e1e1;width: 40px;height: 40px;border-radius: 4px;color: var(--greyColor);}
.writeMessageSec{min-height: 70px;display: flex;width: 100%;justify-content: center;align-items: center;border: 3px dashed #eaeaea;}
.sectionFilterHeader{padding-right: 50px;}
.sectionFilterHeader .rightShareSec a{font-size: .9rem;width: 35px;height: 35px;}
.filterList ul li{padding: 6px 28px;position: relative;cursor: pointer;padding-right: 5px;}
.filterList ul li label{display: inline-block;width: 100%; cursor: pointer;font-size: .9rem; color: var(--greyColor);}
.checkBoxDesign input[type=checkbox]{position: absolute;visibility: hidden;opacity: 0;}
.filterList ul li .radioBoxText{width: 16px;height: 16px;border: 1px solid var(--greyColor);border-radius: 4px;position: absolute;top: 7px;left: 0px;transition: all ease-in-out .2s;}
.filterList ul li .radioBoxText:before{content: "\f00c";position: absolute;font-family: 'Font Awesome 5 Free';font-size: .6rem;left: 1.3px;z-index: 999;top: 1px;font-weight: 900;color: #fff;transform: scale(0);transition: all ease-in-out .5s;}
.checkBoxDesign input[type=checkbox]:checked ~ .radioBoxText{background: var(--blueColor);transform: scale(1);border-color: var(--blueColor);}
.checkBoxDesign input[type=checkbox]:checked ~ .radioBoxText:before{transform: scale(1);}
/*end video details page*/


/*jobs page*/
.videoTabSection ul li{display: inline-block;}
.videoTabSection ul li a{font-size: .9rem;color: var(--greyColor);padding: 10px 15px;display: inline-block;border-bottom: 1px solid var(--lightGrey);margin-right: -4px;min-height: 47px;}
.bageIner{display: inline-block;width: 22px;height: 22px;background: var(--lightGrey);border-radius: 50px;text-align: center;font-size: .5rem;vertical-align: middle;padding-top: 5px;margin-left: 5px;color: var(--blackColor);}
    .videoTabSection ul li a.active{color: var(--activePerpleColor);border-bottom: 2px solid var(--activePerpleColor);}
.videoTabSection .active .bageIner{ color:  var(--activePerpleColor);background: #dacbff;}
.jobDetailsiner span{font-size: 1.2rem;}
.maxWidthDetails{max-width: 45px;width: 100%;}
.postSecJob .lightGreyColor{color:#a7a7a7}
/*.eachJobSection:hover .blackColor, .eachJobSection:hover .greyColor{color: var(--activePerpleColor);}
.eachJobSection:hover{color: var(--activePerpleColor);}
*/
.eachJobSection{transition: all ease-in .2s;background: #fff;padding: 20px;border-radius: 15px;}
.eachJobSection:hover{box-shadow: 0 1rem 3rem rgba(0,0,0,.175);background: var(--whiteColor);}
.linkSimple li{ margin-top: .5rem; }
.linkSimple li a{color: var(--greyColor);transition: all ease-out .3s;}
.linkSimple li a:hover{color: var(--blueColor);}


/*unavailable course*/
.minHeightRefresh{min-height: 600px;}
.unavaiableSec figure{max-width: 500px;text-align: center;margin: auto;}


/*skilss */
.rightTabLink{position: absolute;top: 5px;right: 15px;}
.rightTabLink a{border: 1px solid var(--lightGrey);border-radius: 6px;display: inline-block;width: 35px;height: 35px;text-align: center;background: var(--whiteColor);color: var(--greyColor);padding-top: 3px;font-size: 1.2rem;margin-left: 5px;}
.skillInput input{padding-right: 110px;}
.eachSkillSec{padding: 10px 0px; padding-left: 150px;position: relative;}
.leftBeforeSec a.roundLinkBtn{width: 50px; height: 50px;padding-top: 12px;}
.leftBeforeSec{position: absolute;left: 40px;text-align: center;top: 10px;}
/*.leftBeforeSec:before{content: '';position: absolute;left: 0px;}*/
.eachSkillSec:before{content: "";position: absolute;left: 64px;top: 90px;bottom: 0px;width: 1px;background: var(--lightGrey);}
.inerSkill .skillInerSecDiv:last-child .eachSkillSec:before{display: none;}
.inerSkill .skillInerSecDiv .roundLinkBtn{background: var(--blueColor); color: var(--whiteColor);}
/* .inerSkill .skillInerSecDiv .roundLinkBtn{background: var(--whiteColor);border: none; color: var(--greyColor);} */
.modalCheckimage{max-width: 300px;margin: auto;}
.Submenu{display: none;}

@media(max-height:950px){
     .cycelImage figure{max-width: 150px;}
     .bigFont{font-size: 2.1rem;}
     /*.rowRightImage{width: 44%;}*/
     .footerListMenu ul li{padding: 0rem 1.4rem;}
}
@media(max-height:800px){
    /*.loginSec {max-width: 1110px;}*/
     /*.colFullLoginSec{max-width: 88%;}*/
     .cycelImage figure{max-width: 110px;}
     .bigFont {font-size: 1.5rem;}
     .midumFont {font-size: .9rem;}
     .loginForm{padding: 1rem;}
     .form-control{min-height: 0px; height: 35px;}
     .quistionMark{top: 6px;}
     .loginForm .form-group{margin-bottom: 0rem !important;}
     .blackBtn{padding: 8px 18px;}
     /*.colFullLoginSec {max-width: 55%;}*/
     .loginPageSecContent{padding-bottom: 0px !important;}
     /*.foterMenuSec .colFullLoginSec{max-width: 75%;} */
     .footerListMenu ul li a{font-size: .8rem;}
     .footerListMenu ul li:before{width: 5px;height: 5px;top: 11px;}
     .label{font-size: .8rem;}
}
@media(max-width:1600px){
     .colFullLoginSec {max-width: 660px;}
     .playBtn{max-width: 120px;}
}
@media(max-width:1400px){
     .colFullLoginSec {max-width: 500px;}
}
@media(max-width:991.4px){
     .bigFont {font-size: 2rem;}
     .topHeaderContainer{padding: 20px 0px;}
     .topHeaderSec .headerDetails{padding-right: 40px;}
     .rightNotification{top: 25px;right: 10px;}
     .rightNotification p a {font-size: 1.6rem;}
     .notificationNumber{top: -15px}
     .searchSec .form-control{font-size: 1.2rem;padding: 10px 26px;margin-top: 1rem;padding-left: 55px;}
     .padingRightCourse{padding: 0px;}
     .topHeaderSearchSec{margin: auto;}
     .rightContaintSec.px-4{padding: 0px 10px !important;}
     .leftSideBar{width: 264px;}
     .playBtn{max-width: 100px;}
}
@media(max-width:767.4px){
    .bigMediumFont{font-size: 1.2rem;}
     .rowRightImage{display: none;}
     .cycelImage figure {max-width: 120px;}
     .bigFont {font-size: 1.7rem;}
     .midumFont {font-size: 1.1rem;}
     .loginPageSecContent{text-align: center;}
     .cycelImage figure{margin: auto;}
     /*.colFullLoginSec{max-width: 100%;}*/
     .footerListMenu ul li:before{width: 5px;height: 5px; top: 10px;}
     .footerListMenu ul{text-align: center;}
     .loginForm{padding: 1.4rem;}
     .leftSideBar{left: 0px;width: auto;right: 0px;height: 75px;bottom: 0px;top: auto;}
    .leftMenuBar ul{display: flex;}
    .leftMenuBar ul li {flex: 1 0 0%;}
    .menuText{display: none;}
    .leftMenuBar ul li a{text-align: center;border: 0px;height: 75px;}
    .allInMenu{display: none;}
    .profileClass{display: block;}
    .profileClass .profileSecBottom figcaption{display: none;}
    .profileClass .profileSecBottom{min-height: 0px;padding: 0px;}
    .leftMenuBar .menuImage{margin-right: 0px;}
    body{padding-bottom: 90px;}
     .rightContaintSec{margin: 0px;}
     .searchSec .form-control{min-height: 50px;font-size: 1rem;padding-left: 45px;}
     .submitBtn {top: 13px;left: 10px;font-size: 1rem;}
     .topBackSec{margin-top: 30px !important;margin-bottom: 30px !important;}
     .leftMenuBar{height: 0px;}
     .leftBottomProfile{display: none;}
     .profileSecBottom figure{margin-top: -3px;}
}
@media(max-width:575px){
    .footerListMenu ul li a{font-size: .8rem;}
    .footerListMenu ul li {padding: .2rem .6rem;}
    .foterMenuSec .loginSec{padding: 0px;}
    .footerListMenu ul li:before{top: 18px;display: none;}
    .bigFont{font-size: 1.3rem;}
    .midumFont {font-size: .9rem;}
    .blackBtn{width: 100%;}
    body{font-size: .8rem;}
    .btn{font-size: .8rem;}
    /*.leftBeforeSec{display: none;}*/
    .eachSkillSec:before{display: none;}
    .eachSkillSec{padding: 30px 5px; padding-left: 60px;}
    .leftBeforeSec a.roundLinkBtn {width: 40px;height: 40px;padding-top: 10px;}
    .leftBeforeSec{left: 5px;}
    .rightTabLink a:last-child{display: none;}
    .rightTabLink{right: 5px;}
     
}
@media(max-width:499px){
     
}
@media(max-width:430px){
    
}