/*====================================================================================================
		| ----------------------------- | Header & Upper Menu |----------------------------- |
====================================================================================================*/

@import "ep-icons/styles.css";

/*====================================================================================================
		| ----------------------------- | Home |  |----------------------------- |
====================================================================================================*/

#main-navigation li.lang-item {
    display: none;
}

#main-navigation .main-menu>li>a {
    transition: all 0.15s ease-in;
    color: #8E8E93;
    font-weight: 700;
    font-size: 16px;
    margin-left: 1.5rem;
    padding-left: 0;
    padding-bottom: 5px;
}

#main-navigation .main-menu>li>a:hover {
    color: #5eb946;
}

#main-navigation .main-menu>li.current>a {
    color: #5eb946;
    border-bottom: 2px solid #5eb946;
}

.section-inner h4 .show-more-btn {
    border-radius: 18px;
    padding: 0px 25px;
    height: 36px;
    line-height: 36px;
    transition: all 0.15s ease-in;
    background: #3a4450;
    font-size: 14px;
}

.section-inner h4 .show-more-btn:hover {
    background: #5eb946;
}

.theme-course-item .title {
    transition: all 0.05s ease-in;
    font-size: 1.1rem;
}

.theme-course-item .title a {
    transition: all 0.15s ease-in;
}

.theme-course-item .title a:hover {
    color: #5eb946;
    ;
}

#page-site-index #page-header {
    background: none;
}

.theme-col-5 .theme-box {
    margin-right: 15px;
    margin-left: 15px;
    flex: 0 0 calc( 25% - 30px);
    width: calc( 25% - 30px);
}


/* .theme-col-5 .theme-box:first-child {margin-right: 0} */

.theme-course-teacher {
    margin-right: 15px;
    margin-left: 15px;
    flex: 0 0 calc( 25% - 30px);
    width: calc( 100% - 30px)!important;
    /*Gamal*/
}

.mb2-pb-teachers .owl-stage-outer {
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
}

.owl-item .theme-course-teacher {
    width: 100% !important;
    /*Gamal*/
}


/* .theme-course-teacher:first-child {margin-right: 0} */

#page-site-index .mb2-pb-search {
    box-sizing: border-box;
    max-width: 100% !important;
    background: #FFF;
    padding: 20px;
    margin-top: -40px;
    border-radius: 20px;
    box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.07);
    margin-bottom: 20px;
}

#page-site-index .mb2-pb-search form span {
    /*    display: inline-block;*/
    display: none;
    margin-left: 20px;
    font-weight: 700;
}

#page-site-index .mb2-pb-search.sizen input[type="text"] {
    border-color: #efeff4;
}

#page-site-index .mb2-pb-row.mycover {
    /*    background-size: cover !important;*/
    border-bottom: 5px solid #3a4350;
    height: auto;
}

#page-site-index .mb2-pb-row.mycover .section-inner.mb2-pb-row-inner.rowpt-0.rowpb-0 {
    display: none !important;
}

#page-site-index .mb2-pb-row.mycover .header-xl,
#page-site-index .mb2-pb-row.mycover .header-md,
#page-site-index .mb2-pb-row.mycover .header-sm {
    display: block;
    width: 100%;
    height: auto;
}

#page-site-index .mb2-pb-row.mycover .header-md {
    display: none;
}

#page-site-index .mb2-pb-row.mycover .header-sm {
    display: none;
}

#page-site-index .section-inner.mb2-pb-row-inner.rowpt-0.rowpb-0 {
    background: none !important;
    background-color: none !important;
}

#page-site-index .section-inner {
    background-color: #fcfcfc !important;
}

.theme-course-item .theme-course-item-inner .course-footer a {
    transition: all 0.15s ease-in;
    width: calc(100% - 100px);
    border-radius: 18px;
}

.theme-course-item .theme-course-item-inner .course-footer a:hover {
    width: calc(100% - 100px);
    border-radius: 18px;
    background-color: #3a4450;
}

.theme-course-item .theme-course-item-inner .course-footer {
    padding-bottom: 10px;
}

.theme-course-teacher-inner {
    border-bottom: none;
}

.theme-course-teacher-inner .teacher-image img {
    width: 150px !important;
}

.card-profile-image img {
    width: 120px;
    max-width: 250px !important;
    border-radius: 50%;
}

.theme-course-teacher,
.theme-course-teacher .theme-course-teacher-inner {
    padding-top: 0;
}

.theme-course-teacher-inner .teacher-image {
    position: relative;
    width: calc(100% + 40px);
    right: -20px;
}

.theme-course-teacher-inner .teacher-name {
    padding-top: 20px
}

.theme-course-teacher-inner .teacher-image img {
    /*   border-radius: 0;
    width: 100% !important;
    height: auto;
    padding: 0;
    margin: 0;*/
}


/*====================================================================================================
		| ----------------------------- |  private |  |----------------------------- |
====================================================================================================*/

#page-private-index {}

#page-private-index .teachers-filter-area {
    display: block;
    margin-bottom: 30px;
    background: rgba(0, 0, 0, 0.10);
    padding: 10px 0px;
    padding-top: 15px;
    border-radius: 15px;
    text-align: center;
}

#page-private-index .year-filter,
#page-private-index .term-filter,
#page-private-index .course-filter {
    display: inline-block;
    width: calc(33.3% - 30px);
    margin-left: 15px;
    vertical-align: middle;
}

#page-private-index .course-filter {
    margin-left: 0;
}

#page-private-index .year-filter label {
    width: 100px;
    overflow: hidden;
    float: right;
    font-weight: bold;
    padding-top: 3px;
}

#page-private-index .year-filter select {
    width: calc(100% - 100px);
    overflow: hidden;
    float: right;
}

#page-private-index .term-filter label {
    width: 100px;
    overflow: hidden;
    float: right;
    font-weight: bold;
    padding-top: 3px;
}

#page-private-index .term-filter select {
    width: calc(100% - 100px);
    overflow: hidden;
    float: right;
}

#page-private-index .course-filter label {
    width: 50px;
    overflow: hidden;
    float: right;
    font-weight: bold;
    padding-top: 3px;
}

#page-private-index .course-filter select {
    width: calc(100% - 50px);
    overflow: hidden;
    float: right;
}

#page-private-index .theme-box {
    margin-bottom: 30px;
}

.theme-course-teacher-inner .private-course-name {
    display: block;
    font-weight: bold;
    padding: 10px 0px;
    padding-bottom: 5px;
}

