@media only screen and (max-width:767px){
.single-project .page-title.blog-details{
margin-top:-160px
}
.main-header.header-style-one .logo-box:lang(en) {
left:0px	
}	
	.bdt-title-tag span{
		display:inline-flex;
	font-size:60px
	}

	body.single-project .page-title h1:lang(en),body.single-project .page-title h3:lang(en){
font-size:2rem !important;
	font-weight:900 !important
	}	
.e-flex.e-con-boxed:lang(en){
display:initial !important;
left:5px
	}	
}


.content-box :lang(en),.project-cat-name-byjs:lang(en),h3:lang(en),.footnotes-toggle-btn:lang(en){
text-align:left !important;
direction:initial !important;
}
#search-section h3:lang(en){
text-align:center !important;
}



.misdad-custom-header div.info-row:lang(en){
direction:rtl!important
}
body.single-project .misdad-custom-header .pdf-file-icon-byjs:lang(en){
right:0px
}
.project-template-default .tag-box:lang(en){
float:right !important;
margin-left:20px
}
body.single-project .misdad-custom-header .project-cat-name-byjs:lang(en):before{
margin-right:10px
}

/*********************/
.upk-custom-project-category{
color:#CE8F48
}
.twitter-tweet.twitter-tweet-rendered{
margin:auto	
}
.rtl h1 a span.frist-word{
font-family:Asal !important;
}
.rtl h1.bdt-title-tag a h3,.lang-item-ar a{
font-family:Alexandria !important;
font-size:1rem !important
}



@media only screen and (max-width:767px){
body.single-project .misdad-custom-header .info-row {
direction:rtl !important		
	}
body.single-project .misdad-custom-header .info-row:lang(en){
display:block !important;
direction:ltr !important
}


body.single-project .misdad-custom-header .pdf-file-icon-byjs {
text-decoration: none;
right:0px !important
}	
body.single-project .page-title h1{
margin:-50px auto 0 auto !important;
}
	.upk-post-grid .upk-item:nth-child(1) .upk-blog-date{
top:15px}
}
/* ============= 1. ÅÎÝÇÁ ÇáÚäÇÕÑ ÇáÃÕáíÉ ÊãÇãðÇ ============= */
body.single-project .sec-pad{
padding:0	
}
body.single-project .header-article{
margin-top:100px !important
}
body.single-project .content-box{
width: 80%;
margin:auto
}

body.single-project .post-discription .post-info {
display:none !important;
}
.social-links{
top:-22px;
position:relative;
right:160px;
color: #999!important;
display:none
}

.social-links i{
color: #999!important;
}
.social-links:before{
content: '|';
padding-left:12px;
color:#314657
}



/* ÇáÊÃÑíÎ */
body.single-project .misdad-custom-header .post-info-byjs{
  color: #999;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size:1.2rem;
}


body.single-project .page-title h1{
margin:-40px auto 0 auto	
}
/* ============= 2. ÅÚÇÏÉ ÖÈØ ÇáÍÇæíÉ ÇáÌÏíÏÉ ============= */
body.single-project .misdad-custom-header{
  width: 100%;
  margin:30px auto -10px;
  font-size: 22px;
  text-align: center;
  position: relative;
  direction: rtl;
  line-height: 1.5;
}

/* ÊÕäíÝ ÇáãÔÑæÚ */
body.single-project .misdad-custom-header .project-cat-name-byjs{
  font-weight: bold;
  color: #999;
  margin-bottom:40px;
  display: flex;
  font-size: 22px;
}
body.single-project .misdad-custom-header .project-cat-name-byjs:before{
content:"";
margin-left:10px;
border:5px #999 solid;
background:#999;
border-radius:100%;
width:10px;
height:10px;
margin-top:12px
}



/* ÓØÑ ÇáãÚáæãÇÊ (ÊÃÑíÎ + ãÄáÝ + PDF) */
body.single-project .misdad-custom-header .info-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  flex-wrap: wrap;
  gap: 10px;
  direction: ltr;
}

body.single-project .misdad-custom-header .info-row > div {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* ÇáãÄáÝ */
body.single-project .misdad-custom-header .article-author-byjs {
  font-weight: bold;
  color: #555;
  white-space: nowrap;
}

/* ÃíÞæäÉ PDF */
body.single-project .misdad-custom-header .pdf-file-icon-byjs{
text-decoration: none;
border-radius:2px;
color: #CE8F48;
position:relative;
z-index:99;
padding:10px;
background:#fff;
/*right:200px*/
}

body.single-project .misdad-custom-header .pdf-file-icon-byjs i:hover{
transform:scale(1.1)	
}
body.single-project .misdad-custom-header .pdf-file-icon-byjs i{
font-size:35px
}

.article-author .pdf-file-icon,.header-article p,.article-author-byjs a.pdf-file-icon{
display:none
}

body.single-project .misdad-custom-header .post-info-byjs li {
  display: inline;
  color: inherit;
}

}


/* ============= 3. ÊÚÏíáÇÊ ÇáÌæÇá ============= */





@media only screen and (max-width:1120px) {
body.single-project .misdad-custom-header .info-row {
    flex-direction: column;
    align-items: flex-start;
		direction:rtl
  }

  body.single-project .misdad-custom-header .info-row > div {
width: 100%;
justify-content: space-between;
  }

  body.single-project .misdad-custom-header .article-author-byjs,
  body.single-project .misdad-custom-header .post-info-byjs {
    text-align: right;
  }

	
body.single-project .page-title h1{
margin:-180px auto 0 auto	;
}

}





/*End Temp***************/

/*
@media only screen and (max-width:920px){
.project-template-default .content-box h1:lang(en),.project-template-default .post-discription ul.post-info:lang(en) {
text-align:left;
left:0px!important
}
.project-template-default .misdad-project-banner:lang(en){
left:0!important
}
.post-discription .right-info{
top:10px!important;
right:-8rem !important
	}
}


.research-text h3:lang(en){
text-align:left
}

.project-template-default .misdad-project-banner:lang(en){
left:127px
}


.project-template-default .content-box h1:lang(en),.project-template-default .post-discription ul.post-info:lang(en) {
text-align: left;
left: 130px;
}
	
	
	
.project-template-default span.article-author:lang(en) {
left: 700px;
}
.project-template-default a.pdf-file-icon:lang(en) {
top: 0;
left: 180px;
}

.project-cat-name:lang(en){
top:-50rem !important;
width:100%;
text-align:left
}
.footnotes-toggle-btn:lang(en){
direction:ltr
}
.right-info:lang(en){
right:-34rem
}

*******/











