.active{
    color: #4DC4F7!important;
}
#top-header{
    background-color: #0E3484;
    border-bottom: 1px solid rgba(206,206,206,0.4);
}
.adv-here-div{
    width: 170px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 53px;
    background-color: #2C6FDC;
    border-radius: 7px;
}
.adv-here-link ,.adv-here-link:hover{
    font-family: Cairo-Bold,sans-serif;
    font-size: 16px;
    color: white;
}
.social-header{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.social-header a{
    padding-left:10px;
    color: white;
}
.social-icon{
    font-size: 23px;
}
.social-header .fa-facebook-f{
    color: #4DC4F7;
}
.social-header .fa-twitter{
    color: #A869C5;
}
.social-header .fa-telegram-plane{
    color: #9BE62E;
}
.social-header .fa-instagram{
    color: #9C89D0;
}
.social-header .fa-envelope{
    color: #E675AE;
}
.social-header .fa-youtube{
    color: #F1A354;
}
.social-header .fa-wifi{
    color: #2C6FDC;
    transform: rotate(45deg);
}
.social-header .fa-apple{
    font-size: 27px;
    color: #4DC4F7;
}
/*  */
.social-header .fa-wifi:hover ,.social-header .social2 i:hover ,.social-header .social2 img:hover ,
.social-header .social1 i:hover
{
    animation: lock 1s cubic-bezier(.36,.07,.57,.99) infinite;
}
@keyframes lock {
    0% {
        transform: scale(1.5) translateY(0);
    }
    20% {
        transform: scale(1.5) translateY(-5px);
    }
    30% {
        transform: scale(1.5) translateY(5px);
    }
    50% {
        transform: scale(1.5) translateY(-5px);
    }
    60% {
        transform: scale(1.5) translateY(5px);
    }
    100% {
        transform: scale(1.5) translateY(0);
    }
}

/*  */
.social-border{
    background-color: #e5e5e5;
    width: 1px;
    height: 33px;
    position: relative;
    bottom: 3px;
    left: 2px;
}
.android-img{
    position: relative;
    bottom: 5px;
}
.search-icon{
    position: relative;
    bottom: 4px;
}
#search-focus{
    font-size: 17px;
    color: #525252;
    padding-right: 38px;
}
#search-focus:focus{
    box-shadow: none;
}
#search-focus::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #525252;
    opacity: 1; /* Firefox */
}
.search-icon-btn{
    top: 2px;
    left: 0;
    color: #525252;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

#nav-header{
    background-color: #0E3484 !important;
    font-family: Cairo-Regular,sans-serif;
}
#nav-header a{
    font-size: 18px;
    color: white;
}
#nav-header .dropdown:hover>.dropdown-menu {
    display: block;
}

#navbarNavDropdown  .dropdown, #navbarNavDropdown  .dropleft,
#navbarNavDropdown  .dropright,  #navbarNavDropdown .dropup{
    position: unset!important;
}
/*#nav-header a:active{*/
/*color: #4DC4F7;*/
/*}*/

.sub-nav{
    margin: auto;
    align-items: center;
}
.sub-nav a{
    color: #E5E5E5;
    font-size: 17px !important;
    font-family: Cairo-SemiBold,sans-serif;
}
.all-list{
    box-shadow: 0 5px 8px #00000029;
    background-color: #E5E5E5;
    height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
    direction: rtl;
    padding-right: 30px;
}
#alllist{
    display: none;
    z-index: 999;
    right: 0;
    top: 52px;
}
.group{
    background-color:#BEBEBE;
    font-size: 18px;
}
.group-link,.group-link:hover{
    font-size: 17px !important;
    padding: 0;
    color: #525252!important;
}
.group ul li:first-child{
    background-color: #2C6FDC;
    color: white;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 55px;
}
.group ul li:first-child a{
    color: white !important;
}
.group ul li{
    border-bottom: 1px solid #E5E5E5;
}
.list{
    background-color: #2C6FDC;
    padding: 0 3px;
}
.link-img{
    cursor: pointer;
}
.list.active{
   background-color: white !important;
}
.link-img.active .line-active{
    background-color: #3B96E7 !important;
}
.top-bottom-line{
    width: 20px;
    height: 2px;
    background-color: white;
    margin: 7px auto;
}
.center-line{
    width: 26px;
    height: 2px;
    background-color: white;
    margin: auto;
}
/*.line-active.active{
    color: #3B96E7 !important;
}*/

