@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('../fonts/IBMPlexSansArabic-Medium.woff2') format('woff2'),
        url('../fonts/IBMPlexSansArabic-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('../fonts/IBMPlexSansArabic-Regular.woff2') format('woff2'),
        url('../fonts/IBMPlexSansArabic-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'IBM Plex Sans Arabic';
    src: url('../fonts/IBMPlexSansArabic-Bold.woff2') format('woff2'),
        url('../fonts/IBMPlexSansArabic-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
:root{
    --primary:#e20613 !important;
    --secondary:#809180;
    --black:#000000;
    --light:#efeeed;
    --white:#ffffff;
    --font:'IBM Plex Sans Arabic';
    --font-regular:400;
    --font-medium:500;
    --font-bold:700;
    --border:  1px solid #c0b5f033;
    --font-regular:  16px;
    --font-small:  14px;
    --font-extra-small:  12px;
    --font-large:  20px;
    --icon:'Font Awesome 6 Pro';    
}
.form-control{
    width:100% !important;
    background-color: #ededed;!important;
}
h1,h2,h3,h4,h5,h6{
    font-family: var(--font);
    font-weight: var(--font-bold);
}
#WebPartWPQ1{
background-color:#ededed;
}
body{
    font-family: var(--font) !important;
    font-weight: var(--font-regular) ;
    overflow-x: hidden;
    

}
img {
    max-width: 100%;
/*width: 100%;*/
    height: auto;
    }
    
.fw-regular{
    font-weight: var(--font-regular);
}
.fs-24 {
    font-size: 24px;
    line-height: 1.7;
    font-family: 'IBM Plex Sans Arabic';
    font-weight: 500;
    
    }
    
    .menu-active {
            background-color: #C0C0C0 !important;
            color: white !important;
        }    
.color-primary{
    color:var(--primary) !important;
}
.color-white{
    color: var(--white);
}
.section-heading{
    font-size: 36px;
  font-weight: bold;
  /*text-align: center;*/
}
.heading-big{
    font-size: 60px;
    color:white !important;
    
}
.footer-heading{
	width: 228px;
  height: 36px;
  margin: 0 0 6px 462px;
  font-family: IBMPlexSansArabic;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
}
.footer-text{
	width: 588px;
  height: 27px;
  margin: 6px 0 0 102px;
  font-family: IBMPlexSansArabic;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
}
.mainBanner.page-2{
    background: url('../images/banner-2.jpg') no-repeat;
    min-height: 100vh;
    background-size: cover;
    position: relative;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 4rem;
    z-index: 0;
}
.mainBanner.page-2 h1{
    font-size: 60px;
}
.mainBanner.page-2 p{
    font-size: 30px;
    color: white;
    margin-top: 1rem;
}
.mainBanner.page-2 .btn-bordered{
    font-size: 18px;
    margin-top: 2rem;
}
.mainBanner::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    /*background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 53%, #000);*/
    z-index: -1;
}
nav {
    padding: 0 2rem;
}
.nav-item .nav-link{
    font-weight: var(--font-bold);
    color: var(--black) !important; 
}
.navbar-nav{
    display: flex;
    justify-content: center;
    width: 50%;
    padding-left: 2rem;
}
.lang-btn-wrapper{
    width: 20%;
    justify-content: end;
}
.lang-list{
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    flex-wrap: nowrap;
    gap: 1rem;
}
.lang-btn{
    padding: 1rem;
    border: 1px solid #ddd;
    width: fit-content;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color:var(--secondary);
    text-decoration: none;
    transition: .5s ease;
    font-size:14px;
}
a.lang-btn:hover {
    color: var(--black);
    border-color: var(--black);
}
.nav-bottom {
    /*background: var(--black);*/
    padding: 1rem;
    display: flex;
    align-items: center;
    background:#f8f8f8;
}
.nav-bottom form {
    margin-bottom: 0;
}
.nav-bottom input {
    background: transparent;
    border: 0;
    color: var(--white);
    margin-right: 1rem;
    font-size: 18px;
}
.nav-bottom input::placeholder {
    color: var(--whit);
}

.nav-bottom input:focus-visible,.nav-bottom input:focus {
    border: 0 !important;
    outline: 0;
    box-shadow: none;
}
.nav-bottom .search {
    color: var(--white);
    font-size: 18px;
}
.mainBanner h1 {
    font-size: 42px;
    color: var(--white);
}
.carousel-indicators{
    margin-bottom: -3rem;
}
.carousel-indicators [data-bs-target] {
    width: 15px;
    height: 15px;
    margin-left: 5px;
    margin-right: 5px;
    text-indent: -999px;
    opacity: 1;
    cursor: pointer;
    background:var(--black);
    border: 0 !important;
    border-radius: 100px !important;
}
.carousel-indicators .active {
    background:var(--primary) !important;
}
.mt-7{
    margin-top: 7rem;
    background-color:white;
   	width: 1340px;
    margin: 84px 120px 20px;
    padding-top: 50px;
    padding-left: 73px;
    padding-right: 73px;
	padding-bottom:50px;
    height: 740px;
    object-fit: contain;
    border-radius: 18px;
}
.hp_advance_searchfld_button{
	background:#e20613 !important;
}
.hp_advance_searchfld_box input {
    border-style: solid !important;
    border-width:thin !important;
}
.hp_advance_searchbox_row {
   padding:0 !important;
   width: 70% !important;
   /*flex-basis: max-content !important;*/
   margin-left: auto !important;
   }
   .hp_advance_search_box {
    justify-content: center !important;
}
.card-reveal .hidden {
    display: none;
}
.card-reveal {
    position: relative;
    box-shadow: 8px 8px 0px 0px rgb(0 0 0);
    -webkit-box-shadow: 8px 8px 0px 0px rgb(0 0 0);
    overflow: hidden;
}
.to-reveal {
    background: var(--primary);
    padding: 0 1rem;
    color: white;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: fit-content;
    transition: .5s ease;
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.card-reveal:hover .to-reveal {
    height: 100%;
    /* top: 0; */
    justify-content: unset;
    padding: 2rem 1rem;
}
.card-reveal:hover .to-reveal .hidden {
    display: block;
}
.sub {
    font-size: 14px;
    margin-bottom: 1rem;
}
.date {
    font-size: 12px;
    margin-top: 1rem;
}
.separator {
    display: flex;
    width: 24px;
    height: 4px;
    background: white;
    margin: 2rem 0;
}
.content {
    font-size: 18px;
}
.to-reveal .btn-bordered {
    position: absolute;
    bottom: 2rem;
}
.btn-bordered {
    color: white !important;
    padding: .7rem 1.5rem;
    border: 2px solid #fff;
    border-radius: 100px;
    width: 237px;
    height: 51px;
    font-family: IBM Plex Sans Arabic;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;    
}
.grid-4{
    display: grid;
    gap: 2rem;
    /*padding: 2rem 0!important;*/
    height: fit-content!important;
    grid-template-columns: repeat(4, 1fr);
    position: relative;
}
.slick-slide {
    margin: 0 1rem;
}
.slick-arrow {
    position: absolute;
    top: 50%;
}
span.arr-left.slick-arrow {
    left: -30px;
}
span.arr-right.slick-arrow {
    right: -30px;
}
.bg-secondary{
    background: var(--secondary) !important;
    border-radius: 20px;
}
.overlap-img img {
    margin-bottom: -60px;
    width: 300px;
}
.accordion-button{
    color: var(--secondary);
    font-size: 24px;
        border: 0 !important;
}
.accordion-button:not(.collapsed){
    color: var(--secondary);
    background-color: #00000008;
    box-shadow: none;
        border: 0 !important;
}

.accordion-button::after {
     background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236e7f6e'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
    }

.accordion-button:not(.collapsed)::after {
     background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236e7f6e'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;

/* background-image: url('%26quot;data:image/svg+xml,%3Csvg%20xmlns=%27http:/www.w3.org/2000/svg%27%20viewBox=%270%200%2016%2016%27%20fill=%27#212529'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>&quot;');
  */      
  border: 0 !important;
}
.accordion-button.empty:after{
    content: none !important;
}
.accordion-item{
    border: 0 !important;
}
ul.collapse-list {
    list-style: none;
    line-height: 40px;
    padding: 0;
}
ul.collapse-list a {
    color: var(--black);
    text-decoration: none;
}
.newsletter input {
    border: 0;
}
.newsletter {
    padding: 1rem;
    background: white;
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
}
.br-0{
    border-radius: 0 !important;
}
.dropdown, .dropend, .dropstart, .dropup{
    position: unset !important;
}
.dropdown-menu.show {
    width: 100%;
    padding: 1rem 3rem;
    top: 96%;
    right: -1px;
    display: flex;
    gap: 3rem;
    justify-content: center;
}
.dropdown-list-wrapper {
    display: flex;
    gap: 3rem;
    margin-top: 2rem;
}
ul.dropdown-list {
    list-style: none;
    line-height: 35px;
    padding: 0;
    width: calc( 200px);
}
ul.dropdown-list a {
    color: var(--black);
    text-decoration: none;
    transition: .2s ease;
}
.al-faris {
    position: relative;
    left: 85px;
}
ul.dropdown-list a:hover {
    font-weight: 700;
}
.bl-1{
    border-left: 1px solid var(--black);
   position: relative;
    left: 105px;}
.nav-search {
    width: 30%;
    margin-right: 3rem;
    
    align-items: center;
    flex-wrap: nowrap;
    gap: 1rem;
    display: none;
}
.nav-search a {
    color: black;
    text-decoration: none;
    font-size: 24px;
    /*width: 35px;*/
    height: 35px;
    /*flex-basis: 100%;*/
}
.nav-search input {
    /*width: 350px;*/
    border: 0;
    font-size: 16px;
   /* margin-right: 63px;*/
    flex-basis: 100%;
}
.sticky .nav-search{
    display: flex !important;
}
.navbar.sticky a.navbar-brand img {
    width: 140px !important;
}
.navbar.sticky {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    box-shadow: 0 10px 20px rgb(0 0 0 / 10%), 0 6px 6px rgb(0 0 0 / 10%) !important;
}
.sticky .lang-btn-wrapper{
    width:auto !important;
}
.foot-links {
    display: flex;
    gap: 3rem;
}
.foot-links ul {
    list-style: none;
    padding: 0;
    line-height: 35px;
}
.foot-links ul li a {
    color: var(--black);
    text-decoration: none;
    font-size: 14px;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
}
span.foot-img-hd {
    font-size: 12px;
    margin-bottom: 1rem;
    display: flex;
    color:#809180;
    }
.copyright {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #000;
    padding-top: 1rem;
    margin-top: 20px;
}
.copyright ul {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 2rem;
}
footer {
    padding: 3rem 3rem 1rem 3rem;
}
.copyright ul a {
    text-decoration: none;
    color: black;
    font-size: 22px;
}
ul.icon-list {
    display: flex;
    padding: 0;
    list-style: none;
    justify-content: space-between;
    margin: 4rem 0;
    flex-wrap: wrap;
}
ul.icon-list li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
    color: black;
    text-decoration: none;
    align-items: center;
}
ul.icon-list img {
    height: 50px;
}
ul.toggles {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 2rem;
    font-size: 24px;
    justify-content: end;
}
ul.toggles li a i {
    transform: rotate(180deg);
}
.toggles li a {color: b8b8b8;}
.toggles li.active a {
    color: var(--primary) !important;
}
.grid{
    display: grid;
    gap: 2rem;
    padding: 2rem 0!important;
    height: fit-content!important;
    grid-template-columns: repeat(4, 1fr);
    position: relative;
}
.grid .content p {
    display: none;
}
.list {
    display: flex;
    flex-direction: column;
}
.list .item {
    display: flex;
    gap: 1rem;
    margin: 1rem 0;
    align-items: center;
}
.list .item img {
    width: 150px;
}
.list p {
    font-size: 18px;
}
.list span {
    font-size: 14px;
}
.accordion.child .accordion-button {
    font-size: 16px;
    padding: 1rem 0;
    color: black;
}
.accordion.child ul{
    list-style: none;
    padding: 0;
}
.accordion.child .accordion-body{
    padding-right: 0;
}
.accordion.child .accordion-body a{
    font-size: 14px !important;
}
.check{
    margin-left: 10px;
}
.btn-bordered.gray{
    border-color: #b8b8b8;
    color: #b8b8b8 !important;
}
.btn-bordered.primary{
    border-color:var(--primary) ;
    color: var(--primary) !important;
}
ul.pagination {
    display: flex;
    justify-content: center;
    gap: 2rem;
    align-items: center;
}
ul.pagination a {
    width: 30px;
    height: 30px;
    /* border: 1px solid var(--secondary); */
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: black;
    font-size: 18px;
}
ul.pagination .first a , ul.pagination .last a {
    color: white;
    background: var(--secondary);
    padding: 1rem;
}
/* -------Media Queries------- */
@media(max-width:1390px){
}
@media(max-width:1200px){
    .sticky .navbar-nav{
        width: 50%;
    }
      .lang-btn-wrapper {
        width: 45%;
    }
    .sticky  .nav-search {
        width: 30%;
        margin-right: 1rem;
        gap: 1rem;
        
    }
    .sticky  .nav-search input {
        font-size: 14px;
        margin-right: 5px;
    }
    .sticky .nav-link,.lang-btn{
        font-size: 14px;
    }
}
@media(max-width:991px){
    .grid {
        padding: 2rem 10px !important;
        grid-template-columns: repeat(3, 1fr);
    }
    .copyright {
        flex-direction: column;
        margin-top: 1rem;
    }
    a.navbar-brand img {
        width: 120px;
    }
    .slick-arrow{
        display: none !important;
    }
    nav {
        padding: 0 0rem;
    }
    .nav-bottom input{
        font-size: var(--font-small);
    }
    .navbar-nav{
        margin-top: 2rem;
    }
    .dropdown-menu.show {
        flex-wrap: wrap;
    }
    .dropdown, .dropend, .dropstart, .dropup{
        position: relative;
    }
    .dropdown-menu.show {
        padding: 1rem 0;
        border: 0;
    }
    
    .dropdown-list-wrapper {
        flex-wrap: wrap;
        gap: 0;
    }
    .bl-1{
        border: 0;
    }
    .nav-search {
        margin-right: 0;
        margin-top: 1rem;
        gap: 10px;
    }
    
    .nav-search input {
        margin: 0;
    }
    .navbar.sticky {
        max-height: 100vh;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .lang-btn-wrapper {
        width: 100% !important;
        justify-content: start;
    }
    .foot-links {
        flex-wrap: wrap;
        gap: 3rem;
        margin-top: 1rem;
    }
    .foot-img-hd + img{
        width:300px
    }
    

}
@media(max-width:767px){
    .grid {
        padding: 2rem 10px !important;
        grid-template-columns: repeat(2, 1fr);
    }
    .copyright {
        flex-direction: column;
        margin-top: 1rem;
    }
    a.navbar-brand img {
        width: 120px;
    }
    .slick-arrow{
        display: none !important;
    }
    nav {
        padding: 0 0rem;
    }
    .nav-bottom input{
        font-size: var(--font-small);
    }
    .navbar-nav{
        margin-top: 2rem;
    }
    .dropdown-menu.show {
        flex-wrap: wrap;
    }
    .dropdown, .dropend, .dropstart, .dropup{
        position: relative;
    }
    .dropdown-menu.show {
        padding: 1rem 0;
        border: 0;
    }
    
    .dropdown-list-wrapper {
        flex-wrap: wrap;
        gap: 0;
    }
    .bl-1{
        border: 0;
    }
    .nav-search {
        margin-right: 0;
        margin-top: 1rem;
        gap: 10px;
    }
    
    .nav-search input {
        margin: 0;
    }
    .navbar.sticky {
        max-height: 100vh;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .lang-btn-wrapper {
        width: 100% !important;
        justify-content: start;
    }
    .foot-links {
        flex-wrap: wrap;
        gap: 0;
        margin-top: 1rem;
    }
    
    .foot-links ul {
        width: 100%;
    }
   
}
@media(max-width:600px){
    .grid {
        padding: 2rem 10px !important;
        grid-template-columns: repeat(1, 1fr);
    }
    .icon-list li {
        width: 50%;
        margin-bottom: 2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .copyright {
        flex-direction: column;
        margin-top: 1rem;
    }
    a.navbar-brand img {
        width: 120px;
    }
    .slick-arrow{
        display: none !important;
    }
    nav {
        padding: 0 0rem;
    }
    .nav-bottom input{
        font-size: var(--font-small);
    }
    .navbar-nav{
        margin-top: 2rem;
    }
    .dropdown-menu.show {
        flex-wrap: wrap;
    }
    .dropdown, .dropend, .dropstart, .dropup{
        position: relative;
    }
    .dropdown-menu.show {
        padding: 1rem 0;
        border: 0;
    }
    
    .dropdown-list-wrapper {
        flex-wrap: wrap;
        gap: 0;
    }
    .bl-1{
        border: 0;
    }
    .navbar{
	background-color:white !important;
}
.bg-light{
	background-color:white !important;
}
    .nav-search {
        margin-right: 0;
        margin-top: 1rem;
        gap: 10px;
    }
    
    .nav-search input {
        margin: 0;
    }
    .navbar.sticky {
        max-height: 100vh;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .lang-btn-wrapper {
        width: 100% !important;
        justify-content: start;
    }
    .foot-links {
        flex-wrap: wrap;
        gap: 0;
        margin-top: 1rem;
    }
    
    .foot-links ul {
        width: 100%;
    }
}
@media(max-width:480px){
    .copyright {
        flex-direction: column;
        margin-top: 1rem;
    }
    a.navbar-brand img {
        width: 120px;
    }
    .slick-arrow{
        display: none !important;
    }
    nav {
        padding: 0 0rem;
    }
    .nav-bottom input{
        font-size: var(--font-small);
    }
    .navbar-nav{
        margin-top: 2rem;
    }
    .dropdown-menu.show {
        flex-wrap: wrap;
    }
    .dropdown, .dropend, .dropstart, .dropup{
        position: relative;
    }
    .dropdown-menu.show {
        padding: 1rem 0;
        border: 0;
    }
    
    .dropdown-list-wrapper {
        flex-wrap: wrap;
        gap: 0;
    }
    .bl-1{
        border: 0;
    }
    .nav-search {
        margin-right: 0;
        margin-top: 1rem;
        gap: 10px;
    }
    
    .nav-search input {
        margin: 0;
    }
    .navbar.sticky {
        max-height: 100vh;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .lang-btn-wrapper {
        width: 100% !important;
        justify-content: start;
    }
    .foot-links {
        flex-wrap: wrap;
        gap: 0;
        margin-top: 1rem;
    }
    
    .foot-links ul {
        width: 100%;
    }
}
   .textshrink{
    display: -webkit-box;
overflow : hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; 
	}
	
	
	
/* Tab thumbnails unified height */
/* Image */
#groupsCard a img{
 height:270px;
}
/* Issa 13-12-2022  */	

/* button under the groups Tabs , no bkg color, and text vertical alignment fix */
#groupsCard .d-flex a{
 background-color:transparent !important;
 line-height:25px;
  font-family:'IBM Plex Sans Arabic', sans-serif;
}
/* Link */
#groupsCard .d-flex a{
 border-color:#809180 !important;
 font-size:18px;
}

/* Read More Link under the Tabbed items on the Home Page - Olive color #809180 not working , show text in red */
#DeltaPlaceHolderMain div div div .ms-webpart-zone .ms-webpart-cell-vertical div .ms-WPBody .ms-rtestate-field .istakaaf .container .row .col-lg-9 #groupsCard .d-flex a{
 color:#809180 !important;
 font-size:18px !important;
}

/* Breadcrumbs list title box */
.ms-rtestate-field .section .breadcrumbs_row_gray .breadcrumbs_list_title_box{
 transform:translatex(0px) translatey(0px);
}
/* page name in breadcrumbs */
#BreadcrumbsData ul span{
 letter-spacing:0px;
 line-height:1.5em;
}

/* grey strip that holds Breadcrumbs -height */
.ms-rtestate-field .section .breadcrumbs_row_gray{
 height:105px;
}

@media (min-width:1451px){
 /* Breadcrumbs list title box - top height*/
 .ms-rtestate-field .section .breadcrumbs_row_gray .breadcrumbs_list_title_box{
  padding-top:21px;
 }
  /* breadcrumbs 1st font size (home page name) */
 #BreadcrumbsData ul a{
  font-size:14px;
 }
  /* breadcrumbs end level size (page title) */
 #BreadcrumbsData ul span{
  font-size:22px;
 }
}

