@charset "UTF-8";
:root{
    --orange-color:#FD7100;
    --gray-color:#666666;
    --gray-color-secondary:#A7A7A7;
    --dark-color:#252734;
    --blue-color:#3064D5;
    --white-color:#fff;
    --border-color:#CFCFCF;
    --green-color:#00B98A;
    --red-color:#FF0012;
    --border-color-secondary:#ECECEC;
    --fs-sm:14px;
    --fs:12px;
    --fs-md:16px;
    --fs-lg:18px;
    --fs-xl:20px;
    --fs-xxl:24px;
    --primary-font:'Open Sans Hebrew';
    --trans:all 0.5s ease;
    --dark-mode:#000;
    --dark-mode-primary:#252734;
    --dark-mode-secondary:#14151E;
    --icon-font:"tabler-icons";
    --bs-border-color:var(--border-color);
    --shadow-sm:0px 2px 4px rgba(0,0,0,0.1);
}
html[lang="en"]{
direction: ltr;
}
html[lang="he"]{
    direction: rtl;
}
/* root-classes */
.orange-color-bg{
    background-color: var(--orange-color) !important;
}
.orange-color{
    color: var(--orange-color) !important;
}
.gray-color-bg{
    background-color: var(--gray-color) !important;
}
.gray-color{
    color: var(--gray-color) !important;
}
.dark-color-bg{
    background-color: var(--dark-color) !important;
}
.dark-color{
    color: var(--dark-color) !important;
}
.blue-color-bg{
    background-color: var(--blue-color) !important;
}
.blue-color{
    color: var(--blue-color) !important;
}
.green-color{
    color:var(--green-color) !important
}
.green-color-bg{
    background-color:var(--green-color) !important
}
.red-color{
    color: var(--red-color) !important;
}
.red-color-bg{
    background-color: var(--red-color) !important;
}
.white-color-bg{
    background-color: var(--white-color) !important;
}
.white-color{
    color: var(--white-color) !important;
}
.fs-sm{
    font-size:var(--fs-sm) !important
}
.font-increase .fs-sm{
    font-size:16px !important
}
.font-decrease .fs-sm{
    font-size:12px !important
}
.fs-md{
    font-size:var(--fs-md) !important
}
.font-increase .fs-md{
    font-size:18px !important
}
.font-decrease .fs-md{
    font-size:14px !important
}
.fs-lg{
    font-size:var(--fs-lg) !important
}
.font-increase .fs-lg{
    font-size:20px !important
}
.font-decrease .fs-lg{
    font-size:16px !important
}
.fs-xl{
    font-size:var(--fs-xl) !important
}
.font-increase .fs-xl{
    font-size:22px !important
}
.font-decrease .fs-xl{
    font-size:18px !important
}
.fs-xxl{
    font-size:var(--fs-xxl) !important
}
.font-increase .fs-xxl{
    font-size:26px !important
}
.font-decrease .fs-xxl{
    font-size:20px !important
}
.fs{
    font-size: var(--fs) !important;
}
.font-decrease .fs{
    font-size: 10px !important;
}
.font-increase .fs{
    font-size:14px !important;
}
.trans{
    transition: var(--trans);
}
.badge{border-radius:50px;padding: 6px 8px;font-weight: normal;}
.bg-success{
    background: var(--green-color) !important;
}

/* default */
a{
    text-decoration: none;
}
ul{
    list-style: none;
    padding:0;
    margin:0;
}

.card_content ul
{
	list-style: circle;
	padding-right: 1rem;
	padding-left: 1rem;
}

.card_content ul li ul li
{
	list-style: circle;
}

.card_content table
{
}

.card_content table td
{
	border: 1px solid gray;
}

.card_content table td, .card_content table td strong
{
	padding: 0.3rem;
}

.card_content table tr td:first-of-type, tr th:first-of-type
{
	padding-right: inherit;
}

.form-control{
    border-color:var(--border-color);
    border-radius:2px;
    color: var(--dark-color);
    width:100%;
    font-size:14px;
}
.btn-primary{
    border-radius:0;
    background-color: var(--blue-color);
    color: var(--white-color);
    font-size:14px;
    display:inline-flex;
    align-items: center;
    justify-content: center;
    border-radius:2px;
}
.btn-outline-primary{
    color: var(--blue-color);
    font-size:14px;
    display:inline-flex;
    align-items: center;
    justify-content: center;
    border-radius:2px;
}
.btn-lg{
    padding:0 10px;
    height: 55px;
    line-height: 55px;
}
.font-increase .btn-primary{
    font-size:16px;
}
.font-decrease .btn-primary{
    font-size:12px;
}
.type_radio .form-check-input:checked, .form-check-input{
    background-color: #fff;
    border-color: #979797;
}
.type_radio .form-check-input:checked[type=radio]{
    background-image:url('../designFiles/radio-circle-blue.svg');
    background-size:12px 11px;
    background-position: center center;
}
.type_radio .form-check-input[type=radio]{
    border-radius:50% !important;
    height: 20px;
    width:20px;
}
.type_check .form-check-input{
    height: 20px;
    width: 20px;
    border-radius:0;
}
.type_check  .form-check-input:checked{
    background-color: var(--blue-color);
    border-color: var(--blue-color);
}
.form-check-input[type="radio"]{
    border-radius:50% !important
}
/* header-css */
/* course-header */
body,html{
    font-family: var(--primary-font);
    font-size:var(--fs-md);
    overflow-x: hidden;
    color: var(--dark-color);
}
.font-decrease body{
    font-size:14px;
}
.font-increase body{
    font-size:18px;
}
body.course_page{
    padding-top:83px;
}
img{
    max-width:100%;
}
p{
    line-height: 26px;
    font-size:var(--fs-md)
}
.chapter_card ul, .chapter_card ol
{
/*	margin-top: -1rem;*/
}

.chapter_card p
{
	margin-bottom: 0px;
}

