/*
ProVision Co.
-------------
This web application design and development by ProVision Co.

All source files, presentable or core, graphics and layout are owned/controlled by ProVision, and no one, entity or individual, can use/modify/destribute at anytime or to anywhere without a written approval from ProVision.

This website/web app is based on LegionCMS engine, which is a MVC platform built completely from scratch by ProVision's team.

-We know that you like this code, if you are interested joing our team, dont hesitate sending your CV to us.
--------------
Omar Shamali
https://provision.ps 
*/
/*
#socialities {
   right: unset;
left: 0;
}
*/

#menuCont {
    margin-left: unset;
}
#download {
    float: left;
    right: unset;
    left: 12px;
	    text-align: left;

}

#c_header {
  margin-right: 50px;
}


.form_field.cooperatives_8339_insert_cooperative_logo {
  text-align: right;
}




#cooperative_logo img {
  margin-right: 15px;
}


.c_header_client_menu_item {
	text-align: right;
}

.cooperatives_logos_wrap {
    direction: ltr;
  }

.tenders_tender_name {
  text-align: right !important; 
}

.single_job_description {
	text-align: right !important;
}



.table_th {
    text-align: right;
}

.tender_details {

	text-align: right !important;
}


#menu_2 {
  text-align: left !important;
  margin-left: 41px;
	margin-right: unset;
}

.projects_ttile {
  text-align: right !important;

}


.s_j_r {
  margin-left: 5%;
	margin-right: unset;
}

.next_arrow {
  margin-right: 1%;
  margin-left:unset;
}

.vacancies_end_date {
  margin-right: 5px;
	margin-left: unset;
}

#breader {
  padding-left: unset;
  padding-right: 13%;
}

#about_title {	
  padding-right: 13%;
  padding-left: unset;
}

.benefit_requests_financier_name {
  border-left: 1px solid #e6e6e6;
  border-right: none;
  padding-top: 3%;
  text-align: right !important;

}
.langa:nth-child(3){
	border-left: unset;
}

.ben_date1 {
  right: 20%;
  left: unset;
}


.langa {

  border-left: 1px solid white;
  border-right: unset;
}
.ben_date2 {
  left: 20%;
  right: unset;
}

.form_field label {
    margin-right: 10px;
	margin-left:unset;
	text-align: right;
}


.benefit_requests_project_name {
  width: 60%;
  border-left: 1px solid #e6e6e6;
  border-right: none;
  text-align: right !important;
  margin-left: 15px;
  margin-right: unset;

}


.learn {
  border: 1px solid #fff;
  margin-right: 6%;
  margin-left: unset;
  display: inline-block;
}


#menu_1{
  text-align: left !important;
  margin-left: 45px;
	margin-right: unset;
}


.t_box {
  padding-right: 5px;
  padding-left: 20px;
}

.single_t_box:nth-child(4) {
  padding-right: 0;
}

.single_t_box:nth-child(3) {
  padding-right: 15%;
}


.learn i {
  border-right: 1px solid white;
	border-left: unset;
  height: 100%;
  padding: 22px 22px;
}


.single_t_box {
    padding-right: 5px;
	padding-left: 20px;
}


.news_short_title {
	margin-right: 3%;
	margin-left: unset;
	text-align: right !important;
}
.success_stories_box {
	width: 32%;
	margin: 1%;
	height: 500px;
	margin-right: 0;	
}

#startegic_title {
	margin-right: 30px;
	margin-left: unset;
}

#welcoming_section_right {
  height: 100%;
  margin-right: unset;
  margin-left: 5%;
}


.about_us_title {
  text-align: right !important;
}


#center_1 {
  text-align: right !important;
}

.c_box {
	padding-left: unset;
    padding-right: 100px;
    margin-bottom: 20px;
	font-size: 15px;
	font-family: Changa;
}


#financers_header {
  text-align: right !important;
}

#success_stories_header {
  font-size: 25px;
  font-family: Changa;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: right !important;
}
#home_title {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 30px;
  text-align: right !important;
  margin-right: 4%;
	margin-left: unset;
}


#con_r::before {
   right:unset;
    left: 0;
	
}

#provision {
    right: unset;
    left: 0;
}



.book_btn {
 	margin-left:unset;
    margin-right: -40px !important;
}

#con_r::after {
   right:unset;
    left: 0;
	
}

