@font-face {
    font-family: Cairo-Black;
    src: url(../../fonts/Cairo-Black.ttf);
}
@font-face {
    font-family: Cairo-Bold;
    src: url(../../fonts/Cairo-Bold.ttf);
}
@font-face {
    font-family: Cairo-ExtraLight;
    src: url(../../fonts/Cairo-ExtraLight.ttf);
}
@font-face {
    font-family: Cairo-Light;
    src: url(../../fonts/Cairo-Light.ttf);
}
@font-face {
    font-family: Cairo-Regular;
    src: url(../../fonts/Cairo-Regular.ttf);
}
@font-face {
    font-family: Cairo-SemiBold;
    src: url(../../fonts/Cairo-SemiBold.ttf);
}

body{
    direction: rtl;
    text-align: right;
    font-family: Cairo-Regular,sans-serif;
    font-size: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

}
:root{
    --font-20:20px;
    --font-18:18px;
    --font-17:17px;
    --main-title:#525252;
    --main-title-ff:#ffffff;
    --sub-title:#2C6FDC;
    --link:#0E3484;
    --backgroundDes: #E5E5E5;
}
.height_300{
    height: 300px;
    min-height: 300px;
}
.height_130{
    height: 130px;
    min-height:130px;
    overflow: hidden;
 }
.height_130{
    height: 130px;
    min-height:130px;
    overflow: hidden;
}
.height_115{
    height: 115px;
    min-height:115px;
    overflow: hidden;
}
.height_173{
    height: 173px;
    min-height:173px;
    overflow: hidden;
}
.editor p{
    margin: 0;
    padding: 0;
}
.height_331{
    height: 331px;
    min-height: 331px;
}
.height_98
{
    height: 98px;
    min-height:98px;
    overflow: hidden;
}
.height_323{
    height: 323px;
    min-height: 323px;
}
.height_369{
    height: 369px;
    min-height:369px;
    overflow: hidden;
}
.height_316{
    height: 316px;
    min-height: 316px;
}
.padding_top_145{
    padding-top: 145px;
}
.padding_top_300{
    padding-top: 300px;
}
.main-title ,.main-title:hover , .main-title a{
    font-family: Cairo-Bold,sans-serif;
    font-size: 20px;
    color: var(--main-title);
}
.main-title-ff ,.main-title-ff:hover{
    font-family: Cairo-Bold,sans-serif;
    font-size: 20px;
    color: var(--main-title-ff);
}
.sub-title{
    font-family: Cairo-Bold,sans-serif;
    font-size: 20px;
    color: var(--sub-title);
}
.link{
    color: var(--link);
    font-size: var(--font-17);
}
.quick-links{
    box-shadow: 0px 0px 6px #00000029;
}
.quick-links ul li:first-child{
    /*border: none;*/
}
.quick-links ul li{
    border-bottom: 1px solid var(--backgroundDes);
    line-height: 36px;
}
.date{
    color: var(--link);
    font-size: 15px;
}
.date2{
    color: var(--backgroundDes);
    font-size: 15px;
}
.contact-btn , .contact-btn h4{
    background-color: var(--backgroundColorbtn);
    font-size: var(--font-17);
    color: var(--mainColor);
}
.main-news{
    background-color: var(--backgroundDes);
    color: var(--main-title);
}
.description{
    max-height: 155px;
    overflow: hidden;
}
.home-news .description{
    min-height: 195px;
    overflow: hidden;
    height: 195px;
}
.item-img{
height: 142px;
}
.custom-padding{
    padding-left: 8px!important;
    padding-right: 8px!important;
}
.custom-padding:first-of-type {
   padding-right: 15px!important;
}
.custom-padding:last-of-type {
    padding-left: 15px!important;
}
.custom-padding2{
    padding-left: 8px!important;
    padding-right: 8px!important;
}
.custom-padding2:first-of-type {
    padding-right: 9px!important;
}
.custom-padding2:last-of-type {
    padding-left: 9px!important;
}


