@import "https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;800&display=swap";
body {font-family:Almarai,serif; background: #f5f8f8}
.bd-placeholder-img{font-size:1.125rem;text-anchor:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none}
@media (min-width: 768px) {
.bd-placeholder-img-lg{font-size:3.5rem}
}
a { text-decoration: none; color: #111; }
a:hover { color: #e51b4a; }
.font-weight-bolder { font-weight: 800; }
.text-primary { color: #cd0026 !important; }
#wrapper{padding-right:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
/* #wrapper.toggled{padding-right:250px} */
/* #sidebar-wrapper{z-index:1000;position:fixed;right:250px;width:0;height:100%;margin-right:-250px;overflow-y:auto;background:#fff;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;box-shadow:inset -1px 0 0 0 #DDD}
#wrapper.toggled #sidebar-wrapper{width:250px} */
#wrapper.toggled #page-content-wrapper{/* position:absolute;margin-left:-250px */}
#page-content-wrapper{width:100%;/* position:absolute; */}
.breadcrumb a { color: #c0c0c0; transition: 0.2s; font-size: 14px; }
.breadcrumb a:hover { color: #666; }
.breadcrumb-item + .breadcrumb-item::before { color: #c0c0c0; }
.sidebar-nav{position:relative;width:100%;margin:0;padding:10px;list-style:none}
.sidebar-nav li{list-style-type:none; padding: 0;}
.sidebar-nav li a{display:block;padding:10px 10px;text-decoration:none;color:#999; border-bottom: 1px solid #e0e0e0;}
.sidebar-nav li a:hover{text-decoration:none; color: #e51b4a;}
.sidebar-nav li a:active,.sidebar-nav li a:focus{text-decoration:none}
.sidebar-brand { text-align: center; }
.sidebar-brand a{color:#999}
.sidebar-brand img{width: 100px;}
.sidebar-brand a:hover{color:#000;background:none}
.btn-toggle-menu{z-index:100;position:absolute;right:20px;top:20px;}
.btn-toggle-menu img{width:30px;color:#666}
#sidebar-wrapper li.active > a:after{border-right:17px solid #f4f3ef;border-top:17px solid transparent;border-bottom:17px solid transparent;content:"";display:inline-block;position:absolute;right:-1px}
.sidebar-brand{border-bottom:1px solid rgba(102,97,91,0.3);padding:18px 0;margin:0 20px}
.side_article { background: #fff; display: block; padding: 10px 10px 10px 5px; border-bottom: 1px solid #e9e9e9; }
.side_article img { max-height: 98px; }
.page-item.active .page-link { background-color: #cd002a; border-color: #cd002a; }
.pagination .page-link { font-size: 20px; color: #343434; }
.main_header{background:#f0f0f0 url(../images/header_bg.jpg) repeat-x; background-size: cover;}
.blog-header{line-height:1; }
.blog-header-logo img { max-height: 80px; transition: 0.3s; }
.blog-header-logo:hover{text-decoration:none}
.blog-post-content { font-size: 17px; line-height: 1.6; }
.blog-post-content img { max-width: 100%; }
.article_author_img { width: 150px; height: 150px; border-radius: 50%; margin-left: 15px; text-align: center; }
.nav-scroller{position:relative;z-index:2;border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;}
.nav-scroller .nav{display:flex;flex-wrap:nowrap;padding-bottom:0rem;margin-top:-1px;text-align:center;white-space:nowrap;-webkit-overflow-scrolling:touch}
.nav-scroller .nav-link{padding-top:.75rem;padding-bottom:.75rem;font-size:.875rem}
.nav-scroller .link-item.active{border-bottom: 4px solid #d10025;}
.card-img-right{height:100%;border-radius:3px 0 0 3px}
.flex-auto{flex:0 0 auto}
.blog-footer{padding:2.5rem 0 0;color:#727272;text-align:center;background-color:#f9f9f9;border-top:.05rem solid #e5e5e5}
.blog-footer p:last-child{margin-bottom:0}
.hp_hero .overlay_post { max-height: 400px; }
.hp_single_post h5, .sidebar h5 { font-weight: 800; font-size: 16px; line-height: 1.6; }
.hp_single_post .card-body { padding-right: 10px; padding-left: 10px; border-bottom: 3px solid #fff;  }
.hp_single_post:hover .card-body { border-bottom: 3px solid #d10025; }
.hp_single_post .card, .w_article.card { border: 0; box-shadow: 0 1.5px 3px 0 rgba(0,35,64,.05); }
.hp_single_post .cat_badge, .side_article .cat_badge, .w_article .cat_badge { font-size: 13px; line-height: 13px; font-weight: bold; border-right: 3px solid #d10025; padding-right: 5px; }
.w_article .cat_badge.author_badge { color: #666 !important; }
.hp_single_post .card_img { height: 178px; overflow: hidden; background: #000; }
.cat_single_card { background-color: transparent; border: none; }
.w_article .card-title { font-size: 16px; line-height: 1.50; }
.w_article .card-img { border-radius: 0; height: 100px; }
.w_article.card { border-radius: 0; }
.w_article .card-body { padding: 5px 0 5px 10px; display: flex; flex-direction: column; justify-content: center; }
.w_article .col-md-7 { padding-right: 0; display: flex; }
.category_head_title { font-size: 20px; line-height: 20px; font-weight: 800; border-right: 3px solid #d10025; padding-right: 5px; }
.nav a { font-weight: 800; color: #111; }
.subcatalog_section .overlay_post .card { height: 260px !important; overflow: hidden; }
.home_cat_head img:hover { background: #e9e9e9; border-radius: 50%; border: 5px solid #e295b4; border-style: inset;}
.header_ctrl img { height: 40px; padding: 10px; }
.header_ctrl img:hover { background: #e9e9e9; border-radius: 50%; border: 1px solid #f0f0f0; }
.fixed-header { position: fixed;top: 0;background: #fff;width: 100%;z-index: 50;box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15); }
.fixed-header .blog-header-logo img { max-height: 40px; }
.fixed-header .blog-header.py-3 { padding-top: 10px !important; padding-bottom: 10px !important; }
.fixed-header .nav-scroller { margin-bottom: 0 !important; }
.fixed-header .ymn_slogan { display: none; }
.hero_slider .head_article .card_img { max-height: 300px; overflow: hidden; }
.hero_slider .head_article h5.card-title { font-size: 20px; }
.article_cubes .card_img { max-height: 200px; overflow: hidden; }
.article_fullh .card_img { height: 520px; overflow: hidden; }
.article_fullh .card_img img { height: 520px; width: auto; }
.back-to-top{position:fixed;bottom:0;left:20px;font-size:22px;z-index:9999;width:45px;height:45px;text-align:center;line-height:47px;background:#606060;border: 1px solid #666;color:#f0f0f0!important;cursor:pointer;border-radius:0;text-decoration:none;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;opacity:0}
.back-to-top:hover{background:#333}
.back-to-top.show{bottom:20px;opacity:1}
.social_networks a { color: #fff; display: inline-block; padding: 2px 10px; }
.social_networks a i { font-size: 20px; }
.social_networks a:hover{ color: #96ecf5; }
.overlay_post .card:before { transition: 0.1s; background: linear-gradient(0deg,#000,rgba(0,0,0,0.7),rgba(0,0,0,0)); content: ""; position: absolute; bottom: 0; display: block; height: 30%; width: 100%; }
.overlay_post .card-badge { position: absolute; top: 20px; padding: 3px 7px; border-radius: 2px; margin-right: 10px; background: #d10025; color: #fff; font-weight: 400; font-size: 13px; }
.overlay_post .card-img-overlay { bottom: 10px; top: unset; padding: 0px 10px; }
.overlay_post .card-img-overlay .card-title { font-size: 20px; line-height: 1.4; font-weight: 700; color: #fff; }
.overlay_post .card-img-overlay .card-text { font-size: 14px; font-weight: 400;}
.overlay_post .card-img-overlay:hover .card-text { color: #a3b4e2; }
.overlay_post .card:hover .card-title { color: #e0e0e0; }
.overlay_post:hover .card:before { background: linear-gradient(0deg,#000,rgba(0,0,0,0.8),rgba(0,0,0,0)); content: ""; height: 45%; }
.albums_section .album_count { position: absolute; top: 0px; left: 0; margin: 0 auto; font-size: 14px; background: #d10025; border-radius: 0; padding: 3px 7px; color: #fff;}
.albums_section .sec_articles img { max-height: 300px; min-height: 300px; }
.lg-outer { direction: ltr; }
.dark_section { background: #1e1e1e !important; }
.dark_section .sec_articles .card, .dark_section .main_article .card { background: #272626 !important; color: #fff !important; border-top: none; }
.videos_section a { color: #f5f5f5 !important; }
.videos_section .single_video a { color: #f9f9f9 !important; font-weight: bold; }
.videos_section a:hover { color: #d10025 !important; }
.videos_section .card-text, .videos_section .card-text .text-muted { color: #e0e0e0 !important; }
.videos_section .other_videos .single_video img { max-height: 112px; }
.single_video:after { content: "\eb86"; font-family: boxicons; padding:6px 9px; background: rgba(209, 0, 37, 0.78); position: absolute; top: 45%; left: 48%; margin: 0 auto; display: block; border-radius: 5px; }
.single_video:hover:after { background: rgba(0, 0, 10, 0.98); }
.other_videos .single_video:after { top: 25%; left: initial; right: 14%; }
.logo_nav_mobile { display: none; }
.mobile-nav-toggle { position: absolute;top: 40px;left: 11px;}
.mobile-nav-toggle{color:#1f3548;font-size:28px;cursor:pointer;display:none;line-height:0;transition:.3s}
.mobile-nav-toggle.bi-x{color:#fff}
.navbar-mobile{flex-direction: column; align-items: start; position:absolute;overflow:auto;right:0;left:0;background:rgba(42, 48, 79,0.9);transition:.1s;z-index:998}
.navbar-mobile .mobile-nav-toggle{position:absolute;top:15px;right:15px}
.navbar-mobile ul{display:block;position:absolute;top:0;right:0;bottom:0;left:0;padding:100px 0 0 0;background-color: #273238;overflow-y:auto;transition:.3s}
.navbar-mobile a{padding:8px 20px; width: 100%; font-size:15px;color:#f0f0f0;border-bottom: 1px dotted #4d5960;justify-content: start;}
.navbar-mobile a:before { content: "\e9b1"; font-family: 'boxicons' !important; padding-left: 10px; font-size: 20px; color: #8a959b; }
.navbar-mobile a:hover,.navbar-mobile .active,.navbar-mobile li:hover > a{color:#fff}
.infographic_section .overlay_post .card { border: 1px solid #787777; max-height: 320px; overflow: hidden; }
.footer_sublinks { margin: 0; padding: 0; }
.footer_sublinks li { margin: 0; padding: 0; list-style-type: none; display: inline-block; }
.footer_sublinks li a{ display: inline-block; padding: 5px 10px; padding-bottom: 15px; font-size: 14px; color: #666;border-bottom: 1px dotted #808080}
.footer_sublinks li a:hover { border-bottom: 1px dotted #333;color: #333; }
.footer_menu a { font-size: 15px; display: inline-block; color: #666;padding: 0px 15px; font-weight: bold; border-left: 2px solid #555; }
.footer_menu a:last-child { border-left: none; }
.footer_menu a:hover { color: #000; }
.footer_copyrights { font-size: 14px; }
.footer_social a { display: inline-block; padding: 3px 5px; }
.footer_social a i { font-size: 30px; color: #606060; }
.footer_social a:hover i { color: #000; }
.contact .info-box{color:#444;text-align:center;box-shadow:0 0 30px rgba(214,215,216,0.6);padding:20px 0 30px;margin-bottom:30px;width:100%}
.contact .info-box i{font-size:32px;color:#cf0025;border-radius:50%;padding:8px;border:2px dotted #9eccf4}
.contact .info-box h3{font-size:20px;color:#666;font-weight:700;margin:10px 0}
.contact .info-box p{padding:0;line-height:24px;font-size:14px;margin-bottom:0}
.contact .php-email-form{box-shadow:0 0 30px rgba(214,215,216,0.6);padding:30px}
.contact .php-email-form .error-message{display:none;color:#fff;background:#ed3c0d;text-align:left;padding:15px;font-weight:600}
.contact .php-email-form .error-message br + br{margin-top:25px}
.contact .php-email-form .sent-message{display:none;color:#fff;background:#18d26e;text-align:center;padding:15px;font-weight:600}
.contact .php-email-form .loading{display:none;background:#fff;text-align:center;padding:15px}
.contact .php-email-form .loading:before{content:"";display:inline-block;border-radius:50%;width:24px;height:24px;margin:0 10px -6px 0;border:3px solid #18d26e;border-top-color:#eee;-webkit-animation:animate-loading 1s linear infinite;animation:animate-loading 1s linear infinite}
.contact .php-email-form .form-group{margin-bottom:20px}
.contact .php-email-form input,.contact .php-email-form textarea{border-radius:0;box-shadow:none;font-size:14px}
.contact .php-email-form input::focus,.contact .php-email-form textarea::focus{background-color:#cf0025}
.contact .php-email-form input{padding:10px 15px}
.contact .php-email-form textarea{padding:12px 15px}
.contact .php-email-form button[type="submit"]{background:#cf0025;border:0;padding:10px 30px;color:#fff;transition:.4s}
.contact .php-email-form button[type="submit"]:hover{background:#629fd3}
.reg_page_head { width: 100%; background: #676f6c; color: #fff; padding: 20px 0; margin-bottom: 15px; font-weight: bold; font-size: 20px; }
.hp_programs .hp_single_post .card-body { background: #373737; border-bottom: 3px solid #cc0024; }
.hp_programs .hp_single_post .card, .w_article.card {}
.hp_programs a:hover { color: #000; }
.catalog_featured .card { max-height: 350px; overflow: hidden; }
.navbar .dropdown-menu { background-color: #3a3a3a; padding: 1.0rem 0px; color: #f7f7f7; border: 1px solid rgba(50, 50, 50, 0.15); margin-top: 15px; }
.navbar .dropdown-menu a { color: #f7f7f7; padding: 1.0rem 1rem; }
.navbar .dropdown-menu a:hover { color: #3a3a3a; }
.navbar .dropdown:hover .dropdown-menu { display: block; margin-top: 8px; }
@media (max-width: 991px) {
.mobile-nav-toggle{display:block}
.navbar ul{display:none}
}
@media(min-width:768px) {
#wrapper{padding-right:250px}
#wrapper.toggled{padding-right:0}
#sidebar-wrapper{width:250px}
#wrapper.toggled #sidebar-wrapper{width:0}
#page-content-wrapper{position:relative}
#wrapper.toggled #page-content-wrapper{position:relative;margin-right:0}
#wrapper #page-content-wrapper:after{content:''}
.overlayed:after{content:'';background:#2e2e2e87;height:100%;width:100%;margin:0 auto;position:absolute;z-index:99;top:0;bottom:0}
}
@media (min-width: 520px) {
.navbar-mobile { position: relative; display: none; }
.logo_nav_mobile { display: none; }
}
@media (max-width: 500px) {
.navbar { display: none; }
.mobile-nav-toggle {top: 89px;left: 17px; z-index: 1010;font-size: 38px; border-radius: 15px;}
.mobile-nav-toggle:hover { background: rgba(200, 200, 200, 0.3); }
.mobile-nav-toggle.bx-x { top: 57px; }
.fixed-header .mobile-nav-toggle { top: 22px; }
ol.breadcrumb { display: none; }
.w_article .card-body { padding: 5px 10px; }
.nav-scroller .nav{overflow-x: auto}
}