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: 100% 103%;
color: #fff;
padding-top: 40px;
border-top: 5px solid #c69a47;
}

.footer .ft-border {
border-left: 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-right: 5px;
padding-right: 10px;
border-right: 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: 116px;
overflow: hidden
}

.category-menu .card .card-body {
padding-left: 49px
}

.category-menu {
z-index: 2;
position: absolute;
right: 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: 100%,100%;
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%,100%,100%;
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-right: 20px
}

.navbar-items a {
text-decoration: none;
color: inherit
}

.navbar-links {
position: absolute;
top: 0;
left: 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: left
}

.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;
right: 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;
}

.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: 10px;
right: 0;
left: 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: 80%;
float: right;
margin-right: 80px;
}

.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: 767px) {
.main_news_card_details {
margin-top:20px
}
}

.btn.hero_owl_learn_more {
background-color: #94ccd0;
border-color: #94ccd0;
color: #000;
float:right;
}

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: left;
color: #0b6f77;
float: right
}

.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;
left: 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;
left: 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: right
}

section.main_services_section {
}

select.form-control.section_ddl {
width: 250px;
float: right;
margin-right: 10px
}

select.form-control.section_ddl {
width: 250px;
float: right;
margin-right: 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 {
right: 200px!important;
width: 100px
}
}

.services-owl .owl-nav {
position: absolute;
top: -72px;
right: 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
}

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: left;
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: right
}

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;
right: -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-right: 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 {
right: 15px;
left: 15px;
padding: 40px
}

header .dropdown-menu ul {
padding: 0 0 0 10px;
float: left;
width: calc(100% / 3);
border-left: 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 {
left: 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;
right: 280px
}
}

@media only screen and (max-width: 1250px) {
.hero_img {
display: none;
}
.section-hero{
border-radius: 0;
height: 731px;
}

header .btm-nav .dropdown {
margin-right: 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: left;
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;
right: 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;
right: 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;
left: calc(-100% + 70px);
width: calc(100% - 70px);
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;
background-color: #f5f5f5;
}

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%
}
.owl-hero-img{
display: none !important;
}
.dropdown-menu.ddl_small.show{
transform: translateY(0px) translateX(-100px) !important;
position: fixed;
top: 450px;
left: 110px;
max-width: 320px !important;
}
}

@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: 100%,100%;
background-repeat: no-repeat;
background-size: cover;
padding-top: 150px;
height: 988px;
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: right 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-reverse;
padding: 0;
position: static;
height: 132px;
right: 1004px;
top: 0;
flex: none;
align-self: center;
margin: 25px 10px;
width: 234px;
}

.statistics_item_img {
position: static;
right: 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;
right: 0;
top: 67px;
flex: none;
align-self: flex-end;
margin: 1px 0;
}

.statistics_item_details_number {
position: static;
width: 100%;
height: 36px;
right: 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;
right: 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;
right: 0;
left: 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;
right: 10px
}
}

#suiteBarLeft {
background-color: #383838
}

.ms-welcome-hover, .ms-siteactions-hover {
background-color: #383838;
border-right-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:right;
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;
right: 0;
left: 0;
width: 100%;
text-align: center;
}
.selective_apps_card:hover {
background-position: 100% 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: 1390px;
}
}

#scrolltop {
display: none;
width: 60px;
height: 60px;
position: fixed;
bottom: 85px;
right: 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;
right: 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-left: 20px;
text-indent: -10px;
}
.owl-carousel.owl-hero-img.owl-theme{
max-width: 50%;
height: 670px;
position: absolute;
top: 0;
right: 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%);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
img.hero_img_slide {
object-fit: cover;
width: 702px;
height: 670px;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.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;
right: 0;
}
.app_container {
display: flex;
justify-content: center;
}
.owl-carousel.owl-theme button.owl-dot{min-width: 15px;}
a.download_app {
margin: 5px;
}
div#footerFirstCol , .CertIcons {
display: flex;
justify-content: center;
}
p.footer_info {
padding-left: 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: 320px !important;
transform: translateY(0px) translateX(-160px);
padding: 10px 30px 10px 10px;
border: 0;
}
body.zoomin {
zoom: 1.3;
}
.nav-date {
text-align: center;
color: #c69a47;
position: absolute;
top: 7px;
right: 50%;
transform: translateX(50%);
font-size: 14px;
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;
}
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;
}
.navbar-links li a.active {background-color: #c69a47;color: #fff !important;}
.footer_img {height: 30px;margin: -10px 5px 0;}
.footer_img img {height: 100%;}
#logInBtn {padding: 1px 15px;font-size: 22px;display: inline-block;transform: translateY(2px);margin-left: 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}
body {overflow: auto !important;}
@media only screen and (max-width: 540px) {
.navbar_links_right{margin-top:13px;}
}
.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: ltr;
}
@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;
    }
}