.font-increase p{
    font-size:18px;
}
.font-decrease p{
    font-size:14px;
}
.custom_link{
    color: var(--blue-color);
}
.course_header{
    padding:10px 15px;
}
.course_header h1{
    font-size:var(--fs-xxl);
    color: var(--white-color);
}
.course_header .btn{
    border:1px solid var(--white-color);
    font-size:var(--fs-sm);
    color: var(--white-color);
    border-radius:2px;
    transition: var(--trans);
    padding:0.29rem 0.81rem;
}
.course_header .btn:hover{
    color: var(--blue-color);
    background-color:var(--white-color)
}
.course_header .d-flex .logo, .course_header .d-flex .login_btn{
    width:20%
}
.course_header .d-flex .head_title{
    width:80%
}
/* course-header/end */
/* course-page */
.user_container .profile_card{
    gap:10px;
}
.tab_container {
    margin:40px 0 0;
    padding:0 0 10px;
    border-bottom:1px solid var(--border-color);
}
.tab_container ul{
    gap:25px;
}
.tab_container ul li a{
    color: var(--gray-color);
    font-size:var(--fs-lg);
    position: relative;
}
.font-increase .tab_container ul li a{
    font-size:20px;
}
.font-decrease .tab_container ul li a{
    font-size:16px;
}
.tab_container ul li a.active_tab{
    color: var(--orange-color);
    font-weight: bold;
}
.tab_container ul li a:after{
    content:'';
    background-color: var(--orange-color);
    height: 4px;
    width:100%;
    position: absolute;
    bottom:-14px;
    left:50%;
    transform: translateX(-50%);
    opacity:0;
    visibility: hidden;
}
.tab_container ul li a.active_tab:after{
    opacity:1;
    visibility: visible;
}
.courses_list{
    max-width:754px;
    margin:45px auto auto;
    padding:0 15px;
}
.course_card{
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
    border-radius:2px;
    overflow: hidden;
    -webkit-transition: var(--trans);
    transition: var(--trans);
    position: relative;
    top:0;
    height: 100%;
}
.course_card:hover{
top:-10px
}
.course_card:hover h3{
    color: var(--orange-color);
}
.course_card img.course_thumb{
    width:100%;
    height: 123px;
    object-fit:cover;
}
.course_card .card_body{
    border-top:6px solid var(--border-color)
}
.course_card .btn-primary{
    background-color: var(--blue-color);
    color: var(--white-color);
    border-color: var(--blue-color);
    -webkit-transition: var(--trans);
    transition: var(--trans);
    border-radius:2px;
    padding:6px 26px;
}
.course_card:hover .btn-primary{
    background-color: var(--orange-color);
    border-color: var(--orange-color);
}
.course_card .card_body{
    display:flex;
    flex-direction: column;
    justify-content: center;
    gap:15px;
    align-items:center;
    padding: 10px 0;
}
.wrapper{
    padding:30px 0;
}
/* userFlow */
body.accountPages{
    padding-top:47px;
}
.userHeader{
    box-shadow: 0 0 4px rgba(0, 0, 0 , 0.15);
    border-bottom:8px solid #e5e5e5;
    background:#fff;

}
.userHeader:after{
    content:'';
    height: 8px;
    width:94px;
    background-color: var(--orange-color);
    position: absolute;
    bottom:-8px;
    right:0;
}
.userHeader.not-mine
{
    box-shadow: none;
	/* border-bottom: 0px; */
}

.userHeader.not-mine:after
{
	height: 0px;
}

[lang="en"] .userHeader:after{
    right:auto;
    left:0;
}
.setting_btn{
    border-color: var(--border-color-secondary);
    border-width: 0 1px 0 1px;
    border-style: solid;
    padding: 10px 15px;
}
.setting_btn .dropdown-toggle::after{
    display:none;
}
.setting_btn .dropdown-toggle{
    color: var(--blue-color);
    padding:0;
    border:0;
}
.setting_btn .dropdown-toggle.show, .setting_btn .dropdown-toggle:active{
    border:0;
}
.userHeader .left_head{
    height: 48px;
    width: 350px;
    justify-content: flex-end;

}
#colorModes label, #fontModes label{
    color: var(--gray-color-secondary);
    cursor: pointer;
    width:100%;
    padding:0 10px;
    text-align: center;
}
#colorModes input:checked + label, #fontModes input:checked + label{
    color: var(--blue-color);
}
#fontModes label{
    font-weight: bold;
}
.setting_btn .dropdown-menu{
    min-width: 51px;
    border-radius: 2px;
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
    top: 3px !important;
}
.lang_dropdown .select2-container{
    width:75px !important;
}
.lang_dropdown .select2-container--default .select2-selection--single {
    border: 0;
    padding-right: 28px;
    position: relative;
}
[lang="en"] .lang_dropdown .select2-container--default .select2-selection--single{
    padding-right:0;
    padding-left:28px;
}
.lang_dropdown .select2-container--default .select2-selection--single:before{
    content: '\eb54';
    font-family: var(--icon-font);
    position: absolute;
    right: 0;
    color: var(--blue-color);
    line-height: 30px;
    right: 10px;
}
[lang="en"] .lang_dropdown .select2-container--default .select2-selection--single:before{
    right:auto;
    left:10px;
}
.lang_dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b,  .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border:0;
}
.lang_dropdown .select2-container--default .select2-selection--single .select2-selection__arrow:before, .select2-container--default .select2-selection--single .select2-selection__arrow:before{
    content: '\ea5f';
    font-family: var(--icon-font);
    color: var(--blue-color);
    position: absolute;
    left: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.select2-container--default .select2-selection--single .select2-selection__arrow:before{
    color: var(--dark-color);
}

.select2-results__option{
    font-size:16px;
    text-align:right;
}
[lang="en"] .select2-results__option{
    text-align: left;
}
.font-decrease .select2-results__option{
    font-size:14px;
}
.font-increase .select2-results__option{
    font-size:18px;
}
.lang_dropdown .select2-container--default .select2-selection--single .select2-selection__rendered{
    color: var(--blue-color);
    padding-left: 15px;
    padding-right: 5px;
    text-align:right;
}
[lang="en"] .lang_dropdown .select2-container--default .select2-selection--single .select2-selection__rendered{
    text-align:left;
    padding-right: 15px;
    padding-left: 5px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    left:1px
}
[lang="en"] .select2-container--default .select2-selection--single .select2-selection__arrow{
    right:-4px;
    left:auto;
}
.lang_dropdown {
    border-left: 1px solid var(--border-color-secondary);
    padding-left: 5px;
    height: 48px;
    display: flex;
    align-items: center;
}
.lang_dropdown .select2-container--default .select2-selection--single{
    background-color:transparent
}
.left_head .user_thumb{
    padding-right:10px;
}
[lang="en"] .left_head .user_thumb{
    padding-left:10px;
    padding-right:0;
}
.setting_btn .dropdown-menu{
    transform:translate3d(-15.3846px, 36.5385px, 0px) translateX(18px) translateY(7px) !important
}
span.select2-dropdown.select2-dropdown--below{
    border:1px solid var(--border-color-secondary) !important;
    border-radius:5px !important;
}
/* main-course */
.video_container{
    position: relative;
    padding:10px 0;
    display:flex;
    align-items:center;
    justify-content: center;
    height: 319px;
}
.video_container img{
    position: absolute;
    left:0%;
    width:100%;
    height: 100%;
    object-fit: cover;
    top:0;
}
.video_content h1{
    font-size:40px;
}
.font-increase .video_content h1{
    font-size:42px;
}
.font-decrease .video_content h1{
    font-size:38px;
}

a.play_btn {
    color: white;
    font-size: 28px;
}
a.play_btn i.ti{
    height: 36px;
    width: 36px;
    border-radius: 100%;
    border: 1px solid #fff;
    line-height: 35px;
    font-size: 14px;
    display: inline-block;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
[lang="en"] a.play_btn i.ti{
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
.font-increase a.play_btn {
    font-size: 30px;
}
.font-decrease a.play_btn {
    font-size: 24px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color: var(--blue-color);
}
/* course-table-content */
.course_table .table_content ul li a{display:flex;gap:10px;align-items: center;padding: 10px 25px 10px;border-bottom:1px solid var(--border-color);color: var(--dark-color);position: relative;}
.course_table .table_content ul li a .ti{
    background:var(--blue-color);
    color:var(--white-color);
    font-size:10px;
    height:20px;
    width:20px;
    border-radius:100%;
    display:inline-block;
    text-align: center;
    line-height:20px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    right: 0;
    top: 12px;
}
[lang="en"] .course_table .table_content ul li a .ti{
    right:auto;
    left:0;
    transform: rotate(0);
}
.course_table .table_content ul li{
    position: relative;
}
.course_table .table_content ul li:last-child a{
    border-bottom:0;
}
.main_course_card .course_card{
    max-width:263px;

}
.main_course_card .course_card .card_body{
    border: 0;
   padding:24px 0;
}
.main_course_card  .course_card img.course_thumb{
    height: 143px;
}
/* sidebar */
#sideBar{
    background: var(--blue-color);
    right: 0;
    top: 56px;
    position: fixed;
    z-index: 9;
    height: 100%;
    width:47px;
    padding:14px 0
}
[lang="en"] #sideBar{
    right:auto;
    left:0;
}
#sideBar ul li svg, #sideBar ul li img
{
    width:18px;
    opacity: 0.6;
    height: 18px;
    -webkit-transition: var(--trans);
    transition: var(--trans);
}

#sideBar ul li img.disabled
{
	opacity: 0.1;
}

#sideBar ul li a:hover svg, #sideBar ul li a:hover img
{
    opacity: 1;
}
#sideBar ul li a.active-tab svg, #sideBar ul li a.active-tab img
{
opacity:1
}
#sideBar ul{
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap:30px;
}
#sideBar ul li{
    text-align: center;
}
.side_menus .form-group {
    position: relative;
    padding: 0 10px;
    margin: 0 0 20px;
}
.side_menus .form-group input{
border-radius:50px;
background-color: var(--white-color);
color: var(--dark-color);
padding:10px 12px 10px 24px;
border:1px solid var(--border-color);
height: 35px;
}
.side_menus .form-group .ti{
    position: absolute;
    left: 22px;
    top:10px;
    color: var(--gray-color-secondary);
}

