@font-face {
    font-family: 'Abd-ElRady-Pro';
    src: url('/content/dam/open-digital/actonckd-eg/ar/fonts/Abd-ElRady-Pro.otf');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'ArefRuqaa';
    font-display: swap;
    font-weight: 600;
    src: url('/content/dam/open-digital/actonckd-eg/ar/fonts/ArefRuqaa-Regular.ttf') format('ttf');
}

@font-face {
    font-family: 'Abd-ElRady-Pro-Regular';
    font-display: swap;
    font-weight: 600;
    src: url('/content/dam/open-digital/actonckd-eg/ar/fonts/Abd-ElRady-Pro-Regular.otf') format('otf');
}

@font-face {
    font-family: 'Abd-ElRady-Bold';
    font-display: swap;
    font-weight: 600;
    src: url('/content/dam/open-digital/actonckd-eg/ar/fonts/Abd-ElRady-Bold.otf') format('otf');
}

@font-face {
    font-family: 'Hacen-Maghreb';
    font-display: swap;
    font-weight: 600;
    src: url('/content/dam/open-digital/actonckd-eg/ar/fonts/Hacen-Maghreb.ttf') format('ttf');
}

.row{
  margin:0
}
/*Header*/
.primary-navigation .nav .static-links-wrapper>li.first-level-item a{
  font-family: 'Abd-ElRady-Pro';
  color:white;
  font-size: 15px;
  text-decoration: none;
}
.primary-navigation .nav .static-links-wrapper>li.first-level-item a:hover{
  color:#f57a21;
  text-decoration:none;
}
.top-header {
    display: none;
}
ul.nav.navbar-nav.stacked-menu {
    display: flex;
    justify-content: center;
}
.primary-navigation.enable-sticky-nav-bar {
    border-bottom: none;
}
nav.navbar.navbar-default.navbar-fixed-top.margin-bottom-0.main-navigation {
    border-bottom: none;
    background: #04243D;
    min-height: unset;
    padding:20px 0 30px;
}
.primary-navigation .nav .static-links-wrapper>li.first-level-item a::after{
  height: 5px;
  width: 50%;
  display: flex;
  justify-content: center;
  margin: auto;
  border-radius: 10px;
}
.static-links-wrapper li:last-child a{
    color:#f57a21!important
}
.static-links-wrapper li:last-child .bottom-hover-border:after {
    text-decoration: none;
    transform: scaleX(1);
}

/*Header*/

/*Footer*/
.footer {
    margin: 0;
    padding: 40px 10px;
    background-color: #04243D;
}
p.foot-text {
    font-family: 'Abd-ElRady-Pro';
    text-align: end;
    line-height: 1.3;
    font-size: 15px;
    text-shadow: none;
    padding-top: 15px;
    color: white;
}
.home .container.middle-content {
    display: none;
}
.footer .foot-links .action-link {
    font-family: 'Abd-ElRady-Pro';
    font-size: 15px;
    text-shadow: none;
}
.arabic-qr-sec img {
    width: 15%;
}
.arabic-qr-sec p {
    text-shadow: none;
    font-family: 'Abd-ElRady-Pro';
    font-size: 15px;
    margin-top: 15px;
}
.arabic-qr-sec {
    margin-top: 25px;
}
/*.foot-links {*/
/*    padding-top: 120px;*/
/*}*/
@media screen and (max-width:1024px){
  .foot-links,
  .arabic-qr-sec{
    text-align: right;
}
  .foot-links ul.linked-list.pd-0.horizontal {
    display: flex;
    flex-direction: column;
}
  .foot-links ul.linked-list.pd-0.horizontal li{
    margin-bottom:5px;
  }
  .text:last-child p.foot-text {
    padding-top: 60px;
}
}

