/*@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@100..900&family=Oswald:wght@200..700&family=Roboto:wght@100..900&display=swap');

/* start FAQ page */
/*.faq-category-box.faq-image-link img {*/
/*padding-bottom: 10px;*/
/*}*/

/*.faq-section.active {*/
/*display: block;*/
/*width:100%;*/
/*}*/

/*div#faq-content {*/
/*width: 100% !important;*/
/*display: flex;*/
/*align-items: center;*/
/*justify-content: center;*/
/*max-width: 100% !important;*/
/*}*/
/*.innerbanner_section .banner img{*/
/*	width:100%;*/
/*}*/
/* end FAQ page */

.lesson-begi-section strong {
font-weight: 600;
}
.upload-box img {
    width: 45px !important;
}
.plan_type {
display: flex;
gap: 50px;
align-items: baseline;
background: #fff4fa;
padding: 20px 40px;
border-radius: 20px;
border: 1px solid #f0dbe7;
}
.plan_type strong{
font-size: 12px;
color: #e03e96;
}
.form-submit #submit {
padding: 13px 35px !important;
border-radius: 50px !important;
background: #e03e96 !important;
color: #fff !important;
border: none !important;
margin-bottom: 25px !important;
}
body.single-memberpressproduct .mepr-submit {
padding: 13px 35px !important;
border-radius: 50px !important;
background: #e03e96 !important;
color: #fff !important;
border: none !important;
margin-bottom: 25px !important;
}
body.single-memberpressproduct #primary article .entry-content {
order: 3;
margin-top: 5px;
width: 100%;
}
#student-documents-output .student-documents-table tbody tr td:last-child {
	display: flex;
	gap: 10px;
	padding: 59px 10px;
	border-top: none !important;
}
body  .student-documents-table video{width:200px; height:130px;}
.student-documents-table thead {
	background: #e03e96;
	color: #fff !important;
}
.wishlist img {
width: 13px !important;
}

#popular_plan .plan-name {
position: relative;
}

/*.faq-wrapper {*/
/*padding: 40px 20px !important;*/

/*}*/

/*.faq-wrapper.container .faq-category-box {*/
/*width: 170px;*/
/*}*/

/*.faq-category-box strong {*/
/*font-size: 15px;*/
/*}*/
/*.faq-category-box small {*/
/*font-size: 14px;*/
/*}*/


.banner_faq h1 {
font-weight: 700;
text-transform: capitalize;
}

.banner_faq {
text-align: center;
padding: 80px 0;
background: #fff;
}


.course-features {
width: fit-content;
position: relative;
right: 0;
list-style: none;
line-height: 2;
padding-left: 0 !important;
margin-left: 0 !important;
}

#popular_plan .plan-name {
width: 100%;
display: flex;
align-items: start;
gap: 35px;
position: relative;
}


.mp-form-submit input {
padding: 13px 35px;
border-radius: 50px;
background: #e03e96;
color: #fff !important;
border: none !important;
}

body .Features ul {
list-style: none !important;
padding-left: 0;
padding-top: 15px;
line-height: 2;
}
.course-image {
height: 400px;
width: 100%;
object-fit: cover;
}

.course-image img {
height: 100%;
object-fit: cover;
width: 100%;
}
.course-features li img {
filter: brightness(0) invert(1);
}

.mepr-subscription-table td, .mepr-subscription-table th {
padding: 9px;
}
.course-image{position: relative;}
.course-image::before {
content: "";
background: #000;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.5;
}

.course-features.mb-2 {
position: absolute;
right: 9%;
top: 37%;
z-index: 99;
color: #fff;
}
.form-check.mt-3 {
padding-left: 12px;
margin-top: 5px !important;
}

.total_price span {
color: #000 !important;
}
body{  
font-family: 'Roboto', sans-serif !important;
padding: 0;
margin: 0;
box-sizing: border-box;
background:#FCEAF6;
}
p{ 
font-size: 16px;
font-family: 'Roboto', sans-serif !important;
}
h5{
font-weight: 600;
font-size: 17px;
}
.bg-pink {
background-color: #e03e96;
}
.btn-pink {
background-color: #e03e96;   color: white;   border: none;
}
.btn-pink:hover {
background-color: #cc0066;
}
/*
New-Homepage
Dashboard
*/

/* header css*/


.top-bar {  font-size: 14px;  font-family: "Montserrat", sans-serif;}  
.mail > span:last-child {border-left: 1px solid #fff;padding-left: 15px;}
.logo img {width: 100%;height: auto;}

.top-bar .container > div:first-child {
padding-left: 0.25rem;
}

/*.wpcf7-form.init input {*/
/*padding: 10px 20px;*/
/*}*/
header .logo {
width: 300px;
}
header .navigation_Section {
display: flex;
align-items: center;
}
/*header .navigation_Section div a.btn {*/
/*border-radius: 50px;*/
/*color: #e03f96;*/
/*border: 1px solid #e03f96;*/
/*padding: 8px 20px;*/
/*}*/
header  .navigation_Section div a.btn:last-child {
margin-right: 0 !important;
} 
header .nav-link {
color: #3F3F3F !important;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    font-family: 'Roboto';
    text-transform: uppercase;
}
/* Target the active menu item */
/* Change color for active menu item */
.nav-item.current-menu-item .nav-link {
    color: #E03F96 !important;
}


header .nav-link:hover { 
color: #e03e96 !important;
}
header .users-login {
display: flex;
align-items: center;
}
/*header .users-login a{*/
/*border: 1px solid #e03e96;*/
/*padding: 7px 20px;*/
/*display: inline-block;*/
/*border-radius: 40px;*/
/*color: #e03e96;*/
/*text-decoration: none;*/
/*text-transform: uppercase;*/
/*font-size: 14px;*/
/*font-weight: 800;*/
/*}*/
/*header .users-login a:hover{*/
/*background: #e03e96;*/
/*color:#fff;*/
/*}*/
/*header .white-user, header .users-login a:hover .color-user{*/
/*display:none;*/
/*}*/
img.color-user{
    display:none;
}
header .users-login a:hover .white-user{
display:inline-block;
border-right: 1px solid #ffffff;
}
.header_baar .bg-dark{position: absolute;
width: 100%;
z-index: 99;
}
.header_baar {
background: #FFFFF;
position:relative;
z-index:111;
}
section.banner_section {
padding-top: 0 !important;
}

section.banner_section .banner_img {
border: none !important;
transform: unset !important;
width: 100% !important;
margin-left: 0 !important;
}

.Price span {
font-weight: 500;
color: #e03e96 !important;
padding-bottom: 15px;
}

.btn:hover{ background-color: #e03e96 !important; /* Pink background on hover */
border-color: #e03e96 !important; /* Ensure border color matches */
color: white !important; /* White text for contrast */}



.my_Acount img {
width: 26px;
padding-right: 12px;
border-right: 1px solid #e03e96;
margin-right: 8px;
}

.dropdown-menu li a:hover{color: #e03e96;}


#coursesDropdown::after {
content: '';
display: inline-block;
width: 5px;
height: 6px;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
transform: rotate(-49deg);
margin-left: 3px;
position: relative;
top: -1px;
}

ul.dropdown-menu.show{    background: rgba(0, 0, 0, 0.7) !important;}

.carousel-caption {
position: absolute;
top: 30%;
left: 10%;
transform: translateY(-50%);
color: white;
text-align: left;
}
.carousel-caption h1 {
font-size: 3rem;
font-weight: bold;
}
.carousel-caption p {
font-size: 1.2rem;
}
.btn-custom {
background-color: #e03e96;
padding: 10px 20px;
color: white;
border: none;
}
.btn-custom:hover {
background-color: #e60073;
}
.owl-carousel .item {
position: relative;
}

.progress_content {
border-bottom: 1px solid #dadada;
}


body .content_modal {
background: url(/wp-content/uploads/2025/03/New-Project-29.png) !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
.content_modal .block01_home img {
border: 20px solid #931057;
transform: rotate(7deg);
width: 100%;
}
.content_modal .block01_home:nth-child(even) img {
transform: rotate(-7deg);
}
.content_modal .block01_home:nth-child(even) .dashboard_about_image {
margin-left: -40px;
}
.content_modal .block01_home:nth-child(odd) .dashboard_about_image h2{
margin-left: -80px;
}

.banner-caption {
opacity: 0;
transform: translateX(-100px);
}

.banner_img {
opacity: 0;
transform: translateX(100px);
}
.content_modal section:nth-child(2) h2{ margin-right: -188px;}
.content_modal section:nth-child(3) h2{ margin-left: -112px;}

.content_modal section .dashboard_about_image h2 {
margin-bottom: 20px;
font-size: 55px;
font-weight: 900;
color: #e03e96;
text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.38);
line-height: 1;
position: relative;
z-index: 9;
}
body .content_modal section {
background: transparent !important;
}
/* New-Homepage Css start*/
.banner_section {
padding: 77px 0 53px;
background: #FFCDD2;
}
.banner_section .banner-panel .banner_img{
border:20px solid #931057;
transform: rotate(-7deg);
width:50%;
margin-left: -150px;
}
.banner_section .banner-panel .banner_img img{
width:100%;
}
.banner_section .banner-panel .banner-caption h2 {
font-size: 73px;
font-weight: 900;
color: #e03e96;
line-height: 60px;
}
.banner_section .banner-panel{
display:block;
justify-content: center;
align-items: end;
}
.banner_section .banner-caption {
width: 43%;
position: relative;
z-index: 1;
margin-bottom: 0;
}

.banner_section .banner-caption h4{
font-size:18px;
padding-right:150px;
}
.owl-carousel button.owl-dot{
width: 10px;
height: 10px;
background: #ffcdd2;
margin: 0 5px;
border-radius: 40px;	
}
.owl-carousel button.owl-dot.active{
background: #e03e96;
}
.owl-dots{
text-align:center;
}
.banner_section .banner-caption .plan-btn a{
color: #000;
font-weight: 800;
text-decoration: none;
font-size: 15px;
border: 1px solid #000;
padding: 16px 30px;
border-radius: 50px;
text-transform: uppercase;
margin-top: 15px;
display: inline-block;
}
.block01_home{
padding:70px 0;
background: #fff3f4;
}
.block01_home img{
border:20px solid #931057;
transform: rotate(-7deg);
width:100%;
}
.dashboard_about_image{
display:flex;
align-items:center;
height:100%;
padding-right:50px;
}
.testimonial-section{
padding-top:70px;
}
.dashboard_about_image p {
color: #fff;
}
.dashboard_about_image h2 {
margin-bottom: 20px;
font-size: 39px;
font-weight: 900;
color: #e03e96;

}
.plan-section{
background: #fceaf6;
padding: 70px 0;
}
.plan-card{
display:flex;
align-items: center;
justify-content: center;
height: 100%;
}
.plan-card h5{
font-size: 80px;
font-weight: 800;
color: #e03e96;
}
.plan-section .plan-card h4 {
margin-bottom: 15px;
font-size: 32px;
font-weight: 800;
color: #e03e96;
}
.plan-detailscard{
background: url(/wp-content/uploads/2025/03/New-Project-29.png) !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
color: #fff;
padding: 30px 10px 0 200px;
width:70%;
position: relative;
border: 10px solid #931057;
height: 100%;
}
.plan-name a{
color: #e03e96;
border: 1px solid #e03e96;
padding: 14px 20px;
border-radius: 6px;
display: inline-block;
text-decoration: none;
margin-top: 20px;
}
.plan-name{
width:30%;
position:relative;
z-index:1;
}
/* New Homepage Css end*/

.banner_slider  .slider-item{position: relative;}

.banner_slider  .slider-item .slider-content {
position: absolute;
top: 50%;
width: 46%;
left: 8.5%;
}
.banner_slider  .slider-content P{font-size: 18px; color: #fff;font-family: "Montserrat", sans-serif;text-shadow: 1px 1px 2px #000;}
.banner_slider  .slider-content P:nth-child(3){margin-bottom: 30px;}
.banner_slider  .slider-content P:first-child{font-size: 20px; text-shadow:1px 1px 2px #171617;  text-transform: uppercase; color: #cc0066;font-weight: 500;font-family: "Montserrat", sans-serif;}
.banner_slider  .slider-content h1{font-size: 60px;font-weight: 800; text-shadow: 1px 1px 2px #000; color: #fff;line-height: 1;font-family: "Montserrat", sans-serif;}
.banner_slider .slider-item .slider-content {
position: absolute;
top: 33%;
left: 8.5%;
}
#file_upload {
padding: 10px;
border: 1px solid #000 !important;
background: #000 !important;
border-radius: 5px;
color: #fff;
cursor: pointer;
}
#upload-form button {
padding: 9px 45px;
border-radius: 50px;
display: flex;
justify-content: center;
margin: 50px  0;
background: #e03e96;
color: #fff;
border-color: #e03e96;
}
.accordion-header button {
width: 100% !important;
}
#dashboardTabContent .tab-pane .Lesson_List a {
background: transparent !important;
width: 100% !important;
display: block;
}
#upload-form {
display: block;
flex-wrap: wrap;
gap: 10px;
justify-content: space-between;
align-items: center;
margin-top: 30px;
}
.btn-custom {
background-color: #e03e96;
padding: 13px 20px;
color: #fff !important;
border: none;
text-decoration: none;
border-radius: 50px;
font-family: "Montserrat", sans-serif;
font-size: 15px;
margin-top: 15px;
}
#manager-table .btn img {
width: 20px;
}


.student_quize_status .quiz-content {
display: flex;
width: 70%;
justify-content: space-around;
}
.accordion-collapse .accordion-body .student_quize_status   div p , .accordion-collapse .accordion-body .student_quize_status   div strong{text-align: center !important;}
.student_quize_status .quiz-content > div {
border: 1px solid #d3d3d3;
padding: 20px 39px;
text-align: center;
width: 47%;
background: #fff;
border-radius: 5px;
}
.student_quize_status {
background: #f5e2e9;
padding: 20px;
border-radius: 10px;
display: flex;
display:none;
}

.student_quize_status > div:last-child {
border: 1px solid #d3d3d3;
padding: 20px 39px;
text-align: center;
width: 30%;
background: #fff;
border-radius: 5px;
}


.student_quize_status {
background: #f5e2e9;
padding: 20px;
border-radius: 10px;
}

#upload-form > div {
width: 100% !important;
max-width: 100% !important;
}

#upload-form > div input {
width: 100% !important;
max-width: 100% !important;
}

#upload-form > div input#document_name {
margin-bottom: 25px;
}

.employes h3 {
text-align: center;
text-transform: capitalize;
font-size: 20px;
font-weight: 700;
font-family: "Montserrat", sans-serif;
color: #000;
text-shadow: 1px 0px 0px #818181;
letter-spacing: 0.5px;
margin-bottom: 0;
}


/* html body.post-type-archive-plan .plan-section .row div.plan:last-child {
margin-bottom: 50px;
} */

#manager-tab {
position: relative;
}

#manager-tab::before {
content: "";
background: url(/wp-content/uploads/2025/01/site_manager-removebg-preview1.png);
height: 30px;
width: 30px;
display: block;
position: absolute;
left: 0;
background-size: contain;
background-position: center center;
filter: brightness(0) invert(1);
transform: translate(30%,-9%);
}

#instructor-tab {
position: relative;
}

#instructor-tab::before {
content: "";
background: url(/wp-content/uploads/2025/01/total_insturctor__2_-removebg-preview.png);
height: 30px;
width: 30px;
display: block;
position: absolute;
left: 0;
background-size: contain;
background-position: center center;
filter: brightness(0) invert(1);
transform: translate(30%,-9%);
}
#manager .btn.btn-primary.mb-3 , #instructor  .btn.btn-primary.mb-3{
background: #e03e96;
border-color: #e03e96;
}

#manager-table .btn:hover img {
filter: brightness(0) invert(1);
}
#manager-table .btn {
background: #fff;
border-color: #e03e96;
}
.empley_slider {
margin: 50px auto;
width: 100%;
max-width: 85%;
}

.Slider_Image {
display: block;
margin: 0 auto;
padding: 20px 0 30px 0px;
}
body.page-id-390 #lessonAccordion0 .open_lesson::after {
content: "";
display: none;
}
.quiz-items, .quiz-items ul, .quiz-items ul li {
padding: 0;
margin: 0;
list-style: none;
}
#btn-custom {
background: #fff;
color: #e03e96 !important;
border: 1px solid #bfb6b6;
font-weight: 500;
text-transform: uppercase;
font-family: "Montserrat", sans-serif;
padding:7px 16px;
font-size: 13px;

}

body h1 {
font-size: 60px;
font-weight: 800;
color: #000;
line-height: 1;
font-family: "Montserrat", sans-serif;
}
.welcome h1 {
margin-top: 15px;
margin-bottom: 20px;
}

.welcome  .col-md-6 p{font-size: 16px;
color: #000;
font-family: "Montserrat", sans-serif;}

#read_more {
font-weight: 500;
padding: 10px 34px;
margin-top: 20px;
float: left;
}

.welcome {
margin-top: 6rem !important;
}

.Teachers {
position: relative;
width: auto;
}

.img_heading{width: 100%;

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);


}
body .img_top .img_heading  p{font-size: 19px; font-weight: 600;
color: #fff;
font-family: "Montserrat", sans-serif; text-align: center;margin-bottom: 0;}
body .img_heading  h2{
font-size: 50px;
font-weight: 700;
color: #fff;
font-family: "Montserrat", sans-serif;
text-align: center;
margin-bottom: 0;
}
.training {
position: relative;
}


.img_top {
position: absolute;
top: 0;
right: 4%;
width: 100%;
max-width: 33%;
margin-top: -30px;
}

.most_popular .img-fluid.mx-auto.divider {
display: flex;
margin-top: 16px;
margin-bottom: 35px;
}

.most_popular p.text-center{font-size: 19px;font-family: "Montserrat", sans-serif;letter-spacing: 1.8px;font-weight: 400;text-transform: uppercase;}

.tabs #myTab {
justify-content: center;
border: none;
gap: 15px;
}

.tabs #myTab a {
color: #cc0066 !important;
border-radius: 50px;
border: 1px solid;
padding: 6px 25px;
line-height: 1.2;
font-size: 15px;
font-family: "Montserrat", sans-serif;
text-transform: uppercase;
font-weight: 500;
}

body.page-id-377 .header_baar , body.page-id-390 .header_baar  {
position: relative;
z-index: 999;
width: 100%;
top: 0;
}

/*dashboard start*/
.admin-header{
box-shadow: 3px 0 20px #f1cce5;
background: #ffffff !important;
}
.admin-header .logo{
width: 270px;
}
/*body.page-id-390  header.bg-dark > div {
width: 100%;
max-width: 100%;
background: rgb(0, 0, 0) !important;
}
body.page-id-377  .logo ,body.page-id-390  .logo {
width: 189px;
margin-top: 0;
margin-bottom: 0;
}*/
body.page-id-377 .text-dark.pt-4.pb-4  , body.page-id-390 .text-dark.pt-4.pb-4 {
display: none;
}
body.page-id-377 .header_baar .bg-dark  , body.page-id-390 .header_baar .bg-dark {
position: relative;
width: 100%;
z-index: 99;
}
body #popular .tabs .nav-tabs .nav-item a.active{color: #fff !important;background: #000;border-color: #000 !important;}
#popular .row.tabs #myTab {
margin-bottom: 5rem !important;
}

#myTabContent img{width: 100%;border-radius: 10px;}
#myTabContent .products {width:100%;}
#myTabContent #course-container {
display: grid;
width: 100%;
grid-template-columns: 1fr 1fr 1fr;
gap: 1.5rem;
}

#myTabContent .products .card {
border: 1px solid #ececec;
}
#myTabContent .products .card:hover{
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
border-radius: 10px;
transition: all 0.5s linear;
}

#myTabContent {
margin-bottom: 2rem;
}
.blogs .card .card-body .card-text {
font-size: 14px;
}
.welcome {
margin-bottom: 9rem;
}

.closed_lesson{ position: relative;}
.closed_lesson::before {
content: "";
background: url(/wp-content/uploads/2025/02/lock1.png);
width: 27px;
height: 27px;
display: block;
position: absolute;
right: 7%;
background-size: contain;
background-repeat: no-repeat;
}
.open_lesson::before {
content: "";
background: url(/wp-content/uploads/2025/02/correct.png);
width: 27px;
height: 27px;
display: block;
position: absolute;
right: 7%;
background-size: contain;
background-repeat: no-repeat;
}
.score_status {
display: flex;
justify-content: center;
gap: 15px;
}
#collapseLesson613 h5 {
text-align: center;
margin-bottom: 10px;
}

.scorm_result {
background: #fff;
border-radius: 5px;
padding: -1px 0;
margin: 0px 0 0px 0px;
text-transform: capitalize;
}

#student-results-output .quiz_accordian .accordion-collapse {
height: 600px;
overflow: hidden;
overflow-y: scroll;
}
.score_status > p strong {
display: block;
order: 2;
color: #E03E96;;
}
.score_status .status p {
margin-bottom: 0 !important;
}
.score_status > p {
padding: 4px 10px;
border: 1px solid #d9d9d9;
width: 25%;
/* height: 114px !important; */
display: grid;
justify-content: center;
align-items: center;
border-radius: 5px;
text-align: center;
box-shadow: 0 0.125rem 0.25rem rgba(220, 220, 220, 0.08);
background: #fff;
margin-bottom: 0;
}


.accordion .accordion-collapse table tbody tr th {
text-align: center;
background: #2d2d2d;
color: #fff;
}
.accordion .accordion-collapse table tbody tr:first-child th:first-child {
width: 50%;
}
.accordion-collapse button {
padding: 10px 20px !important;
}
.accordion-body .accordion-item h2 > button {
padding: 20px !important;
}
.quiz-form button {
border-radius: 50px;
background: #E03E96;
color: #fff;
}