.projects_staff_box{
	
text-align: right !important;	
	
	
}
.t_r {
    padding-right: 10px;
    border-right: 1px solid #80808038;
	
	border-left:unset;
	padding-left:unset;
}




#c_header {
	margin-left:30px;
    margin-right: 20px;
}
#client_menu {
    right: 0;
    left: unset;
}
.client_menu_item i {
    margin-left: 8px;
	margin-right:unset;
}

.help_btn_header {
  
    margin-left: unset;
    margin-right: 46px;
	
}
/*

.success_stories_photo_picture {
    margin-right: 10%;
    margin-left: unset;
}
*/
.suc_in {
    margin-right: -10%;
	text-align: right;
    margin-left: unset;
}

/*

.news_box {
    margin-left: 3%;
    margin-right: unset;
}
*/

.menu_items_box:hover .sub_menu {
    right: 0;
    left: unset;
	
}
.tenders_category_box a span {
    margin-right: 10px;
    margin-left: unset;
}


.attach a{
	margin-right: unset;
	margin-left: 20px;
}

.guiding_ideas_icon_picture.mid {
  
    margin-left: 20px;
    margin-right: unset;
}

.an_l {
    margin-right: 5%;
    margin-left: 5%;
}
.g_l {
    padding-left: 60px;
    padding-right: unset;
}


.play i {

    margin-left: 10px;
    margin-right: unset;
}

/*
.c_r {
    margin-right:18%;
}
*/
#con_r {
  
    margin-right: 20%;
    margin-left: unset;
}
	
thead {
    text-align: right;
}

.tickets_issue {
    padding-left: 30px;
    padding-right: unset;
}
.faq_answer {

    margin-left: unset;
    margin-right: 16px;
    border-right: 1px solid orange;
    border-left: unset;
}

.responses_employee {
    margin-left: unset;
    margin-right: 27px;
}

.t_l .comp_title {
    margin-right: 10px;
    margin-left: unset;

    border-left: unset;
    border-right: 1px solid #eeb0b0;
    padding-right: 15px;
    padding-left: unset;
}


#t_groups .comp_title {
    text-align: right;
    margin-left: 12px;
    margin-right: unset;
 
}

.social {
  
    margin-left: 7px;
    margin-right: unset;
}

num {
    margin-left: 11px;
    margin-right: unset;
	
}

#book_left {
    border-right:unset;
    border-left: 1px solid #80808070;
}

#book_cont input {
	border-bottom-left-radius: 17px;
	border-bottom-right-radius: unset;
}

#book_right {
    padding-right: 40px;
    padding-left: unset;
}

.con_l {
    text-align: right;
    padding-left: 12%;
    padding-right: unset;
}

.con_r {
    text-align: right;
}

.sub_menu_item_btn {
    margin-left: 22px;
    margin-right: unset;
    border-left: unset;
    border-right: 3px solid;
		border-color: inherit;


}

.sub_txt {

    padding-left: 50px;
    padding-right: unset;
}


.more {
   
    padding-left: 10%;
    padding-right: unset;
	
}


.more::after {

    margin-left: unset;
    margin-right: 20px;
	
}
.s_r {
    margin-right: 10%;
    margin-left: unset;
}


#t_groups .target_groups_icon_picture {
 
    margin-left: 10px;
    margin-right: unset;
}


#web2 .social {
 
    margin-left: 17px;
    margin-right: unset;
}


#web2 section {
    margin-left: 3%;
    margin-right: unset;
}


.videos_box {
    margin-right: unset;
    margin-left: 3%;
	
}
#top_tool {
    right: unset;
    left: 20px;
}

#slogan_photo {
	right:unset;
    left: 0;
}
#right{text-align:right;}

#provision span {
    padding-left: 20px;
}



a.sub_menu_item {
    text-align: right;
}

#con_cont h3 {
    text-align: right;
}

.alignleft {
    text-align: right;
}

.center {
    text-align: right;
}

time i {
    margin-left: 5px !important;
	margin-right:unset;
	
}

.cleft {
    float: right;
}

.cright {
    float: left;
	text-align: left;
}
#log_modern .btn {
   
/*    margin-left: 20px !important;*/
    margin-right: unset !important;
}



.tri_sub_menu {
    right: 100%;
    left: unset;
    text-align: right;
}



@media all and (max-width: 1199px) {
	a.sub_menu_item {
    text-align: center;
}
	
	#social {
    right: unset !important;
		left: 64px !important;
}
	
	#mob_menu_btn{