@media only screen and (max-width:767px){
/***HomePage****/
.page-id-5406 .bdt-prime-slider-content{
display:flex;
}
	.page-id-5406 .bdt-slideshow-nav.bdt-dotnav{
margin-top:23rem		
	}	
.page-id-5406 .bdt-main-title a {
font-size:1em!important;
}
.page-id-5406 .bdt-main-title h1 h3{
font-size:1em;	
}
.page-id-5406 .bdt-main-title{
	width:40vw;
	right:-25px
	}	
.upk-item-box{
display:block !important
}
/**En********/
	


.page-id-7046 .bdt-prime-slider-content{
display:flex;
}
	.page-id-7046 .bdt-slideshow-nav.bdt-dotnav{
margin-top:23rem		
	}	
.page-id-7046 .bdt-main-title a {
font-size:1em!important;
position:relative;
right:40px
}
.page-id-7046 .bdt-main-title h1 h3{
font-size:1em;	
}
.page-id-7046 .bdt-main-title{
right:-25px
}


}
	
/**End HomePage***/
	

/**TAB**************/
@media only screen and (min-width:768px) and (max-width:920px){

.page-id-5406 .bdt-slideshow-nav.bdt-dotnav{
margin-top: 163px;
    margin-right: 100px;
}
.page-id-7046 .bdt-slideshow-nav.bdt-dotnav{
margin-top: 163px;
margin-right: 100px;
}
	
}









/**NEW Edition**************/
.project-template-default .tag-box {
    background: #314657;
    border: none!important;
    width: 30%;
    float: left !important;
    margin-right: 20px!important;
	color: #fff !important;}


.project-template-default .quote-box{
background:transparent;
color:#666 !important;
font-style:normal !important;
font-size:28px !important;
border-top:6px solid #CE8F48;
border-top-width:4px !important;
font-weight:600 !important
}


.project-template-default .misdad-project-banner{
width:82% !important;
margin: 0 auto 0px Auto
}
.project-template-default .content-box h1{
text-align:right;
color:#666
}
.project-template-default .content-box h3{
color:#666 !important;
font-size: 2.3rem;
font-weight: 600;
}

.project-template-default .content-box:before,.project-template-default .content-box:after{
display:none
}

.project-template-default .page-title:after,.project-template-default .page-title:before{
display:none !important
}



/*****************/


.page-id-3513 #search-section .elementor-element.elementor-widget-heading{
background:#314657	
}


.page-id-5406 .bdt-title-tag:before,.page-id-5406 .bdt-title-tag:after{
display:none !important;
}

.page-id-5406 .bdt-slideshow-items .bdt-width-1-1{
background: #8B3621;
padding-right:40px;
z-index:9
}

.page-id-5406 .bdt-prime-slider-skin-blog .bdt-main-title:after,.page-id-5406 .bdt-prime-slider-skin-blog .bdt-main-title:before{
display:none !important
}
.page-id-5406 .bdt-prime-slider-skin-blog .bdt-main-title{
top:-10px
}
.page-id-5406 .bdt-prime-slider-content    
{position: absolute;
right: 0px;
bottom:-20px;
width: 60%;
}
.page-id-5406 .bdt-prime-slider-skin-blog .bdt-slideshow-item .bdt-ps-blog-main-img.bdt-ps-slide-img{
height:97%;
z-index:1
}
.page-id-5406 .bdt-overlay-default.bdt-position-cover{
background:#fff
}

.page-id-5406 .bdt-slideshow-nav.bdt-dotnav{
top:-200px !important;
 transform: rotate(90deg);
    display: block;
    width: 100%;
}




/***Home En******** **********************/
.page-id-7046 .bdt-title-tag:before,.page-id-7046 .bdt-title-tag:after{
display:none !important;
}

.page-id-7046 .bdt-slideshow-items .bdt-width-1-1{
background: #8B3621;
padding-left:40px;
z-index:9
}



.page-id-7046 .bdt-prime-slider-skin-blog .bdt-main-title:after,.page-id-7046 .bdt-prime-slider-skin-blog .bdt-main-title:before{
display:none !important
}

.page-id-7046 .bdt-prime-slider-skin-blog .bdt-main-title{
top:-10px
}


.page-id-7046 .bdt-prime-slider-content    
{position: absolute;
left: 0px;
bottom:-40px;
width: 60%;
}

.page-id-7046 .bdt-prime-slider-skin-blog .bdt-slideshow-item .bdt-ps-blog-main-img.bdt-ps-slide-img{
height:97%;
z-index:1;
left:0
}

.page-id-7046 .bdt-overlay-default.bdt-position-cover{
background:#fff
}

.page-id-7046 .bdt-slideshow-nav.bdt-dotnav{
transform: rotate(180deg);
bottom:30px;
right:450px
}

/**************/



.upk-category.custom-project-category{
display:block !important;
position:;
right:-20px !important;
top:-100px !important;	
width:130px;
background:#CE8F48;
padding:10px 0 10px 0 ;
text-align:center;
color:#fff;
transform:scale(.9);
}


/***************************/

@media only screen and (min-width:1201px){
.fixed-header .logo-box{
z-index:9999
}
.fixed-header .logo-box img{
position:fixed;
top:-8px;
transform:scale(.85)
}
}


@media only screen and (max-width: 991px) and (min-width:600px){
.page-title{
display:flex-start !important;
padding:200px 50px !important;
}


.bdt-prime-slider-skin-blog .bdt-slideshow-nav{
	position:absolute !important;
	top:88% !important;
	right:10px
	}
	
.bdt-navigation-wrap{
	margin-bottom:16px
	}
.bdt-navigation-wrap:lang(en){
	float:left
	}



.textwidget.custom-html-widget{
	margin-top:50px;

	}	
.bdt-social-icon{
    float: left;
    position: absolute;
    right: 95%;
    top: 43px;
}
	.latest-project-section .project-main-card{
display:initial
	}


}



@media only screen and (max-width: 991px) and ( min-width:720px){
	
.mobile-nav-toggler{
left: -100px !important;
position: relative;
float: right;
top: -10px;
	}



}
@media only screen and (max-width: 440px){
	.bdt-dotnav{
	position:absolute !important;
	top:91% !important;
	right:10px
	}
	.mobile-nav-toggler{
	left: -100px;
    position: relative;
    float: right;
    top: -10px;
	}


	ul.bdt-slideshow-items {
		height:120% !important
	}
	ul.post-info{
	margin-top:72px
	}	
	.menu-area .mobile-nav-toggler{
		top:-20px
	}	
}

/*** project-main-card ***/
@media (max-width: 968px) {
.project-main-card {
        flex-direction: column;
        gap: 30px;
        text-align: center;
        padding: 30px;
    }
    
    .project-image-wrapper {
        flex: none;
        width: 100%;
        max-width: 500px;
    }
    
    .project-main-title {
        font-size: 1.8em;
    }
}

@media (max-width: 480px) {
    .latest-project-section {
        padding: 0px 15px;
position:		relative;
		left:-132px;
		
    }
    
    .project-main-card {
        padding: 25px 20px;
width:320px !important
	}
    
.project-main-title{
font-size:1.5em;
color:#314657 !important
}
    
.project-featured-image img {
height: 250px;
 }
}