.course_progress_wrapper > p {
font-size: 16px !important;
}
.stu_detail {
margin-top: 25px;
}
.course_progress_wrapper th {
color: #fff;
background: #2d2d2d;
}
.my_Acount:hover img {
filter: brightness(0) invert(1);
}
.form-control:focus {
border: 1px solid #d2d2d2 !important;
}
#popular_plan .owl-dots {
display: none !important;
}
#courseAccordion .accordion-button::after {
content: "";
display: none;
}
#courses #courseAccordion .accordion-button::after {
content: "";
display: block;
}
.course_progress_wrapper .score_status p {
border: none;
padding: 0;
display: block;
width: auto;
text-align: left;
}
#progress-tab::before{
content: "";
background: url(/wp-content/uploads/2024/11/result-removebg-preview.png);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
height: 30px;
width: 30px;
display: block;
position: absolute;
left: 0;
background-size: contain;
background-position: center center;
filter: brightness(0) invert(1);
transform: translate(30%, -9%);
}
#progress-tab{position: relative;}
html body #dashboardTabContent .course_progress_wrapper .view_all_progress_report a {
padding: 8px 12px;
background: #E03E96;
border-radius: 50px;
color: #fff !important;
display: flex;
width: fit-content;
justify-content: end;
margin-left: auto;
font-size: 14px;
}

.course_progress_wrapper .score_status {
display: flex;
justify-content: start;
gap: 15px;
justify-content: space-between;
}














.results_student > div > div:first-child {
width: 21%;
}
.results_student > div > div:last-child {
width: 21%;
}
.results_student > div:first-child {
border: none;
padding: ;
padding-bottom: 0;
padding-top: 0;
}
.results_student p {
font-size: 14px;
}

.course_progress_wrapper tbody tr:first-child th:nth-child(2) {
width: 38%;
}
.course_progress_wrapper table {
margin-bottom: 25px;
margin-top: 20px;
}
.course_progress_wrapper {
padding: 15px;
border-radius: 5px;
margin: 20px 0;
padding-bottom: 20px;
background: #fff;
border-radius: 5px;
}


#dashboard .results_student p {
font-size: 13px;

}
.course_progress_wrapper th, .course_progress_wrapper td {
padding: 10px 20px;
}
.lesson_progress .progress-bar-container .pass {
background-color: #0a9d3d !important;
position: relative;
z-index: 9999;
height: 10px;
padding: 7px;
}

.results_student {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
#lesson-quiz-body .accordion-item .accordion-collapse {
overflow-x: hidden !important;
height: 350px;
overflow-y: scroll;
}
#lesson-quiz-body button.accordion-button{
background-color: #E03E96 !important;
padding: 13px 20px !important;
color:#fff !important;
}
.open_lesson {
position: relative;
}
#myTabContent .products .card h5 {
font-size: 17px !important;
font-weight: 500;
font-size: 16px;
font-family: "Montserrat", sans-serif;
margin: 15px 0;
color: #000;
line-height: 1.3;
}
#myTabContent .products .card .wishlist a .btn {
padding: 3px 9px;
font-size: 12px !important;
}
#myTabContent .products .card  .card-body > div{display: flex;align-items: center;justify-content: space-between;}

#myTabContent .products .card .card-body > div:nth-child(1) a button.btn {padding: 0 !important;}
.price span{font-size: 17px;  font-family: "Montserrat", sans-serif;
color: #f3127c;
line-height: 1.3;font-weight: 700;}
#myTabContent .products .card .card-body .wishlist a .btn{color: #f3127c !important;
background: #fff;
border-color:#e6dee3 ;border-radius: 50px;font-size: 13px;  font-family: "Montserrat", sans-serif;font-weight: 500;text-transform: uppercase;}
#myTabContent .products .card .card-body .price a .btn{color: #fff !important;
background: #000;
border-color: #000 !important;border-radius: 50px;font-size: 14px;  font-family: "Montserrat", sans-serif;font-weight: 500;}
#myTabContent .products .card .card-body .wishlist a .btn:hover{color: #fff !important;border-color: #f3127c;}
#myTabContent .products .card .card-body .price a .btn:hover{border-color: #f3127c !important;}
.wishlist , .price{
margin-bottom: 25px;
}
.wishlist a:last-child img{width: 22px !important;
border-radius: 0 !important;}
.wishlist a:last-child img:hover {
filter: grayscale(100%);
}
#myTabContent .products .card .card-body .btn {
padding: 6px 18px;
}
.learning {position: relative;}
.learning .journey {
position: absolute;
top: 50%;
right: -9%;
transform: translate(-50%,-50%);
width: 40%;
}
div.header_baar .linkdin {
margin-right: 5px;
}
.learning .journey h3{font-size: 55px; font-family: "Montserrat", sans-serif;font-weight: 700; color: #fff;text-align: left;}

.journey .btn-primary{background: #e03e96;
color: #fff;
border: 1px solid #e03e96;
font-weight: 600;
text-transform: capitalize;
font-family: "Montserrat", sans-serif;
padding: 10px 16px;
font-size: 16px;
border-radius: 50px;
float: left;
}


body #popular h1 {
font-size: 48px;
font-weight: 800;
color: #000;
line-height: 1;
font-family: "Montserrat", sans-serif;
}
.blogs .btn.btn-primary:hover{border-color: #f3127c !important;}
.blogs .btn.btn-primary{color: #fff !important;
background: #000;
border-color: #000 !important;
border-radius: 50px;
font-size: 14px;
font-family: "Montserrat", sans-serif;
font-weight: 500;padding: 4px 20px;}
.blogs .card-img-top {
padding: 0;      }


.blogs .card {
border-color: #ececec;
}

.accordion-collapse  button {
padding: 10px;
width: 23%;
margin: 0 2px;
}
.blogs .card:hover{
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
border-radius: 10px;
transition: all 0.5s linear;
}
button:focus {
box-shadow: none !important;
}
.modal.show .modal-dialog {
transform: none;
border-radius: 5px !important;
/*  overflow: hidden;*/
}
.not_found {
text-align: center;
display: grid;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto;
}

.not_found img {
width: 100px !important;
display: block;
object-fit: contain !important;
height: auto !important;
margin: 0 auto;
}

.date {
position: relative;
margin: 15px;
}

.date a {
position: absolute;
width: max-content;
left: 0;
bottom: 20%;
text-decoration: none;
color: #fff;
font-size: 16px;
font-weight: 400;
font-family: "Montserrat", sans-serif;
background: #e03e96;
padding: 3px 15px;
border-radius: 2px;
display: flex;
align-items: center;
}

.card{cursor: pointer;}

.date a span:first-child {
margin-right: 10px;
}

.date a span{margin: 0 3px;}

/*testimonial section*/
.Testimonials p{text-align: center;}
.Testimonials .owl-carousel img{display: flex;justify-content: center;margin: 0 auto;}
.Testimonials .owl-carousel h4 img{width: 130px;display: flex;justify-content: center;margin: 0 auto;margin-bottom: 5px;}

.Testimonials .item h5 {
text-align: center;
}
.Testimonials .owl-carousel .our_img {
width: 100px;
border-radius: 50px;
margin-bottom: 35px;
margin-top: 15px;
height: 100px;
}

.Testimonials  .item{padding: 25px;border-radius: 3px;}


/*.Testimonials .owl-stage .active .item {
background: #000 !important;
}*/
.Testimonials .owl-carousel.owl-drag .owl-item:nth-child(odd){
background: #ffffff !important;
border-bottom: 8px solid #e60073;
}

.Testimonials .owl-carousel.owl-drag .owl-item:nth-child(even){
background: #fff5e9 !important;
border-bottom: 8px solid #feb139;

}

.enquery_form img{width: 100%;max-width: 100%;}
.enquery_form {
position: relative;
width: 100%;
max-width: 100%;
overflow: hidden;
background: #e04197 !important;
}
/* #enquery_form{position: absolute;top: 44%;left: 50%;transform: translate(-50%,-50%);} */

#enquery_form img {
width: 100%;
max-width: 63%;
margin: 0 auto;
display: flex;
}
.contact_form , .choose_option{margin-bottom: 15px;}
.contact_form input, .contact_form  section , .choose_option input , .choose_option select {width: 100%; font-size: 16px;
font-weight: 500;
font-family: "Montserrat", sans-serif;border-radius: 50px;text-transform: capitalize;padding: 10px 20px;}
.contact_form , .choose_option{
display: grid;
grid-template-columns: 1fr 1fr;
justify-content: space-between;
gap: 20px;
}
.choose_option select option{width: 100%; font-size: 16px;
font-weight: 500;
font-family: "Montserrat", sans-serif;text-transform: capitalize;}


#enquery_form form textarea{border-radius: 20px;padding: 20px;margin-bottom: 30px;
font-size: 16px;
font-weight: 500;
}

#enquery_form form .btn {
background: transparent;
color: #fff;
border: 1px solid #fff;
font-weight: 600;
text-transform: capitalize;
padding: 10px 38px;
font-size: 16px;
border-radius: 50px;
}
#course option:nth-child(1) {
display: none;
}

.admin_dashboard {
width: 100%;
max-width: 100%;
padding: 0;
}
.post, .page {
margin: 0 !important;
}
.enquery_form h2{font-size: 35px;
font-weight: 600;
color: #fff;
line-height: 1;
font-family: "Montserrat", sans-serif;
margin-bottom: 20px;
}

#enquery_form  .form {
margin-top: 3rem;
}

.chat_name {
padding: 10px 10px;
display: block;
background: #fceaf6;
color: #000;
margin-bottom: 17px;
text-align: center;
border-radius: 2px;
font-size: 14px;
text-transform: uppercase;
}
.form-control:focus {
/* color: var(--bs-body-color); */
background-color: var(--bs-body-bg);
border-color: unset !important;
outline: unset !important;
box-shadow: unset !important;
border: none;
}

footer.text-dark.pt-4.pb-4{background-color: #FFFFFF;}
.gray-text{
    color: #6D6D6D !important;
    font-family: 'Roboto', sans-serif;
}
.list-unstyled.Contact {
margin-left: 0;
}
footer ul#list-unstyled {
display: grid;
grid-template-columns: 1fr 1fr;
margin-left: 0;
}
footer ul#list-unstyled > li:last-child ul.log{display: flex;list-style: none;padding: 0;gap: 0px;}
footer ul#list-unstyled a {
text-decoration: none;
color: #6D6D6D !important;
}

footer.text-dark.pt-4.pb-4 h5 {
text-transform: uppercase;
font-size: 20px !important;
/*padding-bottom: 15px;*/
position: relative;
margin-bottom: 12px;
color:#212121 !important;
font-family: 'Encode Sans', sans-serif;
font-weight: 700;
line-height:28px;
}
#list-unstyled li {
margin: 4px 0;
}

#list-unstyled li a{font-weight: 400;
font-family: 'Roboto', sans-serif;
font-size: 16px;}


#list-unstyled li a span {
margin: 0 8px;
}


/*footer.text-dark.pt-4.pb-4 h5::before {*/
/*content: "";*/
/*border-bottom: 3px solid #e03e96;*/
/*width: 30px;*/
/*height: 3px;*/
/*display: block;*/
/*position: absolute;*/
/*bottom: 0;*/
/*}*/

.progress-bar-container {
background: #f5f5f5;
border-radius: 10px;
overflow: hidden;
border: 1px solid #d6d6d6;
}
.lesson_progress span {
text-align: center !important;
margin: 0 auto;
display: flex;
justify-content: center;
font-size: 13px;
}
.progress-bar-container .progress-bar.fail {
background-color: #d12020 !important;
position: relative;
z-index: 9999;
height: 10px;
}
footer p {
color: #6D6D6D !important;
}
.progress-bar-container .fail {
background-color: #d12020 !important;
position: relative;
z-index: 9999;
padding: 7px;
}
footer.text-dark.pt-4.pb-4 > div.container:first-child {
padding: 4rem 0 !important;
}
footer.text-dark.pt-4.pb-4{padding-bottom: 0 !important;}
.footer_bar {
display: flex;
align-items: center;
justify-content: space-between;
}

.footer_bar i{font-size: 16px;color: #E03F96;}
.footer_bar i:hover{color: #FFFFFF;}
.footer_bar p{font-size: 14px; color: #fff;text-transform: uppercase;}
#footer_bar {
border-top: 1px solid #E7E7E7;
padding-top:16px;
}

.Testimonials   h1{
font-size: 50px;
font-weight: 800;
color: #000;
line-height: 1;
font-family: "Montserrat", sans-serif;
}
.top-bar.bg-pink.text-white.py-2 {
position: relative;
z-index: 1;
}
.mail- span i {
display: none;
}   
.navigation_Section > div .Register i {
font-size: 0 !important;
display: none;
}




.button{display: none;}
body a:hover, a:focus, a:active {
color: #fff;
}
.wpcf7-response-output {
color: #fff;
}
.admin_dashboard .row > div:last-child {
margin-top: 0px !important;
}
/*.admin_dashboard .row > div:last-child {
position: relative;
padding-left: 0;
}*/
.admin_dashboard .row > div:first-child {
overflow-x: hidden;
padding-right: 0;
}
body.page-template .admin_dashboard {
width: 100%;
max-width: 100%;
padding: 0;
overflow: hidden;
margin-top: 0 !important;
padding-top: 0px !important;
margin-bottom: 0 !important;
border: none !important;
padding-bottom: 0px !important;
}
.admin_dashboard .row > div:last-child .tab-pane {
padding: 20px;
}
.admin_dashboard .row > div:last-child footer .row.mt-4 .col-md-12 {
padding-top: 0;
text-align: center;
color: #fff;
}

body .admin_dashboard .row > div:last-child footer.text-dark.pt-4.pb-4 > .container {
padding: 10px !important;
}
.admin_dashboard .row > div:last-child  footer .col-md-4 {
padding-top: 0 !important;
display: flex;
justify-content: center;
margin: 0 auto;
}
/*.admin_dashboard .row > div:last-child {
margin-top: 55px !important;
}*/
.footer_bar > .row:first-child > div:first-child:hover{background: #4267B2;}
.footer_bar > .row:first-child > div:nth-child(2):hover{background: #833ab4;
background: linear-gradient(
to right,
#833ab4,#fd1d1d,#fcb045
);}
.footer_bar > .row:first-child > div {
padding: 10px 15px;
border-radius: 50px;
margin: 0 0px;
}
.welcome h1 span {
width: 100%;
display: block ruby;
}


.btn-close::before {
content: "x";
font-size: 21px;
position: absolute;
top: -25%;
right: 27%;
}
.footer_bar > .row:first-child > div:last-child:hover{background: #FF0000  ;}


#btn-custom:hover {
background: #e03e96;
color: #fff !important;
border-color: #e03e96;
}
#primary-menu li a {
padding: 3px 0px;
}
.mail- .ms-3::before{content: ""; height: 12px;width: 1px;border-left: 1px solid #fff; position: absolute;left: 0;top: 4px;  }
.mail- .ms-3 {
padding-left: 15px;
position: relative;
}

body header.bg-dark .Register {
background: #e03e96;
border-color: #e03e96;
color: #fff;
}
section.lesson-begi-section p strong {
margin-right: 5px;
}
.pricing-breakdown strong{
width: 230px;
display: inline-block;
}
.pricing-breakdown{
margin-bottom:40px !important;
}
body header.bg-dark .Register:hover {
background: #fff !important;
border-color: #fff !important;
color: #e03e96 !important;
}
body.single-course #primary .entry-title {
font-size: 45px;
font-weight: 700;
margin: 20px 0;
text-align: left;
}

body.single-course #primary .navigation.post-navigation .nav-title:hover {
color: #000;
}
body.single-course #primary .navigation.post-navigation .nav-title {
color: #fff;
padding: 0;
width: max-content;
font-weight: 400;
font-family: "Montserrat", sans-serif;
font-size: 16px;
}
body.single-course #primary .navigation.post-navigation a {
text-decoration: none;
display: flex;
flex-wrap: wrap;
gap: 15px;
align-items: center;
font-weight: 400;
font-family: "Montserrat", sans-serif;
font-size: 16px;
}
body.single-course #primary .navigation.post-navigation .nav-subtitle {
padding: 9px 25px;
background: #e90275;
color: #fff;
text-decoration: navajowhite;
border-radius: 50px;
font-weight: 400;
font-family: "Montserrat", sans-serif;
font-size: 16px;
line-height: 1.2;
}
body.single-course #primary {
width: 100%;
max-width: 83%;
margin: 0 auto;
padding-top: 130px;
}
.banner_heading h1{font-size: 60px;
font-weight: 800;
text-shadow: 1px 1px 2px #000;
color: #fff;
line-height: 1;
font-family: "Montserrat", sans-serif;}
.banner_heading {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
text-align: center;
}

.results_student {
display: grid;
grid-template-columns: 1fr;
gap: 12px;
margin-bottom: 35px;
}

.results_student strong {
font-size: 13px;
}
.results_student p {
padding-left: 0 !important;
text-align: left;
padding-top: 0 !important;
}
.results_student > div {
padding: 10px 20px;
border-radius: 5px;
background: #fcfcfc;
box-shadow: 0 15px 50px rgba(160,163,189,.1);
border: 1px solid #eaeaea;
}
.results_student > div > div:nth-child(2) {
width: 48%;
}

#dashboard .results_student .scorm_result p {
padding-top: 0;
}

.introduction {
display: flex;
width: 100%;
float: left;
}

body.single-lesson .container .accordion-body  div#student-lessons > h2 {
display: block;
width: 100%;
margin: 30px 0;
font-size: 35px;
font-weight: 600;
line-height: 1;
font-family: "Montserrat", sans-serif;
color: #000;
}
body.page-template-student-single-lesson  .status {
display: flex;
justify-content: center;
padding-right: 19px;
}

body.page-template-student-single-lesson .quiz-question , body.page-template-student-single-lesson .quiz-question ul {
list-style: none;
padding: 0;
margin: 0;
}
body.page-template-student-single-lesson  .modal.show .modal-dialog .modal-content {
display: grid;
grid-template-columns: 1fr;
border: none;
border-radius: 0;
gap: 20px;
}
body.page-template-student-single-lesson #student-lessons > h2 {
display: block;
width: 100%;
margin: 30px 0; 
font-size: 35px;
font-weight: 600;
line-height: 1;
font-family: "Montserrat", sans-serif;
color: #000;
}
body.page-template-student-single-lesson  .btn:hover img {
filter: brightness(0) invert(1);
}
body.page-template-student-single-lesson .lesson-single-wrapper .button_stu_lesson .btn {
	margin: 10px;
	padding: 20px 35px;
	width: 150px;
	background: #ffcdd2;
	border: none;
	color: #000;
	height: 150px;
	box-shadow: 2px 2px 13px #ffcdd2;
	border-radius: 16px;
}
.submit_video_list .video-list video {
  margin: 0 auto;
  float: unset !important;
  display: block;}
.submit_video_list .video-list {
	height: 300px;
	overflow-y: scroll;
}
#video-submit-body > p {
	text-align: center;
	font-size: 15px;
	color: #e03e96;
	font-weight: 600;
}
#videoSubmitModal #upload-form button {

	margin: 50px auto;
}
.introduction_video iframe {
margin: 15px 0;
}
.introduction_video ul {
list-style: none;
padding: 0;
margin: 0;
}
body .back_button {
padding: 10px 20px !important;
padding-left: 45px !important;
position: relative;
background: #e03e96 !important;
color: #fff !important;
border-radius: 50px !important;
margin-bottom: 25px !important;
margin-left: 0 !important;
text-transform: capitalize !important; 
}
.back_button::before {
content: "";
background: url(/wp-content/uploads/2025/04/arrow1.png);
width: 23px;
height: 12px;
display: block;
background-size: cover;
background-position: center;
position: absolute;
left: 14px;
top: 16px;
filter: brightness(0) invert(1);
}
ul.quiz-items {
width: 100%;
}
div#student-lessons {
padding: 25px;
background: #fff;
border-radius: 10px;
text-align: center;
display: block;
width: 100%;
}
.introduction-content li strong {
font-size: 18px !important;
}
.introduction-content li, .introduction-content li p {
font-size: 16px;
}
.button_stu_lesson {
display: inline-block;
overflow: hidden;
position: relative;
width: 100%;
background: transparent;
padding: 10px;
margin-top: 25px;
border-radius: 10px;
}
div#student-lessons > h2 {
text-transform: capitalize;
}

div#student-lessons  .introduction {
display: flex;
width: 100%;
float: left;
justify-content: center;
}

.results_student h4 {
font-size: 9px !important;
text-transform: uppercase;
font-style: italic;
font-weight: 500 !important;
}

div#results_students h4 {
margin-bottom: 0;
}

div#results_students .score_status p {
border: none !important;
box-shadow: none !important;
}
div#results_students > div > div:nth-child(2) {
width: 50%;
}
div#results_students > div > div:first-child {
width: 50%;
}

#dashboard .results_student p strong {
color: #000;
font-weight: 600;
font-size: 11px !important;
}
.results_student > div {
display: flex;
justify-content: space-between;
align-items: center;
background: #d2e9d54f;
}
html body .results_student .scorm_result, html body .results_student p {
background: transparent !important;
}
.results_student > div:first-child {
background: #fff !important;
}
#dashboard .results_student .scorm_result p strong{order: unset !important;}
#dashboard .results_student .scorm_result p {
display: flex;
gap: 5px;
}

.banner_section .banner img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center top;
}
.banner_section {
position: relative;
}
.banner_section .banner {
height: 330px;
}

.about_us h2 {
font-size: 50px;
font-weight: 800;
color: #000;
line-height: 1;
font-family: "Montserrat", sans-serif;
}

.about_us .btn {
background-color: #e03e96;
padding: 10px 34px;
color: white;
border: none;
text-decoration: none;
border-radius: 50px;
font-family: "Montserrat", sans-serif;
font-size: 15px;
margin-top: 15px;



}


.accordion .accordion-collapse table  tr td, .accordion .accordion-collapse table  tr th {
padding: 10px;
text-align: center;
}
#documents-email {
color: #666;
width: 65%;
border: 1px solid #ff349a;
border-radius: 40px;
padding: 10px 20px;
}
#student-documents-form {
margin-top: 35px;
}
#student-documents-form button {
border-radius: 50px;
font-size: 16px;
padding: 10px 20px;
background: #e03e96;
color: #fff;
border-color: #e03e96;
}


