@charset "utf-8";


@font-face{
 font-family:'Montserrat';
 src: url(../fonts/Montserrat-Regular.ttf) format('truetype');
}

@font-face{
 font-family:'IBM';
 src: url(../fonts/IBMPlexSans-Regular.ttf) format('truetype');
}

@font-face{
 font-family:'IBM Bold';
 src: url(../fonts/IBMPlexSans-Bold.ttf) format('truetype');
}

@font-face{
 font-family:'IBM SemiBold';
 src: url(../fonts/IBMPlexSans-SemiBold.ttf) format('truetype');
}

@font-face{
 font-family:'Adobe';
 src: url(../fonts/Adobe-Arabic-Regular.ttf) format('truetype');
}
@font-face{
 font-family:'Adobe Bold';
 src: url(../fonts/Adobe-Arabic-Bold.otf) format('OpenType');
}

@font-face{
 font-family:'SF';
 src: url(../fonts/SFArabic-Regular.ttf) format('truetype');
}
 
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

 a{color:#DB403C;text-decoration:none;}
 a:hover{color:#DB403C;text-decoration:underline;}
 
 .logo{font-family: Adobe Bold;font-size:26px;line-height:28px;color:#161616;}
 .main_slider{font-family: SF;font-size:36px;line-height:37.76px;color:#161616;}
 
 .main_section{font-family: SF;font-weight:bold;font-size:32px;line-height:37.76px;color:#161616;}
 .lang{font-family: Adobe;font-size:10px;line-height:18px;color:#525252;}
 .elang{font-family: IBM;font-size:10px;line-height:18px;color:#525252;}
 .elang:hover{text-decoration:none;}
 
 
 .search_icon{font-size:28px;color:#DB403C;}
 .menu{font-family: SF;font-size:22px;color:#000000;}
 .menu_selected{font-family: SF;font-size:22px;color:#DB403C;}
 
 .submenu{font-family: Adobe Bold;font-size:24px;color:#000000;text-decoration:none;}
 .subselected{font-family: Adobe Bold;font-size:24px;color:#C84037;text-decoration:none;}
 
 .subtopic{font-family: SF;font-weight:bold;font-size:22px;line-height:28px;color:#000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
 
 .title{font-family: Adobe Bold;font-size:20px;/*line-height:17px;*/color:#000;/*text-overflow: ellipsis;white-space: nowrap;overflow: hidden;*/}
 .summary{font-family: Adobe;font-size:20px;line-height:28px;color:#000;}
 
 .topic_title{font-family: SF;font-size:20px;line-height:22px;color:#000;/*text-overflow: ellipsis;white-space: nowrap;overflow: hidden;*/}
 .topic_type{font-family: SF;font-size:16px;line-height:22px;color:#525252;}
 
 .title_all{font-family: Adobe Bold;font-size:20px;/*line-height:17px;*/color:#000}
 .title_all:hover{text-decoration: underline;}
 
 .icon{font-size:14px;}
 .icon:hover {transform: rotate(360deg);-webkit-transform: rotate(360deg)}
 
 .more{font-family: SF;font-size:14px;line-height:28px;color:#000;font-weight:bold;}
 
 .fifth {width:20%;}
 .red{color:#DB403C}
 
 .path{font-family: SF;font-size:16px;line-height:28px;color:#DB403C;}
 .path_selected{font-family: SF;font-size:16px;line-height:28px;color:#000;}
 
 .main_menu{font-family: Adobe;font-size:30px;color:#fff;text-decoration:none;font-weight:normal;}
 .main_menu:hover{color:#fff;text-decoration:none;}
 
 .tab{font-family: Adobe;font-size:24px;color:#525252;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
 .tab:hover{font-family: Adobe Bold;color:#161616;}
 
 .tab_selected{font-family: SF;font-weight:bold;font-size:18px;color:#fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
 .tab_selected:hover{color:#fff;}
 
 .type{font-family: Adobe;font-size:20px;line-height:17px;color:#525252;}
 
 .filterby{font-family: Adobe;font-size:18px;color:#494949;}
 .filter{font-family: Adobe Bold;font-size:18px;color:#494949;}
 .filter:hover{color:#C84037;}
 .filter_hover{font-family: Adobe Bold;font-size:18px;color:#C84037;}
 .filter_selected{font-family: Adobe Bold;font-size:18px;color:#494949;}
 .filter_selected:hover{color:#C84037;}

 .filter_tag{font-family: Adobe;font-size:18px;color:#494949;border:0.5px solid #525252;margin:6px;border-radius:4px;padding:5px 10px 5px 10px}
 .filter_tag:hover{border:0.5px solid #DB403C;color:#494949;background-color:#FFFFFF;text-decoration:none;}
 
 .tag_selected{font-family: Adobe;font-size:18px;background-color:#FFFFFF;color:#494949;border:0.5px solid #DB403C;margin:6px;border-radius:4px;padding:5px 10px 5px 10px}
 .tag_selected:hover{text-decoration:none;}
	 
 .letter{font-family: Adobe Bold;font-size:24px;color:#212121;}
 .noletter{font-family: Adobe Bold;font-size:24px;color:#ccc;}
 .letter_selected{font-family: Adobe Bold;font-size:24px;color:#C84037;}
 .all_letters_selected{font-family: Adobe Bold;font-size:22px;background-color:#C84037; color:#fff;line-height:22px;}
 .all_letters{font-family: Adobe Bold;font-size:24px; color:#fff;background-color:#212121;line-height:20px;}
 
 .search_input{font-family:Adobe;font-size:18px;color:#000;background-color:#fff;border:1px solid #A3A3A3;width:200px;height:23px;padding-left:5px;padding-right:5px;}
 
 .inner_title{font-family: SF;font-weight:bold;font-size:28px;line-height:normal;color:#000;}
 .inner_subtitle{font-family: SF;font-size:24px;color:#DB403C;}
 
.text{font-family: Adobe;font-size:24px;line-height:32px;color:#000;text-decoration:none;font-weight:normal;text-align:justify;}
.caption{font-family: Adobe;color:#000;font-size:18px;line-height:24px;text-decoration:none;}
 
.section{font-family: Adobe Bold;font-size:36px;line-height:31.2px;color:#000;}
.collection{font-family: SF;font-weight:bold;font-size:38px;color:#000;}
 
.collections{font-family: Adobe Bold;font-size:28px;color:#fff;}
.collections_intro{font-family: Adobe;font-size:24px;line-height:26px;color:#fff;}
.collections_text{font-family: Adobe;font-size:28px;line-height:30.6px;color:#000000;}
.collections_selected{font-family: Adobe Bold;font-size:28px;color:#C84037;}
 
 
 .slider_title{font-family: SF;font-size:28px;color:#000;}
 .slider_subtitle{font-family: SF;font-size:18px;color:#DB403C;}
 .slider_text{font-family: Adobe;font-size:24px;color:#212121;line-height:30px;}
 
 .slider_info{font-family: Adobe;font-size:26px;color:#000;line-height:26px;}
 .related{font-family: Adobe Bold;font-size:22px;color:#000000;text-decoration:none;margin-top:30px;border-top:2px solid #D8D8D8;}
 
 .video{width:100%;min-height:205px;}
 
 .paging{font-family:Adobe;font-size:28px;line-height:18px;color:#000;width:26px;padding:10px;box-sizing:border-box;text-decoration:none;display:inline-block;}
 .paging:hover{font-family: Adobe Bold;color:#161616;padding:10px;border-bottom:4px solid #DB403C;text-decoration:none;}
 .paging_selected{font-family: Adobe Bold;font-size:28px;line-height:18px;color:#161616;width:26px;padding:10px;border-bottom:4px solid #DB403C;box-sizing:border-box;text-decoration:none;display:inline-block;}
 .page{font-family:Adobe;font-size:22px;color:#212121;}


 .paging_last{font-family:Adobe;font-size:28px;line-height:18px;color:#000;width:60px;padding:10px;box-sizing:border-box;text-decoration:none;display:inline-block;}
 .paging_last:hover{font-family: Adobe Bold;color:#161616;padding:10px;border-bottom:4px solid #DB403C;text-decoration:none;}

 

.tags{float:right;font-family: Adobe;font-size:22px;line-height:23px;color:#121619;background-color: #DDE1E6;margin-left:10px;border-radius:16px;padding:6px 12px 6px 12px}
.tags:hover{background-color: #DB403C;color:#fff;}
 
.trending{float:right;font-family: Adobe;font-size:18px;line-height:13px;color:#494949;border:1px solid #494949;margin-left:10px;border-radius:4px;padding:6px 12px 6px 12px}
.trending:hover{border:1px solid #C84037;color:#C84037;}
 

.footer{font-family: Adobe;font-size:20px;color:#FFFFFF;}
.footer:hover {color:#FFF;}
.footer_title{font-family: SF;font-size:22px;color:#DB403C;}

.float{float:right;}

.social{font-family: Adobe;font-size:18px;color:#000000;/*border:1px solid #C84037;*/}
.social:hover{color:#DB403C;/*border:1px solid #000000;*/}
.social_icon{font-size:14px;}
.social_footer{font-size:32px;color:#fff}

.subselected{font-family: Adobe Bold;font-size:24px;color:#DB403C;text-decoration:none;}
.button{font-family: Adobe;font-size:20px;color:#fff;background-color:#DB403C;border:0px;padding-top:6px;padding-bottom:6px;padding-left:12px;padding-right:12px;}

.button2{font-family: SF;font-size:12px;font-weight:bold;color:#494949;background-color:#F4F4F4;height:30px;border:0px;padding-left:12px;padding-right:12px;}

.left_button{font-family: SF;font-weight:bolder;font-size:12px;color:#494949;border:0px;background-color:transparent}
.left_arrow{color:#494949;float:left;font-size:12px;padding-top:4px;padding-right:10px;}

.left_button_white{font-family: Adobe;height:30px;font-size:20px;line-height:10px;color:#212121;background-color:#fff;border:0px;border-bottom-right-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:6px;border-top-left-radius:6px;padding-top:6px;padding-bottom:6px;padding-left:12px;}
.left_arrow_white{background-color:#fff;color:#212121;padding:7px;float:left;border-bottom-right-radius:6px;border-top-right-radius:6px;}

.right_button{font-family: SF;font-weight:bolder;font-size:12px;color:#494949;border:0px;background-color:transparent}
.right_arrow{color:#494949;float:right;font-size:12px;padding-top:4px;padding-left:10px;}

carbon-date-picker {
  --field-height: 40px;
  --label-font-size: 14px;
  --helper-text-font-size: 12px;
  --border-radius: 4px;
  --border-color: #ccc;
  --focus-border-color: #0052cc;
}

carbon-date-picker input {
  padding: 0 10px;
  font-size: 14px;
}

carbon-date-picker carbon-icon {
  fill: #0052cc;
}



.text-small{
	font-size:14px;
}
.overlay {
  position: absolute;top: 0; bottom: 0; left: 0;right: 0;opacity: 0;transition: .3s ease;background-color: #000;opacity: 0.30;overflow:hidden;
}

.overlay:hover {
  cursor:hand;
}


#pic {
 /* display: inline-block;*/
 /* margin: 20px;*/
 /* border: 1px solid black;*/
  overflow: hidden;            /* clip the excess when child gets bigger than parent */
}
#pic img {
  display: block;
  transition: transform .4s;   /* smoother zoom */
}
#pic:hover img {
  transform: scale(1.1);
  transform-origin: 50% 50%;
  /*opacity:0.5;*/
}
 
 .multi-line-ellipsis {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2; /* Number of lines before truncation */
   overflow: hidden;
   white-space: normal;
  
 }
 
 @media  (min-width:1140px){
	
 	.main_container {width:1140px;display:block;margin:auto;border:0px solid red;box-sizing:border-box;}
    .slider_info_bold{font-family: Adobe Bold;direction:RTL;font-size:26px;padding-top:12px;padding-bottom:12px;color:#000;border-top:1px solid #D8D8D8;}
    .detail{padding-top:12px;padding-bottom:12px;text-align:left;border-top:1px solid #D8D8D8;}
    .mobile_menu {display:none;}

}

@media (min-width:668px) and (max-width:810px){
    .mobile_menu {display:none;}
	
}

@media  (max-width:667px){

  .fifth {width:50%;}
  .hide_for_mobile {display:none;}
  
  .slider_text{font-family: Adobe;font-size:22px;color:#212121;line-height:30px;}
  
  .slider_info_bold{font-family: Adobe Bold;direction:RTL;font-size:26px;padding-top:12px;color:#000;}
  .detail{padding-bottom:12px;text-align:right;border-bottom:1px solid #D8D8D8;}
  .slider_title{font-family: Adobe;font-size:35px;line-height:30px;color:#000;text-decoration:none;font-weight:normal;}
  .mobile_top{padding-top:30px;}
}