.project-featured-image{
display:inline-block
}









/** End mobile **************/

/**Website*********************/

/* @font-face {
  font-family: 'AraHamahAlFidaa';
  src: url('https://misdad.org/wp-content/uploads/2025/10/AraHamahAlFidaa-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* theme Color
*Org #CE8F48 - CA7463 ---e6907a
 * oily #314657 - 083030
 * light oily #218B9A - 197076
 * 
CE8F48
New******
Pri:#314657 ------ oily
sec: #CE8F48 ------ org
Light: #8B3621 ----- 218B9A



 */
/**new version **/
footer.main-footer,.menu-box{
background:#314657 !important
}


.header-article p:nth-child(1){
margin-bottom:50px
}

.value-boxes{
min-height:220px
}
.bdt-scroll-down-wrapper{
display:none !important
}
.bdt-slide-play-button a{
transform:scale(.6);
background:#ffffff99!important
}
.bdt-slide-play-button a svg{
display:none !important
}
.bdt-slide-play-button a:before{
content:'\1F4c4 '!important;
font-size:33px
}
#bdt-slideshow-6{
transform:scale(0.9)
}



/*pages title***************/


.page-id-4058 .bdt-prime-slider-social-icon{
margin-top:-30px !important;
margin-right:-80px!important
}
/*
.page-id-4058 .bdt-main-title .bdt-title-tag:before,
.page .bdt-main-title .bdt-title-tag:not(.home .bdt-main-title .bdt-title-tag):before{
content:'';
width: clamp(75rem, 1vw, 0.125rem);
height: clamp(0.12rem, 1vw, 0.1rem);
top:200px;
left:-100px;
background:#fff;
position:absolute
}
/*
.page-id-4058 .bdt-main-title .bdt-title-tag:after,.page .bdt-main-title .bdt-title-tag:not(.home .bdt-main-title .bdt-title-tag):after{
content:'';
width: .page-id-4058 .bdt-main-title .bdt-title-tag:after, .page .bdt-main-title .bdt-title-tag:not(.home .bdt-main-title .bdt-title-tag):after(100rem, 1vw, 0.125rem);
height: clamp(0.1rem, 1vw, 0.12rem);
right:-100px;
background:#fff;
position:absolute
}
.easy-footnotes-wrapper{
margin-top:100px
}
*/

/****
.easy-footnotes-wrapper:before{
content: '';
    padding: 2px 260px;
    background: #218B9A;
    position:absolute;
    margin-top: -50px;
}

/******
ol.easy-footnotes-wrapper li:nth-child(1):before{
content: 'ÇáãÑÇÌÚ';
position:absolute;
margin-top:-50px;
font-size:32px;
right:10px;
color: #CE8F48
}
********/


/**project header */


/*
.page-title .content-box:after{
content:'';
width: clamp(100rem, 1vw, 0.1rem);
height: clamp(0.1rem, 1vw, 0.1rem);
bottom:70px;
background:#fff;
position:absolute;
left:100px
}

.page-title .content-box:before{
content:'';
width: clamp(100rem, 1vw, 0.1rem);
height: clamp(0.12rem, 1vw, 0.1rem);
top:-30px;
right:280px;
background:#fff;
position:absolute
}

.page-title .content-box h1:before{
   content: '';
   padding-right: 1px;
   background: #fff;
   right:-260px;
   position: relative;
   padding-top:90px;
   top:-20px;
} 
*/
.single-btn.prev-btn,.single-btn.next-btn{
background:#218B9A;
height:150px;
}
.single-btn.prev-btn h5,.single-btn.next-btn h5{
padding:20px;
top:35px;
color:#314657;
font-weight:600;
z-index:999;
position:relative;
font-size:24px !important;

}
.single-btn.prev-btn span{
background:#fff;
padding:5px 12px;
top:0;
position:absolute;
right:0;
color:#CE8F48;
font-weight:600
}
.single-btn.next-btn span{
background:#fff;
padding:5px 12px;
top:0;
position:absolute;
left:0;
color:#CE8F48;
font-weight:600
}
.single-btn.next-btn a{
width: 100%;
    position: absolute !important;
    height: 148px;
    top: 0px;
    left: 0;
    z-index: 99999999;
	color:#00000000 !important

}
.single-btn.prev-btn a{
width: 100%;
position: absolute !important;
height: 148px;
top: 0px;
left: 0;
z-index: 99999999;
color:#00000000 !important
}






/*****************

.page-id-4058 .page-title h1:before,.page-id-3513 .page-title h1:before,.page .bdt-main-title h3 :before{
   content: '';
   padding-right: 1px;
   background: #fff;
   right:-300px;
   position: relative;
   padding-top:90px;
   top:-120px;
}


.page-id-4058 .bdt-main-title h3 :before,.page .bdt-main-title h3 :before{
   content: '';
   padding-right: 1px;
   background: #fff;
   right:-200px;
   position: relative;
   padding-top:200px;
   top:-60px;
}

*****/





/************/

/********/
.footer-bottom {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 0px;
  background: #CE8F48;
  margin: 0 -208px;
	  padding: 9px 200px;
  font-size: 1.4rem;
}
footer.main-footer a{
font-size:22px !important	
}


.footer-sec-title:before{
content:' ' !important;
position:absolute!important;
top:-30px!important;
background:#CE8F48!important;
padding:2px 120px!important;
}

.page-id-3513 footer.main-footer .widget-section,
.page-id-4058 footer.main-footer .widget-section,
.page footer.main-footer .widget-section,.single footer.main-footer .widget-section {
display:block !important
}

.e-n-accordion p{
color:#fff;
font-size:20px;
font-weight:100;
}
.e-n-accordion .e-con-full.e-flex.e-con.e-child{
border:none
}
/*********
#search-section .elementor-widget-heading{
background:#314657;
}
*******/
#search-section #our-research-title h1
{
font-size:65px !important;
}

#search-section #our-research-title
{

background:transparent;
position: relative;
border-bottom: 1px solid white;
/* ÇáÈæÑÏÑ ÇáÓÝáí ßÇãá */
border:none
}

/* ÇáÈæÑÏÑ ÇáÚáæí - íÙåÑ 70% ãä Çáíãíä */
#search-section #our-research-title::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 80%; /* 70% ãä Çáíãíä */
  height:1px;
  background: white;
}

/* ÇáÈæÑÏÑ ÇáÓÝáí - íÙåÑ 70% ãä ÇáíÓÇÑ */
#search-section #our-research-title::before {
  content: '';
  position: absolute;
  bottom: 15px; /* íÊØÇÈÞ ãÚ ÇáÈæÑÏÑ ÇáÃÕáí */
  right: 0;
  width: 80%; /* 70% ãä ÇáíÓÇÑ */
  height: 1px;
  background: white;
}