body.blog  article , body.category article ,  body.author article {
width: 100%;
max-width: 100%;
padding: 15px;
border-radius: 15px;
box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}
body.blog  main#primary header h1.page-title.screen-reader-text , body.category  main#primary header h1.page-title.screen-reader-text , body.author main#primary header h1.page-title.screen-reader-text{
border: 0;
clip: unset;
clip-path: unset;
height: auto;
margin: 15px;
overflow: hidden;
padding: 0;
position: relative !important;
width: 100%;
word-wrap: normal !important;
text-align: center;
line-height: 1.5;
}
#secondary{display: none;}
body.blog  main#primary , body.category main#primary , body.author  main#primary  {
width: 100%;
max-width: 83%;
margin: 0 auto;
display: block;
grid-template-columns: auto auto auto;
gap: 25px;
margin-top: 9rem;
overflow: hidden;
}



.accordion-collapse .quiz-form button {
padding: 10px 20px !important;
background: #fff;
color: #e03e96;
border: 1px solid #E03E96;
}


.accordion-collapse button:hover img {
filter: brightness(0) invert(1);
}
body.blog  main#primary a:hover , body.blog aside#secondary a:hover ,
body.single-post #primary a:hover ,body.single-post  #secondary a:hover ,  body.category main#primary a:hover , body.category #secondary a:hover ,body.author  main#primary a ,  body.author #secondary a:hover{color: #e60073;}

body.blog  main#primary a , body.blog aside#secondary a , 
body.single-post #primary a ,body.single-post  #secondary a ,  body.category main#primary a , body.category #secondary a , body.author #secondary a , body.author  main#primary a{color: #e03e96;text-decoration: none;margin: 0 5px;font-size: 13px ;font-weight: 600;font-family: "Montserrat", sans-serif;}
body.blog  article ,  body.category main#primary article , body.author article{
width: 100%;
max-width: 30%;
float: left;
margin: 15px !important;
}


body.blog  main#primary header , body.category main#primary  header , 
body.author  main#primary header {
display: block;
}

body.blog aside#secondary ,body.single-post  #secondary , body.category  #secondary , body.author aside#secondary{
width: 100%;
max-width: 83%;
margin: 0 auto;
margin-top: 4rem;
margin-bottom: 4rem;
}



body.single-post #primary ,  body.category #primary , body.author #primary{
width: 100%;
max-width: 83%;
margin: 0 auto !important;
margin-top: 9rem !important;
}


body.single-post #primary .entry-header h1 , body.category #primary .entry-header h1 ,body.author  #primary .entry-header h1 {
font-size: 38px;
text-transform: unset;
color: #e03e96;

}
#commentform input , body.category  input{
width: 100%;
padding: 13px;
}

#commentform #submit ,body.category  #submit {
width: max-content;
}
#commentform input#wp-comment-cookies-consent , body.category input#wp-comment-cookies-consent {
width: auto;
}

body.single-post .wp-block-latest-posts__list.wp-block-latest-posts , body.blog  .wp-block-latest-posts__list.wp-block-latest-posts , body.author .wp-block-latest-posts__list.wp-block-latest-posts{
margin: 0;
}

body.single-post  nav.navigation  .nav-links , body.blog nav.navigation  .nav-links , .body.author nav.navigation  .nav-links {
flex-wrap: wrap;

}

body #mepr_loginform .submit #wp-submit {
background-color: #e03e96;
padding: 13px 20px;
color: white;
border: none;
text-decoration: none;
border-radius: 50px;
font-family: "Montserrat", sans-serif;
font-size: 15px;
margin-top: 15px;
font-weight: 600;
}
.mail- a {
text-decoration: none;
color: #fff;
}
body .welcome h1 {
font-size: 55px;
font-weight: 800;
color: #000;
line-height: 1;
font-family: "Montserrat", sans-serif;
}
a:focus {
outline: none !important;
}



.users_img{overflow: hidden;}


.infobox .box-item div {
text-align: center;
}

.infobox .box-item img {
width: 80px;
display: flex;
margin: 0 auto;
filter: drop-shadow(0px 100px 0 #e03e96);
transform: translateY(-100px);
overflow: hidden;
}
#Profile , .features {
padding: 25px;
background: #fff;
border-radius: 10px;
margin: 20px 0;
}

#dashboard .profile > p {
width: 43%;
padding: 3px;
display: flex;
justify-content: space-between;
}

.profile {
display: flex;
flex-wrap: wrap;
gap: 9px;
justify-content: space-between;
}
#dashboard h4 {
font-size: 20px;
font-weight: 600;
color: #000;
}

.features-div ul li::before {
content: "";
background: url(/wp-content/uploads/2025/02/check-1.png);
width: 20px;
height: 20px;
display: block;
background-size: contain;
background-position: center;
}
.student_result p strong {
display: block;
}
.features-div ul li {
display: flex;
align-items: center;
gap: 10px;
font-size: 15px;
}
.student_result p {
border: 1px solid #dedede;
padding: 55px 10px;
border-radius: 5px;
width: 100%;
background: #fff;
text-align: center;
box-shadow: 0 0.125rem 0.25rem rgba(220, 220, 220, 0.08);
text-transform: capitalize;
}

.site_managers {
display: flex;
justify-content: space-between;
align-items: center;
}
.student_result {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
}

.wpcf7-form.init input:focus  , .wpcf7-form.init textarea:focus {
border: 1px solid #e2e2e2;
}
.assigned_instructor {
padding: 8px 10px;
border-radius: 3px;
background: #e03e96;
color: #fff;
border: none;
width: 100%;
}
.features-div ul {
list-style: none !important;
padding-left: 0;
display: grid;
gap: 10px;
grid-template-columns: 1fr 1fr;
}
.btn.btn-primary {
background: #E03E96;
border-color: #E03E96;
}

#edit-instructor-form > div {
margin-bottom: 5px !important;
}
#edit-instructor-form > div input {
padding: 9px;
}

body.page-template-contact_us .empley_slider .Contact li a {
text-decoration: none;
font-weight: 400;
font-family: "Montserrat", sans-serif;
font-size: 14px;
color: #000 !important;
text-align: center;
width: max-content;
margin: auto;
display: block;
}
body.page-template-contact_us  .empley_slider .list-unstyled.Contact {
display: grid;
align-items: center;
justify-content: center;
gap: 1rem;
grid-template-columns: 1fr 1fr;
}
body.page-template-contact_us .empley_slider .list-unstyled.Contact li {
border: 1px solid #f3127c;
width: 70%;
margin: 0 auto;
padding: 4rem 0;
border-radius: 10px;
}

body.blog  main#primary header .entry-title a {
line-height: 1.5 !important;
display: block;
font-size: 18px;
margin-top: 9px;
}


.nav-links .nav-next a {
text-align: left !important;
float: left;

}
#dashboard .profile > p {
width: 48%;
padding: 3px;
display: flex;
justify-content: space-between;
}

body.single-post .nav-links span.nav-subtitle {
padding: 7px 10px;
background: #e03e96;
color: #fff !important;
font-size: 12px;
border-radius: 50px;
float: left;
}
.nav-title {
padding-left: 24px;
width: 100%;
display: block;
float: left;
max-width: 80%; 
line-height: 1.5;
font-weight: 500;
}

.nav-links > div {
margin: 16px 0;
}

body.single-post input#submit {
padding: 13px 16px;
background: #e03e96;
color: #fff !important;
font-size: 16px;
border-radius: 50px;
font-weight: 500;
}
body  form.wp-block-search__button-outside.wp-block-search__text-button.wp-block-search .wp-block-search__inside-wrapper  button.wp-block-search__button.wp-element-button {
padding: 7px 30px;
background: #e03e96;
color: #fff !important;
font-size: 15px;
border-radius: 50px;
font-weight: 500;
}
html body .modal-content {
border-top-left-radius: 5px !important;
border-bottom-left-radius: 5px !important;
border-bottom-right-radius: 5px !important;
}

body .student-documents-table  tr td .view-file , body .student-documents-table  tr td  .remove-document-btn{
padding: 8px 13px;
border-radius: 5px;
font-size: 14px;
}

/*#upload-form  #file_upload  {
background-color: #efefef;
padding: 32px;
border-radius: 20px;
}
input[type=file] {
padding: 4px;
margin: -4px;
position: relative;
outline: none;
}
input[type=file]::file-selector-button {
border-radius: 4px;
padding: 0 16px;
height: 40px;
cursor: pointer;
background-color: white;
border: 1px solid rgba(0, 0, 0, 0.16);
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
margin-right: 16px;
width: 132px;
color: transparent;

}
@supports (-moz-appearance: none) {
input[type=file]::file-selector-button {
color: var(--primary-color);
}
}*/

.upload-container {
background: white;
padding: 20px;
border-radius: 10px;
text-align: center;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.upload-box {
border: 2px dashed #4a90e2;
padding: 30px;
border-radius: 10px;
cursor: pointer;
transition: 0.3s;
}
.upload-box:hover {
background: #f0f8ff;
}
.upload-box img {
width: 36px;
}
.upload-box p {
color: #4a90e2;
margin-top: 0;
margin-bottom: 0;
}
input[type="file"] {
display: none;
}



.student-documents-table tbody tr td:last-child {
display: flex;
gap: 10px;
}




















body form.wp-block-search__button-outside.wp-block-search__text-button.wp-block-search .wp-block-search__inside-wrapper button.wp-block-search__button.wp-element-button:hover{background: #fff;border-color: #cc0066;color: #cc0066 !important;}

.view-file img , .remove-document-btn img {
width: 20px;
filter: brightness(0) invert(1);
}
#commentform #submit:hover, body.category #submit:hover {
border-color: #e03e96;
color: #e03e96 !important;
background: #fff;
}
.student-documents-table td a.view-file {
padding: 6px 20px;
border-radius: 50px;
font-size: 14px;
}
body.category  header.page-header h1 {
text-align: center;
}
.student-documents-table td a.download-file {
padding: 8px 13px;
border-radius: 5px;
font-size: 14px;
}
#commentModal .modal-header {
margin: 0px 19px;
padding: 8px;
}
.student-documents-table td .remove-document-btn, .pass-student-btn, .fail-student-btn {
padding: 6px 18px;
border-radius: 50px;
font-size: 14px;
background: #e03e96;
border-color: #e03e96;
color: #fff;
}
.lesson-modal-btn img{
width: 45px !important;
display: block;
margin: 0 auto;
margin-bottom: 5px;
}
.error-404.not-found .page-content h1 {
font-size: 95px;
text-align: center;
font-weight: 900;
color: #e03e96;
letter-spacing: 2px;
}
.error-404.not-found .page-content p {
text-align: center;
font-size: 19px;
color: #000;
margin-bottom: 60px;
}
.error-404.not-found .page-content h2 {
text-align: center;
font-weight: 600;
text-transform: capitalize;
margin: 20px 0;
}
.wpcf7 form.sent .wpcf7-response-output {
color: #46b450 !important;
}
.wpcf7-response-output {
color: red;
}
#dashboardTabContent #lessonAccordion .accordion-collapse .lesson-modal-btn:hover {background:#e03e96 ;color: #fff;border-color: #fff;}
#dashboardTabContent #lessonAccordion .accordion-collapse .lesson-modal-btn:hover img {filter: brightness(0) invert(1); }
#dashboardTabContent #lessonAccordion .accordion-collapse .lesson-modal-btn {background: #fff;}

#dashboardTabContent #lessonAccordion .accordion-collapse .lesson-modal-btn {
color: #e03e96;
border: 1px solid #e03e96;
}
.lesson-chat-form button {
padding: 7px 40px;
background: #e03e96;
color: #fff;
border-radius: 50px;
border: none;
}
.lesson-chat-form textarea {
height: 117px;
padding: 20px;
margin-bottom: 20px;
margin-top: 20px;
border-radius: 8px;
}
#student-documents-output {
margin-top: 45px;
}
.student-documents-table, .student-documents-table th, .student-documents-table td {
padding: 10px;
}
#document_name {
padding: 10px;
}
body.category main#primary .entry-title a{
line-height: 1.5 !important;
display: block;
font-size: 18px !important ;
}
ul.wp-block-latest-posts__list.wp-block-latest-posts {
padding: 0 !important;
margin: 0 !important;
}
.entry-meta span.byline {
display: none;
}

.introduction img, .introduction .wp-video-shortcode {
width: 400px !important;
height: 400px !important;
}
body.single-post #primary article header.entry-header h1 {
width: 100%;
text-align: left;
margin: 10px auto;
}
.post-thumbnail , .post-thumbnail img{width:100%;}

body.single-post .nav-previous a {
display: block;
overflow: hidden;
}
.comment-form-cookies-consent label {
font-size: 13px;
}
#reply-title {
font-size: 22px;
font-weight: 600;
margin-bottom: 0;
}
body #primary article{display: flex;
flex-wrap: wrap;}

body #primary article header.entry-header h1{width:100%;text-align:center;margin:20px auto;}
body #primary article header.entry-header{order: 2;    width: 100%;}
body #primary article  a.post-thumbnail{order: 1;}
body #primary article .entry-content{ order: 3;margin-top: 5px;}
body #primary article footer.entry-footer {display: none;}
body #primary article header.entry-header .entry-meta{display: none;}
body.single-post #primary .entry-header h1 {margin-top: 15px;line-height: 1.2;}
ul.list-unstyled.Contact li a:hover {
color: #f3127c !important;
}


#primary-menu li a#dropdownMenu52 > span {
position: relative;
}


#primary-menu li a#dropdownMenu52 > span::after {
content: "";
background: url(https://focusedacademy.net/wp-content/uploads/2024/10/54785.png);
width: 7px;
height: 9px;
display: block;
position: absolute;
right: 6%;
top: 44%;
background-size: cover;
background-position: center;
filter: brightness(0) invert(1);
}








.mobile_view{display: none;}





.list-unstyled.Contact li a i {
font-size: 32px;
display: flex;
justify-content: center;
}

.empley_slider .employes h2 {
text-align: center;
font-size: 3rem;
font-weight: 800;
text-transform: uppercase;
}


div#results_students .score_status {
justify-content: end;
}

div#results_students .score_status p {
width: fit-content;
padding: 0;
}

.mail- a:last-child {
padding-left: 15px;
margin-left: 15px;
position: relative;
}

/*.mail- a:last-child::before {*/
/*content: "";*/
/*height: 11px;*/
/*width: 1px;*/
/*border-right: 1px solid #fff;*/
/*position: absolute;*/
/*top: 4px;*/
/*left: 0;*/
/*}*/

#commentform {
margin-bottom: 3.5rem;
}

body #popular .card-body .register-container a {
text-decoration:none;
}
body #popular .card-body .register-container a button {
color: #fff !important;
background: #e03e96;
background-color: rgb(255, 0, 128);
border-color: #e03e96 !important;
border-radius: 50px;
font-size: 14px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
}
.lessons-form form label, .lessons-form form input {
font-size: 16px;
color: #000;
font-family: "Montserrat", sans-serif;
}
.lesson-begi-section ul li, .lesson-begi-section p, .lesson-begi-section span , .lesson-begi-section ul{
font-size: 16px;
color: #000;
font-family: "Montserrat", sans-serif;
}
.text-success.text-center.m-5 {
width: 100%;
max-width: 82%;
margin: 20px auto !important;
}
.page-template-thank-you h2.text-center.m-5 {
font-size: 35px;
font-weight: 700;
}
.text-success.text-center.m-5 {
color: #e03e96 !important;
}
#myTab a {
cursor: pointer;
}

body.privacy-policy  main#primary {
width: 100%;
max-width: 83%;
margin: 0 auto;
padding-top: 130px;
}

.infobox {
display: grid;
gap: 20px;
justify-content: space-between;
margin-bottom: 25px;
margin-top: 25px;
flex-wrap: wrap;
grid-template-columns: 1fr 1fr 1fr;
}

.infobox > div, .infobox > button {
border: 2px solid #FCEAF6;
padding: 50px 40px 30px;
border-radius: 25px;
width: 100%;
background: #fff;
box-shadow: 0 0 20px #FCEAF6;
border-bottom: 5px solid #e03f96;
position: relative;
}
body.privacy-policy header.entry-header h1{text-align:center;width:100%;}      
body.privacy-policy header.entry-header {width: 100% !important;padding:0 15px ;}

body.privacy-policy .entry-content h2 {
font-size: 22px;
FONT-WEIGHT: 700;
} 
body.page-template-register .container.mt-5 .row.justify-content-center {
padding-top: 130px;
}
body.page-template-register .container.mt-5 .row.justify-content-center .text-center.mb-4 {
font-size: 45px;
font-weight: 800;
}

body.page-template-register .container.mt-5 .form-group label {
font-size: 16px;
color: #000;
font-family: "Montserrat", sans-serif;
}
body.page-template-register .container.mt-5 .form-group input , body.page-template-register .container.mt-5 .form-group select {
padding: 10px 15px;
border-radius: 5px;
font-size: 16px;
color: #000;
font-family: "Montserrat", sans-serif;
border:1px solid #c2c0c0;
}


body.page-template-register .container.mt-5 .text-center .btn.btn-primary {
border-radius: 50px;
padding: 8px 20px;
font-size: 14px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
background: #e03e96;
border-color: #e03e96;
color: #fff;
float: left;
margin: 20px 0;
}
body.page-template-register .container.mt-5 .form-group.mb-3 #plan option {
font-size: 14px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
}
.comments-title {
font-size: 16px;
font-weight: 500;
font-family: "Montserrat", sans-serif;
}
.says{
font-style: unset;
font-size: 14px;
font-weight: 400;
font-family: "Montserrat", sans-serif;

}
.comment-awaiting-moderation {
font-style: unset;
font-size: 14px;
font-weight: 400;
font-family: "Montserrat", sans-serif;
}
.comment-list li {
padding: 15px 10px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
border-radius: 5px;
width: max-content;
}

.comment-list {
padding: 15px 0;
margin: 0;
list-style: none;
}
.comment-list .comment-body .comment-meta .comment-author img {
border-radius: 50%;
border: 1px solid #e03e96;
}
body.login  #loginform .submit #wp-submit {
padding: 0px 22px;
border-radius: 50px;
background:#e03e96 !important;
}
body #primary {
width: 100%;
max-width: 83%;
margin: 0 auto;
margin-top: 130px;
}

body.search #primary {
width: 100%;
max-width: 83%;
margin: 0 auto;
margin-top: 130px;
}
body.blog main#primary header h1.page-title.screen-reader-text {
margin: 0 auto;
}
.lesson-begi-section .form-group input , .lesson-begi-section .form-group  #plan{
height: auto;
padding: 15px;
font-family: "Montserrat", sans-serif;
border: 1px solid #a59c9c;
}
.tabs #myTab a:hover {
background: #e61571;
color: #fff !important;
}
.page-template-loginpage .card.shadow-sm {
margin: 90px 0;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
}

.page-template-loginpage .card.shadow-sm .text-center.mb-4 {
font-size: 38px;
font-weight: 700;
}

#custom-login-form input ,  form#add-student-form  input , #edit-student-form input{
padding: 10px 15px;
border: 1px solid #e1dada;
border-radius: 5px;
font-size: 14px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
}

#custom-login-form input#rememberme {
padding: unset;
}
form#add-student-form select ,  #edit-student-form select{
font-family: "Montserrat", sans-serif;border: 1px solid #b9b6b6;}
.page-template-loginpage .text-center.mt-3 a:hover {
color: #e03e96;
text-align: left !important;
}
#custom-login-form  .btn.btn-primary, form#add-student-form .btn.btn-primary, #edit-student-form .btn.btn-primary {
padding: 7px 35px !important;
width: max-content;
border-radius: 50px;
background: #e03e96;
border-color: #e03e96;
font-family: "Montserrat", sans-serif;
margin: 20px  0;
display: block;
}
.page-template-loginpage .text-center.mt-3{text-align: left !important;font-size: 14px;
font-family: "Montserrat", sans-serif;
font-weight: 400;}
.page-template-loginpage .text-center.mt-3 a:hover {
color: #e03e96;
text-align: left !important;
}

#custom-login-form label ,form#add-student-form label , #edit-student-form label{
font-size: 14px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
}
div#dashboard h3 {
font-size: 19px;
font-family: "Montserrat", sans-serif;
font-weight: 700;
margin-bottom: 0px;
color: #000;
}

/* .container.mt-5.admin_dashboard {
height: 100%;
}
.container.mt-5.admin_dashboard .row {
height: 100%;
} */
ul#dashboardTab button {
color: #fff !important;
/* border: 1px solid #161616 !important; */
width: 100%;
margin: 0;
font-weight: 500;
border-radius: 0;
/* background: #161616; */
font-size: 15px;
font-family: "Montserrat", sans-serif;
/* border-bottom: 1px solid #fff !important; */
padding: 13px 0;
text-align: left !important;
padding-left: 50px;
}
body.logged-in .container.mt-5 {
margin-bottom: 50px;
}
ul#dashboardTab li:last-child button {
border-bottom: none !important;
}
ul#dashboardTab {
border-radius: 0px !important;
overflow: hidden;
margin: 0;
/* height: 100vh; */
width: 100%;
background: #E03E96;
border-bottom: none;
}

.users_img img {
width: 60px !important;
}
.admin_dashboard > .row > div:first-child {
width: 20%;
}
.admin_dashboard .row > div:first-child {
overflow-x: hidden;

}
div#students h3 {
font-family: "Montserrat", sans-serif;
}
table#student-table tr td , th {
font-family: "Montserrat", sans-serif;
}
div#students button.btn.btn-primary.mb-3 {
color: #fff !important;
border: 1px solid #e03e96 !important;
width: 100%;
margin: 10px 0;
border-radius: 50pc;
background: #e03e96;
font-family: "Montserrat", sans-serif;
max-width: fit-content;
}
button.btn.btn-secondary.btn-sm.edit-student-btn:hover , .btn.btn-danger.btn-sm.delete-student:hover , .btn-sm.toggle-student-status:hover{background: transparent !important;}
button.btn.btn-secondary.btn-sm.edit-student-btn , .btn.btn-danger.btn-sm.delete-student , .btn-sm.toggle-student-status{
border-radius: 5px;
background: transparent !important;
border-color: #e03e96;
}