/* pagination and alphapiticals on the inner page - changed from Blue to Green*/
/* Active letter */
.ms-rtestate-field .alphabetically_list .active{
 background-color:#dc3545;
}
/* Prevarrow */
#pagination-container ul .prev{
 background-color:#dc3545;
}
/* letter */
#pagination-container ul span{
 background-color:#dc3545;
}



/* advanced search page - Breadcrumbs list title box on inner pages */
.ms-WPBody .section .breadcrumbs_list_title_box{
 margin-bottom:16px;
}
@media (min-width:1451px){
 /* Breadcrumbs list title box */
 .ms-WPBody .section .breadcrumbs_list_title_box{
  padding-top:54px !important;
 }
}



/* advanced search results area on Advanced Search page */
#DocumentList h3{
 color:#809180;
}
@media (min-width:1200px){
 /* Heading */
 #DocumentList h3{
  font-size:22px;
 }
 }
@media (min-width:1251px){
 /* Document list */
 #DocumentList{
 /* padding-top:57px;*/
 }
}

/* Issa Edits on 10-12-2022 */	
	
		
/* Header Height (logo and menu area) set to 100px*/
#s4-bodyContainer nav{
 height:100px;
  /*   padding: 24px 50px;*/
}

/* Search Box background a little bit darker*/
#s4-bodyContainer .pm-nav-bottom{
 background-color:#f6f6f6;
 border-bottom: 1px solid #dbdbdb;
}