#search-section .elementor-widget-heading h3{
font-size:22px
}
.is-search-form input{
background:transparent!important;
height:45px !important;
/* color:#fff !important;
/*transform: scale(1.7) !important;
right: 135px;*/
position: relative;
}

}
.is-search-icon:hover{
background:transparent!important;
transform: scale(2) rotate(20deg);
}
.is-search-form{
border:3px #314657 solid !important;
width:80%;
margin:auto;
margin-bottom:-20px;
z-index:99999
}
.is-form-style input.is-search-input{
border:none !important
}
form.is-search-form .is-search-input{
font-size:25px !important
}

.is-search-icon{
background:transparent;
border:none;
transform:scale(1.4);
color:#fff !important
}


.rtl.page-id-3513 *:not(i):not(.fa-angle-down),
.rtl.page-id-4058 *:not(i):not(.fa-angle-down) ,
.rtl .page-title :not(i):not(.fa-angle-down),.rtl *:not(.fas){
font-family:Asal;
/*font-weight:100;*/
line-height:1.5
}
.rtl nav *:not(.fas),.rtl p ,.rtl h5{
font-family:Asal !important
}


.rtl div.header-article *:not(i),.rtl section p span,.rtl section span{
font-family:Alexandria !important
}

.single-project .header-article *:not(i):not(.fa-angle-down):lang(en),.single-project .article-content:lang(en){
line-height:1.9;
}


.rtl.single-project .header-article *:not(i):not(.fa-angle-down),.rtl.single-project .article-content{
font-weight:100;
line-height:1.9;
font-size:1.15rem
}

.rtl.single-project h1{
font-size:2.3rem;
font-weight:600
}


.single-project .research-summary h5{
margin-bottom:8px
}




.page-id-3513,.page-id-3513 a,.e-n-tab-title span,
.page-id-4058,.page-id-4058 a,.e-n-tab-title span,
.page,.page a,.e-n-tab-title span,
.single-project,.single-project a,.e-n-tab-title span {
font-size:/*1.5*/ 1rem !important;
font-weight:600
}
footer h2 a{
font-size:1.5rem !important
}
.page-id-3513 h3.elementor-icon-box-title a,.page-id-3513 footer .text h2 a,.page-id-3513 h3.elementor-heading-title a,
.page-id-4058 h3.elementor-icon-box-title a,.page-id-4058 footer .text h2 a,.page-id-4058 h3.elementor-heading-title a,.single-project h3.elementor-heading-title a
{
font-size:/*1.8*/1.2rem !important;
}
#wpadminbar span,#wpadminbar a{
font-size:unset !important;
font-family:tahoma !important;
font-size:14px
}

h1.bdt-title-tag a{
font-size:2rem !important;
/*letter-spacing:1.4px*/
}
#search-section h3{
font-size:1.5rem !important;
/*letter-spacing:/*1.5px*/
}
#search-section h3 a:hover{
color:#bbb;

font-size:18px !important
}
#search-section img{
box-shadow: 1px 2px 4px 0px #000;
}
#search-section img:hover{
box-shadow: -1px -1px 4px 0px #000;
transform:scale(1.08)
}


.page-id-3513 .bdt-prime-slider,
.page-id-4058 .bdt-prime-slider{
margin-top:-60px	
}

.page-id-3513 .project-section .tab-btns li:before,
.page-id-4058 .project-section .tab-btns li:before {
border: 2px solid #fff;
border-radius: 0;
background:#fff;
right:-7px
}
.page-id-3513 .project-section .tab-btns li.active-btn:nth-child(8):after,
.page-id-4058 .project-section .tab-btns li.active-btn:nth-child(8):after {
border: 2px solid #CE8F48;
background:#CE8F48;
padding:3.3px;

}

.page-id-3513 .project-section .tab-btns li:nth-child(8):after,
.page-id-4058 .project-section .tab-btns li:nth-child(8):after {
border: 2px solid #fff;
border-radius: 0;
background:#fff;
content:'';
padding:3px;
left:80px;
top:13px;
width:6px
}

.page-id-3513 .project-section .tab-btns li:hover,
.page-id-4058 .project-section .tab-btns li:hover {
color:#CE8F48 !important;
}

.page-id-3513 .project-section .tab-btns li,
.page-id-4058 .project-section .tab-btns li {
color:#fff !important;
direction:rtl !important
float:right;
direction:rtl
}
.page-id-3513 .project-section .tab-btns li.active-btn,
.page-id-4058 .project-section .tab-btns li.active-btn {
color:#CE8F48 !important;
}
.project-section .tab-btns li:after {
top: 36px;
background:#CE8F48;
}
.page-id-3513 .project-section .btn-box .theme-btn,
.page-id-4058 .project-section .btn-box .theme-btn {
background:#CE8F48;
color:#314657;
}
.page-id-3513 .project-section .tab-btns li.active-btn:before,
.page-id-4058 .project-section .tab-btns li.active-btn:before {
border: 2px solid #CE8F48;
border-radius: 0;
background:#CE8F48 !important;

}






.page-id-3513 .bdt-prime-slider-skin-blog .bdt-dotnav li.bdt-active a:before,
.page-id-4058 .bdt-prime-slider-skin-blog .bdt-dotnav li.bdt-active a:before {
background-color:#CE8F48;
margin-left: 10px;
height: 6px;
width: 14px;
transform: rotate(90deg);
}
.page-id-3513 .bdt-prime-slider-skin-blog .bdt-dotnav li a:before,
.page-id-4058 .bdt-prime-slider-skin-blog .bdt-dotnav li a:before {
background-color:#197076;
margin-left: 10px;
height: 5px;
width: 12px;
border-radius:0px
}
.page-id-3513 .bdt-prime-slider-skin-blog .bdt-dotnav li.bdt-active a,
.page-id-4058 .bdt-prime-slider-skin-blog .bdt-dotnav li.bdt-active a {
display:contents
}

.page-id-3513 .bdt-prime-slider-skin-blog .bdt-dotnav li.bdt-active,
.page-id-4058 .bdt-prime-slider-skin-blog .bdt-dotnav li.bdt-active {
padding:0 14px;
top:-2px
 }
.page-id-3513 .bdt-prime-slider-skin-blog .bdt-dotnav li.bdt-active a:after,
.page-id-4058 .bdt-prime-slider-skin-blog .bdt-dotnav li.bdt-active a:after {
border: none !important;
}
.page-id-3513 .bdt-prime-slider-skin-blog .bdt-slideshow-nav,
.page-id-4058 .bdt-prime-slider-skin-blog .bdt-slideshow-nav {
right: 182px;
top: 78% !important;
transform: rotate(0deg);
width:300px
}