button.btn.btn-danger.btn-sm.delete-student {
background: #e03e96;
border-color: #e03e96;
}
.modal.show .modal-dialog {
transform: none;
width: 100% !important;
max-width: 900px !important;
}
html body .tab-content .modal .modal-content > div:last-child{
padding: 25px;
}
.modal.show .modal-dialog .modal-content {
display: grid;
grid-template-columns: 1fr 1fr;
border: none;
border-radius: 0;
gap: 20px;
}

.modal.show .modal-dialog .modal-content > div {
padding: 0;
}

.modal.show .modal-header{ padding: 0;margin-bottom: 20px;}

.modal-body iframe{
width:100%;
}
.modal.show .modal-header > h5.modal-title {
text-align: center;
color: #000 !important;
font-size: 20px;
padding-left: 10px !important;
padding: 6px;
}
.modal .btn-close{
position: absolute;
right: -10px;
top: -10px;
background-color: #E03E96;
width: 25px;
opacity: 1;
height: 25px;
font-size: 9px;
padding: 0 !important;
color: #fff;
}
.quiz-title{
text-align: center;
font-size: 24px;
margin-bottom: 14px;
}
/* body .modal.show  .modal-header button.btn-close {
text-align: right;
float: right;
margin-top: -40px !important;
color: #fff !important;
filter: brightness(0) invert(1);

} */
.modal.show .modal-dialog .modal-content .modal-body img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: top center;
}

.accordion-button {
background: transparent !important;
font-weight: 400;
font-family: "Montserrat", sans-serif;
font-size: 16px;
color: #000 !important;
}

body{ font-family: "Montserrat", sans-serif !important;
}

#dashboardTabContent .tab-pane  a {
color: #e03e96 !important;
text-decoration: none;

}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
padding: 12px;
}
#dashboardTabContent .tab-pane .student-status-form a {
color: #fff !important;
text-decoration: none;
background: #e03e96;
border-color: #e03e96;
}

#dashboardTabContent .tab-pane table.student-documents-table a {
color: #fff !important;
text-decoration: none;
background: #e03e96;
border-color: #e03e96;
}


#dashboardTabContent .tab-pane ul , #dashboardTabContent .tab-pane ol {
margin: 0;
list-style: none;
}
.accordion-item #collapseCourse2 .accordion-body > p:nth-child(15) a {
padding: 10px 35px;
background: #f5017a;
border-radius: 50px;
color: #fff !important;
}


h1.text-center.page-title {
font-size: 48px;
font-weight: 700;
color: #000;
line-height: 1;
font-family: "Montserrat", sans-serif;
margin: 55px 0;
margin-top: 0;
}
.accordion-body h4 {
font-weight: 700;
}

.navigation.post-navigation .nav-links a span {
padding: 10px 35px !important;
background: #e03e96;
width: max-content;
border-radius: 50px;
font-weight:500;
color: #fff !important;
}

.navigation.post-navigation .nav-links a{text-decoration: none;color: #fff;display: flex;align-items: center;justify-content: space-between;width: 100%;}
body.single-post .nav-next a {
color: #fff !important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
border-color: #e03e96 !important;
}



div:where(.swal2-icon).swal2-warning {
border-color: #E91E63 !important;
color: #E91E63 !important;
}

.Lesson_List, .Quiz_List {
margin-bottom: 20px;
}

.Lesson_List h4, .Quiz_List h4 {
margin-bottom: 4px;
}
.download {
margin: 25px auto;
float: left;
}
#dashboardTabContent .tab-pane a.download {
padding: 10px 35px;
border-radius: 50px;
color: #fff !important;
background: #e03e96 !important;
}
#collapseCourse2 .accordion-body strong {
margin: 20px 0;
width: 100%;
display: block;
margin-bottom: 0;
}
.Syllabus_details > p:nth-child(2) , .Course_Overview > p:nth-child(2) {
display: none;
}
.Syllabus_details ol li > ul  , .Course_Overview ul{
padding-left: 15px !important;
}

.Syllabus_details ol li > ul li , .Course_Overview ul li{
list-style: disc;
}


#dashboard-tab , #courses-tab , #lessons-tab , #quiz-tab , #students-tab{position: relative;}
#dashboard-tab::before {
content: "";
background: url(/wp-content/uploads/2024/11/home.png);
height: 30px;
width: 30px;
display: block;
position: absolute;
left: 0;
background-size: contain;
background-position: center center;
filter: brightness(0) invert(1);
transform:translate(30%,-9%);
}

#courses-tab::before {
content: "";
background: url(/wp-content/uploads/2024/11/courses.png);
height: 30px;
width: 30px;
display: block;
position: absolute;
left: 0;
background-size: contain;
background-position: center center;
filter: brightness(0) invert(1);
transform: translate(30%,-9%);
}

#lessons-tab::before {
content: "";
background: url(/wp-content/uploads/2024/11/lessons.png);
height: 30px;
width: 30px;
display: block;
position: absolute;
left: 0;
background-size: contain;
background-position: center center;
filter: brightness(0) invert(1);
transform: translate(30%,-9%);
}

#quiz-tab::before {
content: "";
background: url(/wp-content/uploads/2024/11/quizess.png);
height: 30px;
width: 30px;
display: block;
position: absolute;
left: 0;
background-size: contain;
background-position: center center;
filter: brightness(0) invert(1);
transform: translate(30%,-9%);
}
#students-tab::before {
content: "";
background: url(/wp-content/uploads/2024/11/managment.png);
height: 30px;
width: 30px;
display: block;
position: absolute;
left: 0;
background-size: contain;
background-position: center center;
filter: brightness(0) invert(1);
transform: translate(30%,-9%);
}

#dashboardTab li.nav-item .active {
background: #2d2d2d;
border: none !important;
/* border-bottom: 1px solid #fff !important; */
}

div.accordion-collapse .accordion-body div:first-child p, div.accordion-collapse .accordion-body div:first-child ul {
padding-left: 0;
}
#lessons p {
font-size: 14px;
}
.Profiles > div p {
width: 100%;
padding: 3px;
display: flex;
justify-content: space-between;
}
.Profiles > div {
width: 100%;
}
#quizzesAccordion .accordion-item h2 button {
width: 100%;
}
#lessons .modal .modal-content .modal-header button {
width: 50px;
--bs-btn-close-bg: unset !important;
}

.btn-close {
--bs-btn-close-bg: unset !important;
}
#lessons .modal  .modal-content .modal-header{
justify-content: space-between;
padding: 9px 20px !important;
}
#lessons .modal  .modal-content  {
grid-template-columns: 1fr;
}
body.page-template-dashboard h1.text-center.page-title {
font-size: 29px;
font-weight: 700;
color: #000;
line-height: 1;
font-family: "Montserrat", sans-serif;
margin: 16px 0 !important;
margin-top: 0 !important;
padding: 0 24px;
text-align: left !important;
}
.tab-pane > h3 {
font-size: 20px;
}
#custom-login-form > div:last-child a {
text-align: center !important;
margin: 0 auto;
display: flex;
justify-content: center;
}
.page-id-375 .card.shadow-sm {
margin: 90px 0;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
background: url(/wp-content/uploads/2025/02/bg_login.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
/* background: url(https://img.freepik.com/free-vector/texture-with-abstract-tiny-shapes_1100-8.jpg?t=st=1738677210~exp=1738680810~hmac=84682feecefbf0f1b79c527b5576881c1629ec12344da57008e32e7eec5a8c23&w=740); */
/* background: url(https://img.freepik.com/premium-photo/decorative-abstract-watercolor-splash-stain-background_225709-6309.jpg?w=740); */
}
.page-id-375 {
background: #fbebf5;
background-size: contain;
}
.Lesson_List ul li a {
text-transform: capitalize;
font-weight: 500;
}
#dashboard p {
color: #e03e96 ;
} 
#dashboard p  strong{
color: #000;
}
body #dashboardTab .nav-item {
border: none !important;
overflow: hidden;
width: 100%;
}

.answer-sheet-title {
margin-bottom: 10px;
}

body #dashboardTab li.nav-item:last-child button {
border-bottom: none !important;
}

#student-table td button {
margin: 5px 0;
}

#student-table td div > div {
font-size: 12px;
margin: 5px 0;
line-height: 1.3;
}

#collapseCourse2 .accordion-body div:first-child {
margin-bottom: 50px;
margin-top: 25px;
}
#collapseCourse2 .accordion-body .Syllabus_details {
margin-top: 25px;
margin-bottom: 60px;
}


#dashboardTabContent .syllabus_File a.download {
float: unset;
}

.syllabus_File p {
margin: 15px 0;
}

.syllabus_File {
margin-bottom: 50px;
}


.Lesson_List {
margin-bottom: 50px;
}

.accordion-body .syllabus_File h4 {
margin-bottom: 36px !important;
}

body  #dashboardTabContent .tab-pane .syllabus_File a.download:hover {background: #000 !important;border-color: #000 !important;color: #fff !important;}
#dashboardTabContent .tab-pane .syllabus_File a.download {
padding: 10px 35px;
border-radius: 50px;
color: #e03e96 !important;
background: #fff !important;
border-color: #e03e96 !important;
border: 1px solid;
}

div.accordion-collapse .accordion-body div:first-child p, div.accordion-collapse .accordion-body div:first-child ul {
padding-left: 3px;
}

/*div#collapseLesson2 .accordion-body iframe {
margin-left: 1px  !important;
border-radius: 24px;
overflow: hidden;
}*/

.Syllabus_details p, .Syllabus_details ol {
padding-left: 15px !important;
}


.syllabus_File p , .Lesson_List ul , .Quiz_List ul{
padding-left: 15px !important;
}

#dashboardTabContent .tab-pane .Lesson_List ul li , #dashboardTabContent .tab-pane .Quiz_List ul li {
background: #e8e8e8;
margin: 8px 0;
padding: 10px;
border-radius: 5px;
}
div#Resources {
display: flex;
align-items: center;
gap: 25px;
}

#dashboardTabContent div#Resources  a:hover{background: #000;color: #fff;border-color: #fff !important;color: #fff !important;}
#collapseLesson2 .accordion-body h4 strong {
font-size: 22px;
font-weight: 600;
}

.accordion-body h4 {
font-weight: 700;
}
#dashboardTabContent div#Resources  a {
color: #e03e96 !important;
text-decoration: none;
border: 1px solid;
border-radius: 50px;
padding: 9px 25px;
}

div#Resources {
margin: 50px 0;
margin-bottom: 10px !important;}


div#collapseLesson2 .accordion-body > div {
margin-bottom: 45px;
}


/* div#collapseLesson2 .accordion-body > div p, div#collapseLesson2 .accordion-body > div h4, div#collapseLesson2 .accordion-body > div ul, div#collapseLesson2 .accordion-body > div, div#collapseLesson2 .accordion-body > iframe {
padding-left: 15px;
} */

div.accordion-collapse .accordion-body > div > h4:first-child{
padding-left: 0;
}


div#collapseLesson2 .accordion-body ul li p ,  div#collapseLesson2 .accordion-body ol ul{padding-left: 0 !important;}


div#collapseLesson2 .accordion-body p, div#collapseLesson2 .accordion-body ul, div#collapseLesson2 .accordion-body ol{
padding-left: 22px !important;
}

#results-tab{position: relative;}
#results-tab::before {
content: "";
background: url(/wp-content/uploads/2024/11/result-removebg-preview.png);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
height: 30px;
width: 30px;
display: block;
position: absolute;
left: 0;
background-size: contain;
background-position: center center;
filter: brightness(0) invert(1);
transform: translate(30%,-9%);
}

div.accordion-collapse .accordion-body div:first-child h4 , div.accordion-collapse .accordion-body .Syllabus_details h4   {
margin-bottom: 5px;
}
div#collapseLesson2 .accordion-body > div.introduction  , div#collapseLesson2 .accordion-body > div.topics  {
margin-bottom: 50px;
}

div#collapseLesson2 .accordion-body > div.introduction h4  , div#collapseLesson2 .accordion-body > div.topics  h4{margin-bottom: 25px;}


.introduction p , .resource_meterial p{padding-left: 15px;}

.Quiz_List p , .Lesson_List p{
padding-left: 15px !important;
}

.Lesson_List h4 , .Quiz_List h4{
margin-bottom: 28px;
}
#student-results-form input {
padding: 7px 23px;
border-radius: 5px;
}


#student-results-form button {
border-radius: 50px;
line-height: 1.5;
position: relative;
box-sizing: border-box;
background: #fff;
color: #e03e96;
border-color: #e03e96 !important;
margin-left: 10px;
padding: 10px 25px;
border: 1px solid !important;
}

#student-table td button.view-student {
background: #e03e96;
border-color: #e03e96;
color: #fff;
}
#student-results-form label {
display: block;
margin-bottom: 15px;
}
#student-documents-form {
margin-top: 20px;
}
#student-results {
margin-top: 20px;
}
.accordion-collapse .accordion-body .col-6 > div.quiz-question {
padding: 15px;
border-radius: 10px;
border:1px solid #dedddd;
margin: 15px 0;
background: transparent;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.accordion-collapse .accordion-body .col-6 > div.quiz-question p strong {
font-weight: 600;
}
.accordion-collapse  .accordion-body .col-6 > div.quiz-question p {
color: #000;
}

.accordion-collapse .accordion-body .col-6 > div.quiz-question ul li {
color: #000;
}


/* #collapseQuiz1_0 .accordion-body .col-6 > div.quiz-question ul li.text-danger {
color: #000 !important;
} */

.accordion-collapse  .accordion-body .col-6 > div.quiz-question ul li.text-danger {
color: #000 !important;
}

.accordion-collapse .Multiple_Choice_result .row .quiz-question ul li {
color: #fff !important;
}

.accordion-collapse .Multiple_Choice_result .row .quiz-question ul li.text-danger{color: #fff !important;}


.accordion-collapse .Multiple_Choice_result .row .quiz-question ul li.text-success {
color: #000 !important;
}


.quiz-results .card svg circle:last-of-type {
stroke: #e03e96 !important;
}
.quiz-results .card svg circle {
stroke: #d8d5d5 !important;
}


.Multiple_Choice_result, .Multiple_choice {
margin: 35px 0;
width: 100%;
}

.accordion-collapse .accordion-body > div > h3 {
font-weight: 700;
}

.accordion-collapse .accordion-body .Multiple_Choice_result .col-6 > div.quiz-question p , .accordion-collapse .accordion-body .Multiple_choice .col-6 > div.quiz-question p {
color: #000;
font-size: 16px;
line-height: 1.3;
}

#quiz-results > p:first-child , #quiz-results > p:nth-child(2) {
margin-bottom: 5px;
}

#quiz-results {
float: right;
text-align: center;
}



#student-results-form {
margin-bottom: 25px;
}

.accordion-collapse .accordion-body .col-6 > div.quiz-question p {
margin-bottom: 12px;
}


.accordion-collapse .Multiple_Choice_result .row .quiz-question ul , .accordion-collapse .Multiple_choice .col-6 > div.quiz-question ul{
padding-left: 0 !important;
}
.accordion-collapse .Multiple_Choice_result .row .quiz-question > p , .accordion-collapse .Multiple_choice .row .quiz-question > p {
padding-left: 0;
}

.accordion-collapse .accordion-body .col-6 > div.quiz-question ul li {
padding: 10px 5px;
margin: 5px 0;
border: 1px solid #c3e3fe;
background: #f0f8ff;
font-size: 14px;
border-radius: 4px;
}

.accordion-collapse .accordion-body .col-6 > div.quiz-question p, .accordion-collapse .accordion-body .col-6 > div.quiz-question ul {
padding-left: 0;
}
.accordion-collapse .accordion-body .quiz-content, .accordion-collapse .accordion-body .quiz-content p {
text-align: left !important;
padding-left: 0 !important;
}

.accordion-collapse .accordion-body .col-6 > div.quiz-question ul li.text-danger , .accordion-collapse .accordion-body .col-6 > div.quiz-question ul li.text-success {
background: #e7f5f5;
}

.accordion-collapse .accordion-body .col-6 > div.quiz-question ul li.text-danger {
    background: #ffcdd2;
}

.quiz-items {
padding: 0;
}

#popular_plan .plan-name {
width: 100%;
display: flex;
align-items: center;
gap: 0px;
}
#subscription-tab{position: relative;}
#subscription-tab::before {
content: "";
background: url(/wp-content/uploads/2025/05/subscribe.png);
height: 30px;
width: 30px;
display: block;
position: absolute;
left: 0;
background-size: contain;
background-position: center center;
filter: brightness(0) invert(1);
transform: translate(30%,-9%);
}


#popular_plan .register-container .register-btn {
padding: 15px 86px;
border-radius: 50px;
background: #e03e96;
color: #fff;
font-size: 21px;
text-transform: capitalize;
font-weight: 500;
letter-spacing: 0.5px;
}
#popular_plan .plan-name h5{
font-size:45px;
font-weight: 700;
text-align: center !important;
}

.quiz-items > li {
padding: 15px;
border-radius: 10px;
border: 1px solid #dedddd;
margin: 15px 0;
background: transparent;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
width: 100%;
max-width: 60%;
font-weight: 600;
}
.quiz-items li ul{padding-left: 0 !important;}
.quiz-items li ul li{
padding: 10px 5px;
margin: 5px 0;
border: 1px solid #c3e3fe;
background: #f0f8ff;
font-size: 14px;
border-radius: 4px;
font-weight: 400;
}


.submit-quiz:hover{background: #000;color: #fff;border-color: #000;}

.submit-quiz {
border-radius: 50px;
line-height: 1.5;
border-color: #e03e96;
background: transparent;
color: #e03e96;
}

.accordion-button {
border-bottom: 1px solid #dedbdb !important;
}


#student-results-form input {
width: 100%;
max-width: 60%;
}
#dashboardTabContent .tab-pane a.view-student:hover {
color: #fff !important;
}


#dashboardTabContent .tab-pane a.view-student {
color: #000 !important;
}
#student-results-form button:hover {
color: #fff;
background: #000;
border-color: #000;
}

input#user_email {
border: 1px solid;
padding: 9px;
}
.accordion-collapse   .tab-pane ul.options li {
font-weight: 400;
}

.card.shadow-sm {
margin: 120px 0;
}
.card.shadow-sm h2.text-center.mb-4 {
font-weight: 600;
}
form#custom-forgot-password-form .d-grid button.btn.btn-primary {
padding: 9px;
border-radius: 50px;
background: #e03e96;
border-color: #e03e96;
}
input#rememberme {
font-size: 20px;
}
#custom-forgot-password-form .text-center.mt-3 a:hover{color: #000;}
#custom-forgot-password-form .text-center.mt-3 a {
color: #e03e96;
}
.mb-3.form-check {
padding-left: 0 !important;
}
.mb-3.form-check #rememberme {
margin: 0;
margin-right: 9px;
}


#user_login {
background: url(https://focusedacademy.net/wp-content/uploads/2024/11/users.png);
background-size: 4%;
background-repeat: no-repeat;
background-position: 10px center;
}
#user_pass {
background: url(https://focusedacademy.net/wp-content/uploads/2024/11/lock.png);
background-size: 4%;
background-repeat: no-repeat;
background-position: 10px center;
}


#custom-login-form input{padding-left: 35px;}

#custom-login-form .btn.btn-primary {
background: transparent;
color: #e03e96;
width: 100%;
padding: 12px !important;
}

#custom-login-form .btn.btn-primary:hover {
background: #e03e96;
color: #fff;
}
.plan-section .card-body h5 {
margin-bottom: 15px;
font-size: 20px;
font-weight: 700;
padding-top: 20px;
padding-bottom: 20px;
background: #d73d90;
color: #fff;
}

.plan-section .row h3 {
text-align: center;
font-size: 25px;
font-weight: 700;
}
body #popular .card-body .register-container a button {
padding: 11px 35px;
font-size: 16px;
background: #7c3af2 !important;
border-color: #7c3af2 !important;
}


#popular_plan .register-container {
margin-bottom: 25px;
margin-top: 67px !important;
}
.register-container {
margin-bottom: 25px;
margin-top: auto !important;
}
.plan-section .card-body h6 {
font-weight: 500;
color: #e03e96;
padding-bottom: 15px;
}

.plan-section .card-body h4 {
padding-bottom: 0 !important;
}
.plan-section .card-body {
text-align: center;
padding-top: 0;
}
#myTabContent .products .card .card-body .btn {
border-radius: 50px;
background: #e03e96;
border-color: #e03e96;
}
.plan-section .plan-detailscard .wishlist{
position:relative;
}
.plan-section .plan-detailscard .wishlist > p{
padding-left:30px;
}
.plan-section .plan-detailscard .wishlist > p:before{
content: "";
background: url(/wp-content/uploads/2024/11/rights-removebg-preview.png);
height: 20px;
width: 20px;
display: block;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: 0;
}


.Enroll_Now .modal-header h1 {
color: #000;
}
.Enroll_Now .text-center.mt-4 .btn.btn-primary {
padding: 9px 25px;
border-radius: 50px;
float: left;
background: #e03e96;
border-color: #e03e96;
}

body.page-template .Enroll_Now .modal-dialog {
border-radius: 8px;overflow: hidden;
}
body.post-type-archive-plan #popular {
margin-top: 10rem;
margin-bottom: 5rem;
}
.lesson-begi-section .row .col-md-6 > p {
margin-bottom: 20px;
}

.lesson-begi-section .row .col-md-6 > div {
margin-bottom: 30px;
}

.most_popular.plan-section .row {
row-gap: 30px;
justify-content: center;
}
#student-table th {
font-size: 15px;
}

#student-table td {
font-size: 13px;
}

#student-table, th, td {
border: 1px solid #d0caca !important;
border-collapse: collapse;
}
.add_new {
width: 100%;
max-width: 100%;
overflow-x: scroll;
}
#dashboardTabContent .tab-pane a.view-student img {
width: 23px;
}
#dashboardTabContent .tab-pane a.view-student {
color: #000 !important;
background: transparent;
border-color: #e03e96;
margin-top: 0px;
padding: 3px 5px !important;
}
#dashboardTabContent .tab-pane a.view-student:hover {
color: #fff !important;
background: transparent !important;
}