[lang="en"] .side_menus .form-group .ti
{
	left: unset;
	right: 22px;
}

.side_menus {
    position: fixed;
    right: 45px;
    background: #F1F4F6;
    z-index: 8;
    top: 56px;
    height: 100%;
    padding: 20px 0 70px;
    width: 269px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: var(--trans);
    transition: var(--trans);
    overflow-y: auto;
}
[lang="en"] .side_menus{
    right:auto;
    left:45px;
    transform: translateX(-100%);

}
.dropdown_list li:last-of-type .dropdown_list_item{
    border-bottom: 0;
}
/* hide-scrollbar */
.side_menus::-webkit-scrollbar {
    display: none;
  }
  .side_menus {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

.dropdown_item .dropdown_head{
    font-size:14px;
    color: var(--blue-color);
    font-weight: bold;
    position: relative;
    display: block;
    border-top: 1px solid var(--border-color);
    padding: 10px 15px;
}

.dropdown_item .dropdown_head.disabled
{
	opacity: 0.3;
}

.font-increase .dropdown_item .dropdown_head{
    font-size: 16px;
}
.font-decrease .dropdown_item .dropdown_head{
    font-size: 12px;
}
.dropdown_item .dropdown_head:after{
    content: '\ea60';
    font-family: var(--icon-font);
    color: var(--blue-color);
    position: absolute;
    left: 15px;
    top:50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: var(--trans);
    transition: var(--trans);
}
[lang="en"] .dropdown_item .dropdown_head:after{
    content:'\ea61';
    left:auto;
    right:15px;
}
.dropdown_item .dropdown_head[aria-expanded="true"]:after{
    content:'\ea5f'
}
.no-member .dropdown_card{
    border-top:1px solid var(--border-color);
    position: relative;
}
.member .dropdown_card{
    border-top:8px solid var(--border-color);
    position: relative;
}
.member .dropdown_card:after{
    content:'';
    background-color: var(--orange-color);
    height: 8px;
    position: absolute;
    right:0;
    top:-8px;
    width:24px;
}
.dropdown_item .dropdown_head{
    padding-right: 10px;
}
[lang="en"] .dropdown_item .dropdown_head{
    padding-right:30px;
    padding-left:10px;
}
[lang="en"] .dropdown_item .dropdown_head:before{
    right:auto;
    left:8px;
}
[lang="en"] .dropdown_card:after{
    right:auto;
    left:0;
}
.dropdown_list .dropdown_list_item{
    padding:10px 30px 15px 10px;
    color: var(--dark-color);
    display: block;
    border-bottom:1px solid var(--border-color);
    font-size:14px;
    position: relative;
}
[lang="en"] .dropdown_list .dropdown_list_item{
    padding-right:10px;
    padding-left:30px;
}
.font-increase .dropdown_list .dropdown_list_item{
    font-size:16px;
}
.font-decrease .dropdown_list .dropdown_list_item{
    font-size:12px;
}
.dropdown_list .dropdown_list_item:before
{	/*.dropdown_item .dropdown_head:before{*/
    content: '';
    height: 15px;
    width: 13px;
    background: url(../designFiles/sidebar/doc.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 12px;
    right: 8px;
}
[lang="en"] .dropdown_list .dropdown_list_item:before{
    right:auto;
    left:8px;
}
.dropdown_list .dropdown_list_item.completed_chapter:before{
    background:url('../designFiles/sidebar/doc-tick.svg') no-repeat;
}
.dropdown_list .dropdown_list_item.chapter_inprogress, .dropdown_list .dropdown_list_item.complete_test, .dropdown_list .dropdown_list_item.score_blue{
    background:#F3F7FF;
    color: var(--blue-color);
}
.dropdown_list .dropdown_list_item.chapter_inprogress:before{
    background-image:url('../designFiles/sidebar/doc-blue.svg') no-repeat;
}
.dropdown_item .dropdown_head.test_score_head:before{
    background:url('../designFiles/sidebar/cap-blue.svg') no-repeat;
    width:16px;
}
.dropdown_list .dropdown_list_item.incomplete_test:before{
    background-image:url('../designFiles/sidebar/incomplete-test.svg');
    height: 18px;
}

.dropdown_list .dropdown_list_item.incomplete_test.disabled
{
	opacity: 0.3;
}

.dropdown_list .dropdown_list_item.complete_test:before{
    background-image:url('../designFiles/sidebar/complete-test.svg');
    height: 18px;
}

.dropdown_list .dropdown_list_item.chapter_inprogress:before{
background:url('../designFiles/sidebar/doc-blue.svg') no-repeat;
}
.dropdown_list .dropdown_list_item.score_blue:before{
background:url('../designFiles/sidebar/cap-blue.svg') no-repeat;
width:16px;
}
.dropdown_list .dropdown_list_item.score_gray:before{
background:url('../designFiles/sidebar/cap-gray.svg') no-repeat;
width:16px;
}
.dropdown_list .dropdown_list_item.score_green:before{
background:url('../designFiles/sidebar/cap-green.svg') no-repeat;
width:16px;
}
/* .dropdown_list .dropdown_list_item.completed_chapter{
    color: var(--green-color);
} */
.wrapper{
    -webkit-transition: var(--trans);
    transition: var(--trans);
    margin:0 auto;
    max-width: 1139px;
}
body.menuOpen .wrapper{
    max-width:750px;

}
@media (min-width:1500px) {
    .wrapper{
        max-width:90%;
    }
    body.menuOpen .wrapper{
        max-width:56%;

    }
}
@media (min-width:1700px) {
    .wrapper{
        max-width:90%;
    }
    body.menuOpen .wrapper{
        max-width:60%;

    }
}
.expandMenu{
    transform: translateX(0%);
}
[lang="en"] .expandMenu{
    transform: translateX(0%);
}

.chapter_action .dropdown .dropdown-toggle::after{
    display: none;
}
.chapter_action button.btn.show{
    outline:none;
    border-color:transparent !important ;
}
.chapter_action {min-width: 60px;
    justify-content: flex-end;
}
.chapter_action .dropdown-menu {
    min-width: 39px;
    right: -10px !important;
    top: 5px !important;
    border-top: 0;
    border-radius: 0 0 5px 5px;
}

.chapter_action .dropdown-menu .dropdown-item {
    padding: 0;
    text-align: center;

    gap: 10px;
    padding: 5px;
}
#commentsForm .form-control{
    height:68px;
    width:100%;
}
#commentsForm .btn{
    margin-bottom:15px;
}
.noteToggle[aria-expanded="true"] svg g, .noteToggle.hasComments svg g{
    fill:var(--blue-color) !important
}
.cv_card iframe{
    width:100%;
    height: 430px;
}
.audio_btn{
    background:#fff;
    border:1px solid var(--border-color);
    box-shadow:var(--shadow);
    border-radius:50px;
    color: var(--blue-color);
}
.audio_btn:hover{
    background-color: var(--blue-color);
    color:var(--white-color);
    border-color: var(--blue-color);
}
.carousel_card{
    padding:10px 60px 30px;
    border:1px solid var(--border-color);
    border-radius:5px;
    box-shadow: var(--shadow-sm);
}
.single_carousel button.splide__arrow.splide__arrow--prev {
    right: -45px;
}
.single_carousel button.splide__arrow.splide__arrow--next {
    left: -45px;
}
.single_carousel .splide__arrow{
    background-color:transparent;

}
.single_carousel .splide__arrow svg{
    fill:var(--blue-color);
}
.single_carousel .splide__pagination {
    display: flex !important;
    bottom: -23px;
}
.single_carousel .splide__pagination__page.is-active{
    transform:none;
    background:var(--orange-color)
}
.splide__pagination__page{
    height: 10px;
    width:10px;
}
.thumbnails {
    display: flex;
    margin: 1rem auto 0;
    padding: 0;
    justify-content: center;
    gap: 1%;
  }

  .thumbnail {
    width: 137px;

    overflow: hidden;
    list-style: none;
    margin: 0 0.2rem;
    cursor: pointer;
  }

  .thumbnail img {
    width: 100%;
    height: 94px;

  }
  .thumbnail span{
    font-size:12px;
    margin: 8px 0 0;
  }
  .font-decrease .thumbnail span{
    font-size: 10px;
  }
  .font-increase .thumbnail span{
    font-size: 14px;
  }
  .thumbnails   .thumbnail img{
    opacity: 0.5;
    object-fit: contain;
  }
  .thumbnails   .thumbnail.is-active img{
    opacity: 1;
    
    box-shadow: var(--shadow-sm);
  }
