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

RESET

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

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset {

    margin: 0;

    padding: 0;

}

img, fieldset {

    border: 0;

}

/* set image max width to 100% */

/* set html5 elements to block */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

    display: block;

}

::selection {

    background: #d2d82d;

    color: #FFF;

}

::-moz-selection {

    background: #d2d82d;

    color: #FFF;

}



@font-face {

  font-family: 'NeoSansArabicRegular';

  src: url('../fonts/NeoSansArabicRegular.eot');

  src: url('../fonts/NeoSansArabicRegular.eot') format('embedded-opentype'),

       url('../fonts/NeoSansArabicRegular.woff2') format('woff2'),

       url('../fonts/NeoSansArabicRegular.woff') format('woff'),

       url('../fonts/NeoSansArabicRegular.ttf') format('truetype'),

       url('../fonts/NeoSansArabicRegular.svg#NeoSansArabicRegular') format('svg');

}

@font-face {

  font-family: 'NeoSansArabicMedium';

  src: url('../fonts/NeoSansArabicMedium.eot');

  src: url('../fonts/NeoSansArabicMedium.eot') format('embedded-opentype'),

       url('../fonts/NeoSansArabicMedium.woff2') format('woff2'),

       url('../fonts/NeoSansArabicMedium.woff') format('woff'),

       url('../fonts/NeoSansArabicMedium.ttf') format('truetype'),

       url('../fonts/NeoSansArabicMedium.svg#NeoSansArabicMedium') format('svg');

}



/* arabic */

/*@font-face {

  font-family: 'Cairo';

  font-style: normal;

  font-weight: 400;

  src: url(https://fonts.gstatic.com/s/cairo/v26/SLXgc1nY6HkvangtZmpQdkhzfH5lkSs2SgRjCAGMQ1z0hOA-a1biLD-H.woff2) format('woff2');

  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;

}*/

/* latin-ext */

/*@font-face {

  font-family: 'Cairo';

  font-style: normal;

  font-weight: 400;

  src: url(https://fonts.gstatic.com/s/cairo/v26/SLXgc1nY6HkvangtZmpQdkhzfH5lkSs2SgRjCAGMQ1z0hOA-a13iLD-H.woff2) format('woff2');

  unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;

}*/

/* latin */

/*@font-face {

  font-family: 'Cairo';

  font-style: normal;

  font-weight: 400;

  src: url(https://fonts.gstatic.com/s/cairo/v26/SLXgc1nY6HkvangtZmpQdkhzfH5lkSs2SgRjCAGMQ1z0hOA-a1PiLA.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}*/

 

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

GENERAL STYLING

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

body {

    /*font-family: 'Coda-Regular' !important;*/

    /*font-family: 'Cairo' !important;*/
    font-family: 'NeoSansArabicRegular', sans-serif !important;

    font-size: 16px !important;

    color: #4F5152 !important;

}

a {

    color: #026acb;

    text-decoration: none;

    outline: none;

}

a:hover {

    text-decoration: none !important;

    /*color: #AC2B72 !important;*/

}

p {

    margin: 0 0 1.2em;

    padding: 0;

    text-align: justify;

}

A:focus {

    outline: none !important;

}

*:focus {

    outline: none !important;

}

/* reset webkit search input styles */

input[type=search] {

    -webkit-appearance: none;

    outline: none;

}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {

    display: none;

}

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

STRUCTURE

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

html {

    font-size: 62.5%; 

  }

.main {

  overflow: hidden;

  position: relative;

}

.pagewrap {

    width: 1300px;

    margin: 0 auto !important;

    position: relative;

    max-width: 1920px;

}

header {

    position: absolute;

    top: 0px;

    width: 100%;

    z-index: 20;

    padding: 10px 0;

    background: #575756;

    height: 82px;

}

.header__right {

  margin-left: auto;

  display: inline-flex;

  align-items: center;

}

.header__logo img {

  max-width: 100%;

  height: auto;

}

.menu__icon {

    width: 50px;

    position: relative;

    z-index: 9999;

}

.menu__icon span{

    width: 100%;

    height: 2px;

    background: #1c1c1c;

    margin-top: 7px;

    display: block;

}

.menu__icon span:first-child {

    margin-top: 0;

}

.header__right-lang {

  font-size: 2rem;

  color: #cccccc;

  /*font-family: 'Coda-Regular';*/

  /*font-family: 'Cairo';*/
  font-family: 'NeoSansArabicRegular', sans-serif;

}

.header__right-lang a {

   color: #cccccc;

}

.header__search {

  margin: 0 20px 0 30px;

  position: relative;

}

.header__search i {

  font-size: 20px;

  color: #fff;

}

.search_bar{

  position: absolute;

  padding: 5px 10px;

  background: #2e2e2e;

  display: none;

  right: -8px;

  top: 59px;

  width: 250px;

  border-radius: 5px;

}

.search_bar::before{

  content: "";

  position: absolute;

  border-left: 8px solid transparent;

  border-right: 8px solid transparent;

  border-bottom: 8px solid #2e2e2e;

  right: 11px;

  top: -8px;

}