.btn.btn-secondary.btn-sm.edit-student-btn img , .btn.btn-danger.btn-sm.delete-student img , .btn-sm.toggle-student-status img  {
width: 19px;
}
.Enroll_Now  .modal-dialog .modal-content .modal-body img {
height: 100% !important;
width: 100%;
object-fit: cover;
object-position: top center;
}
/* #student-table tbody tr > td:nth-child(5) {
display: flex;
flex-wrap: wrap;
justify-content: start;
align-items: center;
gap: 5px;

} */

/*#student-table td  img {
width: 14px !important;
}*/
.Enroll_Now ul {
padding-left: 20px;
margin: 0;
}
.toggle-student-status {
color: #000 !important;}

#dashboard p strong {
color: #000;
font-weight: 600;
}
#dashboard p {
font-size: 16px;
padding: 7px;
border: none;
border-radius: 3px;
margin: 0;
color: #000;
font-weight: 400;
}

.admin_dashboard > .row > div:first-child {
box-shadow: rgba(37, 36, 36, 0.44) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
background: #E03E96;
}
#student-table th {
font-size: 15px;
background: #e03e96;
color: #fff;
}
#dashboard {
padding: 20px;
overflow: hidden;
border-radius: 10px;
margin: 20px;
}
#dashboard p span {
color: #000;
font-weight: 600;
}
div.Profiles h3 {
font-size: 19px !important;
font-family: "Montserrat", sans-serif;
font-weight: 500 !important;
margin-bottom: 0px;
color: #000;
}
div#dashboard h3 {
font-size: 24px;
font-family: "Montserrat", sans-serif;
font-weight: 600;
margin-bottom: 0px;
color: #000;
margin-bottom: 21px;
}
.Profiles p strong {
font-size: 15px;
}
.courses_progress_container, .courses_progress_container th, .courses_progress_container td {
border: none !important;
}
.Profiles > div:last-child h3 {
padding-top: 0 !important;
}

.courses_progress_container th {
padding: 15px !important;
}
.courses_progress_container th {
padding: 15px !important;
text-transform: capitalize;
}

.progress-circle-container svg {
width: 100px;
height: auto;
}
.courses_progress_container td {
padding: 10px 15px;
}

.courses_progress_container .progress-circle-container h3 {
text-align: left;
text-transform: capitalize;
}

.courses_progress_container .progress-circle-container {
display: flex;
justify-content: space-between;
text-align: left !important;
}

.download-file img {
width: 20px;
filter: brightness(0) invert(1);
}
.courses_progress_container {
padding:15px 25px;
border: 1px solid #e4dcdc;
border-radius: 15px;
background: #fff;
}
.Profiles {
display: flex;
align-items: start;
width: 100%;
background: #fff;
padding: 20px;
border-radius: 9px;
gap: 25px;
flex-wrap: unset;
}
.videoModal .modal-header , .scormModal .modal-header , #quizModal-613  .modal-header{
margin-bottom: 0 !important;
}

.videoModal .modal-body , .scormModal .modal-body ,  #quizModal-613 .modal-body{
padding-top: 0 !important;
}

.student-status-form {
width: fit-content;
float: right;
}
.page-template-instructor-dashboard  .row  .col-md-3 {width: 20%;}

#collapseQuiz_0 .accordion-body, #collapseQuiz_1 .accordion-body {
	height: 500px;
	overflow: hidden;
	overflow-y: scroll !important;
}



.status {
display: flex;
justify-content: end;
padding-right: 19px;
}
#dashboardTabContent .tab-pane a.view-student {
color: #000 !important;
background: transparent;
border-color: #e03e96;
margin-top: 0px;
padding: 3px 5px !important;
height: 30px;
}

#students .add_new table tr > th:nth-child(7) { width: 150px;}

.page-template-instructor-dashboard  .row  .col-md-9{width: 80%;}


/*#student-table td button.delete-student {
margin-left: 8px;
}*/
#student-table tr > td:nth-child(5) > div::-webkit-scrollbar {    display: none;  /* Safari and Chrome */}
#student-table tr > td:nth-child(5) > div{-ms-overflow-style: none;
scrollbar-width: none;}
#dashboardTabContent .tab-pane a.view-student:hover img , #student-table td button.btn:hover img{filter: brightness(0) invert(1);}
#dashboardTabContent .tab-pane a.view-student:hover , #student-table td button.btn:hover{
background: #e03e96 !important;
border-color: #e03e96 !important;
}

.seach form button {
border: none;
background: #fff;
}
.seach form input#search {
padding: 12px 20px;
width: 100%;
overflow: hidden !important;
border-radius: 50px;
border: none;
}

.seach form button img {
width: 100%;
max-width: 45%;
float: right;
margin-right: 10px;
}
.seach {
display: flex;
align-items: center;
justify-content: space-between;

margin-bottom: 20px;
}
#search:focus-visible {
border: none !important;
outline: none;
}
.seach form button {
padding: 10px 0;
width: 100%;
max-width: 10%;
border: none;
border-radius: 50px;
}
.seach div form {
display: flex;
align-items: center;
justify-content: end;
gap: 5px;
position: relative;
border: 1px solid #000;
border-radius: 50px;
width: 100%;
max-width: 67%;
float: right;
background: #fff !important;
}

.admin_dashboard .row .col-md-9 {
width: 79%;
}

/* .seach form button:hover {
background: #e03e96;
border-color: #e03e96;
}
.seach form button:hover img{filter: brightness(0) invert(1);} */
.pagination {
display: inline-block;
padding: 10px;
}

/* Style for individual page items */
.pagination a {
color: black;
padding: 8px 16px;
text-decoration: none;
border: 1px solid #e03e96;
margin: 0 4px;
border-radius: 50px;
}

/* Style for active page */
#dashboardTabContent .tab-pane .pagination a.active {
background-color: #e03e96;
color: #fff !important;
}
/* Hover effect for page items */
.pagination a:hover {
background-color: #ddd;
}

.pagination {
display: flex;
justify-content: center;
}

.reset-password-form.container form > p:last-child {
margin-top: 40px !important;
margin-bottom: 0;
padding: 0 !important;
}
.page-template-reset-password .card.shadow-sm h2.text-center.mb-4 {
font-weight: 600;
margin-bottom: 40px !important;
margin-top: 25px;
}
.page-template-reset-password .card.shadow-sm {
margin: 150px auto;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
margin-bottom: 90px;
}

.reset-password-form.container form input{
padding: 10px 15px;
border: 1px solid #e1dada;
border-radius: 5px;
font-size: 14px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
width: 100%;
}

.reset-password-form.container form input#submit {
padding: 15px 35px !important;
width: 100%;
border-radius: 50px;
background: #e03e96;
border-color: #e03e96;
font-family: "Montserrat", sans-serif;
margin: 0px 0;
display: block;
color: #fff;
font-size: 16px;
}
.reset-password-form.container p {
padding: 15px;
text-align: center;
}


body.page-template-reset-password .text-center {
font-size: 18px;
margin: 160px 0;
margin-bottom: 100px;
}
body.page-template-thank-you h2:last-child {
margin-bottom: 125px !important;
display: block;
width: 100%;
}

.choose_option {
grid-template-columns: 1fr !important;
}



form#student-discussion-form  input {
padding: 10px;
}


.message {
display: grid;
align-items: start;
gap: 0px;
width:98%;
}

h1.text-center.page-title {
font-size: 29px;
font-weight: 700;
color: #000;
line-height: 1;
font-family: "Montserrat", sans-serif;
margin: 16px 0 !important;
margin-top: 0 !important;
padding: 0 24px;
text-align: left !important;
}
#commentModal .modal-dialog .modal-content {
grid-template-columns: 1fr;
}
.administrator_message p {
background: #161616 !important;
}
#discussion h3 {
margin-bottom: 45px;
}
form#chat-form button {
color: #fff;
padding: 11px 42px;
border-radius: 50px;
background: #e03e96;
border-color: #e03e96;
margin-top: 15px;
}

.student_message {
justify-content: end;
margin-left: auto;
margin-right: 10px;
}
form#student-discussion-form input#discussion-email {
width: 62%;
}
form#student-discussion-form  button , #discussion-comment-form button {
border-radius: 50px;
font-size: 16px;
padding: 12px 20px;
background: #e03e96;
color: #fff;
border-color: #e03e96;
}
.message p , #student-discussion-output p {
border-top-left-radius: 0px;
border-top-right-radius: 10px;
margin-top: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border: 1px solid;
width: fit-content;
padding: 6px 14px;
margin-left: 0;
background: #e03e96;
color: #fff;
font-size: 15px;
margin-top: 5px !important;
text-transform: capitalize;
}
form#student-discussion-form {
margin-bottom: 20px;
}
form#chat-form textarea , #discussion-comment-form textarea{
resize: vertical;
height: 150px;
border-radius: 10px;
padding: 20px;
margin-top: 20px;
margin-bottom: 20px;
}
.message p span  , #student-discussion-output p em {
display: block !important;
font-size: 10px !important;
}
.student_message p {
background: #7c3af2 !important;
}
.add_new #manager-table th, .add_new #manager-table td {
padding: 10px;
}

.add_new #manager-table th {
background: #E03E96;
color: #fff;
}

#student-results-form input {
border: 1px solid #ff349a;
border-radius: 40px;
padding: 10px 20px;
}
.modal.show .modal-dialog {
border-radius: 5px !important;
}
.message.student_message p {
border-top-left-radius: 0px;
border-top-right-radius: 10px;
margin-top: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.chat-messages {
height: 200px;
overflow: hidden;
overflow-y: scroll;
}
#discussion h3 {
background: #e03e96;
padding: 11px 20px;
border-radius: 5px;
color: #fff;
font-size: 20px;
text-transform: uppercase;
font-weight: 700;
}
#discussion {
	padding: 25px;
	margin-right: 35px;
	border: 1px solid #d9d4d4;
	border-radius: 5px;
	max-height: 900px;
	overflow-y: scroll;
}
.student_message strong {
text-align: right;
}
.message > strong {
font-size: 13px;
font-weight: 600;
margin-right: 7px;
text-transform: capitalize;
}
/* .message.student_message {
float: right;
direction: rtl;
} */
#uploads-tab,#discussion-tab{
position: relative;
}
#student-table td button img {
width: 19px;
}

#uploads-tab::before {
content: "";
background: url(/wp-content/uploads/2025/01/upload.png );
height: 30px;
width: 30px;
display: block;
position: absolute;
left: 0;
background-size: contain;
background-position: center center;
filter: brightness(0) invert(1);
transform: translate(30%,-9%);
}
#documents-tab {position: relative;}
#student-table td button {
border-color: #e03e96;
border-radius: 4px;
background: #e03e96;
}
#student-table td a.check_documents img    , #student-table td button.chat img  {
width: 19px;
filter: brightness(0) invert(1);
}

#documents-tab::before  {
content: "";
background: url(/wp-content/uploads/2025/01/document.png);
height: 30px;
width: 30px;
display: block;
position: absolute;
left: 0;
background-size: contain;
background-position: center center;
filter: brightness(0) invert(1);
transform: translate(30%,-9%);
}
#discussion-tab::before, #user-notification-tab::before, #student-notification-tab::before  {
content: "";
background: url(/wp-content/uploads/2025/01/chat.png);
height: 30px;
width: 30px;
display: block;
position: absolute;
left: 0;
background-size: contain;
background-position: center center;
filter: brightness(0) invert(1);
transform: translate(30%,-9%);
}
#user-notification-tab::before, #student-notification-tab::before {
	background-image: url(/wp-content/uploads/2025/07/bell.png);
}
/*
about page
*/
.innerbanner_section{
position: relative;
}
/*
contact page
*/
.contact-block1{
padding: 70px 0;
}
.contact-block1 .contact-info{
display:flex;
gap:20px;
align-items: center;
}
.contact-block1 .contact-info i{
font-size:40px;
color:#e04197 ;
}
.contact-block1 .contact-address-col{
display: flex;
justify-content: center;
gap: 40px;
margin:0;
padding:0;
}
.contact-block1 .contact-address-col li {
border: 2px solid #ffc0e2;
border-radius: 20px;
padding: 40px 70px;
background: #ffdff0;
width:40%;
}
.contact-block1 .contact-address-col .contact-number{
color:#e04197;
font-size:16px;
font-weight:600;
}
.contact-block1 .contact-address-col a{
text-decoration:none;
}
.title-h{
font-size:40px;
font-weight:700;
}
a{
text-decoration:none;
}
.enquery_form .wpcf7-not-valid-tip, .enquery_form .wpcf7-response-output{
color:#fff;
}
#chat .col-8 .row > div {
margin-bottom: 25px;
}

#chat .col-8 .row > div strong {
display: block;
text-transform: uppercase;
background: #7a9fff;
padding: 9px;
margin-bottom: 10px;
color: #fff;
border-radius: 3px;
letter-spacing: 2px;
font-size: 12px !important;
text-align: center;
}
#chat ul li {
padding: 5px;
background: #f9f4f9;
border-radius: 2px;
font-size: 13px;
}
.back_button{position: relative;}
#chat ul {
padding: 0;
margin: 0;
}

#chat-tab , #notification-tab {
position: relative;
}


#chat ul li > span {
background: #7a9b30 !important;
position: absolute absolute;
right: 12px !important;
top: 16px !important;
padding: 0 6px !important;
}
#notification-tab::before {
content: "";
background: url(/wp-content/uploads/2025/04/megaphone.png);
height: 30px;
width: 30px;
display: block;
position: absolute;
left: 0;
background-size: contain;
background-position: center center;
filter: brightness(0) invert(1);
transform: translate(30%,-9%);
}

#chat-tab::before,  #mail-tab::before, #focused-planning-tab::before, #document-upload-area-tab::before {
content: "";
background: url(/wp-content/uploads/2025/04/chat.png);
height: 30px;
width: 30px;
display: block;
position: absolute;
left: 0;
background-size: contain;
background-position: center center;
filter: brightness(0) invert(1);
transform: translate(30%,-9%);
}
#mail-tab::before {
	background-image: url(/wp-content/uploads/2025/09/envelope-light-full.svg);
}
#focused-planning-tab::before {
	background-image: url(/wp-content/uploads/2025/11/focused-planning-logo.svg);
}
#document-upload-area-tab::before {
	background-image: url(/wp-content/uploads/2025/11/doc-upload-area.svg);
}
#chat-box strong {
font-size: 9px;
display: block;
}

#chat-box small {
font-size: 10px;
line-height: 0;
color: gray;
margin-top: 11px;
display: inline-block;
font-size: 9px;
}

#chat-box > div {
line-height: 1;
margin-bottom: 8px;
font-size: 14px;
}
#chat-box {
background: #fff;
}

.Them {
text-align: right;
display: block;
}

#chat-box > div {
line-height: 1;
margin-bottom: 8px;
font-size: 14px;
padding: 5px;
background: #fff4e8;
width: fit-content;
border-radius: 5px;
padding: 10px 20px;
}

#chat-box > div.You {

border-top-left-radius: 0;
}

.Them strong {
display: block;
}
#chat-box > div.Them {
border-top-right-radius: 0;
text-align: right;
margin-left: auto;
background: #f0f7f9;
}
#chat ul li {cursor: pointer;}

#chat ul li img {
padding: 2px;
border0r: ;
border-radius: 15px;
border: 1px solid #bf10bf;
width: 25px !important;
}

.btn.btn-info.btn-sm.view-student {
border-color: #e03e96;
border-radius: 4px;
background: transparent;
}

.btn.btn-info.btn-sm.view-student img {
width: 19px;
}

.user_item.active-user {
background-color: #e1b3b3 !important;
border-radius: 5px;
border: 1px solid #e1b3b3;
}
#notification, #subscription {
padding: 25px;
background: #fff;
border-radius: 10px;
}

#send_notification {
padding: 10px 20px;
background: #e03e96;
border-radius: 50px;
color: #fff;
text-transform: capitalize;
margin-bottom: 20px;
}

.full-text {
text-transform: capitalize;
}
.toggle-full-text {
color: #e03e96 !important;
}

#notification-list {
padding: 0;
margin: 0;
list-style: none;
}

.detail {
font-size: 14px;
}
#notification-list  li{border-radius: 5px;}

#lessons h2 {
font-size: 17px;
padding: 10px;
display: flex;
align-items: center;
}


#lessons h2 > .btn {
margin-left: auto;
text-align: right;
color: #fff !important;
display: flex;
width: fit-content;
line-height: 1.2;
}
.wp-video {
width: 100% !important;
margin-bottom: 35px !important;
}
#mep_0 {
margin: 0 auto;
}

body.single-lesson .introduction-content > p {
display: none;
}


body.page-id-377 .modal-content .modal-body img {
height: 100% !important;

}


body.single-lesson .modal.show .modal-dialog .modal-content {
display: grid;
grid-template-columns: 1fr;
border: none;
border-radius: 0;
gap: 20px;
}
body.page-id-377 header .navigation_Section div .logout {
background: #e03e96;
padding-top: 7px !important;
padding-bottom: 7px !important;
line-height: 1.5 !important;
font-size: 15px !important;
margin: 0 10px !important;
}



body.single-lesson  .container .accordion-body  #student-lessons .btn {
margin: 10px;
padding: 20px 35px;
width: 150px;
background: #ffcdd2;
border: none;
color: #000;
height: fit-content;
box-shadow: 2px 2px 13px #ffcdd2;
border-radius: 16px;
height: 150px;
}
body.single-lesson  .container .accordion-body {
display: flex;
flex-wrap: wrap;
margin-bottom: 35px;
margin-top: 35px;
}
body.single-lesson ul li {
text-align: left;
padding: 10px;
font-size: 16px;
font-weight: 400;
}
body.single-lesson ul li strong {
font-size: 13px;
}
body.single-lesson .quiz-items, body.single-lesson .quiz-items ul {
list-style: none;
padding: 0;
margin: 0;
}
body.single-lesson .container .accordion-body .btn:hover img {
filter: brightness(0) invert(1);
}
body.single-lesson ul li {
text-align: left;
padding: 0;
font-size: 16px;
font-weight: 400;
}

#notification_bell img {
filter: brightness(0) invert(1);
width: 20px;
}

#notification_bell span {
position: absolute;
top: 0;
right: 5px;
color: #fff;
}

#manager , #instructor , #students , #courses , #lessons , #results , #documents , #chat {
background: #fff;
border-radius: 10px;
}

#notification_bell {
padding: 10px 4px;
font-size: 13px;
position: relative;
background: #e03e96;
border-radius: 50%;
margin: 0 5px;
}

.btn.btn-outline-light.me-2.my_Acount:hover .white-user{display: none;}
body header .users-login .btn.btn-outline-light.me-2.my_Acount:hover .color-user{display: inline-block !important;}

body.single-lesson ul.quiz-items li {
text-align: left;
padding: 10px;
font-size: 16px;
font-weight: 400;
}

#notification_bell {
cursor: pointer;
}
.features{
background: #ffddef;
padding: 20px;
border-left: 4px solid #e03e96;
}
.features ul{
list-style:none !important;
padding:0 !important;
}
.have-coupon-link, .have-coupon-link:hover, .mepr_price_cell{
color:#e03e96;
}
.lessons-form .mepr_price{
font-size: 20px;
font-weight: 600;
margin-top: 20px;
margin-bottom: 30px;
}
.page-id-1544 .entry-content{
width:100% !important;
}
.page-id-1544 .entry-content .generic-thank-you-message{
display: flex;
gap: 20px;
}
.page-id-1544 .entry-content h1{
font-size: 19px;
text-align: center;
font-weight: 500;
}
.page-id-1544 .entry-header h1{
	color:#e03e96;
}
.page-id-1544 .entry-content{
margin-bottom:60px;
}
.payment-col, .order-confirm{
background: #fff;
padding: 40px;
width:50%;
border-radius: 30px;
}
.banner-caption-new {
  position: absolute;
  top: 120px;
  width: 500px;
  left: 27%;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 50px;
  line-height: 49px;
  font-family: "Oswald", sans-serif;
  color: #e13e96;
  text-shadow: 0px 2px 0px #000;
}
.handle{
	display: block;
	position: relative;
	left: 66px;
	-webkit-animation: slide-handle 8.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 3s infinite both;
	animation: slide-handle 8.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s infinite both;
}
.we-will{
	
	position: relative;	
	-webkit-animation: slide-right 8.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s infinite both;
	animation: slide-right 8.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s infinite both;
}
.the{
	position: relative;	
	font-size: 28px;
	-webkit-animation: slide-right2 8.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 5s infinite both;
	animation: slide-right2 8.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 5s infinite both;
}
.preparations{
	position: relative;	
	font-size: 60px;
	-webkit-animation: slide-right2 8.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 5s infinite both;
	animation: slide-right2 8.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 5s infinite both;
}
.while-you{
	display:block;
	position: relative;
  left: 107px;
	font-size: 28px;
	-webkit-animation: slide-while 8.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 7s infinite both;
	animation: slide-while 8.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 7s infinite both;
}
.while-you-line{
	position: relative;
  top: -33px;
}
.results{
	position: relative;
/*  left: 252px;
  font-size: 70px;
  -webkit-animation: slide-result 8.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 4s infinite both;
	animation: slide-result 8.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 4s infinite both;*/
}
.focus{
	font-size: 70px;
}

@keyframes slide-right {
  0% {opacity:0;}
  30% {left:0; opacity:1;}
  100% {left:100px;}
}
@keyframes slide-right2 {
 0% {opacity:0;}
  30% {left:0; opacity:1;}
  100% {left:50px;}
}
@keyframes slide-handle {
  0% {opacity:0;}
  30% {left:0; opacity:1;}
  100% {left:50px;}
}
@keyframes slide-while {
  0% {opacity:0;}
  30% {left:0; opacity:1;}
  100% {left:50px;}
}
@keyframes slide-result {
  0% {opacity:0;}
  30% {left:-100; opacity:1;}
  100% {left:150px;}
}




@media(min-width:1560px){
	.banner-caption-new {
  top: 120px;
  width: 500px;
  left: 31%;
  font-size: 50px;
}
}

