html{scroll-behavior: smooth;}
body {font-family: Tajawal,sans-serif;background-color: #eff2f7}
main {min-height: 50vh;background: rgba(12,111,118,.06);}
.owl-carousel a {text-decoration: none;color: inherit}
.no_style {text-decoration: none;color: inherit}
.owl-stage {padding-bottom: 20px}
.btn-primary {color: #fff;background-color: #0b6f77;border-color: #0b6f77}
.btn-primary:hover {color: #fff;background-color: #005c69;border-color: #005c69}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle {
color: #fff;background-color: #305b61;border-color: #305b61}
.btn-secondary {color: #fff;background-color: #c69a47;border-color: #c69a47}
.btn-secondary:hover {color: #fff;background-color: #a88036;border-color: #a88036}
.btn-secondary:hover {color: #fff;background-color: #a88036;border-color: #a88036}
.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
color: #fff;background-color: #a88036;border-color: #a88036}
.btn-outline-primary {color: #0b6f77;border-color: #0b6f77}
.btn-outline-primary:hover {color: #fff;background-color: #0b6f77;border-color: #0b6f77}
.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle {
color: #fff;background-color: #005c69;border-color: #005c69}
.footer {background: #0a6168;background-position: 0 103%;color: #fff;padding-top: 40px;border-top: 5px solid #c69a47;}
.footer .ft-border {border-right: 1px solid #c69a47;min-height: 162px;margin-bottom: 5px;}
    .footer a {
        color: inherit;
        text-decoration: none;
        display: inline-flex;
    }
.footer li {list-style-type: none;padding-bottom: 10px}
.footer ul {padding: 0;margin: 0;}
.footer .credit {margin-top: 3px;width: 100%;background-color: #0f4f54;padding: 10px;}
.btm_fot_links a {margin-left: 5px;padding-left: 5px;border-left: 1px solid #fff;}
.btm_fot_links a:last-child {padding: 0;margin: 0;border: none;}
#scrolltop {bottom: 45px;}
.footer_icon {margin: 10px;font-size: 20px;}
.hide-element {border: 0;clip: rect(1px 1px 1px 1px);clip: rect(1px,1px,1px,1px);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px}
.form-control.navbar-input.rounded input:focus {border: 0;outline-color: transparent;outline-style: none}
.hero-owl .item span.hero_owl_title {font-family: Tajawal;font-style: normal;font-weight: 700;font-size: 24px;line-height: 132.5%}
.hero-owl .item .hero_owl_desc {font-family: Tajawal;font-style: normal;font-weight: lighter;font-size: 18px;text-align: justify;line-height: 132.5%;height: auto;margin-bottom:2rem;overflow: hidden}
.category-menu .card .card-body {padding-right: 49px}
.category-menu {z-index: 2;position: absolute;left: 0;width: 358px;top: 20px}
.navbar-input .dropdown-menu {z-index: 100}
.section-hero {position: relative;background: #005c69;background: linear-gradient(116.84deg,rgba(25,86,99,.54) 69.1%,rgba(11,111,119,.54) 69.11%,rgba(25,86,99,.54) 103.29%),linear-gradient(240.83deg,#195663 22.48%,#0b6f77 22.49%,#195663 85.5%);
background-position: 0,0;background-repeat: no-repeat;background-size: cover;padding-top: 150px;height: 680px;color: #fff;border-radius: 0 0 200px 200px;
}
.block-header .hero-header {position: relative;background: #005c69;background: url(../images/kfu_gate.png),linear-gradient(116.84deg,rgba(25,86,99,.54) 69.1%,rgba(11,111,119,.54) 69.11%,rgba(25,86,99,.54) 103.29%),linear-gradient(240.83deg,#195663 22.48%,#0b6f77 22.49%,#195663 85.5%);background-position: 91px 100%,0,0;background-repeat: no-repeat;height: 372px;color: #fff;margin: 0 -30px}
.section-hero .card {background-color: #fff;border: 0;border-radius: 20px;height: 358px;box-shadow: 0 20px 20px -20px #bcc5d6}
.list-group-item {background-color: #fff}
.navbar-items {color: #444;position: relative;top: 10px}
.navbar-items i {font-size: 30px;vertical-align: middle}
.navbar-items .nav-items {background-color: #eff2f7;padding: 10px 20px;border-radius: 100px}
.navbar-items .nav-items i {vertical-align: middle}
.navbar-items .nav-profile {margin-left: 20px}
.navbar-items a {text-decoration: none;color: inherit}
.navbar-links {position: absolute;top: 0;right: 0;width: 100%;border-bottom: 1px solid #c69a47;}
.navbar-links ul {list-style-type: none;margin: 0;padding: 0 0px;overflow: hidden;background-color: #0b6f77}
.navbar-links li {float: right}
.navbar-links li a {display: block;color: #fff;text-align: center;padding: 5px 15px;text-decoration: none;font-size: 18px;}
.navbar-links li a:hover {background-color: #005c69;transition: all .3s}
.card {background-color: #fff;border: 0;border-radius: 0;box-shadow: 0 20px 20px -20px #bcc5d6}
.hero_img {position: absolute;left: 0px;top: -2px;}
.item_award {text-align: center;width: 110px;height: 110px;padding: 20px;margin: 0 auto;}
.item_award .item_award_img {margin: 0 auto;width: 100% !important;}
.item_award .item_award_title {font-family: Tajawal;font-style: normal;font-weight: 500;font-size: 22px;line-height: 26px;text-align: center}
.item_award .item_award_desc {font-family: Tajawal;font-style: normal;line-height: 22px;text-align: center;margin-top: 10px}
.hero_section_award .owl-carousel .owl-nav button.owl-prev {color: #c69a47;position: absolute;top: 55px;right: 0;}
.hero_section_award .owl-carousel .owl-nav button.owl-next {color: #c69a47;position: absolute;top: 55px;left: 0;}
.hero_prize.owl-theme .owl-dots .owl-dot.active span {background-color: #c69a47;width: 30px;margin: 3px;transition: all .3s;}
.hero_prize.owl-theme .owl-dots .owl-dot span {background-color: #fff;margin: 3px;transition: all .3s;}
.card.main_service_card .card-body {padding: 10px}
.card.main_service_card, .card.quick_access_card {height: 235px;text-align: center}
.card.quick_access_card:hover .quick_access_icon_container{}
img.main_service_icon {width: 110px !important;height: 110px !important;object-fit: contain;margin: 0 auto;margin-top: 26px;transition: 0.3s all;}
span.main_service_title, span.quick_access_title {font-size: 19px;position: absolute;width: 100%;bottom: 30px;left: 0;right: 0;font-weight: 600;}
@media screen and (min-width: 1250px) {
.container.custom-container {max-width:1400px}
}
section.hero_section_slogen {margin-top: 66px}
section.hero_section_award {margin-top: 0;width: 100%;float: left;margin-left: 0px;}
.main_news_card {border-radius: 0}
.main_news_card_image {object-fit: cover;border-radius: 0;height: 500px;margin: 0;background: linear-gradient(45deg,#94aba9,#bfc8a6)}
@media screen and (max-width: 767px) {
.main_news_card_image {height:300px;margin: 0;}
}
@media screen and (max-width: 820px) {
.main_news_card_details {margin-top:20px}
img.hero_img_slide {object-fit:contain !important;width:100% !important;height:270px !important;}
.hero_img_container{clip-path: polygon(0 0, 85% 0, 100% 100%, 15% 100%) !important}
.owl-carousel.owl-hero-img.owl-theme {max-width:100% !important;height:auto !important;margin-top:0;position:relative !important;padding-top:130px}
}
.btn.hero_owl_learn_more {background-color: #94ccd0;border-color: #94ccd0;color: #000;float:left;}
span.main_news_card_title {font-family: Tajawal;font-style: normal;font-weight: 700;font-size: 26px;line-height: 31px;text-align: justify;color: #4e4e4e;max-height: 123px;overflow: hidden;display: block;margin-bottom: 20px}
p.main_news_card_desc {font-family: Tajawal;font-style: normal;font-weight: 400;font-size: 18px;line-height: 22px;text-align: justify;color: #555;height: 285px;overflow: hidden}
a.main_news_card_read_more {
font-family: Tajawal;font-style: normal;font-weight: 700;font-size: 18px;line-height: 22px;text-align: right;color: #0b6f77;float: left
}
.small-card span.main_news_card_title {font-size: 21px}
.small-card p.main_news_card_desc {font-size: 16px;height: 176px}
.small-card img.main_news_card_image {height: 368px}
section.section {padding-top: 50px;padding-bottom: 50px}
.section .section_title {color: #0f7179;margin-bottom: 30px;position: relative;font-weight: bolder}
.section .section_title::after {content: "";position: absolute;height: 4px;width: 200px;background-color: #c69a47;right: 0;bottom: -12px}
.section .section_title_sm {color: #0f7179;margin-bottom: 30px;position: relative;font-weight: bolder}
.section .section_title_sm::after {content: "";position: absolute;height: 4px;width: 100px;background-color: #c69a47;right: 0;bottom: -12px}
.item {margin: 10px}
.btn.hero_owl_learn_more {background-color: #c69a47;border-color: #c69a47;color: #fff;}
.hero-owl.owl-theme .owl-dots {transform: translatey(-66px);margin: 0 auto;width: 150px;margin-top: 29px;}
.hero-owl.owl-theme .owl-dots .owl-dot span {background-color: #fff;margin: 3px;transition: all .3s}
.hero-owl.owl-theme .owl-dots .owl-dot.active span {background-color: #c69a47;width: 30px;margin: 3px;transition: all .3s}
.services-owl {transform: translateY(20px)}
.owl-main-news.owl-theme .owl-dots .owl-dot span {background-color: #c69a47;margin: 3px;transition: all .3s}
.owl-main-news.owl-theme .owl-dots .owl-dot.active span {background-color: #0b6f77;width: 30px;margin: 3px;transition: all .3s}
li.navbar_links_left {float: left}
select.form-control.section_ddl {width: 250px;float: left;margin-left: 10px}
select.form-control.section_ddl {width: 250px;float: left;margin-left: 10px;border: 0;box-shadow: 0 1px 3px rgba(0,0,0,.13);border-radius: 8px}
@media screen and (max-width: 402px) {
select.form-control.section_ddl {width:190px}
.services-owl .owl-nav {left: 200px!important;width: 100px}
}
.services-owl .owl-nav {position: absolute;top: -72px;left: 270px}
.services-owl .owl-nav button.owl-next,.services-owl .owl-nav button.owl-prev,
.quick-access-owl .owl-nav button.owl-next,.quick-access-owl .owl-nav button.owl-prev,
.selective-apps-owl .owl-nav button.owl-next,.selective-apps-owl .owl-nav button.owl-prev,
.owl-theme .owl-nav button.owl-next,.owl-theme .owl-nav button.owl-prev {background: #fff!important;height: 36px;width: 36px!important;min-width: 36px;max-width: 36px;box-sizing: border-box;box-shadow: 0 1px 3px rgba(0,0,0,.13);border-radius: 8px!important;position: relative;outline: 0;transition: all .2s ease}
.services-owl .owl-nav [class*=owl-]:hover,
.quick-access-owl .owl-nav [class*=owl-]:hover,
.selective-apps-owl .owl-nav [class*=owl-]:hover,
.owl-theme .owl-nav [class*=owl-]:hover {background: #c69a47!important;color: #fff;text-decoration: none}
.services-owl.owl-theme .owl-dots .owl-dot span,
.quick-access-owl.owl-theme .owl-dots .owl-dot span,
.selective-apps-owl.owl-theme .owl-dots .owl-dot span,
.owl-theme .owl-dots .owl-dot span{background-color: #c69a47;margin: 3px;transition: all .3s}
.services-owl.owl-theme .owl-dots .owl-dot.active span,
.quick-access-owl.owl-theme .owl-dots .owl-dot.active span,
.selective-apps-owl.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot.active span{background-color: #0b6f77;width: 30px;margin: 3px;transition: all .3s}
img.news_details_img {width: 100%;object-fit: cover;border-radius: 0;height: 340px;background: linear-gradient(45deg,#94aba9,#bfc8a6)}
span.news_details_title {font-family: Tajawal;font-style: normal;font-weight: 700;font-size: 23px;color: #343434;text-align: justify;overflow: hidden;display: block}
p.news_details_details {font-size: 18px;margin-top: 50px;overflow: hidden}
img.main_sub_news_img {width: 100%;object-fit: cover;border-radius: 0;height: 220px;background: linear-gradient(45deg,#94aba9,#bfc8a6);border: 10px solid #fff;}
span.main_sub_news_title {font-family: Tajawal;font-style: normal;font-weight: 700;font-size: 18px;line-height: 22px;color: #343434;text-align: justify;height: 65px;overflow: hidden;display: block;text-align: center;}
p.main_sub_news_details {font-family: Tajawal;font-style: normal;font-weight: 400;font-size: 16px;line-height: 17px;margin-top: 10px;height: 88px;text-align: justify;overflow: hidden}
a.main_sub_news_read_more {font-family: Tajawal;font-style: normal;font-weight: 700;font-size: 16px;text-align: right;color: #0b6f77;float: none;text-align: center;display: block;margin-top: 10px;}
.top-nav {margin-top: 50px}
header.block-header {position: relative;z-index: 99;width: 100%;padding: 30px;padding-bottom: 0;background-color: #fff}
header {position: absolute;z-index: 99;width: 100%;padding: 30px}
header .logo {display: block;padding: 15px 0;min-height: 127px}
header .nav {float: none;display: inline-block}
header .nav.navbar-right {float: left}
header .nav.navbar-right img {max-width: 75px}
header .nav.navbar-right a {padding: 10px 15px}
header .nav li {float: none;display: inline-block}
header .top-nav a {color: #708187;padding: 25px 15px;transition: all .2s ease}
header .btm-nav a {color: #fff;position: relative;transition: all .2s ease;font-size: 20px}
header.block-header .btm-nav a {color: #0b6f77;font-weight: 600}
header .dropdown-menu ul a {font-weight: 500!important;color: #333!important;padding: 10px 10px;display: block;transition: all .2s ease}
header.block-header .btm-nav .dropdown-toggle:after {background-color: #cacaca}
header .btm-nav .dropdown-toggle:after {content: "";position: absolute;height: 10px;width: 5px;background-color: #bf8f2a;border-radius: 50%;top: 33px;left: -15px;border-bottom: 0;border-top: 0}
header .btm-nav .dropdown:last-child .dropdown-toggle:after {display: none}
header .btm-nav .dropdown {position: inherit;margin-left: 20px}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover,.nav>li>a:focus,.nav>li>a:hover,header a:focus,header a:hover {background-color: transparent;color: #c69a47;text-decoration: none}
header .dropdown-menu {left: 15px;right: 15px;padding: 40px}
header .dropdown-menu ul {padding: 0 10px 0 0;
float: right;width: calc(100% / 3);border-right: 1px solid #1d525a47}
header .dropdown-menu ul:first-child {border: none}
header .dropdown-menu ul li {display: block}
header .dropdown-menu ul a {font-weight: 500;color: #333;padding: 10px 10px;display: block;transition: all .2s ease}
header .dropdown-menu ul a:hover {color: #bf8f2a}
.nav-opened {right: 0!important}
.accessibility_icons .bx {background: #ececec;border-radius: 10px;padding: 10px;margin: 5px;font-size: 20px;color: #0b6f77}
.accessibility_icons .bx:hover{background-color: #d4d4d4;}
@media only screen and (min-width: 1250px) {
.sm-nav-action {position:static}
.close-nav,.open-nav {display: none!important}
a[data-display=static]+.dropdown-menu {position: absolute;transform: translateY(-40px)}
.block-header a[data-display=static]+.dropdown-menu {position: absolute;top: 190px}
.accessibility_icons {position: absolute;top: 66px;left: 280px;}
}
@media only screen and (max-width: 1250px) {
.hero_img {display: none;}
.section-hero{border-radius: 0;height: 731px;}
header .btm-nav .dropdown {margin-left: 0}
.navbar-links {position: static;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #ddd}
.navbar-links ul {padding: 0;background-color: #fff}
.navbar-links li a {color: #004b55;text-align: right;padding-bottom: 10px;font-size: 18px}
.navbar-links li a:hover {background-color: #f6f6f6}
li.navbar_links_left {float: none}
header .btm-nav .dropdown {margin-bottom: 10px}
.navbar-links li {float: none}
.accessibility_icons {position: relative;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #ddd}
.sm-nav-action {position: relative}
.close-nav,.open-nav {display: inline-block;position: absolute;left: 15px;top: 15px;padding: 13px 14px;background-color: #ffffff52;border-radius: 50%;height: 47px;width: 47px;font-size: 20px;text-align: center;color: #fff}
.block-header .close-nav,.block-header .open-nav {display: inline-block;position: absolute;left: 15px;top: 15px;padding: 13px 14px;background-color: rgba(11,111,119,.2);border-radius: 50%;height: 47px;width: 47px;font-size: 20px;text-align: center;color: #0b6f77;z-index: 99}
.sm-nav-action {position: fixed;z-index: 9999999;background-color: #fff;top: 0;bottom: 0;right: -71%;width: 70%;transition: all .2s ease;height: 100vh;overflow: auto;padding: 20px 0}
.top-nav {margin-top: 25px}
header .nav,header .nav li {display: block}
header .top-nav a {padding: 10px 15px;color: #000}
header .btm-nav .dropdown-toggle:after {display: none}
header .dropdown-menu {padding: 0}
header .dropdown-menu ul {padding: 0;width: 100%;border: none;border-top: 1px solid #0f71791f;padding: 10px 20px}
header .dropdown-menu ul a {padding: 5px 0;font-weight: 500;color: #666}
.news {padding: 50px 0}
.electric {padding: 0 0}
.footer {background: inherit;background: #0a6168;padding-top: 50px}
.footer .credit {margin-top: 0}
.footer .logo {margin-bottom: 20px;max-width: 80%}
}
@media screen and (max-width: 767px) and (orientation:portrait) {
.section-hero {position: relative;background: #005c69;background: linear-gradient(116.84deg,rgba(25,86,99,.54) 69.1%,rgba(11,111,119,.54) 69.11%,rgba(25,86,99,.54) 103.29%),linear-gradient(240.83deg,#195663 22.48%,#0b6f77 22.49%,#195663 85.5%);
background-position: 0,0;background-repeat: no-repeat;background-size: cover;padding-top: 0;height:auto;padding-bottom:1rem;color: #fff}
body.active_contrast .section-hero {background: #333 !important;background-repeat: no-repeat;background-size: cover;}
.hero_img {display: none}
header .logo img {/*width:170px;height: 63px*/height: 53px;}
.hero_section_slogen img {width: 100%}
}
.item_news_img {width: 100%;object-fit: cover;border-radius: 0;height: 341.04px;background: linear-gradient(45deg,#94aba9,#bfc8a6)}
.item_news_overlay {background: linear-gradient(180deg,rgba(0,0,0,0) 60.42%,rgba(0,0,0,.2) 100%);width: calc(100% - 20px);height: 341.04px;position: absolute;top: 10px}
.main_events_section {background: url(../images/palm_tree.svg),#dfdfdf;
background-repeat: no-repeat;background-size: auto 100%;background-position: left center,center center}
@media screen and (max-width: 991px) {
.main_events_section {background:#dfdfdf}
}
.news-owl.owl-theme .owl-dots {margin: 0 auto;width: 150px;transform: translateY(-70px)}
.news-owl.owl-theme .owl-dots .owl-dot span {background-color: #c69a47;margin: 3px;transition: all .3s}
.news-owl.owl-theme .owl-dots .owl-dot.active span {background-color: #0b6f77;width: 30px;margin: 3px;transition: all .3s}
.pin-owl.owl-theme .owl-dots {margin: 0 auto;width: 150px;transform: translateY(-70px)}
.pin-owl.owl-theme .owl-dots .owl-dot span {background-color: #fff;margin: 3px;transition: all .3s}
.pin-owl.owl-theme .owl-dots .owl-dot.active span {background-color: #c69a47;width: 30px;margin: 3px;transition: all .3s}
.main_events_section .event_card,.main_events_section .item_news_img {box-shadow: 0 20px 20px -20px #bbb!important}
.events-owl.owl-theme .owl-dots {margin: 0 auto}
.events-owl.owl-theme .owl-dots .owl-dot span {background-color: #c69a47;margin: 3px;transition: all .3s}
.events-owl.owl-theme .owl-dots .owl-dot.active span {background-color: #0b6f77;width: 30px;margin: 3px;transition: all .3s}
.statistics_container {display: flex;flex-direction: row;padding: 0;position: relative;flex-wrap: wrap;justify-content: center}
.statistics_item_container {display: flex;flex-direction: row;padding: 0;position: static;height: 132px;left: 1004px;top: 0;flex: none;align-self: center;margin: 25px 10px;width: 234px;}
.statistics_item_img {position: static;left: 211px;top: 0;width: 90px !important;height: 90px !important;flex: none;align-self: center;margin: 1px 10px;}
.statistics_item_details_container {display: flex;flex-direction: column;height: 133px;left: 0;top: 67px;flex: none;align-self: flex-end;margin: 1px 0;}
.statistics_item_details_number {position: static;width: 100%;height: 36px;left: 31px;top: 29px;font-family: Tajawal;font-style: normal;font-weight: 700;font-size: 44px;line-height: 53px;color: #c69a47;flex: none;margin: 0 0}
.statistics_item_details_title {position: static;width: 100%;height: 70px;left: 0;top: 0;font-family: Tajawal;font-style: normal;font-weight: 700;font-size: 20px;color: #0b6f77;flex: none;align-self: center;margin: 0 0;align-items: flex-end;display: flex;text-align: center;}
.main_pins_section {background: #005c69;background: url(../images/pin_section_background.png),#005c69;background-size: cover;background-position: center}
.main_pins_section img {width: calc(100% - 20px);margin: 0 auto;margin-bottom: 50px}
.main_pins_section .pins_to_president_logo {margin-top: 120px;margin-bottom: 10px}
@media screen and (max-width: 767px) {
.main_pins_section .pins_to_president_logo {margin-top:50px;margin-bottom: 50px}
}
.main_pins_section .btn {position: absolute;bottom: 0;left: 0;right: 0;width: calc(100% - 20px)}
.sub-news-owl .owl-nav [class*=owl-]:hover {background: #c69a47!important;color: #fff;text-decoration: none}
.sub-news-owl.owl-theme .owl-dots .owl-dot span {background-color: #c69a47;margin: 3px;transition: all .3s}
.sub-youtube-owl.owl-theme .owl-dots .owl-dot span{background-color: #c69a47;margin: 3px;transition: all .3s;}
.owl-theme .owl-dots .owl-dot.active span,.sub-news-owl.owl-theme .owl-dots .owl-dot.active span,.sub-youtube-owl.owl-theme .owl-dots .owl-dot.active span {background-color: #0b6f77;width: 30px;margin: 3px;transition: all .3s}
.award-owl a,.services-owl a {text-decoration: none;color: inherit}
.share_modal_body>div {margin-bottom: 10px}
@media screen and (max-width: 1365px) and (min-width:1250px) {
.accessibility_icons {position:absolute;left: 10px}
}
#suiteBarLeft {background-color: #383838}
.ms-welcome-hover, .ms-siteactions-hover {background-color: #383838;border-left-color: #383838;color:white !important;}
.ms-welcome-root > .ms-core-menu-box.ms-core-menu-box,
.ms-siteactions-hover > .ms-core-menu-box.ms-core-menu-box {background-color: #383838;box-shadow:3px 3px 6px -4px rgba(0,0,0,0.3),-3px 3px 6px -4px rgba(0,0,0,0.3);border-top:0px solid transparent;}
.ms-welcome-hover > a.ms-core-menu-root,
.ms-signInLink:hover {color:#fff;text-decoration:none;}
.ms-core-menu-link:link,.ms-core-menu-link:visited
{color:#fff;}
.ms-core-menu-closebutton{text-align:left;padding:8px 10px;}
.btn.btn-primary:visited{color: #fff;}
body.active_contrast{filter: grayscale(100%) brightness(95%) contrast(120%);color:black;}
body.active_contrast .card, 
body.active_contrast .block-header, 
body.active_contrast .side_card, 
body.active_contrast .inner_card, 
body.active_contrast .news_repeater,
body.active_contrast .form-control,
body.active_contrast .btn,
body.active_contrast .dropdown-menu,
body.active_contrast .accessibility_icons .bx,
body.active_contrast .main_news_card_image,
body.active_contrast .section,
body.active_contrast .item_news_img,
body.active_contrast .main_sub_news_img {border: 1px solid white !important;box-shadow: 0 0 0 2px black !important;}
body.active_contrast .block-header .hero-header,
body.active_contrast .navbar-links ul,
body.active_contrast .footer,
body.active_contrast #share_link_whatsapp,
body.active_contrast #share_link_twitter,
body.active_contrast #share_link_facebook,
body.active_contrast #share_link_telegram{background: #222;}
@media screen and (max-width: 1250px){
body.active_contrast .navbar-links ul{background-color: white;}
}
.accessibility_icons .bx.bx-volume-full{}
body.active_contrast .hero_img{display: none;}
body.active_contrast .section-hero{background: #333;background-repeat: no-repeat;background-size: cover;}
body.active_contrast a:hover{text-decoration: underline;font-weight: 900;}
body.active_contrast .accessibility_icons .bx:hover{background-color: black;color:white;}
body.active_contrast .btn.btn-primary{background-color: #222;color: white;}
.ms-welcome-root > a.ms-core-menu-root, .ms-signInLink{color: #fff;}
#suiteBarRight{background-color: #383838;color: #fff;}
.main_service_card:hover img.main_service_icon{
width: 125px !important;height: 125px !important;margin-top: 21px;transition: 0.3s all;}
image#image0 {}
main>section.section:nth-child(2n+1) {background: #eff2f7;}
img.quick_access_icon {width: 110px !important;height: 110px !important;object-fit: contain;margin: 0 auto;margin-top: 20px;transition: 0.3s all;}
.card.quick_access_card:hover img.quick_access_icon {width: 125px !important;height: 125px !important;margin-top: 10px;transition: 0.3s all;}
.quick_access_icon_container {width: 140px !important;height: 140px !important;margin: 0 auto;border-radius: 100%;transition: 0.3s all;}
.quick_access_card:hover .quick_access_icon_container {width: 125px !important;height: 125px !important;margin: 0 auto;border-radius: 100%;}
a:visited {color: inherit;text-decoration: none;}
.selective_apps_card {width: 200px; height: 100px;background-size: 100% 200%;background-image: linear-gradient(to bottom, white 50%, #0d6f77 50%);-webkit-transition: background-position 0.5s;-moz-transition: background-position 0.5s;transition: background-position 0.5s;}
.selective_apps_card .bx{font-size: 100px;text-align: center;display: block;color: #0b6f77}
.selective_apps_title{font-size: 20px;position: absolute;bottom: 20px;left: 0;right: 0;width: 100%;text-align: center;}
.selective_apps_card:hover {background-position: 0 100%;}
.selective_apps_card:hover .bx, .selective_apps_card:hover .selective_apps_title{color: white;transition: 0.5s all;}
.card.selective_apps_card{height: 200px;}
@media (min-width: 1200px) {
.container {max-width: 1490px;}
}
#scrolltop {display: none;width: 60px;height: 60px;position: fixed;bottom: 85px;left: 32px;z-index: 99;font-size: 30px;background-color: #00000057;color: white;cursor: pointer;padding: 10px;border-radius: 100%;transition: 0.3s all;text-align: center;}
#scrolltop:hover {background-color: #0b6f77;transition: 0.3s all;}
.skip-link {background: #319795;color: #fff;font-weight: 700;left: 50%;padding: 4px;position: fixed;transform: translateY(-200%);top: 0;}
.skip-link:focus {background-color: white;transform: translateY(0%);color: #0b6f77}
img.item_award_img {height: 70px;object-fit: scale-down;}
#MainMenu > li.dropdown > ul.dropdown-menu {background: linear-gradient(230deg, white, white, #ffffffbb);}
#MainMenu > li.dropdown > ul.dropdown-menu a {font-size: 17px;}
.app_container {display: flex;justify-content: center;}
a.download_app {margin: 5px;}
p.footer_info {padding-right: 20px;text-indent: -10px;}
.owl-carousel.owl-hero-img.owl-theme{max-width: 50%;height: 670px;position: absolute;top: 0;left: 0;}
.owl-carousel.owl-hero-img.owl-theme .owl-dots{display: none;}
.hero_img_container{position: relative;clip-path: polygon(0 0, 65% 0, 100% 100%, 35% 100%);}
img.hero_img_slide {object-fit: cover;width: 702px;height: 670px;}
.hero_img_container:after{content: "";width:100%;height:100%;background: linear-gradient(180deg, rgba(11, 111, 119, 0.26) 0%, #10545F 100%);position:absolute;top: 0;left: 0;}
.app_container {display: flex;justify-content: center;}
a.download_app {margin: 5px;}
div#footerFirstCol , .CertIcons {display: flex;justify-content: center;}
p.footer_info {padding-right: 20px;text-indent: -10px;}
.dropdown-menu.ddl_small.show {width: 350px !important;transform: translateY(0px) translateX(160px);padding: 10px;border: 0;}
.dropdown-menu.ddl_smallMail.show {width: 360px !important;transform: translateY(0px) translateX(160px);padding: 10px;border: 0;}
body.zoomin {zoom: 1.3;}
.nav-date {text-align: center;color: #c69a47;position: absolute;top: 5px;right: 40%;transform: translateX(50%);font-size: 16px;float: none !important;display: inline-block;margin: 0 auto;font-weight: bold;}
.nav-date strong {color: #c69a47;}
a.gameati_link {color: #c69a47 !important;font-weight: bold;font-size: 25px !important;}
marquee.selective_app {background-color: #c69a47;display: block;width: 100%;}
marquee.selective_app a {text-decoration: none;color: #fff;padding: 10px;display: inline-block;}
.footer_img {height: 30px;margin: -10px 5px 0;}
.footer_img img {height: 100%;}
.awards_btn {color: #fff;padding: 10px 30px;font-weight: 600;border: 1px solid;text-decoration: none;border-radius: 3px;margin-top: 30px;display: inline-block;font-size: 18px;transition: all .2s ease;}
.navbar-links li a.active {background-color: #c69a47;color: #fff !important;}
section.count_app {background-color: #c69a47;display: block;width: 100%;text-align: center;color: #fff;padding: 10px 0px;font-size: 20px;}
section.count_app .num_tiles {background-color: #0e6168;color: #fff;margin: 0 2px;display: inline-block;padding: 0 8px;width: 30px;border-radius: 3px;}
#logInBtn {padding: 1px 15px;font-size: 22px;display: inline-block;transform: translateY(2px);margin-right: 15px;}
#CopyRights,
.btm_fot_links {display: inline-block;}
@keyframes glow {
to {text-shadow: 0px 0px 18px #f7f7f7;}
}
.wamed {color: #c69a47 !important;transition: all .2s ease;position: relative;animation: glow .5s infinite alternate;font-weight: bold;}
.hero-owl .item span.hero_owl_title {color: #c59943;}
.alert_wrap {position: fixed;align-items: center;justify-content: center;left: 0;right: 0;top: 0;width: 100%;height: 100vh;z-index: 99999;display: none;}
.alert_wrap.open {display: flex;}
.alert__backdropo {position: fixed;left: 0;right: 0;top: 0;width: 100%;height: 100vh;background-color: rgba(0, 0, 0, 0.50);display: none;}
.alert__body {position: relative;max-width: 60%;background-color: rgb(43 130 138 / 46%);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border-radius: 20px;padding: 2rem 1.5rem;text-align: center;transition: all 0.5s ease;transform: translateY(50px);opacity: 0;}
.alert__body.show {transform: translateY(0px);opacity: 1;}
.alert__body::after {content: "";position: absolute;
inset: 0;border-radius: 20px;padding: 1px;
background: linear-gradient(45deg,rgba(255, 255, 255, 0.234),transparent,rgba(255, 255, 255, 0.234));
-webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;z-index: -1;transition: all 0.2s ease;
}
.close_alert {background-color: #c69a47;color: #fff;border: none;border-radius: 50%;display: inline-flex;justify-content: center;align-items: center;height: 35px;width: 35px;min-width: 35px !important;position: absolute;left: -17px;top: -17px;outline: none;box-shadow: none;cursor: pointer;transition: all 0.2s ease;}
.close_alert:hover,
.close_alert:focus-within {background-color: #ad8233;}
.wsis_logo {height: 80px;width: auto;}
.wkfu_logo {height: 70px;width: auto;}
.showMobile {display: none;}
.alert__body h2 {color: #c69a47;font-size: 1.6rem;font-weight: 800;}
.alert__body h3 {color: #fff;font-size: 1.2rem;margin-top: 0.5rem;}
.alert__body .alert_slider {margin: 1rem 0;}
.alert__body .alert_slider .item {background-color: rgb(0 0 0 / 10%);border: 1px solid rgb(0 0 0 / 10%);border-radius: 5px;padding: 1rem;}
.alert__body .alert_slider .item h5 {color: #c69a47;font-size: 1.3rem;margin-bottom: 0.3rem;font-weight: 700;}
.alert__body .alert_slider .item p {color: #fff;margin-bottom: 5px;}
.alert__body .alert_slider .item a {color: #ffffff;background-color: #c69a47;border-radius: 50px;padding: 5px 15px;}
.alert__body .alert_slider .owl-dots {text-align: center;margin: 0 !important;}
.alert__body .alert_slider .owl-dot span {height: 10px;width: 10px;border-radius: 50%;opacity: 1;background-color: #fff !important;margin: 0 5px;}
.alert__body .alert_slider .owl-dot.active span {background-color: #c69a47 !important;}
.alert__btns {display: flex;align-items: center;justify-content: center;gap: 0 10px;}
.alert__btns .alert__btn {background-color: #c69a47;color: #fff;min-width: 150px;display: inline-flex;align-items: center;justify-content: center;padding: 0.7rem 1rem;border-radius: 3px;text-decoration: none;transition: all 0.2s ease;}
.alert__btns .alert__btn:hover {background-color: #b38839;}
@media only screen and (max-width: 540px) {
.alert__body {max-width: 90%;}
.alert__btns .alert__btn {min-width: 130px;}
.showMobile {display: inline-block;height: 50px;}
.hideMobile {display: none}
.wkfu_logo {height: 35px;width: auto;display: inline-block;}
.alert__body {padding: 1rem 1rem;}
.alert__body .alert_slider .item {margin: 0 !important;}
}
.hero_section_about .wsis_logo {width: 140px;}
.hero_section_about h4 {color: #c69a47;font-weight: 800;}
.hero_section_about .alert__body {max-width: 100%;width: 100%;padding: 0;background-color: transparent;border: none;}
.hero_prizes_slider h5 {color: #c69a47;font-weight: 800;}
.hero_prizes_slider a {color: #c69a47;display: inline-block;margin: 0 1rem;font-weight: 700;font-size: 1.1rem;}
.hero_prizes_slider .item{text-align:center;}
.hero_prizes_slider .item p{margin-bottom:.3rem;}
#dateCount {display: flex;justify-content: center;margin:1rem 0 1.5rem;}
.date_item {text-align: center;margin: 0 15px;position: relative;}
@keyframes glowing {
to {opacity: 1;}
}
.date_indicators {font-weight: bold;line-height: 30px;color: #c59943;font-size: 5rem;width: 10px;margin-left: 4px;text-shadow: 0px 0px 18px #f7f7f7;opacity: 0;animation: glowing .5s infinite alternate;}
.date_item h5 {font-weight: bold;line-height: 0.5;color: #c59943;font-size: 3rem;min-width: 20px;}
.date_item p {color: #fff;font-size: 1rem;margin: 0;}
#confRemainTitle{color: #fff;font-size: 1.4rem;font-weight: 800;}
.alert__body .owl-stage {padding-bottom: 0px;}
#s4-titlerow2,#imgPrefetch,#TurnOnAnimation,#TurnOffAnimation,#TurnOffAccessibility,#TurnOnAccessibility,#TurnOnAnimation,#HiddenAnchor,#HiddenAnchor {display: none}
@media only screen and (max-width: 540px) {
.navbar_links_right{margin-top:13px;}
#HeaderRightLinks{margin-top: 13px;}
.nav-date {right: 50%;}
}
.fif_kfu_logos{height: 80px;margin-top:10px;}
.hero_pattern {
    display: none
}
.digital-stamp-card {
    padding: 8px 32px;
    background: #F3F4F6;
}

    .digital-stamp-card .digital-stamp-header {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }

        .digital-stamp-card .digital-stamp-header h6 {
            margin: 0px;
            color: #161616;
            font-size: 14px;
        }

        .digital-stamp-card .digital-stamp-header .btn-digital-stamp-card {
            cursor: pointer;
        }

            .digital-stamp-card .digital-stamp-header .btn-digital-stamp-card span {
                color: #1B8354;
                font-size: 14px;
            }

            .digital-stamp-card .digital-stamp-header .btn-digital-stamp-card svg,
            .digital-stamp-card .digital-stamp-header .btn-digital-stamp-card img {
                transition: 0.3s;
            }

        .digital-stamp-card .digital-stamp-header.open .btn-digital-stamp-card svg,
        .digital-stamp-card .digital-stamp-header.open .btn-digital-stamp-card img {
            transform: rotate(180deg);
        }

.btn-digital-stamp-card img {
    margin-right: 4px;
    margin-left: 4px;
}

.digital-stamp-card .digital-stamp-body {
    padding-top: 40px;
    padding-bottom: 32px;
    display: none;
}

    .digital-stamp-card .digital-stamp-body .digital-stamp-container {
        margin-bottom: 32px;
        display: flex;
        gap: 32px;
    }

        .digital-stamp-card .digital-stamp-body .digital-stamp-container .box {
            display: flex;
            align-items: flex-start;
            gap: 18px;
        }

            .digital-stamp-card .digital-stamp-body .digital-stamp-container .box .img-border-rounded {
                padding: 14px 16px;
                display: flex;
                align-items: center;
                justify-content: center;
                border: 1px solid #067647;
                border-radius: 100%;
            }

            .digital-stamp-card .digital-stamp-body .digital-stamp-container .box h6 {
                margin-top: 0px;
                margin-bottom: 12px;
                color: #161616;
                font-size: 18px;
            }

            .digital-stamp-card .digital-stamp-body .digital-stamp-container .box .green-text {
                color: #1B8354;
            }

            .digital-stamp-card .digital-stamp-body .digital-stamp-container .box p {
                margin: 0px;
                color: #384250;
                font-size: 16px;
            }

    .digital-stamp-card .digital-stamp-body .stamp-link-box {
        padding: 8px 28px;
        display: flex;
        align-items: center;
        gap: 12px;
        border-radius: 8px;
        background: #FFF;
    }

        .digital-stamp-card .digital-stamp-body .stamp-link-box p {
            margin: 0px;
            color: #161616;
            font-size: 16px;
        }

        .digital-stamp-card .digital-stamp-body .stamp-link-box a {
            color: #1B8354;
            font-size: 16px;
            text-decoration: underline;
        }

.stamp-lng {
    direction: rtl;
}

@media (max-width: 768px) {
    .digital-stamp-card {
        padding: 8px 16px;
    }

        .digital-stamp-card .digital-stamp-header {
            flex-wrap: wrap;
        }

            .digital-stamp-card .digital-stamp-header .btn-digital-stamp-card {
                flex: 100%;
                margin-right: 33px;
            }

        .digital-stamp-card .digital-stamp-body .digital-stamp-container {
            flex-direction: column;
        }

    [dir="ltr"] .digital-stamp-card .digital-stamp-header .btn-digital-stamp-card {
        margin-right: 0px;
        margin-left: 33px;
    }
}