.teacher-card-lesson-btn {
    color: #FFF !important;
}

.teacher-card-lesson-btn.off,
.teacher-card-lesson-btn:hover.off {
    color: #FFF !important;
    opacity: 0.50;
    background: #ccc !important;
    cursor: no-drop
}


/*====================================================================================================
		| ----------------------------- | footer |  |----------------------------- |
====================================================================================================*/

#footer {
    background-color: #3a4450;
    padding: 75px 5px;
}

#footer .footer-logo {
    display: inline-block;
    max-width: 210px;
    height: auto;
}

#footer .links_area ul {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}

#footer .links_area ul li {
    display: inline-block;
    list-style: none;
    padding: 0;
    width: calc(50% - 15px);
    margin: 10px 5px;
}

#footer .links_area ul li a {
    transition: all 0.10s ease-in;
    display: inline-block;
    color: #8E8E93;
    font-size: 15px;
    font-weight: 700;
}

#footer .links_area ul li a:hover {
    color: #5eb946;
    padding-bottom: 3px;
    border-bottom: 2px solid #5eb946;
}

#footer .payment_area ul {
    text-align: center;
    margin: 0;
    padding: 0;
    display: block;
    list-style: none;
}

#footer .payment_area ul li {
    display: block;
    list-style: none;
    margin: 15px 0px;
}

#footer .payment_area ul li img {
    display: inline-block;
    max-width: 55px;
    height: auto;
}

#footer .contacts_area h3 {
    color: #5eb946;
    font-weight: 700;
    font-size: 18px;
}

#footer .contacts_area p,
#footer .contacts_area p a {
    font-size: 15px;
    color: #8E8E93;
    font-weight: 700;
}

#footer .contacts_area p a:hover {
    color: #5eb946;
}

#footer .contacts_area .fa {
    font-size: 21px;
    padding-left: 10px;
    color: #5eb946;
}

.copyright_area {
    /*    text-align: center;*/
    background: #5EBA47;
    height: 40px;
    line-height: 40px;
    color: #FFF;
    font-size: 13px;
}


/*====================================================================================================
		| ----------------------------- | ** Ahmed Gamal Dashboard Part ** |----------------------------- |
====================================================================================================*/

.owl-dots {
    display: none;
}

#page-dashboard-index h3 {
    margin-bottom: 5px;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.20)
}

#page-dashboard-index .inner_temp_01 h2 {
    margin-bottom: 20px
}

#page-survey-survey-dashboard .table-bordered tr:nth-child(odd),
#page-dashboard-index .survey-dashboard-notes tr:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.03);
}

#page-dashboard-index .table-bordered th,
#page-dashboard-index .table-bordered td {
    font-size: 16px;
    line-height: 160%;
    vertical-align: middle;
}

#page-dashboard-index .table-bordered thead th {
    background: #5eb946;
    color: #FFF;
    font-weight: 700;
}

#page-dashboard-index .table-bordered th {
    font-weight: 700;
}

#page-dashboard-index h3 {
    margin-bottom: 5px;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.20)
}

#page-dashboard-index .inner_temp_01 h2 {
    margin-bottom: 20px
}

#page-survey-survey-dashboard .table-bordered tr:nth-child(odd),
#page-dashboard-index .survey-dashboard-notes tr:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.03);
}

#page-dashboard-index .table-bordered th,
#page-dashboard-index .table-bordered td {
    font-size: 16px;
    line-height: 160%;
    vertical-align: middle;
}

#page-dashboard-index .table-bordered thead th {
    background: #5eb946;
    color: #FFF;
    font-weight: 700;
}

#page-dashboard-index .table-bordered th {
    font-weight: 700;
}

#page-dashboard-index h3 {
    margin-bottom: 5px;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.20)
}

#page-dashboard-index .inner_temp_01 h2 {
    margin-bottom: 20px
}

#page-survey-survey-dashboard .table-bordered tr:nth-child(odd),
#page-dashboard-index .survey-dashboard-notes tr:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.03);
}

#page-dashboard-index .table-bordered th,
#page-dashboard-index .table-bordered td {
    font-size: 16px;
    line-height: 160%;
    vertical-align: middle;
}

#page-dashboard-index .table-bordered thead th {
    background: #5eb946;
    color: #FFF;
    font-weight: 700;
}

#page-dashboard-index .table-bordered th {
    font-weight: 700;
}

#page-dashboard-index .pbanimnum-item {
    background: #5eb946;
}


/***Pagination Part***/

.courses-pp-pagination {
    width: 100%;
    float: right;
    margin: 35px 0px;
    text-align: center;
}

.courses-pp-pagination * {
    vertical-align: middle;
    transition: all 0.2s;
}

.courses-pp-pagination .courses-pp-center {
    display: inline-block;
}

.courses-pp-pagination .courses-pp-pagination-part01 {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    border-right: 1px solid #5eb946;
    text-align: right;
}

.dir-rtl .courses-pp-pagination .courses-pp-pagination-part01 {
    border-right: none;
    border-left: 1px solid #5eb946;
    text-align: left;
}

.courses-pp-pagination .courses-pp-pagination-part02 {
    display: inline-block;
    padding: 0px 5px;
}

.courses-pp-pagination .courses-pp-pagination-part02 .pagination-item {
    cursor: pointer;
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    text-align: center;
    background: #9d9d9d;
    color: #FFF;
    margin: 0px 2px;
    font-weight: 500;
    font-size: 18px;
}

.courses-pp-pagination .courses-pp-pagination-part02 .pagination-item:hover {
    background: #595959;
}

.courses-pp-pagination .courses-pp-pagination-part02 .pagination-item.current {
    background: #5eb946;
}

.courses-pp-pagination .courses-pp-pagination-part03 {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    border-left: 1px solid #5eb946;
    text-align: left;
}

.dir-rtl .courses-pp-pagination .courses-pp-pagination-part03 {
    border-left: none;
    border-right: 1px solid #5eb946;
    text-align: right;
}

.courses-pp-pagination .courses-pp-pagination-line {
    display: inline-block;
    margin: 0px 10px;
    height: 1px;
    width: 150px;
    max-width: 50%;
    background: #5eb946;
}


/*********************************************teacher card*******************************/