@media only screen and (max-width: 1200px) {
.btn-close::before {

top: -24%;
right: 26%;
}
body.single-course #primary {
width: 100%;
max-width: 100%;
margin: 0 auto;
padding-top: 80px;
padding-left: 15px;
padding-right: 15px;
}
body  #primary {
width: 100%;
max-width:100%;
margin: 0 auto;
padding:0 15px;     
margin-top: 70px;
}   
body.search #primary {
width: 100%;
max-width:100%;
margin: 0 auto;
padding:0 15px;     
margin-top: 70px;
}
.text-success.text-center.m-5 {
width: 100%;
max-width: 100%;
margin: 20px auto !important;
padding: 0 15px;
}
body.page-template-register .container.mt-5 .row.justify-content-center {
padding-top: 70px;
}  
body.privacy-policy  main#primary {width: 100%;max-width: 100%;padding-right:15px;padding-left:15px;padding-top: 70px;}

body .container { width: 100%; max-width: 100%; padding: 0 15px;}
.banner_slider .slider-item .slider-content { position: absolute;top:29%;left: 0%;padding-left: 15px;}
footer.text-dark.pt-4.pb-4 { padding: 0 15px !important;overflow: hidden;}
.most_popular { margin-top: 4rem;}
#myTabContent { margin-bottom: 2rem; }
.learning .journey {width: 44%;}
#enquery_form form textarea {  font-size: 16px;}
#enquery_form form .btn { font-size: 16px;}
.contact_form input, .contact_form section, .choose_option input, .choose_option select {font-size: 16px;}
body p{font-size: 14px !important;}
body a{font-size: 14px !important;}
body .container.welcome {overflow: hidden;}
body h1 { font-size: 49px;}
.banner_slider .slider-content h1 { font-size: 49px; }
.learning .journey h3 {font-size: 45px;}
.Testimonials h1 {font-size: 45px;}
body #popular h1 { font-size: 42px;}
.banner_heading h1 {font-size: 39px;}

.about_us h2 {
font-size: 34px;
margin-top: 15px;
}
body.blog  article, body.category main#primary article {
margin: 10px !important;
}
body.blog  main#primary, body.category main#primary {
width: 100%;
max-width: 100%;
padding: 0 15px;
}
.footer_bar i {
font-size: 14px;
color: #fff;
}
body.blog aside#secondary, body.single-post  #secondary, body.category  #secondary {
width: 100%;
max-width: 100%;
padding: 0 15px;
}
body.blog aside#secondary, body.single-post  #secondary, body.category  #secondary {
width: 100%;
max-width: 100%;
padding: 0 15px;

}
body.single-post #primary, body.category #primary {
width: 100%;
max-width: 100%;
padding: 0 15px;
}
body.category  a {
font-size: 14px !important;
}
body.category h1 {
font-size: 38px;
}
/*.logo {
margin-top: -67px;
}*/

.age-template-contact_us .empley_slider {
max-width: 100%;
padding: 0 15px;
}
.banner-caption-new {
  top: 100px;
  width: 500px;
  left: 22%;
}

}
@media only screen and (max-width: 1080px) {

#enquery_form .form { margin-top: 1rem; }
.contact_form input, .contact_form section, .choose_option input, .choose_option select {
padding: 6px 20px;
}
.contact_form, .choose_option {
margin-bottom: 9px;
}
#primary-menu li a{padding: 0 !important;}

body.blog main#primary  , body.category main#primary{
grid-template-columns: auto auto;
}

body.single-post #primary .entry-header h1 {
font-size: 22px !important;
text-transform: capitalize;
}
#primary-menu li a span {
padding: 7px 9px;
}
.logo {
width: 152px;

}
body.page-template-contact_us .empley_slider .list-unstyled.Contact li {
width: 95%;
}
.most_popular.plan-section .row > div {
width: 50%;
}


}



@media only screen and (max-width: 1024px) {
.page-template-instructor-dashboard  .row  .col-md-3 {width: 100%;}

.page-template-instructor-dashboard  .row  .col-md-9{width: 100%;}

.card{
    bottom: 55px !important;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
.banner_section .banner-panel .banner-caption h2 {
font-size: 40px;
}
.content_modal .block01_home:nth-child(2n) .dashboard_about_image {
margin-left: 0;
}

.content_modal section .dashboard_about_image h2 {
font-size: 37px;
}
footer .custom-logo-link{
width: 220px;
}
.banner_section .banner-caption h4 {
font-size: 14px;
padding-right: 110px;
}
.banner_section .banner-caption {
width: 50%;
}
.block2-h{
padding:0;
}
.dashboard_about_image h2 {
margin-bottom: 10px;
font-size: 18px;
line-height: 26px;
}
.testimonial-section{
padding:70px 0;
}
}
@media only screen and (max-width: 900px) {
#student-documents-output {
overflow-x: scroll;
}
.courses_progress_container , .student-documents-table , .courses_progress_container {
width: 1024px;
}
#lesson-comment-body p {
font-size: 12px !important;
padding: 5px;
}
.modal-body iframe {
height: 400px;
}
.modal-body iframe {
width: 100%;
height: 400px;
overflow: hidden;
}
.Lesson_List ul {
padding: 0 !important;
}
#documents h3 , #results h3{
text-align: center;
}
#documents button  , #results button {
margin: 0 auto;
display: flex;
}
.modal .modal-dialog .modal-content {
border-radius: 5px !important;
}
.admin_dashboard .row .col-md-9 {
width: 100%;
}
#lessons .modal .modal-content .modal-header {
justify-content: space-between;
padding: 1px 20px !important;
}
div.modal  {
top: 1%;
overflow: unset !important;
overflow-y: scroll !important;
}
.modal.show .modal-dialog .modal-content {

gap: 7px;
}
#commentModal .btn-close {
right: 10px !important;
top: 8px !important;
}
.modal .modal-content .modal-header button {
width: 20px;
background-color: transparent;
color: #000 !important;
font-size: 15px;
right: 9px;
top: 10px;
}
.lesson-chat-form button {
padding: 7px 40px;
background: #e03e96;
color: #fff;
border-radius: 50px;
border: none;
padding: 7px 35px !important;
width: fit-content !important;
}
.stu_detail , .stu_uplod{
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin: 20px 0;
}
.admin_side_modal .btn-close {
right: 0px !important;
top: -2px !important;
width: 30px !important;
margin-top: 0;
}

#videoModal-613 .modal-body {
padding: 26px 16px;
}

body .img_heading h2 {
font-size: 35px;
} 
#student-table {
width: 1024px;
}
#lesson-scorm-body iframe {
height: 350px !important;
}
.modal.admin_side_modal .btn-close {
right: 0 !important;
top: 1px;
background-color: transparent !important;
color: #000 !important;
font-size: 15px;
width: 20px !important;
}
.modal.show .modal-dialog{margin: 0 auto !important;
justify-content: center;}
.modal.show .modal-dialog {
transform: none;
width: auto !important;
max-width: fit-content !important;
}
.modal.show .modal-dialog .modal-content {
display: grid;
grid-template-columns: 1fr;
border: none;
border-radius: 0;
}
.text-center.page-title {
margin-bottom: 55px !important;
font-size: 35px !important;
}
#addStudentModal {
padding: 15px;
}
.add_new {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin: 20px 0;
}
body .img_top .img_heading p {
font-size: 15px !important;

line-height: 1;
}  

#myTabContent #course-container {
grid-template-columns: 1fr 1fr;
}

body.privacy-policy header.entry-header h1 {
text-align: center;
width: 100%;
font-size: 36px;
margin: 20px 0;
}
.btn-custom {
padding: 10px 13px;
font-size: 13px !important;
}
body .container.welcome {
margin-top: 0rem !important;
margin-bottom: 3rem !important;
}
#read_more {
padding: 8px 19px;
margin-top: 1px;
font-size: 13px !important;
}
.page-template-thank-you h2.text-center.m-5 {
font-size: 35px;
font-weight: 700;
padding-top: 60px !important;
margin: 20px auto !important;
}

.nav-title {
padding-left: 2px;
width: 100%;
display: block;
float: left;
max-width: 80%;
line-height: 1.5;
font-size: 15px;
margin: 10px 0;
}
#footer_bar  .container .row {
display: flex;
gap: 0 !important;
}
footer.text-dark.pt-4.pb-4 h5 {

margin-bottom: 8px;
}
footer.text-dark.pt-4.pb-4 > div.container:first-child {
padding: 1rem 0 !important;
}
.Testimonials h1 {
font-size: 34px;
margin-bottom: 15px !important;
}
.empley_slider .employes h2 {
font-size: 35px;
}
body header.bg-dark .Register {
background: transparent !important;
border-color: #e03e96;
}
#enquery_form .row {
padding-bottom: 25px;
}
footer ul#list-unstyled {
display: grid;
grid-template-columns: 1fr;
}

.lesson-begi-section {
padding: 50px 0 70px;
}

.lesson-begi-section > .container.mt-5 {
margin-top: 0 !important;
}
.mail- span i {
font-size: 15px;
margin-left: 6px;
display:inline;
}
.mail- span {
font-size: 0;
}
.mail- > span:last-child {
margin-left: 0 !important;
padding-left: 0;
}
.mail- .ms-3::before {
display:none;
}

/*.top-bar .container {*/
/*justify-content: end !important;*/
/*}*/
.btn.btn-outline-light.me-2.my_Acount {
font-size: 0 !important;
}
.navigation_Section > div .Register {
font-size: 0 !important;
}
.navigation_Section > div .Register i {
font-size: 24px !important;
display: block;
line-height: 1;
}
.my_Acount img {
width: 17px;
padding-right: 0;
border-right: none;
margin-right: 0;
}

.navigation_Section div a.btn {
border-radius: 50px;
padding: 9px;
border: none;
margin: 0  !important;
}
.learning .img-fluid.mb-3 {
height: 370px;
object-fit: cover;
}
.learning .journey {
width: 54%;
}
.menu-header-menu-container {
display: none; /* Hide the menu by default */
}
.banner_slider .slider-content h1 {
font-size: 42px;
}

.menu-header-menu-container.active ul#primary-menu{ display: grid;
margin: 0;background: #000;}
.menu-header-menu-container.active {
display: block;
position: fixed;
left: 0;
top: 0;
background: #000;
height: 100%;
width: 100%;
max-width: 60%;
z-index: 2;
}
.button {
display: block;
width: 30px;
cursor: pointer;
}
.tabs #myTab a {
padding: 6px 19px;
}

body .welcome h1 {
font-size: 30px;
margin-bottom: 5px;
}

body.blog  article, body.category main#primary article {
width: 100%;
max-width: 47%;
float: left;
margin: 6px !important;
}


#commentform input, body.category  input {
width: 100%;
padding: 7px 13px;
}
ul.dropdown-menu.show {
background:#fff !important;
position: absolute !important;
}


.btn.btn-outline-light.me-2.Register {
display: none;
}
.mobile_view{display: block;}
.btn.btn-outline-light.me-2.my_Acount{display: none;}
.mobile_view #coursesDropdown::after {
content: "";
display: none;
}

.mobile_view #coursesDropdown {
margin-right: 10px;
}
#primary-menu li .dropdown-menu {
background: #000 !important;
position: relative !important;
width: 100% !important;
top: 0 !important;
transform: translate3d(0px, 0px, 0px) !important;
}

#primary-menu > li {
border-bottom: 1px solid #534f4f;
}
#primary-menu  .dropdown-menu.show li {
border-bottom: 1px solid #534f4f;
}
#primary-menu  .dropdown-menu.show li:last-child{
border-bottom: none;
}

.mail- a:last-child::before{
content: "";
display: none;
}

.mail- a:last-child {
padding-left: 0;
margin-left: 0;
position: relative;
}
body.single-course #primary .navigation.post-navigation .nav-subtitle {
padding: 7px 11px;
font-size: 14px;
margin-right:7px;
}
body.single-course #primary .navigation.post-navigation .nav-title {
font-size: 14px;
}   
div#dashboard h3 {
font-size: 23px;
font-family: "Montserrat", sans-serif;
font-weight: 700;
}

.admin_dashboard > .row > div:first-child {
overflow-x: hidden;
padding: 0 15px;
width: 93%;
margin: 0 auto;
background: #fff;
box-shadow: unset;
}
ul#dashboardTab {
border-radius: 0px !important;
overflow: hidden;
margin: 0;
height: auto;
width: 100%;
background: #E03E96;
}
.course_progress_wrapper {
overflow-y: scroll;
}
.course_progress_wrapper table {
width: 1200px !important;
}
}

@media only screen and (max-width: 767px) {
#popular_plan .plan-name h5 {
font-size: 27px !important;
font-weight: 700;
}

.plan_type{
padding: 20px 10px;
}
#popular_plan .plan-name {
width: 100%;
display: grid;
align-items: start;
gap: 15px;
padding: 0 15px;
}
.introduction-content ul {
padding: 0;
margin: 0;
line-height: ;
list-style: none;
}
.payment-col, .order-confirm{
padding: 13px;
}
.most_popular.plan-section .row > div, .page-id-1544 .entry-content .generic-thank-you-message .payment-col, .page-id-1544 .entry-content .generic-thank-you-message .order-confirm {
width: 100%;
}
#chat .container .row > div.col-4 {
padding-left: 0;
}
.introduction p, .resource_meterial p {
padding-left: 0px;
}
.wp-video {
margin: 15px 0;
}
body.single-lesson .container .accordion-body .button_stu_lesson .btn {
margin: 10px;
padding: 20px 35px;
width: 120px !important;
background: #ffcdd2;
border: none;
color: #000;
height: fit-content;
box-shadow: 2px 2px 13px #ffcdd2;
border-radius: 16px;
}
.content_modal .block01_home img {
border: 20px solid #931057;
transform: rotate(7deg);
width: 90%;
margin: 0 auto !important;
display: flex;
}
body.home.logged-in header .me-2.logout{display: none !important;}
body.home.logged-in	.me-2.my_Acount{font-size: 0 !important;}
header .users-login a.me-2.Register {
padding: 6px 7px !important;
}
.mobile_view .dropdown-menu li a {
border: none !important;
}
.navigation_Section > div .Register i {
font-size: 20px !important;
display: block;
line-height: 1;
}
header .logo {
width: 160px !important;
}
.btn-close::before {
font-size: 30px !important	;

}
body.wp-singular header .navigation_Section div .logout {
padding: 4px 10px !important;
}
.course_progress_wrapper > p {
font-size: 16px !important;
}
#notification-form-wrapper > div {
display: grid !important;
align-items: center;
gap: 20px;
JUSTIFY-CONTENT: CENTER;
}
body header .navigation_Section div .logout {
    background: #FFFFFF !important;
    line-height: 15px !important;
    padding: 16px 32px;
    font-size: 15px !important;
    font-family: 'Roboto';
    font-weight:700;
    margin: 0 10px !important;
    color: #E03F96;
    border: 2px solid #E03F96;
}
div.accordion-collapse .accordion-body div:first-child h4, div.accordion-collapse .accordion-body .Syllabus_details h4 {
margin-bottom: 10px;
}

#lessons h2 {
font-size: 15px;

}
div.modal {
top: 1% !important;
overflow: unset !important;
overflow-y: scroll !important;
}
.modal.show .modal-dialog .modal-content .modal-body img{display: none;}
.accordion-body .accordion-item h2 > button {
padding: 12px 10px !important;
font-size: 14px;
}body header .navigation_Section div .logout {
color: #fff;
}
body header  .button {
width: 53px;
}
.plan-card, .contact-block1 .contact-address-col{
display:block;	
}
.plan-detailscard{
width: 100%;
padding: 30px 10px 0 30px;
}
.contact-block1 .contact-address-col li {
padding: 40px 11px;
margin-top: 15px;
}
.plan-card h5 {
font-size: 51px;
}
.title-h {
font-size: 30px;
}
.innerbanner_section .banner_heading h1 {
font-size: 22px;
}
.generic-thank-you-message{
	display:block !important;
}
.page-id-1544 .entry-content .generic-thank-you-message .payment-col{
	margin-bottom:15px;
}

.innerbanner_section img{
height: 120px;
}
.plan-name {
width: 100%;
text-align: center;
}
header .users-login a {
padding: 5px 8px;
}
.content_modal .block01_home:nth-child(2n) .dashboard_about_image {
margin-left: 0 !important;
}
.content_modal section .dashboard_about_image h2 {
margin-bottom: 20px;
font-size: 28px;
font-weight: 900;
color: #e03e96;
text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.38);
line-height: 1;
position: relative;
z-index: 9;
margin-left: 0 !important;
margin-right: 0 !important;
}
header .nav-link {
color: #fff !important;
}
.footer_bar{
display:block;
}
.banner_section .banner-caption, .plan-carousel, .contact-block1 .contact-address-col li{
width:100%;
}
.banner_section .banner-caption{
text-align: center;
}
section.banner_section {
padding-top: 0 !important;
padding-bottom: 9px !important;
}
#popular_plan h1 {
font-size: 34px;
}
#popular_plan .register-container {
margin-bottom: 0px;
margin-top: 44px !important;
}
.banner_section .banner-caption{
margin-top:0px !important;
}
.banner_section .banner-caption, .dashboard_about_image{
margin-top:20px;
}
.dashboard_about_image, .block2-h{
padding:0;
}
.testimonial-section{
padding:70px 0;
}
.dashboard_about_image h2{
font-size: 18px;
}
.banner_section {
padding: 130px 0 60px;
}
.banner_section .banner-panel .banner-caption h2 {
font-size: 38px;
line-height: 1;
font-weight: 900;
}
.banner_section .banner-caption h4 {
padding-right: 0;
}
.banner_section .banner-panel{
flex-wrap: wrap-reverse;
}
.banner_section .banner-panel .banner_img {
border: 6px solid #931057;
transform: rotate(5deg);
width: 70%;
margin-left: 0;
margin-bottom: 20px;
}
.block01_home img {
width: 100%;
padding-right: 0;
}
.empley_slider .employes h2 {
font-size: 25px;
}

.accordion-collapse .accordion-body > div > h3 {
font-weight: 700;
font-size: 18px;
margin-bottom: 0 !important;
}
.closed_lesson::before {
width: 20px;
height: 20px;
right: 14% !important;

}
.open_lesson::before {
width: 20px;
height: 20px;
right: 14% !important;}

.accordion-collapse .quiz-form  button {
padding: 6px 15px !important;
background: #fff;
color: #e03e96;
border-color: #E03E96;
width: fit-content !important;
font-size: 13px !important;
}

#lessons .modal .modal-content .modal-header {
justify-content: space-between;
padding: 1px 0px !important;
}

.btn-close::before {
top: -42%;
}
#lessons p, .contact-block1 .contact-address-col .contact-number {
font-size: 13px !important;
}

.plan-section .card-body h4 {

font-size: 27px !important;

margin-bottom: 0;
padding: 15px 0;
padding-bottom: 0;
}
.admin_dashboard .row > div:last-child .tab-pane {
padding: 20px 15px;
}

.accordion-body {
padding: 10px;
}

html body  .accordion-button::after {
width: 12px;
height: 12px;
background-size: cover;

}
.features-div ul {
grid-template-columns: 1fr;
}
div#results_students {
overflow-x: scroll !important;
overflow: hidden;
width: auto !important;
}

div#results_students > div:nth-child(2) {
width: 1200px;
}
.results_student {
width: 1200px;
overflow: hidden;
}
.course_progress_wrapper {
overflow-y: scroll;
}
#dashboard {
margin: 0;
}
#Profile, .features {
padding: 13px;
}
#dashboard .profile > p {
width: 100% !important;
font-size: 14px !important;
}
.site_managers {
display: grid;
justify-content: space-between;
align-items: center;
}
.site_managers .btn.btn-primary.mb-3 {
width: fit-content;
}
.accordion-collapse button {
padding: 10px;
width: 100%;
margin: 5px auto;
}

.Profiles {
display: grid;

}
.student_quize_status .quiz-content {
width: 100%;
}

.student_quize_status .quiz-content > div {
border: 1px solid #d3d3d3;
padding: 20px 31px;
text-align: center;
width: 100%;
background: #fff;
border-radius: 5px;
display: block;
max-width: 100%;
}
.student_quize_status .quiz-content > div {
width: 100%;

}
.student_quize_status .quiz-content {
display: flex;
width: 100%;
justify-content: center;
gap: 15px;
flex-wrap: wrap;
}
.modal-body {
position: unset !important;
}
.student_quize_status > div:last-child {
width: 100%;
}
.closed_lesson::before {

right: 15%;
}
.open_lesson::before {
right: 15%;

}
.student_quize_status {

display: grid;
gap: 15px;
}
.modal.show .modal-dialog {
transform: none;
width: 100% !important;
max-width: 92% !important;
}

.modal-body > .modal-body {
padding: 0 !important;
}
div.accordion-collapse .accordion-body div:first-child p, div.accordion-collapse .accordion-body div:first-child ul {
padding-left: 0;
}

#student-results-form #student-email {
width: 100%;
max-width: 100% !important;
margin-bottom: 15px;
}
#student-documents-form #documents-email {
max-width: 100% !important;
width: 100% !important;
margin-bottom: 15px;
}

.student_result {
display: grid;

}

.student_result p {
padding: 55px 100px;
margin: 0 auto;
}
.admin_dashboard .row > div:last-child {
position: relative;
padding-left: 10px;
width: 100%;
max-width: 100%;
margin: 0 auto;
padding-top: 20px;
}

.score_status > p {
padding: 0 0 !important;
width: 100% !important;
}

.score_status {
display: grid;
}