.search_bar input {

  background: none;

  color: #fff;

  border: 0;

}

#search_icon {

  cursor: pointer;

}

.home-banner-wrap {

  position: relative;

  max-width: 1950px;

    margin: 0 auto;

    max-height: 100vh; 

}

.slide-cover {

  height: 100vh;

  width: 100%;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}

.banner-slide-dec-wrap {

  position: absolute;

}

.slide-cover img {

  /* max-width: 100%;

  width: auto;

  height: 100vh; */ 

  visibility: hidden; 

}

.banner-slide-dec {

  background: rgb(37 52 73 / 85%);

  padding: 35px 40px;

  position: absolute;

  bottom: 11rem;

  left: 0;

  z-index: 10;

  height: 210px;

    box-sizing: border-box;

}

.banner-slide-dec::before {

  content: "";

  background: url(../images/bnr-dec.png) no-repeat center;

  background-size: 18px 100%;

  /*width: 50px;

  height: 331px;*/

  width: 18px;

  height: 245px;

  position: absolute;

  /*left: -34px;

  top: -60px;*/

  left: -16px;

  top: -18px;

}

.banner-slide-dec h4 {

  /*font-family: 'Cairo';*/
  font-family: 'NeoSansArabicMedium', sans-serif;

  font-size: 8rem;

  line-height: 6rem;

  font-weight: normal;

  color: #fff;

  margin: 0 0 3rem 0;

  text-shadow: 4px 8px 14px rgba(0,0,0,0.61);

}

.banner-slide-dec h5 {

  /*font-family: 'Cairo';*/
  font-family: 'NeoSansArabicMedium', sans-serif;

  font-size: 3.2rem;

  font-weight: normal;

  color: #fff;

  margin: 0 0;

}

.home-welcome {

  padding: 60px 0;

}

.home-welcome-wrap {

  display: flex;

  align-items: center;

}



h2.home-heading  {

  /*font-family: 'Cairo';*/
  font-family: 'NeoSansArabicMedium', sans-serif;

  font-size: 3.7rem;

  font-weight: normal;

  margin-bottom: 3rem;

    padding-bottom: 2.5rem;

    position: relative;

    

}