.card_styleOne{
    background-color:#F1F4F6;
    padding:15px;
}

.card_styleOne img{
    width:100%;
    /* height:100%; */
/*    max-height:170px;*/
    object-fit: contain;
	margin-top: 5px;

}
.card_styleOne .card_thumb{
   width:300px;


}
.card_styleOne .card_content{
    /* max-width:90%; */
/*    display:flex;*/
width:90%;
    gap:5px;
    flex-wrap: wrap;
}

.card_styleOne .card_content.no-pic
{
	max-width: 100%;
}

.card_styleOne .card_content strong{
/*    color: var(--gray-color);*/
}
.card_styleTwo{
    padding:25px 0;
}

.card_styleThree
{
    background-color: #F1F4F6;
	padding:15px;
}

[lang="he"] .card_styleThree
{
    border-right: 2px solid var(--blue-color);
}

[lang="en"] .card_styleThree
{
    border-left: 2px solid var(--blue-color);
}

.card-border-top
{
    border-top: solid 2px var(--blue-color);
}

.card-border-bottom
{
    border-bottom: solid 2px var(--blue-color);
}

/* notes-page */
.customSelectTwo .form-control{
border-width:0 0 1px 0;
border-style: solid;
border-color: var(--border-color);
}
.customSelectTwo .select2-container {
    width: 300px !important;

}
.customSelectTwo  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{
    font-size:16px !important;
    color: var(--dark-color);
}
[lang="en"] .customSelectTwo  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{
    padding-right:20px;
    padding-left:8px;
    text-align:left;
}
.font-decrease .customSelectTwo  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{
    font-size:14px !important;
}
.font-increase .customSelectTwo  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{
    font-size:18px !important;
}
.customSelectTwo .select2-container--default .select2-selection--single {
    border-width: 0 0 1px 0;
    border-radius: 0;
    border-color: var(--border-color);
}
.select2-container--default .select2-selection--single{
    background-color: transparent !important;
}
.note_item h2{
    color: var(--blue-color);
    margin:0 0 10px;
}
.note_item .item_body{
    padding:10px 0;
    border-width:1px 0 1px 0;
    border-color: var(--border-color);
    border-style: solid;
}
.note_item .item_body p
{
	line-height: 22px;
}