/*		left:20px !important;*/
		right: unset !important;
	}
	
	#top_tool {
    right: unset !important;
		left:64px;
}
	
	
	
	.logo_menu_box {
    padding-right: 20px !important;
    padding-left: unset !important;
}
	.news_box {
    margin-left: 4% !important;
    margin-right: unset !important;
}
	
	.news_box:nth-child(2n) {
    margin-left: unset !important;
}

	#slogan {

    padding-right: 20px !important;
    padding-left: unset !important;
}
	
}


@media all and (max-width: 575px) {
	

	
}

/* Board Members Page */
#board_hero {
position: relative;
min-height: 260px;
display: flex;
align-items: center;
}
#board_hero::before {
content: '';
position: absolute;
inset: 0;
background:
radial-gradient(circle at 15% 20%, rgba(230,186,78,.2), transparent 35%),
radial-gradient(circle at 85% 75%, rgba(255,255,255,.08), transparent 40%);
pointer-events: none;
}
#board_hero .parent,
#board_hero .child,
#board_hero .about_us_box {
position: relative;
z-index: 1;
}
#board_hero .about_us_box {
display: flex;
flex-direction: column;
gap: 12px;
}
#board_hero #about_title {
margin: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#board_hero #about_title a { color: #fff; }
.board_intro {
color: rgba(255,255,255,.85);
margin-top: 10px;
max-width: 720px;
font-size: 1.05rem;
line-height: 1.8;
}
#board_cycles_section { padding: 55px 0 80px; }
.board_headline { text-align: center; margin-bottom: 30px; }
.board_headline h3 { font-size: 1.7rem; margin: 0; color: #153b2c; }
.board_headline p { margin: 12px auto 0; max-width: 680px; color: #5f6663; }
.board_timeline {
position: relative;
max-width: 980px;
margin: 0 auto;
padding-inline-start: 34px;
}
.board_timeline::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
inset-inline-start: 13px;
width: 2px;
background: linear-gradient(to bottom, #d5b357, rgba(213,179,87,0));
}
.board_cycle_item { position: relative; margin-bottom: 20px; }
.board_cycle_dot {
width: 14px;
height: 14px;
border-radius: 50%;
border: 3px solid #c8a415;
background: #fff;
position: absolute;
inset-inline-start: -26px;
top: 24px;
transition: transform .25s ease;
}
.board_cycle_item.active .board_cycle_dot {
transform: scale(1.2);
background: #c8a415;
box-shadow: 0 0 0 8px rgba(200,164,21,.18);
}
.board_cycle_head {
width: 100%;
text-align: start;
border: 0;
border-radius: 16px;
padding: 18px 20px;
background: #fff;
box-shadow: 0 6px 20px rgba(0,0,0,.08);
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
cursor: pointer;
transition: all .3s ease;
}
.board_cycle_head:hover {
transform: translateY(-2px);
box-shadow: 0 10px 26px rgba(0,0,0,.12);
}
.board_cycle_item.active .board_cycle_head {
background: linear-gradient(120deg, #11442f, #1f6a4b);
color: #fff;
}
.board_cycle_title { font-size: 1.15rem; font-weight: 700; }
.board_cycle_meta { color: #7b827f; font-size: .95rem; }
.board_cycle_item.active .board_cycle_meta { color: rgba(255,255,255,.82); }
.board_cycle_chevron { font-size: 1.1rem; transition: transform .25s ease; }
.board_cycle_item.active .board_cycle_chevron { transform: rotate(180deg); }
.board_cycle_content { max-height: 0; overflow: hidden; transition: max-height .35s ease; }
.board_cycle_cards {
padding: 16px 6px 4px;
display: grid;
grid-template-columns: repeat(3, minmax(0,1fr));
gap: 16px;
}
.board_member_card {
border-radius: 16px;
background: #fff;
box-shadow: 0 5px 18px rgba(0,0,0,.08);
border: 1px solid rgba(0,0,0,.05);
position: relative;
overflow: hidden;
transition: transform .28s ease, box-shadow .28s ease;
}
.board_member_card::before {
content: '';
position: absolute;
top: 0;
inset-inline: 0;
height: 4px;
background: linear-gradient(90deg, #c8a415, #e5c56f);
}
.board_member_card:hover { transform: translateY(-4px); box-shadow: 0 10px 25px rgba(0,0,0,.13); }
.board_member_photo { position: relative; height: 220px; overflow: hidden; background: #e8ede9; }
.board_member_photo img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
display: block;
transition: transform .45s ease;
}
.board_member_card:hover .board_member_photo img { transform: scale(1.07); }
.board_member_photo::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(0,0,0,.48), transparent 55%);
opacity: 0;
transition: opacity .3s ease;
}
.board_member_card:hover .board_member_photo::after { opacity: 1; }
.board_photo_badge {
position: absolute;
top: 10px;
inset-inline-start: 10px;
background: rgba(17,68,47,.88);
backdrop-filter: blur(4px);
color: #f1d57c;
font-size: .82rem;
font-weight: 700;
padding: 5px 10px;
border-radius: 8px;
z-index: 1;
max-width: calc(100% - 20px);
}
.board_member_body { padding: 18px; }
.board_member_name { margin: 0; color: #173f2f; font-size: 1.08rem; }
.board_member_job { margin-top: 6px; color: #b58f1d; font-weight: 700; font-size: .95rem; }
.board_member_about {
margin-top: 10px;
color: #5f6563;
font-size: .92rem;
line-height: 1.75;
display: -webkit-box;
line-clamp: 3;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: 74px;
}
.board_bio_btn {
margin-top: 12px;
border: 0;
border-radius: 999px;
padding: 8px 14px;
background: rgba(200,164,21,.15);
color: #7a600f;
font-weight: 700;
cursor: pointer;
}
#board_modal_overlay {
position: fixed;
inset: 0;
background: rgba(0,0,0,.55);
display: none;
align-items: center;
justify-content: center;
z-index: 100000;
padding: 16px;
}
#board_modal {
width: min(700px, 96vw);
background: #fff;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 18px 55px rgba(0,0,0,.3);
}
.board_modal_photo {
width: 90px;
height: 90px;
border-radius: 50%;
border: 3px solid rgba(255,255,255,.35);
overflow: hidden;
flex-shrink: 0;
}
.board_modal_photo img { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; }
.board_modal_head_inner { display: flex; gap: 18px; align-items: center; }
.board_modal_text { flex: 1; }
.board_modal_head {
padding: 20px;
background: linear-gradient(120deg, #123f2e, #1d6547);
color: #fff;
position: relative;
}
.board_modal_name { margin: 0; font-size: 1.5rem; }
.board_modal_job { margin-top: 6px; color: #f1d57c; font-weight: 700; }
.board_modal_close {
position: absolute;
top: 14px;
inset-inline-end: 14px;
width: 36px;
height: 36px;
border-radius: 50%;
border: 0;
font-size: 21px;
line-height: 0;
cursor: pointer;
}
.board_modal_body { padding: 22px; color: #424744; line-height: 1.95; max-height: 65vh; overflow: auto; }
.no_data { text-align: center; margin: 24px auto; }

@media (max-width: 1024px) {
.board_cycle_cards { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px) {
.board_member_photo { height: 180px; }
#board_hero { min-height: 215px; }
.board_intro { font-size: .98rem; }
.board_timeline { padding-inline-start: 28px; }
.board_cycle_head { padding: 14px; }
.board_cycle_cards { grid-template-columns: 1fr; gap: 12px; }
}

/* Board Members - Match Attached Design */
#board_hero {
min-height: 330px;
padding: 118px 0 90px;
overflow: hidden;
}
#board_hero .board_hero_inner {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 24px;
position: relative;
z-index: 2;
direction: rtl;
}
#board_hero #breader {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 8px;
white-space: nowrap;
overflow: hidden;
direction: rtl;
padding-left: 0;
padding-right: 0;
}
#board_hero #breader .breader_item,
#board_hero #breader .breader_sep {
white-space: nowrap;
font-size: .94rem;
color: rgba(255,255,255,.85);
}
#board_hero .about_us_box {
max-width: 640px;
width: auto;
text-align: right;
gap: 10px;
direction: rtl;
}
#board_hero #about_title {
padding-left: 0;
padding-right: 0;
padding-top: 0;
margin: 0;
}
#board_hero #about_title a {
font-size: 3rem;
font-weight: 700;
line-height: 1.18;
color: #fff;
}
#board_hero .board_intro {
max-width: 580px;
margin: 0;
font-size: 1.18rem;
color: rgba(255,255,255,.88);
line-height: 1.7;
}
.board_hero_stats {
margin-top: 8px;
background: rgba(255,255,255,.12);
border: 1px solid rgba(255,255,255,.18);
border-radius: 14px;
padding: 12px 16px;
min-width: 128px;
backdrop-filter: blur(5px);
text-align: center;
}
.board_hero_stats_num {
font-size: 1.5rem;
font-weight: 700;
color: #f1d57c;
line-height: 1;
}
.board_hero_stats_txt {
margin-top: 6px;
font-size: .82rem;
color: rgba(255,255,255,.92);
}
.board_hero_wave {
position: absolute;
inset-inline: -1%;
bottom: -58px;
height: 122px;
border-radius: 0 0 48% 52% / 0 0 74% 70%;
z-index: 1;
}