h2.home-heading::before {

  content: "";

  height: 10px;

  width: 100px;

  bottom: 0;

  position: absolute;

  background: rgba(210,216,45,1);

background: -moz-linear-gradient(left, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

background: -webkit-gradient(left top, right top, color-stop(0%, rgba(210,216,45,1)), color-stop(100%, rgba(174,207,227,1)));

background: -webkit-linear-gradient(left, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

background: -o-linear-gradient(left, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

background: -ms-linear-gradient(left, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

background: linear-gradient(to right, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d82d', endColorstr='#aecfe3', GradientType=1 );

}

.home-welcome-right aside {

  line-height: 25px;

}

.home-welcome-right .read-more-btn {

  float: right;

  margin-top: 15px;

}

.read-more-btn {

  position: relative;

}

.read-more-btn a{

  font-size: 16px;

  color: #AC2B72;

  /*font-family: 'Cairo';*/
  font-family: 'NeoSansArabicMedium', sans-serif;

  padding-left: 45px;

  -webkit-transition: all 400ms ease; 

  -moz-transition: all 400ms ease; 

  -ms-transition: all 400ms ease; 

  transition: all 400ms ease;

}

.read-more-btn a:hover::before {

  width: 40px;

}

.read-more-btn a:hover {

  color: #b2d0d0;

}

.read-more-btn a::before {

  content: "";

  height: 5px;

  width: 30px;

  top: 50%;

    margin-top: -2px;

  left: 0;

  position: absolute;

  -webkit-transition: all 400ms ease; 

  -moz-transition: all 400ms ease; 

  -ms-transition: all 400ms ease; 

  transition: all 400ms ease;

  background: rgba(210,216,45,1);

background: -moz-linear-gradient(left, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

background: -webkit-gradient(left top, right top, color-stop(0%, rgba(210,216,45,1)), color-stop(100%, rgba(174,207,227,1)));

background: -webkit-linear-gradient(left, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

background: -o-linear-gradient(left, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

background: -ms-linear-gradient(left, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

background: linear-gradient(to right, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d82d', endColorstr='#aecfe3', GradientType=1 );

}

.home-mid-main {

  position: relative;

}

.home-mid-slide img {

  max-width: 100%;

  height: auto;

}

.home-mid-left {

  position: absolute;

  background: rgb(37 52 73 / 85%);

  height: 100%;

  width: 35%;

  padding: 320px 40px 0 100px;

  box-sizing: border-box;

  color: #fff;

  top: 0;

}

.home-mid-left-head-main {

  /*font-family: 'Cairo';*/
  font-family: 'NeoSansArabicMedium', sans-serif;

  font-size: 10rem;

  line-height: 9rem;

  font-weight: normal;

  color: #fff;

  margin: 0 0 0 0;

  text-shadow: 4px 8px 14px rgb(0 0 0 / 61%);

  white-space: nowrap;

  position: absolute;

  z-index: 5;

  left: 100px;

  top: 100px;

}

.home-mid-left-dec h4 {

  /*font-family: 'Cairo';*/
  font-family: 'NeoSansArabicMedium', sans-serif;

  font-size: 3.7rem;

  font-weight: normal;

  margin-bottom: 2rem;

}

.home-mid-left-dec h5 {

  /*font-family: 'Cairo';*/
  font-family: 'NeoSansArabicMedium', sans-serif;

  font-size: 16px;

  font-weight: normal;

  margin-bottom: 0;

}

.home-mid-left-sub {

  background: url(../images/bnr-dec.png) no-repeat left center;

  background-size: 18px 100%;

    padding-left: 40px;

    padding-top: 20px;

    padding-bottom: 20px;

    margin-bottom: 25px;

} 

.home-mid-left-dec .read-more-btn {

  float: right;

  margin-top: 30px;

}

.home-mid-left-dec .read-more-btn a{

  color: #D1D82D;

}

.home-partners-main {

  background: #F7F8F8;

  padding: 6rem 0;

}

.home-partners-wrap {

  display: flex;

  justify-content: space-between;

}

.home-partners-logo {

  background: url(../images/partner-logo-bg.svg) no-repeat left center;

  min-height: 205px;

  display: flex;

  align-items: center;

  padding-left: 40px;

  margin: 0 5%;

  margin-top: 15px;

}

.home-partners-logo img {

  /*width: auto !important;*/

  width: 160px !important;

  max-width: 100%;

}

footer {

  padding: 20px 0;

  color: #8C9CA6;

  font-size: 13px;

  font-weight: bold;

}

footer a {

  color: #8C9CA6;

  margin-right: 15px;

}

.footer-right {

  text-align: right;

}

#bannerslider.owl-theme .owl-dots .owl-dot span {

  width: 19px;

  height: 8px;

}

#bannerslider.owl-theme .owl-dots .owl-dot.active span {

  background: #D1D82D;

  width: 31px;

}

#bannerslider.owl-theme .owl-dots .owl-dot:hover span {

  background: #D1D82D;

}

#bannerslider.owl-theme .owl-dots {

  text-align: right;

    position: absolute;

    right: 5%;

    padding-right: 50px;

    bottom: 70px;

}



#projecthomeslider.owl-theme .owl-dots .owl-dot span {

  width: 19px;

  height: 8px;

}

#projecthomeslider.owl-theme .owl-dots .owl-dot.active span {

  background: #D1D82D;

  width: 31px;

}

#projecthomeslider.owl-theme .owl-dots .owl-dot:hover span {

  background: #D1D82D;

}

#projecthomeslider.owl-theme .owl-dots {

  text-align: center;

    position: absolute;  

    bottom: 70px;

    width: 35%;

    display: flex;

    align-items: center;

    justify-content: center;

}

#projecthomeslider.owl-theme .owl-nav {

  position: absolute;

  bottom: 76px;

  width: 35%;

  padding: 0 5%;

  box-sizing: border-box;

  display: flex;

  justify-content: space-between; 

}

#projecthomeslider.owl-theme .owl-nav .owl-prev,

#projecthomeslider.owl-theme .owl-nav .owl-next {

  width: 13px;

  height: 23px;

  cursor: pointer;

  position: relative;

  z-index: 10;

}

#projecthomeslider.owl-theme .owl-nav .owl-prev {

  background: url(../images/Icon-right.png);

}

#projecthomeslider.owl-theme .owl-nav .owl-next {

  background: url(../images/Icon-left.png);

}

#partners_slider.owl-theme .owl-nav {

  position: absolute;

  top: 45%;

  width: 100%;

  padding: 0;

  box-sizing: border-box;

  display: flex;

  justify-content: space-between;

  z-index: 10;

  pointer-events: none;

}

#partners_slider.owl-theme .owl-nav .owl-prev,

#partners_slider.owl-theme .owl-nav .owl-next {

  width: 13px;

  height: 23px;

  cursor: pointer;

  pointer-events: visible;

  position: relative;

}

#partners_slider.owl-theme .owl-nav .owl-prev {

  background: url(../images/our-value-right-arw.svg);

  left: -28px;

}

#partners_slider.owl-theme .owl-nav .owl-next {

  background: url(../images/our-value-left-arw.svg);

  right: -28px;

}

#partners_slider.owl-theme .owl-nav .owl-prev.disabled,

#partners_slider.owl-theme .owl-nav .owl-next.disabled {

opacity: 0;

}



#ourValues.owl-theme .owl-dots .owl-dot span {

  width: 19px;

  height: 8px;

}

#ourValues.owl-theme .owl-dots .owl-dot.active span {

  background: #D1D82D;

  width: 31px;

}

#ourValues.owl-theme .owl-dots .owl-dot:hover span {

  background: #D1D82D;

}