.teacher-card-info-btn,
.teacher-card-lesson-btn {
    transition: all 0.15s ease-in;
    all: unset;
    background-color: #5eb946;
    color: #fff;
    width: 40%;
    text-align: center;
    border-radius: 18px;
    cursor: pointer;
    padding: 5px 2px;
    font-size: 1rem!important;
    font-weight: 700;
}

.teacher-card-info-btn:hover,
.teacher-card-lesson-btn:hover {
    transition: all 0.15s ease-in;
    color: #fff;
    background-color: #3a4450;
}

.teacher-card-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding-top: 20px;
}

.enrollment-page .course-header .inner:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .6);
}


/***********************************************teachers page**********************/

.builderpage.builderheading0 #page-header,
.builderpage.pagelayout-frontpage #page-header,
.builderpage.builderheading0 .page-breadcrumb,
.builderpage.pagelayout-frontpage .page-breadcrumb,
.builderpage.builderheading0 .activity-navigation,
.builderpage.pagelayout-frontpage .activity-navigation {
    display: block;
}

#page-mod-page-view .section-inner h1 .show-more-btn {
    border-radius: 18px;
    padding: 0px 25px;
    height: 36px;
    line-height: 36px;
    transition: all 0.15s ease-in;
    background: #3a4450;
    font-size: 14px;
    color: #fff;
    display: none;
}

#page-mod-page-view .section-inner h1 .show-more-btn:hover {
    background: #5eb946;
}

#page-mod-page-view .section-inner h1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


/*====================================================================================================
		| ----------------------------- | New Home | .new-ep-home |----------------------------- |
====================================================================================================*/

.new-ep-home,
.new-ep-home #region-main,
.new-ep-home #page #page-a,
.new-ep-home #page #page-b {
    background: #f9f9f9;
}

.new-ep-home a {
    cursor: pointer;
}

.new-ep-home .sticky-el {
    z-index: 9999;
    width: 100%;
}

.new-ep-home .page-breadcrumb {
    display: none;
}

.new-ep-home #main-content {
    padding-top: 0;
}

.new-ep-home #main-content .container-fluid {
    width: 100%;
    max-width: calc(100% - 30px);
    padding: 0;
    padding: 0;
    margin: auto;
}

.new-ep-home .container.new-ep-data-wrapper,
.new-ep-home .master-header-inner .container-fluid {
    max-width: 1399px;
}

.new-ep-home #page-header {
    display: none;
}

.new-ep-home .new-ep-header-wrapper {
    padding: 0;
    border-bottom: 3px solid #38434f;
}

.new-ep-home .ep-search-box {
    max-width: 1399px;
    background: #38434f;
    padding: 40px;
    padding-bottom: 70px;
    border-radius: 20px;
    margin-top: -50px;
}

.new-ep-home .ep-search-box input[type="text"] {
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    width: 100%;
    padding-right: 40px;
    font-size: 15px;
    margin-bottom: 15px;
    background-image: url(img/116836.png);
    background-position: calc(100% - 15px) 50%;
    background-repeat: no-repeat;
}

.new-ep-home .ep-search-box .col-md-6:nth-child(1) {
    padding-left: 7.5px;
}

.new-ep-home .ep-search-box .col-md-6:nth-child(2) {
    padding-right: 7.5px;
}

.new-ep-home .new-ep-img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.new-ep-home .ep-btn-wrapper {
    position: relative;
}

.new-ep-home .ep-btn-wrapper .ep-hex-btn {
    padding-top: 0;
    display: block;
    width: 75px;
    height: 75px;
    text-align: center;
    line-height: 75px;
    font-size: 18px;
    color: #fff;
    background: #5eb946;
    -webkit-clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
    clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
    transition: all ease 0.3s;
    margin: auto;
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    bottom: -100px;
}

.new-ep-home .ep-hex-btn:hover {
    background: #c1a970;
}

.new-ep-home .ep-teach-wrapper {
    padding-top: 50px;
    text-align: center;
}

.new-ep-home .ep-search-result-bg {
    text-align: center;
    height: 36px;
    line-height: 36px;
    background: #e5e6e8;
    border-radius: 18px;
}

.new-ep-home .ep-search-result-bg .ep-search-result-info {
    display: inline-block;
    text-align: center;
    padding: 0px 40px;
    background: #f9f9f9;
    border-radius: 18px;
    font-size: 16px;
    color: #38434f;
}

.new-ep-home .ep-cards-wrapper {
    padding-top: 130px;
}

.new-ep-home .ep-card-item {
    position: relative;
    border-collapse: collapse;
    display: inline-block;
    width: calc(25% - 15px);
    min-width: 305px;
    margin: 5px;
    margin-bottom: 130px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(56, 67, 79, 0.10);
    border-radius: 20px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.20);
}

.new-ep-home .ep-card-item .ep-card-inner-title {
    font-size: 13px;
    font-weight: 700;
    padding: 0px 3px;
}

.new-ep-home .ep-card-item .ep-card-ribbon .ep-card-ribbon-img {
    display: none;
    position: absolute;
    right: -10px;
    top: -5px;
}

.new-ep-home .ep-card-item.ep-featured .ep-card-ribbon .ep-card-ribbon-img {
    display: block;
}

.new-ep-home .ep-card-item .ep-card-photo {
    margin-top: -85px;
}