/* bookmarks */
.bookmark_list .bookmark_item:last-child{
    border-bottom:1px solid var(--border-color)
}
.bookmark_item{
    padding:10px 0;
    border-width:1px 0 0px 0;
    border-style: solid;
    border-color: var(--border-color);
}
/* files-page */
.files_item a{
display:flex;
gap:10px;
align-items: center;
justify-content: start;
color: var(--blue-color);
padding:20px;
border:1px solid var(--border-color);
box-shadow: var(--shadow-sm);
}
/* test-page */
.qo_item{
    border:1px solid var(--border-color);
    box-shadow: var(--shadow-sm);
    padding:16px;
    cursor: pointer;
}
.qo_item .input-group{
    padding-right:30px;
    position: relative;
}
[lang="en"] .qo_item .input-group{
    padding-right:0;
    padding-left:30px;

}
.qo_item .input-group input.form-check-input{
    position: absolute;
    right:0;
    top:50%;
    transform: translateY(-50%);
}
[lang="en"] .qo_item .input-group input.form-check-input{
    right: auto;
    left:0;
}
.question_card .btn-primary, .btn_lg{
    min-width:116px;
    height: 40px;
    line-height: 40px;
    padding:0 10px;
}
/* images-popup */

.container__img-holder {
    max-width: 100%;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    position: relative;
  }

  .container .container__img-holder:nth-child(3n+1) {
    margin-left: 0;
  }

  .container__img-holder img {
    width: 100%;
    height: 200px;
    display: block;
  }


  /* Popup Styling */
  .img-popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
    z-index: 9991;
  }

  .img-popup img {
    max-width: 900px;
    width: 100%;
    opacity: 0;
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
  }

  .close-btn {
    width: 20px;
    height: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
  }

  .close-btn .bar {
    height: 4px;
    background: #fff;
  }

  .close-btn .bar:nth-child(1) {
    transform: rotate(45deg);
  }

  .close-btn .bar:nth-child(2) {
    transform: translateY(-4px) rotate(-45deg);
  }

  .opened {
    display: flex;
  }

  .opened img {
    animation: animatepopup 1s ease-in-out .8s;
    -webkit-animation: animatepopup .3s ease-in-out forwards;
  }

  @keyframes animatepopup {

    to {
      opacity: 1;
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
    }

  }

  .container__img-holder:after{
    content:'';
    background:url('../designFiles/zoom.svg') no-repeat center;
    height: 25px;
    width: 25px;
    position: absolute;
    top:10px;
    right:10px;
  }
  [lang="en"] .container__img-holder:after{
    right:0;
    left:10px;
  }
  .text4_card .container__img-holder img{
    height: 110px;
  }
  .text4_card .image_container{
    padding:5px;
    border:1px solid var(--border-color);
    box-shadow: var(--shadow-sm);
  }
  .text4_card .image_container .input-group{
    margin-top:5px;
  }
  .my_correct_answer{
    background:#E9FFF9;
    padding-left:35px;
    position: relative;
  }
  .correct_answer
  {
    padding-left:35px;
    position: relative;
  }
  [lang="en"] .correct_answer, [lang="en"] .my_correct_answer
  {
    padding-right:35px;
    padding-left:16px;
  }

  .correct_answer:after, .my_correct_answer:after,.wrong_answer:after{
    content:'\ea5e';
    font-family: var(--icon-font);
    color:var(--green-color);
    position: absolute;
    left:10px;
    top:50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size:30px;

  }
  [lang="en"] .correct_answer:after,
  [lang="en"] .my_correct_answer:after,
  [lang="en"] .wrong_answer:after
  {
    left:auto;
    right:10px;
  }
  .wrong_answer:after{
    content:'\eb55';
    color: var(--red-color);
  }
  .wrong_answer{
    background:#FFF0F0;
    position: relative;
    padding-left:35px;
  }
  [lang="en"]  .wrong_answer{
    padding-right:35px;
    padding-left:16px;
  }
  /* test-result2 */
  .result_card_head .score_tag{
    height:125px;
    width:125px;
    border-radius:100%;
    background-color: var(--green-color);
    line-height: 125px;
    font-size:40px;
    text-align: center;
    color: var(--white-color);

}
.font-decrease  .result_card_head .score_tag{
    font-size:40px;
}
.font-increase  .result_card_head .score_tag{
    font-size:46px;
}
 .score_title{
    font-size:44px;
 }
 .font-increase .score_title{
    font-size:46px;
 }
 .font-decrease .score_title{
    font-size:40px;
 }
 .result_body > p{
    font-size:22px;
 }
 .font-decrease .result_body > p{
    font-size:20px;
 }
 .font-increase .result_body > p{
    font-size:24px;
 }
 .result_opetion_list .option_item{
    border:1px solid var(--border-color);
    padding:10px 10px 10px 35px;
    background-color: transparent !important;
    box-shadow:var(--shadow-sm)
 }
 [lang="en"] .result_opetion_list .option_item{
    padding-left:10px;
    padding-right:35px;
 }
 /* final-test */
 .fr_head {
    position: relative;
    height: 318px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white-color);
    margin-bottom:30px;
}