/* some finetuning on the home page   -   Issa*/

/* Header Stretched */
#aspnetForm div #s4-bodyContainer .navbar .container{
 width:100% !important;
}
/* Header Stretched */
#s4-bodyContainer .navbar .container{
 max-width:100%;
}


/*
/* Search box's on header 8/
/* Advance searchfld button */
/*.navbar .hp_advance_search_box .hp_advance_searchfld_button{
 margin-right:30px;
}
/* Advance search box */
/*#navbarSupportedContent .hp_advance_search_box{
 transform:translatex(0px) translatey(0px);
 max-width:1206px;
}
@media (min-width:769px){
 /* Advance searchfld button */
 /*.navbar .hp_advance_search_box .hp_advance_searchfld_button{
  min-width:1px;
  width:170px;
 }
 
}
/* Input */
.hp_advance_search_box .hp_advance_searchfld_box input[type=text]{
 font-weight:400;
}
/* Link */
.hp_advance_search_box .hp_advance_searchfld_button a{
 font-weight:600;
 font-size:16px;
}
/* Input */
.pm-nav-bottom input[type=text]{
 transform:translatex(0px) translatey(0px);
}
@media (min-width:769px){
 /* Input */
 .hp_advance_search_box .hp_advance_searchfld_box input[type=text]{
  font-size:14px;
 }
 
}
@media (min-width:992px){
 /* Input */
 .pm-nav-bottom input[type=text]{
  font-size:16px;
 }
 
}