.new-ep-home .ep-card-item .ep-card-photo .ep-card-photo-img {
    display: inline-block;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(94, 185, 70);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

.new-ep-home .ep-card-item.ep-featured .ep-card-photo .ep-card-photo-img {
    border-color: #c1a970;
}

.new-ep-home .ep-card-item .ep-card-name {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
    font-weight: 700;
    color: #39434f;
}

.new-ep-home .ep-card-item .ep-card-title {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #5eb946;
}

.new-ep-home .ep-card-item.ep-featured .ep-card-title {
    color: #c1a970;
}

.new-ep-home .ep-card-item .ep-card-work {
    color: #fff;
    background: #5eb946;
    font-size: 15px;
    margin: 5px 10px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 15px;
    padding: 0 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.new-ep-home .ep-card-item.ep-featured .ep-card-work {
    background-color: #c1a970;
}

.new-ep-home .ep-card-item .ep-card-experience {
    text-align: right;
    font-size: 14px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 15px;
}

.new-ep-home .ep-card-item .ep-card-experience::before {
    content: "\61";
    font-size: 18px;
    color: #5eb946;
    vertical-align: middle;
    font-family: "ep-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.new-ep-home .ep-card-item.ep-featured .ep-card-experience::before {
    color: #c1a970;
}

.new-ep-home .ep-card-item .ep-card-subjects-title {
    text-align: right;
    font-size: 14px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 15px;
}

.new-ep-home .ep-card-item .ep-card-subjects-title::before {
    content: "\62";
    font-size: 21px;
    color: #5eb946;
    vertical-align: middle;
    font-family: "ep-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.new-ep-home .ep-card-item.ep-featured .ep-card-subjects-title::before {
    color: #c1a970;
}

.new-ep-home .ep-card-item .ep-card-subjects-Badges {
    position: relative;
    text-align: right;
    font-size: 14px;
    padding-top: 12px;
    margin-left: 10px;
    margin-right: 15px;
    white-space: nowrap;
    overflow: hidden;
    /* text-overflow: ellipsis; */
}

.new-ep-home .ep-card-item .ep-card-subjects-Badges .badge.badge-light {
    display: inline-block;
    background: #f3f4f6;
    padding: 7px 15px;
    margin: 0px 2px;
    font-weight: 700;
    font-size: 12px;
    border-radius: 3px;
}

.new-ep-home .ep-card-item .ep-card-subjects-Badges .ep-subjects-more-btn {
    display: inline-block;
    position: absolute;
    background: #FFF;
    position: absolute;
    padding-right: 12px;
    padding-left: 10px;
    height: 36px;
    left: 0px;
    transition: all 0.3s;
}

.new-ep-home .ep-card-item .ep-card-subjects-Badges .ep-subjects-more-btn::after {
    display: inline-block;
    content: "\63";
    font-size: 20px;
    line-height: 30px;
    color: #000;
    vertical-align: middle;
    font-family: "ep-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    transition: all ease 0.3s;
}

.new-ep-home .ep-card-item .ep-card-subjects-Badges A:hover.ep-subjects-more-btn::after {
    color: #268913;
}

.new-ep-home .ep-card-item.ep-featured .ep-card-subjects-Badges a:hover.ep-subjects-more-btn::after {
    color: #c1a970;
}

.new-ep-home .ep-card-item .ep-card-Footer {
    position: relative;
    height: 70px;
    clip-path: ellipse(100% 130% at 50% 160%);
    background: #394450;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.new-ep-home .ep-card-item .ep-card-Footer .ep-profile-btn {
    position: relative;
    display: inline-block;
    width: 70%;
    border-radius: 20px;
    height: 38px;
    line-height: 38px;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    background: #49a734;
    border: 2px solid #5eb946;
    bottom: -45px;
    transition: all ease 0.3s;
}

.new-ep-home .ep-card-item.ep-featured .ep-card-Footer .ep-profile-btn {
    background: #c1a970;
    border-color: #c0a86f;
}

.new-ep-home .ep-card-item .ep-card-Footer .ep-profile-btn::after {
    content: "\64";
    padding-right: 5px;
    line-height: 30px;
    vertical-align: middle;
    font-family: "ep-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
}

.new-ep-home .ep-card-item .ep-card-Footer .ep-profile-btn:hover {
    background: #268913;
}

.new-ep-home .ep-card-item.ep-featured .ep-card-Footer .ep-profile-btn:hover {
    background: #968149;
}

.new-ep-home .pager-part-wrapper {
    margin-top: -50px;
    text-align: center;
    padding-bottom: 50px;
}

.new-ep-home .pager-part-wrapper * {
    transition: all ease 0.3s;
}

.new-ep-home .pager-part-wrapper .ep-pager-prev,
.new-ep-home .pager-part-wrapper .ep-pager-next,
.new-ep-home .pager-part-wrapper .ep-pagers-items,
.new-ep-home .pager-part-wrapper .ep-pagers-items li,
.new-ep-home .pager-part-wrapper .ep-pagers-items li a {
    display: inline-block;
    text-align: center;
}

.new-ep-home .pager-part-wrapper .ep-pagers-items,
.new-ep-home .pager-part-wrapper .ep-pagers-items li {
    margin: 0;
    padding: 0;
}

.new-ep-home .pager-part-wrapper .ep-pager-prev,
.new-ep-home .pager-part-wrapper .ep-pager-next {
    font-weight: 700;
    color: #38434f;
    font-size: 15px;
    padding: 0px 20px;
}

.new-ep-home .pager-part-wrapper .ep-pager-prev:hover,
.new-ep-home .pager-part-wrapper .ep-pager-next:hover {
    color: #49a734;
}

.new-ep-home .pager-part-wrapper .ep-pager-prev::before {
    content: "\65";
    padding: 0 5px;
    vertical-align: middle;
    font-family: "ep-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.new-ep-home .pager-part-wrapper .ep-pager-next::after {
    content: "\64";
    padding: 0 5px;
    vertical-align: middle;
    font-family: "ep-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.new-ep-home .pager-part-wrapper .ep-page {
    font-weight: 700;
    font-size: 14px;
}

.new-ep-home .pager-part-wrapper .ep-pagers-items li {
    padding: 0px 5px;
}

.new-ep-home .pager-part-wrapper .ep-pagers-items li a {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    line-height: 32px;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    color: #394450;
}

.new-ep-home .pager-part-wrapper .ep-pagers-items li a:hover {
    color: #49a734;
}

.new-ep-home .pager-part-wrapper .ep-pagers-items li a.ep-current {
    background: #49a734;
    color: #fff;
    border-radius: 50%;
}

.new-ep-home #main-content .container-fluid.ep-stat-container {
    max-width: 100%;
}

.gutter-normal .theme-box {
    margin-bottom: 0;
}

.new-ep-home #main-content .container-fluid.ep-stat-container .row {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #ddecd8;
    margin-bottom: 50px;
}

.new-ep-home #main-content .container-fluid.ep-stat-container .pbanimnum-item {
    background-color: transparent;
}

.new-ep-home #main-content .container-fluid.ep-stat-container .column-inner {
    margin: auto;
    flex: 0 0 1300px;
    max-width: 1300px;
    height: 100%;
    position: relative;
    z-index: 1;
}

.new-ep-home #main-content .container-fluid.ep-stat-container .pbanimnum-icon {
    font-size: 4.01rem;
}

.new-ep-home #main-content .container-fluid.ep-stat-container .pbanimnum-number {
    font-size: 4rem;
    font-weight: 500;
}

.new-ep-home #main-content .container-fluid.ep-stat-container .pbanimnum-icon .pbanimnum-title {
    font-size: 1.59rem;
    font-weight: 500;
    line-height: 1;
}