.page-id-3513  .bdt-navigation-arrows.bdt-position-bottom-left,
.page-id-4058  .bdt-navigation-arrows.bdt-position-bottom-left {
top:78% !important;
right:67rem;
transform:scale(.7)
}
.page-id-3513 .slider-home:nth-child(1):before,
.page-id-4058 .slider-home:nth-child(1):before {
content:'';
padding-right:1px;
background:#fff;
left:60px;
position:relative;
padding-top:330px;
top:75px
}

.page-id-3513 .slider-home,
.page-id-4058 .slider-home {
background:#CE8F48;
padding:5px 20px 5px 20px;
color:#000;
top:25px;
position:relative
}
.page-id-3513 .bdt-prime-slider-skin-blog .bdt-ps-blog-container,
.page-id-4058 .bdt-prime-slider-skin-blog .bdt-ps-blog-container {
margin-top:140px
}
/*
.page-id-3513 .bdt-prime-slider-skin-blog .bdt-main-title:before
{
width: clamp(75rem, 1vw, 0.125rem);
height: clamp(0.1rem, 1vw, 0.1rem);
top:160px;
right:-200px;
}
.page-id-3513 .bdt-prime-slider-skin-blog .bdt-main-title:after {
width: clamp(100rem, 1vw, 0.125rem);
height: clamp(0.09rem, 1vw, 0.09rem);
right:200px
}
*/
.page-id-3513 .bdt-social-icon,
.page-id-4058 .bdt-social-icon {
top:130px;
right:40px;
width:20px
}

.page-id-3513 .bdt-social-icon:before,
.page-id-4058 .bdt-social-icon:before {
content:'';
padding-bottom:110px;
background:#CE8F48;
width:1px;
margin-right:10px;

}
.page-id-3513 .bdt-social-icon:after,
.page-id-4058 .bdt-social-icon:after {
content:'';
padding-bottom:480px;
background:#CE8F48;
width:1px;
margin-right:10px
}

.page div.spinner,.single div.spinner{
display:none
}

.page-id-3513 .header-style-one,.page-id-3513 .header-style-one .sticky-header,
.page-id-4058 .header-style-one,.page-id-4058 .header-style-one .sticky-header,
.page .header-style-one,.single-project .main-header.header-style-one{
background:#314657;
top: 0px !important;
}
.page-id-5406 .header-style-one,.page-id-7046 .header-style-one{
background:#314657aa ;
}

.fixed-header .sticky-header{
background:#314657 !important;
max-height:80px;
display:none
}

.page-id-3513 .header-style-one .menu-area,
.page-id-4058 .header-style-one .menu-area,
.page .header-style-one .menu-area,
.single-project .menu-area {
padding-top:25px;
left: 100px;
position: relative;
}


.page-id-3513 .header-style-one .sticky-header .menu-area,
.page-id-4058 .header-style-one .sticky-header .menu-area,
.page .header-style-one .sticky-header .menu-area,
.single-project .main-header .header-style-one{
padding-top:0px !important;
}
.sticky-header .menu-area{
position:relative;
top:-1.5rem
}
.page-id-5406 .sticky-header .menu-area{
position:relative;
top:-0.1rem !important
}





.page-id-3513 .header-style-one .logo-box,
.page-id-4058 .header-style-one .logo-box,
.page .header-style-one .logo-box,
.single-project .main-header.header-style-one .logo-box {
right:88% !important;
height:130px !important;
top:3px !important;
	}	
.page-id-3513 .header-style-one .logo-box img,
.page-id-4058 .header-style-one .logo-box img,
.page .header-style-one .logo-box img,
.single-project .header-style-one .logo-box img {
height:90px!important		
	}















/*******************/
/**Old version **/

.news-block-one .inner-box{
display:inline-flex;
width:100% !important;
}
.news-block-one .inner-box .image{
width:300px !important;
}



.latest-title{
	height:220px!important;
}
.latest-title .col-lg-6.col-md-12.col-sm-12.content-column{
display:block!important;
margin:auto !important
}
.latest-title .upper-box{
text-align:center 
}
.project-block-one p{
display:none;


}

.bdt-prime-slider-skin-blog .bdt-slideshow-item .bdt-ps-blog-main-img{
right:0% !important;
top:0 !important;
display:
}
.bdt-prime-slider-skin-blog .bdt-prime-slider-next, .bdt-prime-slider-skin-blog .bdt-prime-slider-previous {
border: 2px solid #CE8F48 !important;
}
.bdt-prime-sller-skin-blog .bdt-slideshow-nav{
top:40% !important
}
.bdt-navigation-arrows.bdt-position-bottom-left{
bottom:200px !important	
}
/**Social M******************/
        ul.social-media {
            list-style: none;
            padding: 0;
            margin: 0;
            display: block;
            gap: 20px;
        }
        
        ul.social-media li {
            display: inline-block;
					padding-right:8px
        }
        
        ul.social-media li a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            color: white;
            font-size: 24px;
            transition: all 0.3s ease;
            text-decoration: none;
        }
        
        /* ÝíÓÈæß - ÃÒÑÞ */
        ul.social-media li a.facebook {
            background-color: #1877F2;
        }
        
        /* X (ÊæíÊÑ ÓÇÈÞðÇ) - ÃÓæÏ ãÚ ÃíÞæäÉ ÈíÖÇÁ */
        ul.social-media li a.x-twitter {
            background-color: #000000;
        }
        
        /* ÅäÓÊÛÑÇã - ãÊÏÑÌ áæäí */
        ul.social-media li a.instagram {
            background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
        }
        
        ul.social-media li a:hover {
            transform: scale(1.1);
            box-shadow: 0 4px 8px rgba(0,0,0,0.2);
        }
/*********AR************/
.rtl .project-section .tab-btns > li:nth-child(8){
margin-right:50px !important
}
.team-details .content-box h2 span:nth-child(1),.team-details .content-box h6:nth-child(1){
display:none !important
}
.team-section.team-page .team-block-one .inner-box {
min-height: 425px;
}


.rtl ul.social-links li{
padding-left:30px
}
footer div.text,
.article-content div.text p,.article-content div.text,.article-content div.text h3,.article-content div.text h2,.article-content div.text h4{
margin-top:30px;
}
.post-nav-btn{
margin-top:100px;
display:none
}


div.text p{
line-height:2
}

/* .rtl *:not(i):not(.fa-angle-down){
font-family:tajawal !important;
}
*/

#header-sliders{
z-index:unset !important
}
.rtl.single-project .about-section .content-box .inner-box .single-item,.rtl .banner-carousel .content-box .count-text,.comments-form-area{
display:none !important
}

.rtl .main-menu .navigation > li{
float:right;
padding-right:15px
}
.rtl .project-section .tab-btns > li
{
float:right;
padding-right:8px;
padding-left:8px;
text-align:right;
left:20px;
}
.rtl ul.bread-crumb > li{
float:left;
display:none

}

