@font-face {
    font-family: 'Tajawal';
        src: url('../fonts/tajawal/black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
      }

@font-face {
  font-family: 'Tajawal';
      src: url('../fonts/tajawal/extrabold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
    }

    @font-face {
      font-family: 'Tajawal';
          src: url('../fonts/tajawal/bold.ttf') format('truetype');
      font-weight: 700;
      font-style: normal;
        }
        
@font-face {
  font-family: 'Tajawal';
      src: url('../fonts/tajawal/medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
    }
            
@font-face {
  font-family: 'Tajawal';
      src: url('../fonts/tajawal/regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
    }
    @font-face {
      font-family: 'Tajawal';
          src: url('../fonts/tajawal/light.ttf') format('truetype');
      font-weight: 300;
      font-style: normal;
        }
        @font-face {
          font-family: 'Tajawal';
              src: url('../fonts/tajawal/extralight.ttf') format('truetype');
          font-weight: 200;
          font-style: normal;
            }

            @import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

      body{
      	/*font-family: 'Tajawal';*/
        font-family: 'Playfair Display', 'Times New Roman', Times, serif;
        line-height: 1.6;
        font-weight: 400;
      }
      
      p{
        /*font-family: 'Tajawal';*/
        font-family: 'Playfair Display', 'Times New Roman', Times, serif;
        line-height: 1.6;
        font-weight: 500;
      }
      h1,h2,h3,h4,h5,h6{
      	    /*font-family: 'Tajawal';*/
      font-family: 'Playfair Display', 'Times New Roman', Times, serif;
              line-height: 1.6;
      }
      .menuzord-menu{
        margin-top:0px;
      }
      .menuzord-menu li .indicator {
        margin-right: 3px;
  }
  
  .menuzord-menu > li > a{
    color: #606060;
    border-radius: 10px;
  }
  .menuzord-menu > li > a,.menuzord-menu ul.dropdown li a,.menuzord a{
    font-family: 'Tajawal';
    font-size: 12pt;
    font-weight: 500;
  }
  .menuzord-menu .dropdown{
    border-radius: 10px;
  }
  .menuzord-menu ul.dropdown li:hover > a{
    border-radius: 10px;
  }
  .menuzord-menu ul.dropdown li a{
    font-family: 'Tajawal';
    font-size: 10pt;
    font-weight: 400;
  }
  .imageThumb {
    width: 240px;
    height: 180px;
    
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}.tibbah-text-ellipsis{
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.bg-theme-color-2, .line-bottom:after, .line-bottom-center:after {
  background: #1c7019 !important;
}
.bg-lightmatch {
  background-color: #F0F3E7 !important;
}


.bg-img-cover {
  background-size: cover !important;
  background-position: center !important;

    background: no-repeat;
}
footer.gis-pattern{
    background-image: url('../images/footpattern.png');
     background-size: unset;
    background-repeat: repeat-x;
    background-position: 0% 0%;
    padding-top: 97px;

}
.gis-bg-grey{
    background-image: url('../images/arrowup.png');
     background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    /*background-position: 20% 50%;*/
}






ol.pgls {
  display: block;
  padding: 0 0 0 26px;
  list-style: none;
  overflow: hidden;
  counter-reset: numList;
}
ol.pgls li {
  margin-right: 44px;
  position: relative;
  margin-bottom: 10px;
}
ol.pgls li:before {
  counter-increment: numList;
  content: counter(numList);
  
  float: left;
  position: absolute;
  left: -26px;
  
  font-size: 16px;
  text-align: center;
  color: #fff;
  line-height: 18px;
  
  width: 18px; height: 18px;
  background: #e9d527;
  
  -moz-border-radius: 999px;
  border-radius: 999px
}

ol.pglsList-lg {
  display: block;
  padding: 0 0 0 50px;
  list-style: none;
  overflow: hidden;
  counter-reset: numList;
}
ol.pglsList-lg  li {
  margin-right: 44px;
  position: relative;
  margin-bottom: 20px;
  min-height: 36px;
  vertical-align: middle;
  font-weight: 600;
}
ol.pglsList-lg  li:before {
  counter-increment: numList;
  content: counter(numList);
  
  float: left;
  position: absolute;
  left: -50px;
  
  font-size: 25px;
  text-align: center;
  color: #fff;
  line-height: 36px;
  
  width: 36px; height: 36px;
  background: #e9d527;
  
  -moz-border-radius: 999px;
  border-radius: 999px
}




/*---- video ---*/
.overlay{
  position: fixed;
  top:0px;
  left: 0px;
  height:100%;
  width:100%;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.9);
  opacity:0.9;
  display:none; 
}


.close{
    position: fixed;
    top:30px;
    right:30px;
    width:16px;
    height:16px;
  z-index:99999;
  display:none;
  cursor: pointer;
  }

.main-vid-box{
  position: fixed;
   width: 100%;
  height:100vh;
  display:none;
  top:0px;
  left:0px;
  z-index: 10000;
}


.videoWrapper {
  position: relative;
  z-index:10000;
  background-color:#000;
  width:50%;
  height: 50%;
  margin:25% auto 0;
}
.videoWrapper video {
	position: relative;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100% !important;
	height: 100% !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-width: 40px;
	border-style: solid;
	border-color: transparent;
}