#ourValues.owl-theme .owl-dots {

  text-align: center;

  position: absolute;

  bottom: 35px;

  left: 70px;

  width: 250px;

  display: flex;

  align-items: center;

  justify-content: center;

}

#ourValues.owl-carousel {

  position: static;

}

#ourValues .owl-nav{

  margin: 0;

  position: absolute;

  left: 70px;

  bottom: 53px;

  width: 250px;

}

#ourValues .owl-nav .owl-prev span, #ourValues .owl-nav .owl-next span{

    display: block;

  width: 100%;

  height: 100%; 

}

#ourValues .owl-nav .owl-prev {

position: absolute;

    left: 0px;

  top: 0;

background: url("../images/our-value-right-arw.svg") no-repeat center ;

width: 13px;

height: 22px; 

  z-index: 10;

}

#ourValues .owl-nav .owl-next {

position: absolute; 

  right: 0px;

  top: 0;

  background: url("../images/our-value-left-arw.svg") no-repeat center ;

width: 13px;

height: 22px; 

  z-index: 10;

}





#ourProjects.owl-theme .owl-dots .owl-dot span {

  width: 19px;

  height: 8px;

}

#ourProjects.owl-theme .owl-dots .owl-dot.active span {

  background: #D1D82D;

  width: 31px;

}

#ourProjects.owl-theme .owl-dots .owl-dot:hover span {

  background: #D1D82D;

}

#ourProjects.owl-theme .owl-dots {

  text-align: center;

  position: relative;

  bottom: 0;

  width: 65%;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0 auto;

  padding: 0 22px;

}

 

#ourProjects .owl-nav{

  margin: 28px auto 0 auto;

  position: relative;

  bottom: 0;

  width: 65%;

}

#ourProjects .owl-nav .owl-prev span, #ourValues .owl-nav .owl-next span{

    display: block;

  width: 100%;

  height: 100%; 

}

#ourProjects .owl-nav .owl-prev {

position: absolute;

    left: 0px;

  top: 0;

background: url("../images/our-value-right-arw.svg") no-repeat center ;

width: 13px;

height: 22px; 

  z-index: 10;

}

#ourProjects .owl-nav .owl-next {

position: absolute; 

  right: 0px;

  top: 0;

  background: url("../images/our-value-left-arw.svg") no-repeat center ;

width: 13px;

height: 22px; 

  z-index: 10;

}

.main-banner__count {

  position: absolute;

  right: 5%;

  bottom: 60px;

  font-size: 16px;

  color: #fff;

  /*font-family: 'Cairo';*/
  font-family: 'NeoSansArabicMedium', sans-serif;

}

 

.pro-banner__count { 

  font-size: 16px;

  color: #fff;

  padding-left: 50px;

  /*font-family: 'Cairo';*/
  font-family: 'NeoSansArabicMedium', sans-serif;

}

.main-banner__count span,

.pro-banner__count span {

  display: block;

  text-align: left;

}

.main-banner__count span:first-child,

.pro-banner__count span:first-child {

  text-align: left;

  padding-right: 20px;

  position: relative;

}

.main-banner__count span:first-child::before,

.pro-banner__count span:first-child::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 1px;

  background: #fff;

  bottom: 0;

  transform: rotate(-45deg);

}

.main-banner__count span:nth-child(2),

.pro-banner__count span:nth-child(2) {

  text-align: right;

  padding-left: 20px;

}

.inner-bnr-main {

  background: url(../images/inner_bnr_bg.jpg) no-repeat center top;

  background-size: cover;

  min-height: 390px;

  box-sizing: border-box;

  padding-top: 115px;

}

.breadcrumb-custom {

  

}

.breadcrumb-custom span{

  position: relative;

  font-size: 16px; 

  color: #fff;

  /*font-family: 'Cairo';*/
  font-family: 'NeoSansArabicMedium', sans-serif;

  margin-right: 17px;

  padding-right: 17px;

  display: inline-block;

}

.breadcrumb-custom span::before {

  content: "";

  position: absolute;

  width:6px ;

  height: 11px;

  right: 0;

  top: 8px;

  background: url(../images/Icon-bredcrumb.svg) no-repeat right center;

}

.breadcrumb-custom span:last-child:before {

  display: none;

}

.breadcrumb-custom a {

  color: #fff;

  

}

.breadcrumb-custom a:hover {

  color: #D1D82D;

  

}

.page-head-wrap {

  display: flex;

  align-items: center;

  margin-top: 45px;

}

.inr-page-heading {

  font-size: 3.7rem; 

  color: #fff;

  /*font-family: 'Cairo';*/
  font-family: 'NeoSansArabicMedium', sans-serif;

  font-weight: normal;

  margin: 0;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;  

  overflow: hidden;

}

.inr-page-heading span {

  display: block;

  font-size: 16px;

  margin-top: 15px;

}



.page-top-links {

  color: #fff;

  font-size: 18px;

  margin-left: auto;

  white-space: nowrap;

}

.page-top-links a {

  color: #fff;

  margin-left: 20px;

}

.page-top-links a:hover {

  color: #D1D82D;

  

}