/* Span Tag */
.blowslidertext span{
 font-size:26px;
}



/* Secondary */
#s4-bodyContainer .pm-bg-secondary{
 margin-top:0px !important;
}

/* disable new search bar that popup on the header when scrolling 
#navbarSupportedContent .pm-nav-search{
 display:none !important;
}
*/
	
/*New search Box */
/* Input */
.pm-nav-bottom input[type=text]{
 color:#727272 !important;
}


/* end of search box's on header */
/* Navbar Unknowndown - menu left-right spaces */
#navbarDropdown{
 padding-left:20px;
 padding-right:20px;
 color:red
}


/* Space between the rows (8 items) in the tab area on Home page - Column 3/12 */
#groupsCard div{
 margin-bottom:30px;
}


/* Division */
#lightSlider > div{
	margin-bottom:20px
}
#lightSlider .card-reveal{
 min-height:80px;
}
/* Image */
#lightSlider img{
 height:400px;
     border: 1px solid darkgray;
    object-fit: cover;
    /* display: inline-block; */
    width: 100%;
}
/* Container */
.ms-rtestate-field .m0zaf .container{
 padding-top:40px;
}
/* Container */
.ms-rtestate-field .al-fasar .container{
 padding-top:40px;
}
/* Container */
.ms-rtestate-field .istakaaf .container{
 padding-top:40px;
 padding-bottom:50px;
}
/* Heading */
.madaf h2{
 padding-top:0px !important;
 margin-top:28px;
}
/* Flex */
.madaf .d-flex{
 margin-top:42px;
}
/* Paragraph */
.madaf p{
 font-weight:500;
 font-size:20px;
 font-family:Tahoma,Verdana,Segoe,sans-serif;
}