.rtl .project-section .tab-btns  li:before{
left:-52px!important;
background:
}

.rtl .main-menu .navigation > li a{
text-align:right;
right:70px;
font-weight:800
}
.rtl .main-menu .navigation ul li a{
right:10px
}
.rtl .main-menu .navigation ul li a:hover{
color:#CE8F48
}


.rtl .header-style-one .logo-box{
right:80%
}

.rtl #header-sliders .content-box{
text-align:right;
left:43%;
position:relative
}
.rtl .banner-carousel .owl-dots{
left:5%;
right:unset
}
.text-ar:lang(en){
display:none !important
}
.text-en:lang(ar){
display:none !important
}
.text-ar-preload .letters-loading{
letter-spacing:-3px !important
}
.rtl .owl-stage-outer{
direction:ltr
}
.rtl .sec-title .sub-title:before{
right:-20px
}
.rtl .sec-title .sub-title:after{
right:-28px
}
.rtl .sec-title .sub-title{
right:30px;
font-size:22px
}
.rtl .about-section .image-box .shape-box .shape-1{
right:55px	
}
.rtl .about-section .image-box .shape-box .shape-2{
right:93px	
}
.rtl .about-section .image-box .shape-box .shape-3{
left:-35px	!important;
right:unset
}
.rtl .about-section .image-box {
left:30px	
}
.rtl .about-section .image-box .text{
right:40px
}
.rtl #value .bg-layer{
left:60% !important;
transform: rotateY(180deg);
right: 0px;
}
.rtl .industries-section .shape-box .shape-1{
right:-20px
}
.rtl .industries-section .shape-box .shape-2{
right:-55px
}
.rtl .project-section .tab-btns {
direction: ltr;
text-align: right;
}
.rtl .sec-title .btn-box{
left:0 !important;
right:unset
}
/*****************************/
.aboutus-details .image-box{
display:none
}
.aboutus-details .content-column{
width:100% !important;
margin-top:-70px
}
.aboutus-details .content-column{
width:100% !important;
margin-top:-70px
}

.navigation > li > a {
    position: relative;
    padding-bottom:5px; 
    transition: all 0.3s ease; 
}

.navigation > li > a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px; 
    background-color: #CE8F48;
    transition: width 0.3s ease; 
}

.navigation > li > a:hover::after {
width: 100%;
}

ul.navigation li.current a,ul.navigation .hvr-underline-from-left1{
color:#fff !important	
}

.about-section.sec-pad{
top: -30px;
background: #fff;	
}
#header-sliders .content-box h5{
color:#fff !important
}
#header-sliders .content-box h2{
font-size:58px !important
}

.theme-btn.light{
background:#CE8F48 !important;
color:#fff;
font-weight:400;

}

header{
display:flex;
top:50px !important;
}
.header-style-one .logo-box {
left: 80%;
top: -50px;
}
#aboutus .inner-box .row.clearfix
{
display:block;
}
#aboutus .inner-box .col-lg-6{
width:100%
}
#aboutus .count-text,#objective .count-box,footer.main-footer .widget-section{
display:none !important
}
#objective2 .col-lg-4{
width:50% !important;
padding-top: 100px;
}
@media only screen and (max-width: 991px){
	span.fa-angle-down{
	margin-left:20px
	}
#objective2 .col-lg-4{
width:100% !important;
}
.rtl .project-section .tab-btns{
direction:rtl
}
.rtl .header-style-one .logo-box{
display:contents;

}
/* 
.rtl .header-style-one{
	margin-top:-50px;
} */
	.rtl #header-sliders .content-box{
left:0;
top:30px;
}
	.rtl #header-sliders .content-box h2{
line-height:1.1;
font-size:36px !important
}

}
@media only screen and (max-width: 680px){
.tag-box.research-summary,div.quote-box{
width:auto	 
}	
}
@media only screen and (max-width:991px){
.rtl .header-lower{
position:absolute;
left:10px
}
}
@media only screen and (min-width:1700px){
.rtl .header-style-one .logo-box{
left:0 !important
	}	
}
.single-btn.prev-btn,.single-btn.next-btn{
text-align: center !important;
padding: 0 !important;
}

.mobile-menu .navigation li > a {
padding: 10px 35px !important;
}
.mobile-menu .navigation li.dropdown .dropdown-btn {
    width: 22px !important;
	font-size: 16px!important;
padding-right:4px !important
}
.mobile-menu .navigation li.dropdown .dropdown-btn:lang(en) {
width: 42px !important;
text-align:left
}
.mobile-menu .navigation li.dropdown .dropdown-btn span:lang(en){
margin-left:15px	
}




/**********************/
#objective1 .bg-layer{
opacity:0.7	
}

#objective h3:not(p) {
text-align:justify;
font-size:20px
}
#objective p{
text-align:center;
font-weight:900
}
#location .col-lg-6{
width:100%
}


/***Reseaech temp *******/
.research-text{
font-size:22px !important;
}
.research-text h3
{
font-size:32px !important;
color:#CE8F48;
text-align:right
}
.research-text .quote-box,.tag-box{
/*font-size:22px !important;*/
color:#CE8F48
}

/*
.research-text h3:before{
content:'';
padding:1.5px 300px;
background:#218B9A;
position:absolute;
top:-10px	
}
*/
.tag-box.research-summary{
text-align:center
}

.research-text {
    line-height:2;
    text-align: justify;
    font-size: 17px;
    color: #222;
    position: relative;
  }
  .research-text h3,.research-text h4{
	margin-top:30px
}
  .research-intro {
    background:#31465711;
    border-left:4px solid #CE8F48;
    padding:15px;
    margin-bottom:25px;
  }
  .research-summary {
    background:#31465711;
    border:1px solid #CE8F48;
    padding:12px;
    margin:15px 0;
    border-radius:6px;
    font-size:15px;
	letter-spacing: 0px;
    line-height: 1.5;
  }
.quote-box1{
width:50%;
transform:scale(.95);
margin:auto
}
.quote-box2{
width:100%;
transform:scale(.95)
}
  .quote-box {
    background:#218B9A;
    border-bottom:6px solid #CE8F48;
    padding:10px;
    margin:45px auto 8px auto;
    font-size:18px;
    font-style:italic;
    width:70%;
    color:#fff !important;
  }
  .tag-box {
    background:#314657;
    border:none;
    width:30%;
    float:left !important;
    margin-right:20px;
    color:#fff !important;
  }
  .tag-box h5{
color:#CE8F48;
margin-bottom:-20px
}
.copyright{
font-size:17px;
font-weight:600
}

.easy-footnote-single{
text-align:left !important;
direction:ltr;
font-weight:100
}
.easy-footnote-single a{
word-break:break-all	
}