.page-top-links i {

 

}

.tooltip {

  font-size: 15px !important;

}

.tooltip-inner { 

  padding: 7px 15px !important; 

  background-color: #2e2e2e !important;

  border-radius: 6px !important;

}

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before { 

  border-top-color: #2e2e2e !important;

  border-width: 0.6rem 0.6rem 0 !important;

}

.inr-main-wrap {

  margin-top: -95px;

}

.inner-wrapper{

  box-shadow: 0px 3px 42px rgba(0, 0, 0, 0.1);

  background: #fff;

  padding: 45px 30px;

  min-height: 400px;

}

.abt-sub-head {

  /*font-size: 3.7rem; */

  font-size: 3rem;

  color: #575756;

  /*font-family: 'Cairo';*/
  font-family: 'NeoSansArabicMedium', sans-serif;

  font-weight: normal;

  margin: 0;

  padding: 30px 0 40px 55px;

  background: url(../images/abt-head-bg.png) no-repeat left center;

}

.abt-sub-cnt {

  margin-left: 55px;

  /*margin-top: 25px;*/

  line-height: 25px;
  text-align: justify;

}

.founding-sec,

.best-sec,

.abt-cnt-row {

  margin-bottom: 45px;

}

.abt-cnt-btm {

  background: #F7F8F8;

  padding: 35px 0;

  /*margin-left: -30px !important;

  margin-right: -30px !important;*/

}

.values-sec-left {

  padding-bottom: 80px;

}

.values-sec-right {

  position: static !important;

  display: flex;

  align-items: center;

}

.values-sec {

  position: relative;

}

.our-values-box {

  background: url(../images/partner-logo-bg.svg) no-repeat left center;

  min-height: 205px;

  display: flex;

  align-items: center;

  padding-left: 40px; 

  margin-right: 25px;

  font-size: 3.7rem; 

  line-height: 3.8rem;

  color: #575756;

  /*font-family: 'Cairo';*/
  font-family: 'NeoSansArabicMedium', sans-serif;

  font-weight: normal;

}

.inner-side-list-wrap {

  background: rgb(37 52 73 / 75%);

  width: 210px;

  padding: 20px 20px;

  box-sizing: border-box;

  padding-left: 40px;

  margin-left: -30px;

  position: absolute;

  top: 90px;

  margin-top: 0px;

  z-index: 10;

  min-height: 250px;

  display: flex;

  align-items: center;

}

.inner-side-list-fixed {

/*

  position: fixed;

  top: 90px;

*/

}

.inner-side-list-wrap::before {

  content: "";

  position: absolute;

  left: 0;

  border-top: 44px solid transparent;

  border-bottom: 0px solid transparent;

  border-left: 210px solid rgb(37 52 73 / 75%);

  top: -44px;

}

.inner-side-list-wrap::after {

  content: "";

  position: absolute;

  left: 0;

  border-top: 0px solid transparent;

  border-bottom: 44px solid transparent;

  border-left: 210px solid rgb(37 52 73 / 75%);

  bottom: -44px;

}

.inner-side-list-spacer{  

  position: absolute;

  left: -8px;

  width: 16px;

  top: 0px;

  bottom: 0px;

  z-index: 1;

  background: rgba(210,216,45,1);

background: -moz-linear-gradient(top, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(210,216,45,1)), color-stop(100%, rgba(174,207,227,1)));