/*issa from here */


/* Import Google Fonts */
@import url("%26quot;data:image/svg+xml,%3Csvg%20xmlns=%27http:/www.w3.org/2000/svg%27%20viewBox=%270%200%2016%2016%27%20fill=%27?family=IBM+Plex+Sans+Arabic:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&amp;display=swap&quot;");
/* Paragraph */
.madaf p{
 font-family:'IBM Plex Sans Arabic', sans-serif;
}
/* Heading */
.pm-bg-secondary h4{
 font-family:'IBM Plex Sans Arabic';
 color:#ffffff;
 font-size:28px;
}
/* Heading */
#aspnetForm div #s4-bodyContainer .pm-bg-secondary .container .align-items-center .col-lg-8 h4{
 width:55% !important;
}
/* Paragraph */
.pm-bg-secondary p{
 font-family:'IBM Plex Sans Arabic';
}
/* Heading */
#groupsCard a h4{
 font-size:20px;
 font-weight:600;
}
/* Heading */
#MostViewedList h4{
 font-weight:600;
 font-size:22px;
  color:#494949;
}
/* Content Division */
#MostViewedList p{
 font-size:16px;
}
/* Column 3/12 */
#groupsCard .col-lg-3{
 padding-bottom:25px;
}
/* Container */
.ms-rtestate-field .istakaaf .container{
 transform:translatex(0px) translatey(0px);
}