.fr_head > img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.fr_head .head_content {
    position: relative;
    justify-content: center;
    text-align: center;
    display:flex;
    flex-direction: column;
}

.fr_head .head_content h1 {
    font-size: 40px;
    font-weight: bold;
    margin: 0;
}
.font-decrease .fr_head .head_content h1{
    font-size:38px;
}
.font-increase .fr_head .head_content h1{
    font-size:42px;
}
.fr_head .head_content h2 {
    margin: 0;
}
.time_card {
    border: 1px solid var(--border-color);
    border-radius: 8px;
    max-width: 166px;
    margin: auto;
    display: flex;
    justify-content: center;
    gap: 4px;
    padding: 3px 10px 13px;
    margin-top:20px;
    width: 100%;
}

.time_card strong {font-size: 32px;line-height: normal;}
.font-decrease .time_card strong{
    font-size: 30px;

}
.font-increase .time_card strong{
    font-size: 34px;

}
.time_item {
    display: flex;
    flex-direction: column;
    gap: 0;
    line-height: 10px;
    align-items: center;
}

.time_item span {
    font-size: 12px;
}
.fr_statement{
    border:1px solid var(--border-color);
    border-radius:2px;
}
.time_card .time_item:nth-child(2):after {
    content: ':';
     display: inline-block;
     position:absolute;
     left:0px;
     font-size:20px;
     font-weight:bold;
     top:15px
 }
 .time_card .time_item:nth-child(2):before {
     content: ':';
     display: inline-block;
     position:absolute;
     right:0px;
     font-size:20px;
     font-weight:bold;
     top:15px
 }
 .time_card .time_item:nth-child(2),  .time_card.time_styleTwo .time_item:nth-child(2){
     padding:0 10px;
     position:relative;
 }
 .time_card.time_styleTwo:before,  .time_card.time_styleTwo:after{
    color:var(--orange-color)
 }
/* final-test2 */
.progress-container  .progress{
    height: 6px;
    width: 94%;
}
.progress-bar{
    background-color: var(--orange-color);
}
.progress-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.progress-container span{
    font-size: 12px;
    color: var(--gray-color-secondary);
}
.font-decrease .progress-container span{
    font-size: 10px;
}
.font-increase .progress-container span{
    font-size:14px;
}
.time_styleTwo{
    color: var(--orange-color);
    border:0;
    padding:0;
}
.test_count {
    display: flex;
    gap: 0.5%;
    justify-content: flex-start;
    margin: 10px 0;
}

.test_count a {
    display: inline-flex;
    height: 28px;
    width: 28px;
    border: 1px solid var(--blue-color);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    color: var(--blue-color);
	cursor: pointer;
}
.test_count a.active_count{
    background-color: var(--blue-color);
    color: var(--white-color);
	cursor: default;
}
.qu_foot .btn_group .btn{
    width:117px;
}
.test_duration{
    position: absolute;
    bottom:-36px;
    right:0;
    width:100%;
}
.test_duration span{
    color: var(--dark-color);
}
/* final-result-wrong */
.wrong_result_list .wr_item{
    border-radius:2px;
}
.wrong_result_list .wr_head{
    padding:15px 22px 15px 10px;
}
.wrong_result_list .wr_head .x-icon{
    background:none;
    font-size: 28px;
    color: red;
    opacity: 1;
    line-height: normal;
    height: auto;
    width: auto;
}
.wrong_result_list .wr_foot{
    padding:16px 22px;
    background-color:#E9FFF9
}
.review_card{
    display:flex;
    align-items:center;
    gap:10px;
}
.review_card ul{
    display:flex;
    gap:10px;
}
.review_card ul li{
height: 10px;
width: 10px;
border-radius:100px;
background-color: #CBCBCB;
}
textarea.form-control{
    min-height:67px;
}
.social_list li{
    background: var(--blue-color);
    height: 28px;
    width:28px;
    line-height: 25px;
    border-radius:100px;
    transition: var(--trans);

}
.social_list li img{
    width:18px;
    height: 18px;
}
.social_list li:hover{
    transform: scale(1.1);
}
.chat_form textarea.form-control{
    border:0;
    resize: inherit;
    min-height: inherit;
    height: 42px;
}
.chat_form textarea.form-control:focus{
    box-shadow: none;
    outline: none;
}
.chat_form .form-group{
    width:90%
}
.chat_item.chat_message{
    flex-direction: row-reverse;
}
.chat_item .chat_profile{
    height: 32px;
    width: 32px;
}
.chat_item .chat_box{
width: 95%;
position: relative;
border-radius:2px;
background: #fff;
}

/* .chat_item .chat_box:after,
.chat_item .chat_box:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
} */

.chat_item .chat_box:after {
    content: '';
    height: 15px;
    width: 15px;
    position: absolute;
    background-color: #F7F8FA;
    top: 15px;
    right: -9px;
    left:auto;
    border-top: var(--border-color) solid 2px;
    border-left: var(--border-color) solid 2px;
    transform: rotate(135deg);
}

.chat_item.chat_message .chat_box:after{
    content: '';
    height: 15px;
    width: 15px;
    position: absolute;
    background-color: #fff;
    top: 15px;
    left: -9px;
    right: auto;
    border-top: var(--border-color) solid 2px;
    border-left: var(--border-color) solid 2px;
    transform: rotate(-45deg);
}
[lang="en"] .chat_item.chat_message .chat_box:after{
    top: 15px;
    right: -9px;
    left:auto;
    border-top: var(--border-color) solid 2px;
    border-left: var(--border-color) solid 2px;
    transform: rotate(135deg);
}
[lang="en"] .chat_box:after{
    top: 15px;
    left: -9px;
    right: auto;
    border-top: var(--border-color) solid 2px;
    border-left: var(--border-color) solid 2px;
    transform: rotate(-45deg);
}
.chat_reply .chat_box{
    background:#F7F8FA
}
.highlight_row{
    background:#F3F7FF
}
.count_chapter{
    position: absolute;
    left:10px;
    top:10px;
}
[lang="en"] .count_chapter
{
	left: unset;
	right: 10px;
}

.chapter_complete .ti-player-play-filled:before{
    content:'\ea5e';
    color: #00B98A;
}
.course_table .table_content ul li.chapter_complete a .ti{
    background: none;
    transform: none;
    width: auto;
    height: auto;
    font-size: 18px;
}

