@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;
}
.main-title ,.main-title:hover{
    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);
}
.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;
}
.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: 55px;
    overflow: hidden;
}
.bg-gray{
    background-color: var( --backgroundDes);
}
.bg-dark-gray{
    background-color: #3D3D3D;
}
.chose-bg1{
    background-color: var(--link);
    color: var(--mainColor) !important;
    font-size: var(--font-17);
}
.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;
}
.play-icon{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.play-icon2 {
    top: 23%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*home-right-menu*/
.home-right-menu ,.home-right-menu a{
    background-color: var(--sub-title);
    color: var(--mainColor);
}
.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{
    font-size: 19px;
    color:var(--main-title) ;
}
/*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);
    font-size: var(--font-17);
}
.about-us-logo{
    background-color:var(--backgroundDes) ;
}
.about-us-logo img{
    width: 348px;
    height: 177px;
}
/*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;
}
.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;
}



/*mobile view*/
@media screen and (max-width: 900px) {
    .dropdown-style {
        width: 100% !important;
    }

    #navbarNavDropdown  .dropdown, #navbarNavDropdown  .dropleft,
    #navbarNavDropdown  .dropright,  #navbarNavDropdown .dropup{
        position:absolute;
    }
}
/*ipad pro*/
@media only screen
and (min-width: 1024px)
and (max-height: 1366px)
and (-webkit-min-device-pixel-ratio: 1.5) {

}

@media only screen and (device-width: 768px) {
    /* For general iPad layouts */

}