/*--------------------------------------------------------------------------------------*/
/*General-Css-Here
/*--------------------------------------------------------------------------------------*/

:root {
  --bg:#F8F3EE;
  --bg2:#FFFAF8;
  --bg3:#FFF2EB;
  --black:#000;
  --white:#fff;  
  --light-bg:#FFFCFA;
  --border:#FFD9C6;
  --border2:#E4E4E4;
  --border3:#E9E9E9;
  --header-bg:#FFFBFA;
  --p:#7D7E80;
  --brown:#9B694F;
  --light-orange:#FFD5BF;
  --heading:#242223;
  --orange:#FF6B18;
  --green:#129930;
  --light-green:#EBFCEF;
}

*{margin: 0; padding: 0; box-sizing: border-box;} 
body,html{font-size: 16px; color:var(--black); font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; box-sizing: border-box;}
html{scroll-padding-top: 10rem;}
body{background:url(../images/bg.png) repeat var(--bg);}
a{text-decoration: none; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; color:var(--sky-blue);}
button{transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
ul{margin: 0; padding: 0; list-style: none;}
img{max-width: 100%;}
.paddTop0{padding-top: 0 !important;}
.btn-group-box .btn{margin-right: 15px;}
.btn-group-box .btn:last-child{margin-right: 0;}
.section-padding{padding:100px 0px;}
.white{color: var(--white);}
.btn{height: 44px; line-height: 42px; padding:0px 25px; font-size: 15px; font-weight: 700; border: none; border-radius:6px; background:var(--brown); color: var(--white);}
.btn:hover{background: var(--black); color: var(--white);}

.border-btn{background:var(--white); height: 44px; line-height: 42px; padding:0px 25px; font-size: 15px; color: var(--brown); font-weight: 700; border: solid 1px; border-color:var(--brown); border-radius: 6px; display: inline-block; text-align: center;}
.gray-border-btn{background:var(--white); height: 48px; line-height: 46px; padding:0px 25px; font-size: 18px; color: var(--black); font-weight: 600; border: solid 1px; border-color:var(--border); border-radius: 12px; display: inline-block; text-align: center;}
.yellow-border-btn{background:transparent; height: 42px; line-height: 41px; padding:0px 15px; font-size: 15px; color: var(--yellow); font-weight: 600; border: solid 1px; border-color:var(--yellow); border-radius: 5px; display: inline-block; text-align: center;}
.gray-border-btn.active{background:var(--green); border-color: var(--green); color: var(--white);}

h1 { font-size:34px; }
h2 { font-size:28px }
h3 { font-size:26px; }
h4 { font-size:24px; }
h5 { font-size:20px; }
h6 { font-size:18px; }

p{color: var(--p); font-size: 16px; line-height: 28px;}

.transform-scale-07{transform: scale(0.7);}
.transform-scale-08{transform: scale(0.8);}
.transform-scale-09{transform: scale(0.9);}
.transform-scale-1{transform: scale(1);}
.transform-scale-1-1{transform: scale(1.1);}
.transform-scale-1-2{transform: scale(1.2);}
.transform-scale-1-3{transform: scale(1.3);}
.transform-scale-1-4{transform: scale(1.4);}
.transform-scale-1-5{transform: scale(1.5);}
.mr-bot0{margin-bottom: 0 !important;}
.border0{border: none !important;}
.padd-left-35{padding-left: 35px;}
.mar-top50{margin-top: 50px;}
.mar-bot50{margin-bottom: 50px;}
.mar-top80{margin-top: 80px;}
.mar-left-right50{margin-left: 50px; margin-right:50px;}
.mar-left-right80{margin-left: 80px; margin-right:80px;}
.mar-top-bottom50{margin-top: 50px; margin-bottom:50px;}
.mar-top-bottom30{margin-top: 30px; margin-bottom:30px;}
.padd-top-bottom50{padding-top: 50px; padding-bottom:50px;}
.mr-left-right45{margin-left: 45px; margin-right: 45px;}
.padd0{padding: 0 !important;}
.mr0{margin: 0 !important;}
.padd-top89{padding-top: 89px !important;}
hr{margin: 25px 0px;}
.padd20{padding: 20px;}
.padd30{padding: 30px;}
.padd-bot0{padding-bottom: 0;}
.ml-50{margin-left: 50px}

.white-bg{background:var(--white); border: 1px solid var(--border); border-radius: 30px;}


.light-bg{background: var(--white) !important;}
.marTop40{margin-top: 40px;}
.form-check-input:checked{background-color: var(--brown); border-color: var(--brown);}
.site-bg{padding-top: 88px;}


@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,700;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,700;1,600;1,700;1,800;1,900&display=swap');


/*--------------------------------------------------------------------------------------*/
/*form-pages-css-here
/*--------------------------------------------------------------------------------------*/

.form-bg{min-height: 100vh; width: 100%; background: url(../images/shape1.png) no-repeat right top,url(../images/shape2.png) no-repeat left bottom;}
.form-logo{text-align: center; padding-top: 30px; padding-bottom: 50px;}
.form-logo a{display: inline-block;}
.form-content-box{background:var(--light-bg); border: solid 1px var(--border); padding: 30px; max-width: 686px; width: 100%; margin: auto; border-radius: 20px;}
.form-head{text-align: center;}
.form-head h2{color:var(--heading); font-size: 32px; font-weight: 700;}
.form-head p{font-size: 16px; color: var(--p);}
.form-group{margin-bottom: 15px; position: relative;}
.form-group label{color: var(--heading); font-size: 14px; font-weight: 700;margin-bottom: 5px;} 
.form-control{height: 48px; background: var(--white); border: solid 1px var(--border2);}
select.form-control{appearance: auto;}
textarea.form-control{height: 120px;}
.eye-off{position: absolute; right: 15px; top: 39px; background: none; border: none;}
.password-group .form-control{padding-right: 50px;}
.form-submit-btn{text-align: center; padding-top: 15px;}
.form-submit-btn .btn{min-width: 152px;}
.forgot-btn{text-align: center; margin-top: 25px;}
.forgot-btn a{font-size: 15px; font-weight: 700; color: var(--brown); text-decoration: underline;}
.form-foot{text-align: center; margin-top: 100px;}
.form-foot p{font-size: 15px; font-weight: 400;}
.form-foot p a{color: var(--brown); text-decoration: underline;}

/*--------------------------------------------------------------------------------------*/
/*IRB-consent-form-modal-css-here
/*--------------------------------------------------------------------------------------*/

.modal-title{font-size: 20px; color: var(--black); font-weight: 600;}
.btn-close{opacity: 1;}
.modal-header{border: none;}
.irbconsent-des h3{font-size: 17px; color: var(--black); font-weight: 700;}
.decline-accept-box{display: flex; align-items: center; justify-content: center; border-top: solid 1px var(--border2); padding: 20px 0px;}
.decline-accept-box .btn{margin-right: 15px;}
.decline-accept-box .btn:last-child{margin-right: 0;}

/*--------------------------------------------------------------------------------------*/
/*header-css-here
/*--------------------------------------------------------------------------------------*/

header{background:var(--header-bg); border-bottom: solid 1px var(--border); padding: 10px 0px; position: fixed; left: 0; top: 0; width: 100%; z-index: 99;}
.header-inner{display: flex; align-items: center; justify-content: space-between;}
.logo a{max-width: 60px; display: block;}
.head-right{display: flex; align-items: center;}
.notification-btn{width: 44px; height: 44px; background: var(--light-orange); font-size: 28px; display: flex; align-items: center; justify-content: center; border-radius: 50px; margin-right: 15px;}
nav.navbar ul li a{display: flex; align-items: center;}
nav.navbar ul li a i{margin-right: 5px;}
nav.navbar ul li a span{font-size: 15px; color: var(--black); font-weight: 700;}
.user-profile-box .dropdown-toggle{padding: 0; padding: 0px 5px; border-radius: 50px; min-width: 44px; font-size: 15px; color:var(--white);}
.user-profile-box .dropdown-toggle:after{content: none;}
.dropdown-menu{padding: 0px; width: 215px; box-shadow: 0px 1px 9px rgba(72, 65, 65, 0.16); box-shadow: 0px 1px 9px color(display-p3 0.278 0.259 0.259 / 0.16); border-radius: 6px; border: none; background: var(--white);}
.dropdown-menu li a{padding:10px 15px;}
.dropdown-menu li a i{margin-right: 10px;}
.notifications-switch-box{display: flex; align-items: center; justify-content: space-between;}
.user-profile-box .dropdown-menu{left: auto !important; right: 0 !important;}

/*--------------------------------------------------------------------------------------*/
/*demographic-questionnaire-page-css-here
/*--------------------------------------------------------------------------------------*/

.warper{padding: 30px 0px; min-height: calc(100vh - 147px);}
.page-head{text-align: center; margin-bottom: 30px;}
.page-head h2{font-size: 22px; color: var(--heading); font-weight: 700;} 
.radio-list-bg h3{font-size: 14px; color: var(--heading); font-weight: 700;}
.radio-list{display: flex; flex-wrap: wrap;}
.radio-list .form-check{margin-right: 15px;}
.radio-list .form-check:last-child{margin-right: 0;}

/*--------------------------------------------------------------------------------------*/
/*footer-css-here
/*--------------------------------------------------------------------------------------*/

footer{background: var(--white); padding: 15px; text-align: center;}
footer p{margin: 0; padding: 0; }

/*--------------------------------------------------------------------------------------*/
/*Password Reset Link Sent-modal-css-here
/*--------------------------------------------------------------------------------------*/

.password-reset-sent{text-align: center;}
.password-reset-sent figure{margin: 0;}
#password-reset-link .modal-header{padding: 0;}
#password-reset-link .btn-close{position: absolute; right: 15px; top: 15px; z-index: 9;}
.password-reset-sent figure{margin-bottom: 15px;}
.password-reset-sent figcaption h3{font-size: 20px; color: var(--black);}

/*--------------------------------------------------------------------------------------*/
/*dashboard-page-css-here
/*--------------------------------------------------------------------------------------*/

.dashboard-head{margin-bottom: 25px;}
.dashboard-head h5{font-size: 16px; color: var(--heading); font-weight: normal ;}
.dashboard-head h3{font-size: 20px; color: var(--heading); font-weight: 700; margin: 0;}
.dashboard-list ul{display: grid; grid-template-columns: repeat(auto-fill, minmax(390px, 1fr)); gap: 30px;}
.dashboard-list ul li{background: rgba(62, 22, 255, 0.07); background: color(display-p3 0.224 0.094 1.000 / 0.07); border-bottom: 4px solid #3E16FF; border-bottom: 4px solid color(display-p3 0.224 0.094 1.000); border-radius: 10px;}
.dashboard-box{text-align: center; padding: 30px;}
.dashboard-box figure{margin-bottom: 15px;}
.dashboard-list ul li.dashbox2{background: rgba(255, 0, 136, 0.07); background: color(display-p3 1.000 0.094 0.529 / 0.07); border-bottom: 4px solid #FF0088; border-bottom: 4px solid color(display-p3 1.000 0.094 0.529);}
.dashboard-list ul li.dashbox3{background: rgba(255, 126, 0, 0.07); background: color(display-p3 1.000 0.529 0.094 / 0.07); border-bottom: 4px solid #FF7E00; border-bottom: 4px solid color(display-p3 1.000 0.529 0.094);}
.dashboard-list ul li.dashbox4{background: rgba(0, 157, 0, 0.07); background: color(display-p3 0.067 0.604 0.122 / 0.07); border-bottom: 4px solid #009D00; border-bottom: 4px solid color(display-p3 0.067 0.604 0.122);}
.dashboard-list ul li.dashbox5{background: rgba(255, 0, 0, 0.07); background: color(display-p3 1.000 0.094 0.094 / 0.07); border-bottom: 4px solid #FF0000; border-bottom: 4px solid color(display-p3 1.000 0.094 0.094);}

/*--------------------------------------------------------------------------------------*/
/*courses-page-css-here
/*--------------------------------------------------------------------------------------*/

.courses-head{display: flex; align-items: center; justify-content: space-between; margin-bottom:15px;}
.courses-head h2{font-size: 20px; color: var(--heading); font-weight: 700; margin: 0;} 
.courses-list ul li{background: var(--bg2); border: solid 1px var(--border); padding: 15px; border-radius: 10px; margin-bottom:15px;}
.courses-list ul li:last-child{margin-bottom: 0;}
.courses-list-head{display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 5px;}
.courses-status{margin-bottom: 15px;}
.courses-status span{border: solid 1px var(--orange); color: var(--orange); background: var(--bg3); font-size: 13px; padding:5px 10px; border-radius: 50px; display: inline-block;}
.courses-status.new-status span{background: var(--light-green); border-color: var(--green); color: var(--green);}
.courses-list-head-left h2{font-size: 16px; color: var(--black); font-weight: 700; margin: 0;}
.courses-list-head-right p{margin: 0;}
.courses-action-btn{display: flex; align-items: center;}
.courses-action-btn a{margin-right: 15px;}
.courses-action-btn a.edit-btn,.courses-action-btn a.delete-btn{font-size: 24px; padding: 0px 10px;}
.courses-action-btn a:last-child{margin-right: 0;}

/*--------------------------------------------------------------------------------------*/
/*course-detail-page-css-here
/*--------------------------------------------------------------------------------------*/

.courses-detail-top{background: var(--brown); border-radius: 30px 30px 0px 0px;}
.breadcrumb-menu{margin-bottom: 10px;}
.breadcrumb-menu ul{display: flex; align-items: center;}
.breadcrumb-menu ul li{margin-right: 10px;}
.breadcrumb-menu ul li:last-child{margin-right: 0;}
.breadcrumb-menu ul li a{font-size:14px; color: var(--white);}
.courses-detail-top .courses-status{margin: 15px 0px;}
.heading-date-box{display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.heading-date-box h2{font-size: 20px; color: var(--white); font-weight: 700; margin: 0;} 
.heading-date-box span{font-size: 14px; color: var(--white);}
.courses-des p{color: var(--white); margin-bottom: 10px;}
.courses-level{margin-bottom: 10px;}
.courses-level ul{display: flex; align-items: center;}
.courses-level ul li{margin-right: 15px; font-size: 14px; color: var(--white);}
.courses-level ul li:last-child{margin-right: 0;}
.task-students-tab ul{border-bottom: solid 1px var(--border3);}
.task-students-tab ul li{margin-bottom: -1px; position: relative; z-index: 1;}
.task-students-tab ul li button{border-bottom: solid 1px transparent; font-size: 16px; color: var(--p); border-radius: 0 !important;}
.task-students-tab ul li button.active{border-bottom: solid 1px var(--brown); background: none !important; color: var(--brown) !important;}
.task-students-tab ul li button:hover{color:var(--brown);}
.accordion-item{margin-bottom: 15px; background: var(--bg2); border: solid 1px var(--border) !important; box-shadow: none !important; border-radius: 10px; overflow: hidden;}
.accordion-item button{box-shadow: none !important;}
.accordion-button:not(.collapsed){background: var(--bg2);}
.accordion-header .accordion-button{background: none; display: block;}
.accordion-header .accordion-button p{margin: 0; font-size: 16px; color: var(--black); font-weight: 700;}
.accordion-body{padding-top: 0;}
.date-list{margin-bottom: 10px;}
.date-list ul{display: flex; align-items: center;}
.date-list ul li{display: flex; align-items: center; margin-right: 15px;}
.date-list ul li span{padding-left: 5px; font-size: 14px; color: var(--black);}
.date-list ul li span strong{font-weight: 700;}
.date-list ul li:last-child{margin-right: 0;}
.accordion-des h5{font-size: 14px; color: var(--heading);}
.accordion-des h5 strong{font-weight: 700;}
.accordion-des p{margin-bottom: 10px;}
.courses-status.closed-status span{border-color: #FF6060; color: #FF6060; background: #FDEBEB;}
.courses-status.incomplete-status span{border-color: #FF6B18; color: #FF6B18; background: #FDEBEB;}

.students-enrolled-list ul li{display: flex; align-items: center; margin-bottom: 15px; border-bottom: solid 1px var(--border3); padding-bottom: 15px;}
.students-enrolled-list ul li figure{flex:0 0 44px; max-width: 44px; margin: 0;}
.students-enrolled-list ul li figcaption{flex:1; padding-left: 15px;}
.students-enrolled-list ul li figcaption h3{font-size: 15px; color: var(--heading); font-weight: 700; margin: 0;}
.students-enrolled-list ul li figcaption p{margin: 0;}
.students-enrolled-list ul li:last-child{margin-bottom: 0;}
.share-invite-des{text-align: center; padding-bottom: 15px;}
.share-invite-des figure{margin-bottom: 15px;}
.share-invite-des figcaption h3{font-size: 20px; color: var(--black); margin-bottom: 10px;}
.share-invite-des figcaption p{font-size: 16px; margin: 0;}
.copy-code-box{padding: 0px 70px; margin-top: 15px;}
.code-box-inner{background: var(--bg2); border: solid 1px var(--border); border-radius: 10px; padding:12px; position: relative; display: flex; justify-content: space-between;}
.code-box-inner button{position:absolute; right: 10px;top: 5px; background: none; border: none; color: var(--brown);font-size: 24px;}

/*--------------------------------------------------------------------------------------*/
/*review-grades-page-css-here
/*--------------------------------------------------------------------------------------*/

.dashboard-content-bg .breadcrumb-menu ul li a{color: var(--brown);}
.review-grades-list ul li{display: flex; align-items: center; justify-content: space-between;}
.review-grades-left{display: flex; align-items: center;}
.review-grades-left figure{width: 44px; height: 44px; border-radius: 50px; margin: 0;}
.review-grades-left figcaption{padding-left: 15px; font-size: 15px; color: var(--black); font-weight: 700;}
.review-grades-list ul li{display: flex; align-items: center; justify-content: space-between; border-bottom: solid 1px var(--border3); padding: 15px 0px;}
.review-grades-right{font-size: 14px; font-weight: 700;}
.not-attempted{color: #FF6060; font-size: 14px;}

/*--------------------------------------------------------------------------------------*/
/*review-grades-page-css-here
/*--------------------------------------------------------------------------------------*/

.choose-tasks-bg h3{font-size: 16px; color: var(--heading); font-weight: 700;}
.fild-icon{position: absolute; right: 15px; top: 40px; background: none; border: none;} 
.fild-with-icon .form-control{padding-right: 45px;}
.choose-tasks-bg h5{font-size: 15px; color: var(--heading); font-weight: 700;}
.add-task-btn{margin: 0px 0px 20px 0px;}
.add-task-btn a{display: flex; align-items: center;}
.add-task-btn a span{font-size: 15px; color: var(--brown); font-weight: 700; padding-left: 5px;}
.task-delete-box{display: flex; align-items: center; justify-content: space-between;}
.delete-task-btn a{display: flex; align-items: center;}
.delete-task-btn a span{font-size: 15px; color: var(--brown); font-weight: 700; padding-left: 5px;}

/*--------------------------------------------------------------------------------------*/
/*students-page-css-here
/*--------------------------------------------------------------------------------------*/

.add-student-inner-btn{display: inline-block;}
.add-student-btn a{display: flex; align-items: center;}
.add-student-btn a i{font-size: 24px;}
.view-scores-btn a{color: var(--brown); text-decoration: underline;}
.table-action-btn{display: flex; align-items: center;}
.table-action-btn a{font-size: 24px; color: var(--black); margin-right: 10px;}
.table-action-btn a:last-child{margin-right: 0;}
.add-student-btn{margin-bottom: 15px;}
.table th{border-top: solid 1px var(--border3); border-right: solid 1px var(--border3); font-weight: 700;}
.table th:last-child{border-right: none;}
.table td{vertical-align: middle;}
.table tr td{background: var(--bg2);}
.table tr:nth-child(odd) td{background: var(--white);}

/*--------------------------------------------------------------------------------------*/
/*view-scores-page-css-here
/*--------------------------------------------------------------------------------------*/

.view-scores-des{margin-bottom: 15px;}
.view-scores-des h4{font-size: 16px; font-weight: 700; margin-bottom: 15px;}
.view-scores-list ul{display: grid; grid-template-columns: repeat(auto-fill, minmax(47%, 1fr)); gap:20px;}
.view-scores-list ul li{display: flex; align-items: center; justify-content: space-between; background: var(--bg2); border: solid 1px var(--border); border-radius: 10px; padding: 15px;}
.view-scores-list ul li h5{font-size: 15px; color: var(--black); font-weight: normal; margin: 0;}
.view-scores-list ul li span{font-size: 15px; font-weight: 700; color: var(--black);}
.roster-list ul li{border-radius: 10px; background: var(--bg2); border:solid 1px var(--border); padding: 15px; margin-bottom: 15px;}
.roster-list ul li:last-child{margin-bottom: 0;}
.roster-head{display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.roster-head h3{font-size: 16px; color: var(--black); font-weight: 700; margin: 0;}
.roster-head span{font-size: 14px; color: var(--p);}
.roster-head span strong{font-weight: normal;}
.student-list ul li{display: flex; align-items: center; justify-content: space-between; border-top: solid 1px var(--border2); padding: 4px 0px;}
.student-list ul li h3{font-size: 15px; color: var(--heading); font-weight: 700; margin: 0;}
.student-list ul li button{border: none; background: none; font-size: 28px; color: var(--black);}
.student-list ul li:last-child{border-bottom: solid 1px var(--border2);}
.add-student-btn-box{margin-top: 25px; text-align: center;}

/*--------------------------------------------------------------------------------------*/
/*create-course-student-page-css-here
/*--------------------------------------------------------------------------------------*/

.select-all-head{display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.select-all-head h5{font-size: 14px; color:var(--p); font-weight: normal;}
.select-all-head .form-check label{color: var(--heading); font-size: 14px;}
.add-student-list ul li{display: flex; align-items: center; justify-content: space-between; border-bottom: solid 1px var(--border2); padding-bottom: 10px; margin-bottom: 10px;}
.student-left h5{margin: 0; padding: 0; font-size: 15px; color: var(--heading); margin-bottom: 5px;}
.student-left p{color: var(--p); margin: 0; font-size: 14px;}
.add-student-btn-box{display: flex; justify-content: center; margin-top: 30px;}

/*--------------------------------------------------------------------------------------*/
/*notifications-page-css-here
/*--------------------------------------------------------------------------------------*/

.notifications-list ul li{display: flex; justify-content: space-between; background: var(--white); border: solid 1px var(--border2); border-radius: 10px; padding: 15px; margin-bottom: 15px;}
.notifications-list ul li:last-child{margin-bottom: 0;}
.notifications-left{display: flex;}
.notifications-left figure{flex:0 0 44px; max-width: 44px; margin: 0;}
.notifications-left figcaption{flex:1; padding-left: 15px;}
.notifications-left h3{font-size: 16px; color: var(--black); font-weight: 700; margin-bottom: 0px;}
.notifications-left p{margin: 0; font-size: 14px; color: var(--p);}
.notifications-right{font-size: 14px; color: var(--p);}
.notifications-list ul li.active{border: solid 1px var(--border); background: var(--bg3);}

/*--------------------------------------------------------------------------------------*/
/*my-profile-page-css-here
/*--------------------------------------------------------------------------------------*/

.my-profile-des{text-align: center;}
.my-profile-box{display:inline-block; text-align: left; width: 672px; border-radius: 20px; overflow: hidden;}
.my-profile-head{background: var(--brown); text-align: center; padding: 15px 0px;} 
.courses-created-des h4{font-size: 15px; color: var(--heading); font-weight: 700;}
.name-email-box{text-align: center;}
.name-email-box h3{font-size: 20px; color: var(--heading); font-weight: 700; margin: 0;}
.name-email-box p a{font-size: 14px; color: var(--p);}
.courses-created-des h4{font-size: 15px; color: var(--heading); font-weight: 700; margin-bottom: 10px;}
.courses-created-des ul{list-style: number; padding-left: 15px;}
.courses-created-des ul li{font-size: 14px; color: var(--heading); font-weight: normal; margin-bottom: 5px;}
.courses-created-des ul li:last-child{margin-bottom: 0;}
.password-edit-profile-btn{display: flex; align-items: center; justify-content: center; margin-top: 25px;}
.password-edit-profile-btn a{margin-right: 15px;}
.password-edit-profile-btn a:last-child{margin-right: 0;}

/*--------------------------------------------------------------------------------------*/
/*faq-page-css-here
/*--------------------------------------------------------------------------------------*/

.faq-des .accordion-item{background: var(--white); border: solid 1px var(--border2) !important;} 
.faq-des .accordion-button{display: flex; align-items: center; justify-content: space-between;}
.faq-des .accordion-button {font-size: 16px; color: var(--heading); font-weight: 600;}

/*--------------------------------------------------------------------------------------*/
/*student-dashboard-page-css-here
/*--------------------------------------------------------------------------------------*/

.statistics-box h3{font-size: 20px; color: var(--heading); margin-bottom: 15px;}
.courses-invitations-box{margin-top: 30px;}
.courses-invitations-box h3{font-size: 20px; color: var(--heading); font-weight: 700; margin-bottom: 15px;}
.courses-invitations-head{display: flex; justify-content: space-between; margin-bottom: 10px;}
.courses-invitations-h-left h4{font-size: 16px; color: var(--black); font-weight: 700;}
.courses-user{display: flex; align-items: center;}
.courses-user span{font-size: 14px; color: var(--black);}
.courses-invitations-list li{background: var(--bg2); border: solid 1px var(--border); border-radius: 10px; padding: 15px; margin-bottom: 15px;}
.courses-invitations-list li:last-child{margin-bottom: 0;}
.courses-user i{margin-right: 8px;}
.courses-date{font-size: 14px; color: var(--p);}
.courses-invitations-list li p{font-size: 14px; color: var(--p);}

/*--------------------------------------------------------------------------------------*/
/*student-dashboard-page-css-here
/*--------------------------------------------------------------------------------------*/

.student-courses-content-bg .courses-invitations-box{margin-top: 0;}

/*--------------------------------------------------------------------------------------*/
/*student-courses-page-css-here
/*--------------------------------------------------------------------------------------*/

.courses-des .courses-user span{color: var(--white);}
.courses-des .courses-user{margin-bottom: 10px;}
.progress-box{display: flex; align-items: center; margin-bottom: 10px;}
.progress-box .progress{width: 280px; max-width: 280px; margin-right: 10px;}
.progress-bar{background-color: var(--brown);}
.progress{background: var(--light-orange);}

/*--------------------------------------------------------------------------------------*/
/*start-task-page-css-here
/*--------------------------------------------------------------------------------------*/

.full-screen-btn{display: flex; align-items: center; justify-content: flex-end;}
.full-screen-btn a{display: flex; align-items: center;}
.full-screen-btn a i{font-size: 24px; margin-right: 5px;}
.start-task-des{text-align: center; padding: 100px 0px;}
.accept-task-btn{margin-top: 10px;}
.full-screen-bg{min-height: 100vh; width: 100%; background: url(../images/shape1.png) no-repeat right top,url(../images/shape2.png) no-repeat left bottom; background-color: var(--bg); padding: 30px;}
.start-task-des{padding: 30px; min-height: calc(100vh - 60px); display: flex; align-items: center; justify-content: center; flex-direction: column;}
.bouche-bus-des h2{font-size: 16px; color: var(--heading); font-weight: 700; margin-bottom: 30px;}
.bouche-bus-btn{display: flex; align-items: center;}
.bouche-bus-btn a{width: 250px; height: 145px; border-radius: 10px; display:flex; align-items: center; justify-content: center; font-size: 32px; color: var(--brown); font-weight: 600; background: var(--light-bg); border: solid 1px var(--border); margin-right: 30px;}
.bouche-bus-btn a:last-child{margin-right: 0;}
.continue-des figcaption p{margin: 0;}
.continue-des .continue-btn{margin-top: 15px;}
.task-tab-des .accordion-button:after{background: url(../images/drop-arrow01.png) no-repeat; width: 18px; height: 10px; position: absolute; right: 15px; top: 45%;}
.site-bg .site-bg{padding: 0;}
.warper .warper{padding: 0;}
.form-content-box.custom-task-box > div > div {height: auto !important;}
.form-content-box.custom-task-box > div > div .customdev{position: inherit !important; height: auto !important;}
.form-content-box.custom-task-box > div > div .customdev audio{width: 100%;}
.form-content-box.custom-task-box{padding: 15px;}