@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Quicksand:wght@300..700&family=Sofia&display=swap');
:root{
    /* --main-color:#0b2c53; */
    /* --main-color-dark:#011529; */
    --main-color:#4c244e;
    --main-color-dark:#011529;
    --secondary-color:#f28f5b;
    --secondary-color-dark:#da4510;
    --section-padding:60px;
    --section-background:#f6f6f6;
}

body{direction: rtl;}
h1, h2, h3{color: #000;margin-bottom: 35px;}
h1:after , h2:after{
    content: "";
    background-color: #c5c5c5;
    bottom: -15px;
    height: 2px;
    right: 0;
    width: 30px;
    position: absolute;
    z-index: 0;
}
hr {margin-top: 20px;margin-bottom: 20px;border-top: 1px solid #767676;}
a{transition: .3s;}

/* ============= Navbar ==============*/
.registeration a:hover{color: var(--secondary-color) !important;}
nav.navbar{background-color: var(--main-color);}
/* nav.navbar{background-color: var(--main-color);overflow: hidden;} */
.secondary-navbar{
    background-color: rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    position: relative;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}
.secondary-navbar ul li {padding: inherit;}
.secondary-navbar ul li .icon{color: var(--secondary-color) ;margin-left: 5px;}
.navbar-brand{padding: 10px 90px; position: relative;}
.navbar-brand img{object-fit: contain;}
.navbar-brand::after{
    content: "";
    position: absolute;
    bottom: -10px;
    right: 0;
    height: 10px;
    width: 100%;
    background-color: var(--secondary-color);
    z-index: 1;
}
.navbar-collapse{font-family: "Cairo", serif;}
.navbar-collapse .navbar-nav li a {font-size: 12px;padding: 10px 20px 10px 10px;}
.navbar-collapse .navbar-nav a:hover {color: var(--secondary-color) !important;}
.navbar-collapse .dropdown-menu{background-color: var(--main-color);border-radius: 0;}

.navbar-collapse .dropdown-menu li{border-bottom: 1px solid rgba(255, 255, 255, .05);padding: inherit;}
.navbar-collapse .dropdown-menu a{text-align: right;white-space: nowrap;padding: 5px 10px !important;font-size: 14px !important;}
.navbar-collapse .dropdown-menu a:hover {color: #fff !important;background-color: var(--secondary-color);}
.navbar-collapse ul.dropdown-menu{top: 45px;left: auto;min-width: 200px}
.navbar-collapse .dropdown-menu li:first-child a:after {
    -moz-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    border-color: transparent transparent #011529;
    border-style: solid;
    border-width: 0 7.5px 7px;
    content: "";
    height: 0;
    position: absolute;
    right: 30px;
    top: -7px;
    width: 0;
}
.navbar-toggler{border-color: #fff ;color: #fff;}
.navbar-toggler:focus {box-shadow: none;}

/* ============= hero_section ============= */
.hero_section{height: 600px; position: relative;}
.hero_section .carousel-item{overflow: hidden;}
.hero_section figure {height: 100%;position: absolute;width: 100%;text-align: center;/*background: #340b5296;*/background: #00000096}
.hero_section figure .slidewrapper {padding-top: 150px;}
.hero_section figure .inner {vertical-align: middle;}
.hero_section figure h3 {
    display: block;
    color: rgba(255, 255, 255, .6);
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Cairo', sans-serif;
}
.hero_section figure h2 {
    border: 4px solid rgba(255, 255, 255, .6);
    font-size: 50px;
    font-weight: 700;
    padding: 15px 20px;
}
.hero_section figure a{
    background: -webkit-linear-gradient(to top, #d23901, #f36b3b);
    background: linear-gradient(to top, #d23901, #f36b3b);
    border-radius: 3px;
    font-weight: 700;
    padding: 8px 18px;
}
.carousel-prev-icon, .carousel-next-icon {
    left:  10px;
    position: absolute;
    background: #fff;
    padding: 7px 10px;
    color: #000;
}
.carousel-next-icon{right: 10px ;left: auto;}


/* ============= about ============ */
.about h1{    font-family: 'Cairo', sans-serif;font-size: 30px;font-weight: 700;}
.about p{color: #767676;}

/* ============= courses search ============ */
.search_courses h2 {font-family: 'Cairo', sans-serif;font-weight: 700;font-size: 30px;}
/* .search_courses .search-input { */
.search-input {
    display: block;
    height: 51px;
    padding-left: 10px;
    border-radius: 0;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    -moz-box-shadow: 0 0 3px #e0dfdf;
    -webkit-box-shadow: 0 0 3px #e0dfdf;
    color: #99a6bb;
    font-size: 14px;
    border: 1px solid #c7ced9;
    box-shadow: 0 0 3px #e0dfdf;
}
/* .search_courses .search-btn { */
.search-btn{display: block;width: 85px;margin-right: 3px !important;}
.input-group-btn .btn {
    -moz-box-shadow: 0 0 3px #e0dfdf;
    -webkit-box-shadow: 0 0 3px #e0dfdf;
    box-shadow: 0 0 3px #e0dfdf;
    background: -webkit-linear-gradient(to top, #d23901, #f36b3b);
    background: linear-gradient(to top, #d23901, #f36b3b);
    border-radius: 0px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    color: #fff;
    font-weight: 700;
    width: 80px;
    height: 100%;
} 


/* ============= courses count ============ */
.courses-count h3 {
    font-size: 12px;
    font-weight: 900;
    color: var(--secondary-color-dark);
    font-family: 'Cairo', sans-serif;
}
.courses-count .icon {
    font-size: 36px;
    width: 55px;
    display: inline;
    float: right;
    padding-left: 15px;
    margin-left: 15px;
    border-left: 1px solid #e4e8ee;
}
.star-icon {color: #fac149;}
.courses-count .counter {color: #000;font-size: 14px;}

/* ============ featured-courses ============ */
.featured-courses {background: var(--main-color);}
.featured-courses .event-outer {margin-top: 10px;padding: 15px;border-radius: 5px;background: #fff;}
.featured-courses .event{padding-bottom: 10px;}
.featured-courses .event-thumbnail .event-image {
    height: 165px;
    overflow: hidden;
    text-align: center;
    position: relative;
    margin-top: 15px;
}
.featured-courses .event .date {
    background-color: #f26f40;
    color: #fff;
    float: right;
    height: 70px;
    overflow: hidden;
    width: 70px;
}
.featured-courses .event-thumbnail .date {bottom: -24px;position: absolute;left: -10px;}
.featured-courses .event .date .month {
    font-size: 14px;
    padding-top: 5px;
    text-align: center;
    text-transform: uppercase;
}
.featured-courses .event .date .day {
    bottom: 19px;
    font-size: 60px;
    font-weight: 700;
    position: relative;
    left: 0;
}
.featured-courses .event aside header {font-size: 14px;height: 52px;font-family: 'Cairo', sans-serif;}
.featured-courses .event aside header a{text-decoration: none;}
.featured-courses .event aside header h3{font-size: 16px;color: #000 !important;}
.featured-courses .event aside .additional-info {color: #767676;font-size: 12px;margin-bottom: 10px;}
.featured-courses .event aside .additional-info span {margin-left: 10px;}
.featured-courses .btn {
    transition: .3s;
    background: var(--secondary-color);
    background: -webkit-linear-gradient(to top, #d23901, #f36b3b);
    background: linear-gradient(to top, #d23901, #f36b3b);
    border-radius: 3px;
    color: #fff;
    font-weight: 700;
    padding: 8px 18px;
}
.featured-courses .btn.btn-small {font-size: 12px;min-height: 30px;padding: 5px 10px;}
.featured-courses img{height: 200px;width: 100%;}
/* ============ courses_category ============ */
.courses_category .desc_info{margin: 100px 0 50px;}
.courses_category p{color: #767676;}
.courses_category .ed-course-in{
    border-radius: 5px;
    max-height: 150px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}
.courses_category .course-overlay{transition: .3s;color: #01366a;outline: 0 !important;}
.courses_category .ed-course-in a.course-overlay img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.courses_category .course-overlay span {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    transform: translateY(-50%);
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    z-index: 1;
}
.courses_category .ed-course-in a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #4c244eb5;
}
.courses_category .ed-course-in:hover a.course-overlay img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.courses_category .courses-category-btn{color: #01366a;text-decoration: none;}
.courses_category h2::after{width: 0;}



/* .instructors{background: #f5f5f5;} */

/* ============ training_program ============ */
.training_program{background: #f5f5f5;}
.training_program .desc_info p{color: #767676;}
.training_program .course-block {
    margin-top: 30px;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
    -webkit-box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.05);
}
/* .training_program img{height: 180px;} */
.training_program .course-block h3 {min-height: 50px;margin: 5px 0;line-height: 1.5;font-size: 16px;}
.training_program .course-block h3 a{text-decoration: none;color: #01366a;}
.training_program .course-block .course-cat {line-height: 5px;}
.training_program .course-block .course-cat a {
    color: #9b9b9b;
    font-size: 12px;
    white-space: nowrap;
    text-decoration: none;
    display: flex;
}
.training_program .course-block .course-data {display: flex;justify-content: space-between}
.training_program .course-block .course-data p{
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    background-color: #2b2a2a;
    padding: 3px;
    width: 49.5%;
}
.training_program .btn.btn-small {
    background: -webkit-linear-gradient(to top, #d23901, #f36b3b);
    background: linear-gradient(to top, #d23901, #f36b3b);
    border-radius: 3px;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    min-height: 30px;
    padding: 5px 10px;
}
.training_program .swiper-pagination-bullet{width: 15px !important;height: 15px;}
.training_program img{height: 200px;width: 100%;}
/* ================ testimonials ============  */
.testimonials blockquote {border: none;clear: both;display: table;margin: 0;padding: 40px;width: 100%;}
.testimonials blockquote figure {float: right;}
.testimonials .author {background-color: #f5f5f5;}
.testimonials .author-picture img {display: block;margin: 0 auto;border-radius: 50%;border: 3px solid #fff;width: 70px;height: 70px;}
.profile_shortcut {
    margin: 15px auto;
    background: green;
    height: 100px;
    width: 100px;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    font-size: 55px;
    font-weight: bold;
    padding-top: 10px;
}
.testimonials blockquote article {padding-right: 40p}
.testimonials blockquote article header {color: #012951;margin: 0 50px 10px;}
.testimonials blockquote article header a {color: #01366a;outline: 0 !important;text-decoration: non}
blockquote .paragraph-wrapper {display: table-cell;vertical-align: middle;padding-right: 40p;}
.testimonials blockquote article footer {color: #767676;display: block;font-size: 80%;}
.testimonials blockquote footer:before {content: '\2014 \00A0';}
.testimonials .quote {
    color: #6b6b6b14;
    font-size: 158px;
    left: 34px;
    top: 100px;
    transform: rotate(0);
}

/* ================ blog ============ */
.blogs a{color: var(--main-color);text-decoration: none;}
.blogs h3{font-size: 18px;}
.blogs .single-article {
    margin: 20px 0;
    padding: 0 10px 0 0;
    border-right: 10px solid #ddd;
}
.blogs .article-meta {color: #7d7d7d !important;font-size: 12px;margin-bottom: 10px;}
.blogs .single-article p {color: #000;}

/* ================ partners ============ */
.partners h2{font-size: 24px;}
.partners .logo{display: flex;justify-content: center;}

/* =============== footer ============ */
footer p {line-height: 20px;}
footer #footer-top {background-color: #f28f5b;margin-top: 30px;padding: 25px 0;}
footer .footer-contact p {color: #fff;margin: 0;text-align: right;}
footer .bb-text {padding-top: 15px;text-align: center;}
footer .bb-icons {padding-top: 20px;text-align: center;}
footer #footer-top .icons {font-size: 35px;text-align: center;}
footer a {color: #fff !important;}
footer .footer-phone {
    font-size: 30px;
    font-weight: 700;
    margin-top: 7px !important;
    font-family: 'Cairo', sans-serif;
    line-height: 35px;
    direction: ltr;
}

#footer-content {color: #fff !important;position: relative;padding: 40px 0;}
footer .footer_bg {
    /* background: #36244e url(../imgs/footer/background-city.jpg) center center no-repeat; */
    background: #362d53 url(../imgs/footer/background-city.jpg) center center no-repeat;
    background-blend-mode: lighten;
}
#footer-content .logo {margin-top: 50px;}
#footer-content h4 {
    font-family: 'Cairo', sans-serif;
    color: #fff;
    display: inline-block;
    font-size: 22px !important;
    margin-bottom: 35px;
    margin-top: 10px;
    position: relative;
}
#footer-content h4:after {
    content: "";
    opacity: .2;
    background-color: #fff;
    bottom: -15px;
    height: 2px;
    right: 0;
    width: 30px;
    position: absolute;
    z-index: 0;
}
footer .telnum {direction: ltr;display: inline-block;}
footer #footer-content ul {padding-right: 25px;}
footer ul.list-links li {padding: 0;}
footer ul.list-links a {
    right: 0;
    padding: 6px 0;
    display: inline-block;
    position: relative;
    text-decoration: none;
}
footer .accreditation-logos {display: flex;justify-content: space-around;margin-top: 25p}
footer .accreditation-logos img {height: 60px;width: auto;}
footer #footer-bottom {
    /* border-top: 1px solid #fff; */
    background-color: var(--main-color);
    color: #fff;
    padding: 20px 0;
}
#footer-bottom .footer-inner {display: table;width: 100%;}
#footer-bottom .footer-inner .copyright {display: table-cell;vertical-align: middle;}
footer #curSelectBox {
    background: #362d53;
    padding: 0px 5px 5px;
    border: 1px solid #362d53;
    border-radius: 5px;
    color: #fff;
}
footer .paymentgateways {text-align: left;}
#page-footer a:hover {color: #c3c3c3 !important;}
ul.list-links a:hover {right: 3px;}

/* =============== whatsapp float ============ */
.whatsapp_float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 25px;
    left: 25px;
    z-index: 100;
    animation: float 0.9s ease-in-out forwards;
}
.whatsapp_float img {width: 60px;height: 60px;}

@keyframes float {
    0% {
        transform: translateY(0px);
    }
    25% {
        transform: translateY(-20px);
    }
    50% {
        transform: translateY(0px);
    }
    75% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
    }
}


/* Swiper class */
.swiper{padding: 140px 0 44px;margin: -140px 0 -44px !important;}
.swiper-button-prev:after,.swiper-button-next:after {content: "";}
.swiper-button-prev,.swiper-button-next {width: initial;height: initial;font-size: 2rem;color: var(--second-color);/* display: none; */}
.swiper-button-prev {left: 50px;}
.swiper-button-next {right: 50px;}
.swiper-pagination-bullet {background-color: #CFD3D6;opacity: 1;}
.swiper-pagination-bullet-active {background-color: var(--secondary);}
.swiper-button-next .fa-angle-right, .swiper-button-prev i{
    font-size: 18px;
    background-color: #fff;
    box-shadow: 0px 1px 2px #979797;
    border-radius: 50%;
    padding: 9px 12px;
}
.swiper-button-next i:hover, .swiper-button-prev i:hover {background-color: var(--secondary);color: #fff;}


/* =================== pages ================ */
.main_btn{
    background: -webkit-linear-gradient(to top, #d23901, #f36b3b);
    background: linear-gradient(to top, #d23901, #f36b3b);
    border-radius: 3px;
    border: 1px solid #f36b3b;
    color: #fff !important;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
}
.academy_pages p{color: #767676;}
.academy_pages a{text-decoration: none;color: var(--main-color);}
.academy_pages h2{font-size: 24px;font-family: 'Cairo', sans-serif;font-weight: 700;}
.breadcrumb {background-color: transparent; font-size: 11px; margin-bottom: 0;padding: 0;}
.breadcrumb a{color: #767676;text-decoration: none;}
.breadcrumb>li {display: inline-block;white-space: nowrap;padding: 2px 0;}
.breadcrumb>.active {color: #999;}
.breadcrumb>li+li:before {padding: 0 5px;color: #ccc;content: "/\00a0";}
.header :is(h1,h2,h3, .academic_about .courses-count h3)
{font-family: 'Cairo', sans-serif;font-size: 30px;font-weight: 700;}
.header h2{font-size: 24px !important;}
.header h3{font-size: 18px !important;}
.academic_about .courses-count .count_header{color: var(--main-color);font-size: 18px;font-weight: 700;}
.academic_about .about a{text-decoration: none;color: var(--main-color);}
.certificates h3{font-size: 18px;font-family: 'Cairo', sans-serif;font-weight: 700;}
.info_file h3{font-size: 18px;font-family: 'Cairo', sans-serif;font-weight: 700;}

/* =================== academic question ================ */
.academic_question :is(h1,h2,h3)
{font-family: 'Cairo', sans-serif;font-size: 30px;font-weight: 700;}
.academic_question h2{font-size: 22px;}

/* =================== academin plan ================ */
.academic_plan :is(h1,h2,h3)
{font-family: 'Cairo', sans-serif;font-size: 30px;font-weight: 700;}
.academic_plan h2{font-size: 22px;}
.inside-page-searchbox {
    padding: 10px 25px 30px;
    margin: 20px 0;
    border-radius: 5px;
    background: #eee;
}
.inside-page-searchbox h3{font-size: 18px;}
.table {width: 100%;margin-bottom: 20px;}
.table thead{font-family: 'Cairo', sans-serif;}
.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
    padding: 8px;
    line-height: 1.42857143;
}
.course-list-table thead tr th {
    border-color: var(--secondary-color);
    color: #252525;
    font-size: 12px;
    font-weight: 900;
    border-top: 0;
}
.table>tbody>tr>td{
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.course-has-date {
    background: orange;
    padding: 6px 5px 6px 10px;
    color: #fff;
    border-radius: 15px;
    font-size: 12px;
    font-weight: bold;
    justify-content: center;
    align-items: center;
    display: inline-flex;
}
.course-has-date .icon {
    margin-left: 5px;
    background: #fff;
    border-radius: 10px;
    color: orange;
    padding: 3px 5px;
}
.si-course {
    background: #3566f5;
    padding: 6px 5px 6px 10px;
    color: #fff;
    border-radius: 15px;
    font-size: 12px;
    font-weight: bold;
    justify-content: center;
    align-items: center;
    display: inline-flex;
}
.si-course .icon {
    margin-left: 5px;
    background: #fff;
    border-radius: 10px;
    color: #3566f5;
    padding: 3px 5px;
}
.vip-course {
    background: green;
    padding: 6px 5px 6px 10px;
    color: #fff;
    border-radius: 15px;
    font-size: 12px;
    font-weight: bold;
    justify-content: center;
    align-items: center;
    display: inline-flex;
}
.vip-course .icon{
    margin-left: 5px;
    background: #fff;
    border-radius: 10px;
    color: green;
    padding: 3px 5px;
}

/* ================= academin search ================ */
.academic_search_course :is(h1,h2,h3)
{font-family: 'Cairo', sans-serif;font-size: 30px;font-weight: 700;}
.academic_search_course h2{font-size: 22px;}
.academic_search_course h3{font-size: 18px;}

/* ================== academin plan register ================ */
.applycontainer {
    margin: 30px auto;
    padding: 20px;
    background: #f7f7f7;
    border-radius: 5px;
}
.formcontainer {
    padding: 50px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    -webkit-box-shadow: 0 6px 9px -5px rgba(156, 156, 156, 1);
    -moz-box-shadow: 0 6px 9px -5px rgba(156, 156, 156, 1);
    box-shadow: 0 6px 9px -5px rgba(156, 156, 156, 1);
}
.button.greenbtn {
    background: -webkit-linear-gradient(to top, #57a957, #8feb8f);
    background: linear-gradient(to top, #57a957, #8feb8f);
    border-radius: 3px;
    border: 1px solid #57a957;
    color: #fff !important;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 30px;
}
.alert-side{
    height: 100%;
    width: 7px;
    position: absolute;
    left: 0;
    border-radius: 4px 0 0 4px;
}
.bootstrap-select.bs-container .dropdown-menu {
    right: 0;
    text-align: right;
    display: table;
    position: relative;
}
:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) {
    width: 100% !important;
    text-align-last: right;
}
.bootstrap-select>.dropdown-toggle{
    background: #fff;
    border: 1px solid #dee2e6;
}
:not(.btn-check)+.btn:active:focus-visible {box-shadow: none;}
.bootstrap-select .dropdown-toggle:focus {outline: 0 !important;outline-offset: 0;}
:not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color);
    background-color: transparent;
    border-color: #dee2e6;
}
.form-control:focus{box-shadow: none;}

.courseinfo{color: red;font-size: 12px;}
#descDiv {display: none;}
#descDiv .courseinfo .blink_me{
    animation: blinker 1.5s linear infinite;
}
@keyframes blinker {  
    50% { opacity: 0; }
}
.header_text
{font-family: 'Cairo', sans-serif;font-size: 30px;font-weight: 700;}
h2.header_text{font-size: 22px;}
h3.header_text{font-size: 18px;}
h4.header_text{font-size: 14px;}

.iti.iti--allow-dropdown{width: 100%;margin-top: 10px;}
.iti__country-list{left: 0;}
.iti__selected-flag{direction: ltr;}

.course_info_after_reg img {
    border: 1px solid #343434;
    border-radius: 5px;
    margin: 20px 0;
}
.resp-sharing-button__link {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    margin: .2em 0;
}
.resp-sharing-button {
    border-radius: 5px;
    transition: 25ms ease-out;
    padding: .5em .75em;
}
.resp-sharing-button__icon--solid, .resp-sharing-button__icon--solidcircle {
    fill: #fff;
    stroke: none;
}
.resp-sharing-button__icon, .resp-sharing-button__link {
    display: inline-block;
}
.resp-sharing-button__icon svg {width: 2em;height: 2em;vertical-align: top;}
.resp-sharing-button--facebook {background-color: #3b5998;border-color: #3b5998;}
.resp-sharing-button--twitter {background-color: #55acee;border-color: #55acee;}
.resp-sharing-button--email {background-color: #777;border-color: #777;}
.resp-sharing-button--pinterest {background-color: #bd081c;border-color: #bd081c;}
.resp-sharing-button--linkedin {background-color: #0077b5;border-color: #0077b5;}
.resp-sharing-button--whatsapp {background-color: #25d366;border-color: #25d366;}
.resp-sharing-button--telegram {background-color: #54a9eb;}
.related_item {margin: 20px 0 0 0;border: 1px solid #d0d1d4;background: #fff;}
.related_item_title {padding: 10px;}
.academic_success_register .main_btn{font-size: 19px;padding: 12px 22px;}
/* ================= academin payment ================ */
.academic_payment .payment_form_container {
    border-top: 2px solid #5ea4f3;
    box-shadow: 0 2px 10px rgb(0 0 0 / 8%);
    background-color: #fff;
    padding: 20px;
}
.academic_payment #payment-form {width: 280px;}
.academic_payment #payment-form label {
    display: block;
    height: 10px;
    color: #13395e;
    font-size: 14px;
    font-weight: 500;
    line-height: 10px;
    margin: 8px 0;
}
.academic_payment .input-container.card-number {margin-bottom: 8px;}
.academic_payment .input-container {position: relative;display: flex;height: 40px;}
.academic_payment .icon-container {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    width: 26px;
    margin: 0 7px;
}
.academic_payment .card-number-frame, .cvv-frame, .expiry-date-frame {
    flex: 1 1 auto;
    padding-left: 40px;
}
.academic_payment .frame--activated {
    opacity: 1;
    border: solid 1px #c0c2c3;
    border-radius: 3px;
    box-shadow: 0 1px 3px 0 rgba(19, 57, 94, .2);
}
.academic_payment .card-number-frame, .academic_payment .cvv-frame, .academic_payment .expiry-date-frame {
    flex: 1 1 auto;
    padding-left: 40px;
}
.academic_payment .icon-container.payment-method {
    transform: translateY(-50%) rotateY(90deg);
    transition: opacity .15s ease-out;
    opacity: 0;
    top: 50%;
    right: 0;
}
.academic_payment .icon-container:last-child {right: 0;}
.academic_payment #pay-button:disabled {background-color: #459dd0;box-shadow: none;}
.academic_payment #pay-button {
    border: none;
    border-radius: 3px;
    color: #fff;
    font-weight: 500;
    height: 40px;
    width: 100%;
    margin: 10px 0;
    padding: 10px;
    background-color: #007bff;
    box-shadow: 0 1px 3px 0 rgba(19, 57, 94, .4);
}
.academic_payment .field {
    padding: 0;
    margin: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    border: none;
    outline: none;
    font-size: 14px;
    font-weight: 500;
    color: #13395e;
    -webkit-text-fill-color: #13395e;
    font-family: monospace;
    -webkit-appearance: none;
}

/* ================= academin certificates ================ */
.academic_certificates .card-title {background: #ddd;padding: 5px}

/* ================= academin previous work ================ */
.academic_previous_work .clients-industry {
    font-weight: Bold;
    color: #000;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    background: #eee;
    padding: 15px 10px;
    text-align: center;
    margin-top: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    display: block;
    justify-items: center;
}
.academic_previous_work .clients-industry .icon {font-size: 30px; display: block;margin-bottom: 3px;}
.academic_clients .author-img {border-radius: 15%;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.academic_clients .latest-courses {background: #f5f5f5;padding: 50px 0 0;}

/* ================= academin testimonials ================ */
.academic_testimonials .testimonial {
    display: flex;
    background: #ebf3f3;
    padding: 30px;
    border-radius: 20px;
    border: 1px solid #ebf3f3;
    margin: 30px 0;
    box-shadow: 0 2px 4px #d5d5d5;
}
.testimonial .picture {margin-left: 15px;float: right;}
.profile_shortcut {
    margin: 15px auto;
    background: green;
    height: 100px;
    width: 100px;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    font-size: 55px;
    font-weight: bold;
    padding-top: 10px;
}

/* ================= instructors ================ */
.academic_instructors .author-block {
    background-color: #f5f5f5;
    clear: both;
    display: table;
    margin: 20px 0;
    padding: 20px;
}
.academic_instructors .author-block.course-speaker {
    background-color: transparent;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 20px;
    padding-bottom: 30px;
}
.author-block figure {float: right;}
.academic_instructors .author-picture img {width: 100px !important;margin: 0 auto;height: 100px !important;}
.academic_instructors .author-block figure img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #fff;
    width: 80px;
}
.academic_instructors .author-block article {padding-right: 25px;}
.academic_instructors .author-block .paragraph-wrapper {display: table-cell;vertical-align: middle;}
.academic_instructors .author-block article header {color: #012951;margin-bottom: 10px;}
.academic_instructors .author-block .paragraph-wrapper header {font-size: 18px;margin-bottom: 0;}
.academic_instructors .author-block .paragraph-wrapper figure {display: block;width: 100%;margin-bottom: 10px;}
.academic_instructors .main_btn{font-size: 12px;}
.academic_instructor_detail .author-block.member-detail {background-color: transparent;padding: 0;}

/* ================= academin knowledge ================ */
.academic_knowledge .blog-listing-post {
    background: #f3f3f3;
    border: 1px solid #e0dcdc;
    margin-bottom: 40px;
}
.academic_knowledge .blog-listing-post  .bad {padding: 10px;}
.read-more {
    color: #252525;
    display: inline-block;
    font-size: 14px;
    font-weight: 900;
    margin-top: 10px;
}
.read-more .icon {
    line-height: 1;
    -moz-transition: .4s;
    -o-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;
    color: var(--secondary-color);
    display: inline-block;
    font-size: 16px;
    margin-right: 5px;
    position: relative;
    top: 2px;
}
.coursescatslist {list-style: none;padding: 0;}
.coursescatslist li {
    border: 1px solid #ddd;
    background: #eee;
    margin: 5px 0;
    border-radius: 5px;
    padding: 5px 7px;
}

.blog-detail #share-post .icons, .blog-detail .blog-detail-header .blog-detail-meta, .breadcrumb li a {color: #767676;}
.blog-detail .blog-detail-header .blog-detail-meta>span {margin-left: 20px;}
.blog-detail .blog-detail-header .blog-detail-meta .icon {margin-left: 5px;}

.services .form-control, output {font-size: 14px;line-height: 1.42857143;color: #555;display: block;}
.services textarea.form-control {height: auto;}
.search-form header .icon {color: var(--secondary-color);font-size: 24px;margin-left: 10px;}
.login-user-btn {
    font-size: 15px;
    font-weight: 700;
    font-family: 'Cairo', sans-serif;
    margin: 30px 0;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 20px 10px;
    display: block;
    background: #fff;
    justify-items: center;
}
.login-user-btn .icon {display: block;font-size: 30px;color: #ed6c3b;margin-bottom: 5px;}
.account-block {display: block;padding: 30px;margin: 20px 0;background: 0 0;}

/* ================ academin courses ================ */
.subcat_link {
    background: #f7f7f7;
    width: 100%;
    height: 40px;
    display: block;
    padding: 9px;
    font-weight: bold;
    margin-top: 8px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
}
.courseslist {background: #f5f5f5;padding: 50px 0;margin: 50px 0;}
.ed-course-in, .hom-list-share, .home-top-cour {position: relative;overflow: hidden;}
.home-top-cour {
    background: #fff;
    padding: 15px 0;
    margin-bottom: 20px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    border: 1px solid #e4e4e4;
}
.home-top-cour img {width: 100%;margin-bottom: 10px;height: 180px;}
#course-speakers .img img{height: 200px;}
.home-top-cour-rat {
    display: block;
    background: #607d8b;
    padding: 3px 5px;
    font-weight: 600;
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
    margin-bottom: 10px;
    text-align: center;
}
.home-top-cour-desc .courseblocktitle {font-family: 'Cairo', sans-serif;font-size: 18px;color: #000;font-weight: 700;}
.home-top-cour-desc span {display: block;margin-bottom: 5px;}
.home-top-cour-desc span {font-size: 12px;}
.startssoon {
    margin: 10px 0;
    border-top: 1px dotted #ddd;
    padding: 8px 0;
    color: #ef6237 !important;
    font-size: 14px !important;
    font-family: Tahoma;
}
.home-top-cour-desc p {margin-bottom: 0;font-size: 15px;}
.hom-list-share {width: 100%;padding-top: 12px;}
.hom-list-share ul {margin-bottom: 0;padding: 0;}
.hom-list-share ul li {float: right;list-style-type: none;display: inline-block;width: 33.333%;}
.home-top-cour-desc span {display: block;margin-bottom: 5px;}
.home-top-cour-desc span {font-size: 12px;
}
.hom-list-share ul li span {
    display: block;
    border: 1px solid #ececec;
    margin: 2px;
    padding: 4px 5px;
    font-size: 12px;
    color: #8a8a8a;
    text-align: center;
    font-weight: 600;
}
.hom-list-share ul li:nth-child(1) span {
    color: #fff;
    border: 1px solid #149acc;
    background: #1aa5d8;
    background: linear-gradient(to bottom, #1aa5d8, #1386b1);
    text-transform: uppercase;
    font-weight: 700;
}
.hom-list-share ul li span svg {padding-left: 5px;}
.sidebar>aside {margin-bottom: 30px;}
ol li {padding: 2px 0;}
.markup {
    background: #fffac9;
    padding: 1px 5px;
    margin: 1px;
    font-weight: bold;
    border-radius: 3px;
    display: inline-block;
    color: crimson;
}

.ed-course-in, .hom-list-share, .home-top-cour {position: relative;overflow: hidden;}
.home-top-cour {
    background: #fff;
    padding: 15px 0;
    margin-bottom: 20px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    border: 1px solid #e4e4e4;
}
.home-top-cour:hover {
    -moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
    box-shadow: 0 11px 9px -10px rgba(0, 0, 0, .52);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.ribbon {width: 150px;height: 150px;overflow: hidden;position: absolute;}
.ribbon-top-right {top: -6px;right: -6px;}
.ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 15px 0;
    background-color: #62bb01;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    color: #fff;
    font: 700 15px / 1 Tahoma, sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-align: center;
}
.ribbon-top-right span {left: -25px;top: 33px;transform: rotate(45deg);}
.ribbon::after, .ribbon::before {
    position: absolute;
    z-index: 0;
    content: '';
    display: block;
    border: 3px solid #38860e;
}
.ribbon-top-right::after, .ribbon-top-right::before {border-top-color: transparent;border-right-color: transparent;}
.ribbon-top-right::before {top: 0;left: 0;}
.ribbon-top-right::after {bottom: 0;right: 0;}

.tree {margin: 1em;}
.tree input {position: absolute;clip: rect(0, 0, 0, 0);}
input[type=checkbox], input[type=radio] {margin: 6px 0 0 5px;line-height: normal;}
label.tree_label {cursor: pointer;font-size: 18px;font-weight: 700;}
.tree_label { position: relative; display: inline-block; background: #fff;}
label.tree_label:before {
    background: #000;
    color: #fff;
    position: relative;
    z-index: 1;
    float: right;
    margin: 0 -2em 0 1em;
    width: 1em;
    height: 1em;
    content: '+';
    text-align: center;
    line-height: .9em;
}
:checked ~ label.tree_label::before {content: "–";}
.tree_label:after {
    position: absolute;
    top: 0;
    right: -3.45em;
    display: block;
    height: .5em;
    width: 2em;
    border-bottom: 1px solid #777;
    border-right: 1px solid #777;
    content: '';
}
label.tree_label:after {border-bottom: 0;}
:checked~label.tree_label:after {
    border-top: 1px solid #777;
    border-right: 1px solid #777;
    border-bottom: 0;
    border-left: 0;
    bottom: 0;
    top: .5em;
    width: 1em;
    height: auto;
    right: -1.5em;
}
.tree input~ul {display: none;}
.tree input:checked~ul {display: block;}
.tree li {line-height: 1.2;position: relative;padding: 0 0 1em 1em;}
.tree ul li {padding: 1em 0 0 1em; list-style: none;}
.tree li:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -3.45em;
    display: block;
    width: 0;
    border-right: 1px solid #777;
    content: "";
}
.tree input {position: absolute;clip: rect(0, 0, 0, 0);}

.course-block {
    margin-top: 30px;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
    -webkit-box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.05);
}

/* footer pages */
.offerblock {border: 1px solid #ddd;background: #fff;text-align: center;margin-top: 20px;}
.offerblock .num {font-size: 50px;font-weight: bold;}
.offerblock .percentcon {background: #ddd;}
.offerblock .percent {font-size: 80px;font-weight: bold;}

/* =============== course_details =============== */
.course-count-down {padding-bottom: 5px;position: relative;}
.course-count-down .course-start {color: #767676;display: block;margin-bottom: -5px;}
.course-count-down .count-down-wrapper {font-size: 30px;font-weight: 700;margin-bottom: 15px;}
.course-count-down .count-down-wrapper>span{position: relative;}
.course-count-down .count-down-wrapper .count-divider{color:var(--secondary-color);margin:0 15px;bottom:4px}
.course-count-down .count-down-wrapper .count-description{
    color:#767676;
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
    position:absolute;
    right:0;
    bottom:-15px
}
.course-count-down a {
    line-height: 35px;
    position: absolute;
    z-index: 0;
    top: 25px;
    left: 0;
}

.sbg {background-color:rgba(243, 243, 243, 0.5);}
.sidebar>aside {margin-bottom: 30px;}
.course-image, .event-image {
    height: 330px;
    overflow: hidden;
    text-align: center;
    width: 100%;
    margin-top: 15px;
}
.course-image .image-wrapper, .event-image .image-wrapper {right: 100%;margin-right: -200%;position: relative;}
.course-image .image-wrapper img, .event-image .image-wrapper img { height: 330px; width: 400px;}
.bencontainer {
    background: #fff;
    height: 32px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    margin-bottom: 10px;
    -webkit-box-shadow: -1px 2px 7px -6px rgba(0, 0, 0, .75);
    -moz-box-shadow: -1px 2px 7px -6px rgba(0, 0, 0, .75);
    box-shadow: -1px 2px 7px -6px rgba(0, 0, 0, .75);
}
.benicon {
    height: 30px;
    background: #cecccc;
    font-size: 16px;
    float: right;
    color: #fff;
    padding: 0 10px;
    text-align: center;
}
.benicon img {height: 30px;width: auto;}
.padding-5 {padding-right: 5px;padding-left: 5px;}
.bendata {font-size: 12px;font-family: Tahoma;float: right;padding: 5px 5px 5px 0;color: #000;}
.intro p {color: #434545;font-weight: 500;font-size: 17px;line-height: 1.5;font-stretch: extra-condensed;}
.course-info h4 {font-weight: bolder;color: #ae0505;margin-top: 14px;}
.siribbon {
    margin: 3em;
    background-image: -ms-radial-gradient(center top, circle farthest-side, #4fe63d 0, #5b8c4a 100%);
    background-image: -moz-radial-gradient(center top, circle farthest-side, #4fe63d 0, #5b8c4a 100%);
    background-image: -o-radial-gradient(center top, circle farthest-side, #4fe63d 0, #5b8c4a 100%);
    background-image: -webkit-gradient(radial, center top, 0, center top, 487, color-stop(0, #4fe63d), color-stop(1, #5b8c4a));
    background-image: -webkit-radial-gradient(center top, circle farthest-side, #4fe63d 0, #5b8c4a 100%);
    background-image: radial-gradient(circle farthest-side at center top, #4fe63d 0, #5b8c4a 100%);
    width: 10em;
    height: 3em;
    position: relative;
    border-top-right-radius: .3em;
    border-bottom-right-radius: .3em;
    margin: 10px 0;
    font-family: "Kite One", sans-serif;
}
.siribbon:before {
    content: "";
    position: absolute;
    left: -3em;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 3em solid #5b8c4a;
    border-left: 3em solid transparent;
}
.siribbon:after {
    content: "";
    position: absolute;
    left: -3em;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: 3em solid #5b8c4a;
    border-left: 3em solid transparent;
}
.siribbon i {
    width: 120%;
    height: 90%;
    display: block;
    margin: auto;
    z-index: 100;
    top: .12em;
    right: 0;
    position: relative;
    border-top: dashed .0625em #333;
    border-bottom: dashed .0625em #333;
    overflow: hidden;
}
.siribbon i span {
    color: #fff;
    display: block;
    text-align: center;
    top: 50%;
    margin-top: -.9em;
    position: relative;
    text-shadow: .0625em .0625em .0625em #333;
    font-style: normal;
    font-weight: 700;
}
.benefitsbox {
    padding: 10px 20px;
    border: 1px solid #eae215;
    background: #f9f7c7;
    border-radius: 10px;
    margin: 20px 0;
    box-shadow: 0 6px 12px -7px;
}

.blog-detail img {margin: 20px 0;max-width: 100%;}
.blog-detail #share-post .icons, .blog-detail .blog-detail-header .blog-detail-meta, .breadcrumb li a {color: #767676;}
.blog-detail .blog-detail-header .blog-detail-meta>span {margin-left: 20px;}
.blog-detail .blog-detail-header .blog-detail-meta svg { margin-left: 5px;}

.professor-thumbnail {background: #fff;border: 2px solid #dcdcdc;padding: 8px; margin-bottom: 10px;}
.professor-thumbnail .professor-image {float: right;font-weight: 700;}
.professor-thumbnail aside {margin-right: 90px;}
.professor-thumbnail aside {margin-right: 90px;}
.smalltxt {display: block;font-size: 8pt;font-weight: 900;color: #999;}
.professor-thumbnail .show-profile {color: #252525;font-size: 11px;}