.ms-WPBody .ms-rtestate-field .al-fasar .container #MostViewedList .col-lg-3 h4{
 font-size:16px !important;
}
/* Link */
.madaf .d-flex a{
 font-family:'IBM Plex Sans Arabic';
}
/* Newsletter */
.pm-bg-secondary .m-0 .pm-newsletter{
 height:50px;
 transform:translatex(0px) translatey(0px);
}
/* Nwesletter subscription box Input */
.pm-bg-secondary .m-0 input{
 padding-top:0px;
 padding-bottom:0px;
 font-size:16px;
 font-weight:500;
 line-height:0px;
 color:#e00000;
 font-family:'IBM Plex Sans Arabic', sans-serif;
 height:22px;
}
}

/* Nwesletter subscription box Input*/
.pm-bg-secondary .m-0 input[type=text]{
 width:290px;
}

/* Nwesletter subscription box Input*/
.pm-bg-secondary .m-0 input:nth-child(2){
 min-width:80px;
}


/* Link */
.pm-foot-links ul a{
 font-size:14px !important;
 color:#848484 !important;
}
/* Span Tag */
#aspnetForm .col-lg-3 span{
 font-weight:500;
 font-size:14px;
 color:#fff;
}
/* Column 12/12 */
#aspnetForm .col-lg-12{
 transform:translatex(0px) translatey(0px);
}
/* Copyright */
#aspnetForm .copyright{
 border-top-color:#adadad;
}
/* Heading */
.madaf h2{
 font-weight:600;
 font-size:40px;
 margin-top:55px !important;
}
/* recently added document name  */
#lightSlider  h4{
 font-size:18px !important;
 font-weight:600;
 color:#ffffff !important;
}
/* hiding the duplicate document name on the recently added thumbnails */
#lightSlider div p{
 display:none;
}
/* Span Tag */
.blowslidertext span{
 letter-spacing:0px;
   color:#494949;
}
/* Row */
.ms-WPBody .ms-rtestate-field .blowslidertext{
 transform:translatex(0px) translatey(0px);
 padding-top:70px;
}


/* Heading */
#MostViewedList h4{
 color:#494949;
}
/* Heading */
#groupsCard a h4{
 color:#494949;
}
/* Colonizers colonies list */
#ColonizersColoniesList{
 color:#809180;
 font-weight:500;
}
/* Author list */
#AuthorList{
 color:#809180;
 font-weight:500;
}
/* Mawdoat list */
#MawdoatList{
 font-weight:500;
}
/* Group list */
#GroupList{
 transform:translatex(0px) translatey(0px);
 font-weight:500;
}
/* Amakin list */
#AmakinList{
 font-weight:500;
}
/* Chronological glossary list */
#ChronologicalGlossaryList{
 font-weight:500;
}


/* Heading of tabs thumbnail is closer to the thumbnail itself */
#groupsCard a h4{
 margin-top:5px !important;
}


/* Main Menu Fix, Privat Groups on one line not two */
#navbarSupportedContent .navbar-nav .nav-item{
/* width:170px;*/
    width: max-content;
}

/* Main Logo size fix, before and after scrolling down  */
#navbarSupportedContent a img{
 min-width:160px;
}



/* language box wider when scrolling down */
.pm-lang-btn-wrapper .pm-lang-list li.pm-lang-btn{
 width:144px;
}
/* New search and menu repositionning */
#navbarSupportedContent .pm-nav-search a{
 position:relative;
 left:0px;
}
/* Image */
#navbarSupportedContent a img{
 overflow:auto;
 display:inline-block;
  max-width:65%;
 transform:translatex(0px) translatey(0px) !important;
}
/* Input */
#navbarSupportedContent .pm-nav-search input[type=text]{
 transform:translatex(0px) translatey(0px);
 /*position:relative;*/
}
/* Input */
#aspnetForm div #s4-bodyContainer .navbar .container #navbarSupportedContent .pm-nav-search input[type=text]{
 width:789px !important;
 left:320px !important;
}
@media (min-width:992px){
 /* Image */
 #navbarSupportedContent a img{
  width:149px;
 }
 
}

@media (min-width:992px){
 /* Main Logo, Larger */
 #aspnetForm div #s4-bodyContainer .navbar .container #navbarSupportedContent a img{
  width:300px !important;
 }
 
}

/* newsletter subscription text width (2nd line) */
.pm-bg-secondary p{
 width:600px;
}

/* Text on Banner , position adjusted a little bit to top, to make space for the &quot;read more&quot; button */
.mainBanner .carousel-item h1{
 position:relative;
 top:0px;
  text-shadow:rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) -1px 0px 1px;
}

/* Most watched section, unify thumbnails width to 100% */
#DeltaPlaceHolderMain div div div .ms-webpart-zone .ms-webpart-cell-vertical div .ms-WPBody .ms-rtestate-field .al-fasar .container #MostViewedList  a img{
 width:100% !important;
}


/* Main slider text position */
.mainBanner .carousel-item h1{
 top:-74px !important;
}
/* Main slider Button position */
.mainBanner .carousel-item .d-flex{
 position:relative;
 top:-53px;
}
/* button text on Main slider, a little bit lower */
.mainBanner .d-flex .btn-bordered{
 line-height:25.4px;
}
/* Main Slider Images, converted to cepia automatically */
.mainBanner .carousel-item img{
 filter: sepia(0.2);
 position:relative;
 left:0px;
}
/* Main Slider Height */
.mainBanner .carousel-item img{
 height:800px;
}

/* space between language and registration box's */
#navbarSupportedContent .pm-lang-btn-wrapper .pm-lang-list{
 position:relative;
 left:10px;
}