.new-ep-home #main-content .container-fluid.ep-promo-container {
    margin-bottom: 50px;
}

.new-ep-home #main-content .container-fluid.ep-promo-container .row {
    max-width: 1190px;
    margin: auto;
}

.new-ep-home #main-content .container-fluid.ep-promo-container .ep-promo-photo .ep-promo-img {
    display: inline-block;
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.new-ep-home #main-content .container-fluid.ep-promo-container .ep-promo-data .ep-promo-title {
    font-size: 2.0rem;
    padding-top: 5px;
    padding-bottom: 15px;
    color: #46a431;
    font-weight: 700;
    line-height: 140%;
}

.new-ep-home #main-content .container-fluid.ep-promo-container .ep-promo-data .ep-promo-ul li {
    margin-right: 10px;
    list-style-image: url(img/li-img.png);
    font-size: 18px;
    color: #394450;
    margin-bottom: 20px;
}

.new-ep-home #main-content .container-fluid.ep-promo-container .ep-promo-data .ep-promo-btn-wrapper {
    padding-top: 5px;
    text-align: end;
}

.new-ep-home #main-content .container-fluid.ep-promo-container .ep-promo-data .ep-promo-btn-wrapper .ep-promo-btn {
    display: inline-block;
    height: 46px;
    line-height: 46px;
    background: #5eb946;
    border-radius: 23px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    padding: 0 40px;
    transition: all ease 0.3s;
}

.new-ep-home #main-content .container-fluid.ep-promo-container .ep-promo-data .ep-promo-btn-wrapper .ep-promo-btn:hover {
    background: #268913;
}


/*====================================================================================================
		| ----------------------------- | New profile | .new-ep-home |----------------------------- |
====================================================================================================*/

.new-ep-home .ep-profile-header-area {
    height: 300px;
    background: #5EBA47;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.new-ep-home .ep-profile-main-wrapper.container {
    max-width: 1399px;
    margin: auto;
    margin-top: -80px;
    margin-bottom: 50px;
}

.new-ep-home .ep-profile-main-wrapper.container .ep-profile-side-info {
    position: relative;
}

.new-ep-home .ep-profile-main-wrapper.container .col-md-9 {
    flex: 0 0 calc(75% - 25px);
    max-width: calc(75% - 25px);
    margin-right: 25px;
}

.new-ep-home .ep-profile-main-wrapper.container .ep-profile-ribbon {
    display: none;
    position: absolute;
    right: -8px;
    top: -5px;
}