.item-des {
    color: var(--main-title);
    font-size: var(--font-17);
    height: 54px;
    overflow: hidden;
}
.item-des:hover {
    color: var(--main-title);
}
.item-des p{
margin: 0!important;
}
.bg-gray{
    background-color: var( --backgroundDes);
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover;
}
.bg-dark-gray{
    background-color: #3D3D3D;
}
.chose-for-you div{
    word-break: break-word;
}
.chose-bg1{
    background-color: var(--link);
    color: var(--mainColor) !important;
    font-size: var(--font-17);
}
 .chose-bg1 ,.chose-bg2 {
    min-height: 145px;
}
.chose-bg2{
    background-color: var(--backgroundColorbtn);
    color: var(--mainColor);
    font-size: var(--font-17);
}
.adv-home-left-one{
    background-color: var(--backgroundDes);
}
/*home media section*/
.shadow{
    background-color: #000000;
    opacity: 0.61;
}
.media-sec{
    background-color: var(--main-title);
}
.media-title{
    color: var(--mainColor);
    font-size: var(--font-17);
    font-family: Cairo-Bold,sans-serif;
}
.media-img{
    height:212px;
}
.media-title-2{
    color: var(--mainColor);
    font-size: 15px;
    font-family: Cairo-Bold,sans-serif;
}
.media-sub-title{
    color: var(--mainColor);
    font-size: var(--font-17);
}
.custom-border{
    box-shadow: 0px 0px 8px #00000029;
    border-radius: 7px;
}
.shadow{
    bottom: 0;
    height: 78px;
    overflow: hidden;
}
.play-icon{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.play-icon2 {
    top: 36%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*home-right-menu*/
.home-right-menu ,.home-right-menu a{
    color: var(--mainColor);
    background-color: var(--sub-title);
}
.home-right-menu ul{
    background-color: var(--sub-title);

}
.home-right-menu ul li {
    border-bottom: 1px solid #D9D9D946;
}
.home-right-menu ul li:last-child {
    border-bottom: 0;
}
.menu-icon{
    width: 32px;
    height: 32px;
}
.video{
    background-color:var(--link) ;
}
.video-desc{
    color: var(--mainColor);
}
.around-world-text1{
    color:var(--mainColor);
    font-size: var(--font-17);
}
.around-world-text2{
color: var(--main-title);
    font-size: var(--font-17);
}
.brief-desc, .brief-desc a{
    font-size: 19px;
    color:var(--main-title) !important ;
}
/*contact us page*/
.contact-icon{
    font-size: 45px;
    color: var(--link);
}
.fa-phone
{
    transform: rotate(90deg);
}
.date-small{
    font-size: 15px;
}
.date-xsmall{
    font-size: 15px;
}
.adv-on-site{
    background-color:var(--link) ;
    height: 145px;
}
.adv-icon{
    font-size: 30px;
    color: var(--mainColor);
}
.adv-contact-title{
    color: var(--mainColor);
    font-size: var(--font-17);
    font-family: Cairo-Bold;
}
.adv-contact-sub-title{
    color: var(--backgroundDes) !important;
    font-size: var(--font-17);
}
.about-us-logo{
    background-color:var(--backgroundDes) ;
}
.about-us-logo img{
    width: 348px;
    height: 177px;
}
.job-description{
    font-size: 17px;
    color: #212529;

}
/*articles inner page*/
.share-group{
    border-top: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
}
.share-group a{
  padding:7px;
    color: var(--main-title) !important;
}
.read-more{
    color: #2C6FDC;
    font-size: var(--font-18);
    font-family: Cairo-Bold,sans-serif;
    height: 43px;
    overflow: hidden;
}
.may-interest{
    background-color: #F2F2F2;
    box-shadow: 0px 0px 8px #00000036;
    cursor: pointer;
}
.interest-line{
    border-top: 1px solid #2C6FDC;
}
.fa-caret-up:before{
    border-bottom: 2px solid;
    padding-bottom: 0;
}
.fa-sort-down:before{
    border-top: 2px solid ;
    padding-top: 0;
}
.quick-links .nav-link{
    height: 55px;
    overflow: hidden;
}

.ads_position{
    top:40%;
    right: 48%;
}
.ads_position2{
    /*top: 80%;*/
    right: 20%;
}
.ads_position3{
    top: 40px;
    right: 45%;
}
.pagination_ul ul{
    flex-wrap: wrap;
}
.card-body {

    min-height: 87px!important;
}
.series_img{
    height: 100px;
}
/*mobile view*/
@media screen and (max-width: 900px) {
    body{
        font-size: 15px!important;
        overflow-x: hidden;
    }
   .search_page .main-title, .main-title:hover{
        height: auto;
        overflow: hidden;
    }
    .search_page .brief-desc {
        height: 121px;
        overflow: hidden;
    }
    .dropdown-style {
        width: 100% !important;
    }

    #navbarNavDropdown  .dropdown, #navbarNavDropdown  .dropleft,
    #navbarNavDropdown  .dropright,  #navbarNavDropdown .dropup{
        position:absolute;
    }
    .open-accessibility.open-accessibility-collapsed.open-accessibility-size-m {
        display: inline !important;
        overflow: hidden !important;
        width: fit-content !important;
        height: fit-content !important;
        right: auto !important;
    }
    .open-accessibility{
        bottom:unset!important;
        min-width: fit-content;
    }
    .shadow{
        height: 68px;
        overflow: hidden;
    }
    .footer-links a,.other-link a{
        font-size: 12px!important;
    }
    .all-episodes {
        height: 300px!important;
        overflow: auto;
    }
    .height_300{
        height: 214px!important;
        min-height: 214px!important;
    }
    .shadow-on-image{
        height: 70px!important;
        overflow: hidden;
    }
    #footer-sec ul{
        min-height: 150px;
    }
    .ads_position{
        top: 37%;
        right: 36%;
    }
    .ads_position2{
        top: 44%;
        right: 36%;
    }
    .ads_position3{
        top: 43px;
        right: 36%;
    }
    .quick-links ul li{

    }
    .pagination_ul ul{
        flex-wrap: wrap;
    }
    .custom-padding:first-of-type {
        padding-right: 8px !important;
    }
}
/*ipad pro*/
@media only screen
and (min-width: 1024px)
and (max-height: 1366px)
and (-webkit-min-device-pixel-ratio: 1.5) {
    .home-news .main-title, .home-news .main-title:hover, .home-news .main-title a {
        font-family: Cairo-Bold, sans-serif;
        font-size: 20px;
        color: var(--main-title);
        height: 88px;
        overflow: hidden;
    }

    .height_331 {
        height: 359px;
        min-height: 359px;
        min-height: 359px;
    }

    .adv-here {
        width: 200px;
    }

    .search-form form button {
        padding: 10px;
    }

    .open-accessibility {
        bottom: 120px;
    }
    .contact_pro{
        display: none;
    }
    .dropdown-style {
        width: 920px!important;
    }
}

@media only screen and (device-width: 768px) {
    /* For general iPad layouts */
    .adv-here {
        width: 200px;
        margin-right: 20px;
    }
    .search-form form button {
        padding: 3px;
    }

}