body {
    font-family: 'Tajawal', sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
.logo { padding-top: 10px; padding-bottom: 10px; }
.logo img { height: 80px; }
.header-inside .logo img { height: unset; width: 100%; }
.header-inside, .header-inside .sticky { background-color: #0e1851; }
.header-inside .main-menu nav > ul > li > a { color: #fff; }
.header-inside .main-menu nav > ul > li:hover > a, .header-inside .main-menu nav > ul > li.active > a { color: #ea5822; }
.footer-logo img { height: 50px; }
.slide-bar label {
    color: #fff;
    position: relative;
    top: -2px;
}
.hero-area .slider-img { top: unset; bottom: 0px; }
/* New 09-2021 */
.pagination li.active a, .pagination li a:hover {
    background-color: #0e1851 !important;
    border-color: #0e1851 !important;
}
.theme-bg2 {background: #0e1851;}
.course-text-02.course-text-inner a.btn-round-02 {color: #ea5822;}
.course__instructor--price-tag span {background: #ea5822;}
.course-text .course-cat-meta span a {background: #0e1851;}
.course-wrapper:hover .course-text .course-cat-meta span a{background-color: #fff;}
@media(min-width: 1023px){
    .page-title h1 {font-size: 3rem;}
    .logo img { height: auto; }
}
@media(max-width: 767px){
    .logo img { height: auto !important; }
    .offset-sidebar {display: block;}
}
.course-text-02.course-text-inner .course__instructor--price-tag span {color: #ea5822;}
.breadcrumb .breadcrumb-list li a:hover{color: #ea5822;}
.widget-course-list li a span {color: #ea5822;}
.widget-course-list li a i{color: #ea5822;}
.curriculumn-list li a span i {color: #ea5822;}
.card .card-header .collapsed::before{color: #ea5822;}
.widget .enroll-btn a.c-btn {background: #0e1851;}
.widget-course-list li a:hover {background-color: rgb(14 24 81 / 6%);}
.widget-course-list {
    padding: 0;
}
.widget-course-list li a{padding: 30px 10px;}
.widget-course-list li.active a{background-color: rgb(14 24 81 / 6%);}
.courses-filter-section input{
    height: 42px;
    border: solid 1px #e8e8e8;
}
.courses-filter-section .nice-select {line-height: 30px;}
.filter-btn {
    border-color: #ea5822;
    color: #ea5822;
    height: 42px;
    line-height: 30px;
    transition: .3s;
}
.filter-btn:hover {
    color: #fff;
    background-color: #ea5822;
}
.form-control:focus, .btn.focus, .btn:focus {box-shadow: 0 0 0 0.2rem rgb(14 24 81 / 25%);}
.page-title {padding: 80px 0;}
.page-title-area {min-height: 0;}
.contact-form-area input, .contact-form-area textarea {border: 1px solid rgb(14 24 81 / 10%) !important;}
.cta-content .contact-icon a {color: #0e1851;}
.cta-content .contact-icon a:hover {background-color: #0e1851;}
.subscribe .lg-btn a.c-btn:hover {background: #0e1851;}
.btn-blue-style {background: #0e1851 !important;}
.events-wrapper-03 .events-contents {padding: 30px 15px;}
.events-wrapper-03 .events-contents h3 {
    font-size: 25px;
    margin-bottom: 10px;
}
.events-wrapper-03 .events-contents .events-meta span {margin-bottom: 0;}
.events-wrapper-03 .events-contents h3 a:hover {color: #0e1851;}
.slide-bar {background-color: #0e1851;}
.social-media-small a {
    text-align: center;
    margin: 0 15px;
}
.social-media-small {
    justify-content: center;
    display: inline-flex;
    width: 100%;
}
.side-mobile-menu li.active>a {color: #ea5822;}
.main-menu nav > ul > li > a {font-size: 22px;}
.footer-social-icon a {font-size: 18px;}
.map{width: 100%;}
.map-marker-color {color: #ea5822;}
.copyright-area .copyright-text p {font-size: 17px;}
.img-play-container { position: relative; }
.img-play-container a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 40px;
    display: block;
    width: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 100%;
    background-color: #fff;
    color: #000;
}
.img-play-container a span {
    position: relative;
    top: 5px;
}
.widget-search .slider-search-form a {
    position: absolute;
    transform: translate(-50%, -50%);
    top: calc(50% + 2px);
    left: 20px;
}