/* Bordered button on latest added items, width smaller*/
#lightSlider div .btn-bordered{
 width:150px;
 height:50px;
}


/* Search Box width and right side margin for its text */
.pm-nav-bottom input[type=text]{
 width:55% ;
 margin-right:10px;
}
/* magnifier margin from right side to be aligned with the main logo */
#s4-bodyContainer .pm-nav-bottom .form-inner{
 position:relative;
 right:30px;
}
/* Search placeholder text */
#aspnetForm div #s4-bodyContainer .pm-nav-bottom .form-inner{
 width:50% !important;
}
/* Input field width */
.pm-nav-bottom input[type=text]{
 /*width:95% !important;*/
}



/* issa - 15-12-2022 */
/* similar items in the same group header - DocumentDetails.aspx */
#DeltaPlaceHolderMain b b{
 color:#809180;
 font-size:20px;
 font-weight:700;
 line-height:1.4em;
}
/* Adding Cooment Note Heading  - DocumentDetails.aspx */
#DeltaPlaceHolderMain div div div div div div div div section div div &gt; h3{
 color:#809180 !important;
}
/* Heading - Copy rights on the left side column - DocumentDetails.aspx */
div &gt; h3{
 font-weight:700 !important;
 font-size:20px !important;
}


/* mini search button */
#filterFromArray{
 background-color:#809180 !important;
}

@media (min-width:1200px){

 /* sub-groub name under the document name in Grid view in subgroups.aspx */
 #DocumentList a h3{
  font-size:15px;
  color:#809180 !important;
 }
}

/* sub-groub name under the document name in List view in subgroups.aspx */
#DocumentList a span{
 color:#809180;
 font-weight:600;  
 font-size:15px;
}

/* Private collections */
/* Icon postion from top  */
.madaf .overlap-img img{
 margin-bottom:0px;
 margin-top:19px;
}
/* Private collections section name */
.ms-WPBody .ms-rtestate-field .madaf-sec .madaf .row .text-center h2{
 margin-top:19px !important;
}



/* Document Details - copyright box, headings underlined, etc.  - 11-1-23 */
ul:nth-child(1) > li:nth-child(7){
 transform:translatex(0px) translatey(0px);
}
/* Heading */
#DeltaPlaceHolderMain b h4{
 transform:translatex(0px) translatey(0px);
 padding-bottom:6px;
}
/* Heading */
#DeltaPlaceHolderMain ul h3{
 text-decoration:underline;
}
/* Bold Tag */
#DeltaPlaceHolderMain b b{
 text-decoration:underline;
}
/* Heading */
#aspnetForm ul:nth-child(1) li:nth-child(3) h3{
 margin-bottom:26px;
}
/* Span Tag */
section > div > div > ul span{
 position:relative;
 bottom:4px;
}
 /* List Item */
 ul:nth-child(1) > li:nth-child(7){
  padding-bottom:25px;
 }
 /* Paragraph */
 #aspnetForm ul:nth-child(1) li:nth-child(7) p{
  font-size:18px;
 }
}
/* Paragraph */
#aspnetForm ul:nth-child(1) li:nth-child(6) p{
 margin-bottom:19px;
}
 /* Paragraph */
 #aspnetForm ul:nth-child(1) li:nth-child(6) p{
  font-size:18px;
 }
 
 
 /* Tha letter in colonies listing page  */
.breadcrumbs_list_title_box .alphabetically_list li:nth-child(7){
 padding-bottom:5px;
 transform:translatex(0px) translatey(0px);
}




/* Main slider Carousel caption a little bit to top - lesser top padding */
.HomeSlider .sliderItem .carousel-caption{
 padding-bottom:95px;
}
/* increased space between text and button on main slider Flex */
.HomeSlider .sliderItem .d-flex{
 margin-top:48px;
}


/* PDF Iframe in doc details page - height less*/
#DeltaPlaceHolderMain div iframe{
 height:650px;
}


@media (min-width:1451px){
 /* breadcrumb size in the document details page - 19-1-2023*/
 #BreadcrumbsTitle ul a{
  font-size:16px;
 }
 /* Space after the "Related Items on teh Document Details page - 19-1-2023 */
 .GroupData .other_entries_list_box{
  padding-bottom:0px;
 }
 
}

/* popup highlighted text color in dark grey, bigger, top more margin, when opened in Keywords.aspx page */
/* Span Tag */
#DeltaPlaceHolderMain div div div div div div div div section div div div span{
 color:#303030 !important;
}
#DeltaPlaceHolderMain div h2{
 margin-bottom:21px;
}
div div div section div div div span{
 font-size:18px !important;
}


/* SubGroup Description beside the Half-Image -in white - 25-1-23*/
.DocumentDesc span div{
 color:#ffffff;
}


/* Carousel caption on home page */
.ms-rtestate-field .mainBanner .HomeSlider div div div .sliderItem .carousel-caption{
 top:394px !important;
}


/* published and unpublished documents lists - font size fix's */

.data_listing_page .data_listing_box div #datatable #TableData .odd td div span{
 font-size:15px !important;
}

#TableData .even td{
 transform:translatex(0px) translatey(0px);
}

#TableData .even div span{
 font-size:14px !important;
}

.ms-webpart-cell-vertical div .ms-WPBody .ms-rtestate-field .section .data_listing_page .data_listing_container .data_listing_box div #datatable #TableData .odd td span{
 font-size:14px !important;
}