body.logged-in .container.mt-5 {
margin-bottom: 50px;
padding-top: 50px !important;
width: 100%;
max-width: 100%;
overflow: hidden;
}

}
/*matrix css*/
header .navigation_Section div a.btn {
border-radius: 50px;
color: #e03f96;
border: 2px solid #E03F96;
padding: 16px 32px;
color: #E03F96;
text-decoration: none;
text-transform: uppercase;
font-size: 15px;
font-weight: 700;
line-height: 15px;
background: #FCF3F8;
font-family: 'Roboto';
}
header .users-login a {
border: 2px solid #E03F96;
padding: 16px 32px;
display: inline-block;
border-radius: 40px;
color: #E03F96;
text-decoration: none;
text-transform: uppercase;
font-size: 15px;
font-weight: 700;
line-height: 15px;
background: #FCF3F8;
font-family: 'Roboto';
}
body header .navigation_Section div .logout {
background: #FCF3F8 !important;
padding: #FCF3F8 !important;
padding: 16px 32px;
line-height: 15px !important;
font-size: 15px !important;
margin: 0 10px !important;
color: #E03F96;
border: 2px solid #E03F96;
font-family: 'Roboto';
font-weight: 700;
}
header .users-login a:hover , body header .navigation_Section div .logout:hover{
color:#FFFFFF;
background: #B33278 !important;
border: 2px solid #E03F9600 !important;
}
footer ul#list-unstyled a:hover {
color: #E03F96 !important;
}
.footer-right{
display:flex;
justify-content:end;
}
.max-gradient{
background: linear-gradient(
90deg,
rgba(252, 212, 202, 0.2) 0%,
rgba(244, 142, 195, 0.2) 50%,
rgba(252, 148, 179, 0.2) 100%
);
}
.max-stroke{
-webkit-text-stroke: 1px #ff4fa3; /* pink outline */
}
.max-card{
position: sticky !important;
top: 60px;
}
.max-card1{
position: sticky !important;
top:68px;
}
.max-card2{
position: sticky !important;
top:76px;
}
.footer-icon {
color: #E03F96;
background: #FBE8F4;
padding: 8px;
border-radius: 16px;
}
.footer-icon:hover{
color:#E03F96;
}
.box-container {
position: relative;
width: 100%; /* match box width */
margin: auto;
}

.box-image {
width: 100%;
display: block;
position: relative;
z-index: 1;
}
.box-inner-image {
width: 100%;
display: block;
position: absolute;
top: 6px;
left: 0;
z-index: 5;
}

/* ---- Base card styles (same as before) ---- */
.cardx {
position: absolute;
left: 50%;
bottom: 110px;
background: white;
border-radius: 0;
border: 3.24px solid #212121;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
z-index: 2;
font-size: 28px;
font-family: 'Montserrat';
line-height: 100%;
font-weight: 800;
color: #D1317F;
text-shadow: -1px -1px 0 #212121, 1px -1px 0 #212121, -1px 1px 0 #212121, 1px 1px 0 #212121;

animation-duration: 12s; /* full cycle */
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-fill-mode: both;
}

/* widths / heights / z-index (unchanged) */
.card1 { animation-name: riseMiddleLoop; z-index: 3; width: 102.19px; height: 91.65px; }
.card2 { animation-name: riseRightLoop; z-index: 3; width: 91.98px; height: 91.91px; }
.card3 { animation-name: riseLeftLoop; width: 89.98px; height: 91.91px; }
.card4 { animation-name: riseFarRightLoop; width: 94.98px; height: 91.91px; }

/* ===========================
KEYFRAMES
=========================== */

/* CARD 1 */
@keyframes riseMiddleLoop {
0% { transform: translateX(-50%) translateY(0) rotate(0deg); opacity: 0; }
8% { transform: translateX(-93%) translateY(-110px) rotate(-10deg); opacity: 1; } /* rise */
40% { transform: translateX(-93%) translateY(-110px) rotate(-10deg); opacity: 1; } /* hold */
48% { transform: translateX(-50%) translateY(0) rotate(0deg); opacity: 0; } /* goes back */
100% { transform: translateX(-50%) translateY(0) rotate(0deg); opacity: 0; }
}

/* CARD 2 */
@keyframes riseRightLoop {
0%, 8% { transform: translateX(-50%) translateY(0) rotate(0deg); opacity: 0; }
16% { transform: translateX(5%) translateY(-110px) rotate(10deg); opacity: 1; } /* rise */
48% { transform: translateX(5%) translateY(-110px) rotate(10deg); opacity: 1; } /* hold */
56% { transform: translateX(-50%) translateY(0) rotate(0deg); opacity: 0; } /* goes back */
100% { transform: translateX(-50%) translateY(0) rotate(0deg); opacity: 0; }
}

/* CARD 3 */
@keyframes riseLeftLoop {
0%, 16% { transform: translateX(-50%) translateY(0) rotate(0deg); opacity: 0; }
24% { transform: translateX(-90%) translateY(-185px) rotate(-8deg); opacity: 1; }
56% { transform: translateX(-90%) translateY(-185px) rotate(-8deg); opacity: 1; }
64% { transform: translateX(-50%) translateY(0) rotate(0deg); opacity: 0; } /* goes back */
100% { transform: translateX(-50%) translateY(0) rotate(0deg); opacity: 0; }
}

/* CARD 4 */
@keyframes riseFarRightLoop {
0%, 24% { transform: translateX(-50%) translateY(0) rotate(0deg); opacity: 0; }
32% { transform: translateX(5%) translateY(-175px) rotate(12deg); opacity: 1; }
64% { transform: translateX(5%) translateY(-175px) rotate(12deg); opacity: 1; }
72% { transform: translateX(-50%) translateY(0) rotate(0deg); opacity: 0; } /* goes back */
100% { transform: translateX(-50%) translateY(0) rotate(0deg); opacity: 0; }
}


/* contact form 7 */
.form-row p{
margin:0;
}
.wpcf7 .form-row {
display: flex;
gap: 20px;
margin-bottom:20px;
}
.wpcf7 .form-group {
width: 50%;
margin-bottom: 0px !important;
position:relative;
}
.form-row input {
width: 100%;
border-radius:8px !important;
border: 1px solid #F9D1EA;
background: #FCF3F8 !important;
padding: 16px !important;
border-radius: 4px;
}
.form-textarea{
width: 100% !important;
position:relative;
}
textarea#message {
height: 160px !important;
width: 100% !important;
border: 1px solid #F9D1EA;
background: #FCF3F8 !important;
padding: 16px;
border-radius: 8px;
}
.submit-row input {
background: #E03F96;
border: none;
border-radius: 32px;
padding: 16px 32px;
color: #FFFFFF;
font-size: 15px;
line-height: 15px;
font-weight: 700;
font-family: 'Roboto';
}
.submit-row input:hover{
background: #B33278;
}
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder{
color: #6D6D6D;
font-size: 16px;
font-weight: 400;
line-height:24px;
font-family: 'Roboto';
opacity: 1;
}
img.input-icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 10px;
}
.form-textarea .input-icon {
top: 16px !important;
transform: none !important;
}
/* contact form end */
/* Container holding all cards */
.custom-cards-container {
display: flex;
gap: 30px;
justify-content: center;
flex-wrap: wrap;
}

/* Each card */
.custom-card {
background: linear-gradient(to bottom, #ff9ecd, #ff5f7e);
border-radius: 20px;
padding: 25px 20px;
width: 100%;
text-align: left;
color: #000;
box-shadow: 0 6px 15px rgba(0,0,0,0.1);
display: flex;
flex-direction: column;
justify-content: space-between;
}
/*.custom-card {*/
/* width: 100%;*/
/* background: linear-gradient(180deg, #FCC1B2 0%, #FE71BA 50%, #FD6A96 100%);*/
/* border-radius: 20px;*/
/* padding: 20px;*/
/* box-sizing: border-box;*/
/*}*/


/* Card image */
.custom-card .card-image {
text-align: center;
margin-bottom: 20px;
}
.custom-card .card-image img {
width: 100%;
max-width: 357px;
height: auto;
}

/* Title + subtitle */
.custom-card .card-title{
font-size: 40px;
line-height: 36px;
font-weight: 800;
margin: 0;
}

.custom-card .card-subtitle {
font-size: 20px;
line-height: 36px;
color: #212121;
font-weight: 700;
margin: 5px 0 15px 0;
}

/* Description text */
.custom-card .card-text {
font-size: 14px;
margin-bottom: 20px;
line-height: 1.6;
}

/* Feature list */
.custom-card .card-text p{
color:#212121;
}
.custom-card .card-features {
list-style: none;
padding: 0;
margin: 0 0 20px 0;
}

.custom-card .card-features li {
margin-bottom: 10px;
padding-left: 25px;
position: relative;
font-size: 16px;
color:#212121;
}

.custom-card .card-features li {
position: relative;
padding-left: 24px; /* Add space for the icon */
}

.custom-card .card-features li::before {
content: "";
position: absolute;
left: 0;
top: 2px;
width: 16px;
height: 16px;
background-image: url('/wp-content/uploads/2025/10/Vector-2.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}


/* Button */
.custom-card .card-button {
display: inline-block;
border: 2px solid #212121;
color: #000;
padding: 8px 20px;
border-radius: 32px;
text-decoration: none;
font-size: 15px;
font-weight: 700;
text-align: center;
transition: all 0.3s ease;
}

.custom-card .card-button:hover {
color:#FFFFFF;
background: #B33278 !important;
border: 2px solid #E03F9600 !important;
}

.program-swiper {
max-width: 1280px;
margin: 0 auto;
padding: 20px 0;
}

.program-swiper .swiper-slide {
height: auto;
}
.custom-swiper-prev,
.custom-swiper-next {
transform: translateY(-75%);
width: 32px;
height: 32px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}

.custom-swiper-prev {
background-image: url('/wp-content/uploads/2025/10/Icon-Button.svg') !important;
}

.custom-swiper-next {
background-image: url('/wp-content/uploads/2025/10/Icon-Button-1.svg') !important;
}
.custom-swiper-prev::after,
.custom-swiper-next::after {
display: none;
}
.text-para p{
text-align: justify;
}
.btn-width .elementor-button{
width:100% !important;
}
.policy-max h3{
color: #212121;
font-size: 32px !important;
font-weight: 700;
line-height: 48px;
font-family: 'Encode Sans';
}
.policy-max p {
font-size: 20px !important;
font-weight: 400 !important;
line-height: 28px;
}
.policy-max strong{
color:#212121 !important;
}
.pink-policy{
color:#E03F96 !important;
font-weight:700;
}
.pointer-max{
    pointer-events: none !important;
}
/*faq css*/
.faq-wrapper {
border-radius: 10px;
margin-top: 30px;
}
.faq-category-box {
border-radius: 12px;
padding: 24px;
width: 200px;
cursor: pointer;
transition: all 0.3s ease;
background-color: #E03F96;
}
.faq-category-box:hover {
background-color: #B52166;
}
.faq-category-container {
display: grid;
grid-template-columns: repeat(2, 1fr); /* always 2 columns */
gap: 20px 30px; /* row gap, column gap */
margin-bottom: 40px;
}

.faq-section {
display: none;
border-top: 2px solid #E7E7E7;
padding-top: 20px;
}
.faq-section.active {
display: block;
}
.faq-item {
border-bottom: 1px solid #E7E7E7;
padding: 10px 0;
}
.faq-question {
cursor: pointer;
font-weight: bold;
position: relative;
padding-right: 20px;
}
.faq-question {
position: relative;
padding-right: 40px; /* space for icon */
display: flex;
justify-content: space-between;
align-items: center;
}

.faq-icon {
display: flex;
align-items: center;
}

.faq-icon img {
width: 20px;
height: 20px;
display: none;
}

.faq-icon .icon-open {
display: block;
}

.faq-question.active .icon-open {
display: none;
}

.faq-question.active .icon-close {
display: block;
}

.faq-answer{
display: none;
padding-top: 12px;
color: #6D6D6D;
font-size: 20px;
line-height: 28px;
font-weight: 400;
}
.faq-answer.active {
display: block;
}
.faq-wrapper.container .faq-category-box {
    width: 100% !important;
    display: flex;
    align-items: center;
    gap: 24px;
}
.faq-category-box.active {
  background-color: #B52166 !important;
}
.faq-category-box strong , .faq-section h2{
 font-size: 40px;
 color: #FFFFFF;
 line-height: 52px;
 font-weight: 800;
 font-family: 'Encode Sans';
}
.faq-section h2{
    color:#212121 !important;
}
.faq-category-box small{
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: #FFFFFF;
    font-family: 'Roboto';
}
#faq-content .faq-question{
    font-weight: 700;
    text-transform: capitalize;
    font-size: 28px;
    line-height: 48px;
    font-family: 'Encode Sans';
}
.faq-item {
border-bottom: 1px solid #E7E7E7;
padding: 20px 0 !important;
}
/* --- Responsive Breakpoints --- */
@media screen and (min-width: 1280px) {
.program-swiper .swiper-slide {
max-width: 405.33px; /* Figma width on large screens */
}
}
@media screen and (max-width: 1024px) {
.program-swiper .swiper-slide {
width: 48% !important;
}
}
@media screen and (max-width: 900px) {
header .nav-link {
color: #fff !important;
}
header .users-login a{
border: 1px solid #E03F96 !important;
line-height:unset !important;
padding: 10px 20px;
}
header .white-user, header .users-login a:hover .color-user {
display: none;
}
img.color-user {
display: unset;
}
}
@media screen and (max-width: 768px) {
.cardx{
font-size:22px !important;
bottom: 8px !important;
}
.card1 {
width: 80px !important;
height: 81px !important;

}
.card2 {
width: 80px !important;
height: 81px !important;
}
.card3 {
width: 80px !important;
height: 81px !important;
}
.card4 {
width: 80px !important;
height: 81px !important;
}
.top-bar{
display:none;
}
.program-swiper .swiper-slide {
width: 100% !important;
}
.faq-category-container {
    grid-template-columns: 1fr; 
}
}
@media screen and (max-width: 480px) {
.program-swiper .swiper-slide {
width: 100% !important;
}
}
@media screen and (max-width: 425px) {
.program-swiper .swiper-slide{
width:100% !important;
}
.wpcf7 .form-row{
flex-direction: column;
}
.wpcf7 .form-group {
width: 100% !important;
}
.cardx{
bottom: 55px !important;
}
.col-md-6.footer-right {
justify-content: flex-start !important;
}
.custom-card .card-title{
font-size: 24px;
line-height: 33px;
font-weight:700;
}
.custom-card .card-subtitle{
font-size:16px;
}
.custom-swiper-prev,
.custom-swiper-next{
display:none !important;
}
.policy-max p {
font-size: 16px !important;
font-weight: 400 !important;
line-height: 24px;
}
.policy-max h3{
font-size:18px !important;
line-height: 28px !important;
}
.policy-max ul{
font-size: 16px !important;
font-weight: 400 !important;
line-height: 24px;
}
.faq-category-box strong, .faq-section h2{
    font-size: 24px !important;
    line-height: 34px !important;
}
.faq-category-box small {
    font-size: 16px !important;
    line-height: 24px !important;
}
.faq-wrapper.container .faq-category-box {
    align-items: start !important;
    gap: 5px !important;
    flex-direction: column !important;
}
#faq-content .faq-question {
    font-size: 24px !important;
    line-height: 34px !important;
}
.faq-answer{
    font-size:16px !important;
}
} 
@media screen and (max-width: 375px) {
.cardx{
bottom: 30px !important;
}
}
@media screen and (max-width: 320px) {
.cardx{
bottom: 2px !important;
}
}
/*matrix css end*/

@media only screen and (max-width: 600px) {
.infobox {

grid-template-columns: 1fr;
}
.profile {
display: block;
flex-wrap: wrap;
gap: 9px;
}
}



@media only screen and (max-width: 767px) {
.introduction-content {
width: 100%;
}

div#student-lessons {
padding: 0px 10px;
background: #fff;
border-radius: 10px;
text-align: center;
width: 100%;
margin: 0 auto;
}
body.single-lesson .container .accordion-body .btn {
margin: 10px 3px;
}
body.single-lesson  .container {
width: 100%;
max-width: 100%;
padding: 0 0;
}
body.single-lesson .container .accordion-body h2 {
font-size: 23px;
}
div#student-lessons {
width: 100%;
margin: 0 auto;
}
body.single-lesson .container .accordion-body h2  , body.page-template-student-single-lesson  h2 {
font-size: 23px !important;
}

body.page-template-student-single-lesson  div#student-lessons {
padding: 8px 10px;

}
body.page-template-student-dashboard .open_lesson::before {
content: "";display: none;}
body.page-template-student-single-lesson .modal.show .modal-dialog .modal-content {
padding: 5px;
}
.admin-header .logo {
width: 150px;
}
#notification_bell {
padding: 6px 4px;
margin: 0 0px;
font-size: 13px;
}


#notification {
padding: 15px;
background: #fff;
border-radius: 10px;
margin: 0 auto;
width: 100%;
max-width: 94%;
}
#notification_bell img {
filter: brightness(0) invert(1);
width: 18px;
object-fit: contain;
}

#notification_bell span {
position: absolute;
top: -4px;
right: 5px;
color: #000;
}
body .users {
display: flex;
align-items: center;
justify-content: end;
}
body.page-template-dashboard #menu-toggle , body.single-lesson #menu-toggle  , body.page-template-student-dashboard #menu-toggle , body.page-template-student-single-lesson #menu-toggle {
display: none;
}
body #coursesDropdown img {
width: 16px;
}

.introduction_video {
width: 100%;
}
body.page-template-dashboard header .navigation_Section div .logout {
background: #e03e96;
padding-top: 3px !important;
padding-bottom: 4px !important;
line-height: 1.5 !important;
font-size: 13px !important;
margin: 0 10px !important;
color: #fff;
padding: 3px 12px !important;
}
.admin_dashboard > .row > div:first-child {
overflow-x: hidden;
padding: 0 15px;
width: 93%;
margin: 0 auto;
background: #fff !important;
}
#chat .container > .row > .col-4 {
padding: 0;
}
#chat .col-8 {
padding-left: 0;
}
#chat .row > div {
width: 100%;max-width: 100%;
}
.admin_dashboard .row > div:first-child {
overflow-x: hidden;
width: 100%;
}

.quiz-results .card svg {
transform:scale(0.6) !important;
}
#quiz-results p {
padding-left: 0;
text-align: center;
}
.quiz-results .card {
margin-bottom: 15px !important;
width: 267px;
}
table  tr td .btn{
margin-bottom: 6px;
}
#student-results-output .accordion-collapse .accordion-body .accordion-item .accordion-collapse .accordion-body {
padding: 3px !important;
}

#student-results-output #courseAccordion .accordion-item #collapseCourse .accordion-body {
padding: 5px;
}
#student-results-output .quiz_accordian .accordion-collapse {
padding: 5px;
}
.quiz-results .card .number h3 {
font-weight: 200;
font-size: 30px !important;
}
/*.admin_dashboard .row > div:last-child {
position: relative;
padding-left: 0;
width: 100%;
max-width: 95%;
margin: 0 auto;
padding-top: 20px;
}*/
.banner_slider  .owl-item img {
height: 650px;
object-fit: cover;
}
body.logged-in    .btn.btn-danger.btn-sm.delete-student {
margin: 10px 0;
}
.modal.show .modal-dialog .modal-content .modal-body img {
height: unset;
width: 100%;
object-fit: cover;
object-position: bottom top;
}
.modal-dialog {
width: 100% !important;
max-width: 90% !important;
}
#addStudentModal {
padding: 15px;
}
.seach div form {
width: 100%;
max-width: 100%;
}
#dashboard p {
width: 100%;
float: unset;

}

.seach form input#search {
width: 100%;
}
.seach div form {
justify-content: start;
}
.seach {
display: grid;
}

ul#dashboardTab {
margin: 0px 0 !important;
list-style: none;
padding: 0;
}
body.page-template .Enroll_Now .modal-dialog {
width: 100% !important;
max-width: 90% !important;
margin: 35px auto !important;
}
ul#dashboardTab {
margin: 15px 0;
}
.slider   .slick-dots li button::before {
font-size: 11px !important;
}
#custom-login-form .btn.btn-primary {
background: transparent;
color: #e03e96;
width: 73%;
padding: 8px !important;
margin: 0 auto;
}

#user_login , #user_pass{
background-size: 5%;

}

}














.answer-sheet-title {
margin-bottom: 20px;
}
div#collapseLesson2 .accordion-body iframe {
margin-left: 0px !important;
}
.slick-dots li button::before {
line-height: 66px !important;
}
.modal.show .modal-dialog .modal-content > div:last-child {
padding: 15px;
}
body.logged-in .container.mt-5 {
margin-bottom: 50px;
padding-top: 50px !important;
}
/*body header   .navigation_Section div .logout {*/
/*background: #e03e96;*/
/*padding-top: 8px !important;*/
/*padding-bottom: 8px !important;*/
/*line-height: 1.5 !important;*/
/*font-size: 13px !important;*/
/*margin: 0 10px !important;*/
/*color: #fff;*/
/*}*/
.quiz-items > li {
max-width: 100%;

}
.Multiple_Choice_result .row > div {
width: 100%;
}
#quiz-results .card {
margin: 0;
}
#quiz-results p {
padding-left: 0;
}
.Multiple_choice .row > div {
width: 100%;
display: block;
}

#quiz-results {
float: unset;

}
#notification_response {
margin-bottom: 30px;
}

#notification-form-wrapper > div {
display: flex;
align-items: center;
gap: 20px;
}
body.page-template-student-dashboard .accordion-button {
border-bottom: none !important;
box-shadow: none !important;
}
body.page-template-contact_us .empley_slider .list-unstyled.Contact li {
padding: 3rem 0;
}
.modal.show .modal-dialog .modal-content .modal-body img {
height: auto;
object-fit: cover;
object-position: bottom top;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.comment-list li {
padding: 15px 10px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
border-radius: 5px;
width: auto;
}
#myTabContent .products {
display: grid;
width: 100%;
grid-template-columns: 1fr 1fr;
gap: 1.5rem;
}
body.page-template-register .container.mt-5 .row.justify-content-center {
padding-top: 30px;
}
body.page-template-register .container.mt-5 .text-center .btn.btn-primary {
margin-top: 0;
}   
body #enquery_form img {
width: 100%;
max-width: 80%;
margin: 0 auto;
display: flex;
padding-top: 25px;
}
.contact_form, .choose_option {
grid-template-columns: 1fr;
gap: 10px;
}

.lesson-begi-section .col-md-6 > p:last-child {
display: block;
width: 100%;
}