@media screen and (max-width:768px){
p.foot-text,
.footer .foot-links .action-link{
  font-size:11px;
  line-height:1
}  
.foot-links ul.linked-list.pd-0.horizontal li{
    margin-bottom:0px;
}
  .foot-links hr{
    margin:10px 0
  }
   .text:last-child p.foot-text {
    padding-top: 50px;
}
}
/*Footer*/
/*CSS for mobile header starts*/
@media screen and (max-width:767px)
{
  header
  {
    margin-bottom: 64px;
  }
  header nav.navbar.navbar-default.navbar-fixed-top.margin-bottom-0.main-navigation{
    padding-bottom: 15px;
  }
  header button.navbar-toggle.collapsed{
    display: none;
  }
  header div.top-header{
    display: block;
    margin-top: -5em;
  } 
  header .navbar-fixed-top .navbar-collapse{
    display: block;
    height: 52px !important;
  }
  header .primary-navigation.enable-sticky-nav-bar
  {
    border-bottom: none;
    background-color: unset;
    margin-top: 0em;
  }
  header ul.nav.navbar-nav.stacked-menu {
    display: block;
    margin-left: 0em;
  }
  header .primary-navigation .nav .static-links-wrapper>li.first-level-item a {
  
    font-size:8px;
      
  }
  .foot-links .linked-list.horizontal li {
    margin-right: 0;
}
.arabic-qr-sec p{
    font-size:11px;
}
}
@media screen and (min-width:400px) and (max-width:767px)
{
    header ul.nav.navbar-nav.stacked-menu {

        margin-left:1em;
    }
    .text:last-child p.foot-text {
    padding-top: 20px;
}
}
@media screen and (min-width:600px) and (max-width:767px) and (orientation:landscape) 
{
  header ul.nav.navbar-nav.stacked-menu 
  {
      margin-left:13em;
  }  
}
/*CSS for mobile header ends*/

/*CSS for mobile header during SIT starts*/
@media screen and (min-width:768px) and (max-width:991px)
{
    .primary-navigation .nav .static-links-wrapper>li.first-level-item a{
        font-size:14px;
    }
}
@media screen and (min-width:992px) and (max-width:1199px)
{
    .primary-navigation .nav .static-links-wrapper>li.first-level-item a{
        font-size:14px;
    }
}
/*CSS for mobile header during SIT ends*/

/*CSS for landing page SIT starts*/

@media screen and (min-width:600px) and (max-width:767px)
{
  .future-logo
{
 position:relative;
 top:-4em;
}    
}
/*CSS for episode section for SIT fixes starts*/
@media screen and (min-width:768px)
{
    div.episode-inner-sec a.left.carousel-control{
    top:54%;
}
div.episode-inner-sec a.right.carousel-control
{
    top:54%;
}
}
@media screen and (min-width:768px) and (max-width:991px)
{
    div.episodecolbox p.videtit {

        font-size:15px !important;
    }
    div.episode-inner-sec a.right.carousel-control {

        right:0.5% !important;
    }
       div.episode-inner-sec a.left.carousel-control{
    top:65%;
}
div.episode-inner-sec a.right.carousel-control
{
    top:65%;
}
}
@media screen and (min-width:992px) and (max-width:1199px)
{
    div.episodecolbox.boxv1,div.episodecolbox.boxv2,div.episodecolbox.boxv3{
        width:283px !important;
    }
    div.episode-cols
    {
        left:-36px;
    }
    div.episode-inner-sec a.left.carousel-control
    {
        left:-1% !important;
    }
       div.episode-inner-sec a.left.carousel-control{
    top:62%;
}
div.episode-inner-sec a.right.carousel-control
{
    top:62%;
}
}
@media screen and (min-width:600px) and (max-width:767px){
    div.episode-inner-sec a.right.carousel-control span, a.right.carousel-control span {

        top:1px!important;
        right:0px!important;
    }
    div.episode-inner-sec a.left.carousel-control span, a.left.carousel-control span{
        top:1px!important;
        left:0px!important;
    }
}


span.foot-text-reverse {
  display: inline-block;
  direction: rtl;
  text-align: right;
}
/*CSS for episode section for SIT fixes ends*/

@media screen and (max-width: 360px){
    .primary-navigation .nav .static-links-wrapper>li.first-level-item>a{
        padding-left: 5px;
    }
}

/*footer updates*/
.sub1-info {
    text-align: right;
    font-family: 'Abd-ElRady-Pro';
}
@media screen and (max-width:767px){
    .sub1-info p{
        font-size:11px;
        line-height:normal
    }
}
/*footer updates*/