#TableData .even span{
 font-size:14px !important;
}


/* add new ited button */
/* text color */
.dlb_add_title .OpenFormPopupButton a{
 color:#ffffff;
}

/* button color */
.data_listing_box .dlb_add_title span{
 background-color:#a02626;
}


/* about us page - 1st paragraph (welcome) */
/* Pmvb content box */
.palestine_memory_video_box .pmvb_content_box{
 margin-left:0px;
}
@media (min-width:1451px){
 /* Pmvb content box */
 .palestine_memory_video_box .pmvb_content_box{
  width:100% !important;
 }
}


/* headers for paragraphs */
/* List Item */
.iiam_box .iiam_accord_list_title li{
 transform:translatex(0px) translatey(0px);
}

@media (min-width:1451px){

 /* Heading */
 .palestine_memory_video_box h2{
  font-size:30px !important;
 }
 
 /* Heading */
 .palestine_memory_video_box h4{
  font-size:22px !important;
 }
 
 /* Title */
 .ms-webpart-cell-vertical div .ms-WPBody .ms-rtestate-field .section .seememory_memorygoals_row .seememory_memorygoals_box .smb_seememory_box .smb_title{
  font-size:28px !important;
 }
 
 /* Title */
 .seememory_memorygoals_box .smb_memorygoals_box .smb_title{
  font-size:28px !important;
 }
 
 /* Iiam title */
 .ms-rtestate-field .iiam_box .iiam_title{
  font-size:28px !important;
 }
 
}

/* headers colors to Olive */
/* Heading */
.palestine_memory_video_box h4{
 color:#809180 !important;
}
/* Heading */
.palestine_memory_video_box h2{
 color:#809180 !important;
}
/* Image box */
.smb_memorygoals_list li .smb_mg_image_box{
 background-color:#809180;
}
/* Title */
.seememory_memorygoals_box .smb_memorygoals_box .smb_title{
 color:#809180;
}
/* Title */
.seememory_memorygoals_box .smb_seememory_box .smb_title{
 color:#809180;
}
/* Iiam title */
.ms-rtestate-field .iiam_box .iiam_title{
 color:#809180;
}
/* Active */
.iiam_box .iiam_accord_list_title .active{
 background-color:#809180;
 border-style:none;
}


/* contact us page */
/* Cub contact title */
.cub_textflxd_contact_box .cub_contact_details_box .cub_contact_title{
 color:#809180;
}

@media (min-width:1451px){

 /* Input */
 .cub_textfld_box li input[type=text]{
  font-size:16px;
 }
 
 /* Text Area */
 .cub_textfld_box textarea{
  font-size:16px;
 }
 
 /* Cub contact title */
 .cub_textflxd_contact_box .cub_contact_details_box .cub_contact_title{
  font-size:24px;
 }
 
 /* Contact box */
 .ms-rtestate-field .section .contact_us_box{
  padding-top:92px;
  padding-bottom:78px;
 }
 
}




/* issa - 19-Dec-2023 tab and mobile thumbnails sizes fix */

/* thumbnails sizes fixed to be propotional 3x4 on tab and mobile */

@media (max-width:639.984px){

 /* New created breakpoint. */
 
}

@media (max-width:412.987px){

 /* New created breakpoint. */
 
}

@media (max-width:767px){

 /* Division */
 #lightSlider div div .active .item > div{
  min-height:4px;
  transform:translatex(0px) translatey(0px);
  height:480px !important;
 }
 
 /* Image */
 .HomeSlider div div div .sliderItem .m0zaf .container #lightSlider div div .active .item img{
  height:48px !important;
 }
 
 /* Image */
 #DeltaPlaceHolderMain .ms-webpart-cell-vertical div .ms-WPBody .ms-rtestate-field .al-fasar .container #MostViewedList div div .active .item a img{
  height:450px !important;
 }
 
 /* Division */
 #lightSlider div div .active .item div div{
  transform:translatex(0px) translatey(0px);
 }
 
 /* Image */
 #DeltaPlaceHolderMain .ms-webpart-cell-vertical div .ms-WPBody .ms-rtestate-field .istakaaf .container .row .col-lg-9 #groupsCard div a img{
  height:275px !important;
 }
 
 /* Division */
 #aspnetForm > div{
  transform:translatex(0px) translatey(0px);
 }
 
}

@media (max-width:480px){

 /* Image */
 #lightSlider .active img{
  height:325px;
 }
 
 /* Division */
 #lightSlider div div .active .item div div{
  transform:translatex(0px) translatey(0px);
 }
 
 /* Light slider */
 #lightSlider{
  transform:translatex(0px) translatey(0px);
  height:529px;
 }
 
 /* Division */
 #lightSlider div div .active .item > div{
  height:400px !important;
 }
 
 /* Image */
 #DeltaPlaceHolderMain .ms-webpart-cell-vertical div .ms-WPBody .ms-rtestate-field .al-fasar .container #MostViewedList div div .active .item a img{
  height:350px !important;
 }
 
 /* Image */
 #DeltaPlaceHolderMain .ms-webpart-cell-vertical div .ms-WPBody .ms-rtestate-field .istakaaf .container .row .col-lg-9 #groupsCard div a img{
  height:350px !important;
 }
 
 /* Image */
 .istakaaf .container .row .col-lg-9 #groupsCard div a img{
  height:350px !important;
 }
 
 /* Image */
 #groupsCard a img{
  width:250px;
 }
 
}



/* up to here - issa*/