.lessons-form > h2 {
margin-bottom: 7px !important;
}
.lesson-begi-section .col-md-6 > p:last-child strong {
width: 100%;
text-align: center;
margin: 20px auto;
display: flex;
justify-content: center;
font-size: 23px;
text-transform: uppercase;
}
body.single-course #primary .entry-title {
font-size: 29px;
font-weight: 700;
margin: 16px 0;
margin-bottom: 0;
}
.lessons-form {
padding: 30px 30px !important;
}
.lessons-form {
padding: 30px 15px;
}
#myTabContent .products {
grid-template-columns: 1fr;
}
.about_us {
margin-top: 2.5rem;
}

.learning .journey h3 {
text-align: center;
}
.journey .btn-primary {
font-size: 13px !important;
float: unset;
}
#myTabContent #course-container {
grid-template-columns: 1fr;
}
.learning .journey {
width: 100%;
padding: 0px 5px;
}
.about_us h2 {
font-size: 34px;
margin-top: 15px;
}
footer.text-dark.pt-4.pb-4 .container .row ul {
margin-left: 0;
}
.learning .journey {right: 0;
transform: translate(0%,-50%);width: 94%;
}
.banner_slider .slider-item .slider-content {
width: 90%;
}
.dropdown-menu {
display: none; /* Hide dropdowns by default */
}
.dropdown.active .dropdown-menu {
display: block; /* Show dropdowns when active */
}
body #popular h1 {
font-size: 35px;
}
.learning .journey h3, .lesson-begi-section .Price {
font-size: 35px;
} 
.lesson-begi-section .Price{
color: #e03e96;
}
body .container.welcome {    margin-top: 0rem !important;}
body .container.welcome .mt-5 { margin-top: 0rem !important;}
body .empley_slider { margin-bottom: 0rem;}
#popular .row.tabs #myTab {  margin-bottom: 2rem !important;}
#popular { margin-top: 2rem;margin-bottom: 0 !important;}
.learning {margin-bottom: 15px !important;}
.most_popular{margin-top: 0;}
.Testimonials h1 {font-size: 34px;margin-bottom: 15px !important;}
#footer_bar .container > .row:first-child  p{text-align: center;}
.tabs #myTab {margin: 0;}
.footer_bar {padding: 0 !important;}
body.blog main#primary  , body.category main#primary{
grid-template-columns: auto;
}
.contact_form input, .contact_form section, .choose_option input, .choose_option select {
padding: 11px 20px;
}
#enquery_form form .btn {

padding: 11px 13px;
font-size: 13px;
}
.img_top {
position: absolute;
top: 0;
right: 7%;
}
.banner_slider .slider-content P:nth-child(3) br {
display: none;
}
body.blog  article, body.category main#primary article {
width: 100%;
max-width: 100%;
float: left;
margin: 15px 0 !important;
}

body.blog  main#primary, body.category main#primary {

margin-top: 5rem;
}


body.single-post #primary, body.category #primary {
margin-top: 6rem !important;
}

body.page-template-contact_us .empley_slider .list-unstyled.Contact {
grid-template-columns: 1fr;
}

.nav-title {

max-width: 100%;
}
body .nav-links {
display: grid !important;
}


body.single-post input#submit {
padding: 11px 10px;
font-size: 13px;}


/*   .seach form button img {
max-width: 52%;
margin-right: 0;

}  */
.menu-toggle2::before {
content: "";
background: url(/wp-content/uploads/2024/12/close_icons.png);
width: 16px;
height: 16px;
display: block;
position: absolute;
left: 11px;
background-size: contain;
z-index: 9999;
background-position: center center;
top: -6px;
}

#menu-toggle {
position: relative;
}


.menu-toggle2 img {
display: none;
}


}
@media only screen and (max-width: 600px) {
/*      .seach form button img {
max-width: 52%;
margin-right: 0;

}   */
/*    #clear-search-data {
position: absolute;
right: 12%;
} */
}
@media only screen and (max-width: 520px) {

body.home .empley_slider .Slider_Image {
padding: 20px 0 1px 0px;
}


#myTabContent .products {
grid-template-columns: 1fr;
}
.top-bar .container > div:first-child {
padding-left: 0;
}
.modal.show .modal-dialog .modal-content .modal-body img {
height: 250px;
width: 100%;
object-fit: cover;
object-position: bottom top;
}


#addStudentModal {
padding: 15px;
}
.container.footer_bar .row.mt-4 {
margin-top: 0px !important;
}

body.page-template-about-us  .empley_slider .Slider_Image {
padding: 20px 0 0px 0px;
}
.about_us .btn {
padding: 8px 15px;
margin-top: 0px;
font-size:14px !important;
}  
#footer_bar .container > .row:first-child {
padding-top: 5px;
}
#coursesDropdown img {
width: 50px;
}

.block2-h .row{
flex-wrap: wrap-reverse;
}

body.single-course #primary .navigation.post-navigation a {
gap: 2px;
}
.banner_slider .slider-content h1 {
font-size: 44px;
}
.most_popular p.text-center {
margin-bottom: 0 !important;
}
body h1 {
font-size: 44px;
}
body h1 br {
display: none !important;
}
.welcome h1 > span {
margin-left: 0px;
}
.learning .journey {
width: 100%;
}
.learning .img-fluid.mb-3 {
height: 330px;
object-position: left center;
width: 100%;
object-fit: cover;
}
.bi.bi-telephone {
margin-left: 7px;
}
.welcome h1 {
font-size: 36px;
}
.banner_slider .owl-item img {
object-position: 74% top;
}

.banner_slider .owl-item img {
height: 535px;
object-fit: cover;
}
}

@media only screen and (max-width: 420px) {

.logo {
width: 103px;

}
header.bg-dark .container{padding-top: 5px !important;padding-bottom: 5px !important;}

}
#addStudentModal {
padding: 15px;
}
.register-container .btn{
background-color: #e03e96 !important;
border-color: #e03e96 !important;
color: white !important;
}


.loader{
width: 100px;
height: 100px;
border-radius: 100%;
position: relative;
margin: 0 auto;
display:none;
}

/* LOADER 1 */

#loader-1:before, #loader-1:after{
content: "";
position: absolute;
top: -10px;
left: -10px;
width: 100%;
height: 100%;
border-radius: 100%;
border: 10px solid transparent;
border-top-color: #db3485;
}

#loader-1:before{
z-index: 100;
animation: spin 1s infinite;
}

#loader-1:after{
border: 10px solid #ccc;
}

@keyframes spin{
0%{
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}

100%{
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}

.single-banner{
text-align:center;
padding: 80px 0 80px;
background: #e03e96;
}
.single-banner h2{
font-weight: 700;
font-family: "Montserrat", sans-serif;
font-size: 36px;
line-height: 48px;
max-width: 800px;
margin: 0 auto;
color:#fff;
}
.lesson-begi-section {
padding:50px 0 70px;
}
.lessons-form{
background: #ffffff;
border: 1px solid #ddd;
border-radius: 40px;
}
.lessons-form input.form-control{
height:50px;
}
.lesson-begi-section ul {
padding: 0;
margin: 0 auto;
margin-bottom: 20px !important;
padding-left: 15px;
list-style-type: disc;
}

.lessons-form h2{
font-weight: 700;
font-family: "Montserrat", sans-serif;
font-size: 30px;
}
.lesson-begi-section p:nth-child(3) {
margin-bottom: 20px;
}
.lesson-begi-section p {
margin-bottom: 0;
}
.plan_price{
font-weight: 700;
font-family: "Montserrat", sans-serif;
font-size: 24px;
color: #e03e96; 
margin-bottom:20px;
text-align:center;
}

.register-container .register-btn:hover {
background: #fff !important;
color: #e03e96 !important;
transition: all 0.5s linear;
}
.plan-section .register-container .btn {
border-radius: 50px;
padding: 7px 22px;
font-size: 14px;
}
.lesson-begi-section .btn.btn-primary{
background: #e03e96;
border: 0;
padding: 13px 60px;
border-radius: 40px;
text-transform: uppercase;
font-weight: 600;
}
.plan-section .card {
text-align: center;
border-radius: 30px;
border: 1px solid #ddd;
overflow: hidden;
height: 100%;
}
.plan-section .card-body {
text-align: center;
padding: 0;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.plan-section .owl-carousel .owl-stage{
display: flex;
}
.plan-section .owl-carousel .item{
height: 100%;
}
.plan-section .card-body h4 {
font-weight: 700;
font-family: "Montserrat", sans-serif;
font-size: 26px;
background: transparent;
color: #e03e96;
margin-bottom: 10px;
padding: 15px 0;
}
.plan-section .card-body h5{
margin-bottom:15px;
}
.wishlist {
padding: 0 15px;
}

.wishlist p {
background:url('https://s.w.org/images/core/emoji/15.1.0/svg/2714.svg') no-repeat;
margin-bottom: 6px;
font-size: 15px;
background-size: 11px;
padding: 0 0 0 24px;
text-align: left;
background-position: 0;
}
.wishlist p img{
display:none !important;
}

@media only screen and (max-width: 450px) {
.logo {
margin-top: 0;
margin-bottom: 0;
}  
#addStudentModal {
padding: 15px;
}

}
@media(min-width:1700px){
.banner_section .banner-panel .banner-caption h2 {
font-size: 70px;
}
}

.quiz-results .card {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: #ffffff;
margin: 0 auto !important;
width: 280px;
height: 350px;
border-radius: 5px;
box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.2);
}
div.Multiple_Choice_result h3, div.Multiple_Choice_result p {
text-align: center;
}
.quiz-results .card .percent {
position: relative;
}

.quiz-results .card svg {
position: relative;
width: 210px;
height: 210px;
transform: rotate(-90deg);
}

.quiz-results .card svg circle {
width: 100%;
height: 100%;
fill: none;
stroke: #f0f0f0;
stroke-width: 10;
stroke-linecap: round;
}

.quiz-results .card svg circle:last-of-type {
stroke-dasharray: 625px;
stroke-dashoffset: calc(625px - (625px * var(--percent)) / 100);
stroke: #3498db; 
}

.quiz-results .card .number {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.quiz-results .card .number h3 {
font-weight: 200;
font-size: 3.5rem;
}

.quiz-results .card .number h3 span {
font-size: 2rem;
}

.quiz-results .card .title h2 {
margin: 25px 0 0;
}

.quiz-results .card:nth-child(1) svg circle:last-of-type {
stroke: #f39c12;
}

.quiz-results .card:nth-child(2) svg circle:last-of-type {
stroke: #2ecc71;
}

.score-status{
margin-left: auto;
}

.quiz-content {
text-align: center !important;
}

#dashboardTabContent  a.download-file,  #dashboardTabContent a.view-file {
color: #fff !important;
text-decoration: none;
background: #e03e96;
border-color: #e03e96;
}

.courses_progress_container .progress-circle-container {
text-align: center;
font-weight: bold;
margin: 0px 0;
}
.courses_progress_container .progress-circle {
transform: rotate(-90deg);
transform-origin: center;
transition: stroke-dashoffset 0.5s ease-in-out;
}

.error-msg {
padding: 140px 15px;
text-align: center;
color: red;
}
.success-msg{
padding: 240px 15px;
text-align: center;
color: green;
}

.lesson_progress .progress-bar-container {
width: 100%;
background: #eee;
border-radius: 5px;
overflow: hidden;
height: 10px;
margin-top: 5px;
position: relative;
}

.lesson_progress .progress-bar {
height: 100%;
transition: width 0.5s ease-in-out;
}

/* Green for Pass */
.lesson_progress .progress-bar.pass {
background: #4CAF50;
}

/* Red for Fail */
.lesson_progress .progress-bar.fail {
background: #FF5252;
}

.lesson_progress .progress-text {
font-size: 14px;
font-weight: bold;
margin-left: 5px;
}

/* Pass/Fail Text Colors */
/*.lesson_progress .pass {
color: #4CAF50;
}*/

.lesson_progress .fail {
color: #FF5252;
}




/* .lesson_progress{
height: 370px;
overflow: auto;
}*/
.course_progress_wrapper {
background: #fff;
}

.student-progress-report-page .lesson_progress_wrapper {
background: transparent;
padding: 10px 10px;
padding-bottom: 0;
}
.student-progress-report-page .course_progress_wrapper{
background: #fff;
padding: 10px;
border-radius: 10px;
margin-bottom: 15px;
}
.lesson-modal-btn.inactive, .mark-sect-complete.inactive, .mark-sect-complete.completed, .next-activity-btn.inactive {
	pointer-events: none;
	opacity: 0.3;
}
.mark-sect-complete.completed i {
	color: #666;
}
.student-comment {
  padding: 30px;
  border: 1px solid #d9d4d4;
  margin: 15px;
}
.approval-buttons-wr button {
  margin: 10px 20px 0 0;
}
.dashboard-discussion-section .page-numbers.current {
    color: #fff;
    border-radius: 50%;
    background: #e03e96;
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.retake-btn {
	margin-top: 12px !important;
}
.webcam-recorder-container {
	text-align: center;
}
.webcam-recording-buttons {
	display: flex;
	gap: 15px;
	justify-content: center;
	margin: 20px 0 52px;
}
.webcam-recording-buttons button {
	margin: 0 !important;
}
.webcam-recorder-container {
    margin-top: 50px;
}
.webcam-recorder-container h5 {
    margin-bottom: 32px;
}
#dashboardTabContent .tab-pane table.student-documents-table.notfication-list-wr a {
	color: rgba(0, 0, 0, 0.7) !important;
	background: transparent !important;
}
#dashboardTabContent .tab-pane table.student-documents-table.notfication-list-wr {
	border-collapse: collapse;
}
.student-documents-table.notfication-list-wr tbody tr td:last-child {
	display: table-cell;
}
/*exit ticket*/
.exit-ticket-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 25px;
    justify-content: space-evenly;
    padding: 24px 0 50px;
}
.exit-ticket-answer {
	display: inline-block;
	vertical-align: middle;
	padding: 6px;
	background: #ffcdd2;
	border-radius: 5px;
	margin: 6px;
	cursor: pointer;
	font-size: 14px;
	line-height: 20px;
}
.question input {
	padding: 0px 8px !important;
	border: unset;
	width: 100px;
	border-bottom: 1px solid #aaa;
	border-radius: 0;
	text-align: center;
	outline: none;
}
.exit-ticket-answer-bank {
    flex: 0 0 30%;
    padding: 9px;
    box-shadow: 0px 5px 6px 15px #0000000d;
}
.exit-ticket-content {
	flex: 0 0 70%;
}
.ticket-submit {
	padding: 10px 20px !important;
	background: #fff;
	color: #e03e96;
	border: 1px solid #E03E96;
	border-radius: 50px;
}
.ui-draggable-dragging {
	transform: rotate(10deg);
}
/*.question-container:nth-child(even) {
    margin-left: 40px;
}*/
.exit-ticket-container .question-container:nth-child(even), .exit-ticket-container .question-container:nth-child(even) input {
    background: #ffcdd2;
}
.exit-ticket-container .question-container {
    padding: 12px 16px;
}
.modal.show .modal-dialog .modal-content > div.exit-ticket-instruction {
	padding: 4px 16px;
	text-align: center;
}
.exit-ticket-submit-btn {
    padding: 12px 0;
}
.exit-ticket-form-container {
/*    max-height: 520px;*/
}
body.page-template-student-single-lesson .modal.show.exit-ticket-modal .modal-dialog .modal-content {
	gap: 8px;
}
.exit-ticket-answer-bank::-webkit-scrollbar, .exit-ticket-form-container::-webkit-scrollbar {
  width: 3px;
}

/* Track */
.exit-ticket-answer-bank::-webkit-scrollbar-track, .exit-ticket-form-container::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.exit-ticket-answer-bank::-webkit-scrollbar-thumb, .exit-ticket-form-container::-webkit-scrollbar-thumb {
  background: #e04197; 
}
.exit-ticket-container .question-container.incorrect-answer {
    color: #fd0000;
}
.exit-ticket-container .question-container.correct-answer{
	color: #32a850;
}
button.download-q-a-btn, button.close-q-a-btn {
    margin-top: 16px;
}
.question-container-outer .question {
	font-size: 14px !important;
}
.question-container-outer {
	padding-bottom: 8px;
}
.single-lesson .exit-ticket-container {
	display: block;
	padding: 24px 50px 50px;
}
/*#pdf-clone-container .question-container-outer {
    padding: 40px;
    font-size: 14px;
    line-height: 1.6;
    font-family: Arial, sans-serif;
    color: #000;
}*/
/*#pdf-clone-container .question-container-outer .question-container {
    margin-bottom: 20px;
}*/
.comment-cell .view-comment-btn {
	width: 70%;
}
.video-cell button.view-videos-btn, .mark-complete-cell button.mark-lesson-complete {
	width: auto;
}
.student-results-table {
	margin-bottom: 0px;
}
button.disabled-btn {
	pointer-events: none;
	opacity: 0.7;
}
.student-comments-container {
	flex-direction: column;
}
.student-comments-container article {
	width: 100%;
}
.student-comments-container p {
	margin-bottom: 0 !important;
}
#allVideosModal .modal-content {
	display: block;
}
.submitted-videos-container {
	text-align: center;
}
.submitted-videos {
	padding: 16px 0;
	border-bottom: 1px solid #aaaaaa;
}
.submitted-videos h6 {
	font-weight: 600;
	font-size: 18px;
  	line-height: 26px;
  	padding-bottom: 4px;
}
.student-results-table th {
	font-size: 14px;
	line-height: 22px;
}
.student-results-table td button {
	padding: 3px 5px !important;
	font-size: 13px;
	line-height: 20px;
}
.accordion .accordion-collapse table.student-results-table td button {
	padding: 6px;
}
.mark-sect-complete i {
	color: #E03E96;
	font-size: 18px;
}
a.me-2.click-dashboard-btn {
    background-color: #E03F96;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: 1.5px;
    border-radius: 32px 32px 32px 32px;
    padding: 12px 16px 12px 16px;
    color: #fff;
    text-decoration: none;
}
/* resume builder css */
.resume-field { margin-bottom: 8px; }
.resume-field h3, .resume-field legend { 
	display: block; 
	font-weight: bold; 
	margin-bottom: 5px;
	font-size: 16px;
}
.resume-field label {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
}
.resume-field input,
.resume-field textarea { 
	width: 100%; 
	padding: 4px 8px; 
	border: 1px solid #ccc; 
	border-radius: 5px;
	font-size: 16px;
	margin: 4px;
}
.resume-field input[type="checkbox"] {
    width: auto !important;
}
.repeatable { 
	border: 1px solid #ddd; 
	padding: 15px; 
	margin-top: 10px; 
	border-radius: 5px; 
	background: #fafafa; 
}

button { 
	margin-top: 10px; 
	padding: 8px 12px; 
	border: none; 
	border-radius: 5px; 
	cursor: pointer; 
}
.add-btn { background: #e03e96; color: #fff; }
.remove-btn { background: #ff6473; color: #fff; }
.r-submit-field button { color: #fff; }
.select-resume-layout {
    display: flex;
    justify-content: center;
	gap: 24px;
    text-align: center;
	padding: 6px 0 12px;
}
.select-resume-layout figure img {
	max-width: 115px;
}
.layout-preview-wrapper {
	padding: 5px;
	border: 2px solid #eeeeee;
	cursor: pointer;
	margin-bottom: 4px;
}
.repeatable fieldset, .desc-item {
    padding: 10px;
    border: 1px solid #ccc;
    margin: 4px;
    border-radius: 5px;
}
.end-date-wrapper {
    display: inline-block;
    margin-left: 15px;
    vertical-align: top;
}
.end-date-wrapper label {
    display: block;
}
.resume-form-container button { 
	margin: 5px;
}
.resume-half-fields .resume-field {
    flex: 0 0 49%;
}
.resume-half-fields {
    display: flex;
    justify-content: space-between;
}
.experience-details, .education-details {
	display: flex;
	justify-content: space-between;
}
.layout-preview a.text-primary {
    font-size: 14px;
}
h3.experience-heading, h3.education-heading {
	position: relative;
	margin: 0;
}
h3.experience-heading::after, h3.education-heading::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 20px;
	height: 20px;
	background: url('../images/arrow-down.svg') no-repeat center;
    background-size: 10px;
}
.description-wrapper button, .edu-description-wrapper button {
	margin: 0 0 0 25px
}
.desc-section > button {
	margin-left: 15px;
}
#dashboardTabContent .tab-pane a.upgrade-plan-btn {
	color: #fff !important;
}
button#edit-profile-btn {
    background: #e03e96;
    color: #fff;
}
.edit-form-field input {
	display: block;
	width: 100%;
}
.edit-form-field {
  margin: 16px 0;
}
.edit-admin-profile {
	background-color: #e03e96 !important;
  	border-color: #e03e96 !important;
  	color: white !important;
}
.edit-admin-profile:hover {
	background-color: transparent !important;
  	color: #e03e96 !important;
}
.mark-course-complete {
  margin-top: 45px;
}
/* resume builder css */
a.custom-addon-button {
    width: 100%;
    display: inline-block;
    text-align: center;
    background-color: #00000000;
    fill: #E03F96;
    color: #E03F96;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #E03F96;
    border-radius: 32px 32px 32px 32px;
    padding: 16px 32px 16px 32px;
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight);
    font-size: 15px;
}
a.custom-addon-button:hover {
	background-color: #E03F96;
}
.webcam-recorder-container p {
	font-size: 15px;
	color: #e03e96;
	font-weight: 600;
}
@media only screen and (max-width: 768px) {
	.exit-ticket-container {
		flex-wrap: wrap;
		overflow: visible;
	}
	.exit-ticket-answer-bank {
		flex: 1;
		position: sticky;
		top: 0;
		background: #fff;
	}
	.webcam-recording-buttons {
	    flex-direction: column;
	}
}
@media only screen and (max-width: 568px) {
	div#webcam-container, video#webcam-preview {
	    width: 100% !important;
	    max-width: 300px !important;
	    margin: 0 auto;
	}
	.video-item video {
	    max-width: 300px !important;
	}
	#recorded-video-container video {
		max-width: 100% !important;
		width: 100% !important;
	}
}
@media only screen and (max-width: 390px) {
	.video-item video {
	    max-width: 260px !important;
	}
}