#board_cycles_section {
padding: 106px 0 82px;
position: relative;
z-index: 3;
}
.board_headline {
margin-bottom: 38px;
direction: rtl;
text-align: center;
}
.board_section_badge {
display: inline-flex;
align-items: center;
padding: 6px 16px;
border-radius: 999px;
background: rgba(21,59,44,.08);
color: #2e5f44;
font-size: .86rem;
margin-bottom: 12px;
}
.board_headline h3 {
font-size: 3rem;
line-height: 1.2;
margin-bottom: 10px;
}
.board_headline p {
font-size: 1rem;
color: #6b7270;
}

.board_timeline {
max-width: 1030px;
padding-inline-start: 34px;
direction: rtl;
}
.board_timeline::before {
inset-inline-start: 12px;
background: linear-gradient(to bottom, #c8a415, rgba(200,164,21,.2));
}
.board_cycle_item {
margin-bottom: 36px;
}
.board_cycle_dot {
top: 22px;
inset-inline-start: -27px;
box-shadow: 0 0 0 6px rgba(200,164,21,.14);
}

.board_cycle_head {
border-radius: 12px;
padding: 14px 18px;
min-height: 64px;
direction: rtl;
}
.board_cycle_head_main {
display: flex;
flex-direction: column;
gap: 3px;
text-align: right;
}
.board_cycle_head_side {
display: flex;
align-items: center;
gap: 14px;
}
.board_cycle_count {
font-size: .95rem;
font-weight: 600;
color: rgba(255,255,255,.95);
}
.board_cycle_item:not(.active) .board_cycle_count {
color: #7a817d;
}
.board_cycle_title {
font-size: 1.25rem;
}
.board_cycle_meta {
font-size: .85rem;
}
.board_cycle_chevron {
width: 30px;
height: 30px;
border-radius: 8px;
display: inline-flex;
align-items: center;
justify-content: center;
background: rgba(200,164,21,.18);
font-size: .92rem;
}

.board_cycle_cards {
padding: 14px 0 0;
gap: 14px;
grid-template-columns: repeat(4, minmax(0,1fr));
}
.board_member_card {
border-radius: 12px;
box-shadow: 0 2px 10px rgba(20,36,28,.08);
cursor: pointer;
}
.board_member_photo {
height: 190px;
}
.board_photo_badge {
font-size: .72rem;
padding: 4px 9px;
}
.board_member_body {
padding: 14px 12px 12px;
text-align: center;
}
.board_member_name {
font-size: 1.02rem;
line-height: 1.5;
}
.board_member_job {
font-size: .84rem;
margin-top: 2px;
color: #b28d22;
}
.board_member_about,
.board_bio_btn {
display: none;
}

@media (max-width: 1200px) {
#board_hero #about_title a { font-size: 2.5rem; }
.board_headline h3 { font-size: 2.4rem; }
.board_cycle_cards { grid-template-columns: repeat(3, minmax(0,1fr)); }
}

@media (max-width: 1024px) {
#board_hero { padding-top: 108px; }
#board_hero .board_hero_inner { flex-direction: column; }
.board_hero_stats { order: 2; }
.board_cycle_cards { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 640px) {
#board_hero { min-height: 280px; padding: 90px 0 70px; }
#board_hero #about_title a { font-size: 1.85rem; }
#board_hero .board_intro { font-size: .95rem; }
.board_hero_stats { min-width: 114px; }
.board_headline h3 { font-size: 2rem; }
.board_cycle_head { padding: 12px; }
.board_cycle_title { font-size: 1rem; }
.board_cycle_count { font-size: .84rem; }
.board_cycle_cards { grid-template-columns: 1fr; }
}