.news-link-div{
    display: flex;
    align-items: center;
    height: 100%;
}
.news-title{
    font-family: Cairo-Bold,sans-serif;
    font-size: 17px;
    color: #4DC4F7;
    display: flex;
    align-items: center;
}
.news-link{
    font-family: Cairo-Regular,sans-serif;
    color: #525252 !important;
    font-size: 17px !important;
}
.news-link:hover{
    text-decoration: none;
}
.dropdown-style{
   /* width: 1111px ;*/
    width: 100%;
    right: 0 !important;
    background: #F2F2F2;
    box-shadow: 0 5px 8px #00000029;
    z-index: 999;
    top: 44px;
}
.left-news-arrow {
    font-size: 28px;
    color: #4DC4F7;
    position: relative;
    top: 6px;
    border-right: 2px solid;
    height: 20px;
    right: 7px;
}
.fa-caret-left:before {
    content: "\f0d9";
    position: relative;
    bottom: 3px;
    right: 4px;
}
.card-text-news{
    font-family: Cairo-Regular,sans-serif;
    font-size: 16px;
    color: #525252;
       min-height: 48px;
    height: 48px;
    overflow: hidden;
}
.card-body .card-text-news { min-height: 48px;}
.time-news{
    font-family: Cairo-Regular,sans-serif;
    font-size: 14px;
    color: #0E3484;
    display: flex;
    align-items: center;
}

.dropdown-toggle::after{
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 8px solid;
    border-right: 4px solid transparent;
    border-bottom: 0;
    border-left: 5px solid transparent;
    position: relative;
    top: 5px;
    right: 2px;
}
.home-icon{
    width: 20px;
}
.menu-border{
    background-color: #e5e5e5;
    width: 1px;
    height: 27px;
    margin: 0 3px;
}
.nav-menu{
    display: flex;
    align-items: center;
    margin: 0 8px;
}
.card-menu-style{
    background-color: white;
    border: none;
    border-radius: 0;
}
.date{
    color: #0E3484;
    font-size: 15px;
}

/* width */
.all-list::-webkit-scrollbar {
    width: 8px;
}

/* Track */
.all-list::-webkit-scrollbar-track {
    background: #E5E5E5;
}

/* Handle */
.all-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #D5D5D5;
}

.last-new-div{
    background-color: #2C6FDC;
}
.last-news-txt{
    font-family: Cairo-Regular,sans-serif;
    font-size: 17px;
    color: white;
}

/* (A) FIXED WRAPPER */
.last-news {
    overflow: hidden; /* HIDE SCROLL BAR */
    background: #5C72A0;
}

/* (B) MOVING TICKER WRAPPER */
.last-news-flex { display: flex; }

/* (C) ITEMS - INTO A LONG HORIZONTAL ROW */
.news-div {
    font-family: Cairo-Regular,sans-serif;
    font-size: 15px;
    color: #E5E5E5;
    flex-shrink: 0;
    display: flex;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
}
.news-div:hover{
    color: #E5E5E5;
}

/* (D) ANIMATION - MOVE ITEMS FROM RIGHT TO LEFT */
/* 4 ITEMS -400%, CHANGE THIS IF YOU ADD/REMOVE ITEMS */
@keyframes tickerh {
    100% { transform: translate3d(100%, 0, 0); }
    0% { transform: translate3d(-50%, 0, 0); }
}
.last-news-flex { animation: tickerh linear 30s infinite; }
.last-news-flex:hover { animation-play-state: paused; }

.news-bg{
    background-color: #5C72A0;;
}


@media (max-width: 900px){
    .all-list{
       top: 560px;
    }
    #alllist{
    display: none;
    z-index: 999;
    right: 0;
    top: 52px;
}
    .adv-here-div{
        width: 150px;
    }
    .social-icon{
        font-size: 20px;
    }
    .social2 img{
        width: 20px !important;
    }
    .navbar-toggler:focus{
        outline: none;
    }
    .menu_list,.menu_list:focus{
        color: white;
    }
    .navbar-collapse{
        width: 100%;
    }
    .dropdown-style {
        width: 100% !important;
    }
    #nav-header a{
        display: inline-block !important;
    }
    .news-link-main-div{
        display: flex;
        justify-content: space-around;
    }
    .news-link-div {
        display: block;
        text-align: center;
    }
    .news-link{
        margin-top: 9px;
    }
    @keyframes tickerh {
    100% { transform: translate3d(100%, 0, 0); }
    0% { transform: translate3d(-50%, 0, 0); }
}
.last-news-flex { animation: tickerh linear 20s infinite; -webkit-animation: tickerh linear 5s infinite; }
.last-news-flex:hover { animation-play-state: paused; }
}