.student_info {
    display: flex;
    align-items: flex-start;
    margin-bottom: calc(100px - -50px);
  }
  .student_info .student_list {
    width: 25%;
  }
  .student_info .student_list ul {
    padding: 0;
  }
  .student_info .student_list ul li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 16px;
    color: #252734;
    height: 67px;
    padding: 0 10px;
    line-height: 67px;
    border: 1px solid #CFCFCF;
    background-color: #F7F8FA;
    position: relative;
    -webkit-tranisition: var(--trans);
    transition: var(--trans);
    margin-left: -1px;
  }
  .student_info .student_list ul li a:hover, .student_info .student_list ul li a.active_item:hover {
    background-color: var(--mc);
    color: #fff;
    border-color: var(--mc);
  }
  .student_info .student_list ul li a.active_item {
    background: #fff;
  }
  .student_info .student_list ul li a.active_item:after {
    content: '';
    border-left: 1px solid #fff;
    position: absolute;
    left: -1px;
    top: 0;
    height: 100%;
    width: 1px;
    display: block;
  }
  .student_info .student_list ul li a img {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    object-fit: cover;
    margin-left: 10px;
  }
  .student_info .student_card {
    background: #fff;
    border: 1px solid #CFCFCF;
    width: 84%;
    padding: 35px;
  }
  .arrow_down {
    background-position: -10px -101px;
    width: 17px;
    height: 7px;
  }
  .sc_header .header_detail .h1 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 15px;
    color: #666;
    display: block;
  }
  .student_filter {
    font-size: 14px;
    color: #252734;
  }
  .student_filter span {
    margin-left: 10px
  }
  .student_filter a {
    font-size: 14px;
    color: #252734;
  }
  .sc_tabs {
    border-bottom: 1px solid #CFCFCF;
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .sc_tabs a {
    font-size: 16px;
    color: #666666;
    margin-left: 45px;
    display: inline-block;
    padding: 0 0 15px;
    position: relative;
    -webkit-tranisition: var(--trans);
    transition: var(--trans);
  }
  .sc_tabs a:hover {
    color: var(--mco)
  }
  .sc_tabs a:last-of-type {
    margin-left: 0;
  }
  .sc_tabs a.sc_active {
    color: var(--orange-color);
    font-weight: 700;
  }
  .sc_tabs a.sc_active:after {
    content: '';
    background-color: var(--orange-color);
    height: 4px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
  }
  .student_card .oms_detail .form-group {
    margin-bottom: 10px
  }
  .arrow_left {
    height: 12px;
    width: 14px;
    background-position: -19px -339px;
  }
  .student_card .oms_detail .btn {
    font-size: 14px;
    width: 155px;
    height: 40px;
    line-height: 40px;
    margin-top: 30px;
  }
/*--guide-student-report--*/
.courseno_filter {
    margin: 0 0 15px;
  }
  .courseno_filter .nice-select {
    float: right;
  }
  .courseno_filter .nice-select span.current {
    font-weight: 700;
    font-size: 18px;
    color: #666666
  }
  .courseno_filter .nice-select {
    padding-right: 0;
    border: 0;
  }
  tr td:first-of-type, tr th:first-of-type {
    padding-right: 0;
  }
  tr td:last-of-type, tr th:last-of-type {
    padding-left: 0;
  }
  .pm_approval .form-group {
    margin: 0
  }
  .followup_form .pm_approval label {
    font-size: 14px;
    margin-right: 5px;
  }
  .mobile_date {
    font-size: 12px;
  }
  .red_cross {
    height: 18px;
    width: 18px;
    background-position: -40px -88px
  }
  tbody tr td {
    vertical-align: middle;
  }
  /*--student-guide-notes--*/
  input[type=checkbox], input[type=radio] {
    height: 20px;
    width: 20px;
    vertical-align: middle;
  }
  .courseno_filter .select2-container--default .select2-selection--single{
    border:0;

  }
  .courseno_filter .select2-container{
    width:210px !important
  }
  .student_info .student_list ul li a:hover, .student_info .student_list ul li a.active_item:hover {
    background-color: var(--blue-color);
    color: #fff;
    border-color: var(--blue-color);
}
.table_body thead th, thead th {
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    border-top: 0;
}
.student_card .oms_detail .btn {
    font-size: 14px;
    width: 155px;
    height: 40px;
    line-height: 40px;
    margin-top: 30px;
}
.link_group .btn {
    width: 82px !important;
}
.table.data_table {
    width: 100% !important;
}

table.table.score_app {
    display: block;
  }
  table.table.score_app tr {
    display: block;
  }
  table.table.score_app td, table.table.score_app th, table.table.score_app td, table.table.score_app thead, table.table.score_app td, table.table.score_app tbody {
    display: block;
    width: 100%;
  }
  table.table.score_app thead tr th:first-of-type {
    display: block;
  }
  table.table.score_app thead tr th {
    display: none
  }
  table.table.score_app tbody td {
    border: 0;
    padding: 5px 0;
    position: relative
  }
  table.table.score_app tbody tr td:first-of-type {
    padding: 10px 0 !important
  }
  table.table.score_app tbody tr td:nth-of-type(2), table.table.score_app tbody tr td:nth-of-type(3) {
    padding-right: 75%;
    text-align: left;
  }
  table.table.score_app tbody tr td:nth-of-type(2):before, table.table.score_app tbody tr td:nth-of-type(3):before {
    content: '';
    position: absolute;
    right: 0px;
    top: 5px;
    color: #666666
  }
  table.table.score_app tbody tr td:nth-of-type(3):before {
    content: '';
  }
  .table_body thead th, thead th {
    padding-right: 0 !important
  }
  .mobile_title {
    font-size: 18px;
    font-weight: 700;
    color: var(--orange-color);
    margin: 4px 0 10px;
    text-align: right !important;
}
.sc_foot .progress-container .progress{
    width:80%;
}
.foot_item .dropdown_item{
    padding-right: 26px;
    position: relative;
    display: flex;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--border-color);
}
.foot_item .dropdown_item:before{
    content: '\ea60';
    font-family:var(--icon-font);
    color: var(--blue-color);
    font-size: 18px;
    position:absolute;
    right:0;
    top: 50%;
    transform: translateY(-50%);
}
.foot_item .dropdown_item[aria-expanded="true"]:before{
    content:'\ea5f'
}
.foot_item .chapter_list li{
    position: relative;
    padding-right:20px;
}
.foot_item .chapter_list li:before{
    content:'';
    width: 13px;
    height: 15px;

    position:absolute;
    right:0;
    top: 50%;
    transform: translateY(-50%);
}
.foot_item .chapter_list li.completed_chapter:before{
    background:url('../designFiles/sidebar/doc-tick.svg') no-repeat center center;
}
.foot_item .chapter_list li.progress_chapter:before{
    background:url('../designFiles/sidebar/doc-green.svg') no-repeat center center;
}
.foot_item .chapter_list li.score_chapter:before{
    background:url('../designFiles/sidebar/doc-score.svg') no-repeat center center;
}
.student_area .prifile_image img {
    height: 127px;
    width: 127px;
    border-radius: 100px;
    box-shadow: 0 2px 4px 0 rgba(0, 4, 0, 0.1);
    object-fit: cover;
}
.prifile_image {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.student_tab {
    margin: 15px 0 25px;
    border-bottom: 1px solid #CFCFCF;
    text-align: center;
    position: relative;
}
.student_tab a {
    display: inline-block;
    padding: 15px 0px;
    font-size: 18px;
    color: #666666;
    position: relative;
    margin: 0 15px;
}
.student_tab a.active_tab {
    font-weight: 700;
    color: var(--orange-color);
}
.student_tab a.active_tab:after {
    content: '';
    background-color: var(--orange-color);
    height: 4px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
}
.content_card hr{
    border-width:2px;
    opacity:1;
    border-color:var(--blue-color);
}
button.btn-close {
    position: absolute;
    right: -32px;
    color: #fff;
    opacity: 1;
    background: none;
    font-size: 28px;
    line-height: normal;
    padding: 0;
    width: auto;
    height: auto;
    top: -7px;
}
button.btn-close:focus{
    box-shadow: none;
}
button.btn-close:hover{
    color: #fff
}
.modal-content {
    border-radius: 0;
    max-width: 326px;
    padding:15px 30px;
    margin:auto;
}
.custom_review .cr_checkbox label {
    height: 10px;
    width: 10px;
    border-radius: 100%;
    background-color: #CBCBCB;
    cursor:pointer;
}
.custom_review .cr_checkbox input:checked +  label{
    background-color:var(--orange-color)
}
div#star {
    display: flex;
    gap: 3px;
    align-items:center;
    justify-content:center;
}