.project-template-default figure.image-box{
display:none
}
.tax-project_cat div.image-box
{
width: 50%;
display: block;
margin: auto !important;
}
.tax-project_cat .post-info.clearfix li:nth-child(2),.tax-project_cat  div.text p:nth-child(2){
display:none
}






/*********************/
/* project category page***/
.project-main-card {
display: flex;
align-items: center;
gap: 20px;
float: left;
direction: ltr;
text-align:right;
 }
.project-main-card:lang(en){
display: flex;
align-items: center;
gap: 10px;
float: left;
direction: ltr !important;
text-align:left;
margin-left:-50px
 }


.project-featured-image {
border-radius: 5px;
overflow: hidden;
box-shadow:-6px 0px 8px 0px #000;
    transition: all 0.3s ease;
}
.project-featured-image img {
width: 400px;
height: auto;
transition: transform 0.5s ease;
max-width: unset !important;
}
.project-excerpt {
 color: #5a6c7d;
font-size: 1.1em;
line-height: 1.7;
margin-bottom: 30px;
font-weight: 400;
}
.project-read-more {
 background: #314657;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(52, 152, 219, 0.4);
    color: white;
padding:5px 20px 7px 20px;
font-weight:600;
}
.project-read-more:hover {
transform: translateX(5px);
color:#314657
}


.bdt-navigation-next{
left: 0px !important;
position: relative !important;
top:40px !important;
}
.bdt-navigation-next:lang(en),.bdt-navigation-prev:lang(en){
left: 20px !important;
}


.bdt-navigation-prev{
right: 0px !important;
position: relative !important;
top: 40px !important;
}



.bdt-item.swiper-slide.swiper-slide-visible{
box-shadow:6px 0px 8px 0px #000
}


/**************************/

footer h2{
margin:30px 0 !important
}


/************************/

åÐÇ ÌíÏ : 


/**************************/
/** Pre-load - äÓÎÉ ÃäíÞÉ æÓáÓÉ **/
.handle-preloader {
    background: #314657 !important;
}

.img-loader img {
    object-fit: contain;
    animation: elegantFlow 4s ease-in-out infinite;
}

@keyframes elegantFlow {
    0%, 100% {
opacity: 1;
    filter: brightness(1) contrast(1) drop-shadow(0 0 5px rgba(255,255,255,0.1));
    mask: linear-gradient(90deg, transparent 15%, white 0%, white 100%, transparent 85%);
    -webkit-mask: linear-gradient(190deg, transparent -200%, white 100%, white 100%, transparent 300%);

    }
    50% {
        opacity: .1;
        filter: 
            brightness(1.15) 
            contrast(1.1)
            drop-shadow(0 0 15px rgba(255,255,255,0.2));
        mask: linear-gradient(90deg, 
            transparent 50%, 
            white 10%, 
            white 100%, 
            transparent 100%);
        -webkit-mask: linear-gradient(90deg, 
            transparent 0%, 
            white 10%, 
            white 100%, 
            transparent 100%);
    }
}
/******************************/

 .table-container {
            width: 100%;
            overflow-x: auto;
            position: relative;
            border: 1px solid #999;
            margin: 20px 0;
        }
        
        .research-table {
            width: 100%;
            border-collapse: collapse;
            min-width: 800px;
        }
        
        .research-table th, .research-table td {
            padding: 12px 15px;
            text-align: right;
            border: 1px solid #999;
            vertical-align: top;
        }
        
        .research-table th {
            background-color: #f2f2f2;
            font-weight: bold;
            position: sticky;
            top: 0;
        }
        
        .research-table tbody tr:nth-child(even) {
            background-color: #f9f9f9;
        }
        
        .research-table tbody tr:hover {
            background-color: #f1f1f1;
        }
        
        /* ÊËÈíÊ ÇáÚãæÏ ÇáÃæá */
        .research-table th:first-child,
        .research-table td:first-child {
            position: sticky;
            right: 0;
            background-color: #f2f2f2;
            z-index: 2;
        }
        
        .research-table th:first-child {
            z-index: 3;
        }
        
  @media (max-width: 768px) {
            .research-table th, .research-table td {
                padding: 8px 10px;
                font-size: 14px;
            }
        }

.bdt-prime-slider-skin-general .bdt-prime-slider-desc .bdt-main-title .bdt-title-tag{
line-height:2.3 !important
}

.single-team .page-title .content-box::before,.single-team .page-title .content-box::after,.single-team .page-title .content-box h1::before  {
display:none	 !important
}