background: -webkit-linear-gradient(top, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

background: -o-linear-gradient(top, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

background: -ms-linear-gradient(top, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

background: linear-gradient(to bottom, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d82d', endColorstr='#aecfe3', GradientType=0 );

}

.inner-side-list-spacer::before {

  content: "";

  position: absolute;

  left: 0;

  border-top: 16px solid transparent;

  border-bottom: 0px solid transparent;

  border-left: 16px solid #D1D82D;

  top: -16px;

}

.inner-side-list-spacer::after {

  content: "";

  position: absolute;

  left: 0;

  border-top: 0px solid transparent;

  border-bottom: 16px solid transparent;

  border-left: 16px solid #AED0E3;

  bottom: -16px;

}

.inner-side-list ul {

  list-style: none;

  margin-left: 50px;

  position: relative;

}



.inner-side-list ul li {

  font-size: 16px;

  /*font-family: 'Cairo';*/
  font-family: 'NeoSansArabicMedium', sans-serif;

  color: #fff;

  margin-top: 17px;

  position: relative;

}

.inner-side-list ul li::before {

  content: "";

  height: 5px;

  width: 25px;

  top: 11px;

  margin-top: -2px;

  left: -43px;

  position: absolute;

  -webkit-transition: all 400ms ease;

  -moz-transition: all 400ms ease;

  -ms-transition: all 400ms ease;

  transition: all 400ms ease;

  background: rgba(210,216,45,1);

  background: -moz-linear-gradient(left, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(210,216,45,1)), color-stop(100%, rgba(174,207,227,1)));

  background: -webkit-linear-gradient(left, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

  background: -o-linear-gradient(left, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

  background: -ms-linear-gradient(left, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

  background: linear-gradient(to right, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d82d', endColorstr='#aecfe3', GradientType=1 );

}

.inner-side-list ul li:first-child {

  margin-top: 0;

}

.inner-side-list ul li a {

  color: #fff;

}

.inner-side-list ul li a:hover,

.inner-side-list ul li a.active {

  color: #D1D82D;

}

.chairman-name {

  text-align: center;

  margin-top: 15px;

}

.chairman-name span {

  display: block;

  margin-top: 3px;

}

.chairman-msg {

  background: #F7F8F8;

  padding: 20px;

  position: relative;

  margin-left: -60px;

    margin-top: 100px;

}

.chairman-msg::before{

  content: "";

  position: absolute;

  left: -16px;

  top: 0;

  bottom: 0;

  width: 16px;

  background: rgba(210,216,45,1);

  background: -moz-linear-gradient(top, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(210,216,45,1)), color-stop(100%, rgba(174,207,227,1)));

  background: -webkit-linear-gradient(top, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

  background: -o-linear-gradient(top, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

  background: -ms-linear-gradient(top, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

  background: linear-gradient(to bottom, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d82d', endColorstr='#aecfe3', GradientType=0 );

  }

  .chairman-msg::after{

    content: "";

    position: absolute;

    width: 50px;

    height: 41px;

    background:url(../images/Icon-quote.png) no-repeat;

    top: -45px;

    left: -25px;

  }

  .chairman-msg-name {

    position: relative;

    /*font-family: 'Cairo';*/
    font-family: 'NeoSansArabicMedium', sans-serif;

    float: right;

    padding-left: 50px;

    margin-top: 15px;

  }

  .chairman-msg-name::before {

    content: "";

    height: 5px;

    width: 30px;

    top: 50%;

      margin-top: -2px;

    left: 0;

    position: absolute;

    -webkit-transition: all 400ms ease; 

    -moz-transition: all 400ms ease; 

    -ms-transition: all 400ms ease; 

    transition: all 400ms ease;

    background: rgba(210,216,45,1);

  background: -moz-linear-gradient(left, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(210,216,45,1)), color-stop(100%, rgba(174,207,227,1)));

  background: -webkit-linear-gradient(left, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

  background: -o-linear-gradient(left, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

  background: -ms-linear-gradient(left, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

  background: linear-gradient(to right, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d82d', endColorstr='#aecfe3', GradientType=1 );

  }

 

  .cob-cnt-left img {

    width: 100%;

    height: auto;

  }

  .bod-list-box { 

    margin-bottom: 50px;

  }

  .bod-list-box::after {

    content: "";

    clear: both;

    display: block;

  }

  .bod-list-image {

    max-width: 190px;

    margin-left: 25px;

    margin-right: 35px;

    float: left;

    position: relative;

    z-index: 1;

  }

  .bod-list-image::before {

    content: "";

    position: absolute;

    width: 33px;

    top: 0;

    bottom: 0;

    left: -17px;

    background: url(../images/grn-line.png) center no-repeat;

  }

  .bod-list-name {

    background: #F7F8F8;

    padding: 40px 15px 40px 40px;

    /*font-family: 'Cairo';*/
    font-family: 'NeoSansArabicMedium', sans-serif;

    font-size: 24px;

    line-height: 26px;

    position: relative;

    top: 60px;

  }

  .bod-list-name span {

    display: block;

    font-size: 16px;

    color: #575756;

    margin-top: 15px;

  }

  .bod-cnt-top-box {

    padding: 6rem 0 8rem 0 !important;

    display: flex;

    justify-content: center;

}

.awards-cnt-row {

  justify-content: center;

}

.awards-list-box { 

  margin-bottom: 50px;

}

.awards-list-box::after {

  content: "";

  clear: both;

  display: block;

}

.awards-list-image {

  width: 194px;

  height: 295px;

  border: 1px solid #D1D82D;

  background: #fff;

  box-sizing: border-box;

  margin-left: 25px;

  margin-right: 35px;

  float: left;

  position: relative;

  z-index: 1;

  display: flex;

    align-items: center;

    justify-content: center;

}

.awards-list-image::before {

  content: "";

  position: absolute;

  width: 33px;

  top: 0;

  bottom: 0;

  left: -17px;

  background: url(../images/grn-line.png) center no-repeat;

}

.awards-list-name {

  background: #F7F8F8;

  padding: 40px 15px 40px 40px;

  /*font-family: 'Cairo';*/
  font-family: 'NeoSansArabicMedium', sans-serif;

  font-size: 24px;

  line-height: 26px;

  position: relative;

  top: 60px;

  min-height: 150px;

  box-sizing: border-box;

}

.awards-list-name aside {

  display: block;

  font-size: 16px;

  color: #575756;

  margin-top: 15px;

}

.awards-cnt-top-box {

  padding: 6rem 0 8rem 0 !important;

  display: flex;

  justify-content: center;

}

.news-cnt-row{

    text-align: justify;

}

.project-cnt-row {

  justify-content: center;

  text-align: justify;

}

.projects-list-right {

  background: #F7F8F8;

}

.projects-list-box {

  align-items: center;

  margin-bottom: 45px;

}

.projects-list-image {

  position: relative;

}

.projects-list-image::before {

  content: "";

  position: absolute;

  width: 33px;

  top: 0;

  bottom: 0;

  left: -17px;

  background: url(../images/grn-line.png) center no-repeat;

  background-size: contain;

}

.projects-list-right {

  padding: 35px 35px !important;

}

.projects-list-right h4 {

  /*font-family: 'Cairo';*/
  font-family: 'NeoSansArabicMedium', sans-serif;

  font-size: 24px;

  line-height: 26px;

  font-weight: normal;

  /*color: #AC2B72; */

  color: #d2d82d;

  margin: 0 0 20px 0;

}

.projects-list-head {

  display: flex;

}

.projects-list-right h4 a {

  /*color: #AC2B72; */

  color: #d2d82d;

}

.projects-list-details {

  border-top: 1px solid #d1d1d1;

  padding-top: 8px;

  margin-top: 15px;

}

.projects-list-details-row {

  display: flex;

  margin: 18px 0;

  align-items: center;

  /*font-family: 'Cairo';*/
  font-family: 'NeoSansArabicMedium', sans-serif;

}

.projects-list-details-row label {

  color: #AC2B72; 

  margin: 0 12px 0 0;

}

.projects-list-details-row label img {

  margin-right: 8px;

}

.project-det-cnt-row {

  margin: 0 0 !important;

}

.project-det-right .projects-list-right h4 {

  font-size: 24px;

  line-height: 26px;

}

.project-det-right .projects-list-right {

  padding: 25px !important;

}

.project-det-right-btm {

  background: #F7F8F8;

  padding: 25px;

  margin-top: 25px;

  text-align: justify;

}

.project-det-map {

  margin-top: 45px;

}

.project-det-map iframe{

    width: 100%;

    height: 300px;

}

.project-det-slider-img {

  position: relative;

  padding-left: 5px;

}

.project-det-slider-img::before {

  content: "";

  position: absolute;

  width: 33px;

  top: 0;

  bottom: 0;

  left: -8px;

  background: url(../images/grn-line.png) center no-repeat;

  background-size: contain;

}

.project-det-cnt-row::after {

  content: "";

  clear: both;

  display: block;

}

.project-det-slider,

.project-det-map {

  width: 60%;

  float: left;

  box-sizing: border-box;

  padding-right: 30px;

}

.project-det-right {

  width: 40%;

  float: right;

}

.project-det-map-inr {

  background: url(../images/locationmapbg.png);

  min-height: 185px;

  display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

}

.project-det-map-text {

  color: #AC2B72; 

  /*font-family: 'Cairo';*/
  font-family: 'NeoSansArabicMedium', sans-serif;

  display: flex;

  align-items: center;

  justify-content: center;

}

.project-det-map-text img {

  margin-right: 25px;

}

.modal-content .close {

  font-size: 30px;  

}

.modal-title {

  font-size: 18px;

  /*font-family: 'Cairo';*/
  font-family: 'NeoSansArabicMedium', sans-serif;

}

.projects-list-right .read-more-btn {

    float: right;

    margin-top: 15px;

}

.news-date {

  font-size: 14px;

  color: #575756;

  position: relative;

  margin-bottom: 20px;

}

.news-date span {

  background: #f7f8f8;

  display: inline-block;

  padding-right: 15px;

  position: relative;

}

.news-date::before {

  content: "";

  height: 1px;

  width: 200px;

  background: #d1d1d1;

  position: absolute;

  top: 50%;

}

.news-details-pic {

  float: right;

  position: relative;

  margin-left: 40px;

  margin-bottom: 30px;

}

.news-details-pic::before {

  content: "";

  position: absolute;

  width: 33px;

  top: 0;

  bottom: 0;

  left: -17px;

  background: url(../images/grn-line.png) center no-repeat;

  background-size: contain;

}

.contact-cnt-subhead {

  font-size: 20px;

  text-align: center;

  /*font-family: 'Cairo';*/
  font-family: 'NeoSansArabicMedium', sans-serif;

  font-weight: normal;

}

.contact-cnt-top-box {

  font-size: 18px;

  /*font-family: 'Cairo';*/
  font-family: 'NeoSansArabicMedium', sans-serif;

  display: inline-flex;

}

.contact-cnt-top-box label{

  margin-bottom: 0;

  margin-right: 15px;

  margin-top: 5px;

}

.contact-cnt-top-box label i  {

  color: #AC2B72;

}

.contact-cnt-top-sec {

  margin-top: 40px;

  display: flex;

    justify-content: space-between;

    padding: 0 30px;

}

.contact-cnt-top-box-share span a{

  background: #575756;

    color: #fff;

    width: 25px;

    height: 25px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    font-size: 16px;

}

.contact-cnt-top-box-share span a:hover {

  background: #AC2B72; 

}

.cont-time {

  /*font-family: 'Coda-Regular';*/

  /*font-family: 'Cairo';*/
  font-family: 'NeoSansArabicRegular', sans-serif;

}

.contact-cnt-mid-left {

  padding-right: 0 !important;

  padding-left: 0 !important;

  display: flex;

    align-items: center; 

    background: #253449;

    justify-content: center;

}

.contact-cnt-mid-left img {

  width: 100%;

}

.contact-cnt-mid-right {

  background: #253449;

  padding: 60px !important;

  position: absolute !important;

  right: 0;

  top: 0;

    bottom: 0;

}

.contact-cnt-mid-sec {

  margin-top: 40px;

  margin-left: 0 !important;

    margin-right: 0 !important;

    position: relative;

    min-height: 697px;

}

.contact-cnt-mid-right-head {

  font-weight: normal;

  /*font-family: 'Cairo';*/
  font-family: 'NeoSansArabicMedium', sans-serif;

  font-size: 20px;

  color: #fff;

  margin-bottom: 70px;

}

div.input-block {

  position: relative;

  margin-bottom: 25px;

}

div.input-block input,

div.input-block textarea {

  padding: 23px 8px 10px 8px; 

  border: 0;

  width: 100%; 

  border: 0;

  margin-bottom: 9px;

  min-height: 44px;

  font-size: 18px; 

  /*font-family: 'Cairo';*/
  font-family: 'NeoSansArabicMedium', sans-serif;

  color: #fff !important;

  outline:none;

  background: none;

  border-bottom:1px solid #8C9CA6 ;

}

div.input-block span.placeholder {

  position: absolute;

  margin: 25px 0 0 0;

  padding: 0px; 

  color:  #8C9CA6;

  display: flex;

  align-items: center; 

  font-size: 15px;

  top: 0;

  left: 8px;

  transition: all 0.2s;

  transform-origin: 0% 0%;

  background: none;

  pointer-events: none;

}

div.input-block input:valid + span.placeholder,

div.input-block input:focus + span.placeholder,

div.input-block textarea:valid + span.placeholder,

div.input-block textarea:focus + span.placeholder {

  /* transform: scale(0.8) translateY(-30px); */

  /* background: #fff; */

  margin-top: -8px ; 

  color: #8C9CA6;

}

div.input-block span.placeholder b {

  color: red;

  font-weight: normal;

}

input:-webkit-autofill {

  -webkit-box-shadow: 0 0 0 30px #253449 inset !important;

  -webkit-text-fill-color: #fff;

}

.contact_message {

  margin-top: 40px;

}

.contact_message .placeholder {

  color:  #8C9CA6;  

  font-size: 15px;

  margin: 0 0 10px 8px;

}

textarea.form-contact {

  background: #344256;

  border: 0;

  border-bottom:1px solid #8C9CA6 ;

  width: 100%;

  min-height: 160px;

  box-sizing: border-box;

  padding: 10px;

  color: #fff !important;

}

.form-contact-btn {

  text-align: center;

}

.enq_form_btn {

  /*font-family: 'Cairo';*/
  font-family: 'NeoSansArabicMedium', sans-serif;

  width: 184px;

  box-sizing: border-box;

  padding: 5px 10px;

  border: 0;

  border-radius: 25px;

  margin-top: 50px;

  background: rgba(210,216,45,1);

  background: -moz-linear-gradient(left, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(210,216,45,1)), color-stop(100%, rgba(174,207,227,1)));

  background: -webkit-linear-gradient(left, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

  background: -o-linear-gradient(left, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

  background: -ms-linear-gradient(left, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

  background: linear-gradient(to right, rgba(210,216,45,1) 0%, rgba(174,207,227,1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d82d', endColorstr='#aecfe3', GradientType=1 );

  

}

.contact-cnt-office-sec {

  position: relative;

  margin: 0 0 !important;

}

.contact-cnt-office-map {

padding: 0 0 !important;

}

.contact-cnt-office-left {

  /* position: absolute; */

  background: rgb(37 52 73 / 90%);

  /* top: 0;

  bottom: 0;

  width: 50%; */

  box-sizing: border-box;

  padding:30px 15px 30px 40px;

}

.contact-cnt-office-left .abt-sub-head {

  color: #fff;

}

.office-adrs-block {

  display: flex;

  color: #fff;

  padding:15px 10px;

}

.office-adrs-block-right {

  width: 100%;

  margin-left: 15px;

}

.office-adrs-block-right-btm {

  display: flex;

  justify-content: space-between;

}

.office-adrs-block-right h5 {

  font-weight: normal;

  font-size: 20px;

  margin: 0 0 10px 0;

  /*font-family: 'Cairo';*/
  font-family: 'NeoSansArabicMedium', sans-serif;

}

.office-adrs-block-showmap .read-more-btn a {

color: #D1D82D;

}

.contact-cnt-office-adrs-wrap {

  margin-top: 30px;

}

.contact-cnt-office-adrs-wrap .office-adrs-block:nth-child(2n+2){

  background: rgb(255 255 255 / 10%);

}