.course_info .read-more
{
	max-height: 125px;
	overflow: hidden;
}
.font-increase .course_info .read-more
{
	max-height: 200px;
}
.font-decrease .course_info .read-more
{
	max-height: 100px;
}

/* notes-modal */
#editCommentsPopup .modal-content {
    max-width: 452px;
}

#editCommentsPopup .modal-content .form-group {margin: 0 0 15px;}

#editCommentsPopup .modal-content .form-group textarea {
    height: 100px;
}
#editCommentsPopup .modal-content .h1{
    font-size:20px;
    margin: 0 0 10px;
    font-weight:600
}
#editCommentsPopup .modal-content input:read-only{
    background:#f9f9f9;
    font-size:16px;
    opacity:1;
    font-weight:600;
    border:0;
}
.main_carousel img{
    max-height:475px;
    height:100%;
    object-fit: contain;
    width:100%;
    border:1px solid #cfcfcf;
}
.corect_ans:after{
    content:"\ea5e";
    font-size:24px;
    color: var(--green-color);
    position: absolute;
    left:0;
    top:0;
    font-family: var(--icon-font);
    line-height: normal;
}
.wrong_ans:after{
    position: absolute;
    left:0;
    top:0;
    content:"\eb55";
    font-size:24px;
    color: var(--red-color);
    font-family: var(--icon-font);
    line-height: normal;
}
.wrong_result_list .wr_head strong{
    position: relative;
}
.eye-btn {
    background: url('../designFiles/eye.svg') no-repeat;
    height: 21px;
    width: 25px;
    display: inline-block;
	margin: 13px 0px 0px 0;
}

.eye-btn.open-eye{
    background-image:url('../designFiles/open-eye.svg')
}

.general_main
{
	border-top: 2px solid #F1F4F6;
}

.card_styleFour .card_content 
{
    background: var(--blue-color);
    padding: 30px;
    color: #fff;
    position: relative;
}

.card_styleFour .card_content:after
{
    content:'';
    height: 53px;
    width: 61px;
    position: absolute;
    right:25px;
    top:-29px;

    background:url('../designFiles/quote.svg') no-repeat;
    background-size:contain;
}
html[lang="en"] .card_styleFour .card_content:after{
    right:auto;
    left:25px;
    }
.card_styleFour strong 
{
    color: var(--blue-color);
    font-size: 24px;
    margin: 0px;
}

.font-decrease .card_styleFour strong
{
    font-size:22px;
}

.font-increase .card_styleFour strong
{
    font-size:26px;
}


.childDropdown .dropdown_card{  
/*   border-top:1px solid var(--border-color)*/
}

.childDropdown .dropdown_card:after{
/*   display:none;*/
}

.childDropdown .dropdown_card ul li a{
   padding-right:55px;
}

[lang="en"] .childDropdown .dropdown_card ul li a{
   padding-left:55px;
}

.dropdown_item .dropdown_head.dropdown_head_child{
   font-weight: normal;
   padding-right:34px;
}

[lang="en"] .dropdown_item .dropdown_head.dropdown_head_child{
   font-weight: normal;
   padding-left:34px;
}

.dropdown_item .dropdown_head.dropdown_head_child:before{
   content: '';
   height: 15px;
   width: 16px;
   background: url(../designFiles/sidebar/folder.svg) no-repeat;
   background-size: contain;
   position: absolute;
   top: 14px;
   right: 12px;
}

[lang="en"]  .dropdown_item .dropdown_head.dropdown_head_child:before{
   right: auto;
   left:12px;
}

.dropdown_item .dropdown_head.dropdown_head_child[aria-expanded="true"]:before{
   background:url(../designFiles/sidebar/open-folder.svg) no-repeat
}

.childDropdown .dropdown_list .dropdown_list_item:before{
   right:32px;
}

[lang="en"] .childDropdown .dropdown_list .dropdown_list_item:before{
   left:32px;
}

.childDropdown .dropdown_list li:last-of-type .dropdown_list_item{
   border-bottom: 1px solid var(--border-color) !important;
}