/***Call 4 expression Style*********/
.misdad-carrier { font-family: 'Asal', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; margin: 0; padding: 20px; background-color: #ffffff; color: #000000; max-width: 1000px; margin: 0 auto; }
    .misdad-carrier h1 { text-align: center; color: #314657; margin-bottom: 40px; font-size: 2.5em; }
    .misdad-carrier .section { background-color: #ffffff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); margin-bottom: 30px; padding: 25px; transition: transform 0.3s; }
    .misdad-carrier .section:hover { transform: translateY(-5px); }
    .misdad-carrier .section h2 { color: #314657; border-bottom: 2px solid #efefef; padding-bottom: 10px; margin-bottom: 20px; font-size: 1.8em; position: relative; padding-right: 30px; }
    .misdad-carrier .section h2:before {; position: absolute; right: 0; font-size: 1.2em; } /* ÃíÞæäÉ ÚÇãÉ¡ íãßä ÊÎÕíÕåÇ áßá ÞÓã */
    .misdad-carrier .timeline { display: flex; flex-direction: column; gap: 20px; }
    .misdad-carrier .timeline-item { display: flex; align-items: center; background-color: #efefef; padding: 15px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); position: relative; padding-right: 40px; }
    .misdad-carrier .timeline-item:before { content: '\1F551'; position: absolute; right: 10px; font-size: 1em; color: #314657; }
    .misdad-carrier .timeline-item .date { font-weight: bold; min-width: 150px; color: #314657; }
    .misdad-carrier .timeline-item .desc { flex: 1;
max-width: 300px !important;
}
    .misdad-carrier ul, .misdad-carrier ol { list-style-type: none; padding: 0; }
    .misdad-carrier ul li, .misdad-carrier ol li { position: relative; padding-right: 25px; margin-bottom: 10px; }
    .misdad-carrier ul li:before { content: '\2713'; position: absolute; right: 0; color: #CE8F48; font-size: 1em; }
    .misdad-carrier .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; }
    .misdad-carrier .criteria-card { background-color: #efefef; padding: 15px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); }
    .misdad-carrier .criteria-card h3 { margin-top: 0; color: #000000; 
padding-bottom:25px

}
    .misdad-carrier table { width: 100%; border-collapse: collapse; margin-top: 20px; }
    .misdad-carrier th, .misdad-carrier td { padding: 12px; text-align: right; border-bottom: 1px solid #efefef; }
    .misdad-carrier th { background-color: #314657; color: #efefef; }
    .misdad-carrier .notes { background-color: #efefef; border-left: 5px solid #CE8F48; padding: 15px; border-radius: 8px; }
@media screen and (max-width: 600px) {
        .misdad-carrier table { border: 0; }
        .misdad-carrier table thead { display: none; }
        .misdad-carrier table tr { margin-bottom: 10px; display: block; border-bottom: 2px solid #ddd; }
        .misdad-carrier table td { display: block; text-align: right; font-size: 13px; border-bottom: 1px dotted #ccc; }
        .misdad-carrier table td:last-child { border-bottom: 0; }
        .misdad-carrier table td:before { content: attr(data-label); float: right; font-weight: bold; text-transform: uppercase; margin-left: 10px; }
    }










/****************/
/* ÅÎÝÇÁ ÇáãÑÇÌÚ ÇáÃÕáíÉ ÊãÇãðÇ */
.easy-footnotes-wrapper {
    display:  !important;
}

/* ÇáÍÇæíÉ ÇáÎÇÑÌíÉ ááãÑÇÌÚ ÈÚÏ header-article */
.footnotes-section-after-header {
    margin: 20px 0;
    padding-top: 15px;
    border-top: 1px solid #eee;
}

/* ÊäÓíÞ ÇáÒÑ ÇáßÇãá (+ ÇáãÑÇÌÚ) */
.footnotes-toggle-btn {
    background: none;
    border: none;
    font-size: 1.25em; /* ãËá h4 */
    color: #0073aa;
    cursor: pointer;
    padding: 0;
    margin: 0;
    line-height: 1.4;
    user-select: none;
    display: flex;
    align-items: center;
    gap: 6px;
}

.footnotes-toggle-btn:hover {
    text-decoration: underline;
}

/* ÕäÏæÞ ÇáãÑÇÌÚ ÚäÏ ÇáÙåæÑ */
.footnotes-content-box {
    display: none;
    margin-top: 12px;
    padding: 14px;
    background-color: #f9f9f9;
    border-radius: 6px;
    font-size: 0.95em;
    line-height: 1.6;
}






/**images preview Zooming ************/
/* Container for the thumbnail */
.image-preview-container_misdad {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin: 20px 0;
}

/* Thumbnail image styling */
.thumbnail-image_misdad {
    display: block;
    width: 641px;
    height: 500px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}

.thumbnail-image_misdad:hover {
    transform: scale(1.02);
    box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}

/* Click indicator styling */
.click-indicator_misdad {
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: bold;
    z-index: 10;
    animation: pulse_misdad 2s infinite;
}

@keyframes pulse_misdad {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

/* Popup overlay */
.image-popup-overlay_misdad {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.95);
    z-index: 1000;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-popup-overlay_misdad.active_misdad {
    display: flex;
    opacity: 1;
}

/* Popup content */
.popup-content_misdad {
    position: relative;
    width: 95%;
    height: 95%;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

/* Close button */
.close-popup_misdad {
    position: absolute;
    top: 15px;
    left: 15px;
    color: white;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.3s ease;
    z-index: 100;
    background: rgba(0,0,0,0.5);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.close-popup_misdad:hover {
    color: #ff4444;
    background: rgba(255,68,68,0.2);
}

/* Zoom Controls */
.zoom-controls_misdad {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 100;
    display: flex;
    gap: 8px;
    background: rgba(0, 0, 0, 0.7);
    padding: 10px;
    border-radius: 30px;
    backdrop-filter: blur(5px);
}

.zoom-btn_misdad {
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    color: white;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zoom-btn_misdad:hover {
    background: rgba(255, 255, 255, 0.4);
    transform: scale(1.1);
}

.zoom-btn_misdad:active {
    transform: scale(0.95);
}

.zoom-level_misdad {
    color: white;
    font-size: 14px;
    font-weight: bold;
    min-width: 60px;
    text-align: center;
    line-height: 40px;
}

/* Loading spinner */
.loading-spinner_misdad {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 6px solid rgba(255, 255, 255, 0.3);
    border-top: 6px solid white;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin_misdad 1s linear infinite;
    display: block;
    z-index: 50;
}

@keyframes spin_misdad {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Image Container for dragging */
.image-container_misdad {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: grab;
    touch-action: none;
}

.image-container_misdad.dragging_misdad {
    cursor: grabbing;
}

/* Full image in popup */
.full-image_misdad {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: none;
    max-height: none;
    width: auto;
    height: auto;
    transition: transform 0.1s ease;
    user-select: none;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .click-indicator_misdad {
        font-size: 12px;
        padding: 6px 12px;
    }
    
    .thumbnail-image_misdad {
        width: 100% !important;
        height: auto !important;
    }
    
    .zoom-controls_misdad {
        flex-direction: column;
        gap: 5px;
        padding: 8px;
    }
    
    .zoom-btn_misdad {
        width: 35px;
        height: 35px;
        font-size: 18px;
    }
    
    .close-popup_misdad {
        width: 40px;
        height: 40px;
        font-size: 30px;
    }
.upk-post-grid .upk-item:nth-child(1) .date:lang(en){
top:60px!important;
position:relative
}	
	
}

.upk-post-grid .upk-title:lang(en),.upk-post-grid a.date:lang(en){
padding-left:8px	
}


.upk-post-grid .upk-item:nth-child(1) .upk-title {
margin-top:-35px
}
.upk-post-grid .upk-item:nth-child(1) .date{
top:50px;
position:relative
}

.upk-post-grid .upk-item:nth-child(1) .date:lang(en){
top:90px;
position:relative
}

.upk-post-grid .upk-item:nth-child(1){
padding-bottom:40px
}
.project-category-badge{
color:#CE8F48 !important
}

.team-block-one{
width:200px;
height:200px
}
.rtl .ps-wi-arrow-left-2,.rtl .ps-wi-arrow-right-2{
transform:rotate(180deg) !important;
}


/**************************
Enflish-font
*/

h1 a span.frist-word{
font-family:HostGrotesk !important;
font-size:inherit
}
h1.bdt-title-tag a h3:lang(en){
font-family:HostGrotesk !important;
font-size:1rem !important
}

.page-id-3513 *:not(i):not(.fa-angle-down):lang(en),
.page-id-4058 *:not(i):not(.fa-angle-down):lang(en) ,.page-title :not(i):not(.fa-angle-down):lang(en),*:not(.fas):lang(en){
font-family:HostGrotesk;

line-height:1.5
}
nav *:not(.fas):lang(en),p:lang(en) ,h5:lang(en){
font-family:HostGrotesk !important
}


div.header-article *:not(i):lang(en),section p span:lang(en),section span:lang(en){
font-family:HostGrotesk !important
}
/******************/
.english-word:lang(ar),.arabic-word:lang(en){
display:none !important
}