﻿

.drop-zone{
     max-width: 100%;
    height: 242px;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    color: #db011c;
    /*border: 4px dashed #db011c;*/
    border: 0;
    border-radius: 10px;
}

.drop-zone--over{
    border-style:solid;
}

.drop-zone__input{
    display:none;
}

.drop-zone__thumb{
    width:100%;
    height:100%;
    border-radius:10px;
    overflow:hidden;
    background-color:#cccccc;
    background-size:cover;
    position:relative;
}


.drop-zone__thumb::after{
    content:attr(data-label);
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    text-align:center;
}
.Apply .inputField{position:relative;}
.Apply span.form-error{
font-size: 12px; color: #db011c; position: absolute; right: 0px; bottom:35px;
}


.no-data.ng-hide{
    display:none;
}
.loader.articles{
    position: absolute;
    top:unset !important;
    display:block;
}

.beta{position:absolute;bottom:-15px;left:0px;font-family: "ibm-plex-arabic";color:#db011c;font-size:10px;}

.mediaPop{
    z-index:9999;
}

.mediaPop .whatsap{width:32px;height:32px;justify-content:center;background:#000;display:flex;border-radius:4px;position:relative;align-items:center;transition:all 0.35s;}
.mediaPop .whatsap:after{font-family:fontawesome;color:#fff;font-size:22px;content:"\f232";}
header .logo{position:relative;}

@media (max-width: 767px){
.mediaPop .whatsap{width:27px;height:27px;}
.mediaPop .whatsap:after{font-size:18px;}
}

.newsletterPop .field{position:relative;}
.newsletterPop  span.form-error {color: #fff; font-size: 12px; position: absolute; right: 107px; bottom: -17px;}
@media (max-width: 380px){
.newsletterPop  span.form-error {right:87px;}
}

.timeline-Widget {
    max-width: unset !important;

}

.options .labelSelect.load::before{
    content: '';
    background-image: url(../images/ajax-loader.gif);
    left: 87px;
    height: 12px;
    width: 17px;
    z-index: 9999999;
    position: absolute;
    margin-top: 5px;
}


@media (max-width: 767px){
.options .labelSelect.load::before{
  
       left: 24%;
}
.beta{bottom:-12px;font-size:8px;}
}

.labelSelect.selected{
      color: #db011c !important;
}

.options .label.load::after{
    content: '';
    background-image: url(../images/ajax-loader.gif);
    margin-left: 8px;
    height: 12px;
    width: 17px;
    z-index: 9999999;
    position: absolute;
    margin-top: 5px;
}

.letterloader {
    margin: auto;
    top: 134px;
    bottom: 0px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: absolute;
    right: 0px;
    left: 0px;
    pointer-events: none;
    text-indent: -9999em;
    -webkit-animation: load4 1.3s infinite linear;
    animation: load4 1.3s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    font-size: 5px;
    color: #ffffff;
    pointer-events: none;
    display: none;
}



.Multimedia .title{
   text-transform: uppercase;
}

mark {
  padding: 0;
  background: transparent;
  background-position: right bottom;
  background-size: 200% 100%;
  transition: all .5s ease;
  color: #db011c;
}

mark.animate {
  background-position: left bottom;
  color: #db011c;
}


.Episode{
    min-height:444px;
}

@media (max-width: 800px){
    .Episode .player{height:177px;}
    .Episode ul.cols{padding-bottom:200px;}
}

@media (max-width:767px){
    .Episode ul.cols{padding-bottom:213px;}
}



.Posters .item .title {
    display: block;
    cursor: pointer;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    font-size: 28px;
    color: #040505;
    font-weight: normal;
    font-family: "cardea-lining";
    line-height: 28px;
    margin-top: 12px;
}
.fileUpload .click {
    cursor: pointer;

}

.uploadDiv {
    display: flex;
   
}
.uploadDiv .inner {
        position: relative;
    }

.fileUpload {
    display: flex;
    align-items: center;
    margin: 0px;
    width: 700px;
}

    .fileUpload .click {
        cursor: pointer;
        font-size: 16px;
        color: #000;
        width: 100%;
        text-decoration: underline;
        font-family: 'AvenirNextLTPro-Regular';
    }
.fileUpload .fa {
        margin-right: 9px;
        font-size: 18px;
 }
.uploadDiv .cloze {
    width: 16px;
    height: 16px;
    position: relative;
    cursor: pointer;
    position: absolute;
    right: -32px;
    top: 5px;transition:0.3s all;
}

.fa-upload:before {
    content: "\f093";
}
.desktop .uploadDiv .cloze:hover,.desktop .Apply .fileUpload .click:hover{opacity:0.7;}
.Apply .fileUpload{width:auto;display:block;}
.Apply .uploadDiv{padding-top:8px;padding-left:130px;}
.Apply .fileUpload .click{font-family:"ibm-plex-sans"!important;transition:0.3s all;}
.Apply .drop-zone__thumb1{position:relative;}
.Apply .drop-zone__thumb1::after{position:relative;bottom:auto;left:auto;}
.Apply .drop-zone__thumb{width:auto;height:auto;background:none;border-radius:0px;}
.Apply .drop-zone__thumb::after{position:relative;bottom:auto;left:auto;}
.Apply .drop-zone{height:100%;width:100%;display:block;color:#040505;text-align:left;}
.topHead .date:nth-last-child(3){margin-right:11px;}
.topHead{padding-right:60px;}
ul.langOpts{position:absolute;bottom:8px;right:0px;display:flex;font-family:"montserrat";}
ul.langOpts>li+li{margin-left:3px;}
ul.langOpts .unit{display:flex;justify-content:center;align-items:center;border-radius:100%;font-size:9px;color:#fff;text-transform:uppercase;
                        width:24px;height:24px;background:#DB011C;cursor:pointer;transition:0.3s all;}
ul.langOpts .print{display:flex;justify-content:center;align-items:center;border-radius:100%;
                        width:24px;height:24px;background:#040505;cursor:pointer;transition:0.3s all;}
.shareOptions  ul.langOpts{position:relative;bottom:auto;right:auto;}
.shareOptions ul.langOpts>li+li{margin-left:6px;}
.shareOptions ul.langOpts .unit{width:33px;height:33px;font-size:11px;}
.shareOptions ul.langOpts .print{width:33px;height:33px;}

.About{padding-top:15px;}
.insidemenu {font-family: "montserrat";}
.insidemenu .screen{width:100%;overflow:hidden;background:url(../images/dotline.png) repeat-x left bottom;height:30px;}
.insidemenu .swiper-slide{margin-right:64px;width:auto;}
.insidemenu .swiper-slide:last-child{margin-right:0px;}
.insidemenu .item{font-size:12px;color:#000;transition:0.3s all;cursor:pointer;position:relative;height:30px;display:block;text-transform:uppercase;}
.insidemenu .item:after{display:block;content:'';position:absolute;left:0px;width:100%;bottom:1px;
                        background:#DB011C;height:3px;pointer-events:none;opacity:0;transition:0.3s all;}
.insidemenu .item.selected{color:#DB011C;}
.insidemenu .item.selected:after{opacity:1;}
.Members {overflow:hidden;padding-top:40px;}
.Members ul.list{text-align:center;display:flex;width:calc(100% + 170px);flex-wrap:wrap;}
.Members ul.list>li{width:calc(25% - 170px);margin-right:170px;margin-bottom:66px;}
.Members .item{position:relative;display:block;transition:0.4s all;}
.Members .pic img{display:block;width:100%;object-fit:cover;object-position:center top;border-radius:100%;}
.Members .pic{overflow:hidden;position:relative;border-radius:100%;margin-bottom:18px;border:3px solid #DB011C;padding-left:9px;border-right:0px;}
.Members .title{font-size:21px;color:#000;font-weight:700; font-family: "montserrat";line-height:22px;}
.Members .desc{font-size:17px;color:#000;line-height:19px;}
.newTitle{background:url(../images/dotline.png) repeat-x left bottom;padding-bottom:18px;}
.newTitle .subtitre{font-family: "montserrat";color:#000;font-size:31px;font-weight:700;line-height:32px;}
.newTitle + .Members{padding-top:31px;}
.Members + .newTitle {margin-top:30px;}
.insidemenu + .newTitle {margin-top:18px;}
.insidemenu + .wrap {margin-top:45px;}
.insidemenu + .cols{margin-top:30px;}
.Profile{position:relative;overflow:hidden;background:#f5f5f5;}
.Profile:after{pointer-events:none;display:block;content:'';position:absolute;left:0px;top:0px;background:#fff;width:100%;height:204px;}
.Profile ul.cols{display:flex;flex-wrap:wrap;position:relative;z-index:1;}
.Profile ul.cols>li:nth-child(1){width:265px;margin-right:42px;}
.Profile ul.cols>li:nth-child(2){width:calc(100% - 307px);padding-top:25px;}
.Profile .pic img{display:block;width:100%;object-fit:cover;object-position:center top;border-radius:100%;}
.Profile .pic{overflow:hidden;position:relative;border-radius:100%;margin-bottom:18px;border:3px solid #DB011C;padding-left:9px;border-right:0px;}
.Profile .top{display:flex;margin-bottom:22px;}
.Profile .back{cursor:pointer;transition:0.3s all;}
.Profile .name{font-size:28px;color:#040505;font-family:"montserrat";line-height:28px;font-weight:700;}
.Profile .position{font-size:25px;color:#000;line-height:27px;margin-top:3px;font-family:"montserrat";}
.Profile .descr{font-size:19px;color:#040505;line-height:23px;margin-top:60px;font-weight:300;}
.Profile .more .subtitle{font-family: "montserrat";color:#000;font-size:23px;font-weight:700;line-height:25px;}
.Profile .more .subcaption{font-size:19px;color:#040505;line-height:23px;margin-top:3px;font-weight:300;}
.Profile .more{background:url(../images/dotline.png) repeat-x left top;padding-top:25px;margin-top:45px;}
.Profile .data{margin-top:36px;font-size:17px;color:#000;display:flex;flex-wrap:wrap;width:calc(100% + 20px);}
.Profile .data>li{position:relative;padding-left:37px;width:calc(33.33% - 20px);margin-right:20px;margin-bottom:30px;}
.Profile .data .icon{position:absolute;top:5px;left:0px;display:flex;}
.Profile .data a{color:#000;transition:0.3s all;}
.Profile .medias{display:flex;flex-wrap:wrap;background:url(../images/dotline.png) repeat-x left top;padding-top:33px;padding-bottom:17px;}
.Profile .medias>li{margin:0px 23px 20px 0px;}
.Profile .medias>li:last-child{margin-right:0px;}
.Profile .data .fax{position:relative;top:-2px;}
.Profile .medias .link{border-radius:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:0.3s all;width:45px;height:45px;background:#DB001C;}
.detailPage .About{padding-bottom:0px;}
.detailPage footer{background:#f5f5f5;}
.Slider .screen{padding-top:11px;margin-top:-11px;}
.layoutv3 .wrap{padding-top:12px;margin-top:-12px;}
@media (max-width:1180px){
 .Members ul.list>li{width:calc(33.33% - 170px);}
  }

@media (max-width:1060px){
.shareOptions ul.langOpts .print{width:27px;height:27px;}
.shareOptions ul.langOpts .unit{width:27px;height:27px;font-size:9px;}
.topHead.withShare .shareOptions{bottom:-37px;}
.topHead.withShare{margin-bottom:47px;}
.Members ul.list{width:calc(100% + 80px);}
.Members ul.list>li{width:calc(33.33% - 80px);margin-right:80px;}
.Profile ul.cols>li:nth-child(1){width:230px;margin-right:30px;}
.Profile ul.cols>li:nth-child(2){width:calc(100% - 260px);}
.Profile .data>li{width:100%;margin-right:0px;margin-bottom:11px;}
}
@media (max-width:767px){
.insidemenu .swiper-slide{margin-right:20px;}
 .Members ul.list>li{width:calc(50% - 30px);margin-right:30px;margin-bottom:40px;}
 .Members ul.list{width:calc(100% + 30px);}
 .Members .title{font-size:15px;line-height:17px;}
 .Members .desc{font-size:13px;line-height:15px;}
 .Members .pic{border-width:2px;padding-left:6px;margin-bottom:14px;}
 .newTitle .subtitre{font-size:20px;line-height:22px;}
 .newTitle{padding-bottom:9px;}
 .Profile ul.cols>li:nth-child(1){width:100%;margin-right:0px;}
.Profile ul.cols>li:nth-child(2){width:100%;}
.Profile{background:none;}
.Profile .pic{max-width:180px;border-width:2px;margin:0px;}
.Profile:after{display:none;}
.Profile .descr{margin-top:20px;}
.Profile .descr{font-size:15px;line-height:20px;}
.Profile .name{font-size:22px;line-height:25px;}
.Profile .position{font-size:20px;line-height:23px;}
.Profile .more .subtitle{font-size:19px;line-height:22px;}
.Profile .more .subcaption{font-size:15px;line-height:20px;}
.Profile .more{margin-top:25px;}
.Profile .data{font-size:14px;line-height:19px;margin-top:25px;}
.Profile .data .icon svg{transform:scale(0.8);}
.Profile .data .icon{top:3px;}
.Profile .data>li{padding-left:27px;}
.Profile .medias{margin-top:22px;padding-top:16px;}
.Profile .medias>li{margin-right:11px;}
.Profile .medias .link{width:30px;height:30px;}
.Profile .medias .link svg{transform:scale(0.77);transform-origin:center center;}
.Profile .top{position:absolute;margin:0px;top:0px;left:0px;}
 .Profile ul.cols{padding-top:33px;}
 .Members + .newTitle{margin-top:5px;}
 .Slider ul.langOpts{right:1px;bottom:6px;}
}
.desktop ul.langOpts .unit:hover{background:#040505;}
.desktop ul.langOpts .print:hover{background:#DB011C;}
.desktop .insidemenu .item:hover{color:#DB011C;}
.desktop .Members .item:hover{transform:translateY(-15px);}
.desktop .Profile .back:hover,.desktop .Profile .data a:hover{opacity:0.7;}
.desktop .Profile .medias .link:hover{background:#000;}
.desktop .Profile .telephone{pointer-events:none;}
@media (max-width:500px){
.Apply .uploadDiv{padding-left:0px;}
}

.drop-zone__thumb1 {
    position: absolute;
}

.drop-zone__thumb1::after {
    content: attr(data-label);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.uploadDiv .cloze:after {
    display: block;
    content: '';
    background: url(../images/icons1.png) no-repeat -159px -6px;
    width: 42px;
    height: 42px;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    transform: scale(0.38);
}



@media print {

    .Related{
        display:none !important;
    }

    header .rightOptions{

        display:none !important;
    }
    .shareOptions {
        display: none !important;
    }
   .Widget {
        display:none !important;
    }
    footer {
        display:none !important;
    }
    .youTube {
        display: none !important;
    }
    .picDiv {
        display: none !important;
    }
    .player {
        display: none !important;
    }
}



Details.arabic .videotitle {
    font-weight: 600;
    line-height: 40px;
}

.Details.arabic .videotitle, .Details.arabic .Authors, .Details.arabic .info, .Details.arabic .About, .Details.arabic .imgCaption {
    direction: rtl;
    text-align: right;
    font-family: ibm-plex-arabic, sans-serif;
    max-width: none !important;
    margin: 0 px !important;
}



.Episode.arabic .title {
    text-align: right;
}



.Article.arabic .detailimage{
    direction:rtl ;
}



.Tracker .title{font-size:17px;color:#040505; font-family: "ibm-plex-sans";font-weight:700;margin-bottom:22px;;line-height:20px;}
.Tracker{padding:20px 0px 70px;}
.newsSlider{padding-bottom:63px;}
.newsSlider .screen{width:100%;overflow:hidden;}
.newsSlider .pic{overflow:hidden;position:relative;margin-bottom:21px;}
.newsSlider .pic:after{top:0px;left:0px;content:'';background:rgba(0,0,0,0.21);display:block;position:absolute;width:100%;height:100%;}
.newsSlider .pic img{display:block;object-fit:cover;width:100%;height:100%;min-height:200px;max-height:444px;}
.newsSlider .name{    font-weight: normal;     font-family:"cardea-lining";line-height:28px;color:#040505; font-size:28px;}
.newsSlider .caption{ font-size: 19px;color: #040505; font-weight: 700; line-height: 23px;margin-top:7px; }
.newsSlider .swiper-pagination{display:flex;flex-wrap:wrap;margin-top:27px;}
.newsSlider .swiper-pagination-bullet{width:10px;height:10px;opacity:1!important;background:#040505;transition:0.3s all;cursor:pointer;margin:0px 6px 0px 0px;}
.newsSlider .swiper-pagination-bullet-active{cursor:default;background:#db011c;}
.desktop .newsSlider .swiper-pagination .swiper-pagination-bullet:hover{background:#db011c;}
.More{text-align:center;padding:60px 0px 63px;background:url(../images/dotline.png) repeat-x left 0px;}
.More .name{text-transform:uppercase;color:#db011c;margin-bottom:22px; font-family:"montserrat";line-height: 28px;font-size:28px;font-weight:700;}
.More .text{    font-size: 19px;color: #040505; font-weight: 700; line-height: 23px;margin-bottom:32px;}
.More .holder{display:flex;justify-content:center;}
.More .link{ font-size:17px;color:#fff; font-family: "ibm-plex-sans";font-weight:500;transition:0.3s all;cursor:pointer;
             height:40px;display:flex;align-items:center;border-radius:22px;text-transform:uppercase;background:#db011c;padding:0px 32px 1px; }
.desktop .More .link:hover{background:#040505;}
.extranews{overflow:hidden;background:url(../images/dotline.png) repeat-x left 0px;padding-top:62px;}
.extranews .list{display:flex;flex-wrap:wrap;width:calc(100% + 17px);}
.extranews .pic{position:relative;overflow:hidden;color:#fff;}
.extranews .pic.video:after{position:absolute;top:0px;left:0px;height:100%;width:100%;display:flex;content:'';
                            justify-content:center;align-items:center;background:url(../images/playicon.svg) no-repeat center center;}
.extranews .list>li{margin:0px 17px 50px 0px;width:calc(33.33% - 17px);display:flex;flex-wrap:wrap;align-content:flex-end;}
.extranews .pic img{display:block;object-fit:cover;width:100%;height:100%;transition:0.5s all;max-height:395px;}
.extranews .item{display:block;cursor:pointer;width:100%;}
.extranews .info{position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.47);display:flex;
                 justify-content:center;align-content:center;flex-wrap:wrap;text-align:center;}
.extranews .option{width:100%;display:flex;justify-content:center;}
.extranews .text{max-width:95%;position:relative;margin:0px auto 31px;width:316px; font-size: 19px;
              color: #fff; font-weight: 300;line-height: 23px;}
.extranews .caption{color:#db011c;text-transform:uppercase;margin-bottom:15px;
                        font-family:"montserrat";line-height: 28px;font-size:28px;font-weight:700;
}
.extranews .link{ font-size:17px;color:#fff; font-family: "ibm-plex-sans";font-weight:500;transition:0.3s all;cursor:pointer;
             height:40px;display:flex;align-items:center;border-radius:22px;text-transform:uppercase;background:#db011c;padding:0px 32px 1px; }
.desktop .extranews .link:hover{background:#040505;}
.desktop .extranews .pic:hover img{transform:scale(1.01);}
.modal { background:rgba(255, 255, 255, 0.45); }
.modal .close { width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; position: absolute; cursor: pointer; 
                transition: all 0.35s; top: 31px; right: 30px; z-index: 1; } 
.modal .close svg path { transition: all 0.35s; } 
.modal-backdrop { opacity: 0!important; } 
.modal { padding: 0px!important; }
.modal-content { border: 0px; border-radius: 0px; }
.modal-dialog-centered { min-height: 100%!important; } 
.modal-dialog-centered::before { display: none; } 
.desktop.windows.containVscroll.modal-open { padding-right: 17px!important; } 
.desktop.windows.containVscroll.modal-open header { left:-9px;}
.videoPop .modal-dialog{ max-width:850px;width: calc(100% - 40px); margin: 0px auto !important;}
.videoPop .holder{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:900px;margin:auto;}
.videoPop .holder iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.videoPop .wrap{background:#222;padding:58px 50px 50px;}                                                                                                                                                                                                                                                                                                                                                 .modal-dialog-centered::before { display: none; }
.videoPop .cloze{ position:absolute;top:13px;right:11px;overflow:hidden;direction:ltr; width:19px;height:21px;cursor:pointer;z-index:1;transition:0.3s all;}
.videoPop .cloze:after{display:block;content:''; background:url(../images/icons.png) no-repeat -178px 0px;width:37px;height:42px; transform:scale(0.5);transform-origin:0% 0%;} 
 .desktop .videoPop .cloze:hover{opacity:0.7;}

 header .logo{margin-right:28px;}
 @media (max-width:1150px) {
     header ul.links a{font-size:20px;}
     header ul.links > li{margin-right:18px;}
     }
  @media (max-width:1115px) {
     header ul.links a{font-size:19px;}
     }

  @media (max-width:1050px) {
 header .logo{margin-right:30px;}
     }
  @media (max-width:990px) {
     header ul.links a{font-size:18px;}
       header ul.links > li{margin-right:14px;}
     }
  @media (max-width:935px) {
     header ul.links a{font-size:17px;}
     header ul.links > li{margin-right:15px;}
     }
    @media (max-width:920px) {
     header ul.links a{font-size:14px;}
     }
    @media (max-width:830px) {
     header ul.links a{font-size:13px;}
       header ul.links > li{margin-right:13px;}
       header .logo{margin-right:15px;}
     }
    @media (max-width:800px) {
     header ul.links a{font-size:22px;}
     }
@media (max-width:1207px) {
  .extranews .list>li{width:calc(50% - 17px);}
 }

 @media (min-width:768px) {
.News .list{min-height:792px;}
}

  @media (max-width:767px) {
   .Tracker{padding:14px 0px 10px;}
   .Tracker .title{margin-bottom:15px;}
   .extranews{padding-top:42px;}
  .extranews .list>li{width:calc(100% - 17px);margin-bottom:30px;}
  .extranews .pic.video:after{background-size:55px;}
  .extranews .caption{font-size:20px;line-height:normal;}
  .extranews .text{width:90%;font-size:15px;line-height:20px;}
  .extranews .link{font-size:15px;height:35px;}
  .videoPop .wrap{padding:58px 18px 18px;} 
  .newsSlider{padding-bottom:43px;}
  .newsSlider .pic{margin-bottom:14px;}
  .newsSlider .name{font-size:24px;line-height:26px;}
  .newsSlider .caption{font-size:15px;line-height:20px;}
  .More{padding-top:40px;padding-bottom:43px;}
  .More .name{font-size:20px;line-height:normal;}
  .More .text{font-size:15px;line-height:20px;}
  .videoPop .wrap{padding-top:48px;}
 }


.dashboard .Tracker a:hover {
    color: #db001c;
}


.dashboard .Tracker a {
    color: #000;
}

.Article.arabic .aboutAuthor {
    direction: rtl !important;
    text-align: right;
}

.presscard.arabic .topHead .name {
    margin-right: -57px !important;
}
.presscard.arabic .topHead .date {
    padding-right: 8px;
}

.pressroomcontainer .topHead{
    background:unset!important;
}
/*--------------------------------press css-------------------------------------------------*/
.pressroomcontainer {
    position: relative;
    padding: 50px 50px 50px 50px;
    margin: auto;
    width: 100%;
    max-width: 1336px;
    padding-top: 12px;
}

@media only screen and (max-width: 767px) {
    .pressroomcontainer {
        padding: 25px 25px 25px 25px;
        padding-top: 12px;
    }
}

.pressroomcontainer .pagetitle {
    font-family: "IBM Plex Sans Arabic", sans-serif;
    color: #000;
    font-size: 18px;
    line-height: 18px;
    margin-top: 15px;
    margin-bottom: 25px;
}

.pressroomcontainer .pressgrid {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
}

@media only screen and (max-width: 1400px) {
    .pressroomcontainer .pressgrid {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 1024px) {
    .pressroomcontainer .pressgrid {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .pressroomcontainer .pressgrid {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 20px;
    }
}

.pressroomcontainer .pressgrid .presscard {
    position: relative;
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 0px solid red;
}

    .pressroomcontainer .pressgrid .presscard .image-style {
        width: 100%;
        height: 15vw;
    }

@media only screen and (max-width: 1400px) {
    .pressroomcontainer .pressgrid .presscard .image-style {
        height: 18vw;
    }
}

@media only screen and (max-width: 1024px) {
    .pressroomcontainer .pressgrid .presscard .image-style {
        height: 25vw;
    }
}

@media only screen and (max-width: 767px) {
    .pressroomcontainer .pressgrid .presscard .image-style {
        height: auto !important;
    }
}

.pressroomcontainer .pressgrid .presscard .title {
    font-family: "IBM Plex Sans Arabic", sans-serif;
    color: #DB001C;
    font-size: 18px;
    line-height: 18px;
    margin-top: 15px;
    margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
    .pressroomcontainer .pressgrid .presscard .title {
        font-family: Arial;
        font-size: 14px;
        line-height: 14px;
        margin-top: 10px;
        margin-bottom: 8px;
    }
}

.pressroomcontainer .pressgrid .presscard .description {
    font-family: "Libre Baskerville", serif;
    color: #000;
    font-size: 19px;
    line-height: 25px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    .pressroomcontainer .pressgrid .presscard .description {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 10px;
    }
}
.pressroomcontainer .pressgrid .presscard.arabic{
    direction:rtl;
}
.pressroomcontainer .pressgrid .presscard.arabic .title {
    text-align: right;
    font-family: ibm-plex-arabic, sans-serif !important;
}
.pressroomcontainer .pressgrid .presscard.arabic .description {
    text-align: right;
    font-family: ibm-plex-arabic, sans-serif !important;
}

.Article .info ul > li:before {
    top: -3px;
    margin-right: 3px;
    font-family: 'FontAwesome';
    content: "\f111";
    font-size: 7px;
    position: relative;
}

@media (min-width:1151px){
 header .logo{margin-right:69px;}
}

@media (min-width:1120px) and (max-width:1195px){
   header .logo{margin-right:42px;}
 }

@media (min-width:814px) and (max-width:850px){
   header .logo{margin-right:21px;}
 }


.Details .info {
    font-size: 19px;
    color: #040505;
    font-weight: 300;
    line-height: 23px;
    margin-top: 15px;
}

.Details .multiPics{
    margin-top:15px;
}