.new-ep-home .ep-profile-main-wrapper.container.ep-featured .ep-profile-ribbon {
    display: block;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-inner-title {
    font-size: 14px;
    font-weight: 700;
    padding: 0px 3px;
    color: #7ad661;
}

.new-ep-home .ep-profile-main-wrapper.ep-featured .ep-profile-inner-title {
    color: #c1a970;
}

.new-ep-home .ep-profile-main-wrapper span:not(.ep-profile-inner-title) {
    color: #fff;
}

.new-ep-home .ep-profile-main-wrapper {
    margin-top: -85px;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-side-info {
    border-radius: 10px;
    text-align: center;
    background-color: #343c48;
    border: 1px solid #cfd0d2;
    background-image: url(img/profile-side-bg.jpg);
    background-size: cover;
    box-shadow: 0px 0px 26.56px 5.44px rgba(0, 0, 0, 0.10);
    padding-bottom: 150px;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-photo {
    position: relative;
    z-index: 1;
    margin-top: -80px;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-photo .ep-profile-photo-img {
    display: inline-block;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border-style: solid;
    border-width: 4px;
    border-color: rgb(243, 244, 246);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.45);
}

.new-ep-home .ep-profile-main-wrapper.ep-featured .ep-profile-photo .ep-profile-photo-img {
    border-color: #c1a970;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-name {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 19px;
    font-weight: 700;
    color: #FFF;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-title {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    font-weight: normal;
    color: #7ad661;
}

.new-ep-home .ep-profile-main-wrapper.ep-featured .ep-profile-title {
    color: #c1a970;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-work {
    color: #fff;
    background: #43a12f;
    font-size: 15px;
    margin: 5px 10px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 15px;
    padding: 0 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.new-ep-home .ep-profile-main-wrapper.ep-featured .ep-profile-work {
    background-color: #a48e56;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-experience {
    text-align: right;
    font-size: 14px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 15px;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-experience::before {
    content: "\61";
    font-size: 18px;
    color: #7ad661;
    vertical-align: middle;
    font-family: "ep-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.new-ep-home .ep-profile-main-wrapper.ep-featured .ep-profile-experience::before {
    color: #c1a970;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-phone {
    text-align: right;
    font-size: 14px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 15px;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-phone a span {
    display: inline-block;
    color: #fff;
    transition: all ease 0.3s;
    border-bottom: 1px dashed rgba(122, 214, 97, 0.0);
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-phone a:hover span {
    color: rgba(122, 214, 97, 1.0);
    border-bottom: 1px dashed rgba(122, 214, 97, 1.0);
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-phone span:not(.ep-profile-inner-title) {
    letter-spacing: 1.5px;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-phone::before {
    content: "\66";
    font-size: 18px;
    color: #7ad661;
    vertical-align: middle;
    font-family: "ep-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.new-ep-home .ep-profile-main-wrapper.ep-featured .ep-profile-phone::before {
    color: #c1a970;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-subjects-title {
    text-align: right;
    font-size: 14px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 15px;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-subjects-title::before {
    content: "\62";
    font-size: 21px;
    color: #7ad661;
    vertical-align: middle;
    font-family: "ep-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.new-ep-home .ep-profile-main-wrapper.ep-featured .ep-profile-subjects-title::before {
    color: #c1a970;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-subjects-Badges {
    position: relative;
    text-align: right;
    font-size: 14px;
    padding-top: 12px;
    margin-left: 10px;
    margin-right: 10px;
    /* white-space: nowrap;
    overflow: hidden; */
    /* text-overflow: ellipsis; */
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-subjects-Badges .badge.badge-light {
    display: inline-block;
    color: #37414d;
    background: #f3f4f6;
    padding: 7px 15px;
    margin: 0px 2px;
    font-weight: 700;
    font-size: 12px;
    border-radius: 3px;
    margin-bottom: 6px;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-side-info .ep-profile-Footer {
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
    height: 80px;
    clip-path: ellipse(100% 140% at 50% 160%);
    background: #5eb846;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.new-ep-home .ep-profile-main-wrapper.ep-featured .ep-profile-Footer {
    background-color: #a48e56;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-content {
    border-radius: 10px;
    padding: 0;
    background-color: #FFF;
    border: 1px solid #cfd0d2;
    box-shadow: 0px 0px 26.56px 5.44px rgba(0, 0, 0, 0.10);
    padding-bottom: 100px;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-content *:focus {
    outline: none;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-content .ep-tab-wrapper {
    width: 100%;
    height: 80px;
    background: #3a4450;
    border-radius: 10px 10px 0px 0px;
    border-bottom: 3px solid #5eb846;
    text-align: center;
    position: relative;
}

.new-ep-home .ep-profile-main-wrapper.ep-featured .ep-profile-content .ep-tab-wrapper {
    border-bottom: 3px solid #a48e56;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-content .ep-tab-wrapper .nav.nav-pills {
    display: block;
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    height: auto;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-content .ep-tab-wrapper .nav.nav-pills .nav-item {
    display: inline-block;
    height: 55px;
    line-height: 55px;
    margin: 0px 2px;
    outline: none;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-content .ep-tab-wrapper .nav.nav-pills .nav-item a {
    display: block;
    height: 55px;
    border-radius: 10px 10px 0px 0px;
    outline: none;
    font-size: 16px;
    color: #fff;
    background-color: rgba(254, 254, 254, 0.1);
    padding: 0 30px;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-content .ep-tab-wrapper .nav.nav-pills .nav-item a.active {
    background-color: rgba(94, 184, 70, 1);
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-content {}

.new-ep-home .ep-profile-main-wrapper .ep-profile-content .ep-tab-content-title {
    background-image: url(img/title-line-bg.png);
    background-repeat: repeat-x;
    background-position: 0px 50%;
    vertical-align: middle;
    position: relative;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-content .ep-tab-content-title::before {
    display: inline-block;
    content: url(img/icon-c_01.png);
    vertical-align: middle;
    background: #FFF;
    padding-left: 5px;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-content .ep-tab-content-title::after {
    position: absolute;
    display: inline-block;
    content: url(img/Polygon.png);
    vertical-align: middle;
    background: #FFF;
    padding-right: 5px;
    left: 0;
    top: 55%;
    transform: translateY(-50%);
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-content .ep-tab-content-title .ep-main-title {
    display: inline-block;
    font-size: 19px;
    font-weight: 700;
    color: #394450;
    background: #FFF;
    padding-left: 20px;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-content .tab-content .container.tab-pane {
    padding: 20px;
}

.new-ep-home .ep-profile-main-wrapper.ep-featured .ep-profile-content .ep-tab-wrapper .nav.nav-pills .nav-item a.active {
    background-color: #a48e56;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-content .tech-intro-video {
    margin-top: 20px;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-content .ep-tech-info-temp {
    margin-top: 20px;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-content table.ep-tech-info-temp,
.new-ep-home .ep-profile-main-wrapper .ep-profile-content table.ep-tech-info-temp td,
.new-ep-home .ep-profile-main-wrapper .ep-profile-content table.ep-tech-info-temp th {
    border: none;
    vertical-align: middle;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-content table.ep-tech-info-temp tr {}

.new-ep-home .ep-profile-main-wrapper .ep-profile-content table.ep-tech-info-temp {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 4px;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-content table.ep-tech-info-temp .ep-tech-info-table-col {
    width: 190px;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-content .ep-tech-info-temp .ep-tech-info-temp-item {
    margin-bottom: 4px;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-content .ep-tech-info-temp .ep-tech-info-temp-item .ep-tech-info-title,
.new-ep-home .ep-profile-main-wrapper .ep-profile-content table.ep-tech-info-temp th {
    background: #ebecee;
    color: #394450;
    font-weight: 700;
    padding: 10px 15px;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-content .ep-tech-info-temp .ep-tech-info-temp-item .ep-tech-info-data,
.new-ep-home .ep-profile-main-wrapper .ep-profile-content table.ep-tech-info-temp td {
    background: #f5f5f6;
    color: #394450;
    padding: 10px 15px;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-content table.ep-tech-info-temp ul {
    margin-top: 15px;
    margin-bottom: 15px;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-content table.ep-tech-info-temp li {
    list-style-image: url(img/Ellipse.png);
    margin-bottom: 10px;
    margin-top: 10px;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-content .badge.badge-secondary {
    background: #dcdddf;
    color: #37414d;
    border-radius: 3px;
    font-weight: 700;
    padding: 10px 15px;
    margin: 2px;
}

.new-ep-home .ep-profile-main-wrapper .ep-profile-content .ep-profile-Footer {
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
    height: 80px;
    clip-path: ellipse(100% 140% at 50% 160%);
    background: #5eb846;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.new-ep-home .ep-profile-main-wrapper.ep-featured .ep-profile-content .ep-profile-Footer {
    background-color: #a48e56;
}

#ep-intro-video {
    position: relative;
}

.new-ep-home .ep-profile-main-wrapper .vid_no {
    display: block;
    position: relative;
    background: #f5f5f6;
    margin: 50px;
    padding: 100px;
    margin-left: 20px;
    margin-right: 20px;
    font-weight: 700;
    text-align: center;
    border: 1px dotted #CCC;
}

.new-ep-home .ep-profile-main-wrapper .vid_no::before {
    content: "\f071";
    display: inline-block;
    padding-left: 5px;
    font: normal normal normal 14px/1 FontAwesome;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: inherit;
    line-height: 1;
    font-family: FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/*====================================================================================================
		| ----------------------------- | New profile | .new-ep-reg |----------------------------- |
====================================================================================================*/

.new-ep-reg {}

.new-ep-reg .new-ep-reg-big-wrapper {
    text-align: center;
}

.new-ep-reg .ep-card-item {
    position: relative;
    border-collapse: collapse;
    display: inline-block;
    min-width: 280px;
    margin: 15px;
    margin-bottom: 30px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(56, 67, 79, 0.10);
    border-radius: 20px;
    background-color: #5bb242;
    background-image: url(img/new-reg-card-bg.jpg);
    background-size: cover;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.40);
    transform: scale(1.00);
    transition: all 0.4s;
}

.new-ep-reg .ep-card-item:hover {
    cursor: pointer;
    transform: scale(1.05);
}

.new-ep-reg .ep-card-item .ep-card-inner {
    min-height: 260px;
    margin: 15px;
    margin-bottom: 0;
    border-radius: 20px;
    min-height: 100px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.1);
    transition: all 0.4s;
}

.new-ep-reg .ep-card-item:hover .ep-card-inner {
    background: rgba(0, 0, 0, 0.25);
}

.new-ep-reg .ep-card-item .ep-card-inner .ep-card-icon-r {
    padding-top: 30px;
    text-align: center;
}

.new-ep-reg .ep-card-item.techer .ep-card-inner .ep-card-icon-r::before {
    display: inline-block;
    content: "\68";
    font-size: 120px;
    color: #FFF;
    vertical-align: middle;
    font-family: "ep-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.new-ep-reg .ep-card-item.student .ep-card-inner .ep-card-icon-r::before {
    display: inline-block;
    content: "\67";
    font-size: 120px;
    color: #FFF;
    vertical-align: middle;
    font-family: "ep-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.new-ep-reg .ep-card-item .ep-card-inner .ep-card-title01-r {
    font-size: 20px;
    color: #fff;
    text-align: center;
}

.new-ep-reg .ep-card-item .ep-card-inner .ep-card-title02-r {
    margin-top: -20px;
    font-size: 45px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding-bottom: 20px;
}

.new-ep-reg .ep-card-item .ep-card-Footer {
    position: relative;
    height: 70px;
    clip-path: ellipse(100% 130% at 50% 160%);
    background: #394450;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.new-ep-reg .ep-card-item .ep-card-Footer .ep-profile-btn {
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 70%;
    border-radius: 20px;
    height: 38px;
    line-height: 38px;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    background: #49a734;
    border: 2px solid #5eb946;
    bottom: -45px;
    transition: all ease 0.3s;
}

.new-ep-reg .ep-card-item .ep-card-Footer .ep-profile-btn::after {
    content: "\64";
    padding-right: 5px;
    line-height: 30px;
    vertical-align: middle;
    font-family: "ep-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
}

.new-ep-reg .ep-card-item .ep-card-Footer .ep-profile-btn:hover {
    background: #268913;
}


/*====================================================================================================
			| ----------------------------- | Important Codes |----------------------------- |
====================================================================================================*/


/* make the div as table */


/*<div class="table"><div class="table-row"><div class="table-cell"></div><div class="table-cell"></div><div class="table-cell"></div></div></div>*/

.table,
.table .table {
    display: table;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 0px;
    background: none;
    table-layout: fixed/* CSS display:table-cell child width bug | http://www.carsonshold.com/2014/07/css-display-table-cell-child-width-bug-in-firefox-and-ie */
}

.table-row {
    display: table-row;
    background: none
}

.table-cell,
.table-head {
    display: table-cell;
    background: none;
    vertical-align: top/*padding:1em;*/
    /*border:#f0f0f0 1px solid;*/
}

.table-head {
    font-weight: bold;
}


/* How to center the modal - JSFiddle | http://jsfiddle.net/rensdenobel/sRmLV/13/ */


/*====================================================================================================
| ----------------------------- | Responcive Cases (PC First) |----------------------------- |
====================================================================================================*/


/* ----------------------------- | @media only screen and (max-width: 1200px) |----------------------------- */

@media only screen and (max-width: 1300px) {
    #page-site-index .mb2-pb-row.mycover .header-xl {
        display: none;
    }
    #page-site-index .mb2-pb-row.mycover .header-md {
        display: block;
    }
}


/* ----------------------------- | @media only screen and (max-width: 1200px) |----------------------------- */

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


/* ----------------------------- | @media only screen and (max-width: 1100px) |----------------------------- */

@media only screen and (max-width: 1100px) {
    .new-ep-home .ep-profile-header-area {
        height: 250px;
    }
    .new-ep-home .ep-profile-main-wrapper.container .col.col-md-3 {
        position: relative;
        width: 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }
    .new-ep-home .ep-profile-main-wrapper.container .col-md-9 {
        flex: 0 0 calc(70% - 10px);
        max-width: calc(70% - 10px);
        margin-right: 10px;
    }
}


/* ----------------------------- | @media only screen and (max-width: 1024px) |----------------------------- */

@media only screen and (max-width: 1024px) {
    .new-ep-home .ep-profile-main-wrapper.container .col.col-md-3 {
        position: relative;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 90px;
    }
    .new-ep-home .ep-profile-main-wrapper.container .col.col-md-9 {
        position: relative;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0;
        margin-top: 20px;
        padding-bottom: 80px;
    }
    .new-ep-home .ep-profile-main-wrapper .ep-profile-experience,
    .new-ep-home .ep-profile-main-wrapper .ep-profile-phone,
    .new-ep-home .ep-profile-main-wrapper .ep-profile-subjects-title,
    .new-ep-home .ep-profile-main-wrapper .ep-profile-subjects-Badges {
        text-align: center;
    }
    .new-ep-home .ep-profile-main-wrapper .ep-profile-work {
        display: inline-block;
        max-width: 100%;
        padding: 0 40px;
    }
}


/* ----------------------------- | @media only screen and (max-width: 991px) |----------------------------- */

@media only screen and (max-width: 991px) {
    #footer {
        padding: 50px 5px;
    }
    #footer .logo_area {
        text-align: center;
        padding-bottom: 25px;
    }
    #footer .links_area ul {
        display: block;
        text-align: center;
        margin-bottom: 25px;
    }
    #footer .links_area ul li {
        width: auto;
        margin: 10px 20px;
    }
    #footer .payment_area {
        padding-bottom: 25px
    }
    #footer .contacts_area {
        text-align: center;
    }
    .theme-col-5 .theme-box {
        flex: 0 0 calc( 33% - 30px);
        width: calc( 33% - 30px);
    }
    .theme-course-teacher {
        flex: 0 0 calc( 33% - 30px) !important;
        width: calc( 100% - 30px) !important;
        /*Gaamal*/
    }
    #page-site-index .mb2-pb-row.mycover {
        /*
        height: 35vh;
        background-position: center center !important;
*/
    }
    .new-ep-home .ep-profile-header-area {
        height: 200px;
    }
    .new-ep-home .ep-profile-main-wrapper .ep-profile-content .ep-tab-wrapper .nav.nav-pills {
        position: relative;
        bottom: auto;
        margin: auto;
        left: auto;
        right: auto;
        height: auto;
    }
    .new-ep-home .ep-profile-main-wrapper .nav-tabs,
    .new-ep-home .ep-profile-main-wrapper .nav-pills {
        margin: 0;
        border: 0;
        padding: 0;
        background-color: transparent;
    }
    .new-ep-home .ep-profile-main-wrapper .ep-profile-content .ep-tab-wrapper {
        height: auto;
        position: relative;
        padding-top: 10px;
        margin-top: 20px;
    }
    .new-ep-home .ep-profile-main-wrapper .ep-profile-content .ep-tab-wrapper .nav.nav-pills .nav-item {
        display: block;
        margin: 10px;
    }
    .new-ep-home .ep-profile-main-wrapper .ep-profile-content .ep-tab-wrapper .nav.nav-pills .nav-item a {
        border-radius: 5px;
    }
}


/* ----------------------------- | @media only screen and (max-width: 767px) |----------------------------- */

@media only screen and (max-width: 767px) {
    .new-ep-home .ep-search-box {
        margin-top: 20px;
        padding: 20px;
        padding-bottom: 40px;
        border-radius: 10px;
    }
    .new-ep-home .container.ep-search-box .col-md-6 {
        padding-right: 15px;
        padding-left: 15px;
        padding-bottom: 15px;
    }
    .new-ep-home .ep-btn-wrapper .ep-hex-btn {
        bottom: -80px;
    }
    .new-ep-home .ep-profile-main-wrapper.container .col.col-md-3,
    .new-ep-home .ep-profile-main-wrapper.container .col.col-md-9 {
        position: relative;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .new-ep-home .ep-profile-main-wrapper .ep-profile-experience,
    .new-ep-home .ep-profile-main-wrapper .ep-profile-phone,
    .new-ep-home .ep-profile-main-wrapper .ep-profile-subjects-title,
    .new-ep-home .ep-profile-main-wrapper .ep-profile-subjects-Badges {
        text-align: center;
    }
    .new-ep-home .ep-profile-main-wrapper .ep-profile-content table.ep-tech-info-temp,
    .new-ep-home .ep-profile-main-wrapper .ep-profile-content table.ep-tech-info-temp tbody,
    .new-ep-home .ep-profile-main-wrapper .ep-profile-content table.ep-tech-info-temp tr,
    .new-ep-home .ep-profile-main-wrapper .ep-profile-content table.ep-tech-info-temp td,
    .new-ep-home .ep-profile-main-wrapper .ep-profile-content table.ep-tech-info-temp th,
    .new-ep-home .ep-profile-main-wrapper .ep-profile-content table.ep-tech-info-temp .ep-tech-info-table-col {
        display: block;
        width: 100%;
    }
}


/* ----------------------------- | @media only screen and (max-width: 768px) |----------------------------- */

@media only screen and (max-width: 768px) {
    .theme-col-5 .theme-box {
        flex: 0 0 calc( 50% - 30px);
        width: calc( 50% - 30px);
    }
    .theme-course-teacher {
        flex: 0 0 calc( 50% - 30px) !important;
        width: calc( 100% - 30px) !important;
        /*gamal*/
    }
    #page-site-index .mb2-pb-row.mycover {
        margin-bottom: 30px;
    }
    #page-site-index .mb2-pb-search {
        margin-top: 20px;
    }
}


/* ----------------------------- | @media only screen and (max-width: 600px) |----------------------------- */

@media only screen and (max-width: 600px) {
    #page-private-index .teachers-filter-area {
        width: 100%;
        padding: 10px;
    }
    #page-private-index .year-filter,
    #page-private-index .term-filter,
    #page-private-index .course-filter {
        width: 100%;
        margin-left: 0px;
    }
    #page-site-index .mb2-pb-row.mycover .header-md {
        display: none;
    }
    #page-site-index .mb2-pb-row.mycover .header-sm {
        display: block;
    }
}


/* ----------------------------- | @media only screen and (max-width: 500px) |----------------------------- */

@media only screen and (max-width: 500px) {
    .theme-col-5 .theme-box {
        flex: 0 0 calc( 100% - 30px);
        width: calc( 100% - 30px);
    }
    .theme-course-teacher {
        flex: 0 0 calc( 100% - 30px) !important;
        width: calc( 100% - 30px) !important;
    }
    .new-ep-home .ep-teach-wrapper {
        padding-right: 0;
        padding-left: 0;
    }
}


/* ----------------------------- | @media only screen and (max-height: 360px) |----------------------------- */

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


/*====================================================================================================
			| ----------------------------- | Supper Important Codes |----------------------------- |
====================================================================================================*/

.bold {
    font-weight: bold;
}

.cleaner {
    clear: both;
    width: 100%
}

.dir-rtl *[lang="en"] {
    display: none !important
}

html[dir="ltr"] *[lang="ar"] {
    display: none !important
}

.ace-responsive-menu>li>a {
    font-size: 17px !important;
    padding: 25px 15px 20px 5px !important;
    font-weight: 300;
}

.info-students {
    display: none !important;
}


/*====================================================================================================
		| ----------------------------- | Snippet Codes |----------------------------- |
====================================================================================================*/


/* -----------------------  Use Font Awesome ----------------------- */


/*
{
    content: "\f015";
    color: #fff;
    display: block;
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-size: 27px;
    font-weight: 900;
    top:10px;
    left:9px;
    
}
*/


/* ----------------------- transform scale & transition ----------------------- */


/*
{
 transform: scale(1.05);
transition: all 0.3s;
}
*/


/* ----------------------- text-overflow: ellipsis ----------------------- */


/*
{
    overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
*/


/* ----------------------- Vertical align anything with just 3 lines of CSS ----------------------- */


/*
.element {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
*/


/* ----------------------- Rotated & Flipped items  ----------------------- */


/*
{position:relative;
		
		-moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);	
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";;}
*/


/* ----------------------- convert CSS table to flex  ----------------------- */


/*
.MainAreTable {
	position: relative;
	display: block;
	height: 100%;
	}
	
	
.MainAreTable > .table-row {
		display: flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flexbox;
    	flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
}
	
.MainAreTable .SideMenuWrapper {
		display: block;
		-webkit-box-ordinal-group: 2;   
  		-moz-box-ordinal-group: 2;      
  		-ms-flex-order: 2;              
  		-webkit-order: 2;               
  		order: 2;                       
		width: 100%;
		height: auto;
		text-align: center;
		
	}
*/